/* ============================================================
   JRMPanel — Light Theme v2
   Complete override for all dark-mode variables and selectors
   ============================================================ */

/* --- Design Tokens: Light Mode --- */
[data-theme="light"] {
  color-scheme: light;

  /* JRM tokens */
  --jrm-accent: #4f46e5;
  --jrm-accent-light: #6366f1;
  --jrm-accent-dark: #4338ca;
  --jrm-accent-glow: rgba(99,102,241,.2);

  --jrm-bg: #f1f5f9;
  --jrm-surface: #ffffff;
  --jrm-surface2: #f8fafc;
  --jrm-surface3: #f1f5f9;
  --jrm-border: rgba(0,0,0,.08);
  --jrm-border-light: rgba(0,0,0,.12);

  --jrm-text: #1e293b;
  --jrm-text-dim: #475569;
  --jrm-text-muted: #94a3b8;

  --jrm-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
  --jrm-shadow-lg: 0 8px 32px rgba(0,0,0,.08);

  --jrm-glass: rgba(255,255,255,.7);
  --jrm-glass-border: rgba(0,0,0,.06);
  --jrm-glow-sm: 0 0 15px rgba(99,102,241,.08);
  --jrm-glow-md: 0 0 30px rgba(99,102,241,.1);

  /* Bootstrap overrides */
  --bs-body-color: #1e293b;
  --bs-body-color-rgb: 30,41,59;
  --bs-body-bg: #f1f5f9;
  --bs-body-bg-rgb: 241,245,249;
  --bs-emphasis-color: #0f172a;
  --bs-emphasis-color-rgb: 15,23,42;
  --bs-secondary-color: #475569;
  --bs-secondary-color-rgb: 71,85,105;
  --bs-secondary-bg: #f8fafc;
  --bs-secondary-bg-rgb: 248,250,252;
  --bs-tertiary-color: #94a3b8;
  --bs-tertiary-color-rgb: 148,163,184;
  --bs-tertiary-bg: #f1f5f9;
  --bs-tertiary-bg-rgb: 241,245,249;
  --bs-heading-color: #0f172a;
  --bs-link-color: #4f46e5;
  --bs-link-color-rgb: 79,70,229;
  --bs-link-hover-color: #4338ca;
  --bs-link-hover-color-rgb: 67,56,202;
  --bs-border-color: rgba(0,0,0,.1);
  --bs-border-color-translucent: rgba(0,0,0,.06);
  --bs-card-bg: #ffffff;
  --bs-card-color: #1e293b;
  --bs-card-border-color: rgba(0,0,0,.08);
  --bs-card-cap-bg: transparent;
  --bs-table-bg: transparent;
  --bs-table-color: #1e293b;
  --bs-table-border-color: rgba(0,0,0,.06);
  --bs-table-striped-bg: rgba(0,0,0,.015);
  --bs-table-hover-bg: rgba(0,0,0,.03);
  --bs-table-hover-color: #1e293b;
  --bs-input-bg: #ffffff;
  --bs-input-color: #1e293b;
  --bs-input-border-color: #cbd5e1;
  --bs-input-placeholder-color: #94a3b8;
}

/* --- Body --- */
[data-theme="light"] body {
  background: var(--jrm-bg);
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(99,102,241,.04) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 100%, rgba(6,182,212,.03) 0%, transparent 50%);
  color: var(--jrm-text);
}

/* --- Links --- */
[data-theme="light"] a { color: var(--jrm-accent); }
[data-theme="light"] a:hover { color: var(--jrm-accent-dark); }

/* --- Scrollbar --- */
[data-theme="light"] * { scrollbar-color: #cbd5e1 transparent; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ============================================================
   SIDEBAR
   ============================================================ */
[data-theme="light"] .sidebar {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-right-color: rgba(0,0,0,.08);
  box-shadow: 1px 0 0 rgba(0,0,0,.05), 4px 0 24px rgba(0,0,0,.04);
}

[data-theme="light"] .sidebar-brand {
  border-bottom-color: rgba(0,0,0,.06);
}
[data-theme="light"] .sidebar-brand::after {
  background: linear-gradient(90deg, transparent, rgba(99,102,241,.15), transparent);
}

[data-theme="light"] .sidebar-section {
  color: var(--sc);
}

/* Light theme: deeper tones for readability on white */
[data-theme="light"] .sc-indigo  { --sc: #4f46e5; --sc-glow: rgba(79,70,229,.2); }
[data-theme="light"] .sc-cyan    { --sc: #0891b2; --sc-glow: rgba(8,145,178,.2); }
[data-theme="light"] .sc-amber   { --sc: #d97706; --sc-glow: rgba(217,119,6,.2); }
[data-theme="light"] .sc-emerald { --sc: #059669; --sc-glow: rgba(5,150,105,.2); }
[data-theme="light"] .sc-rose    { --sc: #e11d48; --sc-glow: rgba(225,29,72,.2); }
[data-theme="light"] .sc-blue    { --sc: #2563eb; --sc-glow: rgba(37,99,235,.2); }
[data-theme="light"] .sc-violet  { --sc: #7c3aed; --sc-glow: rgba(124,58,237,.2); }
[data-theme="light"] .sc-orange  { --sc: #ea580c; --sc-glow: rgba(234,88,12,.2); }
[data-theme="light"] .sc-teal    { --sc: #0d9488; --sc-glow: rgba(13,148,136,.2); }
[data-theme="light"] .sc-pink    { --sc: #db2777; --sc-glow: rgba(219,39,119,.2); }

[data-theme="light"] .sidebar .nav-link {
  color: #475569;
  border-left-color: transparent;
}
[data-theme="light"] .sidebar .nav-link:not(.text-danger) {
  background: rgba(0,0,0,.015);
}
[data-theme="light"] .sidebar .nav-link:hover {
  color: var(--jrm-accent);
  background: rgba(99,102,241,.06);
  border-left-color: var(--jrm-accent);
}
[data-theme="light"] .sidebar .nav-link::after {
  background: linear-gradient(90deg, rgba(99,102,241,.06), transparent);
}
[data-theme="light"] .sidebar .nav-link.active {
  color: #fff;
  background: linear-gradient(135deg, var(--jrm-accent-dark), var(--jrm-accent));
  box-shadow: 0 2px 12px rgba(99,102,241,.25);
  border-left-color: transparent;
}
[data-theme="light"] .sidebar .nav-link.active::after { display: none; }

[data-theme="light"] .sidebar .nav-link.text-danger { color: var(--jrm-red) !important; }
[data-theme="light"] .sidebar .nav-link.text-danger:hover {
  background: rgba(239,68,68,.06);
}

[data-theme="light"] .sidebar-divider {
  border-color: rgba(0,0,0,.06);
}

/* Sidebar scrollbar */
[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb { background: #cbd5e1; }
[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ============================================================
   TOPBAR
   ============================================================ */
[data-theme="light"] .topbar {
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 8px rgba(0,0,0,.04);
}
[data-theme="light"] .topbar::after {
  background: linear-gradient(90deg, transparent, rgba(99,102,241,.15), transparent);
}
[data-theme="light"] .page-title {
  color: #0f172a;
}
[data-theme="light"] .sidebar-toggle {
  color: #475569;
}
[data-theme="light"] .sidebar-toggle:hover {
  background: rgba(0,0,0,.05);
  color: #1e293b;
}

/* Status dot / label */
[data-theme="light"] .status-dot {
  box-shadow: 0 0 6px rgba(34,197,94,.4);
}
[data-theme="light"] .status-label {
  color: #16a34a;
}

/* User chip */
[data-theme="light"] .topbar-user {
  background: #f1f5f9;
  border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .topbar-user:hover {
  background: #e2e8f0;
  border-color: rgba(0,0,0,.12);
}
[data-theme="light"] .topbar-user .user-name {
  color: #1e293b;
}
[data-theme="light"] .topbar-user .user-role {
  color: #64748b;
}

/* --- PANEL FOOTER --- */
[data-theme="light"] .panel-footer {
  background: #f8fafc;
  border-top-color: rgba(0,0,0,.08);
  color: #64748b;
}

/* ============================================================
   CARDS
   ============================================================ */
[data-theme="light"] .card {
  background: #ffffff;
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.02);
}
[data-theme="light"] .card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.06);
}
[data-theme="light"] .card-header {
  background: linear-gradient(135deg, rgba(0,0,0,.01) 0%, transparent 100%);
  border-bottom-color: rgba(0,0,0,.06);
}
[data-theme="light"] .card-header::after {
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent);
}
[data-theme="light"] .card-body {
  color: #1e293b;
}
[data-theme="light"] .card-footer {
  border-top-color: rgba(0,0,0,.06);
  background: rgba(0,0,0,.01);
}

/* Stat cards */
[data-theme="light"] .stat-card {
  background: #ffffff;
}
[data-theme="light"] .stat-card::before {
  opacity: .04;
}
[data-theme="light"] .stat-card .stat-label {
  color: #64748b;
}
[data-theme="light"] .stat-card .stat-value {
  color: #0f172a;
}

/* ============================================================
   TABLES
   ============================================================ */
[data-theme="light"] .table {
  color: #1e293b;
}
[data-theme="light"] .table thead th {
  background: rgba(0,0,0,.02);
  color: #64748b;
  border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] .table tbody td {
  border-bottom-color: rgba(0,0,0,.04);
  color: #334155;
}
[data-theme="light"] .table tbody tr:hover {
  background: rgba(99,102,241,.03);
}
[data-theme="light"] .table tbody tr:hover td {
  color: #1e293b;
}
[data-theme="light"] .table-striped tbody tr:nth-child(odd) {
  background: rgba(0,0,0,.015);
}

/* ============================================================
   BADGES
   ============================================================ */
[data-theme="light"] .badge.bg-success { background: rgba(22,163,74,.1) !important; color: #15803d; }
[data-theme="light"] .badge.bg-danger  { background: rgba(220,38,38,.1) !important; color: #dc2626; }
[data-theme="light"] .badge.bg-warning { background: rgba(217,119,6,.1) !important; color: #92400e; }
[data-theme="light"] .badge.bg-info    { background: rgba(6,182,212,.1) !important; color: #0e7490; }
[data-theme="light"] .badge.bg-primary { background: rgba(99,102,241,.1) !important; color: #4338ca; }
[data-theme="light"] .badge.bg-secondary { background: rgba(100,116,139,.1) !important; color: #475569; }
[data-theme="light"] .badge.bg-dark { background: #e2e8f0 !important; color: #334155; }

/* ============================================================
   BUTTONS
   ============================================================ */
[data-theme="light"] .btn-primary {
  background: linear-gradient(135deg, var(--jrm-accent), var(--jrm-accent-light));
  border-color: var(--jrm-accent);
  color: #fff;
}
[data-theme="light"] .btn-primary:hover {
  background: linear-gradient(135deg, var(--jrm-accent-dark), var(--jrm-accent));
  box-shadow: 0 4px 12px rgba(99,102,241,.25);
}

[data-theme="light"] .btn-outline-primary {
  color: var(--jrm-accent);
  border-color: var(--jrm-accent);
}
[data-theme="light"] .btn-outline-primary:hover {
  background: var(--jrm-accent);
  color: #fff;
}

[data-theme="light"] .btn-outline-secondary {
  color: #475569;
  border-color: #cbd5e1;
}
[data-theme="light"] .btn-outline-secondary:hover {
  background: #f1f5f9;
  color: #1e293b;
  border-color: #94a3b8;
}

[data-theme="light"] .btn-outline-success { color: #16a34a; border-color: #16a34a; }
[data-theme="light"] .btn-outline-success:hover { background: #16a34a; color: #fff; }
[data-theme="light"] .btn-outline-danger { color: #dc2626; border-color: #dc2626; }
[data-theme="light"] .btn-outline-danger:hover { background: #dc2626; color: #fff; }
[data-theme="light"] .btn-outline-warning { color: #d97706; border-color: #d97706; }
[data-theme="light"] .btn-outline-warning:hover { background: #d97706; color: #fff; }
[data-theme="light"] .btn-outline-info { color: #0891b2; border-color: #0891b2; }
[data-theme="light"] .btn-outline-info:hover { background: #0891b2; color: #fff; }

[data-theme="light"] .btn-success { background: #16a34a; border-color: #16a34a; color: #fff; }
[data-theme="light"] .btn-success:hover { background: #15803d; box-shadow: 0 4px 12px rgba(22,163,74,.2); }
[data-theme="light"] .btn-danger { background: #dc2626; border-color: #dc2626; color: #fff; }
[data-theme="light"] .btn-danger:hover { background: #b91c1c; box-shadow: 0 4px 12px rgba(220,38,38,.2); }
[data-theme="light"] .btn-warning { background: #f59e0b; border-color: #f59e0b; color: #000; }
[data-theme="light"] .btn-warning:hover { background: #d97706; }

/* Loading spinner on buttons */
[data-theme="light"] .btn.is-loading::after {
  border-color: rgba(0,0,0,.2);
  border-top-color: currentColor;
}

/* ============================================================
   FORMS
   ============================================================ */
[data-theme="light"] .form-control,
[data-theme="light"] .form-select {
  background: #ffffff;
  border-color: #cbd5e1;
  color: #1e293b;
}
[data-theme="light"] .form-control:focus,
[data-theme="light"] .form-select:focus {
  background: #ffffff;
  border-color: var(--jrm-accent);
  box-shadow: 0 0 0 3px rgba(99,102,241,.12);
  color: #1e293b;
}
[data-theme="light"] .form-control::placeholder {
  color: #94a3b8;
}
[data-theme="light"] .form-label {
  color: #334155;
}
[data-theme="light"] .form-text {
  color: #94a3b8;
}
[data-theme="light"] .form-check-input {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
}
[data-theme="light"] .form-check-input:checked {
  background-color: var(--jrm-accent);
  border-color: var(--jrm-accent);
}
[data-theme="light"] .input-group-text {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #475569;
}

/* ============================================================
   ALERTS
   ============================================================ */
[data-theme="light"] .alert-success { background: rgba(22,163,74,.08); color: #15803d; border-color: rgba(22,163,74,.15); }
[data-theme="light"] .alert-success::before { background: #16a34a; }
[data-theme="light"] .alert-danger  { background: rgba(220,38,38,.08); color: #b91c1c; border-color: rgba(220,38,38,.15); }
[data-theme="light"] .alert-danger::before { background: #dc2626; }
[data-theme="light"] .alert-warning { background: rgba(217,119,6,.08); color: #92400e; border-color: rgba(217,119,6,.15); }
[data-theme="light"] .alert-warning::before { background: #d97706; }
[data-theme="light"] .alert-info    { background: rgba(6,182,212,.08); color: #0e7490; border-color: rgba(6,182,212,.15); }
[data-theme="light"] .alert-info::before { background: #06b6d4; }

/* ============================================================
   PROGRESS BARS
   ============================================================ */
[data-theme="light"] .progress {
  background: #e2e8f0;
}
[data-theme="light"] .progress-bar::after {
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.3) 50%, transparent 100%);
}

/* ============================================================
   DROPDOWNS
   ============================================================ */
[data-theme="light"] .dropdown-menu {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
}
[data-theme="light"] .dropdown-menu-dark {
  background: #ffffff !important;
}
[data-theme="light"] .dropdown-item {
  color: #334155;
}
[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .dropdown-item:focus {
  background: rgba(99,102,241,.06);
  color: var(--jrm-accent);
}
[data-theme="light"] .dropdown-item.active {
  background: var(--jrm-accent);
  color: #fff;
}
[data-theme="light"] .dropdown-item.text-danger {
  color: #dc2626 !important;
}
[data-theme="light"] .dropdown-item.text-danger:hover {
  background: rgba(220,38,38,.06);
  color: #b91c1c !important;
}
[data-theme="light"] .dropdown-divider {
  border-top-color: rgba(0,0,0,.06);
}

/* ============================================================
   MODALS
   ============================================================ */
[data-theme="light"] .modal-content {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 16px 48px rgba(0,0,0,.12);
}
[data-theme="light"] .modal-header {
  border-bottom-color: rgba(0,0,0,.06);
}
[data-theme="light"] .modal-footer {
  border-top-color: rgba(0,0,0,.06);
}
[data-theme="light"] .modal-title {
  color: #0f172a;
}
[data-theme="light"] .btn-close {
  filter: none;
}

/* ============================================================
   PAGINATION
   ============================================================ */
[data-theme="light"] .page-link {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
  color: #475569;
}
[data-theme="light"] .page-link:hover {
  background: #f1f5f9;
  color: var(--jrm-accent);
}
[data-theme="light"] .page-item.active .page-link {
  background: var(--jrm-accent);
  border-color: var(--jrm-accent);
  color: #fff;
}

/* ============================================================
   NAV TABS / PILLS
   ============================================================ */
[data-theme="light"] .nav-tabs {
  border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] .nav-tabs .nav-link {
  color: #64748b;
}
[data-theme="light"] .nav-tabs .nav-link:hover {
  color: var(--jrm-accent);
  background: rgba(99,102,241,.04);
}
[data-theme="light"] .nav-tabs .nav-link.active {
  background: #ffffff;
  color: var(--jrm-accent);
  border-color: rgba(0,0,0,.08) rgba(0,0,0,.08) #ffffff;
}
[data-theme="light"] .nav-pills .nav-link {
  color: #475569;
}
[data-theme="light"] .nav-pills .nav-link:hover {
  background: rgba(99,102,241,.06);
}
[data-theme="light"] .nav-pills .nav-link.active {
  background: var(--jrm-accent);
  color: #fff;
}

/* ============================================================
   LIST GROUP
   ============================================================ */
[data-theme="light"] .list-group-item {
  background: #ffffff;
  border-color: rgba(0,0,0,.06);
  color: #334155;
}
[data-theme="light"] .list-group-item:hover {
  background: #f8fafc;
}
[data-theme="light"] .list-group-item.active {
  background: var(--jrm-accent);
  border-color: var(--jrm-accent);
  color: #fff;
}

/* ============================================================
   ACCORDION
   ============================================================ */
[data-theme="light"] .accordion-item {
  background: #ffffff;
  border-color: rgba(0,0,0,.06);
}
[data-theme="light"] .accordion-button {
  background: #ffffff;
  color: #1e293b;
}
[data-theme="light"] .accordion-button:not(.collapsed) {
  background: rgba(99,102,241,.04);
  color: var(--jrm-accent);
}
[data-theme="light"] .accordion-button::after {
  filter: none;
}

/* ============================================================
   TOOLTIPS & POPOVERS
   ============================================================ */
[data-theme="light"] .tooltip-inner {
  background: #1e293b;
  color: #f1f5f9;
}
[data-theme="light"] .popover {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
}

/* ============================================================
   CODE
   ============================================================ */
[data-theme="light"] code {
  background: rgba(99,102,241,.06);
  color: #6d28d9;
}
[data-theme="light"] pre {
  background: #f8fafc;
  border-color: rgba(0,0,0,.06);
}

/* ============================================================
   TOAST NOTIFICATIONS
   ============================================================ */
[data-theme="light"] .jrm-toast {
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
  color: #1e293b;
}
[data-theme="light"] .jrm-toast .toast-close {
  color: #64748b;
}
[data-theme="light"] .jrm-toast .toast-close:hover {
  color: #1e293b;
}

/* ============================================================
   LOADING BAR
   ============================================================ */
[data-theme="light"] #jrm-loading-bar {
  background: linear-gradient(90deg, var(--jrm-accent), #06b6d4);
  box-shadow: 0 0 10px rgba(99,102,241,.3);
}

/* ============================================================
   SKELETON LOADING
   ============================================================ */
[data-theme="light"] .skeleton {
  background: #e2e8f0;
}
[data-theme="light"] .skeleton::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
}

/* ============================================================
   HTMX STATES
   ============================================================ */
[data-theme="light"] .htmx-settling {
  opacity: .7;
}

/* ============================================================
   HEADINGS & TEXT
   ============================================================ */
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3,
[data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6 {
  color: #0f172a;
}
[data-theme="light"] .text-muted { color: #94a3b8 !important; }
[data-theme="light"] .text-white { color: #1e293b !important; }
[data-theme="light"] .text-white-50 { color: #64748b !important; }

/* ============================================================
   DASHBOARD-SPECIFIC (dashboard.css overrides)
   ============================================================ */
[data-theme="light"] .stat-card.accent-indigo .stat-icon { background: rgba(99,102,241,.08); }
[data-theme="light"] .stat-card.accent-green .stat-icon  { background: rgba(22,163,74,.08); }
[data-theme="light"] .stat-card.accent-cyan .stat-icon   { background: rgba(6,182,212,.08); }
[data-theme="light"] .stat-card.accent-amber .stat-icon  { background: rgba(245,158,11,.08); }
[data-theme="light"] .stat-card.accent-red .stat-icon    { background: rgba(239,68,68,.08); }

[data-theme="light"] .server-status-item label { color: #64748b; }
[data-theme="light"] .server-status-item .value { color: #334155; }
[data-theme="light"] .server-status-item + .server-status-item { border-top-color: rgba(0,0,0,.05); }

[data-theme="light"] .widget-preview {
  background: #f8fafc;
  border-color: rgba(0,0,0,.06);
}

[data-theme="light"] .dash-stations-table thead th { color: #64748b; }
[data-theme="light"] .dash-stations-table td { color: #334155; }

[data-theme="light"] .info-table td:first-child { color: #64748b; }

/* Stream action buttons */
[data-theme="light"] .stream-action-btn.play:hover { color: #fff; }
[data-theme="light"] .stream-action-btn.stop:hover { color: #fff; }
[data-theme="light"] .stream-action-btn.restart:hover { color: #000; }

/* ============================================================
   MISC BOOTSTRAP COMPONENTS
   ============================================================ */
[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before { color: #94a3b8; }
[data-theme="light"] .breadcrumb-item a { color: var(--jrm-accent); }
[data-theme="light"] .breadcrumb-item.active { color: #64748b; }

[data-theme="light"] hr { border-color: rgba(0,0,0,.06); }

[data-theme="light"] .border { border-color: rgba(0,0,0,.08) !important; }
[data-theme="light"] .border-top { border-top-color: rgba(0,0,0,.08) !important; }
[data-theme="light"] .border-bottom { border-bottom-color: rgba(0,0,0,.08) !important; }

/* Selection */
[data-theme="light"] ::selection { background: var(--jrm-accent); color: #fff; }

/* Close button */
[data-theme="light"] .btn-close { filter: none; opacity: .5; }
[data-theme="light"] .btn-close:hover { opacity: .8; }