/* Pengoptimuman peranti (25 Okt 2026): telefon, iPad, tablet Android dan komputer.
   Dimuat paling akhir supaya mengatasi gaya modul. Hanya saiz, ruang sentuh dan limpahan; tiada perubahan warna tema. */

/* Teks tidak dibesarkan sendiri oleh iOS apabila telefon dipusing ke landskap. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Ketik terus tanpa lengah zum dua kali pada butang dan pautan. */
a,button,summary,label,select,input,[role=button],[data-action]{touch-action:manipulation}
/* Elemen hiasan (belon TuTu, bayang) tidak boleh menolak halaman ke tepi; `clip` tidak mengganggu bar melekat (sticky). */
.admin-main,.site-shell>main{overflow-x:clip}
img,video{max-width:100%}

/* Butang TuTu terapung tidak menutup butang Simpan di bahagian bawah halaman (semua saiz skrin). */
body.has-tutu-fab .admin-main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}

/* Bar tindakan bawah OPR/PDPR (≤1023px): butang TuTu naik di atasnya supaya Jana & simpan tidak terlindung. */
@media screen and (max-width:1023px){body:has(.opr-mobile-bar) #tutu-fab{bottom:calc(86px + env(safe-area-inset-bottom,0px))}body:has(.opr-mobile-bar) #tutu-fab-panel{bottom:calc(156px + env(safe-area-inset-bottom,0px))}}

/* ---------- Peranti sentuh: telefon, iPad, tablet Android, komputer skrin sentuh ---------- */
@media (pointer:coarse){
 /* 16px mengelak Safari iPhone/iPad mengezum apabila medan diketik, dan lebih mudah dibaca. */
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea{font-size:16px!important}
 .tutu-note-body{font-size:16px!important}
 /* Sasaran sentuh sekurang-kurangnya ~36–44px. */
 .footer-links a,.breadcrumb a{display:inline-flex;align-items:center;min-height:38px;padding:0 6px}
 .footer-links{gap:4px 10px}
 .tutu-color{width:34px;height:34px}
 .tutu-colors{gap:9px}
 .pdpr-folder>summary{min-height:42px}
 .opr-ai-field-btn{min-height:34px;padding-left:12px!important;padding-right:12px!important}
 .btn-sm{min-height:38px}
 .tutu-seg button,.tutu-md-bar button{min-height:38px}
 .tutu-ink-bar button{min-width:40px;height:40px}.tutu-ink-bar .tutu-ink-c{width:34px;min-width:34px;height:34px}
 .check input,input[type=checkbox],input[type=radio]{width:20px;height:20px}
 /* Menu kiri (iPad landskap memaparkan sidebar penuh): teks lebih besar, baris lebih tinggi. */
 .admin-sidebar nav a{min-height:44px}
 .admin-sidebar .side-record{font-size:12.5px!important;min-height:40px;display:flex!important;align-items:center}
 .side-add{font-size:12px;min-height:38px}
 .side-group-label,.admin-sidebar .side-label{font-size:11px}
 .side-branch>summary{min-height:44px}
 .tutu-mi{min-height:46px}
 .table-wrap td a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}
 /* Kesan hover tidak "melekat" selepas diketik. */
 .tutu-ink-bar button:hover:not(.on),.tutu-md-bar button:hover:not(.on){background:transparent;color:inherit}
}

/* ---------- Tablet (iPad / Android) potret & landskap kecil ---------- */
@media (min-width:761px) and (max-width:1023px){
 .admin-main{padding-left:22px!important;padding-right:22px!important}
 .tutu-notes{grid-template-columns:1fr}
}
/* iPad landskap & komputer riba kecil: sidebar sedikit sempit supaya kandungan lebih luas. */
@media (min-width:1024px) and (max-width:1199px){
 .admin-shell{grid-template-columns:212px minmax(0,1fr)}
 .admin-main{padding-left:24px;padding-right:24px}
}
/* Skrin lebar (1600px ke atas): kandungan tidak terlalu meregang. */
@media (min-width:1600px){
 .admin-main>*{max-width:1480px;margin-left:auto;margin-right:auto}
}

/* ---------- Telefon landskap (rendah) ---------- */
@media (max-height:500px) and (orientation:landscape){
 .admin-topbar{position:relative!important;top:0!important}
 #tutu-fab{width:52px;height:52px}#tutu-fab .tutu-stage{--s:44px!important}
 .tutu-welcome-card{max-height:92vh;overflow:auto}
}

/* Pengguna yang memilih kurang gerakan dalam tetapan peranti. */
@media (prefers-reduced-motion:reduce){
 .tutu-ring,#tutu-fab,.tutu-m{animation:none!important}
}