:root{font-family:Arial,"Noto Sans",system-ui,sans-serif;font-size:16px;line-height:1.55;color:#20354c;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:normal}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{line-height:1.35;letter-spacing:normal}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:46px;border:0;border-radius:9px;background:#175491;color:#fff;font-weight:700;line-height:1.45;text-align:center;white-space:normal;cursor:pointer;max-width:100%}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#eaf0f7;color:#254564}.gold,.direct-action{background:#d5a246;color:#172b42}.ghost{background:transparent;border:1px solid #cad9e7;color:#244364}input,select,textarea{width:100%;min-width:0;background:#fff;color:#20354c;border:1px solid #ccd8e5;border-radius:8px;padding:11px 12px;min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid #5596ca;outline-offset:2px}textarea{min-height:110px;resize:vertical}input[type=checkbox],input[type=radio]{width:23px;height:23px;min-height:23px;flex:none;accent-color:#175491}header{height:auto;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding:22px max(24px,calc((100vw - 1440px)/2));background:#fff;border-bottom:1px solid #dde5ee}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;flex:none}.brand b{color:#bd8a27}.brand small{display:block;font-size:11px;font-weight:500;color:#718397}.logo{display:grid;place-items:center;width:44px;height:44px;background:#153862;color:#efc579;border:2px solid #d7a648;border-radius:12px}.header-right{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;min-width:0}#account{display:flex;flex-wrap:wrap;gap:14px;align-items:center;min-width:0}.account-name{font-size:14px}.role-label{display:grid;gap:4px;max-width:100%;min-width:200px;font-size:13px;color:#62778d}.role-label select{background:#fff9ed;border-color:#d5a246}.language-select{display:flex;align-items:center;gap:6px;font-size:14px}.language-select select{width:auto;max-width:100%;min-width:110px}header nav,#nav{display:flex;flex-wrap:wrap;gap:12px 28px;width:100%;flex-basis:100%;border-top:1px solid #eef2f6;padding-top:16px}nav a{display:block;padding:5px 0;font-size:15px;color:#64788f;line-height:1.5}nav a.active{font-weight:700;color:#175491}main{max-width:1440px;margin:auto;padding:32px 24px 64px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.workspace-content,.workspace>*{min-width:0}.sidebar{background:#fff;border:1px solid #dde5ee;border-radius:12px;padding:12px}.sidebar-heading{padding:12px;color:#74859a;font-size:13px}.sidebar a{display:block;padding:12px;border-radius:8px;margin:4px 0;line-height:1.5;overflow-wrap:break-word}.sidebar a.active,.sidebar a:hover{background:#eaf2fc;color:#175491;font-weight:700}.page-head,.section-title{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head>div:first-child{flex:1;min-width:240px}.page-head h1{font-size:30px;margin:0 0 10px}.page-head p,.section-title p{color:#728399;margin:0;line-height:1.65}.page-action{max-width:100%}.card{background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:24px;min-width:0}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;padding:20px;background:#fff;border:1px solid #dfe7ef;border-radius:12px}.filters>*{min-width:0}.load-list{display:flex;flex-direction:column;gap:16px}.load-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px 28px;padding:24px;align-items:start}.load-row>*{min-width:0}.load-top,.meta,.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.load-top{margin-bottom:10px}.route{font-size:21px;font-weight:700;line-height:1.6;overflow-wrap:break-word}.route span{color:#bb8a32;margin:0 8px}.load h3{margin:8px 0 0;font-size:15px;font-weight:400;color:#697e94;line-height:1.6}.load-specs{display:grid;gap:8px;line-height:1.65}.load-price{border-top:1px solid #e8eef5;padding-top:18px;display:grid;gap:5px;align-self:stretch}.price{font-size:24px;font-weight:800;color:#175491;white-space:normal;line-height:1.5;overflow-wrap:break-word}.load-actions{border-top:1px solid #e8eef5;padding-top:18px;align-self:stretch}.load-actions .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.load-actions .btn,.load-actions button{width:100%;min-width:0}.load-owner-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:14px;color:#175491}.pill{display:inline-block;background:#eef4fa;color:#456786;padding:5px 9px;border-radius:6px;font-size:13px;line-height:1.5;white-space:normal}.muted{color:#728399;line-height:1.6}.form,.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:15px;font-weight:600;line-height:1.6;min-width:0}.field input,.field select,.field textarea{font-weight:400}.wide,.form .wide{grid-column:1/-1}.form-heading{font-size:20px;margin:12px 0 0;padding-bottom:12px;border-bottom:1px solid #e3eaf2}.details{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:22px;align-items:start}.details>*{min-width:0}.dl dt{font-size:14px;color:#748599;line-height:1.6}.dl dd{margin:6px 0 0;font-weight:600;line-height:1.65;overflow-wrap:break-word}.notice{padding:16px;border-radius:10px;background:#e8f2fc;color:#2b5277;margin:16px 0;line-height:1.7}.warning{background:#fff3db;color:#846222}.table-wrap{max-width:100%;overflow:auto}.table{border-collapse:collapse;width:100%;min-width:720px}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid #e8eef4;font-size:14px;line-height:1.6}.table th{color:#6c8093}.stat-grid,.grid,.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stat strong{display:block;font-size:30px;color:#175491;line-height:1.5}.stat span{color:#728399}.timeline{border-left:2px solid #d3e0ed;padding-left:20px}.event{margin:18px 0}.empty{text-align:center;padding:48px 24px;background:#fff;border:1px dashed #cbdbe9;border-radius:12px;color:#728399}.auth{max-width:540px;margin:40px auto}.auth form{display:grid;gap:18px}.auth .switch{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;background:#102c50;color:#fff;border-radius:18px;padding:48px}.hero h1{font-size:44px;line-height:1.3;margin:18px 0}.hero p{color:#c5d5e6;line-height:1.8}.eyebrow{color:#efc579;font-weight:700;font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-card{align-self:center;padding:28px;border:1px solid #4b6482;border-radius:12px;background:#1c3b60}.hero-card .route{color:#fff}.hero-metric{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid #526783}.hero-metric span{color:#efc579}.search-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.entry-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #dde5ee;border-radius:12px;padding:28px}.entry-card strong{font-size:23px}.entry-card span{color:#697e94;line-height:1.7}.entry-card em{font-style:normal;color:#175491;font-weight:700}.section-title{margin-top:32px}.features p{line-height:1.7;color:#697e94}.capacity-consent{display:flex;align-items:flex-start;gap:16px;padding:18px;border:2px solid #c39130;border-radius:12px;background:#fff8e8;cursor:pointer;line-height:1.6}.capacity-consent input{margin:4px 0 0;width:26px;height:26px;min-height:26px}.capacity-consent strong,.capacity-consent small{display:block}.capacity-consent small{font-size:14px;margin-top:8px;color:#516980}.accept-dialog{border:0;border-radius:16px;padding:0;width:560px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 25px 75px #071b36aa}.accept-dialog::backdrop{background:#071b36a6}.accept-box{padding:28px;display:grid;gap:20px}.accept-box h2,.accept-box p{margin:0}.listening-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-left:5px solid #d5a246}.listening-panel>div{flex:1;min-width:200px}.listening-panel h3{margin:0 0 8px}.listening-panel p{margin:0;line-height:1.7}.route-chips{display:flex;gap:10px;flex-wrap:wrap}footer{padding:40px 24px;background:#112e52;color:#cbd8e5}.footer-inner{max-width:1380px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}#toast{position:fixed;bottom:24px;right:24px;z-index:30;background:#153b61;color:#fff;border-radius:10px;padding:16px;display:none;max-width:calc(100vw - 48px);line-height:1.6}
@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr);gap:20px}.details{grid-template-columns:1fr}.hero{padding:32px;gap:24px}.hero h1{font-size:36px}.load-actions .row{grid-template-columns:1fr}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{display:flex;flex-wrap:wrap;gap:8px}.sidebar-heading{width:100%;padding:4px 10px}.sidebar a{margin:0;padding:10px 12px}.header-right{width:100%;margin-left:0;justify-content:space-between}.hero{grid-template-columns:1fr}.stat-grid,.grid,.features{grid-template-columns:repeat(2,minmax(0,1fr))}.load-actions .row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){header{padding:18px 16px;gap:18px}main{padding:24px 14px 48px}.header-right,#account{width:100%;gap:14px}.role-label{width:100%;min-width:0}.page-head>div:first-child{min-width:0;flex-basis:100%}.page-head h1{font-size:27px}.card,.load-row{padding:20px}.load-row,.form,.dl,.filters,.entry-grid,.features,.grid{grid-template-columns:1fr}.load-primary,.load-specs,.load-price,.load-actions{grid-column:1}.load-specs{border-top:1px solid #e8eef5;padding-top:16px}.load-actions{padding-top:0;border-top:0}.load-actions .row{grid-template-columns:1fr}.route{font-size:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat strong{font-size:25px}.hero{padding:28px 22px}.hero h1{font-size:32px}.hero-card{padding:22px}.hero-actions{flex-direction:column}.accept-box{padding:22px}.sidebar a{font-size:14px}.page-action{width:100%}.page-action .btn{width:100%}}

/* Layout revision 2026-10-10: full-width list actions and automatic header sizing. */
header .brand{order:0}header .header-right{order:1}header nav{order:2}
.load-row{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px 32px;border-left:4px solid #c59b50;box-shadow:0 3px 12px #193c6008}
.load-primary{padding-bottom:2px}.load-specs{background:#f5f8fc;padding:16px;border-radius:8px}
.load-price{grid-column:1;min-width:0}.load-actions{grid-column:2;min-width:0}.load-actions .row{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-content .page-head{padding-bottom:20px;border-bottom:1px solid #dce5ef}.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filters button{grid-column:1/-1;justify-self:start;min-width:150px}
@media(max-width:1100px){.load-actions .row{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.load-row{grid-template-columns:1fr}.load-primary,.load-specs,.load-price,.load-actions{grid-column:1}.load-actions{padding-top:0}.filters{grid-template-columns:1fr}.filters button{width:100%}.header-right .account-name{width:100%}.load-specs{border:0}}

/* Berkut cargo unified header baseline and brand palette */
:root{color:#173450;background:#f4f7fa}header{gap:20px 28px;padding-top:20px;padding-bottom:18px}.brand{gap:14px;font-size:24px;line-height:1.25}.brand-logo{display:block;width:78px;height:62px;object-fit:contain;flex-shrink:0}.brand-text{display:block}.brand b{color:#009cac}.brand small{margin-top:7px;font-size:12px;line-height:1.5;max-width:280px}
.header-right,#account{display:flex;align-items:center;gap:16px}.header-right{margin-left:auto}.role-label{display:flex;align-items:center;gap:10px;min-width:0;max-width:none;line-height:1.5}.role-label span{white-space:nowrap;font-size:13px}.role-label select{width:220px;height:46px;min-height:46px;padding:10px 12px;background:#f2fafb;border-color:#a3d8dd;color:#173450}.language-select{height:46px;gap:8px}.language-select select{height:46px;min-height:46px;padding:10px 12px}.account-name{display:flex;align-items:center;min-height:46px;font-size:14px}.header-right button,.header-right .btn{height:46px;min-height:46px;padding:10px 18px}
button,.btn{background:#0a426e;border-radius:8px}.secondary{background:#eaf1f7;color:#244762}.ghost{background:#fff;color:#244762;border:1px solid #c8d8e5}.gold,.direct-action{background:#009cac;color:#fff}.direct-action:hover,.gold:hover{background:#008594}.sidebar a.active{background:#e8f6f7;color:#006e7b}.load-row{border-left-color:#009cac}.load-specs{background:#f3f8fa}.price{color:#0a426e}.pill{background:#eaf5f7;color:#236474}.hero{background:#082e58}.eyebrow,.hero-metric span{color:#ffae56}.entry-card em{color:#008692}.listening-panel{border-left-color:#009cac}.capacity-consent{border-color:#009cac;background:#eefafb}.route span{color:#009cac}.sidebar{padding:14px}.card,.sidebar,.filters,.entry-card{border-color:#dde7ee}.card{box-shadow:0 3px 12px #153b5505}.page-head h1{font-size:29px}.table th{background:#f5f8fb}.table td{vertical-align:middle}.table td .row{gap:8px}.form-heading{color:#0a426e}.hero-card{box-shadow:none}header nav{align-items:center;gap:12px 30px}nav a.active{color:#008594}input,select,textarea{line-height:1.5}
@media(max-width:1200px){header{align-items:flex-start}.header-right{width:100%;margin-left:0;justify-content:flex-end}.role-label select{width:220px}}
@media(max-width:850px){.header-right{justify-content:flex-start}#account{flex:1;justify-content:flex-start;flex-wrap:wrap}.brand-logo{width:70px;height:56px}}
@media(max-width:560px){.brand{font-size:22px}.brand small{font-size:11px}.header-right{gap:14px;align-items:center}.language-select{width:auto}#account{width:100%;flex-basis:100%;gap:12px}.role-label{width:auto;flex:1;flex-direction:row;min-width:230px;gap:8px}.role-label span{font-size:12px}.role-label select{width:100%;min-width:0}.account-name{min-height:32px;flex-basis:100%}.header-right button{height:46px}.brand-logo{width:68px;height:54px}.stat-grid{gap:12px}}