/* Warm light-mode app chrome. Dark navigation remains component-owned. */
.authenticated-app-shell.app-theme-light .app-sidebar,
.authenticated-app-shell.app-theme-light .nav-menu-shell {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
}
.authenticated-app-shell.app-theme-light .app-topbar,
.authenticated-app-shell.app-theme-light .app-topbar > div {
    background: var(--ui-panel) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-ink);
}
.authenticated-app-shell.app-theme-light .app-topbar .text-slate-400 {
    color: var(--ui-muted) !important;
}
.authenticated-app-shell.app-theme-light .app-topbar :is(.text-slate-200, .text-slate-300) {
    color: #494740 !important;
}
.authenticated-app-shell.app-theme-light .theme-toggle,
.authenticated-app-shell.app-theme-light .nav-menu-shell .sidebar-toggle {
    background: var(--ui-panel) !important;
    border-color: #d9d4c9 !important;
    color: var(--ui-muted) !important;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .theme-toggle:hover,
.authenticated-app-shell.app-theme-light .nav-menu-shell .sidebar-toggle:hover {
    background: #eeeae2 !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell :is(.brand-row, .brand-row-collapsed, .nav-reminder-host) {
    background: transparent !important;
    border-color: var(--ui-divider) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .brand-name {
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .brand-subtitle {
    color: var(--ui-muted) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-section-heading span {
    color: var(--ui-muted) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-section-line,
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-section-divider-collapsed {
    background: var(--ui-divider) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--ui-body) !important;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item .nav-item-icon {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--ui-muted) !important;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item:hover {
    background: #eeebe4 !important;
    color: var(--ui-ink) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item.is-active {
    background: var(--ui-selected) !important;
    border-color: transparent !important;
    color: var(--ui-action-hover) !important;
    box-shadow: inset 3px 0 0 var(--ui-action) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-icon,
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-text {
    color: var(--ui-action-hover) !important;
    font-weight: 600;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item:focus-visible {
    outline: 2px solid var(--ui-action-hover);
    outline-offset: -2px;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .zen-reminder-card {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
    box-shadow: none !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell :is(.zen-reminder-icon, .zen-reminder-collapsed) {
    background: var(--ui-subtle) !important;
    border-color: var(--ui-border) !important;
    color: var(--ui-action) !important;
}
.authenticated-app-shell.app-theme-light .nav-menu-shell .zen-reminder-card p {
    color: #59513e !important;
}
.authenticated-app-shell.app-theme-light .app-topbar :is(.text-emerald-300, .text-emerald-400) {
    color: #187453 !important;
}
.authenticated-app-shell.app-theme-light .app-topbar :is(.text-rose-300, .text-rose-400) {
    color: #bd354c !important;
}

:root .authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item .nav-item-text {
    font-weight: 500;
    font-size: 13px;
}
:root .authenticated-app-shell.app-theme-light .nav-menu-shell .nav-item.is-active .nav-item-text {
    font-weight: 600;
}