/* Vehicle Hub create pages — dark/light theme + readable text */
body.vh-create-page {
  --vh-text: #ffffff;
  --vh-muted: #b8c9e8;
  --vh-bg: radial-gradient(circle at top, #1a2b65 0%, #0b1228 45%, #060a16 100%);
  --vh-card-bg: linear-gradient(180deg, #111936, #0f1731);
  --vh-input-bg: #0d1632;
  --vh-input-text: #ffffff;
  --vh-border: rgba(148, 163, 184, 0.24);
  --vh-chip-bg: #132143;
  --vh-preview-bg: #0d1632;
  --vh-hero-text: #ffffff;
}

body.vh-create-page[data-theme="light"] {
  --vh-text: #1e293b;
  --vh-muted: #475569;
  --vh-bg: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
  --vh-card-bg: #ffffff;
  --vh-input-bg: #ffffff;
  --vh-input-text: #1e293b;
  --vh-border: #cbd5e1;
  --vh-chip-bg: #f1f5f9;
  --vh-preview-bg: #f8fafc;
  --vh-hero-text: #ffffff;
}

body.vh-create-page {
  background: var(--vh-bg) !important;
  color: var(--vh-text) !important;
}

body.vh-create-page main,
body.vh-create-page main h1,
body.vh-create-page main h2,
body.vh-create-page main h3,
body.vh-create-page main h4,
body.vh-create-page main p,
body.vh-create-page main label,
body.vh-create-page main small,
body.vh-create-page main strong,
body.vh-create-page main div,
body.vh-create-page main span,
body.vh-create-page main li,
body.vh-create-page .ev-title,
body.vh-create-page .pl-title,
body.vh-create-page .mp-title,
body.vh-create-page .ev-label,
body.vh-create-page .pl-label,
body.vh-create-page .mp-label,
body.vh-create-page .ev-switch span,
body.vh-create-page .ev-chip,
body.vh-create-page .pl-chip,
body.vh-create-page .mp-chip,
body.vh-create-page .ev-ai,
body.vh-create-page .pl-ai,
body.vh-create-page .mp-ai,
body.vh-create-page .opt-head,
body.vh-create-page .file-head,
body.vh-create-page .poll-preview-option {
  color: var(--vh-text) !important;
}

body.vh-create-page .ev-note,
body.vh-create-page .mp-note,
body.vh-create-page .text-muted {
  color: var(--vh-muted) !important;
}

body.vh-create-page .ev-hero,
body.vh-create-page .pl-hero,
body.vh-create-page .mp-hero,
body.vh-create-page .ev-hero *,
body.vh-create-page .pl-hero *,
body.vh-create-page .mp-hero * {
  color: var(--vh-hero-text) !important;
}

body.vh-create-page .ev-card,
body.vh-create-page .pl-card,
body.vh-create-page .mp-card {
  background: var(--vh-card-bg) !important;
  border-color: var(--vh-border) !important;
}

body.vh-create-page .ev-input,
body.vh-create-page .ev-select,
body.vh-create-page .ev-textarea,
body.vh-create-page .pl-input,
body.vh-create-page .pl-select,
body.vh-create-page .pl-textarea,
body.vh-create-page .mp-input,
body.vh-create-page .mp-select,
body.vh-create-page .mp-textarea {
  background: var(--vh-input-bg) !important;
  color: var(--vh-input-text) !important;
  border-color: var(--vh-border) !important;
}

body.vh-create-page .ev-input::placeholder,
body.vh-create-page .pl-input::placeholder,
body.vh-create-page .mp-input::placeholder,
body.vh-create-page .ev-textarea::placeholder,
body.vh-create-page .pl-textarea::placeholder,
body.vh-create-page .mp-textarea::placeholder {
  color: var(--vh-muted) !important;
  opacity: 0.85;
}

body.vh-create-page .ev-chip,
body.vh-create-page .pl-chip,
body.vh-create-page .mp-chip,
body.vh-create-page .opt-card,
body.vh-create-page .file-item,
body.vh-create-page .ev-preview,
body.vh-create-page .pl-preview,
body.vh-create-page .mp-preview,
body.vh-create-page .ev-upload,
body.vh-create-page .pl-upload,
body.vh-create-page .mp-upload,
body.vh-create-page .ev-switch,
body.vh-create-page .poll-preview-option {
  background: var(--vh-chip-bg) !important;
  border-color: var(--vh-border) !important;
}

body.vh-create-page .ev-preview,
body.vh-create-page .pl-preview,
body.vh-create-page .mp-preview {
  background: var(--vh-preview-bg) !important;
}

body.vh-create-page select option {
  background: #0d1632;
  color: #ffffff;
}

body.vh-create-page[data-theme="light"] select option {
  background: #ffffff;
  color: #1e293b;
}

/* Theme toggle */
.vh-theme-toggle {
  position: fixed;
  top: 148px;
  right: 18px;
  z-index: 200;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--vh-border);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  background: var(--vh-card-bg);
  color: var(--vh-text) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.vh-theme-toggle:hover {
  opacity: 0.92;
}

body.vh-create-page[data-theme="dark"] .vh-icon-day { display: inline-block; }
body.vh-create-page[data-theme="dark"] .vh-icon-night { display: none; }
body.vh-create-page[data-theme="light"] .vh-icon-day { display: none; }
body.vh-create-page[data-theme="light"] .vh-icon-night { display: inline-block; }

/* Preview media */
.vh-preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

body.vh-create-page .ev-cover,
body.vh-create-page .mp-media-box {
  overflow: hidden;
  position: relative;
}

body.vh-create-page .ev-cover .vh-preview-placeholder,
body.vh-create-page .mp-media-box .vh-preview-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--vh-muted) !important;
  font-size: 0.85rem;
}

@media (max-width: 760px) {
  .vh-theme-toggle {
    top: auto;
    bottom: 72px;
    right: 12px;
  }
}