.history-only{display:none}.shipments-view .history-only{display:block}.shipments-view .context .selector{display:none}.history-controls{padding:22px 24px;border-bottom:1px solid #dce4ef}.history-date-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) minmax(0,1.3fr);gap:16px;align-items:start}.history-date-grid label{display:grid;grid-template-rows:minmax(20px,auto) 46px;align-content:start;gap:8px;margin:0;padding:0;min-width:0;font-size:14px;font-weight:600;line-height:20px;color:#526981}.history-date-grid input,.history-date-grid select{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;height:46px;min-height:46px;max-height:46px;margin:0;padding:0 12px;border:1px solid #ccd9e7;border-radius:8px;background:#fff;color:#253d5a;font:inherit;line-height:normal}
/* Normalize native Safari date controls without changing their date-picker behavior. */
.history-date-grid input[type=date]{appearance:none;-webkit-appearance:none;text-align:left}
.history-date-grid input[type=date]::-webkit-date-and-time-value{min-height:0;margin:0;text-align:left;line-height:44px}
.history-date-grid input[type=date]::-webkit-datetime-edit{display:inline-flex;align-items:center;padding:0;min-width:0;min-height:0;height:44px}
.history-date-grid input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}
.history-date-grid input:focus-visible,.history-date-grid select:focus-visible{outline:2px solid #004aad;outline-offset:2px}.history-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:13px;color:#60758d}.history-context>div{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-left:auto;flex-shrink:0}.history-context button,.history-pagination button,.history-card-tools button{background:#fff;border:1px solid #ccd9e7;border-radius:7px;padding:9px 13px;color:#004aad;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;min-height:42px;cursor:pointer}#history-outside{display:block;border:0;background:none;color:#004aad;text-align:left;padding:10px 0;font-size:14px;cursor:pointer}#history-updated{display:block;font-size:12px;color:#708094;margin-top:8px}#history-error{color:#a63131;font-size:14px;padding-top:12px}.shipments-view .history-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:14px;color:#4f6782;background:white;border-top:1px solid #dce4ef}.history-pagination>div{display:flex;align-items:center;gap:12px}.history-pagination input{width:60px;padding:9px;border:1px solid #ccd9e7;border-radius:6px}.history-pagination button:disabled{opacity:.4;cursor:default}.history-vin-match{background:#edf4ff;border-radius:6px;box-shadow:inset 3px 0 #004aad}.history-vin-match .vehicle-vin{color:#004aad;font-weight:700}.history-card-tools{padding-top:16px}.history-timeline{margin-top:16px;padding-top:16px;border-top:1px solid #dce4ef;font-size:14px}.history-timeline summary{cursor:pointer;color:#004aad;font-weight:600}.history-timeline li{padding:10px 0}.history-timeline time{display:block;color:#65758b;font-size:12px;margin-top:4px}.history-timeline p{margin:12px 0;color:#65758b}.shipment-order{text-decoration:none}.shipment-order:hover{text-decoration:underline}.shipments-view .shipment-status-tabs button.history-only{display:inline-flex}[hidden]{display:none!important}@media(max-width:1250px){.history-date-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.history-controls{padding:18px 16px}.history-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-date-grid label:first-child{grid-column:1/-1}.history-date-grid input,.history-date-grid select{font-size:16px}.history-context,.shipments-view .history-pagination{align-items:flex-start;flex-direction:column}.history-context>div{margin-left:0;justify-content:flex-start}.history-pagination>div{flex-wrap:wrap;gap:8px}.shipments-view .history-pagination{padding:18px 16px}}
/* Combined trip and trailer selector, aligned with the date controls. */
.history-date-grid>.history-load-type{display:grid;grid-template-rows:minmax(20px,auto) 46px;gap:8px;min-width:0;font-size:14px;font-weight:600;line-height:20px;color:#526981}
.history-load-type details{position:relative;min-width:0}
.history-load-type summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;height:46px;min-width:0;padding:0 12px;border:1px solid #ccd9e7;border-radius:8px;background:#fff;color:#253d5a;list-style:none;cursor:pointer}
.history-load-type summary::-webkit-details-marker{display:none}
.history-load-type summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-load-type summary:focus-visible{outline:2px solid #004aad;outline-offset:2px}
.history-load-type summary[aria-disabled=true]{opacity:.5;cursor:default}
.history-load-type details[open]{z-index:20}
.history-load-options{position:absolute;top:54px;left:0;width:290px;max-width:calc(100vw - 64px);box-sizing:border-box;padding:16px;background:#fff;border:1px solid #d4dfec;border-radius:12px;box-shadow:0 12px 36px #18324b24;color:#253d5a}
.history-load-options fieldset{min-width:0;margin:0;padding:0;border:0}
.history-load-options fieldset+fieldset{margin-top:14px;padding-top:14px;border-top:1px solid #e4eaf1}
.history-load-options legend{float:left;width:100%;margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6a7e95}
.history-date-grid .history-load-options label{display:flex;align-items:center;gap:10px;min-height:38px;grid-template-rows:none;padding:6px 4px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;color:#253d5a}
.history-date-grid .history-load-options input[type=radio]{appearance:auto;-webkit-appearance:radio;flex:none;width:17px;height:17px;min-height:17px;max-height:17px;padding:0;margin:0;accent-color:#004aad}
.history-load-options label:has(input:disabled){color:#9ba7b6;cursor:not-allowed;opacity:.65}
.history-load-options p{font-size:12px;line-height:18px;font-weight:400;margin:12px 0 0;color:#6a7e95}
#history-load-type-done{display:block;width:100%;margin:14px 0 0;padding:9px 12px;min-height:40px;border:1px solid #cddbed;border-radius:7px;background:#f1f6fd;color:#004aad;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;cursor:pointer}
body.shipments-view #loadtype{display:none}
body.shipments-view .shipment-toolbar{overflow:visible}
body.shipments-view .shipment-search-controls{grid-template-columns:minmax(0,1fr) minmax(160px,190px) auto}
@media(max-width:1000px){body.shipments-view .shipment-search-controls{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:760px){.history-load-type summary{font-size:16px}.history-load-options{width:280px}.history-date-grid>.history-load-type{position:relative}}

.delivered-load-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.delivered-load-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #cbd8e7;border-radius:8px;background:#fff;color:#004aad;font-size:14px;font-weight:600;text-decoration:none}.delivered-load-actions a:hover{background:#eaf2ff;border-color:#004aad}.delivered-load-actions a:focus-visible{outline:2px solid #004aad;outline-offset:3px}

/* Status and notarization combine with trip, trailer, dates and search. */
.history-date-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.history-load-options{max-height:min(610px,calc(100dvh - 130px));overflow-y:auto;overscroll-behavior:contain}
body.shipments-view #assignment-filter{display:none}
@media(min-width:1600px){.history-date-grid{grid-template-columns:1.15fr 1.45fr 1fr 1fr 1fr 1.1fr}}
@media(max-width:760px){.history-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-date-grid label:first-child{grid-column:auto}.history-load-options{left:auto;right:0}}
