/* DrKTMed R81 dashboard refinement. Layer on top of current workspace and R80 consultation UI. */
/* Device preference owns the palette, including when a mobile tab restores stale attributes. */
@media(prefers-color-scheme:dark){:root{--bg:#12272a;--bg-elevated:#15292c;--surface:#1a3034;--surface-soft:#243d41;--surface-strong:#2a4b50;--ink:#e6f1f0;--ink-2:#d0e1e1;--muted:#a9c0c2;--teal:#78d5d4;--teal-dark:#9aeeeb;--on-accent:#12272a;--line:#2f4a4e;--line-strong:#698e92;--focus:#ffc15a}}
.secure-site .content{width:min(100%,1200px);max-width:1200px;min-width:0;margin-inline:auto;padding-inline:clamp(16px,2.5vw,32px)}
.secure-site .content:has(.r22-workspace){width:min(100%,1400px);max-width:1400px}
.secure-site .content :is(.card,.panel,fieldset,form,section,article){min-width:0}
.secure-site .content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--bg-elevated);color:var(--ink);border-color:var(--line-strong);min-height:48px;max-width:100%;border-radius:12px;line-height:1.5}
.secure-site .content :is(input[type=checkbox],input[type=radio]){min-height:22px;min-width:22px;accent-color:var(--teal)}
.secure-site .content :is(label,.small,.muted,small,.hint){font-size:max(.875rem,14px);line-height:1.5}
.secure-site .content :is(.card,.panel){border-radius:18px}
.secure-site .content :where(.toolbar,.r45-actions,.document-actions,.btn-row){gap:12px;row-gap:12px}
.secure-site .content .toolbar :where(a.button,button){min-height:44px;font-size:14px;padding:10px 14px}
.secure-site .content :where(.tabs,.work-tabs,.r45-subnav){display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain;gap:8px;max-width:100%;padding-block:4px 10px}
.secure-site .content :where(.tabs,.work-tabs,.r45-subnav)>:is(a,button){flex:0 0 auto;min-height:44px;white-space:nowrap}
.secure-site .content .register-filters,.secure-site .content .r44-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.secure-site .content .register-filters>label:first-child{min-width:0}
.secure-site .content :where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.secure-site .content :where(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
.secure-site .content [data-saved-mark],.secure-site .content [data-profile-signature] [data-sig-image],.secure-site .content .signature-preview{display:block;max-width:min(100%,320px);width:100%;height:auto;max-height:160px;object-fit:contain;background:#fff;border:1px solid #d8e4e2;border-radius:12px;padding:8px}
.secure-site .content .r81-loading-skeleton{display:grid;gap:12px;max-width:680px;margin:14px 0 0}
.secure-site .content .r81-loading-skeleton span{display:block;min-height:14px;border-radius:8px;background:var(--surface-soft)}
.secure-site .content .r81-loading-skeleton span:nth-child(2){width:80%}
.secure-site .content .r81-loading-skeleton span:nth-child(3){width:58%}
.secure-site .content .loading-state{min-height:135px;padding:24px}
.secure-site :where(.user-menu,.topbar){overflow:visible}
.secure-site .r81-theme{padding:14px 8px 8px;border-top:1px solid var(--line);margin-top:8px;color:var(--ink)}
.secure-site .r81-theme-title{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.secure-site .r81-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.secure-site .r81-theme-options>button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:600}
.secure-site .r81-theme-options>button[aria-pressed=true]{border-color:var(--teal);background:var(--surface-strong);box-shadow:inset 0 -3px 0 var(--teal)}
@media(min-width:900px){.secure-site[data-role="patient"] .content>nav.r45-subnav[aria-label="Your care"]{display:none}}
@media(max-width:600px){.secure-site .content{padding:20px 16px 36px}.secure-site .content :is(.card,.panel){padding:clamp(16px,4vw,20px)}.secure-site .content :where(.tabs,.r45-subnav,.work-tabs){padding-block:3px 10px}}
@media(prefers-reduced-motion:reduce){.secure-site .content *{scroll-behavior:auto!important;animation:none!important;transition-duration:0s!important}}
