/* Страница «Тимбилдинг» — только раскладка и мелочи; цвета и компоненты рисует ДС. */

/* ── Шапка участника: логотип + название рядом ── */
.tb-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--kt-ai-space-4);
  min-width: 0;
}
.tb-logo { display: block; flex: 0 0 auto; }
.tb-brand-name {
  font-size: var(--kt-ai-text-md);
  font-weight: var(--kt-ai-weight-medium);
  color: var(--kt-ai-fg);
  white-space: nowrap;
}
.tb-pagehead-in { gap: var(--kt-ai-space-5); }

/* ── Chip в hero: отбить от заголовка ── */
.kt-ai-hero .kt-ai-chip { margin-top: calc(-1 * var(--kt-ai-space-9)); }

/* ── Иконка в плитке: спокойный контейнер ── */
.kt-ai-tile-icon {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: var(--kt-ai-space-4);
  border-radius: var(--vibe-card-radius, var(--kt-ai-radius-xl));
  background: var(--vibe-tint, var(--kt-ai-primary-subtle));
  color: var(--kt-ai-fg);
}
.kt-icon { width: 18px; height: 18px; }

/* ── Примечание под расписанием ── */
.tb-note { padding: var(--kt-ai-space-5) var(--kt-ai-space-6); }

/* ── Форма регистрации ── */
#regform .kt-ai-btn { width: 100%; margin-top: var(--kt-ai-space-2); }
#regdone {
  border: 1px dashed var(--kt-ai-border-strong);
  margin-top: 0;
}
.kt-ai-empty-ic {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--kt-ai-radius-full);
  background: var(--kt-ai-status-ok-bg, var(--kt-ai-primary-subtle));
  color: var(--kt-ai-status-ok-fg, var(--kt-ai-fg));
}
.kt-ai-empty-ic .kt-icon { width: 20px; height: 20px; }

/* ── Подвал ── */
.tb-admin-link {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--kt-ai-text-xs);
  color: var(--kt-ai-fg-muted);
  padding: var(--kt-ai-space-2) var(--kt-ai-space-3);
  border-radius: var(--kt-ai-radius-md);
}
.tb-admin-link:hover { background: var(--kt-ai-bg-hover); color: var(--kt-ai-fg); }

/* ── Сайдбар админки ── */
.tb-brand-v { padding: 0 var(--kt-ai-space-5); }
.kt-ai-spacer-tb { flex: 1; min-height: var(--kt-ai-space-8); }
.tb-admin-card { margin: 0 var(--kt-ai-space-5); background: var(--kt-ai-bg) !important; border: 1px solid var(--kt-ai-border); padding: var(--kt-ai-space-4) var(--kt-ai-space-5); }
.tb-admin-card p { margin: var(--kt-ai-space-2) 0 0; font-size: var(--kt-ai-text-2xs); line-height: var(--kt-ai-leading-normal); }

/* ── Topbar: хлебные крошки ── */
.kt-ai-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: var(--kt-ai-space-3);
  font-size: var(--kt-ai-text-sm);
  min-width: 0;
}
.kt-ai-breadcrumb .kt-icon { width: 14px; height: 14px; opacity: .6; }
.kt-ai-breadcrumb strong { font-weight: var(--kt-ai-weight-semibold); }

/* KPI-полоса админки: плотнее дефолта */
#adm-kpis { margin-top: var(--kt-ai-space-6); }

/* ── Tabula: строки кликабельны ── */
#adm-tbody tr { cursor: pointer; }
#adm-tbody .cell-name { font-weight: var(--kt-ai-weight-medium); }
#adm-tbody .cell-sub { display: block; font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-faint); margin-top: 1px; }
#adm-tbody td.num { white-space: nowrap; }

/* ── Drawer ── */
.drawer-head { display: flex; align-items: center; gap: var(--kt-ai-space-4); margin-bottom: var(--kt-ai-space-6); }
.drawer-head > .kt-ai-t-muted { font-size: var(--kt-ai-text-2xs); text-transform: uppercase; letter-spacing: .8px; white-space: nowrap; }
.drawer-head strong { font-size: var(--kt-ai-text-xl); font-weight: var(--kt-ai-weight-semibold); flex: 1; min-width: 0; }
.drawer-close {
  display: inline-grid; place-items: center;
  width: 32px; height: 32px; flex: 0 0 auto;
  border-radius: var(--kt-ai-radius-lg);
  color: var(--kt-ai-fg-muted); cursor: pointer;
  border: 1px solid var(--kt-ai-border);
}
.drawer-close:hover { background: var(--kt-ai-bg-hover); color: var(--kt-ai-fg); }
.drawer-body .kt-ai-prop { border-bottom: 1px solid var(--kt-ai-divider); padding-bottom: var(--kt-ai-space-4); }
.drawer-body .kt-ai-prop:last-child { border-bottom: none; padding-bottom: 0; }
#d-phone { font-variant-numeric: tabular-nums; }

/* ── Мобильные ── */
@media (max-width: 639.98px) {
  .tb-brand-name { font-size: var(--kt-ai-text-sm); }
  .kt-ai-kpi-strip { gap: var(--kt-ai-space-6); }
  .kt-ai-kpi .hint { max-width: 100%; }
}