/* ═══════════════════════════════════════════
   LIGHT THEME: Starbase grid, rooms, build menu
   ═══════════════════════════════════════════ */

[data-theme="light"] .sb-container { background: var(--bg); }

[data-theme="light"] .sb-grid { background: var(--bg2); border-color: var(--grid); }

[data-theme="light"] .sb-grid-wrapper {
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

[data-theme="light"] .sb-header { background: var(--bg2); border-bottom-color: var(--grid); }

[data-theme="light"] .sb-station-name { color: var(--text); }

[data-theme="light"] .sb-day-counter { color: var(--dim); }

[data-theme="light"] #sb-clock { color: var(--dim); }

[data-theme="light"] .sb-rebuild-btn { border-color: rgba(190,18,60,0.3) !important; color: var(--red) !important; }

[data-theme="light"] .sb-rebuild-btn:hover { border-color: var(--red) !important; }

[data-theme="light"] .sb-res { color: var(--dim); }

[data-theme="light"] .sb-res-credits { color: #92400e; }

[data-theme="light"] .sb-res-materials { color: #166534; }

[data-theme="light"] .sb-res-components { color: #1e40af; }

[data-theme="light"] .sb-res-food { color: #15803d; }

[data-theme="light"] .sb-stats-row { color: var(--text); }

[data-theme="light"] .sb-stat-lbl { color: var(--dim); }

[data-theme="light"] .sb-stat-sep { color: var(--grid); }

[data-theme="light"] .sb-stat-events { color: var(--accent); }

[data-theme="light"] .sb-speed-btn {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) !important;
  border-color: var(--grid) !important;
  color: var(--dim) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .sb-speed-btn:hover {
  background: var(--bg3) !important;
  border-color: var(--sb-border-hover) !important;
  color: var(--text) !important;
}

[data-theme="light"] .sb-speed-active {
  background: var(--bg3) !important;
  border-color: var(--accent-dim) !important;
  color: var(--text) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .sb-paused-label { color: var(--accent); }

[data-theme="light"] .sb-placement-hint { color: var(--accent); }

[data-theme="light"] .sb-level-tabs { background: var(--bg2); }

[data-theme="light"] .sb-level-tab {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) !important;
  border-color: var(--grid) !important;
  color: var(--dim) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04) !important;
}

[data-theme="light"] .sb-level-tab:hover:not(:disabled) {
  color: var(--text) !important;
  border-color: var(--sb-border-hover) !important;
}

[data-theme="light"] .sb-level-active {
  background: var(--bg3) !important;
  border-color: var(--accent-dim) !important;
  color: var(--text) !important;
}

[data-theme="light"] .sb-hull { background: var(--bg); border-color: var(--grid); }

[data-theme="light"] .sb-hull:hover { background: var(--bg2); border-color: var(--sb-border-hover); }

[data-theme="light"] .sb-hull-placeable { border-color: var(--grid) !important; background: var(--bg2) !important; }

[data-theme="light"] .sb-hull-placeable:hover { background: var(--bg3) !important; border-color: var(--sb-border-hover) !important; }

[data-theme="light"] .sb-room { border-color: rgba(139,58,0,0.3); }

[data-theme="light"] .sb-room:hover { border-color: rgba(139,58,0,0.5); }

[data-theme="light"] .sb-room-label { color: var(--text); }

[data-theme="light"] .sb-room-tier { color: var(--dim); }

[data-theme="light"] .sb-constructing::before {
  background: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(139,58,0,0.08) 4px, rgba(139,58,0,0.08) 8px);
}

[data-theme="light"] .sb-constructing::after { background: var(--grid); }

[data-theme="light"] .sb-upgrading::before {
  background: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(30,64,175,0.08) 4px, rgba(30,64,175,0.08) 8px);
}

[data-theme="light"] .sb-damaged { border-color: rgba(190,18,60,0.3) !important; }

[data-theme="light"] .sb-damaged::after { background: rgba(190,18,60,0.06); }

[data-theme="light"] .sb-disabled { border-color: rgba(180,83,9,0.3) !important; }

[data-theme="light"] .sb-disabled::after { background: rgba(180,83,9,0.08); color: var(--accent); }

[data-theme="light"] .sb-build-progress-bar { background: #15803d; }

[data-theme="light"] .sb-build-percent { color: var(--dim); text-shadow: none; }

[data-theme="light"] .sb-btn {
  background: linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) !important;
  border-color: var(--grid) !important;
  color: var(--dim) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
}

[data-theme="light"] .sb-btn:hover {
  background: var(--bg3) !important;
  border-color: var(--sb-border-hover) !important;
  color: var(--text) !important;
}

[data-theme="light"] .sb-btn-build { border-color: rgba(21,128,61,0.4) !important; color: #15803d !important; }

[data-theme="light"] .sb-btn-build:hover { border-color: #15803d !important; color: #166534 !important; }

[data-theme="light"] .sb-btn-upgrade { border-color: rgba(37,99,235,0.3) !important; color: #2563eb !important; }

[data-theme="light"] .sb-btn-demolish { border-color: rgba(190,18,60,0.3) !important; color: var(--red) !important; }

[data-theme="light"] .sb-modal-copy { color: var(--text); }

[data-theme="light"] .sb-modal-danger-title { color: var(--red-dim); }

[data-theme="light"] .sb-modal-warning { color: var(--red-dim); }

[data-theme="light"] .sb-btn-claim { border-color: rgba(21,128,61,0.4) !important; color: #15803d !important; }

[data-theme="light"] .sb-btn-cancel { border-color: var(--grid) !important; color: var(--dim) !important; }

[data-theme="light"] .sb-overlay { background: rgba(0,0,0,0.4); }

[data-theme="light"] .sb-build-menu {
  background: var(--bg); border-color: var(--grid);
  box-shadow: 0 8px 32px rgba(0,0,0,0.15);
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

[data-theme="light"] .sb-menu-title { color: var(--text); }

[data-theme="light"] .sb-menu-item {
  background: var(--bg2); border-color: var(--grid);
}

[data-theme="light"] .sb-menu-item:hover { border-color: var(--sb-border-hover); background: var(--bg3); }

[data-theme="light"] .sb-menu-disabled { opacity: 0.4; }

[data-theme="light"] .sb-menu-item-name { color: var(--text); }

[data-theme="light"] .sb-menu-item-desc { color: var(--dim); }

[data-theme="light"] .sb-menu-item-benefit { color: #15803d; }

[data-theme="light"] .sb-menu-item-cost { color: var(--accent); }

[data-theme="light"] .sb-menu-item-thumb { border-color: var(--grid); }

[data-theme="light"] .sb-built-badge { color: var(--accent); }

[data-theme="light"] .sb-build-filter-select {
  background: var(--bg2); border-color: var(--grid); color: var(--text);
}

[data-theme="light"] .sb-build-filter-toggle { color: var(--dim); }

[data-theme="light"] .sb-detail-panel {
  background: var(--bg); border-color: var(--grid);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

[data-theme="light"] .sb-detail-image { border-color: rgba(139,58,0,0.25); }

[data-theme="light"] .sb-detail-upgrade-img { border-color: rgba(139,58,0,0.2); }

[data-theme="light"] .sb-tuning-panel {
  background: var(--bg); border-color: var(--grid);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}

[data-theme="light"] .sb-tuning-title { color: #15803d; }

[data-theme="light"] .sb-tuning-section-title { color: #15803d; border-bottom-color: var(--grid); }

[data-theme="light"] .sb-tuning-row { color: var(--dim); }

[data-theme="light"] .sb-tuning-row span:last-child { color: var(--text); }

[data-theme="light"] .sb-place-bar { background: rgba(21,128,61,0.06); border-color: rgba(21,128,61,0.2); }

[data-theme="light"] .sb-place-bar-name { color: var(--text); }

[data-theme="light"] .sb-place-bar-size { color: var(--dim); }

[data-theme="light"] .sb-place-bar-cost { color: var(--accent); }

[data-theme="light"] .sb-place-bar .sb-btn-build { background: rgba(21,128,61,0.08) !important; }

[data-theme="light"] .sb-place-bar .sb-btn-cancel { background: var(--bg2) !important; }

[data-theme="light"] .sb-stage-bar { background: rgba(0,0,0,0.02); border-top-color: var(--grid); }

[data-theme="light"] .sb-stage-label { color: var(--dim); }

[data-theme="light"] .sb-stage-arrow { color: var(--grid); }

[data-theme="light"] .sb-stage-next { color: #2563eb; }

[data-theme="light"] .sb-stage-check { color: var(--red-dim); }

[data-theme="light"] .sb-stage-check.sb-check-done { color: #15803d; }

[data-theme="light"] .sb-stage-fill-track { background: var(--grid); }

[data-theme="light"] .sb-stage-fill-bar { background: #15803d; }

[data-theme="light"] .sb-stage-complete .sb-stage-icon { color: var(--accent); }

[data-theme="light"] .sb-stage-complete .sb-stage-label { color: #15803d; }

[data-theme="light"] .sb-stage-founded { color: var(--dim); }

[data-theme="light"] .sb-stage-pip { background: #d4c8b8; border-color: #c9beb0; }

[data-theme="light"] .sb-stage-pip-done { background: #15803d; border-color: #15803d; }

[data-theme="light"] .sb-stage-pip-current { background: transparent; border-color: var(--accent); box-shadow: 0 0 3px rgba(139,58,0,0.35); }

[data-theme="light"] .sb-speed-btn:disabled { opacity: 0.4 !important; }
[data-theme="light"] .sb-speed-btn:disabled:hover { background: linear-gradient(180deg, #f3ede5 0%, #e7ded2 100%) !important; border-color: #c9beb0 !important; color: var(--dim) !important; }

[data-theme="light"] .sb-event-alert { background: var(--bg2); border-color: var(--accent-dim); }

@keyframes sb-event-glow-light {
  0%,100% { border-color: var(--accent-dim); box-shadow: none; }
  50% { border-color: var(--accent); box-shadow: 0 0 4px rgba(139,58,0,0.1); }
}

[data-theme="light"] .sb-event-alert { animation-name: sb-event-glow-light; }

[data-theme="light"] .sb-event-alert-icon { color: var(--accent); border-color: var(--accent-dim); background: rgba(139,58,0,0.06); }

[data-theme="light"] .sb-event-alert-type { color: var(--accent); }

[data-theme="light"] .sb-event-alert-narrative { color: var(--text); }

[data-theme="light"] .sb-event-choice-btn {
  background: var(--bg) !important; border-color: var(--accent-dim) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .sb-event-choice-btn:hover {
  background: var(--bg2) !important; border-color: var(--accent) !important;
}

[data-theme="light"] .sb-event-choice-label { color: var(--text); }

[data-theme="light"] .sb-event-choice-desc { color: var(--dim); }

[data-theme="light"] .sb-event-badge {
  background: var(--bg2) !important; border-color: var(--accent-dim) !important;
  color: var(--accent) !important;
}

[data-theme="light"] .sb-name-input { background: var(--bg2); border-color: var(--grid); color: var(--text); }

[data-theme="light"] .sb-name-input:focus { border-color: var(--accent); }

[data-theme="light"] .sb-name-input::placeholder { color: var(--dim); }

[data-theme="light"] .sb-version-option { border-color: var(--grid); color: var(--text); }

[data-theme="light"] .sb-version-option:hover { border-color: var(--accent-dim); background: rgba(139,58,0,0.04); }

[data-theme="light"] .sb-version-thumb { border-color: var(--grid); }

[data-theme="light"] .sb-preview-valid { background: rgba(21,128,61,0.15) !important; border-color: rgba(21,128,61,0.4) !important; }

[data-theme="light"] .sb-preview-invalid { background: rgba(190,18,60,0.08) !important; border-color: rgba(190,18,60,0.3) !important; }

[data-theme="light"] .sb-build-label { background: rgba(240,235,228,0.95); border-color: rgba(21,128,61,0.2); color: #15803d; }

/* ── Auto-generated gap fills ── */

[data-theme="light"] .sb-event-choice-lock {
  color: rgba(139,58,0,0.6);
}
[data-theme="light"] .sb-detail-status {
  color: #15803d;
}
[data-theme="light"] .sb-detail-progress-fill {
  background: #15803d;
}
[data-theme="light"] .sb-detail-upgrade {
  border: 1px solid rgba(37,99,235,0.1);
}
[data-theme="light"] .sb-detail-upgrade-label {
  color: #2563eb;
}
[data-theme="light"] .sb-btn-power {
  background: rgba(37,99,235,0.1) !important;
  color: #2563eb !important;
}
[data-theme="light"] .sb-detail-adj {
  border: 1px solid rgba(21,128,61,0.15);
}
[data-theme="light"] .sb-detail-adj-title {
  color: #15803d;
}
[data-theme="light"] .sb-detail-adj-item {
  color: #15803d;
}
[data-theme="light"] .sb-detail-adj-source {
  color: #15803d;
}
[data-theme="light"] .sb-choice-th {
  border: 1px solid var(--accent-dim);
}
[data-theme="light"] .sb-choice-th:hover {
  border-color: var(--accent-dim);
}
[data-theme="light"] .sb-cell-neutral {
  color: #8a7a68;
}

[data-theme="light"] .sb-detail-progress-track { background: var(--grid); }
[data-theme="light"] .sb-choice-resource { color: var(--dim); }
[data-theme="light"] .sb-cell-pos { color: #15803d; }
[data-theme="light"] .sb-cell-neg { color: var(--red); }
[data-theme="light"] .sb-cell-neutral { color: var(--dim); }
[data-theme="light"] .sb-preview-label { text-shadow: none; }

/* ===== LIGHT THEME: STARBASE PARITY ===== */
[data-theme="light"] .sb-container {
  background: transparent;
}

[data-theme="light"] .sb-header,
[data-theme="light"] .sb-level-tabs,
[data-theme="light"] .sb-grid-wrapper,
[data-theme="light"] .sb-intro,
[data-theme="light"] .sb-event-alert {
  background: linear-gradient(180deg, #f7f2eb 0%, #ece4d9 100%);
  border-color: #c9beb0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 14px 28px rgba(0,0,0,0.05);
}

[data-theme="light"] .sb-grid {
  background: #f3ede5;
}

[data-theme="light"] .sb-speed-btn,
[data-theme="light"] .sb-level-tab,
[data-theme="light"] .sb-btn {
  background: linear-gradient(180deg, #f3ede5 0%, #e7ded2 100%) !important;
  border-color: #c9beb0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 8px 18px rgba(0,0,0,0.04) !important;
}

[data-theme="light"] .sb-level-active,
[data-theme="light"] .sb-speed-active {
  background: rgba(139,58,0,0.08) !important;
  border-color: rgba(139,58,0,0.22) !important;
}