/* ==========================================================================
   ERP RESPONSIVE CORE (Global Mobile & 4K Large Display Styles)
   ========================================================================== */

/* 1. Universal Layout Defaults */
.erp-card-grid { display: flex; gap: 20px; flex-wrap: wrap; }
.erp-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* 2. Mobile Global Rules (< 768px) */
@media (max-width: 768px) {
    body { padding-bottom: 85px !important; }
    .main-content { margin-left: 0 !important; }
    .erp-card-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .erp-table-responsive { width: 100vw !important; margin-left: -12px !important; padding: 0 10px 20px 10px !important; }
}

/* 3. 65-Inch 4K / TV Screen Rules (>= 1800px) */
@media (min-width: 1800px) {
    body { font-size: 16px; }
    .main-content { max-width: 1920px; margin: 0 auto; padding: 0 40px 60px 40px; }
    .card .amount { font-size: 42px !important; }
    .data-table th, .data-table td { font-size: 15px !important; padding: 16px 14px !important; }
}