:root{--font-scale:1;--text-xs:calc(12px * var(--font-scale));--text-sm:calc(14px * var(--font-scale));--text-md:calc(16px * var(--font-scale));--text-lg:calc(18px * var(--font-scale));--text-xl:calc(21px * var(--font-scale));--text-xxl:calc(24px * var(--font-scale))}
.settings-theme-card{border:1px solid var(--line);border-radius:10px;background:var(--canvas);margin:24px 0;overflow:visible}.settings-theme-card>.settings-row{padding:20px;margin:0}.settings-theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px}.settings-theme-option{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink);font:inherit;font-size:var(--text-xs);cursor:pointer;text-align:left}.settings-theme-option[aria-pressed=true]{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.theme-miniature{height:60px;display:grid;grid-template-columns:22% 1fr;gap:6px;border-radius:4px;background:var(--preview-bg);padding:6px;border:1px solid color-mix(in srgb,var(--preview-ink) 12%,transparent)}.theme-miniature:before{content:'';border-radius:2px;background:color-mix(in srgb,var(--preview-ink) 8%,var(--preview-bg))}.theme-miniature-content{display:flex;flex-direction:column;gap:5px}.theme-miniature-content i{display:block;height:5px;width:80%;background:color-mix(in srgb,var(--preview-ink) 15%,var(--preview-bg));border-radius:2px}.theme-miniature-content i:first-child{background:var(--preview-accent);width:36%;height:8px}.settings-custom-theme{padding:0 20px 8px}.settings-custom-theme .settings-row:last-child{border:0}.settings-color-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);padding:0 10px;min-width:0}.settings-color-field .settings-input{background:transparent;border:0;padding-inline:0;font-family:monospace}.settings-color-swatch{width:18px;height:18px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;background:var(--swatch)}.settings-color-palettes{display:flex;gap:8px;padding-top:8px;flex-wrap:wrap}.settings-color-palettes button{width:24px;height:24px;border:1px solid var(--line);border-radius:5px;background:var(--swatch);cursor:pointer}.settings-color-palettes button[aria-pressed=true]{outline:2px solid var(--focus);outline-offset:2px}.settings-range{display:flex;align-items:center;gap:12px}.settings-range input{appearance:none;height:6px;border-radius:8px;background:var(--line);width:100%;cursor:pointer}.settings-range input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--canvas);border:1px solid var(--subtle);border-radius:50%;box-shadow:0 1px 3px #0002}.settings-range input::-moz-range-thumb{width:20px;height:20px;background:var(--canvas);border:1px solid var(--subtle);border-radius:50%}.settings-range output{min-width:28px;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.settings-font-preview{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);margin-top:16px;font-size:var(--text-sm);line-height:1.6}.settings-font-preview strong{display:block;font-size:var(--text-md);font-weight:500}.settings-color-error{font-size:var(--text-xs);color:var(--ink);margin-top:6px}.settings-color-field:has([aria-invalid=true]){border-color:#b42332}:root[data-high-contrast=true] .nav-link[aria-current=page]{outline:1px solid var(--focus);outline-offset:-1px}:root[data-high-contrast=true] :is(.nav-alert-count,.call-direction,.processing-label){color:var(--ink);border:1px solid var(--line)}.calls-table-with-details .call-play-button{width:min(100%,calc(76px * var(--font-scale)));min-width:0}@media(max-width:650px){.settings-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.settings-theme-card>.settings-row{padding:16px}.settings-custom-theme{padding-inline:16px}}

:root[data-high-contrast=true] .settings-switch.ui-button[data-ui-variant=ghost][aria-checked=true]{background:var(--brand-color)}:root[data-high-contrast=true] .settings-switch[aria-checked=true] span{background:#101114}:root[data-high-contrast=true] .settings-navigation .ui-button[aria-selected=true]{color:var(--accent)}

.settings-theme-heading{padding:20px;border-bottom:1px solid var(--line)}.settings-theme-heading h3{font-size:var(--text-sm);font-weight:600;margin:0 0 6px}@media(max-width:650px){.settings-theme-heading{padding:16px}}
.calls-table,.directory-table { background:var(--canvas); }
:root :is(.calls-table,.directory-table) th { background:color-mix(in srgb,var(--surface-1) 35%,var(--canvas)); }
:root :is(.calls-table,.directory-table) tbody tr:not(.queue-reason-row):not(.call-row-processing):hover { background:color-mix(in srgb,var(--surface-1) 45%,var(--canvas)); }