/* ========================================
   MAINTENANCE WINDOW FORM - Amber Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.maintenance-theme.
   Host-picker grid styles live in
   maintenance_windows.css alongside related
   show-page styles.
   ======================================== */

/* Header gradient - amber, matches "maintenance work" feel */
.editor-form.maintenance-theme .editor-header {
  background: linear-gradient(135deg, var(--arp-amber-600) 0%, var(--arp-amber-700) 100%);
}

[data-theme="dark"] .editor-form.maintenance-theme .editor-header {
  background: linear-gradient(135deg, var(--arp-amber-700) 0%, var(--arp-amber-900) 100%);
  border: 1px solid rgba(245, 158, 11, 0.3);
}

/* Section focus state - amber */
.editor-form.maintenance-theme .editor-section:focus-within {
  border-color: var(--arp-amber-500);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

[data-theme="dark"] .editor-form.maintenance-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

/* Section header icon color */
.editor-form.maintenance-theme .editor-section-header .icon {
  color: var(--arp-amber-600);
}

[data-theme="dark"] .editor-form.maintenance-theme .editor-section-header .icon {
  color: var(--arp-amber-400);
}

/* Target radios sit side-by-side with consistent spacing */
.editor-form.maintenance-theme .mw-target-radios {
  display: flex;
  flex-wrap: wrap;
  gap: var(--arp-space-5);
  padding-top: var(--arp-space-2);
}

.editor-form.maintenance-theme .mw-target-radios .radio {
  margin: 0;
}