:root{--chat-paper:white}
.messenger-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 280px;height:calc(100dvh - 166px);min-height:520px;border-top:1px solid var(--line);background:var(--chat-paper);font-family:var(--body)}
.messenger-shell h1,.messenger-shell h2{font-family:var(--body);letter-spacing:-.02em}.messenger-shell h1{font-size:22px}.messenger-shell h2{font-size:15px}
.inbox-rail{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.inbox-title{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}.inbox-rail input{margin:0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--chat-paper);min-width:0}.inbox-rail input:focus{background:var(--chat-paper)}.inbox-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.inbox-filters button{padding:5px 12px;border-radius:5px;font-size:12px}.inbox-filters [aria-pressed=true]{color:var(--violet);background:var(--tint);font-weight:600}#inbox-items{overflow-y:auto;flex:1;min-height:0}.inbox-item{display:flex;gap:10px;padding:16px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.inbox-item[hidden]{display:none}.inbox-item:hover{background:var(--canvas)}.inbox-item.selected{background:var(--tint);border-left-color:var(--violet)}.inbox-copy{min-width:0;flex:1}.inbox-copy>b,.inbox-copy>span,.inbox-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-copy>b{font-size:13px}.inbox-copy>span{font-size:12px;margin:3px 0;color:var(--gray)}.inbox-meta{display:flex;flex-direction:column;align-items:end;gap:12px;font-size:10px;color:var(--muted)}.inbox-meta .msg-count{position:static}.inbox-help{padding:14px 16px;border-top:1px solid var(--line);font-size:12px}#inbox-no-results{padding:16px}
.messenger-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.messenger-top{padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.messenger-top>div{flex:1;min-width:0}.messenger-top p{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.messenger-top .text-btn{font-size:12px}.chat-context{padding:8px 18px;display:flex;gap:12px;background:var(--canvas);font-size:12px;border-bottom:1px solid var(--line)}.chat-context a{color:var(--violet);font-weight:600}.messenger-shell .chat-policy{font-size:11px;margin:0;padding:8px 18px;background:var(--chat-paper)}.messenger-shell .message-list{flex:1;min-height:100px;max-height:none;overflow-y:auto;padding:16px 20px;background:var(--canvas);display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.messenger-shell .message{max-width:85%;width:fit-content;min-width:140px;align-self:flex-start;background:var(--chat-paper);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:0;overflow-wrap:anywhere}.messenger-shell .message.own{align-self:flex-end;background:var(--tint);margin:0}.message p{white-space:pre-wrap}.message-day{align-self:center;font-size:11px;color:var(--muted);padding:3px}.messenger-shell .message b{font-size:11px;color:var(--gray)}.messenger-shell .message p{font-size:13px;color:var(--ink);margin:5px 0}.messenger-shell .message small{display:block;font-size:10px;text-align:right}#chat-connection{font-size:11px;padding:5px 18px;border-top:1px solid var(--line);color:var(--gray)}.messenger-shell .message-compose{display:block;padding:8px 16px 12px;margin:0;border:0}.message-compose textarea{display:block;width:100%;min-height:76px;max-height:150px;resize:vertical;border:0;padding:8px;background:var(--chat-paper);color:var(--ink)}.compose-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:6px}.compose-actions small{flex:1;font-size:10px}.compose-actions .btn{min-height:38px;padding:8px 16px;font-size:12px}.messenger-details{overflow-y:auto;min-width:0;border-left:1px solid var(--line)}.messenger-details section{padding:16px;border-bottom:1px solid var(--line)}.messenger-details h2{margin-bottom:12px}.messenger-details p{font-size:12px;margin-bottom:10px}.messenger-details .panel{padding:12px}.messenger-details input{max-width:100%;min-width:0}.messenger-details .field{min-width:0}.messenger-details .btn{font-size:12px;margin-top:8px}.mobile-chat-back,.close-chat-details{display:none}.messenger-welcome{grid-column:2/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center}.messenger-welcome h2{font-size:22px}
@media(max-width:1199px){.messenger-shell{grid-template-columns:270px minmax(0,1fr);position:relative}.messenger-details{display:none}.details-open .messenger-details{display:block;position:absolute;right:0;top:0;bottom:0;width:300px;max-width:100%;background:var(--chat-paper);z-index:5;box-shadow:-8px 0 24px var(--line)}.close-chat-details{display:block;padding:16px}}
@media(max-width:700px){.messenger-shell{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 112px);min-height:480px}.has-thread>.inbox-rail{display:none}.inbox-only>.messenger-welcome{display:none}.inbox-rail{border-right:0}.mobile-chat-back{display:block;transform:rotate(180deg)}.messenger-top{padding:12px}.messenger-top h2{font-size:14px}.messenger-shell .message-list{padding:12px}.messenger-shell .message{max-width:90%}.compose-actions small{display:none}.message-compose textarea{font-size:16px;min-height:65px}.messenger-shell .message-compose{padding:8px 12px max(12px,env(safe-area-inset-bottom))}.chat-context,.messenger-shell .chat-policy{padding-left:12px;padding-right:12px}.messenger-details input{font-size:16px}}
/* Dedicated messaging workspace, following the supplied Alibaba reference. */
.messenger-header{height:64px;background:var(--canvas);display:flex;align-items:center;padding:0 30px;gap:20px;border:0}.messenger-brand{display:flex;align-items:center;gap:8px;font-size:20px}.messenger-brand img{width:130px;height:auto}.my-trade{border-left:1px solid var(--line);padding-left:20px;font-weight:600}.messenger-header-actions{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:13px}.messenger-app-nav{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 8px;border-right:1px solid var(--line)}.messenger-app-nav a{padding:11px;border-radius:8px}.messenger-app-nav [aria-current]{background:var(--chat-paper);color:var(--violet)}.messenger-folder-nav{padding:16px 12px;min-width:0}.messenger-folder-nav h2{font-size:13px;margin:18px 8px}.messenger-folder-nav>input{border:0;background:var(--chat-paper);width:100%;border-radius:22px;padding:10px 12px;min-width:0}.messenger-folder-nav .inbox-filters{display:flex;flex-direction:column;border:0;padding:12px 0;gap:8px}.messenger-folder-nav .inbox-filters button{text-align:left;padding:10px 14px}.messenger-folder-nav .inbox-filters [aria-pressed=true]{background:var(--chat-paper);color:var(--ink)}.messenger-folder-nav>.text-btn{display:block;font-size:12px;padding:8px}.messenger-shell{height:calc(100dvh - 64px);min-height:520px;grid-template-columns:64px 170px 280px minmax(300px,1fr) 300px;gap:0;padding:0 16px 16px 12px;border:0;background:var(--canvas)}.inbox-rail{background:var(--chat-paper);border-radius:20px 0 0 20px;overflow:hidden}.inbox-title{height:66px;border-bottom:1px solid var(--line)}.inbox-title h1{font-size:15px}.inbox-title>a{font-size:11px}.inbox-item{padding:16px 12px;border-bottom:0;border-left:0;gap:9px}.inbox-item.selected{background:var(--canvas);border-radius:12px;margin:4px 8px;padding:12px 4px}.inbox-meta{max-width:52px}.inbox-copy>span{color:var(--muted)}.messenger-conversation{background:var(--chat-paper);border-radius:0 20px 20px 0}.messenger-top{height:66px}.messenger-shell .message-list{background:var(--canvas)}.messenger-shell .message{border:0;border-radius:14px;padding:14px 16px}.messenger-shell .message p{line-height:1.65}.messenger-shell .message-compose{border-top:1px solid var(--line);padding:12px 16px 16px}.message-compose textarea{background:var(--canvas);border-radius:10px 10px 0 0;min-height:84px;padding:12px}.compose-actions{background:var(--canvas);border-radius:0 0 10px 10px;padding:8px 12px;margin:0}.messenger-details{margin-left:12px;border:0;background:var(--chat-paper);border-radius:20px}.detail-panel-title{display:flex;gap:8px;align-items:center}.detail-panel-title h2{font-size:17px;margin:0}.detail-panel-title .icon{color:var(--violet)}.details-tabs{display:flex;background:var(--canvas);padding:5px;border-radius:9px;margin:16px 0 20px;gap:8px;font-size:12px}.details-tabs>*{flex:1;text-align:center;padding:7px}.details-tabs>span{background:var(--chat-paper);border-radius:6px}.messenger-welcome{grid-column:4/-1;background:var(--chat-paper);border-radius:0 20px 20px 0}
@media(min-width:1700px){.messenger-shell{grid-template-columns:72px 190px 330px minmax(350px,1fr) 380px;padding-right:30px}.messenger-header{padding-left:42px}}
@media(max-width:1399px){.messenger-shell{grid-template-columns:56px 140px 260px minmax(280px,1fr)}.messenger-details{display:none}.details-open .messenger-details{display:block;position:absolute;right:16px;top:64px;bottom:16px;width:300px;z-index:5;box-shadow:-8px 0 24px var(--line)}.close-chat-details{display:block;padding:16px}.messenger-welcome{grid-column:4/-1}}
@media(max-width:1000px){.messenger-folder-nav{display:none}.messenger-shell{grid-template-columns:54px 250px minmax(0,1fr);position:relative}.messenger-welcome{grid-column:3/-1}.details-open .messenger-details{top:0}.messenger-header-actions{gap:14px}.my-trade{display:none}}
@media(max-width:700px){.messenger-header{height:56px;padding:0 14px;gap:10px}.messenger-brand img{width:96px}.messenger-brand{font-size:17px}.messenger-header-actions{gap:14px}.messenger-header-actions>a,.messenger-header-actions>button:first-child{display:none}.messenger-shell{height:calc(100dvh - 56px);min-height:0;grid-template-columns:minmax(0,1fr);padding:0 8px 8px}.messenger-app-nav{display:none}.inbox-rail,.messenger-conversation{border-radius:14px}.messenger-top{height:60px;padding:10px}.messenger-shell .message-compose{padding:8px 10px max(10px,env(safe-area-inset-bottom))}.compose-actions{padding:6px 8px}.messenger-shell .message-list{min-height:0}.messenger-top .msg-avatar{display:none}.details-open .messenger-details{top:0;bottom:8px;right:8px;width:calc(100% - 16px);margin:0}.message-compose textarea{min-height:65px;max-height:100px}.messenger-shell .chat-policy{font-size:10px}.messenger-shell .message{padding:10px 12px}.messenger-folder-nav{display:none}.inbox-only .inbox-rail{display:flex}}
.compact-inbox-search{display:none}@media(max-width:1000px){.compact-inbox-search{display:block;padding-top:10px}.compact-inbox-search input{width:calc(100% - 32px)}.compact-inbox-search .inbox-filters{padding:8px 16px}}
.inbox-row{position:relative}.inbox-row[hidden]{display:none}.thread-options{position:absolute;right:8px;bottom:5px;border-radius:5px;background:var(--chat-paper);padding:0 6px;font-weight:700;opacity:0}.inbox-row:hover .thread-options,.thread-options:focus-visible{opacity:1}.inbox-meta img{width:32px;height:32px;object-fit:cover;border-radius:4px}.thread-label{font-size:10px!important;color:var(--violet)!important}.inbox-tools{display:flex;justify-content:space-around;border-bottom:1px solid var(--line);padding:7px;gap:5px;font-size:11px}.inbox-tools button{padding:4px;border-radius:4px}.inbox-tools [aria-pressed=true]{background:var(--tint);color:var(--violet)}.chat-icon-button{padding:5px}.chat-icon-button .icon{width:17px;height:17px}.composer-toolbar{display:flex;gap:5px;padding:0 0 8px}.composer-toolbar button{padding:4px;color:var(--gray)}.composer-toolbar .icon{width:17px;height:17px}.message-compose.expanded-compose textarea{height:240px;max-height:35dvh}.chat-product-card{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:8px;border-radius:8px;margin-top:12px}.chat-product-card img{width:44px;height:44px;object-fit:cover;border-radius:5px}.chat-product-card span{min-width:0;flex:1}.chat-product-card b{display:block;font-size:11px}.chat-product-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-menu{display:flex;flex-direction:column;margin:12px 0}.thread-menu button{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.thread-menu button:hover{background:var(--canvas)}.history-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.history-controls input,.history-controls select{min-width:0;width:100%;padding:8px;border:1px solid var(--line);border-radius:5px}.history-controls label{font-size:12px}.history-result{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.history-result p{white-space:pre-wrap}#history-results{max-height:55dvh;overflow:auto}.attachment-message img{max-height:240px;max-width:100%;object-fit:contain;border-radius:8px}.attachment-message a{font-size:12px;color:var(--violet)}@media(max-width:700px){.thread-options{opacity:1}.chat-icon-button{padding:3px}.composer-toolbar{padding-bottom:5px;gap:12px}.messenger-top>.text-btn{font-size:11px}}