/**
 * Mobile Views: Charts + Accessibility
 * Fases 24-25 (charts) + Fase 27 (focus/touch).
 * Added: 2026-08-06 - Mobile refactor v2
 */
@media (max-width: 767.98px) {
    /* ── Charts ── */
    #scannersList canvas { max-width: 100% !important; height: auto !important; max-height: 260px; }
    #timeRangeButtons .btn, #scannersList .btn-group .btn { font-size: 0.72rem; padding: 0.25rem 0.5rem; }
    #scannersList .input-group #chartDatePicker { font-size: 0.8rem; }
    #dataRangeInfo { font-size: 0.7rem !important; padding: 0.35rem 0.5rem !important; }
    #scannersList .d-flex.flex-wrap.gap-2 { gap: 0.3rem !important; }

    /* ── Accessibility: focus rings ── */
    .mobile-nav-item:focus-visible, .usr-card:focus-visible,
    .nm-device-card:focus-visible, .evt-card:focus-visible {
        outline: 2px solid var(--ss-color-primary, #2d5287); outline-offset: -2px;
    }
    .mobile-nav-user-toggle:focus-visible { outline: 2px solid var(--ss-color-primary, #2d5287); outline-offset: -2px; }
    .nm-device-card, .usr-card { min-height: 44px; }
}