/* Appearance changes colours only; layout, care status and illustrations stay intact. */
html[data-workspace-paint=pending] #app{visibility:hidden!important}
html[data-workspace-paint=pending]::after{content:'Team David';position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--cream,#faf6ec);color:var(--ink,#303d2d);font:700 24px ui-rounded,system-ui,sans-serif}
.profile-appearance{border-top:1px solid var(--line,#e4dfd1);margin-top:18px;padding-top:16px}
.profile-appearance h3{font-size:.95rem;margin:0 0 8px}
.profile-appearance>.soft-tip{font-size:.8rem;line-height:1.5;margin:0 0 12px}
.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.appearance-options button{min-width:0;min-height:66px;padding:10px 5px;border:1px solid var(--line,#e4dfd1);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--paper,#fffdf7);color:var(--ink,#303d2d);font-size:.8rem;touch-action:manipulation}
.appearance-options button>span:first-child{font-size:1.4rem;line-height:1.2}
.appearance-options button[aria-pressed=true]{background:var(--sage,#e5e8ce);border-color:var(--focus,#47745b);color:var(--ink,#303d2d)}
.appearance-options button:focus-visible{outline:3px solid var(--focus,#47745b);outline-offset:3px}
html[data-theme=dark]{--cream:#1d2824;--paper:#2b3830;--ink:#f6f1e4;--muted:#bdc5b7;--terra:#e8bb7d;--terra-dark:#f0c99d;--peach:#51432f;--sage:#3a4935;--sage-light:#344632;--line:#4b594d;--focus:#b1d1ab;color:var(--ink);background:var(--cream);color-scheme:dark}
html[data-theme=dark] body{color:var(--ink);background:var(--cream)}
html[data-theme=dark] :is(input,select,textarea){background-color:var(--paper);border-color:var(--line);color:var(--ink);accent-color:var(--focus)}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#aeb6a7;opacity:1}
html[data-theme=dark] :is(button,input,select,textarea,a,summary):focus-visible{outline-color:var(--focus)}
html[data-theme=dark] a{color:var(--terra)}
html[data-theme=dark] :is(.button.primary,.screen-login .button){background:var(--terra);color:#2d241e}
html[data-theme=dark] :is(.button.secondary,.option,.option.selected,.option.chosen){color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.button.secondary,.option){background:var(--paper)}
html[data-theme=dark] :is(.option.selected,.option.chosen,.option[aria-pressed=true]){background:var(--sage);border-color:var(--focus)}
html[data-theme=dark] :is(.soft-tip,.helper,.step-label,.wizard-meta,.med-label,.med-schedule,.ci-scale-note){color:var(--muted)}
html[data-theme=dark] :is(.role-filter,.language,.icon-button,.shift-state,.tr-periods,.ops-status,.med-group,.avatar-choice,.profile-select>button){background:var(--sage);color:var(--ink)}
html[data-theme=dark] :is(.language .chosen,.language button[aria-pressed=true],.role-filter .chosen){background:var(--paper);color:var(--ink)}
html[data-theme=dark] :is(.nav-link:hover:not(.selected),.person-card:hover:not(:disabled),.home-draft-delete:hover){background:#344137}
html[data-theme=dark] :is(.personal-report-card,.handover-strip,.home-drafts,.tr-drill,.ops-hour-summary,.ops-hours-preview,.shift-editor-preview,.shift-state.active){background:var(--sage);color:var(--ink)}
html[data-theme=dark] .highlight-card{background:var(--peach);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.measurement-note,.shift-selection-note strong){color:var(--ink)}
html[data-theme=dark] .shift-warning{color:#ffb09e}
html[data-theme=dark] :is(.med-dot,.stepper button>span){background:var(--paper);color:var(--muted)}
html[data-theme=dark] :is(.med-dot.chosen,.stepper .current button>span){background:var(--terra);color:#2d241e;box-shadow:none}
html[data-theme=dark] .stepper .passed button>span{background:var(--sage);color:var(--ink)}
html[data-theme=dark] :is(.home-draft-tile,.home-draft-card,.home-draft-delete){border-color:var(--line)}
html[data-theme=dark] :is(.home-draft-tile,.home-draft-card,.message-conversation,.tr-chart-card,.ops-item,.ops-tabs button,.med-compact-card,.med-card,.med-detail,.medication-card,.missing-report-link,.missing-reports-count){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.home-draft-card small,.home-draft-delete,.missing-reports-count,.missing-report-arrow,.shift-badge,.shift-editor-preview,.shift-state.active){color:var(--muted)}
html[data-theme=dark] .missing-reports-panel{background:var(--sage);border-color:var(--line)}
html[data-theme=dark] .missing-reports-symbol{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .missing-report-link:hover{background:#354337;border-color:var(--focus)}
html[data-theme=dark] .med-given-check{background:var(--paper);border-color:var(--line);color:var(--muted)}
html[data-theme=dark] .med-given-check.is-given{background:#48775b;color:#fff;border-color:#79a385}
html[data-theme=dark] :is(.med-event-tabs button.chosen,.tr-periods [aria-pressed=true],.tr-tabs [aria-pressed=true],.ops-tabs button.active){background:var(--focus);color:#1d2824}
html[data-theme=dark] .med-cup-progress>span{color:var(--ink)}
html[data-theme=dark] .screen-wizard .wizard .wizard-actions{box-shadow:0 -9px 14px #1d2824ee}
html[data-theme=dark] :is(.message-thread,.message-bubble,.messages-home-item){background:var(--paper)}
html[data-theme=dark] :is(.message-thread.selected,.message-bubble.own){background:var(--sage)}
html[data-theme=dark] :is(.tr-range span,.tr-card-heading>span,.tr-chart-note,.tr-empty,.tr-source p,.tr-values summary,.tr-source summary,.ops-event-date small,.ops-byline){color:var(--muted)}
html[data-theme=dark] :is(.tr-chart-card,.tr-values,.tr-observations,.tr-moon,.tr-table-wrap td,.tr-table-wrap th,.tr-comparison td,.tr-comparison th,.ops-event,.ops-table td,.ops-table th,.ops-tabs button){border-color:var(--line)}
html[data-theme=dark] :is(.tr-moon,.cp-editor,.cp-emergency){background:var(--paper)}
html[data-theme=dark] :is(.upcoming-strip,.cp-linked-context){background:#30464a;color:var(--ink)}
html[data-theme=dark] .cp-done .cp-entry-date{background:var(--paper)}
html[data-theme=dark] .contact-card.contact-type-person{--contact-accent:#b3d3a0;--contact-tint:#3b5037;background:linear-gradient(145deg,#33452f,var(--paper) 48%)}
html[data-theme=dark] .contact-card.contact-type-shop{--contact-accent:#efc195;--contact-tint:#594432;background:linear-gradient(145deg,#48392e,var(--paper) 48%)}
html[data-theme=dark] .contact-card.contact-type-company{--contact-accent:#b0d3df;--contact-tint:#344e58;background:linear-gradient(145deg,#2b4248,var(--paper) 48%)}
html[data-theme=dark] .person-role-badge.role-caregiver{background:#3b5037;color:#c1d9b2}
html[data-theme=dark] .person-role-badge.role-therapist{background:#344e58;color:#bbdbe1}
html[data-theme=dark] .person-role-badge.role-family{background:#594432;color:#f0c8a6}
html[data-theme=dark] .modal-backdrop{background:#0b160fc9}
html[data-theme=dark] .modal{box-shadow:0 20px 70px #0006}
html[data-theme=dark] :is(.gate-sun,.screen-login .gate-sun){background:var(--peach);color:var(--terra)}
html[data-theme=dark] :is(.screen-login .brand,.screen-login h1,.screen-login h2,.screen-login .field){color:var(--ink)}
html[data-theme=dark] :is(.screen-login .brand em,.screen-login .header-motto){color:var(--terra)}
html[data-theme=dark] :is(.screen-login header,.screen-login footer,.screen-login form){border-color:var(--line)}
html[data-theme=dark] :is(.screen-login .gate-intro p,.screen-login .gate-access-note,.screen-login footer,.screen-login .language button){color:var(--muted)}
html[data-theme=dark] .screen-login form{background:var(--paper);box-shadow:none}
html[data-theme=dark] .screen-login .language{background:var(--sage)}
html[data-theme=dark] .screen-login .language button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
html[data-theme=dark] .passkey-login-button{background:var(--sage);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .install-app-prompt{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:0 6px 28px #0006}
html[data-theme=dark] :is(.install-app-prompt small,.install-app-prompt .install-app-close){color:var(--muted)}
html[data-theme=dark] .install-app-prompt [data-install-action=install]{background:var(--sage);color:var(--ink)}
html[data-theme=dark] :is(#form-error,#login-error,#password-error,.message-form [role=alert],.report-management-error,#report-management-error){color:#ffb09e}
/* Keep the CSS-drawn sleep crescent's cutout the same colour as its scene. */
html[data-theme=dark] :is(.ci-sleep-scene,.ci-moon:after){background:#354137}
html[data-theme=dark] .ci-sleep-cloud{background:#7d8a78}
html[data-theme=dark] .ci-glass{background:#2e4644}
html[data-theme=dark] .ci-unknown .ci-glass{background:transparent}
@media print{
  html[data-theme=dark]{--cream:#fff;--paper:#fff;--ink:#202020;--muted:#555;--terra:#934027;--terra-dark:#934027;--peach:#faf0e3;--sage:#eef0e5;--sage-light:#eef0e5;--line:#ddd;--focus:#47745b;color-scheme:light;background:#fff!important;color:#202020!important}
  html[data-theme=dark] body{background:#fff!important;color:#202020!important}
  html[data-theme=dark] :is(.cp-client-sheet,.cp-profile-section,.cp-emergency,.cp-editor){background:#fff!important;color:#202020!important;box-shadow:none}
  html[data-theme=dark] .profile-appearance{display:none!important}
}
