/* «Настройки» → «Акции месяца» (promos.js). Токены — из styles.css. */
.promo-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.promo-row { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.promo-row.off { opacity: .55; }
.promo-open { display: grid; gap: 4px; width: 100%; padding: 12px 14px; text-align: left; color: var(--ink);
  background: none; border: 0; cursor: pointer; border-radius: 12px; font: inherit; }
.promo-open:hover { background: var(--surface-2); }
.promo-title { font-weight: 600; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.promo-form { display: grid; gap: 12px; padding: 14px; margin-bottom: 8px; border: 1px solid var(--accent);
  border-radius: 12px; background: var(--surface); }
.promo-form textarea { width: 100%; resize: vertical; font: inherit; }
.promo-metrics { display: flex; flex-wrap: wrap; gap: 0 16px; margin: 0; padding: 0; border: 0; min-width: 0; }
.promo-metrics legend { font-size: 12px; color: var(--ink-3); padding: 0; margin-bottom: 4px; }
.promo-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 480px) { .promo-dates { grid-template-columns: 1fr; } }