/* fix5: (1) tombol ikon + teks harus horizontal, (2) layar AI Build: composer rapat kiri-kanan, tinggi tidak rusak */

/* 1) Rule "ikon tepat di tengah" di fix2.css (button:has(>svg:only-child)) ikut menangkap tombol yang
   isinya ikon + teks, lalu mengubahnya jadi grid 1 kolom dengan line-height 0 (ikon di atas, teks gepeng).
   Ikon tunggal tidak terpengaruh: cuma ada satu item, jadi arah kolom dan gap tidak berefek. */
html body button:has(>svg:only-child){
  grid-auto-flow:column;
  justify-content:center;
  align-items:center;
  column-gap:8px;
  line-height:1.25;
  white-space:nowrap;
}
/* padding 0 dari rule itu juga menghapus padding tombol teks */
html body .tb-vst{padding:14px!important;min-height:48px;font-size:15px;line-height:1.2}
html body .pw-go{padding:0 16px!important;min-height:54px;width:100%}
html body .pw-up{padding:0 16px}

/* 2) AI Build */
#aiRoot .cx{height:var(--vvh,100dvh);max-height:100dvh}
#aiRoot .cxi{padding:0!important}
#aiRoot .cxbox{
  width:100%;max-width:none!important;margin:0!important;
  border-width:var(--bw) 0 0 0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:12px 14px calc(env(safe-area-inset-bottom) + 10px)!important;
}
#aiRoot .cxbox:focus-within{translate:none!important;box-shadow:none!important}
#aiRoot .cx textarea{field-sizing:content;min-height:26px!important;max-height:180px;overflow-y:auto}
#aiRoot .cx textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}