/* ========================================
   BACKUP QUOTA FORM - Rose Theme
   Extends editor_form.css. All styles scoped
   under .editor-form.backup-quota-theme.
   Matches the backup quota show page's
   .lifecycle-hero.is-backup gradient
   (lifecycle_page.css) for show/edit continuity.
   ======================================== */

/* Header gradient - rose */
.editor-form.backup-quota-theme .editor-header {
  background: linear-gradient(135deg, #be123c 0%, #881337 100%); /* token-ok: rose, matches show page lifecycle-hero.is-backup */
}

[data-theme="dark"] .editor-form.backup-quota-theme .editor-header {
  background: linear-gradient(135deg, #761c3a 0%, #591d37 100%); /* token-ok: rose dark, matches show page lifecycle-hero.is-backup dark */
  border: 1px solid rgba(244, 63, 94, 0.3); /* token-ok: rose-500 alpha glow */
}

/* Section focus state - rose */
.editor-form.backup-quota-theme .editor-section:focus-within {
  border-color: #be123c; /* token-ok: rose-700, no token equivalent */
  box-shadow: 0 0 0 3px rgba(190, 18, 60, 0.1); /* token-ok: rose-700 alpha */
}

[data-theme="dark"] .editor-form.backup-quota-theme .editor-section:focus-within {
  box-shadow: 0 0 0 3px rgba(190, 18, 60, 0.2); /* token-ok: rose-700 alpha dark */
}

/* Section header icon color */
.editor-form.backup-quota-theme .editor-section-header .icon {
  color: #be123c; /* token-ok: rose-700, no token equivalent */
}

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