@font-face{font-family:Inter;src:url('/assets/inter.ttf') format('truetype');font-weight:100 900;font-display:swap}

@font-face{font-family:Playfair;src:url('/assets/playfairdisplay.ttf') format('truetype');font-weight:400 900;font-display:swap}

@font-face{font-family:Naskh;src:url('/assets/notonaskharabic.ttf') format('truetype');font-weight:400 700;font-display:swap}

@font-face{font-family:ArabicUI;src:url('/assets/notosansarabic.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{
  --ease:cubic-bezier(.16,1,.3,1);
  --r:18px; --r-sm:12px;
  --bg-deep:#04060F; --bg:#070B18; --l1:rgba(255,255,255,.045); --l2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.09); --line-strong:rgba(255,255,255,.18);
  --fg:#EEF1FA; --fg-2:#B4BCD4; --fg-3:#7F89A6;
  --indigo:#6D7BFF; --cyan:#22D3EE; --violet:#A78BFA;
  --danger:#FF6178; --warn:#FFB454; --ok:#34D399;
  --grad:linear-gradient(135deg,#6D7BFF 0%,#22D3EE 100%);
  --glow:0 0 0 1px rgba(109,123,255,.35),0 18px 50px -12px rgba(109,123,255,.45);
  --shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -20px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.5);
  --aurora-1:rgba(109,123,255,.40); --aurora-2:rgba(34,211,238,.26); --aurora-3:rgba(167,139,250,.24);
  --chip-bg:rgba(255,255,255,.06);
}

[data-theme=light]{
  --bg-deep:#EEF1F9; --bg:#F4F6FC; --l1:rgba(255,255,255,.85); --l2:#FFFFFF;
  --line:rgba(17,24,50,.10); --line-strong:rgba(17,24,50,.22);
  --fg:#111834; --fg-2:#455075; --fg-3:#6C7799;
  --indigo:#4B57D8; --cyan:#0E7490; --violet:#7C3AED;
  --danger:#C8253C; --warn:#A85B00; --ok:#0F766E;
  --glow:0 0 0 1px rgba(75,87,216,.25),0 18px 40px -14px rgba(75,87,216,.35);
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 40px -24px rgba(17,24,50,.35),0 2px 8px rgba(17,24,50,.08);
  --aurora-1:rgba(109,123,255,.30); --aurora-2:rgba(34,211,238,.22); --aurora-3:rgba(167,139,250,.22);
  --chip-bg:rgba(17,24,50,.05);
}

:root{
 color-scheme:dark;
 --font-ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Playfair,Georgia,serif;--font-ar-body:Naskh,serif;
 --s0:var(--bg);--s1:var(--l2);--s2:var(--l1);--s3:var(--l1);
 --text:var(--fg);--text-secondary:var(--fg-2);--text-muted:var(--fg-3);--text-disabled:var(--fg-3);
 --border-subtle:var(--line);--border-strong:var(--line-strong);
 --brand-text:var(--fg);--brand-solid:var(--indigo);--brand-tint:var(--chip-bg);--brand-edge:var(--line-strong);--brand-on-tint:var(--fg);
 --teal-text:var(--cyan);--teal-solid:var(--cyan);--on-teal:#fff;
 --on-brand:#fff;--on-gradient:#fff;--on-danger:#fff;
 --danger-text:var(--danger);--danger-solid:var(--danger);--danger-tint:color-mix(in srgb,var(--danger) 14%,transparent);--danger-edge:var(--danger);--danger-on-tint:var(--danger);
 --warning-text:var(--warn);--warning-tint:color-mix(in srgb,var(--warn) 14%,transparent);--warning-edge:var(--warn);--warning-on-tint:var(--warn);
 --success-text:var(--ok);--success-tint:color-mix(in srgb,var(--ok) 14%,transparent);--success-edge:var(--ok);--success-on-tint:var(--ok);
 --info-text:var(--cyan);--info-tint:color-mix(in srgb,var(--cyan) 12%,transparent);--info-edge:var(--cyan);--info-on-tint:var(--cyan);
 --neutral-tint:var(--chip-bg);--neutral-edge:var(--line);--neutral-on-tint:var(--fg-2);
 --hover:var(--chip-bg);--selected:var(--l2);--pressed:var(--chip-bg);--disabled-bg:var(--chip-bg);--disabled-text:var(--fg-3);
 --scrim:color-mix(in srgb,var(--bg-deep) 68%,transparent);
 --e1:var(--shadow);--e2:var(--shadow);--e3:var(--shadow);--e-inset:var(--shadow);--e2-danger:var(--shadow);--e2-warning:var(--shadow);
 --surface:var(--l1);--raised:var(--l1);--accent-text:var(--brand-text);--accent-fill:var(--brand-solid);--on-accent:var(--on-brand);
 --border-control:var(--line-strong);--input-boundary:var(--line-strong);--link:var(--fg);--validation:var(--danger);
 --secondary:var(--cyan);--secondary-fill:var(--cyan);--on-secondary:var(--on-teal);
 --radius-card:var(--r);--radius-control:var(--r-sm);--glass-solid:var(--l1);--glass-alpha:.85;
 --shadow-low:var(--shadow);--shadow-mid:var(--shadow);--shadow-high:var(--shadow);
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
 --r-xs:999px;--r-md:var(--r);--r-lg:var(--r);--rail:248px;--row-h:44px;--control-h:40px;--touch:44px;--measure:72ch;
 --t-display:500 27px/1.5 var(--font-display);--t-display-tracking:0;
 --t-h1:500 40px/1.1 var(--font-display);--t-h1-tracking:-.01em;
 --t-h2:600 18px/1.4 var(--font-ui);--t-h2-tracking:0;
 --t-h3:600 14px/1.5 var(--font-ui);--t-h3-tracking:0;
 --t-body:400 14px/1.5 var(--font-ui);--t-body-tracking:0;
 --t-row:400 13.5px/1.5 var(--font-ui);--t-row-tracking:0;
 --t-row-em:600 14.5px/1.5 var(--font-ui);--t-row-em-tracking:0;
 --t-meta:400 12.5px/1.5 var(--font-ui);--t-meta-tracking:0;
 --t-label:600 11px/1.5 var(--font-ui);--t-label-tracking:.16em;
 --t-metric:600 44px/1 var(--font-ui);--t-metric-tracking:-.03em;
 --dur-1:.3s;--dur-2:.4s;--dur-3:.55s;--ease-out:var(--ease);--ease-in:var(--ease);--ease-move:var(--ease);
}
[data-theme=light]{color-scheme:light}
*{box-sizing:border-box}
html{font-size:16px;scroll-padding-block:24px}
body{margin:0;background:var(--bg);color:var(--fg);font:var(--t-body);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-underline-offset:4px;overflow-wrap:anywhere}
button,input,select,textarea{font:inherit;color:inherit;max-inline-size:100%;min-inline-size:0}
button,select,summary{cursor:pointer}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
button:disabled{background:var(--disabled-bg)!important;color:var(--disabled-text)!important;cursor:not-allowed;transform:none!important}
input,select,textarea{padding:11px 14px;border:0;border-radius:999px;background:var(--l1);box-shadow:0 0 0 1px var(--line);font-size:13.5px}
textarea{inline-size:100%;min-block-size:96px;resize:block;border-radius:var(--r-sm)}
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{box-shadow:0 0 0 1px var(--danger)}
h1,h2,h3{margin:0}p{margin-block-start:0}
h1{font:var(--t-h1);letter-spacing:var(--t-h1-tracking)}
h2{font:var(--t-h2);margin-block-end:12px}h3{font:var(--t-h3)}
small,.muted,.account,.refresh-bar,#subtitle,.provenance,.record-meta,.field-help{color:var(--fg-3)}
small{display:block;font-size:12px;margin-block-start:4px}
bdi{unicode-bidi:isolate}
[hidden]{display:none!important}
.icon{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.icon-sprite{position:absolute;inline-size:0;block-size:0;overflow:hidden}
.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%);background:var(--bg);padding:12px;z-index:20}
.skip:focus{transform:none}
.app{position:relative;z-index:1;display:grid;grid-template-columns:248px minmax(0,1fr);min-block-size:100vh}
main{position:relative;z-index:1;min-inline-size:0;inline-size:100%;padding:34px 40px 90px;max-inline-size:1180px}
.identity{text-decoration:none}
.account{display:flex;gap:10px;align-items:center;padding:10px;border-radius:var(--r-sm);background:var(--chip-bg);font-size:12px;overflow-wrap:anywhere;margin:0}
.page-heading{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.page-heading h1{margin:0;min-inline-size:0}
.refresh-bar{display:flex;align-items:center;gap:12px;margin-inline-start:auto;font-size:12.5px}
.icon-button{inline-size:40px;padding:8px!important}
button.ghost{background:transparent;box-shadow:none;color:var(--fg-2)}
#freshness{min-inline-size:20ch}
.nav-disclosure{display:none}
.rail nav{display:flex;flex-direction:column;gap:4px}
.rail nav .count{margin-inline-start:auto;font-size:11px;background:transparent;color:var(--fg-3);padding:0;border-radius:0;font-variant-numeric:tabular-nums}
.rail .foot{margin-block-start:auto;display:flex;flex-direction:column;gap:10px}
.demo-banner{background:var(--chip-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 16px;margin-block:24px;font-size:12.5px}
.demo-banner p{margin:4px 0 0}.demo-banner nav{display:block}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block-start:26px}
.filter-control{min-inline-size:0;max-inline-size:100%}
.filter-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--fg-2);font-size:12.5px;margin-block:12px}
.toolbar>.muted{font-size:12.5px}
.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block-start:26px}
.summary-tile{padding:20px;display:grid;gap:8px;text-align:start;min-inline-size:0;color:var(--fg)}
.summary-tile>strong{font:var(--t-metric)}
.summary-tile>span{overflow-wrap:anywhere}
.summary-tile[data-summary]{display:block;align-content:start;min-inline-size:0}
.summary-tile[data-summary] strong{display:block}
.summary-tile[data-summary] .tile-clause{display:block;white-space:normal}
.work-surface{padding:6px;margin-block-start:18px;overflow-anchor:none}
table{inline-size:100%;border-collapse:collapse;text-align:start;table-layout:fixed}
caption{text-align:start;color:var(--fg-3);font-size:12.5px;padding:16px}
.clinical caption,.clinical thead,.clinical tbody{display:block;inline-size:100%}
.clinical colgroup{display:none}
.clinical thead tr{display:grid;grid-template-columns:1.45fr .5fr 2fr .85fr;gap:18px;padding-inline:16px}
th{font:var(--t-label);letter-spacing:.16em;text-transform:uppercase;text-align:start;color:var(--fg-2)}
th button{border:0!important;background:transparent!important;box-shadow:none!important;font:inherit!important;letter-spacing:inherit;text-transform:inherit;text-align:start;padding:8px 0!important;inline-size:100%;justify-content:start}
.sort-chevron{inline-size:12px;block-size:12px}
th[aria-sort=descending] .sort-chevron{transform:rotate(180deg)}
.patient-row td{min-inline-size:0;border:0;padding:0;font:var(--t-row)}
.patient-row td:first-child{grid-column:1;grid-row:1;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center}
.patient-row td:first-child a{font:var(--t-row-em);text-decoration:none;color:var(--fg)}
.patient-row .av{grid-column:1;grid-row:1}
.patient-row td.age{white-space:nowrap;grid-column:1;grid-row:2;padding-inline-start:48px;font-size:12px;color:var(--fg-3)}
.age-value{display:block;white-space:nowrap}
.patient-row td:nth-child(3){grid-column:2;grid-row:1/3;color:var(--fg-2)}
.patient-row td:last-child{font-variant-numeric:tabular-nums;grid-column:3/-1;grid-row:1/3;display:flex;align-items:center;gap:18px;justify-content:space-between;color:var(--fg-3);font-size:12.5px}
.patient-row .go{flex:none}
.stack-label{display:none}
.pager{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:end;padding-block:16px;color:var(--fg-3);font-size:12.5px}
.section,.preferences{padding:22px;margin-block-end:24px}
.section>h2,.preferences>h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);margin:0 0 12px}
.record-item{padding:16px;margin-block-end:12px;border-block-end:1px solid var(--line);overflow-wrap:anywhere}
.record-item p{max-inline-size:var(--measure);overflow-wrap:anywhere;margin-block-end:8px}
.record-item ul{padding-inline-start:24px}
.record-item details{margin-block-start:12px}
summary{min-block-size:44px;padding-block:10px;color:var(--fg)}
.record-meta,.provenance,.field-help{font-size:12.5px;overflow-wrap:anywhere}
.detail-grid{display:block}
.record-heading{position:relative;margin-block-start:22px;padding:26px 26px 22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 20%,transparent),transparent 65%),var(--l1)!important;display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.profile-copy{min-inline-size:0;flex:1}
.record-heading h2#title.patient-name{font:500 27px/1.5 var(--font-display);margin:0;letter-spacing:normal;text-transform:none;color:var(--fg)}
.record-heading p{font-size:12.5px;color:var(--fg-3);margin:4px 0 0}
.record-heading .av{inline-size:58px;block-size:58px;border-radius:18px;font-size:18px;box-shadow:0 16px 40px -16px rgba(109,123,255,1)}
.plan-copy{min-inline-size:0;flex:1}
.ask{margin-block-end:12px}.ask:empty{display:none}
.consent-binding{margin-block-start:16px}
.action-bar{display:flex;gap:9px;flex-wrap:wrap;padding-block:12px}
.tabs{display:flex;flex-wrap:nowrap;overflow-inline:auto;margin-block:16px;max-inline-size:100%}
.tabs button{flex:none}
.tab-panel{min-inline-size:0}
.back{display:inline-block;min-block-size:44px;margin-block-end:16px}
.turn-arrow{display:inline-block}[dir=rtl] .turn-arrow{transform:rotate(180deg)}
.inbox-item{padding:16px;margin-block-end:12px}.inbox-item summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--fg)}
.count{font-size:11px;padding:4px 8px;border-radius:999px;background:var(--chip-bg);color:var(--fg-2)}
.count.danger{color:var(--danger)}
.status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--chip-bg);color:var(--fg);font-size:11.5px;font-weight:600;white-space:nowrap}
.status::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;flex:none}.status svg{display:none}
.status.danger{color:var(--danger);background:var(--danger-tint);border-color:var(--danger-edge)}
.status.warning{color:var(--warn);background:var(--warning-tint);border-color:var(--warning-edge)}
.status.success{color:var(--ok);background:var(--success-tint);border-color:var(--success-edge)}
.status.info{color:var(--cyan);background:var(--info-tint);border-color:var(--info-edge)}
.status.quiet{color:var(--fg)}
.support{margin-block-start:32px;border-block-start:1px solid var(--line);padding-block:16px}
.support pre{white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:24rem;overflow:auto;padding:16px}
.correction-notice{white-space:pre-wrap;overflow-wrap:anywhere}
.correction-timeline .record-item{border-inline-start:3px solid var(--indigo);margin-inline-start:12px}
.error{color:var(--danger);border:1px solid var(--danger-edge);background:var(--danger-tint);border-radius:999px;padding:6px 12px;font-size:11.5px;margin-block:16px}
#feedback:empty{display:none}.skeleton{display:none;block-size:160px;background:var(--chip-bg);border-radius:12px;margin-block:16px}.loading .skeleton{display:block}
.empty{padding:24px;color:var(--fg-2);font-size:13.5px}
.empty .icon{inline-size:19px;block-size:19px}.empty p{margin:0 0 18px}.empty-title{color:var(--fg);font-weight:600}
dialog{color:var(--fg);padding:24px;max-inline-size:min(680px,calc(100% - 32px));max-block-size:calc(100dvh - 32px);overflow:auto}
dialog::backdrop{background:var(--scrim)}dialog label{display:grid;gap:8px;margin-block:16px}
.close{display:block;margin-inline-start:auto;margin-block-end:16px}
.lightbox{inline-size:min(1000px,calc(100% - 32px));padding:16px}
.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;block-size:48px}.lightbox-header h3{margin:0}
.lightbox img{display:block;max-block-size:72dvh;object-fit:contain;max-inline-size:100%;margin-inline:auto}
.lightbox-well{background:var(--l2)}.lightbox-footer{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--fg-3);padding-block-start:12px}
#action-toast{position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:10;max-inline-size:calc(100% - 48px);padding:16px}
#action-toast button{margin-inline-start:12px}
.preferences{max-inline-size:640px}.preferences form,#patient-controls form,.question-confirm form{display:grid;gap:24px}
.preferences label,#patient-controls label,.question-confirm label{display:grid;gap:8px;font-weight:600;margin:0;min-inline-size:0}
.preferences label .muted{font-size:12.5px;font-weight:400;margin:0}
.submit-row{display:flex;gap:12px;justify-content:end}#digest-form{margin-block-start:32px;border-block-start:1px solid var(--line);padding-block-start:24px}
.change-error,.preferences [role=status]{font-size:12.5px;color:var(--danger)}
body.standalone main{inline-size:calc(100% - 32px);max-inline-size:440px;margin-block:64px;padding:32px;border-radius:18px}
.standalone .page-heading{display:flex;gap:16px;margin-block-end:24px}
.standalone main>p{color:var(--fg-2);overflow-wrap:anywhere}.standalone .refusal{color:var(--danger)}
.standalone form{max-inline-size:600px}.standalone form button[type=submit]{inline-size:100%}
.standalone:has(#admin-applications) main{max-inline-size:1180px}
.application-card button{margin:4px}.application-card p{overflow-wrap:anywhere}
#patient-stop[role=switch]{display:inline-flex;min-block-size:44px;inline-size:44px;padding:0;background:transparent;box-shadow:none;border:0;vertical-align:middle}
.switch-label{margin-inline-end:12px}.switch-track{display:block;inline-size:44px;block-size:26px;border-radius:999px;background:var(--chip-bg);box-shadow:0 0 0 1px var(--line-strong);padding:3px}
.switch-track>span{display:block;inline-size:20px;block-size:20px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 1px var(--line-strong);transform:translateX(0);transition:transform .4s var(--ease)}
#patient-stop[aria-checked=true] .switch-track{background:var(--cyan)}
#patient-stop[aria-checked=true] .switch-track>span{transform:translateX(18px)}
[dir=rtl] #patient-stop[aria-checked=true] .switch-track>span{transform:translateX(-18px)}
.reading-table th,.reading-table td{padding:10px 12px;border-block-end:1px solid var(--line);overflow-wrap:anywhere;font-size:13.5px;letter-spacing:normal;text-transform:none}
.reading-table th small{color:var(--fg-2)}
[lang=ar] *,[lang=ar] *::before,[lang=ar] *::after{letter-spacing:normal!important}
[lang=ar] body{font-family:ArabicUI,Inter,sans-serif}

.aurora{position:fixed;inset-block:0;inset-inline:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora i{will-change:transform;position:absolute;display:block;border-radius:50%;filter:blur(90px);opacity:.9;animation:drift 26s var(--ease) infinite alternate}
.aurora i:nth-child(1){inline-size:52vw;block-size:52vw;inset-inline-start:-8vw;inset-block-start:-14vw;background:var(--aurora-1);animation-duration:28s}
.aurora i:nth-child(2){inline-size:44vw;block-size:44vw;inset-inline-end:-10vw;inset-block-start:18vh;background:var(--aurora-2);animation-duration:34s;animation-delay:-6s}
.aurora i:nth-child(3){inline-size:40vw;block-size:40vw;inset-inline-start:26vw;inset-block-end:-16vw;background:var(--aurora-3);animation-duration:40s;animation-delay:-12s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(6vw,-5vh,0) scale(1.18)}}

.rail{position:sticky;inset-block-start:0;block-size:100vh;padding:26px 18px;display:flex;flex-direction:column;gap:26px;border-inline-end:1px solid var(--line);background:linear-gradient(180deg,var(--l1),transparent 60%);backdrop-filter:blur(14px)}
.mark{display:flex;align-items:center;gap:11px}

.rail nav{display:flex;flex-direction:column;gap:4px}
.rail nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);color:var(--fg-2);text-decoration:none;font-weight:500;position:relative;transition:color .2s,background .2s,transform .25s var(--ease)}
.rail nav a svg{inline-size:17px;block-size:17px;flex:0 0 auto;opacity:.8}
.rail nav a:hover{color:var(--fg);background:var(--chip-bg);transform:translateX(3px)}
.rail nav a[aria-current=page]{color:var(--fg);background:var(--l2);box-shadow:0 0 0 1px var(--line) inset}
.rail nav a[aria-current=page]::before{content:"";position:absolute;inset-inline-start:-7px;inset-block-start:9px;inset-block-end:9px;inline-size:3px;border-radius:0 3px 3px 0;background:var(--grad);box-shadow:0 0 14px 2px rgba(109,123,255,.6)}
.rail nav a .n{margin-inline-start:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--fg-3)}
.rail .foot{margin-block-start:auto;display:flex;flex-direction:column;gap:10px}

.toggle{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--line)}
.toggle button{flex:1;border:0;background:transparent;border-radius:999px;padding:7px 0;font-size:12px;font-weight:600;color:var(--fg-3);transition:.2s}
.toggle button[aria-pressed=true]{background:var(--l2);color:var(--fg);box-shadow:var(--shadow)}

.rv{opacity:0;transform:translateY(20px) scale(.985);filter:blur(6px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none;filter:none}

:where(.card,.work-surface,.section,.preferences,.inbox-item,.summary-tile,dialog,#action-toast,.record-heading,.standalone main){position:relative;border-radius:var(--r);background:var(--l1);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}
:where(.card,.work-surface,.section,.preferences,.inbox-item,.summary-tile,dialog,#action-toast,.record-heading,.standalone main)::before{content:"";position:absolute;inset-inline-start:12%;inset-inline-end:12%;inset-block-start:0;block-size:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:.7}
[data-theme=light] :where(.card,.work-surface,.section,.preferences,.inbox-item,.summary-tile,dialog,#action-toast,.record-heading,.standalone main)::before{opacity:1;background:linear-gradient(90deg,transparent,#fff,transparent)}

.summary-tile[data-summary]{padding:20px;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.summary-tile[data-summary] .tile-label{display:flex;align-items:center;gap:8px;color:var(--fg-2);font-size:12.5px;font-weight:500}
.summary-tile[data-summary] .tile-label svg{inline-size:15px;block-size:15px}
.summary-tile[data-summary] strong{font-size:44px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:12px 0 2px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.summary-tile[data-summary] .tile-clause{color:var(--fg-3);font-size:12px;font-weight:400}
.summary-tile[data-summary]:hover{transform:translateY(-5px);box-shadow:var(--shadow),var(--glow);border-color:var(--line-strong)}
.summary-tile[data-summary] .spark{position:absolute;inset-inline-end:-30px;inset-block-end:-30px;inline-size:120px;block-size:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,123,255,.35),transparent 70%);opacity:0;transition:opacity .45s}
.summary-tile[data-summary]:hover .spark{opacity:1}
#content:has(>.bar) .summary-tile[aria-pressed=true]{background:var(--l2);color:var(--fg);box-shadow:var(--shadow)}
.summary-tile[data-summary].danger strong{background:none;-webkit-text-fill-color:var(--danger);color:var(--danger)}
.summary-tile[data-summary].danger{border-color:var(--danger-tile-edge)}
.summary-tile[data-summary].danger::after{content:"";position:absolute;inset-block:-1px;inset-inline:-1px;border-radius:var(--r);pointer-events:none;box-shadow:0 0 0 1px var(--danger) inset;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 30%,transparent) inset,0 0 0 0 rgba(255,97,120,.30)}
  50%{box-shadow:0 0 0 1px var(--danger) inset,0 0 34px 4px rgba(255,97,120,.22)}}
.beacon{position:absolute;inset-block-start:16px;inset-inline-end:16px;inline-size:9px;block-size:9px;border-radius:50%;background:var(--danger)}
.beacon::after{content:"";position:absolute;inset-block:0;inset-inline:0;border-radius:50%;background:var(--danger);animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.6);opacity:0}}

.search{flex:1;min-inline-size:220px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;background:var(--l1);border:1px solid var(--line);transition:box-shadow .3s,border-color .3s}
.search input{flex:1;border:0;background:transparent;color:var(--fg);outline:none;font-size:13.5px}
.search svg{inline-size:15px;block-size:15px;color:var(--fg-3)}
:is(.seg,.tabs){display:flex;padding:4px;gap:2px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--line)}
:is(.seg,.tabs) button{border:0;background:transparent;padding:8px 15px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--fg-3);transition:.25s var(--ease)}
:is(.seg,.tabs) button:is([aria-pressed=true],[aria-selected=true]){background:var(--grad);color:var(--on-gradient);box-shadow:0 6px 18px -8px rgba(109,123,255,.9)}
:is(button,.button){border:1px solid var(--line);background:var(--l1);padding:11px 17px;border-radius:999px;font-weight:600;font-size:13px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
:is(button,.button):where(:not(.toggle button,.seg button,.tabs button,.summary-tile,th button)):hover{transform:translateY(-2px);box-shadow:var(--glow);border-color:var(--line-strong)}
:is(button,.button).primary{background:var(--grad);border-color:transparent;color:var(--on-gradient);box-shadow:0 10px 30px -12px rgba(109,123,255,.9)}

.list{margin-block-start:18px;padding:6px}
.patient-row{display:grid;grid-template-columns:1.45fr 2fr 0.85fr auto 30px;column-gap:18px;row-gap:0;align-items:center;padding:16px 16px;border-radius:14px;cursor:pointer;position:relative;transition:background .3s,transform .35s var(--ease)}
.patient-row+.patient-row{box-shadow:0 -1px 0 var(--line)}
.patient-row::before{content:"";position:absolute;inset-inline-start:6px;inset-block-start:14px;inset-block-end:14px;inline-size:3px;border-radius:3px;background:var(--grad);opacity:0;transform:scaleY(.3);transform-origin:center;transition:opacity .3s,transform .4s var(--ease)}
.patient-row:hover{background:var(--chip-bg);transform:translateX(4px)}
.patient-row:hover::before,.patient-row.open::before{opacity:1;transform:scaleY(1)}
.patient-row.open{background:var(--l2)}

.av{inline-size:36px;block-size:36px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:var(--on-gradient);background:var(--grad);box-shadow:0 8px 20px -10px rgba(109,123,255,.9)}

.go{inline-size:30px;block-size:30px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;transition:transform .35s var(--ease),background .3s}
.patient-row:hover .go{background:var(--grad);border-color:transparent;transform:translateX(3px)}
.go svg{inline-size:13px;block-size:13px}

.kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:13px}
.kv+.kv{border-block-start:1px solid var(--line)}
.kv b{font-variant-numeric:tabular-nums}
.ask{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--indigo) 12%,transparent);border:1px solid var(--ask-edge)}
.ask p{margin:0 0 14px;font-size:13.5px;color:var(--fg)}
.ask .acts{display:flex;gap:9px;flex-wrap:wrap}

.plan-item{display:flex;gap:11px;padding:10px 0;font-size:13px}
.plan-item+.plan-item{border-block-start:1px solid var(--line)}
.plan-item .tick{inline-size:20px;block-size:20px;border-radius:7px;flex:0 0 auto;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.plan-item .tick svg{inline-size:11px;block-size:11px}
.plan-item .tick.miss{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}
.plan-item small{display:block;color:var(--fg-3);font-size:11.5px;margin-block-start:2px}
.trend{display:flex;align-items:flex-end;gap:6px;block-size:74px;margin-block-start:6px}
.trend span{flex:1;border-radius:5px 5px 2px 2px;background:var(--grad);opacity:.85;transform-origin:bottom;transform:scaleY(0);transition:transform .8s var(--ease);transition-delay:var(--bd,0ms)}
.trend.in span{transform:scaleY(1)}
.trend span.hot{background:linear-gradient(180deg,var(--danger),color-mix(in srgb,var(--danger) 40%,transparent))}

.summary-tile[data-summary]{overflow:hidden;border-radius:var(--r)}
.record-item{background:transparent;box-shadow:none}
.av{color:var(--on-gradient)}
.summary-tile[data-summary] strong{font-variant-numeric:tabular-nums}
.search{font-size:13.5px}.search input{box-shadow:none;min-inline-size:0;padding:1px 2px;border-radius:0;font-family:revert;line-height:normal}
.seg{flex-wrap:nowrap}.seg button{flex:none;white-space:nowrap}
:is(button,.button).primary,.standalone form button[type=submit]{background:var(--grad);color:var(--on-gradient);box-shadow:0 10px 30px -12px rgba(109,123,255,.9)}
[dir=rtl] .rail nav a:hover{transform:translateX(-3px)}
[dir=rtl] .patient-row:hover{transform:translateX(-4px)}
[dir=rtl] .patient-row:hover .go{transform:translateX(-3px)}
[dir=rtl] .go svg{transform:rotate(180deg)}
@media(max-width:900px){
 .app{grid-template-columns:minmax(0,1fr)}
 .rail{position:relative;block-size:auto;min-block-size:0;flex-direction:row;align-items:center;gap:14px;padding:14px 16px;border-inline-end:0;border-block-end:1px solid var(--line);flex-wrap:nowrap}
 .rail nav{flex-direction:row;flex:1 1 0;min-inline-size:0;overflow-inline:auto}.rail nav a{flex:none}.rail nav a[aria-current=page]::before{display:none}
 .rail .mark{flex:none}.rail .account{display:none}
 .rail nav a{padding:9px 11px;white-space:nowrap}.rail nav a svg{display:none}
 .rail .foot{margin:0;margin-inline-start:auto;flex-direction:row;align-items:center;flex:none}
 main{padding:22px 16px 70px}
 h1,#title{font-size:29px}
 .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .patient-row{grid-template-columns:minmax(0,1fr) auto!important;column-gap:10px!important;row-gap:0!important}
 .patient-row .go{display:none}
 .patient-row td:first-child{grid-column:1/-1;grid-row:1}
 .patient-row td.age{grid-column:1;grid-row:2}
 .patient-row td:nth-child(3){grid-column:1/-1;grid-row:3;margin-block-start:10px}
 .patient-row td:last-child{grid-column:1;grid-row:4;margin-block-start:10px}
 .clinical thead tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .refresh-bar{flex-wrap:wrap;margin-inline-start:0}#freshness{min-inline-size:0}
 .seg{overflow-x:auto;max-inline-size:100%}
 .reading-table,.reading-table tbody,.reading-table tr,.reading-table td{display:block}
 .reading-table thead{display:none}.reading-table th[scope=row]{display:block}
 .reading-table .stack-label{display:block;color:var(--fg-3)}
 .reading-table td{border:0}
}
@media(max-width:480px){
 .submit-row{flex-direction:column}.submit-row button{inline-size:100%}
 .lightbox-footer{display:grid}
 .standalone #admin-applications .summary-strip{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}
 .rv{opacity:1;transform:none;filter:none}.trend span{transform:scaleY(1)}
 .tab-panel,.patient-row{transform:none!important}
}
@media(forced-colors:active){
  .status,.count,.work-surface,.section,.preferences,.record-item,.summary-tile,.inbox-item,dialog,#action-toast,.page-heading,.standalone main{border:1px solid CanvasText!important;box-shadow:none!important;background:Canvas!important;color:CanvasText!important}
  input,select,textarea,.switch-track{border:1px solid CanvasText;box-shadow:none}
  button,.button{border:1px solid ButtonText!important}
  .tabs button[aria-selected=true]{border-block-end:2px solid Highlight!important}
  .switch-track>span{background:CanvasText}
  #patient-stop[aria-checked=true] .switch-track{background:Highlight}
  #patient-stop[aria-checked=true] .switch-track>span{background:HighlightText}
  :focus-visible{outline:revert!important;box-shadow:none!important}
}

@media(forced-colors:active){
 .aurora{display:none}.summary-tile[data-summary] strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}
 .av{background:Canvas;color:CanvasText;border:1px solid CanvasText}
}

.record-heading .acts{margin-inline-start:auto;align-self:start;margin-block-end:0}
@media(max-width:900px){
 .record-heading .acts{margin-inline-start:0;inline-size:100%}
}

:root{--danger-edge:color-mix(in srgb,var(--danger) 38%,transparent);--warning-edge:color-mix(in srgb,var(--warn) 34%,transparent);--success-edge:color-mix(in srgb,var(--ok) 34%,transparent);--info-edge:color-mix(in srgb,var(--cyan) 30%,transparent);--danger-tile-edge:color-mix(in srgb,var(--danger) 45%,transparent);--ask-edge:color-mix(in srgb,var(--indigo) 32%,transparent);}

/* The sample glow is the single keyboard-focus treatment. */
@media(forced-colors:none){
 :focus-visible:not(.search input){outline:none!important;box-shadow:var(--glow)!important}
 .search:focus-within{border-color:var(--indigo);box-shadow:var(--glow)}
}
dialog{overflow:auto}

/* The account reuses the sample who block in the rail foot. */
.rail .account .av{inline-size:30px;block-size:30px;border-radius:50%;font-size:11px;box-shadow:none}
.rail .account>bdi{font-size:13px;font-weight:700;color:var(--fg)}

/* Locked M1 + T1 + L1 paint is independent of the sample token blocks. */
:root{--logo-a:#6D7BFF;--logo-b:#22D3EE;--logo-ink:#EEF1FA}
[data-theme=light]{--logo-a:#4B57D8;--logo-b:#0E7490;--logo-ink:#111834}
.sanad-lockup{display:block;inline-size:227px;block-size:64px;flex:none}
.rail .sanad-lockup{inline-size:calc(227px * 30 / 58);block-size:calc(64px * 30 / 58)}
/* Screen 3: variable counts and account-only application cards. */
#admin-applications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:22px}
#admin-applications>.summary-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px}
#admin-applications .summary-tile{display:flex;flex-direction:column-reverse;gap:0;padding:14px 20px;border-radius:14px;background:var(--l1);border:1px solid var(--line);min-inline-size:130px;box-shadow:none;backdrop-filter:none}
#admin-applications .summary-tile::before{display:none}
#admin-applications .summary-tile strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.5}
#admin-applications .summary-tile>span{color:var(--fg-3);font-size:11.5px}
#admin-applications>.empty{grid-column:1/-1}
.application-card{padding:22px;margin:0;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.application-card:hover{transform:translateY(-6px);box-shadow:var(--shadow),var(--glow);border-color:var(--line-strong)}
.application-card .av{inline-size:44px;block-size:44px;border-radius:15px;background:var(--grad);color:#fff;font-size:14px;font-weight:700;margin-block-end:14px;box-shadow:none}
.application-card>h2{margin:0;font:600 16px/1.5 var(--font-ui);color:var(--fg);letter-spacing:normal;text-transform:none}
.application-card>p:not(.application-state){color:var(--fg-3);font-size:12.5px;margin:3px 0 14px}
.application-card .application-state{white-space:normal;max-inline-size:100%;margin:0 0 16px}
.application-card .acts{display:flex;gap:8px}
.application-card .acts button{flex:1;padding:10px 0;text-align:center;margin:0}
.application-card:has(form){grid-column:1/-1}
.application-card form{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--indigo) 12%,transparent);border:1px solid var(--ask-edge);margin-block-start:16px}
.application-card fieldset{border:0;padding:0;margin:0 0 14px;min-inline-size:0}
.application-card form label{display:flex;gap:9px;align-items:center;margin-block:12px}
@media(max-width:900px){#admin-applications{grid-template-columns:minmax(0,1fr)}}

/* Screen 2: the existing content and control sections keep their DOM order. */
body[data-audience=patient] main{max-inline-size:1180px}
.two{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-block-start:24px;align-items:start}
.two>#content,.two>#patient-controls{display:contents}
.two #content>.summary-strip{grid-column:1/-1;margin:0}
.two #content>p{grid-column:1/-1;color:var(--fg-2);font-size:13.5px;margin:0}
.two .section{padding:24px;margin:0;min-inline-size:0}
.two .section>h2{font:500 21px/1.5 var(--font-display);letter-spacing:normal;text-transform:none;color:var(--fg);margin:0 0 4px}
.two #content>section:nth-of-type(1){grid-column:1;grid-row:3}
.two #content>section:nth-of-type(2){grid-column:1;grid-row:4}
.two #content>section:nth-of-type(3){grid-column:1;grid-row:8}
.two #content>section:nth-of-type(4){grid-column:2;grid-row:4}
.two #content>section:nth-of-type(5){grid-column:2;grid-row:5}
.two #content>section:nth-of-type(6){grid-column:2;grid-row:6}
.two .patient-talk{grid-column:1;grid-row:5/7}
.two .patient-upload{grid-column:1;grid-row:7}
.two .remind{grid-column:2;grid-row:3}
.two #patient-action-result{grid-column:1/-1;margin:0;overflow-wrap:anywhere}
.two #content>section>p{color:var(--fg-2);font-size:13.5px}
.two a.summary-tile{display:block;text-decoration:none;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.two a.summary-tile>span{display:block;color:var(--fg-2);font-size:12.5px;font-weight:500}
.two a.summary-tile>strong{display:block;font-size:44px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:12px 0 2px;background:var(--grad);background-clip:text;color:transparent;line-height:1}
.two a.summary-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow),var(--glow);border-color:var(--line-strong)}
.dose{display:flex;gap:14px;align-items:center;padding:15px;border-radius:14px;background:var(--chip-bg);border:1px solid var(--line);margin:0;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.dose+.dose{margin-block-start:11px}
.dose:hover{transform:translateY(-3px) scale(1.008);box-shadow:var(--glow);border-color:var(--line-strong)}
.dose .pill{inline-size:42px;block-size:42px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;font-weight:700;background:var(--grad);color:#fff;font-size:12px}
.dose-copy{min-inline-size:0}.dose b{display:block;font-size:14px}
.dose small{color:var(--fg-3);font-size:12px;margin:0}
.dose .tag{margin-inline-start:auto;white-space:normal;overflow-wrap:anywhere;flex-shrink:0;max-inline-size:40%}
.dose .tag::before{display:none}
#patient-controls input,#patient-controls textarea{display:block;inline-size:100%}
#patient-controls textarea{min-block-size:7rem}
#patient-controls form{margin-block-start:18px}
#patient-conversation{margin-block-start:4px}
#patient-conversation p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
#patient-conversation .msg{display:flex;gap:10px;padding:14px 0;margin:0;border:0;background:transparent;box-shadow:none}
#patient-conversation .msg+.msg{border-block-start:0}
.msg .av{inline-size:32px;block-size:32px;border-radius:11px;font-size:11px;font-weight:700;color:#fff;box-shadow:none}
.msg.doc .av{background:var(--grad)}
.msg.pat .av{background:linear-gradient(135deg,var(--violet),var(--cyan))}
.msg .b{font-size:13.5px;color:var(--fg-2);min-inline-size:0}
.msg .b small{display:block;color:var(--fg-3);font-size:11.5px;margin-block-start:5px;font-variant-numeric:tabular-nums}
.drop{margin-block-start:18px;padding:28px;border-radius:16px;text-align:center;border:1.5px dashed var(--line-strong);background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--indigo) 12%,transparent),transparent 70%);transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.drop:hover{border-color:var(--indigo);transform:translateY(-3px);box-shadow:var(--glow)}
.drop .ic{inline-size:46px;block-size:46px;margin:0 auto 12px;border-radius:16px;background:var(--l2);border:1px solid var(--line);display:grid;place-items:center;animation:bob 3.4s ease-in-out infinite}
.drop .ic svg{inline-size:19px;block-size:19px;color:var(--indigo)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
#patient-upload-form{text-align:start}
#patient-upload-form.dragging{box-shadow:var(--glow)}
#patient-upload-progress{display:block;inline-size:100%;accent-color:var(--indigo)}
#patient-uploads{margin-block-start:18px;color:var(--fg-2);font-size:13.5px}
#patient-uploads p{padding:9px 0;margin:0;border-block-end:1px solid var(--line)}
.two .remind{padding:22px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 16%,transparent),color-mix(in srgb,var(--indigo) 14%,transparent));border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);margin-block-start:20px;position:relative;overflow:hidden;box-shadow:none;backdrop-filter:none}
.remind::before{display:none}
.remind::after{content:"";position:absolute;inset-inline-end:-40px;inset-block-start:-40px;inline-size:160px;block-size:160px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.35),transparent 70%);animation:breathe 6s ease-in-out infinite;pointer-events:none}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.25);opacity:1}}
.two .remind>h2{margin:0 0 6px;font:700 15px/1.5 var(--font-ui)}
.remind p{margin:0 0 14px;font-size:13px;color:var(--fg-2)}
#patient-controls #patient-quiet-form{display:flex;gap:10px;flex-wrap:wrap}
#patient-quiet-form label{flex:1 1 120px}
#patient-quiet-form input.clock{padding:8px 13px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:12.5px;font-variant-numeric:tabular-nums;box-shadow:none}
[data-theme=light] #patient-quiet-form input.clock{background:rgba(255,255,255,.75)}
@media(max-width:900px){
 .two{grid-template-columns:minmax(0,1fr)}
 .two #content>section:nth-of-type(n),.two .patient-talk,.two .patient-upload,.two .remind{grid-column:1;grid-row:auto}
}

.standalone:has(#admin-applications) main{inline-size:100%;margin:0;padding:34px 40px 90px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.standalone:has(#admin-applications) main::before{display:none}
.standalone:has(#admin-applications) main>h1+p{color:var(--fg-2);margin:10px 0 0;max-inline-size:62ch;font-size:15px}
#admin-result:empty{margin:0}
@media(max-width:900px){.standalone:has(#admin-applications) main{padding:22px 16px 70px}}

/* 18h-3: the sample list, with the existing sentence and real card facts. */
.patients-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 18px}
.patients-heading .htitle{grid-column:1}
.patients-heading .refresh-bar{grid-column:2;grid-row:1}
.patients-heading .hsub{grid-column:1/-1;grid-row:2;color:var(--fg-2);margin:10px 0 0;max-inline-size:62ch;font-size:15px}
.hsub b{color:var(--fg);font-weight:600}
.patients-heading #freshness{min-inline-size:0}
.row.patient-row{gap:18px}
.who2{display:flex;gap:12px;align-items:center;min-inline-size:0}
.who2 b{display:block;font-size:14.5px;font-weight:600}
.who2 small{color:var(--fg-3);font-size:12px;margin:0}
.need{font-size:13.5px;color:var(--fg-2)}
.need b{color:var(--fg);font-weight:600}
.when{font-size:12.5px;color:var(--fg-3);font-variant-numeric:tabular-nums}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--chip-bg);border:1px solid var(--line);white-space:nowrap}
.chip em{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.chip.red{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);border-color:color-mix(in srgb,var(--danger) 38%,transparent)}
.chip.amber{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 34%,transparent)}
.chip.green{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:color-mix(in srgb,var(--ok) 34%,transparent)}
.chip.cool{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent);border-color:color-mix(in srgb,var(--cyan) 30%,transparent)}
.row .go{padding:0;box-shadow:none}
.detail{grid-column:1/-1;overflow:hidden;max-block-size:0;opacity:0;transition:max-block-size .55s var(--ease),opacity .4s ease,margin .4s}
.row.open+.detail,.application-card.open>.detail{max-block-size:460px;opacity:1;margin:4px 6px 14px}
.detail .inner{padding:20px;border-radius:16px;background:var(--l2);border:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
.detail h4{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
.detail .ask{margin:0}
.application-card .detail .inner{grid-template-columns:1fr}
.two #content>section.remind{grid-column:2;grid-row:3}
.two #content>section:nth-of-type(4){grid-row:4}
.two #patient-settings{grid-column:1/-1;grid-row:auto}
.msg.doc{justify-content:flex-start}
.msg.pat{justify-content:flex-end}
.msg.pat .av{order:1}
.msg .b{padding:10px 14px;border-radius:16px;max-inline-size:78%;background:var(--l2);border:1px solid var(--line)}
.msg.doc .b{border-start-start-radius:6px}
.msg.pat .b{border-start-end-radius:6px;background:color-mix(in srgb,var(--cyan) 12%,transparent);border-color:color-mix(in srgb,var(--cyan) 30%,transparent)}
@media(max-width:900px){
 .row.patient-row{grid-template-columns:1fr auto;gap:10px;row-gap:10px!important}
 .row .need{grid-column:1/-1}.row .when{grid-column:1}
 .detail .inner{grid-template-columns:1fr}
 .row.open+.detail,.application-card.open>.detail{max-block-size:900px}
 .two #content>section.remind{grid-column:1;grid-row:auto}
}

/* 18h-4: the approved opened profile, with current recorded facts only. */
#back{margin-inline-start:0;justify-self:start;align-self:start;inline-size:max-content;max-inline-size:100%}
.opened-title{font-size:26px;margin-block-start:52px}
#patient-profile{margin-block-start:22px;padding:0;overflow:hidden}
#patient-profile .top{padding:26px 26px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 20%,transparent),transparent 65%);border-block-end:1px solid var(--line);display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:0}
#patient-profile .top .av{inline-size:58px;block-size:58px;border-radius:18px;background:var(--grad);font-size:18px;color:#fff;box-shadow:0 16px 40px -16px rgba(109,123,255,1)}
#patient-profile .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}
#patient-profile .cellp{padding:22px;background:var(--l1);min-inline-size:0}
.cellp>h4{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}
#patient-profile #what-to-do{margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.reading-chart{min-inline-size:0;overflow-wrap:anywhere}
.reading-chart+.reading-chart{margin-block-start:22px}
.reading-chart h4,.chart-scale{font-size:12px;margin:10px 0;color:var(--fg-3)}
.reading-values{padding-inline-start:20px;font-size:12px;color:var(--fg-2)}
.reading-values time{display:inline}
#patient-week{grid-column:2;padding:24px}
#patient-week h3{font-family:var(--font-display);font-weight:500;font-size:21px;margin:0 0 4px}
@media(max-width:900px){#patient-profile .grid3{grid-template-columns:1fr}#patient-week{grid-column:auto}}
.opened-title{font-family:var(--font-display);font-weight:500;line-height:1.1;letter-spacing:-.01em}
#patient-profile .top{border-radius:0;border:0;border-block-end:1px solid var(--line);box-shadow:none;backdrop-filter:none}
#patient-profile .top::before,#patient-profile #what-to-do::before{display:none}
#patient-profile #what-to-do{padding:16px;border-radius:14px;background:color-mix(in srgb,var(--indigo) 12%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 32%,transparent);backdrop-filter:none}
#patient-profile .top{background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 20%,transparent),transparent 65%)!important}