/* Кабинет в новом интерфейсе (24.09.2026, docs/REDESIGN-V2.md, раздел 6).
   Подключается в кабинете поверх ui-shell.css; при UI_LEGACY=true - нет.
   Здесь представление; порядок кнопок и вкладок меняется в коде страниц
   (этапы 5-6 плана), а не стилями. */

/* ── Меню: заголовки разделов как надзаголовки у Mews ─────────────── */
.fi-sidebar-group-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgb(var(--gray-500));
}
.fi-sidebar-group { margin-top: .25rem; }
.fi-sidebar-item-label { font-size: 14px; }

/* ── Заголовок страницы: одна строка, 24px ───────────────────────── */
.fi-header-heading {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    letter-spacing: -.015em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.fi-header > div:first-child { min-width: 0; }

/* ── Карточки и секции: радиус 12px, мягче рамка ─────────────────── */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat {
    border-radius: 12px !important;
}

/* ── Страница «Настройки» (SettingsHub) ──────────────────────────── */
.bp-settings-group + .bp-settings-group { margin-top: 1.75rem; }
.bp-settings-group-title {
    font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    color: rgb(var(--gray-500)); margin-bottom: .75rem;
}
.bp-settings-grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.bp-settings-tile {
    display: flex; gap: .875rem; align-items: flex-start; padding: 1rem 1.125rem;
    background: #fff; border-radius: 12px; box-shadow: inset 0 0 0 1px rgb(var(--gray-950) / .08);
    transition: box-shadow .15s, background-color .15s; min-height: 44px;
}
.bp-settings-tile:hover { background: rgb(var(--gray-50)); box-shadow: inset 0 0 0 1px rgb(var(--primary-600) / .5); }
.bp-settings-tile:focus-visible { outline: 2px solid rgb(var(--primary-600)); outline-offset: 2px; }
.bp-settings-icon { width: 1.5rem; height: 1.5rem; flex-shrink: 0; color: rgb(var(--primary-600)); margin-top: .125rem; }
.bp-settings-label { display: block; font-weight: 600; font-size: .9375rem; color: rgb(var(--gray-950)); }
.bp-settings-hint { display: block; font-size: .8125rem; line-height: 1.35; color: rgb(var(--gray-500)); margin-top: .125rem; }
.dark .bp-settings-tile { background: rgb(var(--gray-900)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.dark .bp-settings-label { color: #fff; }

/* ── Сводка брони над вкладками (EditBooking) ────────────────────── */
.fi-page .rz-booking-summary { background: #fff; margin-bottom: .25rem; }
.dark .fi-page .rz-booking-summary { background: rgb(var(--gray-900)); border-color: rgb(255 255 255 / .1); }
.rz-booking-summary strong { font-size: 1rem; }

/* ── «+ Создать» в шапке ─────────────────────────────────────────── */
.bp-topbar-create { margin-inline-start: .5rem; }
@media (max-width: 639px) { .bp-topbar-create .fi-btn-label { display: none; } }

/* ── Экран «Сегодня» (TodayOverview, QuickActions, Arrivals/DeparturesToday) ── */
.bp-today-day { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .bp-today-day { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bp-today-tile { background: #fff; border-radius: 12px; box-shadow: inset 0 0 0 1px rgb(var(--gray-950) / .08); padding: .875rem 1rem; }
.dark .bp-today-tile { background: rgb(var(--gray-900)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.bp-today-label { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgb(var(--gray-500)); }
.bp-today-value { font-size: 1.75rem; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; margin-top: .25rem; font-variant-numeric: tabular-nums; }
.bp-today-hint { font-size: .8125rem; color: rgb(var(--gray-500)); }
.bp-today-meter { height: 6px; border-radius: 99px; background: rgb(var(--gray-100)); margin-top: .625rem; overflow: hidden; }
.dark .bp-today-meter { background: rgb(255 255 255 / .08); }
.bp-today-meter i { display: block; height: 100%; background: rgb(var(--primary-600)); border-radius: 99px; }
.bp-quick { display: grid; gap: .5rem; grid-template-columns: 1fr 1fr; }
.bp-quick-item { display: flex; flex-direction: column; gap: .125rem; padding: .75rem; border-radius: 10px; background: rgb(var(--gray-50)); min-height: 64px; }
.dark .bp-quick-item { background: rgb(255 255 255 / .05); }
.bp-quick-item:hover { box-shadow: inset 0 0 0 1px rgb(var(--primary-600)); }
.bp-quick-item:focus-visible { outline: 2px solid rgb(var(--primary-600)); outline-offset: 2px; }
.bp-quick-label { font-weight: 600; font-size: .875rem; }
.bp-quick-hint { font-size: .75rem; color: rgb(var(--gray-500)); }
.bp-today-link { font-size: .8125rem; font-weight: 600; color: rgb(var(--primary-600)); }
.bp-today-empty { font-size: .875rem; color: rgb(var(--gray-500)); margin: 0; }
.bp-today-scroll { overflow-x: auto; margin: -.5rem -1.5rem -1.5rem; }
.bp-today-table { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.bp-today-table th { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: rgb(var(--gray-500)); text-align: left; padding: .375rem 1.5rem; border-bottom: 1px solid rgb(var(--gray-950) / .06); }
.bp-today-table td { padding: .5rem 1.5rem; border-bottom: 1px solid rgb(var(--gray-950) / .06); vertical-align: middle; }
.dark .bp-today-table th, .dark .bp-today-table td { border-color: rgb(255 255 255 / .06); }
.bp-today-table tr:last-child td { border-bottom: 0; }
.bp-today-table .r { text-align: right; }
.bp-today-guest { display: block; font-weight: 600; }
.bp-today-guest:hover { text-decoration: underline; }
.bp-today-sub { font-size: .75rem; color: rgb(var(--gray-500)); }
.bp-due { color: #b91c1c; font-weight: 600; }
.bp-paid { color: #047857; font-weight: 600; }
.dark .bp-due { color: #f87171; } .dark .bp-paid { color: #34d399; }
.bp-att-dot { width: .5rem; height: .5rem; border-radius: 50%; flex-shrink: 0; }
.bp-today-table td:last-child { white-space: nowrap; width: 1%; }
.bp-today-table td:last-child .fi-badge { max-width: none; }

/* ── Суперадминка: сводка (PlatformOverviewWidget) ───────────────── */
.bp-sa-overview { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .bp-sa-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bp-sa-tile { display: flex; flex-direction: column; gap: .125rem; }
.bp-sa-tile:hover { box-shadow: inset 0 0 0 1px rgb(var(--primary-600)); }
.bp-sa-tile:focus-visible { outline: 2px solid rgb(var(--primary-600)); outline-offset: 2px; }