/* ========================================
   OS TEMPLATE FORM - Violet Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.os-template-theme.
   ======================================== */

/* Header gradient - violet */
.editor-form.os-template-theme .editor-header {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); /* token-ok: violet, no token equivalent */
}

[data-theme="dark"] .editor-form.os-template-theme .editor-header {
  background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%); /* token-ok: violet, no token equivalent */
  border: 1px solid rgba(167, 139, 250, 0.3);
}

/* Section focus state - violet */
.editor-form.os-template-theme .editor-section:focus-within {
  border-color: #8b5cf6; /* token-ok: violet-500, no token equivalent */
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
}

[data-theme="dark"] .editor-form.os-template-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}

/* Section header icon color */
.editor-form.os-template-theme .editor-section-header .icon {
  color: #7c3aed; /* token-ok: violet-600, no token equivalent */
}

[data-theme="dark"] .editor-form.os-template-theme .editor-section-header .icon {
  color: #a78bfa; /* token-ok: violet-400, no token equivalent */
}

/* Wider container - OS Template form has many fields */
.editor-form.os-template-theme {
  max-width: 1100px;
}

/* Grid cell that spans 2 columns of a editor-grid-3 */
.editor-form.os-template-theme .editor-grid-3 > .field.is-span-2 {
  grid-column: span 2;
}

@media screen and (max-width: 1024px) {
  .editor-form.os-template-theme .editor-grid-3 > .field.is-span-2 {
    grid-column: span 2;
  }
}

@media screen and (max-width: 768px) {
  .editor-form.os-template-theme .editor-grid-3 > .field.is-span-2 {
    grid-column: span 1;
  }
}

/* Danger Zone: keep chrome neutral; only the icon + toggle button signal danger */
.editor-form.os-template-theme .editor-section.is-danger-zone .editor-section-header .icon {
  color: var(--arp-status-danger-fg);
}

.editor-form.os-template-theme .editor-section.is-danger-zone .danger-zone-toggle {
  margin-left: auto;
}