/* Shared type, color and spacing tokens for every doctor screen. */
:root {
    --font-size-hero: 2.5rem;
    --font-size-tiny: 0.5rem;
    --font-size-micro: 0.5625rem;
    --font-size-2xs: .6875rem;
    --font-size-caption: .75rem;
    --font-size-ui: .8125rem;
    --font-size-body: .875rem;
    --font-size-medium: 1rem;
    --font-size-section: 1rem;
    --font-size-title-sm: 1.125rem;
    --font-size-heading-sm: 1.375rem;
    --font-size-metric-sm: 1.6875rem;
    --font-size-heading: 1.5rem;
    --font-size-metric-md: 1.8125rem;
    --font-size-metric: 1.75rem;
    --font-size-print: 12pt;
    --font-weight-semibold: 600;
    --font-family-mono: Consolas, monospace;
    --color-inverse: #ffffff;
    --shade-007c76: #007c76;
    --shade-008b85: #008b85;
    --shade-00b4aa: #00b4aa;
    --shade-42dfd548: #42dfd548;
    --shade-00d1c476: #00d1c476;
    --shade-b5eee7: #b5eee7;
    --shade-006d66: #006d66;
    --shade-e6fffc: #e6fffc;
    --shade-edfffd: #edfffd;
    --shade-a8e8e2: #a8e8e2;
    --shade-50e47d: #50e47d;
    --shade-effffd: #effffd;
    --shade-ffffff18: #ffffff18;
    --shade-9ae3dc88: #9ae3dc88;
    --shade-365f8b: #365f8b;
    --shade-e5edf8: #e5edf8;
    --shade-f6f9ff: #f6f9ff;
    --shade-e9fcf8: #e9fcf8;
    --shade-00c791: #00c791;
    --shade-23466622: #23466622;
    --shade-effaf8: #effaf8;
    --shade-f8fbff: #f8fbff;
    --shade-e8f0fa: #e8f0fa;
    --shade-8addd3: #8addd3;
    --shade-d9f7f3: #d9f7f3;
    --shade-eee5ff: #eee5ff;
    --shade-fff0df: #fff0df;
    --shade-e4efff: #e4efff;
    --shade-0970ff: #0970ff;
    --shade-2d9f00: #2d9f00;
    --shade-dd7a00: #dd7a00;
    --shade-bdf3ed66: #bdf3ed66;
    --shade-7be1d844: #7be1d844;
    --shade-d7e4f5: #d7e4f5;
    --shade-f5f8ff: #f5f8ff;
    --shade-285e9b10: #285e9b10;
    --shade-4fcfc2: #4fcfc2;
    --shade-009d95: #009d95;
    --shade-00b6ab: #00b6ab;
    --shade-00a69c: #00a69c;
    --shade-dff5f4: #dff5f4;
    --shade-edf3fb: #edf3fb;
    --shade-e7eef8: #e7eef8;
    --shade-edf2f9: #edf2f9;
    --shade-51657d: #51657d;
    --shade-d8f4df: #d8f4df;
    --shade-006743: #006743;
    --shade-e0edff: #e0edff;
    --shade-0058ec: #0058ec;
    --shade-fff0dc: #fff0dc;
    --shade-8a4c00: #8a4c00;
    --shade-eee5fc: #eee5fc;
    --shade-7539b1: #7539b1;
    --shade-fde5eb: #fde5eb;
    --shade-b62b58: #b62b58;
    --shade-aac1da: #aac1da;
    --shade-e6eef8: #e6eef8;
    --shade-00b8aa: #00b8aa;
    --shade-b1eee8: #b1eee8;
    --shade-30736d: #30736d;
    --shade-eaf7fa: #eaf7fa;
    --shade-dff5f5: #dff5f5;
    --shade-29717e0b: #29717e0b;
    --shade-ccf4ef: #ccf4ef;
    --shade-00b7a8: #00b7a8;
    --shade-009f9522: #009f9522;
    --shade-008e85: #008e85;
    --shade-d7e4f1: #d7e4f1;
    --shade-eaf7f5: #eaf7f5;
    --shade-fff1f3: #fff1f3;
    --shade-f6c9d3: #f6c9d3;
    --shade-374d68: #374d68;
    --shade-d04a60: #d04a60;
    --shade-cfddeb: #cfddeb;
    --shade-edf3f8: #edf3f8;
    --shade-65788b: #65788b;
    --shade-8293a7: #8293a7;
    --shade-076c4b: #076c4b;
    --shade-e2f8ef: #e2f8ef;
    --shade-bae8d7: #bae8d7;
    --shade-a22540: #a22540;
    --shade-fff0f3: #fff0f3;
    --shade-f7c9d4: #f7c9d4;
    --shade-325978: #325978;
    --shade-eaf4ff: #eaf4ff;
    --shade-cedff3: #cedff3;
    --shade-72bfb6: #72bfb6;
    --shade-f7fbfd: #f7fbfd;
    --shade-e8f7f4: #e8f7f4;
    --shade-77c7ba: #77c7ba;
    --shade-006f6c: #006f6c;
    --shade-00bcae: #00bcae;
    --shade-bdf0e9: #bdf0e9;
    --shade-c2ebe6: #c2ebe6;
    --shade-ffffff16: #ffffff16;
    --shade-ffffff33: #ffffff33;
    --shade-08263477: #08263477;
    --font-family: "Segoe UI", Arial, sans-serif;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-base: .875rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.125rem;
    --font-size-2xl: 1.5rem;
    --font-size-kpi: 1.875rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --line-height: 1.5;
    --color-text: #101426;
    --color-muted: #52708f;
    --color-primary: #009f95;
    --color-primary-dark: #007d78;
    --color-teal: #00c6b3;
    --color-blue: #2196ff;
    --color-orange: #ff9b16;
    --color-pink: #fa638d;
    --color-purple: #9a5cef;
    --color-green: #23a757;
    --color-danger: #c82e49;
    --color-background: #f2f7fd;
    --color-surface: #ffffff;
    --color-border: #e2ebf6;
    --color-link: #0755e9;
    --radius-sm: 8px;
    --radius: 12px;
    --shadow: 0 4px 7px #20739816, 0 1px 2px #1b508b0c;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { font-size: 16px; }
body { margin: 0; font-family: var(--font-family); font-size: var(--font-size-base); line-height: var(--line-height); color: var(--color-text); background: var(--color-background); }
h1,h2,h3,h4,p { margin: 0; }
h1 { font-size: var(--font-size-2xl); line-height: 1.15; letter-spacing: -.6px; font-weight: var(--font-weight-bold); }
h2 { font-size: var(--font-size-xl); line-height: 1.3; letter-spacing: -.4px; }
h3 { font-size: var(--font-size-lg); }
small,.small { font-size: var(--font-size-xs); }
a { color: var(--color-link); text-decoration: none; }
a:hover { text-decoration: underline; }
button,input,select,textarea { font: inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color: transparent; }
button,select,summary { cursor: pointer; }
button { color: inherit; }
:focus-visible { outline: 3px solid #137fea; outline-offset: 3px; }
.muted { color: var(--color-muted); }
.text-danger { color: var(--color-danger); }
.text-primary { color: var(--color-primary-dark); }
.text-right { text-align: right; }
.strong { font-weight: var(--font-weight-bold); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

html { color-scheme: light; }
body { -webkit-font-smoothing: antialiased; }
::selection { background: var(--shade-b5eee7); color: var(--shade-006d66); }
input,select,textarea { accent-color: var(--color-primary); }
