*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#17191c;font-family:system-ui,-apple-system,sans-serif}header{height:62px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1200px)/2))}main{max-width:1200px;margin:25px auto;padding:0 18px 50px}.card,.loginbox{background:#fff;border:1px solid #e0e3e7;border-radius:14px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid .card{margin-bottom:0}.grid{margin-bottom:20px}h1{font-size:24px;overflow-wrap:anywhere}h2{font-size:18px;margin-top:0}label{display:block;font-weight:600;margin:12px 0 6px}input,select{width:100%;padding:10px;border:1px solid #ccd1d7;border-radius:8px;font:inherit}.btn{padding:9px 13px;border:1px solid #cdd2d8;border-radius:8px;background:#fff;font-weight:650;cursor:pointer}.primary{background:#15171a;color:#fff}.top,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.actions{justify-content:flex-start}.actions form{margin:0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}td small{display:block;color:#777}.good{color:#147d3f}.bad{color:#c62828}.alert{background:#eef4ff;padding:12px;border-radius:9px;margin-bottom:18px}.metrics{display:flex;gap:14px;margin-top:18px}.metrics div{border:1px solid #e1e4e8;padding:12px;border-radius:9px}.change{border-top:1px solid #eee;padding:16px 0}.diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:#f7f8fa;padding:10px;border-radius:8px}.badge{padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800}.critical{background:#ffe5e5;color:#a10d0d}.important{background:#fff0db;color:#9c5000}.warning{background:#fff8d9;color:#715a00}.info{background:#e8f1ff;color:#174b93}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:min(420px,calc(100% - 30px))}@media(max-width:800px){.grid,.diff{grid-template-columns:1fr}.metrics{flex-direction:column}.top{align-items:flex-start;flex-direction:column}}

/* SEO_MONITOR_UX_STATUS_SYSTEM_V1
 * Color encodes evaluation, not provider or raw event type.
 * ok    = checked and normal; no action required
 * info  = neutral fact/state without positive/negative judgment
 * warn  = attention/review needed or uncertainty
 * bad   = confirmed problem / high-risk deviation
 * muted = unavailable, inactive, historical or secondary
 */
:root{
  --sm-status-ok-bg:#effaf3;
  --sm-status-ok-border:#b8dfc9;
  --sm-status-ok-text:#217246;
  --sm-status-info-bg:#f1f6fb;
  --sm-status-info-border:#cbd9e5;
  --sm-status-info-text:#3f627b;
  --sm-status-warn-bg:#fff9e9;
  --sm-status-warn-border:#ead59d;
  --sm-status-warn-text:#765914;
  --sm-status-bad-bg:#fff3f2;
  --sm-status-bad-border:#efc1bd;
  --sm-status-bad-text:#9c3730;
  --sm-status-muted-bg:#f3f5f6;
  --sm-status-muted-border:#dbe1e7;
  --sm-status-muted-text:#66717a;
}
.sm-status-pill{display:inline-flex;align-items:center;border:1px solid var(--sm-status-muted-border);border-radius:999px;padding:4px 8px;font-size:.82em;font-weight:800;line-height:1.2}
.sm-status-pill.is-ok{background:var(--sm-status-ok-bg);border-color:var(--sm-status-ok-border);color:var(--sm-status-ok-text)}
.sm-status-pill.is-info{background:var(--sm-status-info-bg);border-color:var(--sm-status-info-border);color:var(--sm-status-info-text)}
.sm-status-pill.is-warn{background:var(--sm-status-warn-bg);border-color:var(--sm-status-warn-border);color:var(--sm-status-warn-text)}
.sm-status-pill.is-bad{background:var(--sm-status-bad-bg);border-color:var(--sm-status-bad-border);color:var(--sm-status-bad-text)}
.sm-status-pill.is-muted{background:var(--sm-status-muted-bg);border-color:var(--sm-status-muted-border);color:var(--sm-status-muted-text)}
.sm-status-note{border:1px solid var(--sm-status-muted-border);border-radius:10px;padding:10px 12px;background:var(--sm-status-muted-bg);color:var(--sm-status-muted-text);line-height:1.5}
.sm-status-note.is-ok{background:var(--sm-status-ok-bg);border-color:var(--sm-status-ok-border);color:var(--sm-status-ok-text)}
.sm-status-note.is-info{background:var(--sm-status-info-bg);border-color:var(--sm-status-info-border);color:var(--sm-status-info-text)}
.sm-status-note.is-warn{background:var(--sm-status-warn-bg);border-color:var(--sm-status-warn-border);color:var(--sm-status-warn-text)}
.sm-status-note.is-bad{background:var(--sm-status-bad-bg);border-color:var(--sm-status-bad-border);color:var(--sm-status-bad-text)}
.sm-status-text.is-ok{color:var(--sm-status-ok-text)}
.sm-status-text.is-info{color:var(--sm-status-info-text)}
.sm-status-text.is-warn{color:var(--sm-status-warn-text)}
.sm-status-text.is-bad{color:var(--sm-status-bad-text)}
.sm-status-text.is-muted{color:var(--sm-status-muted-text)}
/* /SEO_MONITOR_UX_STATUS_SYSTEM_V1 */