/*
 * Тема Edro: «Триколор-модерн» (светлая) + «Ночная вахта» (тёмная).
 * Файл грузится ПОСЛЕ собранного Vite-билда и переопределяет его токены,
 * поэтому пересборка ассетов не нужна (public/build трогать нельзя).
 * Цвета primary/secondary и сайдбара приходят из настроек темы (theme-colors.blade.php).
 */

/* Шрифты с поддержкой кириллицы: Onest — заголовки, Inter — текст */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --font-sans: 'Inter', 'Onest', 'Segoe UI', system-ui, -apple-system, sans-serif;

    /* Скругления крупнее — «карточный» стиль направления 02 */
    --radius-md: 0.5rem;
    --radius-lg: 0.8125rem;
    --radius-xl: 1rem;

    /* Фон рабочей области — холодный светло-синий */
    --color-body: #f4f6fb;

    /* Состояния пунктов меню на тёмно-синем сайдбаре */
    --sidebar-hover-bg: rgba(255, 255, 255, 0.09);
    --sidebar-active-bg: rgba(255, 255, 255, 0.14);
    --sidebar-active-text: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Onest', 'Inter', sans-serif;
}

/* Рамка сайдбара не нужна на тёмно-синем фоне */
.sidebar {
    border-color: transparent;
    /* Не показываем текст, вылезающий за край во время анимации раскрытия */
    overflow-x: hidden;
}

/* Пункты меню не переносятся на вторую строку на промежуточной ширине
   при анимации раскрытия сайдбара (убирает «поддёргивание») */
.sidebar .menu-item-text,
.sidebar .menu-dropdown-item,
.sidebar .menu-group-heading {
    white-space: nowrap;
}

/* Меню одним списком: заголовки групп («Главный», «Больше») скрыты, зазор между группами убран */
.sidebar .menu-group-heading {
    display: none;
}
.sidebar nav ul {
    margin-bottom: 0.25rem;
}

/* Сайдбар всегда тёмно-синий, поэтому и в светлой теме показываем «тёмную» (белую) версию логотипа */
.sidebar .logo img.dark\:hidden,
.sidebar .logo span.dark\:hidden {
    display: none;
}
.sidebar .logo img.dark\:block {
    display: block;
}
.sidebar .logo span.dark\:inline {
    display: inline;
}

/* Иконки пунктов меню наследуют цвет текста из настроек, а не серую заливку билда */
.sidebar .menu-item-icon-inactive {
    fill: currentColor;
    opacity: 0.85;
}

/* Главные кнопки — красный «призыв к действию» (цвет из theme_secondary_color) */
.btn-primary,
.btn-icon-primary {
    background-color: var(--color-secondary, #e03a2f);
}
.btn-primary:focus,
.btn-icon-primary:focus {
    --tw-ring-color: color-mix(in srgb, var(--color-secondary, #e03a2f) 50%, transparent);
}

/* ── Тёмная тема «Ночная вахта»: полуночно-синяя, а не серая ── */
.dark {
    /* Осветлённый синий держит контраст на тёмном фоне */
    --color-primary: #3e6fe6;

    --color-body: #0a101f;
    --color-gray-900: #0a101f;  /* фон приложения */
    --color-gray-800: #121a30;  /* поверхности карточек */
    --color-gray-700: #232e4c;  /* рамки и разделители */

    --sidebar-hover-bg: rgba(255, 255, 255, 0.07);
    --sidebar-active-bg: rgba(94, 133, 235, 0.16);
    --sidebar-active-text: #9db8f5;
}

/* ── Auth, центрированный layout (регистрация, верификация):
      карточка «парит» на синем градиенте. У этого layout'а на body есть bg-gray-50,
      у сплит-layout'а логина — нет, по этому признаку и различаем. ── */
body.bg-gray-50:has(> .auth-container) {
    background: linear-gradient(150deg, #0a1d4d 0%, #14328c 55%, #1c4fd8 100%);
}
body.bg-gray-50.dark:has(> .auth-container) {
    background: radial-gradient(120% 120% at 80% -10%, #162450 0%, #0a101f 60%);
}

/* ── Auth, сплит-layout (вход, сброс пароля): правая панель — фирменный градиент ── */
.auth-container .bg-brand-950 {
    background: linear-gradient(150deg, #0a1d4d 0%, #14328c 55%, #1c4fd8 100%);
}
.dark .auth-container .bg-brand-950 {
    background: radial-gradient(120% 120% at 80% -10%, #162450 0%, #0a101f 60%);
}

/* Карточка входа без рамки, с глубокой тенью (кнопки-кружки не трогаем) */
.auth-container .rounded-lg.bg-white {
    border-color: transparent;
    box-shadow: 0 12px 34px -10px rgba(6, 16, 44, 0.45);
}

/* Текстовый логотип и подписи над/под карточкой — светлые на синем фоне */
.auth-container span.text-gray-900 {
    color: #ffffff;
}

/* На градиенте показываем белую (тёмную) версию логотипа вместо светлой */
body.bg-gray-50:has(> .auth-container) img.dark\:hidden {
    display: none;
}
body.bg-gray-50:has(> .auth-container) img.dark\:block {
    display: block;
}
.auth-container a.text-gray-500 {
    color: rgba(255, 255, 255, 0.75);
}
.auth-container a.text-gray-500:hover {
    color: #ffffff;
}