#detail-dialog{box-sizing:border-box;width:min(1200px,calc(100vw - 32px));max-width:1200px;height:auto;max-height:90vh;padding:0;border:1px solid #dce4ef;border-radius:15px;background:#fff;color:#102342;box-shadow:0 24px 90px #10234240;overflow:hidden}#detail-dialog::backdrop{background:#111d32a6}.detail-shell{display:flex;flex-direction:column;max-height:90vh;font-size:13px}.detail-header{display:flex;align-items:start;gap:20px;padding:23px 25px 18px;flex-shrink:0}.detail-header h2{margin:0 0 5px!important;font-size:30px!important;line-height:1.2;color:#0b1c3b}.detail-merchant-line{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:600}.detail-merchant-line #detail-service{font-size:11px;font-weight:500;border:1px solid #cce1ff;background:#eaf3ff;color:#135caf;border-radius:6px;padding:4px 8px}.detail-header-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.detail-header-meta small{color:#64748b;font-size:12px}.detail-status{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:700;background:#eaf3ff;color:#1766bf}.detail-status:before{content:'';height:7px;width:7px;border-radius:50%;background:currentColor}.detail-status.received,.detail-status.delivered{background:#e6f7ed;color:#087b4c}.detail-status.pickup{background:#fff1df;color:#b65b00}.detail-status.cancelled{background:#ffeceb;color:#b43c35}#detail-close{font-size:27px;line-height:1;padding:0 4px;border:0;background:transparent;color:#65718a}.detail-scroll{overflow-y:auto;padding:0 25px 18px;min-height:0}.detail-summary{display:grid;grid-template-columns:.8fr 1.3fr 1fr 1fr;gap:12px;margin-bottom:17px}.detail-summary-card{display:flex;align-items:center;gap:12px;border:1px solid #e0e8f2;border-radius:9px;padding:13px 12px;min-width:0;background:#fcfdff}.detail-icon{display:inline-flex;align-items:center;justify-content:center;background:#eff6fd;color:#0863d7;border-radius:10px;width:40px;height:40px;flex-shrink:0}.detail-icon svg{width:24px;height:24px}.detail-summary-card small,.detail-address-meta small,.detail-window h3{display:block;color:#6a7a94;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.35px;margin:0 0 5px}.detail-summary-card strong{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.3}.detail-summary-card button{margin-left:auto;padding:5px;flex-shrink:0}.detail-summary-card button svg{width:16px;height:16px}.detail-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:17px;align-items:start}.detail-left{display:grid;gap:13px}.detail-addresses{display:grid;gap:16px;position:relative}.detail-addresses:before{content:'';position:absolute;border-left:1px dashed #ccd9e9;left:35px;top:45px;bottom:70px}.detail-addresses:after{content:'↓';position:absolute;left:24px;top:calc(50% - 13px);border:1px solid #dce5ef;border-radius:50%;background:#fff;width:23px;height:23px;text-align:center;line-height:23px;font-size:18px}.detail-address-card{display:flex;gap:14px;padding:16px;border:1px solid #deebf7;border-radius:9px;background:linear-gradient(120deg,#f3f9ff,#fbfdff)}.detail-address-card>.detail-icon{z-index:1}.detail-address-body{flex:1;min-width:0}.detail-address-body h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 10px;font-size:11px;color:#0058d8;text-transform:uppercase}.detail-city{font-weight:500;text-transform:none;border-radius:15px;padding:4px 10px;background:#e6f1ff;color:#0863d7;font-size:11px}.detail-address{margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.detail-address-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 12px;border:1px solid #e0e8f2;background:#fff;border-radius:7px}.detail-address-meta>div+div{border-left:1px solid #e0e8f2;padding-left:12px}.detail-address-meta span{font-size:12px;overflow-wrap:anywhere}.detail-window{display:flex;gap:14px;align-items:center;border:1px solid #e0e8f2;border-radius:9px;padding:12px 16px}.detail-window strong{font-size:13px;line-height:1.5}.detail-window button{margin-left:auto;flex-shrink:0}#detail-dialog button{cursor:pointer}#detail-dialog button:disabled{cursor:default;opacity:.45}#detail-dialog button:focus-visible,#detail-dialog a:focus-visible,#detail-dialog summary:focus-visible{outline:2px solid #1766bf;outline-offset:3px}#detail-dialog svg{width:20px;height:20px;vertical-align:middle}.detail-notes{padding:13px 16px;border:1px solid #e0e8f2;border-radius:9px;margin:0!important}.detail-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.detail-section-heading h3,.detail-section-heading label{display:flex;align-items:center;gap:9px;margin:0!important;font-size:14px;font-weight:600;color:#102342}.detail-section-heading button{font-size:11px;color:#0058d8;border:1px solid #bcd5f5;background:#fff;border-radius:6px;padding:6px 10px}#detail-dialog #delivery-notes{box-sizing:border-box;width:100%;margin:0;padding:10px 12px;border:1px solid #d6e0ed;background:#f6f8fc;border-radius:7px;min-height:78px;font-family:inherit;font-size:13px;line-height:1.5;color:#102342;resize:vertical}.detail-notes-help{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-notes-help p,#delivery-notes-status{font-size:11px;color:#687990;margin:6px 0 0!important}.detail-notes-help button{background:transparent;border:0;padding:3px;font-size:11px;color:#1766bf}#delivery-notes-status.error{color:#b42318}.detail-additional{border:1px solid #dce5ef;border-radius:9px;padding:13px 16px}.detail-additional summary{font-weight:600;cursor:pointer}.detail-additional dl{display:grid!important;grid-template-columns:130px 1fr;gap:8px;margin:15px 0 0!important;font-size:12px}.detail-additional dt{color:#63748d}.detail-additional dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-timeline{margin:0!important;border:1px solid #e0e8f2;border-radius:9px;padding:16px;position:sticky;top:0}.detail-timeline .detail-section-heading{margin-bottom:17px}.detail-timeline h3{font-size:17px}.detail-timeline #order-activity-list{max-height:520px;overflow:auto;padding-right:5px}.detail-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;position:relative;padding-bottom:23px}.detail-event:not(:last-child):before{content:'';position:absolute;left:16px;top:32px;bottom:0;border-left:1px solid #e0e6ef}.detail-event-icon{width:34px;height:34px;border-radius:50%;background:#edf3fa;color:#325578;display:flex;align-items:center;justify-content:center}.detail-event:first-child .detail-event-icon{color:#0863d7;background:#eaf3ff}.detail-event strong{font-size:13px;line-height:1.4}.detail-event-meta{font-size:11px;color:#6a7a94;line-height:1.5;margin:5px 0}.detail-event-description{font-size:12px;color:#425571;background:#f4f7fb;border-radius:7px;padding:9px 11px;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-empty{color:#6a7a94}.detail-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:13px;flex-shrink:0;padding:14px 25px 18px;border-top:1px solid #e6ebf3;background:#fff}.detail-footer button{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border:1px solid #1766bf;background:#fff;color:#0058d8;border-radius:6px;font-size:12px;font-weight:600}.detail-footer button.primary{background:#075fdc!important;color:#fff!important}#detail-action-status{margin:0!important;padding:0 25px 8px;color:#65718a;font-size:11px}#detail-action-status:empty{display:none}
@media(max-width:800px){#detail-dialog{width:calc(100vw - 16px)}.detail-header{padding:17px;gap:10px}.detail-header h2{font-size:24px!important}.detail-scroll{padding:0 17px 15px}.detail-summary{grid-template-columns:1fr 1fr}.detail-columns{grid-template-columns:1fr}.detail-timeline{position:static}.detail-timeline #order-activity-list{max-height:320px}.detail-header-meta small{max-width:145px;text-align:right}.detail-merchant-line{font-size:13px;flex-wrap:wrap}.detail-footer{padding:12px 17px;gap:7px}.detail-footer button{font-size:11px;padding:9px 5px}.detail-footer svg{display:none}.detail-summary-card{padding:10px;gap:7px}}

#detail-items-content{margin-top:13px}.detail-items-scroll{overflow-x:auto}.detail-items-table{width:100%;border-collapse:collapse;font-size:12px;min-width:480px}.detail-items-table th{text-align:left;font-weight:600;color:#63748d;padding:8px;border-bottom:1px solid #dce5ef}.detail-items-table td{padding:9px 8px;border-bottom:1px solid #edf1f6;vertical-align:top;color:#102342;white-space:pre-wrap;overflow-wrap:anywhere}.detail-items-table td:last-child{min-width:150px}.detail-items-table tr:last-child td{border-bottom:0}#detail-items-count{color:#63748d;font-size:11px;font-weight:400}

@media(min-width:801px){.detail-summary.has-estimated-skids{grid-template-columns:.8fr 1fr 1.3fr 1fr 1fr}}

.detail-internal-notes-content{margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}

.detail-delivery-meta{grid-template-columns:minmax(0,1fr)}
.detail-address-meta>.detail-reference-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border-left:0;padding-left:0}
.detail-reference-box{position:relative;box-sizing:border-box;min-width:0;max-width:100%;border:1px solid var(--line,#dce5ef);border-radius:7px;background:var(--panel,#fff);color:var(--text,#102342);padding:9px 10px;text-align:left;font:inherit;line-height:1.4}
.detail-reference-box small{color:inherit;opacity:.7;font-size:9px;letter-spacing:.2px}
.detail-reference-box span{display:block;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
button.detail-reference-box:hover{border-color:#1766bf;background:var(--panel2,#f4f8ff)}
.detail-reference-box.empty{color:var(--muted,#63748d)}
.detail-reference-box[data-copy-state=copied]{border-color:#168357}
.detail-reference-box[data-copy-state=failed]{border-color:#b42318}
.detail-reference-box[data-copy-state]:after{display:block;font-size:10px;margin-top:5px;content:'Copied';color:#168357}
.detail-reference-box[data-copy-state=failed]:after{content:'Copy failed';color:#b42318}
#reference-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:480px){.detail-address-meta>.detail-reference-fields{grid-template-columns:minmax(0,1fr)}}

/* Keep the order BOL action directly below View POD. */
#detail-dialog #detail-print-bol{grid-column:3}

.detail-address-meta.detail-delivery-meta>div+div{border-left:0;padding-left:0}
/* Compact shared Order Details. Inventory integration is display-only. */
#detail-dialog .detail-header{padding:15px 20px 12px;gap:14px}#detail-dialog .detail-header h2{font-size:27px!important;margin-bottom:3px!important}#detail-dialog .detail-scroll{padding:0 20px 12px}#detail-dialog .detail-summary{gap:9px;margin-bottom:10px}#detail-dialog .detail-summary-card{padding:9px 11px;gap:9px}#detail-dialog .detail-summary-card .detail-icon{width:32px;height:32px;flex-basis:32px}#detail-dialog .detail-summary-card strong{font-size:14px}#detail-dialog .detail-columns{gap:12px;align-items:stretch}#detail-dialog .detail-left{gap:10px;align-content:start}#detail-dialog .detail-address-card{padding:12px;gap:10px}#detail-dialog .detail-address-card>.detail-icon{width:31px;height:31px;flex-basis:31px}#detail-dialog .detail-address-card h3{margin-bottom:7px}#detail-dialog .detail-address{font-size:13px;line-height:1.4;margin-bottom:8px}#detail-dialog .detail-address-meta{padding:8px 10px;gap:9px}#detail-dialog .detail-window,#detail-dialog .detail-notes{padding:10px 12px}#detail-dialog .detail-event{gap:9px;padding-bottom:14px}#detail-dialog .detail-event-icon{width:28px;height:28px}#detail-dialog .detail-timeline{padding:12px;min-width:0}#detail-dialog .detail-event-description{margin-top:5px;padding:6px 8px}#detail-dialog .detail-footer{padding:10px 20px 12px;gap:7px;grid-template-columns:repeat(6,minmax(0,1fr))}#detail-dialog .detail-footer>button{min-height:35px;padding:7px 10px;grid-column:span 2}#detail-dialog #detail-open-ds{order:1}#detail-dialog #detail-map{order:2}#detail-dialog #detail-view-pod{order:3}#detail-dialog #detail-edit-order{order:4;grid-column:span 3}#detail-dialog #detail-print-bol{order:5;grid-column:span 3}
.detail-warehouse{display:flex;gap:10px;align-items:center;padding:10px 11px;margin-bottom:12px;border:1px solid #8cb3fa;border-radius:8px;background:var(--panel,#f8fbff);min-width:0;flex-wrap:wrap}.detail-warehouse>.detail-icon{width:30px;height:30px;flex:0 0 30px}.detail-wms-status{display:flex;gap:7px;align-items:center}.detail-wms-status>small{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--blue,#2563eb)}.detail-wms-badge{font-size:11px;border-radius:5px;padding:4px 7px;background:var(--panel2,#edf2f8);white-space:nowrap}.detail-wms-badge.recorded{color:#15803d;background:color-mix(in srgb,#22c55e 12%,var(--panel,#fff))}.detail-wms-badge.hold{color:#b45309;background:color-mix(in srgb,#eab308 12%,var(--panel,#fff))}.detail-wms-metric{padding-left:10px;border-left:1px solid var(--line,#dce4ef);display:grid;gap:3px;min-width:42px}.detail-wms-metric small{font-size:9px;color:var(--muted,#64748b);text-transform:uppercase}.detail-wms-metric strong{font-size:11px;overflow-wrap:anywhere}.detail-wms-updated{font-size:10px;color:var(--muted,#64748b);margin-left:auto}.detail-wms-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--blue,#2563eb);text-decoration:none;border:1px solid var(--line,#c5d7f2);border-radius:6px;padding:7px;white-space:nowrap}.detail-wms-link svg{width:13px;height:13px}.detail-activity-filters{display:flex;gap:5px;margin:9px 0 12px}.detail-activity-filters button{flex:1;min-width:0;padding:6px 4px;border:1px solid var(--line,#dce4ef);background:var(--panel2,#f3f6fb);color:var(--text,#102342);border-radius:6px;font-size:10px;cursor:pointer}.detail-activity-filters button[aria-pressed=true]{color:var(--blue,#2563eb);border-color:var(--blue,#2563eb)}.detail-activity-filters button[hidden]{display:none}.detail-wms-link:focus-visible,.detail-activity-filters button:focus-visible{outline:2px solid var(--blue,#2563eb);outline-offset:2px}
@media(min-width:801px){#detail-dialog .detail-columns{height:min(48vh,510px);min-height:200px}#detail-dialog .detail-left,#detail-dialog .detail-timeline{overflow-y:auto;min-height:0;max-height:100%;scrollbar-gutter:stable}#detail-dialog .detail-timeline{position:static}#detail-dialog .detail-scroll{overflow-y:auto;flex-shrink:1}}
@media(max-width:800px){#detail-dialog .detail-header{padding:12px}#detail-dialog .detail-scroll{padding:0 12px 10px}#detail-dialog .detail-footer{padding:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}#detail-dialog .detail-footer>button,#detail-dialog #detail-edit-order,#detail-dialog #detail-print-bol{grid-column:auto}#detail-dialog .detail-wms-updated{margin-left:0}.detail-warehouse{gap:9px}.detail-wms-status{flex:1}.detail-wms-metric{flex:1 0 55px}}

@media(min-width:801px){#detail-dialog .detail-summary.has-estimated-skids{grid-template-columns:.8fr 1.3fr 1fr 1fr}}#detail-dialog .detail-estimate{display:block;font-size:9px;margin-top:3px;text-transform:none}#detail-dialog .detail-estimate strong{display:inline;font-size:10px}

@media(min-width:801px){#detail-dialog .detail-scroll{display:flex;flex-direction:column;overflow:hidden}#detail-dialog .detail-summary,#detail-dialog .detail-warehouse{flex-shrink:0}#detail-dialog .detail-columns{flex:0 1 48vh;min-height:140px}}.detail-wms-badge.partial{color:#a16207;background:color-mix(in srgb,#eab308 13%,var(--panel,#fff))}
/* Use the existing page theme for the shared modal in dark mode. */
[data-theme=dark] #detail-dialog{background:var(--panel,#262b38);color:var(--text,#eef1f5);border-color:var(--line,#3a4152)}
[data-theme=dark] #detail-dialog .detail-header h2,[data-theme=dark] #detail-dialog .detail-section-heading h3,[data-theme=dark] #detail-dialog .detail-section-heading label,[data-theme=dark] #detail-dialog .detail-items-table td{color:var(--text,#eef1f5)}
[data-theme=dark] #detail-dialog :is(.detail-summary-card,.detail-address-card,.detail-address-meta,.detail-footer,.detail-window,.detail-notes,.detail-additional,.detail-timeline){background:var(--panel,#262b38);border-color:var(--line,#3a4152)}
[data-theme=dark] #detail-dialog :is(.detail-summary-card small,.detail-address-meta small,.detail-window h3,.detail-event-meta,.detail-empty,.detail-header-meta small,.detail-additional dt){color:var(--muted,#a9b6ca)}
[data-theme=dark] #detail-dialog :is(.detail-event-description,#delivery-notes,.detail-footer button:not(.primary),.detail-section-heading button){background:var(--panel2,#2e3444);color:var(--text,#eef1f5);border-color:var(--line,#3a4152)}
[data-theme=dark] #detail-dialog .detail-warehouse{color:var(--text,#eef1f5)}
[data-theme=dark] #detail-dialog .detail-wms-badge.recorded{color:#65dfa3}[data-theme=dark] #detail-dialog :is(.detail-wms-badge.partial,.detail-wms-badge.hold){color:#f6c568}
@media(min-width:801px){#detail-dialog .detail-timeline #order-activity-list{max-height:none;overflow:visible}}

.detail-wms-progress{flex:1 0 100%;font-size:11px}.detail-wms-progress summary{cursor:pointer}.warehouse-lifecycle .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0}.warehouse-lifecycle .detail-grid small,.warehouse-lifecycle .detail-grid b{display:block}.warehouse-lifecycle .detail-grid small{font-size:10px;color:var(--muted,#64748b)}