/*
 * Панель AdBox (Filament 5) в оболочке LEAD BOX admin-core (admin-template/auto-suite/core):
 * shell.css перенесён на классы .fi-*, а не заменён JS-оболочкой — Livewire и сайдбар
 * Filament остаются как есть. Светлая тема «Воздух», тёмная «Тёплый уголь».
 * Токены --admin-* — из core.css; Filament переключает тему классом .dark, поэтому
 * тёмный блок core.css (html[data-theme=dark]) продублирован ниже под .dark.
 * Геометрия оболочки: сайдбар 234px (PanelProvider::sidebarWidth), шапка 64px,
 * контент резиновый с полями 32px.
 */
.fi-body { font-feature-settings: normal; background: var(--admin-bg); color: var(--admin-text); }

.dark {
    color-scheme: dark;
    --admin-brand:#3fd49b; --admin-brand-hover:#62dcae; --admin-brand-soft:#33463c;
    --admin-bg:#1e1e1c; --admin-panel:#262624; --admin-panel-2:#2c2c29; --admin-sunken:#191917;
    --admin-card-border:#353431;
    --admin-text:#d9d6d0; --admin-text-2:#b5b1a9; --admin-muted:#a09c93;
    --admin-line:#3a3935; --admin-line-soft:#32312e; --admin-line-strong:#4a4944;
    --admin-accent:#74d4ae; --admin-accent-hover:#a6e6cb; --admin-active:#27392f; --admin-hover:#2e2e2b;
    --admin-accent-line:#3b5a4a; --admin-focus-ring:rgb(116 212 174 / .3);
    --admin-shadow:none;
    --admin-side-bg:#1a1a18; --admin-side-line:#2c2b28; --admin-side-text:#b5b1a9; --admin-side-muted:#a09c93;
    --admin-side-hover:#252523; --admin-side-active:#27392f; --admin-side-accent:#74d4ae;
    --admin-mark-bg:#3fd49b; --admin-mark-fg:#0a0d0c;
}

/* Сайдбар: своя подложка и линия справа, группы — тихие подписи 12px. */
.fi-sidebar, .fi-sidebar-header { background-color: var(--admin-side-bg); }
.fi-sidebar { border-inline-end: 1px solid var(--admin-side-line); }
.fi-sidebar-header { height: 4rem; box-shadow: none; --tw-ring-color: transparent; border-bottom: 0; }
.fi-sidebar-nav { padding: 8px 12px 16px; row-gap: 4px; scrollbar-width: thin; scrollbar-color: var(--admin-side-line) transparent; }
.fi-sidebar-nav-groups { row-gap: 4px; }
.fi-sidebar-group-btn { padding: 12px 10px 6px; }
.fi-sidebar-group-label { font-size: 12px; font-weight: 600; color: var(--admin-side-muted); }
.fi-sidebar-group-collapse-btn { color: var(--admin-side-muted); }
.fi-sidebar-group-items { row-gap: 2px; }
.fi-sidebar-item-btn { min-height: 36px; padding: 7px 10px; border-radius: var(--admin-radius); gap: 10px; }
.fi-sidebar-item-label { font-size: 14px; font-weight: 600; color: var(--admin-side-text); }
.fi-sidebar-item-btn > .fi-icon { color: var(--admin-side-muted); }
.fi-sidebar-item-btn:hover { background-color: var(--admin-side-hover); }
.fi-sidebar-item-btn:hover > .fi-sidebar-item-label { color: var(--admin-text); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: var(--admin-side-active); }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-sidebar-item-label { color: var(--admin-side-accent); font-weight: 700; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn > .fi-icon { color: var(--admin-side-accent); }
.fi-sidebar-group.fi-active > .fi-sidebar-group-btn .fi-sidebar-group-label { color: var(--admin-side-accent); }
.fi-sidebar-item-btn:focus-visible { outline: 2px solid var(--admin-side-accent); outline-offset: -2px; }

/* Шапка 64px на тоне страницы с тонкой линией снизу — как .suite-shell-top. */
.fi-topbar > nav, .fi-topbar { background-color: var(--admin-bg); }
.fi-topbar > nav { min-height: 4rem; box-shadow: none; --tw-ring-color: transparent; border-bottom: 1px solid var(--admin-line-soft); padding-inline: 32px; }

/* Контент: резиновый, поля 32px (узкий экран — 16px). */
.fi-main { padding-inline: 32px; }
.fi-page-header-main-ctn { padding-block: 24px 40px; row-gap: 24px; }
@media (max-width: 800px) {
    .fi-main, .fi-topbar > nav { padding-inline: 16px; }
    .fi-page-header-main-ctn { padding-block: 16px 24px; }
}
.fi-header-heading { font-size: 28px; font-weight: 800; letter-spacing: -.01em; color: var(--admin-text); }
.fi-header-subheading { color: var(--admin-muted); max-width: 76ch; }

/* Узкий шаблон по умолчанию для форм создания/правки (.suite-form 960px); таблицы и
 * relation managers ниже формы остаются на всю ширину. */
:is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-sc-form { max-width: 960px; }

/* Главное действие — фирменная мятная заливка с чёрным текстом. */
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-link) { background-color: var(--admin-brand); color: var(--admin-on-brand); --tw-ring-color: transparent; }
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-link) > .fi-icon { color: var(--admin-on-brand); }
.fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-link):not([disabled]):hover { background-color: var(--admin-brand-hover); }
.fi-btn { border-radius: var(--admin-radius); font-weight: 600; }

/* Карточки: светлая — без рамки на мягкой тени, тёмная — тонкая линия. */
:is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-fo-field-wrp-hint) { border-radius: var(--admin-panel-radius); }
:is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat) { background-color: var(--admin-panel); box-shadow: var(--admin-shadow); --tw-ring-color: transparent; }
.dark :is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat) { --tw-ring-color: var(--admin-card-border); }
.fi-input-wrp { border-radius: var(--admin-radius); }

/* Логотип AD BOX (разметка — resources/views/filament/brand-logo.blade.php). */
.adbox-logo { font-size: 22px; color: var(--admin-text); }
.fi-logo:hover .suite-logo > span, a:hover > .fi-logo .suite-logo > span { background: #2ee6a6; border-color: #0a0d0c; color: #0a0d0c; }
a:hover > .fi-logo .suite-logo i, .fi-logo:hover .suite-logo i { rotate: 90deg; }