/* ============================================================
   summary.css — 「📈 サマリ」タブ専用の見た目。
   複数タブ共有の見た目(ツールバー・ボタン・モーダル共通枠・.glWrap)はbase.cssを使う。
   新しいタブなので最初から新デザイントークン(--nt-*)のみで組んでいる(旧トークンは使わない)。
   ============================================================ */
#summaryView button,#summaryView select{
  font-family:var(--font-ui);border:1px solid var(--nt-border);background:var(--nt-surface);
  color:var(--nt-text);border-radius:var(--nt-radius-sm);box-shadow:none;
}
#summaryView button:hover{border-color:var(--nt-text-muted);background:var(--nt-surface-alt);}
#summaryView button.ghost{border-color:transparent;background:transparent;color:var(--nt-text-muted);}
#summaryView button.ghost:hover{background:var(--nt-surface-alt);color:var(--nt-text);}

.summaryCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nt-space-2);margin-bottom:var(--nt-space-3);}
.summaryCard{
  background:var(--nt-surface);border:1px solid var(--nt-border);border-radius:var(--nt-radius-md);
  padding:var(--nt-space-2);
}
.summaryCard span{display:block;color:var(--nt-text-muted);font-size:11px;font-weight:700;}
.summaryCard strong{display:block;font-size:26px;margin-top:5px;color:var(--nt-text);}

.summaryDashboardGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--nt-space-2);margin-bottom:var(--nt-space-3);}
.summaryPanel{
  background:var(--nt-surface);border:1px solid var(--nt-border);border-radius:var(--nt-radius-md);
  padding:var(--nt-space-2);margin-bottom:var(--nt-space-3);
}
.summaryPanelTitle{font-size:13px;font-weight:700;color:var(--nt-text);margin:0 0 var(--nt-space-2);}

.summaryBars{display:grid;gap:9px;max-height:420px;overflow:auto;}
.summaryBarRow{display:grid;grid-template-columns:minmax(90px,180px) 1fr 52px;gap:10px;align-items:center;font-size:12.5px;}
.summaryBarLabel{font-weight:700;color:var(--nt-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.summaryBarTrack{height:14px;border-radius:7px;background:var(--nt-surface-alt);overflow:hidden;}
.summaryBarFill{height:100%;background:var(--nt-accent);border-radius:7px;min-width:2px;}
.summaryBarValue{text-align:right;font-weight:700;color:var(--nt-text-muted);font-family:var(--font-mono);}
.summaryEmpty{font-size:11.5px;color:var(--nt-text-muted);padding:14px 0;}

.summaryStatusTable{width:100%;border-collapse:collapse;min-width:640px;}
.summaryStatusTable th,.summaryStatusTable td{
  padding:8px 10px;border-bottom:1px solid var(--nt-border);text-align:center;white-space:nowrap;font-size:12px;
}
.summaryStatusTable th:first-child,.summaryStatusTable td:first-child{text-align:left;}
.summaryStatusTable th{background:var(--nt-surface-alt);color:var(--nt-text-muted);font-weight:700;}
.summaryStatusCount{
  display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 6px;border-radius:var(--nt-radius-sm);
  color:var(--nt-text-muted);background:var(--nt-surface-alt);font-size:11px;font-weight:700;font-family:var(--font-mono);
}
.summaryStatusCount.hasCount{color:#fff;background:var(--nt-accent);}

@media(max-width:900px){
  .summaryCards{grid-template-columns:repeat(2,1fr);}
  .summaryDashboardGrid{grid-template-columns:1fr;}
}