:root {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background: #0b1220 !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] nav,
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .kpi,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .step,
html[data-theme="dark"] .setting,
html[data-theme="dark"] .dealer-card,
html[data-theme="dark"] .car-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .upload-area,
html[data-theme="dark"] .search-wrapper,
html[data-theme="dark"] .top-filter-area,
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .hero,
html[data-theme="dark"] footer {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: #2b3444 !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .thumb,
html[data-theme="dark"] .spec,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .item,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea {
  background: #0f172a !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
}

html[data-theme="dark"] a:not(.btn-primary):not(.btn-hero-primary):not(.wa):not(.btn-home) {
  color: #93c5fd !important;
}

html[data-theme="dark"] .logo,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] td,
html[data-theme="dark"] th,
html[data-theme="dark"] span,
html[data-theme="dark"] strong {
  color: #e5e7eb !important;
}

html[data-theme="dark"] .tag,
html[data-theme="dark"] .pill,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .status {
  border-color: #374151 !important;
}

#gb-theme-toggle {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  border: 1px solid #1f2937;
  background: #111827;
  color: #f9fafb;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] #gb-theme-toggle {
  border-color: #374151;
  background: #0f172a;
}

/* Global UI sync layer (safe, non-destructive) */
:root {
  --gb-radius-sm: 8px;
  --gb-radius-md: 10px;
  --gb-radius-lg: 14px;
  --gb-border: #e5e7eb;
  --gb-text: #111827;
  --gb-muted: #4b5563;
  --gb-success-bg: #f0fdf4;
  --gb-success-border: #bbf7d0;
  --gb-success-text: #166534;
}

nav {
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.04);
}

.card,
.panel,
.kpi,
.form-card,
.dealer-card,
.car-card,
.plan-card,
.setting,
.sidebar {
  border-radius: var(--gb-radius-lg) !important;
  border-color: var(--gb-border) !important;
}

.btn,
.btn-primary,
.btn-outline,
.btn-danger,
.btn-home,
.btn-hero-primary,
.btn-hero-secondary,
.btn-nav-soft,
.mini-btn,
button[type="submit"] {
  border-radius: var(--gb-radius-md) !important;
  min-height: 40px;
}

.btn-outline,
.mini-btn,
.btn-nav-soft {
  border-color: var(--gb-border);
}

.field input,
.field select,
.field textarea,
input,
select,
textarea {
  border-radius: var(--gb-radius-sm);
}

label,
.field label {
  color: var(--gb-muted);
}

.pill,
.badge,
.tag,
.status {
  border-radius: 999px;
}

.error,
.inline-status,
.page-status {
  border-radius: var(--gb-radius-sm);
}

.error.success,
.inline-status.show,
.page-status.show {
  background: var(--gb-success-bg) !important;
  border-color: var(--gb-success-border) !important;
  color: var(--gb-success-text) !important;
}

/* Keep dense nav/button rows cleaner on small screens */
@media (max-width: 760px) {
  .nav-right,
  .nav-cta {
    gap: 8px !important;
  }

  .btn,
  .btn-primary,
  .btn-outline,
  .btn-nav-soft,
  .mini-btn {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Extra compact pass for very small phones */
@media (max-width: 480px) {
  nav {
    min-height: 62px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center !important;
  }

  .logo {
    font-size: 22px !important;
  }

  .nav-right,
  .nav-cta,
  .nav-links {
    gap: 6px !important;
    flex-wrap: wrap !important;
  }

  .nav-links {
    width: 100%;
    order: 3;
  }

  .nav-buyer-links {
    gap: 8px !important;
    padding-right: 0 !important;
    border-right: none !important;
  }

  .pill {
    display: none !important;
  }

  .btn,
  .btn-primary,
  .btn-outline,
  .btn-nav-soft,
  .mini-btn {
    min-height: 36px !important;
    font-size: 12px !important;
    padding: 7px 10px !important;
  }

  .hero,
  .page-hero {
    padding-top: 92px !important;
  }
}