/* Shipment panel of the order card (shipments.js). Uses the shared Journey tokens only. */
.shipment-panel .panel-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; }
.shipment-panel .tracking { font-variant-numeric:tabular-nums; letter-spacing:.3px; }
.shipment-empty { margin-top:18px; padding:20px; border:1px dashed var(--journey-color-border-subtle); border-radius:10px; background:var(--journey-color-bg-canvas); }
.shipment-empty p { margin:0 0 14px; font-size:var(--journey-type-footnote-size); }
.shipment-card { margin-top:18px; padding:20px; border:1px solid var(--journey-color-border-subtle); border-radius:10px; }
.shipment-card-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:16px; }
.shipment-card-head .tracking { display:block; margin-top:6px; font-size:var(--journey-type-title-2-size); font-weight:550; }
.shipment-form fieldset { margin:0 0 18px; padding:16px 18px; border:1px solid var(--journey-color-border-subtle); border-radius:10px; min-width:0; }
.shipment-form legend { padding:0 6px; font-size:var(--journey-type-footnote-size); font-weight:550; }
.shipment-form label { display:grid; gap:7px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); margin:10px 0; min-width:0; }
.shipment-form label small { font-size:var(--journey-type-caption-size); }
.shipment-form input:not([type="checkbox"]),.shipment-form select,.shipment-form textarea { padding:10px; min-height:44px; width:100%; border:1px solid var(--journey-color-border-subtle); border-radius:6px; background:var(--journey-color-bg-surface); color:var(--journey-color-text-primary); font:inherit; font-size:var(--journey-type-footnote-size); }
.shipment-form textarea { resize:vertical; }
.shipment-form label.check { display:flex; align-items:center; gap:10px; font-size:var(--journey-type-footnote-size); color:var(--journey-color-text-primary); min-height:32px; margin:6px 0; }
.shipment-form label.check input { width:18px; height:18px; accent-color:var(--journey-color-action-primary); }
.shipment-row-3 { grid-template-columns:1fr 1fr 1fr; }
.shipment-row-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.shipment-items { width:100%; }
.shipment-items th,.shipment-items td { font-size:var(--journey-type-caption-size); }
.shipment-items .sku { font-size:var(--journey-type-caption-size); overflow-wrap:anywhere; }
.shipment-issues { list-style:none; margin:0 0 16px; padding:0; display:grid; gap:8px; }
.shipment-issues li { padding:10px 12px; border-radius:8px; font-size:var(--journey-type-caption-size); line-height:1.45; }
.shipment-issues li strong { margin-right:6px; }
.shipment-issues li.error { background:var(--journey-color-status-error-bg); color:var(--journey-color-status-error-fg); }
.shipment-issues li.warning { background:var(--journey-color-status-warning-bg); color:var(--journey-color-status-warning-fg); }
.shipment-ok { margin:0 0 16px; padding:10px 12px; border-radius:8px; font-size:var(--journey-type-caption-size); background:var(--journey-color-status-success-bg); color:var(--journey-color-status-success-fg); }
.shipment-summary dd small { display:block; margin-top:3px; font-size:var(--journey-type-caption-size); color:var(--journey-color-text-secondary); }
.shipment-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:16px; }
.shipment-warnings,.shipment-history { margin-top:16px; border-top:1px solid var(--journey-color-border-subtle); padding-top:14px; }
.shipment-warnings summary,.shipment-history summary { cursor:pointer; font-size:var(--journey-type-footnote-size); margin-bottom:12px; }
.shipment-panel button:disabled { opacity:.6; cursor:progress; }
@media(max-width:600px){
  .shipment-row-3,.shipment-row-4 { grid-template-columns:1fr 1fr; }
  .shipment-form fieldset,.shipment-card,.shipment-empty { padding:14px; }
  .shipment-actions>button { flex:1 1 100%; justify-content:center; }
}
/* Registration at СДЭК (docs/shipments-local.md «Настоящий СДЭК») and the order-list queue «Отправления СДЭК: нужна помощь». */
.shipment-registration { margin:12px 0 0; padding:10px 12px; border-radius:8px; font-size:var(--journey-type-footnote-size); background:var(--journey-color-bg-canvas); }
.shipment-registration.error { background:var(--journey-color-status-error-bg); color:var(--journey-color-status-error-fg); }
.cdek-attention { margin:8px 0 0; padding-left:18px; font-size:var(--journey-type-footnote-size); }