:root{--blue:#057caf;--blue2:#005f91;--navy:#123f5c;--cyan:#0d96c6;--gold:#efb221;--purple:#7356c8;--ink:#18324a;--muted:#6c7f90;--line:#dce6ed;--bg:#f3f7fa;--panel:#fff;--green:#169c69;--red:#c84747;--orange:#e28a24;--shadow:0 4px 18px rgba(29,55,76,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--bg);font-size:13px}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:190px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:50;overflow:auto}.brand{display:flex;height:82px;align-items:center;justify-content:center;border-bottom:1px solid var(--line);padding:8px}.brand img{max-width:150px;max-height:62px;object-fit:contain}.sidebar nav{padding:8px}.sidebar nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;color:#526679;margin:1px 0;font-weight:600;font-size:12.5px}.sidebar nav a span{width:20px;text-align:center;color:#6d8798}.sidebar nav a:hover{background:#f2f8fb;color:var(--blue)}.sidebar nav a.active{background:#e9f5fa;color:var(--blue2)}.sidebar nav a.active span{color:var(--blue)}.main{margin-left:190px;min-width:0;flex:1}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;justify-content:space-between;position:sticky;top:0;z-index:40}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar strong{font-size:16px}.topbar small{color:var(--muted);font-size:10.5px}.top-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.lang-switch a{padding:5px 7px;font-size:10px;color:var(--muted);border-right:1px solid var(--line)}.lang-switch a:last-child{border:0}.lang-switch a.active{background:var(--blue);color:#fff}.user-chip{display:flex;gap:7px;align-items:center}.user-chip>div{display:flex;flex-direction:column;line-height:1.2}.user-chip b{font-size:11.5px}.user-chip small{font-size:9.5px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),#22a8cf);color:#fff;font-weight:800}.icon-link{font-size:18px;color:#75889a}.menu-btn{display:none;border:0;background:none;font-size:20px}.content{padding:14px 16px 28px;max-width:1700px;margin:auto}.alert{padding:9px 12px;border-radius:7px;margin:0 0 12px;border:1px solid}.alert.success{background:#ecfbf5;border-color:#bdebd9;color:#157451}.alert.error{background:#fff1f1;border-color:#f2c9c9;color:#9e3535}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin-bottom:10px}.stats-grid.four{grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:10px 12px;min-height:74px;display:flex;flex-direction:column}.stat-card span{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{font-size:20px;margin-top:3px;line-height:1.15}.stat-card small{color:#94a3af;margin-top:auto;font-size:9.5px}.quick-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}.quick{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:6px;color:#4e6478;cursor:pointer;font-weight:650}.quick.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.two-col{display:grid;grid-template-columns:1.25fr .9fr;gap:10px;margin-bottom:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:11px;margin-bottom:10px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 8px;gap:8px}.panel-head h2{font-size:13.5px;margin:0}.panel-head>a{font-size:10.5px}.container-list{display:flex;flex-direction:column}.container-line{display:grid;grid-template-columns:145px 1fr auto;gap:12px;align-items:center;padding:8px 2px;border-top:1px solid #eef2f5;color:inherit}.container-line:first-child{border-top:0}.container-marker{border-left:4px solid var(--marker);padding-left:8px;display:flex;flex-direction:column}.container-marker b{font-size:12px}.container-marker small{font-size:9.5px;color:var(--muted)}.progress-wrap small{color:var(--muted);font-size:9.5px}.progress{height:6px;background:#e8eef3;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#17a5cb);border-radius:inherit}.progress.lg{height:9px}.activity-list>div{display:grid;grid-template-columns:8px 36px 1fr;gap:7px;align-items:start;padding:6px 0;border-top:1px solid #f0f3f5}.activity-list>div:first-child{border:0}.activity-list time{font-size:9.5px;color:#8b9ba7}.activity-list p{margin:0;font-size:10.5px}.activity-dot{width:6px;height:6px;margin-top:3px;border-radius:50%;background:var(--blue)}.page-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.search-form{display:flex;min-width:310px}.search-form input{border-radius:6px 0 0 6px!important}.search-form .btn{border-radius:0 6px 6px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d7e0e6;background:#fff;color:#456174;border-radius:6px;padding:7px 10px;cursor:pointer;font-weight:650;line-height:1.2}.btn:hover{border-color:#afc1cd}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.small{padding:5px 7px;font-size:10.5px}.btn.wide{width:100%}.legend{display:flex;gap:6px;flex-wrap:wrap}.legend span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 8px;color:var(--muted);font-size:10px}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:8px 10px;background:#f8fafb;color:#6d8090;border-bottom:1px solid var(--line);font-size:9.5px;text-transform:uppercase;letter-spacing:.03em}td{padding:8px 10px;border-bottom:1px solid #edf1f4;vertical-align:middle;font-size:11px}td small{display:block;color:#8a9aa6;font-size:9.5px;margin-top:2px}.empty{text-align:center;padding:25px;color:#8a9aa6}.badge{display:inline-flex;align-items:center;width:max-content;padding:3px 6px;border-radius:15px;background:#eef3f6;color:#5b7180;font-size:9px;font-weight:750;white-space:nowrap}.badge-active,.badge-open,.badge-received,.badge-issued{background:#e8f5fb;color:#087aa8}.badge-paid,.badge-delivered,.badge-archived,.badge-in_storage,.badge-ready_for_pickup{background:#e8f8f1;color:#177a57}.badge-partial,.badge-near_capacity,.badge-almost_full,.badge-warning{background:#fff4df;color:#a86a12}.badge-full,.badge-closed,.badge-cancelled,.badge-void{background:#fdecec;color:#a84040}.badge-in_transit,.badge-departed,.badge-arrived,.badge-assigned,.badge-measured{background:#f0ecff;color:#654eb1}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:10px}.info-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:var(--shadow)}.info-card-head{display:grid;grid-template-columns:35px 1fr auto;gap:8px;align-items:center}.info-card h3{margin:0;font-size:13px}.info-card small{color:var(--muted)}.round-icon{width:33px;height:33px;border-radius:8px;background:#edf7fb;display:grid;place-items:center;color:var(--blue);font-size:18px}.info-card dl,.mini-dl,.detail-dl{display:grid;grid-template-columns:100px 1fr;gap:5px 8px;margin:12px 0 0}.info-card dt,.mini-dl dt,.detail-dl dt{color:var(--muted);font-size:9.5px}.info-card dd,.mini-dl dd,.detail-dl dd{margin:0;font-size:10.5px}.container-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:10px}.container-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--marker);border-radius:8px;padding:11px;box-shadow:var(--shadow)}.container-title{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center}.big-marker{font-size:27px;color:var(--marker);text-align:center}.container-title h3{margin:0;font-size:16px}.container-title small{color:var(--muted);font-size:9.5px}.route-line{font-size:10px;color:var(--muted);margin:8px 0}.capacity-big{display:flex;align-items:baseline;gap:4px}.capacity-big strong{font-size:22px}.capacity-big span{font-size:11px;color:var(--muted)}.capacity-meta{display:flex;justify-content:space-between;font-size:9.5px;color:var(--muted);margin:4px 0}.mini-dl{grid-template-columns:70px 1fr;margin:8px 0}.inline-actions{display:flex;gap:5px;border-top:1px solid var(--line);padding-top:8px}.inline-actions select{flex:1}.detail-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:10px}.detail-head h1{margin:3px 0;font-size:20px;display:flex;align-items:center;gap:8px}.detail-head p{margin:0;color:var(--muted);font-size:10.5px}.back{font-size:10.5px}.detail-actions{display:flex;gap:6px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.detail-kpis>div{padding:9px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column}.detail-kpis>div:last-child{border-right:0}.detail-kpis span{font-size:9px;text-transform:uppercase;color:var(--muted)}.detail-kpis strong{font-size:15px}.danger-text strong{color:var(--red)}.success-text strong{color:var(--green)}.shipment-info{grid-template-columns:1fr 1fr}.contact-block{display:flex;flex-direction:column;gap:2px}.contact-block b{font-size:13px}.contact-block span,.contact-block p{font-size:10.5px;margin:0;color:#5e7281}.item-list{display:flex;flex-direction:column}.item-row{display:grid;grid-template-columns:150px 1fr 145px;gap:11px;align-items:center;padding:9px 0;border-top:1px solid #edf1f4}.item-row:first-child{border-top:0}.item-photos{display:flex;gap:3px;overflow:hidden}.item-photos img,.photo-placeholder{width:45px;height:45px;border-radius:5px;object-fit:cover;border:1px solid var(--line)}.photo-placeholder{display:grid;place-items:center;background:#f6f8fa}.item-title{display:flex;gap:7px;align-items:center}.item-main h3{font-size:12px;margin:2px 0}.item-main p,.item-main small{font-size:9.5px;color:var(--muted);margin:0}.item-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-container small{font-size:9px;color:var(--muted)}.container-pill{border-left:4px solid var(--marker);background:#f7f9fa;padding:4px 7px;border-radius:4px;font-weight:800}.invoice-strip{display:flex;gap:8px;flex-wrap:wrap}.invoice-strip a{border:1px solid var(--line);border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:9px;color:inherit}.delivery-panel form{margin-top:7px}.success-box{background:#e9f9f2;color:#147651;padding:10px;border-radius:6px}.form-grid{display:grid;gap:8px}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-section{border-bottom:1px solid var(--line);margin-top:4px}.form-section h3{margin:4px 0;font-size:11px;text-transform:uppercase;color:#607585}label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#607585;font-weight:600}input,select,textarea{width:100%;border:1px solid #d7e0e6;border-radius:6px;background:#fff;padding:7px 8px;color:var(--ink);outline:none;min-height:32px}input:focus,select:focus,textarea:focus{border-color:#80b9d1;box-shadow:0 0 0 2px rgba(5,124,175,.08)}textarea{min-height:62px;resize:vertical}.check{display:flex;flex-direction:row;align-items:center}.check input{width:auto;min-height:0}.modal{position:fixed;inset:0;background:rgba(21,42,59,.42);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.open{display:flex}.modal-card{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:10px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.22);position:relative}.modal-card.wide-modal{width:min(900px,100%)}.modal-card h2{font-size:16px;margin:0 0 12px}.modal-close{position:absolute;right:9px;top:7px;border:0;background:none;font-size:22px;color:#789;cursor:pointer}.modal-card form>.btn{margin-top:10px}.calc-result{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:10px;background:#f2f8fb;border-radius:7px}.calc-result strong{font-size:24px;color:var(--blue)}.calc-inline{display:inline-flex;gap:7px;background:#edf8fc;padding:6px 8px;border-radius:5px;margin-top:8px}.rate-hero{height:125px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.rate-hero strong{font-size:34px;color:var(--blue)}.rate-hero span{font-size:13px;color:var(--muted)}.rate-hero small{flex-basis:100%;text-align:center;color:var(--muted)}.clean-table{white-space:normal}.clean-table td,.clean-table th{padding:7px}.clean-table .right{text-align:right}.clean-table .total-row td{font-weight:800;border-top:2px solid var(--ink)}.payment-list a{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--line);color:inherit}.payment-list a:first-child{border-top:0}.payment-list div{display:flex;flex-direction:column}.payment-list small{font-size:9px;color:var(--muted)}.payment-list strong{color:var(--green)}.signature-pad{display:block;width:100%;height:130px;border:1px solid #cfdbe2;border-radius:6px;background:#fff;touch-action:none}.profile-card{display:flex;align-items:center;gap:14px}.profile-avatar img{border-radius:50%}.profile-card h1{margin:0;font-size:19px}.profile-card p{margin:2px 0 7px;color:var(--muted)}.profile-badges{display:flex;gap:5px}.permission-tags{display:flex;flex-wrap:wrap;gap:5px}.permission-tags span{padding:5px 7px;border-radius:5px;background:#eef5f8;color:#426174;font-size:10px}.report-links{display:flex;flex-direction:column}.report-links a{display:flex;justify-content:space-between;padding:9px 2px;border-top:1px solid var(--line);color:#496474}.report-links a:first-child{border-top:0}.narrow-panel{max-width:850px}.details-cell{max-width:350px;white-space:normal;word-break:break-word}.muted{color:var(--muted);font-size:10.5px}.install-body,.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7fafc,#e9f4f8)}.install-card{width:min(520px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 20px 50px rgba(35,61,78,.12)}.install-logo{display:block;max-width:220px;max-height:100px;margin:0 auto 10px;object-fit:contain}.install-card h1{text-align:center;font-size:20px}.check-list{display:grid;gap:7px;background:#f7fafb;padding:12px;border-radius:7px;margin-bottom:13px}.login-shell{width:min(850px,calc(100% - 30px));display:grid;grid-template-columns:1fr 390px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(30,57,74,.15)}.login-brand{min-height:440px;background:linear-gradient(155deg,#eff8fb,#fff 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.login-brand img{max-width:330px;width:80%}.login-brand h1{font-size:22px;margin:20px 0 5px}.login-brand p{color:var(--muted)}.login-panel{padding:45px 34px}.login-panel h2{font-size:22px;margin:30px 0 4px}.login-panel form{display:grid;gap:10px;margin-top:20px}.lang-row{display:flex;justify-content:flex-end;gap:10px}.lang-row a{font-size:11px}.right{text-align:right}hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:1100px){.container-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(2,1fr)}.item-row{grid-template-columns:110px 1fr 125px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:210px;box-shadow:10px 0 25px rgba(0,0,0,.1)}.sidebar.show{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 9px}.topbar>div:first-of-type{margin-right:auto}.user-chip>div,.topbar>div:first-of-type small{display:none}.lang-switch{display:none}.content{padding:9px}.stats-grid,.stats-grid.four{grid-template-columns:repeat(2,1fr)}.two-col,.shipment-info{grid-template-columns:1fr}.container-grid,.card-grid{grid-template-columns:1fr}.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.detail-head{align-items:flex-start;flex-direction:column}.detail-actions{flex-wrap:wrap}.detail-kpis{grid-template-columns:repeat(2,1fr)}.detail-kpis>div:nth-child(2){border-right:0}.item-row{grid-template-columns:70px 1fr}.item-container{grid-column:2;align-items:flex-start}.item-photos img:nth-child(n+2){display:none}.search-form{min-width:0;flex:1}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:30px 22px}.page-tools{align-items:stretch}.legend{display:none}}

/* v1.1 TransgoKin-style cargo workflow */
.workflow-steps{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 10px}.workflow-steps span{flex:1;min-width:105px;border:1px solid var(--line);background:#f7f9fa;color:var(--muted);border-radius:6px;padding:7px 8px;text-align:center;font-size:9.5px;font-weight:700}.workflow-steps span.done{background:#e9f9f2;border-color:#bfe8d5;color:#147651}.workflow-steps.compact span{min-width:80px;padding:6px}.detail-kpis.six{grid-template-columns:repeat(6,1fr)}.detail-kpis.six>div:nth-child(4){border-right:1px solid var(--line)}.carrier-summary{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center}.carrier-summary>div{display:flex;flex-direction:column}.carrier-summary small{font-size:9.5px;color:var(--muted)}.shipment-card-list{display:flex;flex-direction:column}.shipment-card-row{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .8fr auto;gap:10px;align-items:center;color:inherit;padding:9px 4px;border-top:1px solid var(--line)}.shipment-card-row:first-child{border-top:0}.shipment-card-row>div{display:flex;flex-direction:column;min-width:0}.shipment-card-row small{font-size:9px;color:var(--muted)}.shipment-card-row b,.shipment-card-row strong{font-size:10.5px}.item-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.carrier-lock-note{padding:8px 10px;background:#eef8fc;border-left:4px solid var(--blue);border-radius:5px;margin-bottom:10px;font-size:10.5px}.scan-verifier{border:1px solid #d6e2e8;background:#f9fbfc;border-radius:8px;padding:10px;margin:8px 0 12px}.scan-head{display:flex;justify-content:space-between;align-items:center}.scan-head>div{display:flex;flex-direction:column}.scan-head small{color:var(--muted);font-size:9.5px}.scan-head strong{font-size:16px;color:var(--blue)}.scan-entry{display:flex;gap:6px;margin:8px 0}.scan-entry input{flex:1}.scan-items{display:flex;gap:5px;flex-wrap:wrap}.scan-items span{padding:4px 6px;border-radius:4px;border:1px solid var(--line);background:#fff;font-size:9px;color:#607585}.scan-items span.scanned{background:#e9f9f2;border-color:#bfe8d5;color:#147651;font-weight:700}.manager-override{margin:10px 0;padding:9px;border:1px dashed #e4b56b;background:#fff9ed;border-radius:6px}.danger-zone{margin-top:14px;border-top:1px solid #f0d0d0;padding-top:10px}.btn.danger{background:#b3261e;color:#fff;border-color:#b3261e}
@media(max-width:1100px){.detail-kpis.six{grid-template-columns:repeat(3,1fr)}.detail-kpis.six>div:nth-child(3){border-right:0}.shipment-card-row{grid-template-columns:1.1fr 1.1fr .8fr auto}.shipment-card-row>div:nth-child(4){display:none}}
@media(max-width:760px){.detail-kpis.six{grid-template-columns:repeat(2,1fr)}.detail-kpis.six>div:nth-child(3){border-right:1px solid var(--line)}.shipment-card-row{grid-template-columns:1fr auto}.shipment-card-row>div:nth-child(2),.shipment-card-row>div:nth-child(3),.shipment-card-row>div:nth-child(4){display:none}.workflow-steps span{min-width:30%;}.scan-entry{flex-direction:column}.item-actions{justify-content:flex-start}}


/* v1.2 visual hierarchy, nested Customers workflow, and Delivery workspace */
.sidebar{background:linear-gradient(180deg,#ffffff 0,#f7fbfd 100%)}
.sidebar nav a span{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#edf6fa;color:var(--blue2)}
.sidebar nav a:nth-child(3n+2) span{background:#fff3df;color:#9a6515}.sidebar nav a:nth-child(3n+3) span{background:#eef0ff;color:#6550ad}
.sidebar nav a.active{background:linear-gradient(90deg,#dff3fb,#edf8fc);box-shadow:inset 3px 0 0 var(--blue)}.sidebar nav a.active span{background:var(--blue);color:#fff}
.topbar{border-bottom:2px solid #d8e9f1}.topbar strong{color:var(--navy)}
.panel{border-color:#dbe6ec}.panel-head{background:linear-gradient(90deg,#eef8fc 0,#f9fcfd 100%);margin:-11px -11px 10px;padding:9px 11px;border-bottom:1px solid #dcecf3;border-radius:8px 8px 0 0}.panel-head h2{color:var(--navy)}
th{background:linear-gradient(90deg,#145879,#0d6f94);color:#fff;border-bottom-color:#0d5878;font-weight:800}tbody tr:nth-child(even){background:#fbfdfe}tbody tr:hover{background:#eef8fc}
label{color:#345c73;font-weight:700}.form-section{background:#eef7fb;border:1px solid #d5e9f2;border-radius:6px;padding:5px 8px}.form-section h3{color:#0d6c93}
.detail-kpis>div{border-top:3px solid #58a9c9}.detail-kpis>div:nth-child(2){border-top-color:#efb221}.detail-kpis>div:nth-child(3){border-top-color:#7356c8}.detail-kpis>div:nth-child(4){border-top-color:#169c69}.detail-kpis>div:nth-child(5){border-top-color:#e28a24}.detail-kpis>div:nth-child(6){border-top-color:#c84747}
.stat-card{border-top:4px solid var(--blue)}.stat-card:nth-child(2){border-top-color:var(--gold)}.stat-card:nth-child(3){border-top-color:var(--purple)}.stat-card:nth-child(4){border-top-color:var(--green)}.stat-card:nth-child(5){border-top-color:var(--orange)}
.quick{border-color:#cddce5}.quick:nth-child(2){background:#fff6e7;border-color:#f1d398;color:#895e16}.quick:nth-child(3){background:#eef0ff;border-color:#d9d5f5;color:#5e4ca0}.quick:nth-child(4){background:#eaf9f3;border-color:#cceadc;color:#167353}.quick:nth-child(5){background:#fff0f3;border-color:#f1cfd8;color:#a6425a}
.container-pill{background:#eef7fb;color:#244f66}.badge{border:1px solid rgba(0,0,0,.04)}
.section-tabs{display:flex;gap:6px;margin:0 0 12px;padding:5px;background:#e8f0f5;border:1px solid #d4e1e8;border-radius:9px;width:max-content;max-width:100%}.section-tabs a{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;color:#557082;font-weight:800;font-size:11.5px}.section-tabs a:hover{background:#f8fbfc}.section-tabs a.active{background:#fff;color:var(--blue2);box-shadow:0 2px 8px rgba(25,65,88,.10);border:1px solid #d6e6ee}
.clickable-row{cursor:pointer}.clickable-row:focus{outline:2px solid rgba(5,124,175,.28);outline-offset:-2px}.clickable-row:hover{box-shadow:inset 4px 0 0 var(--blue)}
.container-card.clickable-row:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(29,55,76,.11)}
.page-title{margin:0;font-size:19px;color:var(--navy)}.page-subtitle{margin:3px 0 0;color:var(--muted);font-size:10.5px}.panel-kicker{font-size:9.5px;font-weight:800;color:var(--blue);background:#dff3fb;padding:4px 7px;border-radius:20px}
.storage-btn{background:#7356c8!important;border-color:#7356c8!important;color:#fff!important}.secondary-accent{background:#fff3df!important;border-color:#efcf8c!important;color:#825b18!important}
.delivery-container-group{background:#fff;border:1px solid #dce6ed;border-top:5px solid var(--marker);border-radius:9px;box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}.delivery-group-head{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:12px;background:linear-gradient(90deg,#f2f9fc,#fff)}.delivery-group-head h2{margin:0;color:var(--navy);font-size:16px}.delivery-group-head span,.delivery-group-head small{font-size:9.5px;color:var(--muted)}.delivery-marker{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--marker);color:#fff;font-size:21px;font-weight:900}.delivery-shipment-list{padding:0 8px 8px}.delivery-shipment-row{display:grid;grid-template-columns:1.05fr 1.2fr .7fr .75fr .75fr 18px;gap:10px;align-items:center;padding:10px 8px;border-top:1px solid #e8eef2;border-left:3px solid transparent}.delivery-shipment-row:hover{background:#f0f8fc;border-left-color:var(--marker)}.delivery-shipment-row>div{display:flex;flex-direction:column;min-width:0}.delivery-shipment-row b,.delivery-shipment-row strong{font-size:11px}.delivery-shipment-row small{font-size:9px;color:var(--muted)}.row-chevron{font-size:23px!important;color:#8ca2b0;align-items:center!important}.delivery-carrier-banner{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;background:linear-gradient(90deg,#eef8fc,#fff);border:1px solid #d8e8ef;border-left:5px solid var(--marker);border-radius:8px;padding:10px 12px;margin-bottom:10px}.delivery-carrier-banner>div:nth-child(2){display:flex;flex-direction:column}.delivery-carrier-banner span,.delivery-carrier-banner small{font-size:9.5px;color:var(--muted)}.delivery-carrier-banner strong{font-size:15px;color:var(--navy)}
.delivery-state{padding:11px;border-radius:7px;font-size:10.5px;font-weight:650}.state-transit{background:#eef0ff;color:#5e4ca0;border:1px solid #dcd8f7}.state-warning{background:#fff4df;color:#905f12;border:1px solid #f0d69f}.state-ready{background:#e8f8f1;color:#167653;border:1px solid #c9eadc}.delivery-item-list{display:flex;flex-direction:column}.delivery-item{display:grid;grid-template-columns:1.4fr .65fr .8fr;gap:10px;align-items:center;padding:8px 2px;border-top:1px solid #edf1f4}.delivery-item:first-child{border-top:0}.delivery-item>div{display:flex;flex-direction:column}.delivery-item small{font-size:9px;color:var(--muted)}.storage-chip{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:14px;background:#eeeaff;color:#644ca9;font-size:9px;font-weight:800}
.extra-wide-modal{width:min(1120px,100%)!important}.modal-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.modal-title-row h2{margin-bottom:2px}.modal-title-row p{margin:0;color:var(--muted);font-size:10px}.batch-count{background:#e8f5fb;color:#087aa8;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800}.multi-item-entry{border:1px solid #dbe7ed;border-left:4px solid var(--blue);border-radius:8px;padding:10px;margin-bottom:9px;background:#fbfdfe}.multi-item-entry:nth-child(even){border-left-color:var(--gold);background:#fffdf8}.multi-item-entry:nth-child(3n){border-left-color:var(--purple);background:#fbfaff}.multi-item-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.multi-item-head strong{color:var(--navy)}.item-cbm-value{margin-left:auto;background:#e8f8f1;color:#157451;border-radius:15px;padding:4px 7px;font-size:9.5px;font-weight:800}.remove-item-entry{width:25px;height:25px;border:0;border-radius:50%;background:#fdecec;color:#a84040;cursor:pointer;font-size:17px}.batch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}.batch-total{display:flex;align-items:baseline;gap:8px;padding:7px 10px;background:#eef8fc;border-radius:7px}.batch-total span{font-size:9.5px;color:var(--muted)}.batch-total strong{font-size:18px;color:var(--blue2)}
@media(max-width:1100px){.delivery-shipment-row{grid-template-columns:1fr 1fr .65fr .7fr 18px}.delivery-shipment-row>div:nth-child(5){display:none}}
@media(max-width:760px){.section-tabs{width:100%}.section-tabs a{flex:1;justify-content:center}.delivery-group-head{grid-template-columns:38px 1fr auto}.delivery-marker{width:33px;height:33px}.delivery-shipment-row{grid-template-columns:1fr auto}.delivery-shipment-row>div:nth-child(2),.delivery-shipment-row>div:nth-child(3),.delivery-shipment-row>div:nth-child(4),.delivery-shipment-row>div:nth-child(5){display:none}.delivery-item{grid-template-columns:1fr auto}.delivery-item>div:nth-child(2){display:none}.batch-toolbar{align-items:stretch;flex-direction:column}.extra-wide-modal{padding:12px}}

/* v1.2 semantic text cues */
.danger-text{color:var(--red)!important}.success-text{color:var(--green)!important}.warning-text{color:var(--orange)!important}
/* AMB CARGO v3 workflow additions */
.badge-receiving,.badge-not_priced{background:#fff4df;color:#9b6418}.badge-received_complete,.badge-priced{background:#e9f4ff;color:#2869a7}.badge-invoiced{background:#f0ecff;color:#674db0}.badge-partially_paid{background:#fff0dc;color:#a56610}.badge-unloaded{background:#e8f5fb;color:#087aa8}.badge-awaiting_pricing{background:#e9f4ff;color:#2869a7}.alert.info{background:#eef7ff;border-color:#cfe6f7;color:#2b617f}.permission-matrix{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;margin:12px 0}.permission-matrix fieldset{border:1px solid var(--line);border-radius:7px;padding:8px;margin:0;background:#fafcfd}.permission-matrix legend{font-weight:800;font-size:10px;color:var(--blue2);padding:0 4px}.permission-matrix .check{padding:3px 0;font-size:9.5px}.access-active{justify-content:flex-start;padding-top:24px}.compact-filters{min-width:0;flex:1;gap:5px;flex-wrap:wrap}.compact-filters input,.compact-filters select{width:auto;min-width:110px;border-radius:6px!important}.compact-filters input{min-width:210px}.delivery-photo-strip{display:flex;gap:6px;overflow:auto;padding:7px 0;margin-bottom:7px}.delivery-photo-card{min-width:88px;border:1px solid var(--line);border-radius:6px;padding:4px;background:#f8fafb}.delivery-photo-card img,.delivery-photo-card>div{width:78px;height:62px;object-fit:cover;border-radius:4px;display:grid;place-items:center;background:#eef3f6}.delivery-photo-card span{display:block;font-size:8.5px;font-weight:800;margin-top:3px;text-align:center}.expected-codes{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.expected-codes span{font-size:8.5px;padding:3px 5px;background:#eef5f8;border-radius:4px}.inline-form{display:inline}.inline-form .btn{margin:0}.stats-grid{grid-template-columns:repeat(8,minmax(105px,1fr))}.page-title{margin:0;font-size:17px}.page-subtitle{margin:2px 0 0;color:var(--muted);font-size:10px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}.permission-matrix{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.permission-matrix,.stats-grid{grid-template-columns:1fr 1fr}.compact-filters input,.compact-filters select{width:100%}}

/* ======================================================================
   AMB CARGO CRM WARM THEME — visual system inspired by the supplied layout
   ====================================================================== */
:root{
  --blue:#d99d2b;
  --blue2:#a86f11;
  --navy:#171714;
  --cyan:#ead8a6;
  --gold:#f4bd49;
  --purple:#d9bfd3;
  --ink:#1f1f1b;
  --muted:#858078;
  --line:#e6e0d5;
  --bg:#efede8;
  --panel:#ffffff;
  --green:#649974;
  --red:#c86767;
  --orange:#d88d42;
  --warm:#ffd780;
  --warm-soft:#fff1c8;
  --cream:#f7f3e8;
  --soft:#f6f4ef;
  --shadow:0 12px 35px rgba(34,31,25,.055);
}
html,body{background:var(--bg);color:var(--ink);font-size:13px}
body{letter-spacing:-.005em}
a{color:#272722}

/* App frame */
.app-shell{background:var(--bg)}
.sidebar{
  width:214px;
  background:var(--cream);
  border-right:1px solid #e3ded2;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.brand{
  height:102px;
  justify-content:flex-start;
  padding:22px 22px 16px;
  border-bottom:0;
  background:transparent;
}
.brand img{max-width:116px;max-height:58px;border-radius:8px;mix-blend-mode:multiply}
.sidebar nav{padding:6px 14px 16px;overflow:auto;flex:1}
.sidebar nav a{
  color:#595750;
  border-radius:9px;
  padding:10px 11px;
  margin:2px 0;
  gap:10px;
  font-size:12px;
  font-weight:650;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.sidebar nav a span{
  width:24px;height:24px;display:grid;place-items:center;
  color:#77736a;background:transparent;border-radius:7px;
  font-size:14px;font-weight:800;
}
.sidebar nav a:hover{background:#f1ead8;color:#1e1e1a;transform:translateX(1px)}
.sidebar nav a.active{
  background:var(--warm);
  color:#201d16;
  box-shadow:none;
}
.sidebar nav a.active span{background:rgba(255,255,255,.58);color:#1c1c18}
.sidebar-user{
  margin:12px 14px 16px;
  padding:10px;
  min-height:56px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid #ebe5d9;
  border-radius:11px;
  box-shadow:0 6px 22px rgba(44,39,31,.045);
}
.sidebar-user .avatar{width:34px;height:34px;background:#ece4ce;color:#24231f}
.sidebar-user-copy{display:flex;min-width:0;flex-direction:column;line-height:1.22}
.sidebar-user-copy b{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-copy small{font-size:8.5px;color:var(--muted)}
.sidebar-logout{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#5c594f}
.sidebar-logout:hover{background:#f3efe6}

.main{margin-left:214px;background:#fff;min-height:100vh}
.topbar{
  min-height:106px;height:auto;
  padding:19px 28px 20px;
  background:linear-gradient(135deg,#ffda87 0%,#ffd37a 100%);
  border:0;
  box-shadow:none;
  position:sticky;
  top:0;
  z-index:40;
}
.top-title{display:flex;flex-direction:column;gap:1px;min-width:0}
.top-eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#675936;font-weight:800}
.topbar strong{font-size:25px;line-height:1.05;color:#1b1b17;letter-spacing:-.035em;font-weight:760}
.topbar small{font-size:9.5px;color:#786840;margin-top:2px}
.top-actions{gap:7px;align-self:flex-start}
.lang-switch{background:rgba(255,255,255,.72);border:1px solid rgba(105,91,54,.12);border-radius:8px}
.lang-switch a{padding:7px 9px;font-size:9px;border-right-color:rgba(105,91,54,.12);color:#6d634c}
.lang-switch a.active{background:#22221e;color:#fff}
.top-icon{
  width:32px;height:32px;display:grid;place-items:center;
  background:rgba(255,255,255,.78);border:1px solid rgba(105,91,54,.12);
  border-radius:8px;color:#2d2c27;font-size:13px;
}
.top-icon:hover{background:#fff}
.menu-btn{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.75);color:#222;border:1px solid rgba(105,91,54,.12);margin-right:8px}

.content{max-width:1560px;padding:18px 24px 34px;margin:0 auto;background:#fff}

/* Cards and dashboard */
.stats-grid{gap:10px;margin-bottom:14px}
.stat-card{
  min-height:92px;
  padding:13px 14px;
  border:1px solid #ebe6dc;
  border-top:1px solid #ebe6dc;
  border-radius:11px;
  box-shadow:none;
  background:#f8f6f0;
}
.stat-card:nth-child(1){background:#ffd780;border-color:#f1c765}
.stat-card:nth-child(2){background:#f3efe5}
.stat-card:nth-child(3){background:#f1eee5}
.stat-card:nth-child(4){background:#eef0e9}
.stat-card:nth-child(5){background:#f8eee5}
.stat-card:nth-child(6){background:#eff1ed}
.stat-card:nth-child(7){background:#f4f2ec}
.stat-card:nth-child(8){background:#f0efea}
.stat-card span{color:#706c64;font-size:9px;letter-spacing:.055em;font-weight:700}
.stat-card strong{font-size:21px;color:#1d1d19;margin-top:7px;font-weight:720;letter-spacing:-.03em}
.stat-card small{color:#948e84;font-size:8.7px}
.quick-row{gap:8px;margin-bottom:14px}
.quick{
  min-height:36px;padding:8px 12px;
  border:1px solid #e4dfd3;border-radius:9px;
  background:#f7f4ed;color:#282721;font-weight:700;
  box-shadow:none;
}
.quick:hover{background:#efe9dc;border-color:#d9d1c2}
.quick.primary{background:#22221e;border-color:#22221e;color:#fff}
.quick:nth-child(2),.quick:nth-child(3),.quick:nth-child(4),.quick:nth-child(5){background:#fff;border-color:#e4dfd3;color:#302f29}

.two-col{gap:14px}
.panel,.info-card,.container-card,.delivery-container-group{
  border:1px solid #e9e4da;
  border-radius:12px;
  box-shadow:none;
  background:#fff;
}
.panel{padding:14px;margin-bottom:14px}
.panel-head{
  background:transparent;
  margin:-2px 0 11px;
  padding:0 0 10px;
  border-bottom:1px solid #eee9df;
  border-radius:0;
}
.panel-head h2{font-size:12px;color:#24231f;font-weight:750}
.panel-head>a{font-size:9.5px;color:#777168}
.container-line{padding:11px 4px;border-top-color:#eeeae2}
.container-marker{border-left-width:3px}
.progress{background:#eeeae2;height:7px}
.progress i{background:#d5a842}
.activity-list>div{padding:8px 2px;border-top-color:#f0ece5}
.activity-dot{background:#d7a43c}
.activity-list p{font-size:10px;color:#45423c}
.activity-list time{color:#9d978d}

/* Buttons, fields and controls */
.btn{
  border:1px solid #ded8cc;background:#fff;color:#34322c;border-radius:9px;
  min-height:34px;padding:8px 11px;font-weight:700;box-shadow:none;
}
.btn:hover{border-color:#cfc6b7;background:#faf8f4}
.btn.primary{background:#22221e;border-color:#22221e;color:#fff}
.btn.success{background:#6f9877;border-color:#6f9877;color:#fff}
.btn.danger{background:#b8584f;border-color:#b8584f}
.storage-btn{background:#7d7466!important;border-color:#7d7466!important}
.secondary-accent{background:#fff0c9!important;border-color:#ebcb78!important;color:#6f5418!important}
label{color:#4b4840;font-weight:700}
input,select,textarea{
  background:#fbfaf7!important;
  border:1px solid #ddd7cb!important;
  color:#24231f!important;
  border-radius:9px!important;
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:#d2a545!important;
  box-shadow:0 0 0 3px rgba(234,190,85,.15)!important;
}
.search-form input{border-radius:9px 0 0 9px!important}
.search-form .btn{border-radius:0 9px 9px 0}

/* Tables */
.table-panel{border:1px solid #e9e4da;border-radius:12px;background:#fff;box-shadow:none}
th{
  background:#faf9f6;color:#7b766e;border-bottom:1px solid #e9e4da;
  font-size:8.8px;font-weight:800;letter-spacing:.045em;padding:10px 11px;
}
td{padding:10px 11px;border-bottom-color:#f0ece5;color:#33312b;font-size:10.7px}
tbody tr:nth-child(even){background:#fff}
tbody tr:hover{background:#fdf8e9}
.clickable-row:hover{box-shadow:inset 3px 0 0 #e0ad45}

/* Details, lists, badges */
.detail-head h1,.page-title{color:#22211d;letter-spacing:-.02em}
.detail-head p,.page-subtitle,.muted{color:#8c867d}
.detail-kpis{border-color:#e8e3d9;border-radius:11px;overflow:hidden}
.detail-kpis>div{border-right-color:#ebe6dc;border-top:0!important;background:#faf9f5;padding:11px 13px}
.detail-kpis>div:nth-child(2n){background:#f6f3ed}
.badge{border:0;border-radius:999px;padding:4px 7px;font-size:8.8px}
.badge-active,.badge-open,.badge-received,.badge-issued,.badge-received_complete,.badge-priced,.badge-awaiting_pricing{background:#fff0c8;color:#72571c}
.badge-paid,.badge-delivered,.badge-archived,.badge-in_storage,.badge-ready_for_pickup{background:#e8f1ea;color:#4d7156}
.badge-partial,.badge-near_capacity,.badge-almost_full,.badge-warning,.badge-receiving,.badge-not_priced,.badge-partially_paid{background:#f8ead6;color:#865d27}
.badge-full,.badge-closed,.badge-cancelled,.badge-void{background:#f6e2e0;color:#904a44}
.badge-in_transit,.badge-departed,.badge-arrived,.badge-assigned,.badge-measured,.badge-invoiced{background:#eee9ef;color:#6d5d6d}
.round-icon{background:#f4edda;color:#8a671d}
.container-card{border-top-width:3px;padding:13px}
.container-card.clickable-row:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(40,36,28,.07)}
.section-tabs{background:#f3efe6;border-color:#e5dfd3;border-radius:10px;padding:4px}
.section-tabs a{color:#6d685f;border-radius:8px}
.section-tabs a.active{background:#fff;color:#222;box-shadow:0 3px 12px rgba(40,36,28,.055);border-color:#e7e1d6}
.form-section{background:#faf8f3;border-color:#e8e2d7;border-radius:10px}
.form-section h3{color:#403d35}
.permission-matrix fieldset{background:#faf8f3;border-color:#e8e2d7;border-radius:10px}
.permission-matrix legend{color:#4a463e}
.workflow-steps span{background:#f7f4ed;border-color:#e6dfd2;color:#807a70;border-radius:8px}
.workflow-steps span.done{background:#eaf2eb;border-color:#d2e1d4;color:#56715b}
.carrier-lock-note{background:#fff4d8;border-left-color:#d8a644}
.scan-verifier,.multi-item-entry{background:#fbfaf7;border-color:#e6e0d5}
.multi-item-entry{border-left-color:#ddb04e}
.batch-total{background:#fff2cf}.batch-total strong{color:#6d5218}
.delivery-group-head,.delivery-carrier-banner{background:#faf8f3}
.storage-chip{background:#eeeae2;color:#655f55}

/* Modals */
.modal{background:rgba(28,27,24,.42);backdrop-filter:blur(4px)}
.modal-card{
  border-radius:16px!important;border:1px solid #e5dfd4!important;
  box-shadow:0 25px 80px rgba(29,26,20,.18)!important;background:#fff!important;
}
.modal-close{background:#f3efe7!important;color:#4b4841!important;border-radius:9px!important}

/* Login / installer */
.install-body,.login-body{background:#3f403e}
.login-shell{border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18)}
.login-brand{background:linear-gradient(145deg,#ffdc8d,#f4c762)}
.login-brand h1{color:#24221c;letter-spacing:-.025em}
.login-brand p{color:#716039}
.login-panel{background:#fffdf8}
.login-panel h2{color:#22211d}
.install-card{border-radius:18px;border-color:#e4ded3;box-shadow:0 28px 80px rgba(0,0,0,.18)}

/* Mobile */
@media(max-width:1200px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .sidebar{width:224px;box-shadow:18px 0 48px rgba(22,20,16,.15)}
  .main{margin-left:0}
  .topbar{min-height:82px;padding:13px 12px}
  .topbar strong{font-size:20px}
  .top-eyebrow{font-size:8px}
  .top-actions{gap:4px}.top-icon{width:30px;height:30px}.lang-switch{display:none}
  .content{padding:12px}
  .stats-grid,.stats-grid.four{grid-template-columns:repeat(2,1fr)}
  .stat-card{min-height:84px}
  .sidebar-user{margin-top:8px}
}

/* ======================================================================
   COLORED CARD HEADERS — requested UI refinement
   ====================================================================== */
.panel-head{background:linear-gradient(135deg,#f4c45b 0%,#ffd982 100%)!important;border:1px solid #edc76e!important;border-bottom-color:#e4bb59!important;border-radius:10px!important;padding:10px 12px!important;margin:0 0 12px!important;min-height:42px}.panel-head h2,.panel-head h3{color:#302716!important;font-weight:800!important}.panel-head>a{color:#6b5017!important;font-weight:750}.panel-head .btn{background:rgba(255,255,255,.72)!important;border-color:rgba(111,80,16,.16)!important;color:#463616!important}
.info-card{overflow:hidden;padding:0 12px 12px}.info-card-head{background:#f6e7b7;margin:0 -12px 12px;padding:11px 12px;border-bottom:1px solid #ead6a0}.info-card-head h3{color:#302819;font-weight:800}.info-card-head small{color:#7d6b43}.info-card-head .round-icon{background:rgba(255,255,255,.68);color:#8c6717}
.container-card{overflow:hidden;padding:0 13px 13px}.container-title{background:#efe6d4;margin:0 -13px 12px;padding:11px 13px;border-bottom:1px solid #dfd3bd}.container-title h3{color:#29251d;font-weight:800}.container-title small{color:#7b7264}
.delivery-group-head{background:linear-gradient(135deg,#e7efe3 0%,#f1f5ed 100%)!important;border-bottom:1px solid #d5e2d0}.delivery-group-head h2{color:#314f37!important;font-weight:800}.delivery-carrier-banner{background:linear-gradient(135deg,#e8efe5 0%,#f5f6ef 100%)!important;border-color:#d7e2d3!important}.delivery-carrier-banner strong{color:#315039!important}
th{background:#f3e4b9!important;color:#59491f!important;border-bottom-color:#e4cf91!important}
.form-section{overflow:hidden}.form-section h3{background:#f6e8c2;color:#504019!important;margin:-1px -1px 10px!important;padding:9px 11px;border-bottom:1px solid #ead7a2;border-radius:9px 9px 0 0}
.multi-item-entry{overflow:hidden;padding:0 10px 10px!important}.multi-item-head{background:#fae7bb;margin:0 -10px 9px;padding:9px 10px;border-bottom:1px solid #ecd49c}.multi-item-entry:nth-child(even) .multi-item-head{background:#f0eadb}.multi-item-entry:nth-child(3n) .multi-item-head{background:#ece5ef}
.modal-card{overflow:auto}.modal-card>h2,.modal-card>.modal-title-row{background:linear-gradient(135deg,#f4c45b 0%,#ffd982 100%);color:#302716!important;margin:-16px -16px 15px!important;padding:13px 48px 13px 16px!important;border-bottom:1px solid #e3b958;border-radius:15px 15px 0 0}.modal-card>.modal-title-row h2{color:#302716!important;margin:0!important}.modal-card>.modal-title-row p{color:#705c2e!important}.modal-close{z-index:3}
.stat-card>span{display:inline-flex;width:max-content;max-width:100%;padding:4px 7px;margin:-2px 0 2px;border-radius:6px;background:rgba(255,255,255,.52);color:#5c523f!important}.permission-matrix legend{background:#f3e4b9;color:#59491f!important;border-radius:6px;padding:4px 7px!important}
@media(max-width:760px){.panel-head{padding:9px 10px!important;min-height:38px}.modal-card>h2,.modal-card>.modal-title-row{margin:-12px -12px 13px!important;padding:12px 44px 12px 12px!important}}

/* Compact customer detail layout */
.customer-summary{
  display:grid;
  grid-template-columns:minmax(230px, .9fr) minmax(420px, 2fr) auto;
  gap:0;
  align-items:stretch;
  padding:0;
  overflow:hidden;
  margin-bottom:12px;
}
.customer-summary-main{
  display:flex;align-items:center;gap:10px;min-width:0;padding:13px 15px;
  background:linear-gradient(135deg,#fff7dc 0%,#fffaf0 100%);
  border-right:1px solid #eee4cf;
}
.customer-avatar{
  width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;
  background:#efd06f;color:#4e3e16;font-weight:900;font-size:15px;
  border:1px solid #dfbc50;
}
.customer-identity{min-width:0}.customer-label{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#9b7b32;margin-bottom:2px}
.customer-identity h2{margin:0;font-size:14px;line-height:1.15;color:#2d2a23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-meta-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px;font-size:9px;color:#8d8578}.customer-meta-line span+span{position:relative;padding-left:7px}.customer-meta-line span+span:before{content:'•';position:absolute;left:0;color:#c8b88e}
.customer-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.customer-field{min-width:0;padding:10px 13px;border-bottom:1px solid #eee9df}.customer-field:nth-child(odd){border-right:1px solid #eee9df}.customer-field:nth-child(n+3){border-bottom:0}.customer-field span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.055em;font-weight:800;color:#9a9388;margin-bottom:3px}.customer-field strong{display:block;font-size:10.5px;font-weight:750;color:#35322b;min-width:0}
.customer-field .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-summary-stats{display:grid;grid-template-columns:repeat(2,72px);border-left:1px solid #eee9df;background:#faf8f3}
.customer-summary-stats>div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:9px 7px;border-right:1px solid #eee9df}.customer-summary-stats>div:last-child{border-right:0}.customer-summary-stats span{font-size:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#9a9388}.customer-summary-stats strong{font-size:17px;line-height:1.05;color:#665018;margin-top:2px}
.customer-summary + .panel{margin-top:0}
@media(max-width:980px){
  .customer-summary{grid-template-columns:1fr auto}
  .customer-summary-main{grid-column:1/-1;border-right:0;border-bottom:1px solid #eee4cf}
  .customer-summary-grid{grid-column:1}
  .customer-summary-stats{grid-column:2;grid-row:2;border-left:1px solid #eee9df}
}
@media(max-width:650px){
  .customer-summary{grid-template-columns:1fr}
  .customer-summary-main{grid-column:auto}.customer-summary-grid{grid-column:auto;grid-template-columns:1fr 1fr}.customer-summary-stats{grid-column:auto;grid-row:auto;border-left:0;border-top:1px solid #eee9df;grid-template-columns:1fr 1fr}
  .customer-summary-stats>div{padding:8px}.customer-field{padding:9px 10px}
}

/* Compact New Shipment dialog */
.modal-card.compact-shipment-modal{width:min(480px,calc(100vw - 32px));padding:14px}
.modal-card.compact-shipment-modal>h2{margin:-14px -14px 12px!important;padding:12px 44px 12px 14px!important;font-size:15px}
.compact-shipment-modal .shipment-form-grid{gap:7px}
.compact-shipment-modal label{gap:3px}
.compact-shipment-modal input,.compact-shipment-modal select{min-height:30px;padding:6px 8px}
@media(max-width:760px){.modal-card.compact-shipment-modal{width:calc(100vw - 20px)}}

/* Dialog sizing: keep customer and shipment workflows compact. */
.modal-card.compact-shipment-modal .address-field{grid-column:auto}
.modal-card.compact-shipment-modal .address-field textarea{min-height:32px;height:32px;resize:none;padding:6px 8px}
.modal-card.compact-shipment-modal .address-field input{min-height:30px;padding:6px 8px}
@media(max-width:760px){.modal-card.compact-shipment-modal .address-field{grid-column:auto}}
/* Compact, type-aware shipment item dialog */
.modal-card.compact-item-modal{width:min(560px,calc(100vw - 32px));padding:14px}
.compact-item-modal .modal-title-row{margin-bottom:8px}
.compact-item-modal .modal-title-row h2{font-size:15px}
.compact-item-modal .modal-title-row p{font-size:9px}
.compact-item-modal .carrier-lock-note{font-size:9px;padding:7px 9px;margin-bottom:8px}
.compact-item-modal .multi-item-entry{padding:8px;margin-bottom:7px;border-left-width:3px}
.compact-item-modal .multi-item-head{margin-bottom:6px}.compact-item-modal .item-type-switcher{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;left:50%;transform:translateX(-50%)}.compact-item-modal .multi-item-head{position:relative}.compact-item-modal .item-type-btn{width:30px;height:28px;border:1px solid #d8e1e7;border-radius:7px;background:#fff;color:#526678;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;line-height:1;transition:.15s ease;box-shadow:0 1px 2px rgba(0,0,0,.04)}.compact-item-modal .item-type-btn:hover{border-color:#c7a21a;transform:translateY(-1px)}.compact-item-modal .item-type-btn.active{background:#fff7d6;border-color:#d6b329;color:#7a5b00;box-shadow:0 0 0 2px rgba(214,179,41,.12)}.compact-item-modal .item-type-btn:focus-visible{outline:2px solid #d6b329;outline-offset:1px}.compact-item-modal .item-type-btn[data-type="car"]{font-size:14px}.compact-item-modal .item-type-btn[data-type="cement_tile"]{font-size:17px}
.compact-item-modal .form-grid{gap:6px}
.compact-item-modal label{font-size:8px;gap:3px}
.compact-item-modal input,.compact-item-modal select{min-height:29px;padding:5px 7px;font-size:10px}
.compact-item-modal .item-form-fields .general-field,.compact-item-modal .item-form-fields .car-field,.compact-item-modal .item-form-fields .cement-field{display:none}
.compact-item-modal .item-form-fields.show-general .general-field{display:flex}
.compact-item-modal .item-form-fields.show-car .car-field{display:flex}
.compact-item-modal .item-form-fields.show-cement .cement-field{display:flex}
.compact-item-modal .batch-toolbar{margin-top:5px}
.compact-item-modal .batch-total{padding:5px 8px}
.compact-item-modal .batch-total strong{font-size:15px}
.compact-item-modal .batch-count{font-size:9px;padding:4px 7px}
@media(max-width:760px){.modal-card.compact-item-modal{width:calc(100vw - 20px)}}

#rate-modal .car-rate-fields,#rate-modal .cement-rate-fields{display:none}
#rate-modal.rate-car .car-rate-fields{display:grid}
#rate-modal.rate-car .general-rate-fields{display:none}
#rate-modal.rate-cement .cement-rate-fields{display:block}
#rate-modal.rate-cement .general-rate-fields{display:none}
#rate-modal .rate-type-help{font-size:9px;color:var(--muted);margin:8px 0}

/* Shipment item dialog refinement — compact, balanced and scrollbar-free visually. */
.modal-card.compact-item-modal{
  width:min(640px,calc(100vw - 28px));
  max-height:calc(100vh - 24px);
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.modal-card.compact-item-modal::-webkit-scrollbar{width:0;height:0;display:none}
.compact-item-modal .multi-item-entry{overflow:visible}
.compact-item-modal .item-form-fields{
  align-items:start;
}
.compact-item-modal .item-form-fields.show-car{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.compact-item-modal .item-form-fields.show-cement{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.compact-item-modal .item-form-fields.show-car .item-photo-field,
.compact-item-modal .item-form-fields.show-car>.span-2:last-child{
  grid-column:1 / -1;
}
.compact-item-modal .item-form-fields.show-cement>.span-2{
  grid-column:1 / -1;
}
.compact-item-modal .item-form-fields.show-general .item-photo-field,
.compact-item-modal .item-form-fields.show-general>.span-2:last-child{
  min-width:0;
}
.compact-item-modal .item-form-fields input,
.compact-item-modal .item-form-fields select{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.compact-item-modal .item-form-fields select{
  cursor:pointer;
  text-overflow:ellipsis;
}
.compact-item-modal .item-photo-field input[type=file]{
  overflow:hidden;
}
.compact-item-modal .batch-toolbar{
  min-width:0;
}
@media(max-width:760px){
  .modal-card.compact-item-modal{
    width:calc(100vw - 18px);
    padding:11px;
  }
  .compact-item-modal .item-form-fields.show-general,
  .compact-item-modal .item-form-fields.show-car,
  .compact-item-modal .item-form-fields.show-cement{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .compact-item-modal .item-form-fields.show-general .span-2,
  .compact-item-modal .item-form-fields.show-car .span-2,
  .compact-item-modal .item-form-fields.show-cement .span-2{
    grid-column:1 / -1;
  }
}


/* Shipment item dialog — four-column compact field rows */
.compact-item-modal .item-form-fields.show-general,
.compact-item-modal .item-form-fields.show-car,
.compact-item-modal .item-form-fields.show-cement{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.compact-item-modal .item-form-fields .span-2,
.compact-item-modal .item-form-fields .span-3{grid-column:auto;}
.compact-item-modal .item-form-fields .item-note-field{
  grid-column:1 / -1;
}
.compact-item-modal .item-form-fields.show-general .item-photo-field{
  grid-column:4;
  grid-row:2;
  min-width:0;
}
.compact-item-modal .item-form-fields.show-general .item-note-field{
  grid-column:1 / -1;
  grid-row:3;
}
.compact-item-modal .item-form-fields.show-car .item-photo-field{
  grid-column:4;
  grid-row:2;
  min-width:0;
}
.compact-item-modal .item-form-fields.show-car .item-note-field{
  grid-column:1 / -1;
  grid-row:3;
}
.compact-item-modal .item-form-fields.show-cement .item-note-field{
  grid-column:1 / -1;
  grid-row:2;
}
.compact-item-modal .item-form-fields.show-cement .item-photo-field{
  grid-column:auto;
  min-width:0;
}

.compact-item-modal .item-form-fields label,
.compact-item-modal .item-form-fields .item-note-field label{
  min-width:0;
}

/* Shipment detail sender/receiver cards — fixed-height four-line contact layout */
.shipment-contact.shipment-contact-labeled{
  display:flex;
  flex-direction:column;
  align-items:stretch!important;
  width:100%!important;
  gap:3px;
  min-width:0;
  text-align:left!important;
}
.shipment-contact-labeled>div{
  display:grid;
  width:100%!important;
  margin:0!important;
  text-align:left!important;
  grid-template-columns:50px minmax(0,1fr);
  gap:6px;
  align-items:baseline;
  min-width:0;
}
.shipment-contact-labeled .shipment-contact-label{
  color:#6f675d;
  text-align:left;
  font-size:8.8px;
  font-weight:800;
  white-space:nowrap;
}
.shipment-contact-labeled>div>span:last-child{
  min-width:0;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#514c45;
  font-size:8.8px;
  line-height:1.25;
}
.shipment-contact-labeled>div:last-child>span:last-child{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:760px){
  .compact-item-modal .item-form-fields.show-general,
  .compact-item-modal .item-form-fields.show-car,
  .compact-item-modal .item-form-fields.show-cement{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .compact-item-modal .item-form-fields .item-note-field{grid-column:1 / -1;}
  .compact-item-modal .item-form-fields .item-photo-field{grid-column:auto;}
  .shipment-contact-labeled>div{grid-template-columns:52px minmax(0,1fr);}
}


/* ======================================================================
   ADD SHIPMENT ITEM DIALOG — visual redesign only
   Keeps the existing compact modal size; redesigns the hierarchy and controls.
   ====================================================================== */
.compact-item-modal .item-dialog-title{
  padding:0 0 10px;
  margin:0 0 10px;
  border-bottom:1px solid #e5edf3;
  align-items:center;
}
.compact-item-modal .item-dialog-title h2{
  display:flex;
  align-items:center;
  gap:4px;
  margin:0 0 2px!important;
  color:#1b2c42;
  font-size:17px!important;
  font-weight:800;
  letter-spacing:-.02em;
}
.compact-item-modal .item-dialog-plus{font-size:20px;line-height:1;color:#26384c}
.compact-item-modal .item-dialog-title p{font-size:9.5px!important;color:#718196!important;margin:0!important}
.compact-item-modal .batch-count{
  background:#e8f5ff!important;
  color:#1477c8!important;
  border:1px solid #d8eaf8;
  padding:5px 9px!important;
  font-size:9px!important;
  white-space:nowrap;
}
.compact-item-modal .item-modal-close{
  right:9px;
  top:8px;
  width:30px;
  height:30px;
  border:1px solid #f2e4c1!important;
  background:#fff8e9!important;
  border-radius:8px!important;
  color:#283444!important;
  font-size:22px!important;
  line-height:1;
}
.compact-item-modal .item-dialog-notice{
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  align-items:center;
  gap:8px;
  background:#fff7df!important;
  border:1px solid #f2df9e!important;
  border-left:4px solid #f5b51b!important;
  border-radius:9px!important;
  padding:8px 10px!important;
  margin:0 0 9px!important;
  color:#403b2f!important;
  font-size:9px!important;
  line-height:1.45;
}
.compact-item-modal .item-dialog-notice>div{min-width:0}
.compact-item-modal .carrier-notice-icon{
  width:26px;height:26px;display:grid;place-items:center;
  border-radius:50%;background:#ffb619;color:#1c2731;
  font-size:15px;font-weight:900;
}
.compact-item-modal .item-dialog-notice b{color:#232b36}
.compact-item-modal .carrier-inline-capacity{display:inline-block;margin-left:5px;padding-left:6px;border-left:1px solid #ead7a0}
.compact-item-modal .item-dialog-notice>div>span:last-child{display:block;margin-top:1px;color:#786d53}

.compact-item-modal .multi-item-entry{
  padding:0!important;
  margin:0 0 9px!important;
  border:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.compact-item-modal .item-type-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0 0 9px;
}
.compact-item-modal .item-type-btn{
  position:relative;
  min-width:0;
  min-height:66px;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr) 14px;
  align-items:center;
  gap:6px;
  padding:8px 8px!important;
  border:1px solid #dce5ed!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#243448!important;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(28,53,75,.03)!important;
  transform:none!important;
}
.compact-item-modal .item-type-btn:hover{border-color:#b9cfe3!important;background:#fafdff!important}
.compact-item-modal .item-type-btn.active{
  border:2px solid #187fe0!important;
  background:#eff7ff!important;
  box-shadow:0 2px 9px rgba(24,127,224,.08)!important;
}
.compact-item-modal .item-type-card-icon{
  width:28px;height:28px;display:grid;place-items:center;
  font-size:23px;line-height:1;
}
.compact-item-modal .item-type-card-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.compact-item-modal .item-type-card-copy strong{font-size:10.5px;line-height:1.1;color:#1d2c41;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-item-modal .item-type-card-copy small{font-size:7.6px;line-height:1.2;color:#63768b;white-space:normal}
.compact-item-modal .item-type-radio{
  width:14px;height:14px;border:2px solid #9fb0c2;border-radius:50%;
  justify-self:end;position:relative;box-sizing:border-box;background:#fff;
}
.compact-item-modal .item-type-btn.active .item-type-radio{border-color:#2182df}
.compact-item-modal .item-type-btn.active .item-type-radio:after{
  content:'';position:absolute;inset:3px;border-radius:50%;background:#2182df;
}

.compact-item-modal .item-details-card{
  border:1px solid #dce7ef;
  border-radius:10px;
  background:#fff;
  overflow:visible;
  box-shadow:0 2px 9px rgba(23,53,77,.025);
}
.compact-item-modal .multi-item-head{
  min-height:49px;
  margin:0!important;
  padding:7px 9px!important;
  display:flex!important;
  align-items:center;
  gap:7px;
  background:linear-gradient(90deg,#f2f8fd 0%,#fbfdff 100%);
  border-bottom:1px solid #dfeaf2;
  border-radius:9px 9px 0 0;
  position:relative;
}
.compact-item-modal .item-details-title{display:flex;align-items:center;gap:7px;min-width:0}
.compact-item-modal .item-detail-icon{
  width:29px;height:29px;display:grid;place-items:center;
  border-radius:7px;background:#edf6ff;font-size:19px;line-height:1;
}
.compact-item-modal .item-number-label{
  display:block;text-transform:uppercase;letter-spacing:.06em;
  color:#8a98a8;font-size:6.8px;font-weight:800;line-height:1;
}
.compact-item-modal .item-details-title h3{
  margin:2px 0 0;color:#1d2c41;font-size:13px;font-weight:800;line-height:1.1;
}
.compact-item-modal .item-cbm-value{
  margin-left:auto;background:#e4f8ef!important;color:#137957!important;
  border:1px solid #caecdd;border-radius:999px;padding:4px 7px!important;
  font-size:8.5px!important;font-weight:800;white-space:nowrap;
}
.compact-item-modal .remove-item-entry{
  flex:0 0 auto;width:25px;height:25px;
  border:1px solid #f0cece!important;border-radius:7px!important;
  background:#fff1f1!important;color:#b35353!important;
  font-size:16px!important;line-height:1;cursor:pointer;
}
.compact-item-modal .item-form-fields{
  padding:9px;
  gap:6px!important;
  align-items:start;
  background:#fff;
  border-radius:0 0 9px 9px;
}
.compact-item-modal .item-form-fields.show-general,
.compact-item-modal .item-form-fields.show-car,
.compact-item-modal .item-form-fields.show-cement{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.compact-item-modal .item-form-fields label,
.compact-item-modal .item-form-fields>div>label{font-size:8px;color:#4f5c6d;gap:3px;font-weight:750}
.compact-item-modal .item-form-fields input,
.compact-item-modal .item-form-fields select,
.compact-item-modal .item-form-fields textarea{
  min-width:0;max-width:100%;box-sizing:border-box;
  min-height:30px;padding:6px 7px!important;
  font-size:9.5px!important;color:#26364a!important;
  background:#fff!important;border:1px solid #d2d9e0!important;
  border-radius:8px!important;
}
.compact-item-modal .item-form-fields input::placeholder,
.compact-item-modal .item-form-fields textarea::placeholder{color:#9aa6b4}
.compact-item-modal .item-form-fields textarea{height:58px;min-height:58px;resize:vertical}
.compact-item-modal .item-form-fields select{cursor:pointer;text-overflow:ellipsis}
.compact-item-modal .item-form-fields input:focus,
.compact-item-modal .item-form-fields select:focus,
.compact-item-modal .item-form-fields textarea:focus{
  border-color:#7eb8eb!important;box-shadow:0 0 0 2px rgba(31,130,223,.10)!important;
}
.compact-item-modal .item-form-fields .span-2{grid-column:span 2}
.compact-item-modal .item-form-fields.show-general .item-photo-field{grid-column:1;grid-row:3}
.compact-item-modal .item-form-fields.show-general .item-note-field{grid-column:2 / -1;grid-row:3}
.compact-item-modal .item-form-fields.show-car .item-photo-field{grid-column:4;grid-row:2}
.compact-item-modal .item-form-fields.show-car .item-note-field{grid-column:1 / -1;grid-row:3}
.compact-item-modal .item-form-fields.show-cement .item-photo-field{grid-column:2;grid-row:2}
.compact-item-modal .item-form-fields.show-cement .item-note-field{grid-column:1 / -1;grid-row:3}
.compact-item-modal .item-file-picker{
  min-height:46px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:5px;
  padding:5px 7px;
  border:1px dashed #bfd2e2;
  border-radius:8px;
  background:#f7fbff;
  cursor:pointer;
  box-sizing:border-box;
}
.compact-item-modal .item-file-icon{grid-row:1 / span 2;display:grid;place-items:center;color:#2385da;font-size:18px;line-height:1}
.compact-item-modal .item-file-picker strong{color:#137ad0;font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-item-modal .item-file-picker small{color:#708299;font-size:7.2px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-item-modal .item-photo-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0}
.compact-item-modal .item-photo-input:focus + .item-file-picker{outline:2px solid rgba(31,130,223,.25)}
.compact-item-modal .item-note-field{min-width:0}
.compact-item-modal .item-note-field label{width:100%}
.compact-item-modal .item-dialog-toolbar{
  margin:7px 0 0!important;
  gap:8px;
  align-items:center;
}
.compact-item-modal .add-item-action{
  min-height:31px!important;padding:6px 9px!important;
  background:#fff!important;border:1px solid #bfd0df!important;
  color:#405b73!important;border-radius:8px!important;font-size:9px!important;
}
.compact-item-modal .add-item-action:hover{background:#f5f9fc!important;border-color:#9fb8cb!important}
.compact-item-modal .batch-total{
  min-height:31px;display:flex;align-items:center;gap:7px;margin-left:auto;
  padding:5px 8px!important;border:1px solid #f1dfb0;background:#fff7df!important;
  border-radius:8px!important;
}
.compact-item-modal .batch-total span{font-size:8.5px;color:#73654b}
.compact-item-modal .batch-total strong{font-size:14px!important;color:#9b6e13!important;line-height:1}
.compact-item-modal .batch-capacity-warning{font-size:8.5px!important;margin:6px 0 0!important;padding:6px 8px!important}
.compact-item-modal .item-dialog-footer{
  display:flex;justify-content:flex-end;align-items:center;gap:8px;
  padding-top:8px;margin-top:1px;border-top:1px solid #edf1f5;
}
.compact-item-modal .item-dialog-footer .btn{min-height:32px!important;padding:7px 11px!important;border-radius:8px!important;font-size:9.5px!important}
.compact-item-modal .item-cancel{background:#eef2f6!important;border-color:#e0e6ed!important;color:#596a7e!important}
.compact-item-modal .item-save{background:#f4b51d!important;border-color:#f4b51d!important;color:#172131!important;font-weight:800!important;box-shadow:0 2px 7px rgba(244,181,29,.18)!important}
.compact-item-modal .item-save:hover{background:#e9aa0e!important;border-color:#e9aa0e!important}

@media(max-width:760px){
  .compact-item-modal .item-type-cards{grid-template-columns:1fr;gap:5px}
  .compact-item-modal .item-type-btn{min-height:58px;grid-template-columns:31px minmax(0,1fr) 14px}
  .compact-item-modal .item-type-card-copy strong{font-size:10px}
  .compact-item-modal .item-type-card-copy small{font-size:7.4px}
  .compact-item-modal .item-form-fields.show-general,
  .compact-item-modal .item-form-fields.show-car,
  .compact-item-modal .item-form-fields.show-cement{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-item-modal .item-form-fields .span-2{grid-column:1 / -1!important}
  .compact-item-modal .item-form-fields.show-general .item-photo-field,
  .compact-item-modal .item-form-fields.show-car .item-photo-field,
  .compact-item-modal .item-form-fields.show-cement .item-photo-field{grid-column:auto;grid-row:auto}
  .compact-item-modal .item-form-fields .item-note-field{grid-column:1 / -1!important;grid-row:auto!important}
  .compact-item-modal .item-dialog-footer{justify-content:stretch}
  .compact-item-modal .item-dialog-footer .btn{flex:1}
  .compact-item-modal .batch-total{margin-left:auto}
}

/* Add-shipment-items dialog: keep the supplied reference composition while using the app's existing golden brand. */
.compact-item-modal .item-dialog-title{
  background:#fff!important;
  color:#1f2937!important;
}
.compact-item-modal .item-dialog-title h2{color:#1f2937!important}
.compact-item-modal .item-dialog-title p{color:#64748b!important}
.compact-item-modal .item-modal-close{background:#fff8e8!important;color:#3f3d37!important}

/* ======================================================================
   PUBLIC WEBSITE / FRONT PAGE / AUTH PAGES
   ====================================================================== */
.public-body{background:linear-gradient(135deg,#fff7e2 0%,#f2ecdf 100%);min-height:100vh;overflow:hidden;color:#211f1b}
.public-home{height:100vh;display:flex;flex-direction:column;padding:18px 22px 18px}
.public-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:rgba(255,255,255,.78);border:1px solid rgba(221,208,179,.85);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 10px 34px rgba(69,53,14,.08)}
.public-topbar.compact-topbar{border-radius:16px;padding:12px 16px}
.public-logo{display:flex;align-items:center;gap:12px;color:#211f1b;min-width:0}
.public-logo img{width:62px;height:62px;object-fit:contain;border-radius:14px;background:#fff7df;padding:4px}
.public-logo.compact img{width:54px;height:54px}
.public-logo strong{display:block;font-size:18px;letter-spacing:-.02em}
.public-logo span{display:block;color:#7f7463;font-size:11px}
.public-nav-links{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}
.public-nav-links a{font-weight:700;color:#524b3f;font-size:12px}
.public-nav-links a:hover{color:#1f1d19}
.public-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.public-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.85fr);gap:18px;padding:18px 2px 14px;min-height:0}
.public-copy,.public-side-stack{min-height:0}
.public-copy{background:linear-gradient(140deg,#fff8e8 0%,#fffef9 100%);border:1px solid #e9dfca;border-radius:28px;padding:34px 34px 22px;box-shadow:0 18px 48px rgba(79,60,16,.08);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.public-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 14px;border-radius:999px;background:#fff0bc;color:#80550d;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.public-title{font-size:clamp(32px,4vw,54px);line-height:.98;letter-spacing:-.05em;margin:16px 0 14px;max-width:12ch;color:#1d1b17}
.public-lead{max-width:720px;color:#6e675c;font-size:15px;line-height:1.65;margin:0 0 18px}
.route-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.route-pill{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #eadab3;font-weight:800;font-size:11px;color:#5a513f}
.public-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;margin-bottom:18px}
.hero-stat{background:#fff;border:1px solid #ebdec6;border-radius:18px;padding:16px 18px;min-height:88px;display:flex;flex-direction:column;justify-content:center}
.hero-stat strong{font-size:22px;letter-spacing:-.03em;color:#1f1d18}
.hero-stat span{font-size:11px;color:#736b60;font-weight:700}
.public-slider{position:relative;min-height:170px;background:#1f1d19;border-radius:24px;padding:20px 22px 44px;color:#fff;overflow:hidden}
.slide-card{display:none;animation:fadeSlide .45s ease}
.slide-card.active{display:block}
.slide-card small{display:block;color:#ffd67a;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;margin-bottom:10px}
.slide-card h3{margin:0 0 10px;font-size:25px;line-height:1.1;letter-spacing:-.03em;color:#fff8e3}
.slide-card p{margin:0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.6;max-width:560px}
.slider-dots{position:absolute;left:22px;bottom:18px;display:flex;gap:8px}
.slider-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer}
.slider-dots button.active{background:#f4bc48}
.public-side-stack{display:grid;grid-template-rows:1fr auto;gap:16px}
.portal-panel,.contact-card{background:#ffffff;border:1px solid #e9dfca;border-radius:26px;padding:24px;box-shadow:0 18px 48px rgba(79,60,16,.08)}
.portal-topline,.contact-label{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9a7f3f;font-weight:800;margin-bottom:8px}
.portal-panel h2,.contact-card h3{margin:0 0 8px;font-size:28px;line-height:1.05;letter-spacing:-.035em;color:#211f1b}
.portal-panel p,.contact-card p{margin:0;color:#72695c;line-height:1.6}
.portal-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.portal-action{display:flex;flex-direction:column;gap:4px;min-height:104px;padding:16px;border-radius:20px;background:#fff7e4;border:1px solid #f0debc;color:#1f1d19}
.portal-action strong{font-size:17px;letter-spacing:-.02em}
.portal-action span{font-size:11px;color:#72695c;line-height:1.45}
.quick-track-box{margin-top:8px;padding:16px;border-radius:20px;background:#f6f0e3;border:1px solid #e5dcca}
.quick-track-box label{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:#3f3b34}
.quick-track-row{display:flex;gap:8px}
.quick-track-row input{flex:1;min-width:0}
.contact-card{display:flex;flex-direction:column;gap:16px}
.contact-lines{display:flex;flex-wrap:wrap;gap:12px}
.contact-lines a{font-size:14px;font-weight:800;color:#24211b}
.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.office-chip{padding:12px 14px;border-radius:18px;background:#fff9ed;border:1px solid #efe0c1;min-width:0}
.office-chip strong{display:block;font-size:13px;color:#231f18}
.office-chip span{display:block;font-size:11px;color:#756b5e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.download-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:22px;background:#211f1b;color:#fff4d8}
.play-badge{display:flex;align-items:center;gap:12px;min-width:0}
.play-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);color:#ffcb5f;flex:0 0 auto}
.play-icon svg{width:22px;height:22px}
.play-badge small{display:block;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.play-badge strong{display:block;color:#fff4d8;font-size:15px;letter-spacing:-.02em}
.btn.disabled{pointer-events:none;opacity:.55}
.teaser-strip{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin-top:auto}
.teaser-item{min-height:92px;padding:16px 18px;border-radius:22px;background:#ffffff;border:1px solid #e9dfca;box-shadow:0 12px 34px rgba(79,60,16,.06);display:flex;flex-direction:column;justify-content:center}
.teaser-item strong{font-size:14px;color:#22201a;letter-spacing:-.02em}
.teaser-item span{margin-top:4px;font-size:11px;color:#736b60;line-height:1.5}
@keyframes fadeSlide{from{opacity:.1;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Auth / login / registration pages */
.auth-body{min-height:100vh;background:linear-gradient(135deg,#fff7e0 0%,#efe7d8 100%);color:#211f1b}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px;padding:22px}
.auth-story,.auth-form-panel{min-height:0}
.auth-story{display:flex;flex-direction:column;justify-content:center;padding:18px 24px 18px 10px}
.auth-story-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.public-lang-row{display:flex;align-items:center;gap:6px}
.public-lang-row a{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid #eadfca;color:#655d51;font-size:10px;font-weight:800}
.public-lang-row a.active{background:#1f1d19;color:#fff}
.auth-story h1{font-size:clamp(34px,4vw,56px);line-height:.98;letter-spacing:-.05em;margin:16px 0 12px;max-width:12ch}
.auth-story p{max-width:600px;font-size:15px;line-height:1.7;color:#6f675b;margin:0 0 22px}
.story-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.story-highlight-grid.two-col-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-highlight{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid #eadfc8;box-shadow:0 12px 34px rgba(79,60,16,.05)}
.story-highlight strong{display:block;font-size:15px;color:#221f18;letter-spacing:-.02em}
.story-highlight span{display:block;font-size:11px;line-height:1.5;color:#756d60;margin-top:6px}
.compact-offices{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.auth-story-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.auth-form-panel{display:flex;align-items:center;justify-content:center}
.auth-card{width:min(520px,100%);background:#fff;border:1px solid #e9dfca;border-radius:28px;padding:28px 28px 24px;box-shadow:0 22px 48px rgba(79,60,16,.12)}
.auth-card.register-card{width:min(640px,100%)}
.auth-card-head small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9c8140;font-weight:800;margin-bottom:8px}
.auth-card-head h2{margin:0 0 8px;font-size:30px;line-height:1.04;letter-spacing:-.04em;color:#211f1b}
.auth-card-head p{margin:0 0 18px;font-size:13px;color:#736b60;line-height:1.6}
.auth-form{display:flex;flex-direction:column;gap:14px}
.auth-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#3f3b34}
.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}
.auth-bottom-links{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;flex-wrap:wrap}
.auth-bottom-links.space-top{margin-top:22px}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{width:100%;padding-right:48px}
.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:0;font-size:18px;line-height:1;color:#6b6458}
.register-shell{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}
.public-form-grid{gap:12px}
.public-form-grid .span-2{grid-column:span 2}
.register-form-panel{align-items:center}
.register-form textarea{resize:vertical;min-height:110px}
.register-story h1{max-width:13ch}

/* Tracking page */
.tracking-body{background:linear-gradient(135deg,#fff7e0 0%,#efe7d8 100%)}
.tracking-page-shell{min-height:100vh;padding:22px;display:flex;flex-direction:column;gap:18px}
.tracking-layout{flex:1;display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:18px;min-height:0}
.tracking-intro-card,.tracking-results-card{background:#fff;border:1px solid #e9dfca;border-radius:26px;padding:26px;box-shadow:0 18px 48px rgba(79,60,16,.08)}
.tracking-intro-card h1{font-size:44px;line-height:.98;letter-spacing:-.05em;margin:16px 0 12px;max-width:9ch}
.tracking-intro-card p{font-size:14px;line-height:1.7;color:#70695d;margin:0 0 18px;max-width:460px}
.tracking-search-form{display:flex;gap:10px;margin-bottom:18px}
.tracking-search-form input{flex:1;min-width:0}
.tracking-help-list{display:grid;gap:10px}
.tracking-help-list>div{padding:14px 16px;border-radius:18px;background:#fff9ed;border:1px solid #efe0c1}
.tracking-help-list strong{display:block;font-size:13px;color:#242018}
.tracking-help-list span{display:block;font-size:11px;color:#756d60;margin-top:4px}
.tracking-results-card{display:flex;min-height:0;overflow:hidden}
.tracking-empty-state{margin:auto;text-align:center;max-width:460px}
.tracking-empty-state h2{font-size:30px;letter-spacing:-.04em;margin:0 0 10px}
.tracking-empty-state p{margin:0;color:#70695d;line-height:1.7}
.tracking-results-scroll{display:flex;flex-direction:column;gap:14px;overflow:auto;width:100%;padding-right:4px}
.tracking-result-card{padding:22px;border-radius:24px;background:#fffaf0;border:1px solid #ecdfc4}
.tracking-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.tracking-result-head small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9d8140;font-weight:800;margin-bottom:6px}
.tracking-result-head h2{margin:0 0 6px;font-size:30px;letter-spacing:-.04em;line-height:1.05}
.tracking-result-head p{margin:0;color:#756d60;font-size:13px}
.tracking-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tracking-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.track-step{padding:12px;border-radius:18px;background:#f2ece1;border:1px solid #e4dac9;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:92px}
.track-step span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ded5c5;color:#665e52;font-size:12px;font-weight:800}
.track-step strong{font-size:11px;color:#655d51;line-height:1.35}
.track-step.active{background:#fff0c3;border-color:#e7c76b}
.track-step.active span{background:#22201b;color:#fff}
.track-step.active strong{color:#342812}
.tracking-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tracking-meta-grid>div{padding:14px 15px;border-radius:18px;background:#fff;border:1px solid #eadfc8}
.tracking-meta-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#918675;font-weight:800;margin-bottom:6px}
.tracking-meta-grid strong{display:block;font-size:13px;color:#242018;line-height:1.45;word-break:break-word}

@media (max-width: 1320px){
  .public-home{height:auto;min-height:100vh;overflow:auto}
  .public-hero,.auth-shell,.tracking-layout{grid-template-columns:1fr}
  .teaser-strip{grid-template-columns:repeat(2,1fr)}
  .public-side-stack{grid-template-rows:auto auto}
  .tracking-results-card,.tracking-intro-card,.portal-panel,.contact-card,.public-copy,.auth-card{min-height:auto}
}
@media (max-width: 980px){
  .public-body,.auth-body{overflow:auto}
  .public-home{padding:14px;height:auto}
  .public-topbar,.auth-shell,.tracking-page-shell{padding:14px}
  .public-topbar{flex-wrap:wrap}
  .public-nav-links{order:3;justify-content:flex-start;width:100%}
  .public-copy{padding:24px 22px 20px}
  .public-title{font-size:38px;max-width:none}
  .hero-stats,.portal-action-grid,.story-highlight-grid,.tracking-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teaser-strip{grid-template-columns:1fr}
  .tracking-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 640px){
  .public-actions,.quick-track-row,.tracking-search-form,.auth-form-row,.auth-bottom-links{flex-direction:column;align-items:stretch}
  .hero-stats,.office-grid,.portal-action-grid,.story-highlight-grid,.tracking-meta-grid,.compact-offices,.tracking-steps{grid-template-columns:1fr}
  .public-nav-links{gap:12px;flex-wrap:wrap}
  .public-copy,.portal-panel,.contact-card,.tracking-intro-card,.tracking-results-card,.auth-card{border-radius:20px}
  .public-title,.auth-story h1,.tracking-intro-card h1{font-size:32px}
  .download-banner{flex-direction:column;align-items:flex-start}
  .public-form-grid .span-2{grid-column:auto}
}

/* ======================================================================
   AMB CARGO PUBLIC HOME — reference-style hero redesign
   ====================================================================== */
.cargo-home-body{
  margin:0;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 12%,rgba(255,255,255,.95),rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#d9dee1 0%,#eef1f2 46%,#cfd6da 100%);
  color:#fff;
}
.cargo-home-body:before,.cargo-home-body:after{
  content:"";position:fixed;pointer-events:none;filter:blur(1px);opacity:.42;z-index:0;
  background:linear-gradient(90deg,transparent,rgba(78,101,112,.20),transparent);
  transform:rotate(-20deg)
}
.cargo-home-body:before{width:42vw;height:9vh;left:-6vw;top:8vh;box-shadow:0 13vh 0 rgba(87,108,117,.08),0 26vh 0 rgba(87,108,117,.07)}
.cargo-home-body:after{width:38vw;height:8vh;right:-4vw;bottom:14vh;transform:rotate(24deg)}
.cargo-home-stage{
  position:relative;z-index:1;
  width:min(94vw,1500px);
  height:100vh;
  margin:0 auto;
  padding:5.2vh 0 2.2vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.cargo-home-card{
  position:relative;
  flex:1;
  min-height:0;
  overflow:hidden;
  border-radius:30px;
  background:#07345a;
  box-shadow:0 28px 70px rgba(27,46,56,.24);
  border:1px solid rgba(255,255,255,.28);
  isolation:isolate;
}
.cargo-home-bg{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 46%;
  z-index:-3;
  transform:scale(1.02);
}
.cargo-home-overlay{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,45,82,.96) 0%,rgba(2,51,87,.84) 33%,rgba(5,59,94,.38) 55%,rgba(4,43,69,.16) 75%,rgba(4,35,57,.28) 100%),
    linear-gradient(180deg,rgba(1,26,46,.20),rgba(0,20,35,.05) 44%,rgba(0,20,35,.38) 100%);
}
.cargo-home-card:after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 18%);
  mix-blend-mode:screen;
}
.cargo-home-nav{
  height:84px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  padding:0 42px;
  position:relative;
  z-index:10;
}
.cargo-home-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:800;white-space:nowrap}
.cargo-home-logo-wrap{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f4ab2f;box-shadow:0 5px 16px rgba(241,154,24,.28);overflow:hidden}
.cargo-home-logo-wrap img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.cargo-home-links{display:flex;justify-content:center;align-items:center;gap:26px}
.cargo-home-links a{position:relative;color:rgba(255,255,255,.82);font-size:11px;font-weight:650;padding:10px 1px}
.cargo-home-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:1.5px;background:#ffb334;transition:.2s ease}
.cargo-home-links a:hover,.cargo-home-links a.active{color:#fff}
.cargo-home-links a:hover:after,.cargo-home-links a.active:after{left:0;right:0}
.cargo-home-nav-actions{display:flex;align-items:center;gap:10px}
.cargo-nav-glass,.cargo-nav-primary{height:38px;padding:0 19px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;transition:.18s ease}
.cargo-nav-glass{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(9px)}
.cargo-nav-primary{background:#f3a62d;border:1px solid #ffc05b;color:#1e2930;box-shadow:0 8px 20px rgba(232,151,29,.28)}
.cargo-nav-glass:hover{background:rgba(255,255,255,.23)}
.cargo-nav-primary:hover{background:#ffb43b}

.cargo-home-content{
  position:absolute;
  inset:84px 0 128px;
  display:flex;
  align-items:center;
  padding:0 7.4%;
  z-index:2;
}
.cargo-home-copy{width:min(54%,720px);margin-top:-2vh}
.cargo-home-slider{position:relative;min-height:360px}
.cargo-home-slide{position:absolute;inset:0;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.cargo-home-slide.active{opacity:1;transform:none;pointer-events:auto}
.cargo-home-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ffbe51;font-weight:800;margin-bottom:16px}
.cargo-home-slide h1{margin:0;line-height:.91;font-size:clamp(48px,5.1vw,84px);font-weight:680;letter-spacing:-.052em;color:#fff;text-shadow:0 4px 24px rgba(0,28,48,.16)}
.cargo-home-slide h1 .outline-line{
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.82);
  text-shadow:none;
  font-weight:560;
}
.cargo-home-slide h2{font-size:clamp(22px,2.15vw,35px);line-height:1.05;margin:15px 0 10px;color:#fff;font-weight:570;letter-spacing:-.03em}
.cargo-home-slide p{margin:0;max-width:610px;color:rgba(255,255,255,.82);font-size:13px;line-height:1.65}
.cargo-home-cta{display:flex;gap:12px;align-items:center;margin-top:10px}
.cargo-btn-orange,.cargo-btn-glass{height:45px;padding:0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;color:#fff;transition:.2s ease}
.cargo-btn-orange{background:#f3a62d;color:#20292e;border:1px solid #ffc55e;box-shadow:0 10px 24px rgba(228,143,25,.24)}
.cargo-btn-glass{background:rgba(14,33,48,.40);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.cargo-btn-orange:hover{transform:translateY(-1px);background:#ffb33d}
.cargo-btn-glass:hover{background:rgba(255,255,255,.17)}
.cargo-slider-dots{display:flex;gap:8px;margin-top:18px}
.cargo-slider-dots button{width:7px;height:7px;border:0;padding:0;border-radius:50%;background:rgba(255,255,255,.42);cursor:pointer;transition:.2s ease}
.cargo-slider-dots button.active{width:28px;border-radius:99px;background:#f5ad35}

.cargo-home-float{position:absolute;z-index:5;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);box-shadow:0 16px 40px rgba(0,27,45,.18)}
.cargo-route-card{right:5%;bottom:2.8%;width:265px;padding:15px 17px 13px;border-radius:15px;background:rgba(1,49,77,.64)}
.cargo-route-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#fff}.cargo-route-top i{width:8px;height:8px;border-radius:50%;background:#ffb334;box-shadow:0 0 0 4px rgba(255,179,52,.15)}
.cargo-route-line{display:grid;grid-template-columns:1fr 8px 1fr;align-items:center;margin:9px 0 8px}.cargo-route-line span{height:1px;background:rgba(255,255,255,.50)}.cargo-route-line b{width:8px;height:8px;border-radius:50%;border:2px solid #fff;background:#ffc044}
.cargo-route-meta{display:flex;justify-content:space-between;gap:14px}.cargo-route-meta small{font-size:8px;line-height:1.45;color:rgba(255,255,255,.58)}.cargo-route-meta small:last-child{text-align:right}.cargo-route-meta strong{font-size:9px;color:#fff;font-weight:700}
.cargo-app-card{left:6.4%;bottom:2.3%;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;width:345px;padding:12px 13px;border-radius:16px;background:rgba(2,33,58,.62)}
.cargo-app-icon{width:45px;height:45px;border-radius:11px;background:#f2a52b;display:grid;place-items:center;color:#fff}.cargo-app-icon svg{width:20px;height:20px}
.cargo-app-card small{display:block;font-size:7px;letter-spacing:.12em;color:#ffbf56;font-weight:800}.cargo-app-card strong{display:block;margin-top:2px;color:#fff;font-size:11px}.cargo-app-card span{display:block;margin-top:2px;color:rgba(255,255,255,.60);font-size:8px}
.cargo-app-link{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:8px;font-weight:800}.cargo-app-link:hover{background:rgba(255,255,255,.22)}.cargo-app-link.disabled{opacity:.48;pointer-events:none}

.cargo-home-bottom{
  position:absolute;left:4.7%;right:4.7%;bottom:18px;z-index:8;
  display:grid;grid-template-columns:1fr 1.45fr 1.2fr 1fr;gap:9px;
}
.cargo-mini-card{
  min-height:88px;
  padding:13px 15px;
  border-radius:14px;
  background:rgba(1,37,63,.68);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,24,41,.12);
  display:flex;flex-direction:column;justify-content:center;min-width:0;
}
.cargo-mini-label{font-size:7.5px;letter-spacing:.13em;color:#ffbf56;font-weight:900;margin-bottom:5px}
.cargo-mini-card strong{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cargo-mini-card small{font-size:8.5px;color:rgba(255,255,255,.63);line-height:1.4;margin-top:3px}
.cargo-mini-track form{display:flex;gap:7px;margin-top:4px}.cargo-mini-track input{min-width:0;flex:1;height:33px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:9px}.cargo-mini-track input::placeholder{color:rgba(255,255,255,.55)}.cargo-mini-track button{height:33px;border:0;border-radius:999px;background:#f2a62d;color:#20282d;font-size:9px;font-weight:900;padding:0 14px;cursor:pointer}
.cargo-home-footnote{height:34px;display:flex;align-items:flex-end;justify-content:space-between;color:#57646a;font-size:9px;padding:0 4px}.cargo-home-footnote>div{display:flex;gap:16px}.cargo-home-footnote a{color:#4b5a61;font-weight:750}

@media(max-width:1180px){
  .cargo-home-stage{width:96vw;padding-top:2vh}
  .cargo-home-links{gap:16px}
  .cargo-home-copy{width:62%}
  .cargo-home-bottom{grid-template-columns:1fr 1.4fr 1fr}.cargo-home-bottom .cargo-mini-card:nth-child(3){display:none}
  .cargo-route-card{right:3%}
}
@media(max-width:900px){
  .cargo-home-body{overflow:auto}
  .cargo-home-stage{height:auto;min-height:100vh;width:100%;padding:0}
  .cargo-home-card{min-height:100vh;border-radius:0;border:0}
  .cargo-home-nav{height:auto;min-height:78px;padding:14px 18px;grid-template-columns:1fr auto}.cargo-home-links{display:none}
  .cargo-home-content{position:relative;inset:auto;min-height:650px;padding:58px 22px 210px;align-items:flex-start}
  .cargo-home-copy{width:100%;max-width:690px}.cargo-home-slider{min-height:360px}.cargo-home-slide h1{font-size:54px;max-width:650px}.cargo-home-slide p{max-width:520px}
  .cargo-home-overlay{background:linear-gradient(90deg,rgba(3,45,82,.95),rgba(3,45,82,.75) 56%,rgba(3,45,82,.32)),linear-gradient(180deg,rgba(0,28,48,.25),rgba(0,23,41,.35))}
  .cargo-home-bg{object-position:65% center}
  .cargo-home-bottom{left:18px;right:18px;bottom:18px;grid-template-columns:1fr 1fr}.cargo-home-bottom .cargo-mini-card:nth-child(3),.cargo-home-bottom .cargo-mini-card:nth-child(4){display:none}
  .cargo-route-card{right:20px;bottom:125px}.cargo-app-card{left:20px;bottom:125px}
  .cargo-home-footnote{display:none}
}
@media(max-width:640px){
  .cargo-home-nav-actions .cargo-nav-glass{display:none}.cargo-home-nav-actions{gap:6px}.cargo-nav-primary{padding:0 15px}.cargo-home-brand strong{font-size:13px}
  .cargo-home-content{padding:46px 18px 272px}.cargo-home-slider{min-height:390px}.cargo-home-slide h1{font-size:43px}.cargo-home-slide h2{font-size:23px}.cargo-home-slide p{font-size:12px}
  .cargo-home-cta{flex-wrap:wrap}.cargo-btn-orange,.cargo-btn-glass{height:43px;padding:0 18px}
  .cargo-home-bottom{grid-template-columns:1fr}.cargo-home-bottom .cargo-mini-card:nth-child(1){display:none}.cargo-mini-card{min-height:78px}
  .cargo-route-card{width:calc(100% - 36px);left:18px;right:auto;bottom:192px}.cargo-app-card{width:calc(100% - 36px);left:18px;bottom:110px}
  .cargo-home-bg{object-position:72% center;opacity:.9}.cargo-home-overlay{background:linear-gradient(90deg,rgba(2,42,76,.98),rgba(2,42,76,.82) 72%,rgba(2,42,76,.56)),linear-gradient(180deg,transparent,rgba(0,18,33,.43))}
}

/* ======================================================================
   PUBLIC WEBSITE V2 — REFERENCE-MATCHED HERO + SIMPLE SUBPAGES
   ====================================================================== */
.cargo-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:0}
.cargo-menu-toggle span{display:block;width:17px;height:1.5px;background:#fff;border-radius:99px}
.cargo-mobile-drawer,.cargo-drawer-backdrop{display:none}
.cargo-mini-card[href]{color:inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}
.cargo-mini-card[href]:hover{transform:translateY(-2px);background:rgba(4,49,80,.82)}

/* Slider fix: grid stacking lets the slider keep the height of its tallest slide. */
.cargo-home-slider{display:grid;min-height:0}
.cargo-home-slide{position:relative!important;inset:auto!important;grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .42s ease,transform .42s ease,visibility .42s ease}
.cargo-home-slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}

/* Shared public subpage shell */
.cargo-subpage-body{margin:0;min-height:100vh;background:#dfe5e8;overflow:hidden;color:#fff}
.cargo-subpage-stage{width:min(94vw,1500px);height:100vh;margin:auto;padding:4vh 0 3vh;display:flex;align-items:stretch}
.cargo-subpage-card{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;border-radius:28px;background:#0a456d;box-shadow:0 28px 80px rgba(20,43,58,.22);border:1px solid rgba(255,255,255,.35)}
.cargo-subpage-card .cargo-home-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.cargo-subpage-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,37,67,.96) 0%,rgba(3,46,80,.86) 45%,rgba(3,44,75,.48) 72%,rgba(3,35,58,.50) 100%),linear-gradient(180deg,rgba(0,27,46,.14),rgba(0,24,42,.30))}
.cargo-subpage-nav{position:relative;z-index:20}
.cargo-subpage-content{position:absolute;inset:84px 0 0;z-index:2;padding:4.5% 7.5% 5%;display:grid;gap:5vw;align-items:center}
.cargo-login-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr)}
.cargo-register-layout{grid-template-columns:minmax(0,.86fr) minmax(470px,1fr)}
.cargo-subpage-intro{max-width:690px}
.cargo-subpage-kicker{display:inline-block;color:#ffbe51;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.cargo-subpage-intro h1,.cargo-services-intro h1,.cargo-track-search-panel h1{margin:0;font-size:clamp(54px,5.4vw,86px);line-height:.89;letter-spacing:-.055em;color:#fff;font-weight:700;text-shadow:0 5px 26px rgba(0,25,44,.18)}
.cargo-subpage-intro h1 span,.cargo-services-intro h1 span,.cargo-track-search-panel h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.84);font-weight:560}
.cargo-subpage-intro>p,.cargo-services-intro>p,.cargo-track-search-panel>p{max-width:590px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.7;margin:18px 0 22px}
.cargo-subpage-quicklinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:510px}
.cargo-subpage-quicklinks a{display:flex;flex-direction:column;padding:14px 16px;border-radius:14px;background:rgba(2,34,58,.44);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(10px);color:#fff}
.cargo-subpage-quicklinks strong{font-size:11px}.cargo-subpage-quicklinks span{font-size:8.5px;color:rgba(255,255,255,.60);margin-top:3px}

.cargo-glass-form-card{justify-self:end;width:min(100%,480px);padding:25px 26px 22px;border-radius:22px;background:rgba(5,40,65,.72);border:1px solid rgba(255,255,255,.24);box-shadow:0 22px 48px rgba(0,24,41,.23);backdrop-filter:blur(18px)}
.cargo-register-form-card{width:min(100%,610px)}
.cargo-form-head small{display:block;color:#ffbc4b;font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:6px}
.cargo-form-head h2{font-size:28px;letter-spacing:-.04em;margin:0 0 5px;color:#fff}.cargo-form-head p{margin:0 0 18px;color:rgba(255,255,255,.62);font-size:10px}
.cargo-public-form{display:flex;flex-direction:column;gap:12px}
.cargo-public-form label{display:flex;flex-direction:column;gap:6px;color:rgba(255,255,255,.76);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.cargo-public-form input,.cargo-public-form select,.cargo-public-form textarea,.cargo-track-search input{width:100%;min-height:42px;padding:10px 13px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;outline:none;box-shadow:none!important;text-transform:none;letter-spacing:0;font-size:11px}
.cargo-public-form textarea{min-height:66px;resize:vertical}
.cargo-public-form input::placeholder,.cargo-public-form textarea::placeholder,.cargo-track-search input::placeholder{color:rgba(255,255,255,.46)}
.cargo-public-form select option{color:#172631;background:#fff}
.cargo-public-form input:focus,.cargo-public-form select:focus,.cargo-public-form textarea:focus,.cargo-track-search input:focus{border-color:#f5b13d!important;box-shadow:0 0 0 3px rgba(245,177,61,.14)!important}
.cargo-password-wrap{position:relative}.cargo-password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#fff;cursor:pointer;width:34px;height:34px}
.cargo-password-wrap input{padding-right:46px!important}
.cargo-form-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px}.cargo-form-inline .check{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0;font-weight:600}.cargo-form-inline .check input{width:15px!important;min-height:auto;padding:0!important}.cargo-form-inline a{color:#ffc15a;font-weight:750}
.cargo-form-submit{width:100%;border:0;cursor:pointer;margin-top:2px}
.cargo-form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid rgba(255,255,255,.13);font-size:8.5px;color:rgba(255,255,255,.56)}.cargo-form-footer a{color:#ffbf53;font-weight:800}
.cargo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 11px}.cargo-grid-full{grid-column:1/-1}
.cargo-info-strip{display:flex;gap:8px;max-width:520px}.cargo-info-strip>div{flex:1;padding:12px 13px;border-radius:13px;background:rgba(2,34,58,.44);border:1px solid rgba(255,255,255,.18)}.cargo-info-strip small{display:block;font-size:7px;color:#ffbd50;font-weight:900;letter-spacing:.12em}.cargo-info-strip strong{display:block;font-size:10px;color:#fff;margin-top:4px}

/* Services + contact page */
.cargo-services-overlay{background:linear-gradient(90deg,rgba(3,37,67,.97),rgba(3,45,78,.86) 50%,rgba(3,43,73,.58) 100%),linear-gradient(180deg,rgba(0,27,46,.10),rgba(0,20,36,.38))}
.cargo-services-content{position:absolute;inset:84px 0 0;padding:3.7% 6.5% 4%;display:grid;grid-template-columns:minmax(310px,.8fr) minmax(480px,1.2fr);grid-template-rows:auto 1fr;gap:16px 4vw;align-items:center;z-index:2}
.cargo-services-intro{grid-row:1/3;max-width:560px}
.cargo-services-intro h1{font-size:clamp(54px,5.2vw,82px)}
.cargo-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-self:end}
.cargo-service-grid article{min-height:145px;padding:15px;border-radius:15px;background:rgba(2,35,59,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(11px)}
.cargo-service-grid article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3a62d;color:#1c2a31;font-size:8px;font-weight:900;margin-bottom:22px}.cargo-service-grid strong{display:block;color:#fff;font-size:11px}.cargo-service-grid p{margin:6px 0 0;color:rgba(255,255,255,.60);font-size:8.5px;line-height:1.5}
.cargo-contact-panel{align-self:start;padding:17px 18px;border-radius:17px;background:rgba(1,32,54,.65);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:16px;align-items:center}
.cargo-contact-heading small{color:#ffbd50;font-size:7px;font-weight:900;letter-spacing:.14em}.cargo-contact-heading h2{margin:4px 0;font-size:18px;color:#fff;letter-spacing:-.03em}.cargo-contact-heading p{margin:0;color:rgba(255,255,255,.56);font-size:8px;line-height:1.5}
.cargo-contact-primary{display:grid;gap:8px}.cargo-contact-primary span{display:block;font-size:7px;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.1em}.cargo-contact-primary strong{display:block;color:#fff;font-size:9px;margin-top:2px;word-break:break-word}
.cargo-office-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.cargo-office-list>div{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.08)}.cargo-office-list strong{display:block;color:#fff;font-size:8.5px}.cargo-office-list span{display:block;color:rgba(255,255,255,.48);font-size:7px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Tracking page */
.cargo-track-overlay{background:linear-gradient(90deg,rgba(3,37,67,.97),rgba(3,45,78,.82) 55%,rgba(3,43,73,.60) 100%)}
.cargo-track-content{position:absolute;inset:84px 0 0;padding:4% 6.5% 5%;display:grid;grid-template-columns:minmax(300px,.70fr) minmax(520px,1.3fr);gap:4vw;align-items:center;z-index:2}
.cargo-track-search-panel h1{font-size:clamp(53px,5vw,78px)}
.cargo-track-search{display:flex;gap:8px;max-width:540px}.cargo-track-search input{height:45px}.cargo-track-search .cargo-btn-orange{border:0;cursor:pointer;white-space:nowrap}
.cargo-track-tip{display:block;color:rgba(255,255,255,.50);font-size:8.5px;margin-top:9px}
.cargo-track-results-panel{height:min(66vh,600px);overflow:hidden;padding:18px;border-radius:20px;background:rgba(3,34,57,.72);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(16px);display:flex}
.cargo-track-empty{margin:auto;text-align:center;max-width:380px}.cargo-track-empty>small{color:#ffbc4d;font-size:8px;letter-spacing:.15em;font-weight:900}.cargo-track-empty h2{color:#fff;font-size:28px;margin:7px 0;letter-spacing:-.04em}.cargo-track-empty p{color:rgba(255,255,255,.56);font-size:10px;line-height:1.6;margin:0}
.cargo-track-results-list{display:flex;flex-direction:column;gap:10px;width:100%;overflow:auto;padding-right:3px}
.cargo-track-result{padding:16px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}
.cargo-track-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cargo-track-result-head small{color:#ffbe50;font-size:7px;font-weight:900;letter-spacing:.14em}.cargo-track-result-head h2{margin:3px 0;font-size:19px;color:#fff}.cargo-track-result-head p{margin:0;color:rgba(255,255,255,.60);font-size:8.5px}
.cargo-track-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:13px 0}.cargo-track-steps>div{text-align:center;position:relative}.cargo-track-steps>div:after{content:"";position:absolute;height:1px;background:rgba(255,255,255,.18);top:12px;left:60%;right:-40%}.cargo-track-steps>div:last-child:after{display:none}.cargo-track-steps span{position:relative;z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:auto;background:rgba(255,255,255,.14);color:rgba(255,255,255,.55);font-size:7px;font-weight:900}.cargo-track-steps small{display:block;color:rgba(255,255,255,.46);font-size:6.7px;margin-top:4px}.cargo-track-steps .active span{background:#f2a62d;color:#203039}.cargo-track-steps .active small{color:#fff}.cargo-track-steps .active:after{background:rgba(242,166,45,.65)}
.cargo-track-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cargo-track-meta>div{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.07)}.cargo-track-meta span{display:block;color:rgba(255,255,255,.43);font-size:6.5px;text-transform:uppercase;letter-spacing:.08em}.cargo-track-meta strong{display:block;color:#fff;font-size:8px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mobile drawer */
@media(max-width:900px){
  .cargo-home-links,.cargo-desktop-login,.cargo-desktop-register{display:none!important}
  .cargo-menu-toggle{display:flex}
  .cargo-home-nav,.cargo-subpage-nav{height:74px;min-height:74px;padding:12px 17px;grid-template-columns:1fr auto;gap:12px}
  .cargo-home-nav-actions{justify-self:end}
  .cargo-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(1,17,29,.62);backdrop-filter:blur(2px);z-index:1090;opacity:0;visibility:hidden;transition:.25s ease}
  .cargo-mobile-drawer{display:flex;position:fixed;right:0;top:0;bottom:0;width:min(82vw,330px);z-index:1100;background:#08334f;border-left:1px solid rgba(255,255,255,.15);box-shadow:-20px 0 60px rgba(0,16,28,.32);padding:18px;flex-direction:column;transform:translateX(102%);transition:transform .28s ease;color:#fff}
  .cargo-drawer-open{overflow:hidden}
  .cargo-drawer-open .cargo-mobile-drawer{transform:translateX(0)}
  .cargo-drawer-open .cargo-drawer-backdrop{opacity:1;visibility:visible}
  .cargo-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.13)}
  .cargo-drawer-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;cursor:pointer}
  .cargo-drawer-links{display:flex;flex-direction:column;padding:16px 0}
  .cargo-drawer-links a{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.80);font-size:14px;font-weight:750;padding:13px 5px;border-bottom:1px solid rgba(255,255,255,.08)}
  .cargo-drawer-links a.active{color:#ffbd4f}.cargo-drawer-links span{font-size:18px;color:rgba(255,255,255,.34)}
  .cargo-drawer-actions{display:grid;gap:9px;margin-top:5px}.cargo-drawer-actions .cargo-nav-primary,.cargo-drawer-actions .cargo-nav-glass{width:100%;height:43px}
  .cargo-drawer-app{display:flex;align-items:center;justify-content:center;height:42px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:800}
  .cargo-drawer-contact{margin-top:auto;padding:15px;border-radius:15px;background:rgba(255,255,255,.07)}.cargo-drawer-contact small{display:block;color:#ffbd50;font-size:7px;font-weight:900;letter-spacing:.13em}.cargo-drawer-contact strong,.cargo-drawer-contact span{display:block}.cargo-drawer-contact strong{font-size:11px;margin-top:5px}.cargo-drawer-contact span{font-size:8.5px;color:rgba(255,255,255,.52);margin-top:2px}

  /* Home mobile: clean flow, no fixed slider/card collision. */
  .cargo-home-body{overflow:auto}
  .cargo-home-stage{height:auto;min-height:100dvh;width:100%;padding:0}
  .cargo-home-card{min-height:100dvh;height:auto;border-radius:0;border:0;overflow:hidden}
  .cargo-home-content{position:relative;inset:auto;display:block;min-height:0;padding:44px 20px 255px}
  .cargo-home-copy{width:100%;max-width:none;margin:0}
  .cargo-home-slider{display:grid;min-height:0}
  .cargo-home-slide{grid-area:1/1;position:relative!important;min-height:305px;align-content:start}
  .cargo-home-slide h1{font-size:clamp(42px,12vw,58px);line-height:.92;max-width:620px}
  .cargo-home-slide h2{font-size:23px;margin-top:13px}.cargo-home-slide p{font-size:12px;line-height:1.55;max-width:520px}
  .cargo-home-kicker{font-size:8.5px;margin-bottom:12px}
  .cargo-home-cta{margin-top:14px}.cargo-slider-dots{margin-top:14px}
  .cargo-home-overlay{background:linear-gradient(90deg,rgba(3,43,77,.98),rgba(3,43,77,.82) 70%,rgba(3,43,77,.56)),linear-gradient(180deg,rgba(0,28,48,.18),rgba(0,20,35,.38))}
  .cargo-home-bg{object-position:67% center}
  .cargo-home-bottom{left:18px;right:18px;bottom:18px;grid-template-columns:1fr;gap:7px}.cargo-home-bottom .cargo-mini-card:nth-child(1),.cargo-home-bottom .cargo-mini-card:nth-child(3),.cargo-home-bottom .cargo-mini-card:nth-child(4){display:none}.cargo-home-bottom .cargo-mini-track{min-height:73px}
  .cargo-route-card{width:calc(100% - 36px);left:18px;right:auto;bottom:103px}
  .cargo-app-card{display:none}
  .cargo-home-footnote{display:none}

  /* Subpages mobile */
  .cargo-subpage-body{overflow:auto;background:#0b3e60}
  .cargo-subpage-stage{width:100%;height:auto;min-height:100dvh;padding:0}
  .cargo-subpage-card{min-height:100dvh;height:auto;border-radius:0;border:0;overflow:hidden}
  .cargo-subpage-overlay{background:linear-gradient(90deg,rgba(3,40,72,.98),rgba(3,44,76,.88) 75%,rgba(3,42,70,.72)),linear-gradient(180deg,rgba(0,26,45,.10),rgba(0,20,36,.40))}
  .cargo-subpage-content{position:relative;inset:auto;padding:38px 18px 28px;display:flex;flex-direction:column;gap:26px;align-items:stretch}
  .cargo-subpage-intro{max-width:none}.cargo-subpage-intro h1,.cargo-services-intro h1,.cargo-track-search-panel h1{font-size:clamp(44px,13vw,60px)}
  .cargo-subpage-intro>p,.cargo-services-intro>p,.cargo-track-search-panel>p{font-size:12px;margin:15px 0 18px}
  .cargo-subpage-quicklinks{grid-template-columns:1fr 1fr}
  .cargo-glass-form-card,.cargo-register-form-card{justify-self:stretch;width:100%;padding:21px 18px;border-radius:18px}
  .cargo-form-grid{grid-template-columns:1fr}.cargo-grid-full{grid-column:auto}
  .cargo-info-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:none}.cargo-info-strip>div{padding:10px}

  .cargo-services-content{position:relative;inset:auto;padding:38px 18px 28px;display:flex;flex-direction:column;gap:22px;align-items:stretch}
  .cargo-services-intro{max-width:none}.cargo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cargo-service-grid article{min-height:125px}.cargo-service-grid article>span{margin-bottom:15px}
  .cargo-contact-panel{grid-template-columns:1fr;gap:13px;padding:16px}.cargo-office-list{grid-template-columns:repeat(2,minmax(0,1fr))}

  .cargo-track-content{position:relative;inset:auto;padding:38px 18px 28px;display:flex;flex-direction:column;gap:22px;align-items:stretch}
  .cargo-track-search{max-width:none}.cargo-track-results-panel{height:auto;min-height:310px;padding:13px}.cargo-track-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .cargo-home-nav,.cargo-subpage-nav{height:68px;min-height:68px;padding:10px 14px}
  .cargo-home-logo-wrap{width:32px;height:32px}.cargo-home-brand strong{font-size:12px}
  .cargo-menu-toggle{width:39px;height:39px}
  .cargo-home-content{padding:34px 16px 248px}
  .cargo-home-slide{min-height:330px}.cargo-home-slide h1{font-size:42px}.cargo-home-slide h2{font-size:20px}.cargo-home-slide p{font-size:11px}
  .cargo-home-cta{gap:8px}.cargo-btn-orange,.cargo-btn-glass{height:42px;padding:0 16px;font-size:10px}
  .cargo-route-card{left:16px;width:calc(100% - 32px);bottom:99px}.cargo-home-bottom{left:16px;right:16px}
  .cargo-mini-track form{gap:5px}.cargo-mini-track button{padding:0 12px}
  .cargo-subpage-content,.cargo-services-content,.cargo-track-content{padding:32px 16px 24px}
  .cargo-subpage-quicklinks{grid-template-columns:1fr}.cargo-info-strip{grid-template-columns:1fr 1fr 1fr}.cargo-info-strip strong{font-size:8.5px}
  .cargo-form-head h2{font-size:25px}.cargo-form-inline{align-items:flex-start;flex-direction:column}
  .cargo-service-grid{grid-template-columns:1fr 1fr}.cargo-office-list{grid-template-columns:1fr}
  .cargo-track-search{flex-direction:column}.cargo-track-search .cargo-btn-orange{width:100%}.cargo-track-steps small{font-size:6px}.cargo-track-meta{grid-template-columns:1fr 1fr}
}

/* ======================================================================
   AMB CARGO PUBLIC WEBSITE V3 — unified responsive website system
   Keeps application/business logic untouched and standardizes all public pages.
   ====================================================================== */
:root{
  --cargo-public-navy:#073754;
  --cargo-public-navy-deep:#05283f;
  --cargo-public-orange:#f3a62d;
  --cargo-public-orange-bright:#ffbd4d;
  --cargo-public-white:#ffffff;
  --cargo-public-glass:rgba(4,42,67,.76);
  --cargo-public-border:rgba(255,255,255,.20);
  --cargo-public-muted:rgba(255,255,255,.70);
}

/* One desktop canvas for every public page. */
.cargo-home-body,
.cargo-subpage-body{
  background:
    radial-gradient(circle at 9% 10%,rgba(255,255,255,.95),rgba(255,255,255,0) 28%),
    linear-gradient(135deg,#d9dee1 0%,#eef1f2 46%,#cfd6da 100%);
}
.cargo-home-stage,
.cargo-subpage-stage{
  width:min(94vw,1500px);
  height:100vh;
  min-height:680px;
  margin:0 auto;
  padding:3.2vh 0;
}
.cargo-home-card,
.cargo-subpage-card{
  width:100%;
  height:100%;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.32);
  background:var(--cargo-public-navy);
  box-shadow:0 28px 72px rgba(20,43,58,.22);
}
.cargo-home-footnote{display:none}

/* Shared header proportions and clearer typography. */
.cargo-home-nav,
.cargo-subpage-nav{
  height:82px;
  min-height:82px;
  padding:0 42px;
}
.cargo-home-logo-wrap{width:38px;height:38px}
.cargo-home-brand{gap:11px}
.cargo-home-brand strong{font-size:14px;letter-spacing:.015em}
.cargo-home-links a{font-size:11px;font-weight:750}
.cargo-nav-glass,.cargo-nav-primary{height:39px;font-size:10.5px;padding-inline:20px}
.cargo-nav-primary{background:linear-gradient(135deg,var(--cargo-public-orange-bright),var(--cargo-public-orange));border-color:#ffd079}

/* Consistent hero/background treatment across public pages. */
.cargo-home-bg,.cargo-subpage-card .cargo-home-bg{filter:saturate(.92) contrast(1.03)}
.cargo-subpage-overlay{
  background:
    linear-gradient(90deg,rgba(3,38,67,.97) 0%,rgba(3,45,78,.89) 48%,rgba(3,43,73,.56) 100%),
    linear-gradient(180deg,rgba(0,25,44,.10),rgba(0,19,34,.40));
}
.cargo-services-overlay,.cargo-track-overlay{
  background:
    linear-gradient(90deg,rgba(3,38,67,.97) 0%,rgba(3,45,78,.88) 52%,rgba(3,43,73,.58) 100%),
    linear-gradient(180deg,rgba(0,25,44,.10),rgba(0,19,34,.40));
}

/* Match all subpage content widths and vertical rhythm. */
.cargo-subpage-content,
.cargo-services-content,
.cargo-track-content{inset:82px 0 0}
.cargo-subpage-content{padding:3.5% 6.5% 4%;gap:4.5vw}
.cargo-services-content{padding:3.4% 6.5% 4%;gap:16px 4vw}
.cargo-track-content{padding:3.6% 6.5% 4%;gap:4vw}
.cargo-login-layout{grid-template-columns:minmax(0,1fr) minmax(380px,480px)}
.cargo-register-layout{grid-template-columns:minmax(0,.78fr) minmax(520px,620px)}
.cargo-subpage-intro{max-width:650px}
.cargo-subpage-kicker{font-size:10px;margin-bottom:13px}
.cargo-subpage-intro h1,.cargo-services-intro h1,.cargo-track-search-panel h1{font-size:clamp(52px,5vw,80px)}
.cargo-subpage-intro>p,.cargo-services-intro>p,.cargo-track-search-panel>p{font-size:12.5px;line-height:1.65;margin:16px 0 20px}

/* Professional form card system. */
.cargo-glass-form-card{
  width:min(100%,480px);
  padding:25px 26px 22px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(5,44,70,.88),rgba(4,35,57,.78));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 22px 52px rgba(0,20,36,.27);
  backdrop-filter:blur(18px);
}
.cargo-register-form-card{width:min(100%,620px)}
.cargo-form-head small{font-size:8.5px}
.cargo-form-head h2{font-size:29px;margin-bottom:5px}
.cargo-form-head p{font-size:10.5px;margin-bottom:16px}
.cargo-public-form{gap:11px}
.cargo-public-form label{gap:6px;font-size:9.5px}
.cargo-public-form input,
.cargo-public-form select,
.cargo-public-form textarea,
.cargo-track-search input{
  min-height:44px;
  border-radius:10px!important;
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.105)!important;
  font-size:12px;
}
.cargo-public-form textarea{min-height:64px}
.cargo-form-submit{min-height:44px}
.cargo-form-footer{font-size:9px;margin-top:13px;padding-top:13px}
.cargo-subpage-quicklinks a{min-height:66px;justify-content:center}
.cargo-info-strip>div{min-height:58px;display:flex;flex-direction:column;justify-content:center}

/* Service, contact and tracking surfaces use the same card language. */
.cargo-service-grid{gap:10px}
.cargo-service-grid article{
  border-radius:14px;
  background:linear-gradient(145deg,rgba(3,39,64,.68),rgba(4,47,74,.52));
  border-color:rgba(255,255,255,.19);
  box-shadow:0 14px 32px rgba(0,23,40,.12);
}
.cargo-contact-panel,
.cargo-track-results-panel{
  background:linear-gradient(145deg,rgba(3,37,61,.80),rgba(4,44,69,.70));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 18px 42px rgba(0,22,38,.18);
}
.cargo-contact-panel{border-radius:16px}
.cargo-track-results-panel{border-radius:18px}

/* Home page polish while retaining the user's current hero concept. */
.cargo-home-content{inset:82px 0 118px;padding-inline:6.5%}
.cargo-home-copy{width:min(55%,700px);margin-top:-1vh}
.cargo-home-slide h1{font-size:clamp(50px,5vw,80px)}
.cargo-home-slide p{font-size:12.5px;max-width:580px}
.cargo-home-bottom{left:4.2%;right:4.2%;bottom:18px;gap:10px}
.cargo-mini-card{border-radius:13px;background:rgba(3,38,63,.72);border-color:rgba(255,255,255,.17)}
.cargo-route-card,.cargo-app-card{background:rgba(3,38,63,.72)}

/* Tablet and mobile: navigation remains compact and all pages become natural flow. */
@media(max-width:900px){
  .cargo-home-stage,.cargo-subpage-stage{
    width:100%;height:auto;min-height:100dvh;padding:0;
  }
  .cargo-home-card,.cargo-subpage-card{
    height:auto;min-height:100dvh;border-radius:0;border:0;box-shadow:none;
  }
  .cargo-home-nav,.cargo-subpage-nav{
    height:68px;min-height:68px;padding:10px 16px;
    background:linear-gradient(180deg,rgba(2,34,57,.58),rgba(2,34,57,.08));
  }
  .cargo-home-logo-wrap{width:34px;height:34px}
  .cargo-home-brand strong{font-size:12.5px}

  /* Forms first: login/registration are immediately usable before page scrolling. */
  .cargo-subpage-content.cargo-login-layout,
  .cargo-subpage-content.cargo-register-layout{
    position:relative;inset:auto;
    display:flex;flex-direction:column;
    padding:16px 16px 32px;
    gap:18px;
    align-items:stretch;
  }
  .cargo-login-layout .cargo-glass-form-card,
  .cargo-register-layout .cargo-glass-form-card{
    order:1;
    width:100%;max-width:660px;
    margin:0 auto;
    justify-self:auto;
  }
  .cargo-login-layout .cargo-subpage-intro,
  .cargo-register-layout .cargo-subpage-intro{
    order:2;
    width:100%;max-width:660px;
    margin:0 auto;
  }
  .cargo-login-layout .cargo-subpage-intro h1,
  .cargo-register-layout .cargo-subpage-intro h1{font-size:clamp(38px,11vw,52px)}
  .cargo-login-layout .cargo-subpage-intro>p,
  .cargo-register-layout .cargo-subpage-intro>p{font-size:11.5px;margin:12px 0 15px}

  .cargo-glass-form-card,.cargo-register-form-card{padding:20px 18px 18px;border-radius:17px}
  .cargo-form-head h2{font-size:26px}
  .cargo-public-form input,.cargo-public-form select,.cargo-track-search input{min-height:45px;font-size:13px}
  .cargo-public-form textarea{min-height:62px;font-size:13px}
  .cargo-public-form label{font-size:10px}

  /* Keep the registration form compact enough to show useful fields in the first viewport. */
  .cargo-register-form-card .cargo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}
  .cargo-register-form-card .cargo-grid-full{grid-column:1/-1}
  .cargo-register-form-card .cargo-public-form{gap:10px}

  .cargo-services-content,.cargo-track-content{
    position:relative;inset:auto;
    padding:22px 16px 30px;
    gap:18px;
  }
  .cargo-services-intro h1,.cargo-track-search-panel h1{font-size:clamp(40px,12vw,56px)}
  .cargo-services-intro>p,.cargo-track-search-panel>p{font-size:11.5px;margin:12px 0 16px}
  .cargo-service-grid article{min-height:120px}
  .cargo-contact-panel{padding:15px}
  .cargo-track-results-panel{min-height:280px}

  /* Home mobile slider: stable height, no overlap, stronger first-screen hierarchy. */
  .cargo-home-content{position:relative;inset:auto;display:block;padding:28px 16px 238px}
  .cargo-home-slider{min-height:0}
  .cargo-home-slide{min-height:292px!important}
  .cargo-home-slide h1{font-size:clamp(40px,11.5vw,54px)}
  .cargo-home-slide h2{font-size:20px;margin-top:11px}
  .cargo-home-slide p{font-size:11px;line-height:1.55}
  .cargo-home-kicker{font-size:8px;margin-bottom:10px}
  .cargo-home-cta{margin-top:10px;flex-wrap:nowrap}
  .cargo-btn-orange,.cargo-btn-glass{height:42px;padding:0 16px;font-size:10px}
  .cargo-slider-dots{margin-top:12px}
  .cargo-route-card{left:16px;right:auto;bottom:96px;width:calc(100% - 32px)}
  .cargo-home-bottom{left:16px;right:16px;bottom:16px}
  .cargo-home-bottom .cargo-mini-track{min-height:72px}
}

@media(max-width:560px){
  .cargo-home-nav,.cargo-subpage-nav{height:64px;min-height:64px;padding:9px 13px}
  .cargo-home-logo-wrap{width:32px;height:32px}
  .cargo-menu-toggle{width:38px;height:38px}
  .cargo-subpage-content.cargo-login-layout,
  .cargo-subpage-content.cargo-register-layout{padding:12px 13px 26px;gap:16px}
  .cargo-glass-form-card,.cargo-register-form-card{padding:17px 15px 16px}
  .cargo-form-head small{font-size:8px}
  .cargo-form-head h2{font-size:24px}
  .cargo-form-head p{font-size:10px;margin-bottom:14px}
  .cargo-public-form{gap:10px}
  .cargo-public-form input,.cargo-public-form select,.cargo-track-search input{min-height:43px;padding:9px 11px!important}
  .cargo-public-form textarea{min-height:58px;padding:9px 11px!important}
  .cargo-form-footer{flex-wrap:wrap;row-gap:4px}

  /* Two compact columns are intentionally retained on phones for registration.
     This keeps the form itself visible immediately rather than pushing it below a large hero. */
  .cargo-register-form-card .cargo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cargo-register-form-card .cargo-grid-full{grid-column:1/-1}
  .cargo-register-form-card .cargo-public-form label{font-size:8.5px}
  .cargo-register-form-card .cargo-public-form input,
  .cargo-register-form-card .cargo-public-form select{font-size:11.5px;min-height:41px}
  .cargo-register-form-card .cargo-public-form textarea{font-size:11.5px;min-height:54px}

  .cargo-subpage-quicklinks{grid-template-columns:1fr 1fr;gap:8px}
  .cargo-subpage-quicklinks a{padding:11px 12px;min-height:60px}
  .cargo-subpage-quicklinks strong{font-size:10px}.cargo-subpage-quicklinks span{font-size:7.5px}
  .cargo-info-strip{grid-template-columns:repeat(3,1fr);gap:6px}
  .cargo-info-strip>div{min-height:50px;padding:9px 8px}.cargo-info-strip strong{font-size:8.5px}

  .cargo-services-content,.cargo-track-content{padding:18px 13px 24px}
  .cargo-service-grid{grid-template-columns:1fr 1fr;gap:8px}
  .cargo-service-grid article{padding:13px;min-height:112px}
  .cargo-service-grid article>span{margin-bottom:14px}
  .cargo-office-list{grid-template-columns:1fr}
  .cargo-track-search{gap:7px}

  .cargo-home-content{padding:24px 14px 230px}
  .cargo-home-slide{min-height:300px!important}
  .cargo-home-slide h1{font-size:clamp(38px,11.5vw,46px)}
  .cargo-home-cta{gap:7px}
  .cargo-btn-orange,.cargo-btn-glass{padding:0 13px;font-size:9.5px}
  .cargo-route-card{left:14px;width:calc(100% - 28px);bottom:94px}
  .cargo-home-bottom{left:14px;right:14px;bottom:14px}
}

@media(max-width:360px){
  .cargo-register-form-card .cargo-form-grid{grid-template-columns:1fr}
  .cargo-register-form-card .cargo-grid-full{grid-column:auto}
  .cargo-home-cta{flex-wrap:wrap}
}

/* ========================================================================== 
   AMB Cargo navigation/contact separation + standard website logo
   ========================================================================== */

/* Transparent PNG website logo: no white card/background behind the mark. */
.cargo-home-brand{gap:0}
.cargo-home-logo-wrap{
  width:116px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  flex:0 0 auto;
}
.cargo-home-logo-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:left center;
  mix-blend-mode:normal;
}
/* The logo artwork already contains the AMB CARGO name, so avoid repeating it. */
.cargo-home-brand>strong{display:none}
.cargo-drawer-head .cargo-home-logo-wrap{width:108px;height:47px}

/* Services now links to a dedicated Contact page instead of sharing an active state. */
.cargo-services-contact-cta{
  align-self:start;
  padding:18px 20px;
  border-radius:17px;
  background:rgba(1,32,54,.67);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.cargo-services-contact-cta small{display:block;color:#ffbd50;font-size:7px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}
.cargo-services-contact-cta h2{margin:0;color:#fff;font-size:18px;letter-spacing:-.03em}
.cargo-services-contact-cta p{margin:5px 0 0;color:rgba(255,255,255,.62);font-size:9px;line-height:1.55;max-width:520px}
.cargo-services-contact-cta .cargo-btn-orange{flex:0 0 auto;white-space:nowrap}

/* Dedicated Contact page. */
.cargo-contact-page-overlay{
  background:linear-gradient(90deg,rgba(3,37,67,.97),rgba(3,45,78,.90) 50%,rgba(3,43,73,.66) 100%),linear-gradient(180deg,rgba(0,27,46,.10),rgba(0,20,36,.42));
}
.cargo-contact-page-content{
  position:absolute;
  inset:84px 0 0;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(300px,.76fr) minmax(500px,1.24fr);
  align-items:center;
  gap:4.5vw;
  padding:3.5% 6.5% 4%;
}
.cargo-contact-page-intro{max-width:560px}
.cargo-contact-page-intro h1{
  margin:0;
  font-size:clamp(54px,5.2vw,82px);
  line-height:.89;
  letter-spacing:-.055em;
  color:#fff;
  font-weight:700;
  text-shadow:0 5px 26px rgba(0,25,44,.18);
}
.cargo-contact-page-intro h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.84);font-weight:560}
.cargo-contact-page-intro>p{max-width:560px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.7;margin:18px 0 22px}
.cargo-contact-page-card{
  max-height:calc(100vh - 150px);
  overflow:auto;
  scrollbar-width:thin;
  padding:24px;
  border-radius:22px;
  background:rgba(250,252,255,.94);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 24px 70px rgba(0,17,32,.30);
  backdrop-filter:blur(16px);
}
.cargo-contact-page-card-head small{color:#d98213;font-size:8px;font-weight:900;letter-spacing:.16em}
.cargo-contact-page-card-head h2{margin:5px 0 4px;color:#0a2d4e;font-size:28px;letter-spacing:-.035em}
.cargo-contact-page-card-head p{margin:0;color:#69798a;font-size:10px;line-height:1.6}
.cargo-contact-page-primary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.cargo-contact-page-primary>div{padding:14px 15px;border-radius:14px;background:#f3f6f8;border:1px solid #e2e8ed}
.cargo-contact-page-primary span{display:block;color:#8b98a4;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.cargo-contact-page-primary strong{display:block;color:#0c3153;font-size:12px;margin-top:4px;word-break:break-word}
.cargo-contact-page-offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cargo-contact-page-offices article{min-width:0;padding:13px 14px;border-radius:13px;background:#fff;border:1px solid #e4e9ed}
.cargo-contact-page-offices article small{display:block;color:#d98a1f;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.cargo-contact-page-offices article strong{display:block;color:#102f49;font-size:11px;margin:3px 0 5px}
.cargo-contact-page-offices article span{display:block;color:#71808d;font-size:8.5px;line-height:1.45;word-break:break-word}

/* Keep the previous full-card branding on the empty tracking-result state. */
.cargo-track-results-panel.cargo-track-results-panel-logo{position:relative;overflow:hidden;padding:0;isolation:isolate}
.cargo-track-card-logo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:0}
.cargo-track-logo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,18,38,.04) 35%,rgba(4,18,38,.78) 100%);pointer-events:none}
.cargo-track-results-panel-logo .cargo-track-empty{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:28px 30px;background:transparent;color:#fff;text-align:left}
.cargo-track-results-panel-logo .cargo-track-empty small,.cargo-track-results-panel-logo .cargo-track-empty h2,.cargo-track-results-panel-logo .cargo-track-empty p{color:#fff}

@media(max-width:980px){
  .cargo-contact-page-content{grid-template-columns:1fr;align-content:start;overflow:auto;padding:38px 24px 30px;gap:22px;position:relative;inset:auto}
  .cargo-contact-page{min-height:100vh;height:auto}
  .cargo-contact-page-intro{max-width:none}
  .cargo-contact-page-card{max-height:none}
}

@media(max-width:700px){
  .cargo-home-logo-wrap{width:102px;height:43px;padding:0;border-radius:0}
  .cargo-drawer-head .cargo-home-logo-wrap{width:108px;height:46px}
  .cargo-services-contact-cta{flex-direction:column;align-items:flex-start;padding:16px}
  .cargo-services-contact-cta .cargo-btn-orange{width:100%}
  .cargo-contact-page-content{padding:22px 16px 28px}
  .cargo-contact-page-intro h1{font-size:clamp(42px,12.5vw,58px)}
  .cargo-contact-page-intro>p{font-size:11.5px;margin:13px 0 17px}
  .cargo-contact-page-card{padding:18px 16px;border-radius:18px}
  .cargo-contact-page-card-head h2{font-size:24px}
  .cargo-contact-page-offices{grid-template-columns:1fr}
  .cargo-track-results-panel.cargo-track-results-panel-logo{min-height:320px}
  .cargo-track-results-panel-logo .cargo-track-empty{padding:22px 20px}
}

@media(max-width:420px){
  .cargo-home-logo-wrap{width:94px;height:40px;padding:0;border-radius:0}
  .cargo-contact-page-primary{grid-template-columns:1fr}
}


/* Transparent PNG in the logged-in app sidebar header. */
.brand img{max-width:150px;max-height:62px;border-radius:0;mix-blend-mode:normal;object-fit:contain}

/* ======================================================================
   COMMERCIAL RESPONSIVE FOUNDATION — 2026-10
   Prevents overlap at laptop widths / browser zoom while preserving the
   approved AMB Cargo visual language. Public pages now scale from a fluid
   desktop canvas and fall back to natural document flow before space gets
   tight instead of forcing fixed/absolute content into the viewport.
   ====================================================================== */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.cargo-home-card *,
.cargo-subpage-card *{min-width:0}

/* Fluid desktop shell. Short viewports scroll instead of compressing/overlapping. */
@media (min-width:901px){
  .cargo-home-body,.cargo-subpage-body{overflow-x:hidden;overflow-y:auto}
  .cargo-home-stage,.cargo-subpage-stage{
    width:min(calc(100% - clamp(28px,4vw,64px)),1680px);
    height:auto;
    min-height:100vh;
    min-height:100svh;
    padding:clamp(16px,3vh,28px) 0;
    margin-inline:auto;
  }
  .cargo-home-stage{justify-content:center}
  .cargo-subpage-stage{align-items:center}
  .cargo-home-card,.cargo-subpage-card{
    flex:0 0 auto;
    width:100%;
    height:clamp(720px,calc(100vh - 48px),920px);
    height:clamp(720px,calc(100svh - 48px),920px);
    min-height:720px;
  }

  /* Home hero uses a real grid. The app/route cards no longer float over copy. */
  .cargo-home-content{
    position:absolute;
    inset:82px 0 118px;
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(235px,20vw,300px);
    grid-template-rows:minmax(0,1fr) auto;
    grid-template-areas:
      "copy route"
      "app  route";
    column-gap:clamp(26px,4vw,66px);
    row-gap:12px;
    align-items:center;
    padding:clamp(22px,3vh,38px) clamp(30px,6.2vw,96px) 14px;
  }
  .cargo-home-copy{grid-area:copy;width:auto;max-width:700px;margin:0;align-self:center}
  .cargo-app-card{grid-area:app;position:static;left:auto;bottom:auto;width:min(100%,345px);justify-self:start}
  .cargo-route-card{grid-area:route;position:static;right:auto;bottom:auto;width:100%;align-self:end;justify-self:end}
  .cargo-home-slider{width:100%}
  .cargo-home-slide h1{font-size:clamp(46px,4.65vw,78px)}
  .cargo-home-slide h2{font-size:clamp(21px,2vw,33px)}
  .cargo-home-bottom{grid-template-columns:minmax(0,1fr) minmax(250px,1.45fr) minmax(0,1.2fr) minmax(0,1fr)}
  .cargo-mini-card,.cargo-mini-track,.cargo-mini-track form{min-width:0}
}

/* Mid-size laptops / zoomed desktop. Keep desktop chrome but release fixed page layouts. */
@media (max-width:1280px) and (min-width:901px){
  .cargo-home-nav,.cargo-subpage-nav{padding-inline:28px;gap:20px}
  .cargo-home-links{gap:18px}
  .cargo-home-content{
    grid-template-columns:minmax(0,1fr) 240px;
    column-gap:28px;
    padding-inline:42px;
  }
  .cargo-home-slide h1{font-size:clamp(44px,5.1vw,68px)}
  .cargo-home-bottom{left:24px;right:24px;grid-template-columns:minmax(0,.9fr) minmax(260px,1.35fr) minmax(0,1fr)}
  .cargo-home-bottom .cargo-mini-card:nth-child(3){display:none}
}

/* At this width forms/content stack before they can collide. This is also
   the mode reached naturally by browser zoom on normal laptop screens. */
@media (max-width:1080px) and (min-width:901px){
  .cargo-home-stage,.cargo-subpage-stage{width:min(calc(100% - 24px),1040px);padding:12px 0}
  .cargo-home-card,.cargo-subpage-card{height:auto;min-height:720px;max-height:none}
  .cargo-home-nav,.cargo-subpage-nav{padding-inline:22px}
  .cargo-home-links{gap:13px}
  .cargo-home-links a{font-size:10px}
  .cargo-nav-glass,.cargo-nav-primary{padding-inline:15px}

  .cargo-home-content{
    min-height:520px;
    grid-template-columns:minmax(0,1fr) 220px;
    column-gap:22px;
    padding:28px 30px 16px;
  }
  .cargo-home-slide h1{font-size:clamp(43px,5.7vw,61px)}
  .cargo-home-slide p{max-width:540px}
  .cargo-app-card{display:none}
  .cargo-route-card{align-self:end}

  .cargo-subpage-content,
  .cargo-services-content,
  .cargo-track-content,
  .cargo-contact-page-content{
    position:relative;
    inset:auto;
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding:34px clamp(28px,5vw,56px) 42px;
    align-items:start;
  }
  .cargo-subpage-intro,.cargo-services-intro,.cargo-track-search-panel,.cargo-contact-page-intro{max-width:760px}
  .cargo-glass-form-card,.cargo-register-form-card{justify-self:start;width:min(100%,680px);max-width:680px}
  .cargo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .cargo-services-contact-cta{width:100%}
  .cargo-track-results-panel{width:100%;height:auto;min-height:380px}
  .cargo-contact-page-card{width:100%;max-height:none}
}

/* Existing mobile visual design remains, but force natural height and no horizontal spill. */
@media (max-width:900px){
  .cargo-home-stage,.cargo-subpage-stage{width:100%;padding:0;min-height:100dvh}
  .cargo-home-card,.cargo-subpage-card{height:auto;min-height:100dvh;max-height:none;border-radius:0}
  .cargo-home-content,.cargo-subpage-content,.cargo-services-content,.cargo-track-content,.cargo-contact-page-content{max-width:100%}
  .cargo-home-copy{width:100%;max-width:690px;margin:0}
  .cargo-home-bottom{max-width:calc(100% - 28px)}
  .cargo-route-card{max-width:calc(100% - 28px)}
  .cargo-public-form,.cargo-form-grid,.cargo-track-search,.cargo-service-grid,.cargo-office-list{min-width:0}
}

/* Very wide monitors should grow usefully rather than leaving a large dead side. */
@media (min-width:1680px){
  .cargo-home-stage,.cargo-subpage-stage{width:min(96vw,1680px)}
  .cargo-home-content{padding-inline:clamp(70px,6vw,108px)}
}

/* Zoom/short-height safety net. A minimum canvas is intentional: the page scrolls
   instead of allowing vertically anchored cards to overlap one another. */
@media (min-width:901px) and (max-height:760px){
  .cargo-home-stage,.cargo-subpage-stage{min-height:768px}
  .cargo-home-card,.cargo-subpage-card{height:720px;min-height:720px}
  .cargo-home-content{padding-top:20px}
  .cargo-home-slide h1{font-size:clamp(42px,4.4vw,64px)}
  .cargo-home-slide h2{margin-top:10px}
  .cargo-home-kicker{margin-bottom:11px}
  .cargo-slider-dots{margin-top:11px}
}