/* The public editor reuses the grouped admin form in Nurio's light shell. */
.event-editor-page {
  --admin-bg-primary: var(--bg-page);
  --admin-bg-secondary: var(--bg-surface);
  --admin-bg-tertiary: var(--bg-surface-muted);
  --admin-bg-elevated: var(--color-primary-soft);
  --admin-bg-hover: var(--bg-surface-muted);
  --admin-text-primary: var(--text-color-default);
  --admin-text-secondary: var(--text-color-muted);
  --admin-text-muted: var(--text-color-muted);
  --admin-text-faint: var(--text-color-muted);
  --admin-border-subtle: var(--border-color-subtle);
  --admin-border-default: var(--border-color-soft);
  --admin-border-strong: var(--border-color-soft);
  --admin-shadow-lg: var(--shadow-md);
  --admin-font-display: var(--font-body);
  --status-pending-text: var(--color-primary-dark);
  min-height: 100dvh;
  background: var(--bg-page);
  color: var(--text-color-default);
}

.event-editor-page__content {
  width: 100%;
  max-width: 1040px;
  min-width: 0;
  margin-inline: auto;
  padding: 104px 24px 32px;
}

.event-editor-page .admin-event-editor__header > a { margin-left: -16px; }
.event-editor-page .admin-event-editor__navigation { top: calc(72px + env(safe-area-inset-top, 0px)); }
.event-editor-page .admin-event-editor__section { scroll-margin-top: calc(196px + env(safe-area-inset-top, 0px)); }
.event-editor-page .admin-event-editor__save { scroll-margin-bottom: env(safe-area-inset-bottom, 0px); }
.event-editor-page .admin-event-editor__save-actions .admin-btn { justify-content: center; }

/* Existing field partials also serve dark operational forms. Keep their light
   treatment inside this editor so event previews and other pages retain theirs. */
.event-editor-page .admin-event-editor :is(.text-white, .text-slate-100, .text-slate-200, .text-slate-300) {
  color: var(--text-color-default);
}

.event-editor-page .admin-event-editor :is(.text-slate-400, .text-slate-500, .text-gray-500) {
  color: var(--text-color-muted);
}

.event-editor-page .admin-event-editor :is([class*="bg-slate-"], [class*="bg-fuchsia-"]) {
  background: var(--bg-surface-muted);
}

.event-editor-page .admin-event-editor :is([class*="border-slate-"], [class*="border-white/"], [class*="border-fuchsia-"]) {
  border-color: var(--border-color-soft);
}

.event-editor-page .admin-event-editor :is(input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="submit"]), select, textarea) {
  background: var(--bg-surface);
  color: var(--text-color-default);
  border-color: var(--border-color-soft);
  color-scheme: light;
}

.event-editor-page .admin-event-editor :is(input, textarea)::placeholder { color: var(--text-color-muted); }
.event-editor-page .admin-event-editor :is(input[type="checkbox"], input[type="radio"]) { flex-shrink: 0; }
.event-editor-page .admin-event-editor label:has(> input[type="checkbox"]) { gap: 12px; }
.event-editor-page .admin-event-editor :is(.text-primary, .text-violet-400) { color: var(--color-primary-dark); }
.event-editor-page .admin-event-editor :is(.text-red-300, .text-red-400) { color: var(--color-error); }
.event-editor-page .admin-event-editor :is(.text-amber-200, .text-emerald-100, [class*="text-emerald-100/"], [class*="text-teal-200/"]) { color: var(--text-color-default); }
.event-editor-page .admin-event-editor :is([class*="bg-amber-900"], [class*="bg-emerald-950"], [class*="bg-teal-200"], [class*="bg-red-900"]) { background: var(--bg-surface-muted); }

.event-editor-page .admin-event-editor .peer:checked ~ div {
  border-color: var(--color-primary);
  background: var(--color-primary-soft);
  color: var(--text-color-default);
}

.event-editor-page .admin-event-editor .bg-primary,
.event-editor-page .admin-event-editor .bg-violet-600 {
  background: var(--color-action-primary);
  color: var(--text-color-inverse);
}

.event-editor-page .language-tab-active {
  background: var(--color-primary-soft);
  color: var(--color-primary-dark);
}

.event-editor-page .language-tab-inactive { color: var(--text-color-muted); }
.event-editor-page .language-tab-inactive:hover { color: var(--text-color-default); }
.event-editor-page .image-preview-meta { color: var(--text-color-default); }
.event-editor-page .image-preview-help { color: var(--text-color-muted); }
.event-editor-page .image-preview-badge { color: var(--color-primary-dark); background: var(--color-primary-soft); }
.event-editor-page .image-preview-container { border-color: var(--border-color-soft); background: var(--bg-surface-muted); }
.event-editor-page .image-preview-placeholder { padding: 12px; color: var(--text-color-muted); text-align: center; }
.event-editor-page .tiptap-toolbar-public { border-color: var(--border-color-soft); background: var(--bg-surface-muted); }
.event-editor-page .tiptap-editor-public { border-color: var(--border-color-soft); }
.event-editor-page .tiptap-toolbar-public button.is-active { background: var(--color-action-primary); color: var(--text-color-inverse); }

@media (max-width: 639px) {
  .event-editor-page__content { padding: 88px 16px 16px; }
  .event-editor-page .admin-event-editor__header { margin-bottom: 12px; }
  .event-editor-page .admin-event-editor__navigation { padding-top: 4px; }
  .event-editor-page .admin-event-editor__section-body { overflow-wrap: anywhere; }
  .event-editor-page .admin-event-editor__save { margin-inline: -8px; padding: 12px; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .event-editor-page .admin-event-editor input[type="datetime-local"] { padding-inline: 12px; }
  .event-editor-page .admin-event-editor .grid-cols-2:has([data-early-bird-toggle-target="koreanQuota"]) { grid-template-columns: minmax(0, 1fr); }
  .event-editor-page .admin-event-editor #section-timetable > summary > div { flex-wrap: wrap; gap: 8px; }
}