/*
 * Imbuto nell'intestazione delle colonne (owner 1-ott-2026): bottone e
 * evidenza del filtro nella finestra. Comportamento in
 * public/js/column-filters.js, markup in
 * resources/views/vendor/filament-tables/components/header-cell.blade.php.
 * Colori dalle variabili di Filament: grigio come la freccia d'ordinamento,
 * colore primario quando il filtro è attivo.
 */
.jo-cf-button {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 0;
    border-radius: 0.375rem;
    background: transparent;
    color: rgba(var(--gray-400), 1);
    cursor: pointer;
    transition: color 75ms, background-color 75ms;
}

.jo-cf-button:hover,
.jo-cf-button:focus-visible {
    background: rgba(var(--gray-950), 0.05);
    color: rgba(var(--gray-600), 1);
    outline: none;
}

.jo-cf-button[data-active="1"] {
    color: rgba(var(--primary-600), 1);
}

.dark .jo-cf-button {
    color: rgba(var(--gray-500), 1);
}

.dark .jo-cf-button:hover,
.dark .jo-cf-button:focus-visible {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(var(--gray-300), 1);
}

.dark .jo-cf-button[data-active="1"] {
    color: rgba(var(--primary-400), 1);
}

/* Il filtro della colonna cliccata, appena aperta la finestra. */
.jo-cf-highlight {
    border-radius: 0.5rem;
    outline: 2px solid rgba(var(--primary-500), 0.6);
    outline-offset: 6px;
    transition: outline-color 0.4s;
}