.messages-drawer{width:min(1040px,100vw);background:#f8f7f2}.messages-drawer>.drawer-head{height:92px;padding:19px 27px;background:var(--paper)}.messages-drawer>.drawer-head h2{font-size:29px}.messages-drawer>.drawer-head .eyebrow{margin-bottom:4px}.message-layout{grid-template-columns:310px minmax(0,1fr);background:var(--paper)}.people-list{background:#f7f6f1;border-right:1px solid #dadcd5}.conversation-search{margin:16px 15px 10px;height:39px;display:flex;align-items:center;gap:8px;border:1px solid #d8dcd5;background:white;border-radius:6px;padding:0 11px;color:#77827d}.conversation-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.conversation-label{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#998468;margin:17px 17px 8px}.person-row{min-height:79px;padding:13px 15px;border-bottom:1px solid #e2e3dd;position:relative}.person-row:hover,.person-row.active{background:#e9efeb}.person-row.active{box-shadow:inset 3px 0 var(--green)}.person-row .avatar{width:48px;height:48px;position:relative}.person-row .avatar i{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#38a169;border:2px solid white}.person-row>div{min-width:0;flex:1}.person-row strong{font-size:12px}.person-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.person-row em{font-style:normal;font-size:8px;color:#8a928e;margin-top:5px}.person-row time{position:absolute;right:12px;top:13px;font-size:8px;color:#969d99}.chat{background:#f3f5f1;position:relative}.chat-header{height:71px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 20px;flex:0 0 auto}.chat-header .avatar{width:42px;height:42px}.chat-header>div{display:flex;flex-direction:column;min-width:0;flex:1}.chat-header strong{font-size:12px}.chat-header small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header small i{display:inline-block;width:7px;height:7px;background:#35a368;border-radius:50%;margin-right:4px}.chat-header>button{border:0;background:#f1f3ef;color:var(--green);border-radius:50%;width:33px;height:33px;cursor:pointer}.chat-messages{background-color:#f3f5f1;background-image:radial-gradient(rgba(27,67,54,.045) .7px,transparent .7px);background-size:15px 15px;padding:25px 30px;scroll-behavior:auto}.chat-date{text-align:center;margin:0 0 20px}.chat-date span{background:#e3e7e1;color:#78817c;border-radius:12px;padding:5px 11px;font-size:8px}.message-line{display:flex;margin:6px 0;justify-content:flex-start}.message-line.mine{justify-content:flex-end}.message-bubble,.message-bubble.mine{max-width:min(72%,520px);min-width:95px;margin:0;border-radius:13px;padding:10px 13px 7px;background:white;color:var(--ink);box-shadow:0 2px 7px rgba(23,50,41,.06);font-size:13px;line-height:1.45}.message-bubble.mine{background:var(--green);color:white;border-bottom-right-radius:4px}.message-line:not(.mine) .message-bubble{border-bottom-left-radius:4px}.message-bubble footer{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:3px;min-height:12px}.message-bubble footer time{font-size:7px;opacity:.65}.message-bubble footer span{font-size:8px;color:#a9d8c6}.new-conversation{text-align:center;margin:auto;max-width:330px;color:var(--muted);padding-top:80px}.new-conversation .avatar{margin:auto;width:65px;height:65px;font-size:16px}.new-conversation h3{font:19px Georgia;color:var(--ink);margin:13px 0 6px}.new-conversation p{font-size:10px}.message-form{background:var(--paper);padding:13px 16px;gap:8px;align-items:center}.message-form input{height:44px;border-radius:22px;background:#f6f6f2;padding:0 17px;font-size:12px;outline:0}.message-form>button:last-child{height:40px;border-radius:20px;padding:0 20px;font-size:11px;font-weight:700}.chat-tool{width:37px;height:37px;flex:0 0 auto;border:1px solid #cbd3cd!important;background:white!important;color:var(--green)!important;border-radius:50%!important;padding:0!important;font-size:18px}.emoji-tool{font-size:15px}.messages-drawer .empty-state{font-size:10px}.messages-drawer.open{box-shadow:-25px 0 80px rgba(8,31,24,.22)}
.mobile-chat-back{display:none}
.chat-header>button svg,.chat-message-search>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-header>button:last-child svg{fill:currentColor;stroke:none}.chat-message-search{min-height:52px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 18px;border-bottom:1px solid var(--line);background:#fffdfa;color:#557067}.chat-message-search[hidden]{display:none}.chat-message-search input{min-width:0;flex:1;height:36px;padding:0 3px;border:0;background:transparent;color:var(--ink);font-size:13px;outline:0}.chat-message-search:focus-within{box-shadow:inset 0 -2px var(--green2)}.chat-message-search span{color:var(--muted);font-size:12px;white-space:nowrap}.chat-message-search button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#eef2ee;color:var(--green);font-size:20px;cursor:pointer}
@media(max-width:800px){
.messages-drawer{inset:0!important;width:100vw!important;max-width:none;height:100dvh!important;z-index:120;overflow:hidden;background:var(--paper);box-shadow:none!important}
.messages-drawer>.drawer-head{height:72px;min-height:72px;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));z-index:4}
.messages-drawer>.drawer-head h2{font-size:25px}.messages-drawer>.drawer-head .eyebrow{font-size:8px}.messages-drawer>.drawer-head .drawer-close{width:44px;height:44px;border-radius:50%;font-size:28px}
.messages-drawer .message-layout{position:relative;display:block;width:100%;height:calc(100dvh - 72px);overflow:hidden;background:#f7f6f1}
.messages-drawer .people-list{position:absolute;inset:0;display:block;width:100%;overflow-y:auto;overscroll-behavior:contain;border:0;background:#f7f6f1;transition:transform .24s ease,opacity .2s ease}
.conversation-search{position:sticky;top:0;z-index:2;height:48px;margin:12px 14px;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(18,49,39,.06)}.conversation-search input{font-size:14px}.conversation-label{display:block;margin:20px 18px 8px;font-size:9px}
.person-row{justify-content:flex-start;min-height:78px;padding:13px 18px;gap:12px;background:transparent}.person-row>div{display:flex}.person-row .avatar{width:50px;height:50px}.person-row strong{font-size:14px}.person-row small{max-width:calc(100vw - 125px);font-size:11px}.person-row em{display:block;font-size:9px}.person-row time{display:block;right:18px;font-size:9px}
.messages-drawer .chat{position:absolute;inset:0;z-index:3;display:flex;width:100%;height:100%;overflow:hidden;background:#f3f5f1;transform:translateX(100%);visibility:hidden;transition:transform .24s ease,visibility 0s linear .24s}.messages-drawer.chat-open .people-list{transform:translateX(-22%);opacity:0;pointer-events:none}.messages-drawer.chat-open .chat{transform:translateX(0);visibility:visible;transition-delay:0s}.chat-message-search{padding-inline:14px}.chat-message-search span{display:block;flex:0 0 auto;font-size:11px}.chat-message-search span:empty{display:none}
.mobile-chat-back{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--green);font-size:12px;font-weight:750;cursor:pointer}.mobile-chat-back span{font-size:20px}.chat-header{height:64px;padding:0 14px}.chat-header>button{display:none}
.messages-drawer .chat-messages{padding:16px 12px;overscroll-behavior:contain}.message-bubble,.message-bubble.mine{max-width:86%;font-size:14px}.message-form{flex:0 0 auto;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:rgba(255,253,250,.98)}.message-form input{min-width:0;height:44px;font-size:16px}.emoji-tool{display:none}.message-form>button:last-child{min-width:58px;padding:0 13px}.chat-header>button[aria-label="Search conversation"]{display:grid;place-items:center;flex:none}
body:has(.messages-drawer.open){overflow:hidden}body:has(.messages-drawer.open) .mobile-nav{display:none}
}

/* The rounded wrapper owns the composer's accessible focus indicator. */
#messagesDrawer #messageInput:focus,
#messagesDrawer #messageInput:focus-visible {
  outline: none;
  box-shadow: none;
}
#messagesDrawer .message-composer-field:focus-within {
  border-color: #28735d;
  box-shadow: 0 0 0 3px rgba(36,106,83,.14);
}
@media (forced-colors: active) {
  #messagesDrawer .message-composer-field:focus-within {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }
}
/* Production messaging workspace. */
.messages-drawer>.drawer-head{gap:16px}.messages-drawer>.drawer-head>div:first-child{min-width:0}.message-connection{margin-left:auto;display:flex;align-items:center;gap:7px;min-height:30px;padding:5px 10px;border:1px solid #d5ddd7;border-radius:999px;background:#f4f6f2;color:#52645d;font-size:11px;font-weight:700;white-space:nowrap}.message-connection i{width:8px;height:8px;border-radius:50%;background:#a4ada8}.message-connection[data-state="online"] i{background:#23835f;box-shadow:0 0 0 3px rgba(35,131,95,.12)}.message-connection[data-state="connecting"] i,.message-connection[data-state="reconnecting"] i{background:#bd8a34;animation:message-status-pulse 1.2s ease-in-out infinite}.message-connection[data-state="offline"] i,.message-connection[data-state="unavailable"] i{background:#a74d43}.message-layout{min-width:0}.conversation-search{position:sticky;top:0;z-index:4}.conversation-search input{min-width:0}.conversation-search>button{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:#627069;font-size:19px;cursor:pointer}.conversation-search>button:hover{background:#edf1ed}.person-row{isolation:isolate}.person-row .person-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;padding-right:43px}.person-row .person-row-copy strong,.person-row .person-row-copy small,.person-row .person-row-copy em{min-width:0}.person-row[aria-current="true"]{background:#e3ebe6;box-shadow:inset 3px 0 var(--green)}.conversation-list-state{display:flex;min-height:210px;padding:30px 24px;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;color:var(--muted)}.conversation-list-state strong{color:var(--ink);font:600 16px/1.3 Georgia}.conversation-list-state small{max-width:220px;font-size:11px;line-height:1.55}.conversation-list-state .outline-btn{min-height:44px;margin-top:8px}.message-loader{width:24px;height:24px;border:2px solid #d4ddd7;border-top-color:var(--green);border-radius:50%;animation:message-loader-spin .8s linear infinite}.chat-messages:focus-visible{outline:3px solid rgba(34,113,88,.26);outline-offset:-3px}.message-composer-field{display:flex;min-width:0;flex:1;flex-direction:column;border:1px solid #cbd3cd;border-radius:18px;background:#f7f7f2;transition:border-color .15s ease,box-shadow .15s ease}.message-composer-field:focus-within{border-color:#6d9584;box-shadow:0 0 0 3px rgba(36,106,83,.1)}.message-form textarea{width:100%;min-height:44px;max-height:140px;padding:11px 14px 4px;resize:none;overflow-y:auto;border:0;outline:0;background:transparent;color:var(--ink);font:13px/1.45 Arial,sans-serif}.message-form textarea:disabled{cursor:not-allowed}.message-composer-meta{display:flex;justify-content:space-between;gap:12px;padding:0 13px 7px;color:#7b8580;font-size:9px;line-height:1.2}.message-send{min-width:68px;min-height:44px;padding:0 18px!important;border:0!important;border-radius:22px!important;background:var(--green)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;cursor:pointer}.message-send:disabled{cursor:not-allowed;opacity:.45}.message-jump-latest{position:absolute;right:24px;bottom:92px;z-index:7;min-height:40px;padding:0 16px;border:1px solid rgba(16,70,55,.18);border-radius:999px;background:var(--green);color:#fff;box-shadow:0 8px 24px rgba(12,45,35,.2);font-size:11px;font-weight:800;cursor:pointer}.message-jump-latest[hidden]{display:none}.message-typing{flex:0 0 auto;min-height:25px;padding:5px 22px 4px;background:#f3f5f1;color:#65736d;font-size:10px;font-style:italic}.message-typing[hidden]{display:none}.load-earlier-messages{display:block;min-height:44px;margin:0 auto 22px;padding:0 18px;border:1px solid #cbd5ce;border-radius:999px;background:rgba(255,255,255,.85);color:var(--green);font-size:11px;font-weight:800;cursor:pointer}.load-earlier-messages:disabled{opacity:.65}.message-line[aria-label]{scroll-margin:90px}.message-line.is-pending{opacity:.78}.message-line.is-failed .message-bubble.mine{background:#75493f}.message-delivery{font-size:9px!important}.message-delivery.failed{color:#ffe1da!important;font-weight:700}.retry-message{min-height:36px;margin-top:8px;padding:0 14px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:transparent;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.new-conversation [data-back-to-conversations]{min-height:44px;margin-top:10px}.notification-item[type="button"]{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.notification-item[type="button"]:hover,.notification-item[type="button"]:focus-visible{background:#e3ebe6}.notification-item[type="button"]>b{margin-left:auto;color:var(--green);font-size:18px}.sr-only{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}
@keyframes message-loader-spin{to{transform:rotate(360deg)}}@keyframes message-status-pulse{50%{opacity:.42;transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.message-loader,.message-connection i{animation:none!important}.messages-drawer .people-list,.messages-drawer .chat{transition:none!important}.chat-messages{scroll-behavior:auto!important}}
@media(max-width:800px){.message-connection{max-width:120px;min-height:28px;padding:4px 8px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.messages-drawer>.drawer-head{gap:9px}.messages-drawer>.drawer-head h2{font-size:23px}.mobile-chat-back{min-height:44px}.conversation-search>button{width:44px;height:44px}.person-row .person-row-copy{display:flex!important;padding-right:54px}.person-row .conversation-preview,.person-row em,.person-row time,.conversation-unread{display:block!important}.person-row time{top:14px}.conversation-unread{right:18px;bottom:14px}.message-form{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(58px,auto);align-items:end;gap:7px}.message-composer-field{grid-column:2}.message-form .chat-tool{width:44px;height:44px}.message-form .emoji-tool{display:none}.message-send{grid-column:3;min-width:58px;padding:0 12px!important}.message-composer-meta #messageComposerHint{display:none}.message-composer-meta{justify-content:flex-end;padding-bottom:6px}.message-form textarea{font-size:16px}.message-jump-latest{right:14px;bottom:91px;min-height:44px}.message-typing{padding-inline:15px}.load-earlier-messages{min-height:44px}.retry-message{min-height:44px}}
@media(max-width:360px){.messages-drawer>.drawer-head{padding-inline:12px}.messages-drawer>.drawer-head .eyebrow{display:none}.message-connection{max-width:96px}.person-row{padding-inline:13px}.conversation-search{margin-inline:10px}.message-form{grid-template-columns:44px minmax(0,1fr) 56px;padding-inline:7px}.message-send{font-size:10px!important}.message-bubble,.message-bubble.mine{max-width:92%}}