/* ════════════════════════════════════════════════════════
   FOROMANE UI - Mode Toggle & Layout Styles
   ════════════════════════════════════════════════════════ */

.promo-type-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    gap: 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
  background: var(--grey-light);
  color: var(--grey-dark);
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.pill.active {
  background: var(--orange);
  color: white;
}