/* TruckEx enterprise presentation layer. This file intentionally overrides visuals only. */
:root{
  --tx-forest-950:#07150f;--tx-forest-900:#0b1c14;--tx-forest-800:#143421;--tx-forest-700:#22502f;
  --tx-olive:#5d7d20;--tx-lime:#a3ff3f;--tx-lime-soft:#e9facb;--tx-ivory:#f7f7f2;--tx-paper:#fff;
  --tx-ink:#0d1813;--tx-text:#24312b;--tx-muted:#7c8982;--tx-line:#dfe4dc;--tx-soft:#f0f2ec;
  --tx-shadow:0 12px 34px rgba(24,48,31,.07);--tx-shadow-sm:0 5px 16px rgba(24,48,31,.055);
  --tx-radius:18px;--tx-radius-sm:12px;--tx-sidebar:246px;--tx-font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}html{background:var(--tx-ivory)}body{background:var(--tx-ivory);color:var(--tx-ink);font-family:var(--tx-font);font-size:14px;letter-spacing:-.006em}button,input,select,textarea,table,dialog{font-family:var(--tx-font)!important}h1,h2,h3,h4,h5,h6,strong,b{font-family:var(--tx-font)}
#app{min-height:100vh}aside{width:var(--tx-sidebar);padding:20px 14px 24px;background:radial-gradient(circle at 100% 6%,rgba(163,255,63,.1),transparent 24%),linear-gradient(180deg,var(--tx-forest-900),#07140e 78%);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 28px rgba(9,30,17,.08)}
.brand{height:94px;margin:0 0 18px;padding:11px 14px;background:#fff;border:1px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 10px 26px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.brand img{width:100%;height:100%;object-fit:contain}
nav{display:block}.nav-section{margin:0 0 15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}.nav-section:last-child{border-bottom:0}.nav-section-title{display:block;padding:0 13px 7px;color:#82938a;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
nav a{min-height:43px;margin:2px 0;padding:9px 11px;border-radius:11px;color:#dde7e0;font-size:13px;font-weight:650;gap:11px;transition:background .18s ease,color .18s ease,transform .18s ease}nav a:hover:not(.active){background:rgba(255,255,255,.075);transform:translateX(2px)}nav a.active{color:#102016;background:linear-gradient(100deg,#b9ff68,#91ed24);box-shadow:0 9px 22px rgba(130,229,33,.2)}
.nav-icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035);display:grid;place-items:center;flex:none}.nav-icon svg{width:17px;height:17px}.active .nav-icon{background:rgba(255,255,255,.3);border-color:rgba(31,71,19,.15)}.nav-label{line-height:1.2}.aside-bottom{padding:18px 12px 0;border-top:1px solid rgba(255,255,255,.08);gap:6px}.aside-bottom strong{color:#eef5ef}.aside-bottom small{color:#778a80;line-height:1.45}
main{margin-left:var(--tx-sidebar);padding:0 28px 40px;max-width:none;background:radial-gradient(circle at 93% 5%,rgba(163,255,63,.055),transparent 24%),var(--tx-ivory);min-height:100vh}.utility-bar{height:64px;margin:0 -28px 22px;padding:0 30px;border-bottom:1px solid var(--tx-line);background:rgba(255,255,255,.72);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25}.breadcrumb{display:flex;align-items:center;gap:11px;color:var(--tx-muted);font-size:12px}.breadcrumb strong{color:#32453a}.breadcrumb i{font-style:normal;color:#b0bab4}.utility-home{width:28px;height:28px;border:1px solid var(--tx-line);border-radius:8px;display:grid;place-items:center;color:var(--tx-forest-700)}.utility-actions{display:flex;align-items:center;gap:10px}.notification-button{width:38px;height:38px;padding:0;border-radius:12px;background:#fff!important;border:1px solid var(--tx-line)!important;color:var(--tx-forest-800)!important;box-shadow:none!important}.notification-button b{display:none}.notification-button span{font-size:20px}.account-pill{padding:10px 14px;border:1px solid var(--tx-line);border-radius:999px;background:#fff;color:#314139;font-size:12px;font-weight:700;box-shadow:var(--tx-shadow-sm)}
main>header{display:flex;padding:0 0 18px;align-items:flex-end}.page-heading .eyebrow,.eyebrow,.section-label{color:#587829;font-size:10px;font-weight:850;letter-spacing:.18em}.page-heading h1,h1{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:7px 0 7px;color:var(--tx-ink)}#subtitle{color:var(--tx-muted);font-size:14px}.identity{min-width:260px;margin:0 0 0 auto}.identity label{color:#617169;font-size:11px;font-weight:750}.identity select{margin-top:6px}
button,.button{min-height:40px;padding:9px 16px;border:1px solid var(--tx-forest-900);border-radius:11px;background:var(--tx-forest-900);color:#fff;font:inherit;font-weight:750;box-shadow:0 6px 13px rgba(12,30,21,.1);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 18px rgba(12,30,21,.13)}button.quiet,.quiet{background:#fff;color:#294035;border-color:var(--tx-line);box-shadow:none}button.active,.period-buttons button.active,.bucket.active,.performance-presets button.active{background:var(--tx-lime);border-color:#88d92d;color:#13210f;box-shadow:0 0 0 4px rgba(163,255,63,.16)}button:disabled{opacity:.48;cursor:not-allowed}
input,select,textarea,.themed-date-button{min-height:44px;border:1px solid #d8e0d7;border-radius:12px;background:linear-gradient(180deg,#fff,#fcfdfb);color:var(--tx-text);padding:10px 13px;font:inherit;box-shadow:0 2px 7px rgba(17,39,24,.035);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover,select:hover,textarea:hover,.themed-date-button:hover{border-color:#b9c8b6;background:#fff}input:focus,select:focus,textarea:focus,.themed-date-button:focus{outline:0;border-color:#78a83c;box-shadow:0 0 0 4px rgba(163,255,63,.14),0 4px 12px rgba(17,39,24,.05)}input::placeholder,textarea::placeholder{color:#98a39d;opacity:1}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#53655b 50%),linear-gradient(135deg,#53655b 50%,transparent 50%),linear-gradient(180deg,#fff,#fcfdfb);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px,0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat;padding-right:34px}label{color:#394a41;font-size:12px;font-weight:700;gap:7px}.field-label{font-size:12px}.field-kind{font-size:10px!important;font-weight:650!important;background:#f2f5ef!important;border-color:#dce4d8!important}.required-mark{color:#659127}.themed-date-value{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.themed-date-button{display:flex;align-items:center;justify-content:space-between;width:100%;box-shadow:0 2px 7px rgba(17,39,24,.035);color:#2d4035!important;text-align:left;font-weight:650}.themed-date-button svg{width:18px;height:18px;color:#5c762f;flex:none}.theme-file{border:1px dashed #cbd6ca!important;border-radius:13px!important;background:#fbfcf8!important;padding:9px!important}.theme-file button{background:#fff!important}.theme-calendar{border:1px solid #cad5c9!important;border-radius:16px!important;background:#fff!important;color:var(--tx-ink)!important;box-shadow:0 22px 55px rgba(16,37,23,.2)!important;overflow:hidden}.calendar-head{background:var(--tx-forest-900)!important;color:#fff!important}.calendar-head button{background:transparent!important;border:0!important;box-shadow:none!important}.calendar-days button{background:transparent!important;color:var(--tx-ink)!important;border:0!important;box-shadow:none!important}.calendar-days button:hover,.calendar-days button.selected{background:var(--tx-lime)!important;color:#13210f!important}.calendar-foot{background:#f4f6f1!important}
.panel,.card,.ops-panel,.performance-command,.dashboard-custom,.board-filter,.settings-section{border:1px solid var(--tx-line);border-radius:var(--tx-radius);background:rgba(255,255,255,.94);box-shadow:var(--tx-shadow-sm)}.panel{padding:20px;margin-bottom:18px}.toolbar{gap:10px}.toolbar h2,.panel h2,.ops-panel h2{letter-spacing:-.025em;color:var(--tx-ink)}
.cards{gap:13px}.card{padding:18px}.card .label{color:var(--tx-muted);font-size:12px}.card strong{color:var(--tx-ink);letter-spacing:-.035em}.card small{color:var(--tx-muted)}
.table-wrap{border:1px solid var(--tx-line);border-radius:13px;background:#fff;overflow:auto;scrollbar-gutter:stable}.table-wrap table{min-width:100%;border-collapse:separate;border-spacing:0}.table-wrap th{position:sticky;top:0;z-index:2;background:#f0f2ec;color:#5e6d65;font-size:10px;letter-spacing:.065em;text-transform:uppercase;padding:11px 12px;border-bottom:1px solid var(--tx-line)}.table-wrap td{padding:10px 12px;border-bottom:1px solid #edf0eb;color:#2d3b34;font-size:12px;vertical-align:middle}.table-wrap tbody tr:hover td{background:#fbfcf8}.table-wrap tbody tr:last-child td{border-bottom:0}.table-heading{gap:6px}.column-filter-button{min-height:24px!important;width:25px!important;height:25px!important;padding:3px!important;border-radius:7px!important;background:transparent!important;border-color:transparent!important;color:#718078!important;box-shadow:none!important;font-size:14px!important;line-height:1!important}.column-filter-button span{pointer-events:none}.column-filter-button.active{background:var(--tx-lime)!important;color:#15230f!important}.badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.badge.Delivered{background:#e5f7d5;color:#315e15}.badge.Booked{background:#eef2e9;color:#405048}.badge.Picked.Up{background:#e7f2ff;color:#28557d}.pagination{border-top:0;padding:14px 4px 0;color:var(--tx-muted)}
dialog{width:min(1160px,94vw);max-height:91vh;border:1px solid var(--tx-line);border-radius:22px;padding:24px;background:#fcfdf9;box-shadow:0 30px 90px rgba(7,25,15,.25)}dialog::backdrop{background:rgba(5,18,11,.55);backdrop-filter:blur(5px)}.dialog-head{padding-bottom:16px;border-bottom:1px solid var(--tx-line);margin-bottom:18px}.dialog-head h2{font-size:24px;letter-spacing:-.03em}.dialog-head button{width:40px;height:40px;padding:0;border-radius:12px}.form-grid{gap:16px}.actions{gap:9px;margin-top:18px}.note,.history-limit,.command-limit{border-radius:12px;background:#f1f7e9;border-left:3px solid #78ae25;color:#43513f}
.performance-command,.board-filter{padding:18px}.performance-presets,.bucket-switch{gap:7px}.performance-kpis{gap:13px}.performance-kpis article{border:1px solid var(--tx-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--tx-shadow-sm)!important}.performance-chart,.leaderboard{border-radius:18px}.report-bars{border-color:var(--tx-line)}
.dispatch-board{gap:13px}.board-column{border:1px solid var(--tx-line);border-radius:15px;background:#f0f2ec}.board-column>header{background:#e9ede5;border-color:var(--tx-line)}.board-column>header span{background:var(--tx-forest-800)}.load-card{border:1px solid var(--tx-line);border-radius:12px;box-shadow:var(--tx-shadow-sm)}.load-card:hover{border-color:#a9bd98;box-shadow:0 9px 24px rgba(24,48,31,.09)}
.summary-pills span,.review-summary span{border:1px solid var(--tx-line);border-radius:11px;background:#f8faf5}.settings-hero,.settings-section{border-radius:18px!important}.settings-nav button{box-shadow:none!important}.permission-summary-card{border-color:var(--tx-line)!important;border-radius:13px!important;background:#f7f9f4!important}
.login{border-radius:22px;box-shadow:0 26px 80px rgba(7,25,15,.17)}#message{position:fixed;right:26px;top:78px;z-index:1000;max-width:420px;border-radius:13px;box-shadow:var(--tx-shadow)}
/* Dashboard composition */
.dashboard-hero{min-height:190px;margin-bottom:17px;border:1px solid #bfcbbd;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;padding:25px 30px;background:linear-gradient(110deg,#0b291b 0%,#16492c 53%,#607b35 100%);box-shadow:0 15px 35px rgba(19,55,32,.14);color:#fff}.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;min-width:220px}.live-label{font-size:10px;font-weight:850;letter-spacing:.18em;color:#b3f660}.hero-copy strong{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:10px 0 6px}.hero-copy small{color:#c9d6cc;font-size:12px}.hero-scene{position:absolute;inset:0 0 0 25%;opacity:.92}.hero-scene svg{width:100%;height:100%}.mountain-back{fill:#93a784;opacity:.28}.mountain-front{fill:#426846;opacity:.45}.road{fill:#d8dccd;opacity:.26}.truck{fill:#dce3d7;stroke:#f6f8f1;stroke-width:2}.truck circle{fill:#10261a;stroke:#ccdabf;stroke-width:3}.truck-mark{fill:none;stroke:var(--tx-lime);stroke-width:4}.hero-controls{position:relative;z-index:3;margin-left:auto;align-self:flex-end;display:flex;gap:14px;align-items:flex-end}.scope-control,.period-control{display:flex;flex-direction:column;gap:7px}.scope-control>b,.period-control>b{font-size:10px;letter-spacing:.08em;color:#d4dfd5}.period-buttons{display:flex;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(5,26,15,.36);backdrop-filter:blur(8px)}.period-buttons button{min-height:32px;padding:6px 11px;border:0;border-radius:9px;background:transparent;color:#e4ece5;font-size:11px;box-shadow:none}.period-buttons button.active{background:var(--tx-lime);color:#142411;box-shadow:none}.dashboard-custom{padding:14px 16px;margin-bottom:16px;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.dashboard-custom[hidden]{display:none}.dashboard-context{display:flex;align-items:center;gap:9px;margin:1px 0 12px;color:var(--tx-muted);font-size:11px}.dashboard-context span+span:before{content:'·';margin-right:9px;color:#b1bbb4}.scope-chip{padding:6px 10px;border-radius:999px;background:#eaf5d8;color:#40651d;font-weight:800}.scope-chip:before{content:none!important;margin:0!important}
.premium-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:17px}.premium-kpi{min-height:119px;padding:15px;border:1px solid var(--tx-line);border-radius:16px;background:#fff;box-shadow:var(--tx-shadow-sm);display:flex;gap:12px;align-items:flex-start;position:relative;overflow:hidden}.premium-kpi:after{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--tx-lime);border-radius:0 4px 4px 0}.premium-kpi.featured{border-color:#c5d7a5;background:linear-gradient(135deg,#fff,#f4fae9)}.metric-icon{width:38px;height:38px;border-radius:11px;background:#eff8df;color:#466e1e;display:grid;place-items:center;flex:none}.metric-icon svg{width:21px;height:21px}.premium-kpi>div{min-width:0}.premium-kpi>div>span{display:block;color:#5f7067;font-size:11px;font-weight:700}.premium-kpi strong{display:block;margin:7px 0 6px;color:var(--tx-ink);font-size:22px;letter-spacing:-.04em;white-space:nowrap}.premium-kpi small,.metric-delta{display:block;color:var(--tx-muted);font-size:10px;line-height:1.3}.metric-delta.up{color:#3d781b;font-weight:750}.metric-delta.down{color:#a14b3c;font-weight:750}.metric-delta.neutral{color:#7a877f}
.analytics-grid{display:grid;grid-template-columns:1.65fr .95fr;gap:16px;margin-bottom:16px}.analytics-card,.insight-card{border:1px solid var(--tx-line);border-radius:18px;background:#fff;box-shadow:var(--tx-shadow-sm);padding:20px}.analytics-card header,.insight-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.analytics-card h2,.insight-card h2{font-size:17px;letter-spacing:-.025em;margin:5px 0 0}.range-chip,.status-pill,.open-count{padding:6px 10px;border-radius:999px;background:#eef4e9;color:#496139;font-size:10px;font-weight:800}.operations-trend{width:100%;height:220px;overflow:visible}.chart-axis{stroke:#e4e9e1;stroke-width:1}.trend-line{fill:none;stroke:#5c841f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#5c841f;stroke:#fff;stroke-width:2}.trend-labels{display:flex;justify-content:space-between;color:var(--tx-muted);font-size:10px;padding:0 7px}.analytics-empty{min-height:150px;display:grid;place-items:center;color:var(--tx-muted);font-size:12px}.donut-layout{display:flex;align-items:center;justify-content:center;gap:26px;padding:13px 0 8px}.status-donut{width:174px;height:174px;border-radius:50%;background:conic-gradient(#5b8120 0 var(--del),#9ad248 var(--del) var(--book),#c8e994 var(--book) var(--picked),#dce1d8 var(--picked) 100%);display:grid;place-items:center;position:relative;flex:none}.status-donut:after{content:'';position:absolute;inset:24px;border-radius:50%;background:#fff}.status-donut span{position:relative;z-index:1;text-align:center}.status-donut strong{display:block;font-size:17px;letter-spacing:-.04em}.status-donut small{color:var(--tx-muted);font-size:10px}.donut-legend{display:flex;flex-direction:column;gap:12px;min-width:135px}.donut-legend span{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;color:#5e6c64;font-size:11px}.donut-legend i{width:8px;height:8px;border-radius:50%}.donut-legend .delivered{background:#5b8120}.donut-legend .booked{background:#9ad248}.donut-legend .picked{background:#c8e994}.donut-legend .cancelled{background:#dce1d8}.donut-legend b{color:var(--tx-ink)}
.dashboard-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.insight-card a{color:#4b6b2e;text-decoration:none;font-size:11px;font-weight:750}.qb-card dl{margin:0}.qb-card dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf0ea}.qb-card dl>div:last-child{border:0}.qb-card dt{color:#66766d;font-size:11px}.qb-card dd{margin:0;font-size:12px;font-weight:800}.qb-card .accent{margin:0 -9px;padding:10px 9px!important;background:#edf8dc;border:0;border-radius:9px}.pipeline-stage{margin-bottom:13px}.pipeline-stage>span{display:flex;justify-content:space-between;font-size:11px}.pipeline-stage>span b{color:#46554d}.pipeline-stage>span strong{color:var(--tx-ink)}.pipeline-stage>i{height:6px;margin:7px 0 5px;display:block;border-radius:999px;background:#eef1eb;overflow:hidden}.pipeline-stage>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#648b27,var(--tx-lime))}.pipeline-stage small{color:var(--tx-muted);font-size:10px}.attention-card .action-list a{padding:10px 0}.attention-card .action-list strong{font-size:18px}.attention-card .action-list b{font-size:11px}.attention-card .action-list small{font-size:9px}
.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.recent-row{width:100%;min-height:52px;padding:9px 0;border:0;border-bottom:1px solid #edf0eb;border-radius:0;background:transparent;color:var(--tx-text);box-shadow:none;display:grid;grid-template-columns:27px 1fr auto;align-items:center;text-align:left;gap:10px}.recent-row:hover{transform:none!important;background:#fbfcf8!important;box-shadow:none!important}.recent-row:last-child{border-bottom:0}.recent-row>span:nth-child(2) b{display:block;font-size:11px}.recent-row small{display:block;color:var(--tx-muted);font-size:9px;margin-top:3px}.activity-check{width:23px;height:23px;border-radius:50%;background:#e3f7d0;color:#4b7e21;display:grid;place-items:center;font-weight:900}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-action-grid button,.quick-action-grid a{min-height:82px;padding:12px 6px;border:1px solid var(--tx-line);border-radius:13px;background:#fbfcf9;color:#294033;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:10px;font-weight:800}.quick-action-grid button:hover,.quick-action-grid a:hover{background:#f0f8e6;transform:translateY(-1px)}.quick-action-grid .metric-icon{width:31px;height:31px}.quick-action-grid .metric-icon svg{width:18px;height:18px}
@media(max-width:1100px){:root{--tx-sidebar:205px}main{padding-left:20px;padding-right:20px}.utility-bar{margin-left:-20px;margin-right:-20px}.page-heading h1{font-size:33px}}
@media(max-width:1600px){.premium-kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-insights{grid-template-columns:repeat(2,1fr)}.attention-card{grid-column:1/-1}}
@media(max-width:1100px){.analytics-grid,.dashboard-bottom{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.hero-controls{margin-top:65px}.hero-scene{left:20%}}
@media(max-width:760px){aside{position:relative;width:100%;min-height:auto}.brand{width:190px;height:74px}.nav-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-section-title{grid-column:1/-1}main{margin-left:0;padding:0 12px 28px}.utility-bar{margin:0 -12px 18px;padding:0 14px}.account-pill{display:none}.page-heading h1{font-size:30px}main>header{align-items:flex-start;display:block}.identity{width:100%;margin:14px 0 0}.table-wrap td{font-size:12px}.dashboard-hero{padding:20px;min-height:250px;align-items:flex-start}.hero-scene{left:0;opacity:.34}.hero-controls{position:absolute;left:18px;right:18px;bottom:17px;display:block}.hero-controls>div+div{margin-top:8px}.premium-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-insights{grid-template-columns:1fr}.attention-card{grid-column:auto}.donut-layout{flex-direction:column}.quick-action-grid{grid-template-columns:repeat(2,1fr)}}

/* Dashboard reference-match pass: photographic header, one-row KPIs and compact density. */
@media(min-width:761px){
  body.dashboard-page{--tx-sidebar:220px}
  body.dashboard-page main{position:relative;isolation:isolate;background:var(--tx-ivory);overflow:hidden}
  body.dashboard-page main:before{content:"";position:absolute;z-index:0;top:64px;left:0;right:0;height:222px;background-image:linear-gradient(90deg,#f7f7f2 0%,rgba(247,247,242,.97) 27%,rgba(247,247,242,.58) 48%,rgba(247,247,242,.06) 76%),url('/dashboard-hero-v2.png');background-size:cover;background-position:center 53%;background-repeat:no-repeat;border-bottom:1px solid rgba(212,220,210,.7);pointer-events:none}
  body.dashboard-page main>.utility-bar,body.dashboard-page main>header,body.dashboard-page main>#message,body.dashboard-page main>#content{position:relative;z-index:1}
  body.dashboard-page main>header{min-height:123px;padding:14px 0 10px;position:relative}
  body.dashboard-page .page-heading{max-width:710px}
  body.dashboard-page .identity{position:absolute;left:0;bottom:-58px;z-index:4;width:286px;min-width:286px;margin:0;padding:0;background:transparent}
  body.dashboard-page .identity label{display:block;font-size:0}
  body.dashboard-page .identity small{display:none}
  body.dashboard-page .identity select{display:block;width:100%;min-height:46px;margin:0;background:rgba(255,255,255,.94);box-shadow:var(--tx-shadow-sm);font-size:12px}
  body.dashboard-page .dashboard-hero{min-height:58px;margin:0 0 15px;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;color:var(--tx-ink);display:flex;align-items:center}
  body.dashboard-page .hero-scene{display:none}
  body.dashboard-page .hero-copy{min-width:260px;height:46px;margin-left:302px;padding:8px 13px;border:1px solid var(--tx-line);border-radius:12px;background:rgba(255,255,255,.91);box-shadow:var(--tx-shadow-sm);display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center;color:var(--tx-ink)}
  body.dashboard-page .hero-copy .live-label{display:none}
  body.dashboard-page .hero-copy strong{grid-row:1/3;margin:0;font-size:16px;letter-spacing:-.025em;white-space:nowrap}
  body.dashboard-page .hero-copy small{font-size:10px;color:#718078;white-space:nowrap}
  body.dashboard-page .hero-controls{margin-left:auto;align-self:auto;align-items:center}
  body.dashboard-page .scope-control,body.dashboard-page .period-control{display:flex;flex-direction:row;align-items:center;gap:8px}
  body.dashboard-page .scope-control>b,body.dashboard-page .period-control>b{display:none}
  body.dashboard-page .period-buttons{padding:4px;border:1px solid var(--tx-line);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:var(--tx-shadow-sm);backdrop-filter:blur(9px)}
  body.dashboard-page .period-buttons button{color:#34443b;min-height:34px;padding:6px 14px}
  body.dashboard-page .period-buttons button.active{color:#15220f}
  body.dashboard-page .premium-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
  body.dashboard-page .premium-kpi{min-height:110px;padding:14px 12px;gap:9px}
  body.dashboard-page .premium-kpi strong{font-size:clamp(17px,1.32vw,22px)}
  body.dashboard-page .metric-icon{width:35px;height:35px}
  body.dashboard-page .analytics-grid{grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px}
  body.dashboard-page .analytics-card{padding:17px 19px}
  body.dashboard-page .operations-trend{height:184px}
  body.dashboard-page .status-donut{width:154px;height:154px}
  body.dashboard-page .dashboard-insights,body.dashboard-page .dashboard-bottom{gap:14px}
  body.dashboard-page .insight-card{padding:16px}
}
@media(min-width:761px) and (max-width:1200px){body.dashboard-page .premium-kpi-grid{grid-template-columns:repeat(3,1fr)}body.dashboard-page .hero-copy{display:none}}
.chart-grid{stroke:#edf1eb;stroke-width:1;stroke-dasharray:5 7}
.status-donut{box-shadow:inset 0 0 0 1px rgba(75,102,44,.06)}
.status-donut:after{box-shadow:0 0 0 1px rgba(75,102,44,.05)}
.status-donut:has(.donut-svg):after{display:none}.donut-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.donut-track,.donut-segment{fill:none;stroke-width:18}.donut-track{stroke:#dce1d8}.donut-segment{stroke-linecap:butt}.donut-segment.delivered{stroke:#5b8120}.donut-segment.booked{stroke:#9ad248}.donut-segment.picked{stroke:#c8e994}

/* Release-candidate refinements: compact custom range and traceable reports. */
body.dashboard-page #content{position:relative}
body.dashboard-page .dashboard-custom{position:absolute;z-index:30;top:64px;right:0;width:min(480px,calc(100vw - var(--tx-sidebar) - 56px));margin:0;padding:15px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(10,35,20,.18);backdrop-filter:blur(14px)}
body.dashboard-page .dashboard-custom label{min-width:0}body.dashboard-page .dashboard-custom button{white-space:nowrap}
body.dashboard-page .dashboard-custom:before{content:'Custom date range';grid-column:1/-1;color:var(--tx-ink);font-size:13px;font-weight:850;letter-spacing:-.015em}
body.dashboard-page .dashboard-custom label:nth-of-type(3){grid-column:1/-1}
.report-command{display:block!important;padding:20px!important;border-color:var(--tx-line)!important;background:#fff!important;color:var(--tx-ink)!important}
.report-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:17px}.report-command-head h2{margin:5px 0 4px;color:var(--tx-ink)!important}.report-command-head p{margin:0;color:var(--tx-muted);font-size:12px}.report-command .performance-presets{justify-content:flex-end}.report-command .report-preset{background:#f5f7f2!important;border-color:var(--tx-line)!important;color:#405047!important;box-shadow:none}.report-command .report-preset.active{background:var(--tx-lime)!important;border-color:#88d92d!important;color:#13210f!important;box-shadow:0 0 0 4px rgba(163,255,63,.15)}
.report-command .performance-dates{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;align-items:end}.report-command .performance-dates label{color:#3e4e45!important}.report-actions{display:flex;gap:8px;grid-column:span 2}.report-actions button{flex:1}.report-selection{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.report-selection span{padding:7px 10px;border:1px solid #dce6d4;border-radius:999px;background:#f3f8ec;color:#4d633d;font-size:10px;font-weight:750}
.weekly-activity .toolbar{align-items:flex-start}.weekly-results{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;overflow-x:auto;padding:2px 1px 5px}.weekly-result{min-width:180px;padding:14px;border:1px solid var(--tx-line);border-radius:13px;background:linear-gradient(145deg,#fff,#f8faF4);box-shadow:0 4px 12px rgba(22,49,30,.035)}.weekly-result header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #e8ede5}.weekly-result header strong{font-size:12px}.weekly-result header span{color:var(--tx-muted);font-size:9px}.weekly-result>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:11px}.weekly-result>div span{color:var(--tx-muted);font-size:9px}.weekly-result>div b{display:block;margin-bottom:3px;color:var(--tx-ink);font-size:15px;letter-spacing:-.025em}
.report-details .toolbar{align-items:center}.report-details .table-wrap{max-height:480px}.report-details table{min-width:1420px;table-layout:auto}.report-details td:first-child{min-width:130px;white-space:nowrap}.report-details td:nth-child(2){min-width:185px}.report-details td:nth-child(3){min-width:170px}.report-details td:nth-child(4){min-width:190px}.report-details td:nth-child(5){min-width:190px}.report-details td:nth-child(6){min-width:145px}.report-details td:nth-child(7){min-width:110px}.report-details th:nth-child(8),.report-details td:nth-child(8){position:sticky;right:0;z-index:3;background:#fff;box-shadow:-10px 0 18px rgba(20,42,27,.06)}.report-details th:nth-child(8){z-index:4;background:#f0f2ec}.report-details tbody tr:hover td:nth-child(8){background:#fbfcf8}.report-financial{width:220px;min-width:220px!important;white-space:nowrap}.report-financial>span{display:grid;grid-template-columns:84px 1fr;gap:8px;align-items:center;padding:4px 0;color:#34463c;font-variant-numeric:tabular-nums}.report-financial>span+span{border-top:1px solid #edf1eb}.report-financial b{color:#78867e;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.report-financial .paid{color:#3d701e}.report-financial .unpaid{color:#91483e}.report-financial .awaiting{color:#7d8982}
@media(max-width:1180px){body.dashboard-page .dashboard-custom{width:min(480px,calc(100vw - var(--tx-sidebar) - 40px))}.report-command .performance-dates{grid-template-columns:repeat(3,1fr)}.weekly-results{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:760px){body.dashboard-page .dashboard-custom{position:fixed;left:12px;right:12px;top:76px;width:auto;grid-template-columns:1fr 1fr}.report-command-head{display:block}.report-command .performance-presets{margin-top:14px;justify-content:flex-start}.report-command .performance-dates{grid-template-columns:1fr 1fr}.report-actions{grid-column:1/-1}.weekly-results{grid-template-columns:1fr}}

/* Stable dashboard header grid — no absolute or negative-offset alignment. */
@media(min-width:761px){
 body.dashboard-page main:before{display:none}
 body.dashboard-page main>header{min-height:248px;margin:0 -28px 18px;padding:36px 28px 22px;display:grid;grid-template-columns:286px minmax(0,1fr);grid-template-rows:auto 48px;column-gap:18px;row-gap:22px;align-items:end;background-image:linear-gradient(90deg,#f7f7f2 0%,rgba(247,247,242,.97) 27%,rgba(247,247,242,.58) 49%,rgba(247,247,242,.04) 77%),url('/dashboard-hero-v2.png');background-size:cover;background-position:center 53%;background-repeat:no-repeat;border-bottom:1px solid rgba(212,220,210,.7)}
 body.dashboard-page .page-heading{grid-column:1/-1;grid-row:1;align-self:start;max-width:760px}
 body.dashboard-page .identity{position:static;grid-column:1;grid-row:2;width:286px;min-width:0;margin:0;align-self:stretch}
 body.dashboard-page .identity select{height:48px;min-height:48px}
 body.dashboard-page main>header>.dashboard-hero{grid-column:2;grid-row:2;width:100%;min-height:48px;height:48px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:stretch;color:var(--tx-ink)}
 body.dashboard-page main>header>.dashboard-hero .hero-copy{width:260px;min-width:0;height:48px;margin:0;padding:8px 14px;align-self:stretch}
 body.dashboard-page main>header>.dashboard-hero .hero-controls{position:static;width:auto;height:48px;margin:0;align-self:stretch;justify-self:end;display:flex;align-items:stretch;gap:10px}
 body.dashboard-page main>header>.dashboard-hero .scope-control,body.dashboard-page main>header>.dashboard-hero .period-control{height:48px;margin:0;align-items:stretch}
 body.dashboard-page main>header>.dashboard-hero .period-buttons{height:48px;align-items:center}
 body.dashboard-page .dashboard-custom{top:0}
}
@media(min-width:761px) and (max-width:1180px){
 body.dashboard-page main>header{grid-template-columns:250px minmax(0,1fr)}body.dashboard-page .identity{width:250px}body.dashboard-page main>header>.dashboard-hero{grid-template-columns:1fr}body.dashboard-page main>header>.dashboard-hero .hero-copy{display:none}
}

/* Final dashboard leaderboards and truthful pipeline progression. */
.pipeline-stage.warning>i b{background:linear-gradient(90deg,#9c6334,#e2a268)}
.dashboard-leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.leaderboard-card{min-width:0}.leaderboard-card header{align-items:center}.leader-date-controls{display:flex;align-items:flex-end;gap:6px}.leader-date-controls label{font-size:9px}.leader-date-controls input{min-height:34px;width:126px;padding:6px 9px}.leader-date-controls button{min-height:34px;padding:6px 11px}.leader-scroll{max-height:344px;overflow:auto;padding-right:4px;scrollbar-gutter:stable}.leader-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid #edf0ea}.leader-row:last-child{border-bottom:0}.leader-rank{width:24px;height:24px;border-radius:50%;background:#eff6e5;color:#4c6e2d;display:grid;place-items:center;font-size:10px;font-weight:850}.leader-name{min-width:0}.leader-name>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx-ink);font-size:11px}.leader-name>i{display:block;height:5px;margin-top:6px;border-radius:99px;background:#edf1ea;overflow:hidden}.leader-name>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#668d29,var(--tx-lime));transition:width .3s ease}.leader-row>strong{font-size:11px;white-space:nowrap;color:#35531f}
.leader-pct-5{width:5%}.leader-pct-10{width:10%}.leader-pct-15{width:15%}.leader-pct-20{width:20%}.leader-pct-25{width:25%}.leader-pct-30{width:30%}.leader-pct-35{width:35%}.leader-pct-40{width:40%}.leader-pct-45{width:45%}.leader-pct-50{width:50%}.leader-pct-55{width:55%}.leader-pct-60{width:60%}.leader-pct-65{width:65%}.leader-pct-70{width:70%}.leader-pct-75{width:75%}.leader-pct-80{width:80%}.leader-pct-85{width:85%}.leader-pct-90{width:90%}.leader-pct-95{width:95%}.leader-pct-100{width:100%}
@media(max-width:1100px){.dashboard-leaderboards{grid-template-columns:1fr}}
@media(max-width:760px){.leader-date-controls{display:grid;grid-template-columns:1fr 1fr}.leader-date-controls button{grid-column:1/-1}.leader-date-controls input{width:100%}}

/* Retrieval coordination and proportional pipeline bars. */
.pipeline-stage>i b{width:100%!important;transform:scaleX(var(--progress,0));transform-origin:left center;transition:transform .35s ease}
.awaiting-clients{margin-bottom:16px}.awaiting-clients header p{margin:5px 0 0;color:var(--tx-muted);font-size:11px}.awaiting-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:430px;overflow:auto;padding:2px 5px 3px 1px;scrollbar-gutter:stable}.awaiting-client-card{min-width:0;padding:15px;border:1px solid #e2e8df;border-radius:15px;background:linear-gradient(145deg,#fff,#fafcf8);box-shadow:0 7px 18px rgba(20,45,31,.06)}.awaiting-client-card.awaiting-priority{border-color:#b7e77a;background:linear-gradient(145deg,#f2ffe3,#fff 72%);box-shadow:0 9px 22px rgba(111,166,45,.13)}.awaiting-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.awaiting-card-head>strong{font-size:11px;color:#527333}.awaiting-client-card h3{margin:12px 0 3px;font-size:15px;line-height:1.2;color:var(--tx-ink)}.awaiting-client-card.awaiting-priority h3{font-weight:900;color:#294b18}.awaiting-company{margin:0 0 13px;color:var(--tx-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.awaiting-client-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.awaiting-client-card dl div{min-width:0}.awaiting-client-card dl .wide{grid-column:1/-1}.awaiting-client-card dt{margin-bottom:2px;color:#87948a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.awaiting-client-card dd{margin:0;color:#34453b;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.badge.New.follow-up,.badge.Ready.for.Retrieval{background:#e8f9d7;color:#31551c}.retrieval-command .toolbar{align-items:flex-end}.retrieval-command .grow{min-width:320px}@media(max-width:1150px){.awaiting-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.awaiting-card-grid{grid-template-columns:1fr}}

/* Premium filter controls: one consistent visual language on every data page. */
.toolbar>label:not(.header-filter-source),.performance-dates>label,.dashboard-custom>label,.leader-date-controls>label{position:relative;display:grid;align-content:center;gap:5px;min-height:64px;padding:8px 12px;border:1px solid #dce6d8;border-radius:14px;background:linear-gradient(145deg,#fff,#f7faf4);color:#385044!important;box-shadow:0 5px 14px rgba(18,45,29,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.toolbar>label:not(.header-filter-source):hover,.performance-dates>label:hover,.dashboard-custom>label:hover,.leader-date-controls>label:hover{border-color:#a8c88a;box-shadow:0 8px 20px rgba(39,78,46,.08);transform:translateY(-1px)}.toolbar>label:not(.header-filter-source):focus-within,.performance-dates>label:focus-within,.dashboard-custom>label:focus-within,.leader-date-controls>label:focus-within{border-color:#7fae47;box-shadow:0 0 0 4px rgba(163,255,63,.16),0 8px 20px rgba(39,78,46,.08)}.toolbar>label:not(.header-filter-source)>input,.toolbar>label:not(.header-filter-source)>select,.performance-dates>label>input,.performance-dates>label>select,.dashboard-custom>label>input,.dashboard-custom>label>select,.leader-date-controls>label>input{width:100%;min-height:28px!important;margin:0!important;padding:2px 26px 2px 0!important;border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;color:#10261b!important;font-weight:750}.toolbar>label:not(.header-filter-source)>.themed-date-button,.performance-dates>label>.themed-date-button,.dashboard-custom>label>.themed-date-button,.leader-date-controls>label>.themed-date-button{min-height:28px!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#10261b!important}.toolbar>label:not(.header-filter-source)>input::placeholder{color:#8a978f;font-weight:600}.performance-command .performance-dates label{color:#385044!important}.registry-command .toolbar{align-items:stretch}.registry-command .toolbar>button{align-self:center}.page-size{padding:4px 7px 4px 10px;border:1px solid #dce6d8;border-radius:11px;background:#fff}.page-size select{border:0;background-color:transparent}.filter-search-label input{border-radius:12px;background:#f8fbf6}

/* Sales pipeline uses four deliberate themed states and class-based widths. */
.pipeline-stage>i b{transform:none!important;transition:width .35s ease!important;background:linear-gradient(90deg,#315e27,#a3ff3f)!important}.pipeline-stage.approved>i b{background:linear-gradient(90deg,#5e8c2d,#b7f56d)!important}.pipeline-stage.warning>i b{background:linear-gradient(90deg,#a66a32,#e6aa68)!important}.pipeline-stage.activated>i b{background:linear-gradient(90deg,#0f4a32,#6fc93d)!important}.pipeline-stage>i b.pipeline-pct-0{width:0!important}.pipeline-stage>i b.pipeline-pct-5{width:5%!important}.pipeline-stage>i b.pipeline-pct-10{width:10%!important}.pipeline-stage>i b.pipeline-pct-15{width:15%!important}.pipeline-stage>i b.pipeline-pct-20{width:20%!important}.pipeline-stage>i b.pipeline-pct-25{width:25%!important}.pipeline-stage>i b.pipeline-pct-30{width:30%!important}.pipeline-stage>i b.pipeline-pct-35{width:35%!important}.pipeline-stage>i b.pipeline-pct-40{width:40%!important}.pipeline-stage>i b.pipeline-pct-45{width:45%!important}.pipeline-stage>i b.pipeline-pct-50{width:50%!important}.pipeline-stage>i b.pipeline-pct-55{width:55%!important}.pipeline-stage>i b.pipeline-pct-60{width:60%!important}.pipeline-stage>i b.pipeline-pct-65{width:65%!important}.pipeline-stage>i b.pipeline-pct-70{width:70%!important}.pipeline-stage>i b.pipeline-pct-75{width:75%!important}.pipeline-stage>i b.pipeline-pct-80{width:80%!important}.pipeline-stage>i b.pipeline-pct-85{width:85%!important}.pipeline-stage>i b.pipeline-pct-90{width:90%!important}.pipeline-stage>i b.pipeline-pct-95{width:95%!important}.pipeline-stage>i b.pipeline-pct-100{width:100%!important}

/* Fast contact actions for Clients and Clients Awaiting Loads. */
.client-contact-cell,.awaiting-client-title{display:flex;align-items:center;gap:10px;min-width:0}.client-contact-cell>span:last-child,.awaiting-client-title>div{min-width:0}.contact-actions{display:inline-flex;gap:5px;flex:0 0 auto}.contact-action{display:inline-grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d7e3d3;border-radius:10px;background:linear-gradient(145deg,#fff,#eff7e7);color:#315c30;box-shadow:0 4px 10px rgba(29,68,37,.07)}.contact-action svg{width:16px;height:16px}.contact-action:hover{transform:translateY(-1px);border-color:#8dbc58;background:#eaffd5;color:#173f25;box-shadow:0 7px 15px rgba(65,108,51,.13)}.contact-phone{background:linear-gradient(145deg,#fff,#e7f3ec);color:#1f6045}.awaiting-client-title{margin:12px 0 13px}.awaiting-client-title h3{margin:0 0 3px}.awaiting-client-title .awaiting-company{margin:0}.contact-menu{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;max-width:600px}.contact-menu-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#0d3322,#285d38);color:var(--tx-lime)}.contact-menu-icon>svg{width:27px;height:27px}.contact-kicker{display:block;margin-bottom:6px;color:#5d872e;font-size:10px;font-weight:900;letter-spacing:.12em}.contact-menu strong{display:block;color:#10261b;font-size:18px;overflow-wrap:anywhere}.contact-menu p{margin:8px 0 0;color:#738078;font-size:13px;line-height:1.5}.contact-menu-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.contact-menu-actions button{flex:1;min-width:180px}

@media(max-width:700px){.toolbar>label:not(.header-filter-source),.performance-dates>label,.dashboard-custom>label{min-height:58px}.contact-menu{grid-template-columns:1fr}.contact-menu-icon{display:none}.contact-menu-actions{grid-column:auto}.client-contact-cell{align-items:flex-start}.awaiting-client-title{align-items:flex-start}}

/* Final workflow feedback, notifications and response coordination. */
.system-response{position:fixed;z-index:2500;right:24px;top:82px;width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:42px 1fr 32px;gap:12px;align-items:center;padding:15px 14px;border:1px solid #bcd4ad;border-radius:17px;background:rgba(250,255,246,.98);color:#173622;box-shadow:0 24px 65px rgba(9,39,21,.24);backdrop-filter:blur(16px);animation:response-in .24s ease-out}.system-response[hidden]{display:none}.system-response.response-error{border-color:#e8b8ae;background:rgba(255,249,247,.99);color:#682b25}.response-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#1b4a2d,#46762c);color:var(--tx-lime);display:grid;place-items:center;font-size:20px;font-weight:950}.response-error .response-icon{background:linear-gradient(145deg,#7d3027,#bd5947);color:#fff}.system-response strong{display:block;font-size:13px}.system-response p{margin:3px 0 0;color:#627168;font-size:12px;line-height:1.42}.system-response>button{width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}@keyframes response-in{from{opacity:0;transform:translateY(-9px) scale(.98)}to{opacity:1;transform:none}}
.notification-button{position:relative}.notification-button>i{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:99px;background:var(--tx-lime);color:#13210f;font:800 9px/14px inherit;font-style:normal}.notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.notification-panel h3{margin:5px 0 0}.notification-list{display:grid;gap:7px;max-height:58vh;overflow:auto}.notification-item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:13px 15px;border:1px solid var(--tx-line);border-radius:13px;background:#fff;color:var(--tx-ink);text-decoration:none}.notification-item.unread{border-color:#b7df81;background:linear-gradient(145deg,#f3ffe7,#fff)}.notification-item strong{grid-column:1/-1;font-size:12px}.notification-item small{color:var(--tx-muted);font-size:10px}.notification-kind{color:#59812f;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.approval-callout{margin-bottom:15px;padding:14px 16px;border:1px solid #d8e7cd;border-radius:14px;background:linear-gradient(145deg,#f2f9e9,#fff)}.approval-callout span{color:#5d862f;font-size:9px;font-weight:900;letter-spacing:.13em}.approval-callout strong{display:block;margin:5px 0 3px;color:#173222}.approval-callout p{margin:0;color:var(--tx-muted);font-size:11px}.approval-review-form,.followup-response-form{display:grid;gap:13px}.approval-review-form label>small,.followup-response-form label>small{float:right;color:var(--tx-muted);font-weight:600}.approval-review-form label>span,.followup-response-form label>span{display:block;margin-top:4px;color:var(--tx-muted);font-size:9px;text-align:right}.response-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--tx-line)}.response-history h3{margin:0 0 10px}.response-history article{display:grid;gap:3px;padding:10px 12px;border-radius:11px;background:#f3f6f0;margin-top:7px}.response-history article span,.response-history article small{color:var(--tx-muted);font-size:9px}.response-history article strong{font-size:11px}
.awaiting-response-zone{margin-top:13px;padding-top:12px;border-top:1px solid #e6ece2}.awaiting-response-list{display:grid;gap:7px}.awaiting-response-list>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 9px;border-radius:10px;background:#f2f7ed}.awaiting-response-list span{color:#688049;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.awaiting-response-list strong{font-size:9px}.awaiting-response-list p{grid-column:1/-1;margin:2px 0;color:#35473c;font-size:10px}.awaiting-response-list small{grid-column:1/-1;color:var(--tx-muted);font-size:8px}.response-empty{margin:0;color:var(--tx-muted);font-size:10px}.awaiting-response-actions{display:flex;gap:7px;margin-top:10px}.awaiting-response-actions button{flex:1;min-height:34px;padding:6px 8px;font-size:9px}.approval-report .table-wrap{max-height:390px}

/* Premium import surfaces and file controls. */
.import-grid{display:grid!important;grid-template-columns:repeat(4,minmax(220px,1fr))!important;gap:14px!important}.import-card{position:relative;overflow:hidden;min-width:0;padding:20px!important;border:1px solid #dce5d8!important;border-radius:18px!important;background:linear-gradient(155deg,#fff 15%,#f5f9f1)!important;box-shadow:0 12px 28px rgba(23,55,31,.07)!important}.import-card:before{content:'↥';display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border-radius:13px;background:linear-gradient(145deg,#123725,#2c6135);color:var(--tx-lime);font-size:22px}.import-card:after{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--tx-lime),#5b8428)}.import-card h3{margin:0 0 7px;color:var(--tx-ink);font-size:18px;letter-spacing:-.03em}.import-card>p{min-height:38px;margin:0 0 17px;color:var(--tx-muted);font-size:11px;line-height:1.5}.import-card .actions{margin-top:12px}.import-card .actions button{width:100%}.theme-file{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-height:64px;padding:9px 11px!important;border:1px dashed #b8cdb1!important;border-radius:14px!important;background:linear-gradient(145deg,#fbfdf9,#f3f8ef)!important}.theme-file input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.theme-file button{min-height:40px!important;border-color:#cddcc8!important}.theme-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#718078;font-size:11px}.qb-uploader{background:linear-gradient(145deg,#fff,#f7faf4)}.qb-uploader .weekly-actions{padding:13px;border:1px solid #e1e9de;border-radius:14px;background:#f9fbf7}.weekly-actions .theme-file{flex:1}.format-chip{border-color:#dce7d4!important;background:#f0f7e8!important;color:#547136!important}

/* Settings and administration are visually part of the same product. */
.settings-subnav{display:flex;align-items:center;min-height:52px;padding:7px 9px;border:1px solid var(--tx-line);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:var(--tx-shadow-sm)}.settings-subnav button{min-height:36px;border-radius:10px}.settings-subnav+.panel{border-radius:19px;padding:22px;background:linear-gradient(145deg,#fff,#fafcf8);box-shadow:0 14px 34px rgba(20,45,30,.07)}.settings-subnav+.panel>.toolbar{padding-bottom:16px;margin-bottom:15px;border-bottom:1px solid #e6ece3}.settings-subnav+.panel>.toolbar h2{font-size:22px;margin:5px 0}.settings-subnav+.panel>.toolbar label{min-width:270px}.settings-subnav+.panel #permission-form{display:grid;gap:16px}.settings-subnav+.panel #permission-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-subnav+.panel #permission-editor>section,.settings-subnav+.panel #permission-editor>div{border:1px solid #dfe7dc;border-radius:14px;background:#f8fbf6;padding:14px}.permission-summary{padding:14px;border:1px solid #d9e4d3;border-radius:14px;background:#f4f8f0}.settings-action-icon{font-family:inherit!important;font-size:15px!important}.settings-action-icon svg{width:20px;height:20px;display:block}.settings-block{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.settings-block:hover{transform:translateY(-2px);border-color:#c5d8b6;box-shadow:0 17px 38px rgba(20,45,30,.09)}
@media(max-width:1100px){.import-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.settings-subnav+.panel #permission-editor{grid-template-columns:1fr}}@media(max-width:650px){.import-grid{grid-template-columns:1fr!important}.system-response{right:16px;top:70px}.awaiting-response-actions{display:grid}.settings-health{display:grid;grid-template-columns:1fr 1fr}}

/* Permission and directory controls use the TruckEx visual language, never browser blue. */
input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;margin:0;border:1.5px solid #9eb09f;border-radius:5px;background:#fff center/12px 12px no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
input[type="checkbox"]:hover{border-color:#6f993d;box-shadow:0 0 0 4px rgba(163,255,63,.13)}
input[type="checkbox"]:checked{border-color:#5d8a2e;background-color:var(--tx-lime);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23112619' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");box-shadow:0 4px 10px rgba(93,138,46,.2)}
input[type="checkbox"]:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(163,255,63,.25)}
input[type="checkbox"]:disabled{opacity:.45;cursor:not-allowed}
.checkboxes label,.checkline{align-items:center;gap:10px}.override-state{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d9bd72;border-radius:13px;background:linear-gradient(145deg,#fff9e9,#fff);color:#60491a}.override-state[hidden]{display:none}.override-state strong{font-size:11px;white-space:nowrap}.override-state span{font-size:10px;color:#806f47}.team-directory .table-wrap{max-height:65vh}.team-directory .row-actions{display:flex;flex-wrap:wrap;gap:6px}
.reset-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.reset-option-grid article{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--line,#d4d8d4);border-radius:18px;background:rgba(255,255,255,.72)}.reset-option-grid article strong{font-size:15px}.reset-option-grid article span{min-height:38px;color:var(--muted,#89958f);font-size:13px;line-height:1.45}.reset-option-grid article button{margin-top:auto}.reset-option-grid .reset-all{border-color:rgba(166,74,52,.3);background:rgba(255,246,241,.78)}@media(max-width:1100px){.reset-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.reset-option-grid{grid-template-columns:1fr}}

/* Final review: compact import workbench and balanced access editor. */
.import-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.import-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto auto;
  align-items:center;
  gap:8px 14px;
  min-height:0;
  padding:20px 22px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(13,42,25,.045)!important;
}
.import-card:before{display:none}
.import-card:after{width:4px;background:#81b849}
.import-card h3{grid-column:1;grid-row:1;margin:0;font-size:17px}
.import-card>p{grid-column:1/-1;grid-row:2;min-height:0;margin:0 0 5px;font-size:12px;line-height:1.45}
.import-card>.actions:first-of-type{grid-column:2;grid-row:1;margin:0}
.import-card>.actions:first-of-type button{width:auto;min-height:38px;padding:8px 13px;font-size:11px;white-space:nowrap}
.import-card>.theme-file{grid-column:1;grid-row:3;min-height:50px;padding:5px 8px!important}
.import-card>.theme-file button{min-height:36px!important}
.import-card>.actions:last-of-type{grid-column:2;grid-row:3;margin:0}
.import-card>.actions:last-of-type button{width:auto;min-height:48px;padding:10px 17px;white-space:nowrap}
.import-card:focus-within{border-color:#8bbf58!important;box-shadow:0 0 0 3px rgba(163,255,63,.14)!important}

.settings-subnav{min-height:0;margin-bottom:10px;padding:0;border:0;background:transparent;box-shadow:none}
.settings-subnav button{padding:7px 10px;min-height:34px;font-size:12px}
.settings-subnav+.panel{padding:24px!important;background:#fff}
.settings-subnav+.panel>.toolbar{align-items:end;gap:14px;padding-bottom:18px;margin-bottom:18px}
.settings-subnav+.panel>.toolbar label{min-width:220px;max-width:360px;flex:1}
.settings-subnav+.panel #permission-form{gap:18px}
.settings-subnav+.panel #permission-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-subnav+.panel #permission-editor>.permission-section{
  min-width:0;
  padding:15px 16px;
  border:1px solid #e0e8dd;
  border-radius:16px;
  background:#fafcf8;
}
.settings-layout .settings-block>header{justify-content:flex-start}
.settings-layout .settings-block>header .settings-icon{flex:none}
.settings-layout .settings-block>header>div{flex:1;min-width:0}
.settings-subnav+.panel #permission-editor>.permission-section:first-child,
.settings-subnav+.panel #permission-editor>.permission-section:last-child{
  grid-column:1/-1;
  background:#f5f9f1;
}
.settings-subnav+.panel #permission-editor>.permission-section:first-child{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px);
  gap:2px 20px;
  align-items:center;
}
.settings-subnav+.panel #permission-editor>.permission-section:first-child h3{grid-column:1;grid-row:1}
.settings-subnav+.panel #permission-editor>.permission-section:first-child p{grid-column:1;grid-row:2;margin:0}
.settings-subnav+.panel #permission-editor>.permission-section:first-child label{grid-column:2;grid-row:1/3}
.settings-subnav+.panel #permission-editor>.permission-section:last-child{display:flex;align-items:center;gap:18px}
.settings-subnav+.panel #permission-editor>.permission-section:last-child h3{min-width:120px;margin:0}
.settings-subnav+.panel #permission-editor>.permission-section:last-child label{flex:1;max-width:none}
.settings-subnav+.panel #permission-editor>.permission-section:last-child p{max-width:250px;margin:0}
.settings-subnav+.panel #permission-editor>.permission-section.field-restrictions{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:16px;align-items:center}
.settings-subnav+.panel #permission-editor>.permission-section.field-restrictions p{max-width:580px;margin:0}
.hidden-field-picker{position:relative;min-width:0}
.hidden-field-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:10px 14px;border:1px solid #d6e2d0;border-radius:12px;background:#fff;color:#163625;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.hidden-field-picker>summary::-webkit-details-marker{display:none}
.hidden-field-picker>summary::after{content:'⌄';font-size:19px;line-height:1;color:#4c752d}
.hidden-field-picker>summary span{margin-left:auto;color:#66815d;font-size:12px;font-weight:600}
.hidden-field-picker[open]>summary{border-color:#78ad43;box-shadow:0 0 0 3px rgba(163,255,63,.15)}
.hidden-field-options{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:min(520px,90vw);max-height:300px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px;border:1px solid #d6e2d0;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(9,34,19,.16)}
.hidden-field-options label{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:6px 8px;border-radius:8px;color:#284235;font-size:12px;cursor:pointer}
.hidden-field-options label:hover,.hidden-field-options label:has(input:checked){background:#edf6e5}
.hidden-field-options input{flex:none;width:15px;height:15px;min-width:15px;min-height:15px;margin:0;accent-color:#67a829}
.settings-subnav+.panel .permission-section h3{margin:0 0 12px;font-size:15px;color:#183526}
.settings-subnav+.panel .permission-section .checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.settings-subnav+.panel .permission-section .checkboxes label{
  min-width:0;
  min-height:32px;
  padding:5px 8px;
  border:1px solid #e5ebe1;
  border-radius:8px;
  background:#fff;
  font-size:10px;
  font-weight:650;
  line-height:1.2;
  cursor:pointer;
}
.settings-subnav+.panel .permission-section .checkboxes label:hover{border-color:#9ac777;background:#f7fced}
.settings-subnav+.panel .permission-section .checkboxes label{gap:7px}
.settings-subnav+.panel .permission-section .checkboxes label:has(input:checked){border-color:#c6dfa9;background:#f1f9e7}
.settings-subnav+.panel .permission-section .checkboxes input{
  flex:none;
  width:14px;
  min-width:14px;
  height:14px;
  border-radius:4px;
  background-size:10px 10px;
}
.settings-subnav+.panel #permission-form>h3{margin:0;font-size:15px}
.settings-subnav+.panel #permission-form>.actions{margin-top:0;padding-top:16px;border-top:1px solid #e5ebe2}
@media(max-width:1200px){
  .settings-subnav+.panel #permission-editor>.permission-section:last-child{display:block}
  .settings-subnav+.panel #permission-editor>.permission-section:last-child h3{margin-bottom:10px}
  .settings-subnav+.panel #permission-editor>.permission-section:last-child p{max-width:none;margin-top:8px}
}
@media(max-width:850px){
  .import-grid{grid-template-columns:1fr!important}
  .settings-subnav+.panel #permission-editor{grid-template-columns:1fr}
  .settings-subnav+.panel #permission-editor>.permission-section:first-child,
  .settings-subnav+.panel #permission-editor>.permission-section:last-child{grid-column:1}
  .settings-subnav+.panel #permission-editor>.permission-section.field-restrictions{display:block}
  .settings-subnav+.panel #permission-editor>.field-restrictions>div{margin-bottom:12px}
}
@media(max-width:600px){
  .import-card{grid-template-columns:1fr;gap:9px}
  .import-card h3,.import-card>p,.import-card>.actions:first-of-type,.import-card>.theme-file,.import-card>.actions:last-of-type{grid-column:1;grid-row:auto}
  .import-card>.actions:first-of-type button,.import-card>.actions:last-of-type button{width:100%}
  .settings-subnav+.panel #permission-editor>.permission-section:first-child{display:block}
  .settings-subnav+.panel #permission-editor>.permission-section:first-child p{margin-bottom:12px}
  .settings-subnav+.panel .permission-section .checkboxes{grid-template-columns:1fr}
  .hidden-field-options{grid-template-columns:1fr;width:100%}
}

/* Loading feedback for pages whose records arrive after the page shell. */
.truckex-loading{
  display:flex;
  min-height:190px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:28px;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#183626;
  text-align:center;
}
.truckex-loading-mark{position:relative;width:66px;height:66px;margin-bottom:8px}
.truckex-loading-mark svg{
  display:block;width:100%;height:100%;overflow:visible;
}
.truckex-loading-mark .truckex-quarter{fill:#111814}
.truckex-loading-mark .truckex-quarter use{
  transform-box:fill-box;
  transform-origin:center;
  animation:truckex-quarter-spin 2.4s cubic-bezier(.45,0,.2,1) infinite;
}
.truckex-loading-mark .truckex-centre{fill:var(--tx-lime)}
.truckex-loading-mark .truckex-centre-core{fill:#112619}
.truckex-loading strong{font-size:15px;letter-spacing:-.03em}
.truckex-loading span{color:#697b70;font-size:12px}
@keyframes truckex-quarter-spin{
  0%{transform:rotate(0deg)}
  72%,100%{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){.truckex-loading-mark .truckex-quarter use{animation:none}}

/* Permission choices are compact bullet selections rather than large tiles. */
.settings-subnav+.panel .permission-section .checkboxes{gap:2px 12px}
.settings-subnav+.panel .permission-section .checkboxes label,
.settings-subnav+.panel .permission-section .checkboxes label:hover,
.settings-subnav+.panel .permission-section .checkboxes label:has(input:checked){
  min-height:25px;
  padding:3px 4px;
  border:0;
  border-radius:6px;
  background:transparent;
  box-shadow:none;
  font-size:11px;
  line-height:1.3;
}
.settings-subnav+.panel .permission-section .checkboxes label:hover{background:#edf5e7}
.settings-subnav+.panel .permission-section .checkboxes label:has(input:checked){color:#21452d;font-weight:750}
.settings-subnav+.panel .permission-section .checkboxes input,
.settings-subnav+.panel .permission-section .checkboxes input:checked{
  display:block;
  flex:0 0 14px;
  width:14px!important;min-width:14px!important;max-width:14px!important;
  height:14px!important;min-height:14px!important;max-height:14px!important;
  padding:0!important;
  aspect-ratio:1;
  border-radius:50%;
  background-image:none;
  box-shadow:none;
}
.settings-subnav+.panel .permission-section .checkboxes input:checked{
  border-color:#416f31;
  background:radial-gradient(circle at center,#193e2a 0 3px,var(--tx-lime) 3.5px);
}
.settings-subnav+.panel .permission-section .checkboxes input:focus-visible{box-shadow:0 0 0 3px rgba(163,255,63,.35)}

/* Upload controls keep their hierarchy without oversized button blocks. */
.import-card{padding:15px 18px!important;gap:7px 12px}
.import-card h3{font-size:15px}
.import-card>p{margin:0 0 2px;font-size:11px}
.import-card>.actions:first-of-type button{min-height:32px;padding:6px 11px;font-size:10px}
.import-card>.actions:last-of-type button{min-height:38px;padding:7px 13px;font-size:11px}
.import-card>.theme-file{min-height:42px;padding:4px 7px!important}
.import-card>.theme-file button{min-height:31px!important;padding:5px 10px!important;font-size:10px!important}
.import-card>.theme-file span{font-size:10px}

.logout-button{min-height:38px;padding:0 15px;border:1px solid var(--tx-line)!important;border-radius:999px;background:#fff!important;color:var(--tx-forest-800)!important;font-size:12px;font-weight:700;box-shadow:var(--tx-shadow-sm)}
.logout-button:hover{border-color:var(--tx-forest-700)!important;background:#f3f8eb!important}
@media(max-width:760px){.logout-button{min-height:34px;padding:0 11px;font-size:11px}}

/* Sign-in workspace */
#login{min-height:100vh;min-height:100dvh;padding:clamp(18px,4vw,56px);display:grid;place-items:center;background:radial-gradient(circle at 12% 90%,rgba(163,255,63,.12),transparent 28%),radial-gradient(circle at 88% 10%,rgba(39,49,45,.08),transparent 30%),#f5f5f0;color:#101614}
.login-shell{width:min(1120px,100%);min-height:min(700px,calc(100dvh - 72px));display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);overflow:hidden;border:1px solid #dce4dc;border-radius:28px;background:#fff;box-shadow:0 26px 80px rgba(11,36,25,.12)}
.login-brand{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(30px,4vw,54px);background:radial-gradient(circle at 84% 12%,rgba(163,255,63,.17),transparent 33%),linear-gradient(155deg,#10291e 0%,#132d22 57%,#284b2c 100%);color:#f3f4ef}
.login-brand::before,.login-brand::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border:1px solid rgba(163,255,63,.13);border-radius:50%;right:-270px;bottom:-280px}.login-brand::after{width:390px;height:390px;right:-205px;bottom:-210px}
.login-brand-logo{width:min(260px,75%);padding:13px 17px;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12)}.login-brand-logo img{display:block;width:100%;height:auto}
.login-brand-story{position:relative;z-index:1;max-width:440px;margin:auto 0 74px}.login-overline{display:block;color:#7ead32;font-size:11px;font-weight:800;letter-spacing:.22em}.login-brand .login-overline{color:#a3ff3f}.login-brand-story h2{margin:17px 0 14px;color:#fff;font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.04;letter-spacing:-.055em}.login-brand-story p{max-width:330px;margin:0;color:#c7d5ca;font-size:15px;line-height:1.65}.login-brand>small{position:relative;z-index:1;color:#a8bdaa;font-size:11px}
.login-route{position:absolute;right:8%;bottom:18%;width:200px;height:135px;transform:rotate(-20deg);opacity:.9}.login-route::before{content:"";position:absolute;left:12px;top:61px;width:180px;height:1px;border-top:1px dashed rgba(194,238,142,.5)}.login-route span{position:absolute;top:55px;width:13px;height:13px;border:3px solid #a3ff3f;border-radius:50%;background:#183b25;box-shadow:0 0 0 7px rgba(163,255,63,.1)}.login-route span:nth-child(1){left:0}.login-route span:nth-child(2){left:91px}.login-route span:nth-child(3){right:0}
.login-entry{display:grid;place-items:center;padding:42px clamp(26px,5vw,78px)}.login-entry-inner{width:min(380px,100%)}.login-entry-icon{width:44px;height:44px;margin-bottom:28px;display:grid;place-items:center;border-radius:12px;background:#eaf8d9;color:#47781c;font-size:24px}.login-entry h1{margin:10px 0 10px;font-size:clamp(38px,4vw,48px);font-weight:760;line-height:1.1;letter-spacing:-.055em}.login-entry-inner>p{margin:0 0 31px;color:#77867c;font-size:14px;line-height:1.5}
#login .login{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;gap:18px}#login .login label{gap:9px;color:#294036;font-size:12px;font-weight:750;letter-spacing:.01em}#login .login input{height:50px;padding:0 15px;border:1px solid #d9e2d9;border-radius:12px;background:#fbfcf9;color:#101614;font-size:14px;box-shadow:0 2px 6px rgba(17,37,24,.025)}#login .login input::placeholder{color:#9aa89d}#login .login input:focus{outline:none;border-color:#76b52b;box-shadow:0 0 0 4px rgba(163,255,63,.18);background:#fff}#login .login button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:51px;margin:6px 0 0;border-radius:12px;background:#10291e;border-color:#10291e;color:#fff;font-size:14px;box-shadow:0 10px 22px rgba(16,41,30,.13)}#login .login button:hover{background:#20452d;filter:none}#login .login button span{font-size:19px;line-height:1}#login-error{min-height:18px;margin:0;color:#ae3b35;font-size:12px;line-height:1.4}#login-error:empty{min-height:0}.login-help{display:block;margin-top:28px;color:#849289;font-size:12px;line-height:1.5}.login-divider{display:flex;align-items:center;gap:12px;color:#8a998e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.login-divider::before,.login-divider::after{content:"";flex:1;height:1px;background:#e0e8df}
.utility-actions .logout-button{width:38px;height:38px;min-height:38px;padding:0;display:grid;place-items:center;border-radius:12px;box-shadow:none}.logout-button svg{width:18px;height:18px}.utility-actions .logout-button:hover{background:#f1f8e9!important;color:#335e1e!important}
@media(max-width:760px){#login{padding:12px;display:block}.login-shell{min-height:calc(100dvh - 24px);grid-template-columns:1fr;border-radius:20px}.login-brand{min-height:195px;padding:25px}.login-brand-logo{width:190px;padding:9px 12px}.login-brand-story{margin:28px 0 0}.login-brand-story h2{font-size:28px;margin:9px 0 5px}.login-brand-story p,.login-brand>small,.login-route{display:none}.login-entry{padding:35px 26px 45px}.login-entry-icon{margin-bottom:20px}.login-entry-inner>p{margin-bottom:25px}}

/* Dashboard-inspired sign-in */
#login{background:radial-gradient(circle at 91% 13%,#e8f2d9 0%,transparent 31%),#f5f5f0}
.login-shell{width:min(1250px,100%);min-height:min(720px,calc(100dvh - 72px));grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);border-radius:25px;border-color:#dce4d9;box-shadow:0 24px 70px rgba(14,38,26,.11)}
.login-brand{grid-column:2;grid-row:1;padding:34px;isolation:auto;background:linear-gradient(180deg,rgba(11,35,22,.06) 5%,transparent 43%,rgba(8,31,18,.8) 100%),url('/dashboard-hero-v2.png') 65% center/cover no-repeat;color:#fff}
.login-brand::before,.login-brand::after,.login-route{display:none}
.login-brand-logo{width:222px;max-width:68%;padding:10px 14px;border-radius:14px;box-shadow:0 7px 28px rgba(12,25,18,.15)}
.login-brand-story{margin:auto 0 26px;max-width:none}.login-brand-story h2{margin:10px 0 0;font-size:clamp(35px,4vw,55px);line-height:1;letter-spacing:-.055em;text-shadow:0 2px 13px rgba(0,0,0,.25)}.login-brand .login-overline{color:#d5ff9d;text-shadow:0 1px 8px rgba(0,0,0,.4)}.login-brand>small{color:#e3ece1;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.login-entry{grid-column:1;grid-row:1;padding:clamp(34px,5vw,70px);background:#fff}.login-entry-inner{width:min(390px,100%)}.login-entry .login-overline{color:#60862e}.login-entry h1{margin:14px 0 11px;font-size:clamp(39px,4vw,53px)}.login-entry-inner>p{margin-bottom:35px}.login-help{margin-top:32px}
#login .login input{height:53px;background:#f8faf6;border-color:#d7e0d5}#login .login button{height:54px;margin-top:8px;background:#142d20;border-color:#142d20}
@media(max-width:760px){#login{padding:12px}.login-shell{display:flex;flex-direction:column;min-height:calc(100dvh - 24px)}.login-brand{order:0;min-height:225px;padding:23px;background-position:65% 60%}.login-brand-logo{width:175px;padding:8px 11px}.login-brand-story{margin:auto 0 0}.login-brand-story h2{font-size:32px}.login-brand>small{display:none}.login-entry{order:1;display:block;padding:36px 26px 44px}.login-entry-inner{margin:0 auto}.login-entry h1{font-size:40px}}

/* TruckEx Operations sign-in */
#login{padding:clamp(20px,5vw,74px);background:radial-gradient(circle at 88% 12%,#e1efd3 0%,transparent 35%),radial-gradient(circle at 12% 87%,#e9efdf 0%,transparent 34%),#f5f5ef}
#login[hidden],#app[hidden]{display:none!important}
.login-shell{width:min(1480px,100%);min-height:min(780px,calc(100dvh - 90px));grid-template-columns:minmax(490px,48%) minmax(0,52%);border-radius:30px;border:1px solid rgba(255,255,255,.85);box-shadow:0 26px 65px rgba(19,47,30,.17)}
.login-entry{grid-column:1;grid-row:1;display:block;z-index:1;padding:clamp(38px,4.3vw,68px);background:#fff}
.login-entry-inner{width:min(470px,100%);margin:0 auto}
.login-entry .login-brand-logo{width:284px;max-width:80%;margin:0 0 clamp(48px,7vh,82px);padding:0;border-radius:0;background:transparent;box-shadow:none}
.login-entry .login-overline{display:flex;align-items:center;gap:18px;color:#113e27;font-size:12px;font-weight:850;letter-spacing:.29em}
.login-entry .login-overline:after{content:"";display:block;width:52px;height:4px;border-radius:9px;background:#8fd516}
.login-entry h1{margin:20px 0 12px;color:#090e0b;font-size:clamp(42px,4.1vw,62px);font-weight:800;line-height:1;letter-spacing:-.065em}
.login-entry h1 span,.login-brand-story h2 span{color:#96d815}
.login-entry-inner>p{margin:0 0 36px;color:#69736d;font-size:16px;line-height:1.55}
#login .login{gap:17px}
#login .login .login-input{height:60px;display:flex;align-items:center;gap:17px;padding:0 19px;border:1px solid #d9dfd9;border-radius:17px;background:linear-gradient(180deg,#fff,#f8f9f6);color:#202c24;box-shadow:0 2px 8px rgba(17,37,24,.025)}
#login .login .login-input:focus-within{border-color:#84bb29;box-shadow:0 0 0 4px rgba(163,255,63,.17)}
.login-input>svg{width:23px;height:23px;flex:none;color:#14281c}
#login .login .login-input input{height:100%;min-width:0;flex:1;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:15px}
#login .login .login-input input:focus{outline:none;box-shadow:none}
#login .login .login-input input::placeholder{color:#717d75}
#login .login .login-eye{width:36px;height:36px;min-width:36px;margin:0;padding:7px;border:0;border-radius:9px;background:transparent;color:#3a4a40;box-shadow:none}
#login .login .login-eye:hover{background:#eef5e7;color:#1b4c2c}
.login-eye svg{width:21px;height:21px}
#login .login .login-remember{display:flex;align-items:center;gap:10px;width:max-content;margin:2px 0 3px;color:#314038;font-size:14px;font-weight:500;cursor:pointer}
#login .login .login-remember input{appearance:none;width:20px;height:20px;min-width:20px;margin:0;padding:0;border:1.5px solid #9eb29e;border-radius:5px;background:#fff;box-shadow:none;cursor:pointer}
#login .login .login-remember input:checked{border-color:#0b3d28;background:#0b3d28}
#login .login .login-remember input:checked:after{content:"";display:block;width:9px;height:5px;margin:4px 0 0 4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
#login .login .login-submit{height:64px;margin:0;border:0;border-radius:16px;background:linear-gradient(95deg,#073822,#0d4b30);font-size:17px;font-weight:700;box-shadow:0 12px 25px rgba(8,50,28,.2)}
#login .login .login-submit:hover{background:linear-gradient(95deg,#0a492b,#17653b)}
#login .login .login-submit span{margin-left:12px;font-size:26px;font-weight:400}
.login-help{display:block;margin-top:27px;padding-left:31px;color:#59665d;font-size:13px;line-height:1.5;position:relative}
.login-help:before{content:"✓";position:absolute;left:0;top:-2px;display:grid;place-items:center;width:20px;height:23px;color:#6cb719;font-size:16px;font-weight:900;border:2px solid #85c927;clip-path:polygon(50% 0,100% 17%,100% 61%,50% 100%,0 61%,0 17%)}
.login-brand{grid-column:2;grid-row:1;z-index:2;width:calc(100% + 60px);margin-left:-60px;padding:0;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,rgba(2,42,33,.96) 0%,rgba(2,42,33,.83) 31%,rgba(2,42,33,.36) 64%,rgba(2,42,33,.06) 100%),url('/dashboard-hero-v2.png') 65% center/cover no-repeat}
.login-brand-story{width:100%;max-width:none;margin:auto 0;padding-left:clamp(125px,12vw,195px);transform:translateY(-5%)}
.login-brand-story:before,.login-brand-story:after{content:"";display:block;width:66px;height:7px;border-radius:7px;background:#9ddd18}
.login-brand-story:after{margin-top:24px}
.login-brand-story h2{margin:26px 0;color:#fff;font-size:clamp(52px,5.1vw,80px);font-weight:800;line-height:.9;letter-spacing:-.065em;text-shadow:0 3px 22px rgba(0,0,0,.23)}
.login-brand-story{padding-left:clamp(100px,9vw,145px)}
#login .login .login-remember input{width:18px;height:18px;min-width:18px}
#login .login .login-remember input:checked:after{margin:3px 0 0 3px}
.login-brand-story{padding-left:clamp(72px,6vw,100px)!important}
#login .login .login-remember input{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex:none!important;align-self:center!important}
.login-brand>small{display:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-review{font-size:12px;color:#53665a}.login-review summary{cursor:pointer;width:max-content}.login-review label{margin-top:12px}.login-review input{margin-top:5px}
@media(max-width:1000px){.login-shell{grid-template-columns:minmax(390px,49%) minmax(0,51%)}.login-entry{padding:36px}.login-brand{width:calc(100% + 40px);margin-left:-40px}.login-brand-story{padding-left:90px}.login-brand-story h2{font-size:56px}}
@media(max-width:760px){#login{padding:12px}.login-shell{display:flex;flex-direction:column;min-height:calc(100dvh - 24px);border-radius:22px}.login-brand{order:0;width:100%;min-height:220px;margin:0;clip-path:none;background-position:62% 55%}.login-brand-story{margin:auto 0;padding-left:32px;transform:none}.login-brand-story:before,.login-brand-story:after{width:44px;height:5px}.login-brand-story:after{margin-top:13px}.login-brand-story h2{margin:13px 0;font-size:38px}.login-entry{order:1;padding:30px 26px 38px}.login-entry .login-brand-logo{width:205px;margin-bottom:30px}.login-entry h1{font-size:42px}.login-entry-inner>p{margin-bottom:25px;font-size:14px}#login .login .login-input{height:54px}#login .login .login-submit{height:56px}}

/* Keep client names legible when the viewport narrows; the directory scrolls horizontally. */
#registry:has(.client-contact-cell) .table-wrap{overflow-x:auto}
#registry:has(.client-contact-cell) table{min-width:1050px}
#registry .client-contact-cell>span:last-child{min-width:150px}
#registry .client-contact-cell .client-profile{overflow-wrap:normal;word-break:normal;white-space:normal}