/* STC XXI Technical Report - perbaikan responsivitas (lapisan terakhir, aman dihapus).
   Tujuan: target sentuh minimal 44px di layar sentuh, bilah tab bawah tidak memotong label
   (termasuk mode PWA), dan kontrol kecil di header/dashboard mudah ditekan. */

/* Bilah tab bawah: tinggi bilah harus memuat tautan (sebelumnya tautan 64px keluar 7px dari layar). */
@media (max-width:768px){
  #tabs{box-sizing:border-box !important;height:calc(72px + env(safe-area-inset-bottom,0px)) !important;padding:4px 6px env(safe-area-inset-bottom,0px) !important;align-items:start !important}
  #tabs a{height:64px !important;min-height:44px !important}
  html.pwa #tabs{height:calc(64px + env(safe-area-inset-bottom,0px)) !important;padding:4px 6px env(safe-area-inset-bottom,0px) !important}
  html.pwa #tabs a{height:56px !important}
}

/* Kontrol kecil di layar sentuh (<=768px) */
@media (max-width:768px){
  #ssearch,#nav a{min-height:44px !important;height:auto !important;min-height:44px !important;box-sizing:border-box !important}
  #mseg button{min-width:44px !important;min-height:44px !important}
  #dslc button,#dq,#dac{min-height:44px !important}
  /* titik indikator slider: area sentuh diperbesar tanpa mengubah tampilan titik */
  #dsld button{position:relative}
  #dsld button::before{content:"";position:absolute;inset:-19px -10px}
}

/* Tombol dan field filter di layar sentuh (<=768px) */
@media (max-width:768px){
  #view .btn,#view button.btn,#view .btn.sec{min-height:44px !important}
  #view input:not([type=checkbox]):not([type=radio]),#view select,#view textarea{min-height:44px !important}
}

/* Tautan teks dan kontrol slider di layar sentuh (<=768px).
   Untuk titik & panah slider, area sentuh diperbesar lewat padding; warna/bentuk tetap (background-clip: content-box). */
@media (max-width:768px){
  .lnk{min-height:44px !important;display:inline-flex !important;align-items:center !important}
  #dsld button{box-sizing:content-box !important;padding:19px 0 !important;background-clip:content-box !important;min-width:0 !important}
  .dsl-b{box-sizing:content-box !important;padding:8px !important;background-clip:content-box !important;min-width:0 !important;min-height:0 !important}
}