/*
 * brand-polish.css — единая стилевая доводка StroyID.
 * Подключается ПОСЛЕДНИМ, перекрывает разнобой в дашборде, статусах и меню.
 */

:root{
    --sp-navy:   #2a5f81;   /* приглушённый тёмно-синий — базовый UI-акцент */
    --sp-navy-2: #234f6c;   /* темнее для hover */
    --sp-soft:   #eef3f7;   /* мягкая подложка */
    --sp-line:   #d9e2ea;   /* границы */
    --sp-red:    #ff3d3d;   /* акцент заголовков футера */
}

/* ── 5. Кнопка-бургер: без ховер-анимаций и подчёркиваний ── */
.top-burger.mobile-menu-btn,
.top-burger.mobile-menu-btn:hover,
.top-burger.mobile-menu-btn:focus{
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}
.top-burger.mobile-menu-btn::after,
.top-burger.mobile-menu-btn::before{ display: none !important; }

/* ── 3. Высота бургера = высоте .user-status (40px) ── */
.top-burger.mobile-menu-btn{
    height: 40px !important;
    width: 40px !important;
}

/* ── 6. Верхнее меню subnav: без смены цвета и подчёркивания при наведении ── */
.subnav-menu .subnav-item:hover,
.subnav-menu .subnav-li:hover > .subnav-item,
.subnav-menu .subnav-item:focus{
    color: inherit !important;
    background: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}
.subnav-menu .subnav-item::after,
.subnav-menu .subnav-li:hover > .subnav-item::after{ display: none !important; }

/* ── 7. Статусы внутри .user-status — стильные, как бейдж на главной ── */
.user-status,
.user-status.client,
.user-status.company,
.user-status.partner,
.user-status.subcontractor,
.user-status.supervisor{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: var(--sp-soft) !important;
    border: 1px solid var(--sp-line) !important;
    color: #1f2d3a !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}
.user-status-icon,
.user-status-icon.client,
.user-status-icon.company,
.user-status-icon.partner{
    color: var(--sp-navy) !important;
    background: none !important;
}

/* ── 8. Единый стиль дашборда: один размер, приглушённый тёмно-синий ── */
.view-toggle-btn,
.db-tab-nav a,
.db-tab-nav button,
.actions-grid .btn,
.btn.btn-primary{
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}
.view-toggle-btn{
    background: #fff !important;
    color: var(--sp-navy) !important;
    border: 1px solid var(--sp-line) !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
}
.view-toggle-btn.active{
    background: var(--sp-navy) !important;
    color: #fff !important;
    border-color: var(--sp-navy) !important;
}
.btn.btn-primary,
.actions-grid .btn.btn-primary{
    background: var(--sp-navy) !important;
    color: #fff !important;
    border: 1px solid var(--sp-navy) !important;
    padding: 0 18px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
.btn.btn-primary:hover,
.actions-grid .btn.btn-primary:hover{
    background: var(--sp-navy-2) !important;
    border-color: var(--sp-navy-2) !important;
}
.actions-grid .btn{
    background: #fff !important;
    color: var(--sp-navy) !important;
    border: 1px solid var(--sp-line) !important;
    padding: 10px 16px !important;
}
.actions-grid .btn:hover{ border-color: var(--sp-navy) !important; }

/* иконки в дашборде/шапке — единый приглушённый тёмно-синий */
.fas.fa-user, .fas.fa-user-circle,
.db-tab-nav i, .actions-grid .btn i{
    color: var(--sp-navy) !important;
}
/* на кнопках с тёмной заливкой иконка и текст — белые */
.view-toggle-btn i{ color: var(--sp-navy) !important; }
.view-toggle-btn.active,
.view-toggle-btn.active i{ color: #fff !important; }
.btn.btn-primary,
.btn.btn-primary i,
.actions-grid .btn.btn-primary,
.actions-grid .btn.btn-primary i{ color: #fff !important; }
.container.breadcrumbs-inner,
.breadcrumbs-inner{ color: var(--sp-navy) !important; }
.container.breadcrumbs-inner a,
.breadcrumbs-inner a{ color: var(--sp-navy) !important; }

.db-tab-nav a.active,
.db-tab-nav button.active{
    color: var(--sp-navy) !important;
    border-bottom-color: var(--sp-navy) !important;
}

/* ── 8. Красный акцент под заголовками футера ── */
.landing-footer-column h3::after{
    background: var(--sp-red) !important;
}

/* ── 9. Убрать #1d4ed8: на фоне #dbeafe текст делаем чёрным ── */
.mode-badge.blue,
.mode-badge-form.self,
.mode-badge-form.blue{
    color: #1a2129 !important;
}

/* ── Меню subnav перенесено в строку с логотипом ── */
.profile-header > .subnav{
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    flex: 1 1 auto;
    min-width: 0;
}
/* снимаем ограничения .container внутри строки шапки */
.profile-header > .subnav > .subnav-inner{
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}
.profile-header > .subnav .subnav-menu{
    margin: 0 !important;
    padding: 0 !important;
}
/* инструменты прижимаем вправо */
.profile-header > .header-tools{ margin-left: auto; }
/* выпадающие меню не должны обрезаться шапкой */
header, .header-content, .profile-header, .profile-header > .subnav{
    overflow: visible !important;
}
.profile-header > .subnav{ z-index: 600; }

/* ── Вкладка «Обращения»: вернуть внутренние отступы, как у других панелей ── */
.db-tab-panel[data-panel="tickets"]{
    padding: 4px 14px 14px;
}
.db-tab-panel[data-panel="tickets"] .tdw-wrap{ margin-top: 12px; }

/* ── Правое выдвижное меню: никаких ховер-эффектов, больше воздуха ── */
/* базовый цвет фиксируем, чтобы hover его не менял */
.mobile-menu-item,
.mobile-menu-item:hover,
.mobile-menu-item:focus,
.mobile-menu-item:active{
    background: transparent !important;
    color: #2c3947 !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
    border-bottom: none !important;
}
.mobile-menu-item i,
.mobile-menu-item:hover i,
.mobile-menu-item:focus i{
    color: #8a98a8 !important;
    transform: none !important;
}
.mobile-menu-item::after,
.mobile-menu-item::before{ display: none !important; }

/* просторнее между секциями и пунктами */
.mobile-menu-content .mobile-menu-section{ margin-bottom: 26px !important; }
.mobile-menu-content .mobile-menu-section-title{ margin-bottom: 12px !important; }

/* ── Размер статуса пользователя ── */
.user-status,
.user-status.client,
.user-status.company,
.user-status.partner,
.user-status.subcontractor,
.user-status.supervisor{
    padding: 17px 26px !important;
}