/* web/css/cse-theme.css */

:root {
    /* --- Фирменные цвета КСЭ --- */
    --cse-primary-hover: #E55A00; /* Темнее при наведении */
    --cse-dark: #1A1A1A;          /* Глубокий черный для текста/сайдбара */

    /* --- Переопределение переменных Bootstrap/AdminLTE --- */

    /* Основные кнопки и ссылки */
    --bs-primary: var(--cse-primary);
    --bs-primary-rgb: 255, 107, 0;

    /* Сайдбар (если хотите темный, как в песочнице) */
    --cui-sidebar-bg: #1e293b;    /* Темно-синий/серый оттенок */
    --cui-sidebar-color: #cbd5e1;
    --cui-sidebar-brand-bg: #FF6B00; /* Оранжевая шапка сайдбара */

    /* Хедер */
    --cui-header-bg: #ffffff;
    --cui-header-color: #333333;
    --cse-orange: #FE5000;
    --cse-orange-rgb: 254, 80, 0;
    --cse-orange-hover: #e54800;
    --cse-brown: #4F2C1D;
    --cse-brown-rgb: 79, 44, 29;
    --cse-white: #FFFFFF;
    --cse-black: #1a1a1a;
    --cse-bg: #f8f7f5;
    --cse-bg-card: #ffffff;
    --cse-text: #1a1a1a;
    --cse-text-muted: #5c5c5c;
    --cse-text-light: #737373;
    --cse-primary: var(--cse-orange);
    --cse-secondary: var(--cse-brown);
    --cse-orange-08: rgba(254, 80, 0, 0.08);
    --cse-orange-12: rgba(254, 80, 0, 0.12);
    --cse-brown-08: rgba(79, 44, 29, 0.08);
    --cse-brown-12: rgba(79, 44, 29, 0.12);
}

/* --- Глобальные стили --- */

body {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif; /* Если есть Roboto, иначе стандартный */
    color: var(--cse-dark);
}

/* --- Кнопки --- */
.btn-primary {
    background-color: var(--cse-primary);
    border-color: var(--cse-primary);
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--cse-primary-hover);
    border-color: var(--cse-primary-hover);
    color: #fff;
}

/* --- Ссылки --- */
a {
    color: var(--cse-primary);
    text-decoration: none;
}

a:hover {
    color: var(--cse-primary-hover);
}

/* --- Сайдбар (Кастомизация под AdminLTE 4) --- */
.app-sidebar {
    /* Фон сайдбара */
    background-color: #1f2d3d !important;
}


/* Активный пункт меню */
.sidebar-menu .nav-link.active {
    background-color: rgba(255, 107, 0, 0.1) !important;
    color: var(--cse-primary) !important;
    border-left: 4px solid var(--cse-primary);
}

.sidebar-menu .nav-icon {
    color: #adb5bd;
}

.sidebar-menu .nav-link.active .nav-icon {
    color: var(--cse-primary);
}

/* --- Карточки --- */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: #fff;
    border-bottom: 1px solid #f0f2f5;
    font-weight: 600;
}

/* --- Таблицы --- */
.table thead th {
    background-color: #f8f9fa;
    color: #495057;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
}

/* --- Бейджи статусов --- */
.badge.bg-success {
    background-color: #28a745 !important;
}
.badge.bg-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}
.badge.bg-danger {
    background-color: #dc3545 !important;
}
.badge.bg-primary {
    background-color: var(--cse-primary) !important;
}

/* Увеличиваем высоту блока бренда */
.sidebar-brand {
    min-height: 120px; /* Было около 50-60px, ставим 80px */
}

/* Увеличиваем изображение логотипа */
.sidebar-brand .brand-link .brand-image {
    max-height: 120px; /* Увеличиваем ширину */
}

.nav-tabs .nav-link {
    color: var(--cse-secondary) !important;
}

.nav-tabs .nav-link.active {
    color: var(--cse-primary) !important;
}

h1, h2, h3, h4, h5, h6, .card-header, .breadcrumb {
    color: var(--cse-secondary);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bolder;
}

.app-content p {
    color: var(--cse-text);
}
.app-content .card-body b{
    font-size: 0.9em;
    background: var(--cse-brown-08);
    padding: 0.15em 0.4em;
    border-radius: 4px;
    color: var(--cse-secondary);
}

.nav-pills li {
    margin-left: 10px;
}