/* ================================================
   HITS — Tenant panel theme overrides
   Базируется на bvr.hits-oblako.ru/style/style-new.css
   ================================================ */

:root {
    --hits-bg-base: #0F1117;
    --hits-bg-sidebar: #131929;
    --hits-bg-card: #161B27;
    --hits-bg-input: #1A2035;
    --hits-bg-nav-active: #1E2A42;
    --hits-accent: #FF6B35;
    --hits-accent-hover: #E85D2A;
    --hits-text-secondary: #8B95A8;
    --hits-text-muted: #4B5568;
    --hits-border: #252E44;
}

.fi-panel.fi-panel-tenant.dark .fi-sidebar {
    background: var(--hits-bg-sidebar);
}

.fi-panel.fi-panel-tenant.dark .fi-main,
.fi-panel.fi-panel-tenant.dark body {
    background: var(--hits-bg-base);
}

.fi-panel.fi-panel-tenant .fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: var(--hits-bg-nav-active);
    color: var(--hits-accent);
}

.fi-panel.fi-panel-tenant .fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: var(--hits-accent);
}

.fi-panel.fi-panel-tenant.dark .fi-section,
.fi-panel.fi-panel-tenant.dark .fi-fo-component-ctn,
.fi-panel.fi-panel-tenant.dark .fi-ta-content {
    background: var(--hits-bg-card);
    border-color: var(--hits-border);
    border-radius: 12px;
}

/* iter 1452 (Олег): широкие таблицы (напр. «Сваи» со всеми столбцами) — делаем
   горизонтальный скроллбар заметным и удобным для захвата (раньше тонкий, авто-
   скрытый, у нижнего края — трудно найти и докрутить вправо до колонки «Машина»).
   Подсказка пользователю: Shift + колесо мыши прокручивает таблицу вбок откуда
   угодно над ней (нативно браузером) — не обязательно тянуть нижний скроллбар. */
.fi-panel.fi-panel-tenant .fi-ta-content {
    scrollbar-width: auto;
    scrollbar-color: var(--hits-accent) transparent;
}
.fi-panel.fi-panel-tenant .fi-ta-content::-webkit-scrollbar {
    height: 14px;
}
.fi-panel.fi-panel-tenant .fi-ta-content::-webkit-scrollbar-track {
    background: transparent;
}
.fi-panel.fi-panel-tenant .fi-ta-content::-webkit-scrollbar-thumb {
    background: var(--hits-accent);
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: content-box;
}

/* iter 1469 (Олег): карточка машины (machine-cards) — свайное поле + статистика.
   Десктоп: 2 колонки (поле ~2/3, статистика ~1/3). Мобильные/планшеты (<lg=1024px):
   стек в одну колонку — иначе поле и статистика накладывались друг на друга. */
.hits-machine-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}
@media (max-width: 1023px) {
    .hits-machine-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.fi-panel.fi-panel-tenant.dark .fi-topbar {
    background: var(--hits-bg-base);
    border-bottom: 1px solid var(--hits-border);
}

.fi-panel.fi-panel-tenant .fi-btn-color-primary {
    background: var(--hits-accent);
}

.fi-panel.fi-panel-tenant .fi-btn-color-primary:hover {
    background: var(--hits-accent-hover);
}

/* Login page polish */
.fi-panel.fi-panel-tenant.fi-simple-layout {
    background: var(--hits-bg-base);
}

.fi-panel.fi-panel-tenant.fi-simple-layout .fi-simple-main {
    background: var(--hits-bg-card);
    border: 1px solid var(--hits-border);
    border-radius: 16px;
}

.fi-panel.fi-panel-tenant.fi-simple-layout .fi-simple-header-heading {
    color: #FFFFFF;
}

.fi-panel.fi-panel-tenant.fi-simple-layout .fi-simple-header-subheading {
    color: var(--hits-text-secondary);
}

/* Topbar brand logo on tenant panel */
.fi-panel.fi-panel-tenant .fi-logo img {
    height: 32px;
}