/* Geometry uses the existing palette, preserving contrast in all eight themes. */
.flowSimple .app>header{--flow-hero-height:clamp(160px,16vw,230px);min-height:0!important;height:auto!important;padding:14px 20px calc(var(--flow-hero-height) + 24px)!important;align-items:center!important}.flowSimple .app>header::before{display:block!important;inset:auto 0 0!important;height:var(--flow-hero-height);background-image:var(--hero)!important;background-size:cover!important;background-position:center 35%!important;background-color:var(--bg)}.flowSimple .app>header::after{display:block!important;inset:auto 0 0!important;height:var(--flow-hero-height);background:linear-gradient(90deg,var(--bg),transparent 35%)!important}.flowSimple .sectionScene{display:none!important}.flowSimple .view>.titlebar{min-height:0!important;padding:16px 20px!important;margin:14px 0!important;gap:12px;flex-wrap:wrap;align-items:center;min-width:0}.flowSimple .titlebar h1{font-size:clamp(23px,3vw,32px)!important}.flowSimple .titlebar .eyebrow{margin:0 0 5px!important}.flowSimple .flowRailBrand{padding:10px 12px!important;min-height:0!important}.flowSimple .roleNavigation{padding:7px 0;margin-bottom:8px}.flowSimple #flowSecondaryViews{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.flowSimple #flowSecondaryViews summary{font-size:13px;cursor:pointer;color:var(--ink)}.flowSimple #flowSecondaryViews button{margin-top:8px;width:100%}
.flowWorkView{color:var(--ink)}.flowWorkTotals{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:16px}.flowWorkTotals strong{font-size:20px}.flowWorkRed{font-weight:700;color:var(--ink);border-left:4px solid #df5065;padding-left:9px}.flowWorkTools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.flowWorkTools label{display:flex;flex-direction:column;gap:6px;font-size:13px}.flowWorkTools label:last-child{flex:1;min-width:180px}.flowWorkTools :is(input,select){min-height:42px;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:9px;border-radius:8px;width:100%}.flowWorkRow{border:1px solid var(--line);border-left:4px solid #d8a33a;border-radius:10px;background:var(--panel);margin:10px 0;overflow:hidden}.flowWorkProblem{border-left-color:#df5065}.flowWorkOpen{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,30%) 16px;gap:20px;width:100%;height:auto!important;min-height:76px!important;padding:17px 19px!important;border:0!important;border-radius:0!important;text-align:left;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;transform:none!important;white-space:normal!important}.flowWorkOpen small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.flowWorkOpen b{font-size:16px}.flowWorkReason{font-size:14px;font-weight:600}.flowWorkRow>details{padding:0 19px 13px}.flowWorkRow>details>summary{font-size:12px;cursor:pointer;color:var(--muted)}.flowWorkSource{border-top:1px solid var(--line);padding:15px 0;display:grid;gap:9px}.flowWorkSource p{margin:0;line-height:1.5}.flowWorkSource button{justify-self:start}.flowWorkPager{display:flex;justify-content:center;align-items:center;gap:15px;margin:18px 0}.flowWorkUpdates{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.flowWorkUpdates summary{cursor:pointer;font-weight:600}.flowWorkUpdate{display:block;width:100%;text-align:left!important;height:auto!important;margin:8px 0}.flowWorkUpdate span{display:block;font-size:13px;font-weight:400;margin-top:5px}.flowWorkHint,.flowWorkEmpty{color:var(--muted);font-size:13px}.flowWorkToast{position:fixed;right:20px;bottom:20px;z-index:100;background:var(--panel);color:var(--ink);border:2px solid #df5065;padding:15px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 24px #0004;max-width:calc(100vw - 40px)}.flowWorkToast[hidden]{display:none}.flowWorkUrgent{border-left:4px solid #df5065!important}
.flowSimple #weekBoard>.weekHeader{display:none!important}.flowSimple .planCompactHeader{position:sticky!important;top:30px!important;min-height:58px!important;background:var(--panel)!important;z-index:8!important}.flowSimple .planCompactVehicle{min-height:58px!important;padding:8px!important;cursor:pointer}.flowSimple .planCompactVehicle small{display:block!important}.flowSimple .planDockedScroll{position:sticky!important;top:0!important;height:30px!important;min-height:30px!important;padding:4px!important;background:var(--panel)!important;z-index:9!important}.flowSimple .planDockedScroll :is(.planFleetHeading,.planScrollLabel,.planElapsedLegend){display:none!important}.flowSimple .weekShell{--plan-toolbar-height:30px!important;--plan-header-height:0px!important}.flowSimple #flowPlanMore{margin:8px 0 12px;color:var(--ink)}.flowSimple #flowPlanMore>summary{cursor:pointer;font-size:13px}.flowSimple .weekMaintenanceActions{margin:10px 0}.flowSimple #unplacedPlanJobs{padding:10px 14px!important}.flowSimple #unplacedPlanJobs h2{font-size:16px}.flowSimple #unplacedPlanJobs>p{font-size:13px}.flowSimple #week .titlebar .scene-copy{padding:0!important}
.flowJobContext{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:14px;padding:12px 0 18px;color:var(--ink)}.flowJobContext b{flex-basis:100%}.flowDetailFold{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:14px;color:var(--ink);background:var(--panel)}.flowDetailFold>summary{cursor:pointer;font-weight:600;font-size:14px}.flowDetailFold>summary+*{margin-top:15px}.flowDetailFold>div,.flowDetailFold>section{min-width:0;max-width:100%}.flowDetailFold .jobProfitability{margin:0}.flowSimple #dispatchJob>.cardHead{margin-bottom:0}.flowSimple .jobAttentionPanel{margin-top:8px}.flowSimpleMenu{display:none!important}
@media(max-width:750px){.flowSimple #sectionNavigation{position:relative!important;top:auto!important;max-height:none!important;min-height:0!important;padding:7px!important}.flowSimple .flowRailBrand{display:none!important}.flowSimple .flowSimpleMenu{display:block!important;width:100%}.flowSimple #sectionNavigation:not(.flowSimpleMenuOpen)>.sectionNavigationGroup,.flowSimple #sectionNavigation:not(.flowSimpleMenuOpen)>.roleNavigation{display:none!important}.flowSimple .app>header{--flow-hero-height:140px;padding:12px 12px calc(var(--flow-hero-height) + 20px)!important;min-height:0!important}.flowSimple .app>header .brand small{display:none}.flowSimple .app>header .brand b{font-size:17px!important}.flowSimple .titlebar{gap:9px!important}.flowWorkTotals{gap:10px;padding:12px}.flowWorkTotals strong{font-size:17px}.flowWorkTotals span{font-size:12px}.flowWorkOpen{grid-template-columns:minmax(0,1fr) 16px;gap:8px;padding:14px!important}.flowWorkOpen>span:first-child{grid-column:1}.flowWorkOpen>.flowWorkReason{grid-column:1;font-size:13px}.flowWorkOpen>span:last-child{grid-row:1/3;grid-column:2;align-self:center}.flowWorkOpen b{font-size:15px}.flowWorkRow>details{padding-left:14px}.flowWorkToast{left:10px;right:10px;bottom:10px;max-width:none;flex-wrap:wrap}.flowSimple .weekShell{min-height:280px}.flowSimple #jobDetailDialog .jobDetailModalHeader{padding:12px!important}.flowSimple #jobDetailDialog .jobDetailModalBody{padding:12px!important}}

.flowSimple .app>header .brand{padding:5px 8px!important;gap:8px!important}.flowSimple .app>header .logo{width:30px!important;height:30px!important;flex:0 0 30px!important}.flowSimple .app>header .brand b{font-size:16px!important}.flowSimple .app>header .brand small{display:none!important}.flowSimple .app>header #account{padding:5px 8px!important;max-width:none!important}.flowSimple .app>header .headerIdentity{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;text-align:left}.flowSimple .app>header .headerIdentity button{margin:0!important;min-height:36px!important;padding:7px 10px!important}

/* Text stays inside its card; variable-length captions must grow vertically. */
.flowSimple .view>.titlebar>*,.flowSimple .sectionHeadingCopy,.flowSimple .flowWorkOpen>span,.flowSimple .jobDetailDialog .cardHead>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
.flowSimple .view>.titlebar>div:not(.sectionHeading):not(.weekControls){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flowSimple .view>.titlebar>div:first-child:not(.sectionHeading):not(.weekControls){display:block}
.flowSimple .view>.titlebar :is(h1,h2,p){max-width:100%;overflow-wrap:anywhere;line-height:1.25}
.flowSimple :is(.sectionNavigation,.flowWorkView,.flowInboxDialog,.jobDetailDialog,.ops-panel,.proposalDetail) button{height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4;flex-shrink:0}
.flowSimple .flowWorkOpen{flex-shrink:1}.flowSimple .flowWorkSource{min-width:0;overflow-wrap:anywhere}.flowSimple .flowWorkTools label:first-child{min-width:160px}.flowSimple .flowWorkTools :is(input,select){min-width:0}
.flowSimple .jobDetailDialog .cardHead{flex-wrap:wrap;gap:12px}.flowSimple .jobDetailDialog .cardHead>div:last-child{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flowSimple .flowDetailFold>summary{overflow-wrap:anywhere;line-height:1.5}.flowSimple .flowRailBrand strong{font-size:26px}
@media(max-width:750px){.flowSimple .view>.titlebar{padding:14px 16px!important}.flowSimple .view>.titlebar .sectionHeading{flex-basis:100%}.flowSimple .flowWorkTools label{flex:1 1 150px;min-width:0!important}.flowSimple .flowWorkTools label:last-child{min-width:0}.flowSimple .app>header::after{background:linear-gradient(0deg,var(--bg),transparent 12%)!important}.flowSimple .app>header::before{background-size:cover!important;background-position:72% center!important}}

.flowCheckOverview{padding:12px 14px;margin:0 0 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.flowCheckOverview>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.flowCheckOverview button{font-size:13px;text-align:left;max-width:100%;height:auto!important;white-space:normal;overflow-wrap:anywhere;padding:8px 10px}
.flowCheckTarget{outline:2px solid #a96a10;outline-offset:2px;scroll-margin:25px}.flowCheckTarget.flowCheckDanger{outline-color:#c83648}.flowCheckBadge{display:inline-block!important;max-width:100%;padding:3px 7px!important;margin:0 9px 7px 0;font-size:12px!important;font-weight:700;line-height:1.4;color:#fff!important;background:#704000!important;border-radius:4px;vertical-align:middle;white-space:normal}.flowCheckDanger>.flowCheckBadge,.flowCheckDanger>summary>.flowCheckBadge{background:#922637!important}.field.flowCheckTarget{padding:8px;border-radius:6px;min-width:0}.field.flowCheckTarget>.flowCheckBadge{align-self:start}.flowJobContext>.flowCheckBadge{flex-basis:auto}.flowCheckTarget:focus-visible{outline:3px solid var(--focus);outline-offset:4px}

.flowSimple .route .stop.flowCheckTarget{position:relative;padding-top:34px}.flowSimple .route .stop>.flowCheckBadge{position:absolute;top:5px;left:8px;margin:0}
.flowWorkRow.flowWorkInProgress{border-left-color:#4b86af}.flowWorkTotals [data-work-progress]{margin-left:auto;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 12px;cursor:pointer}

/* Full-window truck artwork. Content surfaces retain their palette and contrast. */
body.flowSimple{isolation:isolate;background:var(--bg)!important}
body.flowSimple::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#08141c33,#08141c44),var(--hero) 68% center/cover no-repeat}
body.flowSimple .app{background:transparent!important}
body.flowSimple .app>header{padding:12px 0!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
body.flowSimple .app>header::before,body.flowSimple .app>header::after{display:none!important}
body.flowSimple .sectionNavigation{background-color:var(--soft)!important;background-image:linear-gradient(var(--rail-tint),var(--rail-tint)),url('/flow-europe-bg.png')!important;background-position:center!important;background-size:auto 100%!important;background-repeat:no-repeat!important}
body.flowSimple :is(.view>.titlebar,.card,.ops-panel,.fuelCard,.biCommandPanel,.biKpiSection,.flowWorkTotals,.flowWorkRow){background:var(--panel);background:color-mix(in srgb,var(--panel) 96%,transparent)}
body.flowSimple :is(.flowWorkTools,.flowWorkPager,.flowWorkUpdates,.flowWorkHint,.flowWorkEmpty,#flowPlanMore){padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}
body.flowSimple .flowWorkArchived{border-left-color:var(--muted)}
body.flowSimple :is(dialog,.formHead,.formBody,.formFoot){background:var(--panel)}
@media(max-width:750px){body.flowSimple::before{background-position:center,69% center}body.flowSimple .app>header{padding:8px 0!important}body.flowSimple :is(.flowWorkTools,.flowWorkPager,.flowWorkHint){padding:10px}}
@media(forced-colors:active){body.flowSimple::before{display:none}body.flowSimple :is(.view>.titlebar,.card,.ops-panel,.flowWorkTotals,.flowWorkRow,.sectionNavigation){background:Canvas!important}}
@media print{body.flowSimple::before{display:none}}