/**
 * Спокойный однотонный фон админки (Backpack + Tabler).
 * Подключается из config/backpack/theme-tabler.php
 */

body.admin-theme-soft-blue {
    background-color: #e8f1f8 !important;
    background-image: none !important;
}

/* Убираем яркие декоративные подложки у основной области */
body.admin-theme-soft-blue .page-body,
body.admin-theme-soft-blue .page-wrapper,
body.admin-theme-soft-blue .navbar-overlap::after {
    background: transparent !important;
}

body.admin-theme-soft-blue .page {
    background: transparent;
}

/* Карточки чуть спокойнее, без «кислотного» контраста */
body.admin-theme-soft-blue .card {
    background-color: rgba(255, 255, 255, 0.92);
    border-color: rgba(13, 110, 253, 0.12);
}

/* Компактные формы CRUD (класс задаётся в LeadCrudController) */
body.admin-theme-soft-blue .crud-form-compact .form-group {
    margin-bottom: 0.5rem;
}

body.admin-theme-soft-blue .crud-form-compact label {
    font-size: 0.8125rem;
    margin-bottom: 0.2rem;
    font-weight: 500;
}

body.admin-theme-soft-blue .crud-form-compact .form-text,
body.admin-theme-soft-blue .crud-form-compact .help-block {
    font-size: 0.75rem;
    margin-top: 0.15rem;
}

body.admin-theme-soft-blue .crud-form-compact textarea.form-control-sm {
    min-height: 3.5rem;
}

/* =========================================================
   Бейджи статусов: белый текст с лёгкой тенью для читаемости
   на ярких фонах (особенно на жёлтом bg-warning).
   ========================================================= */

.badge.text-white,
.badge.bg-primary,
.badge.bg-warning,
.badge.bg-success,
.badge.bg-danger,
.badge.bg-secondary,
.badge.bg-info,
.badge.bg-dark {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    font-weight: 600;
}

/* На жёлтом bg-warning белый чище читается с более насыщенной тенью */
.badge.bg-warning {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* =========================================================
   Чередование строк в CRUD-таблицах — голубые тона как в легаси
   (xold/css/style.css:8111). Tabler/DataTables красят stripe
   через box-shadow:inset на <td>, поэтому переопределяем
   как CSS-переменные темы, так и прямой fallback на ячейки.
   ========================================================= */

/* (1) Переопределяем CSS-переменные Tabler — без зависимости от body-класса. */
html body table.crud-table {
    --tblr-table-bg:           #F2FAFA;
    --tblr-table-striped-bg:   #D6F0FA;
    --tblr-table-accent-bg:    transparent;
    --tblr-table-hover-bg:     #C4E8F7;
    --dt-row-stripe:           #D6F0FA;
    --dt-row-hover:            #C4E8F7;
}

/* (2) Прямой удар по ячейкам — html + body + table.crud-table + tbody + tr + td
       = (0,0,1,6). Выше любых Tabler-овских (0,0,1-2,3-4). */
html body table.crud-table tbody tr td,
html body table.crud-table tbody tr th {
    background-color: #F2FAFA !important;
    background-image: none !important;
    box-shadow: none !important;
}
html body table.crud-table tbody tr:nth-of-type(odd) td,
html body table.crud-table tbody tr:nth-of-type(odd) th {
    background-color: #D6F0FA !important;
    box-shadow: none !important;
}
html body table.crud-table tbody tr:hover td,
html body table.crud-table tbody tr:hover th {
    background-color: #C4E8F7 !important;
    box-shadow: none !important;
}

/* ─────────────────────────────────────────────────────────────
   Цветное верхнее меню (было серое на белом — плохо читалось).
   Класс app-menu-colored задан в config/backpack/theme-tabler.php
   (menuHorizontalContent), сюда же вешаем фон и стили пунктов.
   ───────────────────────────────────────────────────────────── */
.navbar.app-menu-colored {
    background-color: #1c4e80 !important;
    border-bottom: 2px solid #163f68 !important;
    margin-top: 0 !important;   /* убираем overlap-смещение */
}

/* Пункты меню и иконки — светлые */
.navbar.app-menu-colored .navbar-nav .nav-link,
.navbar.app-menu-colored .navbar-nav .nav-link .nav-icon,
.navbar.app-menu-colored .navbar-brand,
.navbar.app-menu-colored .navbar-nav .nav-link i,
.navbar.app-menu-colored .nav-brand .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar.app-menu-colored .navbar-nav .nav-link {
    font-weight: 500;
    border-radius: 6px;
    transition: background-color .12s ease, color .12s ease;
}

/* Наведение и открытый дропдаун — светлее + подложка */
.navbar.app-menu-colored .navbar-nav .nav-link:hover,
.navbar.app-menu-colored .navbar-nav .nav-link:focus,
.navbar.app-menu-colored .navbar-nav .nav-item.show > .nav-link,
.navbar.app-menu-colored .navbar-nav .nav-link.active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.16) !important;
}

/* Выпадающие списки — мягкий голубой фон (не белый), тёмный текст */
.navbar.app-menu-colored .dropdown-menu {
    background-color: #eaf2fa !important;
    border: 1px solid rgba(28, 78, 128, 0.22);
    box-shadow: 0 8px 20px rgba(22, 63, 104, 0.18);
}
.navbar.app-menu-colored .dropdown-menu .dropdown-item {
    color: #23405f !important;
}
.navbar.app-menu-colored .dropdown-menu .dropdown-item .nav-icon,
.navbar.app-menu-colored .dropdown-menu .dropdown-item i {
    color: #3a6690 !important;
}
.navbar.app-menu-colored .dropdown-menu .dropdown-item:hover,
.navbar.app-menu-colored .dropdown-menu .dropdown-item:focus {
    background-color: #d3e4f4 !important;
    color: #14375c !important;
}
.navbar.app-menu-colored .dropdown-menu .dropdown-divider {
    border-top-color: rgba(28, 78, 128, 0.18);
}

/* ── Фильтры над CRUD-таблицами (text/range/date): дропдаун и поля ввода
   были очень узкими — расширяем, чтобы значения читались целиком.
   Структура: nav.navbar-filters > li.dropdown > .dropdown-menu > .backpack-filter */
.navbar-filters .dropdown-menu {
    min-width: 280px;
}
.navbar-filters .dropdown-menu .backpack-filter .form-control {
    min-width: 0;              /* пусть тянется по input-group, а не сжимается */
    width: 100%;
    height: calc(1.9rem + 8px);
    font-size: 0.875rem;
    padding: 6px 10px;
}
.navbar-filters .dropdown-menu .backpack-filter .input-group {
    width: 100%;
    flex-wrap: nowrap;
}
/* range-фильтр (от/до): каждому полю — половина ширины */
.navbar-filters .dropdown-menu .backpack-filter .input-group .form-control.from,
.navbar-filters .dropdown-menu .backpack-filter .input-group .form-control.to {
    width: 50%;
}

/* ── Список туров: кнопки строк «Редактировать»/«Клонировать» — только
   иконки (текст съедал ширину последней колонки). Точечно по /tour/. */
.crud-table td a[bp-button="update"][href*="/tour/"] span,
.crud-table td a[bp-button="clone"][data-route*="/tour/"] span {
    display: none;
}
.crud-table td a[bp-button="update"][href*="/tour/"] i,
.crud-table td a[bp-button="clone"][data-route*="/tour/"] i {
    font-size: 1.15rem;
}