/* ===== FIX composeRow GRID (final) ===== */

/* composer becomes column: replyBar (optional) + composeRow */
.composer{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 80 !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;

  margin: 10px 12px 12px 12px !important;
  padding: 10px 12px !important;
  border-radius: 22px !important;

  background: rgba(255,255,255,0.14) !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  backdrop-filter: blur(10px) !important;
}

/* ACTUAL row (buttons + input + send) */
.composeRow{
  display: grid !important;
  grid-template-columns: 40px 40px 1fr auto !important; /* + mic input send */
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

/* hide file input always */
#fileInput{ display:none !important; }

/* plus / mic small */
.composeRow .iconBtn,
.composeRow label.iconBtn{
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* input BIG + black typing */
.composeRow #text{
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;

  border-radius: 18px !important;
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(0,0,0,0.12) !important;

  color: #000 !important;
  caret-color: #000 !important;
}
.composeRow #text::placeholder{ color: rgba(0,0,0,0.55) !important; }

/* send right, slightly smaller */
.composeRow #send, .composeRow .sendBtn{
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 16px !important;
  white-space: nowrap !important;
}

/* keep chat not hidden behind composer */
#chat, .chat{ padding-bottom: 170px !important; }

/* ===== END FIX ===== */

/* disable background blur */
.blur{display:none!important;}