/* Opposite-tone sidebar: dark rail for light pages, light rail for dark pages.
   Keep readable current-page tiles, cyan accents, and flat lettering. */
@layer components {
html:not(.dark) .app-shell-v2 .app-command-rail {
    color: #ffffff !important;
    text-shadow: none;
}
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-tree a:not([data-current]):not([aria-current='page']),
html:not(.dark) .app-shell-v2 .app-command-rail [data-flux-sidebar-item]:not([data-current]):not([aria-current='page']),
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-section-toggle {
    color: #ffffff !important;
    text-shadow: none;
}
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-tree a:not([data-current]):not([aria-current='page']) svg {
    color: currentColor !important;
}
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-subgroup,
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-tool-btn,
html:not(.dark) .app-shell-v2 .app-command-rail .app-rail-status,
html:not(.dark) .app-shell-v2 .app-command-rail .app-crm-path > a {
    color: #e2e8f0 !important;
    text-shadow: none;
}
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-search { color: #ffffff !important; }
html:not(.dark) .app-shell-v2 .app-command-rail .app-nav-search::placeholder { color: #cbd5e1 !important; }
html:not(.dark) .app-shell-v2 .app-command-rail [data-flux-radio-segmented]:not([data-checked]),
html:not(.dark) .app-shell-v2 .app-command-rail [data-flux-radio-segmented]:not([data-checked]) svg { color: #ffffff !important; }
html:not(.dark) .app-shell-v2 .app-command-rail .app-owner-rail-card > p:nth-child(2) { color: #ffffff !important; }
html:not(.dark) .app-shell-v2 .app-command-rail .app-owner-rail-card > p:nth-child(3) { color: #e2e8f0 !important; }
}

/* Override the existing important light-mode name colors in the same layer. */
@layer components {
    html:not(.dark) .app-shell-v2 .app-command-rail [data-test='team-switcher-trigger'],
    html:not(.dark) .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > .grid > span:first-child {
        color: #ffffff !important;
        text-shadow: none;
    }
    html:not(.dark) .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > .grid > span:last-child,
    html:not(.dark) .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > svg {
        color: #e2e8f0 !important;
        text-shadow: none;
    }
}

/* Sidebar logos follow the rail's tone, not the main page's tone. */
.app-platform-logo--sidebar .app-platform-logo-light { display: none; }
.app-platform-logo--sidebar .app-platform-logo-dark { display: block; }
.dark .app-platform-logo--sidebar .app-platform-logo-light { display: block; }
.dark .app-platform-logo--sidebar .app-platform-logo-dark { display: none; }

@layer components {
    html.dark .app-shell-v2 .app-command-rail {
        background: #f8fafc !important;
        border-color: #cbd5e1 !important;
        box-shadow: none !important;
    }
    html.dark .app-shell-v2 .app-command-rail [data-test='team-switcher-trigger'],
    html.dark .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > .grid > span:first-child {
        color: #0f172a !important;
    }
    html.dark .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > .grid > span:last-child,
    html.dark .app-shell-v2 .app-command-rail [data-test='sidebar-menu-button'] > svg { color: #475569 !important; }
}
html.dark .app-shell-v2 .app-command-rail {
    color: #0f172a;
    backdrop-filter: none;
    text-shadow: none;
}
html.dark .app-shell-v2 .app-command-rail .app-nav-tree a,
html.dark .app-shell-v2 .app-command-rail [data-flux-sidebar-item],
html.dark .app-shell-v2 .app-command-rail .app-nav-section-toggle { color: #1e293b; }
html.dark .app-shell-v2 .app-command-rail .app-nav-tree a svg { color: currentColor; }
html.dark .app-shell-v2 .app-command-rail .app-nav-tree a:hover,
html.dark .app-shell-v2 .app-command-rail .app-nav-section-toggle:hover {
    color: #0f172a;
    background: #e2e8f0;
    border-color: #cbd5e1;
}
html.dark .app-shell-v2 .app-command-rail .app-nav-tree [data-current],
html.dark .app-shell-v2 .app-command-rail .app-nav-tree [aria-current='page'] {
    color: #0f172a;
    background: #e0f2fe;
    border-color: #7dd3fc;
}
html.dark .app-shell-v2 .app-command-rail .app-nav-subgroup,
html.dark .app-shell-v2 .app-command-rail .app-nav-tool-btn,
html.dark .app-shell-v2 .app-command-rail .app-rail-status,
html.dark .app-shell-v2 .app-command-rail .app-crm-path,
html.dark .app-shell-v2 .app-command-rail .app-crm-path > a { color: #475569; }
html.dark .app-shell-v2 .app-command-rail .app-nav-section-label,
html.dark .app-shell-v2 .app-command-rail .app-rail-status-code,
html.dark .app-shell-v2 .app-command-rail .app-crm-path > a > span,
html.dark .app-shell-v2 .app-command-rail .app-nav-chevron.is-open { color: #0e7490; }
html.dark .app-shell-v2 .app-command-rail .app-nav-chevron { color: #475569; background: #e2e8f0; }
html.dark .app-shell-v2 .app-command-rail .app-nav-search {
    background: #ffffff;
    color: #0f172a;
    border-color: #cbd5e1;
}
html.dark .app-shell-v2 .app-command-rail .app-nav-search::placeholder { color: #64748b; }
html.dark .app-shell-v2 .app-command-rail [data-flux-radio-group-segmented] { background: #e2e8f0; }
html.dark .app-shell-v2 .app-command-rail [data-flux-radio-segmented],
html.dark .app-shell-v2 .app-command-rail [data-flux-radio-segmented] svg { color: #334155; }
html.dark .app-shell-v2 .app-command-rail [data-flux-radio-segmented][data-checked] { background: #ffffff; }
html.dark .app-shell-v2 .app-command-rail .app-owner-rail-card > p:nth-child(1) { color: #0e7490; }
html.dark .app-shell-v2 .app-command-rail .app-owner-rail-card > p:nth-child(2) { color: #0f172a; }
html.dark .app-shell-v2 .app-command-rail .app-owner-rail-card > p:nth-child(3) { color: #475569; }