/* F580.W4 — групповое фолио: специфика поверх единого каркаса drawer-shared.css.
   Общий неймспейс bk-drawer (shell + section/grid/btn/empty живут в drawer-shared.
   css). Здесь — только классы, которых нет в каркасе: агрегат-чек, список броней
   пакета, переключатель режима счёта, инлайн-редакторы контакта/задатка/товара.
   Все значения через theme-aware токены (dark-safe). Грузится ПОСЛЕ
   drawer-shared.css. (F502.W5.x — карточка группового пакета; переименована в
   единый каркас в F580.W4.) */

/* Агрегат-чек группы */
.bk-drawer__receipt {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.bk-drawer__receipt-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  font-size: var(--text-base);
}

.bk-drawer__receipt-label { color: var(--color-text-muted); }

.bk-drawer__receipt-val {
  color: var(--color-text);
  font-variant-numeric: tabular-nums;
}

.bk-drawer__receipt-row--total {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--color-border);
  font-weight: var(--font-bold);
}

.bk-drawer__receipt-row--total .bk-drawer__receipt-label,
.bk-drawer__receipt-row--total .bk-drawer__receipt-val {
  color: var(--color-text);
  font-size: var(--text-md);
}

/* Список броней пакета */
.bk-drawer__res-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.bk-drawer__res {
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  background: var(--color-bg-muted);
  border-radius: var(--radius-lg);
}

.bk-drawer__res-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.bk-drawer__res-name {
  min-width: 0;
  color: var(--color-text);
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bk-drawer__res-total {
  flex: none;
  font-weight: var(--font-semibold);
  font-size: var(--text-base);
  color: var(--color-text);
  font-variant-numeric: tabular-nums;
}

.bk-drawer__res-meta {
  margin-top: var(--space-1);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}

/* F502.W5.4 — toggle режима счёта (shared|split) */
.bk-drawer__mode-toggle { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.bk-drawer__mode-btns { display: inline-flex; border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); overflow: hidden; }
.bk-drawer__mode-btn { border: 0; background: var(--color-bg); color: var(--color-text-muted); padding: var(--space-2) var(--space-4); font-size: var(--text-sm); cursor: pointer; }
.bk-drawer__mode-btn + .bk-drawer__mode-btn { border-left: 1px solid var(--color-border-strong); }
.bk-drawer__mode-btn.is-active { background: var(--brand-primary); color: var(--brand-on-cta); cursor: default; }
.bk-drawer__hint { margin: var(--space-2) 0 0; font-size: var(--text-xs); color: var(--color-text-muted); }
.bk-drawer__error { margin: var(--space-2) 0 0; font-size: var(--text-sm); color: var(--color-danger); }

/* F502.W5.4 — per-бронь контакт + инлайн-редакторы (контакт/задаток/товар) */
.bk-drawer__res-contact { margin-top: var(--space-2); display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.bk-drawer__res-contact-name { font-size: var(--text-sm); color: var(--color-text-muted); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bk-drawer__res-edit { flex: none; border: 1px solid var(--color-border-strong); background: var(--color-bg); color: var(--brand-primary); padding: 3px var(--space-3); border-radius: var(--radius-md); font-size: var(--text-xs); cursor: pointer; }
.bk-drawer__res-editor { margin-top: var(--space-2); display: flex; flex-direction: column; gap: var(--space-1); }
.bk-drawer__res-flabel { font-size: var(--text-xs); color: var(--color-text-muted); }
.bk-drawer__res-input { border: 1px solid var(--color-border-strong); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); background: var(--color-bg); color: var(--color-text); }
.bk-drawer__res-actions { display: flex; gap: var(--space-2); margin-top: var(--space-2); }
.bk-drawer__res-actions .bk-drawer__btn { padding: var(--space-2) var(--space-3); font-size: var(--text-sm); }