/* Public status page uses the same contrast tokens without loading the authenticated workspace shell. */
.cs-public-page{
  --portal-bg:#eef3fa;--portal-surface:#fff;--portal-surface-2:#f6f8fc;--portal-border:rgba(100,116,139,.18);
  --portal-text:#26344b;--portal-text-strong:#101828;--portal-muted:#64748b;--portal-subtle:#8794a9;--portal-primary:#4f73ff;
  margin:0;background:var(--portal-bg)!important;color:var(--portal-text);color-scheme:light;
}
@media(prefers-color-scheme:dark){
  .cs-public-page{
    --portal-bg:#0a1220;--portal-surface:#111d31;--portal-surface-2:#16233a;--portal-border:rgba(148,163,184,.18);
    --portal-text:#eef4ff;--portal-text-strong:#fff;--portal-muted:#9fb0c8;--portal-subtle:#74859f;--portal-primary:#4f73ff;
    color-scheme:dark;
  }
}
.cs-page{
  --cs-ink:var(--portal-text-strong,#152033);
  --cs-text:var(--portal-text,#26344b);
  --cs-muted:var(--portal-muted,#697386);
  --cs-subtle:var(--portal-subtle,#8794a9);
  --cs-panel:var(--portal-surface,#fff);
  --cs-panel-alt:var(--portal-surface-2,#f6f8fc);
  --cs-line:var(--portal-border,#e6eaf0);
  color:var(--cs-text);
}
.cs-hero{border-radius:24px;padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#17213a,#34436d);color:#fff;box-shadow:0 18px 45px rgba(20,34,58,.16)}
.cs-hero h1{font-weight:750;letter-spacing:-.03em;margin:.3rem 0;color:#fff!important}
.cs-hero p{max-width:830px;color:rgba(255,255,255,.78)!important;margin-bottom:1rem}
.cs-eyebrow{display:block;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--portal-primary,#4f73ff) 72%,var(--cs-text))}
.cs-hero .cs-eyebrow{color:#c7d2ff}
.cs-hero-stat{min-width:210px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:18px;border-radius:18px}
.cs-hero-stat span,.cs-hero-stat small{display:block;color:rgba(255,255,255,.72)!important}
.cs-hero-stat strong{display:block;font-size:1.7rem;margin:.2rem 0;color:#fff!important}
.cs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cs-kpis article,.cs-panel,.cs-card{background:var(--cs-panel)!important;border:1px solid var(--cs-line)!important;border-radius:18px;color:var(--cs-text)!important}
.cs-kpis article{padding:18px}
.cs-kpis span,.cs-card>span,.cs-panel small,.cs-card small{display:block;color:var(--cs-muted)!important}
.cs-kpis span{font-size:.82rem}
.cs-kpis strong,.cs-card strong,.cs-panel h1,.cs-panel h2,.cs-panel h3,.cs-panel h4,.cs-panel h5,.cs-panel h6,.cs-panel dt,.cs-panel dd{color:var(--cs-ink)!important}
.cs-kpis strong{font-size:1.45rem}
.cs-panel{padding:22px}
.cs-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.cs-panel h2{font-size:1.18rem;margin:.25rem 0}
.cs-panel p{color:var(--cs-muted)!important}
.cs-panel dt{font-weight:700}
.cs-panel dd{font-variant-numeric:tabular-nums}
.cs-action-form{display:grid;gap:8px;margin-top:10px;min-width:240px}
.cs-card{padding:14px;margin-top:12px;background:var(--cs-panel-alt)!important}
.cs-card p{margin:.35rem 0;color:var(--cs-muted)!important}
.cs-page .table{--bs-table-bg:transparent;--bs-table-color:var(--cs-text);--bs-table-border-color:var(--cs-line);color:var(--cs-text)!important}
.cs-page .table>:not(caption)>*>*{background-color:transparent!important;color:var(--cs-text)!important;border-color:var(--cs-line)!important}
.cs-page table th{white-space:nowrap;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cs-muted)!important}
.cs-page .text-muted{color:var(--cs-muted)!important}
.cs-page .border,.cs-page .border-top,.cs-page .border-bottom,.cs-page .border-start,.cs-page .border-end{border-color:var(--cs-line)!important}
.cs-page code{font-size:.78rem;color:color-mix(in srgb,var(--portal-primary,#4f73ff) 78%,var(--cs-ink))!important}
.cs-page .form-label{color:var(--cs-text)!important}
.cs-page .form-control,.cs-page .form-select{background:var(--cs-panel-alt)!important;border-color:var(--cs-line)!important;color:var(--cs-ink)!important}
.cs-page .form-control::placeholder{color:var(--cs-subtle)!important}
@media(max-width:991px){.cs-hero{align-items:flex-start;flex-direction:column}.cs-hero-stat{width:100%}.cs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.cs-hero{padding:22px;border-radius:18px}.cs-kpis{grid-template-columns:1fr}.cs-panel{padding:16px}}