:root{
  --navy:#0b2d59;--navy2:#123e70;--blue:#0b82d8;--cyan:#19b6c9;--green:#0d9b6c;--red:#d84a5d;--amber:#c98913;
  --ink:#142333;--muted:#647386;--line:#dfe6ee;--soft:#f4f7fa;--soft2:#edf3f8;--white:#fff;--shadow:0 18px 50px rgba(20,43,70,.12);
  --radius:14px;--header:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fb;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.full{width:100%}
.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:34px}.brand{display:flex;align-items:center;min-width:220px}.brand img{width:205px;height:auto;display:block}.public-nav{display:flex;gap:28px;flex:1}.public-nav a{text-decoration:none;color:#3e5267;font-weight:700;font-size:14px}.public-nav a:hover{color:var(--blue)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn{border:0;border-radius:9px;padding:10px 15px;font-weight:800;font-size:13px;transition:.16s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;box-shadow:0 7px 20px rgba(11,76,130,.18)}.btn-success{background:var(--green);color:#fff}.btn-danger{background:#fff0f2;color:#b92f45;border:1px solid #f1cbd2}.btn-light{background:#fff;color:var(--navy);border:1px solid #cfd9e3}.btn-ghost{background:transparent;color:var(--navy);border:1px solid transparent}.btn-ghost:hover{background:var(--soft)}.btn-xl{padding:14px 22px;border-radius:11px;font-size:14px}.btn-sm{padding:7px 10px;font-size:12px;border-radius:7px}.link-btn{border:0;background:none;color:var(--blue);font-weight:800;padding:0}.icon-btn{position:relative;border:1px solid var(--line);width:42px;height:42px;border-radius:10px;background:#fff}.notification-count{position:absolute;right:-6px;top:-6px;min-width:19px;height:19px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.account-button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:8px;text-align:left}.account-button>span:first-child{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--navy),var(--cyan));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.account-text{display:grid;line-height:1.15}.account-text b{font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-text small{font-size:10px;color:var(--muted);margin-top:3px}
.hero{min-height:700px;background:radial-gradient(circle at 75% 20%,rgba(25,182,201,.13),transparent 31%),linear-gradient(135deg,#f8fbfe 0%,#fff 55%,#edf7fb 100%);display:grid;grid-template-columns:1.03fr .97fr;gap:55px;align-items:center;padding:75px 6vw 90px}.hero-copy{max-width:720px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--blue);margin-bottom:11px}.hero h1{font-size:62px;line-height:1.02;letter-spacing:-2.8px;margin:0 0 22px;color:#102b4d}.hero h1 span{color:var(--blue)}.hero-lead{font-size:18px;line-height:1.65;color:#52667b;max-width:680px}.hero-actions-row{display:flex;gap:12px;margin:30px 0 25px}.trust-strip{display:flex;flex-wrap:wrap;gap:12px 22px;color:#516579;font-size:12px}.trust-strip div{display:flex;align-items:center;gap:6px}.trust-strip b{color:var(--green)}
.hero-panel{background:#fff;border:1px solid #d9e4ee;border-radius:18px;box-shadow:0 28px 70px rgba(20,50,80,.14);overflow:hidden;min-height:420px}.market-preview-head{display:flex;align-items:center;gap:9px;padding:17px 18px;border-bottom:1px solid var(--line);font-size:12px}.market-preview-head b{flex:1}.market-preview-head>span:last-child{color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(13,155,108,.12)}.preview-filters{display:flex;gap:8px;padding:12px 14px;background:#f8fafc;border-bottom:1px solid var(--line)}.preview-filters span{font-size:11px;font-weight:750;background:#fff;border:1px solid var(--line);padding:6px 8px;border-radius:7px}.preview-row{display:grid;grid-template-columns:1.35fr .8fr .8fr .6fr;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid #eef2f5;font-size:11px}.preview-row:hover{background:#fafcfe}.preview-route b{display:block;font-size:12px}.preview-route small{color:var(--muted)}.preview-price{font-weight:900;color:var(--navy);text-align:right}.preview-badge{font-size:10px;padding:4px 6px;background:#edf5ff;color:#1c61a4;border-radius:6px;width:max-content}.preview-footer{padding:14px 16px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}
.feature-band,.how-section{padding:85px 6vw;max-width:1600px;margin:auto}.section-title{max-width:760px;margin-bottom:36px}.section-title h2,.security-card h2{font-size:38px;line-height:1.16;letter-spacing:-1.2px;margin:0 0 12px;color:#153452}.section-title p,.security-card p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;min-height:205px}.feature-grid article:hover{box-shadow:var(--shadow);border-color:#cbd9e6}.feature-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#e9f2ff,#e3fbfd);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:20px}.feature-grid h3{margin:18px 0 8px;font-size:17px}.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.security-section{padding:30px 6vw 85px}.security-card{max-width:1450px;margin:auto;background:linear-gradient(135deg,#0b2d59,#0b5d8f);border-radius:22px;padding:48px;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;box-shadow:0 30px 70px rgba(11,45,89,.22)}.security-card .eyebrow{color:#64dcea}.security-card h2{color:#fff}.security-card p{color:#cfdeeb}.checklist-demo{background:#fff;color:var(--ink);border-radius:15px;padding:10px}.checklist-demo>div{display:flex;gap:11px;align-items:center;padding:12px;border-bottom:1px solid #edf1f4}.checklist-demo>div:last-child{border-bottom:0}.check{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-weight:900}.check.ok{background:#e6f8f1;color:var(--green)}.check.warn{background:#fff4df;color:var(--amber)}.checklist-demo div div{display:grid}.checklist-demo b{font-size:12px}.checklist-demo small{color:var(--muted);font-size:10px;margin-top:2px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps-grid>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.steps-grid span{font-size:11px;color:var(--blue);font-weight:900}.steps-grid h3{margin:8px 0 5px}.steps-grid p{margin:0;color:var(--muted);font-size:13px}.landing-footer{border-top:1px solid var(--line);padding:25px 6vw 35px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);background:#fff}.landing-footer>div:first-child{display:flex;align-items:center;gap:14px}.landing-footer img{width:150px}
/* App */
.app-shell{min-height:calc(100vh - var(--header));display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:var(--header);height:calc(100vh - var(--header));background:#0d2d51;color:#d9e6f2;padding:18px 12px;display:flex;flex-direction:column;z-index:40}.sidebar-company{padding:12px 10px 16px;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:12px}.sidebar-company b{display:block;color:#fff;font-size:13px}.sidebar-company small{display:block;color:#9db3c8;font-size:10px;margin-top:4px}.sidebar-company .verify{margin-top:8px;display:inline-flex;font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.1)}.app-nav{display:grid;gap:3px}.app-nav button{border:0;background:transparent;color:#b8cbe0;border-radius:8px;padding:10px 11px;text-align:left;display:flex;align-items:center;gap:9px;font-weight:720;font-size:12px}.app-nav button span{width:19px;text-align:center}.app-nav button:hover,.app-nav button.active{background:rgba(255,255,255,.11);color:#fff}.app-nav button i{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;font-style:normal;font-size:9px}.sidebar-bottom{margin-top:auto;display:grid;gap:8px;padding-top:12px}.sidebar-bottom .btn-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.workspace{min-width:0}.workspace-top{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:14px;position:sticky;top:var(--header);z-index:30}.workspace-top h1{margin:2px 0 0;font-size:23px;line-height:1}.workspace-kicker{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:900}.workspace-actions{margin-left:auto;display:flex;gap:8px}.sidebar-toggle{display:none;border:0;background:#f1f5f8;width:38px;height:38px;border-radius:9px}.page-content{padding:22px 26px 55px;max-width:1700px;width:100%;margin:0 auto}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:14px;margin:0}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel-body{padding:16px}.toolbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}.toolbar-row{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.field{display:grid;gap:5px;min-width:0}.field label,.form-label{font-size:10px;font-weight:900;color:#5d6d7e;text-transform:uppercase;letter-spacing:.2px}.field input,.field select,.form-input,.form-select,.form-textarea{width:100%;border:1px solid #d8e1e9;border-radius:8px;background:#fff;color:var(--ink);padding:9px 10px;font-size:12px;outline:none}.field input:focus,.field select:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#5aa7df;box-shadow:0 0 0 3px rgba(11,130,216,.09)}.filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.filter-chip{border:1px solid #d8e1e9;border-radius:999px;padding:6px 9px;background:#fff;font-size:10px;color:#516172;font-weight:750}.filter-chip.active{border-color:#8dc6eb;background:#eef8ff;color:#1268a5}.results-summary{display:flex;align-items:center;gap:9px;margin:12px 2px;font-size:11px;color:var(--muted)}.results-summary b{font-size:12px;color:var(--ink)}.results-summary .push{margin-left:auto}.select-small{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:11px}
.market-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.market-table{width:100%;border-collapse:collapse;min-width:1040px}.market-table th{position:sticky;top:0;background:#f4f7fa;color:#5d6d7e;text-transform:uppercase;letter-spacing:.4px;font-size:9px;text-align:left;padding:9px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.market-table td{padding:10px 11px;border-bottom:1px solid #edf1f4;font-size:11px;vertical-align:middle}.market-table tbody tr{transition:.1s}.market-table tbody tr:hover{background:#f8fbfd}.market-table tr:last-child td{border-bottom:0}.route-cell{min-width:170px}.route-cell b{display:flex;align-items:center;gap:5px;font-size:12px}.route-cell small{display:block;color:var(--muted);margin-top:2px}.flag{display:inline-flex;width:23px;height:17px;border-radius:4px;background:#eaf0f5;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#41556a}.company-cell{min-width:165px}.company-name{font-weight:850;color:var(--navy);display:flex;align-items:center;gap:4px}.verified-icon{color:var(--green);font-weight:900}.rating{display:flex;align-items:center;gap:4px;color:#7c6843;margin-top:2px;font-size:10px}.price-cell b{font-size:13px;color:#123e70}.age{font-variant-numeric:tabular-nums;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:850;white-space:nowrap}.badge-blue{background:#eaf4ff;color:#166aa8}.badge-green{background:#e8f8f2;color:#087554}.badge-amber{background:#fff5e3;color:#9c6505}.badge-red{background:#fff0f2;color:#b43b4e}.badge-gray{background:#eef2f5;color:#5c6b7b}.badge-purple{background:#f2edff;color:#684ab5}.table-actions{display:flex;gap:5px;justify-content:flex-end}.table-actions .btn{white-space:nowrap}.empty-state{padding:55px 25px;text-align:center;color:var(--muted)}.empty-state h3{color:var(--ink);margin:0 0 7px}.empty-state p{margin:0 auto 15px;max-width:480px;font-size:12px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.stat-card small{color:var(--muted);font-size:10px}.stat-card b{display:block;font-size:25px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.list{display:grid}.list-item{padding:13px 15px;border-bottom:1px solid #edf1f4}.list-item:last-child{border-bottom:0}.list-item-head{display:flex;justify-content:space-between;gap:12px}.list-item h4{margin:0;font-size:12px}.list-item p{margin:4px 0 0;color:var(--muted);font-size:11px}.list-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.status-flow{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.status-step{font-size:9px;padding:5px 7px;background:#edf1f4;color:#718090;border-radius:999px}.status-step.done{background:#e6f7ef;color:#087554}.status-step.current{background:#e9f4ff;color:#166aa8;font-weight:900}.match-score{font-size:16px;color:var(--green);font-weight:950}.match-meter{height:5px;background:#e9eef2;border-radius:999px;overflow:hidden;margin-top:4px}.match-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}
.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.company-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.company-card:hover{box-shadow:0 10px 28px rgba(20,43,70,.08)}.company-card h3{font-size:13px;margin:0;display:flex;align-items:center;gap:5px}.company-meta{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.company-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.company-stats div{background:#f6f8fa;border-radius:8px;padding:8px}.company-stats small{display:block;color:var(--muted);font-size:9px}.company-stats b{font-size:12px}.company-card footer{display:flex;gap:6px;justify-content:flex-end}
.verification-layout{display:grid;grid-template-columns:1fr 340px;gap:14px}.verification-status{padding:18px;border-radius:12px;background:linear-gradient(135deg,#f0f7ff,#f7fbfd);border:1px solid #dce8f2;margin-bottom:14px}.verification-status h3{margin:0 0 5px}.verification-status p{margin:0;color:var(--muted);font-size:12px}.doc-list{display:grid;gap:8px}.doc-item{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:11px;align-items:center}.doc-icon{width:36px;height:36px;border-radius:9px;background:#edf3f8;display:grid;place-items:center}.doc-main{min-width:0;flex:1}.doc-main b{display:block;font-size:11px}.doc-main small{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-state-stack{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.doc-status{font-size:9px;font-weight:850}.verify-verified{color:var(--green);font-weight:850}.verify-pending{color:var(--amber);font-weight:850}.progress{height:8px;background:#e7edf2;border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--green))}.requirement-list{display:grid;gap:8px;margin-top:12px}.requirement-list div{display:flex;align-items:flex-start;gap:8px;font-size:11px}.requirement-list i{font-style:normal;width:20px;height:20px;border-radius:6px;background:#e7f7ef;color:var(--green);display:grid;place-items:center;font-weight:900}.requirement-list i.missing{background:#fff2e2;color:var(--amber)}
.notification-list{background:#fff;border:1px solid var(--line);border-radius:12px}.notification-item{padding:13px 15px;border-bottom:1px solid #edf1f4;display:grid;grid-template-columns:8px 1fr auto;gap:10px}.notification-item:last-child{border-bottom:0}.notification-item .mark{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:5px}.notification-item.read .mark{background:#c9d2da}.notification-item b{font-size:11px}.notification-item p{margin:3px 0;color:var(--muted);font-size:10px}.notification-item time{font-size:9px;color:#8592a0}.notification-item.read{opacity:.7}
.chat-layout{display:grid;grid-template-columns:320px 1fr;min-height:550px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.thread-list{border-right:1px solid var(--line);overflow:auto}.thread-item{padding:12px;border-bottom:1px solid #edf1f4;cursor:pointer}.thread-item:hover,.thread-item.active{background:#f4f8fb}.thread-item b{display:block;font-size:11px}.thread-item small{color:var(--muted);font-size:9px}.chat-pane{display:flex;flex-direction:column}.chat-head{padding:13px 15px;border-bottom:1px solid var(--line)}.chat-head b{font-size:12px}.messages{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1;overflow:auto;background:#f8fafc}.message{max-width:72%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:11px}.message.mine{align-self:flex-end;background:#eaf5ff;border-color:#cde6f8}.message small{display:block;color:var(--muted);margin-top:5px;font-size:8px}.chat-compose{border-top:1px solid var(--line);padding:10px;display:flex;gap:8px}.chat-compose input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:11px}
/* modal/forms */
.modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(7,20,34,.62);backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;border-radius:15px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.28);padding:25px}.modal-card.wide{width:min(1080px,100%)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f4f6;color:#5b6b7a;border-radius:8px;width:32px;height:32px;font-size:20px;z-index:2}.modal h2{margin:0 40px 5px 0;font-size:22px}.modal-sub{color:var(--muted);font-size:11px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-group{display:grid;gap:5px}.form-group.full{grid-column:1/-1}.form-textarea{min-height:90px;resize:vertical}.form-section{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.form-section-title{font-size:11px;font-weight:900;margin-bottom:10px;color:#435668}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-hint{font-size:9px;color:var(--muted)}.required-star{color:var(--red)}.checkbox{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#526578}.checkbox input{margin-top:2px}.upload-box{border:1px dashed #becbd7;background:#f9fbfd;border-radius:10px;padding:12px;display:grid;gap:7px}.upload-box input{font-size:10px}.register-steps{display:flex;gap:6px;margin-bottom:18px}.register-steps span{height:5px;border-radius:999px;background:#e4eaf0;flex:1}.register-steps span.active{background:var(--blue)}.error-box{background:#fff0f2;border:1px solid #f0cbd2;color:#a93649;border-radius:9px;padding:9px 11px;font-size:11px;margin-bottom:10px}.info-box{background:#edf7ff;border:1px solid #d0e7f7;color:#315e7e;border-radius:9px;padding:10px 11px;font-size:11px}.profile-head{display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:14px}.profile-head h2{font-size:20px}.profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rating-grid div{background:#f5f8fa;border-radius:8px;padding:9px}.rating-grid small{display:block;color:var(--muted);font-size:8px}.rating-grid b{font-size:14px}.transport-order{font-size:11px}.order-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:15px}.order-head img{width:160px}.order-number{text-align:right}.order-number b{font-size:15px}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-box{border:1px solid var(--line);border-radius:9px;padding:11px}.order-box h4{margin:0 0 7px;color:var(--navy)}.order-box p{margin:3px 0}.audit-list{border-left:2px solid #dfe6ed;margin-left:7px;padding-left:15px}.audit-list div{position:relative;margin:10px 0}.audit-list div:before{content:"";position:absolute;width:8px;height:8px;background:var(--blue);border-radius:50%;left:-20px;top:4px}.audit-list b{font-size:10px}.audit-list small{display:block;color:var(--muted);font-size:9px}.toast{position:fixed;right:22px;bottom:22px;z-index:900;max-width:390px;background:#12263b;color:#fff;padding:12px 15px;border-radius:10px;font-size:11px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.toast.error{background:#a93649}.toast.success{background:#087554}
.admin-company{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.admin-company-head{display:grid;grid-template-columns:1.5fr .7fr .8fr auto;gap:10px;align-items:center;padding:13px 15px}.admin-docs{border-top:1px solid var(--line);padding:10px 15px;background:#fafcfd}.admin-doc{display:grid;grid-template-columns:1fr .65fr .65fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f4;font-size:10px}.admin-doc:last-child{border-bottom:0}
@media(max-width:1180px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:850px}.hero-panel{max-width:850px}.feature-grid{grid-template-columns:repeat(2,1fr)}.toolbar-row{grid-template-columns:repeat(3,1fr)}.company-grid{grid-template-columns:repeat(2,1fr)}.verification-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.public-nav{display:none}.brand{min-width:0}.brand img{width:175px}.site-header{padding:0 18px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:245px;top:var(--header);transition:.2s}.sidebar.open{left:0;box-shadow:15px 0 45px rgba(0,0,0,.2)}.sidebar-toggle{display:block}.workspace-top{top:var(--header);padding:0 16px}.page-content{padding:16px}.security-card{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.thread-list{max-height:220px;border-right:0;border-bottom:1px solid var(--line)}.rating-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.site-header{height:64px;--header:64px}.brand img{width:145px}.header-actions .btn{padding:8px 10px;font-size:11px}.hero{padding:50px 20px 65px;min-height:auto}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-lead{font-size:15px}.hero-actions-row{flex-direction:column}.hero-actions-row .btn{width:100%}.preview-row{grid-template-columns:1.35fr .7fr .65fr}.preview-row>div:nth-child(3){display:none}.feature-band,.how-section{padding:60px 20px}.feature-grid,.steps-grid,.company-grid{grid-template-columns:1fr}.security-section{padding:10px 20px 60px}.security-card{padding:28px 20px}.section-title h2,.security-card h2{font-size:30px}.landing-footer{padding:20px;flex-direction:column;align-items:flex-start;gap:10px}.account-text{display:none}.toolbar-row{grid-template-columns:1fr 1fr}.toolbar-row .field:nth-child(n+5){grid-column:auto}.workspace-top{height:76px}.workspace-top h1{font-size:19px}.workspace-actions .btn span{display:none}.stat-grid{grid-template-columns:1fr 1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.modal{padding:8px}.modal-card{padding:20px 15px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.order-grid{grid-template-columns:1fr}.admin-company-head,.admin-doc{grid-template-columns:1fr}.profile-head{grid-template-columns:1fr}.message{max-width:90%}}
@media print{.site-header,.sidebar,.workspace-top,.form-actions,.modal-close{display:none!important}.modal{position:static;padding:0}.modal-backdrop{display:none}.modal-card{box-shadow:none;max-height:none;width:100%;padding:0}.transport-order{font-size:11pt}}
/* V6: finance, team, live tracking */
.payment-trust-card{margin-top:14px;border:1px solid #d9e5ee;background:linear-gradient(135deg,#f7fbff,#f3fbf9);border-radius:11px;padding:13px 14px;display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.payment-trust-card small{display:block;font-size:8px;letter-spacing:.9px;color:var(--muted);font-weight:900}.payment-trust-card b{display:block;margin-top:4px}.payment-trust-card p{margin:0;color:var(--muted);font-size:10px}.trust-payment{font-size:14px}.trust-payment.good{color:var(--green)}.trust-payment.neutral{color:var(--muted)}
.finance-table-wrap{overflow:auto}.finance-table{width:100%;border-collapse:collapse;font-size:10px;min-width:950px}.finance-table th{text-align:left;background:#f7f9fb;color:#6e7e8e;font-size:8px;letter-spacing:.5px;padding:9px 10px;border-bottom:1px solid var(--line)}.finance-table td{padding:10px;border-bottom:1px solid #edf1f4;vertical-align:middle}.finance-table td small{display:block;color:var(--muted);margin-top:3px}.finance-table tr:hover td{background:#fbfdff}.finance-status-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0 15px;border-bottom:1px solid var(--line);margin-bottom:14px}.finance-status-line>b{font-size:18px}.payment-info,.security-note{margin-top:14px;border:1px solid #dbe6ee;background:#f6f9fb;border-radius:10px;padding:11px 13px;display:flex;gap:12px;align-items:flex-start;font-size:10px}.payment-info b,.security-note b{min-width:135px;color:var(--navy)}.payment-info span,.security-note span{color:var(--muted)}.danger-text{color:var(--red)!important}
.team-list{display:grid}.team-row{display:grid;grid-template-columns:38px minmax(220px,1fr) 170px 110px auto;gap:12px;align-items:center;padding:11px 15px;border-bottom:1px solid #edf1f4}.team-row:last-child{border-bottom:0}.team-row b{font-size:11px}.team-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.team-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.muted-avatar{background:#edf2f6;color:#617284}.copy-link{display:grid;grid-template-columns:1fr auto;gap:8px}.copy-link input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.tracking-live{display:flex;align-items:center;gap:9px;border:1px solid #cceadf;background:#f0fbf6;border-radius:10px;padding:10px 12px;margin-bottom:12px}.tracking-live b{font-size:11px}.tracking-live small{margin-left:auto;color:var(--muted);font-size:9px}.tracking-last{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:11px;padding:14px;margin:10px 0}.tracking-last small{display:block;color:var(--muted);font-size:8px;font-weight:900}.tracking-last b{display:block;font-size:18px;color:var(--navy);margin:3px 0}.tracking-last span{font-size:9px;color:var(--muted)}.tracking-history{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.tracking-history>div{border:1px solid #e6ecf1;border-radius:8px;padding:7px 9px;display:flex;justify-content:space-between;font-size:9px}.tracking-history span{color:var(--muted)}
.driver-shell,.join-shell{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(25,182,201,.13),transparent 30%),#f5f8fb;display:grid;place-items:center;padding:22px}.driver-card,.join-card{width:min(580px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}.driver-card .driver-logo,.join-card .join-logo{width:190px;margin-bottom:22px}.driver-route{background:#f6f9fb;border:1px solid var(--line);border-radius:11px;padding:13px;margin:14px 0}.driver-route b{display:block;font-size:15px}.driver-route small{color:var(--muted)}.gps-state{border-radius:10px;padding:12px;margin:12px 0;background:#f7f9fb;border:1px solid var(--line);font-size:11px}.gps-state.live{background:#eefaf5;border-color:#caeadc;color:#126849}.gps-state.error{background:#fff2f3;border-color:#f0cbd2;color:#a93649}.driver-actions{display:grid;gap:8px}.driver-actions .btn{width:100%;padding:13px}.privacy-copy{font-size:9px;color:var(--muted);margin-top:12px;line-height:1.55}
@media(max-width:900px){.team-row{grid-template-columns:38px 1fr auto}.team-row>div:nth-child(3),.team-row>div:nth-child(4){grid-column:2}.team-row>div:last-child{grid-column:3;grid-row:1/4}.payment-trust-card{grid-template-columns:1fr}.tracking-history{grid-template-columns:1fr}}
@media(max-width:650px){.finance-actions{flex-direction:column}.tracking-last{align-items:flex-start;flex-direction:column}.copy-link{grid-template-columns:1fr}.team-row{grid-template-columns:34px 1fr}.team-row>div:last-child{grid-column:2;grid-row:auto}.payment-info,.security-note{display:grid}.driver-card,.join-card{padding:20px}}
/* V7: onboarding, account security, route planner */
.login-form-v2{max-width:500px;margin:0 auto;padding:8px 4px}.login-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}.login-brand img{width:175px;height:auto}.login-brand span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#7890a4;text-align:right}.login-form-v2>h2{font-size:26px!important;letter-spacing:-.5px;color:var(--navy)}.free-access-box{display:grid;gap:4px;margin:0 0 18px;padding:12px 14px;border:1px solid #bfe7d7;background:linear-gradient(135deg,#effaf5,#f8fffc);border-radius:11px}.free-access-box b{font-size:10px;color:#0e7f59;letter-spacing:.35px}.free-access-box span{font-size:10px;line-height:1.55;color:#4e6f62}.auth-actions-v2{justify-content:space-between}.auth-actions-v2 .btn-primary{min-width:135px}.free-access-note{max-width:620px;margin-left:auto;margin-right:auto;justify-content:center}.free-register-banner{border-color:#bfe7d7;background:#effaf5}
.auth-link{margin-top:10px}.code-input{font-size:20px;letter-spacing:5px;text-align:center;font-weight:900}.secret-box{border:1px solid var(--line);background:#f7fafc;border-radius:10px;padding:12px;margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.secret-box small{grid-column:1/-1;color:var(--muted);font-size:8px;font-weight:900}.secret-box b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:var(--navy)}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.recovery-grid code{background:#f4f7fa;border:1px solid var(--line);padding:9px;border-radius:8px;text-align:center;font-weight:900}.auth-success,.auth-error{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900;margin-bottom:14px}.auth-success{background:#e9f9f1;color:var(--green)}.auth-error{background:#fff0f2;color:var(--red)}
.onboarding-hero{background:linear-gradient(135deg,#0c315d,#0d6ca1);color:#fff;border-radius:16px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.onboarding-hero small{letter-spacing:1px;font-size:9px;color:#9fdded;font-weight:900}.onboarding-hero h2{margin:5px 0 8px;font-size:27px}.onboarding-hero p{margin:0;max-width:760px;color:#d3e4ef;font-size:12px}.onboarding-ring{--p:0;width:92px;height:92px;min-width:92px;border-radius:50%;background:conic-gradient(#36d1c4 calc(var(--p)*1%),rgba(255,255,255,.15) 0);display:grid;place-items:center;position:relative}.onboarding-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0e4773}.onboarding-ring b{position:relative;z-index:2}.onboarding-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.onboarding-steps{display:grid}.onboarding-steps>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid #edf1f4}.onboarding-steps>div:last-child{border-bottom:0}.onboarding-steps>div>span{width:30px;height:30px;border-radius:9px;background:#eef3f7;color:#6c7e90;display:grid;place-items:center;font-size:10px;font-weight:900}.onboarding-steps>div.done>span{background:#e7f8f0;color:var(--green)}.onboarding-steps b{font-size:11px}.onboarding-steps small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.security-dashboard{max-width:1000px}.security-score-card{background:linear-gradient(135deg,#102f56,#0a77a6);border-radius:15px;padding:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.security-score-card small{font-size:9px;letter-spacing:1px;color:#a8dbe9;font-weight:900}.security-score-card h2{margin:5px 0;font-size:26px}.security-score-card p{margin:0;color:#d6e6ef;font-size:11px}.security-shield{width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:30px;font-weight:900}.security-setting{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #edf1f4}.security-setting:last-child{border-bottom:0}.security-setting b{font-size:11px}.security-setting small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.route-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.route-result{min-height:360px}.route-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.route-kpis>div{background:#f5f8fb;border:1px solid #e5ebf0;border-radius:10px;padding:14px}.route-kpis small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.8px}.route-kpis b{display:block;margin-top:5px;font-size:19px;color:var(--navy)}.route-points{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.route-points>div{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:11px;border-bottom:1px solid #edf1f4}.route-points>div:last-child{border-bottom:0}.route-points span{width:25px;height:25px;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.route-points b{font-size:10px}
@media(max-width:1000px){.onboarding-grid,.route-layout{grid-template-columns:1fr}}@media(max-width:650px){.onboarding-hero{align-items:flex-start}.onboarding-ring{width:72px;height:72px;min-width:72px}.security-setting{grid-template-columns:1fr}.recovery-grid,.route-kpis{grid-template-columns:1fr}.secret-box{grid-template-columns:1fr}}
/* V8: Trust & Safety, session control, admin operations cockpit */
.session-list{display:grid}.session-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid #edf1f4}.session-row:last-child{border-bottom:0}.session-row b{font-size:11px}.session-row small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.admin-kpis>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 3px 10px rgba(11,45,78,.04)}.admin-kpis small{display:block;font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.7px}.admin-kpis b{display:block;font-size:22px;color:var(--navy);margin:5px 0}.admin-kpis span{font-size:9px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.readiness-score{font-size:24px;font-weight:900;color:var(--navy)}.readiness-list{display:grid}.readiness-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid #edf1f4}.readiness-list>div:last-child{border-bottom:0}.readiness-list i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:900}.readiness-list i.ok{background:#e9f9f1;color:var(--green)}.readiness-list i.missing{background:#fff1f3;color:var(--red)}.readiness-list b{font-size:10px}.readiness-list small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.risk-list{display:grid}.risk-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px solid #edf1f4}.risk-list>div:last-child{border-bottom:0}.risk-list b{font-size:10px}.risk-list small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.report-list{display:grid}.report-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 15px;border-bottom:1px solid #edf1f4}.report-row:last-child{border-bottom:0}.report-row b{font-size:10px}.report-row small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.report-row p{margin:5px 0 0;font-size:9px;color:#53677a}.audit-list{display:grid}.audit-list>div{display:grid;grid-template-columns:140px 220px 1fr;gap:12px;padding:9px 15px;border-bottom:1px solid #edf1f4;font-size:9px}.audit-list>div:last-child{border-bottom:0}.audit-list time,.audit-list span{color:var(--muted)}
@media(max-width:1150px){.admin-kpis{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.report-row{grid-template-columns:1fr}.audit-list>div{grid-template-columns:1fr}.session-row{align-items:flex-start;flex-direction:column}}


/* V10.1 — company verification + live business chat */
.thread-item{position:relative}
.chat-unread{position:absolute;right:10px;top:10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--blue);color:#fff;display:inline-grid;place-items:center;font-size:9px;font-weight:900}
#sidebarChatCount{font-style:normal;margin-left:auto;background:#dcecff;color:#135f9a;border-radius:999px;padding:1px 6px;font-size:8px}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.check-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-height:190px}
.check-card h3{margin:6px 0 8px;font-size:15px}
.check-card p{font-size:11px;color:#526578;line-height:1.55}
.check-card small{display:block;margin-top:9px}
.official-registry-tools{border:1px solid #dce5ed;background:#f8fbfd;border-radius:9px;padding:10px}
.official-registry-tools .list-actions{margin-top:5px}
@media(max-width:900px){.check-grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.thread-list{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}}


/* V10.2 — official APR/NBS integration */
.registry-result{border-radius:10px;padding:10px 11px;margin:8px 0;font-size:11px;line-height:1.5}
.registry-result p{margin:5px 0;color:inherit}
.registry-result small{opacity:.8}
.registry-ok{background:#eaf8f2;border:1px solid #c5ebdb;color:#116249}
.registry-danger{background:#fff0f2;border:1px solid #f1c8d0;color:#9e3043}
.official-check-summary{display:flex;flex-wrap:wrap;gap:7px}


/* V10.3 — professional freight detail panel + reputation */
.freight-detail{font-size:11px;color:#24384a}
.freight-detail-head{display:grid;grid-template-columns:1fr auto;gap:16px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.freight-detail-head h2{font-size:20px;margin:3px 0 3px}.freight-detail-head p{margin:0;color:var(--muted)}
.freight-head-actions{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.freight-company{display:grid;grid-template-columns:1fr auto;gap:16px;padding:14px 0 10px;border-bottom:1px solid var(--line)}
.freight-company-main{display:flex;gap:11px;align-items:center}.company-avatar{width:45px;height:45px;border-radius:10px;background:#eaf2f8;color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:15px;border:1px solid #d7e3ec}
.freight-company-name{font-size:14px;font-weight:900}.freight-company-meta{font-size:9px;color:var(--muted);margin-top:3px}
.rating-line{display:flex;gap:5px;align-items:center;margin-top:4px;font-size:10px}.rating-line span:last-child{color:var(--muted)}
.stars{color:#e6a700;letter-spacing:1px;white-space:nowrap}.freight-company-trust{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.freight-contact{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;padding:10px 0 14px;border-bottom:1px solid var(--line)}
.freight-contact>div{background:#f7fafc;border:1px solid #e6edf3;border-radius:8px;padding:9px 10px;display:grid;gap:2px}
.freight-contact small{font-size:8px;color:#789}.freight-contact b{font-size:10px}.freight-contact span{font-size:9px;color:var(--muted)}
.freight-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.freight-section{border:1px solid #dce5ec;border-radius:9px;overflow:hidden;background:#fff}
.freight-section h4{margin:0;padding:7px 10px;background:#eaf1f6;color:#37516a;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.freight-section dl{display:grid;grid-template-columns:42% 58%;margin:0;padding:9px 10px;row-gap:6px}.freight-section dt{color:#758797}.freight-section dd{margin:0;font-weight:700}
.freight-section .freight-price{font-size:15px;color:var(--navy)}.freight-notes{padding:9px 10px;margin:0;line-height:1.5;color:#526578}
.freight-route-card{margin-top:12px;border:1px solid #dce5ec;border-radius:9px;overflow:hidden}
.freight-route-title{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#eaf1f6}.freight-route-title h4{margin:0;font-size:9px;text-transform:uppercase;color:#37516a}.freight-route-title span{font-size:9px;color:var(--muted)}
.freight-route-line{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:12px}
.route-stop{display:flex;gap:10px;align-items:center}.route-stop i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:900}
.route-stop.pickup i{background:#e9f8ef;color:#11854f}.route-stop.delivery i{background:#eaf3ff;color:#1576c1}
.route-stop div{display:grid;gap:2px}.route-stop b{font-size:11px}.route-stop span,.route-stop small{font-size:9px;color:var(--muted)}
.route-connector{padding:0 10px}.route-connector span{display:block;height:3px;background:linear-gradient(90deg,#5acb8b,#3399d6);border-radius:999px;position:relative}.route-connector span:after{content:"";position:absolute;right:-2px;top:-3px;border-left:7px solid #3399d6;border-top:4px solid transparent;border-bottom:4px solid transparent}
.freight-rating-card{display:grid;grid-template-columns:220px 1fr;gap:16px;margin-top:12px;padding:12px;border:1px solid #dce5ec;border-radius:9px;background:#fbfcfd}.freight-rating-card h4{margin:0 0 4px}.freight-rating-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}
.rating-breakdown{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rating-breakdown>div{border-left:1px solid #e2e8ee;padding-left:8px;display:grid}.rating-breakdown span{font-size:8px;color:var(--muted)}.rating-breakdown b{font-size:13px}.rating-breakdown i{font-style:normal;font-size:8px}.rating-empty{color:var(--muted);font-size:10px}
.freight-bottom-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.rating-picker-list{display:grid;gap:8px}.rating-picker{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e2e8ee;border-radius:9px;padding:10px 12px;background:#fbfcfd}.rating-picker b{display:block;font-size:11px}.rating-picker small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.rating-stars{display:flex;gap:2px}.rating-stars button{border:0;background:transparent;color:#cbd3da;font-size:23px;line-height:1;cursor:pointer;padding:1px}.rating-stars button.active{color:#e6a700}.rating-review{border:1px solid #e2e8ee;border-radius:10px;padding:14px;background:#fbfcfd}.rating-review b{font-size:14px}.rating-review p{margin:8px 0;color:#526578}
.rating-grid-rich div{display:grid;gap:2px}.rating-grid-rich span{font-size:8px}
@media(max-width:760px){.freight-detail-head,.freight-company{grid-template-columns:1fr}.freight-company-trust{justify-content:flex-start}.freight-contact,.freight-section-grid{grid-template-columns:1fr}.freight-route-line{grid-template-columns:1fr}.route-connector{height:32px;padding:3px 15px}.route-connector span{height:26px;width:3px;margin:auto;background:linear-gradient(#5acb8b,#3399d6)}.route-connector span:after{display:none}.freight-rating-card{grid-template-columns:1fr}.rating-breakdown{grid-template-columns:repeat(2,1fr)}.rating-picker{grid-template-columns:1fr}.rating-stars{justify-content:flex-start}}


/* V10.4 — route and equipment search */
.filter-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;border-top:1px solid var(--line);background:#fbfcfd}
.route-search-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfdbe5;border-radius:8px;background:#fff;padding:7px 10px;font-size:10px;font-weight:800;color:#36546c;cursor:pointer}
.route-search-toggle input{accent-color:var(--blue)}
.route-radius{display:flex;align-items:center;gap:6px;border:1px solid #d9e3eb;border-radius:8px;padding:5px 8px;background:#fff}
.route-radius label{font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900;letter-spacing:.03em}
.route-radius input{width:58px;border:1px solid #cfdbe5;border-radius:6px;padding:5px 6px;text-align:right;font-size:10px}
.route-radius span{font-size:9px;color:#53697c}
.postal-source{margin-left:auto;font-size:8px;color:#8a9aaa}
.advanced-filter-panel{border-top:1px solid var(--line);background:#f7fafc;padding:12px}
.advanced-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.advanced-filter-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.advanced-filter-grid section{background:#fff;border:1px solid #dbe5ed;border-radius:9px;padding:10px}
.advanced-filter-grid h4{margin:0 0 8px;font-size:9px;color:#3a566f;text-transform:uppercase;letter-spacing:.04em}
.feature-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}
.feature-check{display:flex;gap:7px;align-items:flex-start;font-size:9px;color:#445b70;line-height:1.3;cursor:pointer}
.feature-check input{margin:1px 0 0;accent-color:var(--blue)}
.feature-dd{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.mini-feature-row{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;max-width:260px}
.mini-feature-row .badge{font-size:7px;padding:2px 5px}
.postal-code{font-weight:900;color:#315e7e}
.market-table .route-cell{min-width:210px}
@media(max-width:900px){
  .advanced-filter-grid,.advanced-filter-grid.two{grid-template-columns:1fr}
  .feature-check-grid{grid-template-columns:1fr 1fr}
  .postal-source{width:100%;margin-left:0}
  .route-radius{flex:1;min-width:190px}
}
@media(max-width:560px){
  .feature-check-grid{grid-template-columns:1fr}
  .filter-control-row{align-items:stretch}
  .route-search-toggle,.route-radius,.filter-control-row>.filter-chip{width:100%}
  .route-radius{justify-content:space-between}
}


/* V10.5 — official toll calculator */
.route-map-shell{margin-top:14px;border:1px solid #d6e2ea;border-radius:10px;overflow:hidden;background:#fff}.route-map{height:300px;min-height:260px;background:#e9f0f4}.route-map-shell>small{display:block;padding:7px 10px;border-top:1px solid #e0e8ee;background:#f8fafc;color:#74889a;font-size:8px}.route-map .leaflet-control-attribution{font-size:7px}
.route-toll-breakdown{margin-top:14px;border:1px solid #cfe0ec;border-radius:10px;background:#f8fbfd;overflow:hidden}
.route-toll-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#eef6fb;border-bottom:1px solid #d8e6ef}
.route-toll-head h4{margin:0 0 3px;font-size:12px}.route-toll-head p{margin:0;font-size:9px;color:var(--muted)}.route-toll-head strong{font-size:20px;color:#163f5d}
.route-toll-country{padding:10px 14px;border-bottom:1px solid #e3edf3}.route-toll-country>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-toll-country b{font-size:11px}.route-toll-country span{font-size:9px;color:#526b7f}
.route-toll-items{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:3px;margin-top:6px}.route-toll-items span{font-size:8px!important;color:#687f91!important}
.route-toll-note{margin:9px 14px 5px;font-size:8px;color:#728696;line-height:1.45}.route-toll-sources{display:flex;flex-wrap:wrap;gap:8px;padding:6px 14px 12px}.route-toll-sources a{font-size:8px;color:var(--blue);text-decoration:none}.route-toll-sources a:hover{text-decoration:underline}
.route-kpis>div small+small{display:block;margin-top:3px;color:#7f93a3}
@media(max-width:700px){.route-toll-head,.route-toll-country>div:first-child{align-items:flex-start;flex-direction:column}.route-toll-head strong{font-size:17px}}


/* V10.6 — professional freight search */
.freight-search-v2{border:1px solid #cddae4;border-radius:10px;background:#fff;overflow:hidden;margin-bottom:12px;box-shadow:0 1px 0 rgba(12,45,68,.03)}
.search-v2-primary{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(240px,1.35fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(180px,.85fr) 120px;gap:8px;padding:10px;background:#f7fafc;align-items:end}
.search-v2-location,.search-v2-field,.search-v2-weight{min-width:0}
.search-v2-label,.search-v2-field label,.search-v2-weight label{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#4e687c;margin-bottom:5px}
.search-v2-location.loading .search-v2-label span{color:#16a468}.search-v2-location.unloading .search-v2-label span{color:#1678c8}
.location-radius-row{display:grid;grid-template-columns:1fr 88px;gap:5px}
.search-v2-primary input,.search-v2-primary select,.mini-form-grid input,.mini-form-grid select,.advanced-wide-input{width:100%;border:1px solid #cbd8e2;background:#fff;border-radius:7px;padding:8px 9px;font:inherit;font-size:10px;color:#263b4c;outline:none}
.search-v2-primary input:focus,.search-v2-primary select:focus,.mini-form-grid input:focus,.mini-form-grid select:focus,.advanced-wide-input:focus{border-color:#4b9dd3;box-shadow:0 0 0 2px rgba(50,145,207,.1)}
.radius-input{display:grid;grid-template-columns:14px 1fr 18px;align-items:center;border:1px solid #cbd8e2;background:#fff;border-radius:7px;padding:0 5px}
.radius-input input{border:0!important;padding:7px 2px!important;text-align:right;box-shadow:none!important}.radius-input span,.radius-input small{font-size:8px;color:#6c8192}
.search-v2-weight>div{display:grid;grid-template-columns:1fr 12px 1fr;gap:4px;align-items:center}.search-v2-weight>div span{text-align:center;color:#8a9aaa}
.search-v2-submit{height:35px;border-radius:18px}
.search-v2-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid #e0e8ee;background:#fff}
.date-range-quick{display:flex;align-items:center;gap:5px}.date-range-quick label{font-size:8px;font-weight:900;color:#657b8d;text-transform:uppercase}.date-range-quick input{border:1px solid #d2dde5;border-radius:6px;padding:5px 6px;font-size:9px}
.quick-check{display:flex;align-items:center;gap:5px;font-size:9px;color:#52697c;cursor:pointer}.quick-check input{accent-color:var(--blue)}
.route-radius.compact{padding:4px 7px}.route-radius.compact input{width:48px;padding:4px}.route-radius.compact label{font-size:7px}
.filter-chip.subtle{background:#fff;color:#75899a;border-style:dashed}
.search-v2-advanced{padding:10px;background:#f7fafc}
.advanced-search-columns{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1.15fr;gap:10px}
.advanced-search-columns>section{background:#fff;border:1px solid #dbe5ed;border-radius:9px;padding:10px;min-width:0}
.advanced-search-columns h4{margin:0 0 8px;font-size:9px;text-transform:uppercase;color:#3c566c;letter-spacing:.04em}
.advanced-subtitle{margin-top:12px!important;padding-top:8px;border-top:1px solid #edf2f5}
.mini-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-form-grid label{display:grid;gap:4px;font-size:8px;color:#667d90}
.advanced-wide-input{margin-top:2px}.exclude-groups{display:grid;gap:10px}.exclude-groups>div>b{display:block;margin-bottom:5px;font-size:8px;color:#667d90}
.search-v2-advanced .feature-check-grid{grid-template-columns:1fr 1fr}
.advanced-filter-footer{display:flex;justify-content:space-between;gap:10px;padding-top:9px;color:#8a9aaa;font-size:8px}
@media(max-width:1250px){.search-v2-primary{grid-template-columns:1fr 1fr 1fr}.search-v2-submit{width:100%}.advanced-search-columns{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.search-v2-primary{grid-template-columns:1fr 1fr}.advanced-search-columns{grid-template-columns:1fr}.search-v2-advanced .feature-check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.search-v2-primary{grid-template-columns:1fr}.location-radius-row{grid-template-columns:1fr 86px}.date-range-quick{width:100%;display:grid;grid-template-columns:1fr 1fr}.date-range-quick label{grid-column:1/-1}.search-v2-advanced .feature-check-grid{grid-template-columns:1fr}.advanced-filter-footer{flex-direction:column}}


/* V10.7 — professional offer list and quick chat */
.search-v2-primary{grid-template-columns:minmax(200px,1.2fr) minmax(200px,1.2fr) minmax(125px,.68fr) minmax(125px,.68fr) minmax(145px,.68fr) minmax(145px,.68fr) 110px}
.freight-offer-table-wrap{background:#fff;border:1px solid #d9e4ec;border-radius:10px;overflow:auto;box-shadow:0 2px 10px rgba(17,52,80,.035)}
.freight-offer-table{width:100%;border-collapse:collapse;min-width:1220px;table-layout:auto}
.freight-offer-table thead th{background:#f4f8fb;color:#6a7f91;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:8px 10px;border-bottom:1px solid #d6e1e9;white-space:nowrap;position:sticky;top:0;z-index:2}
.freight-offer-table td{padding:9px 10px;border-bottom:1px solid #e6edf2;vertical-align:middle;font-size:10px;background:#fff}
.freight-offer-row{transition:background .12s,box-shadow .12s}.freight-offer-row:hover td{background:#f4f9fd}.freight-offer-row:hover{box-shadow:inset 3px 0 0 #2b91d0}.freight-offer-row:last-child td{border-bottom:0}
.offer-location-cell{min-width:205px}.offer-place{display:flex;gap:8px;align-items:flex-start}.country-flag{font-size:18px;line-height:1;margin-top:1px}.offer-place>div{display:grid;gap:2px}.offer-place b{font-size:10.5px;color:#17364f;white-space:nowrap}.offer-place span{font-size:8px;color:#6e8395}.route-offset{display:block;margin-left:26px;margin-top:3px;color:#91a0ad;font-size:8px}
.offer-vehicle-cell{min-width:270px}.vehicle-summary{display:flex;gap:8px;align-items:flex-start}.vehicle-pictogram{font-size:18px;color:#708698}.vehicle-summary>div{display:grid;gap:2px;min-width:0}.vehicle-summary b{font-size:10px;color:#1b3549;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-summary span,.vehicle-summary small{font-size:8px;color:#61788b;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.offer-price-cell{min-width:90px}.offer-price-cell b{display:block;font-size:11px;color:#0f3b5f}.offer-price-cell small{display:block;color:#7f91a0;font-size:8px;margin-top:2px}.offer-payment-cell{min-width:85px}.offer-payment-cell b{font-size:10px}.offer-published-cell{min-width:105px}.offer-published-cell b{display:block;font-size:10px}.offer-published-cell span{display:block;font-size:8px;color:#7c8f9f;margin-top:2px}
.offer-company-cell{min-width:210px}.company-link-strong{border:0;background:transparent;padding:0;color:#163f60;font-size:10px;font-weight:900;cursor:pointer;text-align:left;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-link-strong:hover{text-decoration:underline}.company-reputation{display:flex;align-items:center;gap:4px;margin-top:3px}.star-strip{color:#e5a600;letter-spacing:0;font-size:9px}.company-reputation b{font-size:9px}.company-reputation small{font-size:8px;color:#778b9c}
.company-contact-actions{margin-top:3px}.inline-chat-link{border:0;background:transparent;color:#1979bd;font-size:8.5px;padding:0;cursor:pointer;font-weight:750}.inline-chat-link:hover{text-decoration:underline}.offer-actions-cell{white-space:nowrap;text-align:right}.icon-action{width:28px;height:28px;border:1px solid #d4e0e8;border-radius:7px;background:#fff;color:#526c80;font-weight:900;cursor:pointer;margin-right:5px}.icon-action:hover{background:#eef7fd;border-color:#9bcbe9}.match-col{min-width:95px}.match-col small{font-size:7.5px;color:#7d909e}
.quick-chat-drawer{position:fixed;right:14px;bottom:14px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 90px));background:#fff;border:1px solid #cbd9e3;border-radius:12px;box-shadow:0 18px 55px rgba(20,47,70,.24);z-index:10050;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.quick-chat-drawer.hidden{display:none!important}
.quick-chat-head{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#0d4469,#176994);color:#fff}.quick-chat-head>div{display:grid;gap:2px}.quick-chat-head small{font-size:7px;letter-spacing:.08em;opacity:.75}.quick-chat-head b{font-size:12px}.quick-chat-head span{font-size:8px;opacity:.82}.quick-chat-close{width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;cursor:pointer}
.quick-chat-contact{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;background:#f5f8fa;border-bottom:1px solid #e0e8ee;font-size:8px}.quick-chat-contact>div{display:flex;align-items:center;gap:7px}.quick-chat-contact>div:last-child{display:grid;justify-items:end}.quick-chat-contact a{color:#176da6;text-decoration:none}.quick-contact-avatar{width:28px;height:28px;border-radius:50%;background:#dbeaf4;color:#1b587e;display:grid;place-items:center;font-weight:900}.quick-chat-contact b{display:block;font-size:9px}.quick-chat-contact small{display:block;color:#74889a}
.quick-chat-messages{padding:12px;overflow:auto;background:#f7fafc;display:flex;flex-direction:column;gap:7px}.quick-chat-empty{text-align:center;color:#8193a2;font-size:9px;margin:auto}.quick-chat-message{max-width:82%;align-self:flex-start;background:#fff;border:1px solid #dce6ed;border-radius:10px 10px 10px 3px;padding:8px 9px;box-shadow:0 1px 2px rgba(20,40,60,.04)}.quick-chat-message.mine{align-self:flex-end;background:#eaf5fc;border-color:#c5dfef;border-radius:10px 10px 3px 10px}.quick-chat-message b{display:block;font-size:8px;color:#476276;margin-bottom:3px}.quick-chat-message div{font-size:10px;line-height:1.45;color:#1f3445}.quick-chat-message small{display:block;font-size:7px;color:#8495a3;margin-top:4px;text-align:right}
.quick-chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px solid #dce6ed;background:#fff}.quick-chat-compose input{min-width:0;border:1px solid #cbd9e3;border-radius:8px;padding:9px 10px;font:inherit;font-size:10px;outline:none}.quick-chat-compose input:focus{border-color:#5da8d7;box-shadow:0 0 0 2px rgba(40,140,200,.1)}
@media(max-width:1300px){.search-v2-primary{grid-template-columns:1fr 1fr 1fr 1fr}.search-v2-submit{width:100%}}
@media(max-width:850px){.search-v2-primary{grid-template-columns:1fr 1fr}.freight-offer-table-wrap{border-radius:8px}}
@media(max-width:560px){.search-v2-primary{grid-template-columns:1fr}.quick-chat-drawer{right:6px;bottom:6px;width:calc(100vw - 12px);height:calc(100vh - 72px)}}


/* V10.8 — vehicle map */
.vehicle-view-switch{display:inline-flex;border:1px solid #d2dee7;border-radius:8px;overflow:hidden;background:#fff}
.vehicle-view-switch button{border:0;border-right:1px solid #dbe4eb;background:#fff;color:#60778a;padding:6px 10px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.vehicle-view-switch button:last-child{border-right:0}.vehicle-view-switch button.active{background:#eaf5fc;color:#126b9f}.vehicle-view-switch button span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;border-radius:99px;background:#e4edf3;font-size:7px}.vehicle-view-switch button.active span{background:#cde9f8}
.vehicle-map-shell{background:#fff;border:1px solid #d7e2ea;border-radius:11px;overflow:hidden}.vehicle-map{height:min(68vh,650px);min-height:420px;background:#e9f0f4}.vehicle-map-note{padding:7px 11px;border-top:1px solid #e0e8ee;background:#f8fafc;color:#74889a;font-size:8px}
.vehicle-map-empty{height:100%;min-height:420px;display:grid;place-content:center;text-align:center;gap:5px;color:#758a9b}.vehicle-map-empty b{font-size:12px;color:#35536a}.vehicle-map-empty span{font-size:9px}
.vehicle-map-popup{min-width:235px}.vehicle-map-popup .map-popup-company{font-size:10px;font-weight:900;color:#164768;margin-bottom:5px}.vehicle-map-popup h4{margin:0 0 7px;font-size:12px;color:#18374e}.vehicle-map-popup p{font-size:9px;line-height:1.65;margin:0;color:#526a7d}.map-popup-actions{display:flex;gap:6px;margin-top:9px}
.leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 10px 30px rgba(21,52,73,.18)}.leaflet-popup-content{margin:12px 14px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:7px!important}
@media(max-width:600px){.vehicle-map{height:62vh;min-height:360px}.vehicle-view-switch{width:100%}.vehicle-view-switch button{flex:1}}


/* V11 — operations cockpit redesign */
body.app-mode{--header:54px;background:#eef3f7}
body.app-mode .site-header{height:54px;background:#063b5b;border-bottom:0;padding:0 16px;gap:18px;box-shadow:0 2px 10px rgba(4,35,55,.18)}
body.app-mode .site-header .brand{min-width:auto;background:#fff;border-radius:7px;padding:4px 8px}
body.app-mode .site-header .brand img{width:126px}
body.app-mode .header-actions{gap:7px}
body.app-mode .icon-btn{width:34px;height:34px;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:7px}
body.app-mode .notification-count{border-color:#063b5b}
body.app-mode .account-button{height:38px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:8px}
body.app-mode .account-button>span:first-child{width:28px;height:28px;border-radius:6px;background:#337aa5}
body.app-mode .account-text b{font-size:10px;color:#fff}.app-mode .account-text small{font-size:8px;color:#bdd1df}
body.app-mode .app-shell{grid-template-columns:178px minmax(0,1fr);min-height:calc(100vh - 54px)}
body.app-mode .sidebar{top:54px;height:calc(100vh - 54px);padding:10px 8px;background:linear-gradient(180deg,#073f60,#063650 72%,#052e45);box-shadow:2px 0 10px rgba(4,40,62,.08)}
body.app-mode .sidebar-company{padding:8px 8px 10px;margin-bottom:5px}.app-mode .sidebar-company b{font-size:10px}.app-mode .sidebar-company small{font-size:8px;margin-top:2px}.app-mode .sidebar-company .verify{font-size:7.5px;padding:3px 5px;margin-top:5px}
.nav-section-label{padding:8px 9px 4px;color:#6fa1bd;font-size:7px;font-weight:900;letter-spacing:.11em}
body.app-mode .app-nav{gap:1px;overflow:auto}
body.app-mode .app-nav button{border-radius:5px;padding:7px 8px;color:#b9d0dd;font-size:9px;font-weight:650;gap:7px}
body.app-mode .app-nav button span{width:16px;font-size:11px}.app-mode .app-nav button:hover{background:#0d5277}.app-mode .app-nav button.active{background:#0f628d;color:#fff;box-shadow:inset 3px 0 0 #38c1e9}
body.app-mode .app-nav button i{min-width:16px;height:16px;font-size:7px}.app-mode .sidebar-bottom{gap:5px;padding-top:7px}.app-mode .sidebar-bottom .btn{padding:7px 8px;font-size:9px;border-radius:6px}
body.app-mode .workspace-top{height:50px;top:54px;padding:0 15px;background:#fff;gap:10px}.app-mode .workspace-top h1{font-size:15px}.app-mode .workspace-kicker{font-size:7px}.app-mode .workspace-actions .btn{padding:7px 11px;font-size:9px;border-radius:7px}
body.app-mode .page-content{padding:10px 14px 40px;max-width:none;margin:0}
body.app-mode .panel{border-radius:7px}.app-mode .panel-head{padding:10px 12px}.app-mode .panel-head h3{font-size:11px}.app-mode .panel-head p{font-size:9px}
.app-primary-action{background:#17a963!important;box-shadow:none!important}
.search-tabs-shell{margin:-10px -14px 8px;background:#f6f8fa;border-bottom:1px solid #d6e1e8;padding:0 10px}
.search-tabs-scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:thin}
.search-tab{position:relative;flex:0 0 auto;min-width:155px;max-width:230px;min-height:48px;border:0;border-right:1px solid #e0e7ec;border-bottom:3px solid transparent;background:#f6f8fa;color:#385164;padding:7px 12px;display:flex;align-items:center;gap:7px;text-align:left}
.search-tab:hover{background:#fff}.search-tab.active{background:#fff;border-bottom-color:#087dcb;color:#0c4267}
.search-tab-icon{font-size:15px;color:#258bbd}.search-tab>span:nth-child(2){display:grid;min-width:0}.search-tab b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-tab small{font-size:7.5px;color:#7b8d9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.search-tab-badge{position:absolute;right:5px;top:4px;min-width:18px;height:18px;border-radius:999px;background:#ec4359;color:#fff;font-style:normal;font-size:7px;font-weight:900;display:grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px #fff}.search-tab-badge.static{position:static;display:inline-flex;height:20px}
.search-tab-add{min-width:135px;background:#fff;color:#1978ad;border-right:0}.search-tab-add>span{display:grid}
.freight-search-v2{border-radius:7px;border-color:#cad8e1;box-shadow:none;margin-bottom:7px}.search-v2-primary{padding:7px 8px;gap:6px;background:#f8fafb}.search-v2-primary input,.search-v2-primary select{border-radius:4px;padding:6px 7px;font-size:8.5px}.search-v2-label,.search-v2-field label,.search-v2-weight label{font-size:7px;margin-bottom:3px}.search-v2-submit{height:29px;border-radius:5px;font-size:9px;box-shadow:none}.location-radius-row{grid-template-columns:1fr 72px}.radius-input{border-radius:4px}.radius-input input{padding:5px 2px!important}.search-v2-quick{padding:5px 8px;gap:6px}.date-range-quick label,.quick-check,.filter-chip{font-size:7.5px}.date-range-quick input{padding:4px 5px;font-size:7.5px}.filter-chip{padding:4px 7px;border-radius:5px}.route-radius.compact{border-radius:5px}.search-v2-advanced{padding:7px}.advanced-search-columns>section{border-radius:5px;padding:8px}.advanced-search-columns h4{font-size:7.5px}.feature-check{font-size:7.5px}
.market-result-toolbar{display:flex;align-items:center;justify-content:space-between;padding:5px 7px;margin-top:4px;background:#fff;border:1px solid #d7e2e9;border-bottom:0;border-radius:6px 6px 0 0;font-size:8px;color:#6e8291}.market-result-toolbar>div{display:flex;align-items:center;gap:6px}.market-result-toolbar b{font-size:9px;color:#29475d}.compact-view-button{border:0;background:transparent;color:#207ba9;font-size:7.5px}.compact-view-button.active{font-weight:800}
.freight-offer-table-wrap{border-radius:0 0 6px 6px;box-shadow:none}.freight-offer-table{min-width:1120px}.freight-offer-table thead th{padding:6px 7px;background:#eaf1f5;color:#536d80;font-size:6.8px}.freight-offer-table td{padding:6px 7px;font-size:8px}.freight-offer-row:nth-child(even) td{background:#fbfcfd}.freight-offer-row:hover td{background:#eaf5fc!important}.offer-place{gap:5px}.country-flag{font-size:14px}.offer-place b{font-size:8.7px}.offer-place span{font-size:7px}.route-offset{font-size:6.8px;margin-left:20px}.offer-location-cell{min-width:175px}.offer-vehicle-cell{min-width:225px}.vehicle-pictogram{font-size:14px}.vehicle-summary b{font-size:8.5px;max-width:210px}.vehicle-summary span,.vehicle-summary small{font-size:7px;max-width:220px}.offer-price-cell b{font-size:9px}.offer-price-cell small,.offer-published-cell span{font-size:6.8px}.offer-payment-cell b,.offer-published-cell b{font-size:8px}.offer-company-cell{min-width:180px}.company-link-strong{font-size:8.5px;max-width:175px}.star-strip{font-size:7.5px}.company-reputation b,.company-reputation small,.inline-chat-link{font-size:7px}.icon-action{width:23px;height:23px;border-radius:4px}.offer-actions-cell .btn{padding:5px 7px;font-size:7.5px}
.results-summary{margin:6px 2px;font-size:8px}.results-summary b{font-size:9px}
.saved-alert-state{display:flex;align-items:center;gap:6px}
@media(max-width:900px){body.app-mode .app-shell{grid-template-columns:1fr}.app-mode .sidebar{width:220px}.search-tabs-shell{margin:-10px -14px 8px}.search-tab{min-width:145px}}


/* V11.1 — public landing + legal */
body:not(.app-mode){background:#fff}
.landing-header:not(.app-header){background:rgba(3,17,39,.92);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.landing-header:not(.app-header) .brand{min-width:205px;background:rgba(255,255,255,.96);padding:7px 11px;border-radius:10px}
.landing-header:not(.app-header) .brand img{width:180px}
.landing-header:not(.app-header) .public-nav a{color:#cfdae8}.landing-header:not(.app-header) .public-nav a:hover{color:#fff}
.landing-header:not(.app-header) .landing-login{color:#fff;border-color:transparent}.landing-header:not(.app-header) .landing-login:hover{background:rgba(255,255,255,.1)}
.landing-header:not(.app-header) .landing-register{background:#fff;color:#0e3d6a;box-shadow:none}
.language-control{height:38px;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:flex;align-items:center;gap:5px;padding:0 7px;color:#fff;background:rgba(255,255,255,.06)}
.app-header .language-control{color:var(--navy);border-color:var(--line);background:#fff}
.language-control span{font-size:12px}.language-control select{border:0;background:transparent;color:inherit;font-size:11px;font-weight:800;outline:none;padding-right:2px}.language-control option{color:#18344e;background:#fff}
.btn-trial{background:linear-gradient(135deg,#18b77d,#0e9c6a);color:#fff;box-shadow:0 8px 24px rgba(13,155,108,.24)}
.btn-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:none}.btn-outline-light:hover{background:rgba(255,255,255,.1)}
.landing-v2{overflow:hidden}
.landing-hero{position:relative;min-height:610px;background:linear-gradient(132deg,#02081b 0%,#06152c 48%,#092e50 100%);color:#fff;display:grid;place-items:center;padding:92px 6vw 105px;isolation:isolate}
.landing-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(173,13,25,.45),transparent 22%,transparent 73%,rgba(14,92,174,.36));z-index:-3}
.landing-hero:after{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(57,216,226,.16);right:-120px;top:-290px;box-shadow:0 0 0 110px rgba(19,145,170,.035),0 0 0 230px rgba(19,145,170,.022);z-index:-2}
.landing-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.34;z-index:-1}.glow-a{width:360px;height:250px;background:#079db7;right:27%;top:36px}.glow-b{width:260px;height:260px;background:#a81020;left:-80px;top:40px}
.landing-hero-inner{max-width:1030px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}
.landing-brand-mark{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:26px}.landing-brand-mark img{width:285px;max-height:88px;object-fit:contain;background:rgba(255,255,255,.96);border-radius:13px;padding:10px 18px}.landing-brand-mark span{font-size:9px;font-weight:900;letter-spacing:2.4px;color:#aebed0}
.landing-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#52d3df;text-transform:uppercase}.landing-kicker.dark{color:#1873ad}.landing-kicker.light{color:#65dce7}
.landing-hero h1{font-size:56px;line-height:1.08;letter-spacing:-2px;font-weight:450;margin:14px 0 18px}.landing-hero h1 strong{font-weight:900}.landing-hero p{max-width:800px;margin:0;color:#bfccda;font-size:16px;line-height:1.65}
.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:28px}.landing-text-action{border:0;background:transparent;color:#c9d8e6;font-size:12px;font-weight:800;padding:12px}.landing-text-action:hover{color:#fff;text-decoration:underline}
.trial-note{margin-top:18px;display:flex;gap:7px;align-items:center;color:#9fb1c3;font-size:10px}.trial-note>span:first-child{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(29,183,126,.16);color:#4ee3aa;font-weight:900}
.landing-orbit{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}.orbit-one{width:430px;height:430px;left:-235px;bottom:-250px}.orbit-two{width:260px;height:260px;right:7%;bottom:-185px}

.role-section,.landing-how{padding:78px 6vw;max-width:1500px;margin:auto}.landing-section-heading{text-align:center;max-width:820px;margin:0 auto 34px}.landing-section-heading h2,.workspace-showcase h2,.landing-security h2,.landing-final-cta h2{font-size:38px;line-height:1.15;letter-spacing:-1.1px;color:#12314d;margin:9px 0 0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role-card{border-radius:17px;overflow:hidden;color:#fff;min-height:350px;display:grid;grid-template-rows:78px 1fr;box-shadow:0 20px 50px rgba(11,36,60,.13);transition:.18s}.role-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(11,36,60,.19)}
.role-card.carrier{background:linear-gradient(160deg,#0c5b8c,#167db2)}.role-card.forwarder{background:linear-gradient(160deg,#9f3611,#de5a10)}.role-card.shipper{background:linear-gradient(160deg,#087956,#09aa76)}
.role-card-top{display:flex;align-items:center;gap:10px;padding:0 22px;background:rgba(0,0,0,.18);border-bottom:1px solid rgba(255,255,255,.13)}.role-card-top span{font-size:25px}.role-card-top b{font-size:10px;letter-spacing:.8px}
.role-card-body{padding:25px 24px 22px;display:flex;flex-direction:column}.role-card h3{font-size:23px;line-height:1.2;margin:0 0 11px}.role-card p{font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.86);margin:0}.role-cta{margin-top:auto;width:max-content;border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;border-radius:999px;padding:9px 17px;font-size:10px;font-weight:900}.role-cta:hover{background:#fff;color:#153b5a}

.workspace-showcase{background:#f3f7fa;padding:80px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.showcase-copy{max-width:620px;margin-left:auto}.workspace-showcase h2{margin-bottom:25px}.showcase-features{display:grid;gap:6px}.showcase-features>div{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid #dfe8ee}.showcase-features>div>span{width:34px;height:34px;border-radius:9px;background:#e2eff8;color:#166a9d;display:grid;place-items:center;font-size:9px;font-weight:900}.showcase-features h3{margin:0 0 3px;font-size:13px}.showcase-features p{margin:0;color:#667a8d;font-size:10.5px;line-height:1.55}
.showcase-market{background:#fff;border:1px solid #d5e0e8;border-radius:14px;overflow:hidden;box-shadow:0 25px 60px rgba(17,52,80,.14);min-width:0}.market-window-head{height:42px;background:#0b3458;color:#fff;display:flex;align-items:center;padding:0 12px;gap:10px}.market-window-head>div{display:flex;gap:5px}.market-window-head i{width:8px;height:8px;border-radius:50%;background:#7c98ad}.market-window-head b{font-size:10px;flex:1}.market-window-head>span{font-size:7px;color:#69e0d0;font-weight:900;letter-spacing:1px}.showcase-market .market-preview-head{padding:12px 14px}.showcase-market .preview-row{padding:10px 13px;font-size:9px}.showcase-market .preview-route b{font-size:10px}.showcase-market .preview-footer{padding:11px 13px;font-size:9px}

.landing-security{background:linear-gradient(135deg,#06152b,#0a426c);color:#fff;padding:62px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.security-copy{max-width:650px;margin-left:auto}.landing-security h2{color:#fff;margin:10px 0 12px}.landing-security p{color:#bfd0dd;line-height:1.65;font-size:13px;max-width:620px}.security-copy .btn{margin-top:14px}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px}.security-points>div{min-height:98px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:15px;display:flex;gap:10px;align-items:flex-start}.security-points span{width:27px;height:27px;border-radius:8px;background:rgba(44,217,166,.15);color:#55e2b5;display:grid;place-items:center;font-weight:900}.security-points b{font-size:11px;line-height:1.45;padding-top:4px}
.how-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.how-grid-v2 article{position:relative;background:#fff;border:1px solid #dae4ec;border-radius:13px;padding:22px;min-height:190px}.how-grid-v2 article>span{font-size:25px;font-weight:900;color:#d9e8f3}.how-grid-v2 h3{font-size:14px;margin:17px 0 6px;color:#183b58}.how-grid-v2 p{font-size:10.5px;line-height:1.6;color:#667a8c;margin:0}
.landing-final-cta{margin:0 6vw 78px;max-width:1400px;margin-left:auto;margin-right:auto;background:linear-gradient(105deg,#0b3358,#0f739c);border-radius:18px;color:#fff;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.landing-final-cta h2{color:#fff;margin:0 0 6px;font-size:28px}.landing-final-cta p{margin:0;color:#c8d8e5;font-size:11px}.landing-footer-v2{border-top:1px solid #dfe7ed;background:#f8fafc;min-height:86px;padding:20px 5vw;display:flex;align-items:center;gap:28px;color:#6e8191;font-size:10px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:145px}.footer-links{display:flex;gap:17px;align-items:center;flex:1;justify-content:center}.footer-links a{color:#516f87;text-decoration:none;font-weight:750}.footer-links a:hover{color:#1475ad}.footer-language{display:flex;align-items:center;gap:7px}.footer-language select{border:1px solid #d4dfe7;border-radius:7px;background:#fff;padding:6px 8px;font-size:9px;color:#355269}

/* legal pages */
.legal-page{min-height:100vh;background:#f4f7fa}.legal-header{height:70px;background:#06152c;display:flex;align-items:center;padding:0 5vw;gap:20px;position:sticky;top:0;z-index:10}.legal-header .brand{background:#fff;border-radius:9px;padding:6px 10px;min-width:0}.legal-header .brand img{width:170px}.legal-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.legal-back{color:#d6e3ef;text-decoration:none;font-size:11px;font-weight:800}.legal-shell{max-width:1050px;margin:0 auto;padding:48px 22px 70px}.legal-hero{background:#fff;border:1px solid #dce5eb;border-radius:15px;padding:28px 32px;margin-bottom:16px}.legal-hero .eyebrow{margin-bottom:8px}.legal-hero h1{font-size:35px;margin:0 0 8px;color:#163853}.legal-hero p{color:#697d8e;font-size:11px;margin:0}.legal-content{background:#fff;border:1px solid #dce5eb;border-radius:15px;padding:32px}.legal-content h2{font-size:16px;color:#173b59;margin:27px 0 8px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:12px;margin:18px 0 5px}.legal-content p,.legal-content li{font-size:11px;line-height:1.7;color:#4d6578}.legal-content ul{padding-left:20px}.legal-notice{background:#edf7ff;border:1px solid #cae4f5;border-radius:9px;padding:11px 13px;font-size:10px;color:#41657e;margin:14px 0}.legal-footer{max-width:1050px;margin:0 auto;padding:0 22px 38px;display:flex;justify-content:space-between;font-size:9px;color:#8495a3}.legal-footer a{color:#44718e;text-decoration:none}

@media(max-width:1100px){.public-nav{display:none}.role-grid{grid-template-columns:1fr}.role-card{min-height:285px}.workspace-showcase{grid-template-columns:1fr}.showcase-copy{margin:auto}.showcase-market{max-width:850px;margin:auto;width:100%}.landing-security{grid-template-columns:1fr}.security-copy{margin:0}.how-grid-v2{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.landing-header:not(.app-header) .landing-register{display:none}.language-control span{display:none}.landing-header{padding:0 15px;gap:10px}.landing-header .brand{min-width:0}.landing-header:not(.app-header) .brand img{width:145px}.landing-header:not(.app-header) .brand{padding:6px 8px}.landing-header .btn-trial{font-size:9px;padding:8px 9px}.landing-hero{padding:75px 20px 80px;min-height:560px}.landing-brand-mark img{width:230px}.landing-hero h1{font-size:40px}.landing-hero p{font-size:13px}.role-section,.landing-how{padding:55px 20px}.workspace-showcase{padding:55px 20px;gap:30px}.landing-section-heading h2,.workspace-showcase h2,.landing-security h2{font-size:30px}.landing-security{padding:50px 20px}.security-points{grid-template-columns:1fr}.how-grid-v2{grid-template-columns:1fr}.landing-final-cta{margin:0 20px 55px;padding:25px;flex-direction:column;align-items:flex-start}.landing-footer-v2{flex-wrap:wrap}.footer-links{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap}.footer-language{margin-left:auto}}
@media(max-width:500px){.landing-header:not(.app-header) #trialButton{display:none}.landing-hero h1{font-size:34px}.landing-brand-mark img{width:205px}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-actions .btn,.landing-text-action{width:100%}.trial-note{text-align:left}.legal-hero,.legal-content{padding:22px}.legal-hero h1{font-size:28px}}

.trial-register-banner{margin:12px 0 16px;border:1px solid #bfe7d7;background:#effaf5;border-radius:10px;padding:10px 12px;display:grid;gap:3px}
.trial-register-banner b{font-size:11px;color:#0e7f59}.trial-register-banner span{font-size:9px;color:#4e6f62;line-height:1.5}
.checkbox a{color:var(--blue);font-weight:800;text-decoration:none}.checkbox a:hover{text-decoration:underline}


/* V11.2 — country search + auto tabs */
.location-country-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:5px;align-items:stretch}
.country-select{width:100%;border:1px solid #cbd8e2;background:#fff;border-radius:7px;padding:7px 7px;font-size:9px;color:#29445a;outline:none}
.country-select:focus{border-color:#4b9dd3;box-shadow:0 0 0 2px rgba(50,145,207,.1)}
.search-tab-add.active{background:#fff;border-bottom-color:var(--blue);color:#0c67a2}
@media(max-width:700px){.location-country-row{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:520px){.location-country-row{grid-template-columns:1fr}.country-select{height:34px}}


/* V11.3 — polished workspace, closable tabs, mobile */
.language-control-compact{width:58px;min-width:58px;height:32px;padding:0 3px;border-radius:7px;margin-left:2px}
.language-control-compact select{width:100%;height:100%;padding:0 2px;border:0;background:transparent;color:inherit;font-size:10px;font-weight:900;cursor:pointer;outline:none}
.language-control-compact option{color:#18344e;background:#fff}
body.app-mode .site-header.app-header{background:linear-gradient(90deg,#063653,#084f72);border-bottom:1px solid #0e668c;box-shadow:0 2px 8px rgba(8,45,68,.14)}
body.app-mode .site-header.app-header .brand{background:#fff;border-radius:7px;padding:5px 8px;min-width:0}
body.app-mode .site-header.app-header .brand img{width:142px}
body.app-mode .app-header .language-control-compact{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08)}
body.app-mode .app-header .icon-btn{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
body.app-mode .app-header .account-button{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}
body.app-mode .app-header .account-button small{color:#bcd6e4}
body.app-mode .app-header #trialButton,body.app-mode .app-header .landing-register,body.app-mode .app-header .landing-login{display:none!important}
body.app-mode{background:#edf3f7}
body.app-mode .workspace{background:#edf3f7}
body.app-mode .workspace-top{border-bottom:1px solid #d2dde5;box-shadow:0 1px 3px rgba(20,52,74,.04)}
body.app-mode .page-content{background:#edf3f7}
body.app-mode .sidebar{background:linear-gradient(180deg,#063b59,#07324d)}
body.app-mode .app-nav button.active{background:#0c6b98;box-shadow:inset 3px 0 0 #42d0ef}
body.app-mode .freight-search-v2{background:#fff;border-color:#c8d7e1;box-shadow:0 2px 8px rgba(16,53,78,.05)}
body.app-mode .market-result-toolbar{background:#fff;border:1px solid #d5e1e9;border-radius:6px;margin-bottom:6px}

/* closable search tabs */
.search-tab-saved{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:stretch;padding:0;gap:0;overflow:visible}
.search-tab-main{min-width:0;border:0;background:transparent;color:inherit;padding:7px 28px 7px 10px;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}
.search-tab-main>span:nth-child(2){display:grid;min-width:0}
.search-tab-main b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-tab-main small{font-size:7.5px;color:#7b8d9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.search-tab-close{width:28px;border:0;border-left:1px solid #e2e8ed;background:transparent;color:#8b9ba8;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}
.search-tab-close:hover{background:#fff0f2;color:#b93649}
.search-tab-saved .search-tab-badge{right:27px;top:3px}
.search-tab-static{cursor:pointer}
.search-tab-static>span:nth-child(2),.search-tab-add>span{display:grid}

/* denser, professional load detail window */
.modal-card.wide{width:min(1060px,calc(100vw - 34px));padding:18px;max-height:94vh}
.freight-detail{background:#f4f7f9;border:1px solid #cddbe4;border-radius:8px;overflow:hidden}
.freight-detail-head{background:linear-gradient(180deg,#e8f0f5,#dfe9f0);padding:12px 14px;border-bottom:1px solid #c8d6df}
.freight-detail-head h2{font-size:17px;color:#163c59;margin:3px 0}
.freight-detail-head .eyebrow{font-size:7px;color:#668091;letter-spacing:.08em}
.freight-detail-head p{font-size:8px;color:#748a9a}
.freight-head-actions{padding-right:32px}
.freight-company{margin:0;background:#fff;padding:12px 14px;border-bottom:1px solid #dbe4ea}
.freight-company-main .company-avatar{border-radius:50%;width:42px;height:42px;background:#eef3f6}
.freight-company-name{font-size:12px}
.freight-company-trust{align-items:center}
.freight-contact{margin:0;padding:8px 14px;background:#f8fafb;border-bottom:1px solid #dce5eb;grid-template-columns:1.35fr .8fr 1.15fr}
.freight-contact>div{padding:7px 9px;border-radius:5px;background:#fff}
.freight-section-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px 10px 0;margin:0}
.freight-section{border-radius:5px;border-color:#d3dee6}
.freight-section h4{padding:7px 9px;background:#dfe9f0;color:#2e526c}
.freight-section dl{padding:9px 10px;row-gap:5px;font-size:9.5px}
.freight-section .freight-price{font-size:14px}
.freight-route-card{margin:8px 10px 0;border-radius:5px;border-color:#d1dce4;background:#fff}
.freight-route-title{background:#dfe9f0;padding:7px 9px}
.freight-route-line{padding:12px 14px}
.route-stop i{width:30px;height:30px}
.freight-rating-card{margin:8px 10px 0;border-radius:5px;background:#fff;border-color:#d4dfe7;padding:10px}
.freight-bottom-actions{position:sticky;bottom:-18px;z-index:4;margin:8px 0 -18px;padding:10px 12px;background:#fff;border-top:1px solid #d3dfe7;box-shadow:0 -5px 14px rgba(22,50,72,.07)}
.freight-bottom-actions .btn{min-height:34px}
.modal-card.wide .modal-close{z-index:8;top:9px;right:10px;background:rgba(255,255,255,.92);border:1px solid #cdd9e2;color:#526b7d}

/* offer table refinements */
.freight-offer-table-wrap{border-radius:6px;border-color:#cad8e1;box-shadow:0 2px 7px rgba(20,52,74,.035)}
.freight-offer-table thead th{background:#e7eff4;color:#536c7f;padding:7px 9px;border-bottom-color:#c5d4de}
.freight-offer-table td{padding:8px 9px}
.freight-offer-row:nth-child(even) td{background:#fbfcfd}
.freight-offer-row:hover td{background:#edf7fd}
.company-link-strong{color:#0b5c91}
.inline-chat-link{font-weight:900;color:#087cc0}
.offer-price-cell b{color:#123f5f}
.star-strip{color:#efa900}

/* phone/browser layout */
@media(max-width:760px){
  body.app-mode .site-header.app-header{height:58px;padding:0 8px;gap:5px}
  body.app-mode .site-header.app-header .brand img{width:115px}
  body.app-mode .site-header.app-header .brand{padding:4px 6px}
  .language-control-compact{width:53px;min-width:53px;height:30px}
  .language-control-compact select{font-size:9px}
  body.app-mode .header-actions{gap:5px}
  body.app-mode .account-button{padding:4px 6px}
  body.app-mode .account-text{display:none}
  body.app-mode .workspace-top{top:58px;height:48px;padding:0 9px}
  body.app-mode .workspace-top h1{font-size:14px}
  body.app-mode .page-content{padding:8px 7px 34px}
  .search-tabs-shell{margin:-8px -7px 7px;padding:0 4px}
  .search-tab{min-width:142px;min-height:46px}
  .search-tab-main{padding-left:8px}
  .search-tab-close{width:27px}
  .search-tab-add{min-width:125px}
  .freight-search-v2{border-radius:6px}
  .search-v2-primary{grid-template-columns:1fr!important;padding:8px}
  .search-v2-location,.search-v2-field,.search-v2-weight{width:100%}
  .location-country-row{grid-template-columns:105px minmax(0,1fr)}
  .search-v2-submit{width:100%;height:38px}
  .search-v2-quick{padding:7px;gap:6px}
  .date-range-quick{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .date-range-quick label{grid-column:1/-1}
  .quick-check{min-height:28px}
  .advanced-search-columns{grid-template-columns:1fr!important}
  .market-result-toolbar{padding:7px 8px}
  .freight-offer-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
  .freight-offer-table{display:block;min-width:0;width:100%}
  .freight-offer-table thead{display:none}
  .freight-offer-table tbody{display:grid;gap:8px}
  .freight-offer-row{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #cfdde6;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(18,51,75,.05)}
  .freight-offer-table .freight-offer-row td{display:block;background:#fff!important;border:0;border-bottom:1px solid #edf1f4;padding:9px}
  .freight-offer-table .offer-location-cell{min-width:0}
  .freight-offer-table .offer-location-cell:nth-of-type(1){border-right:1px solid #edf1f4}
  .freight-offer-table .offer-vehicle-cell,.freight-offer-table .offer-company-cell,.freight-offer-table .offer-actions-cell,.freight-offer-table .match-col{grid-column:1/-1}
  .freight-offer-table .offer-price-cell:before{content:"CENA";display:block;font-size:7px;color:#8394a1;font-weight:900;margin-bottom:3px}
  .freight-offer-table .offer-payment-cell:before{content:"ROK PLAĆANJA";display:block;font-size:7px;color:#8394a1;font-weight:900;margin-bottom:3px}
  .freight-offer-table .offer-published-cell{grid-column:1/-1}
  .freight-offer-table .offer-published-cell:before{content:"OBJAVLJENO";display:block;font-size:7px;color:#8394a1;font-weight:900;margin-bottom:3px}
  .freight-offer-table .offer-actions-cell{display:flex!important;justify-content:flex-end;gap:5px;border-bottom:0!important}
  .offer-place b{white-space:normal}
  .vehicle-summary b,.vehicle-summary span,.vehicle-summary small{max-width:none;white-space:normal}
  .company-link-strong{max-width:none;white-space:normal}
  .modal{padding:0}
  .modal-card,.modal-card.wide{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;padding:10px}
  .modal-card.wide .modal-close{position:fixed;right:8px;top:8px}
  .freight-detail{border-radius:0;border-left:0;border-right:0}
  .freight-detail-head{grid-template-columns:1fr;padding:12px 10px}
  .freight-head-actions{padding-right:30px;justify-content:flex-start}
  .freight-company{grid-template-columns:1fr;padding:10px}
  .freight-company-trust{justify-content:flex-start}
  .freight-contact{grid-template-columns:1fr 1fr;padding:8px}
  .freight-contact>div:first-child{grid-column:1/-1}
  .freight-section-grid{grid-template-columns:1fr;padding:8px 8px 0}
  .freight-route-card,.freight-rating-card{margin-left:8px;margin-right:8px}
  .freight-route-line{grid-template-columns:1fr;padding:10px}
  .route-connector{height:26px;padding:3px 15px}
  .route-connector span{height:22px;width:3px;margin:auto}
  .route-connector span:after{display:none}
  .freight-rating-card{grid-template-columns:1fr}
  .rating-breakdown{grid-template-columns:1fr 1fr}
  .freight-bottom-actions{bottom:-10px;margin-bottom:-10px;display:grid;grid-template-columns:1fr 1fr}
  .freight-bottom-actions .btn{width:100%}
}
@media(max-width:480px){
  .location-country-row{grid-template-columns:1fr}
  .country-select{height:33px}
  .freight-offer-row{grid-template-columns:1fr}
  .freight-offer-table .offer-location-cell,.freight-offer-table .offer-price-cell,.freight-offer-table .offer-payment-cell{grid-column:1/-1}
  .freight-offer-table .offer-location-cell:nth-of-type(1){border-right:0}
  .freight-contact{grid-template-columns:1fr}
  .freight-contact>div:first-child{grid-column:auto}
  .freight-bottom-actions{grid-template-columns:1fr}
}


/* V11.3b — route map in load details */
.freight-route-content{display:grid;grid-template-columns:1.12fr .88fr;min-height:235px}
.load-detail-map{min-height:235px;background:#e8eef2;border-right:1px solid #d5e0e7}
.load-map-empty{min-height:235px;display:grid;place-items:center;color:#7d909f;font-size:9px;text-align:center;padding:20px}
.freight-route-content .freight-route-line{grid-template-columns:1fr;align-content:center;gap:0;padding:15px 16px}
.freight-route-content .route-connector{height:32px;padding:4px 15px}
.freight-route-content .route-connector span{height:24px;width:3px;margin:auto;background:linear-gradient(#5acb8b,#3399d6)}
.freight-route-content .route-connector span:after{display:none}
.load-detail-map-note{display:block;padding:6px 9px;border-top:1px solid #e0e7ec;color:#7c8d99;font-size:7.5px;background:#fbfcfd}
.load-detail-map .leaflet-control-attribution{font-size:7px}
@media(max-width:760px){
  .freight-route-content{grid-template-columns:1fr}
  .load-detail-map{min-height:210px;border-right:0;border-bottom:1px solid #d5e0e7}
  .freight-route-content .freight-route-line{padding:12px}
}


/* V11.3.1 — readability pass */
body.app-mode .account-text b{font-size:11.5px}
body.app-mode .account-text small{font-size:9.5px}
body.app-mode .sidebar-company b{font-size:11.5px}
body.app-mode .sidebar-company small{font-size:9.5px}
body.app-mode .sidebar-company .verify{font-size:9px}
.nav-section-label{font-size:8.5px}
body.app-mode .app-nav button{font-size:10.8px;padding:8.5px 9px;line-height:1.25}
body.app-mode .app-nav button span{font-size:12px}
body.app-mode .app-nav button i{font-size:8px}
body.app-mode .sidebar-bottom .btn{font-size:10.5px;padding:8px 9px}

body.app-mode .workspace-top h1{font-size:18px}
body.app-mode .workspace-kicker{font-size:8.5px}
body.app-mode .workspace-actions .btn{font-size:10.5px;padding:8px 12px}

.search-tab{min-height:52px}
.search-tab b,.search-tab-main b{font-size:10.5px}
.search-tab small,.search-tab-main small{font-size:9px}
.search-tab-icon{font-size:16px}
.search-tab-badge{font-size:8px}
.search-tab-close{font-size:17px}

.search-v2-primary input,
.search-v2-primary select{font-size:10.8px;padding:7.5px 8px}
.country-select{font-size:10.5px}
.search-v2-label,
.search-v2-field label,
.search-v2-weight label{font-size:8.8px}
.search-v2-submit{font-size:10.5px;height:33px}
.date-range-quick label{font-size:8.8px}
.date-range-quick input{font-size:9.5px;padding:5px 6px}
.quick-check,.filter-chip{font-size:9.2px}
.radius-input span,.radius-input small{font-size:9px}
.route-radius.compact label{font-size:8px}
.route-radius.compact input{font-size:9.5px}
.advanced-search-columns h4{font-size:9px}
.feature-check{font-size:9px}
.mini-form-grid label{font-size:9px}
.mini-form-grid input,.mini-form-grid select,.advanced-wide-input{font-size:10.5px}

.market-result-toolbar{font-size:9.5px;padding:7px 9px}
.market-result-toolbar b{font-size:10.5px}
.compact-view-button{font-size:9px}
.results-summary{font-size:9.5px}
.results-summary b{font-size:10.5px}

.freight-offer-table thead th{font-size:8.5px;padding:7px 8px}
.freight-offer-table td{font-size:10px;padding:8px 8px}
.offer-place b{font-size:10.7px}
.offer-place span{font-size:8.6px}
.route-offset{font-size:8.2px}
.country-flag{font-size:16px}
.offer-location-cell{min-width:195px}
.offer-vehicle-cell{min-width:250px}
.vehicle-summary b{font-size:10.3px;max-width:235px}
.vehicle-summary span,.vehicle-summary small{font-size:8.5px;max-width:245px}
.vehicle-pictogram{font-size:16px}
.offer-price-cell b{font-size:11px}
.offer-price-cell small{font-size:8.3px}
.offer-payment-cell b{font-size:10px}
.offer-published-cell b{font-size:9.8px}
.offer-published-cell span{font-size:8.2px}
.company-link-strong{font-size:10.3px;max-width:195px}
.star-strip{font-size:9px}
.company-reputation b,.company-reputation small{font-size:8.5px}
.inline-chat-link{font-size:9px}
.offer-actions-cell .btn{font-size:9px;padding:6px 8px}
.icon-action{width:27px;height:27px;font-size:12px}
.match-col small{font-size:8.5px}

body.app-mode .panel-head h3{font-size:12.5px}
body.app-mode .panel-head p{font-size:10px}
.field label,.form-label{font-size:10.5px}
.field input,.field select,.form-input,.form-select,.form-textarea{font-size:12.5px}
.badge{font-size:10px}

.quick-chat-head small{font-size:8px}
.quick-chat-head b{font-size:13px}
.quick-chat-head span{font-size:9.5px}
.quick-chat-contact{font-size:9px}
.quick-chat-contact b{font-size:10px}
.quick-chat-contact small{font-size:9px}
.quick-chat-message b{font-size:9px}
.quick-chat-message div{font-size:11px}
.quick-chat-message small{font-size:8px}
.quick-chat-compose input{font-size:11px}

@media(max-width:900px){
  body.app-mode .app-nav button{font-size:12px;padding:10px}
  body.app-mode .sidebar-company b{font-size:12.5px}
  body.app-mode .sidebar-company small{font-size:10px}
  body.app-mode .workspace-top h1{font-size:19px}
  .search-tab b,.search-tab-main b{font-size:11px}
  .search-tab small,.search-tab-main small{font-size:9.5px}
  .search-v2-primary input,.search-v2-primary select,.country-select{font-size:12px;min-height:36px}
  .search-v2-label,.search-v2-field label,.search-v2-weight label{font-size:9.5px}
  .quick-check,.filter-chip,.date-range-quick input{font-size:10.5px}
  .freight-offer-table thead th{font-size:9.5px}
  .freight-offer-table td{font-size:11px}
  .offer-place b{font-size:11.5px}
  .offer-place span,.vehicle-summary span,.vehicle-summary small{font-size:9.5px}
  .vehicle-summary b,.company-link-strong{font-size:11px}
  .offer-price-cell b{font-size:12px}
  .offer-payment-cell b,.offer-published-cell b{font-size:10.8px}
  .offer-published-cell span,.company-reputation b,.company-reputation small,.inline-chat-link{font-size:9.3px}
}
@media(max-width:560px){
  body.app-mode .page-content{padding-left:9px;padding-right:9px}
  body.app-mode .workspace-top{padding-left:10px;padding-right:10px}
  .search-tabs-shell{margin-left:-9px;margin-right:-9px}
  .search-tab{min-width:160px}
  .search-v2-primary input,.search-v2-primary select,.country-select{font-size:13px}
  .search-v2-label,.search-v2-field label,.search-v2-weight label{font-size:10px}
  .quick-check,.filter-chip{font-size:11px}
  .freight-offer-table td{font-size:11.5px}
  .offer-place b{font-size:12px}
  .vehicle-summary b,.company-link-strong{font-size:11.5px}
}


/* V11.4 — compact accordion sidebar */
.app-shell{grid-template-columns:226px minmax(0,1fr)}
.sidebar{width:226px;padding:12px 9px;overflow:hidden}
.sidebar-company{padding:9px 8px 11px;margin-bottom:8px}
.sidebar-company b{font-size:13px}.sidebar-company small{font-size:10px}
.app-nav-groups{display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;min-height:0}
.nav-group{border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);overflow:hidden;flex:0 0 auto}
.nav-group-toggle{width:100%;border:0;background:transparent;color:#b9cee0;display:grid;grid-template-columns:22px 1fr auto auto;align-items:center;gap:7px;padding:9px 9px;cursor:pointer;text-align:left}
.nav-group-toggle:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-group-toggle b{font-size:10px;letter-spacing:.65px;font-weight:900}
.nav-group-icon{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:11px}
.nav-group-caret{font-size:13px;transition:transform .16s;color:#7fa0bd}
.nav-group.open .nav-group-caret{transform:rotate(180deg)}
.nav-group-toggle i{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4f61;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal}
.nav-group-toggle i:empty{display:none}
.nav-group-items{display:none;padding:2px 5px 6px}.nav-group.open .nav-group-items{display:grid;gap:2px}
.app-nav-groups .nav-group-items>button{padding:8px 8px;font-size:12.5px;border-radius:7px;line-height:1.18}
.app-nav-groups .nav-group-items>button>span:first-child{width:18px;font-size:12px}
.app-nav-groups .nav-group-items>button.active{background:#1384bf;color:#fff;box-shadow:inset 3px 0 0 #65d6e8}
.app-nav-groups .nav-group-items>button:hover:not(.active){background:rgba(255,255,255,.08)}
.sidebar-bottom{display:none!important}
.sidebar-scrim{display:none}
@media(max-width:900px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{left:-310px;width:min(286px,86vw);padding:12px 10px;overflow:hidden;transition:left .2s ease;box-shadow:none}
  .sidebar.open{left:0;box-shadow:18px 0 50px rgba(0,0,0,.28)}
  .sidebar-scrim{position:fixed;inset:var(--header) 0 0 0;border:0;background:rgba(5,20,36,.45);z-index:35;display:block;opacity:0;pointer-events:none;transition:opacity .18s}
  body.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}
  .app-nav-groups .nav-group-items>button{padding:10px 9px;font-size:13px}
  .nav-group-toggle{padding:10px 9px}
}


/* V11.4.1 — compact flag language picker */
.language-picker{position:relative;display:flex;align-items:center;flex:0 0 auto}
.language-picker-toggle{height:36px;min-width:62px;padding:0 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.07);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.15s ease}
.language-picker-toggle:hover{background:rgba(255,255,255,.13)}
.app-header .language-picker-toggle{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff}
.language-current-code{font-size:10px;font-weight:900;letter-spacing:.03em}.language-chevron{font-size:11px;opacity:.72;margin-top:-2px}
.language-flag{position:relative;display:inline-block;width:23px;height:15px;flex:0 0 23px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(18,45,69,.14);background-color:#fff}
.flag-rs{background:linear-gradient(to bottom,#c6363c 0 33.333%,#0c4076 33.333% 66.666%,#fff 66.666% 100%)}
.flag-mk{background:#d20000}
.flag-mk:before{content:"";position:absolute;inset:-8px;background:conic-gradient(from 12deg,transparent 0 8deg,#f8d10a 8deg 17deg,transparent 17deg 37deg,#f8d10a 37deg 46deg,transparent 46deg 82deg,#f8d10a 82deg 91deg,transparent 91deg 127deg,#f8d10a 127deg 136deg,transparent 136deg 172deg,#f8d10a 172deg 181deg,transparent 181deg 217deg,#f8d10a 217deg 226deg,transparent 226deg 262deg,#f8d10a 262deg 271deg,transparent 271deg 307deg,#f8d10a 307deg 316deg,transparent 316deg 360deg)}
.flag-mk:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#f8d10a;transform:translate(-50%,-50%)}
.flag-gb{background:
linear-gradient(33deg,transparent 42%,#fff 42% 48%,#cf142b 48% 52%,#fff 52% 58%,transparent 58%),
linear-gradient(-33deg,transparent 42%,#fff 42% 48%,#cf142b 48% 52%,#fff 52% 58%,transparent 58%),
linear-gradient(to right,transparent 38%,#fff 38% 44%,#cf142b 44% 56%,#fff 56% 62%,transparent 62%),
linear-gradient(to bottom,transparent 35%,#fff 35% 42%,#cf142b 42% 58%,#fff 58% 65%,transparent 65%),#012169}
.language-menu{position:absolute;right:0;top:43px;width:184px;background:#fff;border:1px solid #d7e1e9;border-radius:10px;box-shadow:0 14px 34px rgba(13,39,61,.2);padding:5px;z-index:1200}
.language-menu button{width:100%;border:0;background:#fff;border-radius:7px;padding:8px 9px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;text-align:left;color:#20394d;cursor:pointer}
.language-menu button:hover,.language-menu button.active{background:#edf6fc}.language-menu button span:nth-child(2){font-size:10px;font-weight:800}.language-menu button small{font-size:8px;color:#7a8d9d;font-weight:900}
.language-menu button.active:after{content:"✓";position:absolute;right:10px;color:#0a8f67;font-size:9px}.language-menu button.active small{margin-right:15px}
.language-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important}
@media(max-width:620px){.language-picker-toggle{min-width:54px;height:34px;padding:0 6px}.language-current-code{display:none}.language-menu{right:0;width:170px}}


/* V11.4.2 — keep workspace clear of desktop sidebar */
@media(min-width:901px){
  body.app-mode .app-shell{
    grid-template-columns:226px minmax(0,1fr);
  }
  body.app-mode .sidebar{
    width:226px;
    min-width:226px;
    left:auto;
  }
  body.app-mode .workspace{
    min-width:0;
    width:100%;
    overflow-x:hidden;
  }
  body.app-mode .page-content{
    min-width:0;
    width:100%;
    box-sizing:border-box;
  }
}


/* V12 — simplified public marketplace landing */
body:not(.app-mode){background:#f4f7fb;color:#102a43}
body:not(.app-mode) .landing-header:not(.app-header){
  height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid #dfe7ee;
  box-shadow:0 8px 30px rgba(17,47,75,.08);backdrop-filter:blur(16px);padding:0 4vw
}
body:not(.app-mode) .landing-header:not(.app-header) .brand{background:transparent;padding:0;min-width:180px}
body:not(.app-mode) .landing-header:not(.app-header) .brand img{width:168px}
body:not(.app-mode) .landing-header:not(.app-header) .public-nav{gap:7px}
body:not(.app-mode) .landing-header:not(.app-header) .public-nav a{color:#415a70;padding:9px 11px;border-radius:8px;font-size:10px}
body:not(.app-mode) .landing-header:not(.app-header) .public-nav a:hover{color:#0a72d8;background:#eef6ff}
body:not(.app-mode) .landing-header:not(.app-header) .landing-login{color:#173a56;border:1px solid #cdd9e3;background:#fff}
body:not(.app-mode) .landing-header:not(.app-header) .landing-login:hover{background:#f3f7fa}
body:not(.app-mode) .landing-header:not(.app-header) .landing-register{background:#0878e8;color:#fff;box-shadow:0 8px 24px rgba(8,120,232,.18)}
body:not(.app-mode) .landing-header:not(.app-header) .language-picker-toggle{border-color:#d5e0e8;background:#fff;color:#29465e}

.landing-v3{overflow:hidden;background:#f4f7fb}
.ts-hero{position:relative;min-height:600px;background:linear-gradient(115deg,#edf4fa 0%,#f8fbfe 44%,#dceaf4 100%);overflow:hidden}
.ts-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ts-horizon{position:absolute;inset:auto -7% 0 36%;height:70%;background:
  radial-gradient(circle at 43% 85%,rgba(255,194,112,.72),transparent 22%),
  linear-gradient(180deg,transparent 0 43%,rgba(41,92,127,.12) 44% 52%,rgba(17,48,70,.14) 53% 100%);
  clip-path:polygon(6% 38%,100% 0,100% 100%,0 100%);opacity:.9}
.ts-road{position:absolute;width:780px;height:600px;right:-70px;bottom:-225px;transform:perspective(650px) rotateX(58deg) rotateZ(-8deg);border-radius:50% 50% 0 0;
  background:linear-gradient(90deg,#65798a 0 9%,#2b3e4d 10% 45%,#e9eef2 46% 48%,#2b3e4d 49% 84%,#65798a 85% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.ts-road:after{content:"";position:absolute;left:49%;top:0;width:4px;height:100%;background:repeating-linear-gradient(to bottom,#fff 0 25px,transparent 25px 52px);opacity:.7}
.ts-truck-mark{position:absolute;right:14%;bottom:20%;font-size:180px;line-height:1;font-weight:1000;font-style:italic;letter-spacing:-20px;color:rgba(4,77,126,.08);transform:skewX(-10deg)}
.ts-hero-grid{position:relative;z-index:2;max-width:1420px;margin:0 auto;min-height:600px;padding:70px 5vw;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.72fr);gap:62px;align-items:center}
.ts-hero-copy{max-width:760px}
.ts-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#0878e8;text-transform:uppercase}.ts-eyebrow.dark{color:#2f6f9d}.ts-eyebrow.light{color:#75d8ff}
.ts-hero-copy h1{font-size:58px;line-height:.98;letter-spacing:-2.5px;margin:14px 0 4px;color:#0a2540;font-weight:900}
.ts-hero-copy h2{font-size:35px;line-height:1.1;letter-spacing:-1.2px;margin:0 0 18px;color:#133653;font-weight:800}
.ts-hero-copy>p{font-size:16px;line-height:1.6;color:#476579;max-width:700px;margin:0}
.ts-trust-row{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0 4px}
.ts-trust-row>div{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;min-width:170px}
.ts-trust-row span{grid-row:1/3;width:32px;height:32px;border-radius:10px;background:#e7f3ff;color:#0878e8;display:grid;place-items:center;font-weight:900}
.ts-trust-row b{font-size:10px;color:#173d5d}.ts-trust-row small{font-size:8.5px;color:#708798;margin-top:2px}
.ts-hero-actions{display:flex;gap:10px;align-items:center;margin-top:30px}.btn-ghost-light{background:#fff;color:#173d5d;border:1px solid #c9d8e4;box-shadow:none}.btn-ghost-light:hover{background:#f5f8fb}
.ts-free-note{font-size:9.5px!important;color:#607d90!important;margin-top:12px!important;max-width:620px!important}

.ts-login-card{background:rgba(255,255,255,.96);border:1px solid rgba(187,205,218,.8);border-radius:18px;padding:24px;box-shadow:0 30px 75px rgba(15,49,76,.18);backdrop-filter:blur(12px);max-width:430px;width:100%;justify-self:end}
.ts-login-card-head{display:flex;align-items:center;gap:12px}.ts-login-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0878e8,#0ba0d8);color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}
.ts-login-card-head small{font-size:7px;letter-spacing:1.4px;color:#8194a4;font-weight:900}.ts-login-card h3{margin:2px 0 0;font-size:23px;color:#123653}
.ts-login-card>p{font-size:10px;color:#6a8192;margin:8px 0 18px}.ts-login-card form{display:grid;gap:11px}.ts-login-card label{display:grid;gap:5px}.ts-login-card label span{font-size:9px;font-weight:850;color:#4c6578}
.ts-login-card input{height:44px;border:1px solid #d4dfe7;border-radius:10px;padding:0 12px;font-size:11px;background:#fff;outline:none}.ts-login-card input:focus{border-color:#5ca8ea;box-shadow:0 0 0 3px rgba(8,120,232,.09)}
.ts-login-submit{height:44px;margin-top:3px}.ts-forgot{font-size:9px;margin-top:10px}.ts-login-divider{display:flex;align-items:center;gap:10px;color:#8a9aa7;font-size:8.5px;margin:16px 0 12px}.ts-login-divider:before,.ts-login-divider:after{content:"";height:1px;background:#e1e8ed;flex:1}.ts-register-secondary{width:100%;height:40px}

.ts-search-section,.ts-actions-section,.ts-how-section{max-width:1420px;margin:0 auto;padding:64px 5vw}
.ts-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.ts-section-head.centered{text-align:center;justify-content:center}.ts-section-head h2{font-size:30px;letter-spacing:-.8px;line-height:1.15;color:#133653;margin:7px 0 0}
.ts-free-pill{background:#e9f9f2;color:#087554;border:1px solid #c5ead9;border-radius:999px;padding:7px 12px;font-size:9px;font-weight:900}
.ts-search-card{background:#fff;border:1px solid #dbe5ec;border-radius:16px;padding:18px;box-shadow:0 15px 45px rgba(17,53,82,.08)}
.ts-search-tabs{display:flex;gap:6px;margin-bottom:16px}.ts-search-tabs button{border:0;border-radius:999px;background:#eef3f7;color:#617789;padding:9px 18px;font-size:10px;font-weight:900;cursor:pointer}.ts-search-tabs button.active{background:#0878e8;color:#fff;box-shadow:0 6px 18px rgba(8,120,232,.2)}
.ts-search-grid{display:grid;grid-template-columns:1.3fr 1.3fr .72fr .62fr auto;gap:10px;align-items:end}.ts-search-grid label{display:grid;gap:5px}.ts-search-grid label>span{font-size:8px;font-weight:900;color:#526b7e;text-transform:uppercase;letter-spacing:.35px}
.ts-search-grid input{height:42px;border:1px solid #d4dfe7;border-radius:9px;padding:0 11px;font-size:10px;outline:none;background:#fbfdff}.ts-search-grid input:focus{border-color:#75afe0;box-shadow:0 0 0 3px rgba(8,120,232,.07)}
.ts-search-grid>.btn{height:42px;min-width:118px}
.ts-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
.ts-public-result{border:1px solid #e0e7ed;border-radius:11px;padding:12px;background:#fbfdff;display:grid;gap:8px}.ts-public-route{display:flex;align-items:center;gap:6px;color:#173a56;font-size:10px}.ts-public-route span{color:#7d92a2}.ts-public-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.ts-public-meta span,.ts-public-meta strong{font-size:8px;background:#edf3f7;color:#536d80;border-radius:999px;padding:4px 7px}.ts-public-meta strong{background:#eaf7f0;color:#087554}.ts-public-result .link-btn{justify-self:start;font-size:8.5px}
.ts-public-loading,.ts-public-empty{grid-column:1/-1;border:1px dashed #d4e0e8;background:#f9fbfd;border-radius:10px;padding:16px;color:#6d8292;font-size:9.5px}.ts-public-empty{display:grid;gap:3px}.ts-public-empty b{color:#36566e;font-size:10px}

.ts-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ts-action-card{border:1px solid #dce6ed;background:#fff;border-radius:14px;padding:18px;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(17,52,78,.05);transition:.18s}.ts-action-card:hover{transform:translateY(-3px);border-color:#bcd5e7;box-shadow:0 18px 38px rgba(17,52,78,.1)}
.ts-action-icon{width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:#0878e8;display:grid;place-items:center;font-size:17px;font-weight:900}.ts-action-icon.green{background:#e8f8f0;color:#0a9465}.ts-action-icon.amber{background:#fff3dd;color:#bf7b00}.ts-action-icon.purple{background:#f1eafd;color:#7b4ec7}.ts-action-card b{display:block;font-size:11px;color:#173a56}.ts-action-card small{display:block;font-size:8.5px;line-height:1.45;color:#738795;margin-top:3px}.ts-action-card i{font-style:normal;color:#8193a2;font-size:18px}

.ts-security-section{background:linear-gradient(115deg,#082e50,#0d648f);color:#fff;padding:58px max(5vw,calc((100vw - 1420px)/2 + 5vw));display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ts-security-copy{max-width:650px}.ts-security-copy h2{font-size:32px;letter-spacing:-.8px;margin:8px 0 10px}.ts-security-copy p{font-size:11px;line-height:1.6;color:#c8d9e5;max-width:570px}.ts-security-copy .btn{margin-top:14px}
.ts-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ts-security-grid>div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:12px;padding:14px;display:flex;align-items:center;gap:9px}.ts-security-grid span{width:28px;height:28px;border-radius:9px;background:rgba(83,225,180,.14);color:#65e0b5;display:grid;place-items:center;font-weight:900}.ts-security-grid b{font-size:9.5px;line-height:1.4}

.ts-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ts-how-grid article{position:relative;background:#fff;border:1px solid #dce6ed;border-radius:14px;padding:22px 22px 22px 68px;min-height:135px}.ts-how-grid article>span{position:absolute;left:18px;top:20px;width:36px;height:36px;border-radius:11px;background:#eaf4fc;color:#0878e8;display:grid;place-items:center;font-weight:900}.ts-how-grid h3{font-size:13px;margin:1px 0 6px;color:#173a56}.ts-how-grid p{font-size:9.5px;line-height:1.6;color:#6c8191;margin:0}
.ts-final-cta{max-width:1420px;margin:0 auto 68px;padding:30px 5vw;background:linear-gradient(115deg,#0c3558,#0879a8);color:#fff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ts-final-cta small{font-size:8px;letter-spacing:1.4px;color:#8fdaf4;font-weight:900}.ts-final-cta h2{font-size:28px;margin:4px 0 5px}.ts-final-cta p{margin:0;color:#c8d9e5;font-size:10px}

@media(max-width:1100px){
  .ts-hero-grid{grid-template-columns:1fr .78fr;gap:34px}.ts-hero-copy h1{font-size:48px}.ts-hero-copy h2{font-size:29px}
  .ts-search-grid{grid-template-columns:1fr 1fr 1fr}.ts-search-grid>.btn{grid-column:3}.ts-search-results{grid-template-columns:1fr 1fr}
  .ts-action-grid{grid-template-columns:1fr 1fr}.ts-security-section{grid-template-columns:1fr}.ts-how-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:820px){
  body:not(.app-mode) .landing-header:not(.app-header){padding:0 14px}.landing-header:not(.app-header) .landing-register{display:none}
  .ts-hero{min-height:auto}.ts-hero-grid{grid-template-columns:1fr;padding:58px 20px 48px}.ts-hero-copy{text-align:left}.ts-hero-copy h1{font-size:43px}.ts-hero-copy h2{font-size:27px}.ts-login-card{justify-self:stretch;max-width:none}.ts-road{right:-330px;opacity:.4}.ts-truck-mark{display:none}
  .ts-search-section,.ts-actions-section,.ts-how-section{padding:48px 20px}.ts-search-grid{grid-template-columns:1fr 1fr}.ts-search-grid>.btn{grid-column:1/-1}.ts-search-results{grid-template-columns:1fr}
  .ts-security-section{padding:48px 20px}.ts-how-grid{grid-template-columns:1fr}.ts-final-cta{margin:0 20px 50px;padding:26px;flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .ts-hero-grid{padding:42px 16px}.ts-hero-copy h1{font-size:36px}.ts-hero-copy h2{font-size:23px}.ts-hero-copy>p{font-size:13px}.ts-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ts-trust-row>div{min-width:0}.ts-trust-row>div:last-child{grid-column:1/-1}.ts-hero-actions{flex-direction:column;align-items:stretch}.ts-hero-actions .btn{width:100%}
  .ts-login-card{padding:18px}.ts-search-section,.ts-actions-section,.ts-how-section{padding:40px 14px}.ts-section-head{align-items:flex-start;flex-direction:column}.ts-section-head h2{font-size:25px}.ts-search-card{padding:13px}.ts-search-grid{grid-template-columns:1fr}.ts-search-grid>.btn{grid-column:auto}.ts-action-grid{grid-template-columns:1fr}.ts-security-grid{grid-template-columns:1fr}.ts-final-cta{margin:0 14px 42px}
}


/* V13 — new brand + simplified workspace */
:root{
  --brand-navy:#0a2744;
  --brand-blue:#0b82e8;
  --brand-sky:#eaf4fd;
  --brand-bg:#f4f7fb;
}
.site-header .brand img{width:190px;max-height:54px;object-fit:contain}
body:not(.app-mode) .landing-header:not(.app-header) .brand img{width:190px}
.footer-brand img{width:185px}

/* App header becomes clean/light like the public site */
body.app-mode .site-header.app-header{
  height:64px;
  --header:64px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #dfe7ee;
  box-shadow:0 4px 18px rgba(17,52,78,.06);
  padding:0 20px;
}
body.app-mode .site-header.app-header .brand{
  background:transparent;
  padding:0;
  border-radius:0;
}
body.app-mode .site-header.app-header .brand img{width:185px}
body.app-mode .app-header .language-picker-toggle,
body.app-mode .app-header .icon-btn,
body.app-mode .app-header .account-button{
  color:#173a56;
  border-color:#d8e2e9;
  background:#fff;
}
body.app-mode .app-header .account-button small{color:#6f8494}

/* Workspace shell */
body.app-mode .app-shell{
  grid-template-columns:214px minmax(0,1fr);
  min-height:calc(100vh - 64px);
  background:#f3f6f9;
}
body.app-mode .sidebar{
  width:214px;
  top:64px;
  height:calc(100vh - 64px);
  padding:14px 10px;
  background:#fff;
  color:#29475f;
  border-right:1px solid #dfe7ed;
  box-shadow:none;
}
body.app-mode .sidebar-company{
  margin:0 2px 14px;
  padding:12px 11px;
  border:1px solid #e2e9ee;
  background:#f8fbfd;
  border-radius:12px;
}
body.app-mode .sidebar-company b{font-size:12px;color:#133653}
body.app-mode .sidebar-company small{font-size:9px;color:#6e8292}
body.app-mode .sidebar-company .verify{
  background:#e8f7ef;
  color:#087554;
  font-size:8px;
  border:1px solid #ccebdc;
}
body.app-mode .sidebar-company .badge-green{
  background:#e8f2ff;
  color:#176da8;
  border:1px solid #cfe2f4;
}

body.app-mode .app-nav-simple{
  display:flex;
  flex-direction:column;
  gap:5px;
  overflow-y:auto;
  padding:0 1px 8px;
}
body.app-mode .app-nav-simple>button.app-nav-primary,
body.app-mode .app-nav-simple .nav-group-toggle,
body.app-mode .app-nav-simple .nav-group-items>button{
  min-height:42px;
  border-radius:9px;
  padding:10px 11px;
  color:#486478;
  background:transparent;
  font-size:11px;
  font-weight:760;
  gap:9px;
}
body.app-mode .app-nav-simple>button.app-nav-primary:hover,
body.app-mode .app-nav-simple .nav-group-toggle:hover,
body.app-mode .app-nav-simple .nav-group-items>button:hover{
  background:#f0f6fb;
  color:#0d5f9c;
}
body.app-mode .app-nav-simple>button.app-nav-primary.active,
body.app-mode .app-nav-simple .nav-group-items>button.active{
  background:#e8f3ff;
  color:#086fca;
  box-shadow:none;
  border:1px solid #cfe4f7;
}
body.app-mode .app-nav-simple>button.app-nav-primary.active .app-nav-symbol{
  background:#0b82e8;
  color:#fff;
}
body.app-mode .app-nav-symbol{
  width:27px!important;
  height:27px;
  border-radius:8px;
  background:#eef3f7;
  display:grid;
  place-items:center;
  font-size:12px!important;
}
body.app-mode .app-nav-simple .nav-group{
  border-top:1px solid #edf1f4;
  margin-top:3px;
  padding-top:5px;
}
body.app-mode .app-nav-simple .nav-group-toggle{
  width:100%;
}
body.app-mode .app-nav-simple .nav-group-toggle b{
  font-size:9px;
  letter-spacing:.8px;
  color:#708798;
}
body.app-mode .app-nav-simple .nav-group.open .nav-group-toggle{
  background:#f7fafc;
}
body.app-mode .app-nav-simple .nav-group-items{
  display:none;
  padding:4px 0 2px 12px;
}
body.app-mode .app-nav-simple .nav-group.open .nav-group-items{display:grid;gap:3px}
body.app-mode .app-nav-simple .nav-group-items>button{
  min-height:36px;
  font-size:10px;
  padding:8px 9px;
}
body.app-mode .app-nav-simple button i{
  margin-left:auto;
  min-width:17px;
  height:17px;
  border-radius:999px;
  background:#e54a5d;
  color:#fff;
  font-size:8px;
  display:grid;
  place-items:center;
  font-style:normal;
}

body.app-mode .workspace{background:#f3f6f9}
body.app-mode .workspace-top{
  height:72px;
  top:64px;
  padding:0 22px;
  background:#fff;
  border-bottom:1px solid #dfe7ed;
  box-shadow:none;
}
body.app-mode .workspace-kicker{
  color:#6e8292;
  font-size:8px;
  letter-spacing:1.1px;
}
body.app-mode .workspace-top h1{
  font-size:22px;
  color:#123653;
  letter-spacing:-.35px;
}
body.app-mode .workspace-actions .btn{
  padding:9px 13px;
  font-size:10px;
}
body.app-mode .page-content{
  padding:18px 22px 48px;
  background:#f3f6f9;
}

/* Give core workspace cards the same modern surface treatment */
body.app-mode .toolbar,
body.app-mode .panel,
body.app-mode .stat-card,
body.app-mode .security-card,
body.app-mode .list-card,
body.app-mode .company-card,
body.app-mode .admin-card,
body.app-mode .route-form,
body.app-mode .route-result{
  border-color:#dce6ed;
  border-radius:12px;
  box-shadow:0 5px 18px rgba(20,52,76,.035);
}
body.app-mode .toolbar{background:#fff}
body.app-mode .form-input,
body.app-mode .form-select,
body.app-mode .toolbar input,
body.app-mode .toolbar select{
  border-radius:8px;
  border-color:#d5e0e7;
  background:#fff;
}
body.app-mode .btn-primary{
  background:#0b82e8;
  box-shadow:0 7px 18px rgba(11,130,232,.16);
}
body.app-mode .btn-primary:hover{background:#0877d5}
body.app-mode .btn-light{border-color:#d4dee6;background:#fff;color:#294a63}
body.app-mode .search-tab.active{color:#0878d6;border-bottom-color:#0b82e8}
body.app-mode .freight-offer-row:hover td{background:#f2f8fd!important}

/* Landing refinements to match the approved mockup more closely */
.ts-hero{
  min-height:620px;
  background:
    radial-gradient(circle at 48% 78%,rgba(255,194,112,.32),transparent 20%),
    linear-gradient(115deg,#f5f9fc 0%,#eef5fa 47%,#d7e7f1 100%);
}
.ts-hero-grid{max-width:1480px;padding-top:58px;padding-bottom:58px}
.ts-hero-copy h1{font-size:62px}
.ts-hero-copy h2{font-size:38px}
.ts-login-card{border-radius:20px;padding:27px;box-shadow:0 28px 70px rgba(15,49,76,.16)}
.ts-search-card,.ts-action-card{border-radius:15px}
.ts-action-card{min-height:100px}
.ts-final-cta{box-shadow:0 20px 45px rgba(8,70,110,.14)}

@media(max-width:900px){
  body.app-mode .app-shell{grid-template-columns:1fr}
  body.app-mode .sidebar{
    position:fixed;
    width:min(286px,86vw);
    left:-310px;
    top:64px;
    height:calc(100vh - 64px);
    z-index:90;
    transition:left .2s ease;
  }
  body.app-mode .sidebar.open{left:0;box-shadow:18px 0 50px rgba(19,46,67,.18)}
  body.app-mode .workspace-top{top:64px;padding:0 14px}
  body.app-mode .page-content{padding:13px 10px 40px}
}
@media(max-width:650px){
  body.app-mode .site-header.app-header{height:60px;--header:60px;padding:0 10px}
  body.app-mode .site-header.app-header .brand img{width:148px}
  body.app-mode .sidebar{top:60px;height:calc(100vh - 60px)}
  body.app-mode .workspace-top{top:60px;height:62px}
  body.app-mode .workspace-top h1{font-size:18px}
  body.app-mode .workspace-actions{gap:5px}
  body.app-mode .workspace-actions .btn{padding:8px 9px}
}


/* V14 — complete freight exchange redesign */
body.app-mode .workspace{
  overflow:visible;
}
body.app-mode .page-content{
  padding-top:22px!important;
  overflow:visible;
}
body.app-mode .workspace-top{
  z-index:35;
}
body.app-mode .search-tabs-shell{
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.app-mode .market-search-surface{
  position:relative;
  overflow:visible;
  background:#fff;
  border:1px solid #dce6ed;
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 32px rgba(22,54,78,.055);
  margin-bottom:16px;
}
body.app-mode .market-results-shell{
  position:relative;
  overflow:visible;
  padding-bottom:24px;
}

/* market intro */
body.app-mode .market-page-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:116px;
  margin:0 0 14px;
  padding:20px 22px;
  border:1px solid #d9e5ed;
  border-radius:16px;
  background:
    radial-gradient(circle at 88% 20%,rgba(11,130,232,.12),transparent 27%),
    linear-gradient(120deg,#ffffff 0%,#f7fbff 64%,#eef7fd 100%);
  box-shadow:0 8px 28px rgba(19,52,77,.045);
}
body.app-mode .market-page-kicker{
  display:block;
  margin-bottom:5px;
  color:#0b82e8;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.45px;
}
body.app-mode .market-page-hero h2{
  margin:0;
  color:#0d304d;
  font-size:25px;
  line-height:1.1;
  letter-spacing:-.6px;
}
body.app-mode .market-page-hero p{
  max-width:660px;
  margin:7px 0 0;
  color:#6a8192;
  font-size:10.5px;
}
body.app-mode .market-page-hero-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

/* load / vehicle switch */
body.app-mode .market-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:14px;
}
body.app-mode .market-mode-tabs>button{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 14px;
  text-align:left;
  border:1px solid #d8e3ea;
  border-radius:12px;
  background:#fff;
  color:#456277;
  transition:.15s ease;
}
body.app-mode .market-mode-tabs>button:hover{
  border-color:#b7d5e9;
  background:#f8fcff;
}
body.app-mode .market-mode-tabs>button.active{
  border-color:#9dcbee;
  background:#edf7ff;
  color:#086fca;
  box-shadow:0 5px 17px rgba(11,130,232,.08);
}
body.app-mode .market-mode-tabs>button>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef3f7;
  font-size:14px;
}
body.app-mode .market-mode-tabs>button.active>span{
  background:#0b82e8;
  color:#fff;
}
body.app-mode .market-mode-tabs b{
  display:block;
  font-size:11px;
}
body.app-mode .market-mode-tabs small{
  display:block;
  margin-top:2px;
  color:#7b8f9e;
  font-size:8px;
}

/* saved-search tabs now sit inside the search surface */
body.app-mode .search-tabs-scroll{
  gap:7px;
  padding:0 0 12px!important;
}
body.app-mode .search-tab{
  min-height:44px;
  border:1px solid #dce5eb;
  border-radius:10px;
  background:#f9fbfc;
  color:#587184;
  box-shadow:none;
}
body.app-mode .search-tab.active{
  border-color:#a9d0ec;
  background:#edf7ff;
  color:#076fca;
}
body.app-mode .search-tab b{
  font-size:9.5px;
}
body.app-mode .search-tab small{
  font-size:7.5px;
}

/* main load search */
body.app-mode .freight-search-v2{
  margin:0!important;
  overflow:visible;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.app-mode .search-v2-primary{
  grid-template-columns:minmax(190px,1.25fr) minmax(190px,1.25fr) minmax(125px,.72fr) minmax(125px,.72fr) minmax(142px,.75fr) minmax(142px,.75fr) 118px!important;
  gap:9px!important;
  padding:0!important;
  background:transparent!important;
}
body.app-mode .search-v2-location,
body.app-mode .search-v2-field,
body.app-mode .search-v2-weight{
  min-width:0;
}
body.app-mode .search-v2-label,
body.app-mode .search-v2-field label,
body.app-mode .search-v2-weight label{
  margin-bottom:5px!important;
  color:#536d80!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.25px;
  text-transform:uppercase;
}
body.app-mode .location-country-row{
  gap:6px;
}
body.app-mode .search-v2-primary input,
body.app-mode .search-v2-primary select{
  min-height:38px!important;
  padding:8px 9px!important;
  border:1px solid #d4e0e8!important;
  border-radius:8px!important;
  background:#fbfdff!important;
  color:#203d53!important;
  font-size:10px!important;
}
body.app-mode .search-v2-primary input:focus,
body.app-mode .search-v2-primary select:focus{
  border-color:#7bb8e3!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(11,130,232,.07)!important;
}
body.app-mode .search-v2-submit{
  min-height:38px!important;
  height:38px!important;
  align-self:end;
  border-radius:8px!important;
  font-size:10px!important;
}
body.app-mode .search-v2-quick{
  margin-top:12px;
  padding:11px 0 0!important;
  border-top:1px solid #edf1f4;
  gap:7px!important;
}
body.app-mode .quick-check,
body.app-mode .filter-chip,
body.app-mode .date-range-quick label{
  font-size:8.5px!important;
}
body.app-mode .filter-chip{
  min-height:30px;
  padding:6px 9px!important;
  border-radius:8px!important;
  border-color:#d6e1e8;
  background:#fff;
}
body.app-mode .filter-chip:hover{
  border-color:#9ecbea;
  color:#0872c9;
  background:#f7fbff;
}

/* vehicle search */
body.app-mode .vehicle-search-card{
  overflow:visible;
}
body.app-mode .vehicle-search-main{
  display:grid;
  grid-template-columns:minmax(190px,1.25fr) minmax(190px,1.25fr) minmax(150px,.8fr) minmax(150px,.8fr) 120px;
  gap:9px;
  align-items:end;
}
body.app-mode .vehicle-search-main>label{
  display:grid;
  gap:5px;
  min-width:0;
}
body.app-mode .vehicle-search-main>label>span{
  color:#536d80;
  font-size:8px;
  font-weight:900;
  letter-spacing:.25px;
  text-transform:uppercase;
}
body.app-mode .vehicle-search-main input,
body.app-mode .vehicle-search-main select{
  width:100%;
  min-height:40px;
  border:1px solid #d4e0e8;
  border-radius:8px;
  background:#fbfdff;
  padding:8px 10px;
  color:#203d53;
  font-size:10px;
  outline:none;
}
body.app-mode .market-input-icon{
  position:relative;
}
body.app-mode .market-input-icon i{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  color:#0b82e8;
  font-style:normal;
  font-size:9px;
  z-index:1;
}
body.app-mode .market-input-icon input{
  padding-left:29px;
}
body.app-mode .vehicle-search-submit{
  min-height:40px;
  height:40px;
  border-radius:8px;
}
body.app-mode .vehicle-search-foot{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf1f4;
}
body.app-mode .market-filter-link{
  border:1px solid #d6e1e8;
  border-radius:8px;
  background:#fff;
  color:#476478;
  padding:7px 10px;
  font-size:8.5px;
  font-weight:800;
}
body.app-mode .market-filter-link:hover,
body.app-mode .market-filter-link.active{
  border-color:#9bc9e8;
  background:#f0f8fe;
  color:#0874cc;
}
body.app-mode .vehicle-search-foot .postal-source{
  margin-left:auto;
}

/* advanced panels */
body.app-mode .search-v2-advanced,
body.app-mode .vehicle-advanced-panel{
  margin-top:12px;
  padding:12px!important;
  border:1px solid #e0e8ee;
  border-radius:12px;
  background:#f8fbfd;
}
body.app-mode .advanced-search-columns>section,
body.app-mode .vehicle-advanced-panel section{
  border:1px solid #e0e7ed;
  border-radius:10px!important;
  background:#fff;
}

/* result toolbars */
body.app-mode .market-result-toolbar,
body.app-mode .results-summary{
  min-height:42px;
  margin:0 0 10px!important;
  padding:8px 11px!important;
  border:1px solid #dce5eb!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(19,52,76,.03);
}
body.app-mode .market-result-toolbar b,
body.app-mode .results-summary b{
  color:#173a56;
  font-size:10.5px!important;
}
body.app-mode .vehicle-view-switch{
  border-radius:9px;
}
body.app-mode .vehicle-view-switch button{
  min-width:64px;
  padding:7px 10px;
  font-size:8.5px;
}
body.app-mode .vehicle-view-switch button.active{
  background:#e8f4fd;
  color:#0874cb;
}

/* freight offers */
body.app-mode .freight-offer-table-wrap{
  overflow:auto;
  border:1px solid #dce5eb!important;
  border-radius:12px!important;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,52,76,.035)!important;
}
body.app-mode .freight-offer-table{
  min-width:1160px;
}
body.app-mode .freight-offer-table thead th{
  position:sticky;
  top:0;
  z-index:3;
  padding:9px 9px!important;
  background:#f4f8fb!important;
  border-bottom:1px solid #dce5eb;
  color:#6b8090!important;
  font-size:7.5px!important;
}
body.app-mode .freight-offer-table td{
  padding:10px 9px!important;
  border-bottom:1px solid #edf2f5!important;
  background:#fff;
  font-size:8.8px!important;
}
body.app-mode .freight-offer-row:nth-child(even) td{
  background:#fbfdff;
}
body.app-mode .freight-offer-row:hover td{
  background:#f1f8fd!important;
}
body.app-mode .offer-place b,
body.app-mode .vehicle-summary b{
  color:#173a56;
  font-size:9.5px!important;
}
body.app-mode .offer-place span,
body.app-mode .vehicle-summary span,
body.app-mode .vehicle-summary small{
  font-size:7.5px!important;
}

/* vehicle cards */
body.app-mode .vehicle-market-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.app-mode .vehicle-market-card{
  overflow:hidden;
  border:1px solid #dce5eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 22px rgba(19,52,76,.035);
  transition:.16s ease;
}
body.app-mode .vehicle-market-card:hover{
  transform:translateY(-2px);
  border-color:#bdd7e8;
  box-shadow:0 12px 28px rgba(19,52,76,.075);
}
body.app-mode .vehicle-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 15px 11px;
  border-bottom:1px solid #edf2f5;
  background:#fbfdff;
}
body.app-mode .vehicle-card-route{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 24px minmax(0,1fr);
  gap:7px;
  align-items:center;
  min-width:0;
  flex:1;
}
body.app-mode .vehicle-route-node{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#e7f3fd;
  color:#0b82e8;
  font-size:8px;
}
body.app-mode .vehicle-card-route small{
  display:block;
  color:#8596a3;
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.6px;
}
body.app-mode .vehicle-card-route b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#173a56;
  font-size:10px;
}
body.app-mode .vehicle-route-arrow{
  color:#7c90a0;
  text-align:center;
}
body.app-mode .vehicle-age{
  flex:0 0 auto;
  border-radius:999px;
  background:#edf3f7;
  color:#708493;
  padding:4px 7px;
  font-size:7.5px;
  font-weight:800;
}
body.app-mode .vehicle-card-body{
  padding:14px 15px;
}
body.app-mode .vehicle-card-main{
  display:flex;
  align-items:center;
  gap:11px;
}
body.app-mode .vehicle-card-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eaf5fd;
  font-size:18px;
}
body.app-mode .vehicle-card-main h3{
  margin:0;
  color:#123653;
  font-size:13px;
}
body.app-mode .vehicle-card-main p{
  margin:3px 0 0;
  color:#748896;
  font-size:8.5px;
}
body.app-mode .vehicle-capacity-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:12px;
}
body.app-mode .vehicle-capacity-chips span{
  border-radius:999px;
  background:#edf3f7;
  color:#4d687b;
  padding:5px 8px;
  font-size:8px;
  font-weight:800;
}
body.app-mode .vehicle-capacity-chips span.adr{
  background:#fff3df;
  color:#9a6506;
}
body.app-mode .vehicle-feature-line{
  margin-top:9px;
}
body.app-mode .vehicle-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 15px;
  border-top:1px solid #edf2f5;
  background:#fbfcfd;
}
body.app-mode .vehicle-company-button{
  min-width:0;
  padding:0;
  border:0;
  background:none;
  text-align:left;
}
body.app-mode .vehicle-company-button b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#173a56;
  font-size:9px;
}
body.app-mode .vehicle-company-button span{
  display:block;
  margin-top:2px;
  color:#6f8494;
  font-size:7.5px;
}
body.app-mode .vehicle-card-actions{
  display:flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}

/* map */
body.app-mode .vehicle-map-shell{
  overflow:hidden;
  border:1px solid #dce5eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,52,76,.04);
}
body.app-mode .vehicle-map{
  min-height:520px;
}

/* responsive market */
@media(max-width:1250px){
  body.app-mode .search-v2-primary{
    grid-template-columns:1fr 1fr 1fr 1fr!important;
  }
  body.app-mode .search-v2-submit{
    width:100%;
  }
  body.app-mode .vehicle-search-main{
    grid-template-columns:1fr 1fr 1fr;
  }
  body.app-mode .vehicle-search-submit{
    width:100%;
  }
}
@media(max-width:900px){
  body.app-mode .page-content{
    padding-top:15px!important;
  }
  body.app-mode .market-page-hero{
    min-height:0;
    padding:17px;
  }
  body.app-mode .market-page-hero h2{
    font-size:21px;
  }
  body.app-mode .market-search-surface{
    padding:12px;
  }
  body.app-mode .vehicle-market-grid{
    grid-template-columns:1fr;
  }
  body.app-mode .vehicle-search-main{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  body.app-mode .market-page-hero{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
    margin-bottom:10px;
  }
  body.app-mode .market-page-hero-actions,
  body.app-mode .market-page-hero-actions .btn{
    width:100%;
  }
  body.app-mode .market-mode-tabs{
    grid-template-columns:1fr;
    gap:6px;
  }
  body.app-mode .market-mode-tabs>button{
    min-height:50px;
  }
  body.app-mode .market-search-surface{
    border-radius:12px;
    padding:10px;
  }
  body.app-mode .search-v2-primary,
  body.app-mode .vehicle-search-main{
    grid-template-columns:1fr!important;
  }
  body.app-mode .vehicle-search-foot{
    align-items:flex-start;
    flex-direction:column;
  }
  body.app-mode .vehicle-search-foot .postal-source{
    margin-left:0;
  }
  body.app-mode .vehicle-card-route{
    grid-template-columns:18px 1fr;
  }
  body.app-mode .vehicle-card-route .vehicle-route-arrow{
    display:none;
  }
  body.app-mode .vehicle-card-route>div:last-child{
    grid-column:2;
  }
  body.app-mode .vehicle-card-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  body.app-mode .vehicle-card-actions{
    width:100%;
  }
  body.app-mode .vehicle-card-actions .btn{
    flex:1;
  }
}