/* DQM2 Stage K.1.3.16 ranking UI rebuilt from scratch.
   This file intentionally does not reuse the K.1.2.x ranking panel classes. */
body.dqm2-k1316-ranking-page #main>.dqm2-k1316-ranking-root{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.dqm2-k1316-ranking-page #main>.dqm2-k1316-ranking-root::before,
body.dqm2-k1316-ranking-page #main>.dqm2-k1316-ranking-root::after{
  content:none!important;
  display:none!important;
}

/* The form itself is structural only. No frame, rounded corners, shadow, or background. */
body.dqm2-k1 #main form.dqm2-k1316-ranking-form{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.dqm2-k1 #main form.dqm2-k1316-ranking-form::before,
body.dqm2-k1 #main form.dqm2-k1316-ranking-form::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

.dqm2-k1316-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.dqm2-k1316-group{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 12px 10px!important;
  border:1px solid #d5deea!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dqm2-k1316-title{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#172c47!important;
  line-height:1.35!important;
}
.dqm2-k1316-title strong{
  margin:0!important;
  padding:0!important;
  color:#172c47!important;
  font-size:13px!important;
  font-weight:900!important;
}
.dqm2-k1316-title small{
  flex:0 0 auto!important;
  color:#6f7d91!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.dqm2-k1316-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
body.dqm2-k1 #main .dqm2-k1316-input{
  position:absolute!important;
  width:1px!important;
  min-width:0!important;
  height:1px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}
body.dqm2-k1 #main label.dqm2-k1316-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:5px 11px!important;
  border:1px solid #becbdd!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#244867!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transform:none!important;
}
body.dqm2-k1 #main .dqm2-k1316-input:checked+label.dqm2-k1316-chip{
  border-color:#315f8e!important;
  background:#315f8e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 1px 5px rgba(31,69,108,.20)!important;
}
body.dqm2-k1 #main .dqm2-k1316-input:disabled+label.dqm2-k1316-chip,
body.dqm2-k1 #main label.dqm2-k1316-chip.is-disabled{
  border-color:#dde2e9!important;
  background:#f2f4f7!important;
  color:#a7afb9!important;
  -webkit-text-fill-color:#a7afb9!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
body.dqm2-k1 #main label.dqm2-k1316-chip em{
  margin-left:4px!important;
  padding:1px 5px!important;
  border-radius:999px!important;
  background:#e8ebef!important;
  color:#7b8490!important;
  font-size:8px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.dqm2-k1316-note{
  margin:10px 0 0!important;
  padding:8px 10px!important;
  border:0!important;
  border-left:3px solid #829fbe!important;
  border-radius:0!important;
  background:#f3f6fa!important;
  color:#4f5f73!important;
  font-size:10px!important;
  line-height:1.55!important;
  box-shadow:none!important;
}
.dqm2-k1316-note.is-xg{
  margin-top:6px!important;
  border-left-color:#8c70b5!important;
  background:#f6f2fb!important;
  color:#594773!important;
}
.dqm2-k1316-action{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:10px 0 0!important;
  border:0!important;
  border-top:1px solid #e0e6ed!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dqm2-k1 #main .dqm2-k1316-action button{
  min-width:200px!important;
  min-height:42px!important;
  margin:0!important;
  padding:7px 18px!important;
  border:1px solid #315f8e!important;
  border-radius:7px!important;
  background:#315f8e!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.3!important;
  box-shadow:none!important;
}
body.dqm2-k1 #main .dqm2-k1316-action button:hover{background:#274e77!important}

@media(max-width:720px){
  .dqm2-k1316-grid{grid-template-columns:1fr!important;gap:7px!important}
  .dqm2-k1316-group{padding:9px 10px 8px!important;border-radius:8px!important}
  .dqm2-k1316-title{margin-bottom:7px!important}
  .dqm2-k1316-title strong{font-size:12.5px!important}
  .dqm2-k1316-chips{gap:5px!important}
  body.dqm2-k1 #main label.dqm2-k1316-chip{min-height:32px!important;padding:4px 9px!important;font-size:10.5px!important}
  .dqm2-k1316-note{margin-top:7px!important;padding:7px 9px!important;font-size:9.5px!important}
  .dqm2-k1316-action{margin-top:7px!important;padding-top:7px!important}
  body.dqm2-k1 #main .dqm2-k1316-action button{width:100%!important;min-width:0!important}
}