/* ========================================
   NEWSLETTER FORM - Teal/Green Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.newsletter-theme.
   ======================================== */

/* Header gradient */
.editor-form.newsletter-theme .editor-header {
  background: linear-gradient(135deg, #1a6651 0%, #14503f 100%); /* token-ok: newsletter brand gradient */
}

[data-theme="dark"] .editor-form.newsletter-theme .editor-header {
  background: linear-gradient(135deg, #1a4d3a 0%, #0f3328 100%); /* token-ok: darker newsletter gradient for dark mode */
  border: 1px solid rgba(52, 211, 153, 0.3); /* token-ok: newsletter brand green with opacity, no token equivalent */
}

/* Section focus state */
.editor-form.newsletter-theme .editor-section:focus-within {
  border-color: var(--arp-accent);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1); /* token-ok: colored focus ring, no token equivalent */
}

[data-theme="dark"] .editor-form.newsletter-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2); /* token-ok: colored focus ring, no token equivalent */
}

/* Section header icon color */
.editor-form.newsletter-theme .editor-section-header .icon {
  color: #1a6651; /* token-ok: newsletter brand color */
}

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

/* Admin-only toggle card */
.newsletter-admin-only {
  display: flex;
  align-items: flex-start;
  gap: var(--arp-space-4);
  background: var(--arp-surface-raised);
  border: 1px solid var(--arp-border);
  border-radius: var(--arp-radius-md);
  padding: var(--arp-space-4) var(--arp-space-5);
}

.newsletter-admin-only .checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--arp-space-3);
  cursor: pointer;
}

.newsletter-admin-only .checkbox input[type="checkbox"] {
  margin-top: 0.2rem; /* token-ok: sub-token-scale micro-alignment, 0.2rem not on spacing scale */
  flex-shrink: 0;
}

.newsletter-admin-only-help {
  color: var(--arp-text-muted);
  font-size: var(--bulma-size-small);
}