/* Chronological shipment cards retain their existing disclosure and actions. */
#historyContainer:has(.history-box-card) { padding:18px 16px 18px 44px; }
#historyContainer .history-box-card { position:relative; min-width:0; margin:0 0 18px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); box-shadow:var(--shadow-sm); }
#historyContainer .history-box-card:last-child { margin-bottom:0; }
#historyContainer .history-box-card::before { content:''; position:absolute; z-index:1; top:22px; left:-31px; width:12px; height:12px; border:2px solid var(--line-strong); border-radius:50%; background:var(--surface); }
#historyContainer .history-box-card:nth-child(1 of .history-box-card)::before { border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-soft); }
#historyContainer .history-box-card::after { content:''; position:absolute; top:36px; bottom:-40px; left:-25px; border-left:2px solid var(--line-strong); }
#historyContainer .history-box-card:last-child::after { bottom:18px; }
#historyContainer .history-box-card-head { min-width:0; padding:14px 14px 8px; border-radius:14px 14px 0 0; cursor:pointer; }
@media (hover:hover) and (pointer:fine) { #historyContainer .history-box-card-head:hover { background:color-mix(in srgb,var(--surface-2) 82%,var(--primary-soft)); } }
#historyContainer .history-box-card-head:focus-visible { outline:3px solid var(--primary); outline-offset:-3px; }
.history-shipment-identity { display:grid; grid-template-columns:48px minmax(0,1fr) 12px; gap:4px 8px; align-items:center; min-width:0; }
.history-shipment-icon { grid-column:1; grid-row:1; justify-self:center; width:24px; height:24px; color:var(--ink-2); }
.history-shipment-identity .carrier-wordmark { grid-column:1; grid-row:1; }
.history-shipment-icon svg { display:block; width:100%; height:100%; }
.history-shipment-identity .hb-tracking { grid-column:2; grid-row:1; min-width:0; color:var(--ink); font-size:17px; font-weight:750; line-height:1.3; overflow-wrap:anywhere; }
.history-shipment-identity .hb-date { grid-column:2; grid-row:2; color:var(--muted); font-size:12px; line-height:1.4; }
.history-disclosure-triangle { grid-column:3; grid-row:1 / span 2; display:inline-grid; place-items:center; width:12px; color:var(--primary-dark); font-size:13px; line-height:1; }
.history-shipment-summary { display:flex; min-width:0; flex-wrap:wrap; align-items:baseline; gap:5px 9px; margin-top:10px; color:var(--ink-2); font-size:13px; line-height:1.4; }
.history-shipment-summary .hb-engineer { min-width:0; overflow-wrap:anywhere; }
.history-shipment-summary .hb-count { color:var(--muted); }
.history-shipment-summary .hb-stats { display:flex; flex-wrap:wrap; gap:7px 12px; margin-left:auto; }
.history-shipment-summary .hb-stats strong { color:var(--ink); }
.history-tracking-status { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:8px; }
#historyContainer .history-box-card-actions { display:flex; flex:none; min-width:0; flex-wrap:wrap; align-items:center; gap:4px 8px; padding:0 14px 10px; }
#historyContainer .history-box-card-actions button { min-width:44px; min-height:44px; white-space:normal; text-align:left; }
#historyContainer .history-lock-state { display:inline-flex; align-items:center; min-height:44px; padding:3px 8px; box-sizing:border-box; }
@media (min-width:700px) {
  .history-shipment-identity { grid-template-columns:48px minmax(0,1fr) auto 12px; }
  .history-shipment-identity .hb-date { grid-column:3; grid-row:1; padding-left:12px; border-left:1px solid var(--line-strong); }
  .history-disclosure-triangle { grid-column:4; grid-row:1; }
}
@media (max-width:350px) {
  #historyContainer:has(.history-box-card) { padding:14px 10px 14px 34px; }
  #historyContainer .history-box-card::before { left:-25px; }
  #historyContainer .history-box-card::after { left:-19px; }
  #historyContainer .history-box-card-head { padding:12px 10px 6px; }
  .history-shipment-identity .hb-tracking { font-size:15px; }
  #historyContainer .history-box-card-actions { padding-inline:10px; }
}