:root{--bg:var(--legacy-palette-001);--p:var(--legacy-palette-002);--line:var(--legacy-palette-003);--mut:var(--legacy-palette-004);--blue:var(--legacy-palette-005);--green:var(--legacy-palette-006);--amber:var(--legacy-palette-007);--red:var(--legacy-palette-008)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg-canvas);color:var(--legacy-palette-009)}button,input{font:inherit}button{cursor:pointer}.brand-logo{width:48px;height:34px;flex:none}
.auth{min-height:100vh;position:relative;overflow:hidden;background:var(--legacy-palette-010)}.photo{position:absolute;inset:0;background:url('/truck-bg.jpg?v=20260910f') center/cover no-repeat;transform:scale(1.02);filter:brightness(.68) contrast(1.12) saturate(.84)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,20,.72) 0%,rgba(4,14,28,.60) 34%,rgba(3,10,20,.54) 52%,rgba(3,9,18,.72) 100%),linear-gradient(180deg,rgba(18,42,78,.14) 0%,rgba(4,11,22,.30) 100%)}.slash{position:absolute;top:-12%;height:125%;width:16%;background:rgba(120,150,210,.07);transform:skewX(-24deg)}.s1{left:18%}.s2{right:-6%}.auth-copy{position:absolute;z-index:2;left:4%;top:18%;text-shadow:0 2px 16px var(--legacy-palette-011)}.kicker{font-size:11px;letter-spacing:.36em;font-weight:700}.auth-copy h1{font-size:54px;line-height:1.03;letter-spacing:-.04em;margin:22px 0 0}.auth-copy h1 span{color:var(--legacy-palette-012)}.auth-copy>i{display:block;width:54px;height:4px;background:var(--legacy-palette-013);margin:27px 0}.auth-copy p{font-size:16px;line-height:1.45;color:var(--legacy-palette-014)}.benefits{position:absolute;top:630px;display:flex;gap:28px}.benefits b{display:flex;gap:10px;align-items:center;padding-right:26px;border-right:1px solid var(--legacy-palette-015);font-size:22px}.benefits small{font-size:9px;letter-spacing:.14em}.auth-wrap{position:absolute;z-index:3;right:8%;top:50%;transform:translateY(-50%);width:min(500px,40vw)}.login-card{background:linear-gradient(var(--legacy-palette-016),var(--legacy-palette-017));border:1px solid var(--legacy-palette-018);border-radius:25px;padding:38px 48px 34px;box-shadow:0 28px 80px var(--legacy-palette-019)}.login-brand{display:flex;align-items:center;gap:15px;margin-bottom:32px}.login-brand .brand-logo{width:58px;height:42px}.login-brand strong{display:block;font-size:22px;letter-spacing:.04em}.login-brand span{color:var(--legacy-palette-020);font-size:15px}.login-card h2{font-size:34px;margin:0 0 10px}.login-card>p{color:var(--legacy-palette-021);line-height:1.45;font-size:15px;margin:0 0 28px}.login-card>label{display:block;font-size:12px;font-weight:700;margin:18px 0 7px}.field{height:50px;border:1px solid var(--legacy-palette-022);border-radius:14px;display:flex;align-items:center;gap:11px;padding:0 14px;background:var(--legacy-palette-023)}.field input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--legacy-palette-024)}.field input::placeholder{color:var(--legacy-palette-025)}.field button{border:0;background:none;color:var(--legacy-palette-026)}.form-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0 22px;font-size:13px}.remember{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}.remember input{display:none}.remember i{width:18px;height:18px;border-radius:5px;background:var(--legacy-palette-027);display:grid;place-items:center;font-style:normal}.form-row>button,.back{border:0;background:none;color:var(--legacy-palette-028);text-decoration:underline;text-underline-offset:3px}.signin{width:100%;height:54px;border:1px solid var(--legacy-palette-029);border-radius:16px;background:linear-gradient(var(--legacy-palette-030),var(--legacy-palette-031));color:var(--legacy-palette-024);font-weight:750;font-size:16px;box-shadow:0 10px 26px var(--legacy-palette-032)}.or{display:flex;align-items:center;gap:14px;color:var(--legacy-palette-033);font-size:12px;margin:27px 0 18px}.or span{height:1px;background:var(--legacy-palette-034);flex:1}.help{text-align:center;color:var(--legacy-palette-035);font-size:12px}.err{color:var(--legacy-palette-036);font-size:12px;min-height:16px;margin-top:12px}.success{background:var(--legacy-palette-037);border:1px solid var(--legacy-palette-038);padding:10px;border-radius:10px;color:var(--legacy-palette-039);font-size:12px}.back{margin:-8px 0 20px;padding:0;text-decoration:none}.auth-foot{position:absolute;right:4%;bottom:4%;z-index:3;color:var(--legacy-palette-040);font-size:9px;letter-spacing:.28em}
.shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr;background:linear-gradient(var(--legacy-palette-001),var(--legacy-palette-041));transition:.2s}.shell>aside{height:100vh;position:sticky;top:0;background:linear-gradient(var(--legacy-palette-042),var(--legacy-palette-043));border-right:1px solid var(--legacy-palette-044);display:flex;flex-direction:column;z-index:20}.sidehead{height:82px;border-bottom:1px solid var(--legacy-palette-045);display:flex;align-items:center;padding:0 16px;gap:10px}.sidehead .brand-logo{width:54px;height:38px}.brandtxt{flex:1}.brandtxt b{display:block;font-size:18px}.brandtxt span{display:block;font-size:11px;color:var(--legacy-palette-046)}.sidehead button,.topbar section>button{width:36px;height:36px;border:1px solid var(--legacy-palette-047);border-radius:10px;background:var(--legacy-palette-048);color:var(--legacy-palette-049)}.shell>aside>nav{padding:16px 10px;display:flex;flex-direction:column;gap:5px;overflow:auto}.nav-item{height:54px;border:1px solid transparent;border-radius:10px;background:none;color:var(--legacy-palette-050);display:flex;align-items:center;gap:15px;padding:0 17px;text-align:left}.nav-item span{width:28px;height:28px;color:var(--legacy-palette-051);display:grid;place-items:center;flex:0 0 28px}.nav-item span svg{width:23px;height:23px;stroke:currentColor;stroke-width:2.05;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-item span{border-radius:8px;background:var(--legacy-palette-052);border:1px solid var(--legacy-palette-053)}.nav-item.active span{background:var(--legacy-palette-054);border-color:var(--legacy-palette-055);color:var(--legacy-palette-056)}.nav-item b{font-weight:650;font-size:19px;letter-spacing:.005em}.nav-item.active{background:linear-gradient(90deg,var(--legacy-palette-057),var(--legacy-palette-058));border-color:var(--legacy-palette-059);box-shadow:inset 3px 0 var(--legacy-palette-060);color:var(--legacy-palette-024)}.sidebottom{margin-top:auto;padding:12px;border-top:1px solid var(--legacy-palette-061)}.user{display:flex;align-items:center;gap:9px;padding:8px}.user>i{width:32px;height:32px;border-radius:9px;background:var(--legacy-palette-062);display:grid;place-items:center;font-style:normal;font-weight:700}.user b{display:block;font-size:11px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user span{font-size:9px;color:var(--legacy-palette-063)}.sidebottom>button{width:100%;height:40px;border:1px solid var(--legacy-palette-064);border-radius:10px;background:var(--legacy-palette-065);color:var(--legacy-palette-066);text-align:left;padding:0 14px}.shell.collapsed{grid-template-columns:82px 1fr}.collapsed .brandtxt,.collapsed .nav-item b,.collapsed .user div,.collapsed .sidebottom>button span{display:none}.collapsed .sidehead{justify-content:center;padding:0 10px}.collapsed .sidehead .brand-logo{display:none}.collapsed .nav-item{justify-content:center;padding:0}.collapsed .user{justify-content:center}.collapsed .sidebottom>button{text-align:center}.shell>main{min-width:0}.topbar{height:58px;border-bottom:1px solid var(--legacy-palette-067);background:var(--legacy-palette-068);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:15}.topbar>div,.topbar>section{display:flex;align-items:center;gap:10px}.topbar>div>strong{font-size:16px;margin-right:10px}.date,.tz{height:34px;border:1px solid var(--legacy-palette-069);background:var(--legacy-palette-070);border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--legacy-palette-071)}.tz b{color:var(--legacy-palette-072)}.search{width:380px;height:38px;border:1px solid var(--legacy-palette-073);border-radius:11px;background:var(--legacy-palette-074);display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--legacy-palette-075)}.search input{flex:1;border:0;outline:0;background:none;color:var(--legacy-palette-076);font-size:12px}.search kbd{font-size:10px;background:var(--legacy-palette-077);border:1px solid var(--legacy-palette-078);padding:2px 5px;border-radius:5px}.topbar .new{width:auto;padding:0 16px;background:var(--legacy-palette-079);color:var(--legacy-palette-024);border-color:var(--legacy-palette-080);font-weight:700}.mobile{display:none}.content{padding:0 16px 18px}.hero{min-height:148px;border-bottom:1px solid var(--legacy-palette-081);background:linear-gradient(90deg,rgba(6,21,35,.96) 0%,rgba(6,21,35,.88) 42%,rgba(6,21,35,.56) 72%,rgba(6,21,35,.42) 100%),url('/truck-bg.jpg?v=20260910f') center 50%/cover no-repeat;display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.hero span{font-size:14px;color:var(--legacy-palette-082)}.hero h1{font-size:34px;margin:7px 0 4px;letter-spacing:-.02em}.hero p{margin:0;color:var(--legacy-palette-083)}.hero>b{font-size:9px;letter-spacing:.28em;color:var(--legacy-palette-084);margin-right:15px}.hero>b i{display:block;width:42px;height:3px;background:var(--legacy-palette-085);margin:13px 0 0 auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.metric{min-height:100px;border:1px solid var(--legacy-palette-086);border-radius:13px;background:linear-gradient(var(--legacy-palette-087),var(--legacy-palette-088));display:flex;align-items:center;gap:14px;padding:13px}.metric>i{width:58px;height:58px;border-radius:12px;border:1px solid var(--legacy-palette-089);background:var(--legacy-palette-090);color:var(--legacy-palette-091);display:grid;place-items:center;font-size:28px;font-style:normal}.metric.green>i{border-color:var(--legacy-palette-092);background:var(--legacy-palette-093);color:var(--legacy-palette-094)}.metric.red>i{border-color:var(--legacy-palette-095);background:var(--legacy-palette-096);color:var(--legacy-palette-097)}.metric>div{flex:1}.metric>div>span{font-size:13px;color:var(--legacy-palette-098)}.metric strong{display:block;font-size:29px}.metric strong small{font-size:12px;color:var(--legacy-palette-099);margin-left:8px}.metric.red strong small{color:var(--legacy-palette-100)}.metric em{font-size:10px;color:var(--legacy-palette-101);font-style:normal}.metric>button{width:28px;height:28px;border:1px solid var(--legacy-palette-102);border-radius:8px;background:var(--legacy-palette-103);color:var(--legacy-palette-104)}.dash{display:grid;grid-template-columns:1.1fr .96fr .72fr;grid-template-areas:'loads dispatch fleet' 'recent tasks maint';gap:12px}.panel{background:linear-gradient(var(--legacy-palette-002),var(--legacy-palette-105));border:1px solid var(--legacy-palette-003);border-radius:13px;overflow:hidden;min-width:0}.loads{grid-area:loads}.dispatch{grid-area:dispatch}.fleet{grid-area:fleet}.recent{grid-area:recent}.tasks{grid-area:tasks}.maint{grid-area:maint}.panel header{min-height:60px;border-bottom:1px solid var(--legacy-palette-053);padding:11px 14px;display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:15px;margin:0 0 2px}.panel header p{font-size:10px;color:var(--legacy-palette-101);margin:0}.panel header a{font-size:10px;color:var(--legacy-palette-106)}.tabs{display:flex;gap:8px;padding:9px 12px;border-bottom:1px solid var(--legacy-palette-107);overflow:auto}.tabs>*{white-space:nowrap;padding:6px 10px;border:1px solid var(--legacy-palette-108);background:var(--legacy-palette-048);color:var(--legacy-palette-109);border-radius:9px;font-size:10px;font-style:normal}.tabs b{background:var(--legacy-palette-110);color:var(--legacy-palette-024);border-color:var(--legacy-palette-111)}.tabs i{font-style:normal;background:var(--legacy-palette-112);border-radius:10px;padding:1px 5px;margin-left:5px}.panel table{width:100%;border-collapse:collapse;font-size:10px}.panel th{color:var(--legacy-palette-113);font-size:9px;text-align:left;padding:9px 10px;border-bottom:1px solid var(--legacy-palette-114)}.panel td{padding:9px 10px;border-bottom:1px solid var(--legacy-palette-115);white-space:nowrap}.p{padding:4px 8px;border-radius:7px;text-decoration:none}.p.blue{background:var(--legacy-palette-116);color:var(--legacy-palette-117)}.p.amber{background:var(--legacy-palette-118);color:var(--legacy-palette-119)}.queue>div{display:grid;grid-template-columns:64px 65px 72px 1fr 28px;gap:8px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--legacy-palette-120);font-size:10px}.prio{font-style:normal;text-decoration:none;border-radius:7px;padding:4px 8px;text-align:center;font-size:9px}.prio.high{background:var(--legacy-palette-121);color:var(--legacy-palette-036);border:1px solid var(--legacy-palette-122)}.prio.med{background:var(--legacy-palette-123);color:var(--legacy-palette-124);border:1px solid var(--legacy-palette-125)}.prio.low{background:var(--legacy-palette-126);color:var(--legacy-palette-127);border:1px solid var(--legacy-palette-128)}.queue em{font-style:normal}.redtxt{color:var(--legacy-palette-129)}.ambertxt{color:var(--legacy-palette-130)}.bluetxt{color:var(--legacy-palette-131)}.fleetbody{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 10px}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--legacy-palette-132) 0 83%,var(--legacy-palette-133) 83% 91%,var(--legacy-palette-134) 91% 97%,var(--legacy-palette-135) 97%);display:grid;place-items:center;position:relative}.donut:before{content:'';position:absolute;inset:12px;background:var(--legacy-palette-136);border-radius:50%}.donut>b{z-index:1;font-size:27px;text-align:center}.donut small{display:block;font-size:10px;color:var(--legacy-palette-137)}.fleet ul,.list,.alerts{list-style:none;margin:0;padding:0}.fleet li{display:grid;grid-template-columns:12px 1fr auto;gap:7px;align-items:center;font-size:10px;margin:12px 0}.g,.b,.a,.r{width:9px;height:9px;border-radius:50%;display:inline-block}.g{background:var(--legacy-palette-006)}.b{background:var(--legacy-palette-138)}.a{background:var(--legacy-palette-139)}.r{background:var(--legacy-palette-140)}.list,.alerts{padding:9px 14px}.list li{display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid var(--legacy-palette-141);font-size:10px}.list small{color:var(--legacy-palette-142)}.task label{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--legacy-palette-143);font-size:10px}.task label span small{display:block;color:var(--legacy-palette-144);margin-top:2px}.alerts li{display:grid;grid-template-columns:12px 58px 1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid var(--legacy-palette-141);font-size:10px}.alerts strong{color:var(--legacy-palette-145)}.generic{padding:22px}.generic>span{font-size:9px;letter-spacing:.22em;color:var(--legacy-palette-146)}.generic h1{font-size:32px;margin:7px 0}.generic>p{color:var(--legacy-palette-147)}.genericcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.genericcards article{min-height:110px;border:1px solid var(--legacy-palette-148);background:var(--legacy-palette-065);border-radius:13px;padding:16px}.genericcards b{display:block;color:var(--legacy-palette-109);font-size:11px}.genericcards strong{display:block;font-size:30px;margin:8px 0}.genericcards small{color:var(--legacy-palette-149)}.placeholder{min-height:340px}.placeholder>i{display:block;height:34px;margin:15px 20px;border:1px solid var(--legacy-palette-150);border-radius:8px;background:var(--legacy-palette-151)}.overlay{display:none}

/* CRM NAV + READABILITY v20260910i */
.shell{grid-template-columns:258px 1fr}
.shell>aside>nav{padding:10px 8px;gap:3px}
.nav-item{height:44px;gap:10px;padding:0 11px;border-radius:9px}
.nav-item span,.nav-group-head span{width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:var(--legacy-palette-052);border:1px solid var(--legacy-palette-053);display:grid;place-items:center;color:var(--legacy-palette-051)}
.nav-item span svg,.nav-group-head span svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nav-item b{font-size:15.5px;font-weight:700}
.nav-group{display:flex;flex-direction:column;gap:2px}
.nav-group-head{height:42px;border:1px solid transparent;border-radius:9px;background:none;color:var(--legacy-palette-153);display:flex;align-items:center;gap:10px;padding:0 11px;text-align:left;width:100%}
.nav-group-head:hover,.nav-group.has-active>.nav-group-head{background:var(--legacy-palette-154);border-color:var(--legacy-palette-155)}
.nav-group-head b{font-size:15px;font-weight:700;white-space:nowrap}
.nav-group-head i{margin-left:auto;font-style:normal;font-size:16px;color:var(--legacy-palette-156)}
.nav-sub{display:none;flex-direction:column;gap:1px;margin:0 0 3px 38px;padding:2px 0 3px 9px;border-left:1px solid var(--legacy-palette-157)}
.nav-group.open>.nav-sub{display:flex}
.nav-subitem{min-height:31px;border:1px solid transparent;border-radius:7px;background:none;color:var(--legacy-palette-158);text-align:left;padding:5px 9px;font-size:13px;font-weight:600;line-height:1.15}
.nav-subitem:hover{background:var(--legacy-palette-154);color:var(--legacy-palette-159)}
.nav-subitem.active{background:var(--legacy-palette-160);border-color:var(--legacy-palette-161);color:var(--legacy-palette-024);box-shadow:inset 2px 0 var(--legacy-palette-162)}
.nav-item.active span,.nav-group.has-active>.nav-group-head span{background:var(--legacy-palette-054);border-color:var(--legacy-palette-055);color:var(--legacy-palette-056)}
.shell.collapsed{grid-template-columns:72px 1fr}
.collapsed .brandtxt,.collapsed .nav-item b,.collapsed .nav-group-head b,.collapsed .nav-group-head i,.collapsed .nav-sub,.collapsed .user div,.collapsed .sidebottom>button span{display:none}
.collapsed .nav-item,.collapsed .nav-group-head{justify-content:center;padding:0;width:52px;margin:0 auto}
.metric{min-height:96px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 16px}
.metric>i{display:none}
.metric>div>span{font-size:14px}.metric strong{font-size:31px}.metric strong small{font-size:12px}.metric em{font-size:11.5px}.metric>button{width:30px;height:30px}
.panel header{min-height:62px;padding:11px 14px}.panel h3{font-size:17px;margin:0 0 3px}.panel header p{font-size:11.5px;line-height:1.3}.panel header a{font-size:11.5px;font-weight:650}
.tabs{gap:7px;padding:9px 12px}.tabs>*{padding:7px 10px;font-size:11.5px}.tabs i{font-size:11px}
.panel table{font-size:12.5px}.panel th{font-size:10.5px;padding:10px}.panel td{padding:11px 10px}.p{padding:5px 8px;font-size:11.5px}
.queue>div{grid-template-columns:68px 72px 84px 1fr 30px;gap:9px;padding:11px 12px;font-size:12.5px}.prio{font-size:10.5px;padding:5px 8px}.queue small{font-size:10.5px}
.list li{padding:11px 0;font-size:12.5px}.list small{font-size:10.5px}
.task label{padding:11px 12px;font-size:12.5px}.task label span small{font-size:10.5px;margin-top:3px}
.alerts li{grid-template-columns:12px 64px 1fr auto;padding:11px 0;font-size:12.5px}.alerts strong{font-size:11.5px}
.fleet li{font-size:12.5px}.donut small{font-size:10.5px}

/* USERS & ACCESS v20260910 */
.access-page{padding:20px 4px 30px}.access-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px}.access-title span{font-size:10px;letter-spacing:.22em;color:var(--legacy-palette-163)}.access-title h1{font-size:30px;margin:5px 0 3px}.access-title p{margin:0;color:var(--legacy-palette-164);font-size:13px}.access-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:12px;align-items:start}.access-users,.access-editor{border:1px solid var(--legacy-palette-148);background:var(--legacy-palette-165);border-radius:12px;overflow:hidden}.access-users{position:sticky;top:72px}.access-users-head,.access-editor-head,.field-rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--legacy-palette-166)}.access-users-head b{display:block;font-size:16px}.access-users-head small{display:block;color:var(--legacy-palette-167);margin-top:2px}.access-primary{border:1px solid var(--legacy-palette-168);background:var(--legacy-palette-169);color:var(--legacy-palette-024);border-radius:8px;font-weight:700}.access-users-head button{height:34px;padding:0 12px}.access-search{padding:10px;border-bottom:1px solid var(--legacy-palette-170)}.access-search input,.profile-grid input,.profile-grid select,.perm-module select,.perm-module input,.field-rule input,.field-rule select,.user-modal input,.user-modal select{width:100%;height:36px;background:var(--legacy-palette-171);border:1px solid var(--legacy-palette-172);color:var(--legacy-palette-173);border-radius:8px;padding:0 10px;outline:none}.access-user-rows{max-height:calc(100vh - 250px);overflow:auto}.access-user-row{width:100%;border:0;border-bottom:1px solid var(--legacy-palette-174);background:none;color:var(--legacy-palette-175);display:grid;grid-template-columns:34px 1fr auto 10px;align-items:center;gap:9px;padding:10px 12px;text-align:left}.access-user-row:hover,.access-user-row.active{background:var(--legacy-palette-176)}.access-user-row.active{box-shadow:inset 3px 0 var(--legacy-palette-177)}.access-user-row .avatar{width:32px;height:32px;border-radius:8px;background:var(--legacy-palette-178);display:grid;place-items:center;font-weight:800}.access-user-row span:nth-child(2){min-width:0}.access-user-row b,.access-user-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.access-user-row b{font-size:12.5px}.access-user-row small{font-size:10.5px;color:var(--legacy-palette-179);margin-top:2px}.access-user-row em{font-size:10px;font-style:normal;color:var(--legacy-palette-180);border:1px solid var(--legacy-palette-181);border-radius:6px;padding:4px 6px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.on{background:var(--legacy-palette-182)}.status-dot.off{background:var(--legacy-palette-183)}.access-editor{min-height:500px}.access-editor-head h2{margin:0;font-size:20px}.access-editor-head p{margin:3px 0 0;color:var(--legacy-palette-184);font-size:11px}.access-head-actions{display:flex;gap:8px}.access-head-actions button,.field-rules-head button,.access-savebar button{height:34px;border:1px solid var(--legacy-palette-185);border-radius:8px;background:var(--legacy-palette-186);color:var(--legacy-palette-187);padding:0 11px}.profile-grid{display:grid;grid-template-columns:2fr 2fr 1.2fr 1fr;gap:10px;padding:12px 14px}.profile-grid label,.user-modal label{font-size:10px;color:var(--legacy-palette-188)}.profile-grid input,.profile-grid select,.user-modal input,.user-modal select{margin-top:5px}.access-note{margin:0 14px 12px;padding:9px 11px;border:1px solid var(--legacy-palette-189);background:var(--legacy-palette-190);color:var(--legacy-palette-191);border-radius:8px;font-size:11px}.perm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid var(--legacy-palette-166);border-bottom:1px solid var(--legacy-palette-166)}.perm-toolbar h3,.field-rules-head h3{margin:0;font-size:14px}.legend{font-size:9px;padding:3px 6px;border-radius:5px;margin-left:5px}.legend.inherited{background:var(--legacy-palette-192);color:var(--legacy-palette-193)}.legend.allow{background:var(--legacy-palette-194);color:var(--legacy-palette-195)}.legend.deny{background:var(--legacy-palette-196);color:var(--legacy-palette-197)}.perm-modules{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.perm-module{border:1px solid var(--legacy-palette-198);border-radius:9px;background:var(--legacy-palette-199);overflow:hidden}.perm-module-head{display:grid;grid-template-columns:1fr 155px 155px;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid var(--legacy-palette-120)}.perm-module-head b{display:block;font-size:13px}.perm-module-head small{font-size:9px;color:var(--legacy-palette-200)}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.perm-cell{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 9px;border-bottom:1px solid var(--legacy-palette-201);border-right:1px solid var(--legacy-palette-201)}.perm-cell b{display:block;font-size:11px}.perm-cell small{display:block;color:var(--legacy-palette-202);font-size:9px;margin-top:2px}.perm-cell select{width:94px;flex:0 0 94px;height:30px;font-size:10px}.field-rules{border-top:1px solid var(--legacy-palette-166);margin-top:2px}.field-rules-head h3{margin:0}.field-rules-head p{margin:3px 0 0;color:var(--legacy-palette-203);font-size:10px}.field-rule{display:grid;grid-template-columns:1fr 1.3fr 130px 34px;gap:8px;padding:8px 14px;border-bottom:1px solid var(--legacy-palette-201)}.field-rule>*{height:32px}.fr-remove{border:1px solid var(--legacy-palette-204);border-radius:7px;background:var(--legacy-palette-205);color:var(--legacy-palette-206)}.access-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--legacy-palette-166);background:var(--legacy-palette-207)}.access-savebar span{color:var(--legacy-palette-208);font-size:11px}.empty-state,.access-loading{padding:40px;color:var(--legacy-palette-209)}.user-modal{position:fixed;inset:0;z-index:60;background:var(--legacy-palette-210);display:grid;place-items:center}.user-modal[hidden]{display:none}.user-modal form{width:min(460px,calc(100vw - 30px));border:1px solid var(--legacy-palette-211);background:var(--legacy-palette-212);border-radius:12px;padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.modal-head h3{margin:0;font-size:19px}.modal-head p{margin:4px 0 0;color:var(--legacy-palette-213);font-size:11px}.modal-head button{border:0;background:none;color:var(--legacy-palette-214);font-size:22px}.user-modal label{display:block;margin:11px 0}.modal-check{display:flex;align-items:center;gap:8px}.modal-check input{width:auto;height:auto;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{height:36px;border:1px solid var(--legacy-palette-185);border-radius:8px;background:var(--legacy-palette-186);color:var(--legacy-palette-187);padding:0 12px}

/* USERS + ROLES ACCORDION REDESIGN v20260910b */
.access-page{padding:18px 6px 34px}.access-title{margin-bottom:12px}.access-title h1{font-size:32px;line-height:1.08}.access-title p{font-size:14px;line-height:1.45}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--legacy-palette-215);margin-bottom:14px}.admin-tabs button{height:42px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:none;color:var(--legacy-palette-216);font-size:14px;font-weight:750}.admin-tabs button.active{color:var(--legacy-palette-024);border-bottom-color:var(--legacy-palette-217)}.access-layout,.roles-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px;align-items:start}.access-users,.role-list,.access-editor,.role-editor{border:1px solid var(--legacy-palette-148);background:var(--legacy-palette-165);border-radius:11px;overflow:hidden}.access-users,.role-list{position:sticky;top:72px}.access-users-head{padding:15px}.access-users-head b{font-size:18px}.access-users-head small{font-size:12px}.access-users-head button{height:38px;font-size:14px}.access-search{padding:10px 12px}.access-search input{height:40px;font-size:14px}.access-user-row{grid-template-columns:40px 1fr auto 10px;gap:10px;padding:12px 13px}.access-user-row .avatar{width:38px;height:38px;font-size:15px}.access-user-row b{font-size:14px}.access-user-row small{font-size:11.5px}.access-user-row em{font-size:11px}.access-editor-head{padding:14px 16px;min-height:72px}.user-title{display:flex;align-items:center;gap:12px}.big-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--legacy-palette-218);font-size:19px;font-weight:800}.user-title h2,.role-editor h2{font-size:21px;margin:0}.user-title p,.role-editor .access-editor-head p{font-size:12.5px;margin:3px 0 0;color:var(--legacy-palette-219)}.active-pill{font-size:11px;padding:4px 8px;border-radius:999px;margin-left:4px}.active-pill.on{background:var(--legacy-palette-220);color:var(--legacy-palette-221);border:1px solid var(--legacy-palette-222)}.active-pill.off{background:var(--legacy-palette-223);color:var(--legacy-palette-224);border:1px solid var(--legacy-palette-225)}.access-head-actions button{height:38px;font-size:13px}.profile-grid{grid-template-columns:1.6fr 1.6fr 1.15fr .9fr;gap:11px;padding:14px 16px}.profile-grid label,.role-profile label{font-size:12px;color:var(--legacy-palette-226)}.profile-grid input,.profile-grid select,.role-profile input{height:40px;font-size:14px;margin-top:6px}.manage-role-link,.text-link{display:block;border:0;background:none;color:var(--legacy-palette-227);padding:5px 0 0;font-size:12px;text-align:left}.access-note{margin:0 16px 12px;padding:10px 12px;font-size:12px;line-height:1.4}.perm-section-head{display:flex;align-items:end;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--legacy-palette-228)}.perm-section-head h3{margin:0;font-size:18px}.perm-section-head p{margin:3px 0 0;color:var(--legacy-palette-229);font-size:11.5px}.permission-stack{padding:0 10px 10px;display:flex;flex-direction:column;gap:7px}.perm-accordion{border:1px solid var(--legacy-palette-230);border-radius:9px;background:var(--legacy-palette-231);overflow:hidden}.perm-summary{width:100%;min-height:52px;border:0;background:var(--legacy-palette-232);color:var(--legacy-palette-233);display:flex;align-items:center;justify-content:space-between;padding:9px 12px;text-align:left}.perm-summary:hover{background:var(--legacy-palette-234)}.perm-summary>div:first-child b{display:block;font-size:14px}.perm-summary>div:first-child small{display:block;color:var(--legacy-palette-235);font-size:11px;margin-top:2px}.perm-summary-right{display:flex;align-items:center;gap:6px}.perm-summary-right>i{font-style:normal;font-size:18px;color:var(--legacy-palette-236);margin-left:4px}.sum{font-size:10.5px;padding:4px 7px;border-radius:6px;border:1px solid var(--legacy-palette-237)}.sum.allow{color:var(--legacy-palette-238);background:var(--legacy-palette-239);border-color:var(--legacy-palette-240)}.sum.deny{color:var(--legacy-palette-241);background:var(--legacy-palette-242);border-color:var(--legacy-palette-243)}.sum.scope,.sum.neutral{color:var(--legacy-palette-244);background:var(--legacy-palette-245)}.perm-detail{display:none;border-top:1px solid var(--legacy-palette-246);padding:12px}.perm-accordion.open>.perm-detail{display:block}.scope-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.scope-row label span{display:block;color:var(--legacy-palette-247);font-size:11px;margin-bottom:5px}.scope-row select,.scope-row input{height:38px;font-size:13px}.perm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--legacy-palette-248);border-radius:8px;overflow:hidden}.perm-action{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid var(--legacy-palette-249);border-right:1px solid var(--legacy-palette-249)}.perm-action b{display:block;font-size:12.5px}.perm-action small{display:block;color:var(--legacy-palette-250);font-size:10px;margin-top:2px}.perm-action select{width:104px;height:32px;font-size:11px}.field-rules-head h3{font-size:16px}.field-rules-head p{font-size:11px}.field-rule input,.field-rule select{font-size:12px}.access-savebar{padding:11px 16px}.access-savebar button{height:38px;font-size:13px}.role-rows{max-height:calc(100vh - 255px);overflow:auto}.role-row{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--legacy-palette-174);background:none;color:var(--legacy-palette-175);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;text-align:left}.role-row:hover,.role-row.active{background:var(--legacy-palette-176)}.role-row.active{box-shadow:inset 3px 0 var(--legacy-palette-177)}.role-row b{display:block;font-size:14px}.role-row small{display:block;color:var(--legacy-palette-251);font-size:11px;margin-top:3px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-row em{min-width:32px;text-align:center;font-style:normal;font-size:11px;padding:4px 7px;border-radius:7px;background:var(--legacy-palette-252);color:var(--legacy-palette-253)}.role-profile{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding:14px 16px}.role-count{font-size:11px;color:var(--legacy-palette-254);background:var(--legacy-palette-255);border:1px solid var(--legacy-palette-256);border-radius:7px;padding:5px 8px}.role-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.role-check{min-height:50px;display:flex;align-items:center;gap:9px;padding:9px;border-right:1px solid var(--legacy-palette-249);border-bottom:1px solid var(--legacy-palette-249)}.role-check input{width:17px;height:17px;accent-color:var(--legacy-palette-217)}.role-check b{display:block;font-size:12px}.role-check small{display:block;color:var(--legacy-palette-257);font-size:10px;margin-top:2px}.role-perms .perm-detail{padding:0}.user-modal form{font-size:13px}.user-modal label{font-size:12px}.user-modal input,.user-modal select{height:40px;font-size:14px}.modal-head h3{font-size:20px}.modal-head p{font-size:12px}

/* MODERN ADMIN DROPDOWNS + MANAGE ROLES NAV v20260910c */
.access-page .native-select-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}
.modern-select{position:relative;width:100%;min-width:0}
.modern-select-btn{width:100%;height:40px;border:1px solid var(--legacy-palette-258);border-radius:9px;background:var(--legacy-palette-259);color:var(--legacy-palette-009);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;font-size:13.5px;font-weight:650;text-align:left;box-shadow:none}
.modern-select-btn:hover{background:var(--legacy-palette-260);border-color:var(--legacy-palette-261)}
.modern-select.open>.modern-select-btn{border-color:var(--legacy-palette-177);background:var(--legacy-palette-262);box-shadow:0 0 0 2px rgba(22,156,255,.12)}
.modern-select-btn i{font-style:normal;color:var(--legacy-palette-263);font-size:16px;line-height:1;transition:transform .12s ease}
.modern-select.open>.modern-select-btn i{transform:rotate(180deg)}
.modern-select-menu{display:none;position:absolute;z-index:120;left:0;right:0;top:calc(100% + 5px);max-height:260px;overflow:auto;padding:5px;border:1px solid var(--legacy-palette-264);border-radius:10px;background:var(--legacy-palette-165);box-shadow:0 10px 28px rgba(0,0,0,.36)}
.modern-select.open>.modern-select-menu{display:block}
.modern-select-menu button{width:100%;min-height:35px;border:0;border-radius:7px;background:transparent;color:var(--legacy-palette-265);text-align:left;padding:7px 10px;font-size:13px;font-weight:600}
.modern-select-menu button:hover{background:var(--legacy-palette-266);color:var(--legacy-palette-024)}
.modern-select-menu button.selected{background:var(--legacy-palette-267);color:var(--legacy-palette-268);box-shadow:inset 2px 0 var(--legacy-palette-177)}
.scope-row input,.field-rule input,.field-rule select,.role-profile input,.profile-grid input,.access-search input,.user-modal input{background:var(--legacy-palette-259);color:var(--legacy-palette-009);border:1px solid var(--legacy-palette-258);border-radius:9px;box-shadow:none}
.scope-row input:focus,.field-rule input:focus,.role-profile input:focus,.profile-grid input:focus,.access-search input:focus,.user-modal input:focus{outline:none;border-color:var(--legacy-palette-177);box-shadow:0 0 0 2px rgba(22,156,255,.12)}
.scope-row input::placeholder,.field-rule input::placeholder,.role-profile input::placeholder,.profile-grid input::placeholder,.access-search input::placeholder,.user-modal input::placeholder{color:var(--legacy-palette-269)}
.perm-action .modern-select{width:112px;flex:0 0 112px}.perm-action .modern-select-btn{height:34px;font-size:12px;padding:0 9px}.perm-action .modern-select-menu{min-width:128px;right:0;left:auto}
.scope-row .modern-select-btn,.profile-grid .modern-select-btn,.role-profile .modern-select-btn,.user-modal .modern-select-btn{height:40px}
.nav-subitem[data-page="roles"]{font-weight:700}
/* USERS LIFECYCLE + LAYOUT FIX v20260910d */
.profile-grid label,.role-profile label,.scope-row label{display:flex;flex-direction:column;gap:6px;min-width:0;line-height:1.2}
.profile-grid label>input,.profile-grid label>select,.role-profile label>input,.scope-row label>input,.scope-row label>select{margin-top:0}
.role-profile{align-items:end}.role-profile label{padding-top:2px}.role-profile input{width:100%;min-width:0}
.access-editor-empty{min-height:330px;display:grid;place-items:center}.user-pick-state{display:flex;flex-direction:column;gap:7px;text-align:center;max-width:380px}.user-pick-state b{font-size:18px;color:var(--legacy-palette-270)}.user-pick-state span{font-size:13px;line-height:1.45;color:var(--legacy-palette-235)}
.access-head-actions{flex-wrap:wrap;justify-content:flex-end}.user-action{height:38px;border:1px solid var(--legacy-palette-271);background:var(--legacy-palette-232);color:var(--legacy-palette-272)}.user-action.warn{border-color:var(--legacy-palette-273);color:var(--legacy-palette-274);background:var(--legacy-palette-275)}.user-action.danger{border-color:var(--legacy-palette-276);color:var(--legacy-palette-277);background:var(--legacy-palette-278)}.user-action:hover{filter:brightness(1.12)}
.access-user-row.archived{opacity:.62}.access-user-row.archived em{color:var(--legacy-palette-279);border-color:var(--legacy-palette-280)}

/* GLOBAL SEARCH + RESPONSIVE + ASANA RECRUITING v20260913 */
html,body{max-width:100%;overflow-x:hidden}.shell,.shell>main,.content{min-width:0;max-width:100%}.content{overflow-x:clip}.panel{min-width:0}.table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.table-scroll table{min-width:540px}
*{scrollbar-width:thin;scrollbar-color:var(--legacy-palette-281) var(--legacy-palette-282)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--legacy-palette-282);border-radius:8px}*::-webkit-scrollbar-thumb{background:var(--legacy-palette-281);border-radius:8px;border:2px solid var(--legacy-palette-282)}*::-webkit-scrollbar-thumb:hover{background:var(--legacy-palette-283)}
.global-search-wrap{position:relative;min-width:0}.search-results{position:absolute;top:44px;right:0;width:min(520px,75vw);max-height:520px;overflow:auto;border:1px solid var(--legacy-palette-258);background:var(--legacy-palette-207);border-radius:10px;padding:6px;z-index:90;box-shadow:0 14px 30px rgba(0,0,0,.35)}.search-results button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;border:0;border-bottom:1px solid var(--legacy-palette-284);background:none;color:var(--legacy-palette-285);padding:9px 10px;text-align:left;border-radius:6px}.search-results button:hover{background:var(--legacy-palette-286)}.search-results b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results span{font-size:10px;color:var(--legacy-palette-287)}.search-results small{grid-column:1/-1;font-size:10px;color:var(--legacy-palette-288);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-empty{padding:16px;color:var(--legacy-palette-289);font-size:12px}.topbar-pop-wrap{position:relative}.topbar-pop-wrap>#topPopover{position:absolute;right:0;top:29px;z-index:95}.top-pop{width:300px;border:1px solid var(--legacy-palette-258);background:var(--legacy-palette-207);border-radius:10px;padding:7px;box-shadow:0 14px 30px rgba(0,0,0,.35)}.top-pop>b{display:block;padding:7px 9px 9px;font-size:13px}.top-pop>button{width:100%;border:0;background:none;color:var(--legacy-palette-265);text-align:left;padding:9px;border-radius:7px;font-size:12px}.top-pop>button:hover,.top-pop>button.active{background:var(--legacy-palette-290);color:var(--legacy-palette-024)}.top-pop>small{display:block;padding:9px;color:var(--legacy-palette-291)}.notif-menu{width:390px;max-height:520px;overflow:auto}.notif-menu button span,.notif-menu button small{display:block}.notif-menu button small{color:var(--legacy-palette-292);margin-top:3px}
.nav-third{display:none;margin:1px 0 4px 16px;padding-left:10px;border-left:1px solid var(--legacy-palette-172)}.nav-third.show{display:block}.nav-third-item{display:block;width:100%;height:30px;border:0;background:none;color:var(--legacy-palette-293);text-align:left;padding:0 10px;font-size:11px;border-radius:6px}.nav-third-item:hover{color:var(--legacy-palette-294);background:var(--legacy-palette-232)}.nav-third-item.active{color:var(--legacy-palette-024);background:var(--legacy-palette-295);box-shadow:inset 2px 0 var(--legacy-palette-296)}.recruiting-nav>.nav-subitem{width:100%}
.recruiting-page{padding:18px 4px 28px;min-width:0}.recruiting-head{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:0 2px 12px}.recruiting-head>div>span{font-size:9px;letter-spacing:.18em;color:var(--legacy-palette-163)}.recruiting-head h1{font-size:28px;margin:5px 0 3px}.recruiting-head p{font-size:11px;color:var(--legacy-palette-213);margin:0}.recruiting-head>button{height:38px;padding:0 14px}.board-toolbar{height:42px;border-top:1px solid var(--legacy-palette-297);border-bottom:1px solid var(--legacy-palette-297);display:flex;align-items:center;justify-content:space-between}.board-toolbar>div:first-child{display:flex;gap:4px}.board-toolbar button{height:31px;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--legacy-palette-298)}.board-toolbar button.active{background:var(--legacy-palette-299);color:var(--legacy-palette-024)}.board-status{font-size:10px;color:var(--legacy-palette-300)}.kanban-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:12px 0 8px;overscroll-behavior-inline:contain}.kanban-board{display:flex;gap:10px;align-items:flex-start;width:max-content;min-width:100%}.kanban-col{width:286px;flex:0 0 286px;border:1px solid var(--legacy-palette-301);background:var(--legacy-palette-302);border-radius:9px;min-height:360px;overflow:hidden}.kanban-col>header{height:46px;padding:0 11px;border-bottom:1px solid var(--legacy-palette-303);display:flex;align-items:center;justify-content:space-between}.kanban-col>header b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-col>header span{font-size:10px;color:var(--legacy-palette-216);background:var(--legacy-palette-304);border-radius:10px;padding:2px 6px}.kanban-cards{padding:8px;display:flex;flex-direction:column;gap:7px;min-height:300px}.kanban-col.dragover{border-color:var(--legacy-palette-305);background:var(--legacy-palette-306)}.kanban-card{width:100%;border:1px solid var(--legacy-palette-307);background:var(--legacy-palette-308);color:var(--legacy-palette-309);border-radius:8px;padding:10px;text-align:left;cursor:pointer}.kanban-card:hover{border-color:var(--legacy-palette-310);background:var(--legacy-palette-311)}.kanban-card.completed{opacity:.55}.task-card-name{font-size:12px;line-height:1.35;min-height:32px}.task-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:9.5px;color:var(--legacy-palette-312)}.task-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-meta time{white-space:nowrap;color:var(--legacy-palette-313)}.board-loading{padding:50px;color:var(--legacy-palette-209);text-align:center}
.task-modal{position:fixed;inset:0;z-index:80;background:var(--legacy-palette-210);display:grid;place-items:center}.task-modal[hidden]{display:none}.task-modal-card{width:min(650px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:1px solid var(--legacy-palette-314);background:var(--legacy-palette-165);border-radius:12px;padding:16px}.task-modal-card label,.createTaskModal label{display:block;color:var(--legacy-palette-315);font-size:11px;margin:11px 0}.task-modal-card input,.task-modal-card select,.task-modal-card textarea,.user-modal textarea{width:100%;border:1px solid var(--legacy-palette-258);background:var(--legacy-palette-259);color:var(--legacy-palette-316);border-radius:8px;padding:9px;font-size:13px}.task-modal-card textarea,.user-modal textarea{min-height:130px;resize:vertical}.task-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{display:flex;align-items:center;gap:8px;margin-top:31px}.checkline input{width:auto}.task-links{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--legacy-palette-317);margin:12px 0}.task-links a{color:var(--legacy-palette-227)}.user-modal textarea{width:100%;min-height:100px;margin-top:5px}
.density-compact .metric{min-height:82px;padding:10px}.density-compact .panel header{min-height:50px}.density-compact .nav-item{height:46px}.density-compact .kanban-card{padding:8px}.density-compact .kanban-col{width:265px;flex-basis:265px}





/* 2026-09-13 Recruiting board usability */
.kanban-col>header{height:auto;min-height:48px;gap:8px}.stage-title{min-width:0;display:flex;align-items:center;gap:7px;flex:1}.stage-title b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-title span{font-size:10px;color:var(--legacy-palette-216);background:var(--legacy-palette-304);border-radius:10px;padding:2px 6px;flex:0 0 auto}.hide-stage{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--legacy-palette-318);border-radius:7px;background:var(--legacy-palette-319);color:var(--legacy-palette-320);font-size:17px;line-height:1}.hide-stage:hover{border-color:var(--legacy-palette-321);color:var(--legacy-palette-322);background:var(--legacy-palette-323)}.hidden-stages{display:flex;align-items:center;gap:10px;min-height:45px;padding:7px 10px;border-bottom:1px solid var(--legacy-palette-297);background:var(--legacy-palette-199)}.hidden-stages>b{font-size:10px;color:var(--legacy-palette-288);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.hidden-stages>div{display:flex;gap:6px;overflow-x:auto}.restore-stage{height:29px;border:1px solid var(--legacy-palette-324);border-radius:7px;background:var(--legacy-palette-325);color:var(--legacy-palette-326);padding:0 9px;font-size:10.5px;white-space:nowrap}.restore-stage span{color:var(--legacy-palette-327);margin-left:5px}.kanban-card{padding:10px 11px}.task-card-top{display:flex;align-items:flex-start;gap:8px}.task-card-name{flex:1;min-width:0;font-size:12.5px;font-weight:700;line-height:1.35;min-height:0}.card-state{flex:0 0 auto;font-size:9px;padding:3px 6px;border-radius:999px;border:1px solid}.card-state.done{color:var(--legacy-palette-328);background:var(--legacy-palette-329);border-color:var(--legacy-palette-330)}.card-state.late{color:var(--legacy-palette-331);background:var(--legacy-palette-332);border-color:var(--legacy-palette-333)}.task-card-notes{margin-top:7px;color:var(--legacy-palette-334);font-size:10.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-meta{padding-top:8px;border-top:1px solid var(--legacy-palette-335)}.task-owner:before{content:'●';font-size:7px;color:var(--legacy-palette-336);margin-right:5px}.kanban-card.overdue{border-color:var(--legacy-palette-337)}.kanban-card.overdue:hover{border-color:var(--legacy-palette-338)}.density-compact .task-card-notes{display:none}.density-compact .kanban-card{padding:8px 9px}

/* AZ GLOBAL INTERACTION PARITY - FRONTLINE RECRUITING v20260913b */
.az-recruiting{padding:18px 4px 28px}.recruit-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.viewtoggle{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--legacy-palette-339);border-radius:10px;background:var(--legacy-palette-340)}.viewtoggle button{height:34px;border:0;border-radius:7px;background:transparent;color:var(--legacy-palette-341);padding:0 11px;font-size:11px;font-weight:750}.viewtoggle button.active{background:var(--legacy-palette-342);color:var(--legacy-palette-024)}.az-viewbar{border:1px solid var(--legacy-palette-343);background:var(--legacy-palette-344);border-radius:11px;padding:9px 10px;margin-bottom:9px}.az-filterline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.az-filterline select,.az-search{height:38px;border:1px solid var(--legacy-palette-258);background:var(--legacy-palette-259);border-radius:9px;color:var(--legacy-palette-345);font-size:12px}.az-filterline select{padding:0 30px 0 9px;min-width:135px}.az-search{display:flex;align-items:center;gap:7px;padding:0 10px;min-width:250px;flex:1;max-width:420px}.az-search span{color:var(--legacy-palette-269);font-size:16px}.az-search input{border:0;outline:0;background:transparent;color:var(--legacy-palette-024);min-width:0;flex:1;font-size:12px}.az-toolbtn{height:34px;border:1px solid var(--legacy-palette-258);border-radius:8px;background:var(--legacy-palette-232);color:var(--legacy-palette-346);padding:0 10px;font-size:11px;font-weight:700}.az-toolbtn:hover{border-color:var(--legacy-palette-347);color:var(--legacy-palette-024)}.az-toolbtn.clear{color:var(--legacy-palette-348);border-color:var(--legacy-palette-349);background:var(--legacy-palette-350)}.board-summary{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px;color:var(--legacy-palette-351);font-size:10.5px}.board-summary b{color:var(--legacy-palette-352)}.redtxt{color:var(--legacy-palette-353)}.az-board-scroll{padding-top:4px}.az-modernboard{gap:12px}.az-boardcol{width:310px;flex-basis:310px;min-height:500px;border:1px solid var(--legacy-palette-354);border-radius:12px;background:var(--legacy-palette-355)}.az-boardcol>header{min-height:54px;border-top:3px solid var(--stage);background:var(--legacy-palette-356);padding:0 10px}.az-stage-copy{display:flex;align-items:center;gap:9px;min-width:0}.az-stage-copy>div{min-width:0}.az-stage-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.az-stage-copy small{display:block;color:var(--legacy-palette-357);font-size:9px;margin-top:2px}.stage-color-dot{width:12px;height:12px;border:0;border-radius:50%;background:var(--stage);box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 18%,transparent);padding:0;flex:none}.stagehead-actions{display:flex;align-items:center;gap:5px}.stagehead-actions>span{display:grid;place-items:center;min-width:25px;height:24px;padding:0 6px;border-radius:999px;background:var(--legacy-palette-358);color:var(--legacy-palette-359);font-size:10px}.stagehead-actions button{width:24px;height:24px;border:1px solid var(--legacy-palette-360);border-radius:7px;background:var(--legacy-palette-361);color:var(--legacy-palette-362)}.stagehead-actions button:hover{color:var(--legacy-palette-024);border-color:var(--legacy-palette-363)}.az-boardcol.stage-dragging{opacity:.48}.az-boardcol.stage-drop-target{box-shadow:inset 4px 0 0 var(--stage);border-color:var(--stage)}.az-boardcol .kanban-cards{min-height:430px;padding:9px}.az-card{display:block;margin:0 0 8px;width:100%;padding:11px;border-radius:10px;background:var(--legacy-palette-364);border:1px solid var(--legacy-palette-365);text-align:left;color:var(--legacy-palette-366);cursor:pointer;box-shadow:none}.az-card:hover{background:var(--legacy-palette-367);border-color:var(--legacy-palette-368);transform:translateY(-1px)}.az-card.dragging{opacity:.45}.az-card.overdue{border-color:var(--legacy-palette-369)}.az-card.completed{opacity:.62}.az-card-head{display:flex;align-items:flex-start;gap:7px}.draghandle{width:20px;flex:none;color:var(--legacy-palette-370);font-size:16px;cursor:grab;line-height:1.2}.az-task-copy{min-width:0;flex:1}.az-task-copy b{display:block;font-size:12.5px;line-height:1.35}.az-task-copy p{margin:5px 0 0;color:var(--legacy-palette-371);font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.az-task-copy p.muted{opacity:.6}.az-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--legacy-palette-372)}.personchip{display:flex;align-items:center;gap:6px;min-width:0;color:var(--legacy-palette-373);font-size:10px}.personchip i{width:24px;height:24px;border-radius:7px;background:var(--legacy-palette-374);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;flex:none}.personchip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duechip{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid var(--legacy-palette-375);border-radius:7px;background:var(--legacy-palette-376);color:var(--legacy-palette-377);font-size:9px;font-weight:700;white-space:nowrap}.duechip.late{color:var(--legacy-palette-378);border-color:var(--legacy-palette-379);background:var(--legacy-palette-380)}.dropempty{min-height:85px;border:1px dashed var(--legacy-palette-381);border-radius:9px;display:grid;place-items:center;color:var(--legacy-palette-382);font-size:10px}.collapsed-stage-dock{width:500px;min-width:500px;align-self:flex-start}.collapsed-stage-dock-head{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:3px 4px 8px}.collapsed-stage-dock-head span{display:block;color:var(--legacy-palette-383);font-size:12px;font-weight:750}.collapsed-stage-dock-head small{display:block;color:var(--legacy-palette-384);font-size:9.5px;margin-top:3px}.collapsed-stage-dock-head>b{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--legacy-palette-385);color:var(--legacy-palette-386);font-size:10px}.collapsed-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collapsed-stage-card{position:relative;min-height:120px;border:1px solid var(--legacy-palette-387);border-top:3px solid var(--stage);border-radius:12px;background:var(--legacy-palette-388);color:var(--legacy-palette-389);padding:13px;text-align:left;overflow:hidden}.collapsed-stage-card:hover{border-color:var(--stage);transform:translateY(-1px)}.collapsed-stage-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.collapsed-stage-card-head>span{display:flex;align-items:center;gap:8px;min-width:0}.collapsed-stage-card-head i{width:9px;height:9px;border-radius:50%;background:var(--stage);flex:none}.collapsed-stage-card-head b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed-stage-card-head em{font-style:normal;color:var(--legacy-palette-390)}.collapsed-stage-card-count{display:flex;align-items:baseline;gap:8px;margin-top:18px}.collapsed-stage-card-count strong{font-size:31px;line-height:1}.collapsed-stage-card-count span{font-size:10px;color:var(--legacy-palette-391)}.az-listpanel{border:1px solid var(--legacy-palette-392);border-radius:11px;background:var(--legacy-palette-355);overflow:hidden}.az-tablewrap{overflow:auto;max-width:100%}.az-crm-table{border-collapse:collapse;table-layout:fixed}.az-crm-table thead th{position:sticky;top:0;z-index:2;height:43px;background:var(--legacy-palette-393);border-bottom:1px solid var(--legacy-palette-394);color:var(--legacy-palette-395);text-align:left;padding:0 11px;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.az-crm-table tbody tr{cursor:pointer}.az-crm-table tbody tr:hover{background:var(--legacy-palette-396)}.az-crm-table td{height:61px;padding:9px 11px;border-bottom:1px solid var(--legacy-palette-397);color:var(--legacy-palette-398);font-size:11.5px;overflow:hidden}.az-crm-table td b{color:var(--legacy-palette-366)}.az-crm-table td small{display:block;color:var(--legacy-palette-399);font-size:9px;margin-top:3px}.sorthead{border:0;background:none;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit;font-weight:800;padding:0}.sorthead i{font-style:normal;color:var(--legacy-palette-400)}.colresizer{position:absolute;right:-3px;top:8px;width:7px;height:27px;cursor:col-resize}.colresizer:after{content:'';display:block;width:1px;height:100%;margin:auto;background:var(--legacy-palette-401)}.list-task,.cellclip{min-width:0;overflow:hidden}.list-task b,.list-task small,.cellclip{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stagepill-flat,.statuspill-flat{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border:1px solid var(--legacy-palette-402);border-radius:999px;background:var(--legacy-palette-403);color:var(--legacy-palette-404);font-size:9px;font-weight:750}.statuspill-flat.completed{color:var(--legacy-palette-405);border-color:var(--legacy-palette-406);background:var(--legacy-palette-407)}.statuspill-flat.overdue{color:var(--legacy-palette-408);border-color:var(--legacy-palette-409);background:var(--legacy-palette-380)}.statuspill-flat.open{color:var(--legacy-palette-410)}.list-empty{padding:28px;text-align:center;color:var(--legacy-palette-411);font-size:11px}.columns-modal{width:min(520px,calc(100vw - 32px))}.column-editor{display:grid;gap:6px}.column-editor label{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:9px;margin:0;padding:9px 10px;border:1px solid var(--legacy-palette-412);border-radius:8px;background:var(--legacy-palette-413)}.column-editor input{width:16px;height:16px;accent-color:var(--legacy-palette-217)}.column-editor b{display:block;color:var(--legacy-palette-414);font-size:12px}.column-editor small{display:block;color:var(--legacy-palette-415);font-size:9px;margin-top:2px}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:8px 0 16px}.color-palette button{height:44px;border-radius:9px;border:2px solid transparent;background:var(--pick)}.color-palette button.active{border-color:var(--legacy-palette-024)}.custom-color{display:flex;align-items:center;justify-content:space-between;gap:12px}.custom-color input{width:80px;height:38px;padding:3px}.density-compact .az-card{padding:8px}.density-compact .az-task-copy p{display:none}.density-compact .az-crm-table td{height:51px;padding-top:6px;padding-bottom:6px}


.savedviews-modal{width:min(600px,calc(100vw - 32px))}.saved-view-list{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow:auto}.saved-view-row{display:grid;grid-template-columns:1fr 38px;gap:6px}.saved-view-row>button:first-child{min-height:52px;border:1px solid var(--legacy-palette-416);border-radius:9px;background:var(--legacy-palette-417);color:var(--legacy-palette-175);text-align:left;padding:8px 11px}.saved-view-row>button:first-child:hover{background:var(--legacy-palette-418);border-color:var(--legacy-palette-419)}.saved-view-row b,.saved-view-row small{display:block}.saved-view-row b{font-size:12px}.saved-view-row small{color:var(--legacy-palette-200);font-size:9.5px;margin-top:4px}.saved-view-delete{border:1px solid var(--legacy-palette-420);border-radius:9px;background:var(--legacy-palette-421);color:var(--legacy-palette-422);font-size:18px}.saved-view-empty{padding:24px;text-align:center;color:var(--legacy-palette-423);border:1px dashed var(--legacy-palette-424);border-radius:9px}.save-view-new{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--legacy-palette-425)}.save-view-new input{height:38px;border:1px solid var(--legacy-palette-258);border-radius:9px;background:var(--legacy-palette-259);color:var(--legacy-palette-024);padding:0 10px;outline:0}.save-view-new input:focus{border-color:var(--legacy-palette-177)}.save-view-new button{padding:0 14px}

/* Modern Asana-style recruiting card */
.task-modal:has(.task-drawer){display:flex;justify-content:flex-end;align-items:stretch;padding:0;background:rgba(2,10,17,.72)}
.task-drawer{width:min(1040px,calc(100vw - 56px));height:100vh;overflow:auto;background:var(--legacy-palette-426);border-left:1px solid var(--legacy-palette-335);color:var(--legacy-palette-427);display:flex;flex-direction:column}
.drawer-head{height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--legacy-palette-335);background:var(--legacy-palette-428)}
.drawer-breadcrumb,.drawer-actions{display:flex;align-items:center;gap:10px}.drawer-breadcrumb{font-size:12px;color:var(--legacy-palette-429)}.drawer-breadcrumb i{font-style:normal;color:var(--legacy-palette-430)}.drawer-actions a{font-size:12px;color:var(--legacy-palette-431);text-decoration:none}.drawer-actions button{width:34px;height:34px;border:0;border-radius:8px;background:var(--legacy-palette-432);color:var(--legacy-palette-433);font-size:22px;cursor:pointer}
.drawer-title{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:26px 30px 20px;border-bottom:1px solid var(--legacy-palette-335)}.drawer-title .eyebrow{display:block;margin-bottom:7px;color:var(--legacy-palette-434);font-size:10px;font-weight:700;letter-spacing:.12em}.title-input{width:100%;border:0;background:transparent;padding:0;color:var(--legacy-palette-435);font-size:24px;font-weight:700;line-height:1.25;outline:none}.complete-toggle{margin:2px 0 0}.complete-toggle input{position:absolute;opacity:0;pointer-events:none}.complete-toggle span{display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--legacy-palette-436);border-radius:50%;color:transparent;cursor:pointer}.complete-toggle input:checked+span{border-color:var(--legacy-palette-437);background:var(--legacy-palette-437);color:white}
.drawer-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);flex:1;min-height:0}.drawer-main{padding:4px 30px 28px;border-right:1px solid var(--legacy-palette-335)}.drawer-side{padding:4px 24px 28px;background:var(--legacy-palette-438)}.card-section{padding:22px 0;border-bottom:1px solid var(--legacy-palette-439)}.card-section:last-child{border-bottom:0}.card-section h4{margin:0 0 15px;color:var(--legacy-palette-440);font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h4{margin:0}.section-title>span{min-width:24px;padding:3px 7px;border-radius:12px;background:var(--legacy-palette-441);color:var(--legacy-palette-442);font-size:10px;text-align:center}
.asana-fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--legacy-palette-443);border:1px solid var(--legacy-palette-443);border-radius:10px;overflow:hidden}.asana-field{min-height:68px;margin:0;padding:12px 14px;background:var(--legacy-palette-444);display:flex;flex-direction:column;justify-content:center}.asana-field>span{margin-bottom:7px;color:var(--legacy-palette-445);font-size:10px}.asana-field>b{color:var(--legacy-palette-446);font-size:12px;font-weight:600}.asana-field input,.asana-field select{border:0;background:transparent;padding:0;border-radius:0;color:var(--legacy-palette-446);font-size:12px;outline:none}.person-value{display:flex;align-items:center;gap:8px}.person-value i,.activity-row>i{display:grid;place-items:center;border-radius:50%;background:var(--legacy-palette-447);color:var(--legacy-palette-448);font-style:normal;font-weight:700}.person-value i{width:24px;height:24px;font-size:9px}
.description-section textarea{width:100%;min-height:150px;padding:15px;border:1px solid var(--legacy-palette-449);border-radius:10px;background:var(--legacy-palette-450);color:var(--legacy-palette-440);font:13px/1.6 inherit;resize:vertical;outline:none}.description-section textarea:focus{border-color:var(--legacy-palette-451)}
.subtask-list,.file-list,.activity-list{display:flex;flex-direction:column;gap:8px}.subtask-row,.file-row{display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 11px;border:1px solid var(--legacy-palette-452);border-radius:9px;background:var(--legacy-palette-453)}.subtask-row>i{width:20px;height:20px;flex:0 0 auto;border:1px solid var(--legacy-palette-454);border-radius:50%;font-style:normal;font-size:10px;text-align:center;line-height:18px}.subtask-row>i.done{border-color:var(--legacy-palette-437);background:var(--legacy-palette-437);color:white}.subtask-row div,.file-row div{min-width:0}.subtask-row b,.file-row b{display:block;overflow:hidden;color:var(--legacy-palette-440);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.subtask-row small,.file-row small{display:block;margin-top:4px;color:var(--legacy-palette-455);font-size:10px}.file-row{text-decoration:none}.file-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--legacy-palette-456);color:var(--legacy-palette-457)}.file-row:hover{border-color:var(--legacy-palette-458);background:var(--legacy-palette-459)}
.activity-row{display:flex;gap:10px;padding:10px 0}.activity-row>i{width:28px;height:28px;flex:0 0 auto;font-size:9px}.activity-row p{margin:0;color:var(--legacy-palette-460);font-size:11px;line-height:1.45}.activity-row p b{color:var(--legacy-palette-461)}.activity-row small{display:block;margin-top:5px;color:var(--legacy-palette-462);font-size:9px}.card-empty{margin:0;padding:17px;border:1px dashed var(--legacy-palette-463);border-radius:9px;color:var(--legacy-palette-464);font-size:11px;text-align:center}
.drawer-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid var(--legacy-palette-335);background:var(--legacy-palette-465)}.drawer-footer>div{display:flex;align-items:center;gap:9px;color:var(--legacy-palette-466);font-size:10px}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--legacy-palette-437)}.drawer-footer button{min-width:84px;padding:9px 13px;border:1px solid var(--legacy-palette-467);border-radius:8px;background:var(--legacy-palette-468);color:var(--legacy-palette-469);cursor:pointer}.drawer-footer .access-primary{border-color:var(--legacy-palette-470);background:var(--legacy-palette-470);color:white}.drawer-footer .err{position:absolute;left:24px;bottom:2px;margin:0;color:var(--legacy-palette-471);font-size:10px}
.card-loading{margin:auto;display:flex;align-items:center;gap:12px;color:var(--legacy-palette-472);font-size:12px}.card-loading span{width:18px;height:18px;border:2px solid var(--legacy-palette-473);border-top-color:var(--legacy-palette-474);border-radius:50%;animation:cardspin .8s linear infinite}@keyframes cardspin{to{transform:rotate(360deg)}}


/* FLEET / SERVICE MIGRATION v20260914 */
.fleet-page{padding:16px 4px 32px;min-width:0}.fleet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:2px 2px 14px}.fleet-head>div>span{font-size:9px;letter-spacing:.18em;color:var(--legacy-palette-163)}.fleet-head h1{font-size:30px;margin:5px 0 3px}.fleet-head p{margin:0;color:var(--legacy-palette-475);font-size:12px}.fleet-source{text-align:right;color:var(--legacy-palette-476);font-size:10px}.fleet-source b{display:block;color:var(--legacy-palette-477);font-size:12px;margin:2px 0}.fleet-source small{color:var(--legacy-palette-478)}.fleet-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.fleet-kpis article{min-height:88px;border:1px solid var(--legacy-palette-479);background:var(--legacy-palette-480);border-radius:10px;padding:13px 14px}.fleet-kpis span,.fleet-kpis small{display:block;color:var(--legacy-palette-481);font-size:10px}.fleet-kpis strong{display:block;font-size:28px;margin:5px 0;color:var(--legacy-palette-366)}.fleet-kpis article.warn{border-color:var(--legacy-palette-482)}.fleet-kpis article.warn strong{color:var(--legacy-palette-483)}.fleet-kpis article.bad{border-color:var(--legacy-palette-484)}.fleet-kpis article.bad strong{color:var(--legacy-palette-485)}.fleet-workspace,.service-card,.tire-card,.tire-unit-picker{border:1px solid var(--legacy-palette-486);background:var(--legacy-palette-302);border-radius:11px;overflow:hidden}.fleet-toolbar{min-height:49px;display:flex;align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid var(--legacy-palette-487)}.fleet-toolbar>span{margin-left:auto;color:var(--legacy-palette-488);font-size:10px}.fleet-search{height:35px;min-width:260px;max-width:420px;flex:1;display:flex;align-items:center;gap:7px;border:1px solid var(--legacy-palette-258);background:var(--legacy-palette-207);border-radius:8px;padding:0 10px;color:var(--legacy-palette-269)}.fleet-search input{width:100%;border:0;background:none;outline:0;color:var(--legacy-palette-024);font-size:12px}.fleet-filter{display:flex;gap:3px}.fleet-filter button{height:32px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--legacy-palette-489);padding:0 10px;font-size:10.5px}.fleet-filter button.active{border-color:var(--legacy-palette-490);background:var(--legacy-palette-266);color:var(--legacy-palette-024)}.fleet-table-wrap{max-width:100%;overflow:auto;max-height:calc(100vh - 280px)}.fleet-table{width:100%;border-collapse:collapse;min-width:900px}.fleet-table th{position:sticky;top:0;z-index:2;height:39px;background:var(--legacy-palette-393);color:var(--legacy-palette-395);text-align:left;padding:0 10px;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.fleet-table td{padding:9px 10px;border-top:1px solid var(--legacy-palette-491);color:var(--legacy-palette-492);font-size:11.5px;vertical-align:middle}.fleet-table tbody tr{cursor:pointer}.fleet-table tbody tr:hover{background:var(--legacy-palette-493)}.fleet-table td b{color:var(--legacy-palette-494);font-size:12.5px}.fleet-table td small{display:block;color:var(--legacy-palette-495);font-size:9.5px;margin-top:3px}.notes-cell{max-width:420px;white-space:normal;line-height:1.35}.fleet-age{display:inline-flex;min-width:36px;justify-content:center;padding:4px 6px;border-radius:6px;background:var(--legacy-palette-496);color:var(--legacy-palette-497);font-size:10px}.fleet-age.late{background:var(--legacy-palette-498);color:var(--legacy-palette-499)}.fleet-status{display:inline-flex;max-width:210px;padding:4px 7px;border:1px solid var(--legacy-palette-500);border-radius:999px;background:var(--legacy-palette-501);color:var(--legacy-palette-502);font-size:9.5px;line-height:1.15}.fleet-status.good,.service-grid b.good{color:var(--legacy-palette-503);border-color:var(--legacy-palette-504);background:var(--legacy-palette-505)}.fleet-status.warn,.service-grid b.warn{color:var(--legacy-palette-506);border-color:var(--legacy-palette-507);background:var(--legacy-palette-508)}.fleet-status.bad,.service-grid b.bad{color:var(--legacy-palette-509);border-color:var(--legacy-palette-510);background:var(--legacy-palette-511)}.fleet-loading{margin:28px;padding:26px;border:1px dashed var(--legacy-palette-512);border-radius:10px;color:var(--legacy-palette-475);text-align:center}.fleet-loading.bad{color:var(--legacy-palette-509)}.fleet-drawer-bg{position:fixed;inset:0;z-index:75;background:var(--legacy-palette-513);display:flex;justify-content:flex-end}.fleet-drawer{width:min(1120px,calc(100vw - 55px));height:100vh;background:var(--legacy-palette-340);border-left:1px solid var(--legacy-palette-514);overflow:auto}.fleet-drawer>header{position:sticky;top:0;z-index:4;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--legacy-palette-515);background:var(--legacy-palette-516)}.fleet-drawer>header span{font-size:9px;letter-spacing:.13em;color:var(--legacy-palette-517)}.fleet-drawer>header h2{font-size:24px;margin:3px 0}.fleet-drawer>header p{margin:0;color:var(--legacy-palette-518);font-size:11px}.fleet-drawer>header button{width:36px;height:36px;border:1px solid var(--legacy-palette-519);border-radius:8px;background:var(--legacy-palette-520);color:var(--legacy-palette-521);font-size:21px}.fleet-drawer-body{padding:14px 18px 30px}.unit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.unit-summary article{border:1px solid var(--legacy-palette-354);background:var(--legacy-palette-413);border-radius:9px;padding:11px}.unit-summary span,.unit-summary small{display:block;color:var(--legacy-palette-522);font-size:9.5px}.unit-summary b{display:block;color:var(--legacy-palette-523);font-size:12px;margin:5px 0}.service-card,.tire-card{margin-top:10px}.service-card>header,.tire-card>header{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--legacy-palette-524)}.service-card h3,.tire-card h3{margin:0;font-size:14px}.service-card header span,.tire-card header p{color:var(--legacy-palette-525);font-size:9.5px;margin:3px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--legacy-palette-526)}.service-grid>div{background:var(--legacy-palette-527);padding:12px}.service-grid span{display:block;color:var(--legacy-palette-528);font-size:9px}.service-grid b{display:inline-block;margin-top:6px;font-size:11.5px}.service-history article{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:12px;align-items:start;padding:11px 12px;border-top:1px solid var(--legacy-palette-491)}.service-history article:first-child{border-top:0}.service-history time{color:var(--legacy-palette-529);font-size:10px}.service-history b{display:block;color:var(--legacy-palette-530);font-size:11.5px}.service-history p{margin:4px 0;color:var(--legacy-palette-531);font-size:10.5px;line-height:1.4}.service-history small{color:var(--legacy-palette-532);font-size:9px}.fleet-empty{padding:24px;color:var(--legacy-palette-533);text-align:center}.tire-card>header{align-items:flex-start}.diagram-key{display:flex;align-items:center;gap:6px;color:var(--legacy-palette-534);font-size:9px}.diagram-key i{width:8px;height:8px;border-radius:50%;background:var(--legacy-palette-535)}.tractor-diagram{position:relative;min-height:430px;max-width:760px;margin:18px auto 10px}.truck-shape{position:absolute;left:50%;top:18px;bottom:25px;width:220px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.cab{width:150px;height:132px;border:2px solid var(--legacy-palette-536);border-radius:54px 54px 18px 18px;background:var(--legacy-palette-537);display:grid;place-items:center;text-align:center;color:var(--legacy-palette-538);font-size:15px;font-weight:800}.cab small{display:block;color:var(--legacy-palette-518);margin-top:5px}.frame{width:112px;flex:1;border:2px solid var(--legacy-palette-539);border-top:0;background:var(--legacy-palette-540)}.wheel-row{position:absolute;left:50%;width:520px;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center}.wheel-row>div{display:flex;gap:5px}.wheel-row.steer{top:90px}.wheel-row.front{top:232px}.wheel-row.rear{top:335px}.wheel{width:112px;min-height:64px;border:1px solid var(--legacy-palette-541);border-radius:8px;background:var(--legacy-palette-542);color:var(--legacy-palette-543);padding:6px 7px;text-align:left}.wheel b,.wheel span,.wheel small{display:block}.wheel b{font-size:11px;color:var(--legacy-palette-544)}.wheel span{font-size:9px;color:var(--legacy-palette-545);margin:3px 0}.wheel small{font-size:8.5px;color:var(--legacy-palette-546)}.wheel.serviced{border-color:var(--legacy-palette-547);background:var(--legacy-palette-548)}.wheel.serviced b{color:var(--legacy-palette-549)}.tire-guide{display:flex;gap:14px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--legacy-palette-550);color:var(--legacy-palette-551);font-size:9.5px}.tire-guide b{color:var(--legacy-palette-552)}.tire-unit-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;margin-bottom:10px}.tire-unit-picker label{display:flex;align-items:center;gap:8px;color:var(--legacy-palette-553);font-size:10px}.tire-unit-picker select{height:36px;min-width:250px;border:1px solid var(--legacy-palette-554);border-radius:8px;background:var(--legacy-palette-319);color:var(--legacy-palette-024);padding:0 10px}.tire-unit-picker>span{color:var(--legacy-palette-555);font-size:9.5px}.tire-history{margin-top:10px}


/* FLEET V2 - 2026-09-14 */
.fleet-kpis-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.fleet-kpi{min-height:104px;border:1px solid var(--legacy-palette-556);background:var(--legacy-palette-480);border-radius:11px;padding:13px 14px;color:var(--legacy-palette-523);text-align:left;position:relative;cursor:pointer}
.fleet-kpi:hover{background:var(--legacy-palette-493);border-color:var(--legacy-palette-557)}.fleet-kpi.attention{border-color:var(--legacy-palette-558)}.fleet-kpi span,.fleet-kpi small,.fleet-kpi i{display:block}.fleet-kpi span{font-size:11px;color:var(--legacy-palette-559)}.fleet-kpi strong{display:block;font-size:30px;margin:5px 0 3px}.fleet-kpi small{font-size:9.5px;color:var(--legacy-palette-560)}.fleet-kpi i{position:absolute;right:12px;bottom:10px;font-style:normal;font-size:9px;color:var(--legacy-palette-561)}.fleet-kpi.attention strong{color:var(--legacy-palette-562)}
.fleet-nav>.nav-third{display:block}
.fleet-list-overlay{position:fixed;inset:0;z-index:82;background:var(--legacy-palette-563);display:flex;align-items:stretch;justify-content:flex-end}.fleet-list-sheet{width:min(1420px,calc(100vw - 70px));height:100vh;background:var(--legacy-palette-564);border-left:1px solid var(--legacy-palette-565);display:flex;flex-direction:column}.fleet-list-sheet>header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--legacy-palette-566);background:var(--legacy-palette-527)}.fleet-list-sheet>header span{font-size:9px;letter-spacing:.15em;color:var(--legacy-palette-567)}.fleet-list-sheet>header h2{margin:3px 0;font-size:24px}.fleet-list-sheet>header p{margin:0;color:var(--legacy-palette-568);font-size:10.5px}.fleet-list-sheet>header button{width:36px;height:36px;border:1px solid var(--legacy-palette-569);border-radius:8px;background:var(--legacy-palette-376);color:var(--legacy-palette-552);font-size:21px}.fleet-list-tools{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--legacy-palette-526)}.fleet-list-tools .fleet-search{max-width:520px}.fleet-list-tools>span{margin-left:auto;color:var(--legacy-palette-518);font-size:10px}.fleet-list-sheet #fleetModalRows{flex:1;min-height:0}.fleet-list-sheet .fleet-table-wrap{max-height:none;height:100%}
.tire-map-v2{overflow:hidden}.tire-map-v2>header{align-items:center}.tire-legend{display:flex;gap:11px;align-items:center;color:var(--legacy-palette-570);font-size:9px}.tire-legend span{display:flex;align-items:center;gap:5px}.tire-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.tire-legend .ok{background:var(--legacy-palette-571)}.tire-legend .warn{background:var(--legacy-palette-572)}.tire-legend .bad{background:var(--legacy-palette-573)}
.truck-plan{position:relative;width:min(980px,100%);height:500px;margin:12px auto 4px}.truck-center{position:absolute;left:50%;top:18px;width:180px;height:446px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.truck-cab{width:168px;height:155px;border:2px solid var(--legacy-palette-574);border-radius:62px 62px 20px 20px;background:var(--legacy-palette-575);display:flex;flex-direction:column;align-items:center;justify-content:center}.truck-cab strong{font-size:15px}.truck-cab b{font-size:12px;color:var(--legacy-palette-576);margin-top:9px}.truck-chassis{width:95px;flex:1;border:2px solid var(--legacy-palette-577);border-top:0;background:var(--legacy-palette-578);display:flex;align-items:end;justify-content:center;padding-bottom:30px}.truck-chassis span{font-size:8px;color:var(--legacy-palette-579);writing-mode:vertical-rl;letter-spacing:.12em}
.axle{position:absolute;left:50%;width:850px;transform:translateX(-50%);display:grid;grid-template-columns:1fr 180px 1fr;align-items:center}.axle-steer{top:96px}.axle-drive-one{top:270px}.axle-drive-two{top:382px}.axle>div:first-child{justify-self:end}.axle>div:last-child{justify-self:start}.axle-line{height:3px;background:var(--legacy-palette-580);display:block}.dual{display:flex;gap:7px}
.tire-node{width:150px;min-height:66px;border:1px solid var(--legacy-palette-581);border-radius:9px;background:var(--legacy-palette-582);color:var(--legacy-palette-583);display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:7px 8px;text-align:left;cursor:pointer}.tire-node:hover{border-color:var(--legacy-palette-584);background:var(--legacy-palette-585)}.tire-shape{width:22px;height:48px;border-radius:7px;background:var(--legacy-palette-586);border:2px solid var(--legacy-palette-587);position:relative}.tire-shape:after{content:'';position:absolute;left:4px;right:4px;top:5px;bottom:5px;border-top:2px dashed var(--legacy-palette-588);border-bottom:2px dashed var(--legacy-palette-588)}.tire-node span>*{display:block}.tire-node b{font-size:11px}.tire-node small{font-size:8.5px;color:var(--legacy-palette-589);margin-top:2px}.tire-node em{font-style:normal;font-size:9px;color:var(--legacy-palette-590);margin-top:5px}.tire-node u{text-decoration:none;font-size:8px;color:var(--legacy-palette-591);margin-top:2px}.tire-node.measured{border-color:var(--legacy-palette-592);background:var(--legacy-palette-593)}.tire-node.measured .tire-shape{border-color:var(--legacy-palette-594)}.tire-node.serviced{border-color:var(--legacy-palette-595)}.tire-node.bad{border-color:var(--legacy-palette-596);background:var(--legacy-palette-597)}.tire-node.bad b,.tire-node.bad em{color:var(--legacy-palette-598)}.tire-map-foot{display:flex;gap:14px;align-items:center;padding:10px 13px;border-top:1px solid var(--legacy-palette-550);background:var(--legacy-palette-599)}.tire-map-foot b{font-size:10px}.tire-map-foot span{font-size:9.5px;color:var(--legacy-palette-600);line-height:1.4}
.change-timeline{padding:3px 12px 12px}.change-timeline article{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;padding:11px 3px;border-bottom:1px solid var(--legacy-palette-601);align-items:start}.change-timeline time{font-size:9.5px;color:var(--legacy-palette-602)}.change-timeline b{font-size:11.5px}.change-timeline p{margin:5px 0 0;display:flex;align-items:center;gap:7px;font-size:10px}.change-timeline p span{color:var(--legacy-palette-603);text-decoration:line-through}.change-timeline p i{font-style:normal;color:var(--legacy-palette-604)}.change-timeline p strong{color:var(--legacy-palette-605)}.change-timeline article>em{font-style:normal;font-size:8.5px;color:var(--legacy-palette-606);border:1px solid var(--legacy-palette-607);border-radius:999px;padding:3px 6px}
.tire-reading-overlay{position:fixed;inset:0;z-index:95;background:var(--legacy-palette-563);display:grid;place-items:center}.tire-reading-card{width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid var(--legacy-palette-608);border-radius:12px;background:var(--legacy-palette-609);padding:15px}.tire-reading-card>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--legacy-palette-610);padding-bottom:12px;margin-bottom:12px}.tire-reading-card header span{font-size:9px;letter-spacing:.14em;color:var(--legacy-palette-561)}.tire-reading-card h3{font-size:20px;margin:3px 0}.tire-reading-card header p{margin:0;color:var(--legacy-palette-611);font-size:10.5px}.tire-reading-card header button{border:0;background:none;color:var(--legacy-palette-612);font-size:22px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tire-reading-card label{display:block;color:var(--legacy-palette-613);font-size:10.5px;margin:10px 0}.tire-reading-card input,.tire-reading-card textarea{width:100%;margin-top:5px;border:1px solid var(--legacy-palette-554);border-radius:8px;background:var(--legacy-palette-207);color:var(--legacy-palette-024);padding:9px;outline:none}.tire-reading-card textarea{min-height:90px;resize:vertical}.reading-history{border:1px solid var(--legacy-palette-614);border-radius:9px;overflow:hidden;margin-top:12px}.reading-history>b{display:block;padding:9px 10px;background:var(--legacy-palette-615);font-size:11px}.reading-history>div{display:grid;grid-template-columns:90px 72px 72px 1fr;gap:8px;padding:8px 10px;border-top:1px solid var(--legacy-palette-491);font-size:9.5px}.reading-history time{color:var(--legacy-palette-616)}.reading-history small{color:var(--legacy-palette-617)}.reading-history>p{padding:12px;color:var(--legacy-palette-528);font-size:10px}.tire-reading-card footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px}.tire-reading-card footer>span{margin-right:auto;color:var(--legacy-palette-618);font-size:10px}.tire-reading-card footer button{height:36px;padding:0 12px;border:1px solid var(--legacy-palette-619);border-radius:8px;background:var(--legacy-palette-620);color:var(--legacy-palette-621)}




/* FLEET PROFESSIONAL TABLES + INSPECTION MAPS v20260914 */
.professional-fleet{--fleet-border:var(--legacy-palette-622);--fleet-panel:var(--legacy-palette-623);--fleet-panel-2:var(--legacy-palette-624);--fleet-text:var(--legacy-palette-625);--fleet-muted:var(--legacy-palette-626);--fleet-blue:var(--legacy-palette-217)}
.pro-workspace{overflow:hidden}.fleet-pro-toolbar{min-height:52px;display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid var(--legacy-palette-627);background:var(--legacy-palette-623)}.fleet-pro-toolbar>.pro-search{max-width:520px;min-width:260px}.fleet-pro-toolbar>span{margin-left:auto;color:var(--legacy-palette-257);font-size:10px;white-space:nowrap}.fleet-tool{height:35px;border:1px solid var(--legacy-palette-628);border-radius:8px;background:var(--legacy-palette-629);color:var(--legacy-palette-630);padding:0 11px;font-size:10.5px;font-weight:700;white-space:nowrap}.fleet-tool:hover{border-color:var(--legacy-palette-631);background:var(--legacy-palette-632);color:var(--legacy-palette-024)}.fleet-tool b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:3px;border-radius:9px;background:var(--legacy-palette-633);color:var(--legacy-palette-634);font-size:9px}.fleet-tool.subtle{color:var(--legacy-palette-635);background:var(--legacy-palette-302)}.fleet-filter-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:0;padding:0 10px;background:var(--legacy-palette-207)}.fleet-filter-chips:not(:empty){padding-top:7px;padding-bottom:7px;border-bottom:1px solid var(--legacy-palette-636)}.fleet-filter-chips button{height:28px;border:1px solid var(--legacy-palette-637);border-radius:999px;background:var(--legacy-palette-638);color:var(--legacy-palette-639);padding:0 9px;font-size:9.5px}.fleet-filter-chips button b{color:var(--legacy-palette-640)}.fleet-filter-chips button span{color:var(--legacy-palette-641);display:inline}
.pro-table-wrap{max-height:calc(100vh - 300px);overflow:auto;background:var(--legacy-palette-207)}.pro-fleet-table{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.pro-fleet-table th{position:sticky;top:0;z-index:4;height:42px;padding:0;background:var(--legacy-palette-396);border-right:1px solid var(--legacy-palette-642);border-bottom:1px solid var(--legacy-palette-643)}.pro-fleet-table th:last-child{border-right:0}.pro-fleet-table td{height:49px;padding:8px 10px;border-right:1px solid var(--legacy-palette-644);border-top:0;border-bottom:1px solid var(--legacy-palette-645);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pro-fleet-table td:last-child{border-right:0}.pro-fleet-table tbody tr:nth-child(even){background:var(--legacy-palette-646)}.pro-fleet-table tbody tr:hover{background:var(--legacy-palette-647)}.pro-fleet-table .cell-main{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:var(--legacy-palette-648)}.fleet-sort{position:absolute;inset:0 7px 0 0;width:calc(100% - 7px);border:0;background:transparent;color:var(--legacy-palette-649);text-align:left;padding:0 10px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-sort:hover{color:var(--legacy-palette-650)}.fleet-sort i{font-style:normal;margin-left:5px;color:var(--legacy-palette-651);font-size:8px}.fleet-col-resizer{position:absolute;right:-4px;top:5px;width:9px;height:32px;cursor:col-resize;z-index:8}.fleet-col-resizer:after{content:'';position:absolute;left:4px;top:4px;width:1px;height:24px;background:var(--legacy-palette-652)}.fleet-col-resizer:hover:after{width:2px;background:var(--legacy-palette-653)}.fleet-resizing,.fleet-resizing *{cursor:col-resize;user-select:none}.fleet-list-sheet .pro-table-wrap{height:100%;max-height:none}.fleet-list-sheet #fleetModalRows{overflow:hidden;flex:1}.fleet-list-sheet{background:var(--legacy-palette-564)}.fleet-list-sheet>header{background:var(--legacy-palette-582)}.fleet-list-sheet>header h2{font-size:26px;letter-spacing:-.02em}.fleet-list-sheet>header p{font-size:11px}
.fleet-modal-overlay{position:fixed;inset:0;z-index:110;background:rgba(1,7,12,.76);display:grid;place-items:center}.fleet-modal-card{width:min(520px,calc(100vw - 30px));max-height:86vh;overflow:auto;border:1px solid var(--legacy-palette-654);border-radius:12px;background:var(--legacy-palette-480);padding:15px;box-shadow:0 18px 48px rgba(0,0,0,.42)}.fleet-modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 13px;margin-bottom:11px;border-bottom:1px solid var(--legacy-palette-655)}.fleet-modal-card>header span{font-size:8.5px;letter-spacing:.17em;color:var(--legacy-palette-656)}.fleet-modal-card>header h3{font-size:20px;margin:3px 0}.fleet-modal-card>header p{margin:0;color:var(--legacy-palette-589);font-size:10.5px;line-height:1.4}.fleet-modal-card>header button{width:32px;height:32px;border:1px solid var(--legacy-palette-512);border-radius:8px;background:var(--legacy-palette-657);color:var(--legacy-palette-658);font-size:19px}.fleet-modal-card>label{display:block;margin:10px 0;color:var(--legacy-palette-659);font-size:10px;font-weight:700}.fleet-modal-card select,.fleet-modal-card input{width:100%;height:39px;margin-top:5px;border:1px solid var(--legacy-palette-660);border-radius:8px;background:var(--legacy-palette-207);color:var(--legacy-palette-661);padding:0 10px;outline:0}.fleet-modal-card select:focus,.fleet-modal-card input:focus{border-color:var(--legacy-palette-217)}.fleet-modal-card>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--legacy-palette-662)}.fleet-modal-card>footer button{height:36px;border:1px solid var(--legacy-palette-663);border-radius:8px;background:var(--legacy-palette-664);color:var(--legacy-palette-665);padding:0 12px}.fleet-views-card{width:min(620px,calc(100vw - 30px))}.fleet-view-list{display:flex;flex-direction:column;gap:6px;max-height:390px;overflow:auto}.fleet-view-list article{display:grid;grid-template-columns:1fr 38px;gap:6px}.fleet-view-list article>button:first-child{min-height:53px;border:1px solid var(--legacy-palette-666);border-radius:9px;background:var(--legacy-palette-582);color:var(--legacy-palette-667);text-align:left;padding:8px 11px}.fleet-view-list article>button:first-child:hover{background:var(--legacy-palette-668);border-color:var(--legacy-palette-669)}.fleet-view-list b,.fleet-view-list small{display:block}.fleet-view-list b{font-size:12px}.fleet-view-list small{margin-top:4px;color:var(--legacy-palette-411);font-size:9px}.fleet-view-list .danger{border:1px solid var(--legacy-palette-670);border-radius:9px;background:var(--legacy-palette-671);color:var(--legacy-palette-509);font-size:18px}.fleet-save-view{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--legacy-palette-672)}.fleet-save-view input{margin:0}.fleet-save-view button{padding:0 14px}

/* Light technical inspection sheet inside the dark CRM shell */
.inspection-card{margin-top:10px;border:1px solid var(--legacy-palette-673);background:var(--legacy-palette-527);border-radius:12px;overflow:hidden}.inspection-card>header{min-height:63px;padding:11px 14px;background:var(--legacy-palette-582);border-bottom:1px solid var(--legacy-palette-674);align-items:center}.inspection-card>header h3{font-size:16px}.inspection-card>header p{font-size:10.5px}.inspection-badge{display:inline-flex;align-items:center;height:27px;padding:0 12px;border-radius:999px;color:var(--legacy-palette-024);font-size:9px;font-weight:900;letter-spacing:.06em}.inspection-badge.blue{background:var(--legacy-palette-675)}.inspection-badge.green{background:var(--legacy-palette-676)}.inspection-sheet{position:relative;background:var(--legacy-palette-677);color:var(--legacy-palette-678);border:0;min-height:590px;overflow:hidden}.inspection-sheet:before{content:'';position:absolute;inset:0;border:0;pointer-events:none}.sheet-side{position:absolute;top:46%;z-index:4;font-size:9px;font-weight:900;letter-spacing:.06em;color:var(--legacy-palette-679)}.driver-side{left:20px}.passenger-side{right:20px}.inspection-reading{width:110px;min-height:83px;border:0;background:transparent;color:var(--legacy-palette-680);text-align:center;padding:2px;cursor:pointer;position:relative}.inspection-reading:hover b{border-color:var(--legacy-palette-681);box-shadow:0 0 0 3px rgba(29,122,170,.1)}.inspection-reading .position{display:block;font-size:10px;font-weight:900;color:var(--legacy-palette-682);margin-bottom:3px}.inspection-reading b{display:grid;place-items:center;width:62px;height:37px;margin:0 auto;border:1.5px solid var(--legacy-palette-683);border-radius:5px;background:var(--legacy-palette-024);font-size:17px;line-height:1;transition:.12s}.inspection-reading b small{display:block;font-size:7px;color:var(--legacy-palette-684);margin-top:1px}.inspection-reading em{display:block;margin-top:3px;color:var(--legacy-palette-685);font-size:8px;font-style:normal}.inspection-reading u{display:block;margin-top:1px;color:var(--legacy-palette-686);font-size:8px;text-decoration:none;font-weight:800}.inspection-reading i{display:block;margin-top:2px;color:var(--legacy-palette-687);font-size:7px;font-style:normal}.inspection-reading.has-reading b{border-color:var(--legacy-palette-688)}.inspection-reading.has-reading .position{color:var(--legacy-palette-689)}.inspection-reading.low b{border-color:var(--legacy-palette-690);background:var(--legacy-palette-691)}.inspection-reading.low .position,.inspection-reading.low em{color:var(--legacy-palette-692)}
.truck-sheet{height:665px}.tractor-art{position:absolute;left:50%;top:74px;width:220px;height:525px;transform:translateX(-50%);z-index:2}.tractor-cab{position:absolute;left:35px;top:34px;width:150px;height:225px;border:2px solid var(--legacy-palette-693);border-radius:68px 68px 22px 22px;background:var(--legacy-palette-694);box-shadow:inset 0 -20px 30px rgba(0,0,0,.05)}.tractor-cab:before,.tractor-cab:after{content:'';position:absolute;top:84px;width:17px;height:63px;border-radius:6px;background:var(--legacy-palette-695)}.tractor-cab:before{left:-22px}.tractor-cab:after{right:-22px}.tractor-cab .windshield{position:absolute;left:27px;right:27px;top:25px;height:52px;border:1px solid var(--legacy-palette-696);border-radius:34px 34px 8px 8px;background:var(--legacy-palette-697)}.tractor-cab strong{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:13px;color:var(--legacy-palette-698)}.tractor-frame{position:absolute;left:57px;top:252px;width:106px;height:260px;border:3px solid var(--legacy-palette-699);border-top:0;background:var(--legacy-palette-700)}.fifth-wheel{position:absolute;left:17px;top:72px;width:66px;height:66px;border:7px solid var(--legacy-palette-701);border-radius:50%;background:var(--legacy-palette-702)}.fifth-wheel:after{content:'';position:absolute;left:25px;top:8px;width:9px;height:43px;background:var(--legacy-palette-703)}.front-arrow{position:absolute;left:0;right:0;top:0;text-align:center;font-size:10px;font-weight:900;color:var(--legacy-palette-704)}.truck-pos{position:absolute;z-index:5}.truck-lf{left:calc(50% - 275px);top:108px}.truck-rf{right:calc(50% - 275px);top:108px}.truck-lfi{left:calc(50% - 325px);top:338px}.truck-lfo{left:calc(50% - 222px);top:338px}.truck-rfi{right:calc(50% - 222px);top:338px}.truck-rfo{right:calc(50% - 325px);top:338px}.truck-lri{left:calc(50% - 325px);top:487px}.truck-lro{left:calc(50% - 222px);top:487px}.truck-rri{right:calc(50% - 222px);top:487px}.truck-rro{right:calc(50% - 325px);top:487px}
.inspection-guide{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-height:43px;padding:7px 12px;background:var(--legacy-palette-705);border-top:1px solid var(--legacy-palette-706);color:var(--legacy-palette-707);font-size:8.5px}.inspection-guide b{color:var(--legacy-palette-708);font-size:9px}.inspection-guide span{color:var(--legacy-palette-709)}
.trailer-sheet{height:585px}.trailer-art{position:absolute;left:50%;top:176px;width:730px;height:260px;transform:translateX(-50%);z-index:2}.trailer-body{position:absolute;inset:0 0 0 76px;border:2px solid var(--legacy-palette-710);border-radius:6px;background:var(--legacy-palette-711);box-shadow:inset 0 0 0 7px var(--legacy-palette-712)}.trailer-body strong{position:absolute;left:0;right:0;top:105px;text-align:center;color:var(--legacy-palette-713);font-size:13px;letter-spacing:.08em}.trailer-body span{position:absolute;left:14px;top:10px;color:var(--legacy-palette-714);font-size:8px;font-weight:900}.trailer-nose{position:absolute;left:0;top:82px;width:85px;height:96px;clip-path:polygon(0 50%,100% 0,100% 100%);background:var(--legacy-palette-715)}.trailer-axle{position:absolute;left:160px;width:88px;height:292px;top:-16px;border-left:7px solid var(--legacy-palette-716);border-right:7px solid var(--legacy-palette-716)}.trailer-axle.a2{left:355px}.trailer-axle.a3{left:550px}.trailer-pos{position:absolute;z-index:5}.t-lfi{left:calc(50% - 300px);top:50px}.t-lfo{left:calc(50% - 300px);top:121px}.t-lmi{left:calc(50% - 103px);top:50px}.t-lmo{left:calc(50% - 103px);top:121px}.t-lri{left:calc(50% + 92px);top:50px}.t-lro{left:calc(50% + 92px);top:121px}.t-rfi{left:calc(50% - 300px);top:419px}.t-rfo{left:calc(50% - 300px);top:490px}.t-rmi{left:calc(50% - 103px);top:419px}.t-rmo{left:calc(50% - 103px);top:490px}.t-rri{left:calc(50% + 92px);top:419px}.t-rro{left:calc(50% + 92px);top:490px}
.tire-unit-picker{background:var(--legacy-palette-319)}.tire-unit-picker select{font-size:12px}.tire-unit-picker>span{font-size:10px}



/* FLEET TIRE MAP REDESIGN v20260914b */
.inspection-sheet{background:var(--legacy-palette-717);color:var(--legacy-palette-718)}
.inspection-reading{width:96px;min-height:98px;padding:0;background:transparent;border:0;text-align:center;color:var(--legacy-palette-718);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}
.inspection-reading .position{font-size:11px;font-weight:900;color:var(--legacy-palette-719);margin:0 0 2px;line-height:1.1}
.inspection-reading .reading-box{width:64px;height:45px;border:1.5px solid var(--legacy-palette-720);border-radius:5px;background:var(--legacy-palette-024);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none}
.inspection-reading .reading-box b{display:block;width:auto;height:auto;margin:0;border:0;background:none;box-shadow:none;font-size:19px;line-height:19px;color:var(--legacy-palette-721)}
.inspection-reading .reading-box small{display:block;font-size:8px;line-height:10px;color:var(--legacy-palette-722);font-weight:800}
.inspection-reading em{font-size:8px;line-height:11px;color:var(--legacy-palette-723);margin:0;font-style:normal}.inspection-reading i{font-size:7.5px;line-height:10px;color:var(--legacy-palette-724);margin:0;font-style:normal}.inspection-reading u{font-size:7.5px;line-height:10px;color:var(--legacy-palette-725);text-decoration:none;margin:0}
.inspection-reading:hover .reading-box{border-color:var(--legacy-palette-726);box-shadow:0 0 0 2px rgba(28,123,171,.10)}.inspection-reading.has-reading .reading-box{border-color:var(--legacy-palette-727)}.inspection-reading.low .reading-box{border-color:var(--legacy-palette-728);background:var(--legacy-palette-729)}.inspection-reading.low .position,.inspection-reading.low em{color:var(--legacy-palette-730)}
.truck-sheet-v3{min-height:680px;padding:26px 22px 18px;overflow:auto}.truck-layout{width:min(900px,100%);min-width:760px;margin:0 auto;display:grid;grid-template-columns:260px 1fr 260px;gap:24px;align-items:start}.truck-side{display:grid;grid-template-rows:26px 145px 190px 190px;align-items:center}.truck-side>span{text-align:center;font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--legacy-palette-731)}.steer-slot{display:flex;justify-content:center}.dual-slot{display:flex;justify-content:center;gap:16px;align-items:center}.tractor-visual{position:relative;height:620px}.tractor-front-label{position:absolute;top:0;left:0;right:0;text-align:center;font-size:11px;font-weight:900;color:var(--legacy-palette-732)}.tractor-cab-v3{position:absolute;left:50%;top:32px;transform:translateX(-50%);width:180px;height:235px;border:2px solid var(--legacy-palette-733);border-radius:78px 78px 24px 24px;background:var(--legacy-palette-734)}.truck-window{position:absolute;left:30px;right:30px;top:28px;height:62px;border:1px solid var(--legacy-palette-735);border-radius:36px 36px 9px 9px;background:var(--legacy-palette-736)}.tractor-cab-v3 strong{position:absolute;left:0;right:0;bottom:34px;text-align:center;font-size:13px;color:var(--legacy-palette-737)}.tractor-cab-v3:before,.tractor-cab-v3:after{content:'';position:absolute;top:92px;width:20px;height:72px;border-radius:7px;background:var(--legacy-palette-738)}.tractor-cab-v3:before{left:-25px}.tractor-cab-v3:after{right:-25px}.tractor-chassis-v3{position:absolute;left:50%;top:263px;transform:translateX(-50%);width:126px;height:330px;border-left:4px solid var(--legacy-palette-739);border-right:4px solid var(--legacy-palette-739)}.drive-rail{position:absolute;top:0;bottom:0;width:9px;background:var(--legacy-palette-740)}.drive-rail.left{left:24px}.drive-rail.right{right:24px}.fifth-wheel-v3{position:absolute;left:50%;top:68px;transform:translateX(-50%);width:76px;height:76px;border:8px solid var(--legacy-palette-741);border-radius:50%;background:var(--legacy-palette-742)}.fifth-wheel-v3:after{content:'';position:absolute;left:30px;top:7px;width:10px;height:48px;background:var(--legacy-palette-743)}.axle-bar{position:absolute;left:-58px;right:-58px;height:6px;background:var(--legacy-palette-744)}.axle-bar.a1{top:145px}.axle-bar.a2{top:255px}.axle-caption{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:9px;color:var(--legacy-palette-745);font-weight:800}
.trailer-sheet-v3{min-height:720px;padding:20px 24px 18px;overflow:auto}.trailer-layout{width:min(1040px,100%);min-width:900px;margin:0 auto}.trailer-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:0 85px}.trailer-reading-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;justify-items:center;position:relative}.pair-label{grid-column:1/-1;text-align:center;font-size:9px;font-weight:900;color:var(--legacy-palette-746);margin-bottom:-4px}.trailer-visual-v3{position:relative;height:310px;margin:4px auto;width:880px}.trailer-box-v3{position:absolute;left:120px;right:20px;top:26px;bottom:26px;border:2px solid var(--legacy-palette-747);border-radius:8px;background:var(--legacy-palette-748);box-shadow:inset 0 0 0 7px var(--legacy-palette-717)}.trailer-title-v3{position:absolute;inset:0;display:grid;place-items:center;color:var(--legacy-palette-749);font-size:15px;font-weight:900;letter-spacing:.08em}.trailer-front-v3{position:absolute;left:18px;top:14px;font-size:9px;font-weight:900;color:var(--legacy-palette-750)}.trailer-deck-lines{position:absolute;left:20px;right:20px;top:58px;bottom:58px;border-top:1px solid var(--legacy-palette-751);border-bottom:1px solid var(--legacy-palette-751)}.trailer-tongue-v3{position:absolute;left:7px;top:107px;width:120px;height:96px;clip-path:polygon(0 50%,100% 0,100% 100%);background:var(--legacy-palette-752)}.trailer-wheel-stack{position:absolute;width:74px;height:38px;display:flex;gap:4px;z-index:3}.trailer-wheel-stack i{flex:1;border-radius:8px;background:var(--legacy-palette-753);box-shadow:inset 0 0 0 2px var(--legacy-palette-754)}.trailer-wheel-stack.s1{left:248px;top:8px}.trailer-wheel-stack.s2{left:455px;top:8px}.trailer-wheel-stack.s3{left:662px;top:8px}.trailer-wheel-stack.b1{left:248px;bottom:8px}.trailer-wheel-stack.b2{left:455px;bottom:8px}.trailer-wheel-stack.b3{left:662px;bottom:8px}.trailer-readings.bottom{margin-top:0}.inspection-guide{font-size:9px;gap:18px}


/* FLEET TIRE OLD-PORTAL STYLE v20260914 */
.legacy-tire-panel{overflow:hidden;background:var(--legacy-palette-302);border:1px solid var(--legacy-palette-755);border-radius:11px}.legacy-tire-panel>header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--legacy-palette-319);border-bottom:1px solid var(--legacy-palette-756)}.legacy-tire-panel>header h3{margin:0;font-size:16px;color:var(--legacy-palette-366)}.legacy-tire-panel>header p{margin:4px 0 0;font-size:10.5px;color:var(--legacy-palette-235)}.tire-layout-badge{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:7px;border:1px solid var(--legacy-palette-757);background:var(--legacy-palette-758);color:var(--legacy-palette-759);font-size:9px;font-weight:850;letter-spacing:.05em;white-space:nowrap}.tire-layout-badge.truck{border-color:var(--legacy-palette-760);color:var(--legacy-palette-761)}.tire-layout-badge.trailer{border-color:var(--legacy-palette-762);color:var(--legacy-palette-763)}.legacy-tire-body{padding:12px;background:var(--legacy-palette-207)}.tire-panel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.tire-panel-summary>div{min-height:58px;padding:9px 11px;border:1px solid var(--legacy-palette-764);border-radius:8px;background:var(--legacy-palette-765)}.tire-panel-summary span,.tire-panel-summary b{display:block}.tire-panel-summary span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--legacy-palette-766)}.tire-panel-summary b{margin-top:5px;font-size:11.5px;color:var(--legacy-palette-767)}.fleet-axle-group{margin-top:9px;border:1px solid var(--legacy-palette-768);border-radius:9px;background:var(--legacy-palette-769);overflow:hidden}.fleet-axle-group>header{min-height:45px;padding:8px 11px;border-bottom:1px solid var(--legacy-palette-550);background:var(--legacy-palette-770)}.fleet-axle-group>header span,.fleet-axle-group>header small{display:block}.fleet-axle-group>header span{font-size:12.5px;font-weight:800;color:var(--legacy-palette-771)}.fleet-axle-group>header small{margin-top:2px;font-size:9px;color:var(--legacy-palette-772)}.axle-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:10px;align-items:center;padding:10px}.axle-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.axle-side>label{grid-column:1/-1;font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--legacy-palette-773)}.axle-side.passenger>label{text-align:right}.axle-center{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;color:var(--legacy-palette-774)}.axle-center>span{height:1px;background:var(--legacy-palette-775)}.axle-center>b{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--legacy-palette-776)}.fleet-wheel-card{min-height:112px;border:1px solid var(--legacy-palette-777);border-radius:8px;background:var(--legacy-palette-582);color:var(--legacy-palette-778);padding:9px;text-align:left;cursor:pointer;box-shadow:none}.fleet-wheel-card:hover{border-color:var(--legacy-palette-779);background:var(--legacy-palette-780)}.fleet-wheel-card.good{border-color:var(--legacy-palette-781)}.fleet-wheel-card.warn{border-color:var(--legacy-palette-782)}.fleet-wheel-card.bad{border-color:var(--legacy-palette-783)}.wheel-card-top{display:flex;align-items:center;justify-content:space-between}.wheel-code{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:6px;background:var(--legacy-palette-784);color:var(--legacy-palette-785);font-size:10px;font-weight:900}.wheel-dot{width:9px;height:9px;border-radius:50%;background:var(--legacy-palette-786)}.fleet-wheel-card.good .wheel-dot{background:var(--legacy-palette-787)}.fleet-wheel-card.warn .wheel-dot{background:var(--legacy-palette-788)}.fleet-wheel-card.bad .wheel-dot{background:var(--legacy-palette-789)}.fleet-wheel-card>b{display:block;margin-top:7px;font-size:11px;color:var(--legacy-palette-790)}.wheel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.wheel-metrics>span{padding:6px 7px;border:1px solid var(--legacy-palette-791);border-radius:6px;background:var(--legacy-palette-302)}.wheel-metrics small,.wheel-metrics strong{display:block}.wheel-metrics small{font-size:7.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--legacy-palette-792)}.wheel-metrics strong{margin-top:2px;font-size:12px;color:var(--legacy-palette-530)}.wheel-delta{margin-top:7px;font-size:8.5px;color:var(--legacy-palette-529);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel-delta.down{color:var(--legacy-palette-793)}.wheel-delta.up{color:var(--legacy-palette-794)}.wheel-delta.muted{color:var(--legacy-palette-795)}.fleet-wheel-card>i{display:block;margin-top:5px;font-style:normal;font-size:8px;color:var(--legacy-palette-796)}.tire-position-key{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:9px;padding:9px 10px;border:1px solid var(--legacy-palette-797);border-radius:8px;background:var(--legacy-palette-798);font-size:8.5px;color:var(--legacy-palette-799)}.tire-position-key b{color:var(--legacy-palette-800)}.tire-position-key span{white-space:nowrap}



/* Fleet asset editable fields */
.fleet-drawer-actions{display:flex;align-items:center;gap:8px}.fleet-drawer-actions .fleet-edit-btn{width:auto;height:36px;padding:0 13px;border:1px solid var(--legacy-palette-801);background:var(--legacy-palette-802);color:var(--legacy-palette-803);border-radius:8px;font-size:10.5px;font-weight:800}.fleet-drawer-actions .fleet-edit-btn:hover{background:var(--legacy-palette-804);border-color:var(--legacy-palette-805)}.fleet-edit-overlay{z-index:125}.fleet-edit-card{width:min(980px,calc(100vw - 36px));max-height:92vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.fleet-edit-card>header{padding:15px 17px 13px;margin:0;flex:0 0 auto}.fleet-edit-card>footer{padding:12px 17px 15px;margin:0;flex:0 0 auto}.fleet-edit-card>footer #fleetEditErr{margin-right:auto;color:var(--legacy-palette-806);font-size:10px}.fleet-edit-section{padding:13px 17px;border-bottom:1px solid var(--legacy-palette-797);overflow:visible}.fleet-edit-card>.fleet-edit-section:nth-of-type(1){overflow:auto}.fleet-edit-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.fleet-edit-section-head b{font-size:12px;color:var(--legacy-palette-807)}.fleet-edit-section-head small{font-size:9px;color:var(--legacy-palette-434)}.fleet-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fleet-edit-field{display:block;margin:0;min-width:0}.fleet-edit-field>span{display:block;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--legacy-palette-442);font-size:9px;font-weight:700}.fleet-edit-field input,.fleet-edit-field textarea{width:100%;margin:4px 0 0;border:1px solid var(--legacy-palette-808);background:var(--legacy-palette-809);color:var(--legacy-palette-810);border-radius:7px;padding:8px 9px;font-size:11.5px;outline:0}.fleet-edit-field input{height:36px}.fleet-edit-field textarea{height:72px;min-height:72px;resize:vertical}.fleet-edit-field input:focus,.fleet-edit-field textarea:focus{border-color:var(--legacy-palette-811);background:var(--legacy-palette-812)}

/* Excel-style inline Fleet editing: click cell, Enter saves, Esc cancels */
.fleet-inline-cell{cursor:text;position:relative;transition:background .08s,border-color .08s}.fleet-inline-cell:hover{background:var(--legacy-palette-813);box-shadow:inset 0 0 0 1px var(--legacy-palette-814)}.fleet-inline-cell:after{content:'';position:absolute;right:4px;bottom:4px;width:4px;height:4px;border-right:1px solid var(--legacy-palette-815);border-bottom:1px solid var(--legacy-palette-815);opacity:.45}.fleet-inline-input{display:block;width:100%;min-width:0;min-height:31px;margin:-5px -6px;padding:5px 6px;border:1px solid var(--legacy-palette-816);border-radius:4px;background:var(--legacy-palette-207);color:var(--legacy-palette-817);font:inherit;line-height:1.25;outline:0;box-shadow:inset 0 0 0 1px rgba(32,155,224,.16)}textarea.fleet-inline-input{min-height:52px;resize:vertical}.fleet-inline-input:focus{border-color:var(--legacy-palette-818)}.fleet-inline-input.save-error{border-color:var(--legacy-palette-819);background:var(--legacy-palette-820)}.fleet-inline-cell[data-saving="1"]{opacity:.7;cursor:progress}

/* Fleet drawer inline editing */
.drawer-head-fields{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.drawer-head-fields .drawer-edit-field{min-width:150px;background:transparent;border:0;padding:0}.drawer-head-fields .drawer-edit-field span{display:none}.drawer-head-fields .drawer-edit-field b{font-size:11px;color:var(--legacy-palette-821);font-weight:500}.drawer-head-fields .drawer-edit-field i{font-size:8px;margin-top:1px}.editable-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.drawer-edit-field,.drawer-static-field{position:relative;border:1px solid var(--legacy-palette-354);background:var(--legacy-palette-413);border-radius:9px;padding:11px;min-width:0}.drawer-edit-field>span,.drawer-static-field>span{display:block;color:var(--legacy-palette-522);font-size:9.5px}.drawer-edit-field>b,.drawer-static-field>b{display:block;color:var(--legacy-palette-523);font-size:12px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-edit-field>i{display:block;min-height:11px;color:var(--legacy-palette-822);font-size:8.5px;font-style:normal;opacity:0}.drawer-edit-field.is-editable{cursor:text}.drawer-edit-field.is-editable:hover{border-color:var(--legacy-palette-823);background:var(--legacy-palette-824)}.drawer-edit-field.is-editable:hover>i{opacity:1}.drawer-edit-field b.good{color:var(--legacy-palette-503)}.drawer-edit-field b.warn{color:var(--legacy-palette-506)}.drawer-edit-field b.bad{color:var(--legacy-palette-509)}.drawer-inline-control{display:block;width:100%;height:31px;margin:4px 0 3px;border:1px solid var(--legacy-palette-825);border-radius:6px;background:var(--legacy-palette-809);color:var(--legacy-palette-826);padding:0 8px;font-size:11.5px;outline:0}.drawer-inline-control:focus{border-color:var(--legacy-palette-827);background:var(--legacy-palette-828)}.drawer-inline-control.save-error{border-color:var(--legacy-palette-829)}.editable-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}.editable-service-grid>.drawer-edit-field{border-radius:0;border:0;background:var(--legacy-palette-527)}.editable-service-grid>.drawer-edit-field:hover{background:var(--legacy-palette-830)}.editable-service-grid>.drawer-edit-field>i{margin-top:4px}.drawer-static-field small{display:block;color:var(--legacy-palette-522);font-size:9px}


/* Tires / Brakes operational statistics */
.tires-kpis{grid-template-columns:repeat(6,minmax(150px,1fr));overflow-x:auto;padding-bottom:2px}.tires-kpis article{min-width:150px}.tires-kpis strong{font-size:25px}.tires-kpis article.warn{border-color:var(--legacy-palette-831)}.tires-kpis article.warn strong{color:var(--legacy-palette-832)}

/* Tires / Brakes fleet-wide operations dashboard */
.tire-ops-dashboard .fleet-head{padding-bottom:12px}.tire-primary-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.tire-ops-kpi{min-height:102px;border:1px solid var(--legacy-palette-833);border-radius:10px;background:var(--legacy-palette-765);color:var(--legacy-palette-834);text-align:left;padding:12px 13px;display:flex;flex-direction:column;cursor:pointer}.tire-ops-kpi:hover{border-color:var(--legacy-palette-835);background:var(--legacy-palette-830)}.tire-ops-kpi span{font-size:9.5px;color:var(--legacy-palette-836)}.tire-ops-kpi strong{font-size:26px;margin:6px 0 3px}.tire-ops-kpi small{font-size:9px;color:var(--legacy-palette-837);line-height:1.25}.tire-ops-kpi i{margin-top:auto;font-size:9px;color:var(--legacy-palette-227);font-style:normal}.tire-ops-kpi.bad{border-color:var(--legacy-palette-838)}.tire-ops-kpi.bad strong{color:var(--legacy-palette-839)}.tire-ops-kpi.warn{border-color:var(--legacy-palette-840)}.tire-ops-kpi.warn strong{color:var(--legacy-palette-841)}.tire-ops-kpi.good{border-color:var(--legacy-palette-842)}.tire-ops-kpi.good strong{color:var(--legacy-palette-843)}.tire-ops-panel{border:1px solid var(--legacy-palette-844);border-radius:10px;background:var(--legacy-palette-769);overflow:hidden;margin-bottom:10px}.tire-ops-panel>header{min-height:52px;padding:10px 12px;border-bottom:1px solid var(--legacy-palette-662);display:flex;align-items:center;justify-content:space-between;gap:12px}.tire-ops-panel>header h3{margin:0;font-size:13.5px}.tire-ops-panel>header p{margin:3px 0 0;color:var(--legacy-palette-600);font-size:9.5px}.tire-ops-panel>header>button{border:1px solid var(--legacy-palette-845);background:var(--legacy-palette-418);color:var(--legacy-palette-846);border-radius:7px;padding:7px 10px;font-size:9.5px}.tire-ops-panel>header>strong{font-size:12px;color:var(--legacy-palette-847)}.check-cycle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--legacy-palette-848)}.check-cycle-grid .tire-ops-kpi{border:0;border-radius:0;min-height:92px;background:var(--legacy-palette-849)}.tire-secondary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.tire-secondary-grid article{min-height:78px;border:1px solid var(--legacy-palette-850);background:var(--legacy-palette-851);border-radius:9px;padding:10px 12px}.tire-secondary-grid span,.tire-secondary-grid small{display:block;font-size:9px;color:var(--legacy-palette-600)}.tire-secondary-grid strong{display:block;font-size:21px;margin:5px 0;color:var(--legacy-palette-494)}.tire-secondary-grid button{border:0;background:none;color:var(--legacy-palette-852);padding:0;font-size:9px;cursor:pointer}.tire-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:10px}.tire-action-table{display:flex;flex-direction:column}.tire-action-head,.tire-action-table>button{display:grid;grid-template-columns:85px 120px minmax(160px,1fr) minmax(220px,1.4fr) 70px;align-items:center;gap:8px}.tire-action-head{padding:7px 11px;background:var(--legacy-palette-615);color:var(--legacy-palette-853);font-size:8.5px;text-transform:uppercase;letter-spacing:.05em}.tire-action-table>button{min-height:43px;border:0;border-top:1px solid var(--legacy-palette-854);background:var(--legacy-palette-769);color:var(--legacy-palette-855);text-align:left;padding:6px 11px;cursor:pointer}.tire-action-table>button:hover{background:var(--legacy-palette-856)}.tire-action-table>button b{color:var(--legacy-palette-024)}.tire-action-table>button em{color:var(--legacy-palette-857);font-size:9px;font-style:normal}.reason-tags{display:flex;flex-wrap:wrap;gap:4px}.reason-tags i{font-style:normal;padding:3px 6px;border:1px solid var(--legacy-palette-858);border-radius:999px;background:var(--legacy-palette-380);color:var(--legacy-palette-378);font-size:8.5px}.activity-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--legacy-palette-848)}.activity-metrics>div{background:var(--legacy-palette-769);padding:13px}.activity-metrics span{display:block;color:var(--legacy-palette-390);font-size:9px}.activity-metrics b{display:block;font-size:24px;margin-top:5px}.activity-note{padding:12px;color:var(--legacy-palette-600);font-size:9.5px;line-height:1.45}.tire-asset-lookup{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--legacy-palette-859);border-radius:10px;background:var(--legacy-palette-769);padding:11px 12px;margin-top:10px}.tire-asset-lookup b,.tire-asset-lookup span{display:block}.tire-asset-lookup b{font-size:11.5px}.tire-asset-lookup span{font-size:9px;color:var(--legacy-palette-860);margin-top:3px}.tire-asset-lookup select{width:min(520px,48%);height:37px;border:1px solid var(--legacy-palette-660);border-radius:8px;background:var(--legacy-palette-861);color:var(--legacy-palette-494);padding:0 10px}.good-empty{color:var(--legacy-palette-862)}

.tire-queue-table{min-width:1250px}.tire-queue-table th{white-space:nowrap}.tire-queue-table td{white-space:nowrap}.reason-tags i.clear{border-color:var(--legacy-palette-863);background:var(--legacy-palette-864);color:var(--legacy-palette-865)}.tire-list-wrap{max-height:calc(100vh - 120px)}

/* === FLEET UX STANDARD v1 · 2026-09-14 === */
.fleet-v3{padding-top:10px}
.fleet-v3 .fleet-head-v3{align-items:center;padding:3px 2px 11px;border-bottom:0}
.fleet-v3 .fleet-head-v3 h1{font-size:26px;line-height:1.1;letter-spacing:-.025em;margin:3px 0 3px}
.fleet-v3 .fleet-head-v3 p{font-size:12px;color:var(--legacy-palette-866)}
.fleet-live-source{display:flex;align-items:center;gap:8px;text-align:left;padding:7px 10px;border:1px solid var(--legacy-palette-867);border-radius:8px;background:var(--legacy-palette-868)}
.fleet-live-source>i{width:8px;height:8px;border-radius:50%;background:var(--legacy-palette-869)}
.fleet-live-source b{margin:0;font-size:10.5px}.fleet-live-source small{font-size:9px}
.fleet-command-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--legacy-palette-870);border-radius:8px;overflow:hidden;margin-bottom:8px;background:var(--legacy-palette-868)}
.fleet-command-strip>button{position:relative;min-height:72px;border:0;border-right:1px solid var(--legacy-palette-871);background:var(--legacy-palette-868);color:var(--legacy-palette-771);text-align:left;padding:9px 12px;cursor:pointer}
.fleet-command-strip>button:last-child{border-right:0}.fleet-command-strip>button:hover{background:var(--legacy-palette-872)}.fleet-command-strip>button.bad{box-shadow:inset 3px 0 var(--legacy-palette-873)}.fleet-command-strip>button.warn{box-shadow:inset 3px 0 var(--legacy-palette-874)}
.fleet-command-strip span,.fleet-command-strip small,.fleet-command-strip i{display:block}.fleet-command-strip span{font-size:9.5px;color:var(--legacy-palette-545);font-weight:700}.fleet-command-strip strong{display:block;margin:3px 0 1px;font-size:22px;line-height:1.05}
.fleet-command-strip small{font-size:8.5px;color:var(--legacy-palette-795)}.fleet-command-strip i{position:absolute;right:10px;bottom:8px;font-size:8.5px;font-style:normal;color:var(--legacy-palette-875)}
.fleet-command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:8px;margin-bottom:8px}
.fleet-command-panel{border:1px solid var(--legacy-palette-870);border-radius:8px;background:var(--legacy-palette-868);overflow:hidden}
.fleet-command-panel>header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-bottom:1px solid var(--legacy-palette-871);background:var(--legacy-palette-876)}
.fleet-command-panel>header span,.fleet-register-head span{font-size:8px;letter-spacing:.12em;color:var(--legacy-palette-877);font-weight:800}.fleet-command-panel>header h3,.fleet-register-head h3{font-size:13.5px;margin:2px 0 1px}.fleet-command-panel>header p{margin:0;font-size:9px;color:var(--legacy-palette-528)}
.fleet-command-panel>header>button{height:30px;border:1px solid var(--legacy-palette-878);border-radius:6px;background:var(--legacy-palette-879);color:var(--legacy-palette-880);padding:0 9px;font-size:9px}
.fleet-action-queue>button{width:100%;min-height:43px;display:grid;grid-template-columns:72px 105px minmax(210px,1fr) 125px 56px;gap:8px;align-items:center;border:0;border-top:1px solid var(--legacy-palette-881);background:var(--legacy-palette-868);color:var(--legacy-palette-882);text-align:left;padding:6px 10px;cursor:pointer}
.fleet-action-queue>button:first-child{border-top:0}.fleet-action-queue>button:hover{background:var(--legacy-palette-883)}.fleet-action-queue>button>b{font-size:12px;color:var(--legacy-palette-884)}.fleet-action-queue>button>span{font-size:9.5px;color:var(--legacy-palette-885)}.fleet-action-queue>button>small{font-size:8.5px;color:var(--legacy-palette-886)}.fleet-action-queue>button>strong{font-size:8.5px;color:var(--legacy-palette-887);text-align:right}
.fleet-action-reasons{display:flex;flex-wrap:wrap;gap:4px;font-style:normal}.fleet-action-reasons i{font-style:normal;padding:3px 6px;border:1px solid var(--legacy-palette-888);border-radius:6px;background:var(--legacy-palette-889);color:var(--legacy-palette-890);font-size:8px}
.fleet-readiness-list{padding:1px 10px}.fleet-readiness-list>div{display:grid;grid-template-columns:1fr 44px;gap:7px;align-items:center;padding:9px 1px;border-top:1px solid var(--legacy-palette-881)}.fleet-readiness-list>div:first-child{border-top:0}.fleet-readiness-list span b,.fleet-readiness-list span small{display:block}.fleet-readiness-list span b{font-size:10px}.fleet-readiness-list span small{margin-top:2px;font-size:8.5px;color:var(--legacy-palette-528)}.fleet-readiness-list>div>strong{font-size:13px;text-align:right}.fleet-readiness-list>div>i{grid-column:1/-1;height:3px;background:var(--legacy-palette-891);overflow:hidden}.fleet-readiness-list>div>i>u{display:block;height:100%;background:var(--legacy-palette-892);text-decoration:none}
.fleet-register{border-radius:8px;background:var(--legacy-palette-207)}.fleet-register-head{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-bottom:1px solid var(--legacy-palette-871);background:var(--legacy-palette-876)}.fleet-register-head p{margin:0;font-size:9px;color:var(--legacy-palette-528)}.fleet-register .fleet-pro-toolbar{min-height:46px;background:var(--legacy-palette-207)}.fleet-register .pro-fleet-table td{height:42px;padding:6px 9px}.fleet-register .pro-fleet-table th{height:38px}.fleet-register .fleet-status{border-radius:6px}
.fleet-v3 .fleet-kpi,.fleet-v3 .fleet-command-panel,.fleet-v3 .fleet-register,.fleet-v3 .fleet-command-strip,.fleet-v3 .fleet-live-source{box-shadow:none}



/* === END FLEET UX STANDARD v1 === */


/* === CRM COLOR + FLEET UX v2 · 2026-09-14 === */
:root{--bg:var(--legacy-palette-893);--p:var(--legacy-palette-894);--line:var(--legacy-palette-895);--mut:var(--legacy-palette-896);--blue:var(--legacy-palette-897);--green:var(--legacy-palette-898);--amber:var(--legacy-palette-899);--red:var(--legacy-palette-900);--violet:var(--legacy-palette-901);--cyan:var(--legacy-palette-902)}
html,body,#app{background:var(--legacy-palette-893)}.shell{background:var(--legacy-palette-893)}.shell>main{background:var(--legacy-palette-903)}.shell>aside{background:var(--legacy-palette-809);border-right-color:var(--legacy-palette-904)}.topbar{background:var(--legacy-palette-905);border-bottom-color:var(--legacy-palette-906)}.content{padding-left:18px;padding-right:18px}
.panel,.fleet-workspace,.service-card,.tire-card,.tire-unit-picker,.az-viewbar,.az-listpanel,.access-users,.access-editor,.role-list,.role-editor{background:var(--legacy-palette-907);border-color:var(--legacy-palette-908)}
.panel.loads{border-top:3px solid var(--legacy-palette-909)}.panel.dispatch{border-top:3px solid var(--legacy-palette-910)}.panel.fleet{border-top:3px solid var(--legacy-palette-911)}.panel.tasks{border-top:3px solid var(--legacy-palette-901)}.panel.maint{border-top:3px solid var(--legacy-palette-900)}.panel.recent{border-top:3px solid var(--legacy-palette-902)}
.nav-group.has-active>.nav-group-head,.nav-subitem.active{background:var(--legacy-palette-912)}.nav-group-head:hover,.nav-subitem:hover{background:var(--legacy-palette-913)}.topbar .new{background:var(--legacy-palette-914);border-color:var(--legacy-palette-915)}

.fleet-v3{font-size:14px}.fleet-v3 .fleet-head-v3 h1{font-size:31px}.fleet-v3 .fleet-head-v3 p{font-size:14px;color:var(--legacy-palette-916)}.fleet-v3 .fleet-head-v3>div>span{font-size:10px}.fleet-live-source b{font-size:12px}.fleet-live-source small{font-size:10px}
.fleet-command-strip>button{min-height:68px;padding:9px 12px}.fleet-command-strip span{font-size:11px}.fleet-command-strip strong{font-size:27px}.fleet-command-strip small,.fleet-command-strip i{font-size:10px}.fleet-command-strip>button:nth-child(1){background:var(--legacy-palette-917)}.fleet-command-strip>button:nth-child(2){background:var(--legacy-palette-918)}.fleet-command-strip>button:nth-child(3){background:var(--legacy-palette-919)}.fleet-command-strip>button:nth-child(4){background:var(--legacy-palette-920)}.fleet-command-strip>button:nth-child(5){background:var(--legacy-palette-921)}
.fleet-command-grid{grid-template-columns:minmax(0,1.9fr) minmax(360px,.72fr)}.fleet-command-panel>header{min-height:58px}.fleet-command-panel>header span,.fleet-register-head span{font-size:9.5px}.fleet-command-panel>header h3,.fleet-register-head h3{font-size:16px}.fleet-command-panel>header p,.fleet-register-head p{font-size:11px;line-height:1.35}
.fleet-action-queue>button{grid-template-columns:82px 125px minmax(360px,1fr) 135px 70px;min-height:48px;padding:7px 12px}.fleet-action-queue>button>b{font-size:14px}.fleet-action-queue>button>span{font-size:11px}.fleet-action-queue>button>small,.fleet-action-queue>button>strong{font-size:10px}.fleet-action-reasons i{font-size:9.5px;padding:4px 7px}.fleet-readiness-list span b{font-size:12px}.fleet-readiness-list span small{font-size:10px}.fleet-readiness-list>div>strong{font-size:15px}.fleet-readiness-list>div{padding:10px 2px}
.fleet-register-head{min-height:52px}.fleet-register .fleet-pro-toolbar{min-height:50px}.fleet-register .pro-fleet-table td{height:47px;font-size:13px}.fleet-register .pro-fleet-table td b{font-size:13.5px}.fleet-register .pro-fleet-table th{height:42px}.fleet-sort{font-size:10.5px}.fleet-tool,.fleet-filter button,.fleet-search input{font-size:12px}.fleet-status{font-size:10.5px}.fleet-age{font-size:11px}

.fleet-drawer{width:min(1280px,calc(100vw - 36px));background:var(--legacy-palette-922)}.fleet-drawer>header{background:var(--legacy-palette-923)}.fleet-drawer>header span{font-size:10px}.fleet-drawer>header h2{font-size:29px}.drawer-edit-field>span,.drawer-static-field>span{font-size:11px}.drawer-edit-field>b,.drawer-static-field>b{font-size:14px}.drawer-edit-field>i,.drawer-static-field small{font-size:10px}.service-card h3,.tire-card h3{font-size:17px}.service-card header span,.tire-card header p{font-size:11px}

.fleet-wheel-card.tire-inline-card{min-height:196px;padding:10px;cursor:default;background:var(--legacy-palette-924)}.fleet-wheel-card.tire-inline-card>b{font-size:13px}.tire-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.tire-inline-card label{display:block;margin:0}.tire-inline-card label small{display:block;margin-bottom:3px;color:var(--legacy-palette-896);font-size:9px;font-weight:700}.tire-inline-card input{width:100%;height:34px;border:1px solid var(--legacy-palette-925);border-radius:7px;background:var(--legacy-palette-809);color:var(--legacy-palette-926);padding:0 8px;font-size:13px;outline:none}.tire-inline-card input:focus{border-color:var(--legacy-palette-927);background:var(--legacy-palette-319)}.tire-inline-notes{margin-top:7px}.tire-inline-foot{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-top:8px}.tire-inline-foot>span{font-size:9px;color:var(--legacy-palette-928);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tire-inline-foot>button{height:31px;border:1px solid var(--legacy-palette-929);border-radius:7px;background:var(--legacy-palette-930);color:var(--legacy-palette-024);padding:0 10px;font-size:10px;font-weight:800}.tire-inline-foot>button:hover{background:var(--legacy-palette-931)}.tire-inline-foot>button:disabled{opacity:.55;cursor:wait}.tire-inline-msg{min-height:14px;margin-top:4px;font-size:9px;color:var(--legacy-palette-866)}.tire-inline-msg.ok{color:var(--legacy-palette-932)}.tire-inline-msg.bad{color:var(--legacy-palette-933)}.fleet-wheel-card.good{border-color:var(--legacy-palette-934)}.fleet-wheel-card.warn{border-color:var(--legacy-palette-935)}.fleet-wheel-card.bad{border-color:var(--legacy-palette-936)}.wheel-code{font-size:11px}.fleet-axle-group>header span{font-size:14px}.fleet-axle-group>header small{font-size:10.5px}.axle-side>label{font-size:9.5px}.tire-position-key{font-size:10px}

.tire-reading-overlay{display:none}


/* === END CRM COLOR + FLEET UX v2 === */

/* === FLEET UX V3 · 2026-09-14 === */
:root{
  --bg:var(--legacy-palette-937);--p:var(--legacy-palette-938);--line:var(--legacy-palette-939);--mut:var(--legacy-palette-940);--blue:var(--legacy-palette-941);--green:var(--legacy-palette-942);--amber:var(--legacy-palette-943);--red:var(--legacy-palette-944);
  --surface-1:var(--legacy-palette-945);--surface-2:var(--legacy-palette-946);--surface-3:var(--legacy-palette-947);--surface-warm:var(--legacy-palette-948);--surface-cool:var(--legacy-palette-949);
}
.shell{background:var(--bg-canvas)}.shell>aside{background:var(--legacy-palette-950);border-right-color:var(--legacy-palette-951)}.topbar{background:var(--legacy-palette-952);border-bottom-color:var(--legacy-palette-953)}.content{background:var(--legacy-palette-937)}
.fleet-page{padding:16px 10px 28px}.fleet-head-v3{padding:8px 4px 14px}.fleet-head-v3 h1{font-size:32px}.fleet-head-v3 p{font-size:14px;color:var(--legacy-palette-954)}.fleet-head-v3>div>span{font-size:10px;color:var(--legacy-palette-955)}
.fleet-live-source{background:var(--legacy-palette-956);border-color:var(--legacy-palette-957);padding:9px 12px}.fleet-live-source b{font-size:12px}.fleet-live-source small{font-size:10px}
.fleet-command-strip{gap:8px;border:0;background:transparent;overflow:visible}.fleet-command-strip>button{min-height:94px;border:1px solid var(--legacy-palette-958);border-radius:10px;background:var(--legacy-palette-959);padding:12px 14px}.fleet-command-strip>button:nth-child(1){background:var(--legacy-palette-960);border-color:var(--legacy-palette-961)}.fleet-command-strip>button:nth-child(2){background:var(--legacy-palette-962);border-color:var(--legacy-palette-963)}.fleet-command-strip>button:nth-child(3){background:var(--legacy-palette-964);border-color:var(--legacy-palette-965)}.fleet-command-strip>button:nth-child(4){background:var(--legacy-palette-960);border-color:var(--legacy-palette-961)}.fleet-command-strip>button:nth-child(5){background:var(--legacy-palette-966);border-color:var(--legacy-palette-967)}.fleet-command-strip>button.bad,.fleet-command-strip>button.warn{box-shadow:none}.fleet-command-strip span{font-size:11px;color:var(--legacy-palette-968)}.fleet-command-strip strong{font-size:30px;margin:6px 0 4px}.fleet-command-strip small{font-size:10px}.fleet-command-strip i{font-size:10px;right:13px;bottom:10px}
.fleet-command-grid{grid-template-columns:minmax(0,1.7fr) minmax(360px,.7fr);gap:10px}.fleet-command-panel{background:var(--legacy-palette-969);border-color:var(--legacy-palette-970);border-radius:10px}.fleet-command-panel>header{min-height:72px;background:var(--legacy-palette-971);border-bottom-color:var(--legacy-palette-972);padding:11px 14px}.fleet-command-panel>header h3{font-size:17px}.fleet-command-panel>header p{font-size:11.5px;color:var(--legacy-palette-973)}.fleet-command-panel>header span{font-size:9px}
.fleet-action-queue>button{min-height:54px;grid-template-columns:86px 118px minmax(320px,1.5fr) 145px 70px;padding:8px 13px;border-top-color:var(--legacy-palette-974);background:var(--legacy-palette-969)}.fleet-action-queue>button:hover{background:var(--legacy-palette-975)}.fleet-action-queue>button>b{font-size:14px}.fleet-action-queue>button>span{font-size:11px}.fleet-action-queue>button>small,.fleet-action-queue>button>strong{font-size:10px}.fleet-action-reasons i{font-size:9.5px;padding:4px 7px;border-color:var(--legacy-palette-976);background:var(--legacy-palette-977)}
.fleet-readiness-list>div{padding:12px 3px}.fleet-readiness-list span b{font-size:12px}.fleet-readiness-list span small{font-size:10px}.fleet-readiness-list>div>strong{font-size:16px}.fleet-readiness-list>div>i{height:5px;border-radius:5px;background:var(--legacy-palette-978)}.fleet-readiness-list>div:nth-child(1)>i>u{background:var(--legacy-palette-941)}.fleet-readiness-list>div:nth-child(2)>i>u{background:var(--legacy-palette-942)}.fleet-readiness-list>div:nth-child(3)>i>u{background:var(--legacy-palette-979)}.fleet-readiness-list>div:nth-child(4)>i>u{background:var(--legacy-palette-943)}
.fleet-register{margin-top:10px;background:var(--legacy-palette-980);border-color:var(--legacy-palette-970)}.fleet-register-head{min-height:58px;background:var(--legacy-palette-971);padding:9px 13px}.fleet-register-head h3{font-size:16px}.fleet-register-head p{font-size:10.5px}.fleet-pro-toolbar{background:var(--legacy-palette-981);padding:9px 11px}.fleet-search{height:40px;background:var(--legacy-palette-982)}.fleet-search input{font-size:13px}.fleet-tool{height:38px;font-size:11.5px}.pro-fleet-table th{height:44px;background:var(--legacy-palette-983)}.pro-fleet-table td{height:50px;font-size:13px}.fleet-sort{font-size:10px}.fleet-status{font-size:10.5px;padding:5px 8px}.fleet-age{font-size:11px}
.fleet-list-overlay{background:rgba(5,9,13,.82)}.fleet-list-sheet{background:var(--legacy-palette-945);border-left-color:var(--legacy-palette-984)}.fleet-list-sheet>header{background:var(--legacy-palette-985);min-height:88px;padding:15px 20px}.fleet-list-sheet>header h2{font-size:30px}.fleet-list-sheet>header p{font-size:12px}.fleet-list-sheet .pro-table-wrap{background:var(--legacy-palette-945)}
.fleet-drawer{background:var(--legacy-palette-945);border-left-color:var(--legacy-palette-986)}.fleet-drawer>header{background:var(--legacy-palette-985);min-height:84px}.fleet-drawer>header h2{font-size:30px}.drawer-edit-field,.drawer-static-field{background:var(--legacy-palette-987);border-color:var(--legacy-palette-988)}.drawer-edit-field>span,.drawer-static-field>span{font-size:10.5px}.drawer-edit-field>b,.drawer-static-field>b{font-size:13px}.service-card,.tire-card{background:var(--legacy-palette-989);border-color:var(--legacy-palette-990)}.service-card>header,.tire-card>header{background:var(--legacy-palette-991)}.service-card h3,.tire-card h3{font-size:16px}
/* Tire entry: compact data-entry board */
.legacy-tire-body{background:var(--legacy-palette-992);padding:10px}.fleet-axle-group{background:var(--legacy-palette-993);border-color:var(--legacy-palette-994);margin-top:10px}.fleet-axle-group>header{background:var(--legacy-palette-995);min-height:48px}.fleet-axle-group>header span{font-size:14px}.fleet-axle-group>header small{font-size:10px}.axle-grid{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);padding:10px}.fleet-wheel-card{min-height:0;background:var(--legacy-palette-996);border-color:var(--legacy-palette-997);padding:10px}.fleet-wheel-card.good{background:var(--legacy-palette-998);border-color:var(--legacy-palette-999)}.fleet-wheel-card.warn{background:var(--legacy-palette-1000);border-color:var(--legacy-palette-1001)}.fleet-wheel-card.bad{background:var(--legacy-palette-1002);border-color:var(--legacy-palette-1003)}.fleet-wheel-card>b{font-size:13px}.wheel-code{font-size:11px}.tire-inline-grid{gap:8px}.tire-inline-grid label small,.tire-inline-notes small{font-size:9px;color:var(--legacy-palette-1004)}.tire-inline-grid input,.tire-inline-notes input{height:38px;font-size:14px;background:var(--legacy-palette-1005);border-color:var(--legacy-palette-1006)}.tire-inline-notes input{margin-top:4px}.tire-inline-foot{margin-top:9px}.tire-inline-foot span{font-size:9.5px;color:var(--legacy-palette-1007)}.tire-inline-foot button{height:34px;padding:0 12px;background:var(--legacy-palette-1008);border-color:var(--legacy-palette-1009);font-size:10.5px}.tire-inline-msg{font-size:9px;min-height:13px}.tire-panel-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.tire-panel-summary>div{background:var(--legacy-palette-1010);border-color:var(--legacy-palette-1011)}.tire-panel-summary span{font-size:9px}.tire-panel-summary b{font-size:12.5px}
/* Tires dashboard distinct section colors */
.tire-primary-kpis{gap:9px}.tire-ops-kpi{background:var(--legacy-palette-956);border-color:var(--legacy-palette-1012)}.tire-primary-kpis .tire-ops-kpi:nth-child(1){background:var(--legacy-palette-1013);border-color:var(--legacy-palette-1014)}.tire-primary-kpis .tire-ops-kpi:nth-child(2){background:var(--legacy-palette-1015);border-color:var(--legacy-palette-1016)}.tire-primary-kpis .tire-ops-kpi:nth-child(3){background:var(--legacy-palette-1017);border-color:var(--legacy-palette-1018)}.tire-primary-kpis .tire-ops-kpi:nth-child(4){background:var(--legacy-palette-1019);border-color:var(--legacy-palette-1020)}.tire-primary-kpis .tire-ops-kpi:nth-child(5){background:var(--legacy-palette-1021);border-color:var(--legacy-palette-1022)}.tire-primary-kpis .tire-ops-kpi:nth-child(6){background:var(--legacy-palette-1023);border-color:var(--legacy-palette-1024)}.tire-ops-kpi span{font-size:10.5px}.tire-ops-kpi strong{font-size:30px}.tire-ops-kpi small,.tire-ops-kpi i{font-size:9.5px}.tire-ops-panel{background:var(--legacy-palette-969);border-color:var(--legacy-palette-990)}.tire-ops-panel>header{background:var(--legacy-palette-985)}.tire-secondary-grid article{background:var(--legacy-palette-987);border-color:var(--legacy-palette-990)}.tire-secondary-grid article:nth-child(1){border-top:3px solid var(--legacy-palette-944)}.tire-secondary-grid article:nth-child(2){border-top:3px solid var(--legacy-palette-943)}.tire-secondary-grid article:nth-child(3){border-top:3px solid var(--legacy-palette-979)}.tire-secondary-grid article:nth-child(4){border-top:3px solid var(--legacy-palette-944)}.tire-secondary-grid article:nth-child(5){border-top:3px solid var(--legacy-palette-941)}.tire-secondary-grid article:nth-child(6){border-top:3px solid var(--legacy-palette-942)}
/* Enum controls visibly look like dropdowns */
.fleet-inline-input:is(select){appearance:auto;padding-right:28px;background:var(--legacy-palette-1025)}.fleet-edit-field select{width:100%;height:38px;margin-top:4px;border:1px solid var(--legacy-palette-643);border-radius:7px;background:var(--legacy-palette-1025);color:var(--legacy-palette-494);padding:0 9px;font-size:12px;outline:0}.fleet-edit-field select:focus{border-color:var(--legacy-palette-941)}.drawer-inline-control:is(select){appearance:auto;background:var(--legacy-palette-1025)}

/* === END FLEET UX V3 === */

/* === CRM UX V4 · APP SHELL + FLEET · 2026-09-14 === */
.shell{
  --crm-bg:var(--legacy-palette-1026);--crm-sidebar:var(--legacy-palette-937);--crm-top:var(--legacy-palette-1027);--crm-surface:var(--legacy-palette-1028);--crm-surface-2:var(--legacy-palette-1029);--crm-surface-3:var(--legacy-palette-1030);--crm-line:var(--legacy-palette-1031);--crm-line-soft:var(--legacy-palette-1032);--crm-text:var(--legacy-palette-1033);--crm-muted:var(--legacy-palette-1034);--crm-blue:var(--legacy-palette-941);--crm-green:var(--legacy-palette-1035);--crm-amber:var(--legacy-palette-1036);--crm-red:var(--legacy-palette-1037);--crm-violet:var(--legacy-palette-1038);
  grid-template-columns:238px minmax(0,1fr);background:var(--bg-canvas);color:var(--text-primary);font-size:14px
}
.shell>aside{background:var(--bg-sidebar);border-right:1px solid var(--border);box-shadow:none}
.sidehead{height:64px;padding:0 12px;border-bottom:1px solid var(--border-subtle);gap:9px}
.sidehead .brand-logo{width:42px;height:30px}.brandtxt b{font-size:16px;letter-spacing:.02em}.brandtxt span{font-size:11px;color:var(--legacy-palette-1039)}
.sidehead button{width:34px;height:34px;border:1px solid var(--border);background:var(--legacy-palette-1040);border-radius:8px;color:var(--legacy-palette-1041)}
.shell>aside>nav{padding:10px 8px;gap:3px}.nav-item,.nav-group-head{height:39px;border:0;border-radius:7px;padding:0 9px;background:transparent;color:var(--legacy-palette-1042);gap:9px}
.nav-item:hover,.nav-group-head:hover{background:var(--legacy-palette-1043);color:var(--legacy-palette-1044)}.nav-item span,.nav-group-head span{width:25px;height:25px;flex:0 0 25px;border:0;background:var(--legacy-palette-1043);border-radius:7px;color:var(--legacy-palette-1045)}
.nav-item span svg,.nav-group-head span svg{width:17px;height:17px}.nav-item b,.nav-group-head b{font-size:13.5px;font-weight:700}.nav-group-head i{font-size:13px;color:var(--legacy-palette-1046)}
.nav-item.active,.nav-group.has-active>.nav-group-head{background:var(--legacy-palette-1047);color:var(--legacy-palette-024);box-shadow:inset 3px 0 var(--crm-blue)}.nav-item.active span,.nav-group.has-active>.nav-group-head span{background:var(--legacy-palette-1048);border:0;color:var(--legacy-palette-1049)}
[data-group="fleetGroup"] span{color:var(--legacy-palette-1050)}[data-group="peopleGroup"] span{color:var(--legacy-palette-1051)}[data-group="financeGroup"] span{color:var(--legacy-palette-1052)}[data-group="reportingGroup"] span{color:var(--legacy-palette-1053)}[data-group="adminGroup"] span{color:var(--legacy-palette-1054)}
.nav-sub{margin:1px 0 5px 34px;padding:3px 0 3px 8px;border-left:1px solid var(--legacy-palette-1055);gap:1px}.nav-subitem{min-height:32px;padding:6px 9px;border:0;border-radius:6px;background:transparent;color:var(--legacy-palette-1056);font-size:12.5px;font-weight:600}.nav-subitem:hover{background:var(--legacy-palette-1057);color:var(--legacy-palette-1058)}.nav-subitem.active{background:var(--legacy-palette-1059);color:var(--legacy-palette-024);box-shadow:inset 2px 0 var(--crm-blue)}
.nav-third{margin-left:10px;padding-left:8px;border-left:1px solid var(--legacy-palette-1060)}.nav-third-item{height:29px;font-size:11.5px;color:var(--legacy-palette-1061)}.nav-third-item.active{background:var(--legacy-palette-1062);color:var(--legacy-palette-024);box-shadow:inset 2px 0 var(--legacy-palette-1063)}
.sidebottom{padding:9px;border-top:1px solid var(--border-subtle);background:var(--legacy-palette-1064)}.user{padding:7px}.user>i{width:34px;height:34px;border-radius:9px;background:var(--legacy-palette-1065)}.user b{font-size:11.5px}.user span{font-size:10px}.sidebottom>button{height:35px;border:0;background:transparent;font-size:12px}
.shell.collapsed{grid-template-columns:68px minmax(0,1fr)}.collapsed .nav-item,.collapsed .nav-group-head{width:46px;height:40px}.collapsed .nav-item span,.collapsed .nav-group-head span{width:28px;height:28px}
.topbar{height:60px;background:var(--bg-canvas);border-bottom:1px solid var(--border);padding:0 14px;box-shadow:none}.topbar>div>strong{font-size:15px}.date,.tz{height:32px;border:1px solid var(--border);background:var(--legacy-palette-1043);border-radius:7px;padding:0 9px;font-size:11px;color:var(--legacy-palette-1066)}.tz b{color:var(--legacy-palette-1067)}.search{height:36px;border:1px solid var(--border);background:var(--legacy-palette-1068);border-radius:8px}.search input{font-size:12.5px}.topbar .new{height:36px;border-radius:8px;background:var(--legacy-palette-1069);border-color:var(--legacy-palette-1069);box-shadow:none}.topbar section>button:not(.new){background:var(--legacy-palette-1043);border-color:var(--border);border-radius:8px}
.content{padding:12px 14px 22px;background:var(--bg-canvas)}.panel,.fleet-workspace,.fleet-command-panel,.service-card,.tire-card,.tire-unit-picker,.tire-ops-panel,.az-listpanel,.access-users,.access-editor,.role-list,.role-editor{background:var(--bg-surface);border-color:var(--border);box-shadow:none}.panel header,.fleet-command-panel>header,.service-card>header,.tire-card>header,.tire-ops-panel>header{background:var(--bg-raised);border-color:var(--border)}
.shell button,.shell input,.shell select,.shell textarea{font-family:inherit}.shell input,.shell select,.shell textarea{border-color:var(--legacy-palette-1070);background:var(--legacy-palette-1071);color:var(--legacy-palette-1033)}.shell input:focus,.shell select:focus,.shell textarea:focus{border-color:var(--legacy-palette-941);box-shadow:0 0 0 2px rgba(74,168,255,.13);outline:0}
.fleet-page{padding-top:8px}.fleet-head-v3{padding:3px 2px 12px}.fleet-head-v3 h1{font-size:27px}.fleet-head-v3 p{font-size:13px;color:var(--legacy-palette-1072)}.fleet-live-source{background:var(--legacy-palette-1043);border-color:var(--legacy-palette-1073)}.fleet-live-source b{font-size:12px}.fleet-live-source small{font-size:10.5px}
.fleet-view-tabs{display:flex;align-items:center;gap:5px;overflow:auto;padding:0 0 10px}.fleet-view-tabs button{height:38px;display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--legacy-palette-1074);padding:0 11px;font-size:12.5px;font-weight:700}.fleet-view-tabs button:hover{background:var(--legacy-palette-1075);color:var(--legacy-palette-1033)}.fleet-view-tabs button.active{background:var(--legacy-palette-1076);border-color:var(--legacy-palette-1077);color:var(--legacy-palette-024)}.fleet-view-tabs button b{min-width:23px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:6px;background:var(--legacy-palette-1078);color:var(--legacy-palette-1079);font-size:11px}.fleet-view-tabs button.active b{background:var(--legacy-palette-1080);color:var(--legacy-palette-1081)}
.fleet-command-grid{gap:10px;margin-bottom:10px}.fleet-command-panel{border-radius:9px}.fleet-command-panel>header{min-height:66px;padding:10px 13px}.fleet-command-panel>header span,.fleet-register-head span{font-size:10px}.fleet-command-panel>header h3,.fleet-register-head h3{font-size:16px}.fleet-command-panel>header p,.fleet-register-head p{font-size:11.5px}.fleet-action-queue>button{min-height:48px;grid-template-columns:86px 120px minmax(240px,1fr) 145px 66px;background:var(--bg-surface);border-color:var(--legacy-palette-1082);padding:7px 12px}.fleet-action-queue>button:hover{background:var(--legacy-palette-1083)}.fleet-action-queue>button>b{font-size:13.5px}.fleet-action-queue>button>span{font-size:11.5px}.fleet-action-queue>button>small,.fleet-action-queue>button>strong{font-size:10.5px}.fleet-action-reasons i{font-size:9.5px;border-radius:5px;background:var(--legacy-palette-1084);color:var(--legacy-palette-1085)}
.fleet-register{border-radius:9px;overflow:hidden}.fleet-register-head{min-height:54px;padding:8px 12px;background:var(--bg-raised);border-color:var(--border)}.fleet-toolbar-v4{min-height:50px;background:var(--legacy-palette-1043);border-color:var(--border)}.fleet-toolbar-v4 .fleet-tool{height:34px;background:var(--legacy-palette-1086);border-color:var(--legacy-palette-1087);color:var(--legacy-palette-1088);font-size:11.5px}.fleet-toolbar-v4 .fleet-tool:hover{background:var(--legacy-palette-1089)}.fleet-toolbar-v4 .fleet-filter{margin-left:3px}.fleet-toolbar-v4 .fleet-filter button{font-size:11.5px}.fleet-toolbar-v4>span{font-size:11px}
.fleet-fast-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--legacy-palette-1090)}.fleet-fast-filters label{display:flex;align-items:center;gap:6px;color:var(--legacy-palette-1091);font-size:11px}.fleet-fast-filters select{height:32px;min-width:120px;border-radius:7px;padding:0 26px 0 8px;font-size:11.5px}.fleet-fast-filters button{height:32px;border:0;border-radius:7px;background:var(--legacy-palette-1092);color:var(--legacy-palette-1093);padding:0 10px;font-size:11px}.fleet-fast-filters button b{margin-left:4px}
.fleet-bulk-bar{min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--legacy-palette-1094);background:var(--legacy-palette-1095)}.fleet-bulk-bar strong{font-size:13px}.fleet-bulk-bar>span{color:var(--legacy-palette-1096);font-size:10.5px}.fleet-bulk-bar label{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--legacy-palette-1097);font-size:11px}.fleet-bulk-bar select{height:32px;border-radius:7px}.fleet-bulk-bar button{height:32px;border:1px solid var(--legacy-palette-1098);border-radius:7px;background:var(--legacy-palette-1099);color:var(--legacy-palette-1100);padding:0 10px}
.fleet-table-v4 th{height:40px;background:var(--legacy-palette-1083);color:var(--legacy-palette-1101);border-color:var(--legacy-palette-1102)}.fleet-table-v4 td{height:45px;background:transparent;border-color:var(--legacy-palette-1103);font-size:13px;color:var(--legacy-palette-1104)}.fleet-table-v4 tbody tr:nth-child(even){background:var(--legacy-palette-1105)}.fleet-table-v4 tbody tr:hover{background:var(--legacy-palette-1106)}.fleet-table-v4 tbody tr.selected{background:var(--legacy-palette-1107)}.fleet-table-v4 .cell-main,.fleet-table-v4 td b{font-size:13.5px}.fleet-sort{font-size:10.5px}.fleet-status{font-size:10.5px;border-radius:6px}.fleet-age{font-size:10.5px}.fleet-select-col{width:42px;min-width:42px;text-align:center;padding:0}.fleet-select-col input{width:16px;height:16px;accent-color:var(--legacy-palette-941)}
.fleet-columns-v4{width:min(560px,calc(100vw - 30px))}.fleet-column-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:2px}.fleet-column-list label{min-height:48px;display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--legacy-palette-1073);border-radius:8px;background:var(--legacy-palette-1105)}.fleet-column-list input{width:16px;height:16px;accent-color:var(--legacy-palette-941)}.fleet-column-list b,.fleet-column-list small{display:block}.fleet-column-list b{font-size:12.5px}.fleet-column-list small{font-size:10px;color:var(--legacy-palette-1108);margin-top:2px}
.tire-inline-queue{margin-bottom:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-surface);overflow:hidden}.tire-inline-queue>header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.tire-inline-queue>header span{font-size:9px;letter-spacing:.11em;color:var(--legacy-palette-1109)}.tire-inline-queue h3{font-size:16px;margin:2px 0}.tire-inline-queue p{font-size:11px;color:var(--legacy-palette-1110);margin:0}.tire-inline-queue>header button{height:32px;border:1px solid var(--legacy-palette-1111);border-radius:7px;background:var(--legacy-palette-1099);color:var(--legacy-palette-1112);padding:0 10px}.tire-primary-kpis{gap:8px}.tire-ops-kpi{min-height:92px;background:var(--bg-surface);border-color:var(--legacy-palette-1113)}.tire-ops-kpi.bad{border-top:3px solid var(--crm-red)}.tire-ops-kpi.warn{border-top:3px solid var(--crm-amber)}.tire-ops-kpi.good{border-top:3px solid var(--crm-green)}.tire-ops-kpi span{font-size:10.5px}.tire-ops-kpi strong{font-size:27px}.tire-ops-kpi small,.tire-ops-kpi i{font-size:10px}.tire-secondary-grid article{background:var(--bg-surface);border-color:var(--border)}.tire-secondary-grid span,.tire-secondary-grid small,.tire-secondary-grid button{font-size:10.5px}.tire-secondary-grid strong{font-size:23px}
.tire-mode-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:8px 11px;border:1px solid var(--legacy-palette-467);border-radius:9px;background:var(--legacy-palette-1114)}.tire-mode-bar b,.tire-mode-bar span{display:block}.tire-mode-bar b{font-size:13px}.tire-mode-bar span{font-size:10.5px;color:var(--legacy-palette-1115);margin-top:2px}.tire-mode-bar button{height:34px;padding:0 12px}
.tire-inspection-v4{margin-top:10px;border:1px solid var(--legacy-palette-1116);border-radius:10px;background:var(--bg-surface);overflow:hidden}.tire-inspection-v4>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--legacy-palette-1117);border-bottom:1px solid var(--legacy-palette-1113)}.tire-inspection-v4>header span{font-size:9px;letter-spacing:.12em;color:var(--legacy-palette-1118)}.tire-inspection-v4>header h3{font-size:18px;margin:3px 0}.tire-inspection-v4>header p{font-size:11.5px;color:var(--legacy-palette-1119);margin:0}.tire-inspection-v4>header>div:last-child{display:flex;align-items:center;gap:10px}.tire-inspection-v4>header strong{font-size:11px;color:var(--legacy-palette-1120)}.tire-inspection-v4>header button{height:32px;border:1px solid var(--legacy-palette-1121);border-radius:7px;background:var(--legacy-palette-1122);color:var(--legacy-palette-1123);padding:0 10px}.inspection-grid-head,.inspection-row-v4{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.1fr) 125px 125px minmax(180px,1.3fr);gap:8px;align-items:center}.inspection-grid-head{padding:8px 12px;background:var(--legacy-palette-1124);border-bottom:1px solid var(--legacy-palette-1125);color:var(--legacy-palette-1126);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.inspection-row-v4{min-height:62px;padding:7px 12px;border-bottom:1px solid var(--legacy-palette-1127)}.inspection-row-v4:nth-child(even){background:var(--legacy-palette-1105)}.inspection-row-v4>div b,.inspection-row-v4>div span{display:block}.inspection-row-v4>div b{font-size:12.5px}.inspection-row-v4>div span{font-size:10px;color:var(--legacy-palette-1128);margin-top:2px}.inspection-row-v4 input{height:36px;border-radius:7px;padding:0 9px;font-size:12.5px}.tire-inspection-v4>footer{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--legacy-palette-1129)}.tire-inspection-v4>footer span{font-size:11px;color:var(--legacy-palette-1130)}.tire-inspection-v4>footer span.bad{color:var(--legacy-palette-1131)}.tire-inspection-v4>footer button{height:36px}
.fleet-drawer{background:var(--legacy-palette-1132);border-color:var(--legacy-palette-1077)}.fleet-drawer>header{background:var(--legacy-palette-1133);border-color:var(--legacy-palette-1113)}.fleet-drawer-body{background:var(--legacy-palette-1132)}.drawer-edit-field,.drawer-static-field{background:var(--legacy-palette-1134);border-color:var(--legacy-palette-1135)}.drawer-edit-field>span,.drawer-static-field>span{font-size:10.5px}.drawer-edit-field>b,.drawer-static-field>b{font-size:13px}.service-grid>div,.editable-service-grid>.drawer-edit-field{background:var(--legacy-palette-1133)}.service-history article{border-color:var(--legacy-palette-1136)}.change-timeline article{border-color:var(--legacy-palette-1136)}
.crm-toast{position:fixed;right:20px;bottom:20px;z-index:200;min-width:240px;max-width:420px;padding:11px 14px;border:1px solid var(--legacy-palette-1137);border-radius:8px;background:var(--legacy-palette-1138);color:var(--legacy-palette-1139);font-size:12.5px;font-weight:700;opacity:0;transform:translateY(8px);transition:.16s}.crm-toast.bad{border-color:var(--legacy-palette-1140);background:var(--legacy-palette-1141);color:var(--legacy-palette-1142)}.crm-toast.show{opacity:1;transform:none}
.density-compact .fleet-table-v4 td{height:38px;padding-top:4px;padding-bottom:4px}.density-compact .fleet-view-tabs button{height:34px}.density-compact .inspection-row-v4{min-height:52px}.density-compact .fleet-action-queue>button{min-height:41px}


/* === END CRM UX V4 === */


/* === FRONTLINE CRM V2 · UX STANDARD COMPLETE PASS · 2026-09-14 === */
:root{--v2-bg:var(--legacy-palette-1143);--v2-side:var(--legacy-palette-1144);--v2-top:var(--legacy-palette-1145);--v2-s1:var(--legacy-palette-1146);--v2-s2:var(--legacy-palette-1147);--v2-s3:var(--legacy-palette-1148);--v2-line:var(--legacy-palette-1149);--v2-line2:var(--legacy-palette-1150);--v2-text:var(--legacy-palette-1151);--v2-muted:var(--legacy-palette-1074);--v2-blue:var(--legacy-palette-1152);--v2-green:var(--legacy-palette-1153);--v2-amber:var(--legacy-palette-1154);--v2-red:var(--legacy-palette-1155);--v2-purple:var(--legacy-palette-1156)}
body{font-size:14px}.shell{background:var(--v2-bg)}.shell>aside{background:var(--v2-side)}.shell>main,.content{background:var(--v2-bg)}.topbar{background:var(--v2-top)}.content{padding:14px 16px 72px}
.nav-group{position:relative}.nav-group.has-active:before{content:'';position:absolute;left:-8px;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--legacy-palette-1157)}.nav-group-head{height:40px}.nav-group-head b{font-size:13.5px}.nav-sub{padding-top:4px;padding-bottom:5px}.nav-subitem{min-height:34px;font-size:12.5px}.nav-third-item{height:31px}.nav-item.active,.nav-group.has-active>.nav-group-head{background:var(--legacy-palette-1158)}.nav-subitem.active{background:var(--legacy-palette-1159)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--legacy-palette-1160);outline-offset:2px}
.fleet-head-v5{padding-top:6px}.role-view-hint{display:block;margin-top:6px;color:var(--legacy-palette-1161);font-size:10.5px}.fleet-view-tabs{border-bottom:1px solid var(--legacy-palette-1162);margin-bottom:10px;padding-bottom:8px}.fleet-view-tabs button{height:40px}.fleet-view-tabs button.active{background:var(--legacy-palette-1163);border-color:var(--legacy-palette-1111)}
.fleet-register{border-color:var(--v2-line)}.fleet-register-head{background:var(--legacy-palette-1164)}.fleet-toolbar-v4{background:var(--legacy-palette-1124)}.fleet-fast-filters{background:var(--legacy-palette-1132)}.fleet-table-v5 th{background:var(--legacy-palette-1165)}.fleet-table-v5 td{height:46px;font-size:13.5px}.fleet-table-v5 .pinned-col{position:sticky;z-index:3;background:var(--legacy-palette-1166)}.fleet-table-v5 th.pinned-col{z-index:7;background:var(--legacy-palette-1167)}.fleet-table-v5 .sticky-select{position:sticky;left:0;z-index:8;background:var(--legacy-palette-1166)}.fleet-table-v5 th.sticky-select{z-index:9;background:var(--legacy-palette-1167)}.pin-mark{position:absolute;right:10px;top:7px;color:var(--legacy-palette-1168);font-size:7px}.fleet-table-v5 td.fleet-inline-cell{cursor:text}.fleet-table-v5 td[tabindex="0"]:focus{box-shadow:inset 0 0 0 2px var(--legacy-palette-1169);background:var(--legacy-palette-1170)}
.fleet-load-more{min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--v2-line);background:var(--legacy-palette-1124);color:var(--legacy-palette-1171);font-size:11.5px}.fleet-load-more button{height:32px;border:1px solid var(--legacy-palette-1172);border-radius:7px;background:var(--legacy-palette-1173);color:var(--legacy-palette-1174);padding:0 12px}
.fleet-mobile-cards{display:none}.fleet-columns-v5{width:min(640px,calc(100vw - 28px))}.fleet-column-list-v5{display:flex;flex-direction:column;gap:6px}.fleet-col-row{min-height:48px;display:grid;grid-template-columns:28px 1fr 82px 58px;gap:8px;align-items:center;padding:7px 9px;border:1px solid var(--legacy-palette-1125);border-radius:8px;background:var(--legacy-palette-1175)}.fleet-col-row.dragging{opacity:.5}.fleet-col-row.dragover{border-color:var(--legacy-palette-1176);background:var(--legacy-palette-1177)}.fleet-col-row .draghandle{cursor:grab;color:var(--legacy-palette-1178)}.fleet-col-row>label{display:flex;align-items:center;gap:8px;font-size:12.5px}.fleet-col-row input{width:16px;height:16px;accent-color:var(--legacy-palette-941)}.fleet-col-row .pin-control{justify-content:center;color:var(--legacy-palette-1179)}.fleet-col-row small{text-align:right;color:var(--legacy-palette-1180);font-size:10px}
.fleet-filter-builder{width:min(720px,calc(100vw - 28px))}.filter-join{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--legacy-palette-1125);border-radius:8px;background:var(--legacy-palette-1175)}.filter-join span{font-size:12px;color:var(--legacy-palette-1181)}.filter-join select{width:220px;margin:0}.advanced-rule-list{display:flex;flex-direction:column;gap:5px;margin:10px 0}.advanced-rule-list>div{min-height:40px;display:grid;grid-template-columns:180px 1fr 34px;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--legacy-palette-1136);border-radius:7px;background:var(--legacy-palette-1124)}.advanced-rule-list b{font-size:11.5px}.advanced-rule-list span{font-size:11px;color:var(--legacy-palette-1182)}.advanced-rule-list button{height:28px;border:0;border-radius:6px;background:var(--legacy-palette-1183);color:var(--legacy-palette-1184)}.advanced-rule-list>p{margin:4px 0;color:var(--legacy-palette-1185);font-size:11px}.new-filter-rule{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:8px}.new-filter-rule label{font-size:10.5px;color:var(--legacy-palette-1186)}.new-filter-rule select,.new-filter-rule input{margin-top:5px}
.fleet-drawer-v5{width:min(1180px,calc(100vw - 34px));display:flex;flex-direction:column;overflow:hidden;background:var(--legacy-palette-1187)}.fleet-drawer-v5>header{position:relative;flex:0 0 auto;min-height:86px;background:var(--legacy-palette-1188)}.drawer-identity h2{font-size:28px}.drawer-identity p{font-size:12px}.fleet-drawer-tabs{height:48px;flex:0 0 auto;display:flex;align-items:end;gap:4px;padding:0 18px;border-bottom:1px solid var(--legacy-palette-1189);background:var(--legacy-palette-1068)}.fleet-drawer-tabs button{height:40px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--legacy-palette-1171);padding:0 13px;font-size:12px;font-weight:750}.fleet-drawer-tabs button.active{color:var(--legacy-palette-1044);border-bottom-color:var(--legacy-palette-1190)}.fleet-drawer-tabs button b{margin-left:5px;padding:2px 6px;border-radius:9px;background:var(--legacy-palette-1191);font-size:9px}.fleet-drawer-v5 .fleet-drawer-body{flex:1;min-height:0;overflow:auto;padding:14px 18px 22px}.drawer-overview-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:10px;padding:13px 15px;border:1px solid var(--legacy-palette-1102);border-left:4px solid var(--legacy-palette-1157);border-radius:9px;background:var(--legacy-palette-1188)}.drawer-overview-hero>div>span{font-size:9px;letter-spacing:.1em;color:var(--legacy-palette-1192)}.drawer-overview-hero h3{margin:4px 0 3px;font-size:16px}.drawer-overview-hero p{margin:0;color:var(--legacy-palette-1193);font-size:11px}.sync-state{display:grid;grid-template-columns:10px auto;column-gap:7px;align-items:center;min-width:220px}.sync-state i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:var(--legacy-palette-1194)}.sync-state b,.sync-state small{display:block}.sync-state b{font-size:11.5px}.sync-state small{font-size:9.5px;color:var(--legacy-palette-1195);margin-top:2px}.sync-state.good i{background:var(--legacy-palette-1196)}.sync-state.bad i{background:var(--legacy-palette-1197)}.sync-state.busy i{background:var(--legacy-palette-1198)}.fleet-drawer-footer{min-height:58px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 17px;border-top:1px solid var(--legacy-palette-1125);background:var(--legacy-palette-1124)}.fleet-drawer-footer>div{display:flex;gap:13px;color:var(--legacy-palette-1199);font-size:9.5px}.audit-table article{display:grid;grid-template-columns:170px minmax(0,1fr) 90px;gap:12px;padding:11px 3px;border-bottom:1px solid var(--legacy-palette-1200)}.audit-table time{font-size:10px;color:var(--legacy-palette-1201)}.audit-table b{font-size:12px}.audit-table p{margin:5px 0 0;display:flex;gap:7px;font-size:11px}.audit-table p span{text-decoration:line-through;color:var(--legacy-palette-1202)}.audit-table p i{font-style:normal}.audit-table p strong{color:var(--legacy-palette-1203)}.audit-table em{font-style:normal;font-size:9px;color:var(--legacy-palette-1204)}
.crm-toast-action{display:flex;align-items:center;gap:12px}.crm-toast-action span{flex:1}.crm-toast-action button{height:30px;border:1px solid var(--legacy-palette-1205);border-radius:6px;background:var(--legacy-palette-1206);color:var(--legacy-palette-1207);padding:0 10px;font-size:11px;font-weight:800}.crm-toast-action.bad button{border-color:var(--legacy-palette-1208);background:var(--legacy-palette-1209)}
.command-palette{position:fixed;inset:0;z-index:260;background:rgba(5,8,11,.72);display:flex;align-items:flex-start;justify-content:center;padding-top:min(14vh,120px)}.command-palette>section{width:min(720px,calc(100vw - 28px));max-height:72vh;overflow:hidden;border:1px solid var(--legacy-palette-1098);border-radius:12px;background:var(--legacy-palette-1068);box-shadow:0 24px 70px rgba(0,0,0,.48)}.command-palette header{height:58px;display:grid;grid-template-columns:42px 1fr 58px;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--legacy-palette-1210)}.command-palette header>span{font-size:10px;color:var(--legacy-palette-1211)}.command-palette input{height:42px;border:0;background:transparent;font-size:15px;box-shadow:none}.command-palette header button{height:30px;border:1px solid var(--legacy-palette-1087);border-radius:6px;background:var(--legacy-palette-1212);color:var(--legacy-palette-1171)}.command-results{max-height:52vh;overflow:auto;padding:6px}.command-results button{width:100%;min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:7px;background:transparent;color:var(--legacy-palette-1213);padding:7px 10px;text-align:left}.command-results button:hover,.command-results button.active{background:var(--legacy-palette-1163)}.command-results b{font-size:12.5px}.command-results small{color:var(--legacy-palette-1214);font-size:10px}.command-palette footer{padding:8px 12px;border-top:1px solid var(--legacy-palette-1210);color:var(--legacy-palette-1215);font-size:9.5px}
.system-health-chip{height:32px;width:auto;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:7px;font-size:10.5px}.system-health-chip i{width:7px;height:7px;border-radius:50%;background:var(--legacy-palette-1216)}.system-health-chip.good i{background:var(--legacy-palette-1217)}.system-health-chip.bad i{background:var(--legacy-palette-1218)}.system-health-chip.busy i{background:var(--legacy-palette-1219)}.health-pop>div{display:flex;justify-content:space-between;gap:18px;padding:8px 9px;border-top:1px solid var(--legacy-palette-1220);font-size:11px}.health-pop>div span{color:var(--legacy-palette-1221)}.health-pop>div strong{color:var(--legacy-palette-1222)}
.mobile-bottom-nav{display:none}


/* === END FRONTLINE CRM V2 === */

/* === FRONTLINE CRM V3 · DELIGHT / ZERO-FRICTION · 2026-09-14 === */
:root{
  --v3-bg:var(--legacy-palette-1234);--v3-sidebar:var(--legacy-palette-1235);--v3-top:var(--legacy-palette-1236);--v3-surface:var(--legacy-palette-1237);--v3-surface-2:var(--legacy-palette-1238);--v3-surface-3:var(--legacy-palette-1239);
  --v3-line:var(--legacy-palette-1240);--v3-line-soft:var(--legacy-palette-1048);--v3-text:var(--legacy-palette-1241);--v3-muted:var(--legacy-palette-1242);
  --v3-blue:var(--legacy-palette-1243);--v3-cyan:var(--legacy-palette-1244);--v3-teal:var(--legacy-palette-1245);--v3-amber:var(--legacy-palette-1246);--v3-red:var(--legacy-palette-1247);--v3-violet:var(--legacy-palette-1248);
}
html,body,#app,.shell,.shell>main,.content{background:var(--bg-canvas)}
body{font-size:14px;color:var(--text-primary);text-rendering:optimizeLegibility}
.shell>aside{background:var(--v3-sidebar);border-right-color:var(--legacy-palette-1249)}
.topbar{background:var(--v3-top);border-bottom-color:var(--legacy-palette-1250)}
.content{padding:14px 16px 26px}
::selection{background:var(--legacy-palette-1251);color:var(--legacy-palette-024)}
button{cursor:pointer}.shell button:focus-visible,.shell input:focus-visible,.shell select:focus-visible,.shell textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--v3-blue);outline-offset:2px}

/* Sidebar: calmer structure + useful personal workspace */
.sidehead{background:var(--legacy-palette-1252)}.brandtxt b{letter-spacing:.035em}.brandtxt span{color:var(--legacy-palette-1253)}
.shell>aside>nav{padding-top:8px}.nav-group-head,.nav-item{font-weight:700}.nav-group-head:hover,.nav-item:hover{background:var(--legacy-palette-1254)}.nav-group.has-active>.nav-group-head,.nav-item.active{background:var(--legacy-palette-1255)}
[data-group="operationsGroup"] span{color:var(--v3-blue)}[data-group="fleetGroup"] span{color:var(--v3-teal)}[data-group="peopleGroup"] span{color:var(--v3-violet)}[data-group="financeGroup"] span{color:var(--v3-amber)}[data-group="reportingGroup"] span{color:var(--v3-cyan)}
.side-personal{margin:3px 8px 8px;padding:8px 0;border-top:1px solid var(--legacy-palette-1106);border-bottom:1px solid var(--legacy-palette-1106);max-height:230px;overflow:auto}.side-personal>header{padding:2px 8px 7px}.side-personal>header span{font-size:8.5px;font-weight:850;letter-spacing:.13em;color:var(--legacy-palette-1256)}.side-personal-group{padding:1px 0 5px}.side-personal-group>b{display:block;padding:4px 8px;color:var(--legacy-palette-1257);font-size:9.5px;font-weight:800}.side-personal-item{width:100%;min-height:37px;border:0;border-radius:7px;background:transparent;color:var(--legacy-palette-1258);display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;text-align:left;padding:5px 8px}.side-personal-item:hover{background:var(--legacy-palette-1259)}.side-personal-item>span{font-size:11px;color:var(--legacy-palette-1260)}.side-personal-item>div{min-width:0}.side-personal-item b,.side-personal-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-personal-item b{font-size:11px}.side-personal-item small{margin-top:1px;color:var(--legacy-palette-1261);font-size:8.5px}.collapsed .side-personal{display:none}

/* My Work / workbench */
.workbench-page{display:flex;flex-direction:column;gap:11px;min-width:0;padding:2px 0 18px}.wb-hero{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--legacy-palette-1262);border-radius:10px;background:var(--legacy-palette-1254);padding:13px 16px;overflow:hidden;position:relative}.wb-hero:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--v3-blue)}.wb-hero>div:first-child>span{display:block;color:var(--legacy-palette-1263);font-size:9px;font-weight:900;letter-spacing:.14em}.wb-hero h1{margin:3px 0 2px;font-size:25px;line-height:1.08;letter-spacing:-.025em}.wb-hero p{margin:0;color:var(--legacy-palette-1264);font-size:12.5px}.wb-hero-actions{display:flex;gap:7px}.wb-hero-actions button{height:36px;border:1px solid var(--legacy-palette-1265);border-radius:8px;background:var(--legacy-palette-1266);color:var(--legacy-palette-1267);padding:0 12px;font-size:11.5px;font-weight:750}.wb-hero-actions button.primary{border-color:var(--legacy-palette-1268);background:var(--legacy-palette-1269);color:var(--legacy-palette-024)}.wb-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.wb-kpi{position:relative;min-height:88px;border:1px solid var(--legacy-palette-1270);border-top:3px solid var(--legacy-palette-1271);border-radius:9px;background:var(--legacy-palette-1272);color:var(--legacy-palette-1273);text-align:left;padding:10px 12px;overflow:hidden}.wb-kpi:hover{background:var(--legacy-palette-1062);border-color:var(--legacy-palette-1274)}.wb-kpi span,.wb-kpi small,.wb-kpi i{display:block}.wb-kpi span{font-size:10.5px;color:var(--legacy-palette-1275);font-weight:700}.wb-kpi strong{display:block;margin:4px 0 2px;font-size:27px;line-height:1}.wb-kpi small{font-size:9.5px;color:var(--legacy-palette-1276);line-height:1.25}.wb-kpi i{position:absolute;right:10px;bottom:8px;color:var(--legacy-palette-1277);font-size:9px;font-style:normal}.wb-kpi.red{border-top-color:var(--v3-red);background:var(--legacy-palette-1278)}.wb-kpi.amber{border-top-color:var(--v3-amber);background:var(--legacy-palette-1279)}.wb-kpi.violet{border-top-color:var(--v3-violet);background:var(--legacy-palette-1280)}.wb-kpi.green{border-top-color:var(--v3-teal);background:var(--legacy-palette-1281)}.wb-kpi.blue{border-top-color:var(--v3-blue);background:var(--legacy-palette-1282)}.wb-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.7fr);gap:10px;align-items:start}.wb-side{display:flex;flex-direction:column;gap:10px}.wb-panel{border:1px solid var(--legacy-palette-1283);border-radius:10px;background:var(--legacy-palette-1284);overflow:hidden}.wb-panel>header{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--legacy-palette-1285);background:var(--legacy-palette-1286)}.wb-panel>header span{font-size:8.5px;letter-spacing:.12em;font-weight:850;color:var(--legacy-palette-1287)}.wb-panel>header h2{font-size:15px;margin:2px 0 1px}.wb-panel>header p{font-size:10.5px;color:var(--legacy-palette-1288);margin:0}.wb-panel>header>b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:7px;background:var(--legacy-palette-1289);color:var(--legacy-palette-1290);font-size:11px}.wb-actions{display:flex;flex-direction:column}.wb-action-row{border-bottom:1px solid var(--legacy-palette-1291)}.wb-action-row:last-child{border-bottom:0}.wb-action-main{width:100%;min-height:62px;display:grid;grid-template-columns:48px minmax(125px,.8fr) minmax(180px,1.15fr) minmax(180px,1.15fr) 54px;align-items:center;gap:9px;border:0;background:var(--legacy-palette-1284);color:var(--legacy-palette-1292);text-align:left;padding:7px 11px}.wb-action-main:hover{background:var(--legacy-palette-1293)}.wb-action-row.critical .wb-action-main{box-shadow:inset 3px 0 var(--v3-red)}.wb-action-row.warning .wb-action-main{box-shadow:inset 3px 0 var(--v3-amber)}.wb-action-row.info .wb-action-main{box-shadow:inset 3px 0 var(--v3-blue)}.risk-score{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--legacy-palette-1294);border-radius:8px;background:var(--legacy-palette-1295);text-align:center}.risk-score b{font-size:14px;line-height:1}.risk-score small{font-size:7.5px;text-transform:uppercase;color:var(--legacy-palette-1296)}.wb-action-main>div>strong,.wb-action-main>div>small{display:block}.wb-action-main>div>strong{font-size:12.5px}.wb-action-main>div>small{margin-top:2px;font-size:9.5px;color:var(--legacy-palette-1297);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-reasons{display:flex;flex-wrap:wrap;gap:4px}.wb-reasons i{font-style:normal;font-size:8.5px;padding:3px 6px;border:1px solid var(--legacy-palette-1298);border-radius:5px;background:var(--legacy-palette-1299);color:var(--legacy-palette-1300)}.wb-next b{font-size:11px;color:var(--legacy-palette-446)}.wb-action-main>em{font-style:normal;font-size:9px;color:var(--legacy-palette-1301);text-align:right}.task-main{grid-template-columns:48px minmax(170px,1.25fr) minmax(100px,.6fr) minmax(180px,1fr) 54px}.wb-personal-list{display:flex;flex-direction:column;padding:4px}.wb-personal-list>button{min-height:45px;border:0;border-radius:7px;background:transparent;color:var(--legacy-palette-1302);display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;padding:6px 8px}.wb-personal-list>button:hover{background:var(--legacy-palette-1303)}.wb-personal-list>button>span{color:var(--legacy-palette-1304)}.wb-personal-list b,.wb-personal-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-personal-list b{font-size:11.5px}.wb-personal-list small{margin-top:2px;font-size:9px;color:var(--legacy-palette-1161)}.wb-personal-list em{font-style:normal;color:var(--legacy-palette-1305);font-size:9px}.wb-empty{padding:18px 12px;color:var(--legacy-palette-1161);font-size:10.5px;text-align:center}.wb-empty.good{color:var(--legacy-palette-1306)}.wb-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.wb-skeleton-grid i{height:92px;border:1px solid var(--legacy-palette-1307);border-radius:9px;background:var(--legacy-palette-1308)}

/* Smart record experience */
.favorite-unit{width:36px;height:36px;border:1px solid var(--legacy-palette-1309);background:var(--legacy-palette-1062);color:var(--legacy-palette-954);font-size:19px}.favorite-unit.active{color:var(--legacy-palette-1310);border-color:var(--legacy-palette-1311);background:var(--legacy-palette-1312)}.smart-summary-v3{display:grid;grid-template-columns:82px minmax(0,1fr);gap:13px;align-items:center;margin:0 0 10px;padding:12px;border:1px solid var(--legacy-palette-1313);border-radius:9px;background:var(--legacy-palette-1314)}.smart-summary-v3>div:last-child>span{font-size:8.5px;font-weight:900;letter-spacing:.12em;color:var(--legacy-palette-1315)}.smart-summary-v3 h3{font-size:15px;margin:3px 0 3px}.smart-summary-v3 p{margin:0;color:var(--legacy-palette-1316);font-size:11px;line-height:1.45}.smart-score{height:66px;border:1px solid var(--legacy-palette-1317);border-radius:9px;background:var(--legacy-palette-1295);display:grid;place-items:center;align-content:center}.smart-score b{font-size:23px;line-height:1}.smart-score span{margin-top:3px;font-size:8px;color:var(--legacy-palette-1318);text-transform:uppercase}.smart-score.bad{border-color:var(--legacy-palette-1319);background:var(--legacy-palette-1320)}.smart-score.bad b{color:var(--legacy-palette-1321)}.smart-score.warn{border-color:var(--legacy-palette-1322);background:var(--legacy-palette-1323)}.smart-score.warn b{color:var(--legacy-palette-1324)}.smart-score.good{border-color:var(--legacy-palette-1325);background:var(--legacy-palette-1326)}.smart-score.good b{color:var(--legacy-palette-1327)}

/* Better bulk / spreadsheet behavior */
.fleet-bulk-v3{background:var(--legacy-palette-1328);border-color:var(--legacy-palette-1329)}.fleet-bulk-v3 label{display:flex;align-items:center;gap:6px;margin:0}.fleet-bulk-v3 label>select,.fleet-bulk-v3 #fleetBulkValueWrap>select,.fleet-bulk-v3 #fleetBulkValueWrap>input{height:32px;min-width:135px;border-radius:7px;margin:0;font-size:11.5px}.fleet-bulk-v3 #fleetBulkValueWrap{display:inline-flex}.fleet-bulk-v3 .access-primary{white-space:nowrap}.fleet-table-v5 td[tabindex="0"]:focus{box-shadow:inset 0 0 0 2px var(--legacy-palette-1330);background:var(--legacy-palette-1331)}.fleet-table-v5 .pinned-col{box-shadow:1px 0 var(--legacy-palette-1332);background:var(--legacy-palette-1333)}.fleet-table-v5 tr:nth-child(even) .pinned-col{background:var(--legacy-palette-1158)}.fleet-table-v5 tr:hover .pinned-col{background:var(--legacy-palette-1334)}

/* Command palette: feels like a power tool, not a search dropdown */
.command-palette-v3>section{width:min(760px,calc(100vw - 36px));border-color:var(--legacy-palette-1335);background:var(--legacy-palette-1336)}.command-palette-v3>section>header{height:58px;background:var(--legacy-palette-1337)}.command-palette-v3>section>header input{font-size:15px}.command-hint{padding:8px 14px;border-bottom:1px solid var(--legacy-palette-1338);background:var(--legacy-palette-1254);color:var(--legacy-palette-1297);font-size:10.5px}.command-palette-v3 .command-results button{min-height:52px}.command-palette-v3 .command-results button b{font-size:12.5px}.command-palette-v3 .command-results button small{font-size:10px}

/* App-wide visual refinement without decorative effects */
.panel,.fleet-workspace,.fleet-command-panel,.service-card,.tire-card,.tire-ops-panel,.az-listpanel,.access-users,.access-editor,.role-list,.role-editor{border-color:var(--legacy-palette-1339);background:var(--legacy-palette-1040)}.panel header,.fleet-command-panel>header,.service-card>header,.tire-card>header,.tire-ops-panel>header{background:var(--legacy-palette-1286);border-color:var(--legacy-palette-1339)}.fleet-table-v5 th{background:var(--legacy-palette-1340)}.fleet-table-v5 td{font-size:13.5px}.fleet-view-tabs button.active{background:var(--legacy-palette-1334);border-color:var(--legacy-palette-1341)}.fleet-live-source{background:var(--legacy-palette-1342)}.topbar .search{background:var(--legacy-palette-1343)}.topbar .new{background:var(--legacy-palette-1344);border-color:var(--legacy-palette-1345)}.system-health-chip.good{border-color:var(--legacy-palette-1346);background:var(--legacy-palette-1347)}.system-health-chip.good i{background:var(--v3-teal)}





/* === END FRONTLINE CRM V3 DELIGHT === */

/* === FRONTLINE CRM FILTER + DECLUTTER FIX · 2026-09-14 === */
.fleet-head-clean{min-height:56px;padding:4px 2px 10px;align-items:center}.fleet-head-clean h1{margin:0;font-size:30px}.fleet-head-clean>div>span,.fleet-head-clean p,.fleet-head-clean .role-view-hint{display:none}.fleet-register-head>p{display:none}
.fleet-inline-cell:after{display:none}.fleet-inline-cell:hover{background:var(--legacy-palette-678);box-shadow:none}.fleet-table-v5 td[tabindex="0"]:focus{box-shadow:inset 0 0 0 1px var(--legacy-palette-1330);background:var(--legacy-palette-1348)}
.fleet-fast-filters select:focus,.fleet-filter-builder select:focus,.fleet-filter-builder input:focus{outline:none;box-shadow:none;border-color:var(--legacy-palette-941)}.fleet-filter-builder .new-filter-rule label{display:block}.fleet-filter-builder #fleetFilterValueWrap{display:block}.fleet-filter-builder #fleetFilterValueWrap>select,.fleet-filter-builder #fleetFilterValueWrap>input{margin-top:5px}
.asana-field input,.asana-field select,.az-search input{box-shadow:none;background-image:none;text-decoration:none}.asana-field input:focus,.asana-field select:focus,.az-search input:focus{box-shadow:none;outline:none}
/* === END FRONTLINE CRM FILTER + DECLUTTER FIX === */

/* === FRONTLINE PAGE HEADER DECLUTTER · 2026-09-14 === */
/* The top bar already names the active workspace. Do not repeat that title or expose source badges in page content. */
.fleet-page > .fleet-head{display:none}
.fleet-page{padding-top:4px}
/* === END FRONTLINE PAGE HEADER DECLUTTER === */

/* === FRONTLINE MODERN SIDEBAR · 2026-09-14 === */
.shell{grid-template-columns:232px minmax(0,1fr)}
.shell>aside{background:var(--legacy-palette-1349);border-right:1px solid var(--legacy-palette-1350);box-shadow:none}
.sidehead{height:58px;padding:0 10px;gap:8px;background:var(--legacy-palette-1349);border-bottom:1px solid var(--legacy-palette-1351)}
.sidehead .brand-logo{width:38px;height:27px}
.brandtxt b{font-size:14px;font-weight:800;letter-spacing:.035em;color:var(--legacy-palette-1352)}
.brandtxt span{font-size:9.5px;color:var(--legacy-palette-1353)}
.sidehead button{width:30px;height:30px;border:0;border-radius:6px;background:var(--legacy-palette-1146);color:var(--legacy-palette-1354)}
.sidehead button:hover{background:var(--legacy-palette-1355);color:var(--legacy-palette-1356)}
.shell>aside>nav{padding:8px 7px 10px;gap:2px;scrollbar-width:thin;scrollbar-color:var(--legacy-palette-1357) transparent}
.nav-item,.nav-group-head{height:36px;min-height:36px;padding:0 8px;gap:8px;border:0;border-radius:6px;background:transparent;color:var(--legacy-palette-1358);box-shadow:none}
.nav-item:hover,.nav-group-head:hover{background:var(--legacy-palette-1146);color:var(--legacy-palette-1359)}
.nav-item span,.nav-group-head span{width:21px;height:21px;flex:0 0 21px;border:0;border-radius:0;background:transparent;color:var(--legacy-palette-1360)}
.nav-item span svg,.nav-group-head span svg{width:17px;height:17px;stroke-width:1.9}
.nav-item b,.nav-group-head b{font-size:12.5px;font-weight:650;letter-spacing:0}
.nav-item.active{background:var(--legacy-palette-1361);color:var(--legacy-palette-1362);box-shadow:none}
.nav-item.active span{background:transparent;color:var(--legacy-palette-1363)}
.nav-group{gap:1px;margin:1px 0;position:relative}
.nav-group.has-active:before{display:none}
.nav-group.has-active>.nav-group-head{background:transparent;color:var(--legacy-palette-1364);box-shadow:none}
.nav-group.has-active>.nav-group-head span{background:transparent;color:var(--legacy-palette-1363)}
.nav-group-head .nav-chevron{margin-left:auto;font-size:15px;line-height:1;color:var(--legacy-palette-1365);font-style:normal;font-weight:500}
.nav-group-head:hover .nav-chevron{color:var(--legacy-palette-1366)}
.nav-sub{margin:0 0 5px 27px;padding:2px 0 3px 8px;border-left:1px solid var(--legacy-palette-1367);gap:1px}
.nav-subitem{min-height:31px;padding:5px 8px;border:0;border-radius:5px;background:transparent;color:var(--legacy-palette-1368);font-size:12px;font-weight:550}
.nav-subitem:hover{background:var(--legacy-palette-1369);color:var(--legacy-palette-1370)}
.nav-subitem.active{background:var(--legacy-palette-1147);color:var(--legacy-palette-1352);box-shadow:none}
.nav-third{margin:1px 0 3px 8px;padding-left:8px;border-left:1px solid var(--legacy-palette-1371)}
.nav-third-item{height:28px;padding:0 8px;border-radius:5px;color:var(--legacy-palette-1372);font-size:11px}
.nav-third-item:hover{background:var(--legacy-palette-1369);color:var(--legacy-palette-1370)}
.nav-third-item.active{background:var(--legacy-palette-1129);color:var(--legacy-palette-1373);box-shadow:none}
.side-personal{margin:4px 7px 6px;padding:5px 0;border:0;border-top:1px solid var(--legacy-palette-1374);max-height:190px}
.side-personal>header{padding:5px 7px 4px}.side-personal>header span{font-size:8px;color:var(--legacy-palette-1375);letter-spacing:.12em}
.side-personal-group>b{padding:3px 7px;font-size:9px;color:var(--legacy-palette-1376)}
.side-personal-item{min-height:34px;padding:4px 7px;border-radius:5px;grid-template-columns:16px minmax(0,1fr)}
.side-personal-item:hover{background:var(--legacy-palette-1105)}.side-personal-item b{font-size:10.5px}.side-personal-item small{font-size:8.5px}
.sidebottom{padding:7px;background:var(--legacy-palette-1349);border-top:1px solid var(--legacy-palette-1351)}
.user{padding:5px 6px;gap:7px}.user>i{width:30px;height:30px;border-radius:7px;background:var(--legacy-palette-1188);font-size:11px}.user b{font-size:10.5px}.user span{font-size:9px;color:var(--legacy-palette-1377)}
.sidebottom>button{height:32px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--legacy-palette-1378);font-size:11px}.sidebottom>button:hover{background:var(--legacy-palette-1146);color:var(--legacy-palette-1174)}
.shell.collapsed{grid-template-columns:60px minmax(0,1fr)}.collapsed .nav-item,.collapsed .nav-group-head{width:42px;height:36px;margin:0 auto;padding:0;justify-content:center}.collapsed .nav-item span,.collapsed .nav-group-head span{width:21px;height:21px}.collapsed .sidehead{justify-content:center;padding:0 6px}.collapsed .sidehead button{width:32px}.collapsed .side-personal{display:none}


/* === END FRONTLINE MODERN SIDEBAR === */

/* === FRONTLINE HUB-INSPIRED THEME + SIDEBAR SCROLL FIX · 2026-09-14 === */
:root{
  --hub-bg:var(--legacy-palette-1379);--hub-sidebar:var(--legacy-palette-1380);--hub-panel:var(--legacy-palette-1381);--hub-panel2:var(--legacy-palette-1382);
  --hub-border:var(--legacy-palette-1383);--hub-border2:var(--legacy-palette-1384);--hub-text:var(--legacy-palette-1385);--hub-muted:var(--legacy-palette-1386);
  --hub-accent:var(--legacy-palette-1387);--hub-good:var(--legacy-palette-1388);--hub-warn:var(--legacy-palette-1389);--hub-danger:var(--legacy-palette-1390);
  --hub-teal:var(--legacy-palette-1391);--hub-violet:var(--legacy-palette-1392);--hub-amber:var(--legacy-palette-1393);--hub-pink:var(--legacy-palette-1394);--hub-cyan:var(--legacy-palette-1395);
}
html,body,#app,.shell,.shell>main,.content{background:var(--bg-canvas);color:var(--text-primary)}
.shell>aside{background:var(--bg-sidebar);border-right:1px solid var(--legacy-palette-1396)}
.topbar{background:var(--legacy-palette-1397);border-bottom:1px solid var(--border)}
.topbar .search,.search{background:var(--legacy-palette-1398);border-color:var(--legacy-palette-1399);color:var(--legacy-palette-1400)}
.topbar .new{background:var(--hub-accent);border-color:var(--hub-accent);color:var(--legacy-palette-1401)}
.date,.tz,.system-health-chip{background:var(--legacy-palette-1402);border-color:var(--legacy-palette-1403);color:var(--legacy-palette-1404)}

/* Sidebar is three stable zones: brand, scrollable navigation, personal/footer. */
.shell>aside{overflow:hidden}
.sidehead{flex:0 0 auto;background:var(--bg-sidebar);border-bottom-color:var(--legacy-palette-1396)}
.shell>aside>nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:7px 8px 10px;scrollbar-width:none}
.shell>aside>nav::-webkit-scrollbar,.side-personal::-webkit-scrollbar{display:none}
/* Home stays visible while section groups scroll below it. */
.shell>aside>nav>.nav-item[data-page="home"]{position:sticky;top:0;z-index:8;margin-bottom:7px;background:var(--bg-sidebar);box-shadow:0 1px 0 var(--legacy-palette-1396)}
.shell>aside>nav>.nav-item[data-page="home"] span{color:var(--hub-accent)}
.shell>aside>nav>.nav-item[data-page="home"].active{background:var(--legacy-palette-1405);color:var(--text-primary);box-shadow:inset 3px 0 var(--hub-accent),0 1px 0 var(--legacy-palette-1396)}
.side-personal{flex:0 0 auto;max-height:150px;overflow-y:auto;background:var(--bg-sidebar);border-top:1px solid var(--legacy-palette-1396);border-bottom:0;margin:0 7px;padding:6px 0;scrollbar-width:none}
.sidebottom{flex:0 0 auto;margin-top:0;background:var(--bg-sidebar);border-top:1px solid var(--legacy-palette-1396)}

/* HUB-like navigation: neutral rows with semantic section tones. */
.nav-item,.nav-group-head{color:var(--legacy-palette-1406);background:transparent}
.nav-item:hover,.nav-group-head:hover{background:var(--legacy-palette-1407);color:var(--legacy-palette-1408)}
.nav-item.active{background:var(--legacy-palette-1405);color:var(--text-primary);box-shadow:inset 3px 0 var(--hub-accent)}
.nav-item span,.nav-group-head span{background:transparent;border:0}
.nav-group{--nav-accent:var(--hub-accent)}
.nav-group:has(>.nav-group-head[data-group="operationsGroup"]){--nav-accent:var(--legacy-palette-1409)}
.nav-group:has(>.nav-group-head[data-group="fleetGroup"]){--nav-accent:var(--hub-teal)}
.nav-group:has(>.nav-group-head[data-group="peopleGroup"]){--nav-accent:var(--hub-violet)}
.nav-group:has(>.nav-group-head[data-group="financeGroup"]){--nav-accent:var(--hub-amber)}
.nav-group:has(>.nav-group-head[data-group="reportingGroup"]){--nav-accent:var(--hub-pink)}
.nav-group:has(>.nav-group-head[data-group="adminGroup"]){--nav-accent:var(--hub-cyan)}
.nav-group>.nav-group-head span{color:var(--nav-accent)}
.nav-group>.nav-group-head i{color:color-mix(in srgb,var(--nav-accent) 72%,var(--legacy-palette-1386))}
.nav-group.has-active>.nav-group-head{background:color-mix(in srgb,var(--nav-accent) 8%,transparent);color:var(--text-primary);box-shadow:none}
.nav-group.has-active>.nav-group-head span{color:var(--nav-accent)}
.nav-sub{border-left:1px solid var(--legacy-palette-1403)}
.nav-subitem,.nav-third-item{color:var(--legacy-palette-1410)}
.nav-subitem:hover,.nav-third-item:hover{background:var(--legacy-palette-1407);color:var(--legacy-palette-1408)}
.nav-group .nav-subitem.active,.nav-group .nav-third-item.active{background:color-mix(in srgb,var(--nav-accent) 10%,var(--legacy-palette-1411));color:var(--text-primary);box-shadow:inset 2px 0 var(--nav-accent)}
.nav-group .nav-subitem.active::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--nav-accent);margin-right:7px;vertical-align:1px}
.side-personal>header span{color:var(--legacy-palette-1412)}.side-personal-group>b{color:var(--legacy-palette-1413)}.side-personal-item{color:var(--legacy-palette-1414)}.side-personal-item:hover{background:var(--legacy-palette-1407)}.side-personal-item>span{color:var(--hub-accent)}
.sidebottom>button{color:var(--legacy-palette-1386)}.sidebottom>button:hover{background:var(--legacy-palette-1407);color:var(--legacy-palette-1408)}.user>i{background:var(--legacy-palette-1415);color:var(--legacy-palette-1416)}

/* Core surfaces: HUB palette rather than a flat gray wall. */
.panel,.fleet-workspace,.fleet-command-panel,.service-card,.tire-card,.tire-ops-panel,.tire-unit-picker,
.wb-panel,.access-users,.access-editor,.role-list,.role-editor,.az-viewbar,.az-listpanel,.az-boardcol,
.fleet-modal-card,.fleet-drawer-v5,.task-drawer,.task-modal-card,.user-modal form{
  background:var(--bg-surface);border-color:var(--border);box-shadow:none
}
.panel header,.fleet-command-panel>header,.service-card>header,.tire-card>header,.tire-ops-panel>header,
.wb-panel>header,.access-users-head,.access-editor-head,.fleet-drawer-v5>header,.drawer-footer,
.az-boardcol>header,.task-drawer .drawer-top,.task-drawer .drawer-footer{
  background:var(--bg-raised);border-color:var(--border)
}

/* Workbench gets HUB tone system. */
.wb-hero{background:var(--legacy-palette-1402);border-color:var(--legacy-palette-1384)}
.wb-hero:before{background:var(--hub-accent)}.wb-hero>div:first-child>span{color:var(--hub-accent)}
.wb-kpi{background:var(--legacy-palette-1402);border-color:var(--legacy-palette-1384);color:var(--text-primary)}
.wb-kpi:hover{background:var(--legacy-palette-1417);border-color:var(--legacy-palette-1418)}
.wb-kpi.red{background:var(--legacy-palette-1419);border-top-color:var(--hub-danger)}
.wb-kpi.amber{background:var(--legacy-palette-1420);border-top-color:var(--hub-warn)}
.wb-kpi.violet{background:var(--legacy-palette-1421);border-top-color:var(--hub-violet)}
.wb-kpi.green{background:var(--legacy-palette-1422);border-top-color:var(--hub-good)}
.wb-kpi.blue{background:var(--legacy-palette-1423);border-top-color:var(--hub-accent)}
.wb-action-main{background:var(--bg-surface);border-color:var(--border)}
.wb-action-main:hover{background:var(--legacy-palette-1417)}
.wb-action-row.critical .wb-action-main{box-shadow:inset 3px 0 var(--hub-danger)}
.wb-action-row.warning .wb-action-main{box-shadow:inset 3px 0 var(--hub-warn)}
.wb-action-row.info .wb-action-main{box-shadow:inset 3px 0 var(--hub-accent)}
.wb-reasons i{background:var(--legacy-palette-1424);border-color:var(--legacy-palette-1425);color:var(--legacy-palette-1426)}

/* Tables and registers should feel like HUB data surfaces. */
.fleet-register,.fleet-workspace,.az-listpanel{background:var(--legacy-palette-1427)}
.fleet-table th,.fleet-table-v5 th,.az-crm-table thead th{background:var(--legacy-palette-1078);color:var(--legacy-palette-1428);border-color:var(--legacy-palette-1384)}
.fleet-table td,.az-crm-table td{border-color:var(--legacy-palette-1429);color:var(--legacy-palette-1414);background:var(--legacy-palette-1427)}
.fleet-table tbody tr:hover td,.az-crm-table tbody tr:hover td{background:var(--legacy-palette-1417)}
.fleet-status.good,.statuspill-flat.completed{background:var(--legacy-palette-1430);border-color:var(--legacy-palette-1431);color:var(--legacy-palette-1432)}
.fleet-status.warn{background:var(--legacy-palette-1420);border-color:var(--legacy-palette-1433);color:var(--legacy-palette-1434)}
.fleet-status.bad,.statuspill-flat.overdue{background:var(--legacy-palette-1424);border-color:var(--legacy-palette-1435);color:var(--legacy-palette-1436)}
.fleet-age{background:var(--legacy-palette-1437);color:var(--legacy-palette-1438)}.fleet-age.late{background:var(--legacy-palette-1439);color:var(--legacy-palette-1440)}

/* Inputs and controls: quieter neutral base, accent only on interaction. */
input,textarea,select{background:var(--legacy-palette-1380);border-color:var(--legacy-palette-1384);color:var(--text-primary)}
input:focus,textarea:focus,select:focus{border-color:var(--legacy-palette-1441);box-shadow:0 0 0 3px var(--legacy-palette-1442)}
.fleet-tool,.az-toolbtn,.access-head-actions button,.fleet-modal-card>footer button{background:var(--legacy-palette-1411);border-color:var(--legacy-palette-1443);color:var(--legacy-palette-1444)}
.fleet-tool:hover,.az-toolbtn:hover,.access-head-actions button:hover{background:var(--legacy-palette-1445);border-color:var(--legacy-palette-1446);color:var(--legacy-palette-024)}
.access-primary,.topbar .new{background:var(--hub-accent);border-color:var(--hub-accent);color:var(--legacy-palette-1401)}

/* Recruiting / drawer surfaces retain stage colors but use HUB neutrals underneath. */
.az-boardcol{background:var(--legacy-palette-1427)}.az-card{background:var(--legacy-palette-1336);border-color:var(--legacy-palette-1384)}.az-card:hover{background:var(--legacy-palette-1437);border-color:var(--legacy-palette-1418)}
.drawer-main,.drawer-side{background:var(--legacy-palette-1427)}.drawer-title,.drawer-footer{background:var(--legacy-palette-1402);border-color:var(--legacy-palette-1383)}
.asana-field{background:var(--legacy-palette-1447)}.asana-fields{background:var(--legacy-palette-1383);border-color:var(--legacy-palette-1383)}
.activity-row{border-color:var(--legacy-palette-1429)}

/* Admin/list surfaces. */
.access-user-row:hover,.access-user-row.active,.role-row:hover,.role-row.active{background:var(--legacy-palette-1417)}
.admin-tabs button.active{color:var(--text-primary);border-bottom-color:var(--hub-accent)}


/* === END FRONTLINE HUB-INSPIRED THEME + SIDEBAR SCROLL FIX === */

/* === TIRES COMPACT OPERATIONAL STRIP · 2026-09-14 === */
.tire-compact-dashboard{padding-top:10px}
.tire-command-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:8px}
.tire-compact-kpi{min-height:72px;padding:9px 11px;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;background:var(--legacy-palette-1448);border:1px solid var(--legacy-palette-1384);position:relative;overflow:hidden}
.tire-compact-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--legacy-palette-1449)}
.tire-compact-kpi.bad:before{background:var(--legacy-palette-1390)}.tire-compact-kpi.warn:before{background:var(--legacy-palette-1389)}.tire-compact-kpi.good:before{background:var(--legacy-palette-1388)}
.tire-compact-kpi:hover{background:var(--legacy-palette-1450);border-color:var(--legacy-palette-1451)}
.tire-compact-kpi.active{background:var(--legacy-palette-1452);border-color:var(--legacy-palette-1453);box-shadow:inset 0 0 0 1px var(--legacy-palette-1453)}
.tire-compact-kpi.zero{opacity:.72}
.tire-kpi-main{display:flex;align-items:baseline;gap:8px;min-width:0}
.tire-kpi-main span{font-size:11px;color:var(--legacy-palette-1438);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tire-kpi-main strong{font-size:24px;line-height:1;margin:0;color:var(--legacy-palette-1385);order:-1}
.tire-compact-kpi.bad .tire-kpi-main strong{color:var(--legacy-palette-1454)}.tire-compact-kpi.warn .tire-kpi-main strong{color:var(--legacy-palette-1389)}.tire-compact-kpi.good .tire-kpi-main strong{color:var(--legacy-palette-1455)}
.tire-compact-kpi>small{grid-column:1/2;font-size:9.5px;line-height:1.2;color:var(--legacy-palette-1456);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tire-compact-kpi>i{grid-column:2;grid-row:1/3;align-self:center;margin:0;color:var(--legacy-palette-1387);font-size:9px;white-space:nowrap;font-style:normal}.tire-compact-kpi>i b{font-size:15px;margin-left:2px}
.tire-inline-queue-compact{margin:0 0 8px;border:1px solid var(--legacy-palette-1418);border-radius:10px;background:var(--legacy-palette-1427);overflow:hidden}
.tire-inline-queue-compact>header{min-height:52px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--legacy-palette-1457);background:var(--legacy-palette-1447)}
.tire-inline-queue-compact>header span{font-size:8.5px;letter-spacing:.12em;color:var(--legacy-palette-1387);font-weight:800}.tire-inline-queue-compact>header h3{margin:2px 0 0;font-size:14px}.tire-inline-queue-compact>header p{margin:2px 0 0;font-size:9.5px;color:var(--legacy-palette-1456)}
.tire-inline-queue-compact>header button{height:32px;padding:0 10px;border:1px solid var(--legacy-palette-1418);border-radius:8px;background:var(--legacy-palette-1417);color:var(--legacy-palette-1438);font-size:10px}.tire-inline-queue-compact>header kbd{margin-left:5px;border:1px solid var(--legacy-palette-1418);border-radius:5px;padding:1px 4px;background:var(--legacy-palette-1349);color:var(--legacy-palette-1400);font-size:8px}
.tire-inline-queue-scroll{max-height:360px;overflow:auto}
.tire-inline-queue-scroll .tire-list-wrap{max-height:none}
.tire-cycle-compact{border:1px solid var(--legacy-palette-1384);border-radius:10px;background:var(--legacy-palette-1402);margin-bottom:8px;overflow:hidden}
.tire-cycle-compact>header{min-height:42px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--legacy-palette-1457);background:var(--legacy-palette-1447)}
.tire-cycle-compact h3{margin:0;font-size:12.5px}.tire-cycle-compact p{margin:2px 0 0;color:var(--legacy-palette-1400);font-size:9px}.tire-cycle-coverage{display:flex;align-items:baseline;gap:5px}.tire-cycle-coverage b{font-size:16px;color:var(--legacy-palette-1387)}.tire-cycle-coverage span{font-size:9px;color:var(--legacy-palette-1400)}
.tire-cycle-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--legacy-palette-1457);gap:1px}
.tire-cycle-cell{min-height:57px;border:0;background:var(--legacy-palette-1027);color:var(--legacy-palette-1385);text-align:left;padding:8px 11px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;cursor:pointer}
.tire-cycle-cell:hover{background:var(--legacy-palette-1417)}.tire-cycle-cell.active{background:var(--legacy-palette-1458);box-shadow:inset 0 -2px var(--legacy-palette-1387)}.tire-cycle-cell>div{display:flex;align-items:baseline;gap:7px}.tire-cycle-cell span{font-size:10px;color:var(--legacy-palette-1438)}.tire-cycle-cell b{font-size:18px}.tire-cycle-cell small{grid-column:1/3;font-size:8.5px;color:var(--legacy-palette-1400)}.tire-cycle-cell.bad b{color:var(--legacy-palette-1454)}.tire-cycle-cell.warn b{color:var(--legacy-palette-1389)}.tire-cycle-cell.good b{color:var(--legacy-palette-1455)}
.tire-service-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(160px,1.15fr);gap:7px;margin-bottom:8px}
.tire-service-signal,.tire-coverage-signal{min-height:54px;border:1px solid var(--legacy-palette-1384);border-radius:9px;background:var(--legacy-palette-1447);padding:8px 10px}
.tire-service-signal{color:var(--legacy-palette-1385);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;text-align:left;cursor:pointer}.tire-service-signal:hover{background:var(--legacy-palette-1417)}.tire-service-signal.active{background:var(--legacy-palette-1458);border-color:var(--legacy-palette-1441)}.tire-service-signal span{font-size:9.5px;color:var(--legacy-palette-1386)}.tire-service-signal strong{font-size:19px;grid-row:2}.tire-service-signal i{grid-column:2;grid-row:1/3;align-self:center;font-size:9px;color:var(--legacy-palette-1387);font-style:normal}.tire-service-signal.bad strong{color:var(--legacy-palette-1454)}.tire-service-signal.warn strong{color:var(--legacy-palette-1389)}
.tire-coverage-signal span{display:block;font-size:9.5px;color:var(--legacy-palette-1386)}.tire-coverage-signal strong{display:block;font-size:17px;margin:2px 0 5px}.tire-coverage-signal>div{height:4px;border-radius:4px;background:var(--legacy-palette-1459);overflow:hidden}.tire-coverage-signal>div i{display:block;height:100%;background:var(--legacy-palette-1388);border-radius:4px}



/* === END TIRES COMPACT OPERATIONAL STRIP === */

/* === FRONTLINE MAINTENANCE UX + TYPEAHEAD FIX · 2026-09-14 === */
.tire-asset-lookup{overflow:visible}.tire-unit-typeahead{position:relative;width:min(620px,54%)}.tire-unit-typeahead>input{width:100%;height:40px;border:1px solid var(--legacy-palette-1460);border-radius:8px;background:var(--legacy-palette-1461);color:var(--legacy-palette-1385);padding:0 12px;font-size:13px;outline:none}.tire-unit-typeahead>input:focus{border-color:var(--legacy-palette-1387)}.tire-unit-results{position:absolute;z-index:90;left:0;right:0;bottom:46px;max-height:310px;overflow:auto;border:1px solid var(--legacy-palette-1462);border-radius:9px;background:var(--legacy-palette-1381);padding:5px;box-shadow:0 12px 32px var(--legacy-palette-011)}.tire-unit-results button{width:100%;min-height:42px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:var(--legacy-palette-1463);text-align:left;padding:7px 9px}.tire-unit-results button:hover,.tire-unit-results button.active{background:var(--legacy-palette-1464)}.tire-unit-results button b{font-size:13px}.tire-unit-results button span{font-size:11px;color:var(--legacy-palette-1386);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typeahead-empty{padding:14px;color:var(--legacy-palette-1386);font-size:12px;text-align:center}.tire-action-table>button{cursor:pointer}.tire-action-table>button:hover{background:var(--legacy-palette-1465)}
.editable-service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:transparent;gap:1px}.editable-service-grid>.drawer-edit-field{min-width:0}.editable-service-grid .drawer-edit-field>b.good,.editable-service-grid .drawer-edit-field>b.warn,.editable-service-grid .drawer-edit-field>b.bad{display:inline-flex;width:auto;max-width:100%;min-height:24px;align-items:center;padding:3px 8px;border:1px solid transparent;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editable-service-grid .drawer-edit-field>b.good{background:var(--legacy-palette-1466);border-color:var(--legacy-palette-1467);color:var(--legacy-palette-1468)}.editable-service-grid .drawer-edit-field>b.warn{background:var(--legacy-palette-1469);border-color:var(--legacy-palette-1470);color:var(--legacy-palette-1471)}.editable-service-grid .drawer-edit-field>b.bad{background:var(--legacy-palette-1472);border-color:var(--legacy-palette-1473);color:var(--legacy-palette-1474)}
.maintenance-page-actions{display:flex;justify-content:flex-end;margin:0 0 8px}.maintenance-add-btn{width:auto;height:34px;padding:0 11px;border:1px solid var(--legacy-palette-1475);border-radius:7px;background:var(--legacy-palette-1476);color:var(--legacy-palette-1477);font-size:11px;font-weight:750;cursor:pointer}.maintenance-add-btn:hover{background:var(--legacy-palette-1478);border-color:var(--legacy-palette-1479)}.service-card>header>.maintenance-add-btn{margin-left:auto}.service-history-head-spacer{display:none}
.maintenance-service-modal{width:min(900px,calc(100vw - 28px));max-height:92vh;overflow:auto}.maintenance-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 0 10px}.maintenance-service-grid label{display:flex;flex-direction:column;gap:5px;color:var(--legacy-palette-1386);font-size:10px}.maintenance-service-grid label.wide{grid-column:1/-1}.maintenance-service-grid input,.maintenance-service-grid select,.maintenance-service-grid textarea{width:100%;border:1px solid var(--legacy-palette-1462);border-radius:7px;background:var(--legacy-palette-1064);color:var(--legacy-palette-1385);padding:9px 10px;font-size:12px;outline:none}.maintenance-service-grid input,.maintenance-service-grid select{height:38px}.maintenance-service-grid textarea{min-height:96px;resize:vertical}.maintenance-service-grid input:focus,.maintenance-service-grid select:focus,.maintenance-service-grid textarea:focus{border-color:var(--legacy-palette-1387)}.maintenance-service-grid label.check{flex-direction:row;align-items:center;gap:8px;justify-content:flex-start;padding-top:20px;color:var(--legacy-palette-1480)}.maintenance-service-grid label.check input{width:16px;height:16px}.maintenance-service-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--legacy-palette-1481);padding-top:10px}.maintenance-service-modal footer>span{margin-right:auto;color:var(--legacy-palette-1474);font-size:11px}

/* === END FRONTLINE MAINTENANCE UX FIX === */

/* === FRONTLINE VISUAL TIRE DIAGRAM · 2026-09-14 === */
.vehicle-tire-panel{overflow:hidden;background:var(--legacy-palette-1482);border-color:var(--legacy-palette-1483)}.vehicle-tire-panel>header{min-height:58px;background:var(--legacy-palette-1484);border-color:var(--legacy-palette-1485)}.vehicle-tire-panel>header p{font-size:11px;color:var(--legacy-palette-1486)}.vehicle-tire-head-actions{display:flex;align-items:center;gap:8px}.vehicle-tire-head-actions>span{font-size:10px;color:var(--legacy-palette-1487)}.vehicle-tire-head-actions>button{height:32px;border:1px solid var(--legacy-palette-1488);border-radius:7px;background:var(--legacy-palette-1489);color:var(--legacy-palette-1490);padding:0 10px;font-size:10px;font-weight:750}.vehicle-tire-workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:500px}.vehicle-diagram-wrap{position:relative;display:grid;place-items:center;min-height:500px;padding:18px;background:var(--legacy-palette-1491)}.vehicle-canvas{position:relative;width:min(690px,100%);height:445px}.vehicle-silhouette{position:absolute;inset:0;width:100%;height:100%;filter:none}.truck-cab,.truck-frame,.trailer-body{fill:var(--legacy-palette-1492);stroke:var(--legacy-palette-1493);stroke-width:4}.truck-frame{fill:var(--legacy-palette-1494)}.truck-cross{fill:var(--legacy-palette-1495);stroke:var(--legacy-palette-1496);stroke-width:2}.truck-rail{fill:none;stroke:var(--legacy-palette-1497);stroke-width:3}.cab-window{fill:var(--legacy-palette-1498);stroke:var(--legacy-palette-1499);stroke-width:3}.trailer-body{fill:var(--legacy-palette-1500)}.trailer-inner{fill:var(--legacy-palette-1501);stroke:var(--legacy-palette-1502);stroke-width:3}.axle-label{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.12em;color:var(--legacy-palette-1503);font-weight:800}.steer-label{top:118px}.drive1-label{top:262px}.drive2-label{top:333px}.trailer-front-label{top:276px}.trailer-mid-label{top:336px}.trailer-rear-label{top:396px}
.visual-tire{position:absolute;width:58px;height:78px;border:2px solid var(--legacy-palette-1504);border-radius:12px;background:var(--legacy-palette-1505);color:var(--legacy-palette-1033);padding:4px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;z-index:3;box-shadow:0 5px 12px var(--legacy-palette-011);transition:border-color .12s,transform .12s,background .12s}.visual-tire:hover{transform:scale(1.05);border-color:var(--legacy-palette-1387)}.visual-tire>i{width:28px;height:32px;border-radius:8px;background:var(--legacy-palette-1351);border:1px solid var(--legacy-palette-1506)}.visual-tire-code{font-size:9px;font-weight:900;color:var(--legacy-palette-1507)}.visual-tire small{font-size:7.5px;line-height:1;color:var(--legacy-palette-1508)}.visual-tire.good{border-color:var(--legacy-palette-1509)}.visual-tire.good>i{border-color:var(--legacy-palette-1510)}.visual-tire.warn{border-color:var(--legacy-palette-1511)}.visual-tire.warn>i{border-color:var(--legacy-palette-1512)}.visual-tire.bad{border-color:var(--legacy-palette-1513);background:var(--legacy-palette-1514)}.visual-tire.bad>i{border-color:var(--legacy-palette-1515)}.visual-tire.empty{opacity:.74;border-style:dashed}.truck-lf{left:95px;top:94px}.truck-rf{right:95px;top:94px}.truck-lfo{left:62px;top:236px}.truck-lfi{left:125px;top:236px}.truck-rfi{right:125px;top:236px}.truck-rfo{right:62px;top:236px}.truck-lro{left:62px;top:307px}.truck-lri{left:125px;top:307px}.truck-rri{right:125px;top:307px}.truck-rro{right:62px;top:307px}.trailer-lfo{left:62px;top:250px}.trailer-lfi{left:125px;top:250px}.trailer-rfi{right:125px;top:250px}.trailer-rfo{right:62px;top:250px}.trailer-lmo{left:62px;top:310px}.trailer-lmi{left:125px;top:310px}.trailer-rmi{right:125px;top:310px}.trailer-rmo{right:62px;top:310px}.trailer-lro{left:62px;top:370px}.trailer-lri{left:125px;top:370px}.trailer-rri{right:125px;top:370px}.trailer-rro{right:62px;top:370px}
.vehicle-tire-legend{position:absolute;left:18px;bottom:10px;display:flex;gap:12px;flex-wrap:wrap;color:var(--legacy-palette-1486);font-size:9px}.vehicle-tire-legend span{display:flex;align-items:center;gap:5px}.vehicle-tire-legend i{width:8px;height:8px;border-radius:50%;background:var(--legacy-palette-1516)}.vehicle-tire-legend i.good{background:var(--legacy-palette-1388)}.vehicle-tire-legend i.warn{background:var(--legacy-palette-1389)}.vehicle-tire-legend i.bad{background:var(--legacy-palette-1390)}.vehicle-tire-legend i.empty{background:var(--legacy-palette-1517)}.visual-tire-editor{border-left:1px solid var(--legacy-palette-1518);background:var(--legacy-palette-1078);padding:15px;min-width:0}.visual-tire-editor.empty{display:grid;place-items:center}.visual-editor-empty{text-align:center;max-width:230px}.visual-editor-empty>span{font-size:8px;letter-spacing:.14em;color:var(--legacy-palette-1387);font-weight:850}.visual-editor-empty h3{margin:8px 0 5px;font-size:17px}.visual-editor-empty p{margin:0;color:var(--legacy-palette-1486);font-size:11px;line-height:1.45}.visual-tire-editor>header{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--legacy-palette-1481)}.visual-tire-editor>header span{display:inline-flex;min-height:22px;align-items:center;padding:0 7px;border-radius:5px;background:var(--legacy-palette-1519);color:var(--legacy-palette-1520);font-size:10px;font-weight:900}.visual-tire-editor>header h3{margin:5px 0 2px;font-size:18px}.visual-tire-editor>header p{margin:0;color:var(--legacy-palette-1486);font-size:9.5px}.visual-tire-editor>header button{width:30px;height:30px;border:1px solid var(--legacy-palette-1521);border-radius:7px;background:var(--legacy-palette-1522);color:var(--legacy-palette-1523);font-size:18px}.visual-editor-latest{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:12px 0}.visual-editor-latest>div{padding:8px;border:1px solid var(--legacy-palette-1031);border-radius:7px;background:var(--legacy-palette-1491)}.visual-editor-latest span,.visual-editor-latest b{display:block}.visual-editor-latest span{font-size:8px;color:var(--legacy-palette-1524)}.visual-editor-latest b{margin-top:4px;font-size:11px}.visual-tire-editor>label{display:block;margin-top:10px;color:var(--legacy-palette-1525);font-size:9px}.visual-tire-editor input,.visual-tire-editor textarea{width:100%;margin-top:4px;border:1px solid var(--legacy-palette-1526);border-radius:7px;background:var(--legacy-palette-1527);color:var(--legacy-palette-1528);padding:9px;font-size:12px;outline:none}.visual-tire-editor input{height:38px}.visual-tire-editor textarea{min-height:74px;resize:vertical}.visual-tire-editor input:focus,.visual-tire-editor textarea:focus{border-color:var(--legacy-palette-1387)}.visual-editor-history{margin-top:12px;border-top:1px solid var(--legacy-palette-1529)}.visual-editor-history>div{display:grid;grid-template-columns:1fr 58px 66px;gap:6px;padding:7px 2px;border-bottom:1px solid var(--legacy-palette-1530);font-size:8.5px;color:var(--legacy-palette-1531)}.visual-editor-history p{color:var(--legacy-palette-1532);font-size:9px}.visual-tire-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.visual-tire-editor>footer span{font-size:9px;color:var(--legacy-palette-1533)}.visual-tire-editor>footer button{height:34px}

/* === END FRONTLINE VISUAL TIRE DIAGRAM === */

/* === TIRE TECHNICAL SHEET V2 · 2026-09-14 === */
.technical-tire-sheet{background:var(--legacy-palette-1534);border:1px solid var(--legacy-palette-1535);color:var(--legacy-palette-1536);border-radius:10px;overflow:hidden}.tech-sheet-title{background:var(--legacy-palette-024);border-bottom:1px solid var(--legacy-palette-1537);padding:12px 16px;min-height:58px}.tech-sheet-title h3{color:var(--legacy-palette-1336);font-size:18px}.tech-sheet-title p{color:var(--legacy-palette-1538);font-size:11px}.tech-sheet-title>span{color:var(--legacy-palette-1539);border:1px solid var(--legacy-palette-1540);background:var(--legacy-palette-1541);border-radius:999px;padding:6px 10px;font-weight:850;font-size:9px;letter-spacing:.06em}
.truck-tech-layout{display:grid;grid-template-columns:minmax(210px,1fr) 340px minmax(210px,1fr);gap:22px;align-items:stretch;padding:18px 20px 8px;background:var(--legacy-palette-1534)}.truck-tech-vehicle{display:grid;place-items:center}.truck-tech-svg{width:100%;max-width:320px;height:520px;display:block}.tech-svg-vehicle .cab-shell{fill:var(--legacy-palette-1542);stroke:var(--legacy-palette-1543);stroke-width:3}.tech-svg-vehicle .windshield{fill:var(--legacy-palette-1544);stroke:var(--legacy-palette-1545);stroke-width:2}.tech-svg-vehicle .hood-line,.tech-svg-vehicle .roof-line,.tech-svg-vehicle .trailer-lines{fill:none;stroke:var(--legacy-palette-1546);stroke-width:2}.tech-svg-vehicle .mirror{fill:var(--legacy-palette-1547);stroke:var(--legacy-palette-1548)}.tech-svg-vehicle .rail,.tech-svg-vehicle .cross,.tech-svg-vehicle .axle,.tech-svg-vehicle .rear-frame{fill:var(--legacy-palette-1549);stroke:var(--legacy-palette-1550);stroke-width:1.5}.tech-svg-vehicle .fifth-wheel{fill:var(--legacy-palette-1551);stroke:var(--legacy-palette-1552);stroke-width:2}.tech-svg-vehicle .fifth-pin{fill:var(--legacy-palette-1553);stroke:var(--legacy-palette-1554)}.tech-svg-wheels rect{fill:var(--legacy-palette-1555);stroke:var(--legacy-palette-1556);stroke-width:1.5}.tech-svg-wheels path{stroke:var(--legacy-palette-1557);stroke-width:1.2}.tech-svg-axis-labels text,.tech-svg-vehicle text{fill:var(--legacy-palette-1558);font-size:10px;font-weight:800;letter-spacing:.08em}.tech-svg-axis-labels path{fill:none;stroke:var(--legacy-palette-1559);stroke-width:2}
.truck-tech-side{display:grid;grid-template-rows:170px 1fr 1fr;gap:10px}.truck-tech-side.right{text-align:left}.steer-entry{display:flex;align-items:center}.truck-tech-side.left .steer-entry{justify-content:flex-end}.truck-tech-side.right .steer-entry{justify-content:flex-start}.dual-entry{display:flex;flex-direction:column;justify-content:center;gap:6px}.dual-entry>b{color:var(--legacy-palette-1560);font-size:9px;letter-spacing:.08em}.truck-tech-side.left .dual-entry>b{text-align:right}.truck-tech-side.left .tech-tire-entry{margin-left:auto}
.tech-tire-entry{width:196px;border:1px solid var(--legacy-palette-1561);border-radius:8px;background:var(--legacy-palette-024);padding:7px 8px;color:var(--legacy-palette-1536);box-shadow:none}.tech-tire-entry.current{border-color:var(--legacy-palette-1562)}.tech-tire-entry.warning{border-color:var(--legacy-palette-1563)}.tech-tire-entry.critical{border-color:var(--legacy-palette-1564)}.tech-tire-entry-head{display:flex;align-items:baseline;gap:7px}.tech-tire-entry-head b{font-size:12px;color:var(--legacy-palette-1565)}.tech-tire-entry-head span{font-size:9px;color:var(--legacy-palette-1566);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-tire-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.tech-tire-fields label span{display:block;font-size:7.5px;color:var(--legacy-palette-1567);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.tech-tire-fields input,.tech-tire-note{width:100%;border:1px solid var(--legacy-palette-1568);border-radius:5px;background:var(--legacy-palette-024);color:var(--legacy-palette-1336);outline:none}.tech-tire-fields input{height:31px;padding:0 6px;font-size:14px;font-weight:800;text-align:center}.tech-tire-note{height:27px;margin-top:5px;padding:0 6px;font-size:9px}.tech-tire-fields input:focus,.tech-tire-note:focus{border-color:var(--legacy-palette-1569);box-shadow:0 0 0 2px var(--legacy-palette-1570)}.tech-tire-entry small{display:block;margin-top:4px;color:var(--legacy-palette-1571);font-size:7.5px}
.trailer-tech-layout{padding:12px 18px;background:var(--legacy-palette-1534);overflow:auto}.trailer-tech-reading-row{display:grid;grid-template-columns:repeat(3,minmax(270px,1fr));gap:18px;min-width:940px}.trailer-axle-readings>b{display:block;text-align:center;color:var(--legacy-palette-1560);font-size:9px;letter-spacing:.08em;margin-bottom:5px}.trailer-axle-readings>div{display:flex;justify-content:center;gap:6px}.trailer-axle-readings .tech-tire-entry{width:136px}.trailer-axle-readings .tech-tire-entry-head{display:block;text-align:center}.trailer-axle-readings .tech-tire-entry-head span{display:block;margin-top:1px}.trailer-axle-readings .tech-tire-fields{grid-template-columns:1fr}.trailer-axle-readings .tech-tire-note{display:none}.trailer-tech-vehicle{min-width:940px;height:305px;display:grid;place-items:center;margin:4px 0}.trailer-tech-svg{width:100%;height:300px}.tech-svg-vehicle .trailer-hitch{fill:var(--legacy-palette-1572);stroke:var(--legacy-palette-1573);stroke-width:3}.tech-svg-vehicle .trailer-shell{fill:var(--legacy-palette-1574);stroke:var(--legacy-palette-1575);stroke-width:3}.tech-svg-vehicle .trailer-inner{fill:var(--legacy-palette-1576);stroke:var(--legacy-palette-1577);stroke-width:2}.trailer-wheels rect{fill:var(--legacy-palette-1555)}.trailer-wheels path{stroke:var(--legacy-palette-1578)}.trailer-tech-svg .axle{fill:var(--legacy-palette-1579);stroke:none}
.tech-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:var(--legacy-palette-024);border-top:1px solid var(--legacy-palette-1580)}.tech-sheet-key{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:var(--legacy-palette-1538);font-size:9px}.tech-sheet-key span{display:flex;align-items:center;gap:4px}.tech-sheet-key i{width:8px;height:8px;border-radius:50%;background:var(--legacy-palette-1581)}.tech-sheet-key i.current{background:var(--legacy-palette-1582)}.tech-sheet-key i.warning{background:var(--legacy-palette-1583)}.tech-sheet-key i.critical{background:var(--legacy-palette-1584)}.tech-sheet-actions{display:flex;align-items:center;gap:8px}.tech-sheet-actions>span{color:var(--legacy-palette-1585);font-size:9.5px}.tech-sheet-actions button{height:34px;padding:0 11px;border:1px solid var(--legacy-palette-1586);border-radius:6px;background:var(--legacy-palette-024);color:var(--legacy-palette-1587);font-size:10px;font-weight:750}.tech-sheet-actions .access-primary{background:var(--legacy-palette-1588);border-color:var(--legacy-palette-1588);color:var(--legacy-palette-024)}

/* === END TIRE TECHNICAL SHEET V2 === */

/* === REAL IMAGE TIRE SHEETS · 2026-09-14 === */
.real-image-tire-sheet{overflow:hidden}.real-image-tire-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--border)}.real-image-tire-sheet>header h3{font-size:17px;margin:0}.real-image-tire-sheet>header p{font-size:10px;color:var(--muted);margin:3px 0 0}.real-image-head-actions{display:flex;align-items:center;gap:9px}.real-image-head-actions span{font-size:9px;color:var(--muted)}.real-image-head-actions button{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel2);color:var(--text);font-size:10px}.real-image-tire-workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:520px}.real-image-stage{background:var(--legacy-palette-1589);padding:12px;display:flex;align-items:center;justify-content:center;overflow:auto}.real-image-stage.truck{background:var(--legacy-palette-1590)}.real-image-wrap{position:relative;display:inline-block;line-height:0;max-width:100%}.real-image-stage.truck .real-image-wrap{width:min(560px,100%)}.real-image-stage.trailer .real-image-wrap{width:min(860px,100%)}.real-image-wrap img{display:block;width:100%;height:auto;max-width:none}.image-tire-hotspot{position:absolute;transform:translate(-50%,-50%);border:0;border-radius:5px;background:transparent;color:var(--legacy-palette-1591);padding:0;display:grid;place-items:center;cursor:pointer;box-shadow:none}.image-tire-hotspot span{font-size:clamp(10px,1.25vw,18px);font-weight:850;line-height:1;color:var(--legacy-palette-1591);text-shadow:0 1px var(--legacy-palette-024)}.image-tire-hotspot:hover,.image-tire-hotspot.selected{outline:3px solid var(--legacy-palette-1592);outline-offset:1px}.image-tire-hotspot.warn{outline:2px solid var(--legacy-palette-1593)}.image-tire-hotspot.bad{outline:2px solid var(--legacy-palette-1594)}.image-tire-hotspot.good span{color:var(--legacy-palette-1595)}.image-tire-editor{border-left:1px solid var(--border);background:var(--panel);padding:15px;min-width:0}.image-tire-editor.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.image-tire-editor.empty>span{font-size:9px;letter-spacing:.12em;color:var(--blue)}.image-tire-editor.empty h3{font-size:17px;margin:7px 0}.image-tire-editor.empty p{font-size:10px;color:var(--muted);max-width:230px}.image-tire-editor>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:11px;margin-bottom:12px}.image-tire-editor>header span{font-size:10px;color:var(--blue);font-weight:850}.image-tire-editor>header h3{font-size:19px;margin:2px 0}.image-tire-editor>header p{font-size:9px;color:var(--muted);margin:0}.image-tire-editor>header button{border:0;background:none;color:var(--muted);font-size:20px}.image-current-reading{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:12px}.image-current-reading>div{padding:8px;border-right:1px solid var(--border)}.image-current-reading>div:last-child{border-right:0}.image-current-reading span{display:block;font-size:8px;color:var(--muted)}.image-current-reading b{display:block;font-size:15px;margin-top:3px}.image-tire-editor>label{display:block;font-size:9px;color:var(--muted);margin:9px 0}.image-tire-editor input,.image-tire-editor textarea{width:100%;margin-top:4px;border:1px solid var(--border);border-radius:7px;background:var(--bg-canvas);color:var(--text);padding:8px;outline:none}.image-tire-editor input:focus,.image-tire-editor textarea:focus{border-color:var(--blue)}.image-tire-editor textarea{height:70px;resize:vertical}.image-reading-history{border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:11px}.image-reading-history>div{display:grid;grid-template-columns:1fr 70px 60px;gap:6px;padding:7px 8px;border-top:1px solid var(--border);font-size:8.5px}.image-reading-history>div:first-child{border-top:0}.image-reading-history time{color:var(--muted)}.image-reading-history>p{padding:10px;color:var(--muted);font-size:9px}.image-tire-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.image-tire-editor footer>span{margin-right:auto;color:var(--red);font-size:9px}.image-tire-editor footer button{height:34px}.real-image-legend{display:flex;align-items:center;gap:14px;padding:8px 13px;border-top:1px solid var(--border);font-size:8.5px;color:var(--muted)}.real-image-legend span{display:flex;align-items:center;gap:5px}.real-image-legend i{width:8px;height:8px;border-radius:50%;background:var(--legacy-palette-588)}.real-image-legend i.good{background:var(--legacy-palette-1596)}.real-image-legend i.warn{background:var(--legacy-palette-1597)}.real-image-legend i.bad{background:var(--legacy-palette-1598)}

/* === END REAL IMAGE TIRE SHEETS === */

/* === TIRE IMAGE / EDITOR BALANCE · 2026-09-15 === */



/* === END TIRE IMAGE / EDITOR BALANCE === */

/* === FLEET SEARCH + TYPEAHEAD UI · 2026-09-15 === */
.fleet-fast-filters-v2{overflow:visible;position:relative;z-index:20;flex-wrap:wrap}
.fleet-fast-combo{display:flex;align-items:center;gap:7px;color:var(--legacy-palette-1386);font-size:11px;position:relative}
.fleet-fast-combo>span{white-space:nowrap}
.fleet-fast-combo-control{position:relative;min-width:155px}
.fleet-fast-combo[data-fleet-fast-combo="driver"] .fleet-fast-combo-control{min-width:220px}
.fleet-fast-combo-control>input{width:100%;height:34px;padding:0 32px 0 10px;border:1px solid var(--legacy-palette-1600);border-radius:7px;background:var(--legacy-palette-1491);color:var(--legacy-palette-1385);font-size:12px;outline:none}
.fleet-fast-combo-control>input:focus{border-color:var(--legacy-palette-1601);box-shadow:none}
.fleet-fast-combo-control>button[data-fleet-fast-toggle]{position:absolute;right:3px;top:3px;width:28px;height:28px;border:0;background:transparent;color:var(--legacy-palette-1602);border-radius:5px;cursor:pointer}
.fleet-fast-combo-control>button[data-fleet-fast-toggle]:hover{background:var(--legacy-palette-1603);color:var(--legacy-palette-024)}
.fleet-fast-menu{position:absolute;left:0;right:0;top:39px;z-index:160;max-height:300px;overflow:auto;padding:5px;border:1px solid var(--legacy-palette-1604);border-radius:8px;background:var(--legacy-palette-1027);box-shadow:0 14px 32px var(--legacy-palette-210)}
.fleet-fast-menu[hidden]{display:none}
.fleet-fast-menu button{display:block;width:100%;min-height:32px;height:auto;padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--legacy-palette-1605);text-align:left;font-size:11.5px;white-space:normal}
.fleet-fast-menu button:hover,.fleet-fast-menu button.active{background:var(--legacy-palette-1606);color:var(--legacy-palette-024)}
.fleet-search-input{font-size:13px}

/* === END FLEET SEARCH + TYPEAHEAD UI === */

/* === DRIVER TYPEAHEAD + TRUCK/TRAILER PAIRING · 2026-09-15 === */
.fleet-fast-menu button[hidden]{display:none}
.fleet-fast-combo.driver-combo{min-width:260px;flex:0 1 300px}
.fleet-fast-combo.driver-combo .fleet-fast-combo-control{min-width:230px}
.fleet-fast-combo.driver-combo input{font-size:12.5px}
.asset-pair-card{overflow:visible}
.asset-pair-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.asset-pair-card>header>div>span{display:block;margin-top:2px;color:var(--legacy-palette-1607);font-size:11px}
.asset-pair-actions{display:flex;gap:7px;margin-left:auto}
.asset-pair-actions button,.asset-pair-current>button{height:32px;padding:0 12px;border:1px solid var(--legacy-palette-1608);border-radius:7px;background:var(--legacy-palette-1609);color:var(--legacy-palette-1610);font-weight:800;font-size:11px;cursor:pointer}
.asset-pair-actions button:hover,.asset-pair-current>button:hover{background:var(--legacy-palette-1611)}
.asset-pair-actions button.danger{border-color:var(--legacy-palette-1612);background:var(--legacy-palette-1613);color:var(--legacy-palette-1614)}
.asset-pair-current{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;background:var(--legacy-palette-969);border-top:1px solid var(--legacy-palette-1615)}
.asset-pair-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--legacy-palette-1616);border-radius:8px;background:var(--legacy-palette-1609);color:var(--legacy-palette-1617);font-size:10px;font-weight:900;letter-spacing:.08em}
.asset-pair-current span,.asset-pair-empty span{display:block;color:var(--legacy-palette-1618);font-size:9px;font-weight:900;letter-spacing:.09em}
.asset-pair-current strong,.asset-pair-empty strong{display:block;margin-top:2px;color:var(--legacy-palette-1619);font-size:16px;line-height:1.25}
.asset-pair-current small,.asset-pair-empty small{display:block;margin-top:3px;color:var(--legacy-palette-334);font-size:11.5px}
.asset-pair-empty{padding:14px 15px;border-top:1px solid var(--legacy-palette-1615);background:var(--legacy-palette-1336)}
.asset-pair-loading{padding:15px;color:var(--legacy-palette-334);border-top:1px solid var(--legacy-palette-1615)}
.asset-pair-picker{position:relative;padding:12px 15px 15px;border-top:1px solid var(--legacy-palette-1615);background:var(--legacy-palette-1620)}
.asset-pair-picker>label{display:block;color:var(--legacy-palette-866);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.asset-pair-picker>label>div{display:grid;grid-template-columns:24px 1fr 34px;align-items:center;height:42px;margin-top:6px;border:1px solid var(--legacy-palette-1621);border-radius:8px;background:var(--legacy-palette-1622)}
.asset-pair-picker>label span{display:grid;place-items:center;color:var(--legacy-palette-1623)}
.asset-pair-picker input{width:100%;height:38px;border:0;background:transparent;color:var(--legacy-palette-024);font-size:14px;outline:0}
.asset-pair-picker>label button{height:30px;width:30px;border:0;background:transparent;color:var(--legacy-palette-1624);font-size:18px;cursor:pointer}
.asset-pair-results{position:absolute;z-index:220;left:15px;right:15px;top:66px;max-height:300px;overflow:auto;border:1px solid var(--legacy-palette-1625);border-radius:8px;background:var(--legacy-palette-1626);box-shadow:0 16px 35px var(--legacy-palette-011)}
.asset-pair-results>p{margin:0;padding:12px;color:var(--legacy-palette-1607);font-size:12px}
.asset-pair-results button{display:grid;width:100%;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border:0;border-bottom:1px solid var(--legacy-palette-1627);background:transparent;color:var(--legacy-palette-1628);text-align:left;cursor:pointer}
.asset-pair-results button:last-child{border-bottom:0}.asset-pair-results button:hover,.asset-pair-results button.active{background:var(--legacy-palette-1629)}
.asset-pair-results button b{font-size:12.5px}.asset-pair-results button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--legacy-palette-1630);font-size:11.5px}.asset-pair-results button em{color:var(--legacy-palette-1631);font-size:10px;font-style:normal}

/* === END DRIVER TYPEAHEAD + TRUCK/TRAILER PAIRING === */

/* === MAINTENANCE TASK DASHBOARD · 2026-09-15 === */
.maintenance-task-page{padding-top:10px}
.maintenance-task-page .maintenance-page-actions{margin:0 0 8px}
.maintenance-task-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:8px}
.maintenance-task-kpi{min-height:82px;padding:11px 12px;border:1px solid var(--legacy-palette-1632);border-radius:9px;background:var(--legacy-palette-1484);color:var(--legacy-palette-1633);text-align:left;cursor:pointer}
.maintenance-task-kpi:hover,.maintenance-task-kpi.active{border-color:var(--legacy-palette-1634);background:var(--legacy-palette-1635)}
.maintenance-task-kpi span,.maintenance-task-kpi small{display:block}.maintenance-task-kpi span{font-size:11px;color:var(--legacy-palette-1636);font-weight:700}.maintenance-task-kpi strong{display:block;margin:3px 0 2px;font-size:27px;line-height:1;color:var(--legacy-palette-544)}.maintenance-task-kpi small{font-size:10px;color:var(--legacy-palette-1637);line-height:1.25}
.maintenance-task-kpi.warn{border-color:var(--legacy-palette-1638)}.maintenance-task-kpi.warn strong{color:var(--legacy-palette-1639)}.maintenance-task-kpi.bad{border-color:var(--legacy-palette-1640)}.maintenance-task-kpi.bad strong{color:var(--legacy-palette-1641)}
.maintenance-context-strip{min-height:35px;display:flex;align-items:center;gap:18px;padding:5px 10px;margin-bottom:8px;border:1px solid var(--legacy-palette-1642);border-radius:8px;background:var(--legacy-palette-1643);color:var(--legacy-palette-1257);font-size:10.5px}.maintenance-context-strip b{color:var(--legacy-palette-1644);font-size:12px}.maintenance-context-strip button{margin-left:auto;border:0;background:transparent;color:var(--legacy-palette-1645);font-size:10.5px;font-weight:700;cursor:pointer}
.maintenance-task-panel,.maintenance-history-panel{border:1px solid var(--legacy-palette-1646);border-radius:9px;background:var(--legacy-palette-1643);overflow:hidden;margin-bottom:10px}
.maintenance-task-panel>header,.maintenance-history-panel>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-bottom:1px solid var(--legacy-palette-1642);background:var(--legacy-palette-1272)}.maintenance-task-panel>header>div>span,.maintenance-history-panel>header>div>span{display:block;color:var(--legacy-palette-1647);font-size:9px;letter-spacing:.12em;font-weight:800}.maintenance-task-panel h3,.maintenance-history-panel h3{margin:2px 0 0;font-size:15px;color:var(--legacy-palette-1648)}.maintenance-history-panel header p{margin:3px 0 0;color:var(--legacy-palette-1214);font-size:10px}
.maintenance-queue-search{height:34px;min-width:280px;max-width:430px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--legacy-palette-1649);border-radius:7px;background:var(--legacy-palette-1650);color:var(--legacy-palette-1651)}.maintenance-queue-search input{width:100%;border:0;outline:0;background:transparent;color:var(--legacy-palette-1652);font-size:12px}
.maintenance-task-table-wrap,.maintenance-history-table-wrap{overflow:auto;max-height:440px}.maintenance-history-table-wrap{max-height:520px}
.maintenance-task-table,.maintenance-history-table{width:100%;border-collapse:collapse;min-width:1040px}.maintenance-history-table{min-width:1120px}
.maintenance-task-table th,.maintenance-history-table th{position:sticky;top:0;z-index:2;height:34px;padding:0 9px;background:var(--legacy-palette-1653);color:var(--legacy-palette-1654);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--legacy-palette-1655)}
.maintenance-task-table td,.maintenance-history-table td{padding:8px 9px;border-top:1px solid var(--legacy-palette-1656);color:var(--legacy-palette-1657);font-size:12px;vertical-align:middle}.maintenance-task-table tbody tr{cursor:pointer}.maintenance-task-table tbody tr:hover,.maintenance-history-table tbody tr:hover{background:var(--legacy-palette-1658)}.maintenance-task-table tbody tr.reminder-due{box-shadow:inset 3px 0 var(--legacy-palette-1659)}
.maintenance-task-table th:nth-child(1){width:88px}.maintenance-task-table th:nth-child(2){min-width:360px}.maintenance-task-table th:nth-child(3){width:150px}.maintenance-task-table th:nth-child(4){width:115px}.maintenance-task-table th:nth-child(5){width:175px}.maintenance-task-table th:nth-child(6){width:115px}.maintenance-task-table th:nth-child(7){width:48px}
.maint-task-title b{display:block;color:var(--legacy-palette-1660);font-size:12.5px}.maint-task-title p{margin:2px 0;color:var(--legacy-palette-1661);font-size:11px;line-height:1.3;white-space:normal}.maint-task-title small{color:var(--legacy-palette-1662);font-size:9.5px}
.maint-priority{display:inline-flex;padding:3px 6px;border:1px solid var(--legacy-palette-1663);border-radius:999px;font-size:9.5px;font-weight:800;color:var(--legacy-palette-1664)}.maint-priority.high{color:var(--legacy-palette-1665);border-color:var(--legacy-palette-1666);background:var(--legacy-palette-1667)}.maint-priority.critical{color:var(--legacy-palette-1668);border-color:var(--legacy-palette-1669);background:var(--legacy-palette-1670)}.maint-priority.low{color:var(--legacy-palette-1671);border-color:var(--legacy-palette-1672);background:var(--legacy-palette-1673)}
.maint-assignee{display:inline-flex;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--legacy-palette-1674);font-size:11px}.maint-assignee.empty{color:var(--legacy-palette-1675)}.maint-due,.maint-reminder{display:inline-flex;align-items:center;min-height:23px;padding:3px 6px;border-radius:6px;background:var(--legacy-palette-1062);color:var(--legacy-palette-1676);font-size:10px;white-space:nowrap}.maint-due.overdue,.maint-reminder.due{background:var(--legacy-palette-380);color:var(--legacy-palette-1677)}.maint-due.today{background:var(--legacy-palette-1678);color:var(--legacy-palette-1679)}.maint-reminder.none{background:transparent;color:var(--legacy-palette-1680);padding-left:0}
.maint-complete{width:29px;height:29px;border:1px solid var(--legacy-palette-1681);border-radius:7px;background:var(--legacy-palette-1682);color:var(--legacy-palette-1683);font-size:15px;font-weight:900;cursor:pointer}.maint-complete:hover{background:var(--legacy-palette-1684)}
.maintenance-task-panel>footer,.maintenance-history-panel>footer{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-top:1px solid var(--legacy-palette-1685);color:var(--legacy-palette-1161);font-size:9.5px}
.maintenance-history-table th:nth-child(1){width:92px}.maintenance-history-table th:nth-child(2){width:86px}.maintenance-history-table th:nth-child(3){width:140px}.maintenance-history-table th:nth-child(4){min-width:360px}.maintenance-history-table th:nth-child(5){width:170px}.maintenance-history-table th:nth-child(6){width:130px}.maintenance-history-table th:nth-child(7){width:86px}.maintenance-history-table td b{color:var(--legacy-palette-1648);font-size:12px}.maintenance-history-table td p{margin:0;color:var(--legacy-palette-1686);line-height:1.3;font-size:10.8px;white-space:normal}.maintenance-history-table td small{color:var(--legacy-palette-1687);font-size:10px}
.maint-track-btn{height:27px;padding:0 8px;border:1px solid var(--legacy-palette-1688);border-radius:6px;background:var(--legacy-palette-1188);color:var(--legacy-palette-1676);font-size:9.5px;font-weight:750;cursor:pointer}.maint-track-btn.tracked{border-color:var(--legacy-palette-1689);color:var(--legacy-palette-1690);background:var(--legacy-palette-1691)}
.maintenance-task-modal{width:min(860px,calc(100vw - 28px))}.maintenance-source-summary{padding:10px 12px;margin-bottom:10px;border:1px solid var(--legacy-palette-1692);border-radius:8px;background:var(--legacy-palette-1336)}.maintenance-source-summary p{margin:0 0 5px;color:var(--legacy-palette-1693);font-size:12px;line-height:1.45}.maintenance-source-summary small{color:var(--legacy-palette-1694);font-size:10px}
.maintenance-task-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.maintenance-task-form-grid label{display:flex;flex-direction:column;gap:5px;color:var(--legacy-palette-1695);font-size:10px}.maintenance-task-form-grid label.wide{grid-column:1/-1}.maintenance-task-form-grid input,.maintenance-task-form-grid select,.maintenance-task-form-grid textarea{width:100%;border:1px solid var(--legacy-palette-1696);border-radius:7px;background:var(--legacy-palette-1697);color:var(--legacy-palette-1648);padding:8px 9px;font-size:12px;outline:none}.maintenance-task-form-grid input,.maintenance-task-form-grid select{height:38px}.maintenance-task-form-grid textarea{min-height:100px;resize:vertical}.maintenance-task-form-grid input:focus,.maintenance-task-form-grid select:focus,.maintenance-task-form-grid textarea:focus{border-color:var(--legacy-palette-1698)}
.maintenance-task-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--legacy-palette-1699)}.maintenance-task-modal footer>span{margin-right:auto;color:var(--legacy-palette-1700);font-size:10.5px}.maintenance-task-modal footer button{min-height:34px;padding:0 11px;border:1px solid var(--legacy-palette-1701);border-radius:7px;background:var(--legacy-palette-1158);color:var(--legacy-palette-1702);cursor:pointer}


/* === END MAINTENANCE TASK DASHBOARD === */

/* === MAINTENANCE MANAGEMENT SNAPSHOT · 2026-09-15 === */
.maintenance-management-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 8px}
.maintenance-management-card{position:relative;min-height:88px;padding:11px 12px 10px;border:1px solid var(--legacy-palette-1703);border-top-width:3px;border-radius:9px;background:var(--legacy-palette-1078);color:var(--legacy-palette-1648);text-align:left;cursor:pointer;overflow:hidden}
.maintenance-management-card:hover{background:var(--legacy-palette-1704);border-right-color:var(--legacy-palette-1705);border-bottom-color:var(--legacy-palette-1705);border-left-color:var(--legacy-palette-1705)}
.maintenance-management-card span,.maintenance-management-card small{display:block}.maintenance-management-card span{font-size:10.5px;font-weight:750;color:var(--legacy-palette-1706)}.maintenance-management-card strong{display:block;margin:4px 0 5px;font-size:27px;line-height:1;color:var(--legacy-palette-1385);letter-spacing:-.02em}.maintenance-management-card small{font-size:9.7px;line-height:1.25;color:var(--legacy-palette-1707);white-space:normal}
.maintenance-management-card.blue{border-top-color:var(--legacy-palette-1387)}.maintenance-management-card.green{border-top-color:var(--legacy-palette-1388)}.maintenance-management-card.amber{border-top-color:var(--legacy-palette-1389)}.maintenance-management-card.cyan{border-top-color:var(--legacy-palette-1708)}.maintenance-management-card.violet{border-top-color:var(--legacy-palette-1392)}.maintenance-management-card.teal{border-top-color:var(--legacy-palette-1391)}
.maintenance-management-card.green strong{color:var(--legacy-palette-1709)}.maintenance-management-card.amber strong{color:var(--legacy-palette-1710)}.maintenance-management-card.cyan strong{color:var(--legacy-palette-1711)}.maintenance-management-card.violet strong{color:var(--legacy-palette-1712)}.maintenance-management-card.teal strong{color:var(--legacy-palette-1713)}
.maintenance-source-health{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 10px;margin-bottom:8px;border:1px solid var(--legacy-palette-1714);border-radius:8px;background:var(--legacy-palette-1715);color:var(--legacy-palette-1716);font-size:10px}.maintenance-source-health span{display:flex;align-items:center;gap:6px;min-width:0}.maintenance-source-health span i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--legacy-palette-1388)}.maintenance-source-health b{color:var(--legacy-palette-1717)}.maintenance-source-health small{color:var(--legacy-palette-1718);text-align:right}.maintenance-source-health.warn{border-color:var(--legacy-palette-1719);background:var(--legacy-palette-1720)}.maintenance-source-health.warn span i{background:var(--legacy-palette-1389)}.maintenance-source-health.warn b{color:var(--legacy-palette-1721)}
.maintenance-queue-tabs{display:flex;align-items:center;gap:4px;padding:5px;margin:0 0 8px;border:1px solid var(--legacy-palette-1722);border-radius:8px;background:var(--legacy-palette-1643);overflow-x:auto}.maintenance-queue-tabs button{height:30px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--legacy-palette-1045);font-size:10.5px;font-weight:700;white-space:nowrap;cursor:pointer}.maintenance-queue-tabs button b{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:var(--legacy-palette-1723);color:var(--legacy-palette-1724);font-size:9.5px}.maintenance-queue-tabs button:hover{background:var(--legacy-palette-1333);color:var(--legacy-palette-1725)}.maintenance-queue-tabs button.active{border-color:var(--legacy-palette-1726);background:var(--legacy-palette-1727);color:var(--legacy-palette-1728)}.maintenance-queue-tabs button.active b{background:var(--legacy-palette-1729);color:var(--legacy-palette-024)}
.maintenance-history-head-actions{display:flex;align-items:center;gap:7px}.maintenance-history-head-actions>button{height:32px;padding:0 9px;border:1px solid var(--legacy-palette-1730);border-radius:6px;background:var(--legacy-palette-1188);color:var(--legacy-palette-1731);font-size:10px;font-weight:700;cursor:pointer}.maintenance-history-head-actions>button:hover{border-color:var(--legacy-palette-1732);color:var(--legacy-palette-024)}
.maintenance-task-page>.maintenance-task-kpis,.maintenance-task-page>.maintenance-context-strip{display:none}


/* === END MAINTENANCE MANAGEMENT SNAPSHOT === */

/* === TIRES DENSITY V6 · 2026-09-15 === */
.tire-density-v6 .tire-command-strip{margin-bottom:7px}
.tire-density-v6 .tire-compact-kpi{min-height:62px;padding:7px 10px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
.tire-density-v6 .tire-kpi-main{gap:7px}.tire-density-v6 .tire-kpi-main strong{font-size:22px}.tire-density-v6 .tire-kpi-main span{font-size:10px}.tire-density-v6 .tire-compact-kpi>small{font-size:8.8px}.tire-density-v6 .tire-compact-kpi>i{font-size:8.5px}
.tire-health-console-v6{margin:0 0 7px;border:1px solid var(--legacy-palette-1733);border-radius:9px;background:var(--legacy-palette-1482);overflow:hidden}
.tire-health-row-v6{display:grid;align-items:stretch;gap:1px;background:var(--legacy-palette-1734);border-bottom:1px solid var(--legacy-palette-1733)}.tire-health-row-v6:last-child{border-bottom:0}.tire-health-row-v6.cycle{grid-template-columns:150px repeat(4,minmax(0,1fr))}.tire-health-row-v6.service{grid-template-columns:150px repeat(5,minmax(0,1fr)) minmax(150px,1.15fr)}
.tire-health-label-v6{min-height:46px;padding:7px 10px;background:var(--legacy-palette-1484);display:flex;flex-direction:column;justify-content:center}.tire-health-label-v6 span{font-size:8px;letter-spacing:.12em;color:var(--legacy-palette-1735);font-weight:800}.tire-health-label-v6 b{font-size:12px;color:var(--legacy-palette-1736);margin-top:2px}.tire-health-label-v6 small{font-size:8.5px;color:var(--legacy-palette-1737);margin-top:1px}
.tire-dense-metric{min-height:46px;border:0;background:var(--legacy-palette-1643);color:var(--legacy-palette-1648);padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.tire-dense-metric:hover{background:var(--legacy-palette-1738)}.tire-dense-metric.active{background:var(--legacy-palette-1739);box-shadow:inset 0 -2px var(--legacy-palette-1387)}.tire-dense-metric span{font-size:10px;color:var(--legacy-palette-1740);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tire-dense-metric b{font-size:18px;line-height:1;color:var(--legacy-palette-1385)}.tire-dense-metric.good b{color:var(--legacy-palette-1455)}.tire-dense-metric.warn b{color:var(--legacy-palette-1389)}.tire-dense-metric.bad b{color:var(--legacy-palette-1454)}
.tire-history-inline-v6{min-height:46px;background:var(--legacy-palette-1643);padding:6px 10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:8px}.tire-history-inline-v6 span{font-size:10px;color:var(--legacy-palette-1740)}.tire-history-inline-v6 b{font-size:15px;color:var(--legacy-palette-1741)}.tire-history-inline-v6 i{grid-column:1/3;height:4px;border-radius:99px;background:var(--legacy-palette-1742);overflow:hidden}.tire-history-inline-v6 em{display:block;height:100%;background:var(--legacy-palette-1388);border-radius:99px}
.tire-activity-strip-v6{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));align-items:stretch;margin:0 0 7px;border:1px solid var(--legacy-palette-1733);border-radius:9px;background:var(--legacy-palette-1482);overflow:hidden}.tire-activity-strip-v6>div{min-height:48px;padding:7px 10px;border-left:1px solid var(--legacy-palette-1733);display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--legacy-palette-1336)}.tire-activity-strip-v6>div:first-child{border-left:0;background:var(--legacy-palette-1743)}.tire-activity-strip-v6 span{font-size:9.5px;color:var(--legacy-palette-1744)}.tire-activity-strip-v6 b{font-size:18px;color:var(--legacy-palette-1385)}.tire-activity-strip-v6 .activity-title-v6{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.tire-activity-strip-v6 .activity-title-v6 span{font-size:8px;letter-spacing:.12em;color:var(--legacy-palette-1745);font-weight:800}.tire-activity-strip-v6 .activity-title-v6 b{font-size:12px;margin-top:1px}
.tire-density-v6>.tire-ops-panel{margin-bottom:7px}.tire-density-v6>.tire-ops-panel>header{min-height:44px;padding:7px 10px}.tire-density-v6>.tire-ops-panel>header p{display:none}.tire-density-v6 .tire-action-table>button{min-height:40px}
.tire-density-v6 .tire-asset-lookup{margin-top:7px}


/* === END TIRES DENSITY V6 === */

/* === TIRE HEALTH SUMMARY V7 · 2026-09-15 === */
.tire-health-card-v7{margin:0 0 8px;border:1px solid var(--legacy-palette-1240);border-radius:10px;background:var(--legacy-palette-1746);overflow:hidden}
.tire-health-body-v7{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.tire-health-section-v7{padding:12px 14px;background:var(--legacy-palette-1746)}.tire-health-section-v7.service{border-left:1px solid var(--legacy-palette-1240);background:var(--legacy-palette-1078)}
.tire-health-section-v7>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:8px}.tire-health-section-v7>header span{display:block;font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--legacy-palette-1747)}.tire-health-section-v7>header h3{margin:2px 0 0;font-size:15px;line-height:1.2;color:var(--legacy-palette-1619)}.tire-health-section-v7>header>strong{font-size:18px;line-height:1;color:var(--legacy-palette-1648);white-space:nowrap}.tire-health-section-v7>header>strong small{font-size:11px;font-weight:600;color:var(--legacy-palette-1748)}
.tire-health-progress-v7{height:5px;border-radius:999px;background:var(--legacy-palette-1076);overflow:hidden;margin-bottom:10px}.tire-health-progress-v7>i{display:block;height:100%;min-width:3px;border-radius:999px;background:var(--legacy-palette-1749)}.tire-health-progress-v7.history>i{background:var(--legacy-palette-1750)}
.tire-health-metrics-v7{display:grid;gap:6px}.tire-health-metrics-v7.cycle-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.tire-health-metrics-v7.service-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.tire-health-metric-v7{position:relative;min-height:54px;border:0;border-radius:7px;background:var(--legacy-palette-1043);color:var(--legacy-palette-1648);padding:8px 9px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.tire-health-metric-v7:hover{background:var(--legacy-palette-1751)}.tire-health-metric-v7.active{background:var(--legacy-palette-1752);box-shadow:inset 0 0 0 1px var(--legacy-palette-1753)}.tire-health-metric-v7:before{content:'';position:absolute;left:9px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--legacy-palette-1754)}.tire-health-metric-v7 span{display:block;padding-left:11px;font-size:12px;line-height:1.15;color:var(--legacy-palette-1755);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tire-health-metric-v7 b{display:block;margin-top:6px;font-size:23px;line-height:1;color:var(--legacy-palette-1385)}.tire-health-metric-v7.good:before{background:var(--legacy-palette-1388)}.tire-health-metric-v7.good b{color:var(--legacy-palette-1756)}.tire-health-metric-v7.warn:before{background:var(--legacy-palette-1389)}.tire-health-metric-v7.warn b{color:var(--legacy-palette-1389)}.tire-health-metric-v7.bad:before{background:var(--legacy-palette-1390)}.tire-health-metric-v7.bad b{color:var(--legacy-palette-1454)}.tire-health-metric-v7.muted b{color:var(--legacy-palette-1757)}
.tire-health-activity-v7{display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));min-height:52px;border-top:1px solid var(--legacy-palette-1240);background:var(--legacy-palette-1482)}.tire-health-activity-v7>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 14px;border-left:1px solid var(--legacy-palette-1758)}.tire-health-activity-v7>div:first-child{border-left:0}.tire-health-activity-v7 span{font-size:12px;color:var(--legacy-palette-1759)}.tire-health-activity-v7 b{font-size:17px;color:var(--legacy-palette-1528)}.tire-health-activity-title-v7{align-items:flex-start;justify-content:center;flex-direction:column}.tire-health-activity-title-v7 span{font-size:9px;letter-spacing:.11em;color:var(--legacy-palette-1747);font-weight:800}.tire-health-activity-title-v7 b{font-size:13px;margin-top:1px}
.tire-density-v7>.tire-ops-panel{margin-bottom:8px}.tire-density-v7>.tire-ops-panel>header{min-height:46px;padding:8px 11px}.tire-density-v7>.tire-ops-panel>header p{display:none}


/* === END TIRE HEALTH SUMMARY V7 === */

/* === FRONTLINE UNIFIED THEME SYSTEM V5 · 2026-09-18 === */
:root[data-theme="graphite"]{
 --ui-canvas:var(--legacy-palette-1760);--ui-sidebar:var(--legacy-palette-1761);--ui-topbar:var(--legacy-palette-1762);--ui-s1:var(--legacy-palette-1763);--ui-s2:var(--legacy-palette-1764);--ui-s3:var(--legacy-palette-1765);
 --ui-line:var(--legacy-palette-1357);--ui-line2:var(--legacy-palette-1766);--ui-text:var(--legacy-palette-1767);--ui-text2:var(--legacy-palette-1768);--ui-text3:var(--legacy-palette-1769);--ui-input:var(--legacy-palette-1761);--ui-hover:var(--legacy-palette-1076);--ui-select:var(--legacy-palette-1770);
 --ui-primary:var(--legacy-palette-1771);--ui-focus:var(--legacy-palette-1772);--ui-primary-text:var(--legacy-palette-024);--nav-ops:var(--legacy-palette-1773);--nav-fleet:var(--legacy-palette-1774);--nav-people:var(--legacy-palette-1775);--nav-finance:var(--legacy-palette-1776);--nav-report:var(--legacy-palette-1777);--nav-admin:var(--legacy-palette-1778);
 --ok-bg:var(--legacy-palette-1779);--ok-line:var(--legacy-palette-1780);--ok-text:var(--legacy-palette-1781);--warn-bg:var(--legacy-palette-1782);--warn-line:var(--legacy-palette-1783);--warn-text:var(--legacy-palette-1784);--bad-bg:var(--legacy-palette-1785);--bad-line:var(--legacy-palette-1786);--bad-text:var(--legacy-palette-1787);color-scheme:dark
}
:root[data-theme="slate"]{
 --ui-canvas:var(--legacy-palette-1788);--ui-sidebar:var(--legacy-palette-1789);--ui-topbar:var(--legacy-palette-1790);--ui-s1:var(--legacy-palette-1791);--ui-s2:var(--legacy-palette-1792);--ui-s3:var(--legacy-palette-1793);
 --ui-line:var(--legacy-palette-1794);--ui-line2:var(--legacy-palette-1795);--ui-text:var(--legacy-palette-1796);--ui-text2:var(--legacy-palette-1797);--ui-text3:var(--legacy-palette-1798);--ui-input:var(--legacy-palette-1789);--ui-hover:var(--legacy-palette-1799);--ui-select:var(--legacy-palette-1800);
 --ui-primary:var(--legacy-palette-1801);--ui-focus:var(--legacy-palette-1802);--ui-primary-text:var(--legacy-palette-1078);--nav-ops:var(--legacy-palette-1803);--nav-fleet:var(--legacy-palette-1804);--nav-people:var(--legacy-palette-1805);--nav-finance:var(--legacy-palette-1806);--nav-report:var(--legacy-palette-1807);--nav-admin:var(--legacy-palette-1808);
 --ok-bg:var(--legacy-palette-1809);--ok-line:var(--legacy-palette-1810);--ok-text:var(--legacy-palette-1811);--warn-bg:var(--legacy-palette-1812);--warn-line:var(--legacy-palette-1813);--warn-text:var(--legacy-palette-1814);--bad-bg:var(--legacy-palette-1815);--bad-line:var(--legacy-palette-1816);--bad-text:var(--legacy-palette-1817);color-scheme:dark
}
:root[data-theme="steel"]{
 --ui-canvas:var(--legacy-palette-1166);--ui-sidebar:var(--legacy-palette-1212);--ui-topbar:var(--legacy-palette-1818);--ui-s1:var(--legacy-palette-1819);--ui-s2:var(--legacy-palette-1136);--ui-s3:var(--legacy-palette-1820);
 --ui-line:var(--legacy-palette-1341);--ui-line2:var(--legacy-palette-1821);--ui-text:var(--legacy-palette-461);--ui-text2:var(--legacy-palette-1822);--ui-text3:var(--legacy-palette-1823);--ui-input:var(--legacy-palette-1212);--ui-hover:var(--legacy-palette-1135);--ui-select:var(--legacy-palette-1309);
 --ui-primary:var(--legacy-palette-1824);--ui-focus:var(--legacy-palette-1825);--ui-primary-text:var(--legacy-palette-1336);--nav-ops:var(--legacy-palette-1826);--nav-fleet:var(--legacy-palette-1827);--nav-people:var(--legacy-palette-1828);--nav-finance:var(--legacy-palette-1829);--nav-report:var(--legacy-palette-635);--nav-admin:var(--legacy-palette-1830);
 --ok-bg:var(--legacy-palette-1831);--ok-line:var(--legacy-palette-1832);--ok-text:var(--legacy-palette-1833);--warn-bg:var(--legacy-palette-1834);--warn-line:var(--legacy-palette-1835);--warn-text:var(--legacy-palette-1836);--bad-bg:var(--legacy-palette-1837);--bad-line:var(--legacy-palette-1838);--bad-text:var(--legacy-palette-1839);color-scheme:dark
}
:root[data-theme="soft"]{
 --ui-canvas:var(--legacy-palette-1840);--ui-sidebar:var(--legacy-palette-1841);--ui-topbar:var(--legacy-palette-1842);--ui-s1:var(--legacy-palette-1843);--ui-s2:var(--legacy-palette-1844);--ui-s3:var(--legacy-palette-1845);
 --ui-line:var(--legacy-palette-1846);--ui-line2:var(--legacy-palette-1847);--ui-text:var(--legacy-palette-1848);--ui-text2:var(--legacy-palette-1849);--ui-text3:var(--legacy-palette-1850);--ui-input:var(--legacy-palette-1851);--ui-hover:var(--legacy-palette-1852);--ui-select:var(--legacy-palette-1853);
 --ui-primary:var(--legacy-palette-1854);--ui-focus:var(--legacy-palette-1855);--ui-primary-text:var(--legacy-palette-024);--nav-ops:var(--legacy-palette-1856);--nav-fleet:var(--legacy-palette-1857);--nav-people:var(--legacy-palette-1858);--nav-finance:var(--legacy-palette-1859);--nav-report:var(--legacy-palette-1860);--nav-admin:var(--legacy-palette-1861);
 --ok-bg:var(--legacy-palette-1862);--ok-line:var(--legacy-palette-1863);--ok-text:var(--legacy-palette-1864);--warn-bg:var(--legacy-palette-1865);--warn-line:var(--legacy-palette-1866);--warn-text:var(--legacy-palette-1867);--bad-bg:var(--legacy-palette-1868);--bad-line:var(--legacy-palette-1869);--bad-text:var(--legacy-palette-1870);color-scheme:light
}
:root[data-theme="stone"]{
 --ui-canvas:var(--legacy-palette-1871);--ui-sidebar:var(--legacy-palette-1872);--ui-topbar:var(--legacy-palette-1873);--ui-s1:var(--legacy-palette-1874);--ui-s2:var(--legacy-palette-1875);--ui-s3:var(--legacy-palette-1876);
 --ui-line:var(--legacy-palette-1877);--ui-line2:var(--legacy-palette-1878);--ui-text:var(--legacy-palette-1879);--ui-text2:var(--legacy-palette-1880);--ui-text3:var(--legacy-palette-1881);--ui-input:var(--legacy-palette-1882);--ui-hover:var(--legacy-palette-1883);--ui-select:var(--legacy-palette-1884);
 --ui-primary:var(--legacy-palette-1885);--ui-focus:var(--legacy-palette-1886);--ui-primary-text:var(--legacy-palette-024);--nav-ops:var(--legacy-palette-1887);--nav-fleet:var(--legacy-palette-1888);--nav-people:var(--legacy-palette-1889);--nav-finance:var(--legacy-palette-1890);--nav-report:var(--legacy-palette-1891);--nav-admin:var(--legacy-palette-1892);
 --ok-bg:var(--legacy-palette-1893);--ok-line:var(--legacy-palette-1894);--ok-text:var(--legacy-palette-1895);--warn-bg:var(--legacy-palette-1896);--warn-line:var(--legacy-palette-1897);--warn-text:var(--legacy-palette-1898);--bad-bg:var(--legacy-palette-1899);--bad-line:var(--legacy-palette-1900);--bad-text:var(--legacy-palette-1901);color-scheme:light
}
:root[data-theme="clean"]{
 --ui-canvas:var(--legacy-palette-1902);--ui-sidebar:var(--legacy-palette-1796);--ui-topbar:var(--legacy-palette-1903);--ui-s1:var(--legacy-palette-1904);--ui-s2:var(--legacy-palette-1905);--ui-s3:var(--legacy-palette-1906);
 --ui-line:var(--legacy-palette-1907);--ui-line2:var(--legacy-palette-1908);--ui-text:var(--legacy-palette-1909);--ui-text2:var(--legacy-palette-1910);--ui-text3:var(--legacy-palette-1911);--ui-input:var(--legacy-palette-024);--ui-hover:var(--legacy-palette-1912);--ui-select:var(--legacy-palette-1913);
 --ui-primary:var(--legacy-palette-1914);--ui-focus:var(--legacy-palette-1915);--ui-primary-text:var(--legacy-palette-024);--nav-ops:var(--legacy-palette-1916);--nav-fleet:var(--legacy-palette-1917);--nav-people:var(--legacy-palette-1918);--nav-finance:var(--legacy-palette-1919);--nav-report:var(--legacy-palette-1860);--nav-admin:var(--legacy-palette-1861);
 --ok-bg:var(--legacy-palette-1920);--ok-line:var(--legacy-palette-1921);--ok-text:var(--legacy-palette-1922);--warn-bg:var(--legacy-palette-1923);--warn-line:var(--legacy-palette-1924);--warn-text:var(--legacy-palette-1925);--bad-bg:var(--legacy-palette-1926);--bad-line:var(--legacy-palette-1927);--bad-text:var(--legacy-palette-1928);color-scheme:light
}
:root[data-theme]{--hub-bg:var(--bg-canvas);--hub-sidebar:var(--bg-sidebar);--hub-panel:var(--bg-surface);--hub-panel2:var(--bg-raised);--hub-border:var(--border);--hub-border2:var(--border-strong);--hub-text:var(--text-primary);--hub-muted:var(--text-secondary);--hub-accent:var(--accent);--v3-bg:var(--bg-canvas);--v3-sidebar:var(--bg-sidebar);--v3-top:var(--bg-canvas);--v3-surface:var(--bg-surface);--v3-surface-2:var(--bg-raised);--v3-surface-3:var(--bg-raised);--v3-line:var(--border-strong);--v3-line-soft:var(--border);--v3-text:var(--text-primary);--v3-muted:var(--text-secondary);--crm-bg:var(--bg-canvas);--crm-surface:var(--bg-surface);--crm-surface-2:var(--bg-raised);--crm-line:var(--border);--v2-line:var(--border)}

/* Shell */
:root[data-theme] html,:root[data-theme] body,:root[data-theme] #app,:root[data-theme] .shell,:root[data-theme] .shell>main,:root[data-theme] .content{background:var(--bg-canvas);color:var(--text-primary)}
:root[data-theme] .shell>aside,:root[data-theme] .sidehead,:root[data-theme] .sidebottom,:root[data-theme] .side-personal{background:var(--bg-sidebar);border-color:var(--border)}
:root[data-theme] .topbar{background:var(--bg-canvas);border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .brandtxt b{color:var(--text-primary)}:root[data-theme] .brandtxt span{color:var(--text-tertiary)}

/* Navigation */
:root[data-theme] .nav-group{--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="operationsGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="fleetGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="peopleGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="financeGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="reportingGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-group:has(>.nav-group-head[data-group="adminGroup"]){--nav-accent:var(--accent)}
:root[data-theme] .nav-item,:root[data-theme] .nav-group-head{height:38px;min-height:38px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);padding:0 9px;box-shadow:none}
:root[data-theme] .nav-item b,:root[data-theme] .nav-group-head b{font-size:13.5px;font-weight:650}
:root[data-theme] .nav-item span,:root[data-theme] .nav-group-head span{background:transparent;border:0;color:var(--text-tertiary)}
:root[data-theme] .nav-group>.nav-group-head span{color:var(--nav-accent)}
:root[data-theme] .nav-item:hover,:root[data-theme] .nav-group-head:hover{background:var(--bg-raised);color:var(--text-primary)}
:root[data-theme] .nav-group.has-active>.nav-group-head{background:color-mix(in srgb,var(--nav-accent) 10%,var(--bg-sidebar));color:var(--text-primary);box-shadow:inset 3px 0 var(--nav-accent)}
:root[data-theme] .nav-group.has-active>.nav-group-head span{color:var(--nav-accent)}
:root[data-theme] .nav-sub{margin-left:29px;padding:4px 0 5px 9px;border-left:1px solid color-mix(in srgb,var(--nav-accent) 32%,var(--border))}
:root[data-theme] .nav-subitem,:root[data-theme] .nav-third-item{background:transparent;border:0;color:var(--text-secondary);font-size:12.5px;border-radius:6px}
:root[data-theme] .nav-subitem:hover,:root[data-theme] .nav-third-item:hover{background:var(--bg-raised);color:var(--text-primary)}
:root[data-theme] .nav-group .nav-subitem.active,:root[data-theme] .nav-group .nav-third-item.active{background:color-mix(in srgb,var(--nav-accent) 13%,var(--bg-sidebar));color:var(--text-primary);box-shadow:inset 2px 0 var(--nav-accent);font-weight:700}
:root[data-theme] .nav-item[data-page="home"].active{background:color-mix(in srgb,var(--accent) 12%,var(--bg-sidebar));color:var(--text-primary);box-shadow:inset 3px 0 var(--accent)}
:root[data-theme] .side-personal>header span,:root[data-theme] .side-personal-group>b{color:var(--text-tertiary)}
:root[data-theme] .side-personal-item{color:var(--text-secondary)}:root[data-theme] .side-personal-item:hover{background:var(--bg-raised);color:var(--text-primary)}

/* Controls */
:root[data-theme] input,:root[data-theme] textarea,:root[data-theme] select,:root[data-theme] .search,:root[data-theme] .topbar .search{background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-primary)}
:root[data-theme] input::placeholder,:root[data-theme] textarea::placeholder{color:var(--text-tertiary)}
:root[data-theme] .date,:root[data-theme] .tz,:root[data-theme] .system-health-chip,:root[data-theme] #attentionBtn,:root[data-theme] #appearanceBtn,:root[data-theme] .sidehead button,:root[data-theme] .fleet-tool,:root[data-theme] .az-toolbtn{background:var(--bg-raised);border-color:var(--border);color:var(--text-secondary)}
:root[data-theme] .date:hover,:root[data-theme] .tz:hover,:root[data-theme] .fleet-tool:hover,:root[data-theme] .az-toolbtn:hover,:root[data-theme] #attentionBtn:hover,:root[data-theme] #appearanceBtn:hover{background:var(--bg-raised);color:var(--text-primary)}
:root[data-theme] .topbar .new,:root[data-theme] .access-primary,:root[data-theme] .fleet-edit-btn,:root[data-theme] .asset-pair-actions button:not(.danger){background:var(--accent);border-color:var(--accent);color:var(--ui-primary-text)}

/* Surfaces */
:root[data-theme] .panel,:root[data-theme] .fleet-workspace,:root[data-theme] .fleet-command-panel,:root[data-theme] .fleet-register,:root[data-theme] .service-card,:root[data-theme] .tire-card,:root[data-theme] .tire-ops-panel,:root[data-theme] .tire-unit-picker,:root[data-theme] .wb-panel,:root[data-theme] .access-users,:root[data-theme] .access-editor,:root[data-theme] .role-list,:root[data-theme] .role-editor,:root[data-theme] .az-viewbar,:root[data-theme] .az-listpanel,:root[data-theme] .az-boardcol,:root[data-theme] .fleet-modal-card,:root[data-theme] .task-drawer,:root[data-theme] .task-modal-card,:root[data-theme] .user-modal form{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);box-shadow:none}
:root[data-theme] .panel header,:root[data-theme] .fleet-command-panel>header,:root[data-theme] .service-card>header,:root[data-theme] .tire-card>header,:root[data-theme] .tire-ops-panel>header,:root[data-theme] .wb-panel>header,:root[data-theme] .access-users-head,:root[data-theme] .access-editor-head,:root[data-theme] .az-boardcol>header,:root[data-theme] .fleet-register-head{background:var(--bg-raised);border-color:var(--border);color:var(--text-primary)}

/* Fleet command queue/readiness: fixes the remaining dark slab */
:root[data-theme] .fleet-command-grid{background:transparent}
:root[data-theme] .fleet-command-panel{background:var(--bg-surface)}
:root[data-theme] .fleet-action-queue{background:var(--bg-surface)}
:root[data-theme] .fleet-action-queue>button{background:var(--bg-surface);border-top-color:var(--border);color:var(--text-secondary)}
:root[data-theme] .fleet-action-queue>button:hover{background:var(--bg-raised)}
:root[data-theme] .fleet-action-queue>button>b{color:var(--text-primary)}:root[data-theme] .fleet-action-queue>button>span,:root[data-theme] .fleet-action-queue>button>small{color:var(--text-secondary)}:root[data-theme] .fleet-action-queue>button>strong{color:var(--accent)}
:root[data-theme] .fleet-action-reasons i{background:var(--danger-soft);border-color:var(--bad-line);color:var(--danger-text)}
:root[data-theme] .fleet-readiness-list{background:var(--bg-surface)}
:root[data-theme] .fleet-readiness-list>div{border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .fleet-readiness-list span small{color:var(--text-secondary)}
:root[data-theme] .fleet-readiness-list>div>i{background:var(--bg-raised)}
:root[data-theme] .fleet-readiness-list>div:nth-child(1)>i>u{background:var(--accent)}:root[data-theme] .fleet-readiness-list>div:nth-child(2)>i>u{background:var(--accent)}:root[data-theme] .fleet-readiness-list>div:nth-child(3)>i>u{background:var(--accent)}:root[data-theme] .fleet-readiness-list>div:nth-child(4)>i>u{background:var(--accent)}

/* Fleet toolbar / register */
:root[data-theme] .fleet-pro-toolbar,:root[data-theme] .fleet-toolbar-v4,:root[data-theme] .fleet-fast-filters,:root[data-theme] .fleet-filter-chips{background:var(--bg-raised);border-color:var(--border)}
:root[data-theme] .fleet-search{background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-secondary)}
:root[data-theme] .fleet-filter button{background:transparent;color:var(--text-secondary);border-color:transparent}
:root[data-theme] .fleet-filter button:hover{background:var(--bg-raised);color:var(--text-primary)}
:root[data-theme] .fleet-filter button.active{background:var(--accent-soft);border-color:var(--border-strong);color:var(--text-primary)}
:root[data-theme] .fleet-fast-filters label{color:var(--text-secondary)}

/* Tables */
:root[data-theme] .fleet-table-wrap,:root[data-theme] .pro-table-wrap{background:var(--bg-surface)}
:root[data-theme] .fleet-table th,:root[data-theme] .fleet-table-v5 th,:root[data-theme] .pro-fleet-table th,:root[data-theme] .az-crm-table thead th,:root[data-theme] .maintenance-history-table th{background:var(--bg-raised);border-color:var(--border);color:var(--text-secondary)}
:root[data-theme] .fleet-table td,:root[data-theme] .fleet-table-v5 td,:root[data-theme] .pro-fleet-table td,:root[data-theme] .az-crm-table td,:root[data-theme] .maintenance-history-table td{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .fleet-table tbody tr:hover td,:root[data-theme] .fleet-table-v5 tbody tr:hover td,:root[data-theme] .pro-fleet-table tbody tr:hover td,:root[data-theme] .az-crm-table tbody tr:hover td{background:var(--bg-raised)}
:root[data-theme] .fleet-table-v5 .pinned-col,:root[data-theme] .fleet-table-v5 tr:nth-child(even) .pinned-col,:root[data-theme] .fleet-table-v5 .sticky-select{background:var(--bg-surface);box-shadow:1px 0 var(--border)}
:root[data-theme] .fleet-table-v5 th.pinned-col,:root[data-theme] .fleet-table-v5 th.sticky-select{background:var(--bg-raised)}

/* Home */
:root[data-theme] .wb-hero,:root[data-theme] .wb-kpi,:root[data-theme] .wb-action-main,:root[data-theme] .smart-summary-v3{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);box-shadow:none}
:root[data-theme] .wb-hero:before{background:var(--accent);width:3px}
:root[data-theme] .wb-hero p,:root[data-theme] .wb-kpi span,:root[data-theme] .wb-kpi small,:root[data-theme] .wb-panel>header p,:root[data-theme] .wb-action-main>div>small{color:var(--text-secondary)}
:root[data-theme] .wb-kpi.red,:root[data-theme] .wb-kpi.amber,:root[data-theme] .wb-kpi.violet,:root[data-theme] .wb-kpi.green,:root[data-theme] .wb-kpi.blue{background:var(--bg-surface)}
:root[data-theme] .wb-kpi:hover,:root[data-theme] .wb-action-main:hover,:root[data-theme] .wb-personal-list>button:hover{background:var(--bg-raised)}
:root[data-theme] .risk-score{background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-primary)}

/* Drawer */
:root[data-theme] .fleet-drawer-bg{background:rgba(12,17,21,.52)}
:root[data-theme] .fleet-drawer-v5{background:var(--bg-canvas);border-left-color:var(--border-strong);color:var(--text-primary)}
:root[data-theme] .fleet-drawer-v5>header{background:var(--bg-surface);border-color:var(--border)}
:root[data-theme] .fleet-drawer-tabs,:root[data-theme] .fleet-drawer-footer{background:var(--bg-raised);border-color:var(--border)}
:root[data-theme] .fleet-drawer-tabs button{background:transparent;color:var(--text-secondary)}
:root[data-theme] .fleet-drawer-tabs button.active{color:var(--text-primary);border-bottom-color:var(--accent)}
:root[data-theme] .fleet-drawer-tabs button b{background:var(--bg-raised);color:var(--text-primary)}
:root[data-theme] .fleet-drawer-body{background:var(--bg-canvas);color:var(--text-primary)}
:root[data-theme] .drawer-overview-hero,:root[data-theme] .drawer-edit-field,:root[data-theme] .drawer-static-field,:root[data-theme] .asset-pair-empty,:root[data-theme] .asset-pair-current,:root[data-theme] .asset-pair-loading,:root[data-theme] .asset-pair-picker{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .drawer-overview-hero{border-left-color:var(--accent)}
:root[data-theme] .drawer-overview-hero p,:root[data-theme] .drawer-edit-field>span,:root[data-theme] .drawer-static-field>span,:root[data-theme] .drawer-static-field small,:root[data-theme] .asset-pair-card p,:root[data-theme] .asset-pair-card small{color:var(--text-secondary)}
:root[data-theme] .drawer-edit-field>b,:root[data-theme] .drawer-static-field>b{color:var(--text-primary)}
:root[data-theme] .service-grid{background:var(--border)}:root[data-theme] .service-grid>div,:root[data-theme] .editable-service-grid>.drawer-edit-field{background:var(--bg-surface)}

/* Tires / maintenance / supporting data */
:root[data-theme] .maintenance-task-page,:root[data-theme] .maintenance-task-panel,:root[data-theme] .maintenance-history-panel,:root[data-theme] .maintenance-source-summary,:root[data-theme] .maintenance-source-health,:root[data-theme] .maintenance-queue-tabs,:root[data-theme] .tire-health-card-v7,:root[data-theme] .tire-health-section-v7,:root[data-theme] .tire-health-section-v7.service,:root[data-theme] .tire-health-activity-v7,:root[data-theme] .tire-health-console-v6,:root[data-theme] .tire-activity-strip-v6{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .maintenance-task-panel>header,:root[data-theme] .maintenance-history-panel>header,:root[data-theme] .maintenance-queue-tabs,:root[data-theme] .tire-health-metric-v7,:root[data-theme] .tire-dense-metric,:root[data-theme] .tire-history-inline-v6,:root[data-theme] .tire-activity-strip-v6>div{background:var(--bg-raised);border-color:var(--border);color:var(--text-primary)}
:root[data-theme] .tire-health-metric-v7:hover,:root[data-theme] .tire-dense-metric:hover,:root[data-theme] .maintenance-queue-tabs button:hover{background:var(--bg-raised)}

/* Semantic status */
:root[data-theme] .fleet-status.good,:root[data-theme] .service-grid b.good,:root[data-theme] .statuspill-flat.completed{background:var(--success-soft);border-color:var(--ok-line);color:var(--success-text)}
:root[data-theme] .fleet-status.warn,:root[data-theme] .service-grid b.warn{background:var(--warning-soft);border-color:var(--warn-line);color:var(--warning-text)}
:root[data-theme] .fleet-status.bad,:root[data-theme] .service-grid b.bad,:root[data-theme] .statuspill-flat.overdue,:root[data-theme] .fleet-action-reasons i,:root[data-theme] .wb-reasons i{background:var(--danger-soft);border-color:var(--bad-line);color:var(--danger-text)}
:root[data-theme] .fleet-age{background:var(--bg-raised);color:var(--text-secondary)}:root[data-theme] .fleet-age.late{background:var(--warning-soft);color:var(--warning-text)}

/* Typography + secondary text */
:root[data-theme] h1,:root[data-theme] h2,:root[data-theme] h3,:root[data-theme] b,:root[data-theme] strong{color:inherit}
:root[data-theme] small,:root[data-theme] .muted,:root[data-theme] .fleet-register-head p,:root[data-theme] .fleet-command-panel>header p{color:var(--text-secondary)}

/* Appearance */
.appearance-menu-v2{width:min(560px,calc(100vw - 24px));padding:12px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-choice{min-height:62px;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:9px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);color:var(--text-primary);text-align:left}.theme-choice:hover{background:var(--bg-raised)}.theme-choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-choice>span>b,.theme-choice>span>small{display:block}.theme-choice>span>b{font-size:11.5px}.theme-choice>span>small{font-size:9px;color:var(--text-secondary);margin-top:2px}.theme-choice>strong{color:var(--accent)}.theme-preview{width:46px;height:34px;border-radius:6px;border:1px solid var(--legacy-palette-1929);display:grid;grid-template-columns:13px 1fr;overflow:hidden}.theme-preview:before{content:''}.theme-preview span{display:block;margin:5px 4px 2px;border-radius:2px}.theme-preview em{display:block;margin:0 4px 5px;border-radius:2px}.theme-preview.graphite{background:var(--legacy-palette-1763);border-color:var(--legacy-palette-1766)}.theme-preview.graphite:before{background:var(--legacy-palette-1761)}.theme-preview.graphite span{background:var(--legacy-palette-1765)}.theme-preview.graphite em{background:var(--legacy-palette-1771)}.theme-preview.slate{background:var(--legacy-palette-1791);border-color:var(--legacy-palette-1795)}.theme-preview.slate:before{background:var(--legacy-palette-1789)}.theme-preview.slate span{background:var(--legacy-palette-1793)}.theme-preview.slate em{background:var(--legacy-palette-1801)}.theme-preview.steel{background:var(--legacy-palette-1819);border-color:var(--legacy-palette-1821)}.theme-preview.steel:before{background:var(--legacy-palette-1212)}.theme-preview.steel span{background:var(--legacy-palette-1820)}.theme-preview.steel em{background:var(--legacy-palette-1824)}.theme-preview.soft{background:var(--legacy-palette-1843);border-color:var(--legacy-palette-1847)}.theme-preview.soft:before{background:var(--legacy-palette-1841)}.theme-preview.soft span{background:var(--legacy-palette-1845)}.theme-preview.soft em{background:var(--legacy-palette-1854)}.theme-preview.stone{background:var(--legacy-palette-1874);border-color:var(--legacy-palette-1878)}.theme-preview.stone:before{background:var(--legacy-palette-1872)}.theme-preview.stone span{background:var(--legacy-palette-1876)}.theme-preview.stone em{background:var(--legacy-palette-1885)}.theme-preview.clean{background:var(--legacy-palette-1904);border-color:var(--legacy-palette-1908)}.theme-preview.clean:before{background:var(--legacy-palette-1796)}.theme-preview.clean span{background:var(--legacy-palette-1906)}.theme-preview.clean em{background:var(--legacy-palette-1914)}.appearance-caption{display:block;margin:9px 0 6px;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--text-tertiary)}.density-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.density-grid button{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--bg-raised);color:var(--text-secondary)}.density-grid button.active{border-color:var(--accent);color:var(--text-primary);background:var(--accent-soft)}

:root[data-theme] input:focus,:root[data-theme] textarea:focus,:root[data-theme] select:focus,:root[data-theme] button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}


/* === END FRONTLINE UNIFIED THEME SYSTEM V5 === */


/* === FRONTLINE LIGHT THEMES COMPLETE PASS V6 · 2026-09-18 === */
/* Light themes: no dark legacy slabs; accents replace black islands. */
:root[data-theme="soft"],
:root[data-theme="stone"],
:root[data-theme="clean"]{
  --light-accent-soft:color-mix(in srgb,var(--accent) 12%,var(--bg-surface));
  --light-accent-mid:color-mix(in srgb,var(--accent) 20%,var(--bg-surface));
  --light-good-soft:var(--success-soft);
  --light-warn-soft:var(--warning-soft);
  --light-bad-soft:var(--danger-soft);
}

/* Topbar / general icon buttons */
:root[data-theme="soft"] .topbar section>button:not(.new),
:root[data-theme="stone"] .topbar section>button:not(.new),
:root[data-theme="clean"] .topbar section>button:not(.new),
:root[data-theme="soft"] .favorite-unit,
:root[data-theme="stone"] .favorite-unit,
:root[data-theme="clean"] .favorite-unit,
:root[data-theme="soft"] #closeFleetDrawer,
:root[data-theme="stone"] #closeFleetDrawer,
:root[data-theme="clean"] #closeFleetDrawer{
  background:var(--bg-raised);
  border-color:var(--border-strong);
  color:var(--text-secondary);
}
:root[data-theme="soft"] .topbar section>button:not(.new):hover,
:root[data-theme="stone"] .topbar section>button:not(.new):hover,
:root[data-theme="clean"] .topbar section>button:not(.new):hover,
:root[data-theme="soft"] .favorite-unit:hover,
:root[data-theme="stone"] .favorite-unit:hover,
:root[data-theme="clean"] .favorite-unit:hover,
:root[data-theme="soft"] #closeFleetDrawer:hover,
:root[data-theme="stone"] #closeFleetDrawer:hover,
:root[data-theme="clean"] #closeFleetDrawer:hover{
  background:var(--bg-raised);color:var(--text-primary)
}
:root[data-theme="soft"] .favorite-unit.active,
:root[data-theme="stone"] .favorite-unit.active,
:root[data-theme="clean"] .favorite-unit.active{
  background:var(--warning-soft);border-color:var(--warn-line);color:var(--warning-text)
}

/* Fleet tabs + numeric counters */
:root[data-theme="soft"] .fleet-view-tabs,
:root[data-theme="stone"] .fleet-view-tabs,
:root[data-theme="clean"] .fleet-view-tabs{
  border-bottom-color:var(--border)
}
:root[data-theme="soft"] .fleet-view-tabs button,
:root[data-theme="stone"] .fleet-view-tabs button,
:root[data-theme="clean"] .fleet-view-tabs button{
  color:var(--text-secondary);background:transparent;border-color:transparent
}
:root[data-theme="soft"] .fleet-view-tabs button:hover,
:root[data-theme="stone"] .fleet-view-tabs button:hover,
:root[data-theme="clean"] .fleet-view-tabs button:hover{
  background:var(--bg-raised);color:var(--text-primary)
}
:root[data-theme="soft"] .fleet-view-tabs button.active,
:root[data-theme="stone"] .fleet-view-tabs button.active,
:root[data-theme="clean"] .fleet-view-tabs button.active{
  background:var(--light-accent-soft);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--text-primary)
}
:root[data-theme="soft"] .fleet-view-tabs button b,
:root[data-theme="stone"] .fleet-view-tabs button b,
:root[data-theme="clean"] .fleet-view-tabs button b{
  background:var(--bg-raised);color:var(--text-secondary)
}
:root[data-theme="soft"] .fleet-view-tabs button.active b,
:root[data-theme="stone"] .fleet-view-tabs button.active b,
:root[data-theme="clean"] .fleet-view-tabs button.active b{
  background:var(--light-accent-mid);color:var(--accent)
}

/* Smart summary score: remove dark square */
:root[data-theme="soft"] .smart-score,
:root[data-theme="stone"] .smart-score,
:root[data-theme="clean"] .smart-score{
  background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-primary)
}
:root[data-theme="soft"] .smart-score.good,
:root[data-theme="stone"] .smart-score.good,
:root[data-theme="clean"] .smart-score.good{
  background:var(--success-soft);border-color:var(--ok-line)
}
:root[data-theme="soft"] .smart-score.good b,
:root[data-theme="stone"] .smart-score.good b,
:root[data-theme="clean"] .smart-score.good b{color:var(--success-text)}
:root[data-theme="soft"] .smart-score.warn,
:root[data-theme="stone"] .smart-score.warn,
:root[data-theme="clean"] .smart-score.warn{
  background:var(--warning-soft);border-color:var(--warn-line)
}
:root[data-theme="soft"] .smart-score.warn b,
:root[data-theme="stone"] .smart-score.warn b,
:root[data-theme="clean"] .smart-score.warn b{color:var(--warning-text)}
:root[data-theme="soft"] .smart-score.bad,
:root[data-theme="stone"] .smart-score.bad,
:root[data-theme="clean"] .smart-score.bad{
  background:var(--danger-soft);border-color:var(--bad-line)
}
:root[data-theme="soft"] .smart-score.bad b,
:root[data-theme="stone"] .smart-score.bad b,
:root[data-theme="clean"] .smart-score.bad b{color:var(--danger-text)}
:root[data-theme="soft"] .smart-score span,
:root[data-theme="stone"] .smart-score span,
:root[data-theme="clean"] .smart-score span{color:var(--text-tertiary)}

/* Fleet list/register utility surfaces */
:root[data-theme="soft"] .fleet-toolbar-v4,
:root[data-theme="stone"] .fleet-toolbar-v4,
:root[data-theme="clean"] .fleet-toolbar-v4,
:root[data-theme="soft"] .fleet-fast-filters,
:root[data-theme="stone"] .fleet-fast-filters,
:root[data-theme="clean"] .fleet-fast-filters,
:root[data-theme="soft"] .fleet-bulk-bar,
:root[data-theme="stone"] .fleet-bulk-bar,
:root[data-theme="clean"] .fleet-bulk-bar{
  background:var(--bg-raised);border-color:var(--border);color:var(--text-primary)
}
:root[data-theme="soft"] .fleet-toolbar-v4 .fleet-tool,
:root[data-theme="stone"] .fleet-toolbar-v4 .fleet-tool,
:root[data-theme="clean"] .fleet-toolbar-v4 .fleet-tool,
:root[data-theme="soft"] .fleet-bulk-bar button,
:root[data-theme="stone"] .fleet-bulk-bar button,
:root[data-theme="clean"] .fleet-bulk-bar button{
  background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-secondary)
}
:root[data-theme="soft"] .fleet-toolbar-v4 .fleet-tool:hover,
:root[data-theme="stone"] .fleet-toolbar-v4 .fleet-tool:hover,
:root[data-theme="clean"] .fleet-toolbar-v4 .fleet-tool:hover,
:root[data-theme="soft"] .fleet-bulk-bar button:hover,
:root[data-theme="stone"] .fleet-bulk-bar button:hover,
:root[data-theme="clean"] .fleet-bulk-bar button:hover{
  background:var(--bg-raised);color:var(--text-primary)
}

/* Fast combo dropdowns */
:root[data-theme="soft"] .fleet-fast-combo-control>input,
:root[data-theme="stone"] .fleet-fast-combo-control>input,
:root[data-theme="clean"] .fleet-fast-combo-control>input{
  background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-primary)
}
:root[data-theme="soft"] .fleet-fast-menu,
:root[data-theme="stone"] .fleet-fast-menu,
:root[data-theme="clean"] .fleet-fast-menu{
  background:var(--bg-surface);border-color:var(--border-strong);box-shadow:0 12px 28px rgba(27,35,41,.12)
}
:root[data-theme="soft"] .fleet-fast-menu button,
:root[data-theme="stone"] .fleet-fast-menu button,
:root[data-theme="clean"] .fleet-fast-menu button{background:transparent;color:var(--text-secondary)}
:root[data-theme="soft"] .fleet-fast-menu button:hover,
:root[data-theme="soft"] .fleet-fast-menu button.active,
:root[data-theme="stone"] .fleet-fast-menu button:hover,
:root[data-theme="stone"] .fleet-fast-menu button.active,
:root[data-theme="clean"] .fleet-fast-menu button:hover,
:root[data-theme="clean"] .fleet-fast-menu button.active{
  background:var(--light-accent-soft);color:var(--text-primary)
}

/* Drawer internals + score/summary + action buttons */
:root[data-theme="soft"] .smart-summary-v3,
:root[data-theme="stone"] .smart-summary-v3,
:root[data-theme="clean"] .smart-summary-v3{
  background:var(--bg-surface);border-color:var(--border)
}
:root[data-theme="soft"] .fleet-drawer-actions button:not(.fleet-edit-btn),
:root[data-theme="stone"] .fleet-drawer-actions button:not(.fleet-edit-btn),
:root[data-theme="clean"] .fleet-drawer-actions button:not(.fleet-edit-btn){
  background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-secondary)
}
:root[data-theme="soft"] .fleet-edit-btn,
:root[data-theme="stone"] .fleet-edit-btn,
:root[data-theme="clean"] .fleet-edit-btn{
  background:var(--accent);border-color:var(--accent);color:var(--ui-primary-text)
}
:root[data-theme="soft"] .sync-state,
:root[data-theme="stone"] .sync-state,
:root[data-theme="clean"] .sync-state{color:var(--text-secondary)}
:root[data-theme="soft"] .sync-state b,
:root[data-theme="stone"] .sync-state b,
:root[data-theme="clean"] .sync-state b{color:var(--text-primary)}
:root[data-theme="soft"] .sync-state small,
:root[data-theme="stone"] .sync-state small,
:root[data-theme="clean"] .sync-state small{color:var(--text-tertiary)}

/* Secondary modal / command surfaces */
:root[data-theme="soft"] .command-palette>section,
:root[data-theme="stone"] .command-palette>section,
:root[data-theme="clean"] .command-palette>section,
:root[data-theme="soft"] .command-palette-v3>section,
:root[data-theme="stone"] .command-palette-v3>section,
:root[data-theme="clean"] .command-palette-v3>section{
  background:var(--bg-surface);border-color:var(--border-strong);box-shadow:0 20px 50px rgba(27,35,41,.16)
}
:root[data-theme="soft"] .command-palette header,
:root[data-theme="soft"] .command-palette-v3>section>header,
:root[data-theme="stone"] .command-palette header,
:root[data-theme="stone"] .command-palette-v3>section>header,
:root[data-theme="clean"] .command-palette header,
:root[data-theme="clean"] .command-palette-v3>section>header{
  background:var(--bg-raised);border-color:var(--border)
}
:root[data-theme="soft"] .command-results button,
:root[data-theme="stone"] .command-results button,
:root[data-theme="clean"] .command-results button{
  background:transparent;color:var(--text-primary)
}
:root[data-theme="soft"] .command-results button:hover,
:root[data-theme="soft"] .command-results button.active,
:root[data-theme="stone"] .command-results button:hover,
:root[data-theme="stone"] .command-results button.active,
:root[data-theme="clean"] .command-results button:hover,
:root[data-theme="clean"] .command-results button.active{
  background:var(--bg-raised)
}

/* Generic access/admin/action components */
:root[data-theme="soft"] .user-action,
:root[data-theme="stone"] .user-action,
:root[data-theme="clean"] .user-action{
  background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-secondary)
}
:root[data-theme="soft"] .user-action.warn,
:root[data-theme="stone"] .user-action.warn,
:root[data-theme="clean"] .user-action.warn{
  background:var(--warning-soft);border-color:var(--warn-line);color:var(--warning-text)
}
:root[data-theme="soft"] .user-action.danger,
:root[data-theme="stone"] .user-action.danger,
:root[data-theme="clean"] .user-action.danger{
  background:var(--danger-soft);border-color:var(--bad-line);color:var(--danger-text)
}

/* Tire/inspection surfaces that were authored dark */
:root[data-theme="soft"] .inspection-card,
:root[data-theme="stone"] .inspection-card,
:root[data-theme="clean"] .inspection-card,
:root[data-theme="soft"] .legacy-tire-panel,
:root[data-theme="stone"] .legacy-tire-panel,
:root[data-theme="clean"] .legacy-tire-panel,
:root[data-theme="soft"] .vehicle-tire-panel,
:root[data-theme="stone"] .vehicle-tire-panel,
:root[data-theme="clean"] .vehicle-tire-panel,
:root[data-theme="soft"] .tire-mode-bar,
:root[data-theme="stone"] .tire-mode-bar,
:root[data-theme="clean"] .tire-mode-bar,
:root[data-theme="soft"] .tire-inspection-v4,
:root[data-theme="stone"] .tire-inspection-v4,
:root[data-theme="clean"] .tire-inspection-v4{
  background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)
}
:root[data-theme="soft"] .inspection-card>header,
:root[data-theme="stone"] .inspection-card>header,
:root[data-theme="clean"] .inspection-card>header,
:root[data-theme="soft"] .legacy-tire-panel>header,
:root[data-theme="stone"] .legacy-tire-panel>header,
:root[data-theme="clean"] .legacy-tire-panel>header,
:root[data-theme="soft"] .vehicle-tire-panel>header,
:root[data-theme="stone"] .vehicle-tire-panel>header,
:root[data-theme="clean"] .vehicle-tire-panel>header,
:root[data-theme="soft"] .tire-inspection-v4>header,
:root[data-theme="stone"] .tire-inspection-v4>header,
:root[data-theme="clean"] .tire-inspection-v4>header,
:root[data-theme="soft"] .tire-inspection-v4>footer,
:root[data-theme="stone"] .tire-inspection-v4>footer,
:root[data-theme="clean"] .tire-inspection-v4>footer{
  background:var(--bg-raised);border-color:var(--border);color:var(--text-primary)
}
:root[data-theme="soft"] .inspection-grid-head,
:root[data-theme="stone"] .inspection-grid-head,
:root[data-theme="clean"] .inspection-grid-head{
  background:var(--bg-raised);border-color:var(--border);color:var(--text-secondary)
}
:root[data-theme="soft"] .inspection-row-v4,
:root[data-theme="stone"] .inspection-row-v4,
:root[data-theme="clean"] .inspection-row-v4{
  background:var(--bg-surface);border-color:var(--border)
}
:root[data-theme="soft"] .inspection-row-v4:nth-child(even),
:root[data-theme="stone"] .inspection-row-v4:nth-child(even),
:root[data-theme="clean"] .inspection-row-v4:nth-child(even){background:color-mix(in srgb,var(--bg-raised) 55%,var(--bg-surface))}

/* Mobile cards */


/* === END FRONTLINE LIGHT THEMES COMPLETE PASS V6 === */

/* === APPEARANCE POPOVER STACKING FIX · 2026-09-18 === */
/* Keep topbar menus above sticky Fleet filters/table headers, but below full-screen modals. */
.topbar{z-index:70}
.topbar-pop-wrap{z-index:2}
.topbar-pop-wrap>#topPopover{z-index:75}
.appearance-menu-v2{position:relative;z-index:1;overflow:visible}
/* === END APPEARANCE POPOVER STACKING FIX === */

/* === LIGHT TIRE WORKBENCH THEME FIX · 2026-09-18 === */


:root[data-theme="soft"] .real-image-legend,
:root[data-theme="stone"] .real-image-legend,
:root[data-theme="clean"] .real-image-legend{
  background:var(--bg-raised);
  border-top-color:var(--border);
  color:var(--text-secondary);
}
/* === END LIGHT TIRE WORKBENCH THEME FIX === */


/* === FLEET WEEKLY + 8-WHEEL TRAILER · 2026-09-18 === */
.real-image-wrap .trailer-diagram-title{position:absolute;z-index:4;left:50%;top:1.4%;transform:translateX(-50%);min-width:210px;height:29px;padding:0 18px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--legacy-palette-1930);color:var(--legacy-palette-024);font-size:15px;font-weight:850;line-height:1;letter-spacing:.025em;box-shadow:0 1px 0 rgba(0,0,0,.08);pointer-events:none}
.image-tire-hotspot{min-height:36px;height:auto;padding:4px 5px;grid-template-columns:1fr;grid-auto-rows:auto;gap:0;background:rgba(255,255,255,.96);border:1px solid var(--legacy-palette-1931);border-radius:6px;color:var(--legacy-palette-1932);box-shadow:0 1px 3px rgba(20,32,42,.10);line-height:1.03}
.image-tire-hotspot .image-tire-code{font-size:9px;font-weight:850;color:var(--legacy-palette-1933);text-shadow:none;line-height:1}
.image-tire-hotspot b{font-size:10px;font-weight:850;color:var(--legacy-palette-1934);line-height:1.08}.image-tire-hotspot b em{font-size:7px;font-style:normal;font-weight:800;color:var(--legacy-palette-1935)}.image-tire-hotspot small{font-size:7.5px;font-weight:750;color:var(--legacy-palette-1936);line-height:1.05}
.image-tire-hotspot.good{border-color:var(--legacy-palette-1562)}.image-tire-hotspot.warn{border-color:var(--legacy-palette-1563);background:var(--legacy-palette-1937)}.image-tire-hotspot.bad{border-color:var(--legacy-palette-1564);background:var(--legacy-palette-1938)}.image-tire-hotspot.selected{outline:3px solid var(--legacy-palette-1592);outline-offset:2px}
.real-image-stage.trailer .real-image-wrap{width:min(720px,100%)}

/* === END FLEET WEEKLY + 8-WHEEL TRAILER === */


/* === TIRE INSPECTION MOCKUP MATCH · 2026-09-18 === */


/* Truck data cards — approved mockup style */
.image-tire-hotspot.truck-data-card{
  display:flex;
  flex-direction:column;
  justify-content:stretch;
  align-items:stretch;
  overflow:hidden;
  padding:0;
  min-height:72px;
  background:var(--legacy-palette-1939);
  border:1.5px solid var(--legacy-palette-1940);
  border-radius:9px;
  color:var(--legacy-palette-1941);
  box-shadow:0 2px 6px rgba(17,42,65,.14);
  line-height:1.05;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head{
  display:flex;
  align-items:baseline;
  gap:5px;
  width:100%;
  min-height:22px;
  padding:5px 7px 4px;
  background:var(--legacy-palette-1942);
  color:var(--legacy-palette-024);
  text-align:left;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head strong{
  font-size:11px;
  font-weight:900;
  color:var(--legacy-palette-024);
  letter-spacing:.01em;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head em{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  font-style:normal;
  font-weight:700;
  color:rgba(255,255,255,.9);
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%;
  flex:1 1 auto;
  background:var(--legacy-palette-1939);
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid>span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-width:0;
  padding:5px 4px;
  background:transparent;
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid>span+span{
  border-left:1px solid var(--legacy-palette-1943);
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid small{
  margin:0;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.06em;
  color:var(--legacy-palette-1944);
  text-transform:uppercase;
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid b{
  margin:0;
  font-size:13px;
  font-weight:900;
  color:var(--legacy-palette-1941);
  line-height:1;
}
.image-tire-hotspot.truck-data-card.good{
  border-color:var(--legacy-palette-1945);
}
.image-tire-hotspot.truck-data-card.warn{
  border-color:var(--legacy-palette-1946);
}
.image-tire-hotspot.truck-data-card.bad{
  border-color:var(--legacy-palette-1947);
}
.image-tire-hotspot.truck-data-card.selected{
  outline:3px solid var(--legacy-palette-1948);
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(49,145,230,.12);
}

/* Trailer data cards — larger and calmer */
.image-tire-hotspot.trailer-data-card{
  min-height:58px;
  padding:7px 8px;
  background:var(--legacy-palette-1949);
  border:1.5px solid var(--legacy-palette-1950);
  border-radius:8px;
  box-shadow:0 2px 5px rgba(17,42,65,.10);
}
.image-tire-hotspot.trailer-data-card .image-tire-code{
  font-size:12px;
  font-weight:900;
  color:var(--legacy-palette-1951);
  line-height:1.05;
}
.image-tire-hotspot.trailer-data-card b{
  font-size:12px;
  font-weight:900;
  color:var(--legacy-palette-061);
  line-height:1.05;
}
.image-tire-hotspot.trailer-data-card b em{
  font-size:8px;
  color:var(--legacy-palette-1952);
}
.image-tire-hotspot.trailer-data-card small{
  font-size:9px;
  font-weight:750;
  color:var(--legacy-palette-1953);
  line-height:1.05;
}

/* Dark theme keeps white inspection cards readable, matching approved mockup */
:root[data-theme="graphite"] .image-tire-hotspot.truck-data-card,
:root[data-theme="slate"] .image-tire-hotspot.truck-data-card,
:root[data-theme="steel"] .image-tire-hotspot.truck-data-card,
:root[data-theme="graphite"] .image-tire-hotspot.trailer-data-card,
:root[data-theme="slate"] .image-tire-hotspot.trailer-data-card,
:root[data-theme="steel"] .image-tire-hotspot.trailer-data-card{
  color:var(--legacy-palette-1941);
}



/* === END TIRE INSPECTION MOCKUP MATCH === */

/* === TIRE LAYOUT POLISH V2 · 2026-09-18 === */


/* Truck cards: smaller footprint, stronger data hierarchy, no overlaps. */
.image-tire-hotspot.truck-data-card{
  min-height:62px;
  border-radius:8px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head{
  min-height:20px;
  padding:4px 6px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head strong{
  font-size:10.5px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head em{
  font-size:7.5px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid>span{
  padding:4px 3px;
  gap:2px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid small{
  font-size:7px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-grid b{
  font-size:14px;
  letter-spacing:-.01em;
}

/* Trailer cards: exact mirrored geometry + larger readable values. */
.image-tire-hotspot.trailer-data-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  min-height:62px;
  padding:7px 9px;
}
.image-tire-hotspot.trailer-data-card .image-tire-code{
  font-size:13px;
  margin-bottom:2px;
}
.image-tire-hotspot.trailer-data-card b{
  font-size:14px;
  line-height:1.1;
}
.image-tire-hotspot.trailer-data-card b em{
  font-size:8px;
}
.image-tire-hotspot.trailer-data-card small{
  margin-top:2px;
  font-size:10px;
  line-height:1.1;
}

/* Prevent printed sheet labels from visually competing with the live cards. */
.real-image-stage.truck .real-image-wrap>img{
  position:relative;
  z-index:1;
}
.real-image-stage.trailer .real-image-wrap>img{
  position:relative;
  z-index:1;
}
.trailer-diagram-title{
  z-index:6;
}
/* === END TIRE LAYOUT POLISH V2 === */

/* === TIRE LAYOUT POLISH V3 · 2026-09-18 === */


/* Keep guide labels hidden on cramped widths rather than letting them collide. */

/* === END TIRE LAYOUT POLISH V3 === */

/* === TRAILER SYMMETRY FIX V4 · 2026-09-18 ===
   Keep a full-size white canvas while scaling only the trailer artwork.
   Hotspot rows are mirrored: 13/25% top vs 75/87% bottom. */

/* === END TRAILER SYMMETRY FIX V4 === */

/* === TRAILER VISUAL ALIGNMENT FIX V5 · 2026-09-18 ===
   Remove the stray black frame from the source sheet and align the live cards
   to the actual two axle centers instead of mirroring around the canvas. */

/* === END TRAILER VISUAL ALIGNMENT FIX V5 === */

/* === TIRE INSPECTION UX V6 · 2026-09-18 === */
.tire-sheet-summary{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.tire-sheet-summary span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:27px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--panel2);
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
}
.tire-sheet-summary span b{
  color:var(--text);
  font-size:10.5px;
}
.tire-sheet-summary span.missing{
  border-color:var(--legacy-palette-1956);
  color:var(--legacy-palette-1957);
}
.tire-sheet-summary span.attention{
  border-color:var(--legacy-palette-1958);
  color:var(--legacy-palette-1959);
}
.tire-summary-panel{
  justify-content:flex-start;
  align-items:stretch;
  text-align:left;
}
.tire-summary-kicker{
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
  color:var(--blue);
}
.tire-summary-panel h3{
  margin:5px 0 3px;
}
.tire-summary-panel>p{
  max-width:none;
  margin:0 0 14px;
}
.tire-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
}
.tire-summary-grid>div{
  min-height:76px;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--panel2);
}
.tire-summary-grid span,
.tire-summary-grid b{
  display:block;
}
.tire-summary-grid span{
  color:var(--muted);
  font-size:9px;
}
.tire-summary-grid b{
  margin-top:7px;
  color:var(--text);
  font-size:20px;
  font-weight:900;
}
.tire-summary-grid>div.attention{
  border-color:var(--legacy-palette-1960);
  background:rgba(119,54,64,.12);
}
.tire-summary-grid>div.attention b{
  color:var(--legacy-palette-1961);
}
.tire-summary-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.tire-summary-actions button{
  min-height:40px;
}
.tire-summary-hint{
  margin-top:11px;
  padding:9px 10px;
  border:1px dashed var(--border);
  border-radius:8px;
  color:var(--muted);
  font-size:9.5px;
  line-height:1.45;
}
.tire-editor-kicker{
  display:flex;
  align-items:center;
  gap:8px;
}
.tire-editor-kicker>span{
  font-size:12px;
}
.tire-position-status{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid var(--border);
  color:var(--muted);
  font-size:8px;
  font-style:normal;
  font-weight:800;
}
.tire-position-status.good{border-color:var(--legacy-palette-1962);color:var(--legacy-palette-1963)}
.tire-position-status.warn{border-color:var(--legacy-palette-1964);color:var(--legacy-palette-1965)}
.tire-position-status.bad{border-color:var(--legacy-palette-1966);color:var(--legacy-palette-1961)}
.tire-entry-field{
  margin-top:12px;
}
.tire-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:5px;
}
.tire-field-head span{
  color:var(--legacy-palette-1599);
  font-size:11.5px;
  font-weight:750;
}
.tire-field-head small{
  color:var(--muted);
  font-size:9px;
}
.tire-input-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
}
.tire-input-line>input{
  margin:0;
}
.tire-quick-chips{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.tire-quick-chips button,
.tire-secondary-btn{
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--panel2);
  color:var(--text);
  cursor:pointer;
}
.tire-quick-chips button{
  min-width:38px;
  height:34px;
  padding:0 8px;
  font-size:10px;
  font-weight:800;
}
.tire-quick-chips button:hover,
.tire-secondary-btn:hover{
  border-color:var(--blue);
}
.tire-notes-field{
  margin-top:12px;
}
.tire-history-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:14px;
}
.tire-history-head b{
  font-size:10.5px;
}
.tire-history-head span{
  color:var(--muted);
  font-size:9px;
}
.image-reading-history{
  margin-top:6px;
}
.tire-editor-actions{
  display:flex;
  gap:8px;
  margin-left:auto;
}
.tire-editor-actions button{
  min-width:100px;
  height:40px;
  padding:0 13px;
  font-size:11px;
  font-weight:800;
}
.image-tire-editor footer{
  align-items:center;
}
.image-tire-editor footer>span{
  min-height:14px;
}
.image-tire-hotspot.truck-data-card .image-tire-card-head em{
  text-transform:uppercase;
  letter-spacing:.04em;
}



/* === END TIRE INSPECTION UX V6 === */
/* === TIRE VIEWPORT FIT V7 · 2026-09-18 ===
   Keep the complete truck/trailer inspection visible on normal laptop screens.
   Scale the diagram as one unit (artwork + live tire cards), reduce dead vertical
   space, and make the right inspection panel independently scrollable. */







/* === END TIRE VIEWPORT FIT V7 === */

/* === TRUCK TIRE SHEET PROFESSIONAL TOP V8 · 2026-09-18 === */


/* === END TRUCK TIRE SHEET PROFESSIONAL TOP V8 === */

/* === FLEET INSPECTION / SERVICE P · 2026-09-18 === */
.inspection-service-card{border-color:var(--border,var(--legacy-palette-1970))}
.inspection-service-card>header{align-items:flex-start}
.inspection-service-card>header p{margin:3px 0 0;color:var(--muted,var(--legacy-palette-1971));font-size:12px}
.fleet-inspection-form{border:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface-2,var(--legacy-palette-1972));border-radius:10px;padding:12px;margin:10px 0 14px}
.inspection-form-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}
.inspection-form-grid label{display:flex;flex-direction:column;gap:4px;min-width:0}
.inspection-form-grid label>span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,var(--legacy-palette-1971))}
.inspection-form-grid input,.inspection-form-grid select,.inspection-form-grid textarea{width:100%;min-height:34px;border:1px solid var(--border,var(--legacy-palette-1973));border-radius:7px;background:var(--surface,var(--legacy-palette-024));color:var(--text,var(--legacy-palette-1974));padding:6px 8px;font:inherit}
.inspection-notes{grid-column:1/-1}
.inspection-notes textarea{resize:vertical;min-height:54px}
.inspection-attachments{display:flex;align-items:flex-start;gap:10px;margin-top:9px}
.attachment-drop{position:relative;display:flex;align-items:center;gap:7px;border:1px dashed var(--border-strong,var(--legacy-palette-1975));border-radius:8px;padding:8px 10px;cursor:pointer;background:var(--surface,var(--legacy-palette-024))}
.attachment-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.attachment-drop b{font-size:12px}.attachment-drop span{font-size:11px;color:var(--muted,var(--legacy-palette-1971))}
#inspectionFileList{display:flex;gap:6px;flex-wrap:wrap}
#inspectionFileList>span,.inspection-files a,.inspection-files>span{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border,var(--legacy-palette-1970));border-radius:999px;padding:5px 8px;font-size:11px;background:var(--surface,var(--legacy-palette-024));color:inherit;text-decoration:none}
.fleet-inspection-form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.fleet-inspection-form>footer>span{font-size:11px;color:var(--muted,var(--legacy-palette-1971))}
.fleet-inspection-form>footer>span.bad{color:var(--danger,var(--legacy-palette-1976))}
.inspection-history-list{display:flex;flex-direction:column;gap:6px}
.inspection-history-row{display:grid;grid-template-columns:86px minmax(330px,1.3fr) minmax(180px,1fr) minmax(140px,.8fr);gap:10px;align-items:center;border:1px solid var(--border,var(--legacy-palette-1970));border-radius:9px;padding:9px 10px;background:var(--surface,var(--legacy-palette-024))}
.inspection-date{display:flex;flex-direction:column}.inspection-date b{font-size:12px}.inspection-date span{font-size:10px;color:var(--muted,var(--legacy-palette-1971))}
.inspection-status-grid{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:6px}
.inspection-status-grid span{display:flex;flex-direction:column}.inspection-status-grid small{font-size:9px;text-transform:uppercase;color:var(--muted,var(--legacy-palette-1971))}.inspection-status-grid b{font-size:11px}
.inspection-row-notes{font-size:11px;line-height:1.35;color:var(--text,var(--legacy-palette-1974));overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.inspection-files{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.inspection-files small,#inspectionFileList small{opacity:.7}


/* === END FLEET INSPECTION / SERVICE P === */


/* === P1-P4 · SUB UNIT + MAINTENANCE ACTION CENTER === */
.maintenance-ops-center{border:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface,var(--legacy-palette-024));border-radius:12px;padding:12px;margin-bottom:12px}
.maintenance-ops-center>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.maintenance-ops-center>header span,.subunit-service-card>header p{color:var(--muted,var(--legacy-palette-1971));font-size:11px}
.maintenance-ops-center>header h2{font-size:17px;margin:1px 0 2px}.maintenance-ops-center>header p{margin:0;color:var(--muted,var(--legacy-palette-1971));font-size:12px}
.maintenance-refresh-action{border:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface-2,var(--legacy-palette-1972));color:inherit;border-radius:7px;padding:7px 10px;font-weight:650;cursor:pointer}
.maintenance-ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:10px}
.maintenance-ops-kpi{text-align:left;border:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface-2,var(--legacy-palette-1972));color:inherit;border-radius:9px;padding:9px 10px;cursor:pointer;min-height:72px}
.maintenance-ops-kpi span{display:block;font-size:11px;font-weight:700;color:var(--muted,var(--legacy-palette-1971))}.maintenance-ops-kpi strong{display:block;font-size:23px;line-height:1.15;margin:3px 0}.maintenance-ops-kpi small{display:block;font-size:10px;color:var(--muted,var(--legacy-palette-1971))}
.maintenance-ops-kpi.active{outline:2px solid color-mix(in srgb,var(--accent,var(--legacy-palette-1977)) 45%,transparent);border-color:var(--accent,var(--legacy-palette-1977))}.maintenance-ops-kpi.bad strong{color:var(--danger,var(--legacy-palette-1976))}.maintenance-ops-kpi.warn strong{color:var(--warning,var(--legacy-palette-1978))}
.maintenance-ops-list{border:1px solid var(--border,var(--legacy-palette-1970));border-radius:9px;overflow:hidden}.maintenance-ops-list-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--surface-2,var(--legacy-palette-1972));font-size:12px}.maintenance-ops-list-head span{color:var(--muted,var(--legacy-palette-1971))}
.maintenance-ops-row{width:100%;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.5fr) minmax(260px,1.4fr) 56px;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface,var(--legacy-palette-024));color:inherit;padding:8px 10px;cursor:pointer}
.maintenance-ops-row:hover{background:var(--surface-2,var(--legacy-palette-1972))}.maintenance-ops-row div:first-child{display:flex;flex-direction:column}.maintenance-ops-row div:first-child b{font-size:12px}.maintenance-ops-row div:first-child span,.maintenance-ops-row p,.maintenance-ops-meta{font-size:11px;color:var(--muted,var(--legacy-palette-1971))}.maintenance-ops-row p{margin:0}.maintenance-ops-meta{display:flex;gap:7px;flex-wrap:wrap}.maintenance-ops-meta span{border:1px solid var(--border,var(--legacy-palette-1970));border-radius:999px;padding:3px 6px}.maintenance-ops-row i{font-style:normal;text-align:right;font-size:11px;font-weight:700}
.subunit-service-card{border-color:var(--border,var(--legacy-palette-1970))}.subunit-active{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--border,var(--legacy-palette-1970));border-left:3px solid var(--warning,var(--legacy-palette-1978));border-radius:9px;background:var(--surface-2,var(--legacy-palette-1972))}
.subunit-active.replacement{border-left-color:var(--accent,var(--legacy-palette-1977))}.subunit-active>div:first-child>span,.subunit-create>div:first-child>span{font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--muted,var(--legacy-palette-1971))}.subunit-active h4,.subunit-create h4{margin:2px 0;font-size:14px}.subunit-active p,.subunit-create p{margin:0;font-size:11px;color:var(--muted,var(--legacy-palette-1971))}.subunit-active small{display:block;margin-top:4px;color:var(--muted,var(--legacy-palette-1971));font-size:10px}
.subunit-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.subunit-actions button{border:1px solid var(--border,var(--legacy-palette-1970));background:var(--surface,var(--legacy-palette-024));color:inherit;border-radius:7px;padding:7px 9px;font-weight:650;cursor:pointer}.subunit-actions button.danger{color:var(--danger,var(--legacy-palette-1976))}
.subunit-create{border:1px solid var(--border,var(--legacy-palette-1970));border-radius:9px;padding:11px;background:var(--surface-2,var(--legacy-palette-1972))}.subunit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.subunit-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;color:var(--muted,var(--legacy-palette-1971))}.subunit-form-grid label.wide{grid-column:1/-1}.subunit-form-grid input{min-height:34px;border:1px solid var(--border,var(--legacy-palette-1970));border-radius:7px;background:var(--surface,var(--legacy-palette-024));color:var(--text,var(--legacy-palette-1974));padding:6px 8px;font:inherit}.subunit-create footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px}.subunit-create footer span{margin-right:auto;color:var(--danger,var(--legacy-palette-1976));font-size:11px}
.subunit-history{margin-top:10px}.subunit-history h5{margin:0 0 6px;font-size:11px;text-transform:uppercase;color:var(--muted,var(--legacy-palette-1971))}.subunit-history article{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--border,var(--legacy-palette-1970))}.subunit-history article div{display:flex;flex-direction:column}.subunit-history article b{font-size:11px}.subunit-history article small,.subunit-history article>span{font-size:10px;color:var(--muted,var(--legacy-palette-1971))}.subunit-empty{padding:10px;color:var(--muted,var(--legacy-palette-1971));font-size:11px}
.notif-menu button small{white-space:normal}


/* === END P1-P4 UI === */

/* === META DASHBOARD · 2026-09-21 === */
.meta-dashboard{padding:14px 2px 28px;min-width:0}.meta-loading{padding:60px;text-align:center;color:var(--muted,var(--legacy-palette-1979))}.meta-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.meta-head>div:first-child>span{font-size:9px;letter-spacing:.16em;color:var(--accent,var(--legacy-palette-1980));font-weight:800}.meta-head h1{font-size:27px;margin:3px 0}.meta-head p{margin:0;color:var(--muted,var(--legacy-palette-1981));font-size:11px}.meta-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.meta-ranges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.meta-ranges button,.meta-table-actions button,.meta-freshness button,.meta-custom button{border:1px solid var(--border,var(--legacy-palette-1982));background:var(--surface,var(--legacy-palette-024));color:inherit;border-radius:7px;min-height:32px;padding:0 10px;font-size:11px;font-weight:700;cursor:pointer}.meta-ranges button.active{background:var(--accent,var(--legacy-palette-1983));border-color:var(--accent,var(--legacy-palette-1983));color:var(--legacy-palette-024)}.meta-freshness{display:flex;align-items:center;gap:9px;color:var(--muted,var(--legacy-palette-1984));font-size:10px}.meta-freshness.delayed{color:var(--legacy-palette-1978)}.meta-custom{display:flex;align-items:end;gap:8px;border:1px solid var(--border,var(--legacy-palette-1982));border-radius:9px;background:var(--surface-2,var(--legacy-palette-1972));padding:9px;margin-bottom:10px}.meta-custom label{font-size:10px;color:var(--muted,var(--legacy-palette-1984));font-weight:700}.meta-custom input,.meta-table-actions select{display:block;margin-top:4px;height:32px;border:1px solid var(--border,var(--legacy-palette-1982));border-radius:7px;background:var(--surface,var(--legacy-palette-024));color:inherit;padding:0 8px}.meta-custom span{font-size:11px;color:var(--legacy-palette-1976)}.meta-alert{padding:8px 10px;border:1px solid var(--legacy-palette-1985);background:var(--legacy-palette-691);color:var(--legacy-palette-1986);border-radius:8px;margin-bottom:9px;font-size:11px}.meta-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.meta-kpis article,.meta-account-cards>button,.meta-panel{border:1px solid var(--border,var(--legacy-palette-1987));background:var(--surface,var(--legacy-palette-024));border-radius:10px}.meta-kpis article{padding:10px 12px;min-height:86px}.meta-kpis span,.meta-kpis small{display:block;color:var(--muted,var(--legacy-palette-1988));font-size:10px}.meta-kpis strong{display:block;font-size:25px;line-height:1.15;margin:5px 0}.meta-account-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.meta-account-cards>button{text-align:left;color:inherit;padding:10px 12px;cursor:pointer}.meta-account-cards>button:hover,.meta-account-cards>button.active{border-color:var(--accent,var(--legacy-palette-1980))}.meta-account-cards header,.meta-account-cards>button>div,.meta-account-cards footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.meta-account-cards header b{font-size:12px;text-transform:uppercase}.meta-account-cards header span,.meta-account-cards footer{font-size:9px;color:var(--muted,var(--legacy-palette-1989))}.meta-account-cards>button>div{justify-content:flex-start;gap:55px;margin:12px 0}.meta-account-cards section small{display:block;font-size:9px;color:var(--muted,var(--legacy-palette-1989));text-transform:uppercase}.meta-account-cards section strong{font-size:20px}.meta-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.meta-panel{overflow:hidden}.meta-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border,var(--legacy-palette-1987))}.meta-panel h3{margin:0;font-size:13px}.meta-panel header p{margin:2px 0 0;color:var(--muted,var(--legacy-palette-1988));font-size:9px}.meta-legend{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted,var(--legacy-palette-1988));white-space:nowrap}.meta-legend i{width:8px;height:8px;border-radius:2px;background:var(--legacy-palette-1990)}.meta-legend i.front{background:var(--legacy-palette-1991)}.meta-legend i.combined{background:var(--legacy-palette-1992)}.meta-bars{height:250px;display:flex;align-items:flex-end;gap:5px;padding:20px 12px 10px;overflow-x:auto}.meta-bar-col{height:100%;min-width:24px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.meta-bar-stack{height:185px;width:min(22px,80%);display:flex;flex-direction:column-reverse;justify-content:flex-start}.meta-bar-stack i{display:block;width:100%;min-height:0}.meta-bar-stack i.east{background:var(--legacy-palette-1990)}.meta-bar-stack i.front{background:var(--legacy-palette-1991)}.meta-bar-col b{font-size:9px}.meta-bar-col small{font-size:8px;color:var(--muted,var(--legacy-palette-1988));white-space:nowrap}.meta-line-wrap{padding:14px 10px 7px}.meta-line-wrap svg{display:block;width:100%;height:220px}.meta-line-wrap path{fill:none;stroke-width:2}.meta-line-wrap path.east,.meta-line-wrap circle.east{stroke:var(--legacy-palette-1990);fill:var(--legacy-palette-1990)}.meta-line-wrap path.front,.meta-line-wrap circle.front{stroke:var(--legacy-palette-1991);fill:var(--legacy-palette-1991)}.meta-line-wrap path.combined,.meta-line-wrap circle.combined{stroke:var(--legacy-palette-1992);fill:var(--legacy-palette-1992)}.meta-line-wrap .axis{stroke:var(--border,var(--legacy-palette-1982));stroke-width:1}.meta-axis-labels{display:flex;justify-content:space-between;color:var(--muted,var(--legacy-palette-1988));font-size:8px}.meta-chart-empty{padding:45px 12px;text-align:center;color:var(--muted,var(--legacy-palette-1988));font-size:11px}.meta-campaigns>header{position:relative}.meta-table-actions{display:flex;gap:6px;align-items:center}.meta-table-actions select{margin:0}.meta-table-wrap{overflow:auto;max-height:520px}.meta-table{width:100%;border-collapse:collapse;min-width:980px}.meta-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2,var(--legacy-palette-1972));border-bottom:1px solid var(--border,var(--legacy-palette-1982));height:36px;text-align:left}.meta-table th button{border:0;background:none;color:var(--muted,var(--legacy-palette-1993));font-size:9px;font-weight:800;text-transform:uppercase;cursor:pointer}.meta-table td{height:43px;padding:6px 8px;border-bottom:1px solid var(--border,var(--legacy-palette-1994));font-size:10.5px;white-space:nowrap}.meta-table td.campaign-name{white-space:normal;min-width:240px}.meta-table td small{font-size:8px;color:var(--muted,var(--legacy-palette-1989));margin-left:2px}.meta-delivery{display:inline-flex;align-items:center;gap:5px;font-size:9px}.meta-delivery i{width:7px;height:7px;border-radius:50%;background:var(--legacy-palette-1995)}.meta-delivery.active i{background:var(--legacy-palette-1996)}.meta-delivery.paused i{background:var(--legacy-palette-1997)}


/* === END META DASHBOARD === */

/* === META DASHBOARD DESIGN V2 · 2026-09-21 === */
:root[data-theme]{--meta-east:var(--legacy-palette-1998);--meta-front:var(--legacy-palette-1999);--meta-combined:var(--legacy-palette-2000);--meta-grid:color-mix(in srgb,var(--border) 72%,transparent)}
:root[data-theme="graphite"]{--meta-east:var(--legacy-palette-2001);--meta-front:var(--legacy-palette-2002);--meta-combined:var(--legacy-palette-2003)}
:root[data-theme="slate"]{--meta-east:var(--legacy-palette-2004);--meta-front:var(--legacy-palette-2005);--meta-combined:var(--legacy-palette-2006)}
:root[data-theme="steel"]{--meta-east:var(--legacy-palette-2007);--meta-front:var(--legacy-palette-2008);--meta-combined:var(--legacy-palette-2009)}
:root[data-theme="soft"]{--meta-east:var(--legacy-palette-2010);--meta-front:var(--legacy-palette-2011);--meta-combined:var(--legacy-palette-2012)}
:root[data-theme="stone"]{--meta-east:var(--legacy-palette-2013);--meta-front:var(--legacy-palette-2014);--meta-combined:var(--legacy-palette-2015)}
:root[data-theme="clean"]{--meta-east:var(--legacy-palette-2016);--meta-front:var(--legacy-palette-2017);--meta-combined:var(--legacy-palette-2018)}

.meta-dashboard{padding:10px 0 28px;color:var(--text-primary)}
.meta-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg-surface)}
.meta-title{display:flex;align-items:center;gap:12px}.meta-title>span{font-size:9px;letter-spacing:.13em;color:var(--accent);font-weight:850;padding-right:12px;border-right:1px solid var(--border);white-space:nowrap}.meta-title h1{font-size:19px;margin:0;color:var(--text-primary)}.meta-title p{margin:3px 0 0;color:var(--text-secondary);font-size:10px}
.meta-controls{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.meta-ranges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.meta-ranges button,.meta-table-actions button,.meta-sync-row button,.meta-custom button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);border-radius:6px;min-height:30px;padding:0 10px;font-size:10.5px;font-weight:700;box-shadow:none}
.meta-ranges button:hover,.meta-table-actions button:hover,.meta-sync-row button:hover,.meta-custom button:hover{background:var(--bg-raised);color:var(--text-primary)}.meta-ranges button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary);box-shadow:inset 0 -2px var(--accent)}
.meta-sync-row{display:flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:9.5px}.meta-sync-dot{width:7px;height:7px;border-radius:50%;background:var(--legacy-palette-2019)}.meta-sync-dot.delayed{background:var(--legacy-palette-2020)}
.meta-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:7px}.meta-kpis article,.meta-account-cards>button,.meta-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:9px;color:var(--text-primary);box-shadow:none}.meta-kpis article{padding:10px 12px;min-height:78px}.meta-kpis span,.meta-kpis small{display:block;color:var(--text-secondary);font-size:9px}.meta-kpis span{text-transform:uppercase;letter-spacing:.07em;font-weight:800}.meta-kpis strong{display:block;font-size:22px;line-height:1.05;margin:7px 0 5px;font-variant-numeric:tabular-nums}
.meta-account-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:7px}.meta-account-cards>button{text-align:left;padding:10px 12px;cursor:pointer}.meta-account-cards>button:hover{background:var(--bg-raised)}.meta-account-cards>button.active{background:var(--accent-soft);border-color:var(--accent)}.meta-account-cards header,.meta-account-cards header>div{display:flex;align-items:center}.meta-account-cards header{justify-content:space-between;gap:12px}.meta-account-cards header>div{gap:7px}.meta-account-cards header b{font-size:11px}.meta-account-cards header>span{font-size:8.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.meta-account-dot{width:8px;height:8px;border-radius:50%}.meta-account-dot.east{background:var(--meta-east)}.meta-account-dot.front{background:var(--meta-front)}
.meta-account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0 0}.meta-account-metrics section{padding-right:14px;border-right:1px solid var(--border)}.meta-account-metrics section+section{padding-left:14px}.meta-account-metrics section:last-child{border-right:0}.meta-account-metrics small{display:block;font-size:8.5px;color:var(--text-tertiary);text-transform:uppercase}.meta-account-metrics strong{display:block;font-size:17px;margin-top:3px;font-variant-numeric:tabular-nums}
.meta-panel{overflow:hidden;margin-bottom:7px}.meta-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-surface)}.meta-panel h3{margin:0;font-size:12.5px}.meta-panel header p{margin:2px 0 0;color:var(--text-secondary);font-size:9px}.meta-chart-kicker{font-size:8.5px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.meta-chart-panel{min-height:360px}.meta-chart-shell{padding:8px 10px 4px}.meta-chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:13px;min-height:22px;color:var(--text-secondary);font-size:9px}.meta-chart-legend span{display:flex;align-items:center;gap:5px}.meta-chart-legend i{width:14px;height:3px;border-radius:2px}.meta-chart-legend i.east{background:var(--meta-east)}.meta-chart-legend i.front{background:var(--meta-front)}.meta-chart-legend i.combined{background:var(--meta-combined)}
.meta-chart-scroll{overflow-x:auto;overflow-y:hidden}.meta-line-chart{display:block;width:100%;min-width:720px;height:300px}.meta-gridline{stroke:var(--meta-grid);stroke-width:1}.meta-y-label,.meta-x-label{fill:var(--text-tertiary);font-size:10px;font-family:inherit}.meta-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.meta-line.east{stroke:var(--meta-east)}.meta-line.front{stroke:var(--meta-front)}.meta-line.combined{stroke:var(--meta-combined);stroke-dasharray:5 4}.meta-dot{stroke:var(--bg-surface);stroke-width:2;cursor:pointer}.meta-dot.east{fill:var(--meta-east)}.meta-dot.front{fill:var(--meta-front)}.meta-dot.combined{fill:var(--meta-combined)}.meta-dot:hover,.meta-dot:focus{r:6;outline:none}
.meta-table-wrap{background:var(--bg-surface)}.meta-table thead th{background:var(--bg-raised);border-color:var(--border-strong)}.meta-table th button{color:var(--text-secondary)}.meta-table td{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}.meta-table tbody tr:hover td{background:var(--bg-raised)}.meta-delivery{color:var(--text-secondary)}.meta-delivery.active{color:var(--success-text)}.meta-delivery.active i{background:var(--success-text)}.meta-delivery.paused{color:var(--warning-text)}.meta-delivery.paused i{background:var(--warning-text)}
.meta-custom{background:var(--bg-surface);border-color:var(--border)}.meta-custom input,.meta-table-actions select{background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-primary)}


/* === END META DASHBOARD DESIGN V2 === */

/* === META DASHBOARD PROFESSIONAL V3 - 2026-09-21 === */
.meta-dashboard{padding:7px 0 18px}
.meta-toolbar{padding:8px 10px;margin-bottom:6px;border-radius:8px;min-height:58px}
.meta-title{gap:10px}.meta-title>span{font-size:8px;padding-right:10px}.meta-title h1{font-size:17px}.meta-title p{font-size:9px;margin-top:2px}
.meta-controls{gap:4px}.meta-ranges button,.meta-table-actions button,.meta-sync-row button{min-height:27px;padding:0 9px;font-size:9.5px}.meta-sync-row{font-size:8.5px}
.meta-kpis{gap:6px;margin-bottom:6px}.meta-kpis article{min-height:65px;padding:8px 10px;border-radius:8px}.meta-kpis span,.meta-kpis small{font-size:8px}.meta-kpis strong{font-size:19px;margin:5px 0 3px}
.meta-account-cards{gap:6px;margin-bottom:6px}.meta-account-cards>button{padding:8px 10px;border-radius:8px}.meta-account-cards header b{font-size:10.5px}.meta-account-cards header>span{font-size:8px}
.meta-account-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.meta-account-metrics section{padding-right:10px}.meta-account-metrics section+section{padding-left:10px}.meta-account-metrics small{font-size:7.5px}.meta-account-metrics strong{font-size:15px;margin-top:2px}
.meta-charts-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px}.meta-charts-row .meta-panel{margin-bottom:0}
.meta-panel{border-radius:8px;margin-bottom:6px}.meta-panel>header{padding:8px 10px}.meta-panel h3{font-size:11.5px}.meta-panel header p{font-size:8.2px;margin-top:1px}.meta-chart-kicker{font-size:7.8px}
.meta-chart-panel{min-height:0}.meta-chart-shell{padding:3px 7px 2px}.meta-chart-legend{min-height:18px;gap:10px;font-size:8px;padding-right:2px}.meta-chart-legend i{width:12px;height:2px}
.meta-chart-scroll{overflow:hidden}.meta-line-chart{min-width:0;width:100%;height:238px}.meta-gridline{stroke-opacity:.72}.meta-y-label,.meta-x-label{font-size:8.3px}.meta-line{stroke-width:2.15}.meta-dot{stroke-width:1.5}
.meta-table-wrap{max-height:470px}.meta-table thead th{height:31px}.meta-table td{height:36px;padding:4px 7px;font-size:9.7px}.meta-table td.campaign-name b{font-size:9.8px}.meta-table th button{font-size:7.8px}


/* === END META DASHBOARD PROFESSIONAL V3 === */

/* === META DASHBOARD V4 ANALYTICS UX === */
.meta-back{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;margin:0 0 7px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-surface);color:var(--text-primary);font-size:11px;font-weight:750;cursor:pointer}
.meta-back:hover{background:var(--bg-raised);border-color:var(--accent)}
.meta-title h1{font-size:20px}.meta-title p{font-size:10.5px}
.meta-ranges button,.meta-table-actions button,.meta-sync-row button{font-size:10.5px}
.meta-kpis strong{font-size:22px}.meta-kpis span,.meta-kpis small{font-size:9px}
.meta-account-cards header b{font-size:11.5px}.meta-account-cards header>span{font-size:8.8px}
.meta-account-metrics small{font-size:8.3px}.meta-account-metrics strong{font-size:17px}
.meta-panel h3{font-size:13px}.meta-panel header p{font-size:9.3px}.meta-chart-kicker{font-size:8.5px}
.meta-chart-legend{font-size:9px}.meta-line-chart{height:250px}.meta-y-label,.meta-x-label{font-size:9.4px}
.meta-line{stroke-width:2.5}.meta-dot{stroke-width:1.8}
.meta-table th button{font-size:8.6px}.meta-table td{font-size:10.7px;height:39px}.meta-table td.campaign-name b{font-size:10.8px}
.meta-table-actions select{font-size:10.5px;min-width:150px}

/* === END META DASHBOARD V4 ANALYTICS UX === */

/* === META DASHBOARD V5 READABILITY + POINT VALUES === */
.meta-dashboard{font-size:13px}
.meta-toolbar{min-height:68px;padding:11px 13px}
.meta-title>span{font-size:9.5px}
.meta-title h1{font-size:23px}
.meta-title p{font-size:11.5px}
.meta-ranges button,.meta-table-actions button,.meta-sync-row button{
  min-height:32px;padding:0 11px;font-size:11.5px
}
.meta-sync-row{font-size:10px}
.meta-kpis article{min-height:78px;padding:10px 12px}
.meta-kpis span,.meta-kpis small{font-size:10px}
.meta-kpis strong{font-size:25px;margin:6px 0 4px}
.meta-account-cards>button{padding:10px 12px}
.meta-account-cards header b{font-size:13px}
.meta-account-cards header>span{font-size:9.5px}
.meta-account-metrics small{font-size:9.2px}
.meta-account-metrics strong{font-size:20px}
.meta-panel>header{padding:10px 12px}
.meta-panel h3{font-size:15px}
.meta-panel header p{font-size:10.5px}
.meta-chart-kicker{font-size:9.5px}
.meta-chart-shell{padding:6px 10px 6px}
.meta-chart-legend{font-size:10px;min-height:22px}
.meta-line-chart{height:286px}
.meta-y-label,.meta-x-label{font-size:10.5px}
.meta-point-label{
  font-size:11px;
  font-weight:800;
  paint-order:stroke;
  stroke:var(--bg-surface);
  stroke-width:3px;
  stroke-linejoin:round;
}
.meta-point-label.east{fill:var(--meta-east)}
.meta-point-label.front{fill:var(--meta-front)}
.meta-point-label.combined{fill:var(--text-primary)}
.meta-line.combined{stroke-dasharray:none;stroke-width:2.8}
.meta-dot.combined{r:4.6}
.meta-table th button{font-size:9.5px}
.meta-table td{font-size:12px;height:44px;padding:6px 9px}
.meta-table td.campaign-name b{font-size:12px}
.meta-table-actions select{font-size:11.5px;min-width:165px;height:34px}
.meta-back{min-height:36px;font-size:12px;padding:0 13px}


/* === END META DASHBOARD V5 READABILITY + POINT VALUES === */

/* === CRM THEME COLOR SYSTEM V1 · 2026-09-21 === */
:root[data-theme="graphite"]{--accent-blue:var(--legacy-palette-2021);--accent-teal:var(--legacy-palette-2022);--accent-violet:var(--legacy-palette-2023);--accent-amber:var(--legacy-palette-2024);--accent-rose:var(--legacy-palette-2025)}
:root[data-theme="slate"]{--accent-blue:var(--legacy-palette-2026);--accent-teal:var(--legacy-palette-2027);--accent-violet:var(--legacy-palette-2028);--accent-amber:var(--legacy-palette-2029);--accent-rose:var(--legacy-palette-2030)}
:root[data-theme="steel"]{--accent-blue:var(--legacy-palette-2031);--accent-teal:var(--legacy-palette-2032);--accent-violet:var(--legacy-palette-2033);--accent-amber:var(--legacy-palette-2034);--accent-rose:var(--legacy-palette-2035)}
:root[data-theme="soft"]{--accent-blue:var(--legacy-palette-2036);--accent-teal:var(--legacy-palette-2037);--accent-violet:var(--legacy-palette-2038);--accent-amber:var(--legacy-palette-2039);--accent-rose:var(--legacy-palette-2040)}
:root[data-theme="stone"]{--accent-blue:var(--legacy-palette-2041);--accent-teal:var(--legacy-palette-2042);--accent-violet:var(--legacy-palette-2043);--accent-amber:var(--legacy-palette-2044);--accent-rose:var(--legacy-palette-2045)}
:root[data-theme="clean"]{--accent-blue:var(--legacy-palette-2046);--accent-teal:var(--legacy-palette-2047);--accent-violet:var(--legacy-palette-2048);--accent-amber:var(--legacy-palette-2049);--accent-rose:var(--legacy-palette-2050)}

:root[data-theme]{
  --nav-ops:var(--accent-blue);
  --nav-fleet:var(--accent-teal);
  --nav-people:var(--accent-violet);
  --nav-finance:var(--accent-amber);
  --nav-report:color-mix(in srgb,var(--accent-blue) 58%,var(--accent-teal));
  --nav-admin:color-mix(in srgb,var(--accent-violet) 52%,var(--accent-blue));
  --meta-east:var(--accent-blue);
  --meta-front:var(--accent-violet);
  --meta-combined:color-mix(in srgb,var(--accent-blue) 56%,var(--accent-teal));
}

/* Global surfaces: restrained accent, not decorative noise */
:root[data-theme] .panel,
:root[data-theme] .metric,
:root[data-theme] .genericcards article,
:root[data-theme] .meta-kpis article,
:root[data-theme] .meta-account-cards>button,
:root[data-theme] .meta-panel{
  border-color:color-mix(in srgb,var(--border) 76%,var(--accent));
}
:root[data-theme] .panel>header,
:root[data-theme] .meta-panel>header{
  background:color-mix(in srgb,var(--accent) 4%,var(--bg-surface));
}
:root[data-theme] .panel>header h3,
:root[data-theme] .meta-panel>header h3{
  color:var(--text-primary);
}

/* Primary actions / selected controls */
:root[data-theme] .topbar .new,
:root[data-theme] .access-primary,
:root[data-theme] .fleet-edit-btn,
:root[data-theme] .asset-pair-actions button:not(.danger){
  background:var(--accent-blue);
  border-color:color-mix(in srgb,var(--accent-blue) 80%,var(--border-strong));
}
:root[data-theme] .tabs b,
:root[data-theme] .meta-ranges button.active,
:root[data-theme] .fleet-filter button.active,
:root[data-theme] .density-grid button.active{
  background:color-mix(in srgb,var(--accent-blue) 16%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-blue) 66%,var(--border-strong));
  color:var(--text-primary);
}

/* Table readability and subtle color cue */
:root[data-theme] table thead th,
:root[data-theme] .meta-table thead th{
  background:color-mix(in srgb,var(--accent-blue) 5%,var(--bg-raised));
}
:root[data-theme] table tbody tr:hover td,
:root[data-theme] .meta-table tbody tr:hover td{
  background:color-mix(in srgb,var(--accent-blue) 6%,var(--bg-raised));
}

/* Semantic chips / operational states */
:root[data-theme] .p.blue,
:root[data-theme] .bluetxt{color:var(--accent-blue)}
:root[data-theme] .p.blue{
  background:color-mix(in srgb,var(--accent-blue) 15%,var(--bg-raised));
  border:1px solid color-mix(in srgb,var(--accent-blue) 35%,var(--border));
}
:root[data-theme] .prio.low{
  background:color-mix(in srgb,var(--accent-teal) 14%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-teal) 42%,var(--border));
  color:var(--accent-teal);
}
:root[data-theme] .prio.med,.p.amber{
  background:color-mix(in srgb,var(--accent-amber) 16%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-amber) 44%,var(--border));
  color:var(--accent-amber);
}
:root[data-theme] .prio.high{
  background:color-mix(in srgb,var(--accent-rose) 15%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-rose) 42%,var(--border));
  color:var(--accent-rose);
}

/* KPI icon color families */
:root[data-theme] .metric>i{
  color:var(--accent-blue);
  background:color-mix(in srgb,var(--accent-blue) 12%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-blue) 38%,var(--border));
}
:root[data-theme] .metric.green>i{
  color:var(--accent-teal);
  background:color-mix(in srgb,var(--accent-teal) 12%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-teal) 38%,var(--border));
}
:root[data-theme] .metric.red>i{
  color:var(--accent-rose);
  background:color-mix(in srgb,var(--accent-rose) 12%,var(--bg-raised));
  border-color:color-mix(in srgb,var(--accent-rose) 38%,var(--border));
}

/* Meta: stronger but still professional visual distinction */
:root[data-theme] .meta-kpis article:nth-child(1){box-shadow:inset 3px 0 var(--accent-blue)}
:root[data-theme] .meta-kpis article:nth-child(2){box-shadow:inset 3px 0 var(--accent-violet)}
:root[data-theme] .meta-kpis article:nth-child(3){box-shadow:inset 3px 0 var(--accent-teal)}
:root[data-theme] .meta-kpis article:nth-child(4){box-shadow:inset 3px 0 var(--accent-amber)}
:root[data-theme] .meta-kpis article:nth-child(1) strong{color:var(--accent-blue)}
:root[data-theme] .meta-kpis article:nth-child(2) strong{color:var(--accent-violet)}
:root[data-theme] .meta-kpis article:nth-child(3) strong{color:var(--accent-teal)}
:root[data-theme] .meta-kpis article:nth-child(4) strong{color:var(--accent-amber)}
:root[data-theme] .meta-account-cards>button:first-child{box-shadow:inset 3px 0 var(--meta-east)}
:root[data-theme] .meta-account-cards>button:nth-child(2){box-shadow:inset 3px 0 var(--meta-front)}
:root[data-theme] .meta-account-cards>button.active:first-child{background:color-mix(in srgb,var(--meta-east) 10%,var(--bg-surface));border-color:color-mix(in srgb,var(--meta-east) 55%,var(--border))}
:root[data-theme] .meta-account-cards>button.active:nth-child(2){background:color-mix(in srgb,var(--meta-front) 10%,var(--bg-surface));border-color:color-mix(in srgb,var(--meta-front) 55%,var(--border))}
:root[data-theme] .meta-line.combined{stroke:var(--meta-combined)}
:root[data-theme] .meta-dot.combined{fill:var(--meta-combined)}
:root[data-theme] .meta-point-label.combined{fill:var(--meta-combined)}

/* System OK gets a real semantic green accent */
:root[data-theme] .system-ok,
:root[data-theme] [class*="system-ok"]{
  color:var(--success-text);
  border-color:var(--ok-line);
  background:var(--success-soft);
}
/* === END CRM THEME COLOR SYSTEM V1 === */
/* === META AUTO REPORT === */
.meta-report-overlay{position:fixed;inset:0;z-index:1200;background:rgba(5,10,16,.62);display:grid;place-items:center;padding:20px}.meta-report-modal{width:min(560px,94vw);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.meta-report-modal header{display:flex;justify-content:space-between;gap:16px}.meta-report-modal header span{font-size:9px;letter-spacing:.12em;color:var(--accent-blue);font-weight:800}.meta-report-modal h3{margin:4px 0 2px;font-size:20px}.meta-report-modal header p{margin:0;color:var(--text-secondary);font-size:11px}.meta-report-modal header button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-primary);border-radius:7px;width:32px;height:32px;font-size:18px}.meta-report-email{margin:16px 0;padding:12px;border-radius:8px;background:color-mix(in srgb,var(--accent-blue) 8%,var(--bg-raised));border:1px solid color-mix(in srgb,var(--accent-blue) 25%,var(--border))}.meta-report-email small{display:block;color:var(--text-tertiary);font-size:9px}.meta-report-email b{display:block;margin-top:3px;font-size:13px}.meta-report-options{display:grid;gap:8px}.meta-report-options label{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);cursor:pointer}.meta-report-options label:has(input:checked){border-color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue) 10%,var(--bg-raised))}.meta-report-options b,.meta-report-options small{display:block}.meta-report-options b{font-size:12px}.meta-report-options small{font-size:10px;color:var(--text-secondary);margin-top:2px}.meta-report-switch{display:flex;align-items:center;gap:9px;margin:15px 0 0}.meta-report-switch input{display:none}.meta-report-switch span{width:38px;height:22px;border-radius:20px;background:var(--border-strong);position:relative}.meta-report-switch span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--legacy-palette-024);top:3px;left:3px;transition:.15s}.meta-report-switch input:checked+span{background:var(--accent-teal)}.meta-report-switch input:checked+span:after{left:19px}.meta-report-modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.meta-report-modal footer button{height:34px;padding:0 12px;border-radius:7px;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-primary);font-weight:700}.meta-report-modal footer .primary{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--legacy-palette-024)}.meta-report-last{display:block;margin-top:8px;text-align:right;color:var(--text-tertiary)}
/* === END META AUTO REPORT === */
.fleet-command-toggle-row{display:flex;justify-content:flex-end;align-items:center;margin:-2px 0 8px}
.fleet-command-toggle-row>button{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg-surface);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer}
.fleet-command-toggle-row>button:hover{background:var(--bg-raised);color:var(--text-primary)}

/* === TRAILER POOL WORKSPACE === */
.tp-page{display:flex;flex-direction:column;gap:12px;min-width:0}.tp-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.tp-head>div>small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#559ce0}.tp-head h1{font-size:28px;margin:6px 0 4px}.tp-head p{margin:0;color:var(--muted,#8da0b5);font-size:12px}.tp-live{display:flex;align-items:center;gap:8px;border:1px solid var(--line,#304153);border-radius:8px;padding:7px 9px;background:var(--card,#111a23)}.tp-live>i{width:7px;height:7px;border-radius:50%;background:#2ac09a}.tp-live span{font-size:9px;color:var(--muted,#8da0b5)}.tp-live b{color:var(--text,#e6edf5)}.tp-live button{border:1px solid var(--line,#34475a);background:transparent;color:inherit;border-radius:6px;padding:5px 8px;cursor:pointer}
.tp-kpis{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px}.tp-kpis button{text-align:left;border:1px solid var(--line,#2b3d4f);background:var(--card,#101a24);border-radius:8px;padding:10px 12px;color:inherit;cursor:pointer}.tp-kpis button:hover{border-color:#4778a8}.tp-kpis span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted,#90a2b5)}.tp-kpis b{display:block;font-size:21px;margin:2px 0}.tp-kpis small{font-size:9px;color:var(--muted,#8498ac)}
.tp-box{border:1px solid var(--line,#2d3d4d);border-radius:9px;background:var(--card,#111a23);overflow:hidden}.tp-tools{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line,#2b3948);flex-wrap:wrap}.tp-search{height:32px;min-width:250px;flex:1;display:flex;align-items:center;gap:6px;border:1px solid var(--line,#344659);border-radius:6px;padding:0 9px;background:var(--bg,#0c1219)}.tp-search svg{width:14px;height:14px}.tp-search input{width:100%;border:0;outline:0;background:transparent;color:inherit;font-size:11px}.tp-nav{display:flex;align-items:center;gap:3px}.tp-nav button{height:30px;min-width:29px;border:1px solid var(--line,#344659);border-radius:5px;background:transparent;color:inherit;cursor:pointer}.tp-nav button:hover,.tp-nav button.active{background:#1e3956}.tp-nav span{font-size:10px;font-weight:700;color:var(--muted,#a0b2c3);margin-left:4px;min-width:100px}.tp-tools>em{font-style:normal;font-size:10px;color:var(--muted,#8ea1b4)}
.tp-filters{display:flex;gap:4px;padding:7px 9px;border-bottom:1px solid var(--line,#2b3948);overflow-x:auto}.tp-filters button{white-space:nowrap;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted,#94a6b8);padding:4px 8px;font-size:9px;cursor:pointer}.tp-filters button.active{color:#d9ebff;background:#17314b;border-color:#2d5e8d}.tp-scroll{overflow:auto;max-height:calc(100vh - 345px);min-height:340px}.tp-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:10px}.tp-table th,.tp-table td{border-right:1px solid var(--line,#253646);border-bottom:1px solid var(--line,#253646);padding:0;vertical-align:top}.tp-table thead th{position:sticky;top:0;z-index:5;background:#15202b;padding:7px 6px;text-align:left;min-width:135px}.tp-table thead th>b{display:block;font-size:9px}.tp-table thead th>small{font-size:8px;color:var(--muted,#8295a7)}.tp-table .sticky{position:sticky;z-index:4;background:var(--card,#111a23)}.tp-table thead .sticky{z-index:8;background:#15202b}.tp-table .unit{left:0;min-width:82px;width:82px}.tp-table .meta{left:82px;min-width:125px;width:125px}.tp-table .unit>button{width:100%;min-height:54px;border:0;background:transparent;color:inherit;text-align:left;padding:7px 8px;cursor:pointer}.tp-table .unit>button>b{font-size:12px}.tp-table .unit>button>small{display:block;font-size:8px;color:var(--muted,#798da0);margin-top:2px}.tp-table td.meta{padding:6px 7px}.tp-table td.meta>div{display:flex;gap:3px;margin-top:4px}.tp-table td.meta i{font-style:normal;font-size:7px;border:1px solid #3a4855;color:#647586;border-radius:3px;padding:1px 3px}.tp-table td.meta i.on{color:#59c8a4;border-color:#337c68}.tp-table td.meta>small{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#7f92a5);font-size:7px;margin-top:3px}.tp-table th.focus{background:#192c3e}.tp-table th.today{box-shadow:inset 0 2px #4c9be8}.tp-table td.focus{background:rgba(52,109,161,.05)}
.tp-cell{display:block;width:100%;min-height:54px;border:0;border-left:3px solid transparent;background:transparent;color:inherit;text-align:left;padding:5px 6px;cursor:pointer}.tp-cell:disabled{cursor:default}.tp-cell:hover:not(:disabled){background:rgba(90,150,210,.08)}.tp-cell span{display:inline-block;font-size:8px;font-weight:800;border-radius:3px;padding:2px 4px;background:#263543;color:#b8c5d1}.tp-cell>b{display:block;max-width:125px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.tp-cell em{font-style:normal;color:#62778b;font-size:8px}.tp-driver{border-left-color:#7dbd6a}.tp-driver span{background:rgba(85,155,76,.18);color:#9dda8e}.tp-shipper{border-left-color:#2ea56b}.tp-shipper span{background:rgba(35,147,91,.22);color:#73d8a1}.tp-yard{border-left-color:#4e91d8}.tp-yard span{background:rgba(62,125,191,.2);color:#8fc1f3}.tp-shop{border-left-color:#e68e57}.tp-shop span{background:rgba(205,111,56,.2);color:#f4ad80}.tp-parking{border-left-color:#d3b04e}.tp-parking span{background:rgba(184,147,43,.2);color:#e8c96b}
.tp-loading{padding:40px;text-align:center;color:var(--muted,#8da0b4)}.tp-loading.bad{color:#e48181}.tp-modal{position:fixed;inset:0;z-index:200;background:rgba(3,8,13,.65);display:grid;place-items:center;padding:20px}.tp-modal form{width:min(620px,94vw);background:var(--card,#121c26);border:1px solid var(--line,#36495b);border-radius:11px;padding:15px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.tp-modal header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line,#2b3b4b);padding-bottom:11px}.tp-modal header small{font-size:8px;color:#5b9bd9;letter-spacing:.12em;font-weight:800}.tp-modal h3{margin:3px 0;font-size:18px}.tp-modal header p{margin:0;color:var(--muted,#8fa2b5);font-size:10px}.tp-modal header button{border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}.tp-fields{display:grid;grid-template-columns:170px 1fr;gap:9px;padding:14px 0}.tp-fields.two{grid-template-columns:1fr 1fr}.tp-fields label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted,#90a3b6);font-weight:700}.tp-fields input,.tp-fields select{height:36px;border:1px solid var(--line,#36495b);border-radius:6px;background:var(--bg,#0d151d);color:inherit;padding:0 9px;outline:0}.tp-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:12px}.tp-modal footer span{margin-right:auto;font-size:9px;color:#e99473}.tp-modal footer button{border:1px solid var(--line,#3b4d5e);background:transparent;color:inherit;border-radius:6px;padding:7px 11px}.tp-modal footer button.primary{border-color:#4e8fd1;background:#3679bb;color:#fff}@media(max-width:1100px){.tp-kpis{grid-template-columns:repeat(3,1fr)}.tp-scroll{max-height:none}}
/* === END TRAILER POOL WORKSPACE === */

/* === TRAILER POOL READABILITY V2 · 2026-09-27 === */
.tp-table{font-size:11px}
.tp-table thead th{min-width:150px;padding:9px 8px}
.tp-table thead th>b{font-size:10px;letter-spacing:.01em}
.tp-table thead th>small{font-size:9px}
.tp-table .unit{min-width:88px;width:88px}
.tp-table .meta{left:88px;min-width:138px;width:138px}
.tp-table .unit>button{min-height:62px;padding:9px 9px}
.tp-table .unit>button>b{font-size:13px;line-height:1.2}
.tp-table .unit>button>small{font-size:9px;margin-top:4px}
.tp-table td.meta{padding:8px 9px}
.tp-table td.meta>b{font-size:12px;line-height:1.2}
.tp-table td.meta i{font-size:8px;padding:2px 4px}
.tp-table td.meta>small{max-width:122px;font-size:8px;margin-top:5px}

.tp-cell{min-height:62px;padding:7px 8px;border-left-width:4px}
.tp-cell span{font-size:10px;line-height:1.15;font-weight:850;padding:3px 6px;border-radius:4px}
.tp-cell>b{max-width:138px;margin-top:6px;font-size:12px;line-height:1.25;font-weight:700}
.tp-cell em{font-size:9px;margin-top:3px;display:block}

/* Strongly separated operational status palette */
.tp-driver{border-left-color:#63c95a}
.tp-driver span{background:rgba(69,167,58,.28);color:#b9f6a7}

.tp-shipper{border-left-color:#20b8cf}
.tp-shipper span{background:rgba(24,157,180,.26);color:#98edf7}

.tp-yard{border-left-color:#4a8ff0}
.tp-yard span{background:rgba(57,117,205,.28);color:#add3ff}

.tp-shop{border-left-color:#f28a45}
.tp-shop span{background:rgba(207,99,39,.30);color:#ffc39d}

.tp-parking{border-left-color:#9a7ce5}
.tp-parking span{background:rgba(126,93,207,.28);color:#d7c8ff}

.tp-other{border-left-color:#8796a8}
.tp-other span{background:rgba(111,127,145,.24);color:#d0d9e2}
/* === END TRAILER POOL READABILITY V2 === */

/* === TRAILER POOL UX V3 · 2026-09-27 === */

/* compact summary cards */
.tp-kpis{gap:8px}
.tp-kpis button{min-height:72px;padding:9px 12px;display:grid;grid-template-rows:auto auto auto;align-content:center}
.tp-kpis span{font-size:9px;line-height:1.1}
.tp-kpis b{font-size:20px;line-height:1.05;margin:3px 0}
.tp-kpis small{font-size:9px;line-height:1.15}

/* search + date toolbar */
.tp-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;background:#101922;border-bottom:1px solid #2d3d4d;position:relative;z-index:31}
.tp-search{height:38px;min-width:0;width:100%;padding:0 12px;border:1px solid #32485c;border-radius:8px;background:#0b131b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)}
.tp-search:focus-within{border-color:#4b83ba;box-shadow:0 0 0 2px rgba(64,131,193,.12)}
.tp-search svg{width:15px;height:15px;color:#8ca0b4;flex:0 0 auto}
.tp-search input{height:100%;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#edf5fc;font-size:12px}
.tp-search input::placeholder{color:#667d91}
.tp-nav{height:38px}
.tp-nav button{height:34px;min-width:34px}
.tp-nav span{font-size:10px;min-width:104px}
.tp-tools>em{white-space:nowrap;font-size:10px}

/* denser but more capable filters */
.tp-filters{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#111b24;border-bottom:1px solid #2d3d4d;overflow-x:auto;position:relative;z-index:30}
.tp-status-filters,.tp-filter-group{display:flex;align-items:center;gap:4px;white-space:nowrap}
.tp-filter-group>span{font-size:8px;font-weight:800;letter-spacing:.08em;color:#71879b;text-transform:uppercase;margin-right:2px}
.tp-filter-divider{width:1px;height:20px;background:#304150;flex:0 0 1px}
.tp-filters button{padding:5px 9px;font-size:9px;border:1px solid transparent}
.tp-filters button:hover{color:#d8e7f6;background:#172634;border-color:#2a455f}
.tp-filters button.active{color:#e8f4ff;background:#173b5d;border-color:#3978ad}
.tp-filter-group button.active{background:#1b3549;border-color:#3c6d91}
.tp-filters button b{font-size:8px;margin-left:3px;color:inherit}

/* fully opaque frozen table surfaces */
.tp-scroll{position:relative;background:#0f171f}
.tp-table{background:#0f171f}
.tp-table thead{position:relative;z-index:20}
.tp-table thead th{background:#14212c!important;color:#dbe8f3;z-index:20!important;box-shadow:inset 0 -1px #344758}
.tp-table thead th.focus{background:#193148!important}
.tp-table thead th.today{background:#17334b!important}
.tp-table .sticky{background:#111c26!important}
.tp-table thead .sticky{background:#14212c!important;z-index:24!important}
.tp-table tbody td.sticky{background:#111c26!important;z-index:8}
.tp-table tbody td.focus:not(.sticky){background:#142331!important}
.tp-table tbody td.today:not(.sticky){background:#13283a!important}
.tp-table tr:hover td:not(.sticky){background-color:#14212b}
.tp-table tr:hover td.sticky{background:#15232e!important}

/* Excel-like column resize handles */
.tp-table th{position:relative}
.tp-resizer{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:40;touch-action:none}
.tp-resizer:after{content:"";position:absolute;top:18%;bottom:18%;left:3px;width:1px;background:transparent}
.tp-resizer:hover:after,.tp-col-resizing .tp-resizer:after{background:#5ca8ec}
.tp-col-resizing,.tp-col-resizing *{cursor:col-resize!important;user-select:none!important}

/* polished modal */
.tp-modal{background:rgba(2,7,12,.76);backdrop-filter:blur(2px);padding:24px}
.tp-modal-card{width:min(680px,95vw)!important;padding:0!important;overflow:hidden;border:1px solid #3a5166!important;border-radius:13px!important;background:#121d27!important;box-shadow:0 26px 90px rgba(0,0,0,.48)!important}
.tp-modal-head{padding:18px 20px 15px!important;border-bottom:1px solid #2f4253!important;background:#14212c}
.tp-modal-head small{font-size:9px!important;color:#68a9e6!important;letter-spacing:.13em!important}
.tp-modal-head h3{font-size:22px!important;line-height:1.1;margin:5px 0 6px!important}
.tp-modal-head p{display:flex;align-items:center;gap:6px;font-size:10px!important;color:#8fa4b8!important}
.tp-modal-head p i{width:6px;height:6px;border-radius:50%;background:#35c39c;flex:0 0 auto}
.tp-modal-head>button{width:34px;height:34px;border:1px solid #354b5e!important;border-radius:8px!important;background:#0f1922!important;display:grid;place-items:center;font-size:20px!important}
.tp-modal-head>button:hover{background:#1a2b39!important;border-color:#50718e!important}
.tp-modal-body{padding:17px 20px 13px}
.tp-modal .tp-fields{padding:0;gap:12px}
.tp-modal .tp-fields label{font-size:9px;gap:7px}
.tp-modal .tp-fields label>span{color:#91a5b7;font-weight:800;letter-spacing:.02em}
.tp-modal .tp-fields input,.tp-modal .tp-fields select{height:42px;border-color:#354a5c;background:#0c151d;font-size:12px;padding:0 12px}
.tp-modal .tp-fields input:focus,.tp-modal .tp-fields select:focus{border-color:#4d8cc5;box-shadow:0 0 0 2px rgba(77,140,197,.12)}
.tp-modal-note{margin-top:12px;padding:9px 11px;border:1px solid #29445b;border-radius:7px;background:#102233;color:#8fa9bf;font-size:9px;line-height:1.4}
.tp-modal footer{margin:0!important;padding:13px 20px!important;border-top:1px solid #2f4253!important;background:#101922}
.tp-modal footer button{height:36px;padding:0 14px!important;font-weight:700}
.tp-modal footer button.primary{background:#3e82c5!important;border-color:#5798d4!important}
.tp-modal-footnote{margin-right:auto;display:flex;align-items:center;gap:12px;color:#71879a;font-size:9px}
.tp-modal-footnote kbd{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:28px;padding:0 5px;border:1px solid #405465;border-bottom-width:2px;border-radius:5px;background:#0b141c;color:#a9bbc9;font-family:inherit;font-size:8px}
.tp-modal-footnote b{color:#e5a17f;font-weight:600}

/* make current cells respect user width */
.tp-table td[data-tp-col],.tp-table th[data-tp-col]{box-sizing:border-box}
.tp-cell>b{max-width:none;width:100%}
.tp-table td.meta>small{max-width:calc(100% - 4px)}

@media(max-width:1050px){
 .tp-tools{grid-template-columns:1fr auto}
 .tp-tools>em{display:none}
 .tp-filter-divider{display:none}
}
@media(max-width:760px){
 .tp-tools{grid-template-columns:1fr}
 .tp-nav{justify-content:flex-start}
 .tp-kpis{grid-template-columns:repeat(2,1fr)}
}
/* === END TRAILER POOL UX V3 === */

/* === TRAILER POOL CONTROLS V4 · 2026-09-27 === */
/* Follow CRM/HUB standard: dense operational toolbar, minimal wasted space,
   restrained radius, clear hierarchy, no decorative effects. */

.tp-box{
  border:1px solid #2b3b4a;
  border-radius:8px;
  background:#0f171f;
  overflow:hidden;
}

/* Primary toolbar */
.tp-tools{
  display:grid!important;
  grid-template-columns:minmax(320px,520px) minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:8px!important;
  min-height:52px!important;
  padding:7px 10px!important;
  background:#111a23!important;
  border-bottom:1px solid #293947!important;
  position:relative!important;
  z-index:31!important;
  box-sizing:border-box!important;
}
.tp-search{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:520px!important;
  min-width:0!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #344858!important;
  border-radius:6px!important;
  background:#0b131a!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  box-shadow:none!important;
}
.tp-search:focus-within{
  border-color:#4a769c!important;
  box-shadow:none!important;
  background:#0d161e!important;
}
.tp-search svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  color:#8295a7!important;
}
.tp-search input{
  box-sizing:border-box!important;
  width:100%!important;
  height:32px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#e7eef5!important;
  font-size:12px!important;
  line-height:32px!important;
  box-shadow:none!important;
}
.tp-search input::placeholder{color:#687d8f!important}

.tp-nav{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  gap:3px!important;
  min-width:0!important;
}
.tp-nav button{
  height:30px!important;
  min-width:30px!important;
  padding:0 8px!important;
  border:1px solid #324453!important;
  border-radius:5px!important;
  background:#121e28!important;
  color:#c7d4df!important;
  font-size:11px!important;
}
.tp-nav button:hover{background:#182733!important;border-color:#435f75!important}
.tp-nav button.active{
  background:#21415d!important;
  border-color:#4d7da6!important;
  color:#fff!important;
}
.tp-nav span{
  min-width:90px!important;
  margin-left:5px!important;
  color:#9cafbf!important;
  font-size:10px!important;
  font-weight:700!important;
}
.tp-tools>em{
  justify-self:end!important;
  margin:0!important;
  color:#7f93a5!important;
  font-size:10px!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
.tp-tools>em b{color:#dce7f0!important;font-size:11px!important}

/* Filter strip — compact, table-like rather than "pill cloud" */
.tp-filters{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:40px!important;
  padding:5px 10px!important;
  background:#101922!important;
  border-bottom:1px solid #2a3947!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
}
.tp-status-filters,
.tp-filter-group{
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  white-space:nowrap!important;
}
.tp-filter-divider{
  width:1px!important;
  height:22px!important;
  background:#30404d!important;
  flex:0 0 1px!important;
  margin:0 1px!important;
}
.tp-filter-group>span{
  margin:0 5px 0 0!important;
  color:#8093a3!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
.tp-filters button{
  height:28px!important;
  padding:0 8px!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#9eb0bf!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:26px!important;
  box-shadow:none!important;
}
.tp-filters button:hover{
  color:#e1ebf3!important;
  background:#16232e!important;
  border-color:#2b4254!important;
}
.tp-filters button.active{
  color:#f0f7fd!important;
  background:#1b3348!important;
  border-color:#3d6586!important;
}
.tp-filter-group button.active{
  background:#18364c!important;
  border-color:#3f6b8c!important;
}
.tp-filters button b{
  margin-left:3px!important;
  color:#b9c8d4!important;
  font-size:9px!important;
  font-weight:700!important;
}

/* Keep table visually attached to controls */
.tp-scroll{border-top:0!important}

/* At common desktop widths, preserve one compact toolbar line */
@media (max-width:1250px){
  .tp-tools{
    grid-template-columns:minmax(260px,430px) minmax(0,1fr) auto!important;
    column-gap:10px!important;
  }
  .tp-nav span{display:none!important}
}
@media (max-width:900px){
  .tp-tools{
    grid-template-columns:1fr auto!important;
  }
  .tp-tools>em{display:none!important}
  .tp-search{max-width:none!important}
}
@media (max-width:680px){
  .tp-tools{grid-template-columns:1fr!important}
  .tp-nav{justify-self:start!important}
}
/* === END TRAILER POOL CONTROLS V4 === */

/* === TRAILER POOL LIGHT THEMES V5 · 2026-09-27 === */
/* soft / stone / clean: operational light data-grid, no dark islands */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]){
  --tp-light-bg:var(--bg-surface);
  --tp-light-bg2:var(--bg-raised);
  --tp-light-line:var(--border);
  --tp-light-line2:var(--border-strong);
  --tp-light-text:var(--text-primary);
  --tp-light-muted:var(--text-secondary);
  --tp-light-muted2:var(--text-tertiary);
  --tp-light-accent-soft:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));
  --tp-light-accent-mid:color-mix(in srgb,var(--accent) 18%,var(--bg-surface));
}

/* Page header / source control */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-head h1{
  color:var(--tp-light-text);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-head p,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-head>div>small{
  color:var(--tp-light-muted);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-live{
  background:var(--tp-light-bg);
  border-color:var(--tp-light-line2);
  color:var(--tp-light-text);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-live span{
  color:var(--tp-light-muted);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-live b{
  color:var(--tp-light-text);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-live button{
  background:var(--tp-light-bg2);
  border-color:var(--tp-light-line2);
  color:var(--tp-light-text);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-live button:hover{
  background:var(--tp-light-accent-soft);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--tp-light-line2));
}

/* KPI cards */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-kpis button{
  background:var(--tp-light-bg);
  border-color:var(--tp-light-line2);
  color:var(--tp-light-text);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-kpis button:hover{
  background:var(--tp-light-bg2);
  border-color:color-mix(in srgb,var(--accent) 28%,var(--tp-light-line2));
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-kpis span,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-kpis small{
  color:var(--tp-light-muted);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-kpis b{
  color:var(--tp-light-text);
}

/* Data-grid container + toolbar */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-box{
  background:var(--tp-light-bg);
  border-color:var(--tp-light-line2);
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-tools{
  background:var(--tp-light-bg)!important;
  border-bottom-color:var(--tp-light-line)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-search{
  background:var(--ui-input)!important;
  border-color:var(--tp-light-line2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-search:focus-within{
  background:var(--ui-input)!important;
  border-color:var(--accent)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-search svg{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-search input{
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-search input::placeholder{
  color:var(--tp-light-muted2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-nav button{
  background:var(--tp-light-bg2)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-nav button:hover{
  background:var(--tp-light-accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--tp-light-line2))!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-nav button.active{
  background:var(--tp-light-accent-mid)!important;
  border-color:color-mix(in srgb,var(--accent) 52%,var(--tp-light-line2))!important;
  color:var(--text-primary)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-nav span,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-tools>em{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-tools>em b{
  color:var(--tp-light-text)!important;
}

/* Filter bar */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filters{
  background:var(--tp-light-bg2)!important;
  border-bottom-color:var(--tp-light-line)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filter-divider{
  background:var(--tp-light-line2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filter-group>span{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filters button{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filters button:hover{
  color:var(--tp-light-text)!important;
  background:var(--tp-light-bg)!important;
  border-color:var(--tp-light-line2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filters button.active{
  color:var(--tp-light-text)!important;
  background:var(--tp-light-accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--tp-light-line2))!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filter-group button.active{
  background:var(--tp-light-accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--tp-light-line2))!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-filters button b{
  color:inherit!important;
}

/* Grid surfaces: all light, including sticky + current date */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-scroll,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table{
  background:var(--tp-light-bg)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table th,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table td{
  border-color:var(--tp-light-line)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table thead th,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table thead .sticky{
  background:var(--tp-light-bg2)!important;
  color:var(--tp-light-text)!important;
  box-shadow:inset 0 -1px var(--tp-light-line2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table thead th.focus,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table thead th.today{
  background:var(--tp-light-accent-soft)!important;
  color:var(--tp-light-text)!important;
  box-shadow:inset 0 2px var(--accent),inset 0 -1px var(--tp-light-line2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table thead th small{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tbody td{
  background:var(--tp-light-bg)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tbody td.sticky{
  background:var(--tp-light-bg)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tbody td.focus:not(.sticky),
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tbody td.today:not(.sticky){
  background:var(--tp-light-accent-soft)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tr:hover td,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tr:hover td.sticky{
  background:var(--tp-light-bg2)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tr:hover td.focus,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table tr:hover td.today{
  background:var(--tp-light-accent-mid)!important;
}

/* Unit + meta cells */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table .unit>button,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table td.meta>b{
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table .unit>button>small,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table td.meta>small{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table td.meta i{
  background:var(--tp-light-bg2)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-table td.meta i.on{
  background:var(--success-soft)!important;
  border-color:var(--ok-line)!important;
  color:var(--success-text)!important;
}

/* Status cells: semantic light palette */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-cell{
  color:var(--tp-light-text)!important;
  background:transparent!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-cell:hover:not(:disabled){
  background:color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-cell>b{
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-cell em{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-driver{border-left-color:#5fae56!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-driver span{background:#e7f4e3!important;color:#2f6b29!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-shipper{border-left-color:#2ca6b8!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-shipper span{background:#e2f3f6!important;color:#176878!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-yard{border-left-color:#4f8ed3!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-yard span{background:#e6f0fb!important;color:#285f91!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-shop{border-left-color:#d9864f!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-shop span{background:#faeadf!important;color:#80441f!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-parking{border-left-color:#8772c5!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-parking span{background:#eee9fa!important;color:#594692!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-other{border-left-color:#8794a0!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-other span{background:#edf0f2!important;color:#53606b!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-empty{border-left-color:transparent!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-empty span{
  background:#e7ecef!important;
  color:#62717d!important;
}

/* Resize handles */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-resizer:hover:after,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-col-resizing .tp-resizer:after{
  background:var(--accent)!important;
}

/* Modal / editor in every light theme */
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal{
  background:rgba(30,40,50,.34)!important;
  backdrop-filter:none!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-card{
  background:var(--tp-light-bg)!important;
  border-color:var(--tp-light-line2)!important;
  box-shadow:0 16px 42px rgba(40,50,60,.16)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head{
  background:var(--tp-light-bg2)!important;
  border-bottom-color:var(--tp-light-line)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head h3{
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head small,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head p{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head>button{
  background:var(--tp-light-bg)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-head>button:hover{
  background:var(--tp-light-accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--tp-light-line2))!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal .tp-fields label>span{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal .tp-fields input,
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal .tp-fields select{
  background:var(--ui-input)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-note{
  background:var(--tp-light-accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--tp-light-line))!important;
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal footer{
  background:var(--tp-light-bg2)!important;
  border-top-color:var(--tp-light-line)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal footer button:not(.primary){
  background:var(--tp-light-bg)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-text)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal footer button.primary{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-footnote{
  color:var(--tp-light-muted)!important;
}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"]) .tp-modal-footnote kbd{
  background:var(--tp-light-bg)!important;
  border-color:var(--tp-light-line2)!important;
  color:var(--tp-light-muted)!important;
}
/* === END TRAILER POOL LIGHT THEMES V5 === */

/* === TRAILER POOL THEME + KPI V6 · 2026-09-27 === */

/* KPI cards: compact, information-dense, semantic accents */
.tp-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
.tp-kpis button{
  --tp-kpi-accent:#4f8fd8;
  min-height:60px!important;
  padding:8px 11px 8px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"label value" "meta value"!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:2px!important;
  border-left:3px solid var(--tp-kpi-accent)!important;
  border-radius:7px!important;
  background:color-mix(in srgb,var(--tp-kpi-accent) 7%,#101a24)!important;
}
.tp-kpis button:nth-child(1){--tp-kpi-accent:#5a93d6}
.tp-kpis button:nth-child(2){--tp-kpi-accent:#63b85c}
.tp-kpis button:nth-child(3){--tp-kpi-accent:#4aa0c9}
.tp-kpis button:nth-child(4){--tp-kpi-accent:#e28a4d}
.tp-kpis button:nth-child(5){--tp-kpi-accent:#2eae9a}
.tp-kpis span{
  grid-area:label!important;
  align-self:end!important;
  font-size:9px!important;
  line-height:1.1!important;
  letter-spacing:.035em!important;
}
.tp-kpis b{
  grid-area:value!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  font-size:24px!important;
  line-height:1!important;
  color:#edf5fb!important;
}
.tp-kpis small{
  grid-area:meta!important;
  align-self:start!important;
  font-size:9px!important;
  line-height:1.15!important;
}
.tp-kpis button:hover{
  border-color:color-mix(in srgb,var(--tp-kpi-accent) 48%,#334656)!important;
  background:color-mix(in srgb,var(--tp-kpi-accent) 10%,#101a24)!important;
}

/* GPS and FL are separate operational dimensions; make them visually distinct */
.tp-filter-group:nth-of-type(3),
.tp-filter-group:nth-of-type(4){
  min-height:30px!important;
  padding:2px 4px 2px 7px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
}
.tp-filter-group:nth-of-type(3){
  background:rgba(34,139,190,.09)!important;
  border-color:#274d63!important;
}
.tp-filter-group:nth-of-type(3)>span{color:#6cc3e6!important}
.tp-filter-group:nth-of-type(3) button.active{
  background:#17435b!important;
  border-color:#377898!important;
  color:#d8f4ff!important;
}
.tp-filter-group:nth-of-type(4){
  background:rgba(49,151,99,.10)!important;
  border-color:#2d5a45!important;
}
.tp-filter-group:nth-of-type(4)>span{color:#75d1a1!important}
.tp-filter-group:nth-of-type(4) button.active{
  background:#194c37!important;
  border-color:#3c7a59!important;
  color:#ddf8e9!important;
}

/* Actual current theme keys are dark / dim / light / warm.
   Explicit light + warm overrides prevent dark islands and low-contrast text. */
:root[data-theme="light"] .tp-page,
:root[data-theme="warm"] .tp-page{
  --tp-l-surface:#ffffff;
  --tp-l-raised:#f4f6f8;
  --tp-l-line:#d8dee5;
  --tp-l-line2:#c7d0d9;
  --tp-l-text:#1f2933;
  --tp-l-muted:#637282;
  --tp-l-muted2:#8895a2;
  --tp-l-accent:#2f7de1;
}
:root[data-theme="warm"] .tp-page{
  --tp-l-surface:#fffdf9;
  --tp-l-raised:#f5f1ea;
  --tp-l-line:#ddd5ca;
  --tp-l-line2:#cfc4b6;
  --tp-l-text:#2c2925;
  --tp-l-muted:#71685e;
  --tp-l-muted2:#91877b;
  --tp-l-accent:#3b77bd;
}

/* Page-level surfaces */
:root[data-theme="light"] .tp-head h1,
:root[data-theme="warm"] .tp-head h1{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-head p,
:root[data-theme="warm"] .tp-head p,
:root[data-theme="light"] .tp-head>div>small,
:root[data-theme="warm"] .tp-head>div>small{color:var(--tp-l-muted)!important}

:root[data-theme="light"] .tp-live,
:root[data-theme="warm"] .tp-live{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-live span,
:root[data-theme="warm"] .tp-live span{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-live b,
:root[data-theme="warm"] .tp-live b{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-live button,
:root[data-theme="warm"] .tp-live button{
  background:var(--tp-l-raised)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}

/* KPI light themes */
:root[data-theme="light"] .tp-kpis button,
:root[data-theme="warm"] .tp-kpis button{
  background:color-mix(in srgb,var(--tp-kpi-accent) 6%,var(--tp-l-surface))!important;
  border-top-color:var(--tp-l-line2)!important;
  border-right-color:var(--tp-l-line2)!important;
  border-bottom-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-kpis button:hover,
:root[data-theme="warm"] .tp-kpis button:hover{
  background:color-mix(in srgb,var(--tp-kpi-accent) 10%,var(--tp-l-surface))!important;
  border-top-color:color-mix(in srgb,var(--tp-kpi-accent) 35%,var(--tp-l-line2))!important;
  border-right-color:color-mix(in srgb,var(--tp-kpi-accent) 35%,var(--tp-l-line2))!important;
  border-bottom-color:color-mix(in srgb,var(--tp-kpi-accent) 35%,var(--tp-l-line2))!important;
}
:root[data-theme="light"] .tp-kpis b,
:root[data-theme="warm"] .tp-kpis b{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-kpis span,
:root[data-theme="warm"] .tp-kpis span,
:root[data-theme="light"] .tp-kpis small,
:root[data-theme="warm"] .tp-kpis small{color:var(--tp-l-muted)!important}

/* Main data-grid shell */
:root[data-theme="light"] .tp-box,
:root[data-theme="warm"] .tp-box{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
}
:root[data-theme="light"] .tp-tools,
:root[data-theme="warm"] .tp-tools{
  background:var(--tp-l-surface)!important;
  border-bottom-color:var(--tp-l-line)!important;
}
:root[data-theme="light"] .tp-search,
:root[data-theme="warm"] .tp-search{
  background:var(--tp-l-raised)!important;
  border-color:var(--tp-l-line2)!important;
}
:root[data-theme="light"] .tp-search:focus-within,
:root[data-theme="warm"] .tp-search:focus-within{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-accent)!important;
}
:root[data-theme="light"] .tp-search input,
:root[data-theme="warm"] .tp-search input{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-search input::placeholder,
:root[data-theme="warm"] .tp-search input::placeholder{color:var(--tp-l-muted2)!important}
:root[data-theme="light"] .tp-search svg,
:root[data-theme="warm"] .tp-search svg{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-nav button,
:root[data-theme="warm"] .tp-nav button{
  background:var(--tp-l-raised)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-nav button:hover,
:root[data-theme="warm"] .tp-nav button:hover{background:#e8edf2!important}
:root[data-theme="warm"] .tp-nav button:hover{background:#eee8df!important}
:root[data-theme="light"] .tp-nav button.active,
:root[data-theme="warm"] .tp-nav button.active{
  background:#e3eefb!important;
  border-color:#9dbddf!important;
  color:#214f7e!important;
}
:root[data-theme="warm"] .tp-nav button.active{
  background:#e7eef7!important;
  border-color:#a3bad4!important;
}
:root[data-theme="light"] .tp-nav span,
:root[data-theme="warm"] .tp-nav span,
:root[data-theme="light"] .tp-tools>em,
:root[data-theme="warm"] .tp-tools>em{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-tools>em b,
:root[data-theme="warm"] .tp-tools>em b{color:var(--tp-l-text)!important}

/* Filter strip */
:root[data-theme="light"] .tp-filters,
:root[data-theme="warm"] .tp-filters{
  background:var(--tp-l-raised)!important;
  border-bottom-color:var(--tp-l-line)!important;
}
:root[data-theme="light"] .tp-filter-divider,
:root[data-theme="warm"] .tp-filter-divider{background:var(--tp-l-line2)!important}
:root[data-theme="light"] .tp-filters button,
:root[data-theme="warm"] .tp-filters button{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-filters button:hover,
:root[data-theme="warm"] .tp-filters button:hover{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-filters button.active,
:root[data-theme="warm"] .tp-filters button.active{
  background:#e4eef9!important;
  border-color:#a7bfd9!important;
  color:#214f7a!important;
}
:root[data-theme="warm"] .tp-filters button.active{
  background:#e8edf4!important;
  border-color:#b0bfce!important;
}

/* Explicit GPS / FL light-theme treatment */
:root[data-theme="light"] .tp-filter-group:nth-of-type(3),
:root[data-theme="warm"] .tp-filter-group:nth-of-type(3){
  background:#eef8fc!important;
  border-color:#b8dce9!important;
}
:root[data-theme="light"] .tp-filter-group:nth-of-type(3)>span,
:root[data-theme="warm"] .tp-filter-group:nth-of-type(3)>span{color:#247a9c!important}
:root[data-theme="light"] .tp-filter-group:nth-of-type(3) button.active,
:root[data-theme="warm"] .tp-filter-group:nth-of-type(3) button.active{
  background:#d7eef7!important;
  border-color:#8bc5d9!important;
  color:#185e79!important;
}
:root[data-theme="light"] .tp-filter-group:nth-of-type(4),
:root[data-theme="warm"] .tp-filter-group:nth-of-type(4){
  background:#eef8f2!important;
  border-color:#b9dec7!important;
}
:root[data-theme="light"] .tp-filter-group:nth-of-type(4)>span,
:root[data-theme="warm"] .tp-filter-group:nth-of-type(4)>span{color:#317e54!important}
:root[data-theme="light"] .tp-filter-group:nth-of-type(4) button.active,
:root[data-theme="warm"] .tp-filter-group:nth-of-type(4) button.active{
  background:#d9efe1!important;
  border-color:#91c6a5!important;
  color:#225f40!important;
}

/* Entire table + frozen surfaces */
:root[data-theme="light"] .tp-scroll,
:root[data-theme="warm"] .tp-scroll,
:root[data-theme="light"] .tp-table,
:root[data-theme="warm"] .tp-table{
  background:var(--tp-l-surface)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-table th,
:root[data-theme="warm"] .tp-table th,
:root[data-theme="light"] .tp-table td,
:root[data-theme="warm"] .tp-table td{border-color:var(--tp-l-line)!important}
:root[data-theme="light"] .tp-table thead th,
:root[data-theme="warm"] .tp-table thead th,
:root[data-theme="light"] .tp-table thead .sticky,
:root[data-theme="warm"] .tp-table thead .sticky{
  background:var(--tp-l-raised)!important;
  color:var(--tp-l-text)!important;
  box-shadow:inset 0 -1px var(--tp-l-line2)!important;
}
:root[data-theme="light"] .tp-table thead th.focus,
:root[data-theme="light"] .tp-table thead th.today,
:root[data-theme="warm"] .tp-table thead th.focus,
:root[data-theme="warm"] .tp-table thead th.today{
  background:#e8f1fb!important;
  color:var(--tp-l-text)!important;
  box-shadow:inset 0 2px #4c8fce,inset 0 -1px var(--tp-l-line2)!important;
}
:root[data-theme="warm"] .tp-table thead th.focus,
:root[data-theme="warm"] .tp-table thead th.today{background:#e9eef4!important}
:root[data-theme="light"] .tp-table thead th small,
:root[data-theme="warm"] .tp-table thead th small{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-table tbody td,
:root[data-theme="warm"] .tp-table tbody td,
:root[data-theme="light"] .tp-table tbody td.sticky,
:root[data-theme="warm"] .tp-table tbody td.sticky{
  background:var(--tp-l-surface)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-table tbody td.focus:not(.sticky),
:root[data-theme="light"] .tp-table tbody td.today:not(.sticky),
:root[data-theme="warm"] .tp-table tbody td.focus:not(.sticky),
:root[data-theme="warm"] .tp-table tbody td.today:not(.sticky){
  background:#edf4fb!important;
}
:root[data-theme="warm"] .tp-table tbody td.focus:not(.sticky),
:root[data-theme="warm"] .tp-table tbody td.today:not(.sticky){background:#eef1f5!important}
:root[data-theme="light"] .tp-table tr:hover td,
:root[data-theme="light"] .tp-table tr:hover td.sticky{background:#f4f7fa!important}
:root[data-theme="warm"] .tp-table tr:hover td,
:root[data-theme="warm"] .tp-table tr:hover td.sticky{background:#f7f3ed!important}
:root[data-theme="light"] .tp-table tr:hover td.focus,
:root[data-theme="light"] .tp-table tr:hover td.today{background:#e4eef9!important}
:root[data-theme="warm"] .tp-table tr:hover td.focus,
:root[data-theme="warm"] .tp-table tr:hover td.today{background:#e8edf3!important}

:root[data-theme="light"] .tp-table .unit>button,
:root[data-theme="warm"] .tp-table .unit>button,
:root[data-theme="light"] .tp-table td.meta>b,
:root[data-theme="warm"] .tp-table td.meta>b,
:root[data-theme="light"] .tp-cell>b,
:root[data-theme="warm"] .tp-cell>b{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-table .unit>button>small,
:root[data-theme="warm"] .tp-table .unit>button>small,
:root[data-theme="light"] .tp-table td.meta>small,
:root[data-theme="warm"] .tp-table td.meta>small,
:root[data-theme="light"] .tp-cell em,
:root[data-theme="warm"] .tp-cell em{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-table td.meta i,
:root[data-theme="warm"] .tp-table td.meta i{
  background:var(--tp-l-raised)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-muted)!important;
}
:root[data-theme="light"] .tp-table td.meta i.on,
:root[data-theme="warm"] .tp-table td.meta i.on{
  background:#e6f4eb!important;
  border-color:#99cbae!important;
  color:#2d744c!important;
}

/* Semantic status badges */
:root[data-theme="light"] .tp-driver span,
:root[data-theme="warm"] .tp-driver span{background:#e5f3e2!important;color:#2d6c28!important}
:root[data-theme="light"] .tp-shipper span,
:root[data-theme="warm"] .tp-shipper span{background:#e0f2f5!important;color:#176b79!important}
:root[data-theme="light"] .tp-yard span,
:root[data-theme="warm"] .tp-yard span{background:#e4effb!important;color:#285f91!important}
:root[data-theme="light"] .tp-shop span,
:root[data-theme="warm"] .tp-shop span{background:#f9e8dd!important;color:#82461f!important}
:root[data-theme="light"] .tp-parking span,
:root[data-theme="warm"] .tp-parking span{background:#eee9f9!important;color:#584790!important}
:root[data-theme="light"] .tp-other span,
:root[data-theme="warm"] .tp-other span{background:#edf0f2!important;color:#56636e!important}
:root[data-theme="light"] .tp-empty span,
:root[data-theme="warm"] .tp-empty span{background:#e8edf0!important;color:#63717c!important}

/* Modal/editor light + warm */
:root[data-theme="light"] .tp-modal,
:root[data-theme="warm"] .tp-modal{
  background:rgba(31,42,52,.28)!important;
  backdrop-filter:none!important;
}
:root[data-theme="light"] .tp-modal-card,
:root[data-theme="warm"] .tp-modal-card{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  box-shadow:0 16px 42px rgba(30,40,50,.16)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-modal-head,
:root[data-theme="warm"] .tp-modal-head{
  background:var(--tp-l-raised)!important;
  border-bottom-color:var(--tp-l-line)!important;
}
:root[data-theme="light"] .tp-modal-head h3,
:root[data-theme="warm"] .tp-modal-head h3{color:var(--tp-l-text)!important}
:root[data-theme="light"] .tp-modal-head small,
:root[data-theme="warm"] .tp-modal-head small,
:root[data-theme="light"] .tp-modal-head p,
:root[data-theme="warm"] .tp-modal-head p{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-modal-head>button,
:root[data-theme="warm"] .tp-modal-head>button{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-modal .tp-fields label,
:root[data-theme="warm"] .tp-modal .tp-fields label,
:root[data-theme="light"] .tp-modal .tp-fields label>span,
:root[data-theme="warm"] .tp-modal .tp-fields label>span{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-modal .tp-fields input,
:root[data-theme="light"] .tp-modal .tp-fields select,
:root[data-theme="warm"] .tp-modal .tp-fields input,
:root[data-theme="warm"] .tp-modal .tp-fields select{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-modal-note,
:root[data-theme="warm"] .tp-modal-note{
  background:#eef5fb!important;
  border-color:#c7dbea!important;
  color:var(--tp-l-muted)!important;
}
:root[data-theme="warm"] .tp-modal-note{background:#f0f3f6!important}
:root[data-theme="light"] .tp-modal footer,
:root[data-theme="warm"] .tp-modal footer{
  background:var(--tp-l-raised)!important;
  border-top-color:var(--tp-l-line)!important;
}
:root[data-theme="light"] .tp-modal footer button:not(.primary),
:root[data-theme="warm"] .tp-modal footer button:not(.primary){
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-text)!important;
}
:root[data-theme="light"] .tp-modal footer button.primary,
:root[data-theme="warm"] .tp-modal footer button.primary{
  background:#347fbe!important;
  border-color:#347fbe!important;
  color:#fff!important;
}
:root[data-theme="light"] .tp-modal-footnote,
:root[data-theme="warm"] .tp-modal-footnote{color:var(--tp-l-muted)!important}
:root[data-theme="light"] .tp-modal-footnote kbd,
:root[data-theme="warm"] .tp-modal-footnote kbd{
  background:var(--tp-l-surface)!important;
  border-color:var(--tp-l-line2)!important;
  color:var(--tp-l-muted)!important;
}

/* Dim should remain dark but softer than Dark */
:root[data-theme="dim"] .tp-kpis button{background:color-mix(in srgb,var(--tp-kpi-accent) 7%,#17212b)!important}
:root[data-theme="dim"] .tp-box{background:#161f28!important}
:root[data-theme="dim"] .tp-tools{background:#17212a!important}
:root[data-theme="dim"] .tp-filters{background:#18232d!important}
/* === END TRAILER POOL THEME + KPI V6 === */

/* === ASSETS POOL COMPACT + ASSETS LOG V1 · 2026-09-28 === */

/* Desktop: mobile menu trigger must not appear. */
.topbar .mobile{display:none!important}
@media(max-width:900px){.topbar .mobile{display:grid!important}}

/* Assets Pool summary cards: remove dead center space. */
.tp-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
.tp-kpis button{
  min-height:48px!important;
  padding:7px 10px!important;
  display:grid!important;
  grid-template-columns:max-content max-content minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  grid-template-areas:"label value meta"!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  text-align:left!important;
}
.tp-kpis span{
  grid-area:label!important;
  align-self:center!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1!important;
}
.tp-kpis b{
  grid-area:value!important;
  align-self:center!important;
  justify-self:start!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1!important;
}
.tp-kpis small{
  grid-area:meta!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1250px){
  .tp-kpis button{grid-template-columns:max-content max-content!important;grid-template-areas:"label value" "meta meta"!important;grid-template-rows:auto auto!important;row-gap:3px!important}
  .tp-kpis small{justify-self:start!important}
}

/* Assets Log */
.al-page{display:flex;flex-direction:column;gap:10px;min-width:0}
.al-loading{padding:44px;text-align:center;color:var(--text-secondary,#8da0b5)}
.al-head{margin-bottom:0}
.al-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.al-kpis article{
  --al-accent:#4f8fd8;
  min-height:56px;
  border:1px solid var(--border-strong,#314454);
  border-left:3px solid var(--al-accent);
  border-radius:7px;
  background:color-mix(in srgb,var(--al-accent) 7%,var(--bg-surface,#101a24));
  padding:7px 10px;
  display:grid;
  grid-template-columns:max-content max-content minmax(0,1fr);
  grid-template-areas:"label value meta";
  gap:10px;
  align-items:center;
}
.al-kpis article.blue{--al-accent:#4f8fd8}.al-kpis article.teal{--al-accent:#28a9b7}.al-kpis article.green{--al-accent:#64b85a}.al-kpis article.orange{--al-accent:#df884c}.al-kpis article.purple{--al-accent:#8a72cc}
.al-kpis span{grid-area:label;color:var(--text-secondary,#91a4b5);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.al-kpis b{grid-area:value;color:var(--text-primary,#edf5fb);font-size:21px;line-height:1}
.al-kpis small{grid-area:meta;justify-self:end;color:var(--text-tertiary,#7f93a4);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

.al-box{border:1px solid var(--border-strong,#2d3d4d);border-radius:8px;background:var(--bg-surface,#101922);overflow:hidden}
.al-toolbar{display:grid;grid-template-columns:minmax(300px,520px) 1fr auto;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid var(--border,#293947);background:var(--bg-surface,#111a23)}
.al-search{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--border-strong,#344858);border-radius:6px;background:var(--bg-input,var(--bg-raised,#0b131a));padding:0 10px}
.al-search:focus-within{border-color:var(--accent,#4f8fd8)}
.al-search svg{width:14px;height:14px;color:var(--text-secondary,#8295a7)}
.al-search input{min-width:0;width:100%;height:32px;border:0!important;outline:0!important;background:transparent!important;color:var(--text-primary,#e7eef5);font-size:12px}
.al-search input::placeholder{color:var(--text-tertiary,#687d8f)}
.al-count{grid-column:3;color:var(--text-secondary,#8396a7);font-size:10px;white-space:nowrap}.al-count b{color:var(--text-primary,#e7eef5);font-size:11px}

.al-filters{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--border,#293947);background:var(--bg-raised,#101922);overflow-x:auto}
.al-filters>div{display:flex;align-items:center;gap:2px;white-space:nowrap;border-right:1px solid var(--border,#30404d);padding-right:10px}.al-filters>div:last-child{border-right:0;padding-right:0}
.al-filters>div>span{margin-right:5px;color:var(--text-tertiary,#8093a3);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.al-filters button{height:27px;padding:0 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-secondary,#9eb0bf);font-size:9px;font-weight:650}
.al-filters button:hover{background:var(--bg-surface,#16232e);border-color:var(--border-strong,#2b4254);color:var(--text-primary,#e1ebf3)}
.al-filters button.active{background:color-mix(in srgb,var(--accent,#4f8fd8) 15%,var(--bg-surface,#101922));border-color:color-mix(in srgb,var(--accent,#4f8fd8) 45%,var(--border-strong,#314454));color:var(--text-primary,#f0f7fd)}
.al-filters button b{font-size:8px}

.al-table-wrap{overflow:auto;max-height:calc(100vh - 330px);min-height:360px;background:var(--bg-surface,#0f171f)}
.al-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1320px;font-size:10px;color:var(--text-primary,#e8eff6)}
.al-table th,.al-table td{border-right:1px solid var(--border,#273847);border-bottom:1px solid var(--border,#273847);padding:7px 8px;text-align:left;vertical-align:middle}
.al-table thead th{position:sticky;top:0;z-index:4;background:var(--bg-raised,#14212c);color:var(--text-secondary,#a1b1bf);font-size:9px;text-transform:uppercase;letter-spacing:.035em;box-shadow:inset 0 -1px var(--border-strong,#344758)}
.al-table tbody tr{cursor:pointer}.al-table tbody tr:hover td{background:color-mix(in srgb,var(--accent,#4f8fd8) 5%,var(--bg-surface,#101922))}
.al-table td:nth-child(1){width:86px;white-space:nowrap}.al-table td:nth-child(2){width:78px}.al-table td:nth-child(3){width:70px}.al-table td:nth-child(4){width:88px}.al-table td:nth-child(5){width:140px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-table td.loc{max-width:260px;width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-table td.notes{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-table strong{font-size:12px}
.al-badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;font-size:8px;font-weight:800;border:1px solid transparent}.al-badge.pick{background:rgba(42,163,102,.16);color:#7ed8a8;border-color:rgba(42,163,102,.32)}.al-badge.drop{background:rgba(221,128,67,.16);color:#f0aa7b;border-color:rgba(221,128,67,.32)}.al-badge.loaded{background:rgba(69,129,204,.16);color:#91bff0;border-color:rgba(69,129,204,.32)}.al-badge.empty{background:rgba(124,137,151,.14);color:#b7c1cb;border-color:rgba(124,137,151,.28)}.al-badge.other{background:var(--bg-raised,#263543);color:var(--text-secondary,#b8c5d1)}
.al-empty{padding:40px;text-align:center;color:var(--text-secondary,#8396a7)}
.al-more{padding:8px 10px;border-top:1px solid var(--border,#293947);display:flex;justify-content:center;background:var(--bg-raised,#101922)}.al-more button{height:30px;border:1px solid var(--border-strong,#344858);border-radius:5px;background:var(--bg-surface,#111a23);color:var(--text-primary,#dce8f2);padding:0 12px;font-size:9px}

.al-detail-card{width:min(720px,95vw)!important}.al-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.al-detail-item{border:1px solid var(--border,#2f4253);border-radius:6px;background:var(--bg-raised,#101922);padding:9px 10px;min-width:0}.al-detail-item.wide{grid-column:1/-1}.al-detail-item span{display:block;color:var(--text-tertiary,#8194a6);font-size:8px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.al-detail-item b{display:block;color:var(--text-primary,#e9f0f6);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.al-link{height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid var(--accent,#4f8fd8);border-radius:6px;color:#fff;background:var(--accent,#397fc0);text-decoration:none;font-size:10px;font-weight:700}

/* Light and Warm semantic badges stay readable */
:root[data-theme="light"] .al-badge.pick,:root[data-theme="warm"] .al-badge.pick{background:#e5f3e9;color:#2c704a;border-color:#acd2ba}
:root[data-theme="light"] .al-badge.drop,:root[data-theme="warm"] .al-badge.drop{background:#f9e9df;color:#82491f;border-color:#dfb89d}
:root[data-theme="light"] .al-badge.loaded,:root[data-theme="warm"] .al-badge.loaded{background:#e4eef9;color:#2d6192;border-color:#b1cae3}
:root[data-theme="light"] .al-badge.empty,:root[data-theme="warm"] .al-badge.empty{background:#edf0f2;color:#596772;border-color:#cbd2d8}
:root[data-theme="light"] .al-kpis b,:root[data-theme="warm"] .al-kpis b{color:var(--text-primary)!important}

@media(max-width:1100px){.al-kpis{grid-template-columns:repeat(3,1fr)}.al-toolbar{grid-template-columns:1fr auto}.al-count{grid-column:2}.al-table-wrap{max-height:none}}
@media(max-width:720px){.al-kpis{grid-template-columns:repeat(2,1fr)}.al-detail-grid{grid-template-columns:1fr}.al-detail-item.wide{grid-column:auto}}
/* === END ASSETS POOL COMPACT + ASSETS LOG V1 === */

/* === ASSETS LOG DATE FILTER V2 · 2026-09-28 === */
.al-date-filter{gap:3px!important}
.al-custom-dates{display:inline-flex;align-items:center;gap:5px;margin-left:4px;padding-left:8px;border-left:1px solid var(--border,#30404d)}
.al-custom-dates input{
  height:27px;
  min-width:122px;
  padding:0 7px;
  border:1px solid var(--border-strong,#344858);
  border-radius:5px;
  background:var(--bg-input,var(--bg-raised,#0b131a));
  color:var(--text-primary,#e7eef5);
  font:inherit;
  font-size:9px;
  color-scheme:dark;
}
.al-custom-dates input:focus{outline:none;border-color:var(--accent,#4f8fd8)}
.al-custom-dates i{font-style:normal;color:var(--text-tertiary,#8093a3);font-size:8px;text-transform:uppercase}
:root:is([data-theme="light"],[data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="warm"]) .al-custom-dates input{
  color-scheme:light;
  background:var(--ui-input,var(--bg-surface));
  color:var(--text-primary);
  border-color:var(--border-strong);
}
@media(max-width:1220px){
  .al-filters{align-items:flex-start}
  .al-date-filter{flex-wrap:wrap}
}
/* === END ASSETS LOG DATE FILTER V2 === */


/* === DISPATCH LOADS + ALLTRUCKS === */
.dl-page,.at-page{display:flex;flex-direction:column;gap:12px;min-width:0}
.dl-loading{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-weight:700}.dl-loading.bad{color:#dc5c5c}
.dl-kpis,.at-kpis{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:8px}
.at-kpis{grid-template-columns:repeat(4,minmax(155px,1fr))}
.dl-kpis>button,.dl-kpis>article,.at-kpis>button,.at-kpis>article{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:11px 13px;color:var(--text);min-width:0}
.dl-kpis>button,.at-kpis>button{cursor:pointer}
.dl-kpis span,.at-kpis span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.dl-kpis b,.at-kpis b{display:block;font-size:22px;line-height:1.1;margin:4px 0}
.dl-kpis small,.at-kpis small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-box,.at-box{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;min-width:0}
.dl-toolbar,.at-toolbar{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line)}
.dl-search{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--input,#11161d);border-radius:8px;padding:0 10px;min-width:260px;flex:1}
.dl-search .ui-icon{width:15px;height:15px;color:var(--muted)}.dl-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font:inherit}
.dl-toolbar select{height:34px;min-width:165px;border:1px solid var(--line);border-radius:8px;background:var(--input,#11161d);color:var(--text);padding:0 9px}
.dl-count{font-size:11px;color:var(--muted);white-space:nowrap}.dl-count b{color:var(--text)}
.dl-filters{display:flex;gap:5px;align-items:center;padding:7px 9px;border-bottom:1px solid var(--line);overflow:auto}
.dl-filters button,.at-nav button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;height:28px;padding:0 10px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.dl-filters button.active,.at-nav button:hover{background:var(--hover);color:var(--text);border-color:var(--accent,#2da44e)}
.dl-table-wrap,.at-scroll{overflow:auto;max-height:calc(100vh - 315px);min-height:260px}
.dl-table,.at-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:11px}
.dl-table th,.dl-table td,.at-table th,.at-table td{padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;text-align:left;max-width:230px}
.dl-table th,.at-table th{position:sticky;top:0;z-index:4;background:var(--panel-2,#171d25);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.dl-table td{white-space:nowrap}.dl-table td:nth-child(6),.dl-table td:nth-child(8){max-width:185px;overflow:hidden;text-overflow:ellipsis}.dl-table td.notes{max-width:240px;overflow:hidden;text-overflow:ellipsis}
.dl-table td strong{font-size:12px}.dl-table td small{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.dl-badge,.at-status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-weight:800;font-size:9px;border:1px solid var(--line)}
.dl-badge.delivered,.at-status.active{background:rgba(46,160,67,.12);color:#49bd68;border-color:rgba(46,160,67,.3)}
.dl-badge.in-transit{background:rgba(218,165,32,.13);color:#d9ad35;border-color:rgba(218,165,32,.3)}
.dl-badge.unassigned,.dl-badge.cancelled,.at-status.inactive{background:rgba(210,65,65,.1);color:#dc6a6a;border-color:rgba(210,65,65,.25)}
.dl-badge.planned{background:rgba(56,139,253,.1);color:#69a8ff;border-color:rgba(56,139,253,.25)}
.dl-empty{padding:32px;text-align:center;color:var(--muted)}
.at-toolbar{flex-wrap:wrap}.at-nav{display:flex;align-items:center;gap:5px}.at-nav span{font-size:10px;color:var(--muted);padding-left:4px}
.at-table th{min-width:128px;text-align:center}.at-table td{height:44px;min-width:128px;text-align:center;white-space:normal}
.at-table th small{display:block;font-size:9px;margin-top:2px}.at-table td span{display:block;line-height:1.25}
.at-table th.sticky,.at-table td.sticky{position:sticky;z-index:3;background:var(--panel)}
.at-table th.sticky{z-index:7;background:var(--panel-2,#171d25)}
.at-table .driver{left:0;min-width:175px;max-width:175px;text-align:left}.at-table .status{left:175px;min-width:88px;max-width:88px;text-align:left}
.at-table td.driver b{display:block;font-size:11px}.at-table td.driver small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.at-table td.transit{background:rgba(214,170,47,.13);color:#d4ad43}.at-table td.home{background:rgba(70,125,220,.1);color:#82afff}.at-table td.filled{background:rgba(43,156,79,.055)}
.at-table td.focus,.at-table th.focus{box-shadow:inset 2px 0 0 var(--accent,#2da44e),inset -2px 0 0 var(--accent,#2da44e)}
@media(max-width:1100px){.dl-kpis{grid-template-columns:repeat(3,1fr)}.at-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.dl-kpis,.at-kpis{grid-template-columns:1fr 1fr}.dl-toolbar,.at-toolbar{align-items:stretch}.dl-search{min-width:100%}.dl-table-wrap,.at-scroll{max-height:none}}
:root[data-theme="light"] .dl-search,:root[data-theme="light"] .dl-toolbar select,:root[data-theme="warm"] .dl-search,:root[data-theme="warm"] .dl-toolbar select{background:var(--panel)}
/* === END DISPATCH LOADS + ALLTRUCKS === */


/* === DISPATCH UX V2 === */
.dl-table-wrap,.at-scroll{position:relative;isolation:isolate}
.dl-table thead th,.at-plan-table thead th{position:sticky;top:0;z-index:30;background:#0b1016!important;box-shadow:0 1px 0 #24303d}
:root[data-theme="light"] .dl-table thead th,:root[data-theme="light"] .at-plan-table thead th{background:#f5f7fa!important;color:#44505f}
:root[data-theme="warm"] .dl-table thead th,:root[data-theme="warm"] .at-plan-table thead th{background:#f4efe5!important}
.dl-edit{display:inline-flex;align-items:center;gap:6px;width:100%;min-height:24px;padding:2px 4px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:text}
.dl-edit:hover{border-color:var(--line);background:rgba(255,255,255,.035)}
.dl-edit i{margin-left:auto;opacity:0;font-style:normal;font-size:9px;color:var(--muted)}
.dl-edit:hover i{opacity:.75}
.dl-edit.sub{font-size:9px;color:var(--muted);margin-top:1px}
.dl-edit.driver{font-weight:750}.dl-edit.date{font-weight:750}.dl-edit.money{font-weight:700}
.dl-edit.place,.dl-edit.notes-edit{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-inline-input{width:100%;min-width:95px;box-sizing:border-box;border:1px solid var(--accent,#1db7b0);border-radius:5px;background:#111923;color:var(--text);font:inherit;padding:5px 6px;outline:0}
textarea.dl-inline-input{min-width:220px;resize:vertical}
:root[data-theme="light"] .dl-inline-input,:root[data-theme="warm"] .dl-inline-input{background:#fff}
.dl-table td.saving{opacity:.55;pointer-events:none}
.at-plan-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:11px}
.at-plan-table th,.at-plan-table td{padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.at-plan-table th{height:38px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.at-plan-table th.day{min-width:155px;text-align:center}
.at-plan-table th.day small{display:block;font-size:9px;margin-top:2px}
.at-plan-table td{background:var(--panel);min-height:48px}
.at-plan-table td>small,.at-plan-table td>strong+small,.at-plan-table td>b+small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.at-plan-table .sticky{position:sticky;z-index:12;background:var(--panel)!important}
.at-plan-table thead .sticky{z-index:40;background:#0b1016!important}
:root[data-theme="light"] .at-plan-table thead .sticky{background:#f5f7fa!important}
:root[data-theme="warm"] .at-plan-table thead .sticky{background:#f4efe5!important}
.at-plan-table .driver{left:0;min-width:175px;max-width:175px}.at-plan-table .unit{left:175px;min-width:94px;max-width:94px}
.at-plan-table td.route{min-width:240px}.at-plan-table td.route b{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.at-plan-table td.route i{display:block;color:var(--muted);font-style:normal;margin:2px 0}
.at-plan-table td.plan-day{width:155px;min-width:155px;padding:5px}
.dp-chip{display:block;border:1px solid var(--line);border-radius:6px;padding:5px 6px;margin:2px 0;line-height:1.2;background:rgba(255,255,255,.025);overflow:hidden}
.dp-chip b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-chip em{display:block;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.04em;margin-bottom:2px}
.dp-chip.pickup{border-color:rgba(56,139,253,.35);background:rgba(56,139,253,.08)}.dp-chip.pickup em{color:#75afff}
.dp-chip.delivery{border-color:rgba(46,160,67,.35);background:rgba(46,160,67,.08)}.dp-chip.delivery em{color:#55c875}
.dp-chip.transit{border-color:rgba(218,165,32,.28);background:rgba(218,165,32,.07)}.dp-chip.transit em{color:#d5aa3b}
.dp-chip.both{border-color:rgba(163,92,255,.32);background:rgba(163,92,255,.08)}.dp-chip.both em{color:#b88bff}
.dp-idle{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(128,128,128,.08);color:var(--muted);font-size:9px;font-weight:800}
@media(max-width:900px){.at-plan-table .driver{min-width:150px;max-width:150px}.at-plan-table .unit{left:150px}}
/* === END DISPATCH UX V2 === */


/* === Assets Pool combined filters + personal views · 2026-09-30 === */
.tp-filter-actions{margin-left:auto;display:flex;align-items:center;gap:5px;position:relative;white-space:nowrap}.tp-filter-actions>button{height:28px;padding:0 10px!important;border:1px solid #31485b!important;border-radius:6px!important;background:#0e1821!important;color:#a9bed0!important;font-size:9px!important;font-weight:800!important}.tp-filter-actions>button:hover,.tp-filter-actions>button.active{background:#17314a!important;color:#eaf5ff!important;border-color:#447aa8!important}.tp-pop{position:absolute;right:0;top:35px;z-index:90;width:286px;padding:10px;border:1px solid #344b5e;border-radius:9px;background:#101b24;box-shadow:0 14px 34px rgba(0,0,0,.34)}.tp-filter-pop{display:grid;gap:9px}.tp-pop-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #283a49}.tp-pop-head>b{font-size:11px;color:#e3edf5}.tp-pop-head>button{width:25px;height:25px;padding:0!important;border-radius:5px!important;background:transparent!important;border-color:transparent!important;font-size:17px!important;color:#8399ab!important}.tp-filter-pop label{display:grid;gap:5px}.tp-filter-pop label>span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#72889b}.tp-filter-pop input{height:34px;padding:0 9px;border:1px solid #344b5e;border-radius:6px;background:#0b141c;color:#e7f0f7;font-size:11px;outline:none}.tp-filter-pop input:focus{border-color:#4b83ba;box-shadow:0 0 0 2px rgba(64,131,193,.12)}.tp-pop-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:2px}.tp-pop-actions button{height:30px!important;padding:0 10px!important;border:1px solid #344b5e!important;border-radius:6px!important;background:#121f2a!important;color:#b5c7d5!important}.tp-pop-actions button.primary{background:#2e6fa9!important;border-color:#4a88bd!important;color:white!important}.tp-views-pop{width:300px}.tp-view-list{max-height:260px;overflow:auto;margin:7px -4px 8px}.tp-view-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:4px;align-items:stretch;padding:2px 4px}.tp-view-row>button:first-child{display:grid;text-align:left;gap:2px;padding:7px 8px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important;color:#dce8f1!important}.tp-view-row>button:first-child:hover{background:#162735!important;border-color:#2c465b!important}.tp-view-row span{font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis}.tp-view-row small{font-size:8px;color:#7890a3;overflow:hidden;text-overflow:ellipsis}.tp-view-delete{padding:0!important;border:0!important;background:transparent!important;color:#647b8e!important;font-size:15px!important}.tp-view-delete:hover{color:#e18a8a!important;background:#2b1d21!important}.tp-empty-views{padding:10px 8px;margin:0;color:#71879a;font-size:9px}.tp-save-view{width:100%;height:32px!important;border:1px dashed #3b5a72!important;border-radius:6px!important;background:#0d1821!important;color:#9fc3e0!important;font-weight:800!important}.tp-active-chips{display:flex;gap:5px;align-items:center;min-height:31px;padding:5px 12px;border-bottom:1px solid #273a49;background:#0f1922;overflow-x:auto}.tp-active-chips button{display:flex;align-items:center;gap:5px;height:22px;padding:0 7px;border:1px solid #34536b;border-radius:5px;background:#132536;color:#a9cae5;font-size:8px;font-weight:750;white-space:nowrap}@media(max-width:900px){.tp-filter-actions{margin-left:0}.tp-pop{left:0;right:auto}.tp-filters{overflow:visible;flex-wrap:wrap}}[data-theme="light"] .tp-pop{background:#fff;border-color:#c9d5df;box-shadow:0 12px 30px rgba(27,45,59,.15)}[data-theme="light"] .tp-pop-head{border-color:#dce4ea}[data-theme="light"] .tp-pop-head>b{color:#1d2f3d}[data-theme="light"] .tp-filter-pop input{background:#f8fbfd;border-color:#c7d5df;color:#203442}[data-theme="light"] .tp-filter-actions>button{background:#f6f9fb!important;border-color:#c8d5df!important;color:#506779!important}[data-theme="light"] .tp-filter-actions>button:hover,[data-theme="light"] .tp-filter-actions>button.active{background:#e8f2fa!important;border-color:#8fb6d4!important;color:#234b69!important}[data-theme="light"] .tp-active-chips{background:#f6f9fb;border-color:#d5e0e8}[data-theme="light"] .tp-active-chips button{background:#edf5fb;border-color:#b7cfe1;color:#31566f}
/* === END Assets Pool combined filters + personal views === */

/* === ASSETS POOL POPOVER LAYER FIX · 2026-09-30 === */
.tp-box{overflow:visible!important}
.tp-filters{overflow:visible!important;z-index:80!important}
.tp-filter-actions{z-index:95!important}
.tp-pop{z-index:120!important}
.tp-scroll{position:relative;z-index:1;overflow:auto!important}
@media(max-width:900px){
  .tp-filters{overflow:visible!important}
}
/* === END ASSETS POOL POPOVER LAYER FIX === */

/* === ASSETS POOL MULTI-SELECT FILTER UX + PROMINENT SAVE VIEW · 2026-09-30 === */
.tp-filter-actions{gap:6px!important}.tp-filter-actions>button{height:30px!important}.tp-filter-actions .tp-save-view-main{background:#2f7fc1!important;border-color:#4c95d0!important;color:#fff!important;font-weight:850!important;padding:0 12px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.tp-filter-actions .tp-save-view-main:hover{background:#398bcf!important;border-color:#63a7dd!important;color:#fff!important}.tp-save-view-main>span{font-size:13px;line-height:1;margin-right:3px}.tp-filter-count{display:inline-flex!important;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:4px!important;border-radius:9px;background:#4d91c7;color:white!important;font-size:8px!important}.tp-filter-pop-multi{width:360px!important;padding:0!important;overflow:hidden}.tp-filter-pop-multi .tp-pop-head,.tp-views-pop .tp-pop-head{padding:11px 12px!important}.tp-pop-head>div{display:grid;gap:2px}.tp-pop-head>div>b{font-size:11px;color:#e3edf5}.tp-pop-head>div>small{font-size:8px;color:#71879a;font-weight:600}.tp-multi-body{display:grid;gap:0}.tp-multi-field{padding:10px 12px;border-bottom:1px solid #263946}.tp-multi-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.tp-multi-label>span{font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#8096a8}.tp-multi-label>small{font-size:8px;color:#638099}.tp-multi-selected{display:flex;flex-wrap:wrap;gap:5px;min-height:23px;margin-bottom:7px}.tp-multi-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%;height:24px!important;padding:0 7px!important;border:1px solid #355875!important;border-radius:5px!important;background:#142b3d!important;color:#b9d7ed!important;font-size:8px!important;font-weight:750!important}.tp-multi-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-multi-chip:hover{background:#19364c!important;border-color:#4a789b!important;color:#eef8ff!important}.tp-multi-empty{align-self:center;color:#5f7485;font-size:8px;font-style:italic}.tp-multi-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.tp-multi-entry input{height:34px;padding:0 9px;border:1px solid #344b5e;border-radius:6px;background:#0b141c;color:#e7f0f7;font-size:11px;outline:none}.tp-multi-entry input:focus{border-color:#4b83ba;box-shadow:0 0 0 2px rgba(64,131,193,.12)}.tp-multi-entry button{height:34px!important;padding:0 11px!important;border:1px solid #3a6688!important;border-radius:6px!important;background:#17334a!important;color:#bcd8ed!important;font-weight:800!important}.tp-multi-entry button:hover{background:#1c405d!important;border-color:#4c82aa!important;color:#fff!important}.tp-pop-actions-sticky{padding:10px 12px!important;background:#101922;border-top:0!important}.tp-pop-actions-sticky .primary{min-width:78px}.tp-save-view-secondary{margin:0 8px 9px;width:calc(100% - 16px)!important;background:#17334a!important;border-style:solid!important;border-color:#3d6e93!important;color:#c7def0!important}.tp-active-chips{gap:4px!important}.tp-active-chips button{height:24px!important}.tp-views-pop .tp-pop-head{margin-bottom:4px}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-filter-actions .tp-save-view-main{background:#347fbe!important;border-color:#347fbe!important;color:#fff!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-filter-actions .tp-save-view-main:hover{background:#2b70aa!important;border-color:#2b70aa!important;color:#fff!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-filter-pop-multi,:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-views-pop{background:var(--bg-surface,#fff)!important;border-color:var(--border-strong,#cbd6df)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-pop-head>div>b{color:var(--text-primary,#21313d)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-pop-head>div>small,:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-multi-label>span,:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-multi-label>small{color:var(--text-secondary,#687b89)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-multi-field{border-color:var(--border,#dce4ea)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-multi-entry input{background:var(--ui-input,#f7fafc)!important;border-color:var(--border-strong,#cbd6df)!important;color:var(--text-primary,#20313d)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-multi-chip{background:#eaf3fa!important;border-color:#bad1e2!important;color:#315a75!important}
@media(max-width:700px){.tp-filter-pop-multi{width:min(360px,92vw)!important}.tp-filter-actions .tp-save-view-main{order:3}}
/* === END ASSETS POOL MULTI-SELECT FILTER UX + PROMINENT SAVE VIEW === */


/* === ASSETS POOL FILTER UX V2 · 2026-09-30 === */
.tp-filter-actions .tp-save-view-main{
  min-width:92px!important;
  background:#2d82c7!important;
  border-color:#67aee3!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.tp-filter-actions .tp-save-view-main:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:.9;margin-right:6px}
.tp-filter-actions .tp-save-view-main{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.tp-quick-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;max-height:54px;overflow:auto}
.tp-quick-options button{height:24px!important;max-width:100%;padding:0 7px!important;border:1px solid #2f4f67!important;border-radius:5px!important;background:#101f2b!important;color:#8fb3cc!important;font-size:8px!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-quick-options button:hover{background:#183249!important;border-color:#4e7897!important;color:#e8f5ff!important}
.tp-save-pop{width:320px!important;padding:0!important;overflow:hidden}
.tp-save-body{padding:12px;display:grid;gap:11px}
.tp-save-body label{display:grid;gap:6px}
.tp-save-body label>span,.tp-save-summary>span{font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#7d93a5}
.tp-save-body input{height:36px;padding:0 10px;border:1px solid #3b5366;border-radius:6px;background:#0b141c;color:#ecf4fa;font-size:11px;outline:none}
.tp-save-body input:focus{border-color:#5a9bd0;box-shadow:0 0 0 2px rgba(74,144,201,.14)}
.tp-save-body input.invalid{border-color:#d36c6c!important;box-shadow:0 0 0 2px rgba(211,108,108,.12)!important}
.tp-save-summary{padding:8px 9px;border:1px solid #263c4d;border-radius:6px;background:#0d1821}
.tp-save-summary p{margin:4px 0 0;color:#a9bdcc;font-size:9px;line-height:1.35}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-quick-options button{background:var(--bg-raised,#f5f8fa)!important;border-color:var(--border-strong,#c9d5df)!important;color:var(--text-secondary,#536b7c)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-save-pop{background:var(--bg-surface,#fff)!important;border-color:var(--border-strong,#c9d5df)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-save-body input{background:var(--ui-input,#f8fafb)!important;border-color:var(--border-strong,#c9d5df)!important;color:var(--text-primary,#20313d)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-save-summary{background:var(--bg-raised,#f5f8fa)!important;border-color:var(--border,#dce4ea)!important}
:root:is([data-theme="soft"],[data-theme="stone"],[data-theme="clean"],[data-theme="light"],[data-theme="warm"]) .tp-save-summary p{color:var(--text-secondary,#586c7a)!important}
/* === END ASSETS POOL FILTER UX V2 === */

/* === ASSETS POOL SAVED VIEWS FINAL POLISH · 2026-10-01 === */
.tp-filter-actions .tp-save-view-main:before{content:none!important}
.tp-filter-actions .tp-save-view-main{gap:6px!important}
.tp-save-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.tp-view-row small{white-space:normal!important;line-height:1.35!important;display:block!important}
.tp-view-row>button:first-child{align-content:center;min-height:43px}
.tp-view-delete{align-self:stretch}
.tp-save-summary p{word-break:break-word}
/* === END ASSETS POOL SAVED VIEWS FINAL POLISH === */


/* === SAMSARA OPERATIONS MODULE · 2026-10-06 === */
.sam-page{display:flex;flex-direction:column;gap:12px;min-width:0}
.sam-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 8px}
.sam-head>div:first-child>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#7d8794}
.sam-head h1{font-size:23px;line-height:1.1;margin:4px 0 4px;color:var(--text,#e8edf3)}
.sam-head p{margin:0;color:var(--muted,#8f99a6);font-size:12px}
.sam-source{display:flex;align-items:center;gap:9px;border:1px solid var(--border,#2a313a);background:var(--panel,#151a20);padding:8px 10px;border-radius:7px}
.sam-source>i{width:8px;height:8px;border-radius:50%;background:#3eb66f;box-shadow:none}
.sam-source>div{display:flex;flex-direction:column;min-width:118px}
.sam-source b{font-size:11px}.sam-source small{font-size:10px;color:var(--muted,#8f99a6)}
.sam-btn{border:1px solid var(--border,#303842);background:transparent;color:var(--text,#e6ebf0);border-radius:5px;padding:6px 10px;font-size:11px;font-weight:700;cursor:pointer}
.sam-btn:hover{background:rgba(255,255,255,.045)}
.sam-tabs{display:flex;gap:3px;align-items:center;overflow-x:auto;border-bottom:1px solid var(--border,#2a313a);padding-bottom:0;scrollbar-width:thin}
.sam-tabs button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted,#9099a5);padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}
.sam-tabs button:hover{color:var(--text,#edf0f4)}
.sam-tabs button.active{color:#6cc989;border-bottom-color:#4dbb71}
.sam-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sam-search{height:33px;width:min(460px,50vw);display:flex;align-items:center;gap:7px;border:1px solid var(--border,#2a313a);border-radius:5px;background:var(--panel,#151a20);padding:0 9px}
.sam-search span{color:#8c96a2}.sam-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text,#edf0f4);font-size:11px}
.sam-status-note{font-size:10px;color:var(--muted,#8f99a6)}
.sam-workspace{min-width:0}
.sam-kpis{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.sam-kpi{border:1px solid var(--border,#29313a);background:var(--panel,#151a20);border-radius:6px;padding:10px 11px;min-height:72px;display:flex;flex-direction:column}
.sam-kpi span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#8f99a6);font-weight:700}
.sam-kpi strong{font-size:24px;line-height:1.1;margin-top:5px;color:var(--text,#edf0f4)}
.sam-kpi small{font-size:9px;margin-top:auto;color:var(--muted,#8f99a6)}
.sam-kpi.good{border-left:3px solid #3eb66f}.sam-kpi.warn{border-left:3px solid #d5a23b}.sam-kpi.bad{border-left:3px solid #d65b5b}
.sam-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:10px}
.sam-panel{border:1px solid var(--border,#2a313a);background:var(--panel,#151a20);border-radius:6px;min-width:0;overflow:hidden}
.sam-panel>header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border-bottom:1px solid var(--border,#2a313a)}
.sam-panel>header h3{margin:0;font-size:12px;color:var(--text,#edf0f4)}
.sam-panel>header p{margin:2px 0 0;font-size:9px;color:var(--muted,#8f99a6)}
.sam-panel>header>b,.sam-panel>header>span{font-size:10px;color:var(--muted,#8f99a6)}
.sam-connected{color:#58bd79!important;font-weight:700}
.sam-tablewrap{overflow:auto;max-height:calc(100vh - 285px)}
.sam-panel table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px}
.sam-panel th{position:sticky;top:0;z-index:2;text-align:left;padding:7px 9px;background:var(--panel,#151a20);color:#7f8996;font-size:9px;letter-spacing:.04em;border-bottom:1px solid var(--border,#2a313a)}
.sam-panel td{padding:7px 9px;border-bottom:1px solid rgba(120,130,145,.12);vertical-align:top;color:var(--text,#dfe5eb);white-space:nowrap}
.sam-panel td small{display:block;margin-top:2px;color:var(--muted,#87919d);font-size:9px}
.sam-panel tbody tr:hover td{background:rgba(255,255,255,.018)}
.sam-location{max-width:360px;overflow:hidden;text-overflow:ellipsis}
.sam-pill{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid transparent}
.sam-pill.good{color:#73d290;background:rgba(62,182,111,.09);border-color:rgba(62,182,111,.24)}
.sam-pill.warn{color:#e3b654;background:rgba(213,162,59,.09);border-color:rgba(213,162,59,.24)}
.sam-pill.bad{color:#ed7777;background:rgba(214,91,91,.09);border-color:rgba(214,91,91,.24)}
.sam-pill.neutral{color:#aab3bd;background:rgba(150,160,175,.07);border-color:rgba(150,160,175,.18)}
.sam-empty{text-align:center!important;color:var(--muted,#87919d)!important;padding:28px!important}
.sam-health{display:flex;flex-direction:column}
.sam-health>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:1px;padding:10px 11px;border-bottom:1px solid rgba(120,130,145,.12)}
.sam-health b{font-size:10px}.sam-health span{font-size:9px;color:#58bd79;font-weight:800}.sam-health span.pending{color:#d5a23b}.sam-health small{grid-column:1/3;font-size:9px;color:var(--muted,#87919d)}
.sam-full{width:100%}
.sam-error{color:#ed7777!important;max-width:250px;white-space:normal}
.sam-loading,.sam-errorbox,.sam-pending{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.sam-loading{border:1px solid var(--border,#2a313a);border-radius:6px;color:var(--muted,#8f99a6);font-size:12px}
.sam-errorbox{border:1px solid rgba(214,91,91,.3);border-radius:6px;background:rgba(214,91,91,.04);gap:7px}
.sam-errorbox b{color:#ed7777}.sam-errorbox span{color:var(--muted,#8f99a6);font-size:11px}
.sam-pending-icon{font-size:28px;color:#6f7884;margin-bottom:8px}.sam-pending h3{margin:0 0 5px;font-size:17px}.sam-pending p{max-width:560px;margin:0 0 14px;color:var(--muted,#8f99a6);font-size:11px}
.sam-pending-list{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sam-pending-list span{border:1px solid var(--border,#2a313a);border-radius:4px;padding:5px 8px;font-size:9px;color:#9ba5b0}
.sam-vehicles code{font-size:9px;color:#8fa4b6}
@media(max-width:1250px){.sam-kpis{grid-template-columns:repeat(3,1fr)}.sam-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sam-head{align-items:flex-start;flex-direction:column}.sam-source{width:100%}.sam-kpis{grid-template-columns:repeat(2,1fr)}.sam-toolbar{align-items:stretch;flex-direction:column}.sam-search{width:100%}.sam-status-note{display:none}}
/* === END SAMSARA OPERATIONS MODULE === */


/* === SAMSARA DASHBOARD / FILTERS · 2026-10-06 === */
.sam-filterbox{border:1px solid var(--border,#2a313a);background:var(--panel,#151a20);border-radius:6px;padding:8px 9px;display:flex;flex-direction:column;gap:7px}
.sam-filter-row{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr)) auto;gap:6px;align-items:end}
.sam-filter-row label{display:flex;flex-direction:column;gap:3px;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#8f99a6)}
.sam-filter-row select{height:30px;border:1px solid var(--border,#303842);border-radius:4px;background:var(--panel-2,#11161b);color:var(--text,#e8edf3);font-size:10px;padding:0 7px;outline:none}
.sam-filter-row select:focus{border-color:#3da3a3}
.sam-quick{display:flex;gap:5px;flex-wrap:wrap}
.sam-quick button{border:1px solid var(--border,#2e3740);background:transparent;color:#9ca7b2;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700;cursor:pointer}
.sam-quick button:hover{color:#e6edf3;border-color:#4f6671}
.sam-kpis-rich{grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px}
.sam-kpi{appearance:none;text-align:left;cursor:pointer;width:100%}
.sam-kpi:hover{border-color:#4a5c66;background:rgba(255,255,255,.025)}
.sam-kpi.selected{outline:1px solid #3da3a3;border-color:#3da3a3;background:rgba(31,157,157,.06)}
.sam-overview-label{display:flex;align-items:center;justify-content:space-between;margin:4px 0 7px;padding:0 2px}
.sam-overview-label>div{display:flex;align-items:baseline;gap:8px}
.sam-overview-label b{font-size:11px;color:var(--text,#e6ebf0)}
.sam-overview-label span{font-size:9px;color:var(--muted,#8f99a6)}
.sam-synced{font-size:9px;color:#58bd79;font-weight:800}
.sam-route-sync{white-space:nowrap}
@media(max-width:1500px){.sam-kpis-rich{grid-template-columns:repeat(4,minmax(120px,1fr))}.sam-filter-row{grid-template-columns:repeat(4,minmax(120px,1fr))}}
@media(max-width:1000px){.sam-kpis-rich{grid-template-columns:repeat(3,minmax(110px,1fr))}.sam-filter-row{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:640px){.sam-kpis-rich{grid-template-columns:repeat(2,minmax(100px,1fr))}.sam-filter-row{grid-template-columns:1fr 1fr}}
/* === END SAMSARA DASHBOARD / FILTERS === */


/* === SAMSARA THEME INTEGRATION · 2026-10-06 === */
:root[data-theme] .sam-page{color:var(--text-primary)}
:root[data-theme] .sam-head>div:first-child>span{color:var(--text-tertiary)}
:root[data-theme] .sam-head h1{color:var(--text-primary)}
:root[data-theme] .sam-head p,
:root[data-theme] .sam-status-note,
:root[data-theme] .sam-source small,
:root[data-theme] .sam-panel>header p,
:root[data-theme] .sam-panel>header>b,
:root[data-theme] .sam-panel>header>span,
:root[data-theme] .sam-kpi span,
:root[data-theme] .sam-kpi small,
:root[data-theme] .sam-overview-label span,
:root[data-theme] .sam-pending p,
:root[data-theme] .sam-health small{color:var(--text-secondary)}

:root[data-theme] .sam-source,
:root[data-theme] .sam-panel,
:root[data-theme] .sam-kpi,
:root[data-theme] .sam-loading,
:root[data-theme] .sam-pending{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}

:root[data-theme] .sam-source b,
:root[data-theme] .sam-panel>header h3,
:root[data-theme] .sam-kpi strong,
:root[data-theme] .sam-overview-label b,
:root[data-theme] .sam-pending h3{color:var(--text-primary)}

:root[data-theme] .sam-tabs{border-color:var(--border)}
:root[data-theme] .sam-tabs button{color:var(--text-secondary)}
:root[data-theme] .sam-tabs button:hover{color:var(--text-primary);background:var(--bg-raised)}
:root[data-theme] .sam-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}

:root[data-theme] .sam-search{background:var(--bg-inset);border-color:var(--border-strong)}
:root[data-theme] .sam-search span{color:var(--text-tertiary)}
:root[data-theme] .sam-search input{background:transparent!important;color:var(--text-primary);border:0!important}
:root[data-theme] .sam-search input::placeholder{color:var(--text-tertiary)}

:root[data-theme] .sam-filterbox{background:var(--bg-raised);border-color:var(--border)}
:root[data-theme] .sam-filter-row label{color:var(--text-secondary)}
:root[data-theme] .sam-filter-row select{background:var(--bg-inset);border-color:var(--border-strong);color:var(--text-primary)}
:root[data-theme] .sam-filter-row select:focus{border-color:var(--accent)}
:root[data-theme] .sam-quick button,
:root[data-theme] .sam-btn{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-secondary)}
:root[data-theme] .sam-quick button:hover,
:root[data-theme] .sam-btn:hover{background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-primary)}

:root[data-theme] .sam-kpi:hover{background:var(--bg-raised);border-color:var(--border-strong)}
:root[data-theme] .sam-kpi.selected{background:var(--accent-soft);border-color:var(--accent);outline:1px solid var(--accent)}
:root[data-theme] .sam-kpi.good{border-left-color:var(--ok-text)}
:root[data-theme] .sam-kpi.warn{border-left-color:var(--warn-text)}
:root[data-theme] .sam-kpi.bad{border-left-color:var(--bad-text)}

:root[data-theme] .sam-panel>header{background:var(--bg-raised);border-color:var(--border)}
:root[data-theme] .sam-tablewrap{background:var(--bg-surface)}
:root[data-theme] .sam-panel th{background:var(--bg-raised);color:var(--text-secondary);border-color:var(--border)}
:root[data-theme] .sam-panel td{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}
:root[data-theme] .sam-panel td small{color:var(--text-secondary)}
:root[data-theme] .sam-panel tbody tr:hover td{background:var(--bg-raised)}
:root[data-theme] .sam-vehicles code{color:var(--text-secondary)}
:root[data-theme] .sam-empty{color:var(--text-secondary)!important}

:root[data-theme] .sam-health>div{border-color:var(--border)}
:root[data-theme] .sam-health b{color:var(--text-primary)}
:root[data-theme] .sam-health span{color:var(--ok-text)}
:root[data-theme] .sam-health span.pending{color:var(--warn-text)}

:root[data-theme] .sam-pill.good{color:var(--ok-text);background:var(--ok-bg);border-color:var(--ok-line)}
:root[data-theme] .sam-pill.warn{color:var(--warn-text);background:var(--warn-bg);border-color:var(--warn-line)}
:root[data-theme] .sam-pill.bad{color:var(--bad-text);background:var(--bad-bg);border-color:var(--bad-line)}
:root[data-theme] .sam-pill.neutral{color:var(--text-secondary);background:var(--bg-raised);border-color:var(--border-strong)}

:root[data-theme] .sam-connected,
:root[data-theme] .sam-synced{color:var(--ok-text)!important}
:root[data-theme] .sam-error{color:var(--bad-text)!important}
:root[data-theme] .sam-errorbox{background:var(--bad-bg);border-color:var(--bad-line);color:var(--bad-text)}
:root[data-theme] .sam-errorbox b{color:var(--bad-text)}
:root[data-theme] .sam-errorbox span{color:var(--text-secondary)}
:root[data-theme] .sam-pending-icon{color:var(--text-tertiary)}
:root[data-theme] .sam-pending-list span{background:var(--bg-raised);border-color:var(--border);color:var(--text-secondary)}

:root[data-theme] .sam-source>i{background:var(--ok-text)}
/* === END SAMSARA THEME INTEGRATION === */


/* === SAMSARA SEMANTIC COLOR SYSTEM · 2026-10-06 === */
:root[data-theme] .sam-kpi{position:relative;overflow:hidden}
:root[data-theme] .sam-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sam-accent,var(--border-strong))}
:root[data-theme] .sam-kpi.sam-blue{--sam-accent:#3b82f6}
:root[data-theme] .sam-kpi.sam-cyan{--sam-accent:#06b6d4}
:root[data-theme] .sam-kpi.sam-green{--sam-accent:#22c55e}
:root[data-theme] .sam-kpi.sam-amber{--sam-accent:#f59e0b}
:root[data-theme] .sam-kpi.sam-red{--sam-accent:#ef4444}
:root[data-theme] .sam-kpi.sam-violet{--sam-accent:#8b5cf6}
:root[data-theme] .sam-kpi.sam-slate{--sam-accent:#64748b}
:root[data-theme] .sam-kpi.selected{box-shadow:inset 0 0 0 1px var(--sam-accent)!important;outline:0!important}
:root[data-theme] .sam-kpi.selected:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--sam-accent) 9%,transparent);pointer-events:none}
:root[data-theme] .sam-kpi.sam-blue strong{color:#2563eb}
:root[data-theme] .sam-kpi.sam-cyan strong{color:#0891b2}
:root[data-theme] .sam-kpi.sam-green strong{color:#16a34a}
:root[data-theme] .sam-kpi.sam-amber strong{color:#d97706}
:root[data-theme] .sam-kpi.sam-red strong{color:#dc2626}
:root[data-theme] .sam-kpi.sam-violet strong{color:#7c3aed}
:root[data-theme="graphite"] .sam-kpi.sam-blue strong,
:root[data-theme="slate"] .sam-kpi.sam-blue strong,
:root[data-theme="steel"] .sam-kpi.sam-blue strong{color:#60a5fa}
:root[data-theme="graphite"] .sam-kpi.sam-cyan strong,
:root[data-theme="slate"] .sam-kpi.sam-cyan strong,
:root[data-theme="steel"] .sam-kpi.sam-cyan strong{color:#22d3ee}
:root[data-theme="graphite"] .sam-kpi.sam-green strong,
:root[data-theme="slate"] .sam-kpi.sam-green strong,
:root[data-theme="steel"] .sam-kpi.sam-green strong{color:#4ade80}
:root[data-theme="graphite"] .sam-kpi.sam-amber strong,
:root[data-theme="slate"] .sam-kpi.sam-amber strong,
:root[data-theme="steel"] .sam-kpi.sam-amber strong{color:#fbbf24}
:root[data-theme="graphite"] .sam-kpi.sam-red strong,
:root[data-theme="slate"] .sam-kpi.sam-red strong,
:root[data-theme="steel"] .sam-kpi.sam-red strong{color:#f87171}
:root[data-theme="graphite"] .sam-kpi.sam-violet strong,
:root[data-theme="slate"] .sam-kpi.sam-violet strong,
:root[data-theme="steel"] .sam-kpi.sam-violet strong{color:#a78bfa}

:root[data-theme] .sam-pill.good{font-weight:800}
:root[data-theme] .sam-pill.warn{font-weight:800}
:root[data-theme] .sam-pill.bad{font-weight:800}
:root[data-theme] .sam-route-sync{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ui-primary-text)!important}
:root[data-theme] .sam-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
:root[data-theme] .sam-action-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ui-primary-text)!important}
:root[data-theme] .sam-action-danger{background:var(--bad-bg)!important;border-color:var(--bad-line)!important;color:var(--bad-text)!important}
:root[data-theme] .sam-action-note{font-size:9px;color:var(--text-secondary)}
/* === END SAMSARA SEMANTIC COLOR SYSTEM === */


/* === SAMSARA EXTENDED LIVE TABS STYLES · 2026-10-06 === */
:root[data-theme] .sam-writebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;background:var(--bg-surface);color:var(--text-primary)}
:root[data-theme] .sam-writebar>div:first-child{display:flex;flex-direction:column;gap:1px}
:root[data-theme] .sam-writebar b{font-size:10px;color:var(--text-primary)}
:root[data-theme] .sam-writebar span{font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-link{color:var(--accent);font-weight:750;text-decoration:none}
:root[data-theme] .sam-link:hover{text-decoration:underline}
:root[data-theme] .sam-media-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:8px;padding:8px;background:var(--bg-canvas)}
:root[data-theme] .sam-media-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:6px;background:var(--bg-surface);padding:8px;min-width:0}
:root[data-theme] .sam-media-card>div{display:flex;align-items:baseline;gap:7px;min-width:0}
:root[data-theme] .sam-media-card b{font-size:11px;color:var(--text-primary)}
:root[data-theme] .sam-media-card span,
:root[data-theme] .sam-media-card small{font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-media-card video{width:100%;aspect-ratio:16/9;background:#000;border-radius:4px}
:root[data-theme] .sam-media-card a{font-size:9px;font-weight:750;color:var(--accent);text-decoration:none}
:root[data-theme] .sam-media-card a:hover{text-decoration:underline}
@media(max-width:1100px){:root[data-theme] .sam-media-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}
@media(max-width:700px){:root[data-theme] .sam-writebar{align-items:flex-start;flex-direction:column}:root[data-theme] .sam-media-grid{grid-template-columns:1fr}}
/* === END SAMSARA EXTENDED LIVE TABS STYLES === */


/* === SAMSARA KPI TINTS · 2026-10-06 === */
:root[data-theme] .sam-kpi.sam-blue{background:color-mix(in srgb,#3b82f6 5%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-cyan{background:color-mix(in srgb,#06b6d4 5%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-green{background:color-mix(in srgb,#22c55e 5%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-amber{background:color-mix(in srgb,#f59e0b 6%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-red{background:color-mix(in srgb,#ef4444 6%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-violet{background:color-mix(in srgb,#8b5cf6 5%,var(--bg-surface))}
:root[data-theme] .sam-kpi.sam-slate{background:color-mix(in srgb,#64748b 4%,var(--bg-surface))}
:root[data-theme] .sam-kpi:hover{background:color-mix(in srgb,var(--sam-accent) 9%,var(--bg-surface))}
:root[data-theme] .sam-kpi.selected{background:color-mix(in srgb,var(--sam-accent) 13%,var(--bg-surface))!important}
/* === END SAMSARA KPI TINTS === */


/* === SAMSARA WORKSPACE REDESIGN · 2026-10-06 === */
:root[data-theme] .sam-tabs-main{gap:4px;padding:0;border-bottom:1px solid var(--border)}
:root[data-theme] .sam-tabs-main button{padding:9px 13px;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:6px 6px 0 0}
:root[data-theme] .sam-tabs-main button.active{background:var(--bg-surface);border-color:var(--border);border-bottom-color:var(--accent);color:var(--accent)}
:root[data-theme] .sam-subtabs{display:flex;gap:5px;margin:0 0 8px}
:root[data-theme] .sam-subtabs button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;cursor:pointer}
:root[data-theme] .sam-subtabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
:root[data-theme] .sam-contextbar{display:flex;align-items:end;justify-content:space-between;gap:10px}
:root[data-theme] .sam-contextbar .sam-search{width:min(520px,46vw)}
:root[data-theme] .sam-contextfilters{display:flex;align-items:end;gap:6px;flex-wrap:wrap;justify-content:flex-end}
:root[data-theme] .sam-contextfilters label{display:flex;flex-direction:column;gap:3px;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}
:root[data-theme] .sam-contextfilters select{height:32px;min-width:120px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-inset);color:var(--text-primary);font-size:10px;padding:0 8px}
:root[data-theme] .sam-workspace{margin-top:2px}
:root[data-theme] .sam-page{gap:10px}
:root[data-theme] .sam-kpis-rich{grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px}
:root[data-theme] .sam-kpi{min-height:78px;padding:11px 12px}
:root[data-theme] .sam-kpi strong{font-size:26px}
@media(max-width:1200px){:root[data-theme] .sam-contextbar{align-items:stretch;flex-direction:column}:root[data-theme] .sam-contextbar .sam-search{width:100%}:root[data-theme] .sam-contextfilters{justify-content:flex-start}:root[data-theme] .sam-kpis-rich{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){:root[data-theme] .sam-tabs-main{overflow-x:auto}:root[data-theme] .sam-tabs-main button{white-space:nowrap}:root[data-theme] .sam-kpis-rich{grid-template-columns:repeat(2,1fr)}}
/* === END SAMSARA WORKSPACE REDESIGN === */


/* === SAMSARA OPERATIONS UX V2 STYLES · 2026-10-06 === */
:root[data-theme] .sam-kpis-focus{grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px}
:root[data-theme] .sam-overview-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:10px;margin-top:10px}
:root[data-theme] .sam-snapshot{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}
:root[data-theme] .sam-snapshot>div{border:1px solid var(--border);border-radius:6px;background:var(--bg-raised);padding:12px}
:root[data-theme] .sam-snapshot b{display:block;font-size:24px;color:var(--text-primary)}
:root[data-theme] .sam-snapshot span{font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-fleet-tools{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
:root[data-theme] .sam-segment{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-surface)}
:root[data-theme] .sam-segment button{border:0;border-right:1px solid var(--border);background:transparent;color:var(--text-secondary);padding:7px 11px;font-size:9px;font-weight:800;cursor:pointer}
:root[data-theme] .sam-segment button:last-child{border-right:0}
:root[data-theme] .sam-segment button.active{background:var(--accent-soft);color:var(--accent)}
:root[data-theme] .sam-viewbar{display:flex;align-items:center;gap:6px}
:root[data-theme] .sam-viewbar select{height:32px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-inset);color:var(--text-primary);font-size:10px;padding:0 8px}
:root[data-theme] .sam-columns-pop{position:absolute;right:0;top:38px;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;width:300px;padding:10px;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-surface);box-shadow:var(--shadow-md)}
:root[data-theme] .sam-columns-pop label{font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-clickrow{cursor:pointer}
:root[data-theme] .sam-clickrow:hover td{background:var(--accent-soft)!important}
:root[data-theme] .sam-map{height:560px;min-height:420px;background:var(--bg-raised)}
:root[data-theme] .sam-drawer-overlay{position:fixed;inset:0;z-index:119;background:rgba(0,0,0,.25)}
:root[data-theme] .sam-drawer{position:fixed;z-index:120;top:0;right:0;height:100vh;width:min(520px,92vw);overflow:auto;background:var(--bg-surface);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-lg);padding:14px}
:root[data-theme] .sam-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px}
:root[data-theme] .sam-drawer>header span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--text-tertiary)}
:root[data-theme] .sam-drawer h2{margin:3px 0;font-size:22px;color:var(--text-primary)}
:root[data-theme] .sam-drawer header p{margin:0;color:var(--text-secondary);font-size:11px}
:root[data-theme] .sam-drawer header button{border:0;background:transparent;color:var(--text-secondary);font-size:24px;cursor:pointer}
:root[data-theme] .sam-drawer>section{padding:12px 0;border-bottom:1px solid var(--border)}
:root[data-theme] .sam-drawer>section h3{margin:0 0 7px;font-size:11px;color:var(--text-primary)}
:root[data-theme] .sam-drawer>section p{margin:0 0 6px;font-size:11px;color:var(--text-secondary)}
:root[data-theme] .sam-drawer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
:root[data-theme] .sam-drawer-kpis>div{background:var(--bg-raised);border:1px solid var(--border);border-radius:5px;padding:8px}
:root[data-theme] .sam-drawer-kpis span{display:block;font-size:8px;color:var(--text-tertiary);text-transform:uppercase}
:root[data-theme] .sam-drawer-kpis b{display:block;margin-top:3px;font-size:12px;color:var(--text-primary)}
:root[data-theme] .sam-detail-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 10px;font-size:10px}
:root[data-theme] .sam-detail-grid span{color:var(--text-secondary)}
:root[data-theme] .sam-detail-grid b,:root[data-theme] .sam-detail-grid code{color:var(--text-primary)}
:root[data-theme] .sam-drawer footer{display:flex;gap:7px;justify-content:flex-end;padding-top:12px}
:root[data-theme] .sam-periods{display:flex;gap:5px;margin:0 0 8px}
:root[data-theme] .sam-periods button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:999px;padding:5px 10px;font-size:9px;font-weight:800;cursor:pointer}
:root[data-theme] .sam-periods button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
:root[data-theme] .sam-fuel-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:8px}
:root[data-theme] .sam-fuel-kpis>div{border:1px solid var(--border);background:var(--bg-raised);border-radius:6px;padding:9px}
:root[data-theme] .sam-fuel-kpis span{display:block;font-size:8px;color:var(--text-secondary);text-transform:uppercase}
:root[data-theme] .sam-fuel-kpis b{display:block;margin-top:3px;font-size:18px;color:var(--text-primary)}
:root[data-theme] .sam-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}
:root[data-theme] .sam-mini-kpis>div{border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:9px}
:root[data-theme] .sam-mini-kpis span{display:block;font-size:8px;color:var(--text-secondary);text-transform:uppercase}
:root[data-theme] .sam-mini-kpis b{display:block;margin-top:3px;font-size:20px;color:var(--text-primary)}
:root[data-theme] .sam-event-list{display:flex;flex-direction:column;gap:7px}
:root[data-theme] .sam-event-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:9px}
:root[data-theme] .sam-event-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--warn-bg);color:var(--warn-text);font-weight:900}
:root[data-theme] .sam-event-body>div{display:flex;gap:7px;align-items:center}
:root[data-theme] .sam-event-body b{font-size:11px;color:var(--text-primary)}
:root[data-theme] .sam-event-body p{margin:3px 0 1px;font-size:10px;color:var(--text-secondary)}
:root[data-theme] .sam-event-body small{font-size:9px;color:var(--text-tertiary)}
:root[data-theme] .sam-linkbtn{text-decoration:none;display:inline-flex;align-items:center}
:root[data-theme] .sam-health-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:7px;margin-bottom:8px}
:root[data-theme] .sam-health-grid article{border:1px solid var(--border);border-left:3px solid var(--border-strong);background:var(--bg-surface);border-radius:6px;padding:9px}
:root[data-theme] .sam-health-grid article.ok{border-left-color:var(--ok-text)}
:root[data-theme] .sam-health-grid span{display:block;font-size:8px;color:var(--text-secondary);text-transform:uppercase}
:root[data-theme] .sam-health-grid b{display:block;margin-top:3px;font-size:13px;color:var(--text-primary)}
:root[data-theme] .sam-health-grid small{display:block;margin-top:2px;font-size:8px;color:var(--text-tertiary)}
@media(max-width:1200px){:root[data-theme] .sam-kpis-focus{grid-template-columns:repeat(2,1fr)}:root[data-theme] .sam-overview-main{grid-template-columns:1fr}:root[data-theme] .sam-health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){:root[data-theme] .sam-drawer-kpis{grid-template-columns:repeat(2,1fr)}:root[data-theme] .sam-fuel-kpis{grid-template-columns:repeat(2,1fr)}:root[data-theme] .sam-event-card{grid-template-columns:30px minmax(0,1fr)}:root[data-theme] .sam-event-card>.sam-actions{grid-column:2}:root[data-theme] .sam-health-grid{grid-template-columns:1fr}}
/* === END SAMSARA OPERATIONS UX V2 STYLES === */


/* === SAMSARA MAP / EXCEPTIONS POLISH · 2026-10-06 === */
:root[data-theme] .sam-us-map{position:relative;height:560px;overflow:hidden;border-top:1px solid var(--border);background:
linear-gradient(90deg,transparent 33.2%,var(--border) 33.3%,transparent 33.4%,transparent 66.5%,var(--border) 66.6%,transparent 66.7%),
linear-gradient(0deg,transparent 49.8%,var(--border) 49.9%,transparent 50%),
linear-gradient(180deg,var(--bg-raised),var(--bg-canvas))}
:root[data-theme] .sam-map-region{position:absolute;top:10px;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--text-tertiary)}
:root[data-theme] .sam-map-region.west{left:15%}
:root[data-theme] .sam-map-region.central{left:47%}
:root[data-theme] .sam-map-region.east{right:15%}
:root[data-theme] .sam-map-dot{position:absolute;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;border:2px solid var(--bg-surface);box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer;padding:0;z-index:2}
:root[data-theme] .sam-map-dot span{display:none;position:absolute;left:15px;top:-5px;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:3px 5px;font-size:8px;font-weight:800;color:var(--text-primary)}
:root[data-theme] .sam-map-dot:hover{z-index:10;transform:translate(-50%,-50%) scale(1.35)}
:root[data-theme] .sam-map-dot:hover span{display:block}
:root[data-theme] .sam-map-green{background:#22c55e}
:root[data-theme] .sam-map-amber{background:#f59e0b}
:root[data-theme] .sam-map-red{background:#ef4444}
:root[data-theme] .sam-map-slate{background:#64748b}
:root[data-theme] .sam-map-legend{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-map-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}
:root[data-theme] .sam-map-legend .green:before{background:#22c55e}
:root[data-theme] .sam-map-legend .amber:before{background:#f59e0b}
:root[data-theme] .sam-map-legend .red:before{background:#ef4444}
:root[data-theme] .sam-map-legend .slate:before{background:#64748b}
:root[data-theme] .sam-mini-kpis>div:first-child b{color:var(--bad-text)}
/* === END SAMSARA MAP / EXCEPTIONS POLISH === */


/* === SAMSARA SAFETY REVIEW STYLES · 2026-10-06 === */
:root[data-theme] .sam-event-card.is-dismissed{opacity:.62}
:root[data-theme] .sam-review-note{margin-top:6px;padding:5px 7px;border-left:2px solid var(--accent);background:var(--bg-raised);font-size:9px;color:var(--text-secondary)}
:root[data-theme] .sam-event-card .sam-actions{flex-wrap:wrap;justify-content:flex-end}
:root[data-theme] .sam-us-map:before{content:"";position:absolute;inset:8% 5% 10%;border:1px dashed var(--border-strong);border-radius:42% 28% 36% 25% / 28% 32% 38% 34%;opacity:.28}
@media(max-width:900px){:root[data-theme] .sam-us-map{height:420px}}
/* === END SAMSARA SAFETY REVIEW STYLES === */


/* === SAMSARA MEDIA LIBRARY STYLES · 2026-10-06 === */
:root[data-theme] .sam-media-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 8px}
:root[data-theme] .sam-media-controls select{height:32px;min-width:145px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-inset);color:var(--text-primary);font-size:10px;padding:0 8px}
:root[data-theme] .sam-media-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:7px;margin-bottom:8px}
:root[data-theme] .sam-media-summary>div{border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:9px}
:root[data-theme] .sam-media-summary span{display:block;font-size:8px;text-transform:uppercase;color:var(--text-secondary)}
:root[data-theme] .sam-media-summary b{display:block;margin-top:3px;font-size:20px;color:var(--text-primary)}
:root[data-theme] .sam-library-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:8px}
:root[data-theme] .sam-library-card{min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--bg-surface);overflow:hidden}
:root[data-theme] .sam-library-visual{position:relative;aspect-ratio:16/10;background:#060708;display:flex;align-items:center;justify-content:center}
:root[data-theme] .sam-library-visual img,
:root[data-theme] .sam-library-visual video{width:100%;height:100%;object-fit:cover;display:block}
:root[data-theme] .sam-library-visual video{object-fit:contain}
:root[data-theme] .sam-media-type{position:absolute;left:7px;top:7px;padding:3px 5px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em}
:root[data-theme] .sam-library-meta{display:flex;flex-direction:column;gap:5px;padding:8px}
:root[data-theme] .sam-library-meta>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
:root[data-theme] .sam-library-meta b{font-size:10px;color:var(--text-primary)}
:root[data-theme] .sam-library-meta span,
:root[data-theme] .sam-library-meta small{font-size:8px;color:var(--text-secondary)}
:root[data-theme] .sam-library-meta>a{font-size:9px;font-weight:800;color:var(--accent);text-decoration:none}
:root[data-theme] .sam-media-tags{display:flex;gap:5px;flex-wrap:wrap}
:root[data-theme] .sam-media-tags span{padding:2px 5px;border:1px solid var(--border);border-radius:999px;background:var(--bg-raised)}
:root[data-theme] .sam-media-missing{display:grid;place-items:center;width:100%;height:100%;padding:20px;text-align:center;color:var(--text-tertiary);font-size:9px}
@media(max-width:1500px){:root[data-theme] .sam-library-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}
@media(max-width:1050px){:root[data-theme] .sam-library-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:650px){:root[data-theme] .sam-library-grid{grid-template-columns:1fr}:root[data-theme] .sam-media-summary{grid-template-columns:repeat(2,1fr)}}
/* === END SAMSARA MEDIA LIBRARY STYLES === */

/* samsara-v4-migration-marker */

/* === FL V4 SAMSARA TOKENS 1 === */
:root{
 --fl-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 --fl-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 --fl-t-11:11px;--fl-t-12:12px;--fl-t-13:13px;--fl-t-14:14px;--fl-t-16:16px;--fl-t-20:20px;--fl-t-28:28px;
 --fl-r-sm:6px;--fl-r-md:8px;--fl-r-lg:12px;--fl-r-xl:14px;--fl-r-full:999px;
 --fl-row:44px;--fl-ctl:34px;--fl-pad-cell:14px;--fl-ease:cubic-bezier(.2,.8,.2,1);
}

:root{--fl-bg:var(--bg-canvas);--fl-sheet:var(--bg-surface);--fl-raised:var(--bg-raised);--fl-hover:var(--bg-raised);--fl-sunken:var(--bg-inset);}


/* === QUICKMANAGE CONTROL CENTER === */
.qm-page{display:flex;flex-direction:column;gap:12px;max-width:100%;min-width:0;color:var(--text-primary)}
.qm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.qm-head>div:first-child>span{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:5px}
.qm-head h1{font-size:24px;line-height:1.15;margin:0 0 4px;color:var(--text-primary)}
.qm-head p{margin:0;color:var(--text-secondary);font-size:13px}
.qm-source{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;padding:7px 8px 7px 10px;min-width:220px}
.qm-source>i{width:8px;height:8px;border-radius:50%;background:var(--success)}.qm-source>i.bad{background:var(--danger)}
.qm-source div{display:flex;flex-direction:column;min-width:105px}.qm-source b{font-size:12px;color:var(--text-primary)}.qm-source small{font-size:10px;color:var(--text-tertiary)}
.qm-btn{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-primary);border-radius:6px;padding:6px 9px;font:inherit;font-size:11px;cursor:pointer}
.qm-btn:hover{border-color:var(--accent);background:var(--bg-surface)}
.qm-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}
.qm-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-tertiary);padding:9px 11px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.qm-tabs button:hover{color:var(--text-primary);background:var(--bg-raised)}
.qm-tabs button.active{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:700;background:var(--accent-soft)}
.qm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qm-search{display:flex;align-items:center;gap:8px;flex:1;max-width:720px;height:34px;border:1px solid var(--border-strong);border-radius:7px;background:var(--bg-surface);padding:0 10px}
.qm-search:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}
.qm-search span{color:var(--text-tertiary)}.qm-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:12px}.qm-search input::placeholder{color:var(--text-disabled)}
.qm-status{color:var(--text-tertiary);font-size:11px}
.qm-workspace{min-width:0}.qm-loading,.qm-error{min-height:180px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}
.qm-error{flex-direction:column}.qm-error b{color:var(--text-primary)}
.qm-kpis{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:8px}
.qm-kpi{min-width:0;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);padding:10px 11px;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast)}
.qm-kpi:hover{border-color:var(--border-strong);background:var(--bg-raised)}
.qm-kpi span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}
.qm-kpi strong{display:block;font-size:22px;line-height:1.1;margin:5px 0 2px;color:var(--text-primary)}.qm-kpi small{display:block;font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qm-kpi.green{border-left:3px solid var(--success)}.qm-kpi.cyan{border-left:3px solid var(--chart-6)}.qm-kpi.violet{border-left:3px solid var(--chart-4)}.qm-kpi.blue{border-left:3px solid var(--info)}.qm-kpi.warn{border-left:3px solid var(--warning);background:color-mix(in srgb,var(--warning-soft) 42%,var(--bg-surface))}.qm-kpi.bad{border-left:3px solid var(--danger);background:color-mix(in srgb,var(--danger-soft) 42%,var(--bg-surface))}.qm-kpi.good{border-left:3px solid var(--success);background:color-mix(in srgb,var(--success-soft) 36%,var(--bg-surface))}.qm-kpi.muted{opacity:.82;background:var(--bg-raised)}
.qm-overview{display:flex;flex-direction:column;gap:10px}.qm-overview-row{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px;align-items:start}
.qm-panel{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;min-width:0;overflow:hidden}
.qm-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-bottom:1px solid var(--border);background:var(--bg-raised)}
.qm-panel>header h3{margin:0 0 2px;font-size:13px;color:var(--text-primary)}.qm-panel>header p{margin:0;color:var(--text-tertiary);font-size:10px}.qm-panel>header>span{color:var(--text-tertiary);font-size:10px}
.qm-tablewrap{overflow:auto;max-height:560px;background:var(--bg-surface)}.qm-tablewrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;min-width:880px}
.qm-tablewrap th{position:sticky;top:0;z-index:2;background:var(--bg-raised);color:var(--text-secondary);font-size:9px;letter-spacing:.04em;text-align:left;padding:8px 9px;border-bottom:1px solid var(--border-strong);white-space:nowrap}
.qm-tablewrap td{padding:8px 9px;border-bottom:1px solid var(--border-subtle);vertical-align:top;color:var(--text-primary);white-space:nowrap;background:var(--bg-surface)}
.qm-tablewrap td b{color:var(--text-primary)}.qm-tablewrap td small{display:block;color:var(--text-tertiary);font-size:9px;margin-top:2px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.qm-tablewrap tr:hover td{background:var(--bg-hover,var(--bg-raised))}
.qm-empty{text-align:center!important;color:var(--text-tertiary)!important;padding:24px!important}
.qm-pill{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:999px;padding:2px 6px;font-size:9px;line-height:1.35;color:var(--neutral-text);background:var(--neutral-soft)}
.qm-pill.good{border-color:color-mix(in srgb,var(--success) 42%,var(--border));color:var(--success-text);background:var(--success-soft)}.qm-pill.warn{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));color:var(--warning-text);background:var(--warning-soft)}.qm-pill.bad{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));color:var(--danger-text);background:var(--danger-soft)}
.qm-attention-list{padding:7px}.qm-attention-list button{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;padding:10px 8px;font:inherit;font-size:11px;cursor:pointer}.qm-attention-list button:last-child{border-bottom:0}.qm-attention-list button:hover{background:var(--bg-raised)}.qm-attention-list b{font-size:16px;color:var(--text-primary)}
.qm-source-pending{min-height:320px}.qm-pending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.qm-pending-grid>div{border:1px solid var(--border);border-radius:7px;background:var(--bg-raised);padding:12px}.qm-pending-grid span,.qm-pending-grid small{display:block;color:var(--text-tertiary);font-size:10px}.qm-pending-grid b{display:block;font-size:22px;margin:4px 0;color:var(--text-primary)}
.qm-source-note{margin:0 12px 12px;padding:10px 12px;border-left:3px solid var(--warning);background:var(--warning-soft);display:flex;gap:8px;align-items:center;font-size:11px}.qm-source-note b{color:var(--warning-text)}.qm-source-note span{color:var(--text-secondary)}
.qm-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.qm-health>div{display:grid;grid-template-columns:12px minmax(130px,1fr) 120px 1.4fr;gap:8px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--border);font-size:11px}.qm-health i{width:7px;height:7px;border-radius:50%}.qm-health i.ok{background:var(--success)}.qm-health i.pending{background:var(--warning)}.qm-health b{color:var(--text-primary)}.qm-health span,.qm-health small{color:var(--text-tertiary)}
[data-theme="light"] .qm-kpi,[data-theme="warm"] .qm-kpi{box-shadow:0 1px 1px rgba(0,0,0,.02)}
[data-theme="light"] .qm-tablewrap td,[data-theme="warm"] .qm-tablewrap td{color:var(--text-primary)}
[data-theme="light"] .qm-tablewrap tr:hover td,[data-theme="warm"] .qm-tablewrap tr:hover td{background:var(--bg-raised)}
@media(max-width:1250px){.qm-kpis{grid-template-columns:repeat(4,minmax(125px,1fr))}.qm-overview-row{grid-template-columns:1fr}.qm-attention{order:-1}.qm-health{grid-template-columns:1fr}}
@media(max-width:760px){.qm-head{flex-direction:column}.qm-source{width:100%}.qm-toolbar{align-items:stretch;flex-direction:column}.qm-search{max-width:none}.qm-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.qm-pending-grid{grid-template-columns:1fr}.qm-health>div{grid-template-columns:12px 1fr}.qm-health>div span,.qm-health>div small{grid-column:2}.qm-tabs{margin-right:-8px}}

/* === QM PASS 2 === */
.qm-filterbar{display:flex;gap:6px;align-items:end;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg-surface)}
.qm-filterbar label{display:flex;flex-direction:column;gap:3px;font-size:9px;color:var(--text-tertiary)}.qm-filterbar select{height:29px;min-width:100px;max-width:180px;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-primary);border-radius:5px;padding:0 7px;font-size:10px}
.qm-tablewrap th button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0}.qm-link{border:0;background:transparent;color:var(--accent-text);font:inherit;padding:0;cursor:pointer}.qm-link:hover{text-decoration:underline}
.qm-views{display:flex;gap:4px;align-items:center;min-height:28px;flex-wrap:wrap}.qm-views>button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);border-radius:5px;padding:4px 7px;font-size:10px;cursor:pointer}.qm-views>span{font-size:10px;color:var(--text-tertiary)}.qm-views .qm-view-x{padding:4px 6px;margin-left:-4px;color:var(--danger-text)}
.qm-drawer-backdrop,.qm-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:60}.qm-drawer{position:absolute;right:0;top:0;bottom:0;width:min(520px,94vw);background:var(--bg-surface);border-left:1px solid var(--border-strong);overflow:auto}.qm-drawer>header,.qm-modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 16px;border-bottom:1px solid var(--border);background:var(--bg-raised)}.qm-drawer h2,.qm-modal h3{margin:2px 0 0;color:var(--text-primary)}.qm-drawer header p{margin:3px 0 0;color:var(--text-tertiary)}.qm-drawer header button,.qm-modal header button{border:0;background:transparent;color:var(--text-secondary);font-size:22px;cursor:pointer}
.qm-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:10px 16px}.qm-drawer-grid>div{padding:9px 0;border-bottom:1px solid var(--border-subtle)}.qm-drawer-grid span{display:block;font-size:9px;color:var(--text-tertiary);text-transform:uppercase}.qm-drawer-grid b{font-size:11px;color:var(--text-primary)}
.qm-timeline{padding:12px 16px}.qm-timeline h3{font-size:12px;margin:0 0 10px}.qm-timeline>div{display:grid;grid-template-columns:12px 1fr;gap:8px;padding:0 0 12px}.qm-timeline i{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:4px}.qm-timeline section{border-left:1px solid var(--border);padding-left:10px;display:flex;flex-direction:column}.qm-timeline span,.qm-timeline small{font-size:10px;color:var(--text-tertiary)}
.qm-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,92vw);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px}.qm-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.qm-checks label{font-size:11px;color:var(--text-secondary)}.qm-modal footer{display:flex;justify-content:flex-end;gap:7px;padding:10px 14px;border-top:1px solid var(--border)}
.qm-actionbar{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--border)}.qm-actionbar button,.qm-row-actions button{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);border-radius:5px;padding:4px 7px;font-size:9px;cursor:pointer}.qm-row-actions{display:flex;gap:4px}.qm-row-actions button:hover,.qm-actionbar button:hover{border-color:var(--accent)}

/* === QM PASS 3 / OPERATIONS INTELLIGENCE === */
.qm-status{display:flex;align-items:center;gap:8px}.qm-detail{max-width:420px;white-space:normal!important;line-height:1.35}
.qm-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,180px));gap:8px;margin-bottom:10px}.qm-mini-stats>div{border:1px solid var(--border);background:var(--bg-surface);border-radius:7px;padding:10px}.qm-mini-stats span{display:block;font-size:9px;text-transform:uppercase;color:var(--text-tertiary)}.qm-mini-stats b{font-size:22px;color:var(--text-primary)}
.qm-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qm-rank>div>section{display:grid;grid-template-columns:26px 1fr 50px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-subtle)}.qm-rank>div>section:last-child{border-bottom:0}.qm-rank section>span{color:var(--text-tertiary);font-size:10px}.qm-rank section>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.qm-rank section>strong{text-align:right;font-size:15px;color:var(--accent-text)}
.qm-drawer-grid>div:nth-child(odd){padding-right:10px}.qm-drawer-grid>div:nth-child(even){padding-left:10px}.qm-drawer-grid b{word-break:break-word}
@media(max-width:900px){.qm-analytics{grid-template-columns:1fr}.qm-mini-stats{grid-template-columns:repeat(3,1fr)}}


/* Fleet Asset creation — palette driven, light/dark/high contrast */
.fleet-create-open{background:var(--ui-primary,var(--accent))!important;color:var(--ui-primary-text,#fff)!important;border:1px solid var(--ui-primary,var(--accent))!important;font-weight:700!important;white-space:nowrap}
.fleet-create-open:hover{filter:brightness(1.07)}
.fleet-create-overlay{position:fixed!important;inset:0!important;z-index:170!important;background:rgba(0,0,0,.5)!important;display:flex!important;align-items:center;justify-content:center;padding:12px}
.fleet-create-card{width:min(610px,calc(100vw - 24px))!important;max-width:610px!important;max-height:min(760px,calc(100vh - 24px))!important;overflow:auto!important;border-radius:8px!important;background:var(--ui-s1,var(--bg-surface))!important;color:var(--ui-text,var(--text-primary))!important;border:1px solid var(--ui-line2,var(--border-strong))!important;box-shadow:0 14px 36px rgba(0,0,0,.2)}
.fleet-create-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--ui-line,var(--border));background:var(--ui-s2,var(--bg-raised))}
.fleet-create-card header span{font-size:10px;letter-spacing:.07em;color:var(--ui-text3,var(--text-tertiary));font-weight:700}
.fleet-create-card header h3{margin:4px 0;color:var(--ui-text,var(--text-primary));font-size:18px}
.fleet-create-card header p{margin:3px 0 0;color:var(--ui-text2,var(--text-secondary));font-size:11px}
.fleet-create-card header button{background:transparent;border:0;color:var(--ui-text2,var(--text-secondary));font-size:23px;cursor:pointer;padding:0 3px}
.fleet-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:16px 17px}
.fleet-create-grid label{display:flex!important;flex-direction:column!important;gap:5px;font-size:11px;font-weight:600;color:var(--ui-text,var(--text-primary))}
.fleet-create-grid label.fleet-create-full{grid-column:1/-1}
.fleet-create-grid input,.fleet-create-grid select,.fleet-create-grid textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--ui-line2,var(--border-strong));border-radius:5px;background:var(--ui-input,var(--bg-raised));color:var(--ui-text,var(--text-primary));font-family:inherit;font-size:12px;padding:7px 9px;color-scheme:inherit}
.fleet-create-grid input,.fleet-create-grid select{height:34px}
.fleet-create-grid textarea{resize:vertical;min-height:52px}
.fleet-create-grid input::placeholder,.fleet-create-grid textarea::placeholder{color:var(--ui-text3,var(--text-tertiary))}
.fleet-create-grid input:focus,.fleet-create-grid select:focus,.fleet-create-grid textarea:focus{outline:2px solid var(--ui-focus,var(--accent));outline-offset:0}
.fleet-create-error{color:var(--bad-text,var(--danger-text));font-size:12px;min-height:18px;padding:0 17px}
.fleet-create-card>footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 17px;border-top:1px solid var(--ui-line,var(--border));background:var(--ui-s2,var(--bg-raised))}
.fleet-create-card>footer button{height:34px;min-width:80px;padding:0 12px;font-size:11px;border-radius:5px}
.fleet-create-card>footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.fleet-create-grid{grid-template-columns:1fr}.fleet-create-card{max-height:94vh!important}}