.order-export-dialog { width:min(660px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); overflow:auto; }
.order-export-dialog form { display:grid; gap:12px; }
.order-export-dialog p { margin:0; }
.order-export-dialog header { align-items:flex-start; }
.order-export-dialog header h2 { margin:5px 0 8px; }
.order-export-hint { font-size:12px; color:var(--muted,#aeb8c5); line-height:1.6; }
.order-export-customer { display:grid; gap:7px; font-size:12px; font-weight:700; }
.order-export-customer select { width:100%; min-width:0; padding:12px; border-radius:10px; background:#1a222d; color:#f7f8fa; border:1px solid #ffffff26; }
.order-export-dialog fieldset { min-width:0; margin:0; border:0; padding:0; }
.order-export-dialog legend { font-size:12px; font-weight:700; margin-bottom:9px; }
.order-export-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.order-export-stages label { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid #ffffff26; border-radius:11px; cursor:pointer; font-size:13px; }
.order-export-stages label:has(input:checked) { background:#2a553c42; border-color:#6da27f; }
.order-export-stages input { margin:0 !important; padding:0 !important; width:17px !important; height:17px !important; min-height:17px !important; min-width:17px !important; flex:0 0 17px; accent-color:#8fc6a2; }
.order-export-preview { background:#ffffff08; border:1px solid #ffffff1a; padding:15px; border-radius:12px; min-height:62px; }
.order-export-preview strong { font-size:19px; display:block; margin-bottom:7px; }
.order-export-preview ul { list-style:none; margin:0; padding:0; display:grid; gap:7px; font-size:13px; }
.order-export-preview small { display:block; color:#e4b86e; margin-top:4px; }
.order-export-actions { display:flex; gap:9px; flex-wrap:wrap; }
.order-export-actions button { flex:1; min-width:140px; }
#orderExportMessage:empty { display:none; }
.order-export-dialog button:focus-visible,.order-export-dialog summary:focus-visible { outline:2px solid #8fc6a2; outline-offset:3px; }
.order-export-legacy { border-top:1px solid #ffffff20; padding-top:15px; font-size:12px; }
.order-export-legacy summary { cursor:pointer; padding:3px 0; color:#b7c3cc; }
.order-export-legacy p { margin:10px 0; color:#aeb8c5; }
.order-export-legacy button { margin:0 7px 7px 0; }
@media(max-width:600px) { .order-export-stages { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:400px) { .order-export-dialog form { padding:16px; } .order-export-stages label { padding:10px 7px; font-size:12px; } }