/* ==========================================================
 * NEB Global Responsive Enhancements
 * Mobile / Tablet / Desktop
 * ========================================================== */

/* ----------------------------------------------------------
   TABLET (768px – 1024px)
   ---------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
    .page-content { padding: 12px !important; }
    .table-responsive, .widget-main {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table.table { min-width: 700px; }
    .form-control, .btn { min-height: 38px; font-size: 13px; }
    .navbar-header .navbar-brand { padding: 4px 12px; }
    .ace-nav > li > a { padding: 0 12px; }
    .sidebar { width: 220px !important; }
    .main-content { margin-left: 220px !important; }
    .modal-dialog { margin: 30px auto; max-width: 90%; }
}

/* ----------------------------------------------------------
   MOBILE (≤ 767px)
   ---------------------------------------------------------- */
@media (max-width: 767px) {
    .main-container { margin-top: 0 !important; }
    .page-content { padding: 8px !important; }
    .table-responsive, .widget-main {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table.table { min-width: 600px; }
    .form-control, .btn {
        min-height: 44px;
        font-size: 15px; /* lebih besar untuk jari */
    }
    .navbar-header .navbar-brand { padding: 2px 10px; }
    .ace-nav > li > a { padding: 0 10px; }
    .sidebar { position: fixed; z-index: 2000; }
    .modal-dialog { margin: 10px; width: auto !important; }
    .widget-header { padding: 8px 10px; }
    .widget-title { font-size: 14px; }
}

/* ----------------------------------------------------------
   DESKTOP (≥ 1025px) — bersihkan margin/padding berlebih
   ---------------------------------------------------------- */
@media (min-width: 1025px) {
    .page-content { padding: 16px; }
    .widget-main { overflow: visible; }
}

/* ----------------------------------------------------------
   GLOBAL UTILITIES
   ---------------------------------------------------------- */
body {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}
img { max-width: 100%; height: auto; }
pre, code { overflow-x: auto; }
@media print { .no-print { display: none !important; } }