/* Shared visual layer: calm, high-contrast clinical workspace. */
html:not([data-page="home"]) body{background:radial-gradient(circle at 6% 0%,var(--wash) 0,transparent 25rem),var(--paper)}
html:not([data-page="home"]) .site-header{height:66px;max-width:1160px;margin:18px auto 0;padding:0 18px;border:1px solid var(--rule);border-radius:18px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 12px 30px rgba(20,20,20,.045);backdrop-filter:blur(14px);gap:16px}
.site-header nav{gap:4px}.site-header nav a{padding:7px 9px;border-radius:8px;font-size:12px}.site-header nav a:hover,.site-header nav a.active{background:var(--wash);color:var(--ink)}
.site-header nav a.active{font-weight:700}.theme-toggle,.logout-button{padding:7px 8px;border-radius:8px;transition:background .18s,color .18s}.theme-toggle:hover,.logout-button:hover{background:var(--wash)}
.app-main{max-width:1160px;padding-top:44px}.page-head{padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid var(--rule)}.page-head>p{max-width:290px;line-height:1.7}.page-head h1{font-size:clamp(38px,4vw,49px);letter-spacing:-.075em}
.metric-row{gap:12px;border:0;margin-bottom:30px}.metric-row article,.metric-row article+article{padding:17px 18px;border:1px solid var(--rule);border-radius:14px;background:color-mix(in srgb,var(--paper) 92%,var(--wash));box-shadow:0 8px 20px rgba(20,20,20,.025)}.metric-row article:last-child{border:1px solid var(--rule)}.metric-row strong{font-size:31px}.metric-row span{margin-bottom:4px;font-size:11px}
.paper-block{border-radius:16px;border-color:var(--rule);background:color-mix(in srgb,var(--paper) 96%,var(--wash));box-shadow:0 10px 26px rgba(20,20,20,.025)}.block-head{padding-bottom:13px}.quiet-block{background:linear-gradient(145deg,var(--wash),color-mix(in srgb,var(--wash) 72%,var(--paper)))}
.device-row,.member-row,.record-row{padding:16px 10px;border-radius:10px;transition:background .18s,transform .18s}.device-row:hover,.member-row:hover,.record-row:hover{background:var(--wash)}
.button{min-height:43px;border-radius:10px;padding:0 18px;box-shadow:0 1px 0 rgba(255,255,255,.18) inset}.button-fill{box-shadow:0 8px 18px rgba(18,18,18,.13)}.button-plain{background:color-mix(in srgb,var(--paper) 88%,var(--wash))}
.medical-note{display:flex;gap:10px;align-items:flex-start;margin-top:30px;padding:14px 16px;border:1px solid var(--rule);border-radius:12px;background:color-mix(in srgb,var(--paper) 88%,var(--wash));line-height:1.65}.medical-note::before{content:"i";display:grid;place-items:center;flex:0 0 auto;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;font:700 10px/1 ui-serif,serif}
.modal{border:1px solid var(--rule);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.modal::backdrop{background:rgba(6,8,11,.52);backdrop-filter:blur(4px)}.modal form,.modal section{padding:26px}.modal input,.modal select,.modal textarea{border-radius:9px}.modal-actions{margin-top:10px}
.auth-main{max-width:1080px;gap:96px}.auth-panel{padding:25px;border:1px solid var(--rule);border-top:1px solid var(--rule);border-radius:18px;background:color-mix(in srgb,var(--paper) 94%,var(--wash));box-shadow:0 16px 36px rgba(20,20,20,.04)}.auth-panel h2{margin-top:10px}.auth-intro>p:not(.kicker){line-height:1.75}
@media(max-width:1024px){html:not([data-page="home"]) .site-header{margin-left:24px;margin-right:24px}.app-main{padding-top:38px}}
@media(max-width:760px){html:not([data-page="home"]) .site-header{height:auto;min-height:64px;margin:10px 14px 0;padding:10px 12px;border-radius:14px;gap:10px}html:not([data-page="home"]) .site-header nav{overflow:auto;order:3;width:100%;padding:8px 0 0;border-top:1px solid var(--rule);justify-content:flex-start;gap:4px}html:not([data-page="home"]) .site-header nav a{flex:0 0 auto;padding:7px 9px}.app-main{padding-top:30px}.page-head{padding-bottom:20px;margin-bottom:22px}.metric-row{gap:8px}.metric-row article,.metric-row article+article{padding:13px 14px;border-right:1px solid var(--rule)}.paper-block{border-radius:14px}.medical-note{margin-top:24px;padding:12px 13px}.auth-panel{padding:20px;border-radius:15px}.modal{border-radius:15px}.modal form,.modal section{padding:20px}}