/* v752 (inisiatif rapikan-lima-layar-paling-sering-dipakai, tahap 2): perbaikan temuan audit 360/320 px
   pada lima layar: Beranda, Papan Pekerjaan, Tugas Saya, Saldo, Chat tugas.
   Hanya berlaku di layar sempit (<= 400px). Berdiri sendiri: bila berkas ini tidak dimuat, tampilan kembali seperti v751. */
@media (max-width:400px){
  /* tombol utama: tinggi sentuh minimal 44px (sebelumnya 35-42px) */
  html body #papan-pekerjaan .btn-dark,html body #papan-pekerjaan .pb-chip,
  html body #kerjakan-tugas .btn-dark,html body #kerjakan-tugas .sw-seg button,
  html body #saldo-host .btn-dark,html body #saldo-host button.sdk-btn,
  html body #opsi-layanan button,html body #opsi-layanan input:not([type=checkbox]):not([type=radio]),
  html body #site-content .chat-box .chat-kirim,html body #site-content .chat-box .chat-stk-btn{min-height:44px!important}
  /* bilah bawah: 39px -> 44px */
  html body .tabbar button{min-height:44px!important}
  /* tombol ikon kecil: area sentuh 44px */
  html body #saldo-host .sdk-eye{width:44px!important;height:44px!important}
  html body .app-top .avt{width:44px!important;height:44px!important}
  /* tombol kecil yang tampilannya tidak boleh membesar: area sentuh 44px tak terlihat (pseudo-elemen) */
  html body .app-top .rg-peran,html body #sw-lang-btn,html body .sw-ket-kota,html body .sw-ket-gps{position:relative}
  html body .app-top .rg-peran::before,html body #sw-lang-btn::after,html body .sw-ket-kota::after,html body .sw-ket-gps::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
  html body .sw-ket-kota::after,html body .sw-ket-gps::after{left:-9px;right:-9px}
  html body .app-top>img[role=button]{box-sizing:content-box;padding:9px 0}
  /* pelacak status di chat: label tidak lagi terpotong jadi "Dikerjaka/n" */
  html body .sw-trk-l{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:calc(10px*min(var(--sh,1),1))!important;letter-spacing:-.02em}
  html body .sw-trk{padding-left:0!important;padding-right:0!important}
  /* tahap 4: tombol bantuan mengambang tidak lagi menutupi gelembung selama percakapan tugas terbuka (tanpa :has di browser lama: tampilan lama) */
  body:has(#kerjakan-tugas .ts-pane[data-pane=chat]:not([hidden])) .hb-fab,
  body:has(#kerjakan-tugas .ts-pane[data-pane=chat]:not([hidden])) .hb-fab-x{opacity:0!important;pointer-events:none!important}
}
@media (max-width:340px){
  html body .sw-trk-l{font-size:calc(9px*min(var(--sh,1),1))!important;letter-spacing:-.03em}
}