/**
 * Sistem UKW — layer responsif + anti-zoom (NON-DESTRUCTIVE)
 * -----------------------------------------------------------
 * Dirancang agar TIDAK menabrak ukw-ui-actions.css, form-engine.css,
 * sidebar_head inline styles, dan style per-halaman.
 *
 * Aturan:
 *  - Tidak mengubah background / color / font-family body (biarkan page-level)
 *  - Tidak mendefinisikan ulang .btn, .card, .alert generik
 *  - Tidak memaksa table { min-width } global
 *  - Hanya menambah: anti-zoom, overflow safety, touch target, safe-area
 *
 * Include SETELAH CSS utama:
 *   <link rel="stylesheet" href=".../asset/app-responsive.css?v=2">
 */

/* ========== Anti-zoom & base safety (tanpa override visual) ========== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation; /* kurangi double-tap zoom */
}

/* overflow-x sudah ada di ukw-ui-actions; pastikan tetap aman bila file itu belum load */
html,
body {
  max-width: 100%;
  min-width: 0;
}

/* Cegah zoom iOS saat fokus input — hanya ukuran font, tidak ubah border/warna */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="file"],
select,
textarea {
  font-size: max(16px, 1em);
}

/* Tap highlight lebih bersih di mobile (tidak mengubah warna komponen) */
a,
button,
.btn,
.hamburger-btn,
.menu-toggle {
  -webkit-tap-highlight-color: transparent;
}

/* ========== Touch target minimum (additive) ========== */
@media (max-width: 575.98px) {
  .hamburger-btn,
  .menu-toggle,
  .btn-home {
    min-width: 44px;
    min-height: 44px;
  }

  /* Tombol aksi di sel tabel lebih mudah ditekan — tidak ubah layout desktop */
  td .btn,
  td .btn-sm,
  td button,
  .action-cell .btn-mini,
  .bulk-actions .btn-mini {
    min-height: 36px;
  }
}

/* ========== Safe area (notch) — hanya padding ekstra, tidak override layout ========== */
@supports (padding: max(0px)) {
  .main-content,
  .content,
  .page-content {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
}

/* ========== Utility opsional (hanya dipakai jika class ditambahkan manual) ========== */
.ukw-no-zoom {
  touch-action: manipulation;
}

.text-break {
  word-break: break-word;
  overflow-wrap: anywhere;
}

.hide-mobile {
  /* no-op di desktop; di mobile disembunyikan */
}
@media (max-width: 767.98px) {
  .hide-mobile { display: none !important; }
}
@media (min-width: 768px) {
  .hide-desktop { display: none !important; }
}

/* ========== Print: sembunyikan kontrol navigasi (kompatibel existing @media print) ========== */
@media print {
  .hamburger-btn,
  .menu-toggle,
  .overlay,
  .sidebar-overlay,
  #menuOverlay,
  #sidebarOverlay {
    display: none !important;
  }
}