/* Operational Voice themes. The scene palette and semantic accents are set by appearance.js. */
:root{--scene-a:#eaf4ff;--scene-b:#dcecff;--scene-c:#e2f0ff;--action-fill:#075aff}
body{background:linear-gradient(135deg,var(--scene-a),var(--scene-b) 46%,var(--scene-c));background-attachment:fixed}
:root[data-voice-mode="dark"]{
 color-scheme:dark;--ink:#eaf2ff;--navy:#f3f7ff;--muted:#b7c9e2;
 --line:rgba(191,214,248,.25);--shadow:0 12px 32px #030a1b61,0 2px 7px #030a1b52;
 color:var(--ink)
}
:root[data-voice-mode="dark"] .glass:not(.glass-painted),
:root[data-voice-mode="dark"] [data-glass]:not(.glass-painted){background:rgba(11,26,48,.35);border-color:rgba(198,223,255,.24)}
:root[data-voice-mode="dark"].glass-off .glass,
:root[data-voice-mode="dark"].glass-off [data-glass]{background:rgba(16,32,54,.84);border-color:rgba(198,223,255,.27)}
:root[data-voice-mode="dark"] .glass-painted.glass{background:transparent;border-color:rgba(198,223,255,.23)}
:root[data-voice-mode="dark"] .button,
:root[data-voice-mode="dark"] .icon-btn,
:root[data-voice-mode="dark"] .select-trigger,
:root[data-voice-mode="dark"] .dialog .button,
:root[data-voice-mode="dark"] .dialog-close,
:root[data-voice-mode="dark"] .nav-item.active,
:root[data-voice-mode="dark"] .nav-item:hover,
:root[data-voice-mode="dark"] .nav-item:focus-visible{color:var(--ink)}
:root[data-voice-mode="dark"] .dialog-close .icon{stroke:currentColor}
:root[data-voice-mode="dark"] .nav-item,
:root[data-voice-mode="dark"] th,
:root[data-voice-mode="dark"] .field-label,
:root[data-voice-mode="dark"] .tab,
:root[data-voice-mode="dark"] .notice,
:root[data-voice-mode="dark"] .inline-meta,
:root[data-voice-mode="dark"] .provider-method,
:root[data-voice-mode="dark"] .auth-features>span,
:root[data-voice-mode="dark"] .date-picker-day.outside{color:var(--muted)}
:root[data-voice-mode="dark"] td,
:root[data-voice-mode="dark"] .field-shell input,
:root[data-voice-mode="dark"] .field-shell textarea,
:root[data-voice-mode="dark"] .message-bubble,
:root[data-voice-mode="dark"] .source-content,
:root[data-voice-mode="dark"] .code-block,
:root[data-voice-mode="dark"] .transcript-message p,
:root[data-voice-mode="dark"] .calendar-event{color:var(--ink)}
:root[data-voice-mode="dark"] .field-shell input[readonly],
:root[data-voice-mode="dark"] .search-field input::placeholder{color:var(--muted)}
:root[data-voice-mode="dark"] .dialog-scrim{background:rgba(1,8,23,.64)}
:root[data-voice-mode="dark"] .dialog{box-shadow:0 24px 75px #020817aa}
:root[data-voice-mode="dark"] .button.primary,
:root[data-voice-mode="dark"] .dialog .primary,
:root[data-voice-mode="dark"] .select-option.selected,
:root[data-voice-mode="dark"] .calendar-month>button.active,
:root[data-voice-mode="dark"] .date-picker-day.selected{color:#fff}
:root[data-voice-mode="dark"] .button.primary:not(.glass-painted),
:root[data-voice-mode="dark"].glass-off .button.primary{background:var(--action-fill)}
:root[data-voice-mode="dark"] .select-option.selected:not(.glass-painted),
:root[data-voice-mode="dark"] .calendar-month>button.active,
:root[data-voice-mode="dark"] .date-picker-day.selected{background:var(--action-fill)}
:root[data-voice-mode="dark"] .profile-row:hover,
:root[data-voice-mode="dark"] .call-row:hover,
:root[data-voice-mode="dark"] .calendar-task-row:hover td{background:rgba(169,204,255,.11)}
:root[data-voice-mode="dark"] .notice,
:root[data-voice-mode="dark"] .code-block,
:root[data-voice-mode="dark"] .calendar-cell,
:root[data-voice-mode="dark"] .calendar-event,
:root[data-voice-mode="dark"] .message-bubble,
:root[data-voice-mode="dark"] .transcript-message,
:root[data-voice-mode="dark"] .transcript-message.agent,
:root[data-voice-mode="dark"] .voice-player,
:root[data-voice-mode="dark"] .voice-play,
:root[data-voice-mode="dark"] .voice-mute,
:root[data-voice-mode="dark"] .voice-sample-card,
:root[data-voice-mode="dark"] .provider-logo{background:rgba(82,129,190,.14)}
:root[data-voice-mode="dark"] .calendar-cell.selected,
:root[data-voice-mode="dark"] .account-nav .tab.active{background:rgba(125,169,246,.20)}
:root[data-voice-mode="dark"] .pill{color:#b5d6ff;background:rgba(56,111,191,.29)}
:root[data-voice-mode="dark"] .pill.mint{color:#a2f2d9;background:rgba(18,124,94,.30)}
:root[data-voice-mode="dark"] .pill.rose{color:#ffc3cf;background:rgba(171,65,90,.28)}
:root[data-voice-mode="dark"] .pill.peach{color:#ffd5aa;background:rgba(153,94,40,.31)}
:root[data-voice-mode="dark"] .pill.lilac{color:#dec9ff;background:rgba(116,71,177,.30)}
:root[data-voice-mode="dark"] .positive,
:root[data-voice-mode="dark"] .agent-activity .grow small{color:#9aefd1!important}
:root[data-voice-mode="dark"] .voice-range{border-color:rgba(197,221,255,.3)}
:root[data-voice-mode="dark"] .auth-divider span{background:#1b3553}
:root[data-voice-mode="dark"] .date-picker-day:hover:not(.selected){background:rgba(133,174,239,.22)}
:root[data-voice-mode="dark"] .task-status-actions [data-do="calendar-status"]{color:#bdf4d0;background:linear-gradient(135deg,#115733aa,#24895e66)}
:root[data-voice-mode="dark"] .task-status-actions [data-do="calendar-status"]:hover{background:linear-gradient(135deg,#176e43bb,#2e9f7188)}
:root[data-voice-mode="dark"] *{scrollbar-color:#7294ba80 #0c203044}
:root[data-voice-mode="dark"] ::-webkit-scrollbar-track{background:#132a4244}
:root[data-voice-mode="dark"] ::-webkit-scrollbar-thumb{border-color:#18314aad;background:#628cba99}
:root[data-voice-mode="dark"] :is(button,a,input,textarea):focus-visible{outline-color:var(--blue)}
/* Keyboard-accessible appearance controls in the existing glass dialog. */
.appearance-section{margin:18px 0 4px;padding-top:17px;border-top:1px solid var(--line)}
.appearance-section h3{font-size:15px;color:var(--navy);margin-bottom:4px}
.appearance-section .muted{margin-bottom:11px}
.appearance-mode{display:flex;gap:8px;margin-bottom:14px}
.appearance-mode button{flex:1;min-height:42px;border-radius:12px;font-weight:650;font-size:12px;color:var(--ink)}
.appearance-mode button[aria-pressed="true"]{outline:2px solid var(--blue);outline-offset:-2px;background:color-mix(in srgb,var(--blue) 17%,transparent)}
.appearance-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.appearance-choice{display:grid;grid-template-columns:minmax(0,1fr);width:100%;justify-items:stretch;gap:6px;padding:7px;border-radius:13px;border:1px solid var(--line);color:var(--ink);font-size:11px;font-weight:650;text-align:center}
.appearance-choice[aria-pressed="true"]{outline:2px solid var(--blue);outline-offset:-2px}
.appearance-choice .appearance-swatch{display:block;width:100%;height:43px;border-radius:9px;border:1px solid var(--line)}
.appearance-choice span:last-child{pointer-events:none}
.appearance-custom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.appearance-custom[hidden]{display:none}
.appearance-custom label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.appearance-custom input[type="color"]{width:100%;height:39px;padding:2px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer}
@media(max-width:450px){.appearance-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}