.order-hero{display:flex;justify-content:space-between;gap:30px;padding:32px 38px;background:var(--theme-tint);border:1px solid var(--theme-tint);border-radius:18px;margin:22px 0}.order-hero h2{font-size:32px;line-height:1.18;letter-spacing:-1px;margin:12px 0}.order-hero p{line-height:1.8;color:var(--bs-primary)}.order-assurance{display:block;font-size:13px;color:var(--bs-heading-color);margin-top:16px}.order-flow{align-self:center;min-width:270px;background:var(--bs-paper-bg);padding:25px;border:1px solid var(--theme-tint);border-radius:14px;text-align:center;display:grid;gap:12px}.order-flow>span{font-size:12px;letter-spacing:1.6px;color:var(--bs-primary)}.order-flow>strong{font-size:21px}.order-flow i{font-style:normal;color:var(--bs-primary)}.order-flow div{display:flex;gap:8px;justify-content:center}.order-flow b{padding:12px 17px;background:var(--bs-body-bg);border-radius:8px}.order-flow small{color:var(--bs-body-color)}.order-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.order-stats article{background:var(--bs-paper-bg);border:1px solid var(--theme-tint);border-radius:12px;padding:20px;display:grid;gap:5px}.order-stats strong{font-size:29px}.order-stats span{font-size:12px;color:var(--bs-primary)}.order-stats .attention{background:#fff7ee;border-color:#eed5b7;color:#995915}.order-stores{padding:0 22px 22px}.order-store{display:grid;grid-template-columns:1fr 1.2fr auto;gap:20px;padding:20px 0;border-top:1px solid var(--theme-tint);align-items:center}.order-store h3{margin:8px 0 4px}.order-store small{display:block;font-size:12px;color:var(--bs-body-color);line-height:1.8}.order-store-actions{display:grid;gap:7px}.order-error{grid-column:1/-1;color:#9b4823;background:#fff3e9;border:1px solid #f3d9c6;padding:12px;border-radius:8px;font-size:13px;margin:0}.order-setup-store{display:grid;gap:6px;background:var(--bs-body-bg);padding:16px;border-radius:10px;margin-bottom:22px}.order-setup-store span{font-size:12px;color:var(--bs-primary)}.order-toggle{display:flex;align-items:flex-start;gap:12px;margin:22px 0}.order-toggle input{width:18px;height:18px;flex:0 0 auto;margin-top:3px}.order-toggle small{display:block;font-size:12px;font-weight:400;line-height:1.6;margin-top:5px;color:var(--bs-primary)}.order-setup-note{background:var(--bs-body-bg);padding:18px;border:1px solid var(--theme-tint);border-radius:10px;font-size:13px;line-height:1.6}.order-setup-note p{color:var(--bs-primary)}.order-lines article{display:grid;gap:5px;padding:15px 0;border-bottom:1px solid var(--theme-tint)}.order-lines span{font-size:12px;color:var(--bs-body-color)}.order-lines{margin:10px 0 20px}
@media(max-width:760px){.order-hero{flex-direction:column;padding:24px;gap:18px}.order-hero h2{font-size:28px}.order-flow{min-width:0;width:100%;box-sizing:border-box}.order-stats{gap:8px}.order-stats article{padding:14px 10px}.order-stats strong{font-size:24px}.order-stats span{font-size:13px}.order-store{grid-template-columns:1fr;gap:10px}.order-store-actions{display:flex;flex-wrap:wrap}.order-stores{padding:0 16px 16px}.order-hero p{font-size:13px}}

/* Order detail is a true native modal; it does not use the full-page form editor. */
.mp-table-wrap:has(>.order-list-table){overflow-x:auto}
@media(max-width:650px){.mp-table.order-list-table{min-width:0}}
dialog.order-detail-dialog{box-sizing:border-box;width:min(1180px,calc(100vw - 40px));max-width:none;max-height:92dvh;padding:0;border:1px solid var(--bs-border-color);border-radius:12px;overflow:auto;color:var(--bs-body-color);background:var(--bs-paper-bg);overscroll-behavior:contain}
.order-detail-dialog::backdrop{background:rgba(30,25,48,.58);backdrop-filter:blur(3px)}
.od-header,.od-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;background:var(--bs-paper-bg)}
.od-footer{flex-wrap:wrap}.od-footer>button{white-space:normal}.shipment-card textarea{width:100%;min-height:90px}
.order-batch-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px 20px;border-top:1px solid var(--bs-border-color);background:var(--theme-tint)}.order-batch-toolbar>div{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.order-batch-toolbar>span{font-size:12px;color:var(--bs-secondary-color)}.order-batch-select{display:flex!important;align-items:center;gap:10px;font-size:13px}.order-list-table input[type=checkbox],.order-batch-select input{width:18px;height:18px;flex:none;accent-color:var(--bs-primary)}.batch-filters{display:flex;flex-wrap:wrap;gap:8px}.batch-filters .is-active{border-color:var(--bs-primary);color:var(--bs-primary);background:var(--theme-tint)}.batch-status{display:inline-block;padding:5px 10px;border-radius:6px;font-weight:600;font-size:12px;background:var(--theme-tint);color:var(--bs-heading-color)}.batch-ready,.batch-created{background:rgba(40,199,111,.12);color:var(--bs-success)}.batch-missing,.batch-blocked{background:rgba(255,159,67,.12);color:var(--bs-warning)}.batch-error,.batch-unavailable{background:rgba(234,84,85,.12);color:var(--bs-danger)}.batch-issues{margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.6}.batch-table{table-layout:fixed}.batch-table th:first-child{width:24%}.batch-table th:last-child{width:16%}.batch-table td{overflow-wrap:anywhere}.batch-table td small{display:block;margin-top:4px}.batch-table .text-button{display:block;text-align:left}.order-batch-dialog .od-body{gap:14px}.order-batch-dialog [data-batch-progress]{padding:12px 16px;border-radius:8px;background:var(--theme-tint);font-weight:500}
@media(max-width:650px){.order-batch-toolbar{padding:14px}.order-batch-toolbar>div{margin-left:0;width:100%}.order-batch-dialog .od-footer{position:static;gap:8px}.order-batch-dialog .od-footer button{flex:1 1 45%}.batch-table{table-layout:auto}}
.od-header{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--bs-border-color)}.od-header h2{font-size:23px;margin:5px 0 0;overflow-wrap:anywhere}.od-header .icon-button{flex:none}.od-body{padding:24px 26px;display:grid;gap:20px;min-width:0}.od-footer{position:sticky;bottom:0;z-index:2;border-top:1px solid var(--bs-border-color)}.od-footer>span{font-size:12px;color:var(--bs-secondary-color)}
.od-overview{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:16px;padding:20px;border-radius:8px;background:var(--theme-tint)}.od-overview>div{display:grid;align-content:start;gap:5px;min-width:0}.od-overview strong{font-size:18px;color:var(--bs-heading-color)}.od-overview small,.od-overview span{font-size:12px}.od-card{border:1px solid var(--bs-border-color);border-radius:8px;padding:20px;min-width:0;background:var(--bs-paper-bg)}.od-card h3,.od-card h4{font-size:16px;margin:0 0 16px;color:var(--bs-heading-color)}.od-buyer{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}.od-buyer h3{font-size:12px;margin-bottom:6px;color:var(--bs-secondary-color)}.od-buyer>div>strong{font-size:20px;color:var(--bs-heading-color)}
.order-detail-dialog dl{margin:0;display:grid;gap:12px}.order-detail-dialog dl>div{display:grid;grid-template-columns:minmax(100px,.9fr) minmax(0,1.1fr);gap:12px}.order-detail-dialog dt{font-size:12px;font-weight:400;color:var(--bs-secondary-color)}.order-detail-dialog dd{font-size:13px;margin:0;color:var(--bs-heading-color)}.order-detail-dialog p{line-height:1.65;margin:8px 0;font-size:13px}.order-detail-dialog :is(strong,span,p,dd,small){overflow-wrap:anywhere}.od-missing{font-size:12px;color:var(--bs-secondary-color);font-weight:400}.od-privacy{color:var(--bs-secondary-color)}.od-notice{padding:14px 16px;background:var(--theme-tint);border-left:3px solid var(--bs-primary);border-radius:6px}.od-package{border:1px solid var(--bs-border-color);border-radius:10px;padding:20px;min-width:0}.od-package>header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.od-package h3{font-size:18px;margin:5px 0 0}.od-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.od-grid .od-card{padding:18px;background:var(--bs-body-bg)}.od-grid .od-delivery{background:var(--theme-tint);border-color:var(--bs-primary)}.od-address>strong,.od-address>span{display:block}.od-address>strong{color:var(--bs-heading-color);font-size:15px}.od-address p{white-space:pre-line}.od-address dl{margin-top:14px}.od-link{display:inline-flex;margin-top:16px;font-size:13px;gap:5px}.od-table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--bs-border-color);border-radius:8px}.od-items{width:100%;border-collapse:collapse;min-width:620px}.od-items th{font-size:11px;letter-spacing:.4px;text-align:left;background:var(--bs-body-bg);color:var(--bs-secondary-color);padding:13px 14px;white-space:nowrap}.od-items td{font-size:13px;padding:14px;vertical-align:top;border-top:1px solid var(--bs-border-color)}.od-items td:first-child{width:42%;min-width:230px}.od-items td strong,.od-items td small{display:block}.od-items td small{font-size:11px;margin-top:5px;color:var(--bs-secondary-color)}.od-items td:nth-child(3),.od-items td:nth-child(4){white-space:nowrap}.od-history{margin-top:18px}.od-history summary,.od-stock summary{cursor:pointer;font-weight:500;color:var(--bs-heading-color);font-size:13px}.od-history ol{margin:12px 0 0;padding-left:20px}.od-history li{padding:7px 0;font-size:12px}.od-history small{display:block;color:var(--bs-secondary-color);margin-top:4px}.od-stock{padding:18px 20px;background:var(--bs-body-bg);border-radius:8px}.od-stock dl{max-width:550px;margin-top:14px}.od-superseded{border-style:dashed}.od-overview .od-missing{font-size:12px}.order-list-table{min-width:1040px}.order-list-table td{max-width:300px;overflow-wrap:anywhere}
@media(max-width:760px){dialog.order-detail-dialog{width:calc(100vw - 16px);max-height:96dvh;border-radius:8px}.od-header,.od-footer{padding:15px}.od-header h2{font-size:18px}.od-body{padding:15px;gap:14px}.od-overview,.od-grid,.od-buyer{grid-template-columns:minmax(0,1fr);gap:14px}.od-overview{padding:16px}.od-overview>div+div{padding-top:12px;border-top:1px solid var(--bs-border-color)}.od-package{padding:12px}.od-package>header{align-items:flex-start;flex-wrap:wrap}.od-package h3{font-size:16px}.od-card,.od-grid .od-card{padding:15px}.od-footer>span{max-width:170px}.od-stock{padding:15px}.order-detail-dialog dl>div{grid-template-columns:minmax(90px,.85fr) minmax(0,1.15fr)}}