/* IND-08 freight manifest and route view. */
.modal.freight-modal { width: min(1100px, 96vw); max-width: none; padding: 0; max-height: 94vh; overflow: auto; background: #0d1723; border: 1px solid #425765; }
#freight-operations { color: #e7e8df; font: 14px/1.5 'Segoe UI', sans-serif; }
#freight-operations h2, #freight-operations h3 { font-family: Bahnschrift, 'Segoe UI', sans-serif; font-weight: 500; letter-spacing: 0; text-transform: none; }
#freight-operations h2 { margin: 4px 0; font-size: 27px; }#freight-operations h3 { font-size: 19px; }
#freight-operations small { display: block; font-size: 12px; color: #91a8b9; }
#freight-operations button { padding: 9px 13px; margin: 4px; border: 1px solid #405a70; background: #15283a; color: #e7e8df; font: inherit; font-size: 13px; cursor: pointer; border-radius: 3px; }
#freight-operations button:hover { border-color: #8fcbd9; }#freight-operations button:disabled { opacity: .4; cursor: default; }
#freight-operations button:focus-visible, #freight-operations input:focus-visible, #freight-operations select:focus-visible { outline: 2px solid #e5bb76; outline-offset: 3px; }
.freight-head, .freight-summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 24px; border-bottom: 1px solid #233746; }.freight-summary { padding-block: 10px; flex-wrap: wrap; color: #a4c2d2; font-size: 13px; }
.freight-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); min-height: 430px; }.freight-layout nav { border-right: 1px solid #233746; padding: 18px; background: #09131f; }.freight-layout nav button { display: block; width: 100%; text-align: left; margin: 0 0 8px !important; }.freight-layout nav button strong, .freight-layout nav button span { display: block; }.freight-layout nav button span { font-size: 12px; margin-top: 5px; }.freight-layout nav [aria-pressed=true] { border-color: #e5bb76 !important; }.freight-detail { padding: 24px; }
.freight-route { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 24px 0; border-bottom: 1px solid #233746; background: radial-gradient(ellipse, #15354966, transparent 70%); }.freight-route>div { max-width: 35%; }.freight-route>div:last-child { text-align: right; }.freight-route img { width: 28%; height: 130px; object-fit: contain; }.freight-route h3 { margin: 6px 0; }.freight-route span { color: #91a8b9; }
.freight-detail dl { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid #233746; padding: 12px 0; }.freight-detail dd { color: #e5bb76; text-align: right; margin: 0; }.freight-detail label { display: flex; justify-content: space-between; gap: 18px; margin: 14px 0; align-items: center; }.freight-detail input, .freight-detail select { color: #e7e8df; background: #060c14; border: 1px solid #405a70; padding: 8px; font: inherit; max-width: 55%; }.freight-detail input { width: 120px; }.freight-fine { color: #91a8b9; font-size: 12px; }.freight-note { color: #e5bb76; }.freight-navigation { border-top: 1px solid #233746; margin-top: 18px; padding-top: 12px; }.freight-empty { text-align: center; }.freight-empty img { width: 250px; height: 200px; object-fit: contain; }.freight-empty p { max-width: 440px; margin-inline: auto; }
@media(max-width: 720px) { .freight-layout { display: block; }.freight-layout nav { border-right: none; border-bottom: 1px solid #233746; max-height: 200px; overflow: auto; }.freight-head, .freight-summary, .freight-detail { padding: 16px; }.freight-head { flex-wrap: wrap; }.freight-route { gap: 5px; }.freight-route h3 { font-size: 15px !important; } }