.check-page{background:var(--paper)}
.check-wrap{max-width:960px;margin:0 auto;padding:28px 24px 60px}
.check-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.check-header .brand-name small{color:#6b7690}
.check-intro{font-size:12px;line-height:1.9;color:#536b8e;background:#edf3ff;border:1px solid #dce6fa;border-radius:12px;padding:14px 16px;margin:0 0 22px}
.check-intro strong{color:var(--ink)}
.check-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.check-type{border:1px solid #d5ddec;background:#fff;border-radius:12px;padding:14px 14px;display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--text)}
.check-type strong{font-size:14px;color:var(--ink)}
.check-type span{font-size:10px;color:#7d8ba3;line-height:1.5}
.check-type[aria-selected=true]{border-color:var(--ink);background:#edf3ff;box-shadow:0 0 0 1px var(--ink) inset}
.check-page textarea{min-height:170px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.check-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;flex-wrap:wrap}
.check-ident{font-size:12px;color:#6b7690}
.check-ident strong{color:var(--ink);font-variant-numeric:tabular-nums}
.check-actions{display:flex;gap:10px;margin-left:auto}
.button-ghost{border-color:#d5ddec;background:transparent;color:var(--ink)}
.button-ghost:hover:not(:disabled){background:#edf3ff}
.check-progress{display:flex;align-items:center;gap:12px;margin:18px 0 6px;font-size:11px;color:#6b7690}
.check-progress-bar{flex:1;height:7px;background:#e3e8f2;border-radius:5px;overflow:hidden}
.check-progress-bar span{display:block;height:100%;width:0;background:var(--green);transition:width .25s}
#progress-text{font-variant-numeric:tabular-nums;white-space:nowrap}
.check-summary{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}
.check-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}
.badge-ok{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#0f9d6b}
.badge-dead{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#dc3a3a}
.badge-warn{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:#c67f08}
.badge-error{background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.4);color:#6b7686}
.check-table-wrap{overflow-x:auto;border:1px solid #e3e8f2;border-radius:12px;background:#fff}
.check-table{width:100%;border-collapse:collapse;font-size:12px;min-width:520px}
.check-table th,.check-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #eef1f6;vertical-align:top}
.check-table th{font-size:10px;letter-spacing:.5px;color:#7d8ba3;background:#f4f7fc;position:sticky;top:0}
.check-table tr:last-child td{border-bottom:0}
.check-key{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#0f1b3d;overflow-wrap:anywhere}
.check-reason{color:#6b7690;max-width:220px;overflow-wrap:anywhere}
@media(max-width:780px){
  .check-wrap{padding:20px 16px 48px}
  .check-types{grid-template-columns:1fr;gap:8px}
  .check-type{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
  .check-type span{font-size:10px}
  .check-bar{gap:10px}
  .check-actions{width:100%}
  .check-actions .button{flex:1}
  .check-table{font-size:11px}
}