.order-chat{max-width:960px;margin:28px auto 48px;color:var(--ink)}
.order-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.order-chat-kicker{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}
#main .order-chat h1{font-size:clamp(23px,3vw,32px);line-height:1.4;letter-spacing:-.025em;margin:0 0 6px}
.order-chat-heading p{font-size:13px;color:var(--muted);margin:0;overflow-wrap:anywhere}
.order-chat-back{flex-shrink:0;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:10px 16px;font-size:13px}
.order-chat-back:hover{border-color:var(--ink)}
.order-chat-window{background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 50px #20231e08}
.order-chat-top{display:flex;align-items:center;gap:12px;padding:20px 26px;border-bottom:1px solid var(--line)}
.order-chat-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#252b27;color:#f6d83c;font-size:21px;font-weight:700;flex-shrink:0}
.order-chat-top strong{display:block;font-size:14px;letter-spacing:1px}
.order-chat-top div>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.order-chat-badge{margin-left:auto;font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}
:is(#order-contact-state,#chat-error){margin:0;padding:12px 26px;background:var(--paper);font-size:13px}
:is(#order-contact-state,#chat-error):empty{display:none}
:is(#order-contact-messages,#chat-messages){height:clamp(250px,43dvh,460px);overflow:auto;overscroll-behavior:contain;padding:28px 26px;background:color-mix(in srgb,var(--paper) 65%,var(--white));display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
.order-chat-message{max-width:80%;align-self:flex-start;min-width:0}
.order-chat-message.is-mine{align-self:flex-end}
.order-chat-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:0 4px 6px;font-size:12px}
.is-mine .order-chat-meta{justify-content:flex-end}
.order-chat-meta strong{font-weight:500}.order-chat-meta small{font-size:10px;color:var(--muted)}
.order-chat-message p{margin:0;padding:14px 18px;border:1px solid var(--line);background:var(--white);border-radius:18px 18px 18px 4px;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.order-chat-message.is-mine p{background:#fff3b5;color:#292719;border-color:#eddda1;border-radius:18px 18px 4px 18px}
.order-chat-empty{margin:auto;text-align:center;color:var(--muted);font-size:14px;line-height:2}
:is(#order-contact-form,#chat-send){margin:0;padding:20px 26px 18px;border-top:1px solid var(--line)}
:is(#order-contact-form,#chat-send)[hidden]{display:none}
:is(#order-contact-form,#chat-send)>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}
.order-chat-compose{display:flex;gap:12px;align-items:flex-end}
:is(#order-chat-body,#support-chat-body){min-height:70px;max-height:180px;border-radius:14px;background:var(--paper);font-size:14px;padding:12px 14px;resize:vertical;flex:1}
.order-chat-compose button{min-height:46px;padding:10px 20px;border:0;border-radius:12px;background:#f6d638;color:#24271f;white-space:nowrap;font-size:13px;font-weight:700}
.order-chat-compose button:hover{background:#edc822}
:is(#order-contact-form,#chat-send)>small{display:block;color:var(--muted);font-size:11px;margin-top:12px;line-height:1.7}
:is(#order-contact-form,#chat-send) .form-error:empty{display:none}
@media(max-width:600px){.order-chat{margin:12px auto 24px}.order-chat-heading{gap:10px;margin-bottom:16px}.order-chat-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:6px}#main .order-chat h1{font-size:21px}.order-chat-back{padding:9px 11px;font-size:11px}.order-chat-window{border-radius:18px}.order-chat-top{padding:15px}.order-chat-top strong{font-size:12px}.order-chat-top div>span{font-size:10px}.order-chat-badge{display:none}:is(#order-contact-messages,#chat-messages){padding:20px 14px;height:clamp(240px,42dvh,400px)}.order-chat-message{max-width:92%}.order-chat-message p{padding:12px 14px;font-size:13px}:is(#order-contact-form,#chat-send){padding:14px}.order-chat-compose{gap:8px}.order-chat-compose button{padding:10px 12px;font-size:12px}:is(#order-chat-body,#support-chat-body){min-height:64px;font-size:16px}.order-chat-meta{gap:5px;font-size:11px}:is(#order-contact-state,#chat-error){padding:12px 14px}}

.chat-inbox-item{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:14px 0;min-width:0}.chat-inbox-item:has(a):hover{border-color:#c8af36;box-shadow:0 5px 20px #20231e08}.chat-inbox-item a{display:block;overflow-wrap:anywhere;border:0;font-weight:600}.chat-inbox-item p{font-size:12px;color:var(--muted);margin:8px 0 0}.chat-close-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 26px;border-top:1px solid var(--line)}.chat-close-row small{font-size:11px}.chat-close-row button{color:var(--red)}.chat-close-row button[hidden]{display:none}@media(max-width:600px){.chat-inbox-item{padding:16px}.chat-close-row{padding:14px}}.chat-policy{font-size:12px;color:var(--muted);line-height:1.8}.order-chat-top #chat-status{display:inline-block;font-size:10px}

.order-chat-top:has(#close-order-contact){flex-wrap:wrap}#close-order-contact[hidden]{display:none!important}#close-order-contact{flex-shrink:0}