:root{
  --msg-green:#2f5a42;
  --msg-green-2:#214732;
  --msg-green-soft:#edf3ef;
  --msg-ink:#222;
  --msg-muted:#6a6a6a;
  --msg-line:#e6e6e6;
  --msg-soft:#f7f7f7;
  --msg-soft-2:#f2f2f2;
  --msg-white:#fff;
  --msg-dark:#424242;
  --msg-nav-h:72px;
  --msg-banner-h:98px;
  --msg-radius:14px;
  --msg-shadow:0 6px 22px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;color:var(--msg-ink)}
body.msg-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;overflow:hidden}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit}
[hidden]{display:none!important}

/* Top navigation — compact booking-platform style */
.msg-platform-nav{height:var(--msg-nav-h);background:#fff;border-bottom:1px solid var(--msg-line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 34px;position:relative;z-index:30}
.msg-platform-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:650;font-size:15px;justify-self:start;min-width:0}
.msg-platform-brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}
.msg-brand-mark{width:31px;height:31px;border-radius:9px;background:var(--msg-green);color:white;display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 2px 8px rgba(47,90,66,.18)}
.msg-platform-links{height:100%;display:flex;align-items:stretch;gap:30px;justify-self:center}
.msg-platform-links a{display:flex;align-items:center;position:relative;text-decoration:none;color:#4d4d4d;font-size:13px;font-weight:550;white-space:nowrap}
.msg-platform-links a:hover{color:#111}
.msg-platform-links a.is-active{color:#111;font-weight:650}
.msg-platform-links a.is-active:after{content:"";height:2px;background:#222;position:absolute;left:0;right:0;bottom:18px;border-radius:2px}
.msg-nav-dot{width:6px;height:6px;border-radius:50%;background:#e15353;position:absolute;right:-9px;top:21px}
.msg-platform-account{display:flex;align-items:center;justify-content:flex-end;gap:14px;justify-self:end;font-size:12px;font-weight:550;min-width:0}
.msg-platform-account>a{text-decoration:none;white-space:nowrap}
.msg-account-avatar{width:34px;height:34px;border-radius:50%;border:0;background:#e8f0eb;color:var(--msg-green-2);display:grid;place-items:center;font-weight:750;padding:0;cursor:pointer}
.msg-menu-button{width:34px;height:34px;border-radius:50%;background:#f3f3f3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none}
.msg-menu-button span{display:block;width:11px;height:1.4px;background:#444;border-radius:2px}
.msg-menu-button.static{pointer-events:none}

/* Small centered banner like premium booking inboxes */
.msg-platform-banner{height:var(--msg-banner-h);background:#f7f7f7;display:grid;place-items:center;border-bottom:1px solid #f0f0f0}
.msg-platform-banner-card{width:min(360px,calc(100% - 32px));min-height:64px;padding:10px 16px;background:white;border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.09);display:flex;align-items:center;gap:13px}
.msg-banner-icon{width:42px;height:42px;border-radius:12px;background:var(--msg-green-soft);display:grid;place-items:center;color:var(--msg-green);font-size:19px}
.msg-platform-banner-card div{display:flex;flex-direction:column;gap:2px;min-width:0}
.msg-platform-banner-card strong{font-size:13px}
.msg-platform-banner-card span:not(.msg-banner-icon){font-size:11px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Three-panel workspace */
.msg-workspace,.msg-customer-workspace,.msg-auth-platform{height:calc(100dvh - var(--msg-nav-h) - var(--msg-banner-h));display:grid;grid-template-columns:minmax(285px,340px) minmax(430px,1fr) minmax(320px,380px);max-width:1600px;margin:0 auto;background:#fff;border-left:1px solid var(--msg-line);border-right:1px solid var(--msg-line);transition:grid-template-columns .2s ease}
.msg-page.is-context-hidden .msg-workspace,.msg-page.is-context-hidden .msg-customer-workspace{grid-template-columns:minmax(285px,340px) minmax(430px,1fr) 0px}

/* Inbox */
.msg-inbox,.msg-auth-inbox{border-right:1px solid var(--msg-line);min-width:0;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.msg-inbox-head.airbnb-like{height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex:none}
.msg-inbox-head h1{font-size:23px;line-height:1;margin:0;font-weight:700;letter-spacing:-.02em}
.msg-inbox-tools{display:flex;gap:8px;align-items:center}
.msg-round-icon,.msg-round-search{width:36px;height:36px;border-radius:50%;border:0;background:#f5f5f5;display:grid;place-items:center;color:#333;position:relative;cursor:pointer}
.msg-round-icon svg,.msg-round-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.msg-round-search input{position:absolute;right:0;top:42px;width:0;opacity:0;pointer-events:none;border:1px solid #ddd;border-radius:11px;height:38px;background:#fff;padding:0 11px;box-shadow:var(--msg-shadow);transition:.18s ease;z-index:20}
.msg-round-search:focus-within input,.msg-round-search:hover input{width:230px;opacity:1;pointer-events:auto}
.msg-round-icon.static{cursor:default;font-weight:700}
.msg-filters.compact{display:flex;gap:9px;padding:0 22px 14px;flex:none}
.msg-filters.compact button{height:34px;padding:0 15px;border:1px solid #dedede;border-radius:20px;background:#fff;color:#333;font-size:12px;font-weight:600;cursor:pointer}
.msg-filters.compact button.is-active{background:#252525;color:#fff;border-color:#252525}
.msg-filters.compact span{font-size:12px;margin-left:5px}
.msg-conversation-list{overflow:auto;min-height:0;padding:3px 12px 18px;scrollbar-width:thin}
.msg-empty-list{padding:26px 14px;color:#777;text-align:center;font-size:13px}
.msg-conversation-item{width:100%;min-height:78px;border:0;border-radius:12px;background:transparent;padding:10px 9px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;text-align:left;cursor:pointer;position:relative;color:inherit;margin-bottom:3px}
.msg-conversation-item:hover{background:#f8f8f8}
.msg-conversation-item.is-active{background:#f4f4f4}
.msg-avatar-stack{width:46px;height:46px;position:relative;display:block;flex:none}
.msg-avatar-photo,.msg-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e6eee9;color:var(--msg-green-2);font-weight:750;font-size:12px;border:1px solid rgba(47,90,66,.08)}
.msg-avatar-brand{position:absolute;right:-1px;bottom:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#efe9ff;color:#5a45a6;border:2px solid white;font-size:9px;font-weight:800}
.msg-avatar-stack.thread{width:48px;height:48px}
.msg-avatar-stack.thread .msg-avatar-photo{width:42px;height:42px}
.msg-item-main{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.msg-item-top{display:flex;align-items:center;gap:8px;min-width:0}
.msg-item-top strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650;flex:1}
.msg-item-top time{font-size:10px;color:#888;white-space:nowrap}
.msg-item-preview{font-size:11.5px;color:#4e4e4e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-item-subject{font-size:10.5px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-item-stay{font-size:10.5px;color:#757575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.msg-item-stay i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#32a860;margin-right:5px;vertical-align:1px}
.msg-unread-pill{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--msg-green);color:#fff;font-size:9px;font-weight:750;align-self:start;margin-top:7px}

/* Center thread */
.msg-thread,.msg-auth-center{min-width:0;background:#fff;border-right:1px solid var(--msg-line);position:relative;overflow:hidden}
.msg-thread-empty{height:100%;display:grid;place-content:center;text-align:center;padding:30px;color:#6f6f6f}
.msg-thread-empty h2{color:#222;font-size:20px;margin:10px 0 5px}
.msg-thread-empty p{margin:0;font-size:12px}
.msg-empty-chat-icon{width:50px;height:50px;border-radius:50%;background:#f3f3f3;display:grid;place-items:center;margin:auto;font-size:20px;filter:grayscale(1)}
.msg-thread-live{height:100%;display:grid;grid-template-rows:66px minmax(0,1fr) auto auto;min-height:0}
.msg-thread-head.platform{height:66px;border-bottom:1px solid var(--msg-line);display:flex;align-items:center;padding:0 20px;gap:10px;background:white;z-index:5}
.msg-thread-title{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.msg-thread-title strong{font-size:17px;line-height:1.15;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-thread-title span{font-size:10.5px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-thread-chevron{width:34px;height:34px;border:0;border-radius:50%;background:#f5f5f5;display:grid;place-items:center;font-size:24px;line-height:1;color:#555;cursor:pointer}
.msg-mobile-back{display:none;border:0;background:transparent;font-size:21px;padding:5px 8px;cursor:pointer}
.msg-thread-scroll{overflow:auto;min-height:0;background:#fff;scrollbar-width:thin;padding:14px 0 10px}
.msg-loading-thread{padding:18px;text-align:center;color:#888;font-size:12px}
.msg-message-list{max-width:720px;margin:0 auto;padding:0 28px 16px;display:flex;flex-direction:column;min-height:100%}
.msg-date-separator{align-self:center;color:#6f6f6f;font-size:10px;font-weight:650;margin:13px 0 9px;text-transform:none}
.msg-bubble-wrap{max-width:76%;display:flex;flex-direction:column;position:relative;margin:4px 0}
.msg-bubble-wrap.is-system{align-self:center;max-width:90%;margin:10px 0}
.msg-bubble-wrap.is-system .msg-bubble{border:0;background:transparent;color:#777;font-size:10px;padding:3px 10px;text-align:center}
.msg-admin-page .msg-bubble-wrap.is-customer,.msg-customer-page .msg-bubble-wrap.is-host{align-self:flex-start;padding-left:34px}
.msg-admin-page .msg-bubble-wrap.is-host,.msg-customer-page .msg-bubble-wrap.is-customer{align-self:flex-end;align-items:flex-end}
.msg-message-avatar{position:absolute;left:0;bottom:21px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8efea;color:var(--msg-green-2);font-size:9px;font-weight:750}
.msg-message-label{font-size:9.5px;color:#777;margin:0 0 3px 8px}
.msg-admin-page .msg-bubble-wrap.is-host .msg-message-label,.msg-customer-page .msg-bubble-wrap.is-customer .msg-message-label{text-align:right;margin-right:7px}
.msg-bubble{border-radius:13px;padding:9px 12px;font-size:13px;line-height:1.28;white-space:pre-wrap;overflow-wrap:anywhere}
.msg-admin-page .msg-bubble-wrap.is-customer .msg-bubble,.msg-customer-page .msg-bubble-wrap.is-host .msg-bubble{background:#f2f2f2;color:#222;border-bottom-left-radius:5px}
.msg-admin-page .msg-bubble-wrap.is-host .msg-bubble,.msg-customer-page .msg-bubble-wrap.is-customer .msg-bubble{background:var(--msg-dark);color:white;border-bottom-right-radius:5px}
.msg-message-meta{display:flex;gap:7px;align-items:center;font-size:9px;color:#777;margin-top:3px;padding:0 7px}
.msg-admin-page .msg-bubble-wrap.is-host .msg-message-meta,.msg-customer-page .msg-bubble-wrap.is-customer .msg-message-meta{justify-content:flex-end}
.msg-reply-link{border:0;background:none;padding:0;color:#777;font-size:9px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.msg-read-state{color:#777}
.msg-quoted{font-size:10px;padding:6px 8px;margin-bottom:7px;border-left:2px solid currentColor;opacity:.72;background:rgba(255,255,255,.12);border-radius:4px}
.msg-attachments{display:grid;gap:5px;margin-top:7px}
.msg-attachment{display:flex;align-items:center;gap:8px;text-decoration:none;padding:6px;border-radius:8px;background:rgba(255,255,255,.14);color:inherit}
.msg-admin-page .is-customer .msg-attachment,.msg-customer-page .is-host .msg-attachment{background:#fff;border:1px solid #e5e5e5}
.msg-attachment-thumb{width:52px;height:52px;border-radius:7px;object-fit:cover}
.msg-attachment-icon{width:42px;height:42px;border-radius:7px;background:#eee;color:#555;display:grid;place-items:center;font-size:10px;font-weight:800}
.msg-attachment-info{display:flex;flex-direction:column;min-width:0}.msg-attachment-info b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-attachment-info span{font-size:9px;opacity:.7}

/* Composer */
.msg-quick-replies{display:none;padding:0 18px 6px;gap:6px;overflow:auto}
.msg-thread-live.show-quick-replies .msg-quick-replies{display:flex}
.msg-quick-replies button{border:1px solid #ddd;background:#fff;border-radius:18px;padding:6px 11px;font-size:10px;white-space:nowrap;cursor:pointer}
.msg-composer{margin:0 16px 14px;border:1px solid #9f9f9f;border-radius:15px;background:#fff;padding:8px 10px 7px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.msg-composer-row{display:flex;align-items:flex-end;gap:8px}
.msg-composer textarea{border:0;outline:0;resize:none;min-height:39px;max-height:130px;flex:1;padding:10px 2px 7px;background:transparent;color:#222;line-height:1.35}
.msg-composer textarea::placeholder{color:#7a7a7a}
.msg-attach-button,.msg-template-button{width:34px;height:34px;border-radius:50%;background:#f3f3f3;border:0;display:grid;place-items:center;cursor:pointer;color:#444;flex:none}
.msg-attach-button span{font-size:23px;line-height:1;font-weight:300;margin-top:-2px}
.msg-template-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.msg-send-button{height:34px;border:0;border-radius:18px;background:var(--msg-green);color:#fff;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:650;cursor:pointer}
.msg-send-button b{font-size:16px;font-weight:500}.msg-send-button:disabled{opacity:.45;cursor:not-allowed}
.msg-composer-status{font-size:10px;color:#a33;min-height:0;margin:3px 4px 0}
.msg-reply-preview,.msg-attachment-preview{margin:0 0 7px 36px;background:#f6f6f6;border-radius:7px;padding:6px 9px;font-size:10px;color:#666;display:flex;justify-content:space-between;gap:8px;align-items:center}
.msg-reply-preview button{border:0;background:none;cursor:pointer}.msg-file-chip{display:inline-block;background:#eee;border-radius:8px;padding:4px 7px;margin-right:5px}
.msg-composer.is-disabled{opacity:.6}

/* Reservation/context panel */
.msg-context,.msg-auth-context{min-width:0;background:#fff;overflow:hidden;transition:opacity .2s ease,transform .2s ease}
.msg-page.is-context-hidden .msg-context{opacity:0;pointer-events:none}
.msg-context-header{height:66px;border-bottom:1px solid var(--msg-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.msg-context-header h2{font-size:20px;margin:0;font-weight:650}
.msg-context-header button{width:34px;height:34px;border-radius:50%;border:0;background:#f5f5f5;font-size:22px;line-height:1;cursor:pointer}
.msg-context-scroll{height:calc(100% - 66px);overflow:auto;padding:24px 22px 36px;scrollbar-width:thin}
.msg-context-hero{text-align:center;padding:8px 8px 22px}
.msg-group-avatar{position:relative;width:84px;height:84px;margin:0 auto 13px}
.msg-avatar.xlarge{width:72px;height:72px;font-size:18px;margin:6px auto;background:#e5eee8}
.msg-group-extra{position:absolute;right:-5px;top:-3px;width:45px;height:45px;border-radius:50%;background:#f3f3f3;border:3px solid #fff;display:grid;place-items:center;font-size:10px;font-weight:700;color:#444}
.msg-context-hero h3{font-size:23px;line-height:1.14;letter-spacing:-.03em;margin:0 auto 6px;max-width:260px}
.msg-context-hero p{margin:0;color:#6f6f6f;font-size:12px}
.msg-context-card{border:1px solid #e7e7e7;border-radius:14px;background:#fff;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,.025)}
.msg-context-card h4{font-size:13px;margin:0 0 14px}
.msg-stay-dates{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5e5e5;padding-bottom:13px;margin-bottom:6px}
.msg-stay-dates>div{display:flex;flex-direction:column;gap:2px}.msg-stay-dates>div+div{padding-left:18px;border-left:1px solid #ececec}
.msg-stay-dates span,.msg-stay-line span,.conversation-info span{font-size:10px;color:#777}.msg-stay-dates strong{font-size:11px}.msg-stay-line{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px}.msg-stay-line strong{text-align:right}.msg-reservation-status{margin-top:6px;border-radius:8px;background:#f4f7f5;color:var(--msg-green-2);padding:8px 9px;font-size:10px}
.msg-participant-row{display:flex;gap:11px;align-items:flex-start}.msg-avatar.small{width:38px;height:38px;flex:none}.msg-participant-row>div{display:flex;flex-direction:column;min-width:0}.msg-participant-row strong{font-size:12px;margin-bottom:2px}.msg-participant-row a,.msg-participant-row span{font-size:10px;color:#777;text-decoration:none;word-break:break-word}
.conversation-info>div:not(.msg-context-actions){display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:10px}.conversation-info b{text-align:right}.msg-context-actions{display:flex;gap:7px;margin-top:11px}.msg-context-actions button{flex:1;border:1px solid #ddd;border-radius:9px;background:#fff;padding:8px 9px;font-size:10px;cursor:pointer}.msg-context-actions button:last-child{color:#9a3d3d}
.msg-context-book{display:block;background:var(--msg-green);color:#fff;border-radius:10px;padding:11px 14px;text-align:center;text-decoration:none;font-size:11px;font-weight:650}

/* Auth state: same messenger shell, no large hero */
.msg-auth-platform{grid-template-columns:minmax(285px,340px) minmax(430px,1fr) minmax(320px,380px)}
.msg-auth-list-item{border:0;background:transparent;text-align:left;margin:3px 12px;padding:13px 12px;border-radius:12px;display:flex;gap:11px;align-items:center;cursor:pointer}
.msg-auth-list-item:hover,.msg-auth-list-item.is-active{background:#f4f4f4}
.msg-auth-list-icon{width:38px;height:38px;border-radius:50%;background:#e9f0eb;display:grid;place-items:center;color:var(--msg-green);font-size:17px;font-weight:700;flex:none}
.msg-auth-list-item>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.msg-auth-list-item strong{font-size:12px}.msg-auth-list-item small{font-size:10px;color:#777}
.msg-auth-center{overflow:auto;padding:42px max(28px,6vw)}
.msg-auth-pane{display:none;max-width:560px;margin:0 auto}.msg-auth-pane.is-active{display:block}
.msg-auth-pane-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.msg-auth-pane-head h2{font-size:24px;letter-spacing:-.025em;margin:3px 0 5px}.msg-auth-pane-head p{font-size:12px;color:#6d6d6d;margin:0;max-width:450px}
.msg-platform-form{display:grid;gap:13px}.msg-platform-form label{display:grid;gap:5px;font-size:10px;font-weight:650;color:#555}.msg-platform-form input,.msg-platform-form textarea{border:1px solid #d8d8d8;border-radius:9px;padding:10px 11px;background:#fff;outline:none;transition:border .15s,box-shadow .15s}.msg-platform-form input:focus,.msg-platform-form textarea:focus{border-color:#777;box-shadow:0 0 0 2px rgba(0,0,0,.04)}.msg-platform-form textarea{resize:vertical}.msg-platform-form button{border:0;border-radius:10px;background:var(--msg-green);color:#fff;padding:11px 14px;font-weight:650;font-size:11px;cursor:pointer}.msg-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.msg-honeypot{position:absolute!important;left:-9999px!important}
.msg-auth-alert,.msg-inline-alert,.msg-inline-success{position:fixed;left:50%;transform:translateX(-50%);top:82px;z-index:80;background:#fff;border:1px solid #ead7d7;color:#8a3b3b;padding:9px 13px;border-radius:10px;box-shadow:var(--msg-shadow);font-size:11px}.msg-inline-success{border-color:#d7e6db;color:#2d6543}.compact-alert{position:static;transform:none;margin:0 auto 18px;max-width:560px}.msg-auth-feature{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-bottom:1px solid #eee}.msg-auth-feature:last-child{border-bottom:0}.msg-auth-feature b{font-size:11px}.msg-auth-feature span{font-size:10px;color:#777}

/* Dialog */
.msg-new-dialog{border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.2);width:min(460px,calc(100% - 28px))}.msg-new-dialog::backdrop{background:rgba(0,0,0,.35)}.msg-new-dialog form{padding:24px;display:grid;gap:13px;position:relative}.msg-new-dialog h2{margin:0 0 4px;font-size:22px}.msg-new-dialog label{display:grid;gap:5px;font-size:10px;font-weight:650}.msg-new-dialog input,.msg-new-dialog textarea{border:1px solid #ddd;border-radius:9px;padding:10px;resize:vertical}.msg-dialog-close{position:absolute;right:15px;top:15px;width:32px;height:32px;border:0;border-radius:50%;background:#f3f3f3;font-size:20px}.msg-dialog-submit{border:0;border-radius:10px;background:var(--msg-green);color:#fff;padding:11px;font-weight:650}

/* Responsive */
@media (max-width:1180px){
  .msg-workspace,.msg-customer-workspace,.msg-auth-platform{grid-template-columns:300px minmax(400px,1fr) 330px}
  .msg-platform-links{gap:18px}.msg-platform-nav{padding:0 20px}.msg-platform-account>a:first-child{display:none}
}
@media (max-width:950px){
  .msg-workspace,.msg-customer-workspace,.msg-auth-platform{grid-template-columns:300px minmax(0,1fr);border-right:0}
  .msg-context,.msg-auth-context{position:fixed;right:0;top:var(--msg-nav-h);bottom:0;width:min(390px,92vw);z-index:70;border-left:1px solid var(--msg-line);box-shadow:-10px 0 35px rgba(0,0,0,.12);transform:translateX(100%);opacity:0;pointer-events:none}
  .msg-context.is-open,.msg-auth-context.is-open{transform:translateX(0);opacity:1;pointer-events:auto}
  .msg-page.is-context-hidden .msg-workspace,.msg-page.is-context-hidden .msg-customer-workspace{grid-template-columns:300px minmax(0,1fr)}
  .msg-platform-links a:nth-child(2),.msg-platform-links a:nth-child(3){display:none}
}
@media (max-width:720px){
  :root{--msg-nav-h:60px;--msg-banner-h:0px}
  body.msg-page{overflow:hidden}
  .msg-platform-nav{grid-template-columns:1fr auto;padding:0 14px}.msg-platform-brand>span:last-child{max-width:180px}.msg-platform-links{display:none}.msg-platform-account{gap:8px}.msg-platform-account>span:not(.msg-account-avatar),.msg-platform-account>a:first-child{display:none}.msg-platform-banner{display:none}
  .msg-workspace,.msg-customer-workspace,.msg-auth-platform{height:calc(100dvh - var(--msg-nav-h));display:block;border:0;position:relative}
  .msg-inbox,.msg-auth-inbox{position:absolute;inset:0;border:0;z-index:2;background:#fff}.msg-thread,.msg-auth-center{position:absolute;inset:0;border:0;background:#fff;transform:translateX(100%);z-index:4;transition:transform .2s ease}.msg-page.is-thread-open .msg-thread{transform:translateX(0)}
  .msg-mobile-back{display:block}.msg-thread-head.platform{padding:0 11px}.msg-message-list{padding:0 12px 14px}.msg-bubble-wrap{max-width:88%}.msg-composer{margin:0 8px 8px}.msg-send-button span{display:none}.msg-send-button{width:34px;padding:0;justify-content:center}.msg-template-button{display:none}
  .msg-auth-platform .msg-auth-center{transform:none;z-index:3;padding:24px 18px;display:none}.msg-auth-platform.show-auth-center .msg-auth-center{display:block}.msg-auth-platform .msg-auth-inbox{display:block}.msg-auth-list-item{margin-left:8px;margin-right:8px}
  .msg-context,.msg-auth-context{top:var(--msg-nav-h)}
}
@media (max-width:420px){.msg-platform-brand{font-size:13px}.msg-brand-mark{width:29px;height:29px}.msg-auth-two{grid-template-columns:1fr}.msg-inbox-head.airbnb-like{padding:0 18px}.msg-filters.compact{padding-left:18px}.msg-conversation-list{padding-left:8px;padding-right:8px}}
.msg-nav-dot{font-size:0!important;color:transparent!important;overflow:hidden}
.msg-auth-mobile-back{display:none;border:0;background:transparent;padding:0 0 18px;font-size:13px;font-weight:650;color:#333;cursor:pointer}
@media (max-width:720px){.msg-auth-mobile-back{display:block}}

/* V12 Airbnb-style full inbox layout */