/* DISPETCH V11: satu standar composer dan placeholder untuk chat pribadi, grup, saluran, Meta AI */
html:root:root:root:root:root body .gp.chat:not(.tb-chc) .ch-in,
html:root:root:root:root:root body .gp.chat .tb-gf,
html:root:root:root:root:root body .gp.mx .mx-bar {
  position:relative!important;z-index:4!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;
  box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:58px!important;height:auto!important;
  margin:8px 8px calc(max(8px,max(var(--sab,0px),env(safe-area-inset-bottom,0px))+6px))!important;
  padding:5px 7px!important;background:#fffdf8!important;background-color:#fffdf8!important;background-image:none!important;
  border:3px solid #111!important;border-top:3px solid #111!important;border-radius:20px!important;box-shadow:4px 4px 0 #111!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;overflow:visible!important;transform:none!important;
}
/* Channel uses a wrapper for the safe-area. Make only the inner input bar the same surface as other chats. */
html:root:root:root:root:root body .gp.tb-chc .tb-comp:not(.fol){padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html:root:root:root:root:root body .gp.tb-chc .tb-comp:not(.fol) .tb-cbx {
  position:relative!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;
  min-width:0!important;min-height:58px!important;margin:8px 8px calc(max(8px,max(var(--sab,0px),env(safe-area-inset-bottom,0px))+6px))!important;
  padding:5px 7px!important;background:#fffdf8!important;border:3px solid #111!important;border-radius:20px!important;box-shadow:4px 4px 0 #111!important;
}
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf input,.tb-cbx input,.mx-field textarea,.mx-bar textarea),
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf input,.tb-cbx input,.mx-field textarea,.mx-bar textarea):focus {
  flex:1 1 auto!important;width:0!important;min-width:40px!important;max-width:100%!important;min-height:42px!important;height:42px!important;
  margin:0!important;padding:9px 3px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important;
  color:#17130d!important;-webkit-text-fill-color:#17130d!important;font-family:inherit!important;font-size:14px!important;font-style:normal!important;
  font-weight:400!important;line-height:22px!important;letter-spacing:.015em!important;text-align:left!important;resize:none!important;
}
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf input,.tb-cbx input,.mx-field textarea,.mx-bar textarea)::placeholder {
  color:#625c52!important;-webkit-text-fill-color:#625c52!important;opacity:.78!important;font-family:inherit!important;font-size:14px!important;
  font-style:normal!important;font-weight:400!important;letter-spacing:.015em!important;text-align:left!important;
}
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf .tb-send,.tb-comp .tb-send,.tb-cb,.mx-side,.mx-act) {
  display:grid!important;place-items:center!important;align-self:center!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:42px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;
  color:#ed4b66!important;-webkit-text-fill-color:#ed4b66!important;box-shadow:none!important;outline:0!important;line-height:0!important;opacity:1!important;transform:none!important;
}
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf .tb-send,.tb-comp .tb-send,.tb-cb,.mx-side,.mx-act) svg {width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important}
html:root:root:root:root:root body :is(.gp.chat,.gp.mx) :is(.tb-gf .tb-send,.tb-comp .tb-send,.tb-cb,.mx-side,.mx-act):active {transform:translate3d(1px,1px,0) scale(.96)!important;box-shadow:none!important}
html:root:root:root:root:root body .gp.tb-chc .tb-cbx input#tbCt2{min-width:0!important;padding:9px 2px!important}
html:root:root:root:root:root body .gp.chat .tb-caudio-wrap{display:flex;flex-direction:column;gap:5px;max-width:100%;margin:5px 0 8px}
html:root:root:root:root:root body .gp.chat .tb-caudio-label{font-size:12px;font-weight:600;opacity:.75}
html:root:root:root:root:root body .gp.chat audio.tb-caudio{display:block;width:min(280px,calc(100vw - 100px));max-width:100%;height:40px;min-height:40px;margin:0}
html:root:root:root:root:root body .gp.chat .tb-bub-audio{min-width:220px}

html:root:root:root:root:root body .gp.mx .mx-field{flex:1 1 auto!important;min-width:0!important;min-height:42px!important;height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important}
html:root:root:root:root:root body .gp.mx .mx-field textarea{width:100%!important}

/* Tampilan perekam suara mengikuti composer terang saluran */
html:root:root:root:root:root body .gp.tb-chc .tb-cbx .pro-rec{color:#17130d!important}
html:root:root:root:root:root body .gp.tb-chc .tb-cbx .pro-wv i{background:#ed4b66!important;filter:none!important}
html:root:root:root:root:root body .gp.tb-chc .tb-cbx .pro-tm{color:#17130d!important;text-shadow:none!important}