/* ========================================
   HOST FORM - Rose Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.host-theme.
   ======================================== */

/* Header gradient - rose */
.editor-form.host-theme .editor-header {
  background: linear-gradient(135deg, #e11d48 0%, #be185d 100%); /* token-ok: rose, no token equivalent */
}

[data-theme="dark"] .editor-form.host-theme .editor-header {
  background: linear-gradient(135deg, #9f1239 0%, #881337 100%); /* token-ok: rose dark, no token equivalent */
  border: 1px solid rgba(251, 113, 133, 0.3); /* token-ok: rose-400 alpha glow */
}

/* Section focus state - rose */
.editor-form.host-theme .editor-section:focus-within {
  border-color: #f43f5e; /* token-ok: rose-500, no token equivalent */
  box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.1); /* token-ok: rose-500 alpha */
}

[data-theme="dark"] .editor-form.host-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(244, 63, 94, 0.2); /* token-ok: rose-500 alpha dark */
}

/* Section header icon color */
.editor-form.host-theme .editor-section-header .icon {
  color: #e11d48; /* token-ok: rose-600, no token equivalent */
}

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

/* Reserved-accounts multi-select: rose focus ring */
.editor-form.host-theme select.multi-select:focus {
  border-color: #e11d48; /* token-ok: rose-600, no token equivalent */
  box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.15); /* token-ok: rose-600 alpha */
  outline: none;
}