:root{
  --sl-bg:#071117;
  --sl-panel:#0d1923;
  --sl-panel-2:#122232;
  --sl-panel-3:#09141d;
  --sl-line:#223a4d;
  --sl-line-strong:#31566e;
  --sl-text:#edf6fb;
  --sl-muted:#8fa7b7;
  --sl-muted-2:#6f8796;
  --sl-cyan:#67d9ff;
  --sl-mint:#55dfb4;
  --sl-gold:#ffd06d;
  --sl-red:#ff7a78;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-y:scroll;scrollbar-gutter:stable}
body{
  min-height:100vh;
  margin:0;
  color:var(--sl-text);
  background:
    radial-gradient(circle at 85% -4%,rgba(85,223,180,.08),transparent 31rem),
    radial-gradient(circle at 8% 6%,rgba(103,217,255,.09),transparent 30rem),
    var(--sl-bg);
  font-variant-numeric:tabular-nums;
}
button,input,select{font-style:inherit;font-variant:inherit;font-weight:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit}
button{cursor:pointer}

.summonPage{width:min(1480px,calc(100% - 24px));margin:14px auto 0;padding-bottom:28px}
.summonNotice{
  min-height:60px;
  margin-bottom:14px;
  padding:11px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(85,223,180,.29);
  border-radius:12px;
  background:linear-gradient(105deg,rgba(85,223,180,.10),rgba(12,31,40,.8));
}
.summonNotice strong{display:block;color:#e9fff8;font-size:13px}
.summonNotice span{display:block;margin-top:3px;color:#9bb5b4;font-size:10.5px}
.summonNotice__badge{flex:0 0 auto!important;margin:0!important;padding:6px 9px;border:1px solid rgba(103,217,255,.28);border-radius:999px;color:#9ceaff!important;background:rgba(103,217,255,.07);font-weight:850}

.summonTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:6px;border:1px solid var(--sl-line);border-radius:14px;background:#08131b}
.summonTabs button{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sl-muted);font-weight:700}
.summonTabs button>small{color:var(--sl-muted-2);font-size:10.5px;line-height:1.2}
.summonTabs button[aria-selected="true"]{border-color:rgba(103,217,255,.38);background:linear-gradient(180deg,rgba(103,217,255,.12),rgba(103,217,255,.035));color:#f5fbff;box-shadow:inset 0 2px 0 rgba(103,217,255,.72)}
.summonTabs button[aria-selected="true"] small{color:#9eddf4}
.summonTabs button:focus-visible{outline:2px solid var(--sl-cyan);outline-offset:2px}

.summonLayout{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);gap:14px;align-items:start}
.summonCard{min-width:0;overflow:hidden;border:1px solid var(--sl-line);border-radius:14px;background:var(--sl-panel)}
.summonCard__head{min-height:74px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--sl-line);background:var(--sl-panel-2)}
.summonCard__head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.025em}
.summonCard__head p{margin:5px 0 0;color:var(--sl-muted);font-size:11.5px;line-height:1.5}
.summonTypePill,.summonSourcePill{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(85,223,180,.28);border-radius:999px;color:var(--sl-mint);background:rgba(85,223,180,.06);font-size:10px;font-weight:850;white-space:nowrap}
.summonSourcePill{border-color:rgba(103,217,255,.27);color:var(--sl-cyan);background:rgba(103,217,255,.06)}

.summonForm{padding:16px}
.summonField{display:flex;flex-direction:column;gap:6px}
.summonField+.summonField{margin-top:14px}
.summonField>span{color:#b6cad5;font-size:11px;font-weight:800}
.summonField select,.summonField input{width:100%;min-height:43px;border:1px solid #315069;border-radius:9px;outline:0;color:#f0f8fc;background-color:#071219;font-size:13px}
.summonField select{padding:0 36px 0 11px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8195a2 50%),linear-gradient(135deg,#8195a2 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-repeat:no-repeat;background-size:5px 5px}
.summonField input{padding:0 11px}
.summonField select:focus,.summonField input:focus{border-color:var(--sl-cyan);box-shadow:0 0 0 3px rgba(103,217,255,.09)}
.summonField select:disabled,.summonField input:disabled{opacity:.48;cursor:not-allowed}
.summonField input[aria-invalid="true"]{border-color:var(--sl-red);box-shadow:0 0 0 3px rgba(255,122,120,.09)}
.summonField small{color:var(--sl-muted-2);font-size:9.5px;line-height:1.45}
.summonForm__error{margin-top:10px;padding:9px 10px;border:1px solid rgba(255,122,120,.32);border-radius:8px;color:#ffc2c1;background:rgba(116,38,40,.17);font-size:10.5px;line-height:1.5}
.summonForm__note{margin:15px 0 0;padding-top:13px;border-top:1px solid #1d3341;color:#7892a0;font-size:10px;line-height:1.55}

.summonResults{min-width:0;display:grid;gap:14px}
.summonKpis{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}
.summonKpi{min-width:0;min-height:111px;padding:14px;border:1px solid #294258;border-radius:12px;background:#09141d}
.summonKpi--hero{border-color:rgba(103,217,255,.58);background:linear-gradient(145deg,rgba(103,217,255,.12),rgba(9,20,29,.98))}
.summonKpi>span{display:block;color:#8199a7;font-size:10px;font-weight:800}
.summonKpi>strong{display:block;margin-top:8px;color:#f1f9fc;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.035em;overflow-wrap:anywhere}
.summonKpi--hero>strong{color:var(--sl-cyan);font-size:32px}
.summonKpi>small{display:block;margin-top:9px;color:#718b99;font-size:9.5px;line-height:1.4}

.summonTableCard{min-height:388px}
.summonTableWrap{max-width:100%;overflow-x:auto}
.summonTable{width:100%;min-width:650px;border-collapse:collapse}
.summonTable th,.summonTable td{padding:10px 13px;border-bottom:1px solid #1a303d;text-align:right;white-space:nowrap}
.summonTable th{position:sticky;top:0;z-index:2;color:#7893a2;background:#081821;font-size:9.5px;font-weight:850}
.summonTable th:first-child,.summonTable td:first-child{text-align:left}
.summonTable td{color:#d7e7ee;font-size:11.5px}
.summonTable tbody tr:last-child td{border-bottom:0}
.summonTable tbody tr:nth-child(even){background:rgba(255,255,255,.012)}
.summonTable tbody tr:hover{background:rgba(103,217,255,.045)}
.summonTable tbody tr.is-selected{background:rgba(85,223,180,.075)}
.summonTable tbody tr.is-current td:first-child{color:var(--sl-gold);font-weight:900}
.summonTable tbody tr.is-target{box-shadow:inset 3px 0 0 var(--sl-mint);background:rgba(85,223,180,.13)}
.summonTable__badge{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:999px;color:#051713;background:var(--sl-mint);font-size:8px;font-weight:950;vertical-align:middle}
.summonTable__badge--current{color:#241d08;background:var(--sl-gold)}
.summonTable__muted{color:#607985!important}
.summonTable__loading{height:260px!important;color:#7893a1!important;text-align:center!important}

.summonInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.summonInfoBody{padding:15px 16px;color:#aec1ca;font-size:11.5px;line-height:1.65}
.summonInfoBody p{margin:0}
.summonInfoBody p+p{margin-top:10px}
.summonInfoBody strong{color:#e8f7fc}
.summonInfoBody ul{margin:0;padding-left:18px}
.summonInfoBody li+li{margin-top:5px}
.summonInfoBody [data-method-note]{padding:9px 10px;border-left:3px solid var(--sl-cyan);color:#a9c7d4;background:rgba(103,217,255,.055)}
.summonSource{color:#718b98!important;font-size:9.5px}

.updateBox{margin-top:14px;overflow:hidden;border:1px solid #263d4a;border-radius:12px;background:#0a1821}
.updateTitle{padding:11px 13px;border-bottom:1px solid #263d4a;color:#dceaf0;background:#08131a;font-size:12px;font-weight:900}
.updateRow{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:9px 13px;border-bottom:1px solid #1c313d;color:#a9bdc7;font-size:11px;line-height:1.5}
.updateRow:last-child{border-bottom:0}
.updateTime{color:#6e8996;white-space:nowrap}
.updateText{color:#adbec6}
.summonQna{margin-top:14px}

@media(max-width:980px){
  .summonLayout{grid-template-columns:1fr}
  .summonControls{position:static}
}
@media(max-width:700px){
  .summonPage{width:calc(100% - 14px)}
  .summonTabs{gap:5px;padding:5px}
  .summonTabs button{min-height:52px;padding:8px 6px}
  .summonTabs button>small{display:none}
  .summonNotice{min-height:54px;padding:10px 11px}
  .summonNotice__badge{display:none!important}
  .summonKpis{grid-template-columns:1fr 1fr}
  .summonKpi--hero{grid-column:1/-1}
  .summonInfoGrid{grid-template-columns:1fr}
  .summonCard__head{padding:12px 13px}
  .summonForm{padding:14px 13px}
  .updateRow{grid-template-columns:1fr;gap:2px}
}
@media(max-width:420px){
  .summonKpis{grid-template-columns:1fr}
  .summonKpi--hero{grid-column:auto}
}