:root{--bl-navy:#162f58;--bl-navy-dark:#0d2445;--bl-red:#c8102e;--bl-canvas:#f5f7fa;--bl-line:#d4ddea;--bl-text:#172b4d;--bl-muted:#53657d;--bl-radius:12px}.bl-customer-page{margin:0;background:var(--bl-canvas);color:var(--bl-text);font-family:Inter,Arial,sans-serif;line-height:1.55}.bl-customer-skip{position:fixed;left:16px;top:-100px;z-index:1000;background:#fff;padding:12px 16px;color:var(--bl-navy)}.bl-customer-skip:focus{top:12px}.bl-customer-header{min-height:74px;padding:12px max(24px,calc((100% - 1240px)/2));background:#fff;border-bottom:1px solid var(--bl-line);display:flex;align-items:center;justify-content:space-between;gap:24px}.bl-customer-header img{display:block;border-radius:8px}.bl-customer-header>div{display:flex;align-items:center;gap:20px}.bl-customer-header a,.bl-portal-nav a,.bl-portal-nav button{color:var(--bl-navy);font-weight:700}.bl-portal-nav{padding:0 max(24px,calc((100% - 1240px)/2));background:var(--bl-navy);display:flex;align-items:stretch;gap:4px}.bl-portal-nav a,.bl-portal-nav button{display:block;border:0;background:transparent;color:#fff;text-decoration:none;padding:15px 18px;font:inherit;cursor:pointer}.bl-portal-nav a:hover,.bl-portal-nav a:focus-visible,.bl-portal-nav button:hover,.bl-portal-nav button:focus-visible{background:#fff;color:var(--bl-navy)}.bl-portal-nav form{margin-left:auto}.bl-customer-main{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0 72px}.bl-auth-card{width:min(560px,100%);margin:40px auto;background:#fff;border:1px solid var(--bl-line);border-radius:var(--bl-radius);padding:clamp(24px,5vw,48px);box-shadow:0 18px 48px rgba(13,36,69,.08)}.bl-auth-card h1,.bl-portal-title h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.08;margin:.25rem 0 1rem;color:var(--bl-navy)}.eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:var(--bl-red)}.bl-portal-form,.bl-filter-form{display:grid;gap:10px}.bl-portal-form label,.bl-filter-form label{font-weight:700;color:var(--bl-navy)}.bl-portal-form input,.bl-filter-form input,.bl-filter-form select{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #97a7bd;border-radius:8px;padding:10px 12px;font:inherit;color:var(--bl-text);background:#fff}.bl-portal-form input[readonly]{background:#eef2f6}.bl-password-field{position:relative}.bl-password-field input{padding-right:130px}.bl-password-toggle{position:absolute;right:7px;top:7px;min-height:34px;border:0;background:#eef2f6;border-radius:6px;color:var(--bl-navy);font-weight:700;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--bl-navy);border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer}.button.primary{background:var(--bl-red);border-color:var(--bl-red);color:#fff}.button.secondary{background:#fff;color:var(--bl-navy)}.button:hover{filter:brightness(.94)}.bl-customer-page :where(a,button,input,select):focus-visible{outline:3px solid #f0a600;outline-offset:3px}.help{color:var(--bl-muted);margin:0 0 10px}.bl-notice{border-left:4px solid var(--bl-red);background:#fff2f4;padding:12px 16px;margin:0 0 20px}.bl-portal-title{margin-bottom:28px}.bl-count-card,.bl-panel,.bl-shipment-list article,.bl-detail-grid>div,.bl-empty{background:#fff;border:1px solid var(--bl-line);border-radius:var(--bl-radius);padding:24px}.bl-count-card{display:inline-flex;flex-direction:column;min-width:220px;margin-bottom:28px}.bl-count-card strong{font-size:2.5rem;color:var(--bl-navy)}.bl-section-heading,.bl-shipment-list article{display:flex;align-items:center;justify-content:space-between;gap:24px}.bl-shipment-list{display:grid;gap:16px}.bl-shipment-list code{display:block;max-width:760px;overflow-wrap:anywhere;color:var(--bl-muted)}.bl-status{display:inline-block;border:1px solid #9caec6;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:800;color:var(--bl-navy);background:#eef4fb}.bl-filter-form{grid-template-columns:2fr repeat(3,1fr) auto;align-items:end;background:#fff;border:1px solid var(--bl-line);border-radius:var(--bl-radius);padding:20px;margin-bottom:18px}.bl-result-count{font-weight:700}.bl-detail-grid,.bl-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.bl-detail-grid dt{font-weight:800;color:var(--bl-navy)}.bl-detail-grid dd{margin:4px 0 0;overflow-wrap:anywhere}.bl-customer-timeline{list-style:none;margin:24px 0;padding:0 0 0 24px;border-left:2px solid var(--bl-line)}.bl-customer-timeline li{position:relative;padding:0 0 24px 18px}.bl-customer-timeline li:before{content:"";position:absolute;left:-31px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bl-red);border:3px solid #fff}.bl-customer-timeline h3{margin:.3rem 0}.bl-pagination{display:flex;align-items:center;gap:16px;margin-top:24px}.bl-pagination a{font-weight:800}.bl-customer-footer{background:var(--bl-navy-dark);color:#fff;padding:24px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:20px}.bl-customer-footer strong{border-bottom:1px solid currentColor}.bl-empty{text-align:center}.bl-panel{margin-bottom:24px}.bl-panel h2{color:var(--bl-navy)}@media(max-width:900px){.bl-filter-form{grid-template-columns:1fr 1fr}.bl-filter-form .button{grid-column:1/-1}.bl-section-heading,.bl-shipment-list article{align-items:flex-start;flex-direction:column}.bl-portal-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0}.bl-portal-nav form{margin:0}.bl-portal-nav a,.bl-portal-nav button{width:100%;height:100%;padding:12px 8px;text-align:center;font-size:.9rem}.bl-account-grid,.bl-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.bl-customer-header{align-items:flex-start;flex-direction:column}.bl-customer-header>div{width:100%;justify-content:space-between}.bl-customer-main{width:min(100% - 32px,1180px);padding-top:28px}.bl-filter-form{grid-template-columns:1fr}.bl-auth-card{box-sizing:border-box;margin:10px auto;padding:24px 18px}.bl-password-field input{padding-right:12px}.bl-password-toggle{position:static;width:100%;margin-top:8px}.bl-customer-footer{flex-direction:column}.bl-shipment-list article .button{width:100%;box-sizing:border-box}.bl-portal-nav{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
