.order-chat-dialog{color:#edf3ff;background:#0b1425;border:1px solid #2c4265;border-radius:20px;width:min(860px,calc(100vw - 24px));max-width:860px;height:min(820px,90dvh);max-height:90dvh;padding:0;box-shadow:0 28px 90px #0009;font-family:inherit;overflow:hidden}
.order-chat-dialog[open]{display:flex;flex-direction:column}.order-chat-dialog::backdrop{background:#020714bd;backdrop-filter:blur(5px)}
.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 14px;border-bottom:1px solid #243654}.chat-header h2{margin:4px 0;font-size:23px;line-height:1.3}.chat-eyebrow{color:#7facff;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0}.chat-reference{font-size:14px;color:#adbedb;margin:5px 0 0;overflow-wrap:anywhere}.chat-close{white-space:nowrap;font-size:13px;min-height:40px}
.chat-products{font-size:14px;font-weight:750;padding:14px 24px 0;margin:0;overflow-wrap:anywhere;max-height:90px;overflow:auto;flex-shrink:0}.chat-intro{color:#9cafce;font-size:13px;padding:8px 24px 14px;margin:0}.chat-history{flex:1;min-height:100px;overflow:auto;padding:12px 24px;overscroll-behavior:contain;scrollbar-color:#334d77 transparent}.chat-messages{display:flex;flex-direction:column;gap:14px}.chat-message{align-self:flex-start;background:#16243b;border:1px solid #263c60;border-radius:14px;padding:13px 16px;max-width:90%;min-width:200px;overflow-wrap:anywhere}.chat-message.is-own{align-self:flex-end;background:#102b59;border-color:#22559e}.chat-message.is-delivery{align-self:stretch;max-width:100%;background:#0c242d;border-color:#23605c}.chat-message-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:8px}.chat-message-top strong{color:#a9c9ff}.chat-message-top time{color:#94a8c6;font-size:11px;white-space:nowrap}.chat-message-body{white-space:pre-wrap;line-height:1.65;font-size:15px;user-select:text}.chat-copy{margin-top:12px;font-size:12px;min-height:36px}.chat-status{min-height:18px;color:#acc3e5;font-size:13px;padding:0 24px;margin:6px 0}.chat-status.is-error{color:#ffb0a9}.chat-composer{display:flex;align-items:flex-end;gap:12px;padding:12px 24px;border-top:1px solid #243654;margin:0}.chat-composer textarea{flex:1;width:100%;resize:vertical;min-height:65px;max-height:160px;border-radius:10px;background:#071121;border:1px solid #334b70;color:inherit;padding:12px;font:inherit;font-size:14px}.chat-composer textarea:focus-visible{outline:2px solid #5794ff;outline-offset:2px}.chat-composer [type=submit]{flex-shrink:0;min-height:46px}.chat-privacy{color:#839bbb;font-size:12px;margin:0;padding:0 24px 16px}.chat-empty{color:#a4b6d3;padding:24px 4px;line-height:1.6}.chat-older{display:block;margin:0 auto 14px;font-size:12px}.order-chat-open.has-unread,.chat-unread{color:#bcd6ff;border-color:#427ade}.chat-unread{display:inline-flex;padding:4px 10px;border:1px solid #427ade;border-radius:20px;font-size:12px;font-weight:700;margin-top:8px}
.chat-inbox-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.chat-inbox-controls input{flex:1;min-width:220px}.chat-inbox-controls select{width:auto;min-width:180px}.chat-inbox-list{display:grid;gap:14px}.chat-inbox-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #263956;background:#0d192b;border-radius:16px;padding:22px}.chat-inbox-card.has-unread{border-inline-start:4px solid #367cff}.chat-inbox-card h2{font-size:19px;margin:0 0 6px}.chat-inbox-card p{margin:4px 0;color:#a5b6d0}.chat-inbox-card .chat-inbox-products{font-size:16px;color:#f1f5ff;font-weight:700;line-height:1.5}.chat-inbox-pagination{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.chat-inbox-status{color:#ffb0a9}.chat-count{padding:3px 8px;border-radius:12px;background:#1f55af;font-size:12px;margin-inline-start:8px}
@media(max-width:600px){.order-chat-dialog{border-radius:14px;height:94dvh;max-height:94dvh}.chat-header{padding:16px}.chat-header h2{font-size:19px}.chat-products,.chat-intro{padding-inline:16px}.chat-history{padding:12px 16px}.chat-message{max-width:96%;min-width:0}.chat-message-top{flex-wrap:wrap;gap:4px 12px}.chat-composer{padding:12px 16px;flex-direction:column;align-items:stretch}.chat-composer [type=submit]{width:100%}.chat-privacy{padding-inline:16px}.chat-status{padding-inline:16px}.chat-inbox-card{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.chat-inbox-card>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.order-chat-dialog::backdrop{backdrop-filter:none}}
/* References are compact; products, customer identity and unread alerts lead. */
.chat-inbox-card h2.chat-order-id,.chat-reference { font-size:13px; font-weight:650; direction:ltr; unicode-bidi:isolate; }
.chat-inbox-controls select { min-height:44px; border:1px solid #334b70; border-radius:10px; padding:10px 12px; background:#0b1628; color:#edf3ff; font:inherit; color-scheme:dark; }
.chat-inbox-controls select:focus-visible { outline:2px solid #5794ff; outline-offset:2px; }
.chat-inbox-card .chat-customer-name { font-size:17px; font-weight:750; color:#edf3ff; }
.chat-customer-details { margin:8px 0; font-size:12px; color:#a5b6d0; overflow-wrap:anywhere; }
.chat-customer-details p { margin:3px 0; }.chat-customer-details strong { color:#dae6fa; font-weight:600; }
.order-chat-dialog>.chat-customer-details { padding:0 24px; max-height:100px; overflow:auto; flex-shrink:0; }
.chat-intro.is-ready { color:#a8e1d0; background:#0c242d; margin-top:10px; padding-top:12px; }
.chat-inbox-card.has-unread { background:#142a4b; box-shadow:0 0 0 1px #3c73c3; }
.chat-header,.chat-composer,.chat-privacy,.chat-intro,.chat-status { flex-shrink:0; }
.chat-history { min-height:60px; }
.chat-composer textarea { font-size:16px; }
.chat-message.is-delivery .chat-message-body { font-family:ui-monospace,Consolas,monospace; }
.chat-delivery { margin:8px 24px; border:1px solid #28786b; border-radius:12px; background:#0c242d; flex-shrink:0; }
.chat-delivery[hidden] { display:none; }
.chat-delivery summary { cursor:pointer; padding:12px 14px; color:#b4ead9; font-size:14px; font-weight:750; min-height:44px; }
.chat-delivery-content { padding:0 14px 12px; max-height:clamp(85px,calc(90dvh - 520px),170px); overflow:auto; scrollbar-color:#33786d transparent; }
.chat-delivery-content .chat-message-body { font-family:ui-monospace,Consolas,monospace; font-size:14px; }
.chat-delivery-items { list-style:none; margin:0 0 10px; padding:0; color:#edf3ff; overflow-wrap:anywhere; }
.chat-delivery-items li + li { margin-top:6px; }
.chat-steam-code { margin:0; padding:10px 14px; border-top:1px solid #28786b; color:#b4ead9; font-size:13px; line-height:1.6; flex-shrink:0; }
@media(max-width:600px){
  .order-chat-dialog { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
  .chat-header { padding:12px 14px; gap:8px; }.chat-header h2 { font-size:18px; }
  .chat-products { padding-top:10px; max-height:58px; }.chat-intro { padding-bottom:10px; font-size:12px; }
  .chat-delivery { margin:6px 14px; }.chat-delivery-content { max-height:125px; }
  .chat-composer { flex-direction:row; gap:8px; padding:10px 14px; align-items:flex-end; }
  .chat-composer textarea { min-height:52px; max-height:110px; }
  .chat-composer [type=submit] { width:auto; min-height:48px; max-width:115px; white-space:normal; padding:10px; }
  .chat-privacy { padding-bottom:max(10px,env(safe-area-inset-bottom)); font-size:11px; }
}
@media(max-height:700px){
  .order-chat-dialog { overflow-y:auto; }
  .chat-header { padding-block:8px; }
  .chat-products { padding-top:6px; max-height:42px; }
  .order-chat-dialog>.chat-customer-details { max-height:60px; margin-block:4px; }
  .chat-intro { padding-block:6px; }
  .chat-delivery-content { max-height:80px; }
  .chat-composer textarea { min-height:48px; max-height:80px; }
  .chat-composer [type=submit] { font-size:12px; min-height:48px; }
  .chat-privacy { font-size:10px; padding-bottom:8px; }
}
@media(max-height:520px){
  .chat-intro,.chat-products { padding-block:6px; }.chat-products { max-height:40px; }
  .chat-header { padding-block:8px; }.chat-composer textarea { min-height:42px; max-height:60px; }
  .chat-privacy { font-size:10px; padding-bottom:6px; }.chat-customer-details { max-height:50px; }
  .chat-delivery-content { max-height:65px; }
}