.customer-body{min-height:100vh;background:#f3f6fa}.customer-container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.customer-header{background:#004ba4}.customer-header>.customer-container{height:76px;display:flex;align-items:center;justify-content:space-between}.customer-header nav{display:flex;align-items:center;gap:22px;color:#bfcde0;font-size:.8rem}.customer-header nav>a.active,.customer-header nav>a:hover{color:#f56924}.customer-header form{margin:0}.customer-header button{padding:9px 13px;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;background:transparent;cursor:pointer}.customer-main{padding-block:55px 90px}.customer-main .alert.error{border:1px solid #fecdd3;color:#9f1239;background:#fff1f2}.customer-page-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.customer-page-head>div:first-child>span{color:#f56924;font-size:.7rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.customer-page-head h1{margin:7px 0;color:#004ba4;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.05em}.customer-page-head p{margin:0;color:#6b7a8f}.selected-price{flex:0 0 270px;padding:20px;border:1px solid #dbe3ec;border-top:3px solid #f56924;border-radius:10px;background:#fff}.selected-price>span,.selected-price>strong,.selected-price>small{display:block}.selected-price>span{color:#6b7a8f;font-size:.72rem}.selected-price>strong{margin:5px 0;color:#004ba4;font-size:1.65rem}.selected-price>strong small{font-size:.65rem}.selected-price>small{color:#8996a6}.shipment-form{overflow:hidden;border:1px solid #dbe3ec;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(7,29,61,.06)}.shipment-form>section:not(.shipment-review){padding:28px;border-bottom:1px solid #e4e9ef}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.form-section-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#f56924;background:#fff0e3;font-size:.75rem;font-weight:850}.form-section-title h2,.form-section-title p{margin:0}.form-section-title h2{color:#004ba4;font-size:1.15rem}.form-section-title p{margin-top:3px;color:#8996a6;font-size:.72rem}.shipment-fields{display:grid;gap:16px}.shipment-fields.cols-2{grid-template-columns:repeat(2,1fr)}.shipment-fields label{display:flex;flex-direction:column;gap:7px;color:#42536a;font-size:.76rem;font-weight:750}.shipment-fields label small{color:#8b97a7;font-weight:500}.shipment-fields .full{grid-column:1/-1}.shipment-fields input,.shipment-fields select,.shipment-fields textarea{width:100%;padding:0 12px;border:1px solid #cbd5e1;border-radius:7px;color:#132238;background:#fff;font:inherit;outline:0}.shipment-fields input,.shipment-fields select{height:47px}.shipment-fields textarea{min-height:76px;padding-block:11px;resize:vertical}.shipment-fields input:focus,.shipment-fields select:focus,.shipment-fields textarea:focus{border-color:#f56924;box-shadow:0 0 0 3px rgba(245,130,32,.1)}.shipment-fields .check-field{align-items:center;justify-content:flex-start;flex-direction:row;padding-top:25px}.check-field input[type=checkbox]{width:auto;height:auto}.shipment-review{display:grid;grid-template-columns:1fr 1fr;padding:23px 28px;background:#f7f9fb}.shipment-review>div{padding-right:20px}.shipment-review span,.shipment-review strong,.shipment-review small{display:block}.shipment-review span{color:#8996a6;font-size:.68rem;text-transform:uppercase}.shipment-review strong{margin:4px 0;color:#004ba4}.shipment-review small{color:#7b899a}.shipment-submit{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 28px;border-top:1px solid #e4e9ef}.shipment-submit p{max-width:650px;margin:0;color:#7d8999;font-size:.72rem}.shipment-submit button,.customer-button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border:0;border-radius:7px;color:#fff;background:#f56924;font-weight:850;text-decoration:none;cursor:pointer}.shipment-submit button span{margin-left:18px}.compact-head h1{font-size:2.6rem}.customer-button.secondary{color:#29415f;background:#e6ebf2}.shipment-list{display:grid;gap:11px}.shipment-list>a{display:grid;grid-template-columns:1.5fr repeat(3,.7fr) auto;align-items:center;gap:18px;padding:20px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#132238;text-decoration:none}.shipment-list>a:hover{border-color:#b9c8d9;box-shadow:0 8px 22px rgba(7,29,61,.07)}.shipment-list>a>div>span,.shipment-list>a>div>strong,.shipment-list>a>div>small{display:block}.shipment-list>a>div>span{color:#8a97a7;font-size:.66rem;text-transform:uppercase}.shipment-list>a>div>strong{margin-top:4px;font-size:.82rem}.shipment-list>a>div>small{margin-top:3px;color:#8a97a7}.shipment-list>a>b{color:#f56924}.status-pill{color:#004ba4}.customer-empty{padding:60px;border:1px dashed #c8d3df;border-radius:10px;text-align:center}.customer-empty h2{color:#004ba4}.customer-empty p{color:#6b7a8f}.customer-empty a{color:#f56924;font-weight:800}.shipment-status-card{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px;border:1px solid #dbe3ec;border-radius:10px;background:#fff}.shipment-status-card>div{padding:22px;border-right:1px solid #dbe3ec}.shipment-status-card>div:last-child{border:0}.shipment-status-card span,.shipment-status-card strong,.shipment-status-card small{display:block}.shipment-status-card span{color:#8996a6;font-size:.68rem;text-transform:uppercase}.shipment-status-card strong{margin:5px 0;color:#004ba4}.shipment-status-card small{color:#7b899a}.shipment-detail-grid{display:grid;grid-template-columns:1fr 340px;align-items:start;gap:20px}.shipment-detail-grid aside{display:grid;gap:20px}.customer-panel{padding:24px;border:1px solid #dbe3ec;border-radius:10px;background:#fff}.customer-panel h2{margin:0 0 20px;color:#004ba4;font-size:1.1rem}.tracking-timeline{margin:0;padding:0;list-style:none}.tracking-timeline li{position:relative;display:flex;gap:14px;padding-bottom:25px}.tracking-timeline li:before{content:"";position:absolute;top:14px;bottom:0;left:5px;border-left:1px solid #d4dce6}.tracking-timeline li:last-child:before{display:none}.tracking-timeline i{position:relative;z-index:2;width:11px;height:11px;margin-top:4px;border:3px solid #fff;border-radius:50%;background:#f56924;box-shadow:0 0 0 1px #f56924}.tracking-timeline strong,.tracking-timeline span{display:block}.tracking-timeline strong{font-size:.84rem}.tracking-timeline span{margin-top:4px;color:#8996a6;font-size:.7rem}.detail-list{display:grid;gap:10px;margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding-bottom:9px;border-bottom:1px solid #edf0f4}.detail-list dt{color:#8996a6;font-size:.7rem}.detail-list dd{margin:0;text-align:right;font-size:.75rem;font-weight:750}
@media(max-width:800px){.customer-header>.customer-container{height:auto;align-items:flex-start;flex-direction:column;padding-block:17px}.customer-header nav{width:100%;overflow-x:auto;padding-top:14px}.customer-page-head{align-items:flex-start;flex-direction:column}.selected-price{width:100%;flex-basis:auto}.shipment-detail-grid{grid-template-columns:1fr}.shipment-list>a{grid-template-columns:1fr 1fr}.shipment-status-card{grid-template-columns:1fr}.shipment-status-card>div{border-right:0;border-bottom:1px solid #dbe3ec}}@media(max-width:580px){.customer-container{width:calc(100% - 28px)}.customer-main{padding-block:38px}.shipment-fields.cols-2,.shipment-review{grid-template-columns:1fr}.shipment-fields .full{grid-column:auto}.shipment-submit{align-items:flex-start;flex-direction:column}.shipment-submit button{width:100%}.shipment-list>a{grid-template-columns:1fr}.shipment-list>a>b{display:none}}

.shipment-fields .check-field{position:relative;grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:14px;min-height:70px;margin-top:2px;padding:14px 18px;border:1px solid #d5dee9;border-radius:9px;color:#173451;background:#f8fafc;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.shipment-fields .check-field:hover{border-color:#f5a35d;background:#fffaf5}.shipment-fields .check-field:has(input[type=checkbox]:checked){border-color:#f56924;background:#fff7ef;box-shadow:0 0 0 3px rgba(245,130,32,.1)}.shipment-fields .check-field input[type=hidden]{display:none}.shipment-fields .check-field input[type=checkbox]{width:21px;height:21px;flex:0 0 21px;margin:0;accent-color:#f56924}.shipment-fields .check-field:after{content:"Fragile handling helps BSP staff identify packages that require extra care.";display:block;color:#74869a;font-size:.69rem;font-weight:500;line-height:1.4}.shipment-fields .check-field:before{content:"!";display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;color:#e96f08;background:#ffead7;font-size:1rem;font-weight:900}.shipment-fields .check-field input[type=checkbox]{order:-2}.shipment-fields .check-field:before{order:-1}@media(max-width:580px){.shipment-fields .check-field{grid-column:auto;display:grid;grid-template-columns:21px 40px 1fr}.shipment-fields .check-field:after{grid-column:2/-1}}