:root{font-family:"Segoe UI Variable", "Segoe UI",Arial,sans-serif;color:#243047;background:#f4f6fb;font-synthesis:none;--accent:#4c56c8;--muted:#69748b;--border:#e3e7f0;--surface:#fff;--shadow:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}button,select{font:inherit}.notice{background:#e9edf7;color:#53617d;padding:9px 22px;font-size:10px;font-weight:650;text-align:center;letter-spacing:.1em}.layout{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}aside{background:#18233c;color:#fff;padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:26px;font-weight:650;letter-spacing:-1px}.brand img{flex-shrink:0}.brand-light{font-weight:350}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:5px;color:#b5bfd7}.workspace-label{display:flex;gap:10px;align-items:center;padding:17px 0;margin:31px 0 22px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.workspace-emblem{border:1px solid #ffffff30;border-radius:10px;padding:10px;font-size:11px;color:#c9d1f7}.workspace-label strong{font-size:12px;font-weight:600}.workspace-label small{display:block;color:#aab6ce;font-size:10px;margin-top:5px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#9caaca;margin:0 12px 15px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:13px;color:#b8c4db;padding:14px 12px;border-radius:10px;text-decoration:none;font-size:12px}nav a:hover,nav a:focus{background:#ffffff09;color:#fff}nav .active{background:#ffffff10;color:#fff;box-shadow:none}.nav-number{font-size:9px;font-variant-numeric:tabular-nums;color:#99a9cb}.nav-arrow{margin-left:auto}.sidebar-card{background:#25314d;border:1px solid #ffffff16;border-radius:16px;padding:20px 16px;margin-top:50px}.mini-label{font-size:8px;letter-spacing:1.2px;color:#b7c5e8}.sidebar-card h3{font-size:20px;font-weight:450;line-height:1.4;letter-spacing:-.4px;margin:14px 0}.sidebar-card p{font-size:11px;line-height:1.8;color:#b6c1d7}.sidebar-card a{display:flex;justify-content:space-between;font-size:11px;text-decoration:none;margin-top:23px;color:#e3e7ff}.aside-note{margin-top:auto;padding:30px 8px 0;font-size:11px;color:#c2cee3;line-height:1.9}.aside-note small{font-size:9px;color:#9baac4;margin-left:14px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7489a8;margin-right:7px}main{padding:0 38px 28px;max-width:1700px;width:100%}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}.breadcrumb{font-size:11px;color:#768098}.breadcrumb span{padding:0 13px;color:#aab0c0}.breadcrumb strong{font-weight:550;color:#34445b}.theme-switch{display:flex;gap:4px;background:#e9edf5;border:1px solid #dfe4ee;padding:4px;border-radius:30px}.theme-switch button{background:transparent;color:#637087;box-shadow:none;padding:9px 15px;border-radius:24px;min-height:35px;font-size:10px;white-space:nowrap}.theme-switch button[aria-pressed=true]{background:#fff;color:#343e77;box-shadow:0 2px 5px #27375f12}.theme-switch button:hover:enabled{background:#fff;color:#313d77}.theme-switch span{font-size:8px;border:1px solid #aeb6d2;border-radius:4px;padding:1px 3px;margin-left:3px}header{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:32px 0 38px}.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:750;color:#697898;margin:0}h1{font-size:clamp(29px,3.1vw,47px);font-weight:560;letter-spacing:-1.8px;line-height:1.18;margin:16px 0}h1 span{color:#737b96;font-weight:350}.muted{color:var(--muted);line-height:1.7;font-size:12px}header .muted{font-size:12px;line-height:1.9}.hero-link{display:inline-flex;align-items:center;gap:30px;font-size:11px;font-weight:600;text-decoration:none;border-bottom:1px solid #b8c1d9;padding-bottom:9px;margin-top:12px;color:#454e8d}.hero-photo{margin:0;position:relative;height:263px;border-radius:23px;overflow:hidden;isolation:isolate;background:#d8dfdf}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15293e85,transparent 60%);z-index:-1}.hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 44%;position:absolute;inset:0;z-index:-2}.hero-photo figcaption{position:absolute;bottom:17px;left:17px;right:17px;padding:14px 16px;display:flex;gap:12px;align-items:center;border:1px solid #ffffff70;border-radius:13px;background:#f7faf9ed;color:#2a3c4b}.hero-photo figcaption strong{font-size:12px;font-weight:600}.hero-photo figcaption small{display:block;font-size:8px;margin-top:4px;color:#5c6d7b}.photo-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#528c83;box-shadow:0 0 0 5px #528c8315}.photo-label{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:1.4px;background:#f9fcffdc;padding:8px 11px;border-radius:20px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:8px 0}.pill,.section-tag{font-size:9px;color:#6c7892;padding:8px 12px;background:#e9edf5;border:1px solid #dfe5f0;border-radius:20px}.controls{display:flex;gap:17px;padding:17px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:19px;box-shadow:var(--shadow)}label{display:grid;gap:8px;flex:1;font-size:9px;font-weight:600;color:#67768e;letter-spacing:.02em}select{width:100%;min-width:0;min-height:40px;background:#f6f8fc;border:1px solid #e5eaf2;border-radius:8px;padding:9px 12px;color:#34445c;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:21px 23px;border-radius:16px;background:#ebeefa;border:1px solid #dce1f5}.metric-1{background:#e8f2f1;border-color:#d8e9e7}.metric-2{background:#f2ecf7;border-color:#e6ddef}.metric:after{content:none;position:absolute;width:100px;height:100px;border-radius:50%;border:18px solid #ffffff4d;right:-30px;top:40px;pointer-events:none}.metric strong{font-size:38px;font-weight:450;letter-spacing:-1px;color:#424d8d}.metric-1 strong{color:#2d6e6b}.metric-2 strong{color:#745d91}.metric-label{font-size:11px;font-weight:550}.metric small{font-size:9px;color:#6a7590}.panel{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:24px;margin-bottom:25px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}button{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:9px;padding:12px 17px;font-size:11px;font-weight:600;cursor:pointer;min-height:42px}#register:hover:enabled,.save-profile:hover:enabled{background:#3b46b0}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#eceefa;color:#454d96;border-color:#dfe3f2}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a56c20;outline-offset:4px}#role-help{font-size:10px;max-width:740px;line-height:1.7}#feedback{font-size:10px;color:#44746c;min-height:14px;margin:9px 0}.empty{padding:28px;text-align:center;background:#f8f9fd;border:1px dashed #d9e0ed;border-radius:12px}.empty h3{font-size:16px;font-weight:500;margin:11px 0}.empty p{font-size:11px;color:#737d93;line-height:1.7;margin:0}.visit{display:flex;gap:16px;align-items:center;border-top:1px solid #e7ebf2;padding:16px 0;font-size:12px}.visit>div{flex:1}.visit small{display:block;color:#738099;margin-top:6px;font-size:10px}.badge{border-radius:20px;padding:7px 11px;font-size:10px;background:#eef2f6}.waiting{background:#fbf0da;color:#795b1d}.consulting{background:#e0eefb;color:#34608b}.followup{background:#ece6fa;color:#675188}.closed{background:#e1f0e8;color:#32694d}.doctor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:21px}.doctor-card{border:1px solid #e3e6f0;border-radius:12px;padding:18px;position:relative;border-top:3px solid #a3aedc;background:#fcfcff}.doctor-card:nth-child(2n){border-top-color:#8cb5ae}.doctor-card:nth-child(3n){border-top-color:#b8a2cc}.profile-label{font-size:7px;letter-spacing:.09em;color:#7b86a1}.doctor-card h3{font-size:14px;font-weight:600;margin:18px 0 6px}.specialty{font-size:11px;color:#55638b;margin:0 0 19px}.doctor-card small{display:block;color:#758098;font-size:10px;line-height:1.7}.credential-status{display:block;font-size:8px;color:#8a714a;border-top:1px solid #e6eaf1;padding-top:10px;margin-top:13px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bottom-grid p,.bottom-grid li{font-size:11px;line-height:1.9;color:#6a768d}.bottom-grid ul{padding-left:17px}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8490a5;padding-bottom:10px}.skip-link{position:fixed;top:-100px;left:15px;z-index:20;background:white;padding:15px}.skip-link:focus{top:15px}
/* Glass is an optional material layer. Data surfaces retain an opaque reading base. */
body[data-theme=glass]{--surface:#ffffffd9;--border:#ffffffc7;--shadow:inset 0 1px 0 #fff,0 14px 35px -23px #4956906b;background:radial-gradient(ellipse at 95% 0%,#c4daf6 0,transparent 40%),radial-gradient(ellipse at 30% 45%,#e1d8f5 0,transparent 48%),radial-gradient(ellipse at 90% 85%,#ccece7 0,transparent 50%),#eef2fa;background-attachment:fixed}
body[data-theme=glass] aside{background:linear-gradient(155deg,#172947f5,#293253f0 55%,#294c58f5);box-shadow:inset -1px 0 #ffffff35,8px 0 35px #354b7d15}
body[data-theme=glass] .brand img{filter:drop-shadow(0 5px 9px #0d173b70)}body[data-theme=glass] .panel,body[data-theme=glass] .controls{backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}body[data-theme=glass] .theme-switch{background:#e3e9f080;border-color:#ffffff;box-shadow:inset 0 1px 4px #667a9d19,0 5px 20px #8d9cc71c;backdrop-filter:blur(14px)}body[data-theme=glass] .theme-switch button[aria-pressed=true]{background:linear-gradient(#fff,#f2f2ff);box-shadow:0 4px 8px #6670a529,inset 0 1px #fff}body[data-theme=glass] .hero-photo{transform:perspective(1200px) rotateY(-4deg);box-shadow:10px 17px 28px -18px #24445c8c,0 0 0 5px #ffffff85;border:1px solid white;transition:transform .3s ease}body[data-theme=glass] .hero-photo:hover{transform:perspective(1200px) rotateY(0)}body[data-theme=glass] .hero-photo figcaption{background:#f4f9ffd9;backdrop-filter:blur(18px);box-shadow:inset 0 1px white,0 8px 18px #18284625}body[data-theme=glass] .metric{background:linear-gradient(130deg,#ffffffdd,#e0e5f9b3);border:1px solid #ffffffdf;box-shadow:inset 0 2px 1px #fff,0 12px 20px -18px #46538ba6;transition:transform .2s ease,box-shadow .2s ease}body[data-theme=glass] .metric-1{background:linear-gradient(130deg,#ffffffdd,#cfe9e4b3)}body[data-theme=glass] .metric-2{background:linear-gradient(130deg,#ffffffdd,#e2d7f1b3)}body[data-theme=glass] .metric:after{border-color:#fff9;box-shadow:0 8px 20px #656d9620,inset 0 4px 15px #fff9;transform:rotate(-25deg) scaleX(.8)}body[data-theme=glass] .metric:hover{transform:translateY(-3px);box-shadow:inset 0 2px 1px #fff,0 18px 24px -20px #46538baa}body[data-theme=glass] #register,body[data-theme=glass] .visit button{background:linear-gradient(180deg,#7980e9,#505ac6);box-shadow:inset 0 1px 0 #ffffff6b,0 5px 12px #4b55b831;border:1px solid #676cd1}body[data-theme=glass] button.secondary{background:linear-gradient(#fff,#e9ebff);color:#454d96}body[data-theme=glass] .doctor-card{background:linear-gradient(145deg,#fff,#f7f8ff);box-shadow:0 5px 12px -10px #65749f80}body[data-theme=glass] .sidebar-card{background:linear-gradient(140deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px #ffffff20}
@media(max-width:1150px){.layout{grid-template-columns:215px minmax(0,1fr)}aside{padding:28px 17px}main{padding:0 25px 24px}header{gap:20px}.hero-photo{height:245px}h1{font-size:34px}.desktop-break{display:none}.doctor-grid{grid-template-columns:repeat(3,1fr)}.brand{font-size:23px}.brand img{width:37px;height:37px}}
@media(max-width:850px){.layout{grid-template-columns:180px minmax(0,1fr)}aside{padding:24px 13px}.brand{font-size:20px;gap:8px}.brand small{font-size:6px}.brand img{width:32px;height:32px}nav a{font-size:11px;padding:12px 8px;gap:9px}.sidebar-card{padding:16px 12px}.sidebar-card h3{font-size:17px}main{padding:0 20px 20px}header{grid-template-columns:1fr;gap:23px;padding:26px 0}.hero-photo{height:220px}h1{font-size:37px}header .muted{max-width:380px}.bottom-grid{grid-template-columns:1fr;gap:0}.doctor-grid{grid-template-columns:repeat(2,1fr)}.topbar{flex-wrap:wrap;gap:12px;padding:16px 0}.metrics{gap:10px}.metric{padding:16px}.metric-label{font-size:10px}.metric small{font-size:8px}.controls{gap:10px;padding:15px}.section-tag{display:none}}
@media(max-width:600px){.layout{display:block}aside{position:static;height:auto;padding:18px 18px 10px}.workspace-label,.nav-label,.sidebar-card,.aside-note{display:none}.brand{font-size:24px}.brand img{width:36px;height:36px}.brand small{font-size:7px}nav{display:flex;overflow:auto;gap:4px;margin-top:17px}nav a{white-space:nowrap;font-size:10px;padding:11px 10px}.nav-number,.nav-arrow{display:none}nav .active{box-shadow:none}main{padding:0 17px 20px}.notice{font-size:8px;padding:7px}.topbar{min-height:76px;justify-content:center}.breadcrumb{display:none}.theme-switch{width:100%;justify-content:center}.theme-switch button{flex:1;font-size:11px;min-height:38px}header{padding:27px 0}h1{font-size:35px;letter-spacing:-1.3px}.hero-photo{height:218px}body[data-theme=glass] .hero-photo{transform:none}.workspace-heading{align-items:flex-start;gap:10px}.pill{font-size:8px;padding:7px}.eyebrow{font-size:7px}.controls{flex-wrap:wrap;gap:14px}.controls label{flex-basis:40%}.controls label:last-child{flex-basis:100%}select{min-height:44px}.metrics{gap:8px}.metric{padding:15px 11px;min-height:143px;gap:10px}.metric strong{font-size:31px}.metric-label{font-size:9px;min-height:23px}.metric small{font-size:8px;line-height:1.5;z-index:1}.metric:after{right:-55px}.panel{padding:19px}.section-head{flex-wrap:wrap}#register{width:100%;min-height:44px}.empty{padding:24px 16px}.empty h3{font-size:15px}.doctor-grid{gap:10px}.doctor-card{padding:15px 12px}.profile-label{font-size:6px}.doctor-card h3{font-size:13px}.visit{flex-wrap:wrap}.visit button{width:100%}footer{flex-direction:column;font-size:8px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}body[data-theme=glass] .hero-photo,body[data-theme=glass] .metric:hover{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-theme=glass]{--surface:#fff;--border:#c3cbdc;--shadow:none;background:#f4f6fb}body[data-theme=glass] .panel,body[data-theme=glass] .controls,body[data-theme=glass] .theme-switch,body[data-theme=glass] .hero-photo figcaption{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}body[data-theme=glass] .metric{background:#f0f2f8;box-shadow:none}body[data-theme=glass] .hero-photo{transform:none}.muted,#role-help,.eyebrow{color:#46546f}}
@media print{aside,.notice,.theme-switch,.controls,header,button{display:none}body,body[data-theme=glass]{background:#fff}.layout{display:block}main{padding:0}.panel{break-inside:avoid;box-shadow:none!important;background:#fff!important}}

/* Design refinement: one stroke system, restrained materials, readable UI type. */
:root{--accent:#5061bb;--muted:#637089;--border:#e1e7ef;--surface:#fff}
.ui-icon{display:block;width:19px;height:19px;flex:0 0 19px;overflow:visible}
.action-arrow{width:17px;height:17px;flex-basis:17px;transition:transform .18s ease}
a:hover .action-arrow{transform:translateX(3px)}
.brand{font-weight:600;letter-spacing:-1.2px}.brand img{filter:none!important}.brand small{font-size:8px;letter-spacing:1.7px}
aside{background:#1b2941;padding-top:31px}nav{gap:7px}nav a{min-height:47px;padding:13px 14px;gap:13px;font-size:12px;letter-spacing:.01em;border:1px solid transparent;border-radius:10px;transition:background .18s ease,border-color .18s ease}nav a .ui-icon{color:#a8b8d4;width:18px;height:18px;flex-basis:18px}nav a.active{border-color:#ffffff12}nav a.active .ui-icon{color:#d1dcff}.nav-indicator{width:5px;height:5px;border-radius:50%;background:transparent;margin-left:auto;flex-shrink:0}nav a.active .nav-indicator{background:#bfccf9;box-shadow:0 0 0 3px #bfccf90a}.workspace-emblem{padding:9px;background:#ffffff04}.workspace-emblem .ui-icon{width:20px;height:20px}.workspace-label small{font-size:10px}.sidebar-card{background:#ffffff04;border:1px solid #ffffff0e;border-radius:13px}.sidebar-card h3{font-weight:400;letter-spacing:-.5px}.sidebar-card a{align-items:center}.sidebar-card a .ui-icon{width:16px;height:16px;flex-basis:16px}.aside-note{font-size:11px}
.topbar{min-height:86px}.breadcrumb{font-size:12px}.theme-switch button{font-size:11px;font-weight:550}.theme-switch span{letter-spacing:.03em}
header{padding:37px 0 40px;gap:40px}h1{font-weight:550;font-size:clamp(32px,3.15vw,48px);line-height:1.14;letter-spacing:-1.9px;margin:19px 0}h1 span{color:#737f98;font-weight:350}header .eyebrow{font-size:9px;letter-spacing:.15em}header .muted{font-size:13px;line-height:1.85}.hero-link{font-size:12px;gap:22px;align-items:center;border-bottom:0;color:#43558e;padding:11px 0;margin-top:9px}.hero-photo{border-radius:18px;height:260px}.hero-photo figcaption{bottom:15px;left:15px;right:15px;border-radius:10px;padding:15px}.hero-photo figcaption strong{font-size:13px}.hero-photo figcaption small{font-size:9px}
h2{font-size:21px;letter-spacing:-.45px}.workspace-heading{margin-bottom:20px}.workspace-heading .eyebrow{font-size:8px}.controls{padding:20px 22px;border-radius:13px;gap:22px}label{font-size:11px;gap:10px;letter-spacing:0;font-weight:550}select{font-size:12px;min-height:43px;border-color:#e4e9f1;background:#f8f9fc}.metrics{gap:18px}.metric{padding:22px 24px;border-radius:13px;gap:11px}.metric-label{font-size:12px;font-weight:550}.metric strong{font-size:39px;font-weight:420;letter-spacing:-1.4px}.metric small{font-size:10px}.metric-0{background:#f0f2fb}.metric-1{background:#edf5f3}.metric-2{background:#f5f1f8}
.panel{border-radius:15px;padding:27px}.section-head{gap:20px}.section-head .eyebrow{font-size:8px}.section-tag{font-size:10px}button{font-size:12px;letter-spacing:0;font-weight:550;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px}#register .ui-icon{width:16px;height:16px;flex-basis:16px}.muted{font-size:12px}#role-help{font-size:11px}#feedback{font-size:11px;line-height:1.6;min-height:18px}.empty{border-style:solid;border-color:#edf0f6;background:#f9fafc;padding:32px 20px}.empty h3{font-size:17px;font-weight:450;letter-spacing:-.3px}.empty p{font-size:12px}.doctor-card{border-top-width:1px;border-color:#e1e6ef;border-radius:11px;padding:20px;background:#fff}.doctor-card:nth-child(2n),.doctor-card:nth-child(3n){border-top-color:#e1e6ef}.profile-label{font-size:8px;color:#7b88a0}.doctor-card h3{font-size:15px;font-weight:550}.specialty{font-size:12px}.doctor-card small{font-size:11px}.credential-status{font-size:9px;color:#826c49}.bottom-grid p,.bottom-grid li{font-size:12px;line-height:1.8}.footer-divider{padding:0 9px;color:#bac2d1}footer{font-size:10px}
body[data-theme=glass]{--surface:#fffffff0;--border:#ffffffdb;--shadow:inset 0 1px 0 #fff,0 10px 28px -22px #49569060;background:radial-gradient(ellipse at 95% 0%,#d5e2f4 0,transparent 43%),radial-gradient(ellipse at 25% 48%,#e4e1f4 0,transparent 50%),radial-gradient(ellipse at 95% 90%,#ddeee9 0,transparent 50%),#f2f4fa;background-attachment:fixed}
body[data-theme=glass] aside{background:linear-gradient(160deg,#1d2b45,#293953 60%,#2a4353);box-shadow:inset -1px 0 #ffffff1a}
body[data-theme=glass] .hero-photo,body[data-theme=glass] .hero-photo:hover{transform:none;box-shadow:0 14px 25px -20px #24445c80,0 0 0 4px #ffffff80}
body[data-theme=glass] .metric{background:linear-gradient(135deg,#ffffffec,#e8ecf8c9);box-shadow:inset 0 1px 0 #fff,0 10px 19px -20px #46538b90}
body[data-theme=glass] .metric-1{background:linear-gradient(135deg,#fffffff0,#dff0eac9)}body[data-theme=glass] .metric-2{background:linear-gradient(135deg,#fffffff0,#eee5f5c9)}body[data-theme=glass] .metric:hover{transform:translateY(-2px)}
body[data-theme=glass] #register,body[data-theme=glass] .visit button{background:linear-gradient(#7887d5,#5365b7);box-shadow:inset 0 1px #ffffff4a,0 4px 8px #4b55b81a;border-color:#6475c0}body[data-theme=glass] button.secondary{background:linear-gradient(#fff,#eef0fc);color:#46558a;border-color:#dde3f3}body[data-theme=glass] .doctor-card{background:#ffffffee;box-shadow:none}
@media(max-width:1150px){header{gap:25px}h1{font-size:37px}.hero-photo{height:245px}aside{padding-left:15px;padding-right:15px}nav a{padding:12px 10px;gap:10px;font-size:11px}}
@media(max-width:850px){header{gap:23px;padding:29px 0}.hero-photo{height:235px}.metric{padding:18px}.metric-label{font-size:11px}.metric small{font-size:9px}.controls{gap:12px;padding:18px}label{font-size:10px}.panel{padding:22px}.brand{font-size:20px}.brand small{font-size:6px}nav a{padding:11px 8px;gap:9px;font-size:10px}.nav-indicator{display:none}}
@media(max-width:600px){aside{padding:18px 17px 10px}.brand{font-size:24px}.brand small{font-size:7px}nav{gap:3px;margin-top:18px}nav a{min-height:42px;padding:11px 9px;gap:7px;font-size:10px}nav a .ui-icon{width:15px;height:15px;flex-basis:15px}header{gap:22px;padding:28px 0}h1{font-size:36px;letter-spacing:-1.5px}header .eyebrow{font-size:8px}header .muted{font-size:13px}.hero-photo{height:220px}.hero-photo figcaption strong{font-size:12px}.hero-photo figcaption small{font-size:8px}.controls{padding:17px;gap:15px}.metrics{gap:8px}.metric{padding:17px 11px;min-height:148px}.metric strong{font-size:32px}.metric-label{font-size:10px}.metric small{font-size:9px}.panel{padding:20px}.doctor-card{padding:18px 13px}.doctor-card h3{font-size:14px}.profile-label{font-size:7px}.empty p{font-size:12px}button{min-height:44px}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){a:hover .action-arrow,body[data-theme=glass] .metric:hover{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-theme=glass]{--surface:#fff;--border:#c3cbdc;--shadow:none;background:#f4f6fb}body[data-theme=glass] .metric{background:#f0f2f8;box-shadow:none}}

@media(max-width:600px){nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:4px}nav a{flex-direction:column;justify-content:flex-start;text-align:center;white-space:normal;gap:7px;min-height:65px;padding:10px 3px;font-size:9px;line-height:1.4}nav a .ui-icon{width:17px;height:17px;flex-basis:17px}nav a.active{background:#ffffff12}nav .nav-indicator{display:none}}

/* Reusable control foundation: Clinical / Glass variants. */
:root{--control-height:46px;--control-radius:12px;--focus-ring:#97713a;--button-top:#8293e0;--button-bottom:#4a61b1;--button-edge:#354882}
.controls{position:relative;z-index:5;overflow:visible;align-items:start}
.select-field{position:relative;flex:1;min-width:0;display:grid;gap:10px;font-size:11px;color:#63728b;font-weight:550}
.select-field>span{padding-left:2px}.select-field.is-open{z-index:10}.select-field select[hidden]{display:none}
.select-trigger{min-height:var(--control-height);width:100%;display:flex;justify-content:space-between;text-align:left;gap:16px;padding:12px 15px;color:#30435e;background:#f7f9fd;border:1px solid #dce3ef;border-radius:var(--control-radius);font-size:12px;font-weight:500;box-shadow:none}
.select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger:hover:enabled{background:#eef2fa;border-color:#aebdd8;color:#263e62}
.select-chevron{width:7px;height:7px;flex:0 0 7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-right:2px;transition:transform .18s ease}
.select-trigger[aria-expanded=true] .select-chevron{transform:translateY(2px) rotate(225deg)}
.select-trigger[aria-expanded=true]{border-color:#819acb;outline:3px solid #647eaa16}
.select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;padding:7px;max-height:260px;overflow:auto;background:#fff;border:1px solid #d8e1ee;border-radius:14px;box-shadow:0 16px 36px -12px #21395540,0 3px 8px #273e5d0a;color:#30435e;z-index:30}
.select-menu[hidden]{display:none}.select-option{position:relative;padding:12px 32px 12px 12px;border-radius:8px;font-size:12px;line-height:1.5;cursor:pointer;font-weight:450}
.select-option:hover,.select-option.highlighted{background:#edf2fb;color:#294579}.select-option[aria-selected=true]{background:#e8eefb;color:#3a5191;font-weight:600}
.select-option[aria-selected=true]:after{content:"";position:absolute;right:14px;top:17px;width:5px;height:9px;border:solid #536eaf;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
nav .clinical-image{width:30px;height:30px;flex:0 0 30px;object-fit:contain;filter:saturate(.65);transition:filter .18s ease,transform .18s ease}
nav a{padding-top:9px;padding-bottom:9px}nav a.active .clinical-image,nav a:hover .clinical-image{filter:saturate(1)}
.workspace-emblem{padding:0;border:0;background:transparent;display:flex}.workspace-emblem img{width:43px;height:43px}
body[data-theme=glass] #register,body[data-theme=glass] .visit button{background:linear-gradient(180deg,#a2b0ee 0%,var(--button-top) 10%,#7186d0 46%,#5a73c0 50%,var(--button-bottom) 100%);border:1px solid #8d9dde;border-bottom-color:#4b609a;border-radius:12px;box-shadow:inset 0 1px 1px #ffffffd0,inset 1px 0 0 #ffffff30,inset -1px 0 0 #ffffff20,0 4px 0 var(--button-edge),0 8px 14px -3px #30467550;color:#fff;text-shadow:0 1px 1px #283f8055;transform:translateY(-2px);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;min-height:46px}
body[data-theme=glass] #register:hover:enabled,body[data-theme=glass] .visit button:hover:enabled{filter:brightness(1.06);transform:translateY(-3px);box-shadow:inset 0 1px 1px #fff,0 5px 0 var(--button-edge),0 11px 18px -5px #30467560}
body[data-theme=glass] #register:active:enabled,body[data-theme=glass] .visit button:active:enabled{transform:translateY(2px);box-shadow:inset 0 2px 4px #243a7140,0 0 0 var(--button-edge),0 3px 5px #30467525}
body[data-theme=glass] #register:disabled{transform:none;box-shadow:inset 0 1px #fff8,0 1px 0 #6374a3;filter:saturate(.3);opacity:.5}
body[data-theme=glass] .controls button.select-trigger{background:linear-gradient(160deg,#fffffffa 0%,#f3f7fff0 42%,#e3ebf8e8 100%);color:#30435e;border:1px solid #fafcff;border-bottom-color:#bdcde3;border-radius:12px;box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #b5c5e240,0 3px 0 #bac8dc,0 6px 12px -5px #3e557d33;text-shadow:none;min-height:46px;transform:none}
body[data-theme=glass] .controls button.select-trigger:hover:enabled{background:linear-gradient(#fff,#eaf1fc);border-color:#afc1e5;box-shadow:inset 0 1px #fff,0 3px 0 #a9bddb,0 8px 16px -7px #3e557d50}
body[data-theme=glass] .controls button.select-trigger[aria-expanded=true]{background:linear-gradient(#edf3fe,#fff);box-shadow:inset 0 2px 4px #5d78a225,0 1px 0 #c6d4e7;transform:translateY(2px);border-color:#91a9d7;outline:3px solid #9ab0da26}
body[data-theme=glass] .select-menu{background:linear-gradient(145deg,#fffffff5,#edf3fff5);border:1px solid white;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:inset 0 1px 0 #fff,0 20px 35px -10px #233d6660,0 3px 0 #c2cde0}
body[data-theme=glass] .select-option[aria-selected=true]{background:linear-gradient(#e8efff,#dbe6f9);box-shadow:inset 0 1px #fff,0 1px 2px #63789c15}
body[data-theme=glass] nav .clinical-image{filter:drop-shadow(0 3px 3px #0a17334d)}
body[data-theme=glass] .theme-switch button[aria-pressed=true]{background:linear-gradient(#fff,#e9eefb);box-shadow:inset 0 1px 0 #fff,0 2px 0 #bdc8df,0 4px 7px #54668725}
@media(max-width:600px){.select-field{flex-basis:40%}.select-field:last-child{flex-basis:100%}.select-trigger{min-height:48px;font-size:12px;padding:12px}.select-option{min-height:46px;padding-top:13px;padding-bottom:13px}nav .clinical-image{width:30px;height:30px;flex-basis:30px}nav a{min-height:75px;gap:5px}.select-menu{max-height:240px}}
@media(prefers-reduced-motion:reduce){.select-chevron,nav .clinical-image{transition:none}body[data-theme=glass] #register:hover:enabled,body[data-theme=glass] #register:active:enabled,body[data-theme=glass] .visit button:hover:enabled,body[data-theme=glass] .visit button:active:enabled{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-theme=glass] .select-menu{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#9dabc1}body[data-theme=glass] .controls button.select-trigger{background:#fff;border-color:#9dabc1}}

/* Five-review usability pass: task hierarchy, contrast and readable controls. */
header{padding:24px 0;grid-template-columns:minmax(0,1fr) 240px;gap:24px}h1{font-size:32px;margin:12px 0;letter-spacing:-1px}header .muted{font-size:14px;margin:0}.hero-photo{height:174px}.hero-photo figcaption{padding:10px;bottom:10px;left:10px;right:10px}.hero-photo figcaption small{font-size:9px}.hero-link{padding:7px 0;margin-top:5px}.sidebar-card{margin-top:30px}aside{height:100dvh;overflow-y:auto}.workspace-heading{margin-top:8px}.notice{font-size:12px;letter-spacing:.02em;line-height:1.5}
.demo-settings{margin:0 0 15px;border:1px solid #dce3ef;background:#ffffffb8;border-radius:12px;padding:0 18px}.demo-settings summary{cursor:pointer;padding:15px 0;font-size:14px;font-weight:600;min-height:48px}.demo-settings summary span{font-weight:400;color:#617089;font-size:13px;margin-left:12px}.demo-settings .controls{margin-bottom:12px;padding:0;border:0;box-shadow:none;background:transparent;backdrop-filter:none}.demo-settings>p{font-size:13px;color:#5a6a82;line-height:1.7;margin:0 0 16px}.demo-settings[open]{position:relative;z-index:8}
.routing-controls{align-items:center}.routing-controls .select-field{max-width:420px}.role-summary{flex:1;display:grid;gap:5px;padding-left:14px;border-left:1px solid #dde4ef}.role-summary strong{font-size:15px}.role-summary>span:last-child{font-size:13px;line-height:1.5;color:#596a83}.role-summary .eyebrow{font-size:10px}
.select-field{font-size:14px}.select-trigger,.select-option{font-size:14px}.select-trigger>span:first-child{white-space:normal;line-height:1.5;overflow:visible}.select-option{min-height:46px}.select-menu.opens-up{top:auto;bottom:calc(100% + 8px)}.select-menu{overscroll-behavior:contain}
.controls button.select-trigger:focus-visible,body[data-theme=glass] .controls button.select-trigger:focus-visible{outline:3px solid #8a5b17;outline-offset:3px}.demo-settings summary:focus-visible{outline:3px solid #8a5b17;outline-offset:3px}
.metric-label{font-size:14px}.metric small{font-size:12px}.metric{padding:18px 22px}.metric strong{font-size:34px}.metric:hover,body[data-theme=glass] .metric:hover{transform:none;box-shadow:inherit}.metric{transition:none}
.muted,#role-help{font-size:14px;line-height:1.7}#feedback{font-size:13px;color:#35645c}.visit{font-size:15px;min-height:94px}.visit small{font-size:13px}.badge{font-size:13px}.next-owner{max-width:155px;line-height:1.5;color:#68758b}.visit:focus{outline:3px solid #8a5b17;outline-offset:3px}.empty p{font-size:14px}.doctor-card h3{font-size:16px}.specialty,.doctor-card small{font-size:13px}.credential-status,.profile-label{font-size:11px}.bottom-grid p,.bottom-grid li{font-size:14px}.pill{font-size:11px}button{font-size:14px}
.queue-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.queue-filters button,body[data-theme=glass] .queue-filters button{background:#f2f5fa;color:#4c5e78;border:1px solid #dbe2ed;border-radius:22px;padding:9px 14px;min-height:44px;box-shadow:none;transform:none;font-size:13px}.queue-filters button[aria-pressed=true],body[data-theme=glass] .queue-filters button[aria-pressed=true]{background:#e3eaf8;color:#334d80;border-color:#aabbdc}.queue-filters button:hover:enabled,body[data-theme=glass] .queue-filters button:hover:enabled{background:#e9eef8;color:#334d80}
body[data-theme=glass] #register,body[data-theme=glass] .visit button{background:linear-gradient(180deg,#9dacdf 0%,#586cb7 7%,#4e61aa 45%,#43569c 52%,#3a4d8f 100%);text-shadow:none}
body[data-theme=glass] #register:hover:enabled,body[data-theme=glass] .visit button:hover:enabled{filter:brightness(1.02)}
@media(max-width:1100px){header{grid-template-columns:minmax(0,1fr) 190px}h1{font-size:28px}.hero-photo{height:175px}.hero-photo figcaption strong{font-size:11px}.hero-photo figcaption small{display:none}}
@media(min-width:601px) and (max-height:750px){.sidebar-card{display:none}.aside-note{padding-top:24px}}
@media(max-width:850px){header{grid-template-columns:1fr}.hero-photo{display:none}.routing-controls{flex-wrap:wrap}.routing-controls .select-field{max-width:none;flex-basis:100%}.role-summary{border-left:0;border-top:1px solid #dde4ef;padding:13px 0 0;flex-basis:100%}aside{overflow-y:auto}nav a{font-size:12px}}
@media(max-width:600px){aside{height:auto;overflow:visible}header{padding:20px 0 12px}h1{font-size:29px}header .muted{font-size:14px}.hero-link{font-size:13px}nav a{font-size:12px;min-height:86px}.notice{font-size:11px}.demo-settings{padding:0 14px}.demo-settings summary span{display:block;margin:5px 0 0 18px;font-size:12px}.demo-settings .controls{flex-direction:column}.select-field,.select-field:last-child{flex-basis:auto;width:100%}.select-trigger{font-size:14px}.role-summary{padding-top:12px}.metric{padding:15px 10px;min-height:132px}.metric-label{font-size:12px}.metric small{font-size:11px}.metric strong{font-size:30px}.queue-filters{gap:6px}.queue-filters button,body[data-theme=glass] .queue-filters button{font-size:12px;padding:9px 11px}.visit .next-owner{max-width:none}.doctor-grid{grid-template-columns:1fr}.profile-label{font-size:10px}}
@media(max-width:359px){nav{grid-template-columns:repeat(2,minmax(0,1fr))}nav a{min-height:58px;flex-direction:row;justify-content:center;gap:9px}.metrics{grid-template-columns:1fr}.metric{min-height:0;display:grid;grid-template-columns:1fr auto;gap:5px}.metric small{grid-column:1}.metric strong{grid-column:2;grid-row:1/3}h1{font-size:26px}.theme-switch button{font-size:12px}}

#journey .metrics{margin-top:20px;margin-bottom:18px}#journey .metric{padding:14px 17px}#journey .metric strong{font-size:30px}#journey .metric small{display:none}#journey .metric{min-height:0}@media(max-width:600px){header{padding:14px 0}header .eyebrow,header .muted,header .hero-link{display:none}header h1{font-size:25px;margin:5px 0}.workspace-heading{margin-top:5px}#journey .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#journey .metric{display:flex;padding:12px 9px;gap:6px}#journey .metric-label{font-size:11px;min-height:32px}#journey .metric strong{font-size:25px}}
/* Doctor dashboard: four purposeful status colors, shared across both appearances. */
.dashboard-welcome{padding:26px 0;grid-template-columns:minmax(0,1fr) 240px}.dashboard-welcome h1{font-size:36px;letter-spacing:-1.3px}.dashboard-welcome .hero-photo{height:165px}.welcome-meta{display:flex;align-items:center;gap:14px;margin-top:18px;color:#64738b;font-size:12px}.welcome-meta .pill{background:#e2f3ee;border-color:#c4e2d9;color:#246151;font-weight:650}
.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dashboard-metrics .metric{align-items:flex-start;text-align:left;color:#364b72;background:#e8edff;border:1px solid #cdd8f5;border-top:3px solid #697fd1;border-radius:17px;padding:19px;gap:8px;min-height:145px;box-shadow:none;cursor:pointer}.dashboard-metrics .metric strong{font-size:37px;line-height:1.15;font-weight:600}.dashboard-metrics .metric small{font-size:12px;color:inherit;font-weight:400}.dashboard-metrics .metric-1{background:#e0f3ef;border-color:#bcded4;border-top-color:#368b77;color:#245f51}.dashboard-metrics .metric-1 strong{color:#245f51}.dashboard-metrics .metric-2{background:#fff0dd;border-color:#ecd6b5;border-top-color:#c28b3c;color:#78531e}.dashboard-metrics .metric-2 strong{color:#78531e}.dashboard-metrics .metric-3{background:#f0e9fa;border-color:#ddcfee;border-top-color:#9571ba;color:#6d4c8c}.dashboard-metrics .metric-3 strong{color:#6d4c8c}.dashboard-metrics button.metric:hover{filter:brightness(.97)}.dashboard-metrics div.metric{cursor:default}.dashboard-metrics .metric-label{font-weight:600;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.dashboard-grid>#journey{min-width:0}.dashboard-grid .section-head{flex-wrap:wrap}.dashboard-grid #role-help{font-size:13px}.dashboard-grid .visit{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0}.dashboard-grid .visit button,.dashboard-grid .visit .next-owner{grid-column:1/-1;justify-self:start}.dashboard-rail .panel{padding:23px;margin-bottom:18px}.dashboard-rail h2{font-size:19px}.attention-panel{border-top:3px solid #54a18f;background:linear-gradient(145deg,#effaf6,#fff)}.next-patient{display:block;font-size:19px;margin-top:23px}.rail-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:650;color:#285e53;text-decoration:none;padding:14px 0 3px;border-top:1px solid #d0e4dc;margin-top:18px;min-height:44px}.followup-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #e7eaf0;font-size:13px}.followup-label{font-size:11px;color:#815b25;background:#fff0da;border-radius:20px;padding:6px 8px;white-space:nowrap}.integration-note{display:flex;gap:6px;padding:5px 13px 20px;color:#5f6e87;font-size:12px;line-height:1.7}.integration-note .status-dot{margin-top:7px;flex-shrink:0;background:#6e88bd}.integration-note strong{color:#465b7c}.integration-note p{margin:5px 0}.dashboard-grid .empty{padding:30px 18px}#team{border-top:3px solid #b4a1d8}
body[data-theme=glass] .dashboard-metrics .metric{background:linear-gradient(145deg,#f8faffed,#dce4ffed);border-color:#fff;border-top-color:#8598da;box-shadow:inset 0 1px 0 #fff,0 5px 0 #d0d9ec,0 12px 22px -15px #445b8b60;transform:none}body[data-theme=glass] .dashboard-metrics .metric-1{background:linear-gradient(145deg,#f3fffaed,#ceebe2ed);border-top-color:#69ad9b}body[data-theme=glass] .dashboard-metrics .metric-2{background:linear-gradient(145deg,#fffaf0ed,#f7e4c7ed);border-top-color:#d5a25e}body[data-theme=glass] .dashboard-metrics .metric-3{background:linear-gradient(145deg,#fcf8ffed,#e7dcf6ed);border-top-color:#ab8dcc}body[data-theme=glass] .attention-panel{background:linear-gradient(145deg,#f3fff9ef,#f7faffee);border-top-color:#74b6a6}
@media(min-width:1500px){.dashboard-grid .visit{grid-template-columns:minmax(0,1fr) auto auto}.dashboard-grid .visit button,.dashboard-grid .visit .next-owner{grid-column:auto}}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-rail .integration-note{grid-column:1/-1}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .metric{min-height:130px}.dashboard-welcome h1{font-size:30px}}
@media(max-width:850px){.dashboard-welcome{grid-template-columns:1fr}.dashboard-welcome .hero-photo{display:none}}
@media(max-width:600px){nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav a{min-height:65px}.dashboard-welcome{padding:22px 0}.dashboard-welcome h1{font-size:29px}.dashboard-welcome .muted{display:block;font-size:13px}.welcome-meta{gap:9px;flex-wrap:wrap}.dashboard-metrics{gap:10px}.dashboard-metrics .metric{padding:15px;min-height:130px}.dashboard-metrics .metric strong{font-size:32px}.dashboard-metrics .metric small{font-size:11px}.dashboard-metrics .metric-label{font-size:12px}.dashboard-rail{grid-template-columns:1fr;gap:0}.dashboard-grid{gap:0}.dashboard-grid .visit{grid-template-columns:minmax(0,1fr) auto}.dashboard-metrics .metric{display:flex}.dashboard-grid .badge{font-size:11px}.dashboard-welcome .eyebrow{display:block;font-size:9px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-theme=glass] .dashboard-metrics .metric{background:#eef2ff}body[data-theme=glass] .dashboard-metrics .metric-1{background:#e0f3ef}body[data-theme=glass] .dashboard-metrics .metric-2{background:#fff0dd}body[data-theme=glass] .dashboard-metrics .metric-3{background:#f0e9fa}body[data-theme=glass] .attention-panel{background:#fff}}
.badge.waiting{background:#e8edff;color:#3e528a}.badge.consulting{background:#e0f3ef;color:#245f51}.badge.followup{background:#fff0dd;color:#78531e}.badge.closed{background:#f0e9fa;color:#6d4c8c}
/* Configurable dashboard pages and vibrant, readable data visualization. */
[hidden]{display:none!important}.page-view{outline:none}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.dashboard-toolbar h2{font-size:23px}.dashboard-toolbar p{max-width:680px;margin:7px 0}.dashboard-toolbar button{flex-shrink:0;background:#5346c8;min-height:46px}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dashboard-widget{min-width:0;border-top:4px solid #6555df;margin:0;padding:23px}.widget-workload{border-top-color:#02977d}.widget-beds{border-top-color:#e49322}.widget-assignments{grid-column:1/-1;border-top-color:#ce5297}.widget-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.widget-head h2{font-size:20px}.widget-actions{display:flex;gap:5px;flex-wrap:wrap}.widget-actions button{background:#eef0fa;color:#4b5275;padding:8px;font-size:11px;min-height:36px;border:1px solid #dce0ef}.widget-actions button:disabled{opacity:.45}.chart-switch{display:inline-flex;gap:4px;background:#eef0f9;padding:4px;border-radius:12px;margin:14px 0}.chart-switch button{background:transparent;color:#53617b;border-radius:8px;min-height:40px;padding:8px 15px;font-size:12px}.chart-switch button[aria-pressed=true]{background:#5144c5;color:white;box-shadow:0 3px 7px #5346c82b}.chart-values{display:grid;gap:17px;margin:18px 0 0}.chart-value{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px;color:#34445e}.chart-value strong{color:var(--chart-color);font-size:19px}.chart-value progress{grid-column:1/-1;width:100%;height:11px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#edf0f7;accent-color:var(--chart-color)}progress::-webkit-progress-bar{background:#edf0f7}progress::-webkit-progress-value{background:var(--chart-color);border-radius:8px}progress::-moz-progress-bar{background:var(--chart-color)}.chart-color-0{--chart-color:#6555df;stroke:#6555df}.chart-color-1{--chart-color:#008c74;stroke:#008c74}.chart-color-2{--chart-color:#b77813;stroke:#eb9e27}.chart-color-3{--chart-color:#b43c83;stroke:#c44791}.chart-color-4{--chart-color:#2877c9;stroke:#2877c9}.pie-chart{width:170px;height:170px;display:block;margin:14px auto}.chart-number{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-number .chart-value{display:flex;flex-direction:column;background:#f3f2fc;padding:17px;border-radius:12px;border-left:3px solid var(--chart-color)}.chart-number strong{font-size:32px}.care-table-wrap{overflow-x:auto}.care-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;line-height:1.6}.care-table caption{text-align:left;font-weight:600;padding:10px 0 18px;color:#52617c}.care-table th{background:#edeafb;color:#493f79;padding:13px;white-space:nowrap}.care-table td{padding:16px 13px;border-bottom:1px solid #e7e8f0;min-width:130px}.care-table tr:nth-child(even) td{background:#faf9fe}#widget-options{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.widget-choice{display:flex;align-items:center;gap:9px;flex:0 1 auto;padding:12px 16px;background:#f0edff;border:1px solid #d7d0f5;border-radius:12px;font-size:14px;color:#473d78;cursor:pointer}.widget-choice input{width:19px;height:19px;accent-color:#6250d7}#layout-feedback{font-size:13px;color:#275f52}.dashboard-rail{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.dashboard-rail .integration-note{grid-column:1/-1}.dashboard-metrics .metric-0{background:#e5dfff;border-color:#c2b6f3;border-top-color:#7051dd}.dashboard-metrics .metric-1{background:#c9f1e6;border-color:#99d9c5;border-top-color:#009b79}.dashboard-metrics .metric-2{background:#ffe8be;border-color:#f1cc8b;border-top-color:#db9320}.dashboard-metrics .metric-3{background:#f8dced;border-color:#e9b9d6;border-top-color:#c94b96}body[data-theme=glass] .dashboard-metrics .metric-0{background:linear-gradient(140deg,#f8f3ff,#d5c7ff)}body[data-theme=glass] .dashboard-metrics .metric-1{background:linear-gradient(140deg,#effff8,#b7ead9)}body[data-theme=glass] .dashboard-metrics .metric-2{background:linear-gradient(140deg,#fff9ec,#ffdda2)}body[data-theme=glass] .dashboard-metrics .metric-3{background:linear-gradient(140deg,#fff3fa,#f2c5e1)}body[data-theme=glass] #edit-dashboard{background:linear-gradient(#9381eb 0%,#6550c7 12%,#4936a2 100%);border:1px solid #b3a5ed;box-shadow:inset 0 1px #fff8,0 3px 0 #352781,0 8px 15px #4b319430}
@media(max-width:1100px){.widget-grid{grid-template-columns:1fr}.widget-assignments{grid-column:auto}.dashboard-toolbar{align-items:start;flex-direction:column}.dashboard-rail{grid-template-columns:1fr}}
@media(max-width:600px){.dashboard-widget{padding:17px}.widget-head{flex-direction:column}.widget-actions button{min-height:44px;font-size:12px}.chart-switch button{min-height:44px}.dashboard-toolbar h2{font-size:21px}.widget-choice{width:100%}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-number{gap:9px}.chart-number .chart-value{padding:12px}#dashboard .dashboard-welcome{padding-top:13px}}
.badge.waiting{background:#e5dfff;color:#4d3989}.badge.consulting{background:#c9f1e6;color:#245f51}.badge.followup{background:#ffe8be;color:#78531e}.badge.closed{background:#f8dced;color:#893e6c}
/* Unified patient workspace and quiet dashboard chrome. */
.topbar{min-height:76px}.settings-launch{display:flex;align-items:center;gap:12px;background:#fff;color:#4a5073;border:1px solid #d9ddec;border-radius:12px;box-shadow:0 3px 10px #26335208}.settings-launch span{font-size:19px}.settings-launch:hover:enabled{background:#eeebff;color:#44377d;border-color:#b9abe9}.dashboard-toolbar{margin-bottom:18px}.dashboard-toolbar h2{font-size:17px}.dashboard-toolbar .muted{font-size:12px}.dashboard-welcome{padding:28px 0 20px}.dashboard-welcome .hero-photo{height:140px}.dashboard-welcome h1{font-size:34px}.dashboard-widget{border-top-width:3px;box-shadow:0 6px 24px #25315a05}.widget-head h2{margin:0 0 8px}.widget-head{padding-bottom:7px}.dashboard-rail{display:none}.dashboard-widget .muted{font-size:12px}.widget-grid{gap:18px}.care-table th{background:#f1effa}.care-table tbody tr:hover td{background:#f0edfc}.care-table td{transition:background-color .12s ease}.patient-link,.visit .patient-link,body[data-theme=glass] .visit .patient-link{background:transparent!important;color:#5141a4!important;padding:6px 0!important;border:0!important;border-radius:4px!important;box-shadow:none!important;transform:none!important;text-shadow:none!important;filter:none!important;font-size:14px;text-align:left;font-weight:650;min-height:44px;text-decoration:underline;text-decoration-color:#c9bfe9;text-underline-offset:5px}.patient-link:hover:enabled,.visit .patient-link:hover:enabled,body[data-theme=glass] .visit .patient-link:hover:enabled{color:#30206e!important;text-decoration-color:#5141a4}.patient-link:focus-visible{outline:3px solid #8a5b17;outline-offset:3px}
dialog{color:#27334c;border:1px solid #dedfee;background:#f8f9fd;box-shadow:0 28px 90px #14233f40;padding:28px;border-radius:24px}dialog::backdrop{background:#17253b77;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e0e4ef;padding-bottom:18px;margin-bottom:22px}.dialog-head h2{font-size:25px}.quiet-button{background:#eeedf6;color:#4c4a70;border:1px solid #dad8e9;min-height:44px;white-space:nowrap}.quiet-button:hover:enabled{background:#e4dff6;color:#382b65}.settings-drawer{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(520px,calc(100vw - 24px));max-width:none;max-height:none;height:calc(100dvh - 24px);border-radius:22px;overflow-y:auto}.settings-drawer h3{font-size:15px;color:#4a4c70;margin:27px 0 14px}.settings-drawer .theme-switch{display:inline-flex}.settings-drawer .theme-switch button{font-size:12px}.settings-drawer .controls{flex-direction:column;align-items:stretch}.settings-drawer .role-summary{border:0;padding:8px 0}.settings-drawer .demo-settings{background:#fff}.settings-drawer #widget-editor{padding:0;border:0;background:transparent;box-shadow:none}.settings-drawer #widget-editor h2{font-size:17px}.settings-drawer #widget-editor .muted{font-size:12px}.settings-drawer #widget-options{display:grid;gap:12px}.settings-widget{background:#fff;border:1px solid #e0deee;border-radius:14px;padding:13px}.settings-widget .widget-choice{background:transparent;border:0;padding:0;margin:0;min-height:44px}.settings-widget-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.settings-widget .chart-switch{margin:8px 0}.layout-choice{display:flex;background:#eae7f5;padding:4px;border-radius:12px;gap:4px}.layout-choice button{background:transparent;color:#55516f;flex:1;min-height:44px}.layout-choice button[aria-pressed=true]{background:white;color:#4b378d;box-shadow:0 2px 5px #34235512}.patient-dialog{width:min(1050px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto}.patient-hero{display:flex;gap:22px;align-items:center;padding:8px 0 24px}.patient-hero h1{font-size:30px;margin:9px 0}.patient-hero .badge{margin-left:auto;white-space:nowrap}.patient-avatar{width:74px;height:74px;flex-shrink:0;display:grid;place-items:center;border-radius:22px;color:#fff;font-size:27px;font-weight:600;background:linear-gradient(145deg,#9d8ae5,#5442ad);box-shadow:inset 0 1px #ffffff80,0 7px 18px #6550ba28}.patient-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#eae7f7;border:1px solid #d9d2ef;border-radius:16px;padding:20px;margin-bottom:22px}.patient-ribbon small{display:block;color:#6e6785;margin-bottom:7px;font-size:12px}.patient-ribbon strong{font-size:14px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-card{background:#fff;border:1px solid #e2e4ef;border-top:3px solid #8b73d7;border-radius:16px;padding:22px}.profile-card h2{margin:0 0 20px;font-size:19px}.profile-card dl{display:grid;grid-template-columns:135px minmax(0,1fr);gap:14px 18px;margin:0;font-size:13px;line-height:1.6}.profile-card dt{color:#748097}.profile-card dd{margin:0;color:#34425b;font-weight:550}.tone-teal{border-top-color:#2d9e89}.tone-rose{border-top-color:#c6639f}.tone-amber{border-top-color:#d6a34c}.profile-note{font-size:12px;color:#727c91;line-height:1.6;margin:22px 0 0}
/* Stable hover targets: no lift, scaling or glossy flashes. */
button,nav a,.metric,.doctor-card,.panel{transition:background-color .14s ease,border-color .14s ease,color .14s ease!important}.metric:hover,.doctor-card:hover,.panel:hover,nav a:hover,body[data-theme=glass] .metric:hover,body[data-theme=glass] #register:hover:enabled,body[data-theme=glass] .visit button:hover:enabled{transform:none!important;filter:none!important}body[data-theme=glass] #register,body[data-theme=glass] .visit button{transform:none}.dashboard-metrics button.metric:hover{outline:1px solid #a998d8;outline-offset:2px}.settings-drawer .widget-actions button:hover:enabled{background:#e4ddf7;color:#3e2d73}body[data-density=compact] .dashboard-widget{padding:17px}body[data-density=compact] .care-table td{padding:10px 13px}body[data-density=compact] .dashboard-welcome{padding:18px 0}body[data-density=compact] .dashboard-metrics .metric{min-height:105px;padding:14px}body[data-density=compact] .chart-values{gap:11px}
@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.patient-hero{flex-wrap:wrap;gap:14px}.patient-hero .badge{margin-left:0}.patient-hero h1{font-size:24px}.patient-ribbon{grid-template-columns:1fr;gap:16px}.patient-dialog{padding:18px}.profile-card dl{grid-template-columns:1fr;gap:4px}.profile-card dd{margin-bottom:12px}.settings-drawer{padding:20px}.dashboard-welcome h1{font-size:28px}.topbar{min-height:66px}.patient-avatar{width:56px;height:56px;font-size:22px}.dialog-head .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){button,nav a,.metric,.doctor-card,.panel{transition:none!important}}@media(prefers-reduced-transparency:reduce){dialog::backdrop{backdrop-filter:none;background:#17253bcc}}
@media(min-width:900px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-assignments{grid-column:1/-1}}
/* Editable demo records and responsive modular canvas. */
.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-form label{font-size:13px;color:#526079;letter-spacing:0;line-height:1.6}.profile-form input,.profile-form select,.profile-form textarea{font:inherit;font-size:14px;min-height:46px;padding:11px 13px;background:#fff;color:#2e3d57;border:1px solid #ced5e5;border-radius:11px;width:100%;box-shadow:inset 0 1px 3px #26345306}.profile-form textarea{min-height:90px;resize:vertical}.profile-form input:focus-visible,.profile-form select:focus-visible,.profile-form textarea:focus-visible{outline:3px solid #ab9ce5;outline-offset:2px}.profile-form input:disabled,.profile-form select:disabled{background:#eceef5;color:#8a92a6}.profile-form-actions{display:flex;justify-content:flex-end;gap:12px;grid-column:1/-1;position:sticky;bottom:-28px;background:#f8f9fdf5;border-top:1px solid #e0e3ee;padding:18px 0}.form-feedback{grid-column:1/-1;color:#9c3a36;font-size:14px;line-height:1.5;margin:0}.edit-profile{margin-bottom:20px;background:#5d4bb6;border:1px solid #7665c5;box-shadow:inset 0 1px #ffffff35,0 3px 8px #49388018}.edit-profile:hover{background:#51419f}.save-confirmation,#dashboard-notice{color:#216a56;font-size:13px;line-height:1.6}.save-confirmation{background:#e4f5ee;padding:12px 16px;border-radius:10px}.data-chart{display:block;width:100%;max-height:230px;margin:20px auto 5px}.data-chart-pie,.data-chart-donut{width:170px;height:170px}.data-chart-stacked{height:44px}.data-chart-bar{max-height:240px}.chart-values:not(.chart-number){gap:11px}.chart-value{font-size:13px}.chart-value strong{font-size:16px}.chart-switch{flex-wrap:wrap}.chart-switch button{padding:8px 10px}.widget-grid{grid-auto-flow:row;align-items:stretch}.widget-wide{grid-column:1/-1!important}.drag-handle{background:#f3f1fa;color:#81769e;border:1px solid #e4dff0;border-radius:8px;padding:6px 10px;font-size:11px;min-height:34px;cursor:grab;touch-action:none;user-select:none;letter-spacing:.03em}.drag-handle:before{content:'\283f';font-size:17px;margin-right:5px}.drag-handle:hover{background:#e8e2f6;color:#4d3d7b}.drag-handle:active{cursor:grabbing}.widget-head{align-items:center}.is-dragging{opacity:.6}.drop-target{outline:3px solid #a38be6;outline-offset:3px}.widget-size{white-space:nowrap}.dashboard-widget{overflow:hidden}.dashboard-metrics .metric{outline:none!important}.dashboard-metrics button.metric:hover:enabled{filter:none!important;transform:none!important;box-shadow:inset 0 0 0 1px #8574bf55!important;outline:none!important}.dashboard-metrics button.metric:focus-visible{outline:3px solid #8470c4!important;outline-offset:3px}
/* Frosted surfaces use layered reflections without changing text contrast on hover. */
body[data-theme=glass]{background:radial-gradient(ellipse at 90% 0%,#d9e9f5 0%,transparent 45%),radial-gradient(ellipse at 20% 30%,#e7def5 0%,transparent 55%),#f0f3f9}body[data-theme=glass] .dashboard-widget{background:linear-gradient(140deg,#ffffffef,#fafcffd9);border:1px solid #fff;border-top:3px solid #b3a1e6;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #d4d9e580,0 4px 0 #d2d7e655,0 14px 32px -22px #45558066;backdrop-filter:blur(14px)}body[data-theme=glass] .widget-workload{border-top-color:#66bca5}body[data-theme=glass] .widget-beds{border-top-color:#e5bd75}body[data-theme=glass] .widget-assignments{border-top-color:#dba4c3}body[data-theme=glass] .patient-ribbon{background:linear-gradient(140deg,#f9f6ff,#e4ddf6);border-color:white;box-shadow:inset 0 1px white,0 3px 0 #d5cce6}body[data-theme=glass] .profile-card{box-shadow:inset 0 1px #fff,0 9px 24px -18px #3b365c55}.dashboard-metrics button.metric-0:hover:enabled{background:#e5dfff}.dashboard-metrics button.metric-1:hover:enabled{background:#c9f1e6}.dashboard-metrics button.metric-2:hover:enabled{background:#ffe8be}.dashboard-metrics button.metric-3:hover:enabled{background:#f8dced}body[data-theme=glass] .dashboard-metrics button.metric-0:hover:enabled{background:linear-gradient(140deg,#f8f3ff,#d5c7ff)}body[data-theme=glass] .dashboard-metrics button.metric-1:hover:enabled{background:linear-gradient(140deg,#effff8,#b7ead9)}body[data-theme=glass] .dashboard-metrics button.metric-2:hover:enabled{background:linear-gradient(140deg,#fff9ec,#ffdda2)}body[data-theme=glass] .dashboard-metrics button.metric-3:hover:enabled{background:linear-gradient(140deg,#fff3fa,#f2c5e1)}
@media(max-width:700px){.profile-form{grid-template-columns:1fr}.profile-form-actions{bottom:-18px}.drag-handle{min-height:44px}.data-chart{max-height:190px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){body[data-theme=glass] .dashboard-widget{background:#fff;backdrop-filter:none;border-color:#b5bfd2}}
@media(min-width:900px){.widget-assignments.widget-auto{grid-column:auto}}
/* Sculpted sidebar: layered materials, recessed navigation and raised clinical marks. */
aside{background:radial-gradient(ellipse at 0 0,#44547299,transparent 52%),linear-gradient(160deg,#263650,#1c2942 65%,#253650);border-right:1px solid #a7b6d04d;box-shadow:inset -1px 0 0 #ffffff14,8px 0 26px -18px #0d193d66;padding-left:17px;padding-right:17px}.brand{padding:8px 7px}.brand img{filter:drop-shadow(0 5px 3px #101b344d)}.workspace-label{background:linear-gradient(145deg,#ffffff0b,#101b341a);border:1px solid #ffffff18;border-radius:15px;margin:24px 0;padding:14px 10px;box-shadow:inset 0 1px 0 #ffffff12,0 4px 10px #0c19351c}.workspace-emblem img{filter:drop-shadow(0 4px 2px #0e193f66)}nav{gap:10px}nav a{border:1px solid transparent;min-height:56px;padding:11px 12px;border-radius:13px;background:transparent;color:#c1cce1}nav a.active,body[data-theme=glass] nav a.active{background:linear-gradient(155deg,#ffffff22,#ffffff0c);border-color:#aebee343;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -2px 0 #111d3a44,0 4px 7px #0b173a30;color:#fff}nav a:hover{background:linear-gradient(145deg,#ffffff13,#ffffff08);border-color:#aebee328;color:#fff;box-shadow:inset 0 1px #ffffff14}nav a.active:hover{background:linear-gradient(155deg,#ffffff27,#ffffff12)}nav .clinical-image{width:33px;height:33px;flex-basis:33px;filter:drop-shadow(0 4px 2px #111c4166)!important}.nav-indicator{box-shadow:0 0 8px #d3c5ff44}.sidebar-card{background:linear-gradient(140deg,#ffffff13,#ffffff06);border:1px solid #aebee32e;box-shadow:inset 0 1px #ffffff20,inset 0 -1px #14223a55,0 8px 18px -10px #0c173f77;border-radius:18px}.sidebar-card h3{color:#f5f6ff}.nav-label{color:#a5b5d1;font-size:10px}.aside-note{color:#c7d3e5}
/* Content-sized cards; full-width remains an explicit per-widget preference. */
.widget-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:18px}.dashboard-widget{min-width:0;height:auto;align-self:start;container-type:inline-size}.widget-head{flex-wrap:nowrap;align-items:flex-start}.widget-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.35;flex:1}.drag-handle{flex-shrink:0}.dashboard-metrics .metric{height:auto;min-height:116px;gap:10px}.metric-label{white-space:normal;line-height:1.45}.dashboard-metrics .metric small{line-height:1.5}.chart-body{min-width:0}.chart-body-pie,.chart-body-donut{display:grid;grid-template-columns:minmax(125px,.9fr) minmax(0,1fr);gap:14px;align-items:center;margin-top:14px}.chart-body .chart-values{min-width:0}.chart-body-pie .data-chart,.chart-body-donut .data-chart{width:100%;max-width:180px;height:auto;margin:8px auto}.chart-body-pie .chart-values,.chart-body-donut .chart-values{margin:0}.chart-legend-item{background:transparent;color:#48556d;border:1px solid transparent;border-radius:9px;min-height:40px;padding:7px 8px;text-align:left;font-weight:400;gap:12px;line-height:1.45;width:100%;white-space:normal}.chart-legend-item span{overflow-wrap:anywhere;min-width:0}.chart-legend-item strong{align-self:center}.chart-legend-item:hover:enabled,.chart-legend-item:focus-visible{background:#f0edf9;border-color:#d9d1ec;box-shadow:none;transform:none}.chart-legend-item:focus-visible{outline:2px solid #8b77c9;outline-offset:2px}.data-chart .chart-point{cursor:help;transition:filter .12s ease,stroke .12s ease;outline:none}.data-chart .chart-point:hover,.data-chart .chart-point:focus{filter:brightness(1.06) drop-shadow(0 2px 2px #26375e25);stroke:#fff;stroke-width:2}.data-chart text{pointer-events:none}.chart-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:min(250px,calc(100vw - 16px));padding:14px 17px;border:1px solid #ffffffb3;border-radius:15px;background:linear-gradient(145deg,#29364ff5,#18243cf5);color:white;box-shadow:inset 0 1px #ffffff23,0 10px 25px #1422423d;display:grid;gap:5px;backdrop-filter:blur(12px)}.chart-tooltip .tooltip-label{font-size:12px;line-height:1.5;color:#dae2f4;overflow-wrap:anywhere}.chart-tooltip strong{font-size:27px;line-height:1.15}.chart-tooltip small{font-size:11px;color:#c4d0e7}.chart-number .chart-legend-item{background:#f3f2fc;border-left:3px solid var(--chart-color);padding:14px}.care-table td{overflow-wrap:anywhere}.care-table-wrap{max-width:100%}
@container(max-width:340px){.chart-body-pie,.chart-body-donut{grid-template-columns:1fr}.chart-body-pie .chart-values,.chart-body-donut .chart-values{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-body-pie .data-chart,.chart-body-donut .data-chart{max-width:150px}.chart-body .chart-value{font-size:12px}}
@media(max-width:600px){aside{padding:15px}.workspace-label{display:none}nav{gap:7px}nav a{min-height:67px;padding:8px 6px}nav .clinical-image{width:28px;height:28px;flex-basis:28px}.widget-grid{grid-template-columns:1fr}.chart-tooltip{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.data-chart .chart-point{transition:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.chart-tooltip{background:#202d45;backdrop-filter:none}aside{background:#22324b}}

.setup-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; margin-block:24px; }
.setup-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:600; }
.setup-form input,.setup-form select { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; border:1px solid #c7d4e5; border-radius:12px; background:#fff; color:#183149; font:inherit; }
.setup-form input[type=checkbox] { width:22px; min-height:22px; accent-color:#1a8079; }
.setup-form :disabled { background:#edf1f6; color:#526477; }
.setup-form button { align-self:end; min-height:44px; }
.setup-review { border-inline-start:3px solid #1a8079; padding-inline-start:20px; }
.setup-review:empty { display:none; }

/* Reviewed presentation: shared by the hosted preview and local demo. */
:root { --accent:#5263bd; --muted:#61728a; font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif; }
body { -webkit-font-smoothing:antialiased; }
main { max-width:1800px; padding-inline:clamp(22px,2.5vw,48px); }
.notice { letter-spacing:.04em; font-weight:500; font-size:11px; }
.topbar { min-height:82px; }
.dashboard-welcome { grid-template-columns:minmax(0,1fr) 260px; padding:30px 0; }
.dashboard-welcome h1 { font-size:clamp(30px,2.4vw,40px); font-weight:600; letter-spacing:-1.4px; }
.dashboard-welcome .hero-photo { height:156px; border-radius:22px; }
.dashboard-toolbar h2 { font-size:20px; letter-spacing:-.5px; }
.widget-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.dashboard-widget { align-self:stretch; border-radius:22px; padding:25px; }
.widget-head h2 { font-size:19px; font-weight:600; }
.dashboard-metrics { gap:20px; margin-bottom:28px; }
.dashboard-metrics .metric { padding:23px 25px; min-height:145px; border-radius:20px; text-align:left; }
.dashboard-metrics .metric strong { font-size:42px; font-weight:550; }
.dashboard-metrics .metric small { font-size:12px; }
.drag-handle { border-radius:10px; font-size:0; min-width:34px; padding:4px 8px; color:#7b89a3; background:#f0f3fa; }
.drag-handle:before { font-size:19px; margin:0; }
.care-table th { font-size:11px; letter-spacing:.045em; text-transform:uppercase; padding:17px 15px; background:#f2f5fa; color:#64758c; }
.care-table td { padding:18px 15px; }
.care-table tr:nth-child(even) td { background:#f9fbfd80; }
.care-table tbody tr:hover td { background:#edf3fa; }
.care-table .patient-link { text-decoration:none!important; color:#395b88!important; }
.chart-legend-item { padding:10px 9px; }
body[data-theme=glass] { background:radial-gradient(ellipse at 82% 4%,#cce7ecaa,transparent 42%),radial-gradient(ellipse at 24% 28%,#deddf48c,transparent 50%),#edf2f8; }
body[data-theme=glass] aside { background:radial-gradient(ellipse at 0 0,#52678188,transparent 60%),linear-gradient(165deg,#253751,#17283e 75%,#203c4b); }
body[data-theme=glass] .dashboard-widget,body[data-theme=glass] #facility { background:linear-gradient(135deg,#ffffffed,#f7fbffd9); border:1px solid #fff; border-top:1px solid #fff; box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c7d2e380,0 3px 0 #d5deea99,0 16px 35px -22px #2c456d60; backdrop-filter:blur(20px) saturate(125%); }
body[data-theme=glass] .dashboard-widget .widget-head { border-bottom:1px solid #dce5ee; margin-bottom:16px; padding-bottom:13px; }
body[data-theme=glass] .dashboard-metrics .metric { border:1px solid #ffffff; box-shadow:inset 0 2px 0 #ffffff, inset 0 -1px 0 #ffffff70,0 4px 0 #b9c6dc66,0 14px 22px -19px #29436488; }
body[data-theme=glass] .dashboard-metrics .metric-0 { background:linear-gradient(125deg,#f9f8ff,#dddff9); }
body[data-theme=glass] .dashboard-metrics .metric-1 { background:linear-gradient(125deg,#f3fffc,#c2e8df); }
body[data-theme=glass] .dashboard-metrics .metric-2 { background:linear-gradient(125deg,#fffcf3,#f5dfb5); }
body[data-theme=glass] .dashboard-metrics .metric-3 { background:linear-gradient(125deg,#fff8fc,#ecd6e9); }
body[data-theme=glass] .settings-launch,body[data-theme=glass] .select-trigger,body[data-theme=glass] .setup-form select { background:linear-gradient(165deg,#ffffff,#edf3fa); border:1px solid #fff; box-shadow:inset 0 1px #fff,0 2px 0 #ccd6e5,0 6px 12px -8px #334d7180; }
body[data-theme=glass] .select-menu { background:#f7fbfff2; backdrop-filter:blur(24px) saturate(130%); border:1px solid #fff; box-shadow:inset 0 1px #fff,0 4px 0 #d0dbe9,0 18px 36px -14px #243b6a55; }
.setup-form { padding:25px; border:1px solid #dae4ee; border-radius:20px; background:#f5f8fc80; gap:24px; }
.setup-form label { color:#53657e; font-weight:500; }
.setup-form input,.setup-form select { min-height:48px; border-color:#dce5ef; border-radius:12px; }
.setup-form input:focus-visible,.setup-form select:focus-visible { outline:3px solid #729db8; outline-offset:3px; }
body[data-theme=glass] .setup-form button[type=submit] { background:linear-gradient(#7c8ed7,#5265b6); border:1px solid #9faee9; box-shadow:inset 0 1px #ffffff80,0 3px 0 #3c4f99,0 9px 16px -7px #3b529e88; border-radius:12px; }
.setup-review:not(:empty) { padding:22px 26px; border:1px solid #cce1de; border-radius:18px; background:linear-gradient(120deg,#f5fffc,#edf6fa); margin-top:24px; line-height:1.65; font-size:14px; }
/* Glass chart detail floats above the chart without changing its geometry. */
.chart-tooltip { min-width:190px; max-width:min(280px,calc(100vw - 24px)); padding:19px 22px; border-radius:20px; gap:7px; color:#233e5c; background:linear-gradient(135deg,#ffffffee,#e5f1fae8); border:1px solid #ffffff; box-shadow:inset 0 2px 0 #fff,inset 0 -1px 0 #bed2e5,0 5px 0 #b8caddaa,0 18px 35px -9px #233d7055; backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); }
.chart-tooltip:before { content:""; position:absolute; top:1px; left:16px; right:16px; height:1px; background:linear-gradient(90deg,transparent,#fff,transparent); }
.chart-tooltip .tooltip-label { color:#49617c; font-size:12px; font-weight:600; letter-spacing:.02em; }
.chart-tooltip strong { font-size:34px; font-weight:650; color:#263e67; letter-spacing:-1px; text-shadow:0 1px #fff; }
.chart-tooltip small { color:#62758d; font-size:12px; border-top:1px solid #b9cee166; padding-top:8px; }
@media(min-width:1600px) { .chart-body-pie,.chart-body-donut { grid-template-columns:minmax(140px,.9fr) minmax(0,1fr); } }
@media(max-width:1200px) { .widget-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .widget-beds { grid-column:1/-1; } }
@media(max-width:700px) { main { padding-inline:17px; } .widget-grid { grid-template-columns:1fr; } .dashboard-welcome { grid-template-columns:1fr; padding:25px 0; } .dashboard-welcome .hero-photo { display:none; } .dashboard-metrics { gap:12px; } .dashboard-metrics .metric { padding:18px; min-height:140px; } .dashboard-widget { padding:20px; } .setup-form { padding:17px; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) { .chart-tooltip { background:#fff; backdrop-filter:none; border-color:#697e95; box-shadow:0 4px 12px #20395733; } body[data-theme=glass] .dashboard-widget,body[data-theme=glass] #facility { background:#fff; backdrop-filter:none; } }