/* V37.9 TARGETED — PC/TABLET COMPOSER EDGE GAP + BORDER LINE ONLY
 * Scope: >=768px. Removes the legacy 8px composer inset and frame lines
 * without touching mobile layout or composer functionality.
 */
@media (min-width:768px){
  /* Make the composer meet the chat column edge with no artificial gap. */
  .chat-main > .chat-input-zone,
  .chat-main .chat-input-zone{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border:0 !important;
    border-top:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  /* Remove the thin separator above the three composer icons. */
  .chat-main .chat-input-zone .zalo-toolbar{
    border:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  /* Keep both composer surfaces exactly on the existing chat background. */
  .chat-main .chat-input-zone,
  .chat-main .chat-input-zone .zalo-toolbar,
  .chat-main .chat-input-zone .zalo-input-area{
    background:var(--bg-main) !important;
    background-color:var(--bg-main) !important;
    background-image:none !important;
  }
}