/* Account appearance applies to portal chrome, never filters/inverts media or artwork. */
html[data-color-mode=light]{color-scheme:light}
.appearance-control{display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap;cursor:pointer;font-size:11px}
.appearance-control .yes-no-switch{margin:0}
.appearance-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.appearance-moon{display:none}html[data-color-mode=dark] .appearance-moon{display:block}html[data-color-mode=dark] .appearance-sun{display:none}
.appearance-status{position:fixed;inset-block-start:82px;inset-inline-end:18px;z-index:1000;max-width:300px;padding:12px 16px;border:1px solid #f5b5b5;border-radius:8px;background:#fff1f1;color:#a32020;box-shadow:0 4px 20px #0002}
.appearance-status[hidden]{display:none}
@media(max-width:1600px){.appearance-label{display:none}}
@media(max-width:1250px){html .page-header .account{display:none}}
@media(max-width:1100px){html .page-header .date-display{display:none}}
@media(max-width:550px){html .page-header{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:40px 36px;height:100px;padding:8px 12px;gap:8px}html .page-header .header-right{grid-column:1/-1;justify-content:space-between;gap:6px;min-width:0}html .page-header .workspace-search{min-width:0;max-width:none;width:100%}.page-header .profile-menu .avatar{width:30px;height:30px}.page-header .signout{padding:7px 5px}.page-header .workspace-search input{min-width:0}.page-header .appearance-control{flex-shrink:0}html #sidebar{top:100px;height:calc(100dvh - 100px)}.appearance-status{inset-block-start:106px}}
html[data-color-mode=dark]{color-scheme:dark;--canvas:#11141e;--ink:#e5e9f2;--muted:#a7b2c7;--purple:#68adff;--cyan:#45c6d9;--line:#30374a;--soft:#232b3c;--accent-soft:#203753;--surface:#1b2130;--border:#3d485e;--control-border:#3d485e;--control-focus:#68adff;--dialog-surface:#1b2130;background:#11141e}
html[data-color-mode=dark] body{background:var(--canvas);color:var(--ink)}
html[data-color-mode=dark] :is(h1,h2,h3,strong,.login-logo){color:var(--ink)}
html[data-color-mode=dark] :is(p,small,.hint,.eyebrow,.date-display,.library-card-meta,.builder-view-toolbar,.library-breadcrumb,.account small){color:var(--muted)}
html[data-color-mode=dark] a{color:#87bdff}html[data-color-mode=dark] a:hover{color:#bddaff}
html[data-color-mode=dark] :is(#sidebar,.page-header,.card,.profile-dropdown,.notification-panel,.library-folder-card,.content-asset-card,.builder-grid-card,.library-search-input,.library-card-menu-panel,.screen-card,.screen-grid-card,.playlist-preview,.custom-field,dialog,.table-filter-options,.table-filter-options[popover],#text-styles-panel){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] #sidebar .brand{color:var(--ink)}
html[data-color-mode=dark] #sidebar nav a{color:#c1cbe0}
html[data-color-mode=dark] #sidebar nav a.active{background:var(--accent-soft);border-color:#35506e;color:#94c7ff}
html[data-color-mode=dark] #sidebar nav a:hover{background:var(--soft);color:#bddaff}
html[data-color-mode=dark] #sidebar :is(.menu-label,.sub,.aside-bottom){color:var(--muted)}
html[data-color-mode=dark] :is(.page-footer,.table-wrap,.section-heading,.setup-step,.settings-tabs,.profile-dropdown a,.notification-item,.table-filter-option-actions,.custom-value,.contact-row){border-color:var(--line)}
html[data-color-mode=dark] .profile-card{background:linear-gradient(115deg,#1b2130 55%,#1c2b42)}
html[data-color-mode=dark] :is(.avatar,.square-icon){background:#203753;color:#91c5ff;border-color:#365372}
html[data-color-mode=dark] :is(.account strong,.stat-card strong,.setup-step strong,.library-section-heading h2,.content-card-body h2,label,legend,summary,td,td:first-child){color:var(--ink)}
html[data-color-mode=dark] :is(th,thead,.table-filter-empty,.setup-step>span,.suggestion-chip){background:#202737;color:var(--muted);border-color:var(--line)}
html[data-color-mode=dark] :is(td,th){border-color:var(--line)}
html[data-color-mode=dark] tbody tr:hover{background:#232c3d}
html[data-color-mode=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color]),select,textarea):not(.promotion-inline-text){background-color:#151b28;color:var(--ink);border-color:var(--control-border)}
html[data-color-mode=dark] :is(input,textarea)::placeholder{color:#91a0ba}
html[data-color-mode=dark] :is(input[readonly],textarea[readonly],input:disabled,select:disabled,textarea:disabled){background-color:#242b3a;color:#a1aec5}
html[data-color-mode=dark] input[type=file]::file-selector-button{background:var(--soft);color:var(--ink);border-color:var(--control-border)}
html[data-color-mode=dark] .workspace-search{background:#151b28;border-color:var(--line)}
html[data-color-mode=dark] .workspace-search input:not([type=hidden]){background:transparent;color:var(--ink)}
html[data-color-mode=dark] :is(.quiet,.signout,.nav-toggle,.action-icon,.library-secondary,.content-view-toolbar button[aria-pressed=false],.portal-notifications summary,.table-filter-reset,.screen-group-tabs a,.library-card-menu-toggle){background:var(--surface);color:#c3cfe4;border-color:var(--control-border)}
html[data-color-mode=dark] :is(.quiet,.signout,.nav-toggle,.action-icon,.library-secondary,.portal-notifications summary,.table-filter-reset):hover{background:var(--soft);color:#bddaff}
html[data-color-mode=dark] .button:not(.quiet):not(.action-icon){color:#fff}
html[data-color-mode=dark] :is(.badge,.library-section-heading h2>span){background:#203753;color:#9acaff;border-color:#365372}
html[data-color-mode=dark] :is(.badge.success,.distribution-success){background:#143a2a;color:#9aebbd;border-color:#286646}
html[data-color-mode=dark] :is(.badge.warning,.distribution-warning,.distribution-skip){background:#403416;color:#f5d789;border-color:#725b28}
html[data-color-mode=dark] :is(.alert,.appearance-status){background:#42232b;color:#ffb7c0;border-color:#7e3d4b}
html[data-color-mode=dark] :is(.distribution-note,.distribution-option:has(input:checked)){background:#20314a;border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] :is(.library-folder-card:hover,.library-card-menu-panel a:hover,.table-filter-options label:hover,.notification-item:hover){background:var(--soft)}
html[data-color-mode=dark] :is(.content-view-toolbar button[aria-pressed=true],.settings-tabs a[aria-current=page]){color:#9acaff;border-color:#68adff}
html[data-color-mode=dark] .settings-tabs a{color:var(--muted)}
html[data-color-mode=dark] :is(.promotion-side-panel,.promotion-topbar,.promotion-history-tools,.promotion-object-rail,.promotion-timeline,.promotion-zoom,.object-quick-toolbar,.quick-icon-choices,.text-format-toolbar,.smart-group-rule,.smart-rule-choices){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] :is(.promotion-stage,#canvas-viewport){background-color:#10151f;border-color:var(--line)}
html[data-color-mode=dark] .promotion-stage{background-image:radial-gradient(#354057 1px,transparent 1px)}
html[data-color-mode=dark] :is(.canvas-help,.inline-text-help){background:var(--soft);color:var(--muted)}
html[data-color-mode=dark] .promotion-object-rail button,html[data-color-mode=dark] #promotion-inspector .text-format-toolbar button{color:#bdc9de}
html[data-color-mode=dark] #promotion-layers button{background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] #promotion-layers button[aria-pressed=true]{background:var(--accent-soft);outline-color:#68adff}
html[data-color-mode=dark] .promotion-topbar .promotion-autosave{color:var(--ink)}
html[data-color-mode=dark] :is(.yes-no-track){background:#374158;border-color:#56627b}
html[data-color-mode=dark] .yes-no-track .switch-no{color:#e5e9f2}
html[data-color-mode=dark] .yes-no-switch input:checked+.yes-no-track{background:#1b84ff;border-color:#68adff}
html[data-color-mode=dark] dialog::backdrop{background:#000a}
html[data-color-mode=dark] .delete-lightbox iframe{background:var(--surface)}
html[data-color-mode=dark] .portal-tooltip[popover]{background:#e5e9f2;color:#111827;border-color:#c3cfe4;box-shadow:0 4px 18px #0005}
html[data-color-mode=dark] .portal-tooltip::before{background:#e5e9f2;border-color:#c3cfe4}
html[data-color-mode=dark] :is(.live-search-panel,.smart-rule-picker-panel,.smart-rule-picker>summary,.screen-grid-options,.screen-detail-metric,.number-stepper,#elements-panel,.promotion-template-card,.library-page-links>a){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] :is(.screen-grid-name,.library-folder-open,.screen-grid-options a,.screen-detail-link){color:var(--ink)}
html[data-color-mode=dark] .screen-grid-site{color:var(--muted)!important}
html[data-color-mode=dark] :is(.screen-detail-link,.screen-grid-status){background:var(--soft);border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] :is(.screen-grid-status--online,.screen-connection--online){background:#143a2a;color:#9aebbd}
html[data-color-mode=dark] :is(.screen-grid-status--offline,.screen-connection--offline){background:#42232b;color:#ffb7c0}
html[data-color-mode=dark] .stat-card strong[style*="#15803d"]{color:#69dfa1!important}
html[data-color-mode=dark] .stat-card strong[style*="#b91c1c"]{color:#ff9ca7!important}
html[data-color-mode=dark] :is(.live-search-result:hover,.screen-grid-options a:hover){background:var(--soft);color:#bddaff}
html[data-color-mode=dark] #text-styles-panel button,html[data-color-mode=dark] .promotion-layout .quick-icon-choices button{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .promotion-layout #promotion-name{background:transparent;color:var(--ink)}
html[data-color-mode=dark] :is(.distribution-tabs button,.distribution-confirm .secondary,.distribution-footer .secondary){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .distribution-tabs button[aria-selected=true],html[data-color-mode=dark] .content-view-toolbar button[aria-pressed=true]{background:var(--accent-soft);color:#9acaff;border-color:#68adff}
/* Do not style canvas pixels, video/images, brand swatches or inline artwork text. */
/* Audited chrome surfaces and semantic states. Light appearance is unchanged. */
.alert.alert--success{background:#eafff1;border-color:#b8ebcc;color:#17663a}
html[data-color-mode=dark]{--button-bg:#1769c2;--button-hover:#135ba9;--control-border:#65728b}
html[data-color-mode=dark] :is(.site-detail-stats>div,.smart-group-condition,.playlist-detail-help,.analytics-bar,.analytics-warning,.schedule-summary){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] :is(.stat-card span,.table-filter-footer,.table-filter-footer span,.site-detail-stats span,.screen-detail-metric>span,.screen-detail-metric>small,.screen-device-card dt,.preview-thumbnails figcaption,.library-card-meta,.smart-group-value,.smart-group-rule small,.template-filters>span){color:var(--muted)}
html[data-color-mode=dark] :is(.reporting-tabs a,.playlist-orientation-tabs button){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] :is(.reporting-tabs a[aria-current=page],.playlist-orientation-tabs button[aria-selected=true]){background:var(--accent-soft);color:#9acaff;border-color:#68adff}
html[data-color-mode=dark] :is(.schedule-summary,.alert.alert--success){background:#143a2a;color:#9aebbd;border-color:#286646}
html[data-color-mode=dark] :is(.schedule-summary,.alert.alert--success) :is(p,h3,strong,small){color:inherit}
html[data-color-mode=dark] .analytics-warning{background:#403416;color:#f5d789;border-color:#725b28}
html[data-color-mode=dark] .analytics-warning p{color:inherit}
html[data-color-mode=dark] :is(select option,select optgroup){background:#151b28;color:var(--ink)}
html[data-color-mode=dark] .table-filter-option-actions button{background:var(--button-bg);color:#fff}
html[data-color-mode=dark] .table-filter-option-actions button:hover{background:var(--button-hover)}
html[data-color-mode=dark] :is(.fill-tabs button,.promotion-layout .number-stepper button,.promotion-layout .timeline-track,.promotion-layout .quick-action-icon,.promotion-topbar>a){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .fill-tabs button[aria-pressed=true]{background:var(--accent-soft);color:#9acaff;border-color:#68adff}
html[data-color-mode=dark] .yes-no-switch input:checked+.yes-no-track{background:#1769c2}
html[data-color-mode=dark] :is(.settings-link,.promotion-template-card span){color:#9acaff}
html[data-color-mode=dark] #timeline-time,html[data-color-mode=dark] .timeline-ruler span{color:var(--muted)}
html[data-color-mode=dark] [data-monitor-count]{color:var(--ink)!important}
html[data-color-mode=dark] [data-monitor-count=Offline]{color:#ff9ca7!important}
html[data-color-mode=dark] [data-monitor-count=Online]{color:#69dfa1!important}
html[data-color-mode=dark] :is(.promotion-font-dialog .font-list button,.promotion-frame-grid button,.elements-grid button){background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .promotion-font-dialog .font-list button[aria-pressed=true]{background:var(--accent-soft);color:#9acaff}
html[data-color-mode=dark] :is(.promotion-font-dialog .font-list button:hover,.promotion-frame-grid button:hover,.elements-grid button:hover){background:var(--accent-soft);color:#bddaff;border-color:#68adff}
html[data-color-mode=dark] :is(.builder-grid-preview,.promotion-template-preview){background:#10151f}
html[data-color-mode=dark] #promotion-inspector .text-format-toolbar button[aria-pressed=true],html[data-color-mode=dark] .promotion-layout .object-quick-toolbar button[aria-pressed=true],html[data-color-mode=dark] .promotion-object-rail button:is(:hover,:focus-visible){background:var(--accent-soft);color:#9acaff;border-color:#68adff}
html[data-color-mode=dark] #text-styles-toggle[aria-expanded=true],html[data-color-mode=dark] #elements-toggle[aria-expanded=true]{background:var(--accent-soft);color:#9acaff}
html[data-color-mode=dark] .gradient-picker .fill-colors button,html[data-color-mode=dark] .gradient-picker .fill-add{background:var(--soft);color:var(--ink);border-color:var(--control-border)}
html[data-color-mode=dark] #elements-panel .elements-grid button,html[data-color-mode=dark] .quick-icon-menu summary{background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] #elements-panel .elements-grid button:hover,html[data-color-mode=dark] .quick-icon-menu[open] summary{background:var(--accent-soft);color:#9acaff;border-color:#68adff}
html[data-color-mode=dark] .timeline-track-bar{background:var(--soft)}
html[data-color-mode=dark] .promotion-layout .object-quick-toolbar button{background:var(--soft);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .promotion-layout .object-quick-toolbar button:hover{background:var(--accent-soft);color:#bddaff}
html[data-color-mode=dark] #online-graph polyline{stroke:#69dfa1}
html[data-color-mode=dark] #online-graph circle{fill:#69dfa1}
html[data-color-mode=dark] .library-page-links>[aria-current],html[data-color-mode=dark] .library-page-links>a:hover{background:var(--accent-soft);color:#9acaff;border-color:#68adff}