.pxm-chat-page{--chat-ink:#0b203a;--chat-muted:#53657c;--chat-line:#dce4ed;color:var(--chat-ink)}
.pxm-chat-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:34px 0}
.pxm-chat-page-heading h1,.pxm-chat-welcome h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}
.pxm-chat-page-heading p,.pxm-chat-welcome p{font-size:16px;line-height:1.7;color:#53657c}
.pxm-chat-welcome{padding:clamp(26px,5vw,64px);max-width:760px;border-radius:12px;border:1px solid #dce4ed;background:linear-gradient(130deg,#f4f7fb,#fff)}
.pxm-chat-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#ad1d2e;display:block;margin-bottom:18px}
.pxm-chat-app{--chat-ink:#0b203a;--chat-muted:#53657c;--chat-line:#dce4ed;border:1px solid var(--chat-line);border-radius:12px;overflow:hidden;background:white;min-width:0;color:var(--chat-ink)}
.pxm-chat-app *{box-sizing:border-box}
.pxm-chat-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 22px;background:#0b203a;color:white}
.pxm-chat-app .pxm-chat-toolbar p,.pxm-chat-toolbar span{font-size:13px!important;line-height:1.5;color:white!important;margin:0!important}
.pxm-chat-toolbar .pxm-chat-total{font-weight:700}
.pxm-chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:560px}
.pxm-chat-inbox{border-right:1px solid var(--chat-line);background:#f7f9fc;min-width:0}
.pxm-chat-inbox h2{font-size:17px!important;padding:22px;margin:0!important;border-bottom:1px solid var(--chat-line);line-height:1.4}
.pxm-chat-thread-link{display:block;padding:18px;border-bottom:1px solid var(--chat-line);color:var(--chat-ink);text-decoration:none!important;overflow-wrap:anywhere}
.pxm-chat-thread-link:hover,.pxm-chat-thread-link[aria-current=page]{background:#fff;box-shadow:inset 3px 0 #bd2033;color:var(--chat-ink)}
.pxm-chat-thread-link>div{display:flex;justify-content:space-between;gap:8px;align-items:start}
.pxm-chat-thread-link strong{font-size:14px;line-height:1.5}
.pxm-chat-unread{font-size:11px;line-height:1.5;padding:3px 7px;background:#f9e7ea;color:#9a1526;border-radius:5px;flex-shrink:0}
.pxm-chat-context{display:block;font-size:12px;line-height:1.5;font-weight:600;color:#35516e;margin-top:6px}
.pxm-chat-app .pxm-chat-thread-link p{font-size:13px!important;line-height:1.5!important;color:var(--chat-muted);margin:7px 0!important}
.pxm-chat-thread-link time{font-size:11px;color:var(--chat-muted)}
.pxm-chat-inbox-empty{font-size:14px;line-height:1.7;color:var(--chat-muted);padding:22px}
.pxm-chat-conversation{min-width:0;background:white}
.pxm-chat-conversation-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--chat-line)}
.pxm-chat-conversation-header h2{font-size:21px!important;line-height:1.35!important;margin:8px 0!important;overflow-wrap:anywhere}
.pxm-chat-app .pxm-chat-conversation-header p{font-size:13px!important;margin:0!important;line-height:1.6;color:var(--chat-muted);overflow-wrap:anywhere}
.pxm-chat-back{font-size:12px;font-weight:600;color:#53657c;text-decoration:none!important}
.pxm-chat-status{font-size:11px;line-height:1.5;color:#35516e;background:#eef3f8;border-radius:4px;padding:5px 8px;flex-shrink:0}
.pxm-chat-product{display:flex;gap:14px;align-items:center;padding:15px 26px;background:#f7f9fc;border-bottom:1px solid var(--chat-line)}
.pxm-chat-product img{width:48px;height:48px;object-fit:contain;border-radius:5px;background:white}
.pxm-chat-product strong{font-size:13px;line-height:1.5;display:block;overflow-wrap:anywhere}
.pxm-chat-product a{font-size:12px;color:#35516e;display:inline-flex;align-items:center;gap:6px;margin-top:5px}
.pxm-chat-product svg{width:14px;height:14px}
.pxm-chat-stream{height:390px;overflow-y:auto;overscroll-behavior:contain;padding:25px;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable;background:#fff}
.pxm-chat-bubble{align-self:flex-start;max-width:86%;border:1px solid #e0e7f0;background:#f1f5f9;border-radius:12px 12px 12px 3px;padding:14px 17px;overflow-wrap:anywhere;flex-shrink:0}
.pxm-chat-bubble.is-mine{align-self:flex-end;background:#0e2c4c;color:#fff;border-color:#0e2c4c;border-radius:12px 12px 3px 12px}
.pxm-chat-bubble>div{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pxm-chat-bubble strong{font-size:12px;line-height:1.5;color:#375675}
.pxm-chat-bubble time{font-size:10px;line-height:1.5;color:#52657c}
.pxm-chat-app .pxm-chat-bubble p,.pxm-chat-admin .pxm-chat-bubble p{font-size:15px!important;line-height:1.7!important;white-space:pre-wrap;margin:8px 0 0!important;color:inherit}
.pxm-chat-bubble.is-mine strong,.pxm-chat-bubble.is-mine time{color:#dbe7f3}
.pxm-chat-stream-empty{font-size:14px;color:var(--chat-muted);line-height:1.7;padding:10px 0}
.pxm-chat-conversation>form{padding:8px 26px 24px;margin:0}
.pxm-chat-app label{display:block;color:var(--chat-ink);font-size:13px!important;font-weight:600;line-height:1.6}
.pxm-chat-app textarea,.pxm-chat-app select{font-family:inherit!important;font-size:15px!important;line-height:1.6;color:var(--chat-ink);border:1px solid #c5d1df;border-radius:6px;background:white;padding:11px 13px;width:100%;max-width:100%;margin:8px 0 12px;min-height:46px;resize:vertical}
.pxm-chat-app .pxm-chat-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pxm-chat-compose-footer small{font-size:12px;color:var(--chat-muted);line-height:1.6}
.pxm-chat-app .pxm-button,.pxm-chat-app .pxm-outline{font-family:inherit;font-size:14px!important;line-height:1.5!important;font-weight:700;min-height:44px;border-radius:5px;padding:12px 18px;max-width:100%;white-space:normal;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.pxm-chat-app .pxm-button{background:#bd2033;border:1px solid #bd2033;color:white}
.pxm-chat-app .pxm-button:hover{background:#9d1728;color:white}
.pxm-chat-app .pxm-outline{background:#fff;border:1px solid #cbd5e1;color:#0b203a}
.pxm-chat-app button:disabled,.pxm-chat-app textarea:disabled{opacity:.6;cursor:not-allowed}
.pxm-chat-app :is(a,button,textarea,select):focus-visible{outline:3px solid #bd20334d;outline-offset:3px}
.pxm-chat-app .pxm-chat-feedback{margin:0!important;padding:0 26px;min-height:24px;font-size:13px!important;line-height:1.6;color:#8b2332}
.pxm-chat-controls{border-top:1px solid var(--chat-line);padding:20px 26px}
.pxm-chat-controls summary{font-size:13px;font-weight:700;cursor:pointer;color:#35516e}
.pxm-chat-controls>p{font-size:13px!important;line-height:1.7!important;color:var(--chat-muted)}
.pxm-chat-controls form{padding:16px 0;border-bottom:1px solid var(--chat-line);margin:0 0 16px}
.pxm-chat-controls form:last-of-type{border:0;margin-bottom:0}
.pxm-chat-app .pxm-chat-live-note{margin:0!important;padding:15px 22px;border-top:1px solid var(--chat-line);background:#f7f9fc;font-size:12px!important;line-height:1.6!important;color:var(--chat-muted)}
.pxm-chat-history-link{display:block;font-size:12px;font-weight:600;padding:12px 26px;background:#f7f9fc;color:#35516e}
.pxm-chat-empty{display:flex;min-height:500px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}
.pxm-chat-empty>span{display:grid;place-items:center;background:#eff3f8;border-radius:50%;width:60px;height:60px;margin-bottom:22px;color:#bd2033}
.pxm-chat-empty>span svg{width:24px;height:24px}
.pxm-chat-empty h2{font-size:24px!important;line-height:1.3!important;max-width:350px}
.pxm-chat-empty p{max-width:380px;font-size:15px!important;line-height:1.7!important;color:var(--chat-muted)}
.pxm-ask-seller .pxm-outline,.pxm-buyer-order-messages .pxm-outline{display:inline-flex;align-items:center;gap:10px;border:1px solid #cbd5e1;padding:12px 18px;border-radius:5px;color:#0b203a;background:white;font-size:14px;text-decoration:none}
.pxm-ask-seller svg,.pxm-buyer-order-messages svg{width:18px;height:18px}
.pxm-buyer-order-messages{padding:24px 0}.pxm-buyer-order-messages>a{margin:8px 10px 0 0}
.pxm-chat-admin .pxm-chat-bubble{margin:20px 0;max-width:100%}
@media(max-width:1100px){.pxm-dashboard .pxm-chat-layout{grid-template-columns:210px minmax(0,1fr)}.pxm-chat-conversation-header{flex-wrap:wrap}.pxm-chat-bubble{max-width:95%}}
@media(max-width:900px){.pxm-chat-layout,.pxm-dashboard .pxm-chat-layout{grid-template-columns:minmax(0,1fr);min-height:0}.pxm-chat-layout.has-thread .pxm-chat-inbox{display:none}.pxm-chat-layout:not(.has-thread) .pxm-chat-conversation{display:none}.pxm-chat-inbox{border-right:0}.pxm-chat-stream{height:380px;max-height:60vh}.pxm-chat-page-heading{align-items:start;flex-direction:column}.pxm-chat-conversation-header,.pxm-chat-product{padding:18px}.pxm-chat-conversation>form{padding:8px 18px 20px}.pxm-chat-app .pxm-chat-feedback{padding:0 18px}.pxm-chat-controls{padding:18px}.pxm-chat-stream{padding:18px;gap:14px}.pxm-chat-bubble{padding:12px 14px;max-width:95%}.pxm-chat-toolbar{padding:15px 18px;gap:8px}.pxm-chat-toolbar>span{display:none}.pxm-chat-bubble>div{gap:5px 12px}.pxm-chat-empty{min-height:300px}}
@media(prefers-reduced-motion:reduce){.pxm-chat-app *{scroll-behavior:auto!important;transition:none!important}}
.pxm-chat-product a{width:max-content;white-space:nowrap}
.pxm-chat-product a svg{flex-shrink:0}
.pxm-chat-app details.pxm-chat-controls{padding:20px 26px;border-bottom:0;border-top:1px solid var(--chat-line)}
.pxm-chat-app .pxm-chat-controls>summary{font-size:13px;line-height:1.6;list-style-position:inside}
@media(max-width:900px){.pxm-chat-app details.pxm-chat-controls{padding:18px}}