/* Fictional invoices only; shared by the shipper detail page and demo library. */
.freight-demo{min-width:0;max-width:650px;border:1px solid #b8c8cb;border-radius:12px;background:#fff;color:var(--ink);overflow:hidden}
.freight-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #d7e0df}
.freight-top>span{font-size:14px;font-weight:600}.freight-top small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.freight-top>b{font-size:8px;letter-spacing:.05em;background:#edf2df;color:#46634d;border:1px solid #d4dfbd;border-radius:4px;padding:5px 7px;white-space:nowrap}
.freight-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px 18px 0}
.freight-tabs button{font-size:12px;min-height:42px;border:0;border-radius:5px;padding:9px 6px;background:#eef2f1;color:#52696e}.freight-tabs button span{font-size:9px;margin-right:4px}
.freight-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
.freight-scenes{padding:25px 22px 20px;min-height:480px}.freight-scenes>section[hidden],.freight-destination[hidden]{display:none}
.freight-scenes h3{font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.035em;margin:10px 0 13px;font-weight:500}
.freight-scenes p{font-size:12px;line-height:1.7;margin:0}.freight-kicker{font-size:9px;letter-spacing:.09em;color:#526b73}
.freight-invoices{display:grid;gap:10px;margin:26px 0 18px}.freight-invoice{display:flex;align-items:center;gap:10px;background:#f6f8f5;border:1px solid #dae2db;border-radius:6px;padding:16px 12px;animation:freight-enter .5s both}
.freight-invoice:nth-child(2){animation-delay:.12s}.freight-invoice:nth-child(3){animation-delay:.24s}
.freight-invoice>span{display:grid;place-items:center;width:36px;height:43px;flex-shrink:0;background:#e4ebed;border:1px solid #c5d2d5;border-radius:3px;font-size:9px;font-weight:650;color:var(--blue)}
.freight-invoice b,.freight-destination b,.freight-prepared b{display:block;font-size:12px;font-weight:550}.freight-invoice small,.freight-destination small,.freight-prepared small{display:block;font-size:10px;color:#52696e;margin-top:4px;line-height:1.5}
.freight-invoice strong{margin-left:auto;font-size:12px;white-space:nowrap;font-weight:550}
.freight-total{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b8c8cb;padding-top:14px;font-size:12px}.freight-total strong{font-weight:600;white-space:nowrap}
.freight-allocations{list-style:none;padding:0;margin:18px 0}.freight-allocations li{padding:12px 0;border-top:1px solid #d7e0df}.freight-allocations li>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.freight-allocations b,.freight-allocations strong{font-weight:550}.freight-allocations p{font-size:10px;margin:6px 0 3px}.freight-allocations p>span{padding:0 3px}.freight-allocations small{font-size:10px;color:#52696e}
.freight-allocation-bar{height:4px;background:#e9efea;margin-top:9px;border-radius:2px;overflow:hidden}.freight-allocation-bar i{display:block;width:var(--allocation);height:100%;background:#6c8f83;transform-origin:left;animation:freight-fill .7s ease-out both}
.freight-delivery{display:grid;gap:11px;margin:22px 0 16px}.freight-prepared,.freight-destination{display:flex;gap:12px;align-items:center;padding:15px;background:#f4f7f3;border:1px solid #d6e1d7;border-radius:6px}.freight-prepared{background:#e5eced;border-color:#c2d2d6}.freight-prepared>span{font-size:21px;color:#326049}.freight-destination>span{font-size:10px;color:#46634d}.freight-destination{animation:freight-enter .5s both}.freight-destination[data-freight-accounting]{animation-delay:.12s}.freight-route-arrow{font-size:23px;line-height:1;text-align:center;color:#68897e}
.freight-accounting-choice{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;cursor:pointer}.freight-accounting-choice input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.freight-setup-note{display:block;font-size:10px;line-height:1.6;color:#52696e}
.freight-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #d7e0df}.freight-controls>button{background:var(--blue);color:#fff;border:0;border-radius:5px;min-height:44px;padding:11px 14px;font-size:12px;font-weight:550}.freight-controls>div{display:flex;gap:6px}.freight-controls>div>button{width:42px;height:44px;background:#fff;border:1px solid #aebfc2;border-radius:5px;font-size:20px}.freight-controls button:disabled{opacity:.4;cursor:default}
.freight-demo button:focus-visible,.freight-demo input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.freight-disclaimer{padding:0 18px 14px;font-size:9px!important;line-height:1.6;color:#607278}
.freight-library-demo{margin-top:35px;padding-top:30px;border-top:1px solid #b8c8cb}.freight-library-demo>.eyebrow{font-size:9px;color:var(--blue)}.freight-library-demo>h3{font-size:25px;line-height:1.15;margin:15px 0 22px}.freight-library-demo>.text-link{font-size:12px;margin-top:20px}
#freight-invoices{scroll-margin-top:110px}
@keyframes freight-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes freight-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:620px){.freight-scenes{padding:22px 17px;min-height:480px}.freight-scenes h3{font-size:28px}.freight-top{padding:17px}.freight-tabs{padding:13px 14px 0}.freight-invoice{padding:14px 10px;gap:8px}.freight-invoice strong{font-size:11px}.freight-controls{padding:12px 14px}}
@media(max-width:360px){.freight-top{gap:8px;padding:15px 13px}.freight-top>span{font-size:12px}.freight-top>b{font-size:7px}.freight-tabs button span{display:none}.freight-invoice{flex-wrap:wrap}.freight-invoice strong{margin-left:44px;flex-basis:100%;margin-top:-4px}.freight-scenes{min-height:530px;padding:20px 14px}.freight-controls>button{font-size:11px;padding:10px}.freight-controls>div>button{width:35px}.freight-allocations li>div:first-child{font-size:11px}.freight-total{font-size:11px}}
@media(prefers-reduced-motion:reduce){.freight-invoice,.freight-destination,.freight-allocation-bar i{animation:none}}