#sd-planning-charts .shipment-live{border:1px solid var(--line,#d9e2eb);border-radius:12px;background:var(--card,#fff);padding:20px;margin-bottom:20px}
#sd-planning-charts .shipment-live-toolbar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
#sd-planning-charts :is(#shipment-calculate,#pickup-calculate){display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0}
#sd-planning-charts :is(#shipment-calculate,#pickup-calculate) label{display:grid;gap:7px;font-size:14px;font-weight:600}
#sd-planning-charts :is(#shipment-calculate,#pickup-calculate) input{min-width:200px;box-sizing:border-box;height:42px;border:1px solid var(--line,#cbd5e1);border-radius:7px;padding:8px 10px;background:var(--card,#fff);color:inherit;font:inherit}
#sd-planning-charts :is(.shipment-live,#pickup-content>.shipment-live-toolbar) button{height:42px;padding:0 17px;border:1px solid var(--line,#cbd5e1);border-radius:7px;background:var(--card,#fff);color:inherit;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap}
#sd-planning-charts :is(.shipment-live,#pickup-content>.shipment-live-toolbar) button.shipment-primary{background:var(--blue,#1e506d);color:#fff;border-color:transparent;font-weight:600}
#sd-planning-charts :is(.shipment-live,#pickup-content>.shipment-live-toolbar) button:disabled{opacity:.6;cursor:wait}
#sd-planning-charts .shipment-live-note{font-size:12px;color:var(--muted,#64748b);line-height:1.7;margin:15px 0 8px}
#sd-planning-charts .shipment-live-status{font-size:13px;line-height:1.7;margin:8px 0;color:var(--blue,#1e506d);min-height:22px}
#sd-planning-charts .shipment-live-status[data-level="error"]{color:#ad3e19}
#sd-planning-charts .shipment-data-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;border-top:1px solid var(--line,#d9e2eb);padding-top:14px;margin:14px 0}
#sd-planning-charts .shipment-data-dates div{min-width:0}
#sd-planning-charts .shipment-data-dates dt{font-size:12px;color:var(--muted,#64748b);margin:0 0 4px}
#sd-planning-charts .shipment-data-dates dd{font-size:13px;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sd-planning-charts .shipment-source-rules{font-size:12px;line-height:1.8;color:var(--muted,#64748b)}
#sd-planning-charts .shipment-source-rules summary{cursor:pointer;font-weight:600;color:var(--text,#294354)}
#sd-planning-charts .shipment-source-rules p{margin:8px 0 0}
#sd-planning-charts .shipment-export-disabled{opacity:.55;cursor:not-allowed}
@media(max-width:640px){#sd-planning-charts .shipment-live{padding:15px}#sd-planning-charts .shipment-live-toolbar{gap:12px}#sd-planning-charts :is(#shipment-calculate,#pickup-calculate){flex:1;gap:10px}#sd-planning-charts :is(#shipment-calculate,#pickup-calculate) label{width:100%}#sd-planning-charts :is(#shipment-calculate,#pickup-calculate) input{width:100%;min-width:0}#sd-planning-charts .shipment-data-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

#sd-planning-charts #pickup-results .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
#sd-planning-charts #table-pickup-summary table{min-width:640px}
@media(max-width:900px){#sd-planning-charts #pickup-results .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}