/* =========================================================
   PELAYANAN MANDIRI - STYLES
   ========================================================= */
body { 
    background-color: #f0f2f5; 
}
.card { 
    border-radius: 10px; 
}
.border-left-success { 
    border-left: 0.25rem solid #198754 !important; 
}
.border-left-info { 
    border-left: 0.25rem solid #0dcaf0 !important; 
}
.border-left-danger { 
    border-left: 0.25rem solid #dc3545 !important; 
}

/* Khusus matriks agar nyaman di HP saat bulan penuh */
@media (max-width: 768px) {
    .table-responsive table th, 
    .table-responsive table td {
        font-size: 0.65rem !important;
        padding: 0.25rem 0.3rem !important;
        white-space: nowrap;
    }
}

/* Custom Style untuk Matriks (Mengikuti dashboard_kas_rt.php) */
.m-cell-lunas {
    background: #dcfce7;
    color: #166534;
    font-weight: 700;
    font-size: 0.75rem;
}
.m-cell-belum {
    background: #fef2f2;
    color: #b91c1c;
    font-weight: 700;
    font-size: 0.75rem;
}
.m-badge-lunas {
    background: #dcfce7;
    color: #166534;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 4px 14px;
    border-radius: 20px;
}
.m-badge-tunggak {
    background: #fef2f2;
    color: #991b1b;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 4px 14px;
    border-radius: 20px;
}