/*
   Starlet.AI Lite Mode
   Overrides focused on lower paint cost: flat surfaces, fewer shadows,
   no backdrop blur, and short/simple transitions.
*/

body.lite-mode {
    --shadow-soft: none;
    --shadow-hover: none;
    --radius-pill: 28px;
    --radius-box: 18px;
}

body.lite-mode *,
body.lite-mode *::before,
body.lite-mode *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.12s !important;
    transition-timing-function: ease !important;
}

body.lite-mode .sidebar,
body.lite-mode .admin-container,
body.lite-mode .monitor-card,
body.lite-mode .settings-card,
body.lite-mode .settings-avatar-block,
body.lite-mode .settings-toggle-row,
body.lite-mode .settings-cleanup-panel,
body.lite-mode .settings-security-teaser,
body.lite-mode .settings-recovery-overview,
body.lite-mode .settings-recovery-card,
body.lite-mode .settings-recovery-hero,
body.lite-mode .settings-recovery-meta,
body.lite-mode .settings-recovery-hints,
body.lite-mode .settings-recovery-live,
body.lite-mode .settings-session-item,
body.lite-mode .panel-card,
body.lite-mode .phase-card,
body.lite-mode .stat-card,
body.lite-mode .metric-card,
body.lite-mode .user-card,
body.lite-mode .log-user-card,
body.lite-mode .presence-card,
body.lite-mode .notification-popup,
body.lite-mode .chat-spotlight-panel,
body.lite-mode .app-dialog-content,
body.lite-mode .app-confirm-hero,
body.lite-mode .success-toast,
body.lite-mode .chat-answer-toast,
body.lite-mode .training-chat-header,
body.lite-mode .training-chat-draft,
body.lite-mode .training-chat-composer,
body.lite-mode .training-chat-bubble,
body.lite-mode .message-content,
body.lite-mode .bubble-copy,
body.lite-mode .input-wrapper,
body.lite-mode .header-pill,
body.lite-mode .chat-mode-menu,
body.lite-mode .sidebar-tooltip-portal {
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.lite-mode .sidebar,
body.lite-mode .admin-container,
body.lite-mode .monitor-card,
body.lite-mode .settings-card,
body.lite-mode .settings-avatar-block,
body.lite-mode .settings-toggle-row,
body.lite-mode .settings-cleanup-panel,
body.lite-mode .settings-security-teaser,
body.lite-mode .settings-recovery-overview,
body.lite-mode .settings-recovery-card,
body.lite-mode .settings-session-item,
body.lite-mode .panel-card,
body.lite-mode .phase-card,
body.lite-mode .user-card,
body.lite-mode .presence-card,
body.lite-mode .notification-popup,
body.lite-mode .chat-spotlight-panel,
body.lite-mode .app-dialog-content {
    background-image: none !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.lite-mode .sidebar {
    border-radius: 24px !important;
    transform: none !important;
}

body.lite-mode .sidebar:hover,
body.lite-mode .nav-btn:hover,
body.lite-mode .settings-sub-btn:hover,
body.lite-mode .settings-avatar-block:hover,
body.lite-mode .settings-toggle-row:hover,
body.lite-mode .btn-primary:hover,
body.lite-mode .btn-secondary:hover,
body.lite-mode .btn-primary-inline:hover {
    transform: none !important;
}

body.lite-mode .brain-hub,
body.lite-mode .brain-hub::before,
body.lite-mode .brain-hub::after,
body.lite-mode .welcome-ai-border-aurora,
body.lite-mode .welcome-ai-orbits,
body.lite-mode .welcome-ai-sparkles,
body.lite-mode .training-chat-screen::before,
body.lite-mode .training-chat-composer::before,
body.lite-mode .training-chat-composer::after,
body.lite-mode .chat-fade {
    animation: none !important;
    background-image: none !important;
    filter: none !important;
}

body.lite-mode .brain-hub::before,
body.lite-mode .brain-hub::after,
body.lite-mode .training-chat-screen::before,
body.lite-mode .training-chat-composer::before,
body.lite-mode .training-chat-composer::after {
    display: none !important;
}

body.lite-mode .btn-primary,
body.lite-mode .btn-primary-inline,
body.lite-mode .send-btn,
body.lite-mode .training-chat-composer button {
    background-image: none !important;
    box-shadow: none !important;
}

body.lite-mode .settings-lite-pill {
    box-shadow: none !important;
}

body.lite-mode .settings-lite-pill.is-active {
    background: #111827 !important;
    color: #ffffff !important;
}

body.lite-mode .settings-lite-pill.is-active .settings-lite-check {
    background: #22c55e !important;
    color: #ffffff !important;
}

body.lite-mode .settings-sub-btn,
body.lite-mode .chat-mode-trigger,
body.lite-mode .data-chip,
body.lite-mode .question-pill,
body.lite-mode .notification-badge,
body.lite-mode .status-badge,
body.lite-mode .role-badge {
    box-shadow: none !important;
}

body.lite-mode .settings-avatar-preview,
body.lite-mode .avatar,
body.lite-mode .mini-header-avatar,
body.lite-mode .user-avatar-badge {
    box-shadow: none !important;
    filter: none !important;
}

body.lite-mode.dark-mode .sidebar,
body.lite-mode.dark-mode .admin-container,
body.lite-mode.dark-mode .monitor-card,
body.lite-mode.dark-mode .settings-card,
body.lite-mode.dark-mode .settings-avatar-block,
body.lite-mode.dark-mode .settings-toggle-row,
body.lite-mode.dark-mode .settings-cleanup-panel,
body.lite-mode.dark-mode .settings-security-teaser,
body.lite-mode.dark-mode .settings-recovery-overview,
body.lite-mode.dark-mode .settings-recovery-card,
body.lite-mode.dark-mode .settings-session-item,
body.lite-mode.dark-mode .app-dialog-content {
    background-image: none !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}
