.logistics-workspace { --logistics-border:#dfe8f2;--logistics-muted:#657c95;--logistics-ink:#17324f;color:var(--logistics-ink);min-width:0; }
.logistics-workspace *, .logistics-modal * { box-sizing:border-box; }
.logistics-header,.logistics-toolbar,.logistics-section-heading,.logistics-detail-heading,.logistics-detail-actions,.logistics-dialog-heading,.logistics-dialog-actions { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.logistics-header { margin-bottom:22px; }
.logistics-header h1 { margin:0 0 8px;font-size:26px; }
.logistics-header p,.logistics-detail-heading p { margin:0;color:var(--logistics-muted);font-size:13px;line-height:1.6; }
.logistics-toolbar,.logistics-detail-actions { justify-content:flex-start; }
.logistics-kpis { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px; }
.logistics-kpi { padding:18px 20px;background:#fff;border:1px solid var(--logistics-border);border-radius:12px; }
.logistics-kpi span { display:block;color:var(--logistics-muted);font-size:12px; }
.logistics-kpi strong { display:block;margin-top:8px;font-size:28px;line-height:1.2; }
.logistics-kpi[data-tone="amber"] strong { color:#a1670d; }
.logistics-layout { display:grid;grid-template-columns:minmax(320px,0.94fr) minmax(0,1.35fr);gap:20px;align-items:start; }
.logistics-card { min-width:0;background:#fff;border:1px solid var(--logistics-border);border-radius:12px;overflow:hidden; }
.logistics-section-heading,.logistics-detail-heading { padding:20px;border-bottom:1px solid var(--logistics-border);align-items:flex-start; }
.logistics-section-heading h2,.logistics-detail-heading h2 { margin:0;font-size:17px; }
.logistics-section-heading p { margin:7px 0 0;color:var(--logistics-muted);font-size:12px;line-height:1.6; }
.logistics-count { min-width:25px;text-align:center;border-radius:5px;padding:3px 7px;background:#eef5fc;font-size:12px; }
.logistics-filters { padding:16px 20px;border-bottom:1px solid var(--logistics-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.logistics-filters .logistics-search { grid-column:1/-1; }
.logistics-field { display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--logistics-ink);font-size:12px;font-weight:600; }
.logistics-field input,.logistics-field select,.logistics-field textarea { width:100%;min-width:0;font-weight:400; }
.logistics-field textarea { resize:vertical; }
.logistics-field small,.logistics-help { color:var(--logistics-muted);font-size:12px;font-weight:400;line-height:1.6; }
.logistics-wide { grid-column:1/-1; }
.logistics-checkbox { display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400;line-height:1.6; }
.logistics-checkbox input { flex:0 0 auto;margin-top:3px; }
.logistics-list { max-height:640px;overflow:auto; }
.logistics-shipment { display:block;border:0;border-bottom:1px solid var(--logistics-border);padding:17px 20px;width:100%;text-align:left;background:#fff;color:var(--logistics-ink);cursor:pointer; }
.logistics-shipment:last-child { border-bottom:0; }
.logistics-shipment:hover { background:#f8fbfe; }
.logistics-shipment[aria-pressed="true"] { background:#eff7ff;box-shadow:inset 3px 0 #0176d3; }
.logistics-shipment-top { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px; }
.logistics-shipment strong { font-size:13px; }
.logistics-shipment span:not(.logistics-badge) { display:block;font-size:12px;overflow-wrap:anywhere; }
.logistics-shipment small { display:block;margin-top:7px;font-size:11px;color:var(--logistics-muted); }
.logistics-badge { display:inline-block;max-width:100%;border-radius:5px;background:#edf2f7;padding:4px 7px;font-size:10px;font-weight:600;white-space:normal;line-height:1.4;color:#4c637d; }
.logistics-badge[data-status="ready"],.logistics-badge[data-status="picking"],.logistics-badge[data-status="packed"] { background:#e5f3ff;color:#1266a5; }
.logistics-badge[data-status="in_transit"],.logistics-badge[data-status="dispatched"] { background:#eceaff;color:#6552ad; }
.logistics-badge[data-status="delivered"],.logistics-badge[data-status="received"] { background:#e8f7ef;color:#23734c; }
.logistics-badge[data-status="exception"],.logistics-badge[data-status="on_hold"] { background:#fff3db;color:#8b5f10; }
.logistics-overdue { color:#b2541a!important; }
.logistics-empty { padding:32px 22px;color:var(--logistics-muted);font-size:13px;line-height:1.7;text-align:center; }
.logistics-empty h3 { margin:0 0 7px;font-size:15px;color:var(--logistics-ink); }
.logistics-feedback { margin-bottom:14px; }
.logistics-error,.logistics-notice { margin:0;padding:13px 16px;border:1px solid #f1d0d0;background:#fff2f2;color:#a22c36;border-radius:8px;font-size:13px;line-height:1.6; }
.logistics-notice { border-color:#cce7dc;background:#eefaf4;color:#23734c; }
.logistics-detail-actions { padding:16px 20px;border-bottom:1px solid var(--logistics-border); }
.logistics-detail-actions .button { min-height:35px;font-size:11px; }
.logistics-detail-body { padding:20px; }
.logistics-meta { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px; }
.logistics-meta div { min-width:0; }
.logistics-meta dt { margin-bottom:5px;font-size:11px;color:var(--logistics-muted); }
.logistics-meta dd { margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere; }
.logistics-subheading { margin:25px 0 12px;font-size:14px; }
.logistics-addresses { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.logistics-address { padding:14px;border:1px solid var(--logistics-border);background:#f8fbfe;border-radius:8px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-line; }
.logistics-address strong { display:block;margin-bottom:6px;font-size:12px; }
.logistics-table-wrap { overflow:auto; }
.logistics-table { width:100%;border-collapse:collapse;font-size:12px; }
.logistics-table th,.logistics-table td { text-align:left;padding:10px 8px;border-bottom:1px solid var(--logistics-border);vertical-align:top;overflow-wrap:anywhere; }
.logistics-table th { font-size:11px;color:var(--logistics-muted);font-weight:600; }
.logistics-timeline { list-style:none;margin:0;padding:0; }
.logistics-timeline li { position:relative;margin:0 0 0 6px;padding:0 0 19px 20px;border-left:1px solid var(--logistics-border);font-size:12px;line-height:1.6;overflow-wrap:anywhere; }
.logistics-timeline li::before { content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#68a6dc; }
.logistics-timeline strong,.logistics-timeline time { display:block; }
.logistics-timeline time,.logistics-timeline small { color:var(--logistics-muted);font-size:11px; }
.logistics-timeline p { margin:4px 0;white-space:pre-wrap; }
.logistics-candidates { margin-top:22px; }
.logistics-candidate { display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid var(--logistics-border); }
.logistics-candidate:last-child { border-bottom:0; }
.logistics-candidate strong { font-size:13px; }
.logistics-candidate p { margin:5px 0;font-size:12px;color:var(--logistics-muted);overflow-wrap:anywhere; }
.logistics-candidate .button { flex:0 0 auto;font-size:11px; }
.logistics-modal { --logistics-border:#dfe8f2;--logistics-muted:#657c95;--logistics-ink:#17324f;position:fixed;inset:0;z-index:1000;background:rgba(15,38,63,.4);display:flex;align-items:center;justify-content:center;padding:24px;color:var(--logistics-ink); }
.logistics-dialog { width:min(820px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:14px;box-shadow:0 20px 80px rgba(15,38,63,.2);outline:0; }
.logistics-dialog-heading { flex-wrap:nowrap;padding:19px 24px;border-bottom:1px solid var(--logistics-border); }
.logistics-dialog-heading h2 { margin:0;font-size:19px; }
.logistics-close { width:32px;height:32px;flex:0 0 auto;border:0;background:#f2f6fa;border-radius:6px;font-size:23px;line-height:1;color:#657c95;cursor:pointer; }
.logistics-dialog form { display:flex;flex-direction:column;min-height:0; }
.logistics-dialog-content { padding:22px 24px;overflow:auto; }
.logistics-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.logistics-form-grid fieldset { margin:0;padding:14px;border:1px solid var(--logistics-border);border-radius:8px;min-width:0; }
.logistics-form-grid legend { font-size:13px;font-weight:600;padding:0 5px; }
.logistics-form-grid fieldset .logistics-form-grid { gap:12px; }
.logistics-form-grid .logistics-subheading { margin:9px 0 0; }
.logistics-dialog-actions { flex-shrink:0;justify-content:flex-end;padding:17px 24px;border-top:1px solid var(--logistics-border); }
.logistics-dialog .logistics-error { margin-bottom:16px; }
.logistics-line-item { display:grid;grid-template-columns:minmax(0,1fr) 100px 35px;gap:10px;align-items:end;margin-top:12px; }
.logistics-line-item .logistics-close { margin-bottom:4px; }
.logistics-serial-options { max-height:170px;overflow:auto;display:grid;gap:10px;padding:13px;border:1px solid var(--logistics-border);border-radius:8px; }
.logistics-link { color:#0675cd;text-decoration:none; }
.logistics-link:hover { text-decoration:underline; }
.logistics-pre { white-space:pre-wrap;overflow-wrap:anywhere; }
.logistics-checklist { padding:0;margin:0;list-style:none;display:grid;gap:9px;font-size:12px;color:var(--logistics-muted); }
.logistics-checklist li { display:flex;align-items:center;gap:9px; }
.logistics-checklist li[data-complete="true"] { color:#23734c; }
.logistics-checklist li>span:first-child { width:16px;text-align:center;font-size:15px; }
.logistics-help-panel { padding:15px 20px;border-top:1px solid var(--logistics-border);font-size:12px;color:var(--logistics-muted);line-height:1.7; }
.logistics-help-panel summary { cursor:pointer;font-weight:600;color:var(--logistics-ink); }
.logistics-help-panel ol { padding-left:19px;margin-bottom:0; }
@media(max-width:1180px) { .logistics-layout { grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr); }.logistics-kpis { gap:10px; }.logistics-kpi { padding:16px 14px; }.logistics-addresses { grid-template-columns:minmax(0,1fr); } }
@media(max-width:900px) { .logistics-layout { grid-template-columns:minmax(0,1fr); }.logistics-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.logistics-list { max-height:420px; } }
@media(max-width:560px) { .logistics-header h1 { font-size:23px; }.logistics-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.logistics-kpi:last-child { grid-column:1/-1; }.logistics-toolbar { width:100%; }.logistics-toolbar .button { flex:1; }.logistics-filters,.logistics-meta,.logistics-form-grid { grid-template-columns:minmax(0,1fr); }.logistics-section-heading,.logistics-detail-heading,.logistics-detail-actions,.logistics-detail-body,.logistics-filters { padding:16px; }.logistics-detail-actions .button { flex:1 1 130px; }.logistics-modal { padding:10px; }.logistics-dialog { max-height:calc(100dvh - 20px);border-radius:10px; }.logistics-dialog-content,.logistics-dialog-heading,.logistics-dialog-actions { padding:16px; }.logistics-candidate { flex-direction:column;padding:16px; }.logistics-line-item { grid-template-columns:minmax(0,1fr) 72px 30px;gap:7px; }.logistics-close { width:30px; }.logistics-field .form-input { min-height:42px; } }