/* Страница «Сегменты гостей (RFM)» (/rfm/). Общие детали — landing.css (ld-browser, ld-ui, ld-pill, ld-faq),
   features.css (f-row, f-card, f-cta), promotions.css (p-list), delivery.css (d-chans, d-stack) и payroll.css
   (z-btn, z-field, z-rule); здесь только макеты, которых там нет: карта гостей, карточки сегментов, превью
   уведомления и карточка гостя. Цвета сегментов — те же мягкие заливки темы, что в панели (bg-soft-*) */

/* Цвета сегментов: заливка клетки и плашка — как bg-soft-* и badge-soft-* панели */
.r-cell--success, .r-pill--success { background: #ddf6e8; color: #00864e; }
.r-cell--primary, .r-pill--primary { background: #dbe7fb; color: #1d62c4; }
.r-cell--info, .r-pill--info { background: #d9f3fc; color: #1978a2; }
.r-cell--warning, .r-pill--warning { background: #fde6d8; color: #c46632; }
.r-cell--secondary, .r-pill--secondary { background: #eceef1; color: #5e6e82; }
.r-cell--danger, .r-pill--danger { background: #fbe0e3; color: #c4314b; }
.r-cell--dark, .r-pill--dark { background: #dfe2e6; color: #344050; }

/* Карта гостей 3 × 3: подписи строк слева, столбцов сверху */
.r-map { display: grid; grid-template-columns: 74px repeat(3, minmax(0, 1fr)); gap: 7px; padding: 16px 16px 6px; align-items: center; }
.r-map__col { text-align: center; font-size: 11.5px; color: #8a97a8; }
.r-map__row { text-align: right; font-size: 11.5px; color: #8a97a8; padding-right: 4px; line-height: 1.25; }
.r-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 66px; padding: 6px 4px;
  border-radius: 10px; border: 2px solid transparent; text-align: center; }
.r-cell b { font-size: 19px; font-weight: 600; color: #0e1b2c; line-height: 1.1; }
.r-cell i { font-style: normal; font-size: 11px; font-weight: 600; line-height: 1.15; }
.r-cell.is-on { border-color: #2c7be5; box-shadow: 0 6px 16px rgba(44,123,229,.18); }
.r-map__cap { padding: 4px 16px 14px; font-size: 11px; color: #8a97a8; }

/* Семь сегментов карточками */
.r-segs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.r-seg .ld-pill { margin-bottom: .55rem; }
.r-seg h4 { font-size: .98rem; }

/* Под списком гостей — две кнопки, синяя одна */
.r-acts { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 16px 14px; border-top: 1px solid #edf1f6; flex-wrap: wrap; }

/* Превью уведомления — как в форме рассылки панели (dash-push-preview) */
.r-push { padding: 11px 13px; border-radius: 14px; background: #f1f2f5; display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; color: #3d3e44; }
.r-push b { color: #151619; font-weight: 600; }
.r-push__head { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #6b6b71; margin-bottom: 4px; }
.r-push__ico { width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(135deg, #f5803e, #e63757); flex: none; }

/* Карточка гостя с меткой сегмента */
.r-card { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.r-card__top { display: flex; justify-content: space-between; gap: 12px; }
.r-card__top b { display: block; font-size: 15px; font-weight: 600; color: #0e1b2c; }
.r-card__top small { color: #8a97a8; }
.r-card__bal { text-align: right; }
.r-card__bal small { display: block; font-size: 11px; }
.r-card__badges { display: flex; flex-wrap: wrap; gap: 5px; }
.r-card__tip { padding: 8px 10px; border-radius: 9px; background: #fff5e6; color: #4a3a1c; font-size: 12px; line-height: 1.45; }
.r-card__dl { display: grid; grid-template-columns: auto 1fr; gap: 3px 14px; margin: 0; }
.r-card__dl dt { font-weight: 400; color: #8a97a8; }
.r-card__dl dd { margin: 0; color: #0e1b2c; }

@media (max-width: 1199.98px) {
  .r-segs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .r-segs { grid-template-columns: minmax(0, 1fr); }
  .r-map { grid-template-columns: 58px repeat(3, minmax(0, 1fr)); gap: 5px; padding: 12px 12px 4px; }
  .r-cell { min-height: 56px; }
  .r-cell b { font-size: 16px; }
  .r-cell i { font-size: 10px; }
}