/* --- GLOBAL MOBILE RESPONSIVE FIXES --- */
@media (max-width: 768px) {
    /* Base Layout */
    body, html { overflow-x: hidden; }
    .container-fluid { padding-left: 10px; padding-right: 10px; }

    /* Typography */
    h1, .h1 { font-size: 1.5rem !important; }
    h2, .h2 { font-size: 1.25rem !important; }
    h3, .h3 { font-size: 1.1rem !important; }
    p, .small, .text-muted { font-size: 0.9rem !important; }

    /* Dashboard & Cards */
    .kpi-card, .metric-card { margin-bottom: 15px; }
    .row > .col-md-3, .row > .col-md-4, .row > .col-md-6, .row > .col-12 { padding-left: 5px; padding-right: 5px; }
    .card-body { padding: 15px !important; }

    /* Profile Strength Card */
    .profile-strength-card { padding: 15px !important; margin-top: 15px; }
    .strength-value { font-size: 2rem !important; }

    /* Tables */
    .table-responsive { border: 0; }
    .table { font-size: 0.85rem; }
    .table th, .table td { padding: 0.5rem; white-space: nowrap; }

    /* Profile Images */
    img.rounded-circle, .member-avatar, .member-photo { object-fit: cover !important; }

    /* Filters and Buttons */
    form .input-group { margin-bottom: 10px; width: 100% !important; min-width: 100% !important; }
    .btn-toolbar { display: flex; flex-wrap: wrap; gap: 5px; }

    /* Header */
    .navbar-brand { font-size: 1.1rem !important; }
    .navbar-brand img { height: 28px !important; }
    
    /* Charts */
    canvas { width: 100% !important; height: auto !important; min-height: 250px; }

    /* Overlay Fix */
    .sidebar-overlay.show { display: block !important; }
}
@media (max-width: 768px) {
    .metric-card .small { font-size: 0.75rem !important; }
    .metric-card .mb-0.fw-bold.font-monospace { font-size: 1rem !important; }
    .metric-card h5 { font-size: 1rem !important; }
}