/* Theme surfaces never filter live video, photographs, PDFs or drawing canvases. */
:root{--theme-page:#f3f6f8;--theme-panel:#fff;--theme-raised:#eef4f6;--theme-text:#003153;--theme-muted:#526775;--theme-line:#bbcbd5;--theme-link:#007e87;--theme-selected:#e0f1f2;--theme-danger:#a12d3d;color-scheme:light}
:root[data-theme=medium]{--theme-page:#293e4d;--theme-panel:#354c5d;--theme-raised:#405b6e;--theme-text:#f3f7fa;--theme-muted:#d0dde5;--theme-line:#7891a3;--theme-link:#8fe0e3;--theme-selected:#275e69;--theme-danger:#ffb6bf;color-scheme:dark}
:root[data-theme=dark]{--theme-page:#101c26;--theme-panel:#192b38;--theme-raised:#243c4c;--theme-text:#edf5fa;--theme-muted:#b8cbd8;--theme-line:#526d80;--theme-link:#80dadd;--theme-selected:#194751;--theme-danger:#ffabb6;color-scheme:dark}
.appearance-control{position:relative;margin:0;flex-shrink:0;font-size:12px;z-index:90}.appearance-control>summary{padding:8px 12px;border:1px solid var(--theme-line);border-radius:6px;color:var(--theme-text);background:var(--theme-panel);min-height:38px}.appearance-control>summary:after{margin-left:10px}.appearance-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px));padding:18px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);color:var(--theme-text);box-shadow:0 14px 36px #0004}.appearance-panel label{margin:0;color:var(--theme-text)}.appearance-panel p{font-size:12px;line-height:1.6;color:var(--theme-muted);margin-bottom:0}.appearance-panel select{width:100%;background:var(--theme-raised);color:var(--theme-text);appearance:auto;background-image:none;padding:10px;border:1px solid var(--theme-line)}
html[data-theme]:not([data-theme=light]){--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-line);--border:var(--theme-line);--surface:var(--theme-panel);background:var(--theme-page);color:var(--theme-text)}
html[data-theme]:not([data-theme=light]) body,html[data-theme]:not([data-theme=light]) .help-standalone,html[data-theme]:not([data-theme=light]) #app-loading,html[data-theme]:not([data-theme=light]) #call-workbench{background:var(--theme-page);color:var(--theme-text)}
html[data-theme]:not([data-theme=light]) header,html[data-theme]:not([data-theme=light]) .account-bar,html[data-theme]:not([data-theme=light]) .card,html[data-theme]:not([data-theme=light]) .dashboard-nav,html[data-theme]:not([data-theme=light]) #workspace-nav,html[data-theme]:not([data-theme=light]) .dashboard-presence,html[data-theme]:not([data-theme=light]) #call-workspace-header,html[data-theme]:not([data-theme=light]) #workspace-call-bar,html[data-theme]:not([data-theme=light]) #device-controls-menu,html[data-theme]:not([data-theme=light]) #device-controls-menu>header,html[data-theme]:not([data-theme=light]) .dock-panel,html[data-theme]:not([data-theme=light]) .dock-panel-heading,html[data-theme]:not([data-theme=light]) #layout-toolbox,html[data-theme]:not([data-theme=light]) .appearance-panel,html[data-theme]:not([data-theme=light]) dialog{background:var(--theme-panel)!important;color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme]:not([data-theme=light]) p,html[data-theme]:not([data-theme=light]) .hint,html[data-theme]:not([data-theme=light]) .muted,html[data-theme]:not([data-theme=light]) .eyebrow,html[data-theme]:not([data-theme=light]) label,html[data-theme]:not([data-theme=light]) .panel-title span,html[data-theme]:not([data-theme=light]) .help-root,html[data-theme]:not([data-theme=light]) .help-sidebar a,html[data-theme]:not([data-theme=light]) .help-intro,html[data-theme]:not([data-theme=light]) .help-kicker,html[data-theme]:not([data-theme=light]) .help-topic figcaption,html[data-theme]:not([data-theme=light]) .admin-metrics span,html[data-theme]:not([data-theme=light]) .customer-table th,html[data-theme]:not([data-theme=light]) #customer-access-state,html[data-theme]:not([data-theme=light]) .dashboard-nav-note{color:var(--theme-muted)}
html[data-theme]:not([data-theme=light]) h1,html[data-theme]:not([data-theme=light]) h2,html[data-theme]:not([data-theme=light]) h3,html[data-theme]:not([data-theme=light]) h4,html[data-theme]:not([data-theme=light]) strong,html[data-theme]:not([data-theme=light]) .user-email,html[data-theme]:not([data-theme=light]) .help-topic,html[data-theme]:not([data-theme=light]) .customer-table td{color:var(--theme-text)}
html[data-theme]:not([data-theme=light]) a,html[data-theme]:not([data-theme=light]) .customer-link,html[data-theme]:not([data-theme=light]) .dashboard-help-link{color:var(--theme-link)!important}
html[data-theme]:not([data-theme=light]) button,html[data-theme]:not([data-theme=light]) .file,html[data-theme]:not([data-theme=light]) input,html[data-theme]:not([data-theme=light]) select,html[data-theme]:not([data-theme=light]) textarea{background-color:var(--theme-panel);color:var(--theme-text);border-color:var(--theme-line)}
html[data-theme]:not([data-theme=light]) button:not(:disabled):hover,html[data-theme]:not([data-theme=light]) .file:hover,html[data-theme]:not([data-theme=light]) input[readonly],html[data-theme]:not([data-theme=light]) .badge,html[data-theme]:not([data-theme=light]) #status,html[data-theme]:not([data-theme=light]) .notice,html[data-theme]:not([data-theme=light]) .library-item,html[data-theme]:not([data-theme=light]) .procedure-panel,html[data-theme]:not([data-theme=light]) .drawing-tools,html[data-theme]:not([data-theme=light]) .admin-stats span,html[data-theme]:not([data-theme=light]) .help-topic th,html[data-theme]:not([data-theme=light]) .dock-target,html[data-theme]:not([data-theme=light]) .invitation-glasses{background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-line)}
html[data-theme]:not([data-theme=light]) button[aria-pressed=true],html[data-theme]:not([data-theme=light]) button[aria-current=page],html[data-theme]:not([data-theme=light]) .help-sidebar a[aria-current=location],html[data-theme]:not([data-theme=light]) .help-sidebar a:hover{background:var(--theme-selected)!important;color:var(--theme-text)!important;border-color:var(--theme-link)}
html[data-theme]:not([data-theme=light]) button:disabled,html[data-theme]:not([data-theme=light]) input:disabled,html[data-theme]:not([data-theme=light]) select:disabled,html[data-theme]:not([data-theme=light]) textarea:disabled{background-color:var(--theme-raised);color:var(--theme-muted);border-color:var(--theme-line);opacity:.65}
html[data-theme]:not([data-theme=light]) button.primary,html[data-theme]:not([data-theme=light]) .primary:not(:disabled):hover,html[data-theme]:not([data-theme=light]) #device-menu-done{background:#007e87!important;color:#fff!important;border-color:#41aeb5}
html[data-theme]:not([data-theme=light]) button.danger,html[data-theme]:not([data-theme=light]) #error,html[data-theme]:not([data-theme=light]) .admin-error{color:var(--theme-danger)!important}
html[data-theme]:not([data-theme=light]) button.danger:not(:disabled):hover{background:#532e3b!important;color:#fff!important}
html[data-theme]:not([data-theme=light]) select{appearance:auto;background-image:none!important}
html[data-theme]:not([data-theme=light]) input::placeholder,html[data-theme]:not([data-theme=light]) textarea::placeholder{color:var(--theme-muted)}
html[data-theme]:not([data-theme=light]) .brand img,html[data-theme]:not([data-theme=light]) .call-brand,html[data-theme]:not([data-theme=light]) .help-header img{background:#f5f8fa;border-radius:5px;padding:5px}
html[data-theme]:not([data-theme=light]) .card,html[data-theme]:not([data-theme=light]) dialog{box-shadow:0 3px 8px #0002,0 12px 28px #0002}
html[data-theme]:not([data-theme=light]) #materials-share,html[data-theme]:not([data-theme=light]) #device-menu-done{box-shadow:none}
@media print{html[data-theme]{color-scheme:light}.appearance-control{display:none}}
@media(max-width:600px){.appearance-panel{position:fixed;top:128px;right:16px;max-height:calc(100dvh - 150px);overflow:auto}#call-workspace-header .appearance-panel{top:85px}}
html[data-theme]:not([data-theme=light]) .dashboard{--text-primary:var(--theme-text);--text-secondary:var(--theme-muted);--text-detail:var(--theme-muted)}
.dashboard main .appearance-control>summary{color:var(--theme-text);font-size:12px;margin:0;line-height:20px}
html[data-theme]:not([data-theme=light]) :focus-visible{outline-color:var(--theme-link)}

html[data-theme]:not([data-theme=light]){--theme-map-text:var(--theme-text);--theme-map-muted:var(--theme-muted);--theme-map-panel:var(--theme-panel);--theme-map-raised:var(--theme-raised);--theme-map-line:var(--theme-line)}
.dashboard>header:has(.appearance-control[open]){z-index:45}
#call-workspace-header{position:relative;z-index:20}
.invitation-qr{background:white!important}

@media print{html[data-theme]{--theme-text:#003153;--theme-muted:#526775;--theme-panel:white;--theme-raised:#f3f6f8;--theme-page:white;--theme-line:#bbcbd5;--theme-link:#007e87}.appearance-control{display:none!important}}
/* Direct appearance controls: sun, half-circle, moon, clock. */
.appearance-control{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel);margin:0;flex-shrink:0}
.appearance-control button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:8px;margin:0;border:1px solid transparent;border-radius:5px;box-shadow:none;background:transparent;color:var(--theme-muted)}
.appearance-control button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.appearance-control button[aria-pressed=true]{background:var(--theme-selected)!important;color:var(--theme-text)!important;border-color:var(--theme-link)!important}
.appearance-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){html.theme-changing,html.theme-changing body,html.theme-changing body :not(video):not(canvas):not(img):not(svg):not(path){transition-property:background-color,color,border-color,box-shadow;transition-duration:1.2s;transition-timing-function:ease}}
@media(max-width:600px){.appearance-control button{width:40px;height:40px;min-height:40px}#call-workspace-header .appearance-control{margin-left:auto}}