/* Centre Rx doctor portal. The screens are built from the design system bundle (centre-rx-ds.js, 5 October handoff) and the doctor template (scripts/doctor-area/doctor.template.html); every class they use is defined here or by that bundle. This file holds the portal design tokens the bundle reads, the page resets, and the small-screen rules the design carries. Nothing here is for the Direct order wizard, the protocol wizard, the clinical note editor, settings or statistics: those pages keep their own styles. */
.doctor-page{min-height:100vh;background:#f4f4f5;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#141416;margin:0;-webkit-font-smoothing:antialiased}
.doctor-page *{box-sizing:border-box}
.doctor-page a{color:#c10f24;text-decoration:none;font-weight:600}
.doctor-page a:hover{text-decoration:underline}
.doctor-page input,.doctor-page button,.doctor-page select,.doctor-page textarea{font-family:inherit}
.doctor-page input::placeholder,.doctor-page textarea::placeholder{color:#9a9aa0}
.doctor-page table{border-collapse:collapse}
.dp-mnav{display:none}
@media (max-width:900px){.dp-mnav{display:flex !important}.dp-two{grid-template-columns:1fr !important}}
@media (max-width:640px){.dp-three{grid-template-columns:1fr !important}.dp-stack{flex-direction:column !important;align-items:stretch !important}}
[data-theme="portal"]{--black:#0f0f10;--text:#141416;--text-secondary:#6b6b70;--text-muted:#9a9aa0;--bg:#f4f4f5;--bg-soft:#fafafa;--bg-white:#ffffff;--border:#e5e5e8;--border-light:#ededf0;--red:#e0142c;--red-dark:#c10f24;--red-light:#fdeaec;--green:#1a9e4a;--green-light:#e8f8ee;--amber:#c98a12;--amber-light:#fbf1de;--green-edge:#c5e6d1;--green-ink:#127034;--amber-edge:#f0dcb4;--amber-ink:#8a5e0c;--red-edge:#f5c9cf;--field-error:#b42318;--radius:10px;--radius-sm:7px;--shadow:0 1px 3px rgba(0,0,0,.06);--portal-shadow-lg:0 4px 24px rgba(0,0,0,.06);--sidebar-bg:#ffffff;--sidebar-active:var(--red-light);--sidebar-hover:var(--bg);--sidebar-text:var(--text-secondary);--sidebar-text-active:var(--red-dark);--ring-teal:#22c1c3;--ring-amber:#f2b807;--ring-red:var(--red);--ring-green:var(--green);--portal-sidebar-w:240px;--portal-topbar-h:64px;--portal-font:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--skeleton-a:#f0f1f5;--skeleton-b:#e8eaef;font-family:var(--portal-font);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg)}
[data-theme="portal"] h1,[data-theme="portal"] h2,[data-theme="portal"] h3{font-family:var(--portal-font);font-weight:800;letter-spacing:-.3px;color:var(--black);line-height:1.2}