.order-msg-entry{min-height:var(--control-height-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-table);cursor:pointer;transition:color var(--motion-feedback),border-color var(--motion-feedback);align-items:center;gap:6px;padding:5px 12px;line-height:1.4;display:inline-flex;position:relative}.order-msg-entry:hover{color:var(--color-text)}.order-msg-badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;min-width:16px;height:16px;font-size:var(--font-size-caption);text-align:center;box-shadow:0 0 0 2px var(--color-surface);padding:0 4px;font-weight:600;line-height:16px;position:absolute;top:-7px;right:-7px}.order-msg-entry.is-pending{color:var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-soft)}.order-msg-entry:focus-visible{outline:var(--focus-ring);outline-offset:2px}.order-msg-entry.is-link{min-height:0;color:var(--color-primary);white-space:nowrap;background:0 0;border-color:#0000;padding:4px 6px}.order-msg-entry.is-link:hover{color:var(--color-primary-hover)}.order-msg-entry.is-link svg{transition:transform var(--motion-feedback)}.order-msg-entry.is-link:hover svg{transform:translate(1px,-1px)}.order-msg-entry.is-link.is-pending{background:0 0}.order-msg-panel{z-index:60;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);width:680px;max-width:calc(100vw - 32px);height:min(720px,100dvh - 48px);box-shadow:var(--shadow-lg);pointer-events:auto;animation:order-msg-panel-in var(--motion-overlay) ease-out;flex-direction:column;display:flex;position:fixed;overflow:hidden}.order-msg-panel.is-minimized{border-radius:var(--radius-lg);width:auto;height:auto;top:8px;left:50%;transform:translate(-50%)}.order-msg-panel.is-minimized .order-msg-panel-header{padding:6px 12px}.order-msg-panel.is-minimized .order-msg-modal-logo{display:none}@keyframes order-msg-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.order-msg-panel-header{align-items:center;gap:var(--space-field);background:var(--color-text-heading);border-bottom:1px solid var(--color-text-heading);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;padding:10px 16px;display:flex}.order-msg-panel-header:active{cursor:grabbing}.order-msg-panel-header .order-msg-modal-header-main{flex:1;min-width:0}.order-msg-panel-header .order-msg-modal-title{color:var(--color-text-inverse)}.order-msg-panel-header .order-msg-modal-icon{background:var(--color-primary);color:var(--color-on-primary)}.order-msg-panel-header .order-msg-modal-chip{background:color-mix(in srgb,var(--color-text-inverse) 14%,transparent);color:var(--color-text-inverse)}.order-msg-panel-header .order-msg-modal-chip.is-switch{font:inherit;cursor:pointer;transition:background-color var(--motion-feedback);border:0;align-items:center;gap:4px;display:inline-flex}.order-msg-panel-header .order-msg-modal-chip.is-switch:hover{background:color-mix(in srgb,var(--color-text-inverse) 24%,transparent)}.order-msg-panel-header .order-msg-modal-chip.is-switch:focus-visible{outline:var(--focus-ring);outline-offset:2px}.order-msg-switch{align-items:center;gap:4px;min-width:0;display:inline-flex}.order-msg-switch input{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-surface);width:170px;height:26px;color:var(--color-text);font:inherit;font-size:var(--font-size-small);font-variant-numeric:tabular-nums;padding:0 8px}.order-msg-switch input::placeholder{color:var(--color-input-placeholder)}.order-msg-switch input:focus-visible{outline:var(--focus-ring);outline-offset:1px}.order-msg-switch button{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-text-inverse) 14%,transparent);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background-color var(--motion-feedback);border:0;padding:3px 8px;line-height:1.4}.order-msg-switch button:hover:not(:disabled){background:color-mix(in srgb,var(--color-text-inverse) 24%,transparent)}.order-msg-switch button:disabled{opacity:.6;cursor:not-allowed}.order-msg-switch button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.order-msg-switch [role=alert]{color:var(--color-warning);font-size:var(--font-size-small);white-space:nowrap}.order-msg-panel-controls{flex:none;align-items:center;gap:4px;display:inline-flex}.order-msg-panel-controls button{border-radius:var(--radius-sm);width:28px;height:28px;color:color-mix(in srgb,var(--color-text-inverse) 65%,transparent);cursor:pointer;transition:color var(--motion-feedback),background-color var(--motion-feedback);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.order-msg-panel-controls button:hover{color:var(--color-text-inverse);background:color-mix(in srgb,var(--color-text-inverse) 14%,transparent)}.order-msg-panel-controls button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.order-msg-modal-header-main{align-items:center;gap:8px;min-width:0;display:flex}.order-msg-modal-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.order-msg-modal-title{font-size:var(--font-size-overlay-title);color:var(--color-text-heading);white-space:nowrap;font-weight:600;line-height:1.3}.order-msg-modal-chip{min-height:var(--control-height-sm);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;padding:0 8px;display:inline-flex}.order-msg-modal-logo{object-fit:contain;border-radius:50%;flex-shrink:0;width:24px;height:24px}.order-msg-modal-logo.is-fallback{background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-small);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.order-msg-banner{background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--font-size-small);align-items:center;gap:6px;padding:8px 16px;line-height:1.5;display:flex}.order-msg-banner svg{flex-shrink:0}.order-msg-dialog{flex-direction:column;flex:1;min-height:0;display:flex}.order-msg-chat{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.order-msg-info-row{justify-content:space-between;align-items:center;gap:var(--space-field);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;padding:8px 16px;display:flex}.order-msg-info-group{align-items:center;gap:var(--space-field);min-width:0;display:flex}.order-msg-info-item{align-items:baseline;gap:6px;min-width:0;display:flex}.order-msg-info-label{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.order-msg-info-value{font-size:var(--font-size-body);color:var(--color-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-msg-info-divider{background:var(--color-border-subtle);flex-shrink:0;width:1px;height:14px}.order-msg-status-group{align-items:center;gap:8px;display:flex}.order-msg-status-group [role=group]{border-radius:var(--radius-md);background:var(--color-surface-muted);gap:0;padding:2px;display:inline-flex}.order-msg-status-group [role=group] button{border-radius:var(--radius-sm);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-small);cursor:pointer;white-space:nowrap;transition:color var(--motion-feedback),background-color var(--motion-feedback);background:0 0;border:0;padding:3px 10px;line-height:1.4}.order-msg-status-group [role=group] button:hover{color:var(--color-text)}.order-msg-status-group [role=group] button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.order-msg-status-group [role=group] button:disabled{opacity:.6;cursor:default}.order-msg-status-group [role=group] button.is-active.is-warning{background:var(--color-warning-soft);color:var(--color-warning)}.order-msg-status-group [role=group] button.is-active.is-info{background:var(--color-info-soft);color:var(--color-info)}.order-msg-status-group [role=group] button.is-active.is-success{background:var(--color-success-soft);color:var(--color-success)}.order-msg-messages{background:var(--color-background);flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px 14px;display:flex;overflow-y:auto}.order-msg-messages::-webkit-scrollbar{width:6px}.order-msg-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.order-msg-messages::-webkit-scrollbar-thumb:hover{background:var(--color-primary-border)}.order-msg-messages::-webkit-scrollbar-track{background:0 0}@keyframes order-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.order-msg-message{animation:order-msg-in var(--motion-feedback) ease-out;align-items:flex-start;gap:8px;display:flex}.order-msg-message.is-outgoing{flex-direction:row-reverse}.order-msg-message.is-outgoing .order-msg-message-main{text-align:right;align-items:flex-end}.order-msg-avatar{background:var(--color-surface-muted);width:28px;height:28px;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.order-msg-avatar.is-outgoing{background:var(--color-primary-soft);color:var(--color-primary)}.order-msg-avatar img{object-fit:cover;width:100%;height:100%}.order-msg-message-main{flex-direction:column;gap:2px;min-width:0;max-width:78%;display:flex}.order-msg-message-meta{font-size:var(--font-size-small);color:var(--color-text-muted);flex-wrap:wrap;gap:3px;display:flex}.order-msg-message-meta b{color:var(--color-text);font-weight:500}.order-msg-bubble{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text);font-size:var(--font-size-table);white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;padding:6px 10px;line-height:1.5}.order-msg-message:not(.is-outgoing) .order-msg-bubble{border-bottom-left-radius:var(--radius-sm)}.order-msg-message.is-outgoing .order-msg-bubble{background:var(--color-primary-soft);border-color:var(--color-primary-border);border-bottom-right-radius:var(--radius-sm)}.order-msg-message.is-outgoing .order-msg-bubble a{color:var(--color-primary)}.order-msg-files{text-align:left}.order-msg-files a{color:var(--color-primary);font-size:var(--font-size-table);overflow-wrap:anywhere;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.order-msg-files a:hover{text-underline-offset:2px;text-decoration:underline}.order-msg-message-foot{font-size:var(--font-size-small);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.order-msg-message.is-outgoing .order-msg-message-foot{justify-content:flex-end}.order-msg-message-foot time{font-variant-numeric:tabular-nums}.order-msg-quote-btn{color:var(--color-primary);font:inherit;font-size:var(--font-size-small);cursor:pointer;background:0 0;border:0;padding:0}.order-msg-quote-btn:hover{text-underline-offset:2px;text-decoration:underline}.order-msg-quote-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.order-msg-pill{font-size:var(--font-size-small);align-items:center;gap:3px;line-height:1.4;display:inline-flex}button.order-msg-pill{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.order-msg-pill-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.order-msg-pill.is-pending{color:var(--color-warning)}.order-msg-pill.is-pending .order-msg-pill-dot{background:var(--color-warning)}.order-msg-pill.is-reviewing{color:var(--color-info)}.order-msg-pill.is-reviewing .order-msg-pill-dot{background:var(--color-info)}.order-msg-pill.is-delivered{color:var(--color-success)}.order-msg-pill.is-delivered .order-msg-pill-dot{background:var(--color-success)}.order-msg-pill.is-done{color:var(--color-text-muted)}.order-msg-pill.is-done .order-msg-pill-dot{background:var(--color-text-muted)}.order-msg-pill.is-pending:hover,.order-msg-pill.is-done:hover{text-underline-offset:2px;text-decoration:underline}.order-msg-day{font-size:var(--font-size-small);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:2px 0;display:flex}.order-msg-day:before,.order-msg-day:after{content:"";background:var(--color-border-subtle);flex:1;height:1px}.order-msg-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:48px 16px;display:flex}.order-msg-empty-icon{border-radius:var(--radius-lg);background:var(--color-surface-muted);width:36px;height:36px;color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.order-msg-empty-title{font-size:var(--font-size-body);color:var(--color-text-secondary)}.order-msg-empty-sub{font-size:var(--font-size-small);color:var(--color-text-muted)}.order-msg-reply{background:var(--color-surface);border-top:1px solid var(--color-border-subtle);gap:8px;padding:10px 14px 12px;display:flex}.order-msg-reply-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.order-msg-quote-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-background);font-size:var(--font-size-small);color:var(--color-text-muted);align-items:center;gap:4px;padding:4px 8px;display:flex}.order-msg-quote-preview span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.order-msg-quote-preview button{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:2px;display:flex}.order-msg-quote-preview button:hover{color:var(--color-text)}.order-msg-input{border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--motion-feedback),box-shadow var(--motion-feedback);flex-direction:column;display:flex;overflow:hidden}.order-msg-input:hover{border-color:var(--color-control-hover)}.order-msg-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.order-msg-reply-main textarea{resize:vertical;width:100%;box-shadow:none;color:var(--color-text);font:inherit;font-size:var(--font-size-body);background:0 0;border:0;padding:6px 10px 2px;line-height:1.5}.order-msg-reply-main textarea::placeholder{color:var(--color-input-placeholder)}.order-msg-reply-main textarea:focus{outline:none}.order-msg-tick{vertical-align:-2px;color:var(--color-success);margin-left:6px;display:inline-flex}.order-msg-tick .order-msg-tick-spin{color:var(--color-text-muted);animation:.9s linear infinite spin}.order-msg-input-bar{align-items:center;gap:8px;padding:4px 8px 8px;display:flex}.order-msg-attach-hint{min-width:0;font-size:var(--font-size-small);color:var(--color-text-muted);flex:1;line-height:1.4}.order-msg-reply-error{font-size:var(--font-size-small);color:var(--color-danger);margin:0}@media (max-width:640px){.order-msg-info-row{flex-direction:column;align-items:flex-start;gap:8px}.order-msg-status-group{justify-content:flex-between;width:100%}.order-msg-message-main{max-width:88%}.order-msg-panel{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(640px,100dvh - 32px)}.order-msg-input-bar{flex-wrap:wrap}.order-msg-attach-hint{flex-basis:100%;order:-1}}@media (pointer:coarse),(max-width:767px){.order-msg-status-group [role=group] button,.order-msg-reply [data-slot=button]{min-height:44px}.order-msg-quote-btn{min-height:44px;padding:0 8px}.order-msg-panel-controls button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.order-msg-entry,.order-msg-status-group [role=group] button,.order-msg-quote-btn,.order-msg-pill,.order-msg-input,.order-msg-panel-controls button{transition:none}.order-msg-message,.order-msg-panel,.order-msg-receipt .order-msg-receipt-spin,.order-msg-tick .order-msg-tick-spin{animation:none}}