/* ═══════════════════════════════════════════════════════════════
   gtk-a11y.css — GTK HablaIP · Capa de accesibilidad

   Se carga después de gtk-custom.css y solo añade: normalización de
   los controles que pasaron de <span> a <button>, foco visible y
   respeto por la preferencia de movimiento reducido.
   ═══════════════════════════════════════════════════════════════ */

/* ── Chips de filtro ─────────────────────────────────────────────
   Son <button> para que respondan al tabulador y a Enter/Espacio.
   Esto neutraliza los estilos propios del botón sin tocar su aspecto. */
button.filter-chip {
    font-family: inherit;
    line-height: 1.5;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    text-align: center;
}

/* ── Foco visible ────────────────────────────────────────────────
   Con :focus-visible el anillo aparece al navegar con teclado y no
   al hacer clic con el mouse. */
:focus-visible {
    outline: 2px solid var(--gtk-primary, #696cff);
    outline-offset: 2px;
    border-radius: var(--gtk-radius-xs, 4px);
}

.filter-chip:focus-visible,
.tk-kpi:focus-visible,
.menu-link:focus-visible,
.dropdown-item:focus-visible,
.btn:focus-visible {
    outline: 2px solid var(--gtk-primary, #696cff);
    outline-offset: 3px;
}

/* Las tarjetas KPI filtran al hacer clic: deben poder recibir foco. */
.tk-kpi[data-kpi-estado] {
    cursor: pointer;
}

/* ── Movimiento reducido ─────────────────────────────────────────
   Respeta a quien lo pide desde su sistema operativo. */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}