/* ═══════════════════════════════════════════════════════════════
   Harris Theme — Global Design Tokens (single source of truth)
   ═══════════════════════════════════════════════════════════════ */
:root {
    --hd-ink: #001b2e;
    --hd-primary: #1d3f58;
    --hd-accent: #537692;
    --hd-border: #b3cde4;
    --hd-surface: #eef3f9;
    --hd-surface-soft: #eef3f9;
    --hd-card: #ffffff;
    --hd-nav-gradient: linear-gradient(90deg, #001b2e 0%, #1d3f58 55%, #537692 100%);
    --hd-hero-gradient: linear-gradient(135deg, #001b2e 0%, #1d3f58 62%, #537692 100%);
    --hd-ease-spring: cubic-bezier(.22, 1, .36, 1);
    --hd-ease-soft: cubic-bezier(.16, 1, .3, 1);
    --hd-shadow-sm: 0 4px 20px rgba(0, 27, 46, 0.05);
    --hd-shadow-md: 0 16px 36px rgba(0, 27, 46, 0.12);
}

[data-theme="dark"] {
    --hd-ink: #eef3f9;
    --hd-primary: #b3cde4;
    --hd-accent: #537692;
    --hd-border: rgba(179, 205, 228, 0.18);
    --hd-surface: #001b2e;
    --hd-surface-soft: #0b2c45;
    --hd-card: #0b2c45;
    --theme-bg: #001b2e;
    --theme-bg2: #0b2c45;
    --theme-bg3: #0f3550;
    --theme-card: #0b2c45;
    --theme-card-border: rgba(179, 205, 228, 0.12);
    --theme-text: #eef3f9;
    --theme-text-muted: #b3cde4;
    --theme-text-sub: #537692;
    --theme-input-bg: #0b2c45;
    --theme-input-border: rgba(179, 205, 228, 0.22);
    --theme-nav-bg: transparent;
    --theme-divider: rgba(179, 205, 228, 0.18);
    --theme-shadow: rgba(0, 0, 0, 0.35);
    --bg-main: #001b2e;
}

/* ─── Dark mode: body & surfaces ─────────────────────────────── */
[data-theme="dark"] body {
    background-color: var(--hd-surface) !important;
    color: var(--hd-ink) !important;
}

[data-theme="dark"] .bg-gray-900,
[data-theme="dark"] body.bg-gray-900 {
    background-color: #001b2e !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] .bg-gray-800,
[data-theme="dark"] .bg-gray-800\/20,
[data-theme="dark"] .bg-gray-800\/30,
[data-theme="dark"] .bg-gray-800\/40,
[data-theme="dark"] .bg-gray-800\/50,
[data-theme="dark"] .bg-gray-800\/60,
[data-theme="dark"] .bg-gray-800\/70,
[data-theme="dark"] .bg-gray-900\/20,
[data-theme="dark"] .bg-gray-900\/30,
[data-theme="dark"] .bg-gray-900\/40,
[data-theme="dark"] .bg-gray-900\/50,
[data-theme="dark"] .bg-gray-900\/60,
[data-theme="dark"] .bg-gray-900\/70,
[data-theme="dark"] .bg-gray-900\/80 {
    background-color: #0b2c45 !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] .bg-gray-700,
[data-theme="dark"] .bg-gray-700\/30,
[data-theme="dark"] .bg-gray-700\/50,
[data-theme="dark"] .bg-gray-700\/60 {
    background-color: #0f3550 !important;
    color: #b3cde4 !important;
}

[data-theme="dark"] .text-white { color: #eef3f9 !important; }
[data-theme="dark"] .text-gray-100 { color: #eef3f9 !important; }
[data-theme="dark"] .text-gray-200 { color: #d8e8f4 !important; }
[data-theme="dark"] .text-gray-300 { color: #b3cde4 !important; }
[data-theme="dark"] .text-gray-400 { color: #537692 !important; }
[data-theme="dark"] .text-gray-500 { color: #537692 !important; }
[data-theme="dark"] .text-gray-600 { color: #b3cde4 !important; }

[data-theme="dark"] .border-gray-700,
[data-theme="dark"] .border-gray-800 {
    border-color: rgba(179, 205, 228, 0.18) !important;
}

[data-theme="dark"] .glass {
    background: rgba(11, 44, 69, 0.85) !important;
    border: 1px solid rgba(179, 205, 228, 0.12) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .glass-card,
[data-theme="dark"] .glass-panel {
    background: #0b2c45 !important;
    border: 1px solid rgba(179, 205, 228, 0.18) !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: #0b2c45 !important;
    border-color: rgba(179, 205, 228, 0.22) !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] .bg-blue-600,
[data-theme="dark"] .bg-blue-500,
[data-theme="dark"] button.bg-blue-600 {
    background-color: #1d3f58 !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] .bg-blue-600:hover,
[data-theme="dark"] button.bg-blue-600:hover {
    background-color: #537692 !important;
}

[data-theme="dark"] #theme-toggle-btn {
    background: #0b2c45;
    border-color: rgba(179, 205, 228, 0.22);
    color: #f59e0b;
}

[data-theme="dark"] #theme-toggle-btn:hover {
    background: #0f3550;
}

[data-theme="dark"] .navbar-dropdown,
[data-theme="dark"] nav .group > div.bg-gray-800,
[data-theme="dark"] nav #mobile-menu {
    background: #1d3f58 !important;
    border-color: rgba(179, 205, 228, 0.2) !important;
}

[data-theme="dark"] .navbar-dropdown a {
    color: rgba(238, 243, 249, 0.86) !important;
}

[data-theme="dark"] .navbar-dropdown a:hover {
    background: rgba(83, 118, 146, 0.35) !important;
    color: #fff !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #0b2c45 !important;
    border-color: rgba(179, 205, 228, 0.22) !important;
    color: #eef3f9 !important;
}

[data-theme="dark"] .select2-dropdown {
    background-color: #0b2c45 !important;
    border-color: rgba(179, 205, 228, 0.22) !important;
}

[data-theme="dark"] .select2-results__option--highlighted[aria-selected] {
    background-color: #1d3f58 !important;
}

/* ─── Global navbar — Harris navy gradient (all pages, both modes) ─ */
nav,
nav.navbar-warm,
nav.navbar-agent {
    background: var(--hd-nav-gradient) !important;
    border-bottom-color: rgba(179, 205, 228, 0.22) !important;
    backdrop-filter: blur(12px);
}

nav .text-blue-400,
nav .text-blue-500 {
    color: #b3cde4 !important;
}

nav .text-blue-400:hover,
nav .text-blue-500:hover {
    color: #eef3f9 !important;
}

nav .text-gray-300,
nav .text-gray-400,
nav .text-gray-500,
nav .navbar-link {
    color: rgba(238, 243, 249, 0.86) !important;
}

nav .navbar-link:hover,
nav button.navbar-link:hover,
nav .group:hover .navbar-link {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

nav .group:hover svg.text-gray-500 {
    color: rgba(179, 205, 228, 0.85) !important;
}

nav .navbar-dropdown,
nav .group > div.bg-gray-800,
nav #mobile-menu {
    background: #1d3f58 !important;
    border-color: rgba(179, 205, 228, 0.2) !important;
}

nav .navbar-dropdown a,
nav #mobile-menu a,
nav .group > div.bg-gray-800 a {
    color: rgba(238, 243, 249, 0.9) !important;
}

nav .navbar-dropdown a:hover,
nav #mobile-menu a:hover,
nav .group > div.bg-gray-800 a:hover {
    background: rgba(83, 118, 146, 0.35) !important;
    color: #fff !important;
}

nav .profile-icon,
nav .bg-blue-600.profile-icon {
    background: #537692 !important;
}

nav .border-gray-700,
nav .border-gray-800 {
    border-color: rgba(179, 205, 228, 0.18) !important;
}

nav button.text-gray-400:hover,
nav .hover\:bg-gray-800:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #eef3f9 !important;
}

nav .profile-icon,
nav .profile-icon.text-white,
nav .profile-icon * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[data-theme="light"] nav a.text-blue-400,
[data-theme="light"] nav a.text-white,
[data-theme="light"] nav button.text-white,
[data-theme="light"] nav .text-white {
    color: rgba(238, 243, 249, 0.95) !important;
}

[data-theme="light"] nav .navbar-link.text-white {
    color: rgba(238, 243, 249, 0.9) !important;
}

[data-theme="light"] nav .navbar-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

[data-theme="light"] .navbar-dropdown {
    background-color: #1d3f58 !important;
    border: 1px solid rgba(179, 205, 228, 0.2) !important;
}

[data-theme="light"] .navbar-dropdown a {
    color: rgba(238, 243, 249, 0.86) !important;
}

[data-theme="light"] .navbar-dropdown a:hover {
    background-color: rgba(83, 118, 146, 0.35) !important;
    color: #fff !important;
}

/* ─── Navbar contrast fixes (beat generic [data-theme] .text-gray-* rules) ─ */
[data-theme="light"] nav .text-gray-300,
[data-theme="light"] nav .text-gray-400,
[data-theme="light"] nav .text-gray-500,
[data-theme="light"] nav .navbar-link,
[data-theme="dark"] nav .text-gray-300,
[data-theme="dark"] nav .text-gray-400,
[data-theme="dark"] nav .text-gray-500,
[data-theme="dark"] nav .navbar-link {
    color: rgba(238, 243, 249, 0.92) !important;
}

[data-theme="light"] nav svg.text-gray-500,
[data-theme="dark"] nav svg.text-gray-500 {
    color: rgba(179, 205, 228, 0.9) !important;
}

[data-theme="light"] nav .group:hover svg.text-gray-500,
[data-theme="dark"] nav .group:hover svg.text-gray-500 {
    color: #eef3f9 !important;
}

[data-theme="light"] nav .navbar-dropdown .text-gray-300,
[data-theme="light"] nav .navbar-dropdown .text-gray-400,
[data-theme="light"] nav .navbar-dropdown .text-gray-500,
[data-theme="light"] nav .group > div.bg-gray-800 .text-gray-300,
[data-theme="light"] nav .group > div.bg-gray-800 .text-gray-400,
[data-theme="light"] nav .group > div.bg-gray-800 .text-gray-500,
[data-theme="dark"] nav .navbar-dropdown .text-gray-300,
[data-theme="dark"] nav .navbar-dropdown .text-gray-400,
[data-theme="dark"] nav .navbar-dropdown .text-gray-500,
[data-theme="dark"] nav .group > div.bg-gray-800 .text-gray-300,
[data-theme="dark"] nav .group > div.bg-gray-800 .text-gray-400,
[data-theme="dark"] nav .group > div.bg-gray-800 .text-gray-500 {
    color: rgba(238, 243, 249, 0.88) !important;
}

[data-theme="light"] nav #mobile-menu .text-gray-300,
[data-theme="light"] nav #mobile-menu .text-gray-400,
[data-theme="light"] nav #mobile-menu .text-gray-500,
[data-theme="dark"] nav #mobile-menu .text-gray-300,
[data-theme="dark"] nav #mobile-menu .text-gray-400,
[data-theme="dark"] nav #mobile-menu .text-gray-500 {
    color: rgba(238, 243, 249, 0.9) !important;
}

/* Quick-Add modal inside nav: dark text on white surface in light mode */
[data-theme="light"] nav #globalTodoModal,
[data-theme="light"] nav #globalTodoModal.bg-gray-800 {
    background: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] nav #globalTodoModal .text-white,
[data-theme="light"] nav #globalTodoModal h3,
[data-theme="light"] nav #globalTodoModal label,
[data-theme="light"] nav #globalTodoModal .text-gray-300,
[data-theme="light"] nav #globalTodoModal .text-gray-400,
[data-theme="light"] nav #globalTodoModal .text-gray-500 {
    color: #001b2e !important;
}

[data-theme="light"] nav #globalTodoModal input,
[data-theme="light"] nav #globalTodoModal textarea {
    background: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] nav #globalTodoModal input::placeholder,
[data-theme="light"] nav #globalTodoModal textarea::placeholder {
    color: #537692 !important;
}

[data-theme="light"] nav #globalTodoModal button.text-gray-400 {
    color: #537692 !important;
}

[data-theme="light"] nav #globalTodoModal button.text-gray-400:hover {
    color: #001b2e !important;
    background: #e8f0f7 !important;
}

[data-theme="light"] nav #globalTodoSaveBtn {
    color: #ffffff !important;
}

/* Slack brand surfaces: keep white foreground in all themes */
.slack-brand-btn,
.slack-brand-icon {
    background-color: #4a154b;
    color: #ffffff !important;
}

.slack-brand-btn:hover {
    background-color: #611f69;
    color: #ffffff !important;
}

/* Saturated colored surfaces: keep white text in light mode */
[data-theme="light"] .bg-blue-500.text-white,
[data-theme="light"] .bg-blue-600.text-white,
[data-theme="light"] .bg-blue-700.text-white,
[data-theme="light"] .bg-indigo-500.text-white,
[data-theme="light"] .bg-indigo-600.text-white,
[data-theme="light"] .bg-purple-500.text-white,
[data-theme="light"] .bg-purple-600.text-white,
[data-theme="light"] .bg-green-500.text-white,
[data-theme="light"] .bg-green-600.text-white,
[data-theme="light"] .bg-emerald-500.text-white,
[data-theme="light"] .bg-emerald-600.text-white,
[data-theme="light"] .bg-red-500.text-white,
[data-theme="light"] .bg-red-600.text-white,
[data-theme="light"] .bg-amber-500.text-white,
[data-theme="light"] .bg-amber-600.text-white,
[data-theme="light"] .bg-slate-700.text-white,
[data-theme="light"] .bg-slate-800.text-white,
[data-theme="light"] button.bg-blue-500,
[data-theme="light"] button.bg-blue-600,
[data-theme="light"] button.bg-blue-700,
[data-theme="light"] button.bg-indigo-500,
[data-theme="light"] button.bg-indigo-600,
[data-theme="light"] button.bg-purple-500,
[data-theme="light"] button.bg-purple-600,
[data-theme="light"] button.bg-green-500,
[data-theme="light"] button.bg-green-600,
[data-theme="light"] button.bg-emerald-500,
[data-theme="light"] button.bg-emerald-600,
[data-theme="light"] button.bg-red-500,
[data-theme="light"] button.bg-red-600,
[data-theme="light"] button.bg-amber-500,
[data-theme="light"] button.bg-amber-600,
[data-theme="light"] a.bg-blue-500,
[data-theme="light"] a.bg-blue-600,
[data-theme="light"] a.bg-indigo-600,
[data-theme="light"] a.bg-purple-600 {
    color: #ffffff !important;
}

[data-theme="light"] .bg-blue-500 .text-white,
[data-theme="light"] .bg-blue-600 .text-white,
[data-theme="light"] .bg-blue-700 .text-white,
[data-theme="light"] .bg-indigo-500 .text-white,
[data-theme="light"] .bg-indigo-600 .text-white,
[data-theme="light"] .bg-purple-500 .text-white,
[data-theme="light"] .bg-purple-600 .text-white,
[data-theme="light"] .bg-green-500 .text-white,
[data-theme="light"] .bg-green-600 .text-white,
[data-theme="light"] .bg-emerald-500 .text-white,
[data-theme="light"] .bg-emerald-600 .text-white,
[data-theme="light"] .bg-red-500 .text-white,
[data-theme="light"] .bg-red-600 .text-white,
[data-theme="light"] .bg-amber-500 .text-white,
[data-theme="light"] .bg-amber-600 .text-white,
[data-theme="light"] .bg-slate-700 .text-white,
[data-theme="light"] .bg-slate-800 .text-white,
[data-theme="light"] button[class*="bg-blue-"] .text-white,
[data-theme="light"] button[class*="bg-indigo-"] .text-white,
[data-theme="light"] button[class*="bg-purple-"] .text-white,
[data-theme="light"] button[class*="bg-green-"] .text-white,
[data-theme="light"] button[class*="bg-emerald-"] .text-white,
[data-theme="light"] button[class*="bg-red-"] .text-white,
[data-theme="light"] button[class*="bg-amber-"] .text-white,
[data-theme="light"] a[class*="bg-blue-"] .text-white,
[data-theme="light"] a[class*="bg-indigo-"] .text-white,
[data-theme="light"] a[class*="bg-purple-"] .text-white {
    color: #ffffff !important;
}

/* Custom dark cards: light surfaces in light mode */
[data-theme="light"] .dh-card {
    background: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    box-shadow: 0 4px 20px rgba(0, 27, 46, 0.05) !important;
}

[data-theme="light"] .member-card {
    background: linear-gradient(145deg, #ffffff, #eef3f9) !important;
    border: 1px solid #b3cde4 !important;
}

[data-theme="light"] .member-card-header {
    background: linear-gradient(135deg, #eef3f9, #e8f0f7) !important;
    border-bottom: 1px solid #b3cde4 !important;
}

[data-theme="light"] .member-card:hover {
    box-shadow: 0 10px 24px rgba(0, 27, 46, 0.1) !important;
}

/* ─── Harris component helpers (global) ──────────────────────── */
.hd-card {
    background: var(--hd-card);
    border: 1px solid var(--hd-border);
    border-radius: 20px;
    box-shadow: var(--hd-shadow-sm);
}

.hd-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 32px 36px;
    border-radius: 24px;
    border: 1px solid rgba(179, 205, 228, 0.35);
    background: var(--hd-hero-gradient);
    box-shadow: 0 16px 36px rgba(0, 27, 46, 0.18);
    position: relative;
    overflow: hidden;
}

.hd-eyebrow {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #b3cde4;
}

.hd-title {
    margin-top: 8px;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #eef3f9;
}

.hd-subtitle {
    margin-top: 8px;
    max-width: 52rem;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(238, 243, 249, 0.84);
}

.hd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    transition: transform 0.28s var(--hd-ease-spring), box-shadow 0.28s var(--hd-ease-spring), background-color 0.22s ease;
    cursor: pointer;
}

.hd-btn-primary {
    background: #1d3f58;
    color: #eef3f9;
    box-shadow: 0 4px 12px rgba(0, 27, 46, 0.18);
    border: 1px solid transparent;
}

.hd-btn-primary:hover {
    background: #001b2e;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 27, 46, 0.24);
}

.hd-btn-soft {
    background: var(--hd-card);
    border: 1px solid var(--hd-border);
    color: #1d3f58;
    box-shadow: 0 1px 2px rgba(0, 27, 46, 0.03);
}

.hd-btn-soft:hover {
    background: var(--hd-surface);
    border-color: #537692;
    color: #001b2e;
    transform: translateY(-2px);
}

.hd-tab {
    border: none;
    background: transparent;
    color: #537692;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

.hd-tab.active {
    background: var(--hd-card);
    color: #001b2e;
    box-shadow: 0 1px 3px rgba(0, 27, 46, 0.08);
}

.hd-table-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    background: var(--hd-surface);
    padding: 4px;
    border-radius: 12px;
    border: 1px solid var(--hd-border);
}

.hd-input {
    width: 100%;
    border: 1px solid var(--hd-border);
    border-radius: 10px;
    background: var(--hd-card);
    color: var(--hd-ink);
    padding: 10px 14px;
    font-size: 13.5px;
    outline: none;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 27, 46, 0.03);
}

.hd-input:focus {
    border-color: #537692;
    box-shadow: 0 0 0 3px rgba(83, 118, 146, 0.18);
}

[data-theme="dark"] .hd-card {
    background: var(--hd-card);
    border-color: var(--hd-border);
}

[data-theme="dark"] .hd-btn-soft {
    background: #0b2c45;
    color: #eef3f9;
    border-color: rgba(179, 205, 228, 0.22);
}

[data-theme="dark"] .hd-tab.active {
    background: #0f3550;
    color: #eef3f9;
}

[data-theme="dark"] .hd-input {
    background: #0b2c45;
    color: #eef3f9;
    border-color: rgba(179, 205, 228, 0.22);
}
[data-theme="light"] {
    --hd-ink: #001b2e;
    --hd-primary: #1d3f58;
    --hd-accent: #537692;
    --hd-border: #b3cde4;
    --hd-surface: #eef3f9;
    --hd-surface-soft: #eef3f9;
    --hd-card: #ffffff;
    --theme-bg: #eef3f9;
    /* slate-50 */
    --theme-bg2: #ffffff;
    --theme-bg3: #b3cde4;
    /* slate-200 */
    --theme-card: rgba(255, 255, 255, 0.95);
    --theme-card-border: rgba(0, 0, 0, 0.06);
    --theme-text: #001b2e;
    /* slate-900 */
    --theme-text-muted: #537692;
    /* slate-600 */
    --theme-text-sub: #537692;
    /* slate-400 */
    --theme-input-bg: #ffffff;
    --theme-input-border: #b3cde4;
    /* slate-300 */
    --theme-nav-bg: rgba(255, 255, 255, 0.9);
    --theme-divider: #b3cde4;
    --theme-shadow: rgba(0, 0, 0, 0.08);
}

/* ─── Body & Root Background ────────────────────────────────── */
[data-theme="light"] body {
    background-color: #eef3f9 !important;
    color: #001b2e !important;
}

/* ─── Glass Components ──────────────────────────────────────── */
.glass {
    background: rgba(31, 41, 55, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .glass {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* ─── Theme Toggle Button (Professional Solid) ────────────────── */
#theme-toggle-btn {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 9999;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.25s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    background: #1f2937;
    color: #f59e0b;
}

#theme-toggle-btn:hover {
    transform: translateY(-2px);
    background: #374151;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

[data-theme="light"] #theme-toggle-btn {
    background: #ffffff;
    border-color: #b3cde4;
    color: #ef4444;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] #theme-toggle-btn:hover {
    background: #eef3f9;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

/* ─── Navbar: handled globally in Harris prefix above ───────── */

/* Dropdown menu in navbar — legacy light overrides removed; see global nav */

/* ─── Text & Border Colors (Light Mode) ────────────────────── */
[data-theme="light"] .text-white {
    color: #001b2e !important;
}

[data-theme="light"] .text-gray-300 {
    color: #537692 !important;
}

[data-theme="light"] .text-gray-100 {
    color: #001b2e !important;
}

[data-theme="light"] .text-gray-200 {
    color: #1d3f58 !important;
}

[data-theme="light"] .text-gray-400 {
    color: #537692 !important;
}

[data-theme="light"] .text-gray-500 {
    color: #537692 !important;
}

[data-theme="light"] .text-gray-600 {
    color: #1d3f58 !important;
}

[data-theme="light"] .border-gray-700,
[data-theme="light"] .border-gray-800 {
    border-color: #b3cde4 !important;
}

[data-theme="light"] .bg-gray-800,
[data-theme="light"] .bg-gray-900 {
    background-color: #ffffff !important;
    color: #001b2e !important;
}

[data-theme="light"] .bg-gray-700 {
    background-color: #e8f0f7 !important;
    color: #537692 !important;
}

[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #537692 !important;
}

[data-theme="light"] input.bg-gray-900\/50,
[data-theme="light"] input.bg-gray-800,
[data-theme="light"] input.bg-gray-700,
[data-theme="light"] select.bg-gray-900\/50,
[data-theme="light"] select.bg-gray-800,
[data-theme="light"] select.bg-gray-700,
[data-theme="light"] textarea.bg-gray-900\/50,
[data-theme="light"] textarea.bg-gray-800,
[data-theme="light"] textarea.bg-gray-700 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .placeholder-gray-400::placeholder {
    color: #537692 !important;
}

/* ─── Specific Text Colors ──────────────────────────────────── */
[data-theme="light"] .text-blue-400 {
    color: #1d3f58 !important;
}

[data-theme="light"] .text-blue-300 {
    color: #3b82f6 !important;
}

[data-theme="light"] .text-emerald-400 {
    color: #059669 !important;
}

[data-theme="light"] .text-purple-400 {
    color: #7c3aed !important;
}

[data-theme="light"] .text-amber-400 {
    color: #d97706 !important;
}

[data-theme="light"] .text-red-400 {
    color: #dc2626 !important;
}

/* ─── Button & Badge Overrides (Light Mode) ──────────────────── */

/* Primary / Blue */
[data-theme="light"] .bg-blue-600,
[data-theme="light"] .bg-blue-500,
[data-theme="light"] button.bg-blue-600 {
    background-color: #1d3f58 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
}
[data-theme="light"] .bg-blue-600:hover,
[data-theme="light"] .bg-blue-500:hover,
[data-theme="light"] button.bg-blue-600:hover {
    background-color: #001b2e !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2) !important;
}

/* Success / Green */
[data-theme="light"] .bg-green-600,
[data-theme="light"] .bg-green-500,
[data-theme="light"] .bg-emerald-600,
[data-theme="light"] button.bg-green-600 {
    background-color: #059669 !important;
    color: #ffffff !important;
}
[data-theme="light"] .bg-green-600:hover,
[data-theme="light"] .bg-green-500:hover,
[data-theme="light"] button.bg-green-600:hover {
    background-color: #047857 !important;
}

/* Danger / Red */
[data-theme="light"] .bg-red-600,
[data-theme="light"] .bg-red-500,
[data-theme="light"] button.bg-red-600 {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}
[data-theme="light"] .bg-red-600:hover,
[data-theme="light"] .bg-red-500:hover,
[data-theme="light"] button.bg-red-600:hover {
    background-color: #b91c1c !important;
}

/* Warning / Yellow */
[data-theme="light"] .bg-yellow-600,
[data-theme="light"] .bg-yellow-500,
[data-theme="light"] .bg-amber-500 {
    background-color: #d97706 !important;
    color: #ffffff !important;
}

/* Purple */
[data-theme="light"] .bg-purple-600,
[data-theme="light"] .bg-purple-500 {
    background-color: #7c3aed !important;
    color: #ffffff !important;
}

/* Secondary / Gray */
[data-theme="light"] .bg-gray-600,
[data-theme="light"] button.bg-gray-700 {
    background-color: #b3cde4 !important;
    color: #537692 !important;
    border: 1px solid #b3cde4 !important;
}
[data-theme="light"] .bg-gray-600:hover,
[data-theme="light"] button.bg-gray-700:hover {
    background-color: #b3cde4 !important;
    color: #1d3f58 !important;
}

/* Text on colored buttons should always be white */
[data-theme="light"] button[class*="bg-blue-"] span,
[data-theme="light"] button[class*="bg-green-"] span,
[data-theme="light"] button[class*="bg-red-"] span,
[data-theme="light"] button[class*="bg-purple-"] span {
    color: #ffffff !important;
}

/* Navbar buttons - keep them clean (exclude colored action buttons) */
[data-theme="light"] nav button.text-white:not(.bg-blue-600):not([class*="bg-blue-"]):not([class*="bg-indigo-"]):not([class*="bg-purple-"]):not([class*="bg-green-"]):not([class*="bg-emerald-"]):not([class*="bg-red-"]):not([class*="bg-amber-"]) {
    color: rgba(238, 243, 249, 0.92) !important;
}
[data-theme="light"] nav button.text-white:not(.bg-blue-600):not([class*="bg-blue-"]):not([class*="bg-indigo-"]):not([class*="bg-purple-"]):not([class*="bg-green-"]):not([class*="bg-emerald-"]):not([class*="bg-red-"]):not([class*="bg-amber-"]):hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Badges */
[data-theme="light"] .bg-blue-500\/10,
[data-theme="light"] .bg-blue-900\/20 {
    background-color: #eff6ff !important;
    color: #001b2e !important;
    border: 1px solid #dbeafe !important;
}

[data-theme="light"] .bg-green-500\/10,
[data-theme="light"] .bg-green-900\/20 {
    background-color: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #d1fae5 !important;
}

[data-theme="light"] .bg-red-500\/10,
[data-theme="light"] .bg-red-900\/20 {
    background-color: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fee2e2 !important;
}

[data-theme="light"] .bg-yellow-500\/10,
[data-theme="light"] .bg-yellow-900\/20 {
    background-color: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fef3c7 !important;
}

/* ─── Details Button fix (Image 2) ─────────────────────────── */
[data-theme="light"] button.bg-gray-700\/50 {
    background-color: #e8f0f7 !important;
    color: #537692 !important;
    border-color: #b3cde4 !important;
}

[data-theme="light"] button.bg-gray-700\/50:hover {
    background-color: #b3cde4 !important;
    color: #001b2e !important;
}

/* ─── Card Overrides (Today's Work - Image 1) ───────────────── */
[data-theme="light"] .bg-gray-700\/30 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
}

[data-theme="light"] .bg-gray-700\/30:hover {
    background-color: #eef3f9 !important;
}

[data-theme="light"] .bg-gray-700\/50 {
    background-color: #e8f0f7 !important;
}

/* ─── Unified Card Surfaces (Light Mode) ───────────────────── */
[data-theme="light"] .bg-gray-800\/20,
[data-theme="light"] .bg-gray-800\/30,
[data-theme="light"] .bg-gray-800\/40,
[data-theme="light"] .bg-gray-800\/50,
[data-theme="light"] .bg-gray-800\/60,
[data-theme="light"] .bg-gray-800\/70,
[data-theme="light"] .bg-gray-900\/20,
[data-theme="light"] .bg-gray-900\/30,
[data-theme="light"] .bg-gray-900\/40,
[data-theme="light"] .bg-gray-900\/50,
[data-theme="light"] .bg-gray-900\/60,
[data-theme="light"] .bg-gray-900\/70,
[data-theme="light"] .bg-gray-900\/80 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .hover\:bg-gray-800\/60:hover,
[data-theme="light"] .hover\:bg-gray-800\/70:hover,
[data-theme="light"] .hover\:bg-gray-700\/60:hover,
[data-theme="light"] .hover\:bg-gray-700\/20:hover,
[data-theme="light"] .hover\:bg-gray-700:hover {
    background-color: #eef3f9 !important;
    color: #001b2e !important;
}

/* Navbar dropdown/mobile: keep navy-panel hover (beat generic hover:bg-gray-700 remap above) */
[data-theme="light"] nav .navbar-dropdown a:hover,
[data-theme="light"] nav .group > div.bg-gray-800 a:hover,
[data-theme="light"] nav #mobile-menu a:hover,
[data-theme="dark"] nav .navbar-dropdown a:hover,
[data-theme="dark"] nav .group > div.bg-gray-800 a:hover,
[data-theme="dark"] nav #mobile-menu a:hover {
    background-color: rgba(83, 118, 146, 0.35) !important;
    color: #ffffff !important;
}

[data-theme="light"] nav .navbar-dropdown a.text-gray-300:hover,
[data-theme="light"] nav .navbar-dropdown a.hover\:text-white:hover,
[data-theme="light"] nav .group > div.bg-gray-800 a.text-gray-300:hover,
[data-theme="light"] nav #mobile-menu a.text-gray-300:hover,
[data-theme="dark"] nav .navbar-dropdown a.text-gray-300:hover,
[data-theme="dark"] nav .group > div.bg-gray-800 a.text-gray-300:hover,
[data-theme="dark"] nav #mobile-menu a.text-gray-300:hover {
    color: #ffffff !important;
}

/* Top-level nav buttons stay light when dropdown group is open */
[data-theme="light"] nav .group:hover .group-hover\:text-white,
[data-theme="light"] nav .group:hover .navbar-link.group-hover\:text-white,
[data-theme="dark"] nav .group:hover .group-hover\:text-white,
[data-theme="dark"] nav .group:hover .navbar-link.group-hover\:text-white {
    color: #ffffff !important;
}

/* Active/current nav link inside dropdowns (JS adds bg-gray-700/800) */
[data-theme="light"] nav .navbar-dropdown a.bg-gray-700,
[data-theme="light"] nav .group > div.bg-gray-800 a.bg-gray-700,
[data-theme="light"] nav #mobile-menu a.bg-gray-800,
[data-theme="dark"] nav .navbar-dropdown a.bg-gray-700,
[data-theme="dark"] nav .group > div.bg-gray-800 a.bg-gray-700,
[data-theme="dark"] nav #mobile-menu a.bg-gray-800 {
    background-color: rgba(83, 118, 146, 0.45) !important;
    color: #ffffff !important;
}

[data-theme="light"] nav .navbar-dropdown a.bg-gray-700.text-white,
[data-theme="light"] nav .group > div.bg-gray-800 a.bg-gray-700.text-white,
[data-theme="light"] nav #mobile-menu a.bg-gray-800.text-white {
    color: #ffffff !important;
}

/* ─── Column visibility button (Image 2) ───────────────────── */
[data-theme="light"] button.bg-gray-700\/60 {
    background-color: #ffffff !important;
    color: #537692 !important;
    border-color: #b3cde4 !important;
}

[data-theme="light"] button.bg-gray-700\/60:hover {
    background-color: #eef3f9 !important;
    color: #001b2e !important;
}

/* ─── Preserve gradient text readability ─────────── */
[data-theme="light"] .bg-clip-text.text-transparent {
    -webkit-text-fill-color: transparent !important;
}

/* ─── Status Tracker bar colors ──────────────────────────────── */
[data-theme="light"] .bg-blue-500\/10 {
    background-color: rgba(59, 130, 246, 0.12) !important;
}

[data-theme="light"] .bg-emerald-500\/10 {
    background-color: rgba(16, 185, 129, 0.12) !important;
}

[data-theme="light"] .bg-amber-500\/10 {
    background-color: rgba(245, 158, 11, 0.12) !important;
}

[data-theme="light"] .bg-purple-500\/10 {
    background-color: rgba(139, 92, 246, 0.12) !important;
}

[data-theme="light"] .bg-red-500\/10 {
    background-color: rgba(239, 68, 68, 0.12) !important;
}

/* ─── Blue tinted input backgrounds ─────────────────────────── */
[data-theme="light"] .bg-blue-900\/40 {
    background-color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="light"] .bg-blue-500\/5 {
    background-color: rgba(241, 245, 249, 0.8) !important;
}

[data-theme="light"] .bg-blue-500\/10 {
    background-color: rgba(239, 246, 255, 0.8) !important;
}

[data-theme="light"] .bg-blue-600\/10 {
    background-color: rgba(239, 246, 255, 0.6) !important;
}

[data-theme="light"] .bg-blue-600\/20 {
    background-color: rgba(219, 234, 254, 0.7) !important;
}

/* ─── Focus ring / highlight color fixes ────────────────────── */
[data-theme="light"] .focus\:border-blue-500\/40:focus {
    border-color: rgba(59, 130, 246, 0.5) !important;
}

[data-theme="light"] .focus\:bg-blue-500\/10:focus {
    background-color: rgba(239, 246, 255, 0.8) !important;
}

/* ─── Inline rgba glass hack for scoreboard.html ────────────── */
/* Targets elements with inline background: rgba(31, 41, 55, ...) */
[data-theme="light"] [style*="rgba(31,41,55"],
[data-theme="light"] [style*="rgba(31, 41, 55"] {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ─── Scrum Notes: panel & modal glass backgrounds ───────────  */
[data-theme="light"] .bg-gray-900\/80 {
    background-color: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .bg-gray-900\/60 {
    background-color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="light"] .border-white\/5 {
    border-color: rgba(0, 0, 0, 0.07) !important;
}

/* ─── Todo checklist items ───────────────────────────────────── */
[data-theme="light"] .line-through {
    color: #537692 !important;
}

/* ─── Bulk update row highlight ─────────────────────────────── */
[data-theme="light"] tr.selected-row {
    background-color: rgba(59, 130, 246, 0.08) !important;
}

/* ─── Offcanvas Overrides (Ticket Details - Image 3) ───────── */
[data-theme="light"] .custom-offcanvas-backdrop {
    background: rgba(0, 27, 46, 0.4) !important;
}

[data-theme="light"] .custom-offcanvas {
    background-color: #ffffff !important;
    border-left-color: #b3cde4 !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .custom-offcanvas-header {
    background-color: #eef3f9 !important;
    border-bottom-color: #b3cde4 !important;
}

[data-theme="light"] .custom-offcanvas-header h5 {
    color: #001b2e !important;
}

[data-theme="light"] .btn-close-custom {
    background-color: #b3cde4 !important;
    color: #537692 !important;
}

[data-theme="light"] .btn-close-custom:hover {
    background-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .offcanvas-table th {
    color: #537692 !important;
    border-bottom-color: #e8f0f7 !important;
}

[data-theme="light"] .offcanvas-table td {
    color: #1d3f58 !important;
    border-bottom-color: #e8f0f7 !important;
}

[data-theme="light"] .custom-offcanvas-body h4 {
    color: #537692 !important;
}

/* Description box in offcanvas */
[data-theme="light"] .custom-offcanvas-body .bg-gray-900\/50 {
    background-color: #eef3f9 !important;
    border-color: #b3cde4 !important;
    color: #537692 !important;
}

/* Linked bug table in offcanvas */
[data-theme="light"] .custom-offcanvas-body .border-gray-700\/50,
[data-theme="light"] .custom-offcanvas-body .border-gray-700 {
    border-color: #b3cde4 !important;
}

/* Status badges and tags in offcanvas */
[data-theme="light"] .custom-offcanvas-body span.bg-gray-700,
[data-theme="light"] .custom-offcanvas-body .bg-gray-700 {
    background-color: #e8f0f7 !important;
    color: #537692 !important;
    border: 1px solid #b3cde4 !important;
}

/* ─── Global Select2 Dark Theme Fixes ───────────────────────── */
.select2-results__option--selected {
    background-color: #374151 !important;
    color: white !important;
}

.select2-results__option[aria-selected=true] {
    background-color: #374151 !important;
    color: white !important;
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #1d3f58 !important;
    color: white !important;
}

/* Ensure text is visible in all states */
.select2-results__option {
    color: #d1d5db;
}

/* ─── Fixes for Profile Icon & Tag Pills (Light Mode) ───────── */

/* Profile Icon Text */
[data-theme="light"] .profile-icon {
    color: #ffffff !important;
}

/* Navbar Button Text Fix */
[data-theme="light"] nav button.bg-blue-600 {
    color: #ffffff !important;
}

/* JS Tag Pills Overrides (bg-*-500/20) */
[data-theme="light"] .bg-blue-500\/20 {
    background-color: #eff6ff !important;
    border-color: #dbeafe !important;
    color: #001b2e !important;
}
[data-theme="light"] .bg-red-500\/20 {
    background-color: #fef2f2 !important;
    border-color: #fee2e2 !important;
    color: #b91c1c !important;
}
[data-theme="light"] .bg-green-500\/20 {
    background-color: #ecfdf5 !important;
    border-color: #d1fae5 !important;
    color: #047857 !important;
}
[data-theme="light"] .bg-yellow-500\/20 {
    background-color: #fffbeb !important;
    border-color: #fef3c7 !important;
    color: #b45309 !important;
}
[data-theme="light"] .bg-purple-500\/20 {
    background-color: #f5f3ff !important;
    border-color: #ede9fe !important;
    color: #7c3aed !important;
}
[data-theme="light"] .bg-pink-500\/20 {
    background-color: #fdf2f8 !important;
    border-color: #fce7f3 !important;
    color: #be185d !important;
}
[data-theme="light"] .bg-gray-500\/20 {
    background-color: #eef3f9 !important;
    border-color: #b3cde4 !important;
    color: #537692 !important;
}

[data-theme="light"] .back-btn-report {
    background: #e8f0f7 !important;
    color: #1d3f58 !important;
    border: 1px solid #b3cde4 !important;
}

[data-theme="light"] .back-btn-report:hover {
    background: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] #tableWrapper .gridjs-container {
    color: #001b2e !important;
}

[data-theme="light"] #tableWrapper .gridjs-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    box-shadow: 0 8px 20px rgba(0, 27, 46, 0.06) !important;
}

[data-theme="light"] #tableWrapper .gridjs-head,
[data-theme="light"] #tableWrapper .gridjs-th {
    background-color: #eef3f9 !important;
    color: #537692 !important;
    border-bottom: 1px solid #b3cde4 !important;
}

[data-theme="light"] #tableWrapper .gridjs-tr {
    background-color: #ffffff !important;
}

[data-theme="light"] #tableWrapper .gridjs-tr:hover td {
    background-color: #eef3f9 !important;
}

[data-theme="light"] #tableWrapper .gridjs-td {
    border-bottom: 1px solid #b3cde4 !important;
    color: #1d3f58 !important;
}

[data-theme="light"] #tableWrapper .gridjs-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #b3cde4 !important;
}

[data-theme="light"] #tableWrapper .gridjs-summary {
    color: #537692 !important;
}

[data-theme="light"] #tableWrapper .gridjs-pagination .gridjs-pages button {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #537692 !important;
}

[data-theme="light"] #tableWrapper .gridjs-pagination .gridjs-pages button:hover {
    background-color: #e8f0f7 !important;
    color: #001b2e !important;
}

[data-theme="light"] #tableWrapper .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background-color: #1d3f58 !important;
    border-color: #1d3f58 !important;
    color: #ffffff !important;
}

[data-theme="light"] #tableWrapper input.gridjs-input {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] #tableWrapper input.gridjs-input::placeholder {
    color: #537692 !important;
}

[data-theme="light"] #tableWrapper .gridjs-checkbox,
[data-theme="light"] #tableWrapper .row-checkbox,
[data-theme="light"] #tableWrapper .header-checkbox {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
}

[data-theme="light"] #editModal .bg-gray-800,
[data-theme="light"] #exportModal .bg-gray-800 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] #editModal .border-gray-700,
[data-theme="light"] #exportModal .border-gray-700 {
    border-color: #b3cde4 !important;
}

[data-theme="light"] #editJqlInput.bg-gray-700 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] #columnList .bg-gray-700\/50 {
    background-color: #eef3f9 !important;
    border-color: #b3cde4 !important;
}

[data-theme="light"] #columnList .hover\:border-gray-600:hover {
    border-color: #b3cde4 !important;
    background-color: #e8f0f7 !important;
}

[data-theme="light"] {
    --bg-main: #eef3f9;
}

[data-theme="light"] .glass-card,
[data-theme="light"] .glass-panel {
    background: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    box-shadow: 0 8px 20px rgba(0, 27, 46, 0.06) !important;
    color: #001b2e !important;
}

[data-theme="light"] .glass-panel:hover {
    border-color: #b3cde4 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 27, 46, 0.08) !important;
}

[data-theme="light"] .bg-slate-900\/80,
[data-theme="light"] .bg-slate-900\/60,
[data-theme="light"] .bg-slate-900\/40,
[data-theme="light"] .bg-slate-900,
[data-theme="light"] .bg-slate-800 {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .text-slate-200 {
    color: #1d3f58 !important;
}

[data-theme="light"] .text-slate-400 {
    color: #537692 !important;
}

[data-theme="light"] .text-slate-500 {
    color: #537692 !important;
}

[data-theme="light"] .ring-gray-800,
[data-theme="light"] .ring-black,
[data-theme="light"] .ring-white\/5 {
    --tw-ring-color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] .hover\:bg-white\/5:hover {
    background-color: #eef3f9 !important;
}

[data-theme="light"] .group-hover\:text-white {
    color: inherit !important;
}

[data-theme="light"] .group:hover .group-hover\:text-white {
    color: #001b2e !important;
}

[data-theme="light"] .select2-container--default .select2-selection--single,
[data-theme="light"] .select2-container--default .select2-selection--multiple {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3b82f6 !important;
    background-color: #ffffff !important;
}

[data-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-theme="light"] .select2-container--default .select2-selection--multiple .select2-selection__rendered,
[data-theme="light"] .select2-search__field {
    color: #001b2e !important;
}

[data-theme="light"] .select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .select2-results__option--selected,
[data-theme="light"] .select2-results__option[aria-selected=true] {
    background-color: #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .select2-results__option--highlighted[aria-selected] {
    background-color: #1d3f58 !important;
    color: #ffffff !important;
}

[data-theme="light"] .gridjs-container,
[data-theme="light"] .gridjs-wrapper,
[data-theme="light"] .gridjs-table,
[data-theme="light"] .gridjs-tbody {
    background-color: #ffffff !important;
    color: #001b2e !important;
}

[data-theme="light"] .gridjs-wrapper {
    border: 1px solid #b3cde4 !important;
    box-shadow: 0 8px 20px rgba(0, 27, 46, 0.06) !important;
}

[data-theme="light"] .gridjs-thead,
[data-theme="light"] .gridjs-head,
[data-theme="light"] .gridjs-th {
    background-color: #eef3f9 !important;
    color: #537692 !important;
    border-bottom: 1px solid #b3cde4 !important;
}

[data-theme="light"] .gridjs-tr {
    background-color: #ffffff !important;
    border-bottom: 1px solid #b3cde4 !important;
}

[data-theme="light"] .gridjs-tr:hover,
[data-theme="light"] .gridjs-tr:hover td {
    background-color: #eef3f9 !important;
}

[data-theme="light"] .gridjs-td {
    color: #1d3f58 !important;
    border-bottom: 1px solid #b3cde4 !important;
}

[data-theme="light"] .gridjs-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #b3cde4 !important;
    color: #537692 !important;
}

[data-theme="light"] .gridjs-pagination .gridjs-pages button {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #537692 !important;
}

[data-theme="light"] .gridjs-pagination .gridjs-pages button:hover:not(:disabled) {
    background-color: #e8f0f7 !important;
    color: #001b2e !important;
    border-color: #93c5fd !important;
}

[data-theme="light"] .gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background-color: #1d3f58 !important;
    border-color: #1d3f58 !important;
    color: #ffffff !important;
}

[data-theme="light"] .gridjs-search-input,
[data-theme="light"] input.gridjs-input {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
    color: #001b2e !important;
}

[data-theme="light"] .gridjs-search-input::placeholder,
[data-theme="light"] input.gridjs-input::placeholder {
    color: #537692 !important;
}

[data-theme="light"] .row-checkbox,
[data-theme="light"] .header-checkbox,
[data-theme="light"] .gridjs-checkbox {
    background-color: #ffffff !important;
    border: 1px solid #b3cde4 !important;
}

[data-theme="light"] nav .profile-icon,
[data-theme="light"] nav .profile-icon.text-white,
[data-theme="light"] nav .profile-icon * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

[data-theme="light"] #sprintContent {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
}

[data-theme="light"] #weeksGrid > section {
    background-color: #ffffff !important;
    border-color: #b3cde4 !important;
    box-shadow: 0 6px 18px rgba(0, 27, 46, 0.05) !important;
}

[data-theme="light"] #weeksGrid > section > div:first-child {
    background-color: #eef3f9 !important;
    border-bottom-color: #b3cde4 !important;
}

[data-theme="light"] #weeksGrid > section > div:first-child h3 {
    color: #1d3f58 !important;
}

[data-theme="light"] #weeksGrid > section > div:first-child .text-gray-400 {
    color: #537692 !important;
}

[data-theme="light"] #weeksGrid > section > div:first-child .bg-gray-700 {
    background-color: #b3cde4 !important;
    color: #1d3f58 !important;
}

[data-theme="light"] #weeksGrid thead.bg-gray-900\/70 {
    background-color: #e8f0f7 !important;
    border-bottom-color: #b3cde4 !important;
}

[data-theme="light"] #weeksGrid tbody tr {
    background-color: #ffffff !important;
}

[data-theme="light"] #weeksGrid tbody tr:hover {
    background-color: #eef3f9 !important;
}

[data-theme="light"] #weeksGrid tbody td {
    border-bottom: 1px solid #eef2f7 !important;
}

[data-theme="light"] #weeksGrid > section > div:last-child {
    background-color: #eef3f9 !important;
    border-top-color: #b3cde4 !important;
}

[data-theme="light"] .ticket-note-badge {
    background: #fef3c7 !important;
    border: 1px solid #f59e0b !important;
    color: #b45309 !important;
    box-shadow: 0 3px 8px rgba(148, 64, 0, 0.2) !important;
}

[data-theme="light"] .ticket-note-badge i {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
}

[data-theme="light"] .toast-item {
    box-shadow: 0 10px 24px rgba(0, 27, 46, 0.12) !important;
}

[data-theme="light"] .toast-item.toast-success {
    background: #ecfdf5 !important;
    border-color: #86efac !important;
    color: #166534 !important;
}

[data-theme="light"] .toast-item.toast-error {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

[data-theme="light"] .toast-item.toast-info {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d3f58 !important;
}

/* Inline flash banners (#flashBox, page alerts) */
.ui-flash-success {
    border-color: rgba(16, 185, 129, 0.45);
    background: rgba(6, 78, 59, 0.35);
    color: #bbf7d0;
}

.ui-flash-error {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.35);
    color: #fecaca;
}

.ui-flash-info {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(30, 58, 138, 0.35);
    color: #bfdbfe;
}

[data-theme="light"] .ui-flash-success {
    background: #ecfdf5 !important;
    border-color: #86efac !important;
    color: #166534 !important;
}

[data-theme="light"] .ui-flash-error {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

[data-theme="light"] .ui-flash-info {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d3f58 !important;
}