/*
 * Кнопки-счётчики «Комментарии» / «Файлы» (дорожная карта, квартальные отчёты).
 *
 * Состояние задаётся цветом кнопки в PHP/Blade: gray — записей нет (белая
 * кнопка с серой рамкой), primary — записи есть. Filament для outlined-кнопки
 * рисует только рамку и текст, без фона, поэтому заливку добавляем здесь —
 * ровно ту же, что у badge’ей «Активные фильтры» (--color-50, текст
 * --color-700, почти незаметное кольцо --color-600/10; см. badge.css Filament).
 *
 * Переменные --color-* приходят из класса .fi-color-primary (utilities.css
 * Filament), поэтому смена палитры панели подхватывается автоматически.
 * Селекторы намеренно длинные: правила Filament для .fi-btn.fi-outlined.fi-color
 * имеют специфичность 0,3,0 — перекрываем их, а не полагаемся на порядок файлов.
 */
.fi-btn.fi-outlined.app-count-btn.fi-color-primary {
    background-color: var(--color-50);
    --tw-ring-color: color-mix(in oklab, var(--color-600) 10%, transparent);
    /* Кнопка приходит с dark:fi-text-color-500 — подравниваем под badge (400). */
    --dark-text: var(--color-400);
}

.fi-btn.fi-outlined.app-count-btn.fi-color-primary:not(.fi-disabled):not([disabled]):hover {
    background-color: var(--color-100);
}

/* Иконка по умолчанию красится в --color-600 — ведём её в цвет подписи. */
.fi-btn.fi-outlined.app-count-btn.fi-color-primary > .fi-icon {
    color: var(--text);
}

.dark .fi-btn.fi-outlined.app-count-btn.fi-color-primary > .fi-icon {
    color: var(--dark-text);
}

/* Тёмная тема: сплошной светлый фон здесь неуместен — как у badge, прозрачный. */
.dark .fi-btn.fi-outlined.app-count-btn.fi-color-primary {
    background-color: color-mix(in oklab, var(--color-400) 10%, transparent);
    --tw-ring-color: color-mix(in oklab, var(--color-400) 30%, transparent);
}

.dark .fi-btn.fi-outlined.app-count-btn.fi-color-primary:not(.fi-disabled):not([disabled]):hover {
    background-color: color-mix(in oklab, var(--color-400) 20%, transparent);
}

/*
 * Счётчик в правом верхнем углу — инверсия кнопки: сплошная синяя заливка и
 * белая цифра. На светлой заливке кнопки читается как акцент.
 * Начертание — обычное; дефолт Filament для badge — 500, вернуть его можно,
 * удалив правило ниже.
 */
.app-count-btn .fi-badge {
    font-weight: 400;
}

.app-count-btn .fi-badge.fi-color {
    background-color: var(--color-600);
    --text: #fff;
    --dark-text: #fff;
    --tw-ring-color: var(--color-600);
}

.dark .app-count-btn .fi-badge.fi-color {
    background-color: var(--color-500);
    --tw-ring-color: var(--color-500);
}