/* Scoped to Worker Tool: do not change Claro/Dark on other modules. */
.worker-appearance-settings { margin: 0 0 12px; padding: 12px; border: 1px solid #b7cece; border-radius: 14px; background: #eef7f3; color: #183e40; }
.worker-appearance-settings h3 { margin: 0 0 8px; font-size: 14px; color: inherit; }
.worker-appearance-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.worker-appearance-row > div { display: grid; gap: 3px; min-width: 0; }
.worker-appearance-row strong { font-size: 14px; }
.worker-appearance-row small { font-size: 12px; color: inherit; opacity: .8; }
.walker-menu-drawer.worker-profile-view :is(#workerAppearanceSettings,#workerThemeSettings) { display: none !important; }
html[data-dc-theme="dark"] .worker-appearance-settings { background: #203a51; color: #eef5ff; border-color: #64839e; }
/* Override the old global seasonal suppression only in this portal. */
@layer dc-appearance-system {
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSwitch,#workerThemeToggle) { position: relative !important; display: block !important; flex: 0 0 58px !important; width: 58px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border: 0 !important; border-radius: 20px !important; background: transparent !important; box-shadow: none !important; cursor: pointer; touch-action: manipulation; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSwitch,#workerThemeToggle)::before { content: '' !important; position: absolute !important; inset: 6px 0 !important; border: 2px solid #8babb6 !important; border-radius: 20px !important; background: #d7e4e9 !important; box-shadow: inset 0 2px 5px #12273726 !important; box-sizing: border-box !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSwitch,#workerThemeToggle)::after { content: '' !important; position: absolute !important; width: 22px !important; height: 22px !important; top: 11px !important; left: 5px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #aec5cc !important; box-sizing: border-box !important; box-shadow: 0 2px 5px #10273a38 !important; transform: none !important; transition: transform .16s ease; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerAppearanceSwitch[aria-checked="true"]::before { border-color: #50d7bc !important; background: #20384c !important; box-shadow: 0 0 7px #48d9b947,inset 0 2px 6px #071a2b66 !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeToggle[aria-checked="true"]::before { border-color: #f2ae62 !important; background: #3b3029 !important; box-shadow: 0 0 7px #f59a464d,inset 0 2px 6px #23170f66 !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSwitch,#workerThemeToggle)[aria-checked="true"]::after { transform: translateX(26px) !important; background: #304b60 !important; border-color: #91c7c7 !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeToggle[aria-checked="true"]::after { background: #4c3a2c !important; border-color: #e9b887 !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSwitch,#workerThemeToggle):focus-visible { outline: 3px solid #12a594 !important; outline-offset: 2px !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeToggle:focus-visible { outline-color: #dc963d !important; }
@media (prefers-reduced-motion: reduce) { :is(#workerAppearanceSwitch,#workerThemeToggle)::after { transition: none !important; } }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"][data-worker-halloween-preview]::before { background: linear-gradient(#0715231a,#0715231a),#032333 url('/assets/worker-halloween-pumpkins-v1.webp') center bottom / cover no-repeat !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeSettings:not([hidden]) { display: flex !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeToggle { display: block !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemeToggle span { display: none !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] :is(#workerAppearanceSettings,#workerThemeSettings) h3 { font-size: 15px !important; line-height: 1.3 !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] #workerThemePrompt[open] { display: block !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"][data-worker-halloween-preview] .halloween-header-web { display: block !important; }
:is(html,#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance#dcAppearance)[data-dc-theme] body[data-studio-page="walker-index/index.html"] .worker-profile-view #workerThemeSettings { display: none !important; }
}