:root{color-scheme:dark;--bg:#080a0c;--panel:#10171b;--panel2:#131d22;--ink:#f4f1e8;--muted:#aeb6b8;--line:#2b363b;--gold:#d7b65d;--gold-light:#f1d986;--navy:#0b1721}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}a{color:var(--gold-light)}button,input,select{font:inherit}button{cursor:pointer}.button{min-height:44px;padding:0 17px;background:transparent;border:1px solid #59666d;color:var(--ink);font-weight:800;display:inline-flex;gap:12px;align-items:center;justify-content:center;text-decoration:none}.button:hover{border-color:var(--gold)}.button.gold{background:linear-gradient(110deg,#b58b33,#f0d376);color:#16140f;border-color:#e2c465}.button.small{min-height:36px;padding:0 12px;font-size:12px}.eyebrow{color:var(--gold-light);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.muted{color:var(--muted)}
.account-page{min-height:100vh;background:radial-gradient(ellipse at 75% 15%,#30281455,transparent 38%),linear-gradient(145deg,#0a0e11,#0b1721);display:flex;justify-content:center;padding:34px 18px}.account-shell{width:min(500px,100%)}.account-brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:900;text-decoration:none;color:var(--ink);letter-spacing:.04em}.account-brand:first-letter{color:var(--gold-light)}.account-brand span{font-size:12px;letter-spacing:.13em}.account-card{margin:38px 0 16px;padding:34px;background:#10171bf2;border:1px solid #3b4240;box-shadow:0 24px 75px #0007}.account-card h1{font:500 39px/1.1 Georgia,serif;margin:8px 0}.account-card form{display:grid;gap:15px;margin-top:25px}.account-card form>label,.form-grid label{display:grid;gap:7px;color:#c7cdca;font-size:12px;font-weight:700}.account-card input:not([type=checkbox]):not([type=radio]),.form-grid input,.form-grid select{height:45px;border:1px solid #3a474d;background:#0b1115;color:var(--ink);padding:0 12px;width:100%}.account-card input:focus,.form-grid input:focus,.form-grid select:focus{outline:1px solid var(--gold)}.account-card small{font-size:11px;color:#9fa9ac;font-weight:400}.role-options{border:0;border-top:1px solid var(--line);padding:14px 0 0;margin:0;display:flex;gap:10px}.role-options legend{padding:0 8px 0 0;color:#c7cdca;font-size:12px;font-weight:700}.role-options label{flex:1;cursor:pointer}.role-options input{position:absolute;opacity:0}.role-options span{display:block;padding:12px;border:1px solid #39454a;text-align:center;color:#d3d8d4}.role-options input:checked+span{border-color:var(--gold);background:#c2a34720;color:var(--gold-light)}.consent{display:flex!important;align-items:flex-start;gap:9px!important;line-height:1.55}.consent input{margin:3px 0 0}.consent a{text-decoration:underline}.account-switch{border-top:1px solid var(--line);padding-top:18px;margin:20px 0 0;color:#b8c0c2;font-size:13px}.text-button{margin-top:14px;background:none;border:0;padding:4px 0;color:var(--gold-light);text-decoration:underline;font-size:12px}.form-message{min-height:20px;margin:12px 0 0;color:var(--gold-light);font-size:13px}.form-message.error{color:#f1a6a0}.back-link{font-size:12px;text-decoration:none;color:#aeb6b8}.account-page .button{width:100%}
.app-header{min-height:68px;border-bottom:1px solid var(--line);background:#0c1216;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));gap:22px}.app-header nav{display:flex;gap:22px}.app-header nav a{text-decoration:none;color:#bec6c7;font-size:13px}.app-header nav a[aria-current=page]{color:var(--gold-light)}.user-menu{display:flex;align-items:center;gap:12px;color:#aeb6b8;font-size:12px}.board-shell{width:min(1180px,calc(100% - 36px));margin:40px auto 80px}.board-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.board-title h1{font:500 42px Georgia,serif;margin:5px 0}.board-title p{margin:0}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);margin-bottom:18px}.panel h2{font:500 24px Georgia,serif;margin:0 0 20px}.post-form[hidden],#post-load-toggle[hidden]{display:none}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.form-grid .wide{grid-column:span 2}.board-tools{display:grid;grid-template-columns:1fr 250px auto;align-items:end;gap:13px;margin-bottom:18px}.search-label{display:grid;gap:7px;color:#bdc5c5;font-size:11px;font-weight:800}.search-label input,.search-label select{height:42px;padding:0 11px;border:1px solid #3a474d;background:#0b1115;color:var(--ink)}.load-list{display:grid;gap:10px}.load-card{display:grid;grid-template-columns:1.1fr 1.6fr .9fr .9fr auto;align-items:center;gap:16px;padding:17px;border:1px solid #29343a;background:#0c1216}.load-card h3{font-size:14px;margin:0 0 3px}.load-card p{font-size:12px;color:#aeb6b8;margin:0}.load-lane{font-weight:800}.load-lane span{display:block;color:#849095;font-size:11px;font-weight:400}.load-meta{color:#c7ceca;font-size:12px}.load-meta small{display:block;color:#849095;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.load-card .button{min-height:36px;padding:0 11px;font-size:11px;white-space:nowrap}.empty{padding:38px 12px;text-align:center;color:#aeb6b8}.status-chip{display:inline-block;padding:4px 7px;border:1px solid #6a603c;color:var(--gold-light);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:850px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.load-card{grid-template-columns:1fr 1fr}.load-card .button{grid-column:1/-1}.app-header nav{display:none}}@media(max-width:560px){.account-card{padding:24px 19px}.account-card h1{font-size:33px}.app-header{padding:12px 16px;flex-wrap:wrap}.user-menu{margin-left:auto}.user-menu>span{max-width:110px;overflow:hidden;text-overflow:ellipsis}.board-shell{margin-top:26px}.board-title{align-items:flex-start;flex-direction:column}.board-title h1{font-size:35px}.panel{padding:17px}.board-tools{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.load-card{grid-template-columns:1fr;gap:11px}.load-card .button{grid-column:auto}.role-options{gap:6px}}
.dispatch-card{padding:19px;border:1px solid var(--line);background:#0c1216}.dispatch-card h3{font-size:15px;margin:0 0 4px}.dispatch-card p{margin:0 0 8px;color:#b7c0c1;font-size:13px}.dispatch-controls{display:grid;grid-template-columns:170px 1fr 1fr auto;gap:10px;margin-top:14px}.dispatch-controls .field{min-width:0}.account-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module-card{min-height:170px;margin:0;text-decoration:none;color:var(--ink)}.module-card h2{margin:8px 0}.module-card p{font-size:13px;line-height:1.6}.board-tools{grid-template-columns:1fr 1fr 1fr 190px auto}@media(max-width:1000px){.dispatch-controls{grid-template-columns:1fr 1fr}.board-tools{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dispatch-controls,.account-modules,.board-tools{grid-template-columns:1fr}}
 .legacy-stop-heading,.legacy-stop-field{display:none!important}.stop-section{border:1px solid var(--line);background:rgba(255,255,255,.02);padding:18px;margin:8px 0 14px}.stop-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.stop-heading h3{margin:0 0 4px}.stop-heading p{margin:0}.stop-list{display:grid;gap:12px}.stop-card{border:1px solid var(--line);padding:14px;background:rgba(0,0,0,.12)}.stop-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--gold)}.stop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.text-button{background:none;border:0;color:var(--gold);cursor:pointer}.button.secondary{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:9px 13px}
 .stop-grid label{display:grid;gap:7px;color:#c7cdca;font-size:12px;font-weight:700}.stop-grid input{height:42px;border:1px solid #3a474d;background:#0b1115;color:var(--ink);padding:0 12px;width:100%;box-sizing:border-box}.stop-card-title .text-button{margin:0;text-decoration:none}.stop-heading .button{white-space:nowrap}

/* Broker workspace polish: dense, scannable, DAT-style controls and lanes. */
.board-page{background:linear-gradient(180deg,#080a0c 0%,#0a1115 100%)}
.board-page .app-header{position:sticky;top:0;z-index:10;box-shadow:0 8px 24px #0005}
.board-shell{width:min(1240px,calc(100% - 48px));margin:32px auto 80px}
.board-title{padding:8px 0 22px;border-bottom:1px solid #263238;margin-bottom:20px}
.board-title h1{font-size:40px;letter-spacing:-.02em}
.board-title .muted{font-size:14px;color:#aeb9bc}
.post-form{border-color:#46535a;background:linear-gradient(145deg,#121c21,#0f171b);box-shadow:0 18px 50px #0005}
.post-form h2{font-size:27px;margin-bottom:22px}
.post-form h2:before{content:"BROKER DESK  /  CREATE LOAD";display:block;margin-bottom:8px;color:var(--gold-light);font:900 10px/1.2 Arial,sans-serif;letter-spacing:.18em}
.post-form>.form-grid{padding:0 0 4px;margin-bottom:2px}
.post-form>.form-grid>label{min-width:0}
.post-form>.form-grid>label:nth-child(-n+4){background:#0d1519;padding:10px 10px 12px;border:1px solid #26343a}
.post-form>.form-grid>label:nth-child(-n+4) input{background:#091014}
.post-form label{color:#d5dcda;font-size:11px;letter-spacing:.02em;text-transform:uppercase}
.post-form input,.post-form select{border-radius:2px;transition:border-color .15s,box-shadow .15s}
.post-form input:focus,.post-form select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d7b65d22;outline:0}
.post-form>.button.gold{min-width:170px;margin-top:6px}
.stop-section{border-color:#3c4b52;background:#0c151a;padding:20px;margin:16px 0}
.stop-heading{border-bottom-color:#314148;margin-bottom:16px}
.stop-heading h3{font:600 21px/1.2 Georgia,serif;color:#f2eee2}
.stop-heading p{font-size:12px;color:#9eabad}
.stop-heading .button.secondary{min-height:38px;padding:0 14px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.stop-card{border-color:#334249;background:#101a1f;padding:16px;box-shadow:0 5px 12px #0002}
.stop-card-title{border-bottom:1px solid #2a383f;padding-bottom:11px;margin-bottom:14px;color:var(--gold-light);font-size:14px;letter-spacing:.04em}
.stop-card-title .text-button{color:#e6c86a;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.stop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.stop-grid label{font-size:10px;color:#aebbbe;text-transform:uppercase;letter-spacing:.04em}
.stop-grid input{height:40px;border-radius:2px;background:#091114;border-color:#36464e;font-size:13px}
.board-shell>.panel:not(.post-form){border-color:#36444a;background:#10191e;padding:22px}
.board-shell>.panel:not(.post-form)>h2{font-size:21px;margin-bottom:16px}
.board-tools{padding:15px;background:#0b1317;border:1px solid #29383f;gap:10px}
.search-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#aebbbe}
.search-label input,.search-label select{height:40px;border-radius:2px;border-color:#36464e}
.board-tools>.button{height:40px;min-height:40px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.load-list{gap:8px}
.load-card{grid-template-columns:150px minmax(240px,1.8fr) 115px 150px auto;min-height:78px;padding:14px 16px;border-color:#324149;background:#0c151a;transition:border-color .15s,background .15s}
.load-card:hover{border-color:#786633;background:#111c21}
.load-card h3{font-size:13px;letter-spacing:.04em;color:#e7e2d6}
.load-card p{font-size:11px}
.load-lane{font-size:14px;color:#f1eee4}
.load-lane span{font-size:10px}
.load-meta{font-size:12px;color:#d1d8d5}
.load-meta small{font-size:9px;color:#8f9da1;letter-spacing:.14em}
.status-chip{font-size:9px;border-color:#776637;padding:3px 6px}
.empty{padding:48px 12px;background:#0c151a;border:1px dashed #33434a;font-size:13px}
@media(max-width:900px){.stop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.load-card{grid-template-columns:130px 1fr 120px auto}}
@media(max-width:560px){.board-shell{width:calc(100% - 28px)}.stop-grid{grid-template-columns:1fr}.stop-heading{align-items:flex-start;flex-direction:column}.stop-heading .button{width:100%}.load-card{grid-template-columns:1fr}.post-form>.form-grid>label:nth-child(-n+4){padding:8px}.board-title{padding-bottom:16px}}

/* Broker workspace polish: clear hierarchy, consistent controls, and responsive stop cards. */
.board-page{background:radial-gradient(circle at 85% 0%,#1e2b2d 0,#080a0c 42%);}
.board-shell{max-width:1240px;margin-top:34px}
.board-title{padding:6px 2px 24px;border-bottom:1px solid #202b30;margin-bottom:22px}
.board-title h1{font-size:46px;letter-spacing:-.02em}
.board-title .muted{font-size:14px;color:#aeb9ba}
.board-title .button{min-width:150px}
.panel{border-radius:3px;box-shadow:0 14px 35px #0003}
.post-form{padding:28px}
.post-form h2{font-size:29px;margin-bottom:24px}
.post-form .form-grid{gap:18px 16px}
.post-form .form-grid>label{font-size:11px;letter-spacing:.02em;text-transform:none}
.post-form .form-grid input,.post-form .form-grid select{height:46px;border-radius:2px}
.post-form>button[type=submit]{min-width:148px;margin-top:8px}
.board-tools{padding:2px 0 21px;margin-bottom:21px;border-bottom:1px solid #263238;gap:14px}
.board-tools .search-label{font-size:11px;letter-spacing:.03em;text-transform:uppercase}
.board-tools input,.board-tools select{border-radius:2px;height:44px}
.board-tools .button{height:44px;min-width:96px}
.stop-section{border-color:#344249;background:linear-gradient(145deg,#121c20,#0e1519);border-radius:3px;padding:20px;margin-top:20px}
.stop-heading{padding-bottom:15px;margin-bottom:16px}
.stop-heading h3{font:600 22px Georgia,serif;color:var(--ink);letter-spacing:-.01em}
.stop-heading p{font-size:12px;color:#8f9b9f}
.stop-heading .button{min-height:38px;padding:0 13px;font-size:12px}
.stop-list{gap:14px}
.stop-card{border-color:#3a484e;background:#0b1216;border-radius:3px;padding:17px 18px}
.stop-card-title{font-size:14px;color:var(--gold-light);padding-bottom:10px;border-bottom:1px solid #253238;margin-bottom:15px}
.stop-card-title strong{font-size:14px;letter-spacing:.02em}
.stop-card-title .text-button{color:#aeb9ba;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.stop-card-title .text-button:hover{color:#f1a6a0}
.stop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stop-grid label{font-size:11px;letter-spacing:.02em;color:#bcc6c7}
.stop-grid label:nth-child(2){grid-column:span 2}
.stop-grid input{height:44px;border-radius:2px}
.load-list{gap:12px}
.load-card{min-height:90px;border-color:#334148;border-radius:3px;background:linear-gradient(110deg,#10191e,#0c1216);box-shadow:0 5px 15px #0002}
.load-card:hover{border-color:#796b40;transform:translateY(-1px);transition:transform .15s,border-color .15s}
.load-card h3{font-size:14px;color:#f1d986;letter-spacing:.03em}
.load-card .load-lane{font-size:14px;line-height:1.4}
.load-card .load-lane strong{display:block}
.load-card .load-lane span{display:block;margin-top:4px;color:#8f9b9f;font-size:11px;font-weight:400}
.load-card .load-meta{display:grid;gap:2px}
.load-card .load-meta small:not(:first-child){margin-top:7px}
.load-meta p{color:#e3e6df;font-weight:700;font-size:13px}
.status-chip{border-radius:2px;background:#c2a34712}
.empty{border:1px dashed #344249;border-radius:3px;background:#0b1216}
@media(max-width:1000px){.stop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stop-grid label:nth-child(2){grid-column:span 2}}
@media(max-width:560px){.board-title{padding-bottom:18px}.board-title h1{font-size:38px}.post-form{padding:20px 16px}.stop-section{padding:16px 13px}.stop-heading{align-items:flex-start;flex-direction:column}.stop-heading .button{width:100%}.stop-grid{grid-template-columns:1fr}.stop-grid label:nth-child(2){grid-column:auto}}
/* Public load-board posting: keep internal accounting and booking paperwork private. */
#post-load-form [name="client_rate"],#post-load-form [name="sales_commission"],#post-load-form [name="pickup_company"],#post-load-form [name="pickup_address"],#post-load-form [name="pickup_city"],#post-load-form [name="pickup_po"],#post-load-form [name="delivery_company"],#post-load-form [name="delivery_address"],#post-load-form [name="delivery_city"],#post-load-form [name="delivery_po"]{display:none}#post-load-form label:has([name="client_rate"]),#post-load-form label:has([name="sales_commission"]),#post-load-form label:has([name="pickup_company"]),#post-load-form label:has([name="pickup_address"]),#post-load-form label:has([name="pickup_city"]),#post-load-form label:has([name="pickup_po"]),#post-load-form label:has([name="delivery_company"]),#post-load-form label:has([name="delivery_address"]),#post-load-form label:has([name="delivery_city"]),#post-load-form label:has([name="delivery_po"]),#post-load-form h3{display:none!important}.post-form .stop-section{display:none!important}
.load-card{grid-template-columns:150px minmax(220px,1.6fr) 120px 105px 115px 150px auto;min-height:90px}.load-card .load-product,.load-card .load-miles{display:grid;gap:2px;align-content:center}.load-card .load-product small,.load-card .load-miles small{color:#8f9da1;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.load-card .load-product p,.load-card .load-miles p{margin:0;color:#e3e6df;font-weight:700;font-size:13px}.load-card .load-miles p{color:var(--gold-light)}.load-card .load-comments{display:block;color:var(--gold-light);font-size:12px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.load-actions{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:150px}.load-actions .button{width:100%}.broker-info{display:grid;gap:3px;padding:9px 10px;border:1px solid #59666d;background:#0b1115;color:#c7ceca;font-size:11px;line-height:1.35}.broker-info strong{color:#f1d986;font-size:12px}.broker-info span{overflow-wrap:anywhere}.broker-info-button{border-color:#59666d}.broker-info-button:hover{border-color:var(--gold)}.button.danger{background:transparent;border:1px solid #a96b64;color:#f1b0a8;min-height:36px;padding:0 12px;font-size:11px}.button.danger:hover{border-color:#f1a6a0;background:#f1a6a014}@media(max-width:900px){.load-card{grid-template-columns:130px minmax(180px,1fr) 105px 95px 115px auto}}@media(max-width:560px){.load-card{grid-template-columns:1fr}.load-card .load-miles{display:flex;gap:8px;align-items:baseline}.load-actions{min-width:0}}
.post-form{position:relative}.form-close{position:absolute;top:14px;right:17px;background:transparent;border:0;color:#f1d986;font-size:30px;line-height:1;cursor:pointer}.form-close:hover{color:#fff}.post-form textarea{width:100%;min-height:78px;resize:vertical;border:1px solid #3a474d;background:#0b1115;color:var(--ink);padding:11px 12px;border-radius:2px;font:inherit}.post-form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.load-card .load-comments{display:grid;gap:2px;color:var(--gold-light);font-size:12px;margin-top:6px;min-width:0;max-width:220px}.load-card .load-comments small{color:#8f9da1;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.load-card .load-comments p{margin:0;color:#e3e6df;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.load-card{grid-template-columns:150px minmax(220px,1.6fr) 120px minmax(140px,1fr) 105px 115px 150px auto}.load-card .load-comments{align-self:center;margin-top:0}
.load-card{grid-template-columns:130px minmax(180px,1.6fr) 100px minmax(100px,1fr) 90px 105px 120px 140px}.load-card .load-comments{min-width:0}
.load-card{grid-template-columns:130px minmax(180px,1.6fr) 100px 90px 105px 150px 140px}.load-card .load-comments{margin-top:7px;max-width:180px}.broker-info[hidden]{display:none!important}
.load-card .load-comments{max-width:none;white-space:normal}.load-card .load-comments p{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:1100px) and (min-width:561px){.load-card{grid-template-columns:120px minmax(170px,1.4fr) 95px minmax(95px,1fr) 85px 100px 110px 125px;gap:10px}.load-actions{min-width:0}.load-actions .button{padding:0 7px;font-size:10px}}
.dispatch-form{padding:22px}.dispatch-form-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.dispatch-form-section h2{font:500 22px Georgia,serif;margin:0 0 14px}.dispatch-field,.dispatch-form-grid label{display:grid;gap:6px;color:#c7cdca;font-size:11px;font-weight:700}.dispatch-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dispatch-form-grid .span-2{grid-column:span 2}.dispatch-form-grid textarea{resize:vertical;padding:10px}.dispatch-load-preview{padding:12px;border:1px solid var(--line);color:var(--gold-light)}.dispatch-form-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.dispatch-stop-list{display:grid;gap:14px}.dispatch-stop-card{border:1px solid #334249;background:#101a1f;padding:16px}.dispatch-stop-title{display:flex;justify-content:space-between;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid #253238;color:var(--gold-light)}.dispatch-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.appointment-help{color:#8faec2!important;font-weight:400!important}.dispatch-form-actions{display:flex;gap:10px;margin-top:22px}.dispatch-table-wrap{overflow-x:auto}.dispatch-table{width:100%;min-width:1800px;border-collapse:collapse;font-size:11px;background:#0c151a}.dispatch-table th{background:#243d52;color:#f4f2e8;text-align:left;padding:10px 8px;border:1px solid #395062;white-space:nowrap}.dispatch-table td{padding:9px 8px;border:1px solid #293940;color:#d8dedb;white-space:nowrap}.dispatch-table tbody tr:nth-child(even){background:#111c21}.dispatch-table tbody tr:hover{background:#182a32}.dispatch-load-number{color:var(--gold-light);font-weight:800}.dispatch-inline-select{background:#111b20;border:1px solid #536b78;color:#f0d379;padding:5px;font-size:11px}@media(max-width:900px){.dispatch-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-two-column{grid-template-columns:1fr}}@media(max-width:560px){.dispatch-form-grid{grid-template-columns:1fr}.dispatch-form-grid .span-2{grid-column:auto}.dispatch-form-heading{align-items:flex-start;flex-direction:column}}
.dispatch-two-column>.dispatch-form-grid{min-width:0}.dispatch-two-column>.dispatch-form-grid input,.dispatch-two-column>.dispatch-form-grid textarea{min-width:0}.dispatch-two-column>.dispatch-form-grid label{overflow:hidden}.dispatch-two-column>.dispatch-form-grid .span-2{grid-column:span 2}
.dispatch-two-column>.dispatch-form-grid label:has([data-f="company_name"]){order:-1;grid-column:span 2}
/* Operations hub module cards */
.account-modules{grid-template-columns:repeat(3,minmax(0,1fr))}
.module-card{display:flex;flex-direction:column}
.module-card .module-state{margin-top:auto;padding-top:14px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.module-card.module-live{border-color:rgba(234,197,101,.55)}
.module-card.module-live:hover{border-color:var(--gold);background:#11191e}
.module-value{margin:8px 0 0;font-weight:700}
@media(max-width:1000px){.account-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.account-modules{grid-template-columns:1fr}}
.dispatch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dispatch-kpi{display:grid;gap:3px;text-align:left;padding:16px 18px;background:var(--panel);border:1px solid var(--line);color:var(--ink)}.dispatch-kpi strong{font-size:25px;color:var(--gold-light)}.dispatch-kpi span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.dispatch-kpi.active,.dispatch-kpi:hover{border-color:var(--gold);background:#141e23}.dispatch-board-panel{padding:16px}.dispatch-card-list{display:grid;gap:12px}.dispatch-control-card{border:1px solid #304047;background:#0c151a;padding:19px}.dispatch-card-top{display:flex;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #27353b}.dispatch-card-top h2{font:600 20px Arial,sans-serif;margin:7px 0 4px}.dispatch-card-top h2 span{color:var(--gold)}.dispatch-card-top p{margin:0;font-size:12px}.dispatch-card-status{display:grid;justify-items:end;align-content:start;gap:5px;min-width:150px}.dispatch-status-caption,.dispatch-label{color:#8d9ca1;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dispatch-status-select{height:37px;padding:0 9px;background:#141e23;border:1px solid #756637;color:var(--gold-light);font-weight:800;text-transform:capitalize}.dispatch-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:16px 0}.dispatch-card-grid strong{display:block;margin-top:5px;color:var(--ink);font-size:14px}.dispatch-card-grid p{margin:3px 0;color:var(--gold-light);font-size:12px}.dispatch-card-grid small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-card-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:13px;border-top:1px solid #27353b;color:var(--muted);font-size:12px}.dispatch-card-bottom b{color:var(--ink)}.dispatch-card-bottom .button{margin-left:auto}@media(max-width:900px){.dispatch-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dispatch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-card-top{align-items:flex-start;flex-direction:column}.dispatch-card-status{justify-items:start}.dispatch-card-grid{grid-template-columns:1fr}.dispatch-card-bottom .button{margin-left:0;width:100%}}
.workspace-shell{width:min(1400px,calc(100% - 44px));margin:28px auto 70px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.workspace-sidebar{padding:22px 14px;background:#0d1519;border:1px solid var(--line);min-height:650px}.workspace-sidebar h2{font:500 24px Georgia,serif;margin:8px 8px 18px}.sidebar-group{display:block;margin:24px 8px 8px}.directory-nav{display:block;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#bac4c5;text-align:left;padding:11px 10px;font-weight:700;font-size:13px}.directory-nav:hover,.directory-nav.active{border-left-color:var(--gold);color:var(--gold-light);background:#172127}.directory-nav-link{display:block;padding:9px 10px;color:#acb8ba;text-decoration:none;font-size:12px}.directory-nav-link:hover{color:var(--gold-light)}.workspace-content{min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding:8px 0 20px;margin-bottom:18px;gap:18px}.workspace-heading h1{font:500 39px Georgia,serif;margin:5px 0}.workspace-heading p{margin:0}.directory-layout{display:block}.directory-list-panel,.directory-detail-panel{margin:0;min-height:560px}.directory-list-panel{padding:17px}.directory-list-panel .search-label{margin-bottom:14px}.directory-list{display:grid;gap:6px;overflow-x:auto}.directory-row{display:grid;gap:3px;text-align:left;width:100%;padding:12px;background:#0d1519;border:1px solid #293940;color:var(--ink)}.directory-row:hover,.directory-row.active{border-color:var(--gold);background:#172127}.directory-row strong{font-size:13px}.directory-row span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-empty{padding:28px 10px;text-align:center;color:var(--muted);font-size:13px}.directory-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.directory-detail-heading h2{font:500 25px Georgia,serif;margin:6px 0 0}.directory-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.directory-form label{display:grid;gap:6px;color:#c7cdca;font-size:11px;font-weight:800;text-transform:capitalize}.directory-form input:not([type=checkbox]),.directory-form textarea{width:100%;min-height:40px;padding:9px 10px;background:#0b1115;border:1px solid #3a474d;color:var(--ink)}.directory-form textarea{min-height:90px;resize:vertical}.directory-form input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.directory-actions{grid-column:1/-1;display:flex;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:5px}.directory-actions .button{min-width:120px}@media(max-width:950px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{min-height:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.workspace-sidebar h2,.workspace-sidebar .eyebrow:first-child{width:100%}.sidebar-group{margin:8px;width:100%}.directory-nav{width:auto}.directory-nav-link{width:auto}.directory-layout{grid-template-columns:1fr 1fr}}@media(max-width:650px){.workspace-shell{width:min(100% - 24px,1400px)}.workspace-heading{align-items:flex-start;flex-direction:column}.directory-layout{grid-template-columns:1fr}.directory-detail-panel{min-height:0}.directory-form{grid-template-columns:1fr}}
.workspace-topbar{min-height:72px;display:flex;align-items:center;gap:28px;padding:0 max(22px,calc((100vw - 1400px)/2));background:#0b1115;border-bottom:1px solid #2b363b;box-shadow:0 8px 24px #0005;position:sticky;top:0;z-index:20}.workspace-topbar-title{display:grid;gap:2px;margin-right:auto}.workspace-topbar-title strong{font:500 19px Georgia,serif;color:var(--ink)}.workspace-sidebar{border-color:#334149;background:linear-gradient(180deg,#10191e,#0c1317);box-shadow:10px 0 30px #0002}.workspace-nav{display:grid;gap:3px}.workspace-nav-link{display:block;padding:10px 11px;border-left:2px solid transparent;color:#b9c3c4;text-decoration:none;font-size:12px;font-weight:700}.workspace-nav-link:hover,.workspace-nav-link.active{border-left-color:var(--gold);background:#18242a;color:var(--gold-light)}.workspace-nav-action{margin-top:4px;border:1px solid #786637!important;color:var(--gold-light);text-align:center;background:#c4a74b14}.workspace-sidebar-note{display:grid;gap:6px;margin:30px 7px 0;padding:13px 12px;border-top:1px solid #304047;color:#8e9a9d;font-size:11px;line-height:1.45}.workspace-sidebar-note strong{color:var(--gold-light);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.dashboard-shell{align-items:start}.dashboard-content{min-width:0}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.dashboard-kpi{display:grid;gap:6px;padding:17px 18px;text-decoration:none;border:1px solid #334149;background:linear-gradient(145deg,#121c21,#0d1519);color:var(--ink)}.dashboard-kpi:hover{border-color:var(--gold);transform:translateY(-1px)}.dashboard-kpi span{color:#aebbbe;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dashboard-kpi strong{font-size:30px;color:var(--gold-light)}.dashboard-kpi small{color:#7f8b8f;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.dashboard-panel{margin:0;min-width:0;padding:20px}.dashboard-panel-wide{grid-column:span 2}.dashboard-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #2b383e;padding-bottom:13px;margin-bottom:12px}.dashboard-panel-heading h2{font-size:22px;margin:5px 0 0}.text-link{font-size:11px;color:var(--gold-light);text-decoration:none;padding-top:7px;white-space:nowrap}.dashboard-status-list{display:grid}.status-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #243137;color:var(--ink);text-decoration:none}.status-row:last-child{border-bottom:0}.status-row:hover strong{color:var(--gold-light)}.status-row span:nth-child(2){display:grid;gap:2px}.status-row small{color:#879497;font-size:11px}.status-row b{color:var(--gold-light);font-size:20px}.status-dot{width:8px;height:8px;border-radius:50%;background:#c1a64e}.status-progress{background:#8fb4c7}.status-delivered{background:#a8c779}.dashboard-actions{display:grid;gap:8px}.dashboard-action{display:grid;gap:3px;padding:13px 14px;border:1px solid #2d3c42;background:#0c151a;color:var(--ink);text-decoration:none}.dashboard-action:hover{border-color:var(--gold);background:#172127}.dashboard-action strong{font-size:13px}.dashboard-action span{color:#8d9b9e;font-size:11px}.dashboard-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-module{display:grid;gap:6px;min-height:130px;padding:14px;border:1px solid #2d3b41;background:#0c151a}.dashboard-module span{color:#879497;font-size:10px;font-weight:800;letter-spacing:.1em}.dashboard-module strong{font-size:14px;color:var(--ink)}.dashboard-module small{color:#8d9b9e;font-size:11px;line-height:1.4}.dashboard-module a,.dashboard-module em{margin-top:auto;color:var(--gold-light);font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.dashboard-module.module-ready{border-color:#554b2c}.dashboard-module:hover{border-color:var(--gold)}
@media(max-width:1000px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel-wide{grid-column:auto}.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.workspace-topbar{padding:12px 16px;flex-wrap:wrap;gap:12px}.workspace-topbar-title{order:3;width:100%}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.dashboard-kpi{padding:13px}.dashboard-kpi strong{font-size:25px}.dashboard-module-grid{grid-template-columns:1fr}.dashboard-panel{padding:16px}.workspace-sidebar{padding:17px 12px}.workspace-nav{display:flex;flex-wrap:wrap}.workspace-nav-link{padding:9px 8px}.workspace-sidebar-note{display:none}}
.compliance-list{display:grid;gap:10px}.compliance-list p{margin:0;padding:10px 12px;border:1px solid #2d3c42;background:#0c151a;color:#c9d0cf;font-size:12px}.compliance-item{display:grid;gap:6px;padding:14px;border:1px solid #2d3c42;background:#0c151a}.compliance-item strong{color:var(--gold-light);font-size:13px}.compliance-item p{margin:0;color:#aeb9ba;font-size:12px}.compliance-item p strong{color:#dfe4dc;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dispatch-operations-wrap{overflow-x:auto;border:1px solid #304047;background:#0b1216}
.dispatch-operations-table{width:100%;min-width:1540px;border-collapse:separate;border-spacing:0;font-size:12px;background:#0b1216}
.dispatch-operations-table th{position:sticky;top:0;z-index:1;padding:12px 11px;text-align:left;white-space:nowrap;color:#f1d986;background:#151f24;border-bottom:1px solid #786637;border-right:1px solid #293940;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.dispatch-operations-table td{padding:12px 11px;vertical-align:top;color:#e1e5df;border-bottom:1px solid #26353b;border-right:1px solid #202d32;white-space:nowrap;line-height:1.45;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.dispatch-operations-table tbody tr:nth-child(even){background:#0e171c}.dispatch-operations-table tbody tr:hover{background:#16232a}
.dispatch-operations-table th:last-child,.dispatch-operations-table td:last-child{border-right:0}.dispatch-operations-table tbody tr:last-child td{border-bottom:0}
.dispatch-load-cell{display:grid;gap:4px;min-width:145px}.dispatch-load-cell span{color:#a9b5b7;font-size:11px;white-space:normal}.dispatch-load-number{font-size:13px}.dispatch-muted-cell{color:#a9b5b7!important}.dispatch-dates-cell{white-space:pre-line!important;color:#c8d0cc!important}.dispatch-status-cell{min-width:150px}.dispatch-status-select{width:100%;min-width:135px}.dispatch-operations-table .button.small{white-space:nowrap}
.dispatch-operations-table{min-width:1880px;font-size:10px}
.dispatch-operations-table th{padding:7px 8px;background:#263c4d;font-size:9px;letter-spacing:.04em}
.dispatch-operations-table td{padding:6px 8px;vertical-align:middle;line-height:1.2}
.dispatch-operations-table tbody tr{height:38px}
.dispatch-operations-table .dispatch-load-cell{min-width:116px;gap:2px}
.dispatch-operations-table .dispatch-load-number{font-size:11px}
.dispatch-operations-table .dispatch-load-cell span{font-size:10px;max-width:160px}
.dispatch-operations-table .dispatch-status-cell{min-width:112px}
.dispatch-operations-table .dispatch-status-select{min-width:104px;height:28px;padding:0 5px;font-size:10px}
.dispatch-check{width:14px;height:14px;accent-color:var(--gold);cursor:pointer}
.dispatch-operations-table td:nth-child(1),.dispatch-operations-table td:nth-child(2){text-align:center;min-width:32px}
.dispatch-row-actions{display:flex;gap:4px;align-items:center}
.dispatch-row-actions .button.small{min-height:27px;padding:0 7px;font-size:9px}
.expense-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.expense-entry-grid label{min-width:0}
.expense-entry-grid input,.expense-entry-grid select{min-width:0;width:100%}
.expense-actions{grid-column:1/-1;margin-top:2px;justify-content:flex-start}
.directory-nav{text-decoration:none;cursor:pointer}
.record-modal{width:min(920px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid #5e5436;background:#0d1519;color:var(--ink);box-shadow:0 24px 80px #000b}
.record-modal::backdrop{background:#020608b8;backdrop-filter:blur(3px)}
.record-modal-card{padding:25px;max-height:calc(100vh - 48px);overflow:auto}
.record-modal .directory-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #334149;padding-bottom:14px;margin-bottom:18px}
.record-modal .directory-detail-heading h2{font:500 28px Georgia,serif;margin:5px 0 0;color:var(--ink)}
.record-modal .directory-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.record-modal .directory-actions{grid-column:1/-1}
@media(max-width:600px){.record-modal-card{padding:19px}.record-modal .directory-form{grid-template-columns:1fr}}
.directory-list-head,.directory-table-row{min-width:1080px;display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1.1fr) minmax(150px,1.1fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(170px,1.2fr) 130px;gap:14px;align-items:center}.directory-list-head{padding:7px 12px;color:#c7cdca;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.directory-table-row{padding:14px 12px}.directory-table-row span{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;color:#c7cdca}.directory-row:not(.directory-table-row){grid-template-columns:1fr auto}.directory-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.directory-row-actions .text-button{font-size:11px}.danger-text{color:#e39b8f!important}
