/* Admin "Server health & analytics" dashboard. Brand: navy #1F2A44, copper #B87333. */
#adminDashCard{grid-column:1/-1;min-width:0;--ad-navy:#1F2A44;--ad-copper:#B87333;--ad-ok:#2e8b57;--ad-warn:#c98a14;--ad-bad:#c0392b}
#adminDashCard .ad-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between;margin-bottom:6px}
#adminDashCard .ad-head .card-title{margin:0;display:flex;align-items:center;gap:8px}
#adminDashCard .ad-dot{width:11px;height:11px;border-radius:50%;background:#999;display:inline-block;flex:0 0 auto}
#adminDashCard .ad-dot.ok{background:var(--ad-ok)}#adminDashCard .ad-dot.warn{background:var(--ad-warn)}#adminDashCard .ad-dot.bad{background:var(--ad-bad)}
#adminDashCard .ad-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#adminDashCard .ad-seg{display:inline-flex;border:1px solid var(--ad-copper);border-radius:8px;overflow:hidden}
#adminDashCard .ad-seg button{background:transparent;color:inherit;padding:5px 11px;font-size:12.5px;font-weight:600;border:0;border-radius:0;min-height:30px}
#adminDashCard .ad-seg button[aria-pressed=true]{background:var(--ad-copper);color:#fff}
#adminDashCard .ad-refresh{background:var(--ad-navy);color:#fff;border:1px solid #4a5d86!important;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:600;min-height:30px;border:0}
#adminDashCard .ad-status{font-size:11.5px;opacity:.8}
#adminDashCard .ad-status.error{color:var(--ad-bad);opacity:1}
#adminDashCard h4.ad-sec{margin:16px 0 6px;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--ad-copper);border-bottom:1px solid var(--border,#d6dbe4);padding-bottom:3px}
#adminDashCard .ad-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
#adminDashCard .ad-tile{border:1px solid var(--border,#d6dbe4);border-left:4px solid #4a5d86;border-radius:8px;padding:7px 9px;min-width:0;background:var(--surface2,transparent)}
#adminDashCard .ad-tile.ok{border-left-color:var(--ad-ok)}#adminDashCard .ad-tile.warn{border-left-color:var(--ad-warn)}#adminDashCard .ad-tile.bad{border-left-color:var(--ad-bad)}
#adminDashCard .ad-k{font-size:11px;opacity:.75;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adminDashCard .ad-v{font-size:18px;font-weight:700;line-height:1.25;word-break:break-word}
#adminDashCard .ad-s{font-size:11px;opacity:.75;line-height:1.3;word-break:break-word}
#adminDashCard .ad-bar{height:7px;border-radius:4px;background:#8882;overflow:hidden;margin-top:4px}
#adminDashCard .ad-bar>i{display:block;height:100%;background:#9fb7dc}
#adminDashCard .ad-bar.warn>i{background:var(--ad-warn)}#adminDashCard .ad-bar.bad>i{background:var(--ad-bad)}#adminDashCard .ad-bar.cu>i{background:var(--ad-copper)}
#adminDashCard .ad-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
#adminDashCard .ad-box{border:1px solid var(--border,#d6dbe4);border-radius:8px;padding:7px 9px;min-width:0;overflow-x:auto}
#adminDashCard .ad-box h5{margin:0 0 4px;font-size:12.5px}
#adminDashCard .ad-chart{display:block;width:100%;height:64px}
#adminDashCard .ad-legend{font-size:11px;opacity:.8;display:flex;gap:10px;flex-wrap:wrap}
#adminDashCard .ad-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:3px;vertical-align:-1px}
#adminDashCard .mini-table td.n,#adminDashCard .mini-table th.n{text-align:right;white-space:nowrap}
#adminDashCard .mini-table td.lbl{word-break:break-all;min-width:90px}
#adminDashCard .ad-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}
#adminDashCard .ad-chip{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600;border:1px solid #9fb7dc}
#adminDashCard .ad-chip.accepted,#adminDashCard .ad-chip.done{border-color:var(--ad-ok)}
#adminDashCard .ad-chip.expired,#adminDashCard .ad-chip.revoked{border-color:var(--ad-bad)}
#adminDashCard .ad-chip.pending,#adminDashCard .ad-chip.new{border-color:var(--ad-copper)}
#adminDashCard .ad-note{font-size:11px;opacity:.7;margin-top:8px;line-height:1.4}
#adminDashCard .ad-users{max-height:420px;overflow:auto}
#adminDashCard .ad-users th{position:sticky;top:0;background:var(--surface,#fff);z-index:1}
#adminDashCard .ad-link{color:var(--ad-copper);font-weight:600;cursor:pointer;background:none;border:0;padding:0;text-decoration:underline;font-size:12px}
@media (max-width:640px){
  #adminDashCard .ad-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  #adminDashCard .ad-grid2{grid-template-columns:1fr}
  #adminDashCard .ad-v{font-size:16px}
  #adminDashCard .ad-head{flex-direction:column;align-items:flex-start}
}