.chrome-message-panel{inset:auto 24px 92px auto;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 120px))}.chrome-message-list{display:grid}.chrome-message-list .chrome-message-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.chrome-message-list .chrome-message-row>img{width:48px;height:58px;object-fit:cover;border-radius:15px;flex:none}.chrome-message-list .chrome-message-row>div{display:grid;gap:5px;flex:1;min-width:0}.chrome-message-list strong,.chrome-message-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-message-list small,.chrome-message-list span{font-size:12px;color:var(--muted)}.chrome-message-panel .chrome-all{margin-top:16px;min-height:44px;justify-content:center;background:#fff0f4;border-radius:16px;color:var(--burgundy)}
.chrome-message-row{color:inherit;text-decoration:none;border-radius:14px;transition:background .15s ease}
.chrome-message-row:hover{background:var(--rose)}
.chrome-message-row:focus-visible{outline:2px solid var(--red);outline-offset:2px;background:var(--rose)}
@media(min-width:1000px){
.app-chrome .chrome-message-panel{z-index:65;inset:auto 24px 94px auto;width:min(460px,calc(100vw - 150px));height:min(700px,calc(100dvh - 126px));max-height:calc(100dvh - 126px);padding:18px;overflow:hidden;box-shadow:0 20px 70px #310c1933}
.chrome-message-panel[open]{display:flex;flex-direction:column}.chrome-message-panel>header{flex:none;margin-bottom:12px}.chrome-message-panel>[data-chrome-messages]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.chrome-message-panel.has-conversation>[data-chrome-messages]{display:flex;overflow:hidden}
.app-chrome .chrome-message-panel .product-chat{position:static;inset:auto;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-height:none;max-width:none;margin:0;padding:0;border:0;box-shadow:none;border-radius:18px;overflow:hidden;background:#fff8fa}
.app-chrome .chrome-message-panel .product-chat>header{position:static;flex:none;gap:10px;padding:10px 6px;margin:0;border-bottom:1px solid var(--line)}.chrome-message-panel .product-chat .chat-peer-link{min-width:0;flex:1}.app-chrome .chrome-message-panel .messages{display:block;flex:1;min-height:0;max-height:none;padding:12px 8px;overflow:auto}.app-chrome .chrome-message-panel .product-chat>form{position:static;flex:none;width:100%;margin:0;gap:12px;padding:14px 8px;grid-template-columns:40px minmax(0,1fr) auto}.chrome-message-panel .product-chat>form .button{padding:10px 14px;min-width:0}.chrome-message-panel .chat-receipt-note{font-size:11px;padding:8px}.chrome-message-panel .message-wrap{max-width:88%}.chrome-message-panel .chat-back{flex:none}.chrome-message-panel .chat-unavailable-notice{margin:8px 0 0}
}

/* Inbox rows keep portrait, copy and unread state in stable columns. */
.app-chrome .chrome-message-list{gap:8px;padding:3px}
.app-chrome .chrome-message-list .chrome-message-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;padding:14px 12px;border:1px solid transparent;border-radius:18px;text-align:left;justify-content:stretch;min-height:86px;background:#ffffff80;box-shadow:none}
.app-chrome .chrome-message-list .chrome-message-row.is-unread{background:#f8dfe98c;border-color:#e8adc055}
.app-chrome .chrome-message-list .chrome-message-row:hover{background:#f5d7e2aa}
.app-chrome .chrome-message-list .chrome-message-row>div{display:grid;gap:4px;text-align:left;justify-items:start}
.app-chrome .chrome-message-list .chat-avatar,.app-chrome .chrome-message-list .chrome-message-row>img{width:52px;height:52px;min-width:52px;border-radius:50%;overflow:hidden}
.app-chrome .chrome-message-list .unread-badge{justify-self:end;display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;font-size:12px}
.app-chrome .chrome-message-list .chrome-message-row:focus-visible{outline:2px solid var(--red);outline-offset:-2px}