/* MISTER FAST LiveMapChat MINI V63.4.5.1
   Composer UX patch only. No map, menu, room, API, session or layout changes. */

.mf514-composer.mf63451-composer{
  position:sticky;
  bottom:0;
  z-index:8;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:9px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:rgba(255,255,255,.98);
  border-top:1px solid #dfe6f0;
  box-shadow:0 -7px 22px rgba(28,46,82,.08);
  backdrop-filter:blur(14px);
}

.mf63451-tools{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:9px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.mf63451-tools::-webkit-scrollbar{display:none}
.mf63451-tools .mf631-tool-button{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
}

.mf63451-input-row{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
}

.mf514-composer.mf63451-composer .mf63451-input-row input[name=message]{
  display:block;
  width:100%;
  min-width:0;
  height:54px;
  margin:0;
  padding:0 76px 0 18px;
  border:1px solid #d8e1ed;
  border-radius:28px;
  background:#fff;
  color:#17345c;
  font-size:15px;
  outline:0;
  box-sizing:border-box;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.mf514-composer.mf63451-composer .mf63451-input-row input[name=message]:focus{
  border-color:#78a9e6;
  box-shadow:0 0 0 3px rgba(0,61,165,.09);
}

.mf514-composer.mf63451-composer .mf63451-send{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  min-width:46px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:#ffc400;
  color:#fff;
  box-shadow:0 8px 18px rgba(190,145,0,.34);
  cursor:pointer;
  overflow:hidden;
}
.mf514-composer.mf63451-composer .mf63451-send svg{
  display:block;
  width:23px;
  height:23px;
  margin:0;
  fill:#fff;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateX(1px);
}
.mf514-composer.mf63451-composer .mf63451-send:hover{
  background:#ffd028;
  box-shadow:0 10px 22px rgba(190,145,0,.4);
}
.mf514-composer.mf63451-composer .mf63451-send:active{
  transform:translateY(-50%) scale(.94);
}

@media(max-width:520px){
  .mf514-composer.mf63451-composer{gap:7px;padding-left:9px;padding-right:9px}
  .mf63451-tools{gap:7px}
  .mf63451-tools .mf631-tool-button{flex-basis:35px;width:35px;height:35px}
  .mf514-composer.mf63451-composer .mf63451-input-row input[name=message]{height:50px;padding-left:15px;padding-right:67px;font-size:14px}
  .mf514-composer.mf63451-composer .mf63451-send{width:42px;height:42px;min-width:42px;right:5px}
  .mf514-composer.mf63451-composer .mf63451-send svg{width:21px;height:21px}
}