115 lines
4.5 KiB
CSS
115 lines
4.5 KiB
CSS
/* Страница «Тимбилдинг» — только раскладка и мелочи; цвета и компоненты рисует ДС. */
|
|
|
|
/* ── Шапка участника: логотип + название рядом ── */
|
|
.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%; }
|
|
}
|