/* R30 classic: appearance only. Original sidebar, header and breakpoint geometry
 * stay owned by backend.css/ui-scale.css and their existing menu handlers. */
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .wrapper,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .content-page,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-footer { background: transparent !important; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-top-navbar {
    background: var(--cg-glass, rgba(255,255,255,.79)) !important;
    box-shadow: 0 1px 0 var(--cg-line, #e2e8f0), 0 3px 16px rgba(48,70,115,.045);
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
}
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar {
    --cg-side-wash: linear-gradient(155deg, #e9edfc, #edf3fd 54%, #e7f3f8);
    background: var(--cg-side-wash) !important;
    box-shadow: 1px 0 0 var(--cg-line, #e2e8f0), 4px 0 24px rgba(49,75,119,.055);
}
html.ceo-glass.cg-dark[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body:is(.dark,.dark-mode,.color-dark) .iq-sidebar {
    --cg-side-wash: linear-gradient(155deg, #222d44, #1b2a3d 54%, #1b303d);
}
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar .iq-sidebar-logo { background: transparent; border-color: var(--cg-line); }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar-menu .side-menu li a { color: var(--cg-text) !important; border-radius: 12px; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar-menu .side-menu li a:hover,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar-menu .side-menu li.active > a { color: var(--cg-blue) !important; background: var(--cg-blue-soft) !important; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar-menu .side-menu li a > span:not(.badge):not(.badge-pill) { color: inherit !important; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar .side-menu > li > span { color: var(--cg-muted); }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-sidebar .text-light,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-footer { color: var(--cg-text) !important; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-top-navbar .wrapper-menu { color: var(--cg-text) !important; }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .top-nav-control,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .site-language-switcher .gt_float_switcher,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .top-nav-user .dropdown-menu { color: var(--cg-text); background: var(--cg-surface); border-color: var(--cg-line); box-shadow: var(--cg-shadow); }
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .top-nav-user .user-name,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .top-nav-user .dropdown-item,
html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .top-nav-user .dropdown-item a { color: var(--cg-text); }
@supports not (backdrop-filter: blur(1px)) { html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-top-navbar { background: var(--cg-surface) !important; } }
@media (prefers-reduced-transparency: reduce) { html.ceo-glass[data-cg-navigation="sidebar"][data-cg-surface="client"] body .iq-top-navbar { backdrop-filter: none; -webkit-backdrop-filter: none; } }

/* R31: the legacy balance line uses inline yellow/red. Give only its two
 * values theme-aware contrast; sidebar/header sizing and menu layout stay native. */
html.ceo-glass[data-cg-surface="client"] body .iq-sidebar #iq-sidebar-toggle > li.px-3 > .text-uppercase > span[style*="yellow"] {
    color: var(--cg-blue, #2465bd) !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
html.ceo-glass[data-cg-surface="client"] body .iq-sidebar #iq-sidebar-toggle > li.px-3 > .text-uppercase > span[style*="red"] {
    color: var(--cg-text, #1c2736) !important;
    font-variant-numeric: tabular-nums;
}