/* ==========================================================================
   fast9k2x: dimuat PALING AKHIR. Perbaikan delay, hapus animasi klik kartu, dan satu rupa kolom ketik (chat pengguna = Meta AI).
   ========================================================================== */

/* 1) Kartu kontak / baris: TIDAK ada animasi klik (tanpa geser, tanpa skala, tanpa perubahan bayangan, tanpa transisi). */
html:root:root body :is(.tb-row,.tb-pi,.tb-crow,.tb-scard),
html:root:root body :is(#tbm,.gp,.tb-shw,.tb-sheet,.tb-dlg) :is(.tb-row,.tb-pi,.tb-crow,.tb-scard){transition:none!important;animation:none!important}
html:root:root body :is(.tb-row,.tb-pi,.tb-crow,.tb-scard):active,
html:root:root body :is(#tbm,.gp,.tb-shw,.tb-sheet,.tb-dlg) :is(.tb-row,.tb-pi,.tb-crow,.tb-scard):active{
  transform:none!important;translate:none!important;scale:none!important;transition:none!important;animation:none!important;
  box-shadow:4px 4px 0 var(--bd,#111)!important;background-image:none!important}
html:root:root body .tb-arv :is(.tb-row):active{box-shadow:2px 2px 0 var(--bd,#111)!important}
html:root:root body .tb-dlg .tb-exl .tb-row:active{box-shadow:none!important}
html:root:root body :is(.tb-row,.tb-pi,.tb-scard,.tb-crow){-webkit-tap-highlight-color:transparent}

/* 2) Pindah layar lebih cepat: durasi dipangkas, tanpa jeda. */
html:root:root body .gp{transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .14s linear!important}
html:root:root body .gp.out{transition-duration:.15s,.11s!important}
/* animasi masuk Meta AI tidak lagi menunggu (sebelumnya jeda .08-.12 dtk + durasi .42-.6 dtk) */
html:root:root body :is(.mx-hd,.mx-bar){animation:none!important}
html:root:root body .mx-hav{animation-duration:.22s!important;animation-delay:0s!important}
/* FAB Meta AI muncul bersamaan dengan FAB utama, tanpa animasi pop tersendiri */
html:root:root body .tb-fab.mx-fab{animation:none!important}

/* 3) Kolom ketik: satu rupa untuk chat pribadi, grup, Global, dan Meta AI */
html:root:root body :is(.ch-in,.tb-gf,.mx-bar){gap:10px;align-items:flex-end!important;padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 10px)!important}
/* kolom (pil) */
html:root:root body :is(.gp.chat .ch-in textarea,.gp.chat .ch-in textarea:focus,.tb-gf input,.tb-gf input:focus,.mx-field){
  background:transparent!important;border:var(--bw,3px) solid var(--bd,#111)!important;border-radius:26px!important;
  box-shadow:none!important;min-height:48px;box-sizing:border-box;
  transition:box-shadow .18s ease,border-color .18s ease!important}
html:root:root body :is(.gp.chat .ch-in textarea:focus,.tb-gf input:focus,.mx-field:focus-within){
  box-shadow:0 0 0 4px rgba(255,216,61,.5)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--acc,#ffd83d) 55%,transparent)!important}
/* teks di dalam kolom */
html:root:root body :is(.gp.chat .ch-in textarea,.tb-gf input){padding:12px 18px!important;line-height:22px;font-size:16px;caret-color:var(--ink,#111)}
html:root:root body .mx-field{display:flex;align-items:center;padding:0 18px!important}
html:root:root body .mx-field textarea#mxT{padding:12px 0!important;line-height:22px;caret-color:var(--ink,#111)}
/* placeholder: lembut, rapi, redup halus saat kolom difokus */
html:root:root body :is(.ch-in textarea,.tb-gf input,.tb-comp input,.mx-field textarea)::placeholder{
  color:var(--ink,#111)!important;-webkit-text-fill-color:var(--ink,#111)!important;opacity:.42!important;
  font-weight:500!important;letter-spacing:.02em;transition:opacity .2s ease}
html:root:root body :is(.ch-in textarea,.tb-gf input,.tb-comp input,.mx-field textarea):focus::placeholder{opacity:.26!important}
/* tombol bulat di samping kolom (klip, stiker, emoji): rupa sama di semua chat */
html:root:root body :is(.gp.chat .ch-at,.gp.chat .ch-st,.mx-ci){
  flex:none;width:46px;height:46px;min-width:46px;display:grid;place-items:center;padding:0;line-height:0;
  border:var(--bw,3px) solid var(--bd,#111)!important;border-radius:50%!important;
  background:var(--card,#fff)!important;color:var(--ink,#111)!important;box-shadow:3px 3px 0 var(--bd,#111)!important;opacity:1;transition:none!important}
html:root:root body :is(.gp.chat .ch-at,.gp.chat .ch-st,.mx-ci) svg{width:22px;height:22px}
html:root:root body :is(.gp.chat .ch-at,.gp.chat .ch-st,.mx-ci):active{translate:2px 2px;box-shadow:0 0 0 var(--bd,#111)!important}
/* tombol aksi kanan (mic/kirim) sejajar dengan bagian bawah kolom saat teks bertambah baris */
html:root:root body :is(.ch-in .ch-send,.ch-in .ch-mic,.mx-act){margin-bottom:1px}
html:root:root body .mx-act{transition:none!important}
html:root:root body .mx-act.send{animation:none!important}
/* gelembung kirim yang masih di jalan (menunggu server): sedikit redup, jam kecil di pojok */
html:root:root body .ch-m.pend{opacity:.72}
html:root:root body .ch-m .ch-pc{display:inline-flex;vertical-align:-1px;margin-left:4px;opacity:.7}
html:root:root body .ch-m .ch-pc svg{width:11px;height:11px}

/* 4) Daftar pesan: scroll ringan */
html:root:root body :is(.ch-list,.mx-scroll){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}

body.noanim .gp{transition:none!important}