/* ==========================================================================
   Суперадмін — тема в дусі калькулятора ComfortDoors (Bootstrap 5.3).

   Навіщо спільний вигляд: людина за день ходить між дверним калькулятором
   і цим кабінетом. Різні мови оформлення змушують щоразу перечитувати
   екран заново, хоч сутності ті самі — компанії, люди, доступи.

   Принцип той самий, що в theme-v2.css дверей: максимум рідних утиліт
   Bootstrap, мінімум власного CSS. Помаранчевий має рівно три ролі:
   номер/маркер картки, головні дії, вибір. Суцільно-помаранчевих заливок
   із білим текстом немає — контраст 3.4:1; помаранчевий на чорному дає 7.2:1.
   ========================================================================== */

:root {
    --bs-body-color: #1d1d1f;
    --bs-border-color: #dcdce0;

    --orange: #EE6C00;      /* маркери, вибір */
    --orange-lt: #FF8A1F;   /* текст на темному */
}

body { letter-spacing: -.01em; }

/* ---------- Картки ---------- */
.card {
    --bs-card-bg: #f4f4f5;
    --bs-card-border-color: #dcdce0;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.card-header {
    font-weight: 600;
    border-bottom-color: #1d1d1f;
}

.list-group-item {
    background: transparent;
    border-color: #e3e3e6;
    padding: .5rem .75rem;
}

/* ---------- Головні дії: чорна кнопка, помаранчевий напис ---------- */
.btn-dark {
    --bs-btn-bg: #1d1d1f;
    --bs-btn-border-color: #1d1d1f;
    --bs-btn-color: var(--orange-lt);
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-hover-color: #FF9C3D;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-color: var(--orange-lt);
    font-weight: 600;
}

.btn:focus,
.btn-check:focus + .btn { box-shadow: 0 0 0 .2rem rgba(238,108,0,.25); }

/* ---------- Ініціали менеджера: той самий орієнтир, що .idx у калькуляторі -
   помаранчевий квадрат ліворуч від головного напису картки ---------- */
.avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .35rem;
    background: var(--orange);
    color: #18181b;
    font-size: .78rem;
    font-weight: 700;
    flex: none;
}

/* ---------- Довгі таблиці: одна таблиця, групи рядками ----------
   Групи НЕ розбиваються на окремі картки: інакше сторінка розсипається
   на десятки шапок, і колонку доводиться шукати очима заново на кожній
   (побачили на списку компаній 25.08). Група - рядок-роздільник,
   колонки лишаються на місці від першого рядка до останнього */
.group-row > td {
    background: #e9e9ec;
    border-top: 2px solid #1d1d1f;
    padding: .35rem .5rem;
}

/* Шапка тримається у полі зору: у списку на сотні рядків підпис
   колонки інакше зникає на першому ж екрані прокрутки */
.sticky-head th {
    position: sticky;
    top: 0;
    z-index: 2;
}

/* ---------- Компанія в картці менеджера ---------- */
.company-toggle {
    /* Уся смуга компанії — кнопка акордеона, тож знімаємо кнопкові
       прикраси: людина має бачити рядок списку, а не елемент керування */
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    padding: .4rem .25rem;
}

.company-toggle:hover { background: #ececee; }

/* Шеврон повертається у відкритому стані. Bootstrap лишає .collapsed
   на закритій кнопці — саме за нею й орієнтуємось */
.company-toggle .chev { transition: transform .2s; }
.company-toggle.collapsed .chev { transform: rotate(-90deg); }