.order-support-dialog{width:min(540px,calc(100vw - 24px));max-width:540px;max-height:calc(100dvh - 24px);padding:var(--space-panel);font-size:var(--type-body)}
.order-support-dialog h2{font-size:var(--type-dialog-title)}
.order-support-dialog h3{font-size:var(--type-label);margin:0;font-weight:600}
.order-support-body,.order-support-form{display:grid;gap:var(--space-fields);min-width:0}
.order-support-identity{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);flex-wrap:wrap}
.order-support-identity>span,.order-support-meta,.order-support-row small,.order-support-chat small{font-size:var(--type-meta);color:var(--text-secondary)}
.order-support-state{padding:4px 8px;border-radius:8px;background:var(--surface-hover)}
.order-support-row,.order-support-section{border:1px solid var(--line);border-radius:12px;padding:var(--space-fields);background:var(--surface-field)}
.order-support-section p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
.order-support-list{display:grid;gap:var(--space-inline)}
.order-support-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline)}
.order-support-row>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.order-support-form{padding-top:var(--space-section);border-top:1px solid var(--line)}
.order-support-dialog :is(input,select,textarea){box-sizing:border-box;width:100%;min-height:var(--control-target);font-size:var(--type-body);padding:8px 12px}
.order-support-dialog label{display:grid;gap:8px;font-size:var(--type-label);margin:0;min-width:0}
.order-support-dialog .customer-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-inline);margin-top:var(--space-section)}
.order-support-dialog button{min-height:var(--control-target);min-width:var(--control-target);padding:var(--action-padding-block) var(--action-padding-inline);gap:var(--space-inline);white-space:normal}
.order-support-icon{width:44px;padding:8px!important}.order-support-icon span{display:none}
.order-support-chat{display:grid;gap:var(--space-inline);margin-top:var(--space-fields);padding-top:var(--space-fields);border-top:1px solid var(--line)}
@media(max-width:700px){.order-support-dialog{margin:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));width:calc(100vw - 24px)}.order-support-dialog .customer-dialog-actions>button{flex:1 1 auto}}
@supports(-webkit-touch-callout:none){@media(max-width:700px){.order-support-dialog :is(input,select,textarea){font-size:max(16px,var(--type-body))}}}

.order-support-dialog [hidden]{display:none!important}