/* SiteComposer global WORKSPACE palette. It intentionally does not target public renderers or preview documents. */
:root{--background:var(--sc-ui-bg);--surface:var(--sc-ui-surface);--surface-2:var(--sc-ui-surface-2);--border:var(--sc-ui-border);--text:var(--sc-ui-text);--muted:var(--sc-ui-muted);--accent:var(--sc-ui-primary);--accent-light:var(--sc-ui-primary-2);--success:var(--sc-ui-success)}
html,body{background-color:var(--sc-ui-bg);color:var(--sc-ui-text)}
body:not(.public-site):not(.public-minisite){color:var(--sc-ui-text)}
.sidebar,.platform-sidebar{background:var(--sc-ui-sidebar)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.dashboard,.platform-dashboard,.app-shell{color:var(--sc-ui-text)}
.admin-panel,.platform-quick-card,.settings-form,.dashboard-card,.card,.panel{border-color:var(--sc-ui-border)}
input:not([type=color]),select,textarea{border-color:var(--sc-ui-border);accent-color:var(--sc-ui-primary)}
.platform-primary-button,.btn-primary,.button-primary{background:var(--sc-ui-primary)!important;border-color:var(--sc-ui-primary)!important;color:#fff!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--sc-ui-primary)!important}
/* Editor chrome only. Preview itself is isolated in its own rendering surface. */
.builder{background:var(--sc-ui-bg)!important;color:var(--sc-ui-text)!important}.builder-topbar{background:var(--sc-ui-header)!important;border-color:var(--sc-ui-border)!important}.builder-library,.builder-inspector,.library-panel,.inspector-panel{background-color:var(--sc-ui-surface)!important;border-color:var(--sc-ui-border)!important}.builder button{border-color:var(--sc-ui-border)}
/* Workshop/management chrome */
.ws-module-surface{--ink:var(--sc-ui-text);--muted:var(--sc-ui-muted);--line:var(--sc-ui-border);--bg:var(--sc-ui-bg);--white:var(--sc-ui-surface);--blue:var(--sc-ui-primary);--green:var(--sc-ui-success);--red:var(--sc-ui-danger);--orange:var(--sc-ui-primary-2)}
.ws-module-surface .ws-top{background:var(--sc-ui-header)!important}.ws-module-surface .ws-card,.ws-module-surface .ws-panel,.ws-module-surface .ws-detail-head,.ws-module-surface input,.ws-module-surface select,.ws-module-surface textarea{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
/* Account chrome follows the effective (global or personal) workspace palette. */
.sc-account-shell{background:var(--sc-ui-bg)!important;color:var(--sc-ui-text)!important}.sc-account-side{background:var(--sc-ui-sidebar)!important;border-color:var(--sc-ui-border)!important}.sc-account-brand,.sc-account-nav a.is-active{color:var(--sc-ui-text)!important}.sc-account-nav a{color:var(--sc-ui-muted)!important}.sc-account-nav a:hover,.sc-account-nav a.is-active{background:var(--sc-ui-surface-2)!important}.sc-account-card{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.sc-account-card>p,.sc-account-help,.sc-account-info span,.sc-account-security small{color:var(--sc-ui-muted)!important}.sc-account-field input{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.sc-account-button{background:var(--sc-ui-primary)!important;color:#fff!important}.sc-account-security{background:var(--sc-ui-surface-2)!important}
/* Theme settings panel is part of the management UI, never a fixed dark island. */
.sc-ui-theme-panel{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}

/* v4 — complete workspace chrome theming. Public site/minisite rendering and editor canvas are intentionally excluded. */
body:not(.public-site):not(.public-minisite) .dashboard{background:var(--sc-ui-bg)!important;color:var(--sc-ui-text)!important}
body:not(.public-site):not(.public-minisite) .dashboard__header h1,
body:not(.public-site):not(.public-minisite) .dashboard h1,
body:not(.public-site):not(.public-minisite) .dashboard h2,
body:not(.public-site):not(.public-minisite) .dashboard h3{color:var(--sc-ui-text)!important}
.dashboard__kicker,.section-heading a,.text-link,.back-link{color:var(--sc-ui-primary)!important}
.dashboard__header p,.site-card p,.management-card p,.area-entry-card p{color:var(--sc-ui-muted)!important}
.stat-card,.site-card,.platform-quick-card,.management-card,.area-entry-card,.empty-state,
.admin-panel,.settings-form,.editorial-form-main,.editorial-form-side .admin-panel,
.editorial-settings-card{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none}
.area-entry-card.is-management{background:var(--sc-ui-surface)!important}
.stat-card span,.stat-card small,.site-card p,.platform-quick-card span{color:var(--sc-ui-muted)!important}
.site-card h3,.management-card h2,.area-entry-card h2,.area-entry-card strong,.platform-quick-card strong{color:var(--sc-ui-text)!important}
.area-entry-icon,.empty-state__icon{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary)!important;border-color:var(--sc-ui-border)!important}
.status-pill{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important}
.sidebar__brand{color:var(--sc-ui-primary)!important}.sidebar__nav a,.sidebar__logout{color:var(--sc-ui-muted)!important}.sidebar__nav a:hover,.sidebar__nav a.is-active{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important}

/* Forms and admin surfaces */
.settings-form h2,.settings-form h3,.admin-panel h2,.admin-panel h3,.field-title,
.settings-form label,.editorial-form label{color:var(--sc-ui-text)!important}
.settings-form p,.admin-panel p,.cover-preview,.editorial-content-heading small{color:var(--sc-ui-muted)!important}
.settings-form input:not([type=color]),.settings-form textarea,.settings-form select,
.admin-panel input:not([type=color]),.admin-panel textarea,.admin-panel select,
.editorial-form input:not([type=color]),.editorial-form textarea,.editorial-form select{
 background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important
}
.platform-secondary-button,.btn-secondary,.button-secondary{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.platform-upload-button{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary)!important;border-color:var(--sc-ui-primary)!important}

/* Editor CHROME only: never target .builder-workspace, .canvas-stage, .canvas-block, preview-* or rendered site nodes. */
.builder-topbar,.builder-library,.builder-inspector{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.builder-topbar__left strong,.builder-brand,.builder-panel-title strong,.library-block strong,.layout-card strong,
.builder-accordion-toggle,.library-accordion__toggle{color:var(--sc-ui-text)!important}
.builder-topbar__left small,.builder-panel-title span,.library-section-label,.library-block small,.layout-card small,
.inspector-note span{color:var(--sc-ui-muted)!important}
.builder-divider{background:var(--sc-ui-border)!important}
.builder-ghost,.library-block,.layout-card,.builder-accordion-toggle,.library-accordion__toggle,
.inspector-note,.inspector-field input,.inspector-field textarea,.inspector-field select{
 background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important
}
.library-icon{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary)!important}
.builder-publish{background:var(--sc-ui-primary)!important;color:#fff!important}
.library-block:hover,.layout-card:hover{border-color:var(--sc-ui-primary)!important}

/* Minisite MANAGEMENT chrome only. Do not target theme-preview*, theme-real-preview*, iframe or public renderer. */
body .manage-layout-simple,body .manage-accordion-list{color:var(--sc-ui-text)!important}
body .manage-group,body .panel,body .manage-guide-card,body .site-app-card,
body .admin-owner-panel,body .manage-help-cta,body .manage-support-cta{
 background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important
}
body .manage-group-summary,body .panel-heading,body .panel-body{color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
body .manage-group-state,body .site-app-meta,body .site-app-note,body .description{color:var(--sc-ui-muted)!important}
body .manage-group-icon,body .site-app-icon{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary)!important}
body .manage-layout-simple input:not([type=color]),body .manage-layout-simple textarea,body .manage-layout-simple select{
 background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important
}
body .manage-layout-simple .btn-primary,body .manage-layout-simple .admin-assign-button{background:var(--sc-ui-primary)!important;color:#fff!important;border-color:var(--sc-ui-primary)!important}
body .autosave-status-inner{background:var(--sc-ui-surface)!important;color:var(--sc-ui-muted)!important;border-color:var(--sc-ui-border)!important}

/* v5 — strict palette coherence for management UI.
   These rules intentionally override legacy Workshop dark/purple skin only inside authenticated management pages. */
.workshop-dashboard .ws-module-surface{
 --ink:var(--sc-ui-text)!important;--muted:var(--sc-ui-muted)!important;--line:var(--sc-ui-border)!important;
 --bg:var(--sc-ui-bg)!important;--white:var(--sc-ui-surface)!important;--blue:var(--sc-ui-primary)!important;
 --green:var(--sc-ui-success)!important;--red:var(--sc-ui-danger)!important;--orange:var(--sc-ui-primary-2)!important;
 color:var(--sc-ui-text)!important
}
.workshop-dashboard .ws-shell{color:var(--sc-ui-text)!important}
.workshop-dashboard .ws-detail-head,.workshop-dashboard .ws-panel,.workshop-dashboard .ws-card,
.workshop-dashboard .ws-panel .ws-upload,.workshop-dashboard .ws-photo-source,
.workshop-dashboard .ws-source-btn,.workshop-dashboard .ws-source-btn.camera,.workshop-dashboard .ws-source-btn.gallery,
.workshop-dashboard .ws-gallery article,.workshop-dashboard .ws-dialog{
 background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;
 box-shadow:none!important
}
.workshop-dashboard .ws-detail-head{background:var(--sc-ui-surface)!important}
.workshop-dashboard .ws-card:hover,.workshop-dashboard .ws-source-btn:hover{border-color:var(--sc-ui-primary)!important;box-shadow:none!important}
.workshop-dashboard .ws-card h2,.workshop-dashboard .ws-panel h3,.workshop-dashboard .ws-detail-head h2,
.workshop-dashboard .ws-data dd,.workshop-dashboard .ws-source-copy b,.workshop-dashboard .ws-photo-source-head strong{color:var(--sc-ui-text)!important}
.workshop-dashboard .ws-card p,.workshop-dashboard .ws-detail-head p,.workshop-dashboard .ws-card-top,
.workshop-dashboard .ws-meta,.workshop-dashboard .ws-data dt,.workshop-dashboard .ws-timeline time,
.workshop-dashboard .ws-source-copy small,.workshop-dashboard .ws-photo-source-head span,
.workshop-dashboard .ws-page-ellipsis{color:var(--sc-ui-muted)!important}
.workshop-dashboard .ws-meta{border-top-color:var(--sc-ui-border)!important}
.workshop-dashboard .ws-btn.primary,.workshop-dashboard .ws-upload-submit,.workshop-dashboard .ws-page-btn.is-active{
 background:var(--sc-ui-primary)!important;color:#fff!important;border-color:var(--sc-ui-primary)!important;box-shadow:none!important
}
.workshop-dashboard .ws-btn.light,.workshop-dashboard .ws-page-btn,.workshop-dashboard .ws-mini-save,
.workshop-dashboard .ws-x,.workshop-dashboard .ws-photo-selection{
 background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important
}
.workshop-dashboard .ws-btn.light:hover,.workshop-dashboard .ws-page-btn:hover:not(:disabled):not(.is-active),
.workshop-dashboard .ws-mini-save:hover{background:var(--sc-ui-input)!important;border-color:var(--sc-ui-primary)!important}
.workshop-dashboard .ws-btn.danger{background:var(--sc-ui-danger)!important;color:#fff!important;border-color:var(--sc-ui-danger)!important}
.workshop-dashboard .ws-source-icon{background:var(--sc-ui-primary)!important;color:#fff!important;box-shadow:none!important}
.workshop-dashboard .ws-source-btn.gallery .ws-source-icon{background:var(--sc-ui-primary-2)!important}
.workshop-dashboard .ws-drop{background:var(--sc-ui-surface-2)!important;border-color:var(--sc-ui-border)!important}
.workshop-dashboard .ws-drop:hover{background:var(--sc-ui-input)!important;border-color:var(--sc-ui-primary)!important}
.workshop-dashboard .ws-gallery img{background:var(--sc-ui-surface-2)!important}
.workshop-dashboard .ws-module-surface input,.workshop-dashboard .ws-module-surface select,.workshop-dashboard .ws-module-surface textarea{
 background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important
}
.workshop-dashboard .ws-module-surface input::placeholder,.workshop-dashboard .ws-module-surface textarea::placeholder{color:var(--sc-ui-muted)!important}
.workshop-dashboard .ws-module-surface input:focus,.workshop-dashboard .ws-module-surface select:focus,.workshop-dashboard .ws-module-surface textarea:focus{
 border-color:var(--sc-ui-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-ui-primary) 18%,transparent)!important
}
.workshop-dashboard .ws-link,.workshop-dashboard .ws-quick-link{color:var(--sc-ui-primary)!important}
.workshop-dashboard .ws-link.danger{color:var(--sc-ui-danger)!important}
.workshop-dashboard .ws-timeline>div{border-left-color:var(--sc-ui-primary)!important}
.workshop-dashboard .ws-status{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border:1px solid var(--sc-ui-border)!important}
.workshop-dashboard .ws-status.working,.workshop-dashboard .ws-status.painting{background:color-mix(in srgb,var(--sc-ui-primary) 12%,var(--sc-ui-surface))!important;color:var(--sc-ui-primary)!important}
.workshop-dashboard .ws-status.completed,.workshop-dashboard .ws-photo-selection.has-files,.workshop-dashboard .ws-notice.ok{background:color-mix(in srgb,var(--sc-ui-success) 12%,var(--sc-ui-surface))!important;color:var(--sc-ui-success)!important;border-color:color-mix(in srgb,var(--sc-ui-success) 35%,var(--sc-ui-border))!important}
.workshop-dashboard .ws-notice.error{background:color-mix(in srgb,var(--sc-ui-danger) 10%,var(--sc-ui-surface))!important;color:var(--sc-ui-danger)!important;border-color:color-mix(in srgb,var(--sc-ui-danger) 35%,var(--sc-ui-border))!important}
.workshop-dashboard .ws-status.waiting_parts{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary-2)!important}
.workshop-dashboard .ws-status.delivered,.workshop-dashboard .ws-status.archived{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-muted)!important}
/* QR itself stays white for reliable scanning; only its management card follows the palette. */
.workshop-dashboard .ws-qr img{background:#fff!important;border-color:#fff!important}

/* v6 — Minisite creation UI must follow the selected management palette. */
.ms-create__card{background:var(--sc-ui-surface)!important;border-color:var(--sc-ui-border)!important;color:var(--sc-ui-text)!important}
.ms-create__top{border-color:var(--sc-ui-border)!important}
.ms-create__form input{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.ms-create__submit,.ms-create__icon{background:var(--sc-ui-primary)!important}
.ms-create__note{background:var(--sc-ui-surface-2)!important;border-color:var(--sc-ui-border)!important;color:var(--sc-ui-muted)!important}


/* v6.1 — Minisite creation contrast fix.
   The previous v6 rules referenced legacy --ui-* variables that are not emitted by
   PlatformUiThemeService. Use the canonical --sc-ui-* palette everywhere. */
.ms-create,.ms-create__head,.ms-create__card,.ms-create__form{color:var(--sc-ui-text)!important}
.ms-create__eyebrow,.ms-create__lead,.ms-create__top span,.ms-create__hint{color:var(--sc-ui-muted)!important}
.ms-create h1,.ms-create__top strong,.ms-create__form label,.ms-create__note b,.ms-create__note code{color:var(--sc-ui-text)!important}
.ms-create__card{background:var(--sc-ui-surface)!important;border-color:var(--sc-ui-border)!important}
.ms-create__top{border-color:var(--sc-ui-border)!important}
.ms-create__form input{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.ms-create__form input::placeholder{color:var(--sc-ui-muted)!important;opacity:1}
.ms-create__form input:focus{border-color:var(--sc-ui-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-ui-primary) 18%,transparent)!important}
.ms-create__submit{background:var(--sc-ui-primary)!important;color:#fff!important}
.ms-create__icon{background:var(--sc-ui-primary)!important;color:#fff!important}
.ms-create__note{background:var(--sc-ui-surface-2)!important;border-color:var(--sc-ui-border)!important;color:var(--sc-ui-muted)!important}

/* v7 — Editor chrome contrast pass.
   IMPORTANT: selectors are deliberately limited to editor controls/chrome.
   The canvas/workspace rendering is NOT themed here. */
.builder-library,.builder-inspector{
  --sc-ui-control-bg:var(--sc-ui-input);
  --sc-ui-control-hover:var(--sc-ui-surface-2);
  --sc-ui-disabled-bg:color-mix(in srgb,var(--sc-ui-surface-2) 82%,var(--sc-ui-bg));
  --sc-ui-disabled-text:color-mix(in srgb,var(--sc-ui-muted) 82%,var(--sc-ui-text));
  --sc-ui-soft-border:color-mix(in srgb,var(--sc-ui-border) 88%,var(--sc-ui-text));
}
.builder-library .builder-panel-title span,.builder-inspector .builder-panel-title span,
.builder-library .library-section-label,.builder-inspector .library-section-label,
.builder-library small:not(.sr-only),.builder-inspector small:not(.sr-only),
.builder-library .editor-manage-panel__hint,.builder-inspector .inspector-field>span,
.builder-inspector .inspector-note span,.builder-inspector .range-value,
.builder-inspector .field-help,.builder-inspector .control-help{
 color:var(--sc-ui-muted)!important
}
.builder-library strong,.builder-inspector strong,.builder-inspector label,
.builder-inspector .inspector-field,.builder-inspector .inspector-note strong{
 color:var(--sc-ui-text)!important
}
.builder-library .library-block,.builder-library .layout-card,
.builder-library .builder-accordion-toggle,.builder-library .library-accordion__toggle,
.builder-library .editor-manage-panel,.builder-library .editor-manage-panel__toggle,
.builder-inspector .inspector-note,.builder-inspector .style-presets-panel{
 background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-soft-border)!important;box-shadow:none!important
}
.builder-inspector .style-presets-panel{background:var(--sc-ui-surface)!important}
.builder-inspector .style-presets-panel__head strong{color:var(--sc-ui-text)!important}
.builder-inspector .style-presets-panel__head small{color:var(--sc-ui-muted)!important}
.builder-inspector .style-preset-save,
.builder-inspector .style-presets-panel__actions button,
.builder-inspector .style-presets-panel__actions select,
.builder-inspector input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),
.builder-inspector textarea,.builder-inspector select{
 background:var(--sc-ui-control-bg)!important;color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-soft-border)!important;box-shadow:none!important
}
.builder-inspector .style-preset-save{
 background:color-mix(in srgb,var(--sc-ui-primary) 14%,var(--sc-ui-surface))!important;
 color:var(--sc-ui-primary)!important;border-color:var(--sc-ui-primary)!important
}
.builder-inspector .style-presets-panel__actions button.is-danger{color:var(--sc-ui-danger)!important}
.builder-inspector button:disabled,.builder-inspector select:disabled,.builder-inspector input:disabled,
.builder-library button:disabled,.builder-library select:disabled,.builder-library input:disabled{
 opacity:1!important;background:var(--sc-ui-disabled-bg)!important;
 color:var(--sc-ui-disabled-text)!important;border-color:var(--sc-ui-border)!important;
 cursor:not-allowed!important
}
.builder-inspector input::placeholder,.builder-inspector textarea::placeholder{color:var(--sc-ui-muted)!important;opacity:.9}
.builder-inspector input:focus,.builder-inspector textarea:focus,.builder-inspector select:focus{
 border-color:var(--sc-ui-primary)!important;
 box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-ui-primary) 18%,transparent)!important
}
.builder-library .library-block:hover,.builder-library .layout-card:hover,
.builder-library .builder-accordion-toggle:hover,.builder-library .library-accordion__toggle:hover{
 background:var(--sc-ui-control-hover)!important;border-color:var(--sc-ui-primary)!important
}
.builder-library .library-icon,.builder-library .editor-manage-panel__chevron{
 color:var(--sc-ui-primary)!important
}
.builder-inspector input[type=range]{accent-color:var(--sc-ui-primary)!important}
.builder-inspector input[type=color]{border-color:var(--sc-ui-border)!important;background:var(--sc-ui-input)!important}
.builder-inspector option{background:var(--sc-ui-input);color:var(--sc-ui-text)}
/* top bar: remove legacy beige/white assumptions while keeping clear hierarchy */
.builder-topbar .builder-ghost{
 background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-border)!important
}
.builder-topbar .builder-ghost:hover{border-color:var(--sc-ui-primary)!important;background:var(--sc-ui-input)!important}
.builder-topbar .builder-ghost:disabled{opacity:1!important;background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-muted)!important;border-color:var(--sc-ui-border)!important}

/* v9 — GLOBAL MANAGEMENT PRESET CONTRACT
   All authenticated SiteComposer administration/management surfaces must derive from --sc-ui-*.
   Public sites/minisites and editor canvas remain intentionally excluded. */
body:not(.public-site):not(.public-minisite) .catalog-admin-accordion,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel,
body:not(.public-site):not(.public-minisite) .catalog-admin-summary,
body:not(.public-site):not(.public-minisite) .catalog-admin-install,
body:not(.public-site):not(.public-minisite) .catalog-admin-upload,
body:not(.public-site):not(.public-minisite) .admin-table,
body:not(.public-site):not(.public-minisite) .table-card{
 background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important
}
body:not(.public-site):not(.public-minisite) .catalog-admin-summary:hover{background:var(--sc-ui-surface-2)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-summary__icon{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-primary)!important;border-color:var(--sc-ui-border)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-summary__main h3,
body:not(.public-site):not(.public-minisite) .catalog-admin-summary__meta strong{color:var(--sc-ui-text)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-summary__eyebrow,
body:not(.public-site):not(.public-minisite) .catalog-admin-summary__meta span,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field small,
body:not(.public-site):not(.public-minisite) .catalog-admin-count{color:var(--sc-ui-muted)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-chevron{border-color:var(--sc-ui-muted)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field>span{color:var(--sc-ui-text)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field input,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field select,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field textarea{
 background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important
}
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field input::placeholder,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field textarea::placeholder{color:var(--sc-ui-muted)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field input:focus,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field select:focus,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel .field textarea:focus{border-color:var(--sc-ui-primary)!important;background:var(--sc-ui-input)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-ui-primary) 18%,transparent)!important}
body:not(.public-site):not(.public-minisite) .catalog-admin-footer,
body:not(.public-site):not(.public-minisite) .catalog-admin-panel{border-color:var(--sc-ui-border)!important}

/* Inventory */
.inv-panel,.inv-kpi,.inv-modal,.inv-history-row,.inv-switch{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important}
.inv-panel,.inv-table-wrap{color:var(--sc-ui-text)!important}.inv-toolbar{background:var(--sc-ui-surface)!important;border-color:var(--sc-ui-border)!important}
.inv-table th,.inv-table td{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.inv-table th,.inv-name small,.inv-empty,.inv-kpi span{color:var(--sc-ui-muted)!important}
.inv-control{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.inv-pill,.inv-history-row,.inv-switch{background:var(--sc-ui-surface-2)!important}.inv-field{color:var(--sc-ui-text)!important}.inv-control:focus{border-color:var(--sc-ui-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sc-ui-primary) 18%,transparent)!important}

/* Creditors */
.creditors-list,.creditor-panel,.creditor-settings,.accounting-card,.accounting-toolbar,.doc-editor,.accounting-history,.creditor-message,.new-creditor-box{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important}
.creditor-topbar a,.creditor-topbar button,.creditor-item,.creditor-mail,.creditor-btn.secondary{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
.creditor-topbar .active,.creditor-btn:not(.secondary):not(.danger){background:var(--sc-ui-primary)!important;color:#fff!important;border-color:var(--sc-ui-primary)!important}
.creditor-item:hover,.creditor-item.active,.creditor-mail.unread{background:color-mix(in srgb,var(--sc-ui-primary) 10%,var(--sc-ui-surface))!important;border-color:color-mix(in srgb,var(--sc-ui-primary) 35%,var(--sc-ui-border))!important}
.creditor-item small,.creditor-panel p,.creditor-settings p,.creditor-mail small,.creditor-message__meta,.mini-muted,.accounting-card small,.creditor-suggestions small{color:var(--sc-ui-muted)!important}
.creditor-field input,.creditor-field select,.creditor-field textarea{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.creditor-message__body,.creditor-check{color:var(--sc-ui-text)!important}
.accounting-table th,.accounting-table td{color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.accounting-table th{color:var(--sc-ui-muted)!important}.accounting-table tr:hover td{background:var(--sc-ui-surface-2)!important}
.sc-modal{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.sc-modal p{color:var(--sc-ui-muted)!important}

/* Collaborators / permissions */
.perm-head,.perm-card,.perm-option,.perm-results{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important}
.perm-head{background:var(--sc-ui-surface)!important}.perm-muted,.perm-result span{color:var(--sc-ui-muted)!important}.perm-search,.perm-result,.perm-option select{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}.perm-result{border-bottom-color:var(--sc-ui-border)!important}.perm-result:hover{background:var(--sc-ui-surface-2)!important}.perm-badges span{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important}.perm-row{border-color:var(--sc-ui-border)!important}.perm-btn.primary{background:var(--sc-ui-primary)!important;color:#fff!important}.perm-btn.danger{background:color-mix(in srgb,var(--sc-ui-danger) 14%,var(--sc-ui-surface))!important;color:var(--sc-ui-danger)!important;border:1px solid color-mix(in srgb,var(--sc-ui-danger) 35%,var(--sc-ui-border))!important}

/* Standalone authenticated management modules (employees / attendance admin). */
body.sc-themed-standalone{background:var(--sc-ui-bg)!important;color:var(--sc-ui-text)!important}
body.sc-themed-standalone .card,body.sc-themed-standalone .stat,body.sc-themed-standalone .modal-box,body.sc-themed-standalone .activity-card,body.sc-themed-standalone .settings-accordion,body.sc-themed-standalone .role-accordion,body.sc-themed-standalone .manual details,body.sc-themed-standalone .activity-meta div{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:none!important}
body.sc-themed-standalone input,body.sc-themed-standalone select,body.sc-themed-standalone textarea{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
body.sc-themed-standalone .muted,body.sc-themed-standalone th,body.sc-themed-standalone .filters label,body.sc-themed-standalone .manual-grid label,body.sc-themed-standalone .activity-meta small,body.sc-themed-standalone .empty{color:var(--sc-ui-muted)!important}
body.sc-themed-standalone td,body.sc-themed-standalone th,body.sc-themed-standalone tr{border-color:var(--sc-ui-border)!important}
body.sc-themed-standalone .btn,body.sc-themed-standalone button{background:var(--sc-ui-primary)!important;color:#fff!important}
body.sc-themed-standalone .btn.secondary,body.sc-themed-standalone button.secondary,body.sc-themed-standalone .ghost,body.sc-themed-standalone .editbtn,body.sc-themed-standalone .iconbtn,body.sc-themed-standalone .modal-close,body.sc-themed-standalone .manual summary{background:var(--sc-ui-surface-2)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
body.sc-themed-standalone .danger,body.sc-themed-standalone .btn.danger,body.sc-themed-standalone button.danger{background:var(--sc-ui-danger)!important;color:#fff!important}
body.sc-themed-standalone .presence-row:hover{background:var(--sc-ui-surface-2)!important}
body.sc-themed-standalone .modal{background:color-mix(in srgb,var(--sc-ui-text) 38%,transparent)!important}
body.sc-themed-standalone .qrimg{background:#fff!important}

/* Header notification controls are management chrome too. */
.sc-workshop-bell a,.sc-creditor-bell button{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--sc-ui-text) 12%,transparent)!important}

/* v9.1 — Platform admin tables / inline controls */
body:not(.public-site):not(.public-minisite) .admin-table-wrap{background:var(--sc-ui-surface)!important;border-color:var(--sc-ui-border)!important}
body:not(.public-site):not(.public-minisite) .admin-table th,
body:not(.public-site):not(.public-minisite) .admin-table td{background:var(--sc-ui-surface)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
body:not(.public-site):not(.public-minisite) .admin-table th,
body:not(.public-site):not(.public-minisite) .admin-table td small{color:var(--sc-ui-muted)!important}
body:not(.public-site):not(.public-minisite) .admin-inline-form select,
body:not(.public-site):not(.public-minisite) .table-actions select,
body:not(.public-site):not(.public-minisite) .module-site-picker select{background:var(--sc-ui-input)!important;color:var(--sc-ui-text)!important;border-color:var(--sc-ui-border)!important}
body:not(.public-site):not(.public-minisite) .commercial-pill{background:var(--sc-ui-surface-2)!important}

/* v10 — Minisite gallery manager: inherit the active SiteComposer UI preset.
   Management chrome only; public minisite/gallery rendering is untouched. */
body .manage-group[data-manage-group="gallery"] > .manage-group-summary,
body .manage-group[data-manage-group="gallery"] > .manage-group-content,
body .manage-group[data-manage-group="gallery"] .gallery-album-manager,
body .manage-group[data-manage-group="gallery"] .gallery-album-view,
body .manage-group[data-manage-group="gallery"] .gallery-album-row,
body .manage-group[data-manage-group="gallery"] .gallery-album-open,
body .manage-group[data-manage-group="gallery"] .gallery-album-settings,
body .manage-group[data-manage-group="gallery"] .gallery-album-new,
body .manage-group[data-manage-group="gallery"] .gallery-album-view-head,
body .manage-group[data-manage-group="gallery"] .gallery-upload-target,
body .manage-group[data-manage-group="gallery"] .gallery-dropzone,
body .manage-group[data-manage-group="gallery"] .gallery-counter,
body .manage-group[data-manage-group="gallery"] .gallery-note,
body .manage-group[data-manage-group="gallery"] .gallery-manage-item,
body .manage-group[data-manage-group="gallery"] .gallery-manage-fields,
body .manage-group[data-manage-group="gallery"] .gallery-manage-pagination{
 background:var(--sc-ui-surface)!important;
 color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-border)!important;
 box-shadow:none!important;
}
body .manage-group[data-manage-group="gallery"] > .manage-group-summary:hover,
body .manage-group[data-manage-group="gallery"] .gallery-album-open:hover,
body .manage-group[data-manage-group="gallery"] .gallery-back-button:hover,
body .manage-group[data-manage-group="gallery"] .gallery-manage-pagination button:hover{
 background:var(--sc-ui-surface-2)!important;
}
body .manage-group[data-manage-group="gallery"] h3,
body .manage-group[data-manage-group="gallery"] strong,
body .manage-group[data-manage-group="gallery"] .gallery-album-open,
body .manage-group[data-manage-group="gallery"] .gallery-back-button,
body .manage-group[data-manage-group="gallery"] .gallery-handle,
body .manage-group[data-manage-group="gallery"] .gallery-manage-pagination button{
 color:var(--sc-ui-text)!important;
}
body .manage-group[data-manage-group="gallery"] p,
body .manage-group[data-manage-group="gallery"] small,
body .manage-group[data-manage-group="gallery"] .gallery-counter span,
body .manage-group[data-manage-group="gallery"] .gallery-note,
body .manage-group[data-manage-group="gallery"] .gallery-album-new > span{
 color:var(--sc-ui-muted)!important;
}
body .manage-group[data-manage-group="gallery"] input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
body .manage-group[data-manage-group="gallery"] select,
body .manage-group[data-manage-group="gallery"] textarea{
 background:var(--sc-ui-input)!important;
 color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-border)!important;
 box-shadow:none!important;
}
body .manage-group[data-manage-group="gallery"] input::placeholder,
body .manage-group[data-manage-group="gallery"] textarea::placeholder{
 color:var(--sc-ui-muted)!important;
 opacity:1!important;
}
body .manage-group[data-manage-group="gallery"] .gallery-album-open > i:first-child,
body .manage-group[data-manage-group="gallery"] .gallery-dropzone-icon{
 background:var(--sc-ui-surface-2)!important;
 color:var(--sc-ui-primary)!important;
 border-color:var(--sc-ui-border)!important;
}
body .manage-group[data-manage-group="gallery"] .gallery-album-open > i:last-child,
body .manage-group[data-manage-group="gallery"] .gallery-back-button i,
body .manage-group[data-manage-group="gallery"] .gallery-upload-target i{
 color:var(--sc-ui-primary)!important;
}
body .manage-group[data-manage-group="gallery"] .gallery-auto-cover,
body .manage-group[data-manage-group="gallery"] .gallery-cover-choice{
 background:var(--sc-ui-surface-2)!important;
 color:var(--sc-ui-primary)!important;
 border-color:var(--sc-ui-border)!important;
}
body .manage-group[data-manage-group="gallery"] .gallery-dropzone{
 border-color:var(--sc-ui-border)!important;
}
body .manage-group[data-manage-group="gallery"] .gallery-dropzone:hover,
body .manage-group[data-manage-group="gallery"] .gallery-dropzone:focus-within{
 border-color:var(--sc-ui-primary)!important;
 background:var(--sc-ui-surface-2)!important;
}
body .manage-group[data-manage-group="gallery"] .browse-button{
 background:var(--sc-ui-primary)!important;
 color:#fff!important;
 border-color:var(--sc-ui-primary)!important;
}
body .manage-group[data-manage-group="gallery"] .danger-choice{
 color:var(--sc-ui-danger)!important;
}
body .manage-group[data-manage-group="gallery"] input[type="radio"],
body .manage-group[data-manage-group="gallery"] input[type="checkbox"]{
 accent-color:var(--sc-ui-primary)!important;
}
/* v11 — Minisite manage accordions: never fall back to hardcoded light hover/open backgrounds. */
body:not(.public-site):not(.public-minisite) .manage-group > .manage-group-summary{
 background:var(--sc-ui-surface)!important;
 color:var(--sc-ui-text)!important;
 border-color:var(--sc-ui-border)!important;
}
body:not(.public-site):not(.public-minisite) .manage-group > .manage-group-summary:hover,
body:not(.public-site):not(.public-minisite) .manage-group[open] > .manage-group-summary{
 background:var(--sc-ui-surface-2)!important;
 color:var(--sc-ui-text)!important;
}
body:not(.public-site):not(.public-minisite) .manage-group > .manage-group-summary .manage-group-copy strong{color:var(--sc-ui-text)!important}
body:not(.public-site):not(.public-minisite) .manage-group > .manage-group-summary .manage-group-copy span{color:var(--sc-ui-muted)!important}