:root { --mm-navy:#08233f; --mm-blue:#087aa9; --mm-bg:#f5f7fa; --mm-card:#fff; --mm-text:#162333; --mm-muted:#6d7a89; --mm-line:#dfe5eb; }
html.member-messenger-open, html.member-messenger-open body { width:100%;max-width:100%;overflow:hidden !important;overscroll-behavior:none; }
#member-messenger { position:fixed; inset:0; z-index:100000; width:100%;max-width:100vw;overflow:hidden;display:grid; grid-template-rows:auto minmax(0,1fr); background:var(--mm-bg); color:var(--mm-text); font-family:inherit;touch-action:pan-x pan-y; }
#member-messenger[hidden], #member-messenger [hidden] { display:none !important; }
#member-messenger * { box-sizing:border-box; }
#member-messenger button, #member-messenger textarea { font:inherit; }
.mm-topbar { min-height:72px; padding:12px max(16px,calc((100vw - 1180px)/2)); display:flex; align-items:center; gap:12px; background:var(--mm-navy); color:#fff; }
.mm-topbar div { flex:1; }.mm-topbar small,.mm-sheet small { display:block; opacity:.72; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.mm-topbar h2,.mm-inbox h3,.mm-thread h3,.mm-sheet h3 { margin:2px 0 0; }
.mm-icon { width:42px; height:42px; display:grid; place-items:center; border:0; border-radius:13px; background:rgba(255,255,255,.12); color:inherit; cursor:pointer; }.mm-icon svg,#member-messenger .mm-empty>svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mm-layout { width:min(1180px,100%); max-width:100%;min-width:0; min-height:0; margin:auto; overflow:hidden;display:grid; grid-template-columns:minmax(300px,390px) minmax(0,1fr); background:var(--mm-card); box-shadow:0 18px 55px rgba(8,35,63,.12); }
.mm-inbox { min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr); border-right:1px solid var(--mm-line); }.mm-inbox-heading { padding:20px 18px 14px; }.mm-inbox-heading p { margin:5px 0 0; color:var(--mm-muted); font-size:12px; }.mm-list { min-height:0; overflow:auto; padding:0 7px 12px; }
.mm-conversation { width:100%; min-height:82px; padding:11px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; border:0; border-radius:15px; background:transparent; color:inherit; text-align:left; cursor:pointer; }.mm-conversation:hover,.mm-conversation.is-active { background:#eaf5fa; }.mm-avatar { width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#dcedf5;color:#075e80;font-weight:800; }.mm-conversation-body { min-width:0; display:grid; gap:2px; }.mm-conversation-body strong,.mm-conversation-body span,.mm-conversation-body small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mm-conversation-body span { font-size:12px; }.mm-conversation-body small,.mm-conversation-side small { color:var(--mm-muted); font-size:10px; }.mm-conversation-side { height:48px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between; }.mm-conversation-side b { min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:99px;background:#e04457;color:#fff;font-size:10px; }
.mm-list-empty,.mm-empty { padding:52px 24px; display:grid; place-items:center; gap:8px; color:var(--mm-muted); text-align:center; }.mm-list-empty strong,.mm-empty h3 { color:var(--mm-text); }.mm-list-empty span,.mm-empty p { max-width:330px;margin:0;font-size:12px;line-height:1.5; }.mm-empty>svg { width:46px!important;height:46px!important;padding:11px;border-radius:15px;background:#e7f2f7;color:var(--mm-blue); }
.mm-thread { width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden;position:relative; }.mm-thread-content { width:100%;max-width:100%;min-width:0;height:100%;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto; }.mm-thread-content>header { min-width:0;max-width:100%;overflow:hidden;min-height:70px;padding:11px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--mm-line); }.mm-thread-content>header>div { min-width:0;overflow:hidden; }.mm-thread-content>header h3,.mm-thread-content>header p { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mm-thread-content>header h3 { font-size:16px; }.mm-thread-content>header p { margin:3px 0 0;color:var(--mm-muted);font-size:10px; }.mm-thread-back { display:none;background:var(--mm-bg); }.mm-stream { width:100%;max-width:100%;min-width:0;min-height:0;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#f7f9fb; }.mm-message { min-width:0;max-width:min(76%,580px);align-self:flex-start;display:grid;gap:4px; }.mm-message.is-mine { align-self:flex-end; }.mm-message>div { max-width:100%;overflow-wrap:anywhere;padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid var(--mm-line);white-space:pre-wrap;line-height:1.45;font-size:13px; }.mm-message.is-mine>div { border:0;border-radius:16px 16px 4px 16px;background:var(--mm-blue);color:#fff; }.mm-message small { padding:0 5px;color:var(--mm-muted);font-size:9px; }.mm-message.is-mine small { text-align:right; }.mm-composer { width:100%;max-width:100%;min-width:0;overflow:hidden;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;border-top:1px solid var(--mm-line);background:#fff; }.mm-composer textarea { width:100%;min-width:0;min-height:44px;max-height:130px;padding:11px 13px;resize:none;border:1px solid var(--mm-line);border-radius:14px;color:inherit;background:var(--mm-bg); }.mm-composer button { width:44px;min-width:44px;border:0;border-radius:14px;background:var(--mm-blue);color:#fff; }.mm-composer button svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.mm-dialog { position:fixed;inset:0;z-index:3;display:grid;place-items:center;padding:18px; }.mm-backdrop { position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,14,28,.62);backdrop-filter:blur(3px); }.mm-sheet { position:relative;width:min(520px,100%);padding:22px;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.25); }.mm-sheet header { display:flex;align-items:center;justify-content:space-between;gap:12px; }.mm-sheet .mm-icon { background:var(--mm-bg); }.mm-listing { margin:20px 0 4px;font-weight:800; }.mm-recipient { margin:0 0 13px;color:var(--mm-muted);font-size:12px; }.mm-sheet textarea { width:100%;padding:12px;border:1px solid var(--mm-line);border-radius:14px;resize:vertical;line-height:1.45; }.mm-primary { width:100%;height:46px;margin-top:12px;border:0;border-radius:14px;background:var(--mm-blue);color:#fff;font-weight:800; }.mm-grabber { display:none; }
.mm-toast { position:fixed;right:18px;bottom:18px;z-index:5;max-width:min(360px,calc(100vw - 36px));padding:11px 15px;border-radius:13px;background:#12324f;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:12px; }.mm-toast.is-error { background:#9f1d27; }
.member-listing-message-action svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }.member-listing-message-action { border:0;background:#087aa9!important;color:#fff!important;cursor:pointer; }
@media (max-width:720px) { #member-messenger { padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0); }.mm-topbar { min-width:0;max-width:100%;overflow:hidden;min-height:62px;padding:9px 11px; }.mm-layout { width:100%;max-width:100%;display:block;box-shadow:none; }.mm-inbox { width:100%;max-width:100%;height:100%;border:0; }.mm-thread { width:100%;max-width:100vw;position:fixed;inset:calc(62px + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px);z-index:2;display:none;background:#fff; }.is-thread-open .mm-thread { display:block; }.mm-thread-back { display:grid; }.mm-thread-content>header { min-height:61px;padding:8px 10px; }.mm-stream { padding:12px 10px; }.mm-message { max-width:86%; }.mm-dialog { place-items:end center;padding:0; }.mm-sheet { max-height:91dvh;padding:9px 17px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0; }.mm-grabber { width:42px;height:5px;margin:0 auto 12px;display:block;border-radius:99px;background:var(--mm-line); }.mm-toast { bottom:calc(12px + env(safe-area-inset-bottom,0px)); }.details-persistent-contact__actions { min-width:0; }.member-listing-message-action span { display:none; }.member-listing-message-action { min-width:42px!important;width:42px!important;padding:0!important; } }

.mm-message>div>p{margin:0}.mm-message-attachment{margin-top:8px;padding:8px 10px;display:grid;gap:2px;border:1px solid rgba(100,116,139,.22);border-radius:10px;color:inherit;background:rgba(100,116,139,.08);text-decoration:none;white-space:normal}.mm-message-attachment strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.mm-message-attachment small{padding:0;opacity:.75;font-size:9px}.mm-composer{grid-template-columns:minmax(0,1fr) 44px 44px}.mm-attach{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mm-line);border-radius:14px;background:var(--mm-bg);color:var(--mm-blue)}.mm-attach svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mm-attach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.mm-composer .mm-selected-file{grid-column:1/-1;width:100%;height:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 9px;border:0;border-radius:9px;background:var(--mm-bg);color:var(--mm-muted);font-size:9px;text-align:left}.mm-enquiry-attachment{margin-top:10px;display:grid;gap:6px;color:var(--mm-text);font-size:11px;font-weight:700}.mm-enquiry-attachment small{display:inline;letter-spacing:0;text-transform:none;font-weight:500}.mm-enquiry-attachment input{width:100%;padding:9px;border:1px solid var(--mm-line);border-radius:12px;background:var(--mm-bg);font-size:11px}
@media (prefers-reduced-motion:reduce) { #member-messenger * { scroll-behavior:auto!important; } }