/* Mobile-only chat surface, isolated from the approved navigation layout. */
.msbd-chat-overlay { display:none; }
@media(max-width:767px) {
  .msbd-chat-overlay:not([hidden]) { display:block; position:fixed; inset:0; z-index:10050; font-family:Arial,'Hind Siliguri',sans-serif; color:#18302a; }
  .msbd-chat-shade { position:absolute; inset:0; background:rgba(9,36,27,.44); }
  .msbd-chat-window { display:flex; flex-direction:column; position:absolute; left:10px; right:10px; bottom:calc(76px + env(safe-area-inset-bottom)); height:min(580px,calc(100dvh - 170px)); min-height:220px; overflow:hidden; background:#fff; border:1px solid #dfece6; border-radius:16px; box-shadow:0 16px 56px #0b30263b; }
  .msbd-chat-head { flex:0 0 auto; display:flex; align-items:center; gap:11px; min-height:68px; padding:12px 13px; background:#006247; color:#fff; }
  .msbd-chat-mark { flex:0 0 37px; display:grid; place-items:center; width:37px; height:37px; border-radius:12px; background:#ffffff26; }
  .msbd-chat-mark svg { width:23px; height:23px; }
  .msbd-chat-head > div:nth-child(2) { flex:1; min-width:0; }
  .msbd-chat-head strong { display:block; color:inherit; font-size:16px; line-height:1.3; font-weight:700; }
  .msbd-chat-head small { display:block; margin-top:3px; color:#e2f2e9; font-size:11px; line-height:1.35; font-weight:400; }
  .msbd-chat-head .msbd-chat-close { flex:0 0 32px; align-self:center; width:32px; height:32px; border:0; padding:0; font-size:26px; line-height:1; border-radius:50%; color:#fff; background:#ffffff21; cursor:pointer; }
  .msbd-chat-messages { display:flex; flex-direction:column; flex:1; gap:9px; min-height:0; padding:17px 13px; overflow-y:auto; overscroll-behavior:contain; background:#f7faf8; }
  .msbd-chat-welcome { align-self:flex-start; max-width:85%; margin:0 0 9px; border:1px solid #e4eae6; border-radius:3px 14px 14px 14px; background:#fff; padding:11px 13px; font-size:13px; line-height:1.45; }
  .msbd-chat-msg { align-self:flex-start; max-width:85%; min-width:0; border:1px solid #e1e9e4; border-radius:3px 14px 14px 14px; background:#fff; padding:9px 12px; overflow-wrap:anywhere; font-size:13px; line-height:1.55; white-space:pre-wrap; }
  .msbd-chat-msg--customer { align-self:flex-end; background:#006247; color:#fff; border-color:#006247; border-radius:14px 3px 14px 14px; }
  .msbd-chat-msg small { display:block; margin-top:4px; opacity:.68; font-size:10px; text-align:right; }
  .msbd-chat-status { flex:0 0 auto; margin:0; padding:0 14px; min-height:0; color:#b4442c; background:#fff; font-size:11px; line-height:1.55; }
  .msbd-chat-status:not(:empty) { padding-block:6px; }
  .msbd-chat-compose { flex:0 0 auto; display:flex; align-items:flex-end; gap:9px; margin:0; padding:11px; background:#fff; border-top:1px solid #e4ebe7; }
  .msbd-chat-compose textarea { flex:1; min-width:0; width:100%; min-height:43px; max-height:120px; resize:vertical; margin:0; border:1px solid #d5e3dc!important; border-radius:10px!important; padding:10px 11px!important; font-family:inherit!important; font-size:14px!important; line-height:1.5; color:#18302a; background:#fff; box-shadow:none!important; }
  .msbd-chat-compose textarea:focus { outline:2px solid #9adac0; outline-offset:0; }
  .msbd-chat-compose button { flex:0 0 64px; min-height:43px; padding:0 10px; border:0; border-radius:10px; background:#006247; color:white; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
  .msbd-chat-compose button:disabled { opacity:.6; cursor:wait; }
  .msbd-phone-navigation .msbd-phone-bottom > [data-msbd-chat-open][aria-expanded="true"] { color:#00694d; }
  .msbd-phone-navigation .msbd-phone-bottom > [data-msbd-chat-open][aria-expanded="true"] .msbd-phone-nav-icon { color:#00694d; }
  body.admin-bar .msbd-chat-window { max-height:calc(100dvh - 210px); }
  @media(max-width:359px) { .msbd-chat-window { left:5px; right:5px; bottom:calc(70px + env(safe-area-inset-bottom)); height:calc(100dvh - 147px); } }
}
/* Guarantee visually hidden form label even when WordPress core utility CSS is deferred. */
.msbd-chat-compose .screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }