/* CSP guide v1.1 — the single screen palette for staff, clients and sign-in. */
:root {
  --csp-brand-blue:#0B5EAE;
  --csp-charcoal:#0f172a;
  --csp-muted:#4B5563;
  --csp-line:#D8D9DA;
  --csp-page-bg:#F4F5F7;
  --csp-card-bg:#ffffff;
  --csp-card-border:#E2E4E8;
  --csp-sidebar:#0B2A4A;
  --csp-sidebar-active:#1B4470;
  --csp-sidebar-label:#8FB0D3;
  --csp-sidebar-text:#D6E4F3;
  --csp-sidebar-subline:#A9C8EA;
  --csp-count-bg:#F59E0B;
  --csp-count-text:#1F1300;
  --csp-status-red:#B42318;
  --csp-status-red-bg:#FEE4E2;
  --csp-status-amber:#92400E;
  --csp-status-amber-bg:#FEF3C7;
  --csp-status-green:#14532D;
  --csp-status-green-bg:#DCFCE7;
  --csp-status-blue:var(--csp-brand-blue);
  --csp-status-blue-bg:#EFF6FF;
  --csp-focus-ring:var(--csp-brand-blue);
  --csp-focus-on-dark:var(--csp-sidebar-subline);
  --csp-scrim:rgb(15 23 42 / .72);

  /* Compatibility names reference this palette; no page can redefine it. */
  --text:var(--csp-charcoal);--muted:var(--csp-muted);
  --line:var(--csp-line);--bg:var(--csp-page-bg);--white:var(--csp-card-bg);
  --red:var(--csp-status-red);--amber:var(--csp-status-amber);--scrim:var(--csp-scrim);
  --csp-blue:var(--csp-brand-blue);--csp-blue-2:var(--csp-brand-blue);
  --csp-brand-blue-2:var(--csp-brand-blue);--csp-gray:var(--csp-muted);
  --csp-border:var(--csp-line);--csp-ice:var(--csp-page-bg);--csp-white:var(--csp-card-bg);
  --csp-pos:var(--csp-status-green);--csp-neg:var(--csp-status-red);--csp-warn:var(--csp-status-amber);
  --csp-report-blue:var(--csp-brand-blue);--csp-report-line:var(--csp-line);
  /* Retained document ink: print appearance is unchanged. */
  --csp-report-ink:#231F20;
  --csp-report-flag-bg:var(--csp-status-red-bg);
}
/* WP-PW: Account page and the one-time temporary password dialog. */
.account-page{max-width:560px}.account-form .primary{margin-top:6px}.password-dialog{width:min(92vw,480px)}.password-dialog h2{margin:0 0 10px;overflow-wrap:anywhere}.password-dialog p{overflow-wrap:anywhere}.password-dialog .toolbar{margin-top:14px}.temporary-password input{font-family:ui-monospace,monospace;font-size:16px}.temporary-password .hint{margin-top:10px}
.account-toast{position:fixed;left:16px;right:16px;bottom:16px;max-width:520px;margin:0 auto;z-index:50;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 4px 18px rgba(0,0,0,.18)}.account-toast span{min-width:0;overflow-wrap:anywhere}.account-toast button{flex:none}