/* Light workspace theme. Loaded after component/vendor styles; dark and print   palettes are intentionally independent. Semantic colors retain their meaning. */:root[data-theme="light"] {    color-scheme:light;    --ginoma-bg:var(--light-tone-eaf0ed,#eaf0ed); --ginoma-bg-elevated:#fff; --ginoma-surface:#fff;    --ginoma-surface-soft:var(--light-tone-f3f7f5,#f3f7f5); --ginoma-text:var(--light-tone-203532,#203532); --ginoma-text-muted:var(--light-tone-526b65,#526b65);    --ginoma-border:var(--light-tone-cddcd5,#cddcd5); --ginoma-primary:var(--light-tone-17765c,#17765c); --ginoma-primary-strong:var(--light-tone-125b48,#125b48);    --ginoma-control-bg:var(--light-tone-e9f1ed,#e9f1ed); --ginoma-input-bg:#fff;    --ginoma-control-disabled-bg:#edf1f6; --ginoma-control-disabled-text:#66758a;    --ginoma-hover:var(--light-tone-deeee6,#deeee6); --ginoma-shadow-soft:rgba(24,42,72,.045);    --light-danger:#a51f32; --light-danger-bg:#ffedf0;    --light-warning:#865000; --light-warning-bg:#fff4d6;    --light-success:#12633e; --light-success-bg:#e7f6ee;    --light-info:#174f91; --light-info-bg:#eaf2ff;}
html:root[data-theme="light"] .ginoma-content { background:var(--light-tone-eaf0ed,#eaf0ed) !important; }
html:root[data-theme="light"] :is(.adm-page,.sga-page,.sge-page,.sgs-page,.sgm-page,.gio-page,.sgd-page,.sgc-page,.gma-page,.sct-page,.sup-page,.ons-page,.manager-page,.executive-dashboard,.ginoma-help-page) { background:transparent !important; color:var(--ginoma-text) !important; }
html:root[data-theme="light"] .ginoma-sidebar { background:var(--light-tone-e1ebe5,#e1ebe5) !important; color:var(--light-tone-39574e,#39574e) !important; border-right:1px solid var(--ginoma-border) !important; }
html:root[data-theme="light"] .ginoma-sidebar .mud-divider { border-color:var(--ginoma-border) !important; }
html:root[data-theme="light"] .ginoma-menu .mud-nav-link { color:var(--light-tone-39574e,#39574e) !important; border-radius:8px; margin:2px 8px; width:calc(100% - 16px); }
html:root[data-theme="light"] .ginoma-menu .mud-nav-link :is(.mud-icon-root,.mud-nav-link-expand-icon) { color:var(--light-tone-627e73,#627e73) !important; }
html:root[data-theme="light"] .ginoma-menu .mud-nav-link:is(.active,:hover) { background:var(--light-tone-deeee6,#deeee6) !important; color:var(--light-tone-125b48,#125b48) !important; }
html:root[data-theme="light"] .ginoma-menu .mud-nav-link.active .mud-icon-root { color:var(--light-tone-17765c,#17765c) !important; }
html:root[data-theme="light"] :is(.topbar-session,.floating-user-pending-card) { background:var(--light-tone-e9f2ec,#e9f2ec) !important; border:1px solid var(--ginoma-border) !important; box-shadow:none !important; }
html:root[data-theme="light"] :is(.topbar-session,.floating-user-pending-card) strong { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.topbar-session,.floating-user-pending-card) span { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] .ginoma-topbar { box-shadow:0 1px 8px #182a4808 !important; }
html:root[data-theme="light"] :is(.topbar-chat-trigger,.topbar-manager-trigger,.topbar-zoom) { color:var(--light-tone-17765c,#17765c) !important; background:var(--light-tone-e9f3ee,#e9f3ee) !important; border-color:var(--light-tone-c4d9ce,#c4d9ce) !important; }
html:root[data-theme="light"] .topbar-critical-trigger { color:#a51f32 !important; background:#ffedf0 !important; border-color:#efbdc6 !important; }
html:root[data-theme="light"] :is(.topbar-critical-trigger,.topbar-chat-trigger)>span { color:#fff !important; background:#b42332 !important; }/* Explicit shared surfaces, including legacy pages using native HTML controls. */html:root[data-theme="light"] :is(.adm-panel,.sga-panel,.dashboard-chart-panel,.dashboard-radar-panel,.notification-tabbar,.notification-panel,.manager-panel,.manager-module-card,.manager-ranking button,.executive-panel,.executive-kpi,.executive-filter,.executive-map-card,.executive-kpi-card,.sge-apex-bar-card,.sge-static-bars-shell,.sge-static-bars,.sge-pie-shell,.sge-pie-center,.sge-dashboard-section-title,.sge-oleo-panel,.sge-oil-list>div:not(.sge-empty),.sge-oleo-result,.sge-oleo-equipment-context,.sge-oleo-ensaio-group,.sgm-performance-kpi,.sgm-status-node,.sgm-pmo-map-region,.sgm-flow-dialog,.adm-system-module-grid,.adm-system-process,.adm-system-swimlane,.help-index,.help-reader,.help-ask,.help-step,.help-table,.help-chat-message,.report-builder-header,.report-builder-overview>div,.report-builder-saved,.report-builder-designer,.report-preview,.report-zone,.report-builder-filters,.saved-report-item,.grid-columns-menu-body,.audit-expanded-row td,.gio-manobra-page .mo-modal,.gio-manobra-page .mo-modal-header,.gio-manobra-page .mo-modal-body,.gio-manobra-page .mo-modal-footer,.gio-manobra-form-panel,.gma-cadastro-modal .adm-form-grid,.mo-combo-list,.mo-combo-input,.dashboard-alert-modal,.audit-action-modal,.sgm-performance-modal,.critical-actions-dialog,.critical-actions-footer,.ginoma-confirm-dialog,.notification-api-dialog) { background:#fff !important; background-image:none !important; color:var(--light-tone-203532,#203532) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; box-shadow:0 4px 16px #254b3910 !important; }
html:root[data-theme="light"] :is(.adm-header,.sga-header,.manager-header,.notification-hero) { border-radius:12px; }
html:root[data-theme="light"] :is(.adm-panel,.sga-panel,.manager-panel,.notification-panel,.executive-kpi-card) { border-radius:12px; }
html:root[data-theme="light"] :is(.manager-ranking button,.manager-kpi,.manager-module-card,.executive-company,.executive-year,.saved-report-item):hover { background:var(--light-tone-e7f2ec,#e7f2ec) !important; border-color:var(--light-tone-92bbaa,#92bbaa) !important; }
html:root[data-theme="light"] .manager-ranking button { border:1px solid var(--light-tone-cddcd5,#cddcd5); border-left:3px solid var(--light-tone-76aa94,#76aa94); border-radius:10px; }
html:root[data-theme="light"] :is(.manager-ranking,.manager-kpi,.manager-module-card,.manager-panel-title,.manager-table,.executive-kpi-card,.executive-filter,.executive-map-info,.regional-ranking) :is(strong,b) { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] .manager-ranking span { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.manager-ranking,.manager-kpi,.manager-module-card) em { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] :is(.executive-kpi-title,.executive-kpi-value,.executive-company strong,.executive-kpi-details b,.regional-spotlight strong,.executive-title h1) { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.executive-kpi-module,.executive-kpi-details span,.executive-year-filter>span,.executive-company span,.regional-label,.regional-spotlight span,.regional-rank-item span,.executive-map-info small) { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] :is(.executive-year,.executive-company,.help-menu-tabs button,.help-module-strip button,.field-token,.selected-field-token,.gio-grid-period-field,.gio-grid-period-field span,.sge-oil-chip-list span) { background:#f4f7fb !important; color:var(--light-tone-39574e,#39574e) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }
html:root[data-theme="light"] :is(.executive-year,.executive-company,.help-menu-tabs button,.help-module-strip button,.saved-report-item).active { background:#e8f0ff !important; color:var(--light-tone-125b48,#125b48) !important; border-color:#a9c2ed !important; }/* Tables: neutral body text, high-contrast links, subtle row boundaries. */html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.sgm-performance-table-wrap table,.report-preview-table,.notification-table,.help-table) { color:#27374f !important; background:#fff !important; }
html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.sgm-performance-table-wrap table,.report-preview-table,.notification-table,.help-table) :is(th,td) { border-color:var(--light-tone-dce6e0,#dce6e0) !important; color:#27374f !important; }
html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.sgm-performance-table-wrap table,.report-preview-table,.notification-table,.help-table) th { background:var(--light-tone-e5eee9,#e5eee9) !important; color:var(--light-tone-39574e,#39574e) !important; font-weight:700; }
html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.report-preview-table,.notification-table) tbody tr { background:#fff !important; }
html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.report-preview-table,.notification-table) tbody tr:nth-child(even) { background:var(--light-tone-f5f8f6,#f5f8f6) !important; }
html:root[data-theme="light"] :is(.mud-table-root,.manager-table,.sge-oleo-table,.report-preview-table,.notification-table) tbody tr:hover { background:var(--light-tone-deeee6,#deeee6) !important; }
html:root[data-theme="light"] :is(.mud-table-cell,.manager-table td,.notification-table td) a { color:#194fa8 !important; font-weight:600; }
html:root[data-theme="light"] :is(.mud-table-cell,.manager-table td,.notification-table td) a:hover { text-decoration:underline; }
html:root[data-theme="light"] :is(.manager-table td span,.notification-record-title,.notification-record-link,.grid-record-link) { color:var(--light-tone-17765c,#17765c) !important; }
html:root[data-theme="light"] :is(.mud-table-pagination,.mud-table-pagination-toolbar,.grid-toolbar,.grid-toolbar-actions,.grid-column-filters,.mud-tabs-toolbar,.adm-tabs .mud-tabs-panels) { background:#fff !important; color:var(--light-tone-526b65,#526b65) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }
html:root[data-theme="light"] .mud-tab { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] .mud-tab.mud-tab-active { color:var(--light-tone-125b48,#125b48) !important; background:var(--light-tone-deeee6,#deeee6) !important; }/* Native controls and overlays follow the same palette as MudBlazor. */html:root[data-theme="light"] :is(.adm-page,.sga-page,.sge-page,.sgm-page,.gio-page,.gma-page,.manager-page,.sga-modal-backdrop,.mo-modal,.critical-actions-dialog) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { background:#fff !important; color:var(--light-tone-243f36,#243f36) !important; border-color:var(--light-tone-acbfb4,#acbfb4); }
html:root[data-theme="light"] :is(input,textarea)::placeholder { color:#68778a !important; opacity:1; }
html:root[data-theme="light"] :is(.mo-combo-field label,.gio-native-select-field label,.gio-fieldset>span,.sge-oleo-form-section strong) { background:#fff !important; color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] :is(.adm-user-combo-popover,.gma-combo-popover,.sgm-autocomplete-popover) .mud-list { background:#fff !important; color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.mud-popover,.mud-dialog,.mud-picker,.mud-menu-list) { color:var(--light-tone-243f36,#243f36); background-color:#fff; }
html:root[data-theme="light"] .mud-list-item.mud-selected-item { background:#eaf1ff !important; color:var(--light-tone-125b48,#125b48) !important; }
html:root[data-theme="light"] .mud-input:focus-within { --mud-palette-primary:var(--light-tone-17765c,#17765c); }
html:root[data-theme="light"] :is(input,select,textarea,button,a):focus-visible { outline:2px solid var(--light-tone-17765c,#17765c); outline-offset:2px; }/* Filled actions must keep their foreground even inside light page typography. */html:root[data-theme="light"] .mud-button-filled:not(.mud-button-filled-default) :is(.mud-button-label,.mud-typography,.mud-icon-root) { color:inherit !important; }
html:root[data-theme="light"] .mud-button-filled-primary { background:var(--light-tone-17765c,#17765c) !important; color:#fff !important; }
html:root[data-theme="light"] .mud-button-filled-error { background:#b42332 !important; color:#fff !important; }/* Semantic badges: dark ink on a pale tinted surface, never pastel on pastel. */html:root[data-theme="light"] :is(.manager-badge,.notification-tone-pill) { color:#174f91 !important; background:#eaf2ff !important; border:1px solid #c5d9f3; }
html:root[data-theme="light"] :is(.manager-badge.danger,.notification-tone-pill.danger,.notification-tone-pill.critical,.notification-tone-pill.critico,.mud-chip-color-error,.mud-alert-text-error,.mud-alert-outlined-error) { color:#a51f32 !important; background:#ffedf0 !important; border-color:#efbdc6 !important; }
html:root[data-theme="light"] :is(.manager-badge.warning,.notification-tone-pill.warning,.mud-chip-color-warning,.mud-alert-text-warning,.mud-alert-outlined-warning) { color:#865000 !important; background:#fff4d6 !important; border-color:#ebd39a !important; }
html:root[data-theme="light"] :is(.manager-badge.success,.notification-tone-pill.success,.mud-chip-color-success,.mud-alert-text-success,.mud-alert-outlined-success) { color:#12633e !important; background:#e7f6ee !important; border-color:#a8d7bd !important; }
html:root[data-theme="light"] :is(.mud-chip-color-info,.mud-alert-text-info,.mud-alert-outlined-info) { color:#174f91 !important; background:#eaf2ff !important; border-color:#c5d9f3 !important; }
html:root[data-theme="light"] :is(.mud-alert-text-error,.mud-alert-text-warning,.mud-alert-text-success,.mud-alert-text-info,.mud-alert-outlined-error,.mud-alert-outlined-warning,.mud-alert-outlined-success,.mud-alert-outlined-info) :is(.mud-typography,.mud-icon-root) { color:inherit !important; }
html:root[data-theme="light"] :is(.critical-actions-title,.critical-action-row,.critical-action-item,.critical-action-group) { color:var(--light-tone-243f36,#243f36) !important; background:var(--light-tone-f3f7f5,#f3f7f5) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }
html:root[data-theme="light"] :is(.critical-actions-dialog,.notification-api-dialog,.ginoma-confirm-dialog,.audit-action-modal,.dashboard-alert-modal) :is(h2,h3,strong) { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.critical-actions-dialog,.notification-api-dialog,.ginoma-confirm-dialog,.audit-action-modal,.dashboard-alert-modal) :is(p,small) { color:var(--light-tone-526b65,#526b65) !important; }/* Chart text only; series colors and operational status colors are preserved. */html:root[data-theme="light"] :is(.ginoma-apex-card,.dashboard-chart-panel,.sge-apex-bar-card) .apexcharts-text { fill:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] .apexcharts-legend-text { color:var(--light-tone-39574e,#39574e) !important; }
html:root[data-theme="light"] .ginoma-apex-card :is(.apexcharts-tooltip,.apexcharts-tooltip-title) { background:#fff !important; color:var(--light-tone-243f36,#243f36) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }@media print { html:root[data-theme="light"] .ginoma-content { background:#fff !important; } }
html:root[data-theme="light"] .sup-page { --sup-border:var(--light-tone-cddcd5,#cddcd5); --sup-panel:#fff; --sup-soft:#f4f7fb; }
html:root[data-theme="light"] :is(.sct-insight,.sup-attachments-field,.sup-attachment-item,.sup-detail-header,.sup-detail-tabs,.sup-detail-grid div,.sup-description,.sup-detail-actions,.sup-work-summary div,.sup-work-card,.sup-timeline-item div,.sup-flow-step,.sup-empty-state,.sup-sla-preview,.critical-actions-header) { background:#fff !important; color:var(--light-tone-243f36,#243f36) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }
html:root[data-theme="light"] :is(.sup-detail-meta span,.sup-description,.sup-flow-step,.sup-sla-preview) { color:var(--light-tone-39574e,#39574e) !important; background:#f4f7fb !important; }
html:root[data-theme="light"] .sup-flow-step.is-done { color:#12633e !important; background:#e7f6ee !important; }
html:root[data-theme="light"] .sup-flow-step.is-current { color:#174f91 !important; background:#eaf2ff !important; }
html:root[data-theme="light"] .sup-decision-warning { color:#865000 !important; background:#fff4d6 !important; border-color:#ebd39a !important; }
html:root[data-theme="light"] :is(.sup-detail-header,.sup-work-card,.sup-detail-grid,.sup-timeline-item,.sct-insight) :is(strong,h2,h3) { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.sup-detail-header,.sup-work-card,.sup-detail-grid,.sup-timeline-item,.sct-insight) :is(span,small,p,label) { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] :is(.critical-action-title,.critical-action-values,.critical-actions-summary strong) { color:var(--light-tone-243f36,#243f36) !important; }
html:root[data-theme="light"] :is(.critical-action-detail,.critical-actions-kicker,.critical-actions-summary span) { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] .critical-action-values strong { color:#12633e !important; background:#e7f6ee !important; }
html:root[data-theme="light"] :is(.critical-action-group.is-delay,.critical-action-row.has-delay) .critical-action-values strong { color:#a51f32 !important; background:#ffedf0 !important; }
html:root[data-theme="light"] :is(.ginoma-horizontal-bar-label,.ginoma-horizontal-bar-label strong,.ginoma-vertical-bar-label,.ginoma-vertical-bar-value,.ginoma-chart-title,.ginoma-chart-fixed-values strong,.ginoma-ranking-label,.ginoma-ranking-value,.sge-static-bar-label,.dashboard-chart-title) { color:var(--light-tone-39574e,#39574e) !important; }
html:root[data-theme="light"] :is(.ginoma-chart-fixed-values span,.ginoma-chart-fixed-values em,.ginoma-ranking-row span) { color:var(--light-tone-526b65,#526b65) !important; }
html:root[data-theme="light"] :is(.ginoma-horizontal-bar-track,.ginoma-ranking-track,.dashboard-radar-track,.sge-health-track) { background:var(--light-tone-e7eee9,#e7eee9) !important; border-color:var(--light-tone-cddcd5,#cddcd5) !important; }
/* Consistent heading hierarchy, with compact spacing for operational screens. */html:root[data-theme="light"] :is(.adm-header,.sga-header,.manager-header,.notification-hero) h1 { color:var(--light-tone-243f36,#243f36) !important; font-size:1.3rem; font-weight:650; letter-spacing:-.35px; line-height:1.3; }
html:root[data-theme="light"] .manager-panel-title { box-shadow:none !important; border-bottom:1px solid var(--light-tone-dce6e0,#dce6e0); }
html:root[data-theme="light"] .floating-user-pending-card.has-pending::before { background:var(--light-tone-e9f2ec,#e9f2ec) !important; }
html:root[data-theme="light"] :is(.mud-input-control,.mud-input) input:disabled { color:#66758a !important; -webkit-text-fill-color:#66758a !important; background:#edf1f6 !important; opacity:1; }
/* COMERCiaL-inspired light palette: sage navigation, mint accents and layered panels. */html:root[data-theme="light"] body .ginoma-topbar { background:var(--light-tone-f5f8f5,#f5f8f5) !important; border-bottom:1px solid var(--light-tone-cadbd1,#cadbd1); }
html:root[data-theme="light"] body :is(.adm-header,.sga-header,.manager-header,.notification-hero,.executive-hero) {    background:linear-gradient(110deg,var(--light-tone-e0eee5,#e0eee5),var(--light-tone-f7faf7,#f7faf7)) !important;    border-color:var(--light-tone-bed4c6,#bed4c6) !important; border-left:4px solid var(--light-tone-358969,#358969);}
html:root[data-theme="light"] body :is(.manager-filters,.notification-toolbar,.notification-filters-panel,.grid-column-filters) {    background:var(--light-tone-f0f5f1,#f0f5f1) !important; border-color:var(--light-tone-cbdcd1,#cbdcd1) !important;}
html:root[data-theme="light"] body :is(.manager-filters label span,.notification-filters-panel label,.adm-form-grid label) { color:var(--light-tone-466354,#466354) !important; }
html:root[data-theme="light"] body .manager-quick-periods button {    background:var(--light-tone-e5eee8,#e5eee8) !important; border-color:var(--light-tone-bacfc2,#bacfc2) !important; color:var(--light-tone-355544,#355544) !important; font-weight:650;}
html:root[data-theme="light"] body .manager-quick-periods button:is(.active,:hover) { background:var(--light-tone-17765c,#17765c) !important; border-color:var(--light-tone-17765c,#17765c) !important; color:#fff !important; }
html:root[data-theme="light"] body .mud-button-outlined-info { color:var(--light-tone-246a76,#246a76) !important; border-color:var(--light-tone-86adb0,#86adb0) !important; background:var(--light-tone-edf5f4,#edf5f4) !important; }
html:root[data-theme="light"] body :is(.mud-button-outlined,.mud-button-text) :is(.mud-button-label,.mud-icon-root) { color:inherit !important; }
html:root[data-theme="light"] body .manager-kpi { color:var(--light-tone-243f36,#243f36) !important; box-shadow:0 4px 16px #254b3910; border-radius:12px; border-top:3px solid var(--kpi-accent,#3c7e97) !important; background:var(--kpi-surface,#edf5f8) !important; }
html:root[data-theme="light"] body .manager-kpi.is-danger { --kpi-accent:#b84e59; --kpi-surface:#fbf0ef; }
html:root[data-theme="light"] body .manager-kpi.is-warning { --kpi-accent:#a57926; --kpi-surface:#faf5e8; }
html:root[data-theme="light"] body .manager-kpi.is-success { --kpi-accent:#278362; --kpi-surface:#eaf5ed; }
html:root[data-theme="light"] body .manager-kpi .mud-icon-root { color:var(--kpi-accent,#3c7e97) !important; background:transparent !important; }
html:root[data-theme="light"] body .manager-kpi::after { opacity:.35; }
html:root[data-theme="light"] body .manager-panel-title { background:var(--light-tone-f1f6f2,#f1f6f2) !important; color:var(--light-tone-2e5041,#2e5041) !important; }
html:root[data-theme="light"] body .ginoma-menu .mud-nav-link.active { box-shadow:inset 3px 0 var(--light-tone-358969,#358969); }
html:root[data-theme="light"] body .ginoma-sidebar { box-shadow:4px 0 20px #254b390a !important; }
/* Blue light uses the same accessible components; semantic status colors stay unchanged. */
:root[data-theme="light"][data-theme-accent="blue"] {
    --light-tone-bed4c6:#b7cee9;
    --light-tone-e9f1ed:#e8eff8;
    --light-tone-cddcd5:#cbd9eb;
    --light-tone-92bbaa:#8aadd5;
    --light-tone-e7f2ec:#e5effb;
    --light-tone-e0eee5:#dceafb;
    --light-tone-76aa94:#739dcb;
    --light-tone-e5eee8:#e2ecf9;
    --light-tone-358969:#387fc5;
    --light-tone-f5f8f5:#f2f6fc;
    --light-tone-e9f3ee:#e7f0fc;
    --light-tone-bacfc2:#b6cce6;
    --light-tone-e1ebe5:#dfe9f6;
    --light-tone-39574e:#385677;
    --light-tone-243f36:#243e61;
    --light-tone-2e5041:#2d527e;
    --light-tone-466354:#446185;
    --light-tone-deeee6:#dceafa;
    --light-tone-355544:#35577d;
    --light-tone-edf5f4:#ecf3fc;
    --light-tone-125b48:#194a8e;
    --light-tone-c4d9ce:#bed2ec;
    --light-tone-dce6e0:#d9e3ef;
    --light-tone-e5eee9:#e2ebf7;
    --light-tone-f0f5f1:#eef4fc;
    --light-tone-246a76:#2b639c;
    --light-tone-e9f2ec:#e8f0fa;
    --light-tone-acbfb4:#a7bbd5;
    --light-tone-e7eee9:#e5edf7;
    --light-tone-86adb0:#8bacd3;
    --light-tone-f5f8f6:#f3f7fc;
    --light-tone-627e73:#607c9e;
    --light-tone-526b65:#526783;
    --light-tone-eaf0ed:#eaf0f8;
    --light-tone-203532:#20334f;
    --light-tone-cadbd1:#c4d6eb;
    --light-tone-17765c:#245eaf;
    --light-tone-f3f7f5:#f2f6fc;
    --light-tone-f1f6f2:#eff5fc;
    --light-tone-cbdcd1:#c7d8ed;
    --light-tone-f7faf7:#f5f9ff;
}

:root[data-theme="light"][data-theme-accent="red"] {
    --light-tone-e5eee8:#f2e3e8;
    --light-tone-355544:#724452;
    --light-tone-acbfb4:#caa9b2;
    --light-tone-f5f8f6:#fdf8fa;
    --light-tone-f3f7f5:#fcf6f8;
    --light-tone-627e73:#916774;
    --light-tone-bed4c6:#dfbcc5;
    --light-tone-243f36:#54323d;
    --light-tone-e7eee9:#f2e5e8;
    --light-tone-f5f8f5:#fcf6f7;
    --light-tone-e7f2ec:#fae9ee;
    --light-tone-e9f3ee:#faedf0;
    --light-tone-cbdcd1:#e7ced6;
    --light-tone-92bbaa:#ca93a0;
    --light-tone-c4d9ce:#e5bec9;
    --light-tone-e1ebe5:#f0e0e4;
    --light-tone-358969:#b9566b;
    --light-tone-f1f6f2:#fbf1f4;
    --light-tone-203532:#402b32;
    --light-tone-edf5f4:#faf0f3;
    --light-tone-deeee6:#f5dce4;
    --light-tone-cddcd5:#e3cdd3;
    --light-tone-125b48:#853044;
    --light-tone-e9f2ec:#f8e9ee;
    --light-tone-cadbd1:#e5cdd4;
    --light-tone-86adb0:#c696a3;
    --light-tone-f0f5f1:#faf2f4;
    --light-tone-76aa94:#bf8190;
    --light-tone-f7faf7:#fff9fb;
    --light-tone-17765c:#a63d50;
    --light-tone-e0eee5:#f5dfe5;
    --light-tone-39574e:#724452;
    --light-tone-bacfc2:#dab5bf;
    --light-tone-246a76:#8d4255;
    --light-tone-dce6e0:#eddae0;
    --light-tone-eaf0ed:#f5edef;
    --light-tone-466354:#784f5b;
    --light-tone-e9f1ed:#f5e9ec;
    --light-tone-2e5041:#653945;
    --light-tone-526b65:#785862;
    --light-tone-e5eee9:#f2e3e8;
}

/* Compact theme control, matching the COMERCiaL header button. */
html:root .ginoma-topbar .ginoma-theme-toggle {
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    margin-inline-end:14px;
    min-height:38px; min-width:88px; flex-shrink:0; padding:8px 10px;
    border:1px solid #435469; border-radius:9px;
    background:#202d3d; color:#d3e0ef; font-family:inherit; line-height:1.2;
    cursor:pointer; transition:background .15s,border-color .15s;
}
html:root .ginoma-topbar .ginoma-theme-toggle .mud-icon-root { width:16px; height:16px; color:inherit !important; }
html:root .ginoma-topbar .ginoma-theme-toggle span { font-size:11px; font-weight:600; color:inherit !important; }
html:root .ginoma-topbar .ginoma-theme-toggle:hover { background:#2c4056; border-color:#6e8ead; }
html:root .ginoma-topbar .ginoma-theme-toggle:focus-visible { outline:2px solid #82b4ed; outline-offset:3px; }
html:root .ginoma-topbar .ginoma-theme-toggle:disabled { cursor:wait; opacity:.7; }
html:root[data-theme="light"] .ginoma-topbar .ginoma-theme-toggle {
    background:#fff; color:var(--ginoma-primary-strong); border-color:var(--ginoma-border);
}
html:root[data-theme="light"] .ginoma-topbar .ginoma-theme-toggle:hover {
    background:var(--ginoma-hover); border-color:var(--ginoma-primary);
}

/* Transparent brand follows the surrounding navigation in every theme. */
html:root .ginoma-sidebar .logo-area img { transform:scale(1.188); }
html:root .ginoma-sidebar .logo-area {
    background:transparent !important;
    border-bottom:1px solid var(--ginoma-border) !important;
}
html:root .ginoma-sidebar .logo-area:hover { background:var(--ginoma-hover) !important; }
html:root[data-theme="light"] .ginoma-sidebar .logo-area img { filter:brightness(.64) contrast(1.12); }