/* Appearance controls shared by every account and authentication screen. */
.theme-toggle{width:38px;height:38px;min-width:38px;display:inline-grid;place-items:center;border:1px solid var(--line,#e2dce0);border-radius:11px;background:var(--surface,#fff);color:var(--ink,#222);padding:8px;cursor:pointer}
.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
.login-card{position:relative}
.login-card>.theme-toggle{position:absolute;top:15px;inset-inline-end:15px}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{
    color-scheme:dark;
    --bg:#11151d;--canvas:#11151d;--surface:#1c222d;--white:#1c222d;
    --ink:#eef1f6;--muted:#afb9c8;--line:#343d4c;--gray:#485263;
    --pink:#a74a7f;--pink-dark:#f0a5cf;--pink-soft:#362538;
    --teal:#126b68;--teal-dark:#85d5ce;--teal-soft:#203735;
    --orange:#f4ba65;--orange-dark:#f5b250;
    --shadow:0 12px 35px #0003;--shadow-sm:0 2px 10px #0002;--shadow-md:0 14px 35px #0004;
}
html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] :is(.sidebar,.top,.panel,.stat,.file-card,.kanban-card,.video-request-card,.dashboard-service-card:not(.featured):not(.file-server-card),.dashboard-metrics>a,.drawer-section,.task-detail-metrics>div,.task-quick-actions,.task-command-bar,.task-list-view,.management-card,.provider-card,.provider,.booking-card,.booking-row,.sms-preview-card,.watad-modal,.login-card,.command-palette,.command-dialog,.mobile-navigation,.app-install-prompt,.app-install-card,.screen-management-summary>span){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(input,select,textarea,option){background:#151b25!important;border-color:#485263!important;color:var(--ink)!important;caret-color:var(--pink-dark)}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#a2adbd;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):focus{outline:2px solid #f0a5cf44;border-color:var(--pink-dark)!important}
html[data-theme="dark"] input:is([type="checkbox"],[type="radio"]){accent-color:var(--pink)}
html[data-theme="dark"] :is(label,legend,h1,h2,h3,h4,.menu,.top-title b,.task-data-list dd,.request-top h3,.provider-name,.task-card-meta b,.booking-teacher-name){color:var(--ink)}
html[data-theme="dark"] :is(.page-head p,.top small,.brand span,.user small,.stat span,.kanban-card p,.kanban-card small,.request-top p,.file-card small,.tracks small,.empty,.empty-state,.nav-label,.task-scope-tabs a,.task-drawer-tabs button,.task-data-list dt,.experience-breadcrumb,.experience-summary time,.login-card>p,.login-card>small,th,.table-wrap small){color:var(--muted)}
html[data-theme="dark"] :is(th,td,fieldset,.compact,.list-row,.profile-sections .form-grid h3,.task-card-footer,.task-data-list,.task-event-timeline article,.experience-summary,.experience-conversation article){border-color:var(--line)}
html[data-theme="dark"] :is(.user,.task-data-list>div,.task-filter-toggle,.task-timing-control,.time-entry-list article,.task-custom-values>div,.time-comparison>div,.task-list-group>header,.task-filter-chips a,.file-controls,.screen-idle-state,.booking-history-summary,.sms-preview-card>header,.sms-quote-message,.experience-progress>div,.bunny-output,.bunny-code-section.readonly textarea,.video-info-row>span,.video-journey>div,.journey-step,.video-decision,.teacher-next-step,.exam-question,.exam-question-card,.question-card,.exam-summary,.exam-status-card,.provider-details,.profile-summary,.profile-metric,.app-install-prompt-dialog){background:#232b38;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.synology-login),.task-quick-actions button:not(:last-child),.experience-tabs a:not(.active),.booking-day-strip button:not(.active),.slot-buttons button:not(.active),.modal-close,.task-drawer-close,.menu,.global-search-button,.icon-action,.app-install-quick){background:#293241;border-color:var(--line);color:#e3e8f0}
html[data-theme="dark"] .btn.primary{background:#a74a7f;color:#fff}
html[data-theme="dark"] .btn.primary:hover{background:#b5548a}
html[data-theme="dark"] :is(.btn.danger,.danger){background:#48262e;color:#ffb2bf}
html[data-theme="dark"] :is(.sidebar nav a,.context-nav a,.profile-tabs a,.board-tabs a,.task-view-switch a,.task-management-tabs a){color:var(--muted)}
html[data-theme="dark"] :is(.sidebar nav a:hover,.sidebar nav a.active,.context-nav a.active,.profile-tabs a.active,.board-tabs a.active,.task-view-switch a.active,.task-scope-tabs a.active,.task-management-tabs a.active,.task-drawer-tabs button.active,.mobile-navigation-item.is-current){background:var(--pink-soft);color:var(--pink-dark)}
html[data-theme="dark"] :is(.context-nav,.profile-tabs,.board-tabs,.task-view-switch,.task-management-tabs,.task-drawer>header,.mobile-navigation){background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] :is(.kanban-column,.task-drawer){background:#171e28;border-color:var(--line)}
html[data-theme="dark"] .kanban-column.over{background:var(--pink-soft)}
html[data-theme="dark"] :is(.kanban-column>header span,.task-scope-tabs a b,.task-drawer-tabs button b,.person-avatar,.user-avatar,.dashboard-service-card .service-icon:not(.pink-icon):not(.teal-icon):not(.orange-icon)){background:#303a49;color:var(--ink)}
html[data-theme="dark"] :is(.task-original-note,.reply,.setup-hint,.screen-current-teacher,.global-running-timer){background:var(--teal-soft);border-color:#3e6661;color:var(--teal-dark)}
html[data-theme="dark"] .teacher-action-item{background:var(--surface)!important;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.push-setup-card,.dashboard-urgency-card,.design-quota-card,.dashboard-notice,.admin-readonly-note,.teacher-action-center){background:#202b35;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.task-priority.normal,.request-overall.waiting,.status-pill.waiting,.badge,.booking-state){background:var(--pink-soft);color:var(--pink-dark)}
html[data-theme="dark"] :is(.request-overall.working,.request-overall.ready,.request-overall.completed,.status-pill.completed,.badge.teal,.alert.success,.sms-success-note,.screen-online.online,.booking-state.confirmed){background:var(--teal-soft);color:#97e4c8}
html[data-theme="dark"] :is(.task-priority.important,.task-priority.urgent,.urgent-chip,.sms-approval-warning,.task-today-notice,.demo-note,.internal-privacy-note,.push-admin-setup,.request-overall.review,.dashboard-service-card .service-icon.orange-icon){background:#403322;border-color:#766042;color:#ffd292}
html[data-theme="dark"] :is(.alert.error,.bunny-output-message.error,.task-deadline.overdue,.booking-state.cancelled,.feedback-status.rejected){background:#48262e;color:#ffb2bf}
html[data-theme="dark"] .dashboard-service-card.featured{background:linear-gradient(140deg,#164843,#126b68);color:#fff}
html[data-theme="dark"] .dashboard-service-card.file-server-card{color:#fff}
html[data-theme="dark"] .task-detail-hero{background:linear-gradient(120deg,#164843,#126b68);color:#fff}
html[data-theme="dark"] :is(.hero,.dashboard-welcome){color:#fff}
html[data-theme="dark"] .hero{background:linear-gradient(120deg,#692342,#9c4877)}
html[data-theme="dark"] :is(.hero h1,.dashboard-welcome h1,.task-detail-hero h2){color:#fff}
html[data-theme="dark"] :is(.brand img,.login-card>img){background:#fff;border-radius:8px;padding:5px}
html[data-theme="dark"] .login-page{background:radial-gradient(ellipse at top,#302032,#11151d 65%)}
html[data-theme="dark"] .login-divider:before,html[data-theme="dark"] .login-divider:after{background:var(--line)}
html[data-theme="dark"] .mobile-navigation-item{color:var(--muted)}
html[data-theme="dark"] ::selection{background:#9c487777;color:#fff}
/* Service-specific surfaces and controls, including dynamically opened forms. */
html[data-theme="dark"] :is(.booking-day,.person-card,.short-link-card,.provider-directory-card,.feedback-request-list>article,.sms-list-cards>article,.processed-files>article,.signage-item,.timesheet-summary article,.operations-report-summary article,.hub-metrics>div,.sticky-exam-actions,.review-summary>div,.exam-summary div,.design-facts>div,.design-progress>div,.request-center-card,.request-center-item,.option-edit-row,.signage-tabs,.settings-nav,.upload-bar,.reschedule-popover>form,.booking-actions>form,.teacher-video-actions form,.video-decision>form,.automation-builder section,.custom-fields-form>section,.voice-recorder,.app-install-prompt,.provider-search-panel){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.booking-day>header,.booking-day>header>span,.profile-metrics button,.profile-tabs button,.action-form,.role-pills span,.ticket-card>p,.video-list-heading span,.journey-number,.event-change span,.event-change strong,.drawer-comment-form,.tool-list-heading>b,.copy-link,.drop-file,.category-pills a,.provider-contact a,.feedback-request-list article>p,.sms-import-note,.subtask-progress,.dependency-list>span,.internal-note-list article,.watcher-list span,.task-type-list span,.status-toggle,.task-summary-strip span,.task-manage-toolbar,.task-select i,.type-field-chips button,.week-navigation,.week-navigation a:nth-child(2),.week-day-bars article>span,.entry-date,.entry-flags span,.question-options li>span,.tag-row span,.modal-copy,.comment-list article,.auto-tag-note,.exam-progress,.exam-progress-step span,.exam-readiness>div,.design-file-grid a>span,.request-service-icon,.signage-tabs button,.app-install-close,.app-install-step>span,.ios-install-help,.voice-recorder-icon,.voice-record-timer){background:#232b38;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.sidebar nav a i,.profile-section>summary i,.notification-entry:not(.unread)>span,.integration-grid article>i){background:#303a49;color:var(--ink)}
html[data-theme="dark"] :is(thead,tbody tr:hover){background:#232b38}
html[data-theme="dark"] :is(.status-pill,.status-draft,.priority-normal,.design-status,.request-center-state,.request-overall.idle,.feedback-status,.status-toggle,.task-deadline,.timer-busy,.integration-badge){background:#293241;color:var(--muted)}
html[data-theme="dark"] :is(.booking-state.attended,.attended-btn,.live-chip,.status-dot.on,.journey-step.completed,.watermark-ready,.feedback-status.answered,.provider-state.active,.import-stats .valid,.dependency-list>span.done,.status-toggle.active,.task-deadline.remaining,.timesheet-summary article.active,.app-install-step.completed>span,.status-ready,.status-completed,.deliverable-row.ready,.exam-queue-stats .success,.exam-readiness .is-ready,.design-progress .done,.request-center-state.completed,.design-stats .ready,.request-center-stats .done,.question-options li.correct,.answer-explanation,.qa-checklist label:has(input:checked)){background:#203b34;border-color:#3e6661;color:#97e4c8}
html[data-theme="dark"] :is(.status-working,.status-submitted,.journey-step.working,.journey-step.review,.request-center-state.active,.design-progress .active,.design-stats .waiting,.request-center-stats .active,.feedback-status.in_progress,.task-type-chip){background:#21384a;border-color:#3b6078;color:#a7d5f3}
html[data-theme="dark"] :is(.status-cancelled,.status-dot.off,.booking-state.no-show,.no-show-btn,.request-overall.revision,.journey-step.revision,.revision-warning,.revision-submit,.feedback-status.closed,.provider-state.inactive,.import-stats .rejected,.request-center-state.cancelled,.design-stats .revisions,.request-center-stats .cancelled,.exam-cancelled-note,.priority-urgent,.exam-queue-stats .urgent-stat,.timesheet-summary article.danger,.operations-report-summary article.danger){background:#48262e;border-color:#75404e;color:#ffb2bf}
html[data-theme="dark"] :is(.orange-icon,.status-revision_requested,.priority-important,.exam-queue-stats .attention,.exam-readiness .needs-action,.review-warning,.inline-warning,.import-stats .duplicate,.internal-note-list article.leaders-only,.transfer-warning,.request-overall.waiting_reply,.task-deadline.paused,.deadline-metric.paused,.manual-time-notice,.timesheet-alert,.timesheet-entry-list>article.has-anomaly,.app-install-step.blocked>span){background:#403322;border-color:#766042;color:#ffd292}
html[data-theme="dark"] :is(.profile-tabs button.active,.category-pills a.active,.signage-tabs button.active,.type-field-chips button.active){background:var(--pink-soft);color:var(--pink-dark)}
html[data-theme="dark"] .voice-recorder.is-recording{background:#48262e;border-color:#75404e}
html[data-theme="dark"] .app-install-prompt{color:var(--ink)!important}
@media(max-width:420px){.top-actions{gap:5px}.top-actions .theme-toggle{width:34px;min-width:34px;height:34px;padding:6px}.top-title small{display:none}}
@media print{.theme-toggle{display:none}html[data-theme="dark"]{color-scheme:light}html[data-theme="dark"] body,html[data-theme="dark"] body *{background:white!important;color:black!important;box-shadow:none!important;border-color:#bbb!important}}
