/**
 * Mobile Views: Overview Dashboard
 * Fase 7: Compact KPI cards, alert banner, event rows.
 * Added: 2026-08-06 - Mobile refactor v2
 */
@media (max-width: 767.98px) {
    #overview-content .alert { padding: 0.6rem 0.75rem; font-size: 0.85rem; }
    #overview-content .alert h6 { font-size: 0.85rem; margin-bottom: 0; }
    #overview-content .alert small { font-size: 0.72rem; }
    #overview-content .alert .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.75rem; }
    .stat-card .card-body { padding: 0.65rem 0.7rem; }
    .stat-label { font-size: var(--ss-font-kpi-label, 0.7rem) !important; margin-bottom: 0.15rem !important; }
    .stat-value { font-size: var(--ss-font-kpi-value, 1.4rem) !important; }
    .stat-icon-wrap { padding: 0.35rem !important; }
    .stat-icon-wrap i { font-size: 1.2rem !important; }
    .stat-percent { font-size: 0.8rem; }
    .stat-subtext { font-size: 0.68rem; }
    #overview-content .list-group-item { padding: 0.5rem 0.75rem; }
    #overview-content .list-group-item .fw-bold { font-size: 0.8rem; }
    #overview-content .list-group-item .badge { font-size: 0.65rem; padding: 0.18em 0.45em; }
    #overview-content .list-group-item small { font-size: 0.68rem; }
    #overview-content .card-header { padding: 0.6rem 0.75rem; }
    #overview-content .card-header h6 { font-size: 0.82rem; }
    #overview-content .card-header .btn-sm { font-size: 0.72rem; padding: 0.2rem 0.5rem; }
    #overview-content { max-width: 100%; overflow-x: hidden; }
    #overview-content > .container-fluid { padding-left: 0 !important; padding-right: 0 !important; }
    .dashboard-section { padding-left: 0 !important; padding-right: 0 !important; }
}