/* ==========================================================================
   Life-Auto Brand CSS (подключается Jazzmin через custom_css)
   ========================================================================== */

/* --- Шапка бренда и адаптивный логотип в сайдбаре --- */
.sidebar-brand {
    background-color: #1c1f28 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 10px 16px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.brand-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.brand-image {
    max-height: 44px !important;
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    margin: 0 auto !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.brand-text {
    display: none !important;
}

/* --- Навигация в сайдбаре: открытая, четкая, аккуратная --- */
.sidebar-wrapper, .app-sidebar {
    background-color: #232733 !important;
}

.sidebar-wrapper .nav-header {
    padding: 0.85rem 1rem 0.35rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-top: 0.4rem !important;
}

.sidebar-wrapper .nav-header:first-of-type {
    border-top: none !important;
    margin-top: 0 !important;
}

.nav-sidebar .nav-item {
    margin-bottom: 2px !important;
}

.nav-sidebar .nav-link {
    border-radius: 6px !important;
    margin: 2px 8px !important;
    padding: 0.5rem 0.85rem !important;
    color: #cbd5e1 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
}

.nav-sidebar .nav-link i.nav-icon {
    font-size: 1rem !important;
    margin-right: 0.75rem !important;
    width: 20px !important;
    text-align: center !important;
    color: #94a3b8 !important;
}

.nav-sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.nav-sidebar .nav-link:hover i.nav-icon {
    color: #ff5252 !important;
}

.nav-sidebar .nav-link.active,
.nav-sidebar .nav-item.menu-open > .nav-link {
    background: linear-gradient(90deg, #d32f2f 0%, #b71c1c 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(211, 47, 47, 0.35) !important;
}

.nav-sidebar .nav-link.active i.nav-icon {
    color: #ffffff !important;
}

/* Скрыть пункт Дашборд / Админпанель из бокового меню */
#jazzy-navigation > .nav-item:first-child:has(a[href="/admin/"]) {
    display: none !important;
}
#jazzy-navigation > .nav-item > a[href="/admin/"].nav-link {
    display: none !important;
}

/* Скрыть блок профиля пользователя (user-panel) в боковой панели */
.sidebar-wrapper .user-panel,
#jazzy-sidebar .user-panel {
    display: none !important;
}

/* Устранение избыточного отступа под шапкой логотипа */
.sidebar-wrapper {
    padding-top: 0 !important;
}

.sidebar-wrapper > nav.mt-2 {
    margin-top: 0 !important;
    padding-top: 4px !important;
}

#jazzy-navigation {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Первый видимый заголовок раздела меню (Каталог товаров) */
#jazzy-navigation > li.nav-header:first-of-type,
#jazzy-navigation > .nav-header:nth-child(2) {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 8px !important;
}

/* Единая элегантная шапка страниц CRM (content-header) */
.app-content-header {
    display: none !important; /* скрываем пустой Jazzmin placeholder */
}

.content-header {
    padding: 14px 20px 10px 20px !important;
    margin-bottom: 12px !important;
    background: transparent !important;
}

.content-header .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.content-header h1 {
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.02em !important;
    display: flex !important;
    align-items: center !important;
}

.content-header h1 i {
    font-size: 1.25rem !important;
    margin-right: 10px !important;
    color: #d32f2f !important;
}

/* Контейнеры контента с выравниванием по одной линии с шапкой */
.container-fluid.px-3 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.app-content > .container-fluid > .row > .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
}