/* MeuCondutor CSS consolidado - gerado em 2026-07-21. */
/* 1. inline-style */
:root{--ink:#2e263a;--muted:#817993;--line:#dddff0;--bg:#dceafa;--panel:#fff;--deep:#3b3048;--deep2:#4d405b;--deep3:#594b68;--aqua:#42f0d0;--aqua2:#28d8bf;--blue:#6378f3;--red:#ff5b57;--green:#20bf77;--amber:#ffb547;--shadow:0 22px 48px rgba(49,40,68,.18)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#dceafa 0 38%,#6176f3 38% 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100vh;padding:26px;gap:22px}.side{background:var(--deep);color:#fff;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 26px 60px rgba(28,22,39,.35);border:8px solid #0b0a0d}.brand{display:flex;gap:12px;align-items:center;margin-bottom:4px}.mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(66,240,208,.16);color:var(--aqua);font-weight:900;letter-spacing:0}.brand strong{font-size:20px;color:#7e93ff;letter-spacing:2px}.brand span,.role span{display:block;color:#c9bed4;font-size:13px;margin-top:4px}.role select{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.18);background:#46394f;color:#fff;border-radius:12px;padding:12px}.profile{border:1px solid rgba(255,255,255,.18);background:#44374f;border-radius:14px;padding:14px;display:grid;gap:12px}.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--aqua);color:#2f2840;font-weight:900}.profile-top{display:flex;gap:12px;align-items:center}.profile strong,.profile small{display:block}.profile small{color:#c9bed4;margin-top:3px}.vehicle-pill{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px;background:#382d44}.vehicle-pill span{display:block;color:#c9bed4;font-size:12px;margin-bottom:4px}.vehicle-pill strong{color:#fff}.panic{border:0;border-radius:16px;background:linear-gradient(135deg,#ff5b57,#cf2525);color:#fff;font-weight:900;min-height:48px;box-shadow:0 14px 28px rgba(180,35,24,.28)}.nav{display:grid;gap:8px;margin-top:2px}.nav button{border:0;background:transparent;color:#ded8e8;border-radius:14px;padding:12px 14px;text-align:left;font-weight:700;display:flex;align-items:center;gap:10px}.nav-icon{width:22px;height:22px;min-width:22px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:var(--aqua)}.nav-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav button.active .nav-icon,.nav button:hover .nav-icon{background:rgba(66,240,208,.18);color:#fff}.nav button:hover,.nav button.active{background:#51435e;color:#fff}.nav button.active{box-shadow:inset 4px 0 0 var(--aqua)}.nav button[hidden]{display:none}.main{overflow:auto;background:#eef5ff;border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:28px 28px 18px;background:var(--deep);color:#fff;border-radius:28px 28px 0 0}.eyebrow{margin:0 0 8px;color:var(--aqua);font-size:13px;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:32px;margin-bottom:0;color:#fff}h2{font-size:20px;margin-bottom:0}h3{font-size:16px;margin-bottom:8px}.view{display:none;padding:22px 28px 28px}.view.active{display:grid;gap:20px}.btn,.primary,.danger,.tab,.soft{min-height:42px;border-radius:13px;padding:10px 15px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.danger{color:#c82828;min-height:34px;padding:7px 10px}.soft{background:#e8fbf8;color:#25695d;border-color:#baf0e6}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.welcome,.panel,.table,.action-card,.metric{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px rgba(71,61,90,.08)}.welcome{padding:22px;display:grid;gap:18px;background:linear-gradient(135deg,#3b3048,#4b3c58);color:#fff;border-color:#5b4b68}.welcome h2{font-size:28px;color:#fff}.welcome p{color:#d9d1e4;margin-bottom:0}.quick{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:14px}.action-card{padding:18px;display:grid;gap:8px;text-align:center;background:#56475f;color:#fff;border-color:#63536e;min-height:132px;align-content:center}.action-card::before{content:'';width:48px;height:48px;border-radius:50%;background:var(--aqua);display:block;margin:0 auto 2px;box-shadow:0 8px 18px rgba(66,240,208,.22)}.action-card span{color:#e7deeb;font-size:13px}.action-card strong{font-size:28px;color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:14px}.metric{padding:18px;background:#fff}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px;font-weight:800}.metric strong{font-size:30px;color:#352c43}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.list{display:grid;gap:10px}.alert{border:1px solid #ececf5;border-radius:16px;padding:13px;background:#fff;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center}.alert-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900}.alert small{display:block;color:var(--muted);margin-top:3px}.alert.danger .alert-icon{background:#ffe5e3;color:#d8332c}.alert.warn .alert-icon{background:#fff0d7;color:#a46200}.alert.ok .alert-icon{background:#ddfbf5;color:#159d88}.form{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;align-items:end}.form label{display:grid;gap:7px;color:#6c627d;font-size:13px;font-weight:900}.form input,.form select{width:100%;border:1px solid var(--line);border-radius:13px;min-height:44px;padding:10px 12px;color:var(--ink);background:#fff}.wide{grid-column:span 2}.full{grid-column:1/-1}.file-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.camera{position:relative;overflow:hidden}.camera input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.hint{color:var(--muted);font-size:13px}.table{overflow-x:auto;border-radius:18px}table{width:100%;border-collapse:collapse;min-width:780px;background:#fff}th,td{padding:15px;border-bottom:1px solid #eef0f7;text-align:left;vertical-align:middle}th{color:#90889f;font-size:12px;text-transform:uppercase;background:#fbfcff}tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;min-height:27px;padding:4px 10px;border-radius:999px;background:#ebeaf2;color:#4b4358;font-size:12px;font-weight:900;white-space:nowrap}.badge.ok{background:#ddfbef;color:#178256}.badge.warn{background:#fff0d7;color:#a46200}.badge.danger{background:#ffe5e3;color:#c42d28}.badge.info{background:#ddfbf5;color:#168b7b}.tabs{display:inline-flex;width:max-content;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.tab{border:0;border-radius:0}.tab.active{background:var(--blue);color:#fff}.empty{color:var(--muted);padding:16px}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;background:#211a2d;color:#fff;padding:13px 16px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:180ms ease}.toast.show{opacity:1;transform:translateY(0)}[data-write].locked{display:none}.note{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}
@media(max-width:1080px){body{background:#dceafa}.shell{grid-template-columns:1fr;padding:12px}.side{border-radius:24px;border-width:6px}.main{border-radius:24px}.top{border-radius:24px 24px 0 0}.hero,.grid,.metrics,.quick,.form{grid-template-columns:1fr}.wide{grid-column:auto}.top{align-items:flex-start;flex-direction:column}.view{padding:18px}}
.profile-toggle{border:1px solid rgba(255,255,255,.18);background:#4a3c57;color:#fff;border-radius:12px;min-height:40px;padding:9px 12px;font-weight:800;text-align:left}.profile-toggle::after{content:'';float:right;font-size:18px;line-height:1}.profile-toggle.collapsed::after{content:''}.profile{transition:max-height .28s ease,opacity .2s ease,transform .28s ease,padding .28s ease,margin .28s ease;overflow:hidden;max-height:360px}.profile.profile-hidden{max-height:0;opacity:0;transform:translateY(-8px);padding-top:0;padding-bottom:0;margin-top:-8px;margin-bottom:-8px;border-width:0}.vehicle-pill{display:flex;align-items:center;gap:12px}.vehicle-car-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(66,240,208,.14);color:var(--aqua);flex:0 0 auto}.vehicle-car-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.view{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.view.active{opacity:1;transform:translateY(0)}.view.leaving{opacity:0;transform:translateY(-8px)}.nav button,.action-card,.panic,.driver-vehicle-btn,.driver-sinister button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.nav button:active,.action-card:active,.panic:active,.driver-vehicle-btn:active,.driver-sinister button:active{transform:scale(.98)}
.alert.danger{background:rgba(255,91,87,.10);border-color:rgba(255,91,87,.24)}.alert.warn{background:rgba(255,181,71,.13);border-color:rgba(255,181,71,.28)}.alert.ok{background:rgba(66,240,208,.12);border-color:rgba(66,240,208,.26)}select[multiple]{min-height:118px}.occurrence-subtitle{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}.occurrence-subtitle h3{margin:0;color:var(--ink)}.team-select{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#382d44;color:#fff;min-height:38px;padding:8px;margin-top:8px}.profile-hidden+.nav{margin-top:0}
.admin-insights{display:none;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.admin-insights.active{display:grid}.rank-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 28px rgba(71,61,90,.08);padding:18px}.rank-card h3{margin:0 0 12px}.rank-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef0f7;padding-top:10px;margin-top:10px}.rank-line:first-of-type{border-top:0;padding-top:0;margin-top:0}.alert.pulse{animation:pulseAlert 1.4s ease-in-out infinite}@keyframes pulseAlert{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(255,91,87,0)}50%{transform:scale(1.012);box-shadow:0 0 0 5px rgba(255,91,87,.12)}}.bo-action{text-decoration:none;display:inline-flex;align-items:center}.checklist-disabled{opacity:.72}.checklist-disabled button,.checklist-disabled input,.checklist-disabled label{pointer-events:auto}
.login-view{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:linear-gradient(135deg,#dceafa,#6378f3);padding:22px}.login-view.hidden{display:none}.login-card{width:min(420px,100%);background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:0 24px 70px rgba(32,28,54,.25);padding:28px;display:grid;gap:14px}.login-card h1{color:#2e263a;margin:0}.login-card p,.login-card small{color:#687789}.login-card label{display:grid;gap:7px;color:#5f566f;font-weight:800}.login-card input{border:1px solid var(--line);border-radius:13px;min-height:44px;padding:10px 12px}.login-mark{width:54px;height:54px;border-radius:16px;background:var(--deep);color:var(--aqua);display:grid;place-items:center;font-weight:900}.login-loading{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(88,166,255,.24),transparent 32%),linear-gradient(135deg,#eef6ff,#ffffff);padding:22px;opacity:1;transition:opacity .28s ease}.login-loading[hidden]{display:none}.loading-card{width:min(360px,100%);background:rgba(255,255,255,.84);border:1px solid rgba(18,104,243,.14);border-radius:26px;box-shadow:0 28px 70px rgba(22,32,51,.16);padding:30px;display:grid;justify-items:center;gap:14px;text-align:center;backdrop-filter:blur(16px)}.loading-orb{width:74px;height:74px;border-radius:50%;background:conic-gradient(from 0deg,#0f5fe8,#58a6ff,#22d3ee,#0f5fe8);display:grid;place-items:center;animation:loadingSpin 1s linear infinite;box-shadow:0 16px 34px rgba(18,104,243,.24)}.loading-orb:after{content:'';width:52px;height:52px;border-radius:50%;background:#fff url('logo-meucondutor.png') center/42px 42px no-repeat;display:grid;place-items:center;color:#0f5fe8;font-weight:900}.loading-card strong{font-size:19px;color:#162033}.loading-card span{color:#65758b;font-size:14px}.loading-bar{width:100%;height:7px;border-radius:999px;background:#e6eef8;overflow:hidden}.loading-bar i{display:block;width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f5fe8,#58a6ff);animation:loadingBar 1.05s ease-in-out infinite}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingBar{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}.app-locked{display:none}.admin-role-control{display:none}.admin-session .admin-role-control{display:none}.cnh-area{border:1px solid rgba(255,255,255,.18);background:#44374f;border-radius:14px;padding:14px;display:grid;gap:10px;color:#fff}.cnh-area[hidden]{display:none}.cnh-area label{display:grid;gap:6px;color:#c9bed4;font-size:13px;font-weight:800}.cnh-area input[type=date]{border:1px solid rgba(255,255,255,.18);background:#382d44;color:#fff;border-radius:10px;min-height:38px;padding:8px}.cnh-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.cnh-head span{font-size:12px;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.14)}.cnh-area.cnh-danger,.cnh-doc.cnh-danger{background:rgba(255,59,66,.18)!important;border-color:rgba(255,59,66,.55)!important;animation:pulseCnh 1.25s ease-in-out infinite}.cnh-area.cnh-warning,.cnh-doc.cnh-warning{background:rgba(255,181,71,.18)!important;border-color:rgba(255,181,71,.55)!important;animation:pulseCnh 1.45s ease-in-out infinite}@keyframes pulseCnh{0%,100%{box-shadow:0 0 0 rgba(255,91,87,0)}50%{box-shadow:0 0 0 6px rgba(255,91,87,.16)}}.cnh-doc{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;display:grid;gap:6px}.cnh-doc a{width:max-content}.alert.danger{background:#e31d2b!important;border-color:#ff6b72!important;color:#fff}.alert.danger small,.alert.danger strong{color:#fff}.alert.danger .badge{background:#fff;color:#b42318}.alert.danger .alert-icon{background:#fff!important;color:#e31d2b!important}.rank-card{overflow:hidden;padding:0!important}.rank-card h3{background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;padding:13px 16px;margin:0!important}.rank-body{padding:16px;display:grid;gap:12px}.bar-chart{height:170px;display:flex;align-items:end;gap:14px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 8px 0}.bar-item{flex:1;display:grid;align-items:end;gap:6px;text-align:center;min-width:54px}.bar{border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--aqua),var(--blue));min-height:8px}.bar-label{font-size:11px;color:var(--muted);word-break:break-word}.bar-value{font-size:12px;font-weight:900;color:var(--ink)}
button,.btn,.primary,.danger,.tab,.soft,.panic,.action-card{font-size:13px}.primary::before{content:'';margin-right:7px}.danger::before{content:'';margin-right:6px}.soft::before{content:'';margin-right:6px}.panic::before{content:'';margin-right:8px}.nav button::before{display:inline-block;width:20px;margin-right:8px;color:currentColor}.nav button[data-view="dashboard"]::before{content:''}.nav button[data-view="users"]::before{content:''}.nav button[data-view="vehicles"]::before{content:''}.nav button[data-view="teams"]::before{content:''}.nav button[data-view="fines"]::before{content:''}.nav button[data-view="maintenance"]::before{content:''}.nav button[data-view="occurrence"]::before{content:''}.nav button[data-view="checklist"]::before{content:''}.nav button[data-view="settings"]::before{content:''}.action-card span{font-size:12px}.action-card strong{font-size:24px}.crlv-area{border:1px solid rgba(255,255,255,.18);background:#44374f;border-radius:14px;padding:14px;display:grid;gap:10px;color:#fff}.crlv-area[hidden]{display:none}.crlv-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.crlv-head span{font-size:12px;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.14)}.vehicle-doc-box{display:grid;gap:8px}.vehicle-doc-actions{display:flex;gap:8px;flex-wrap:wrap}.small-link{font-size:12px;text-decoration:none}.upload-inline{display:grid;gap:6px}.upload-inline input{font-size:12px}.doc-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#e8fbf8;color:#168b7b;font-size:12px;font-weight:900}.doc-badge.missing{background:#ffe5e3;color:#c42d28}
.frame-polish-v2{display:none}.shell{width:100%;max-width:100vw}.main{min-width:0}.side{min-width:0}.view{min-width:0}.panel,.table,.welcome,.metric,.rank-card,.action-card{min-width:0}.top{min-width:0}.top h1{line-height:1.15}.form{align-items:end}.form label{min-width:0}.form input,.form select{min-width:0}.table{max-width:100%;overflow:auto}table{table-layout:auto}.metrics{align-items:stretch}.metric{display:grid;align-content:center}.content-grid,.grid,.hero{min-width:0}.admin-insights{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.rank-card{display:flex;flex-direction:column;min-height:330px}.rank-card h3{line-height:1.2}.rank-body{height:100%;display:grid;grid-template-rows:auto 1fr;gap:14px}.rank-line{align-items:center}.rank-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart{height:210px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:18px 12px 0;margin-top:auto;border-left:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(99,120,243,.06),rgba(255,255,255,0));border-radius:12px}.bar-item{height:100%;display:grid;grid-template-rows:auto 1fr auto;align-items:end;justify-items:center;gap:8px;min-width:54px;max-width:88px}.bar-item .bar-value{align-self:start;font-size:12px;line-height:1.15;text-align:center}.bar{width:42px;align-self:end;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--aqua),var(--blue));box-shadow:0 8px 18px rgba(99,120,243,.22)}.bar-label{font-size:11px;line-height:1.15;text-align:center;max-width:78px;white-space:normal;overflow-wrap:anywhere}.alert{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.alert.danger:not(.latest-alert){background:rgba(255,91,87,.10)!important;border-color:rgba(255,91,87,.24)!important;color:var(--ink)}.alert.danger:not(.latest-alert) strong{color:var(--ink)}.alert.danger:not(.latest-alert) small{color:var(--muted)}.alert.danger:not(.latest-alert) .badge{background:#ffe5e3;color:#c42d28}.alert.danger:not(.latest-alert) .alert-icon{background:#ffe5e3!important;color:#d8332c!important}.alert.latest-alert{background:#e31d2b!important;border-color:#ff6b72!important;color:#fff}.alert.latest-alert strong,.alert.latest-alert small{color:#fff}.alert.latest-alert .badge{background:#fff;color:#b42318}.alert.latest-alert .alert-icon{background:#fff!important;color:#e31d2b!important}.alert.pulse:not(.latest-alert){animation:none}.alert.latest-alert{animation:pulseAlert 1.4s ease-in-out infinite}.vehicle-pill,.cnh-area,.crlv-area{max-width:100%;overflow:hidden}.vehicle-pill strong,.vehicle-pill small,.cnh-area small,.crlv-area small{overflow:hidden;text-overflow:ellipsis}.file-row{min-width:0}.file-row .hint{min-width:0;overflow:hidden;text-overflow:ellipsis}.bo-action{white-space:nowrap}@media(max-width:1180px){.admin-insights{grid-template-columns:1fr}.rank-card{min-height:auto}.bar-chart{height:190px}.hero,.grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:10px}.main{border-radius:20px}.view{padding:16px}.top{padding:20px}.metrics,.quick,.form{grid-template-columns:1fr}.bar-chart{gap:10px;overflow-x:auto;justify-content:flex-start}.bar-item{min-width:64px}.side{border-radius:20px}}
.alert-frame-fix-v3{display:none}.soft.bo-action::before,.badge::before,.alert .badge::before,.danger::before{content:none!important;margin:0!important}.alert{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;min-height:96px;overflow:hidden}.alert-icon{font-size:15px;line-height:1;flex:0 0 auto}.alert strong,.alert small{min-width:0;overflow-wrap:anywhere}.alert .badge{justify-self:end;align-self:center;white-space:nowrap;margin:0;position:static}.alert.latest-alert{padding:18px;border-radius:18px}.alert.latest-alert .alert-icon{width:48px;height:48px;border-radius:50%;font-size:16px}.alert.latest-alert .badge{background:rgba(255,255,255,.95)!important;color:#b42318!important;box-shadow:none}.alert.latest-alert::before,.alert.latest-alert::after{content:none!important}@media(max-width:720px){.alert{grid-template-columns:42px minmax(0,1fr);gap:10px}.alert .badge{grid-column:2;justify-self:start}.alert.latest-alert{padding:14px}}
.hero{grid-template-columns:1fr}.hero .welcome{min-height:auto}.hero .welcome .quick{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.hero .welcome .quick{grid-template-columns:1fr}}
.clean-tech-v4{display:none}:root{--tech-bg:#f6f9fc;--tech-panel:#ffffff;--tech-line:#d8e2ef;--tech-ink:#162033;--tech-muted:#65758b;--tech-blue:#1268f3;--tech-blue2:#58a6ff;--tech-cyan:#22d3ee}body{background:linear-gradient(180deg,#eef6ff 0,#f8fbff 42%,#f4f7fb 100%);color:var(--tech-ink)}.shell{gap:18px;padding:18px;background:transparent}.side{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);color:var(--tech-ink);border:1px solid rgba(18,104,243,.14);border-radius:22px;box-shadow:0 18px 42px rgba(22,32,51,.10);padding:20px}.brand strong{color:var(--tech-blue);letter-spacing:0}.brand span,.role span,.profile small,.vehicle-pill span{color:var(--tech-muted)}.mark{background:linear-gradient(135deg,var(--tech-blue),var(--tech-cyan));color:#fff;border-radius:12px}.role select,.team-select{background:#f8fbff;color:var(--tech-ink);border:1px solid var(--tech-line)}.profile,.vehicle-pill,.cnh-area,.crlv-area{background:#f8fbff;color:var(--tech-ink);border:1px solid var(--tech-line);box-shadow:none}.profile strong,.vehicle-pill strong,.cnh-area strong,.crlv-area strong{color:var(--tech-ink)}.avatar{background:linear-gradient(135deg,#dff7ff,#eaf2ff);color:var(--tech-blue)}.vehicle-car-icon{background:#eaf6ff;color:var(--tech-blue)}.panic{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 24px rgba(220,38,38,.18)}.nav button{color:#42526a;border:1px solid transparent}.nav button:hover,.nav button.active{background:#eef6ff;color:var(--tech-blue);border-color:#d8eaff;box-shadow:none}.nav button.active{box-shadow:inset 3px 0 0 var(--tech-blue)}.main{background:rgba(255,255,255,.8);border:1px solid rgba(18,104,243,.12);border-radius:22px;box-shadow:0 18px 42px rgba(22,32,51,.08)}.top{background:linear-gradient(135deg,#0f5fe8,#45a3ff);border-radius:22px 22px 0 0;color:#fff;box-shadow:none}.eyebrow{color:#dff7ff}.welcome{background:linear-gradient(135deg,#ffffff,#eef7ff);color:var(--tech-ink);border:1px solid var(--tech-line);box-shadow:0 10px 28px rgba(22,32,51,.06)}.welcome h2{color:var(--tech-ink)}.welcome p{color:var(--tech-muted)}.action-card{background:#fff;color:var(--tech-ink);border:1px solid var(--tech-line);box-shadow:0 8px 22px rgba(22,32,51,.06)}.action-card::before{background:linear-gradient(135deg,var(--tech-blue),var(--tech-cyan));box-shadow:0 8px 18px rgba(18,104,243,.18)}.action-card span{color:var(--tech-muted)}.action-card strong{color:var(--tech-ink)}.metric,.panel,.table,.rank-card{background:#fff;border:1px solid var(--tech-line);box-shadow:0 10px 28px rgba(22,32,51,.06);border-radius:16px}.metric span,th,.hint{color:var(--tech-muted)}.metric strong{color:var(--tech-ink)}.admin-insights.active{display:grid;grid-template-columns:1fr;gap:16px}.rank-card{min-height:auto}.rank-card h3{background:linear-gradient(135deg,#0f5fe8,#58a6ff)!important;color:#fff;padding:14px 18px}.rank-body{grid-template-rows:auto auto;gap:16px}.bar-chart{height:230px;background:linear-gradient(180deg,#f0f7ff,#ffffff);border:1px solid #e3edf8;border-radius:14px;padding:18px 14px 0;justify-content:center}.bar{background:linear-gradient(180deg,#58a6ff,#0f5fe8);box-shadow:0 8px 20px rgba(18,104,243,.2)}.bar-value{color:var(--tech-ink)}.bar-label{color:var(--tech-muted)}.rank-line{background:#f8fbff;border:1px solid #edf3fa;border-radius:10px;padding:10px 12px;margin-top:0}.rank-line+ .rank-line{margin-top:8px}.alert{border-radius:14px}.alert.latest-alert{border-radius:16px}.badge.info{background:#e8f7ff;color:#0f5fe8}.tabs{border-color:var(--tech-line)}.tab.active,.primary{background:linear-gradient(135deg,#0f5fe8,#58a6ff);border-color:#0f5fe8}.login-view{background:linear-gradient(135deg,#eef6ff,#dff7ff)}.login-card{border-color:#d8eaff}.login-mark{background:linear-gradient(135deg,#0f5fe8,#58a6ff)}@media(max-width:1180px){.admin-insights.active{grid-template-columns:1fr}.bar-chart{height:210px}}
.only-first-blue-v5{display:none}.rank-card h3{background:#f8fbff!important;color:var(--tech-ink)!important;border-bottom:1px solid var(--tech-line)}.rank-card:first-child h3{background:linear-gradient(135deg,#0f5fe8,#58a6ff)!important;color:#fff!important;border-bottom:0}.welcome{background:#fff!important}.welcome h2,.welcome p{color:var(--tech-ink)}.top{background:linear-gradient(135deg,#0f5fe8,#58a6ff)!important}.admin-insights .rank-card:not(:first-child) .bar{background:linear-gradient(180deg,#cbd5e1,#94a3b8);box-shadow:none}.admin-insights .rank-card:not(:first-child) .bar-chart{background:#fbfcfe}
.landing-view{min-height:100vh;background:radial-gradient(circle at 78% 14%,rgba(88,166,255,.24),transparent 30%),linear-gradient(135deg,#f7fbff 0,#eef6ff 45%,#ffffff 100%);padding:24px;color:var(--tech-ink);overflow:hidden}.landing-view.hidden{display:none}.landing-shell{max-width:1200px;margin:0 auto;display:grid;gap:30px}.landing-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.landing-brand{display:flex;align-items:center;gap:12px;font-size:18px}.landing-brand span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f5fe8,#58a6ff);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(18,104,243,.22)}.landing-brand strong{letter-spacing:-.01em}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:34px;align-items:center;padding:36px 0 20px}.landing-copy{display:grid;gap:18px}.landing-hero h1{color:var(--tech-ink);font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0;max-width:680px}.landing-hero p{font-size:18px;line-height:1.58;color:var(--tech-muted);max-width:690px}.landing-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}.landing-proof{display:flex;gap:12px;flex-wrap:wrap}.landing-proof span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(18,104,243,.12);background:rgba(255,255,255,.72);border-radius:999px;padding:8px 12px;color:#42526a;font-weight:800;font-size:13px}.device-stage{position:relative;min-height:520px;display:grid;align-items:center}.laptop{position:relative;width:min(620px,100%);border-radius:26px;background:#0f172a;padding:16px 16px 22px;box-shadow:0 34px 70px rgba(22,32,51,.22);border:1px solid rgba(255,255,255,.45)}.laptop:after{content:'';position:absolute;left:9%;right:9%;bottom:-16px;height:18px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#dce7f4,#aebdd0);box-shadow:0 18px 36px rgba(22,32,51,.14)}.screen{background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.35);min-height:342px;display:grid;gap:12px}.screen-top{display:flex;justify-content:space-between;align-items:center}.screen-title{display:grid;gap:4px}.screen-title b{font-size:17px}.screen-title small{color:var(--tech-muted)}.screen-pill{border-radius:999px;background:#ddfbef;color:#178256;padding:7px 10px;font-weight:900;font-size:12px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{background:#fff;border:1px solid #e4edf8;border-radius:14px;padding:12px;box-shadow:0 8px 20px rgba(22,32,51,.06)}.mini-card strong{display:block;font-size:24px;color:#0f5fe8}.mini-card span{display:block;color:#65758b;font-size:12px;margin-top:4px}.mini-panel{background:#fff;border:1px solid #e4edf8;border-radius:15px;padding:12px;display:grid;gap:8px}.mini-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#f8fbff}.mini-dot{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#0f5fe8,#58a6ff)}.mini-row div{min-width:0}.mini-row b{display:block;font-size:12px;line-height:1.2}.mini-row small{display:block;color:#65758b;line-height:1.25;margin-top:2px}.phone{position:absolute;right:0;bottom:8px;width:190px;border-radius:34px;background:#111827;padding:10px;box-shadow:0 26px 60px rgba(22,32,51,.28);border:1px solid rgba(255,255,255,.28)}.phone:before{content:'';position:absolute;top:8px;left:50%;width:56px;height:5px;transform:translateX(-50%);border-radius:999px;background:#293548}.phone-screen{min-height:350px;border-radius:27px;background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:28px 12px 14px;display:grid;gap:10px;align-content:start}.phone-card{background:#fff;border:1px solid #e4edf8;border-radius:18px;padding:12px;text-align:center;box-shadow:0 10px 22px rgba(22,32,51,.07)}.phone-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:linear-gradient(135deg,#0f5fe8,#58a6ff);color:#fff;font-weight:900}.phone-card strong{display:block;color:#162033}.phone-card small{display:block;color:#65758b;margin-top:4px}.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:32px}.landing-features article{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(18,104,243,.12);border-radius:20px;padding:20px;box-shadow:0 14px 32px rgba(22,32,51,.08);display:grid;gap:10px}.landing-features i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf6ff,#ddfbf5);color:#0f5fe8;font-style:normal;font-weight:900}.landing-features strong{font-size:15px;letter-spacing:.02em}.landing-features span{color:var(--tech-muted);line-height:1.45;font-size:14px}@media(max-width:980px){.landing-hero{grid-template-columns:1fr;padding-top:22px}.device-stage{min-height:500px}.phone{right:20px}.landing-features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-view{padding:18px}.landing-top{align-items:flex-start}.landing-brand strong{font-size:16px}.landing-hero h1{font-size:36px}.landing-hero p{font-size:16px}.device-stage{min-height:auto}.laptop{padding:12px;border-radius:22px}.screen{min-height:auto}.mini-grid{grid-template-columns:1fr}.phone{position:relative;right:auto;bottom:auto;margin:20px auto 0}.landing-features{grid-template-columns:1fr}}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.theme-ocean{--tech-blue:#0891b2;--tech-blue2:#22d3ee;--tech-cyan:#67e8f9}.theme-dark{--tech-bg:#0f172a;--tech-panel:#111827;--tech-line:#334155;--tech-ink:#e5e7eb;--tech-muted:#94a3b8;background:#0f172a;color:#e5e7eb}.theme-dark .main,.theme-dark .side,.theme-dark .panel,.theme-dark .table,.theme-dark .metric,.theme-dark .rank-card,.theme-dark .welcome,.theme-dark .action-card{background:#111827!important;color:#e5e7eb;border-color:#334155}.theme-dark .welcome h2,.theme-dark h2,.theme-dark .metric strong,.theme-dark .rank-card:not(:first-child) h3{color:#e5e7eb!important}.theme-dark .rank-line,.theme-dark .vehicle-pill,.theme-dark .profile,.theme-dark .cnh-area,.theme-dark .crlv-area{background:#1f2937;color:#e5e7eb;border-color:#334155}@media(max-width:820px){.landing-hero,.landing-features{grid-template-columns:1fr}.landing-top{align-items:flex-start;flex-direction:column}.top-actions{justify-content:flex-start}}
.compact-doc-actions-v6{display:none}.file-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-row .soft,.vehicle-doc-actions .soft,.bo-action{min-height:32px;padding:7px 10px;font-size:12px;border-radius:10px}.file-row .camera{max-width:max-content}.cnh-area .file-row,.crlv-area .vehicle-doc-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.floating-actions{position:fixed;top:12px;right:18px;z-index:45;display:flex;gap:8px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid rgba(18,104,243,.14);border-radius:14px;padding:6px;box-shadow:0 10px 26px rgba(22,32,51,.10)}.floating-actions .btn{min-height:30px;padding:6px 10px;font-size:12px;border-radius:9px}.top{padding-right:190px}.brand-home{border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.brand-home:hover .mark{transform:translateY(-1px)}.brand-home .mark{transition:transform .18s ease}.profile-photo,.vehicle-photo{width:42px;height:42px;border-radius:12px;object-fit:cover;background:#eaf6ff;border:1px solid var(--tech-line);display:grid;place-items:center;color:var(--tech-blue);font-weight:900}.profile-photo{border-radius:50%}.avatar.has-photo{background-size:cover;background-position:center;color:transparent}.vehicle-thumb{width:54px;height:42px;border-radius:12px;object-fit:cover;border:1px solid var(--tech-line);background:#eef6ff}.vehicle-thumb.empty{display:grid;place-items:center;color:var(--tech-blue);font-weight:900}.check-history{display:grid;gap:4px}.check-history small{color:var(--tech-muted)}.rank-card.fleet-main{order:-1;border:1px solid rgba(18,104,243,.35);box-shadow:0 16px 34px rgba(18,104,243,.12)}.rank-card.fleet-main h3{background:linear-gradient(135deg,#0f5fe8,#58a6ff)!important;color:#fff!important}.rank-card.fleet-main .bar-chart{height:260px}.rank-card.fleet-main .bar{width:64px}.admin-insights .rank-card:not(.fleet-main):first-child h3{background:#f8fbff!important;color:var(--tech-ink)!important;border-bottom:1px solid var(--tech-line)}@media(max-width:720px){.floating-actions{position:static;margin:10px;justify-content:flex-start}.top{padding-right:20px}.cnh-area .file-row,.crlv-area .vehicle-doc-actions{flex-wrap:wrap}}
.import-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upload-batch{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.upload-batch input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-crlv-inline{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.upload-crlv-inline input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-actions .soft{min-height:32px;padding:7px 10px;font-size:12px;border-radius:10px}.import-actions .soft::before{content:'';margin-right:6px}.upload-batch::before{content:'';margin-right:6px}.upload-batch.soft::before{content:''}@media(max-width:760px){.panel-head{align-items:flex-start;flex-direction:column}.import-actions{width:100%}}
.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;border:1px solid var(--tech-line);border-radius:14px;background:#fff;padding:14px}.timeline-item strong{display:block}.timeline-item small{color:var(--tech-muted)}.timeline-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f7ff;color:#0f5fe8;font-weight:900}.expiration-grid,.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.expiration-card,.finance-card{border:1px solid var(--tech-line);border-radius:16px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(22,32,51,.06);display:grid;gap:8px}.expiration-card.danger{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);animation:pulseCnh 1.35s ease-in-out infinite}.expiration-card.warn{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.35);animation:pulseCnh 1.55s ease-in-out infinite}.expiration-card.ok{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.28)}.finance-card strong{font-size:26px}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.status-select{border:1px solid var(--tech-line);border-radius:10px;min-height:32px;padding:6px;background:#fff}.occ-status{font-weight:900}.occ-status.open{color:#dc2626}.occ-status.analysis{color:#d97706}.occ-status.done{color:#059669}@media(max-width:980px){.expiration-grid,.finance-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}}
.ios26-liquid-v7{display:none}:root{--glass-bg:rgba(255,255,255,.54);--glass-strong:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.68);--glass-shadow:0 24px 70px rgba(54,82,122,.18);--glass-blue:#007aff;--glass-cyan:#64d2ff;--glass-text:#101828;--glass-muted:#667085}body{background:radial-gradient(circle at 12% 8%,rgba(100,210,255,.55),transparent 32%),radial-gradient(circle at 82% 2%,rgba(191,219,254,.9),transparent 35%),linear-gradient(145deg,#eef7ff 0%,#f9fbff 45%,#eaf3ff 100%);color:var(--glass-text)}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 42%,rgba(255,255,255,.28));z-index:-1}.shell{padding:18px;gap:18px}.side,.main,.login-card,.landing-card,.landing-features article,.panel,.table,.metric,.rank-card,.welcome,.action-card,.profile,.vehicle-pill,.cnh-area,.crlv-area,.finance-card,.expiration-card{background:var(--glass-bg)!important;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);border:1px solid var(--glass-line)!important;box-shadow:var(--glass-shadow);color:var(--glass-text)}.side{border-radius:30px;padding:20px}.main{border-radius:30px;overflow:hidden}.top{background:rgba(255,255,255,.46)!important;backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);border-bottom:1px solid rgba(255,255,255,.65);color:var(--glass-text);box-shadow:0 14px 38px rgba(54,82,122,.12)}.top h1{color:var(--glass-text)}.eyebrow{color:var(--glass-blue)}.brand-home,.brand{color:var(--glass-text)}.brand strong{color:var(--glass-text)}.brand span,.role span,.profile small,.vehicle-pill span,.hint,.welcome p,.landing-card span,.landing-features span,.metric span,th{color:var(--glass-muted)}.mark,.login-mark,.landing-brand span{background:linear-gradient(145deg,rgba(0,122,255,.95),rgba(100,210,255,.85));box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 14px 28px rgba(0,122,255,.22);color:#fff}.nav button{border-radius:18px;color:#344054}.nav button:hover,.nav button.active{background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 10px 24px rgba(54,82,122,.12);color:var(--glass-blue)}.nav button.active{box-shadow:inset 4px 0 0 rgba(0,122,255,.72),0 10px 24px rgba(54,82,122,.12)}.floating-actions{background:rgba(255,255,255,.55);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);border-color:rgba(255,255,255,.7);box-shadow:0 18px 48px rgba(54,82,122,.18)}button,.btn,.primary,.soft,.tab,.danger,.panic,.status-select,input,select{border-radius:999px}.primary,.tab.active{background:linear-gradient(145deg,rgba(0,122,255,.95),rgba(100,210,255,.86));border-color:rgba(255,255,255,.75);box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 12px 28px rgba(0,122,255,.20)}.soft,.btn,.status-select{background:rgba(255,255,255,.64);border-color:rgba(255,255,255,.78);box-shadow:inset 0 1px 1px rgba(255,255,255,.85)}input,select{background:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.86)!important;color:var(--glass-text)!important}.welcome{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42))!important}.action-card::before,.vehicle-car-icon{background:linear-gradient(145deg,rgba(0,122,255,.9),rgba(100,210,255,.78));color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 12px 24px rgba(0,122,255,.18)}.metric,.panel,.rank-card,.finance-card,.expiration-card{border-radius:24px}.rank-card h3{background:rgba(255,255,255,.58)!important;color:var(--glass-text)!important;border-bottom:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px)}.rank-card:first-child h3,.rank-card.fleet-main h3{background:linear-gradient(145deg,rgba(0,122,255,.88),rgba(100,210,255,.76))!important;color:#fff!important}.bar-chart{background:rgba(255,255,255,.36);border-color:rgba(255,255,255,.62)}.bar{background:linear-gradient(180deg,rgba(100,210,255,.95),rgba(0,122,255,.88));box-shadow:0 12px 28px rgba(0,122,255,.22)}.rank-line{background:rgba(255,255,255,.46);border-color:rgba(255,255,255,.65)}.alert{background:rgba(255,255,255,.52);border-color:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(54,82,122,.10)}.alert.latest-alert{background:linear-gradient(145deg,rgba(255,59,48,.92),rgba(255,69,58,.82))!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 18px 44px rgba(255,59,48,.28)}.badge{background:rgba(255,255,255,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.72)}.login-view,.landing-view{background:radial-gradient(circle at 15% 15%,rgba(100,210,255,.62),transparent 35%),radial-gradient(circle at 85% 10%,rgba(0,122,255,.20),transparent 36%),linear-gradient(145deg,#eef7ff,#ffffff)}.landing-hero h1,.login-card h1{color:var(--glass-text)}.landing-card,.login-card{background:rgba(255,255,255,.58)!important}.avatar,.profile-photo,.vehicle-thumb{box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 10px 22px rgba(54,82,122,.14)}.theme-dark{background:#0b1220}.theme-dark .side,.theme-dark .main,.theme-dark .panel,.theme-dark .table,.theme-dark .metric,.theme-dark .rank-card,.theme-dark .welcome,.theme-dark .action-card,.theme-dark .profile,.theme-dark .vehicle-pill,.theme-dark .cnh-area,.theme-dark .crlv-area{background:rgba(17,24,39,.62)!important;border-color:rgba(148,163,184,.28)!important;color:#e5e7eb}.theme-dark .top{background:rgba(15,23,42,.62)!important;color:#e5e7eb}.theme-dark .top h1,.theme-dark h2,.theme-dark .metric strong,.theme-dark .brand strong{color:#e5e7eb!important}@supports not ((backdrop-filter:blur(1px))){.side,.main,.panel,.table,.metric,.rank-card,.welcome,.action-card{background:#fff!important}}
.designer-fix-v8{display:none}body{font-size:14px}.landing-hero h1{font-size:clamp(30px,4.2vw,50px)}h1{font-size:26px}h2{font-size:18px}h3{font-size:15px}.welcome h2{font-size:22px}.metric strong{font-size:24px}.action-card strong{font-size:20px}.rank-card h3{font-size:16px}.top{padding-top:22px;padding-bottom:16px}.form label{font-size:12px}.panel-head h2{font-size:17px}input,select,textarea{background:rgba(255,255,255,.92)!important;border:1px solid rgba(92,124,166,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(16,24,40,.04);color:#172033!important}.theme-dark input,.theme-dark select,.theme-dark textarea{background:rgba(15,23,42,.88)!important;border-color:rgba(148,163,184,.42)!important;color:#e5e7eb!important}.panel,.table,.metric,.rank-card,.welcome,.action-card,.profile,.vehicle-pill,.cnh-area,.crlv-area,.finance-card,.expiration-card{background:rgba(255,255,255,.68)!important}.side{background:rgba(255,255,255,.72)!important}.main{background:rgba(255,255,255,.68)!important}.hint,small,.brand span,.profile small,.vehicle-pill span{font-size:12px}.avatar-button{border:0;cursor:pointer;padding:0}.avatar-button:hover{outline:3px solid rgba(0,122,255,.22)}.panic{animation:occPulse 1.35s ease-in-out infinite}@keyframes occPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(239,68,68,0)}50%{transform:scale(1.018);box-shadow:0 0 0 7px rgba(239,68,68,.16)}}#teamDriverSearch{padding-left:12px}.team-search-result{margin-top:8px;color:var(--tech-muted);font-size:12px}.nav button,.btn,.primary,.soft,.danger,.tab{font-size:12px}.landing-card strong{font-size:20px}.landing-hero p{font-size:16px}.login-card h1{font-size:26px}
.ios-button-fix-v9{display:none}button,.btn,.primary,.soft,.danger,.tab,.panic,.bo-action,.upload-batch{font-size:11px!important;font-weight:800;letter-spacing:.01em;min-height:30px;padding:7px 10px;border-radius:12px!important;border:1px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.66)!important;color:#0f766e!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 8px 18px rgba(54,82,122,.10)!important;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}.primary,.panic,.tab.active{background:linear-gradient(145deg,rgba(0,122,255,.92),rgba(100,210,255,.76))!important;color:#fff!important;border-color:rgba(255,255,255,.82)!important}.danger{color:#b42318!important;background:rgba(255,255,255,.72)!important}.nav button{justify-content:flex-start;color:#344054!important}.nav button.active{color:#007aff!important;background:rgba(255,255,255,.78)!important}.file-row .soft,.file-row .bo-action,.vehicle-doc-actions .bo-action,.cnh-area .soft,.crlv-area .soft{display:inline-flex;align-items:center;justify-content:center;min-width:88px;white-space:normal;text-align:center;line-height:1.12}.cnh-area .file-row{align-items:stretch}.cnh-area label:first-of-type{color:#dc2626!important}.cnh-area label:first-of-type::first-line{color:#dc2626}.cnh-area label{font-size:12px}.cnh-area input[type=date]{font-size:13px;font-weight:800}.occurrence-subtitle h3{font-size:14px}.panel .file-row .soft.camera{max-width:120px}.bo-action::before{content:'';margin-right:5px}.bo-action[download]::before{content:''}.soft.camera::before{content:'';margin-right:5px}.panic::before{color:currentColor}.theme-dark button,.theme-dark .btn,.theme-dark .soft,.theme-dark .bo-action{background:rgba(15,23,42,.72)!important;color:#67e8f9!important;border-color:rgba(148,163,184,.34)!important}
.fine-popup{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(127,29,29,.22);backdrop-filter:blur(10px);padding:20px}.fine-popup[hidden]{display:none}.fine-popup-card{position:relative;width:min(430px,100%);background:linear-gradient(145deg,rgba(239,68,68,.96),rgba(185,28,28,.94));color:#fff;border:1px solid rgba(255,255,255,.42);border-radius:24px;box-shadow:0 28px 80px rgba(185,28,28,.36);padding:24px;display:grid;gap:12px;animation:finePop .22s ease-out}.fine-popup-card strong{font-size:22px}.fine-popup-card p{margin:0;color:#fff;line-height:1.45}.fine-popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}.fine-popup-card .primary{background:#fff!important;color:#b91c1c!important;border-color:rgba(255,255,255,.8)!important}@keyframes finePop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.response-popup{position:fixed;inset:0;z-index:81;display:grid;place-items:center;background:rgba(22,163,74,.20);backdrop-filter:blur(10px);padding:20px}.response-popup[hidden]{display:none}.response-popup-card{position:relative;width:min(450px,100%);background:linear-gradient(145deg,rgba(34,197,94,.98),rgba(21,128,61,.96));color:#fff;border:1px solid rgba(255,255,255,.46);border-radius:24px;box-shadow:0 28px 80px rgba(21,128,61,.34);padding:24px;display:grid;gap:12px;animation:finePop .22s ease-out}.response-popup-card strong{font-size:22px}.response-popup-card p{margin:0;color:#fff;line-height:1.45}.response-popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}.response-popup-card .primary{background:#fff!important;color:#166534!important;border-color:rgba(255,255,255,.84)!important}
.restore-button-font-v10{display:none}button,.btn,.primary,.soft,.danger,.tab,.panic,.bo-action,.upload-batch{font-size:13px!important}.nav button{font-size:14px!important}.floating-actions .btn{font-size:12px!important}.file-row .soft,.file-row .bo-action,.vehicle-doc-actions .bo-action,.cnh-area .soft,.crlv-area .soft{font-size:13px!important}.login-card button,.landing-view button{font-size:14px!important}
.cnh-layout-v11{display:none}.cnh-area .file-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.cnh-area .file-row .camera{grid-column:1/-1;max-width:none!important;width:100%;min-height:42px!important;background:linear-gradient(145deg,rgba(0,122,255,.96),rgba(100,210,255,.82))!important;color:#fff!important;border-color:rgba(255,255,255,.86)!important;font-size:14px!important}.cnh-area .file-row .bo-action{width:100%;min-width:0!important;min-height:36px!important;font-size:13px!important;white-space:nowrap}.cnh-area #cnhFileName{grid-column:1/-1}.cnh-area .file-row .camera::before{color:#fff}@media(max-width:360px){.cnh-area .file-row{grid-template-columns:1fr}.cnh-area .file-row .camera,.cnh-area #cnhFileName{grid-column:auto}}
.vehicle-occurrence-button-v13{display:none}#panicBtn.panic{background:linear-gradient(145deg,rgba(239,68,68,.98),rgba(185,28,28,.94))!important;color:#fff!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 14px 30px rgba(185,28,28,.28)!important;animation:occPulse 1.35s ease-in-out infinite}#panicBtn.panic::before{content:''!important;color:#fff!important;margin-right:8px}#panicBtn.panic:hover{background:linear-gradient(145deg,rgba(248,113,113,.98),rgba(220,38,38,.96))!important}
.vehicle-occurrence-bigger-v14{display:none}#panicBtn.panic{min-height:54px!important;width:100%;font-size:15px!important;border-radius:18px!important;padding:13px 18px!important;letter-spacing:.02em}#panicBtn.panic::before{font-size:18px!important;margin-right:10px!important}
.sidebar-collapsed .shell{grid-template-columns:86px minmax(0,1fr)}.sidebar-collapsed .side{padding:16px 10px;align-items:center}.sidebar-collapsed .brand-home div:not(.mark),.sidebar-collapsed .profile,.sidebar-collapsed .vehicle-pill,.sidebar-collapsed .cnh-area,.sidebar-collapsed .crlv-area,.sidebar-collapsed .role{display:none!important}.sidebar-collapsed .brand-home{justify-content:center}.sidebar-collapsed .nav{width:100%}.sidebar-collapsed .nav button{font-size:0!important;text-align:center;padding:13px 8px;display:grid;place-items:center}.sidebar-collapsed .nav button::before{font-size:18px!important;margin:0!important;width:auto}.sidebar-collapsed #menuToggleBtn{background:linear-gradient(145deg,rgba(0,122,255,.92),rgba(100,210,255,.76))!important;color:#fff!important}@media(max-width:820px){.sidebar-collapsed .shell{grid-template-columns:1fr}.sidebar-collapsed .side{display:none}}
.menu-corner-v15{display:none}.side{position:relative}.menu-corner-toggle{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border-radius:50%!important;background:rgba(15,23,42,.88)!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 12px 28px rgba(15,23,42,.18)!important;display:grid;place-items:center;padding:0!important}.menu-corner-toggle span{display:block;width:20px;height:3px;border-radius:999px;background:#fff;position:relative}.menu-corner-toggle span:nth-child(1){transform:translateY(2px)}.menu-corner-toggle span:nth-child(2){transform:translateY(0)}.menu-corner-toggle span:nth-child(3){transform:translateY(-2px)}.sidebar-collapsed .menu-corner-toggle{right:50%;transform:translateX(50%);background:linear-gradient(145deg,rgba(0,122,255,.95),rgba(100,210,255,.82))!important}.sidebar-collapsed .shell{grid-template-columns:96px minmax(0,1fr)}.sidebar-collapsed .side{padding:70px 12px 16px!important;border-radius:28px;min-width:0}.sidebar-collapsed .brand-home{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:42px;height:42px}.sidebar-collapsed .brand-home .mark{width:42px;height:42px}.sidebar-collapsed .nav{margin-top:8px;gap:10px}.sidebar-collapsed .nav button{width:54px;height:48px;margin:0 auto;border-radius:16px!important;padding:0!important;background:rgba(255,255,255,.56)!important}.sidebar-collapsed .nav button.active{background:rgba(255,255,255,.86)!important}.sidebar-collapsed .floating-actions{right:18px}.sidebar-collapsed .main{border-radius:28px}.sidebar-collapsed .top{border-radius:28px 28px 0 0}@media(max-width:820px){.menu-corner-toggle{position:fixed;top:14px;left:14px;right:auto}.sidebar-collapsed .side{display:none}.sidebar-collapsed .shell{grid-template-columns:1fr}}
.feed-menu-v16{display:none}.menu-corner-toggle{display:none!important}.feed-menu-toggle{width:100%;display:flex!important;align-items:center;justify-content:space-between;margin:6px 0 8px;padding:12px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.66)!important;color:var(--glass-text)!important}.feed-menu-toggle strong{font-size:18px;transition:transform .2s ease}.menu-feed-closed .feed-menu-toggle strong{transform:rotate(-90deg)}.nav-feed{max-height:720px;overflow:hidden;transition:max-height .28s ease,opacity .22s ease,transform .24s ease}.menu-feed-closed .nav-feed{max-height:0;opacity:0;transform:translateY(-8px);pointer-events:none}.theme-select{min-height:30px;padding:6px 10px;border-radius:999px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.78)!important;color:var(--glass-text)!important;font-size:12px;font-weight:800}.theme-purple{--glass-blue:#7c3aed;--glass-cyan:#c084fc;background:radial-gradient(circle at 12% 8%,rgba(192,132,252,.45),transparent 32%),linear-gradient(145deg,#f6f0ff,#fff)}.theme-orange{--glass-blue:#f97316;--glass-cyan:#fdba74;background:radial-gradient(circle at 12% 8%,rgba(251,146,60,.42),transparent 32%),linear-gradient(145deg,#fff7ed,#fff)}.theme-red{--glass-blue:#ef4444;--glass-cyan:#fca5a5;background:radial-gradient(circle at 12% 8%,rgba(248,113,113,.38),transparent 32%),linear-gradient(145deg,#fff1f2,#fff)}.theme-yellow{--glass-blue:#ca8a04;--glass-cyan:#fde047;background:radial-gradient(circle at 12% 8%,rgba(253,224,71,.46),transparent 32%),linear-gradient(145deg,#fefce8,#fff)}.theme-green{--glass-blue:#059669;--glass-cyan:#6ee7b7;background:radial-gradient(circle at 12% 8%,rgba(110,231,183,.42),transparent 32%),linear-gradient(145deg,#ecfdf5,#fff)}.theme-pink{--glass-blue:#db2777;--glass-cyan:#f9a8d4;background:radial-gradient(circle at 12% 8%,rgba(249,168,212,.42),transparent 32%),linear-gradient(145deg,#fdf2f8,#fff)}.theme-blue{--glass-blue:#007aff;--glass-cyan:#64d2ff}.sidebar-collapsed .shell{grid-template-columns:310px minmax(0,1fr)}.sidebar-collapsed .side{padding:20px!important;align-items:stretch}.sidebar-collapsed .brand-home div:not(.mark),.sidebar-collapsed .profile,.sidebar-collapsed .vehicle-pill,.sidebar-collapsed .cnh-area,.sidebar-collapsed .crlv-area,.sidebar-collapsed .role{display:initial!important}.sidebar-collapsed .nav button{font-size:14px!important;width:auto;height:auto;display:block;text-align:left;padding:13px 14px!important}.sidebar-collapsed .nav button::before{font-size:inherit!important;margin-right:8px!important}.sidebar-collapsed .brand-home{position:static;transform:none;width:auto;height:auto}.sidebar-collapsed .brand-home .mark{width:44px;height:44px}.crlv-area{order:3}.cnh-area{order:4}.panic{order:5}.side{display:flex;flex-direction:column}.profile{order:1}.crlv-area,.cnh-area,#panicBtn,.feed-menu-toggle,.nav-feed{flex-shrink:0}.feed-menu-toggle{order:6}.nav-feed{order:7}
.menu-order-fix-v17{display:none}.profile{order:1}.crlv-area{order:2}#panicBtn{order:3}.cnh-area{order:4}.feed-menu-toggle{order:5}.nav-feed{order:6}
.theme-buttons-v18{display:none}.primary,.tab.active,.panic,.rank-card:first-child h3,.rank-card.fleet-main h3{background:linear-gradient(145deg,var(--glass-blue),var(--glass-cyan))!important}.nav button.active{color:var(--glass-blue)!important}.nav button.active{box-shadow:inset 4px 0 0 var(--glass-blue),0 10px 24px rgba(54,82,122,.12)!important}.action-card::before,.vehicle-car-icon,.mark,.login-mark,.landing-brand span{background:linear-gradient(145deg,var(--glass-blue),var(--glass-cyan))!important}.bar{background:linear-gradient(180deg,var(--glass-cyan),var(--glass-blue))!important}.soft:hover,.btn:hover,.bo-action:hover{border-color:color-mix(in srgb,var(--glass-blue) 45%,white)!important;color:var(--glass-blue)!important}.theme-select:focus,input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--glass-blue) 35%,transparent);outline-offset:2px}.theme-red #panicBtn.panic{background:linear-gradient(145deg,rgba(239,68,68,.98),rgba(185,28,28,.94))!important}.theme-orange #panicBtn.panic{background:linear-gradient(145deg,#f97316,#c2410c)!important}.theme-purple #panicBtn.panic{background:linear-gradient(145deg,#7c3aed,#5b21b6)!important}.theme-yellow #panicBtn.panic{background:linear-gradient(145deg,#facc15,#ca8a04)!important;color:#3f2d00!important}.theme-green #panicBtn.panic{background:linear-gradient(145deg,#10b981,#047857)!important}.theme-pink #panicBtn.panic{background:linear-gradient(145deg,#ec4899,#be185d)!important}@media(max-width:820px){.nav-feed{max-height:560px;overflow:auto}.menu-feed-closed .nav-feed{max-height:0;overflow:hidden}}
.owner-and-viewer-v19{display:none}.doc-viewer{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.35);backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px}.doc-viewer[hidden]{display:none}.doc-viewer-card{width:min(900px,96vw);height:min(760px,90vh);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:0 28px 90px rgba(15,23,42,.25);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.doc-viewer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.28)}.doc-viewer-body{overflow:auto;display:grid;place-items:center;background:#f8fafc}.doc-viewer-body iframe{width:100%;height:100%;border:0}.doc-viewer-body img{max-width:100%;max-height:100%;object-fit:contain}.section-block{display:grid;gap:12px;margin-bottom:18px}.section-block h3{margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.72)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-card{padding:16px;border:1px solid var(--tech-line);border-radius:18px;background:rgba(255,255,255,.62);display:grid;gap:10px}.permission-card label{display:flex;align-items:center;gap:8px;font-weight:700}.edit-btn{margin-left:6px}.table-actions{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:820px){.permission-grid{grid-template-columns:1fr}.doc-viewer-card{height:86vh}}
.password-field{display:flex;gap:8px;align-items:center}.password-field input{flex:1}.password-field button{white-space:nowrap}.first-access-modal{position:fixed;inset:0;z-index:70;background:rgba(21,26,44,.42);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px}.first-access-modal[hidden]{display:none}.first-access-card{width:min(440px,100%);padding:24px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(38,52,85,.24);display:grid;gap:14px}.first-access-card h2{margin:0;font-size:22px}.first-access-card p{margin:0;color:var(--muted);font-size:14px}.first-access-card label{display:grid;gap:7px;font-weight:800}.first-access-card input{width:100%;border:1px solid rgba(104,127,178,.32);border-radius:14px;padding:12px;background:rgba(255,255,255,.9)}.login-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(80,130,255,.11);color:var(--tech);font-size:12px;font-weight:900}
.action-card{position:relative;overflow:hidden}.action-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--glass-blue,var(--tech-blue)),var(--glass-cyan,var(--tech-cyan)));color:#fff;box-shadow:0 18px 34px color-mix(in srgb,var(--glass-blue,var(--tech-blue)) 24%,transparent);text-shadow:none}.action-icon svg{width:40px;height:40px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 10px rgba(15,23,42,.18))}.action-card.attention .action-icon,.action-card.check .action-icon,.action-card.vehicle .action-icon{background:linear-gradient(145deg,var(--glass-blue,var(--tech-blue)),var(--glass-cyan,var(--tech-cyan)));box-shadow:0 18px 34px color-mix(in srgb,var(--glass-blue,var(--tech-blue)) 24%,transparent);color:#fff}
.fine-response{display:grid;gap:6px;min-width:190px}.fine-response small{color:var(--muted);font-weight:700}.fine-actions{display:flex;gap:6px;flex-wrap:wrap}.fine-actions button{font-size:12px;min-height:34px;padding:7px 9px}.fine-choice{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(96,125,180,.22);font-weight:800}.fine-choice.contested{background:rgba(99,120,243,.12);color:#3341b8}.fine-choice.double{background:rgba(255,181,71,.16);color:#9a5a00}.fine-choice.payroll{background:rgba(32,191,119,.15);color:#0b7a49}
.action-card::before{content:none!important;display:none!important}.action-card .action-icon{display:grid!important}
.nav button::before{content:none!important;display:none!important}.nav button{gap:10px!important}.sidebar-collapsed .nav button::before{content:none!important;display:none!important}
.fine-decision-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(15,23,42,.38);backdrop-filter:blur(14px);padding:18px}.fine-decision-modal[hidden]{display:none}.fine-decision-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:22px;display:grid;gap:14px}.fine-decision-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fine-decision-head h2{margin:0;color:var(--tech-ink,#162033)}.fine-decision-card .form{grid-template-columns:repeat(2,minmax(0,1fr))}.fine-term{border:1px solid rgba(96,125,180,.24);background:rgba(255,255,255,.72);border-radius:18px;padding:16px;line-height:1.55;color:var(--tech-ink,#162033)}.fine-term strong{font-weight:900}.fine-term a{color:var(--glass-blue,#0f5fe8);font-weight:900}.signature-field{min-height:76px;font-size:28px;font-family:cursive!important}.fine-decision-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.fine-decision-card .form{grid-template-columns:1fr}}
.fine-response .pdf-btn{justify-self:start;margin-top:2px}
.nav-icon{color:var(--glass-blue)!important;background:color-mix(in srgb,var(--glass-blue) 12%,white)!important}.nav-icon svg{stroke:currentColor!important}.nav button.active .nav-icon,.nav button:hover .nav-icon{background:linear-gradient(145deg,var(--glass-blue),var(--glass-cyan))!important;color:#fff!important}
.team-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-picker-box{border:1px solid var(--tech-line,rgba(96,125,180,.25));border-radius:16px;background:rgba(255,255,255,.58);padding:12px;display:grid;gap:8px;min-height:160px}.team-picker-box h3{font-size:14px;margin:0}.team-vehicle-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(96,125,180,.18);border-radius:12px;padding:8px;background:rgba(255,255,255,.68)}.team-vehicle-row small{display:block;color:var(--muted);font-weight:700}.team-vehicle-row button{min-height:32px;padding:6px 9px;font-size:12px!important}.team-picker-empty{color:var(--muted);font-weight:800;padding:10px}@media(max-width:720px){.team-picker{grid-template-columns:1fr}}
.signature-pad-wrap{grid-column:1/-1;display:grid;gap:8px}.signature-pad{width:100%;height:170px;border:1px solid rgba(96,125,180,.32);border-radius:16px;background:#fff;touch-action:none;box-shadow:inset 0 1px 8px rgba(15,23,42,.06)}.signature-preview{max-width:220px;max-height:70px;border:1px solid rgba(96,125,180,.22);border-radius:10px;background:#fff}
.driver-team-line{display:block;margin-top:6px;font-weight:800;color:var(--glass-blue,#007aff)!important}.driver-team-line b{color:inherit}.team-picker-selected{background:linear-gradient(135deg,rgba(18,104,243,.12),rgba(34,211,238,.10));border-color:rgba(18,104,243,.28)!important}.team-picker-selected .team-vehicle-row{background:rgba(255,255,255,.78);border-color:rgba(18,104,243,.22)}.team-picker-selected .team-picker-empty{color:#1268f3;font-weight:800}.fleet-value-card .rank-body{align-content:center;min-height:190px}.fleet-value-total{font-size:clamp(30px,4vw,48px);font-weight:950;color:var(--tech-ink);letter-spacing:0}.fleet-type-chart .bar{background:linear-gradient(180deg,var(--tech-cyan),var(--tech-blue))}
/* 2. alert-response-green-fix */
.alert.latest-alert.ok{background:linear-gradient(135deg,#16a34a,#22c55e)!important;border-color:#86efac!important;color:#fff!important}
.alert.latest-alert.ok strong,.alert.latest-alert.ok small{color:#fff!important}
.alert.latest-alert.ok .alert-icon{background:#fff!important;color:#16a34a!important}
.alert.latest-alert.ok .badge{background:rgba(255,255,255,.95)!important;color:#15803d!important}
.alert.latest-alert.ok{animation:pulseAlertOk 1.4s ease-in-out infinite!important}
@keyframes pulseAlertOk{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(34,197,94,0)}50%{transform:scale(1.012);box-shadow:0 0 0 5px rgba(34,197,94,.18)}}
/* 3. edit-modal-v1 */
.edit-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(15,23,42,.38);backdrop-filter:blur(14px);padding:18px}.edit-modal[hidden]{display:none}.edit-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:22px;display:grid;gap:14px}.edit-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.edit-head h2{margin:0;color:var(--tech-ink,#162033)}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.edit-grid label{display:grid;gap:7px;color:#536079;font-size:13px;font-weight:900}.edit-grid input,.edit-grid select,.edit-grid textarea{width:100%;border:1px solid rgba(104,127,178,.32);border-radius:14px;min-height:44px;padding:10px 12px;background:rgba(255,255,255,.92);color:#162033}.edit-grid textarea{min-height:88px;resize:vertical}.edit-grid .full{grid-column:1/-1}.edit-checks{border:1px solid rgba(104,127,178,.26);border-radius:16px;padding:12px;background:rgba(255,255,255,.72);display:grid;gap:8px;max-height:220px;overflow:auto}.edit-checks label{display:flex;align-items:center;gap:8px;font-weight:800;color:#162033}.edit-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:720px){.edit-grid{grid-template-columns:1fr}.edit-card{border-radius:20px;padding:18px}}
/* 4. permission-company-fix */
.permission-card.full{grid-column:1/-1}.permission-card.full>.permission-grid{margin-top:10px}
/* 5. permission-selector-fix */
.permission-selector{padding:14px;border:1px solid var(--tech-line);border-radius:18px;background:rgba(255,255,255,.68);backdrop-filter:blur(18px)}.permission-selector label{display:grid;gap:8px;font-weight:800}.permission-selector select{width:min(420px,100%);font-size:14px}
.mc-profile-permission-selector{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.mc-profile-permission-selector strong{display:block;color:#142033;font-size:18px}.mc-profile-permission-selector small{display:block;margin-top:4px;color:#66758c;font-weight:800}.mc-profile-permission-selector label{min-width:min(420px,100%)}.mc-profile-permission-shell{background:rgba(255,255,255,.5)!important}.mc-profile-permission-card{align-content:start;border-radius:18px!important;gap:14px}.mc-profile-permission-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.18)}.mc-profile-permission-card h3{margin:0;color:#172033;font-size:16px}.mc-profile-permission-card header small{display:block;margin-top:4px;color:#66758c;font-size:12px;line-height:1.35}.mc-profile-permission-card header span{min-width:52px;text-align:center;border-radius:999px;padding:7px 10px;background:linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff));color:#fff;font-size:12px;font-weight:950;box-shadow:0 10px 22px color-mix(in srgb,var(--theme-primary,#007aff) 18%,transparent)}.mc-profile-permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mc-profile-permission-list label{min-height:38px;border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.58);border:1px solid rgba(148,163,184,.22);font-size:12px;color:#243047}.mc-profile-permission-list input{accent-color:var(--theme-primary,#007aff)}@media(max-width:900px){.mc-profile-permission-selector{display:grid}.mc-profile-permission-list{grid-template-columns:1fr}}
/* 6. clickable-alerts-v1 */
.alert.clickable{cursor:pointer}.alert.clickable:hover{transform:translateY(-2px) scale(1.006)}.alert.clickable:focus-visible{outline:3px solid rgba(0,122,255,.35);outline-offset:3px}.alert.clickable.pulse:not(.latest-alert){animation:pulseAlert 1.45s ease-in-out infinite!important}
/* 7. mobile-polish-v1 */
@media(max-width:820px){
html{font-size:15px}body{background:linear-gradient(180deg,#f4f8ff,#eef4fb);overflow-x:hidden}.shell.app-locked{display:none!important}.shell{display:block;padding:0;min-height:100vh}.floating-actions{position:sticky!important;top:8px;z-index:80;margin:8px 10px 0;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:auto;justify-content:stretch}.floating-actions .btn,.theme-select{width:100%;min-height:34px!important;padding:7px 8px!important;font-size:11px!important;border-radius:999px!important}.side{margin:10px 10px 12px;padding:14px!important;border:0!important;border-radius:24px!important;gap:12px;box-shadow:0 14px 34px rgba(22,32,51,.10)!important}.brand{margin:0}.brand-home{width:100%}.mark{width:38px;height:38px;border-radius:13px}.brand strong{font-size:17px}.brand span{font-size:12px}.role{display:none}.profile{padding:12px;border-radius:18px;gap:10px}.profile-top{gap:10px}.avatar{width:44px;height:44px}.profile strong{font-size:14px}.profile small{font-size:12px}.vehicle-pill{padding:10px;border-radius:16px;gap:10px}.vehicle-car-icon{width:36px;height:36px;border-radius:12px}.vehicle-pill strong{font-size:14px}.panic{min-height:52px;border-radius:18px;font-size:14px!important}.cnh-area,.crlv-area{padding:12px;border-radius:18px}.cnh-area .file-row,.crlv-area .vehicle-doc-actions,.vehicle-doc-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.cnh-area .file-row .camera,.cnh-area .file-row .hint,.crlv-area .vehicle-doc-actions .camera{grid-column:1/-1}.cnh-area .soft,.crlv-area .soft,.bo-action{justify-content:center;min-height:38px}.feed-menu-toggle{width:100%;min-height:46px;border-radius:18px;border:1px solid rgba(18,104,243,.12);background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:900;color:var(--glass-text,var(--tech-ink));box-shadow:0 10px 26px rgba(22,32,51,.08)}.feed-menu-toggle span{font-size:14px}.feed-menu-toggle strong{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);color:var(--glass-blue,var(--tech-blue))}.menu-feed-closed .feed-menu-toggle strong{transform:none!important}.nav-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto;padding-top:2px}.menu-feed-closed .nav-feed{max-height:0!important;padding-top:0;overflow:hidden}.nav button{min-height:44px;border-radius:16px;padding:10px!important;gap:8px;font-size:12.5px!important;justify-content:flex-start}.nav button::before{display:none!important}.nav-icon{width:28px;height:28px;min-width:28px;border-radius:11px}.main{margin:0 10px 12px;border-radius:24px!important;overflow:visible}.top{padding:18px 16px!important;border-radius:24px 24px 0 0!important;gap:10px}.top h1{font-size:25px;line-height:1.08}.eyebrow{font-size:11px;margin-bottom:6px}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;justify-content:stretch}.top-actions .btn,.top-actions .primary,.top-actions .soft{width:100%;min-height:38px;font-size:12px!important}.view{padding:14px!important;gap:14px!important}.welcome{padding:16px!important;border-radius:20px}.welcome h2{font-size:22px;line-height:1.12}.welcome p{font-size:14px;line-height:1.45}.quick{grid-template-columns:1fr!important;gap:10px}.action-card{min-height:112px;padding:14px;border-radius:20px;gap:6px}.action-icon{width:58px!important;height:58px!important;margin-bottom:8px!important}.action-icon svg{width:31px!important;height:31px!important}.action-card strong{font-size:24px!important}.action-card span{font-size:12.5px!important;line-height:1.3}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.metric{padding:14px;border-radius:18px}.metric span{font-size:12px;margin-bottom:6px}.metric strong{font-size:25px}.hero,.grid,.content-grid,.admin-insights.active{grid-template-columns:1fr!important;gap:12px}.panel{padding:14px;border-radius:20px}.panel-head{align-items:flex-start;margin-bottom:10px}.panel-head h2{font-size:18px}.alert{grid-template-columns:40px minmax(0,1fr)!important;min-height:auto;padding:12px!important;border-radius:16px;gap:10px}.alert-icon{width:40px!important;height:40px!important}.alert strong{font-size:13px;line-height:1.25}.alert small{font-size:12px;line-height:1.35}.alert .badge{grid-column:2!important;justify-self:start!important;min-height:24px;font-size:11px}.form{grid-template-columns:1fr!important;gap:11px}.form label{font-size:12px}.form input,.form select,.form textarea{min-height:42px;border-radius:14px;font-size:14px}.wide,.full{grid-column:auto!important}.file-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.file-row .hint{grid-column:1/-1}.tabs{width:100%;display:flex;overflow:auto}.tab{flex:1;min-width:max-content;font-size:12px!important}.table{border-radius:18px;overflow:auto;-webkit-overflow-scrolling:touch}.table:before{content:'Arraste para ver mais';display:block;padding:9px 12px;color:var(--tech-muted);font-size:11px;font-weight:800;background:#f8fbff;border-bottom:1px solid var(--tech-line)}table{min-width:650px}th,td{padding:10px;font-size:12.5px}.table-actions{display:grid;grid-template-columns:1fr;gap:6px}.table-actions button{min-height:34px;font-size:12px!important}.bar-chart{height:180px;overflow-x:auto;justify-content:flex-start}.bar-item{min-width:60px}.toast{left:12px;right:12px;bottom:14px;max-width:none;text-align:center}.modal-card,.edit-modal-card,.fine-decision-card,.doc-viewer-card{width:calc(100vw - 24px)!important;max-height:88vh;overflow:auto;border-radius:22px!important}.loading-card{border-radius:24px;padding:24px}.login-card{padding:24px;border-radius:24px}.login-view{padding:16px;z-index:120!important}.login-loading{z-index:130!important}.login-card input{font-size:16px!important}.landing-view{padding:18px}.landing-top{display:grid;grid-template-columns:1fr;align-items:start}.landing-hero{padding-top:18px}.landing-hero h1{font-size:34px;line-height:1.05}.landing-hero p{font-size:15px;line-height:1.5}.landing-proof{gap:8px}.landing-proof span{font-size:12px}.device-stage{transform:none}.screen{padding:12px}.phone{width:170px}.landing-features article{padding:16px}}
@media(max-width:420px){.metrics{grid-template-columns:1fr!important}.nav-feed{grid-template-columns:1fr}.floating-actions{grid-template-columns:1fr 1fr}.floating-actions .theme-select{grid-column:1/-1}.top h1{font-size:23px}.panel-head{display:grid}.cnh-area .file-row,.crlv-area .vehicle-doc-actions,.file-row{grid-template-columns:1fr!important}.landing-hero h1{font-size:31px}}
/* 8. checklist-term-v1 */
.checklist-term-box{border:1px solid var(--tech-line);background:#f8fbff;border-radius:16px;padding:14px;display:grid;gap:10px}.term-accept{display:flex!important;align-items:center;gap:9px;color:var(--tech-ink)!important;font-size:13px!important}.term-accept input{width:auto!important;min-height:auto!important}.driver-select-inline{min-width:170px;border:1px solid var(--tech-line);border-radius:12px;padding:8px 10px;background:#fff;color:var(--tech-ink);font-size:12px}
/* 9. brand-logo-v2 */
.landing-brand{gap:6px!important;font-size:18px!important}.landing-brand .brand-logo{width:98px!important;height:98px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid!important;place-items:center!important}.landing-brand strong{font-size:19px!important;letter-spacing:0!important;line-height:1!important;display:inline-flex!important;align-items:baseline!important;gap:1px!important;margin-left:-4px!important}.brand-word{font-weight:900!important;font-style:normal!important}.brand-domain{font-weight:500!important;font-style:normal!important;opacity:.82!important}.brand .mark{width:90px!important;height:90px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important}.brand strong{font-size:18px!important;letter-spacing:0!important;line-height:1!important;display:inline-flex!important;align-items:baseline!important;gap:1px!important;margin-left:-5px!important}.login-mark{width:126px!important;height:126px!important;border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:grid!important;place-items:center!important}.login-card h1{font-size:28px!important;display:inline-flex!important;justify-content:center!important;align-items:baseline!important;gap:1px!important}.mark img,.login-mark img,.landing-brand .brand-logo img{width:100%;height:100%;object-fit:contain;display:block}.loading-orb:after{background:#fff url('logo-meucondutor.png') center/46px 46px no-repeat!important}@media(max-width:820px){.landing-brand{gap:4px!important}.landing-brand .brand-logo{width:78px!important;height:78px!important}.landing-brand strong{font-size:17px!important;margin-left:-4px!important}.brand .mark{width:74px!important;height:74px!important}.brand strong{font-size:17px!important;margin-left:-4px!important}.login-mark{width:104px!important;height:104px!important}.login-card h1{font-size:25px!important}}
.landing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-actions .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 26px rgba(15,23,42,.08);font-weight:900;color:#0f355f}.landing-actions .btn:hover{transform:translateY(-1px)}
/* 10. brand-sidebar-fit-v1 */
.brand-home{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:76px!important;padding:8px 10px!important;border-radius:16px!important}.brand-home .mark{width:64px!important;height:64px!important;min-width:64px!important;margin:0!important;justify-self:center!important;align-self:center!important}.brand-home>div:not(.mark){min-width:0!important;display:grid!important;gap:3px!important;align-content:center!important}.brand-home strong{margin-left:0!important;font-size:17px!important;line-height:1.05!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}.brand-home .brand-word{font-weight:900!important}.brand-home .brand-domain{font-weight:400!important;opacity:.86!important}.brand-home span{margin-top:0!important;font-size:12px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.brand-home img{object-fit:contain!important}@media(max-width:820px){.brand-home{grid-template-columns:58px minmax(0,1fr)!important;min-height:68px!important;gap:7px!important;padding:7px 9px!important}.brand-home .mark{width:58px!important;height:58px!important;min-width:58px!important}.brand-home strong{font-size:16px!important}.brand-home span{font-size:11px!important}}
/* 11. checklist-signature-v1 */
.checklist-signature-modal{position:fixed;inset:0;z-index:96;display:grid;place-items:center;background:rgba(15,23,42,.38);backdrop-filter:blur(14px);padding:18px}.checklist-signature-modal[hidden]{display:none}.checklist-signature-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:22px;display:grid;gap:14px}.checklist-signature-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.checklist-signature-head h2{margin:0;color:var(--tech-ink,#162033)}.checklist-signature-summary{border:1px solid rgba(96,125,180,.24);background:rgba(255,255,255,.72);border-radius:18px;padding:14px;display:grid;gap:4px;color:var(--tech-ink,#162033)}.checklist-signature-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.signed-term-view{width:100%;display:grid;gap:14px;padding:16px}.signed-term-frame{width:100%;min-height:420px;border:1px solid rgba(96,125,180,.24);border-radius:16px;background:#fff;overflow:hidden}.signed-term-frame iframe{width:100%;height:520px;border:0}.signed-term-frame img{width:100%;max-height:520px;object-fit:contain;background:#fff}.signed-term-signature{border:1px solid rgba(96,125,180,.24);border-radius:16px;background:#fff;padding:14px;display:grid;gap:8px}.signed-term-signature img{max-width:260px;max-height:110px;object-fit:contain;border:1px solid rgba(96,125,180,.20);border-radius:10px;background:#fff}.signed-term-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#536079;font-size:12px}@media(max-width:720px){.signed-term-meta{grid-template-columns:1fr}.checklist-signature-card{border-radius:22px;padding:18px}.signature-pad{height:190px}}.temporary-vehicle-actions{display:grid;grid-template-columns:1fr;gap:8px}.temporary-vehicle-btn{width:100%;justify-content:center;margin-top:-4px}.temporary-end-btn{width:100%;justify-content:center;color:#b42318!important;border-color:rgba(239,68,68,.34)!important;background:rgba(255,245,245,.86)!important}.temporary-vehicle-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.86);border-radius:26px;box-shadow:0 28px 90px rgba(15,23,42,.28);padding:22px;display:grid;gap:14px}.temporary-vehicle-summary{display:grid;gap:8px;border:1px solid rgba(96,125,180,.24);background:rgba(255,255,255,.72);border-radius:18px;padding:14px}.temporary-vehicle-summary strong{color:var(--tech-ink,#162033)}.temporary-active-note{display:block;margin-top:7px;color:var(--tech-blue,#1268f3)!important;font-weight:900}.temporary-vehicle-card textarea{min-height:96px;resize:vertical}.temporary-vehicle-card .form{grid-template-columns:repeat(2,minmax(180px,1fr))}@media(max-width:720px){.temporary-vehicle-card .form{grid-template-columns:1fr}.temporary-vehicle-card{padding:18px;border-radius:22px}}
/* 12. temporary-vehicle-v1 */
.avatar{overflow:hidden!important;position:relative!important;border:1px solid rgba(255,255,255,.72)!important;background:linear-gradient(135deg,#dff7ff,#eaf2ff)!important;color:var(--tech-blue,#1268f3)!important}.avatar.has-photo{background:#eef6ff!important;color:transparent!important}.avatar-img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}.avatar.has-photo .avatar-initials{display:none!important}.avatar-initials{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-weight:900!important;color:inherit!important}
/* 13. ios-liquid-2652-v1 */
:root{--liquid-panel:rgba(255,255,255,.48);--liquid-panel-strong:rgba(255,255,255,.68);--liquid-panel-soft:rgba(255,255,255,.34);--liquid-border:rgba(255,255,255,.78);--liquid-border-soft:rgba(120,153,205,.22);--liquid-shadow:0 24px 70px rgba(31,64,112,.16),0 8px 24px rgba(31,64,112,.08);--liquid-inner:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.26);--liquid-text:#101828;--liquid-muted:#627189}body{background:radial-gradient(circle at 8% 6%,color-mix(in srgb,var(--glass-cyan,#64d2ff) 46%,transparent),transparent 29%),radial-gradient(circle at 88% 0%,color-mix(in srgb,var(--glass-blue,#007aff) 24%,transparent),transparent 36%),radial-gradient(circle at 42% 110%,rgba(255,255,255,.94),transparent 42%),linear-gradient(145deg,#eef7ff 0%,#ffffff 45%,#eaf4ff 100%)!important;color:var(--liquid-text)!important}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.48),transparent 34%,rgba(255,255,255,.30) 58%,transparent 78%),radial-gradient(circle at 50% 35%,rgba(255,255,255,.36),transparent 38%)}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.26),transparent 68%)}.side,.main,.panel,.table,.metric,.rank-card,.welcome,.action-card,.profile,.vehicle-pill,.cnh-area,.crlv-area,.finance-card,.expiration-card,.login-card,.landing-features article,.screen,.phone-card,.mini-card,.mini-panel,.floating-actions,.doc-viewer-card,.edit-card,.fine-decision-card,.checklist-signature-card,.first-access-card{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.34))!important;border:1px solid var(--liquid-border)!important;box-shadow:var(--liquid-shadow),var(--liquid-inner)!important;backdrop-filter:blur(32px) saturate(1.65)!important;-webkit-backdrop-filter:blur(32px) saturate(1.65)!important;color:var(--liquid-text)!important}.side,.main{border-radius:34px!important}.side{background:linear-gradient(160deg,rgba(255,255,255,.74),rgba(255,255,255,.38))!important}.main{background:linear-gradient(160deg,rgba(255,255,255,.56),rgba(255,255,255,.30))!important;overflow:hidden}.top{background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.34))!important;border-bottom:1px solid rgba(255,255,255,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 14px 36px rgba(31,64,112,.10)!important;backdrop-filter:blur(34px) saturate(1.7)!important;-webkit-backdrop-filter:blur(34px) saturate(1.7)!important;color:var(--liquid-text)!important}.top h1,.welcome h2,h1,h2,h3,.metric strong,.action-card strong,.brand strong,.profile strong,.vehicle-pill strong{color:var(--liquid-text)!important}.brand span,.profile small,.vehicle-pill span,.hint,.welcome p,.metric span,th,small{color:var(--liquid-muted)!important}.panel,.metric,.rank-card,.welcome,.action-card,.table,.profile,.vehicle-pill,.cnh-area,.crlv-area{border-radius:26px!important;position:relative;overflow:hidden}.panel:before,.metric:before,.rank-card:before,.welcome:before,.action-card:before,.profile:before,.vehicle-pill:before,.cnh-area:before,.crlv-area:before,.table:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 38%,rgba(255,255,255,.24) 74%,transparent);opacity:.72}.action-card:before{width:auto!important;height:auto!important;margin:0!important;border-radius:inherit!important;box-shadow:none!important}.action-card>*{position:relative;z-index:1}.action-icon,.vehicle-car-icon,.nav-icon,.avatar,.phone-icon,.mini-dot{background:linear-gradient(145deg,color-mix(in srgb,var(--glass-blue,#007aff) 92%,white),color-mix(in srgb,var(--glass-cyan,#64d2ff) 90%,white))!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.86),inset 0 -10px 20px rgba(255,255,255,.14),0 14px 30px color-mix(in srgb,var(--glass-blue,#007aff) 24%,transparent)!important;color:#fff!important}.nav button{border:1px solid transparent!important;border-radius:20px!important;color:#314056!important;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.nav button:hover,.nav button.active{transform:translateY(-1px);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50))!important;border-color:rgba(255,255,255,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 12px 28px rgba(31,64,112,.12)!important;color:var(--glass-blue,#007aff)!important}.nav button.active{box-shadow:inset 4px 0 0 var(--glass-blue,#007aff),inset 0 1px 0 rgba(255,255,255,.94),0 12px 28px rgba(31,64,112,.12)!important}.btn,.primary,.soft,.danger,.tab,.panic,.status-select,.theme-select,.bo-action,button[data-template],.upload-batch{border-radius:999px!important;border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.44))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(31,64,112,.10)!important;color:var(--liquid-text)!important}.primary,.tab.active{background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.16)!important}.soft{color:color-mix(in srgb,var(--glass-blue,#007aff) 76%,#102033)!important}.danger{color:#dc2626!important}.panic,#panicBtn.panic{background:linear-gradient(145deg,#ff453a,#d70015)!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 34px rgba(215,0,21,.26)!important}input,select,textarea{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58))!important;border:1px solid rgba(126,154,199,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 18px rgba(31,64,112,.06)!important;border-radius:16px!important;color:var(--liquid-text)!important}.badge{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48))!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(31,64,112,.08)!important;color:#344054!important}.badge.ok{color:#047857!important}.badge.warn{color:#a16207!important}.badge.danger{color:#b42318!important}.alert{background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.38))!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(31,64,112,.10)!important;border-radius:22px!important}.alert.latest-alert.danger{background:linear-gradient(145deg,rgba(255,59,48,.96),rgba(255,69,58,.84))!important;color:#fff!important}.alert.latest-alert.ok,.alert.ok.latest-alert{background:linear-gradient(145deg,rgba(34,197,94,.94),rgba(16,185,129,.82))!important;color:#fff!important}.alert.latest-alert strong,.alert.latest-alert small{color:#fff!important}.rank-card h3{background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.34))!important;color:var(--liquid-text)!important;border-bottom:1px solid rgba(255,255,255,.72)!important}.rank-card:first-child h3,.rank-card.fleet-main h3{background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;color:#fff!important}.bar-chart{background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.26))!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;border-radius:20px!important}.bar{background:linear-gradient(180deg,var(--glass-cyan,#64d2ff),var(--glass-blue,#007aff))!important;box-shadow:0 12px 28px color-mix(in srgb,var(--glass-blue,#007aff) 28%,transparent)!important}.modal-card,.edit-card,.fine-decision-card,.doc-viewer-card,.checklist-signature-card,.first-access-card,.response-popup-card,.fine-popup-card{border-radius:30px!important;backdrop-filter:blur(38px) saturate(1.7)!important;-webkit-backdrop-filter:blur(38px) saturate(1.7)!important}.doc-viewer,.edit-modal,.fine-decision-modal,.checklist-signature-modal,.first-access-modal{background:rgba(20,34,58,.22)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}.table{background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.36))!important}table,thead,tbody,tr,td,th{background:transparent!important}th{color:#667085!important}.landing-view,.login-view{background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--glass-cyan,#64d2ff) 50%,transparent),transparent 34%),radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--glass-blue,#007aff) 26%,transparent),transparent 36%),linear-gradient(145deg,#eef7ff,#ffffff 46%,#eaf4ff)!important}.loading-card{background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.46))!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:var(--liquid-shadow),var(--liquid-inner)!important;backdrop-filter:blur(34px) saturate(1.65)!important}.loading-orb{box-shadow:inset 0 1px 1px rgba(255,255,255,.75),0 18px 38px color-mix(in srgb,var(--glass-blue,#007aff) 28%,transparent)!important}.theme-dark{--liquid-text:#eef2ff;--liquid-muted:#b7c4d7;background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.28),transparent 34%),linear-gradient(145deg,#07111f,#0b1220)!important}.theme-dark .side,.theme-dark .main,.theme-dark .panel,.theme-dark .table,.theme-dark .metric,.theme-dark .rank-card,.theme-dark .welcome,.theme-dark .action-card,.theme-dark .profile,.theme-dark .vehicle-pill,.theme-dark .cnh-area,.theme-dark .crlv-area{background:linear-gradient(145deg,rgba(30,41,59,.64),rgba(15,23,42,.44))!important;border-color:rgba(148,163,184,.28)!important;color:#eef2ff!important}.theme-dark input,.theme-dark select,.theme-dark textarea{background:linear-gradient(145deg,rgba(30,41,59,.78),rgba(15,23,42,.62))!important;color:#eef2ff!important;border-color:rgba(148,163,184,.30)!important}@media(max-width:820px){.side,.main{border-radius:28px!important}.panel,.metric,.rank-card,.welcome,.action-card,.table,.profile,.vehicle-pill,.cnh-area,.crlv-area{border-radius:22px!important}.floating-actions{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.44))!important;backdrop-filter:blur(28px) saturate(1.55)!important}.nav-feed{gap:10px!important}.nav button{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.34))!important;border-color:rgba(255,255,255,.58)!important}}
@supports not ((backdrop-filter:blur(1px))){.side,.main,.panel,.table,.metric,.rank-card,.welcome,.action-card,.profile,.vehicle-pill,.cnh-area,.crlv-area{background:#fff!important}}
/* 14. panic-fixed-red-v1 */
#panicBtn.panic,.panic#panicBtn,.theme-blue #panicBtn.panic,.theme-purple #panicBtn.panic,.theme-orange #panicBtn.panic,.theme-red #panicBtn.panic,.theme-yellow #panicBtn.panic,.theme-green #panicBtn.panic,.theme-pink #panicBtn.panic,.theme-dark #panicBtn.panic{background:linear-gradient(145deg,#ff3b30,#d70015)!important;color:#fff!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 16px 34px rgba(215,0,21,.28)!important;text-shadow:0 1px 10px rgba(0,0,0,.18)!important}#panicBtn.panic::before{color:#fff!important}
/* 15. table-frame-actions-v1 */
#vehicles.table,#fines.table{border-radius:26px!important;overflow:auto!important;max-width:100%!important;padding:0!important}
#vehicles table,#fines table{width:100%!important;min-width:980px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
#vehicles th,#vehicles td,#fines th,#fines td{padding:14px 16px!important;vertical-align:middle!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important}
#vehicles th,#fines th{height:48px!important;font-size:11px!important;letter-spacing:.02em!important;color:#7b879a!important;white-space:nowrap!important}
#vehicles tbody tr,#fines tbody tr{min-height:92px!important}
#vehicles tbody td,#fines tbody td{border-top:1px solid rgba(255,255,255,.44)!important;border-bottom:0!important}
#vehicles td:nth-child(1),#vehicles th:nth-child(1){width:84px!important}
#vehicles td:nth-child(2),#vehicles th:nth-child(2){width:88px!important}
#vehicles td:nth-child(3),#vehicles th:nth-child(3){width:92px!important;white-space:normal!important}
#vehicles td:nth-child(4),#vehicles th:nth-child(4){width:70px!important;text-align:center!important}
#vehicles td:nth-child(5),#vehicles th:nth-child(5){width:250px!important}
#vehicles td:nth-child(6),#vehicles th:nth-child(6){width:92px!important;text-align:center!important}
#vehicles td:nth-child(7),#vehicles th:nth-child(7){width:98px!important}
#vehicles td:nth-child(8),#vehicles th:nth-child(8){width:116px!important}
#vehicles td:nth-child(9),#vehicles th:nth-child(9){width:138px!important}
#vehicles td:nth-child(10),#vehicles th:nth-child(10){width:130px!important}
#vehicles td:nth-child(11),#vehicles th:nth-child(11){width:126px!important}
#vehicles .vehicle-thumb{width:56px!important;height:42px!important;border-radius:14px!important;object-fit:cover!important;box-shadow:0 8px 18px rgba(31,64,112,.12)!important}
#vehicles .driver-select-inline{width:100%!important;min-height:38px!important;border-radius:999px!important;padding:8px 36px 8px 14px!important;font-size:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.58))!important;border:1px solid rgba(126,154,199,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(31,64,112,.06)!important;color:#172033!important}
#vehicles .vehicle-doc-box{display:grid!important;gap:7px!important;align-items:start!important;justify-items:start!important;min-width:0!important}
#vehicles .vehicle-doc-actions,#fines .vehicle-doc-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important}
#vehicles td:last-child,#fines td:last-child{overflow:visible!important}
#vehicles td:last-child{display:grid!important;gap:7px!important;align-content:center!important;justify-items:stretch!important}
#vehicles td:last-child button,#fines td:last-child button,#fines .fine-response button,#vehicles .vehicle-doc-actions a,#vehicles .vehicle-doc-actions button{width:100%!important;min-height:32px!important;padding:7px 10px!important;border-radius:999px!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
#fines td:nth-child(1),#fines th:nth-child(1){width:100px!important}
#fines td:nth-child(2),#fines th:nth-child(2){width:120px!important;white-space:normal!important}
#fines td:nth-child(3),#fines th:nth-child(3){width:130px!important;white-space:normal!important}
#fines td:nth-child(4),#fines th:nth-child(4){width:130px!important;white-space:normal!important}
#fines td:nth-child(5),#fines th:nth-child(5){width:96px!important}
#fines td:nth-child(6),#fines th:nth-child(6){width:112px!important;text-align:center!important}
#fines td:nth-child(7),#fines th:nth-child(7){width:230px!important}
#fines td:nth-child(8),#fines th:nth-child(8){width:112px!important}
#fines .fine-response{display:grid!important;gap:7px!important;align-items:start!important;max-width:100%!important;min-width:0!important}
#fines .fine-response small{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;color:#69778d!important}
#fines .fine-choice{display:block!important;width:100%!important;border-radius:12px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.22!important;text-align:left!important;background:linear-gradient(145deg,rgba(255,248,231,.96),rgba(255,255,255,.72))!important;border:1px solid rgba(194,139,54,.28)!important;color:#986412!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(31,64,112,.06)!important}
#fines td:last-child{display:grid!important;gap:7px!important;align-content:center!important;justify-items:stretch!important}
#fines .badge,#vehicles .badge,#vehicles .doc-badge{justify-content:center!important;min-height:30px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap!important}
#fines .table-actions,#vehicles .table-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
@media(max-width:1180px){#vehicles table,#fines table{min-width:1040px!important}#vehicles.table,#fines.table{padding-bottom:6px!important}}
@media(max-width:820px){#vehicles table,#fines table{min-width:980px!important}#vehicles th,#vehicles td,#fines th,#fines td{padding:12px!important}}
/* 16. table-scroll-actions-v2 */
#vehicles .table,
#fines .table{
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:color-mix(in srgb, var(--theme-primary, #0a84ff) 62%, transparent) rgba(255,255,255,.45);
padding:14px 14px 18px !important;
}
#vehicles .table::-webkit-scrollbar,
#fines .table::-webkit-scrollbar{height:10px}
#vehicles .table::-webkit-scrollbar-track,
#fines .table::-webkit-scrollbar-track{background:rgba(255,255,255,.45);border-radius:999px}
#vehicles .table::-webkit-scrollbar-thumb,
#fines .table::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#5ac8fa));border-radius:999px}
#vehicles table,
#fines table{
min-width:1180px !important;
width:1180px !important;
table-layout:fixed !important;
}
#vehicles th,
#vehicles td,
#fines th,
#fines td{
white-space:normal !important;
overflow-wrap:anywhere;
vertical-align:middle !important;
}
#vehicles td:last-child,
#fines td:last-child{min-width:150px}
.table-actions{
display:flex;
flex-direction:column;
align-items:stretch;
gap:8px;
min-width:150px;
}
.table-actions button,
.table-actions select,
.fine-status-select{
width:100%;
min-height:36px;
border-radius:999px;
font-size:13px;
font-weight:800;
}
.fine-status-select{
border:1px solid rgba(120,138,165,.28);
background:rgba(255,255,255,.76);
color:#142033;
padding:0 12px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 22px rgba(15,23,42,.07);
}
.table-actions button:disabled{opacity:.62;cursor:not-allowed;filter:saturate(.8)}
@media (max-width: 760px){
#vehicles table,
#fines table{min-width:1080px !important;width:1080px !important}
#vehicles .table,
#fines .table{border-radius:24px !important;padding:10px 10px 16px !important}
}
/* 17. fine-buttons-organized-v1 */
#fines .table{
overflow-x:auto !important;
padding:14px 14px 18px !important;
}
#fines table{
min-width:980px !important;
width:100% !important;
table-layout:fixed !important;
}
#fines th:nth-child(1),#fines td:nth-child(1){width:92px}
#fines th:nth-child(2),#fines td:nth-child(2){width:120px}
#fines th:nth-child(3),#fines td:nth-child(3){width:132px}
#fines th:nth-child(4),#fines td:nth-child(4){width:130px}
#fines th:nth-child(5),#fines td:nth-child(5){width:92px}
#fines th:nth-child(6),#fines td:nth-child(6){width:104px}
#fines th:nth-child(7),#fines td:nth-child(7){width:auto}
#fines th:nth-child(8),#fines td:nth-child(8){width:150px}
#fines td{padding-top:16px !important;padding-bottom:16px !important}
#fines .fine-response{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:7px;
max-width:100%;
}
#fines .fine-response .soft,
#fines .fine-response .pdf-btn{
min-height:34px;
padding:8px 12px;
border-radius:999px;
font-size:13px;
font-weight:850;
}
#fines .table-actions.fine-admin-actions{
display:grid !important;
grid-template-columns:1fr;
gap:8px;
width:100%;
min-width:132px;
}
#fines .fine-status-actions{
display:grid;
grid-template-columns:1fr;
gap:8px;
}
#fines .fine-admin-actions button,
#fines .fine-admin-actions select{
width:100%;
min-height:36px;
padding:8px 12px;
border-radius:999px;
font-size:13px;
font-weight:850;
line-height:1.1;
}
#fines .fine-admin-actions .danger{color:#dc2626}
#fines .fine-admin-actions .primary{color:#fff}
@media (max-width:760px){
#fines table{min-width:920px !important}
#fines th:nth-child(3),#fines td:nth-child(3){width:116px}
#fines th:nth-child(4),#fines td:nth-child(4){width:116px}
#fines th:nth-child(8),#fines td:nth-child(8){width:142px}
}
/* 18. glass-background-button-polish-v1 */
:root{
--liquid-panel:rgba(255,255,255,.62);
--liquid-panel-strong:rgba(255,255,255,.82);
--liquid-panel-soft:rgba(255,255,255,.46);
--liquid-border:rgba(255,255,255,.88);
--liquid-border-soft:rgba(112,139,180,.18);
--liquid-shadow:0 22px 58px rgba(30,64,110,.12),0 7px 20px rgba(30,64,110,.07);
}
body{
background:
radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--theme-primary,#0a84ff) 18%,transparent),transparent 32%),
radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--theme-secondary,#5ac8fa) 14%,transparent),transparent 34%),
linear-gradient(145deg,#f6fbff 0%,#ffffff 48%,#eef7ff 100%) !important;
}
body:before{
background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 42%,rgba(255,255,255,.28) 72%,transparent 100%) !important;
opacity:.72 !important;
}
body:after{
display:none !important;
}
.side,.main,.panel,.table,.metric,.rank-card,.welcome,.action-card,.profile,.vehicle-pill,.cnh-area,.crlv-area,.finance-card,.expiration-card,.login-card,.landing-features article,.screen,.phone-card,.mini-card,.mini-panel,.floating-actions,.doc-viewer-card,.edit-card,.fine-decision-card,.checklist-signature-card,.first-access-card{
background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.52)) !important;
border-color:rgba(255,255,255,.9) !important;
box-shadow:0 20px 50px rgba(30,64,110,.11), inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(255,255,255,.34) !important;
}
.main{
background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.44)) !important;
}
.side{
background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.58)) !important;
}
button.primary,.primary,button[type="submit"].primary,.nav button.active,.tab.active,.quick-btn.primary,.report-actions .primary,.landing-login-btn{
background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 92%,#003d8f 8%),color-mix(in srgb,var(--theme-secondary,#5ac8fa) 78%,var(--theme-primary,#0a84ff) 22%)) !important;
color:#fff !important;
border-color:rgba(255,255,255,.38) !important;
box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#0a84ff) 30%,transparent), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
button.soft,.soft,.vehicle-doc-actions button,.table-actions button:not(.danger):not(.primary),.fine-response .soft,.top-actions button,.theme-option{
background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 14%,rgba(255,255,255,.88)),rgba(255,255,255,.66)) !important;
color:color-mix(in srgb,var(--theme-primary,#0a84ff) 78%,#0f172a 22%) !important;
border:1px solid color-mix(in srgb,var(--theme-primary,#0a84ff) 28%,rgba(255,255,255,.86)) !important;
box-shadow:0 10px 24px rgba(30,64,110,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
button.soft:hover,.soft:hover,.table-actions button:not(.danger):not(.primary):hover{
background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 22%,rgba(255,255,255,.82)),rgba(255,255,255,.72)) !important;
}
button.danger,.danger{
background:linear-gradient(135deg,#ff4d4f,#e60023) !important;
color:#fff !important;
border-color:rgba(255,255,255,.42) !important;
box-shadow:0 14px 28px rgba(230,0,35,.22), inset 0 1px 0 rgba(255,255,255,.36) !important;
}
input,select,textarea{
background:rgba(255,255,255,.78) !important;
border-color:rgba(122,146,180,.32) !important;
}
/* 19. sidebar-menu-clean-glass-v1 */
.side{
overflow:hidden !important;
isolation:isolate;
}
.side:before,.side:after,
.nav:before,.nav:after,
.nav button:before,.nav button:after{
box-shadow:none !important;
}
.nav{
position:relative;
z-index:1;
display:grid !important;
gap:10px !important;
padding:0 2px 12px 2px !important;
overflow:hidden !important;
}
.nav button{
width:100% !important;
min-height:48px !important;
padding:12px 16px !important;
border-radius:22px !important;
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58)) !important;
border:1px solid rgba(255,255,255,.82) !important;
color:#263348 !important;
box-shadow:0 10px 24px rgba(31,64,112,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
overflow:hidden !important;
}
.nav button.active,
.nav button:hover{
background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 18%,rgba(255,255,255,.86)),rgba(255,255,255,.66)) !important;
color:#132033 !important;
box-shadow:0 13px 28px color-mix(in srgb,var(--theme-primary,#0a84ff) 16%,transparent), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.nav button.active{
outline:1px solid color-mix(in srgb,var(--theme-primary,#0a84ff) 28%,rgba(255,255,255,.72)) !important;
}
.nav-icon{
background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 88%,#fff 12%),color-mix(in srgb,var(--theme-secondary,#5ac8fa) 82%,#fff 18%)) !important;
color:#fff !important;
box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.nav-icon svg{stroke:#fff !important}
.sidebar-collapsed .nav button{
border-radius:20px !important;
padding:12px 8px !important;
}
/* 20. theme-variable-bridge-v1 */
body.theme-blue{--theme-primary:#007aff;--theme-secondary:#64d2ff;--glass-blue:#007aff;--glass-cyan:#64d2ff}
body.theme-purple{--theme-primary:#7c3aed;--theme-secondary:#c084fc;--glass-blue:#7c3aed;--glass-cyan:#c084fc}
body.theme-orange{--theme-primary:#f97316;--theme-secondary:#fdba74;--glass-blue:#f97316;--glass-cyan:#fdba74}
body.theme-red{--theme-primary:#ef4444;--theme-secondary:#fca5a5;--glass-blue:#ef4444;--glass-cyan:#fca5a5}
body.theme-yellow{--theme-primary:#ca8a04;--theme-secondary:#fde047;--glass-blue:#ca8a04;--glass-cyan:#fde047}
body.theme-green{--theme-primary:#059669;--theme-secondary:#6ee7b7;--glass-blue:#059669;--glass-cyan:#6ee7b7}
body.theme-pink{--theme-primary:#db2777;--theme-secondary:#f9a8d4;--glass-blue:#db2777;--glass-cyan:#f9a8d4}
body.theme-ocean{--theme-primary:#0891b2;--theme-secondary:#22d3ee;--glass-blue:#0891b2;--glass-cyan:#67e8f9}
body.theme-dark{--theme-primary:#2563eb;--theme-secondary:#38bdf8;--glass-blue:#2563eb;--glass-cyan:#38bdf8}
body.theme-blue,body.theme-purple,body.theme-orange,body.theme-red,body.theme-yellow,body.theme-green,body.theme-pink,body.theme-ocean{
background:
radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--theme-primary) 22%,transparent),transparent 32%),
radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--theme-secondary) 18%,transparent),transparent 34%),
linear-gradient(145deg,#f7fbff 0%,#ffffff 48%,color-mix(in srgb,var(--theme-secondary) 12%,#f6fbff) 100%) !important;
}
body.theme-purple button.primary,body.theme-orange button.primary,body.theme-red button.primary,body.theme-yellow button.primary,body.theme-green button.primary,body.theme-pink button.primary,body.theme-ocean button.primary,body.theme-blue button.primary,
body.theme-purple .primary,body.theme-orange .primary,body.theme-red .primary,body.theme-yellow .primary,body.theme-green .primary,body.theme-pink .primary,body.theme-ocean .primary,body.theme-blue .primary,
body.theme-purple .nav-icon,body.theme-orange .nav-icon,body.theme-red .nav-icon,body.theme-yellow .nav-icon,body.theme-green .nav-icon,body.theme-pink .nav-icon,body.theme-ocean .nav-icon,body.theme-blue .nav-icon{
background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 92%,#0f172a 8%),color-mix(in srgb,var(--theme-secondary) 82%,#fff 18%)) !important;
}
body.theme-purple .soft,body.theme-orange .soft,body.theme-red .soft,body.theme-yellow .soft,body.theme-green .soft,body.theme-pink .soft,body.theme-ocean .soft,body.theme-blue .soft,
body.theme-purple button.soft,body.theme-orange button.soft,body.theme-red button.soft,body.theme-yellow button.soft,body.theme-green button.soft,body.theme-pink button.soft,body.theme-ocean button.soft,body.theme-blue button.soft{
color:color-mix(in srgb,var(--theme-primary) 76%,#0f172a 24%) !important;
border-color:color-mix(in srgb,var(--theme-primary) 30%,rgba(255,255,255,.84)) !important;
}
body.theme-purple .nav button.active,body.theme-orange .nav button.active,body.theme-red .nav button.active,body.theme-yellow .nav button.active,body.theme-green .nav button.active,body.theme-pink .nav button.active,body.theme-ocean .nav button.active,body.theme-blue .nav button.active{
outline-color:color-mix(in srgb,var(--theme-primary) 34%,rgba(255,255,255,.72)) !important;
}
/* 21. sidebar-single-glass-bg-v1 */
.side{
background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.82)) !important;
border-color:rgba(255,255,255,.88) !important;
overflow:hidden !important;
}
.side:before,.side:after{
display:none !important;
content:none !important;
}
.nav-feed,.nav{
background:transparent !important;
box-shadow:none !important;
}
.profile,.vehicle-pill,.cnh-area,.crlv-area,.role select{
background:rgba(255,255,255,.58) !important;
}
.nav button{
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58)) !important;
}
.nav button.active,.nav button:hover{
background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary,#0a84ff) 18%,rgba(255,255,255,.86)),rgba(255,255,255,.66)) !important;
}
/* 22. admin-menu-margin-fix-v1 */
body.admin-menu-session .side{
padding-bottom:34px !important;
}
body.admin-menu-session .nav-feed,
body.admin-menu-session .nav{
padding-bottom:34px !important;
}
body.admin-menu-session .nav button:last-child{
margin-bottom:18px !important;
}
@media(max-height:760px){
body.admin-menu-session .side{
gap:14px !important;
}
body.admin-menu-session .nav{
gap:7px !important;
}
body.admin-menu-session .nav button{
min-height:42px !important;
padding-top:10px !important;
padding-bottom:10px !important;
}
}
/* 23. signature-buttons-click-fix-v1 */
.checklist-signature-modal[hidden]{display:none!important}
.checklist-signature-modal{pointer-events:auto!important;z-index:9999!important}
.checklist-signature-card,.checklist-signature-card *{pointer-events:auto}
.signature-pad{touch-action:none}
#checklistSignatureClose,#checklistSignatureCancel,#clearChecklistSignature,#checklistSignatureSubmit{position:relative;z-index:3;pointer-events:auto!important}
/* 24. users-table-horizontal-scroll-v1 */
#users .table{
max-width:100% !important;
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:color-mix(in srgb,var(--theme-primary,#0a84ff) 62%,transparent) rgba(255,255,255,.45);
padding:14px 14px 18px !important;
}
#users .table::-webkit-scrollbar{height:10px}
#users .table::-webkit-scrollbar-track{background:rgba(255,255,255,.45);border-radius:999px}
#users .table::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#5ac8fa));border-radius:999px}
#users table{
min-width:1080px !important;
width:1080px !important;
table-layout:fixed !important;
}
#users th,#users td{
white-space:normal !important;
overflow-wrap:anywhere;
vertical-align:middle !important;
}
#users th:last-child,#users td:last-child{width:150px}
#users td:last-child .table-actions{
min-width:132px;
}
@media(max-width:760px){
#users table{min-width:980px !important;width:980px !important}
#users .table{padding:10px 10px 16px !important}
}
/* 25. landing-pricing-v1 */
.landing-pricing{padding:8px 0 42px;display:grid;gap:18px}
.pricing-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.pricing-head h2{font-size:clamp(26px,3vw,38px);margin:0;color:#101828;letter-spacing:0}
.pricing-head p{max-width:620px;margin:8px 0 0;color:#667085;line-height:1.5;font-size:15px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.price-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.56));border:1px solid rgba(18,104,243,.14);border-radius:24px;padding:22px;box-shadow:0 18px 42px rgba(22,32,51,.09),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.25);display:grid;gap:14px;align-content:start}
.price-card.featured{border-color:rgba(15,95,232,.34);box-shadow:0 24px 54px rgba(15,95,232,.16),inset 0 1px 0 rgba(255,255,255,.88)}
.price-card.featured:before{content:'Mais escolhido';position:absolute;top:14px;right:14px;border-radius:999px;background:linear-gradient(135deg,#0f5fe8,#58a6ff);color:#fff;font-weight:900;font-size:11px;padding:7px 10px;box-shadow:0 10px 22px rgba(15,95,232,.22)}
.price-card h3{font-size:18px;margin:0;color:#101828}.price-card .profile{display:block;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;color:#667085;font-size:13px}.price{display:flex;align-items:baseline;gap:6px;color:#101828}.price strong{font-size:32px;line-height:1}.price span{font-size:13px;color:#667085;font-weight:800}.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.price-card li{color:#475467;font-size:13px;line-height:1.35;display:flex;gap:8px}.price-card li:before{content:'';width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 18px;background:rgba(16,185,129,.13);color:#059669;font-size:11px;font-weight:900}.price-card .soft{justify-self:start;margin-top:4px}.pricing-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.50));border:1px solid rgba(18,104,243,.13);border-radius:22px;padding:18px 20px;box-shadow:0 14px 32px rgba(22,32,51,.07);color:#475467}.pricing-note strong{color:#101828}.pricing-note span{font-size:14px;line-height:1.45}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.landing-pricing{padding-bottom:30px}.pricing-grid{grid-template-columns:1fr}.pricing-head{align-items:flex-start}.price-card{padding:20px}.price strong{font-size:30px}}
/* 26. pricing-glass-hover-v2 */
.price-card{
isolation:isolate;
transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}
.price-card:after{
content:'';
position:absolute;
inset:-1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(120deg,rgba(255,255,255,.62),transparent 34%,color-mix(in srgb,var(--theme-secondary,#64d2ff) 18%,transparent) 58%,transparent 78%);
opacity:.42;
z-index:-1;
}
.price-card:hover{
transform:translateY(-8px) scale(1.015);
border-color:color-mix(in srgb,var(--theme-primary,#0f5fe8) 34%,rgba(255,255,255,.72));
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.62)) !important;
box-shadow:0 30px 74px color-mix(in srgb,var(--theme-primary,#0f5fe8) 18%,rgba(22,32,51,.10)), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
.price-card:hover .price strong{
color:color-mix(in srgb,var(--theme-primary,#0f5fe8) 82%,#101828 18%);
}
.price-card.featured{
background:linear-gradient(145deg,rgba(236,253,245,.90),rgba(255,255,255,.60)) !important;
border-color:rgba(16,185,129,.38) !important;
}
.price-card.featured:before{
content:'Mais escolhido';
background:linear-gradient(135deg,#10b981,#34d399) !important;
color:#052e1c !important;
border:1px solid rgba(255,255,255,.72);
box-shadow:0 12px 28px rgba(16,185,129,.30), inset 0 1px 0 rgba(255,255,255,.64) !important;
}
.price-card.featured h3,
.price-card.featured .price strong{
color:#047857 !important;
}
.price-card.featured:hover{
border-color:rgba(16,185,129,.58) !important;
box-shadow:0 34px 82px rgba(16,185,129,.22), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
.price-card .soft{
transition:transform .2s ease, box-shadow .2s ease;
}
.price-card:hover .soft{
transform:translateY(-1px);
box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#0f5fe8) 18%,transparent), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
/* 27. pricing-ribbon-cards-v3 */
.pricing-grid{align-items:stretch;gap:28px !important;padding-top:8px}
.price-card{min-height:410px;padding:28px 24px 24px !important;text-align:center;border-radius:18px !important;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.62)) !important;box-shadow:0 30px 54px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;border:1px solid rgba(255,255,255,.86)!important;overflow:visible!important;position:relative;align-content:start;justify-items:center}
.price-card:after{content:'';position:absolute;inset:10px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 44%);pointer-events:none;z-index:0}.price-card>*{position:relative;z-index:1}.plan-title{display:grid;gap:2px;min-height:62px;align-content:start}.plan-title h3{margin:0;font-size:22px;letter-spacing:.02em;font-weight:950;color:var(--theme-primary,#0f5fe8)}.plan-title span{font-size:11px;text-transform:uppercase;color:#98a2b3;font-weight:900;letter-spacing:.06em}.price-ribbon{width:calc(100% + 50px);min-height:58px;margin:8px -25px 18px;padding:12px 28px;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;clip-path:polygon(0 0,88% 0,100% 100%,12% 100%,12% 72%,0 72%);box-shadow:0 18px 32px rgba(15,95,232,.20)}.price-ribbon strong{font-size:28px;line-height:1;font-weight:950;color:#fff!important}.price-ribbon span{font-size:12px;font-weight:900;opacity:.9}.plan-basic .price-ribbon{background:linear-gradient(135deg,#2f7df7,#45d7ee)}.plan-pro .price-ribbon{background:linear-gradient(135deg,#6d28d9,#a855f7)}.plan-operation .price-ribbon{background:linear-gradient(135deg,#0f5fe8,#22d3ee)}.plan-enterprise .price-ribbon{background:linear-gradient(135deg,#0f766e,#34d399)}.price-card.featured{background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(245,240,255,.68))!important;border-color:rgba(168,85,247,.30)!important}.price-card.featured:before{top:-13px;right:18px;background:linear-gradient(135deg,#ec4899,#a855f7)!important;color:#fff!important}.price-card ul{width:100%;text-align:left;margin:0 0 4px!important;gap:10px!important}.price-card li{font-size:13px;color:#667085}.price-card li:before{background:rgba(16,185,129,.12);color:#10b981}.price-card button.soft{justify-self:center;margin-top:auto;border-radius:999px!important;padding:9px 18px!important;min-height:36px!important;font-size:12px!important;background:linear-gradient(135deg,var(--theme-primary,#0f5fe8),var(--theme-secondary,#64d2ff))!important;color:#fff!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 12px 26px color-mix(in srgb,var(--theme-primary,#0f5fe8) 24%,transparent)!important}.price-card:hover{transform:translateY(-10px) scale(1.025)}
@media(max-width:1100px){.pricing-grid{gap:18px!important}.price-card{min-height:390px}.price-ribbon{width:calc(100% + 38px);margin-left:-19px;margin-right:-19px}}
/* 28. guided-tour-v1 */
.guided-tour{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:auto}
.guided-tour[hidden]{display:none!important}
.tour-spotlight{position:fixed;border-radius:24px;border:2px solid color-mix(in srgb,var(--theme-primary,#0a84ff) 70%,#fff 30%);box-shadow:0 0 0 9999px rgba(15,23,42,.48),0 22px 60px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.68);transition:all .26s ease;pointer-events:none;background:rgba(255,255,255,.08)}
.tour-card{position:fixed;width:min(420px,calc(100vw - 28px));border-radius:26px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.86);box-shadow:0 28px 88px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);color:#101828;display:grid;gap:12px;transition:left .24s ease,top .24s ease,transform .24s ease}
.tour-card h2{font-size:22px;margin:0;color:#101828}.tour-card p{line-height:1.45;margin:0;color:#526070}.tour-close{position:absolute;top:14px;right:14px;min-height:30px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:#dc2626!important}.tour-progress{display:grid;gap:8px;margin-top:4px}.tour-progress span{font-size:12px;font-weight:900;color:#667085}.tour-progress:after{content:'';height:8px;border-radius:999px;background:rgba(15,95,232,.10);grid-row:2}.tour-progress i{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));grid-row:2;grid-column:1;transition:width .22s ease}.tour-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tour-actions button{min-height:34px!important}.tour-highlight{position:relative!important;z-index:10001!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent),0 18px 42px rgba(15,23,42,.18)!important}
@media(max-width:760px){.tour-card{left:14px!important;right:14px!important;bottom:16px!important;top:auto!important;transform:none!important;width:auto}.tour-spotlight{border-radius:18px}.tour-actions{justify-content:stretch}.tour-actions button{flex:1}}
/* 29. guided-tour-layer-fix-v2 */
.tour-highlight{z-index:auto!important}.guided-tour::before{display:none!important}
/* 30. guided-tour-layer-fix-v3 */
.guided-tour{
position:fixed!important;
inset:0!important;
z-index:2147483000!important;
isolation:isolate!important;
background:rgba(15,23,42,.58)!important;
backdrop-filter:blur(8px)!important;
-webkit-backdrop-filter:blur(8px)!important;
}
.guided-tour[hidden]{display:none!important}
.guided-tour::before{display:none!important;content:none!important}
.tour-spotlight{
position:fixed!important;
z-index:2147483001!important;
pointer-events:none!important;
background:rgba(255,255,255,.08)!important;
box-shadow:0 0 0 9999px rgba(15,23,42,.58),0 18px 50px color-mix(in srgb,var(--theme-primary,#0a84ff) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.tour-card{
z-index:2147483002!important;
pointer-events:auto!important;
}
.tour-card *{pointer-events:auto!important}
.tour-highlight{
z-index:auto!important;
position:relative!important;
box-shadow:none!important;
}
/* 31. guided-tour-spotlight-clarity-v4 */
.guided-tour{
background:rgba(15,23,42,.34)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
}
.tour-spotlight{
background:rgba(255,255,255,.16)!important;
border:2px solid color-mix(in srgb,var(--theme-primary,#0a84ff) 82%,#fff 18%)!important;
box-shadow:
0 0 0 9999px rgba(15,23,42,.54),
0 0 0 6px color-mix(in srgb,var(--theme-primary,#0a84ff) 16%,transparent),
0 24px 70px color-mix(in srgb,var(--theme-primary,#0a84ff) 32%,transparent),
inset 0 1px 0 rgba(255,255,255,.86),
inset 0 0 44px rgba(255,255,255,.20)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.tour-focus-clone{
position:fixed!important;
z-index:2147483002!important;
pointer-events:none!important;
border-radius:24px;
overflow:hidden;
opacity:1;
filter:none!important;
box-shadow:0 24px 72px rgba(15,23,42,.22),0 0 0 2px color-mix(in srgb,var(--theme-primary,#0a84ff) 80%,#fff 20%)!important;
transform:translateZ(0);
}
.tour-card{z-index:2147483004!important}
/* 32. guided-tour-standby-v1 */
#tourOpenBtn{display:none!important}
#guidedTour{display:none!important}
/* 33. landing-device-images-v1 */
.landing-device-showcase{position:relative;min-height:540px;isolation:isolate;perspective:1200px;overflow:visible!important}
.landing-device-showcase:before{content:'';position:absolute;inset:72px 0 28px 42px;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 28px 80px rgba(31,64,112,.15);backdrop-filter:blur(28px) saturate(1.55);-webkit-backdrop-filter:blur(28px) saturate(1.55);z-index:-2}
.showcase-glow{position:absolute;inset:30px 24px 44px 38px;border-radius:48px;background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--glass-blue,#007aff) 28%,transparent),transparent 38%),radial-gradient(circle at 26% 72%,color-mix(in srgb,var(--glass-cyan,#64d2ff) 42%,transparent),transparent 34%);filter:blur(4px);opacity:.9;z-index:-3}
.landing-device-img{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(16,32,58,.20));transition:transform .25s ease,filter .25s ease}
.landing-laptop-img{width:min(700px,110%);left:-38px;top:88px;transform:rotateY(-8deg) rotateZ(-4deg) translateZ(10px);transform-origin:center center;z-index:1}
.landing-phone-img{width:225px;right:-4px;top:22px;transform:rotateY(-18deg) rotateZ(-9deg) translateZ(64px);transform-origin:center center;z-index:3;filter:drop-shadow(0 28px 30px rgba(16,32,58,.24))}
.landing-device-showcase:hover .landing-laptop-img{transform:rotateY(-10deg) rotateZ(-5deg) translateY(-3px) translateZ(10px)}
.landing-device-showcase:hover .landing-phone-img{transform:rotateY(-20deg) rotateZ(-10deg) translateY(-5px) translateZ(64px)}
.showcase-card{position:absolute;z-index:4;display:grid;gap:5px;border-radius:22px;padding:15px 17px;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 18px 42px rgba(31,64,112,.13);backdrop-filter:blur(24px) saturate(1.55);-webkit-backdrop-filter:blur(24px) saturate(1.55);color:var(--glass-text,#101828)}
.showcase-card strong{font-size:16px;color:var(--glass-text,#101828)}
.showcase-card small{max-width:260px;line-height:1.35;color:var(--glass-muted,#667085)!important}
.showcase-kicker{width:max-content;border-radius:999px;padding:5px 9px;background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));color:#fff;font-size:11px;font-weight:900;letter-spacing:.02em}
.main-device-card{left:22px;top:18px}
.floating-device-card{right:18px;bottom:38px;max-width:265px}
@media(max-width:980px){.landing-device-showcase{min-height:520px}.landing-laptop-img{left:-24px;top:118px;width:min(700px,108%)}.landing-phone-img{right:8px;top:42px;width:198px}.floating-device-card{right:24px;bottom:26px}}
@media(max-width:640px){.landing-device-showcase{min-height:520px;margin-top:8px}.landing-device-showcase:before{inset:74px 0 24px 0;border-radius:32px}.main-device-card{left:12px;top:8px;right:12px}.landing-laptop-img{width:126%;left:-58px;top:184px;transform:rotateZ(-4deg)}.landing-phone-img{width:158px;right:-4px;top:86px;transform:rotateZ(-10deg)}.floating-device-card{left:14px;right:14px;bottom:18px}.showcase-card small{max-width:none}}
/* 34. landing-left-media-v2 */
.landing-hero.landing-hero-reversed{grid-template-columns:minmax(480px,.98fr) minmax(0,1fr);gap:48px;align-items:center}
.landing-hero-reversed .landing-copy{justify-self:end;max-width:650px}
.landing-hero-reversed .landing-device-showcase{min-height:610px;align-self:stretch}
.landing-hero-reversed .landing-device-showcase:before{inset:100px 10px 80px 0}
.landing-hero-reversed .showcase-glow{inset:70px 12px 70px 0}
.landing-hero-reversed .landing-laptop-img{width:min(760px,118%);left:-82px;top:184px;transform:rotateY(-8deg) rotateZ(-4deg) translateZ(10px)}
.landing-hero-reversed .landing-phone-img{width:220px;right:-2px;top:126px;transform:rotateY(-18deg) rotateZ(-9deg) translateZ(64px)}
.landing-hero-reversed .landing-device-showcase:hover .landing-laptop-img{transform:rotateY(-10deg) rotateZ(-5deg) translateY(-3px) translateZ(10px)}
.landing-hero-reversed .landing-device-showcase:hover .landing-phone-img{transform:rotateY(-20deg) rotateZ(-10deg) translateY(-5px) translateZ(64px)}
.landing-hero-reversed .main-device-card{left:22px;top:20px;max-width:315px}
.landing-hero-reversed .floating-device-card{right:22px;bottom:18px;max-width:285px}
@media(max-width:980px){.landing-hero.landing-hero-reversed{grid-template-columns:1fr;gap:18px}.landing-hero-reversed .landing-copy{justify-self:start;max-width:none;order:1}.landing-hero-reversed .landing-device-showcase{order:2;min-height:560px}.landing-hero-reversed .landing-laptop-img{width:min(760px,112%);left:-46px;top:172px}.landing-hero-reversed .landing-phone-img{width:194px;right:14px;top:116px}}
@media(max-width:640px){.landing-hero-reversed .landing-device-showcase{min-height:540px}.landing-hero-reversed .landing-device-showcase:before{inset:94px 0 72px 0}.landing-hero-reversed .main-device-card{left:12px;right:12px;top:8px;max-width:none}.landing-hero-reversed .landing-laptop-img{width:130%;left:-64px;top:206px;transform:rotateZ(-4deg)}.landing-hero-reversed .landing-phone-img{width:150px;right:-2px;top:112px;transform:rotateZ(-10deg)}.landing-hero-reversed .floating-device-card{left:14px;right:14px;bottom:12px;max-width:none}}
/* 35. button-checkbox-hitfix-v1 */
button,[role=button],label,.term-accept,input[type=checkbox],input[type=file]{pointer-events:auto}
.term-accept{cursor:pointer;align-items:center;gap:8px}.term-accept input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--glass-blue,#007aff);cursor:pointer}.term-accept input[type=checkbox]:disabled{cursor:not-allowed;opacity:.52}.soft:disabled,.primary:disabled,.btn:disabled{opacity:.62;cursor:not-allowed}
/* 36. feature-fleet-cnh-forgot-v1 */
#alerts{max-height:636px;overflow-y:auto;padding-right:6px;scrollbar-width:thin}#alerts::-webkit-scrollbar{width:8px}#alerts::-webkit-scrollbar-thumb{background:rgba(18,104,243,.32);border-radius:999px}.pie-chart{width:190px;height:190px;border-radius:50%;margin:10px auto 6px;box-shadow:inset 0 0 0 16px rgba(255,255,255,.58),0 18px 34px rgba(22,32,51,.12);border:1px solid rgba(255,255,255,.9)}.pie-legend{display:grid;gap:8px;margin-top:8px}.pie-legend div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(216,226,239,.85);border-radius:12px;background:rgba(255,255,255,.62)}.pie-legend span{display:flex;align-items:center;gap:8px;font-weight:850}.pie-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.forgot-link{border:0;background:rgba(255,255,255,.72);color:var(--tech-blue);font-size:12px;font-weight:750;justify-self:start;padding:7px 12px;margin-top:-4px;line-height:1.2;border-radius:999px}.forgot-link:hover{text-decoration:underline}.forgot-result{display:grid;gap:8px;border:1px solid rgba(18,104,243,.18);background:rgba(255,255,255,.72);border-radius:16px;padding:12px;color:var(--tech-ink)}.forgot-temp{font-size:22px;font-weight:950;color:var(--tech-blue);letter-spacing:.04em}
/* 37. admin-pie-reset-page-v1 */
.admin-insights.active{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-insights .rank-card:nth-child(n+3){grid-column:1/-1}.reset-view{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#dff7ff);padding:22px}.reset-view.hidden{display:none}.reset-card{width:min(460px,100%);background:rgba(255,255,255,.86);border:1px solid rgba(18,104,243,.15);border-radius:26px;box-shadow:0 28px 70px rgba(22,32,51,.16);padding:28px;display:grid;gap:14px;backdrop-filter:blur(18px)}.reset-card h1{color:var(--tech-ink);font-size:28px;margin:0}.reset-card p{color:var(--tech-muted);line-height:1.45}.reset-card label{display:grid;gap:7px;color:#5f6f85;font-weight:850}.reset-card input{border:1px solid var(--tech-line);border-radius:14px;min-height:44px;padding:10px 12px;background:#fff}.reset-actions{display:flex;gap:10px;flex-wrap:wrap}.reset-actions .primary,.reset-actions .soft{flex:1 1 160px}.reset-brand{display:flex;align-items:center;gap:10px;font-weight:950;color:var(--tech-ink)}.reset-brand img{width:44px;height:44px;border-radius:13px}.reset-card .forgot-result{margin-top:2px}@media(max-width:720px){.admin-insights.active{grid-template-columns:1fr!important}.admin-insights .rank-card:nth-child(n+3){grid-column:auto}.reset-view{padding:16px}.reset-card{padding:22px;border-radius:24px}}
/* 38. ranking-alert-spacing-v1 */
#alerts,#notificationsList{padding:10px 14px 14px!important;gap:12px!important;max-height:520px;overflow:auto;scrollbar-gutter:stable;}#alerts .alert,#notificationsList .alert{margin:0 4px!important;min-height:88px;}#alerts .alert:first-child,#notificationsList .alert:first-child{margin-top:2px!important}.rank-chart-body{grid-template-rows:1fr!important;align-content:end!important}.rank-only-chart{min-height:230px;margin-top:0!important;padding:22px 14px 0!important;background:transparent!important}.rank-only-chart .bar-item{max-width:110px}.rank-only-chart .bar{width:44px}@media(max-width:720px){#alerts,#notificationsList{padding:8px 10px 12px!important}#alerts .alert,#notificationsList .alert{margin:0 2px!important}.rank-only-chart{min-height:190px}}
/* 39. mc-premium-dashboard-v1 */
.admin-session #dashboard .hero,.admin-session #dashboard #metrics,.admin-session #dashboard>.grid{display:none!important}.admin-insights.active{display:block!important}.admin-session .main{background:linear-gradient(145deg,#0c1729,#132b46 48%,#07111f)!important}.admin-session .top{background:linear-gradient(135deg,rgba(34,101,177,.88),rgba(7,17,31,.68))!important;border-bottom:1px solid rgba(255,255,255,.14)}.mc-premium-dashboard{position:relative;display:grid;gap:18px;padding:18px;border-radius:28px;background:radial-gradient(circle at 16% 8%,rgba(88,166,255,.26),transparent 34%),radial-gradient(circle at 92% 0,rgba(255,255,255,.13),transparent 28%),linear-gradient(145deg,rgba(10,24,42,.82),rgba(18,48,78,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 70px rgba(0,0,0,.28);color:#f8fbff}.mc-rank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}.mc-glass-section{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 42px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}.mc-glass-section:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.mc-wide{grid-column:1/-1}.mc-section-head{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:18px 20px;text-align:left}.mc-section-head span small{display:block;color:rgba(236,245,255,.68);font-size:12px;font-weight:800;margin-bottom:5px}.mc-section-head span strong{display:block;font-size:17px;letter-spacing:.02em;text-transform:uppercase}.mc-section-head b{font-size:16px;color:#fff;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}.mc-section-head em{font-style:normal;font-size:12px;font-weight:900;color:#dcecff}.mc-section-body{padding:0 20px 20px;transition:max-height .28s ease,opacity .2s ease}.mc-glass-section.is-collapsed .mc-section-body{display:none}.mc-indicators{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mc-mini{min-height:116px;border-radius:20px;padding:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);display:grid;align-content:center;gap:7px}.mc-mini i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(88,166,255,.22);font-style:normal;font-weight:950}.mc-mini.verde i{background:rgba(32,191,119,.24)}.mc-mini.laranja i{background:rgba(255,181,71,.24)}.mc-mini.vermelho i{background:rgba(255,77,93,.24)}.mc-mini span{color:rgba(236,245,255,.72);font-size:12px;font-weight:850}.mc-mini strong{font-size:20px;color:#fff;line-height:1.1}.mc-value-ranking{display:grid;gap:10px}.mc-value-ranking article{display:grid;grid-template-columns:38px 48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.mc-pos{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f8c14b,#b77b2f);font-weight:950}.mc-avatar{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;overflow:hidden;font-weight:950}.mc-avatar img{width:100%;height:100%;object-fit:cover}.mc-driver strong,.mc-money strong{display:block;color:#fff}.mc-driver small,.mc-money small{display:block;color:rgba(236,245,255,.65);font-size:12px;margin-top:3px}.mc-impact{grid-column:3/5;height:7px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.mc-impact span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4d5d,#f8c14b)}.mc-table{width:100%;border-collapse:collapse;color:#f8fbff}.mc-table th{font-size:11px;text-transform:uppercase;color:rgba(236,245,255,.62);text-align:left;letter-spacing:.04em}.mc-table td,.mc-table th{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.mc-table td:nth-child(3),.mc-table td:nth-child(4){font-weight:950}.mc-report-btn{margin:16px auto 0;min-height:42px;padding:0 22px;border-radius:15px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;font-weight:900;display:flex;align-items:center;gap:14px;justify-content:center}.mc-report-btn:hover{background:rgba(255,255,255,.18)}.mc-sort{display:flex;justify-content:flex-end;margin-bottom:10px}.mc-sort label{color:rgba(236,245,255,.72);font-size:12px;font-weight:850}.mc-sort select{margin-left:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;min-height:34px;padding:0 10px}.mc-fine-icon{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;margin-right:10px;background:rgba(255,77,93,.2);color:#fff;font-style:normal;font-weight:950}.mc-rowbar{height:8px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.mc-rowbar span{display:block;height:100%;background:linear-gradient(90deg,#ff4d5d,#ffb547,#65c466)}.mc-cost-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:center}.mc-donut{width:250px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:0 18px 48px rgba(0,0,0,.22);margin:auto}.mc-donut>div{width:124px;aspect-ratio:1;border-radius:50%;background:rgba(9,23,39,.84);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center}.mc-donut small{color:rgba(236,245,255,.68);font-weight:850}.mc-donut strong{font-size:16px;color:#fff}.mc-cost-list{display:grid;gap:10px}.mc-cost-list article{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}.mc-cost-list span{display:flex;align-items:center;gap:10px}.mc-cost-list i{width:13px;height:13px;border-radius:50%}.mc-cost-list strong{color:#fff}.mc-cost-list em{font-style:normal;color:rgba(236,245,255,.68);font-weight:900;text-align:right}.mc-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mc-smart-alert{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;text-align:left}.mc-smart-alert i{width:10px;height:10px;border-radius:50%;background:#58a6ff}.mc-smart-alert.green i{background:#20bf77}.mc-smart-alert.orange i{background:#ffb547}.mc-smart-alert.red i{background:#ff4d5d}.mc-smart-alert strong{display:block}.mc-smart-alert small{display:block;color:rgba(236,245,255,.68);margin-top:4px}.mc-smart-alert:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}@media(max-width:1180px){.mc-rank-grid,.mc-cost-layout{grid-template-columns:1fr}.mc-indicators{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-alert-list{grid-template-columns:1fr}}@media(max-width:720px){.mc-premium-dashboard{padding:12px;border-radius:22px}.mc-section-head{grid-template-columns:1fr;gap:8px;padding:15px}.mc-section-body{padding:0 15px 15px}.mc-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-value-ranking article{grid-template-columns:32px 42px minmax(0,1fr)}.mc-money{grid-column:3}.mc-impact{grid-column:1/4}.mc-table{min-width:620px}.mc-glass-section{overflow:auto}.mc-cost-list article{grid-template-columns:1fr auto}.mc-cost-list em{display:none}}
/* 40. mc-ranking-qty-align-v1 */
.mc-rank-grid>.mc-glass-section{display:flex;flex-direction:column;min-height:430px}
.mc-rank-grid>.mc-glass-section>.mc-section-body{display:flex!important;flex:1;flex-direction:column;min-height:0}
.mc-value-ranking,.mc-qty-ranking{display:flex!important;flex:1;flex-direction:column;min-height:0}
.mc-qty-table{flex:1;min-height:285px;overflow:auto;padding-right:2px;display:flex}
.mc-qty-table .mc-table{height:100%;min-width:100%!important}
.mc-qty-table .mc-table tbody tr{height:48px}
.mc-qty-table .mc-table tbody td{vertical-align:middle!important}
.mc-qty-ranking .mc-report-btn,.mc-value-ranking+.mc-report-btn{margin-top:auto!important;align-self:center}
@media(max-width:720px){.mc-rank-grid>.mc-glass-section{min-height:auto}.mc-qty-table{overflow-x:auto}}
/* 41. mc-dashboard-polish-v2 */
/* Ajuste visual: volta para base clara, mantém glass e melhora leitura dos cards. */
.admin-session .main{background:rgba(255,255,255,.78)!important;border:1px solid rgba(18,104,243,.12)!important;box-shadow:0 18px 42px rgba(22,32,51,.08)!important}.admin-session .top{background:linear-gradient(135deg,#0f5fe8,#58a6ff)!important;color:#fff!important;border-bottom:0!important}.mc-premium-dashboard{color:#172033!important;padding:20px!important;gap:18px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(248,252,255,.96),rgba(234,244,255,.88))!important;border:1px solid rgba(18,104,243,.12)!important;box-shadow:0 18px 46px rgba(22,32,51,.10),inset 0 1px 0 rgba(255,255,255,.95)!important}.mc-glass-section{background:rgba(255,255,255,.68)!important;border:1px solid rgba(140,165,198,.28)!important;box-shadow:0 14px 34px rgba(22,32,51,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;color:#172033!important;border-radius:22px!important;overflow:hidden!important}.mc-glass-section:hover{transform:translateY(-1px)!important;border-color:rgba(18,104,243,.26)!important}.mc-section-head{color:#172033!important;padding:16px 18px!important;gap:12px!important;grid-template-columns:minmax(0,1fr) auto auto!important}.mc-section-head span small{color:#66758c!important;font-size:11px!important;line-height:1.25!important;margin-bottom:4px!important}.mc-section-head span strong{color:#172033!important;font-size:14px!important;line-height:1.25!important;letter-spacing:.02em!important;overflow-wrap:anywhere!important}.mc-section-head b{background:rgba(15,95,232,.08)!important;border:1px solid rgba(15,95,232,.14)!important;color:#0f5fe8!important;font-size:12px!important;line-height:1.2!important;padding:7px 10px!important;white-space:nowrap!important}.mc-section-head em{color:#0f5fe8!important;font-size:11px!important;white-space:nowrap!important}.mc-section-body{padding:0 18px 18px!important}.mc-rank-grid{gap:16px!important}.mc-indicators{gap:10px!important}.mc-mini{min-height:96px!important;border-radius:18px!important;padding:12px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(140,165,198,.22)!important;box-shadow:0 10px 24px rgba(22,32,51,.06)!important}.mc-mini i{width:32px!important;height:32px!important;border-radius:12px!important;color:#0f5fe8!important}.mc-mini span{font-size:11px!important;line-height:1.2!important;color:#66758c!important}.mc-mini strong{font-size:17px!important;line-height:1.1!important;color:#172033!important;overflow-wrap:anywhere!important}.mc-value-ranking{gap:6px!important}.mc-value-ranking article{grid-template-columns:34px 42px minmax(0,1fr) minmax(110px,auto)!important;gap:10px!important;padding:10px 0!important;border-bottom:1px solid rgba(140,165,198,.18)!important}.mc-pos{width:28px!important;height:28px!important;font-size:12px!important}.mc-avatar{width:40px!important;height:40px!important;border-radius:13px!important;background:linear-gradient(135deg,#dff2ff,#fff)!important;color:#0f5fe8!important}.mc-driver,.mc-money{min-width:0!important}.mc-driver strong,.mc-money strong{color:#172033!important;font-size:13px!important;line-height:1.22!important;overflow-wrap:anywhere!important}.mc-driver small,.mc-money small{color:#66758c!important;font-size:11px!important;line-height:1.25!important}.mc-impact{height:6px!important;background:rgba(15,95,232,.10)!important}.mc-impact span{background:linear-gradient(90deg,#0f5fe8,#58a6ff)!important}.mc-table{color:#172033!important;table-layout:auto!important}.mc-table th{color:#748197!important;font-size:10.5px!important;padding:10px 8px!important}.mc-table td{font-size:12.5px!important;line-height:1.25!important;padding:10px 8px!important;color:#172033!important;border-bottom:1px solid rgba(140,165,198,.18)!important}.mc-table td:first-child{font-weight:900;color:#0f5fe8!important}.mc-report-btn{min-height:36px!important;padding:0 16px!important;margin-top:12px!important;border-radius:13px!important;background:rgba(15,95,232,.08)!important;border:1px solid rgba(15,95,232,.16)!important;color:#0f5fe8!important;font-size:12px!important;box-shadow:none!important}.mc-report-btn:hover{background:rgba(15,95,232,.13)!important}.mc-sort{margin-bottom:8px!important}.mc-sort label{color:#66758c!important;font-size:11px!important}.mc-sort select{background:#fff!important;color:#172033!important;border:1px solid rgba(140,165,198,.28)!important;font-size:12px!important}.mc-fine-icon{width:28px!important;height:28px!important;border-radius:10px!important;background:rgba(255,77,93,.10)!important;color:#d92d36!important;font-size:11px!important}.mc-rowbar{height:7px!important;background:rgba(15,95,232,.09)!important}.mc-rowbar span{background:linear-gradient(90deg,#ff4d5d,#ffb547)!important}.mc-cost-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:22px!important}.mc-donut{width:210px!important}.mc-donut>div{width:106px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(140,165,198,.25)!important}.mc-donut small{color:#66758c!important;font-size:11px!important}.mc-donut strong{color:#172033!important;font-size:14px!important}.mc-cost-list{gap:6px!important}.mc-cost-list article{padding:9px 0!important;border-bottom:1px solid rgba(140,165,198,.18)!important;grid-template-columns:minmax(0,1fr) auto 44px!important}.mc-cost-list span{color:#172033!important;font-size:12.5px!important;min-width:0!important}.mc-cost-list strong{color:#172033!important;font-size:12.5px!important}.mc-cost-list em{color:#66758c!important;font-size:12px!important}.mc-alert-list{gap:10px!important}.mc-smart-alert{background:rgba(255,255,255,.74)!important;border:1px solid rgba(140,165,198,.23)!important;color:#172033!important;border-radius:17px!important;padding:12px!important;box-shadow:0 10px 22px rgba(22,32,51,.06)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}.mc-smart-alert strong{color:#172033!important;font-size:12.5px!important;line-height:1.25!important}.mc-smart-alert small{color:#66758c!important;font-size:11.5px!important;line-height:1.3!important}.mc-smart-alert b{color:#0f5fe8!important}.mc-smart-alert:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(22,32,51,.10)!important}.mc-smart-alert.red{border-color:rgba(255,77,93,.28)!important}.mc-smart-alert.orange{border-color:rgba(255,181,71,.30)!important}.mc-smart-alert.green{border-color:rgba(32,191,119,.25)!important}.mc-smart-alert.red,.mc-smart-alert.orange{animation:mcSoftPulse 1.9s ease-in-out infinite}@keyframes mcSoftPulse{0%,100%{box-shadow:0 10px 22px rgba(22,32,51,.06),0 0 0 0 rgba(15,95,232,0)}50%{box-shadow:0 14px 28px rgba(22,32,51,.10),0 0 0 5px rgba(15,95,232,.08)}}.mc-glass-section.is-collapsed .mc-section-head{padding-bottom:16px!important}.mc-glass-section.is-collapsed{background:rgba(255,255,255,.58)!important}.mc-glass-section.is-collapsed .mc-section-head span strong{font-size:13.5px!important}@media(max-width:1180px){.mc-rank-grid,.mc-cost-layout{grid-template-columns:1fr!important}.mc-indicators{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:720px){.mc-premium-dashboard{padding:12px!important;gap:12px!important}.mc-section-head{grid-template-columns:1fr!important;padding:14px!important}.mc-section-body{padding:0 14px 14px!important}.mc-indicators{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-value-ranking article{grid-template-columns:30px 38px minmax(0,1fr)!important}.mc-money,.mc-impact{grid-column:3!important}.mc-table{min-width:580px!important}.mc-donut{width:185px!important}.mc-alert-list{grid-template-columns:1fr!important}}
/* 42. mc-ios-title-bars-v3 */
/* iOS 26: barra azul separada do conteúdo, mantendo o painel claro e organizado. */
.mc-premium-dashboard{background:linear-gradient(180deg,rgba(242,248,255,.98),rgba(229,241,255,.92))!important;border:1px solid rgba(15,95,232,.14)!important;box-shadow:0 22px 54px rgba(15,42,77,.12),inset 0 1px 0 rgba(255,255,255,.95)!important}.mc-glass-section{padding:0!important;background:rgba(255,255,255,.66)!important;border-color:rgba(15,95,232,.16)!important;border-radius:24px!important;box-shadow:0 16px 38px rgba(21,47,84,.09),inset 0 1px 0 rgba(255,255,255,.96)!important}.mc-section-head{position:relative;isolation:isolate;margin:0!important;padding:14px 16px!important;min-height:68px!important;background:linear-gradient(135deg,rgba(15,95,232,.96),rgba(88,166,255,.88))!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 24px rgba(15,95,232,.16)!important}.mc-section-head:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.22),rgba(255,255,255,0) 38%,rgba(255,255,255,.12));pointer-events:none;z-index:-1}.mc-section-head span small{color:rgba(255,255,255,.76)!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.mc-section-head span strong{color:#fff!important;font-size:14px!important;font-weight:950!important;text-shadow:0 1px 12px rgba(0,0,0,.12)!important}.mc-section-head b{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important}.mc-section-head em{color:#fff!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:7px 10px!important;line-height:1!important}.mc-section-body{margin:0!important;padding:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.54))!important}.mc-glass-section.is-collapsed .mc-section-head{border-bottom:0!important;border-radius:24px!important}.mc-glass-section.is-collapsed .mc-section-body{display:none!important}.mc-rank-grid .mc-glass-section,.mc-wide{overflow:hidden!important}.mc-mini,.mc-value-ranking article,.mc-smart-alert{backdrop-filter:blur(16px)!important}.mc-table th{background:rgba(15,95,232,.045)!important}.mc-table tbody tr:hover td{background:rgba(15,95,232,.035)!important}.mc-report-btn{background:linear-gradient(135deg,rgba(15,95,232,.10),rgba(88,166,255,.12))!important}.mc-report-btn:hover{background:linear-gradient(135deg,rgba(15,95,232,.16),rgba(88,166,255,.18))!important}.mc-smart-alert.red,.mc-smart-alert.orange{animation:mcSoftPulse 2.1s ease-in-out infinite!important}@media(max-width:720px){.mc-section-head{min-height:62px!important;padding:13px 14px!important}.mc-section-head em{justify-self:start!important}.mc-section-body{padding:14px!important}}
/* 43. mc-top-theme-readable-v1 */
/* Topo do painel: contraste alto e cores conectadas ao tema selecionado. */
.top{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0f5fe8) 88%,#0b1220 12%),color-mix(in srgb,var(--theme-secondary,#58a6ff) 72%,#ffffff 8%))!important;color:#fff!important}.top h1,#title{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.20)!important;font-weight:950!important;letter-spacing:0!important}.top .eyebrow,#roleLabel{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important;padding:5px 11px!important;border-radius:999px!important;color:#fff!important;background:color-mix(in srgb,var(--theme-primary,#0f5fe8) 55%,rgba(255,255,255,.24))!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.12)!important;text-shadow:0 1px 8px rgba(0,0,0,.22)!important;font-size:11px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important}.top p:not(.eyebrow){color:rgba(255,255,255,.86)!important}.theme-yellow .top h1,.theme-yellow #title{color:#fff!important;text-shadow:0 2px 12px rgba(90,55,0,.28)!important}.theme-yellow .top .eyebrow,.theme-yellow #roleLabel{background:rgba(96,62,0,.24)!important;color:#fff!important;border-color:rgba(255,255,255,.42)!important}@media(max-width:720px){.top .eyebrow,#roleLabel{font-size:10.5px!important;padding:5px 10px!important}.top h1,#title{font-size:24px!important;line-height:1.12!important}}
/* 44. mc-dashboard-theme-titlebars-v4 */
.mc-section-head{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0f5fe8) 92%,#0b1220 8%),color-mix(in srgb,var(--theme-secondary,#58a6ff) 82%,#ffffff 10%))!important}.mc-section-head b{background:color-mix(in srgb,var(--theme-primary,#0f5fe8) 22%,rgba(255,255,255,.18))!important}.mc-section-head em{background:color-mix(in srgb,var(--theme-primary,#0f5fe8) 20%,rgba(255,255,255,.20))!important}.mc-mini-action{border:0;text-align:left;cursor:pointer;font:inherit}.mc-mini-action:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(22,32,51,.10)!important}.mc-indicators{grid-template-columns:repeat(7,minmax(0,1fr))!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head{min-height:88px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:start!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head span{grid-row:1/3;min-width:0!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head span strong{font-size:13px!important;line-height:1.18!important;max-width:220px!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head b{grid-column:2!important;grid-row:1!important;justify-self:end!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head em{grid-column:2!important;grid-row:2!important;justify-self:end!important}.mc-saving-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(9,17,31,.36);backdrop-filter:blur(14px)}.mc-saving-modal[hidden]{display:none}.mc-saving-card{width:min(620px,100%);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,246,255,.78));border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(15,42,77,.24);padding:24px;position:relative;color:#172033}.mc-saving-card h2{margin:4px 0 8px;font-size:28px}.mc-saving-card p:not(.eyebrow){color:#5f6f85;line-height:1.45}.mc-saving-close{position:absolute;right:18px;top:18px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff4d5d,#ef233c);color:#fff;font-weight:900;min-height:34px;padding:0 14px}.mc-saving-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mc-saving-grid article{border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(140,165,198,.22);padding:14px;display:grid;gap:5px}.mc-saving-grid span{color:#66758c;font-size:12px;font-weight:850}.mc-saving-grid strong{font-size:20px}.mc-saving-grid .featured{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#0f5fe8) 12%,white),rgba(255,255,255,.78));border-color:color-mix(in srgb,var(--theme-primary,#0f5fe8) 26%,white)}.mc-saving-grid small{color:#66758c;font-weight:800}@media(max-width:1180px){.mc-indicators{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:720px){.mc-indicators{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head{grid-template-columns:1fr!important;min-height:76px!important}.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head span,.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head b,.mc-rank-grid .mc-glass-section.is-collapsed .mc-section-head em{grid-column:1!important;grid-row:auto!important;justify-self:start!important}.mc-saving-grid{grid-template-columns:1fr}.mc-saving-card{padding:22px;border-radius:24px}}
/* 45. mc-theme-panel-colors-safe-v1 */
body{
--mc-theme-a:var(--glass-blue,#007aff);
--mc-theme-b:var(--glass-cyan,#64d2ff);
--mc-on-theme:#fff;
}
body.theme-yellow{--mc-on-theme:#332400}
.top{
background:linear-gradient(135deg,var(--mc-theme-a),var(--mc-theme-b))!important;
color:var(--mc-on-theme)!important;
border-bottom:1px solid rgba(255,255,255,.48)!important;
box-shadow:0 18px 48px color-mix(in srgb,var(--mc-theme-a) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.top h1,
.top p,
.top .eyebrow,
#title,
#roleLabel{
color:var(--mc-on-theme)!important;
text-shadow:0 1px 12px rgba(15,23,42,.20)!important;
}
.top .eyebrow,
#roleLabel{
background:color-mix(in srgb,var(--mc-theme-a) 48%,rgba(255,255,255,.28))!important;
border-color:rgba(255,255,255,.42)!important;
}
.mc-section-head,
.rank-card:first-child h3,
.rank-card.fleet-main h3{
background:linear-gradient(135deg,var(--mc-theme-a),var(--mc-theme-b))!important;
color:var(--mc-on-theme)!important;
border-color:rgba(255,255,255,.45)!important;
}
.mc-section-head span,
.mc-section-head strong,
.mc-section-head small,
.mc-section-head b,
.mc-section-head em,
.rank-card:first-child h3,
.rank-card.fleet-main h3{
color:var(--mc-on-theme)!important;
}
.mc-section-head b,
.mc-section-head em{
background:rgba(255,255,255,.22)!important;
border-color:rgba(255,255,255,.32)!important;
}
.floating-actions{
border-color:color-mix(in srgb,var(--mc-theme-a) 32%,rgba(255,255,255,.68))!important;
box-shadow:0 16px 42px color-mix(in srgb,var(--mc-theme-a) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
/* 46. mc-indicator-cards-frame-v1 */
.mc-indicators{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
align-items:stretch!important;
}
.mc-mini{
min-height:132px!important;
padding:22px 18px!important;
border-radius:18px!important;
display:grid!important;
grid-template-rows:auto auto 1fr!important;
align-content:start!important;
gap:8px!important;
overflow:hidden!important;
}
.mc-mini i{
width:38px!important;
height:38px!important;
border-radius:14px!important;
font-size:15px!important;
line-height:1!important;
color:transparent!important;
position:relative!important;
}
.mc-mini i::before{
position:absolute;
inset:0;
display:grid;
place-items:center;
color:var(--glass-blue,#007aff);
font-size:18px;
font-weight:900;
}
.mc-mini i{font-family:Arial,Helvetica,sans-serif!important}
.mc-mini i::before{content:'•'}
.mc-mini i:first-letter{color:transparent!important}
.mc-mini:has(span:nth-of-type(1)) i::before{content:'•'}
.mc-mini i{overflow:hidden}
.mc-mini i[aria-hidden="true"]::before{content:'•'}
.mc-mini:nth-child(1) i::before{content:'▰'}
.mc-mini:nth-child(2) i::before{content:'◉'}
.mc-mini:nth-child(3) i::before{content:'$'}
.mc-mini:nth-child(4) i::before{content:'!'}
.mc-mini:nth-child(5) i::before{content:'↗'}
.mc-mini:nth-child(6) i::before{content:'⚙'}
.mc-mini span{
font-size:12px!important;
line-height:1.2!important;
white-space:normal!important;
overflow-wrap:normal!important;
}
.mc-mini strong{
font-size:20px!important;
line-height:1.12!important;
white-space:nowrap!important;
overflow:visible!important;
max-width:none!important;
letter-spacing:-.01em!important;
}
@media(max-width:720px){
.mc-indicators{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mc-mini{min-height:122px!important;padding:18px 14px!important}
.mc-mini strong{font-size:18px!important}
}
/* 47. mc-indicator-svg-icons-v2 */
.mc-mini i::before{content:none!important;display:none!important}
.mc-mini i{color:var(--glass-blue,#007aff)!important;display:grid!important;place-items:center!important}
.mc-mini i svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* 48. mc-alerts-dynamic-layout-v1 */
.mc-alert-list{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
max-height:520px!important;
overflow:auto!important;
padding:8px 10px 12px!important;
}
.mc-alert-list::-webkit-scrollbar{width:8px}
.mc-alert-list::-webkit-scrollbar-thumb{
background:rgba(15,23,42,.22);
border-radius:999px;
}
.mc-smart-alert{
width:100%!important;
min-height:78px!important;
display:grid!important;
grid-template-columns:52px minmax(0,1fr) auto!important;
align-items:center!important;
gap:14px!important;
padding:16px 18px!important;
border-radius:24px!important;
background:rgba(255,255,255,.76)!important;
border:1px solid rgba(255,255,255,.78)!important;
box-shadow:0 14px 34px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
color:#172033!important;
text-align:left!important;
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.mc-smart-alert:hover{
transform:translateY(-2px)!important;
box-shadow:0 18px 42px rgba(15,23,42,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.mc-smart-alert i{
width:48px!important;
height:48px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:rgba(207,250,254,.86)!important;
color:#00857b!important;
font-style:normal!important;
font-weight:950!important;
}
.mc-smart-alert i::before{
content:'↔';
color:currentColor;
font-size:17px;
}
.mc-smart-alert strong{
display:block!important;
color:#172033!important;
font-size:14px!important;
line-height:1.2!important;
font-weight:950!important;
}
.mc-smart-alert small{
display:block!important;
margin-top:4px!important;
color:#64748b!important;
font-size:12.5px!important;
line-height:1.35!important;
font-weight:750!important;
}
.mc-smart-alert b{
min-width:46px!important;
height:34px!important;
padding:0 13px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:rgba(255,255,255,.84)!important;
color:var(--glass-blue,#007aff)!important;
font-size:18px!important;
font-weight:950!important;
box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
.mc-smart-alert.red{
background:linear-gradient(135deg,#ff4b4b,#ef233c)!important;
border-color:rgba(255,255,255,.42)!important;
color:#fff!important;
box-shadow:0 16px 34px rgba(239,35,60,.24),inset 0 1px 0 rgba(255,255,255,.45)!important;
animation:mcRedAlertPulse 1.8s ease-in-out infinite;
}
.mc-smart-alert.red i{
background:rgba(255,255,255,.94)!important;
color:#ef233c!important;
}
.mc-smart-alert.red i::before{content:'!'}
.mc-smart-alert.red strong,
.mc-smart-alert.red small{color:#fff!important}
.mc-smart-alert.red b{
background:rgba(255,255,255,.94)!important;
color:#cf1329!important;
}
.mc-smart-alert.orange{
background:rgba(255,247,237,.82)!important;
border-color:rgba(251,146,60,.32)!important;
}
.mc-smart-alert.orange i{
background:rgba(255,237,213,.95)!important;
color:#ea580c!important;
}
.mc-smart-alert.orange i::before{content:'!'}
.mc-smart-alert.green{
background:rgba(240,253,244,.84)!important;
border-color:rgba(34,197,94,.28)!important;
}
.mc-smart-alert.green i{
background:rgba(220,252,231,.95)!important;
color:#059669!important;
}
.mc-smart-alert.green i::before{content:'✓'}
@keyframes mcRedAlertPulse{
0%,100%{box-shadow:0 16px 34px rgba(239,35,60,.22),0 0 0 0 rgba(239,35,60,.18),inset 0 1px 0 rgba(255,255,255,.45)}
50%{box-shadow:0 18px 42px rgba(239,35,60,.30),0 0 0 6px rgba(239,35,60,.10),inset 0 1px 0 rgba(255,255,255,.45)}
}
@media(max-width:720px){
.mc-smart-alert{
grid-template-columns:46px minmax(0,1fr)!important;
padding:14px!important;
}
.mc-smart-alert b{
grid-column:2!important;
justify-self:start!important;
margin-top:2px!important;
}
}
/* 49. mc-menu-groups-v1 */
.nav-feed.mc-grouped{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:auto!important;max-height:720px!important;padding-right:2px!important}
.mc-nav-group{border-radius:22px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(54,82,122,.07);overflow:hidden}
.mc-nav-group.is-open{padding-bottom:8px}
.mc-nav-group:not(:has(button:not([hidden]))){display:none!important}
.mc-nav-group-head{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 15px!important;cursor:pointer;user-select:none;color:#fff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-blue,#007aff) 68%,#07111f 32%),color-mix(in srgb,var(--glass-blue,#007aff) 42%,#07111f 58%))!important;border:1px solid color-mix(in srgb,var(--glass-cyan,#64d2ff) 34%,rgba(255,255,255,.28))!important;border-radius:20px!important;text-align:left!important;box-shadow:0 14px 30px color-mix(in srgb,var(--glass-blue,#007aff) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.24)!important;font:inherit!important;text-shadow:0 1px 10px rgba(0,0,0,.22)!important}
.side,.nav-feed,.mc-grouped,.mc-nav-group,.mc-nav-group-body,.mc-nav-group-body>button{position:relative;overflow:visible!important}
.mc-nav-group-head{position:relative;overflow:visible!important;padding-right:34px!important}.mc-nav-group-body>button{position:relative}.mc-nav-group-subtitle{display:block;margin-top:3px;font-size:11px;font-weight:750;line-height:1.2;color:rgba(255,255,255,.82)!important}
.mc-nav-chevron{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.24);color:#fff;font-weight:950;transition:transform .18s ease}
.mc-nav-group.is-open .mc-nav-chevron{transform:rotate(180deg)}
.mc-nav-group-body{display:none;padding:10px 10px 4px;gap:8px}
.mc-nav-group.is-open .mc-nav-group-body{display:grid;animation:mcMenuExpand .18s ease both}@keyframes mcMenuExpand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.mc-nav-group-body>.nav-separator{display:none}
.mc-nav-group-body>button{width:100%!important;min-height:44px!important;border-radius:999px!important;padding:10px 13px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 10px 24px rgba(54,82,122,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;color:#344054!important;font-size:12px!important;text-align:left!important}
.mc-nav-group-body>button.active{background:#fff!important;color:var(--glass-blue,#007aff)!important;border-color:color-mix(in srgb,var(--glass-blue,#007aff) 38%,white)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--glass-blue,#007aff) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.95)!important}
.mc-nav-group-body>button .nav-icon{width:26px;height:26px;min-width:26px;border-radius:10px;background:color-mix(in srgb,var(--glass-blue,#007aff) 13%,white)!important;color:var(--glass-blue,#007aff)!important}
@media(max-width:820px){.nav-feed.mc-grouped{max-height:560px!important}.mc-nav-group-head{padding:12px}.mc-nav-group-title{font-size:12.5px}}
/* 50. mc-menu-group-contrast-final-v1 */
html body .nav-feed.mc-grouped .mc-nav-group-head{
color:#fff!important;
grid-template-columns:minmax(0,1fr) auto!important;
position:relative!important;
padding-right:56px!important;
background:linear-gradient(135deg,
color-mix(in srgb,var(--glass-blue,#007aff) 72%,#07111f 28%),
color-mix(in srgb,var(--glass-blue,#007aff) 42%,#07111f 58%))!important;
border-color:color-mix(in srgb,var(--glass-cyan,#64d2ff) 42%,rgba(255,255,255,.24))!important;
box-shadow:0 16px 34px color-mix(in srgb,var(--glass-blue,#007aff) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.26)!important;
text-shadow:0 1px 10px rgba(0,0,0,.28)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head>span{
grid-column:1!important;
grid-row:1!important;
min-width:0!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head .mc-nav-group-title{
color:#fff!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head .mc-nav-group-subtitle{
color:rgba(255,255,255,.84)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head .mc-nav-chevron{
grid-column:2!important;
grid-row:1!important;
position:absolute!important;
right:14px!important;
top:50%!important;
transform:translateY(-50%)!important;
color:#fff!important;
background:rgba(255,255,255,.22)!important;
border:1px solid rgba(255,255,255,.25)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group.is-open .mc-nav-chevron{
transform:translateY(-50%) rotate(180deg)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head{
background:linear-gradient(135deg,
color-mix(in srgb,var(--glass-blue,#007aff) 88%,#111827 12%),
color-mix(in srgb,var(--glass-cyan,#64d2ff) 72%,var(--glass-blue,#007aff) 28%))!important;
border-color:color-mix(in srgb,var(--glass-blue,#007aff) 44%,rgba(255,255,255,.55))!important;
box-shadow:0 16px 34px color-mix(in srgb,var(--glass-blue,#007aff) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-head .mc-nav-chevron{
background:rgba(255,255,255,.26)!important;
}
/* 51. user-fine-card-lists-v1 */
.card-list-panel{border:0;background:transparent;box-shadow:none;padding:0;overflow:visible}
.mc-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
.mc-record-card{display:grid;gap:12px;padding:16px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(18,38,63,.10);backdrop-filter:blur(18px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.mc-record-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(18,38,63,.14);border-color:rgba(59,130,246,.28)}
.mc-card-head{display:flex;align-items:center;gap:12px;min-width:0}
.mc-card-head-main{min-width:0;display:grid;gap:3px}
.mc-card-head-main strong{font-size:15px;line-height:1.2;color:#101828;word-break:break-word}
.mc-card-head-main small{font-size:12px;color:#667085;word-break:break-word}
.mc-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mc-card-meta span{display:grid;gap:3px;padding:10px;border-radius:16px;background:rgba(248,251,255,.82);border:1px solid rgba(207,220,236,.58);min-width:0}
.mc-card-meta em{font-style:normal;font-size:11px;font-weight:800;color:#667085;text-transform:uppercase;letter-spacing:.02em}
.mc-card-meta b{font-size:13px;color:#182230;line-height:1.2;word-break:break-word}
.mc-card-doc,.mc-card-response{padding:10px;border-radius:16px;background:rgba(248,251,255,.82);border:1px solid rgba(207,220,236,.58)}
.mc-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.user-list-toolbar{padding:4px 4px 2px;margin-top:14px}
.user-list-toolbar label{display:grid;gap:8px;font-size:12px;font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.02em}
.user-list-toolbar input{width:100%;min-height:46px;border-radius:18px;border:1px solid rgba(148,163,184,.34);background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 28px rgba(15,23,42,.06);padding:0 16px;font-size:14px;color:#101828;outline:none}
.user-list-toolbar input:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 4px rgba(59,130,246,.12),0 12px 28px rgba(15,23,42,.06)}
.mc-cnh-doc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.mc-cnh-doc-head strong{font-size:13px;color:#101828}
.mc-cnh-doc-head span{font-size:11px;font-weight:900;color:#475467;background:rgba(255,255,255,.72);border:1px solid rgba(207,220,236,.62);border-radius:999px;padding:6px 9px;white-space:nowrap}
.mc-cnh-doc-file{display:grid;gap:8px}
.mc-cnh-doc-file b{font-size:13px;color:#182230;word-break:break-word}
.mc-cnh-doc-file small{font-size:12px;color:#667085}
.mc-expand-list{display:grid;gap:10px;margin-top:14px}
.mc-expand-item{border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(207,220,236,.62);box-shadow:0 14px 34px rgba(18,38,63,.08);backdrop-filter:blur(16px);overflow:hidden}
.mc-fine-row{border-left:4px solid rgba(239,68,68,.62)}
.mc-fine-row.open{border-left-color:var(--accent);box-shadow:0 18px 42px rgba(18,38,63,.12)}
.mc-expand-row{width:100%;display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(160px,.9fr) minmax(160px,.9fr) auto;align-items:center;gap:14px;padding:14px 16px;border:0;background:transparent;text-align:left;cursor:pointer;color:#182230}
.mc-expand-row:hover{background:rgba(248,251,255,.74)}
.mc-expand-main{display:flex;align-items:center;gap:12px;min-width:0}
.mc-expand-main strong{display:block;font-size:14px;color:#101828;line-height:1.2;word-break:break-word}
.mc-expand-main small,.mc-expand-cell small{display:block;font-size:12px;color:#667085;line-height:1.25;word-break:break-word}
.mc-expand-cell{min-width:0}
.mc-expand-cell em{display:block;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:#98a2b3;margin-bottom:3px}
.mc-expand-cell b{font-size:13px;color:#182230;word-break:break-word}
.mc-expand-arrow{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(59,130,246,.10);color:#0b63ce;font-weight:900}
.mc-expand-detail{display:none;padding:0 16px 16px}
.mc-expand-item.open .mc-expand-detail{display:block}
.mc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid rgba(207,220,236,.58)}
.mc-detail-box{display:grid;gap:6px;padding:12px;border-radius:16px;background:rgba(248,251,255,.82);border:1px solid rgba(207,220,236,.58);min-width:0}
.mc-detail-box strong{font-size:13px;color:#101828}
.mc-detail-box small{font-size:12px;color:#667085;word-break:break-word}
.mc-detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mc-detail-actions.end{justify-content:flex-end}
@media(max-width:900px){.mc-expand-row{grid-template-columns:1fr}.mc-detail-grid{grid-template-columns:1fr}.mc-detail-actions.end{justify-content:stretch}.mc-detail-actions.end button{flex:1}}
.mc-fine-card{border-left:4px solid rgba(239,68,68,.65)}
.mc-fine-card.is-paid{border-left-color:rgba(34,197,94,.72)}
.mc-fine-card.is-appeal{border-left-color:rgba(245,158,11,.75)}
.mc-fine-card .fine-status-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:100%}
.mc-empty-card{grid-column:1/-1;padding:22px;border-radius:22px;text-align:center;color:#667085;background:rgba(255,255,255,.68);border:1px solid rgba(207,220,236,.58)}
@media(max-width:720px){.mc-card-list{grid-template-columns:1fr}.mc-card-meta{grid-template-columns:1fr}.mc-card-actions{justify-content:stretch}.mc-card-actions button,.mc-card-actions .soft,.mc-card-actions .primary,.mc-card-actions .danger{flex:1}}
/* 52. rank-qty-height-match-v1 */
.mc-rank-grid{align-items:stretch!important}
.mc-rank-grid>[data-mc-section="rank-value"],
.mc-rank-grid>[data-mc-section="rank-qty"]{min-height:520px!important;height:100%!important;display:flex!important;flex-direction:column!important}
.mc-rank-grid>[data-mc-section="rank-value"]>.mc-section-body,
.mc-rank-grid>[data-mc-section="rank-qty"]>.mc-section-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;max-height:none!important}
[data-mc-section="rank-value"] .mc-value-ranking,
[data-mc-section="rank-qty"] .mc-qty-ranking{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important}
[data-mc-section="rank-qty"] .mc-qty-table{flex:0 1 auto!important;height:386px!important;max-height:386px!important;min-height:386px!important;overflow:auto!important;padding:8px 6px 8px 0!important}
[data-mc-section="rank-qty"] .mc-qty-table thead th{position:sticky!important;top:0!important;z-index:1!important;background:rgba(248,252,255,.96)!important}
[data-mc-section="rank-qty"] .mc-table{margin:0!important}
[data-mc-section="rank-qty"] .mc-report-btn,
[data-mc-section="rank-value"] .mc-report-btn{margin-top:auto!important;flex:0 0 auto!important}
@media(max-width:1180px){.mc-rank-grid>[data-mc-section="rank-value"],.mc-rank-grid>[data-mc-section="rank-qty"]{min-height:auto!important}.mc-rank-grid>[data-mc-section="rank-qty"]>.mc-section-body{overflow:visible!important}}
/* 53. km-control-v1 */
.maintenance-subview{display:none}
.maintenance-subview.active{display:block}
.maintenance-calendar,.km-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.maintenance-day,.km-card{padding:16px;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 38px rgba(31,41,55,.10);backdrop-filter:blur(18px)}
.maintenance-day strong,.km-card strong{display:block;font-size:14px;color:#101827;margin-bottom:4px}
.maintenance-day small,.km-card small{display:block;color:#667085;line-height:1.35}
.km-card{position:relative;overflow:hidden}
.km-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff))}
.km-card.due:before{background:linear-gradient(135deg,#ef4444,#fb7185)}
.km-card.warn:before{background:linear-gradient(135deg,#f97316,#facc15)}
.km-card .km-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.km-card .km-value{font-size:20px;font-weight:900;color:#101827}
.km-progress{height:9px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;margin:12px 0 8px}
.km-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff))}
.km-card.due .km-progress span{background:linear-gradient(135deg,#ef4444,#fb7185)}
.km-card.warn .km-progress span{background:linear-gradient(135deg,#f97316,#facc15)}
.km-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap;background:rgba(16,185,129,.14);color:#047857}
.km-badge.warn{background:rgba(249,115,22,.16);color:#c2410c}
.km-badge.due{background:rgba(239,68,68,.16);color:#dc2626}
.km-control-table{overflow:auto}
.km-control-table table{min-width:900px}
.km-control-table tbody tr.km-row{transition:background .2s ease,box-shadow .2s ease}
.km-control-table tbody tr.km-row td{vertical-align:middle}
.km-control-table tbody tr.km-cool{background:rgba(16,185,129,.05)}
.km-control-table tbody tr.km-mild{background:rgba(59,130,246,.06)}
.km-control-table tbody tr.km-warm{background:rgba(249,115,22,.10)}
.km-control-table tbody tr.km-hot{background:rgba(249,115,22,.18)}
.km-control-table tbody tr.km-due{background:linear-gradient(90deg,rgba(239,68,68,.26),rgba(239,68,68,.14))!important;color:#7f1d1d;box-shadow:inset 4px 0 0 #ef4444}
.km-control-table tbody tr.km-due td,.km-control-table tbody tr.km-due strong{color:#7f1d1d}
.km-heat-meter{width:132px;height:10px;border-radius:999px;background:rgba(148,163,184,.22);overflow:hidden;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 3px rgba(15,23,42,.08)}
.km-heat-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15,#fb923c,#ef4444)}
.km-heat-label{display:block;margin-top:5px;font-size:11px;font-weight:850;color:#667085}
.km-table-actions{margin-top:8px}
.km-table-actions .km-action-btn{padding:8px 12px;font-size:12px}
.km-rule-summary{margin-top:14px;display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--glass-blue,#007aff) 16%,white),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 28px rgba(31,64,112,.10)}
.km-rule-summary span{font-size:11px;font-weight:950;text-transform:uppercase;color:var(--glass-blue,#007aff)}
.km-rule-summary strong{font-size:13px;color:#101828;white-space:nowrap}
.km-rule-summary small{font-size:12px;color:#667085}
.km-control-table tbody tr.km-row{cursor:pointer}
.km-control-table tbody tr.km-row.open{box-shadow:inset 0 -1px 0 rgba(255,255,255,.72),inset 0 0 0 999px rgba(255,255,255,.12)}
.km-expand-arrow{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:8px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--glass-blue,#007aff);font-weight:950}
.km-detail-row{display:none;background:rgba(255,255,255,.68)!important}
.km-detail-row.open{display:table-row}
.km-detail-row td{padding-top:0!important}
.km-detail-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border-radius:18px;background:rgba(248,251,255,.86);border:1px solid rgba(207,220,236,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.km-detail-card strong{display:block;color:#101828;margin-bottom:4px}
.km-detail-card small{display:block;color:#667085;line-height:1.35}
.km-row-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.kmSettingsForm.readonly input,#kmSettingsForm.readonly input{background:rgba(248,250,252,.72);color:#667085}
.km-detail-shell{display:grid;gap:12px}
.km-detail-card{align-items:flex-start}
.km-detail-summary{display:grid;gap:4px}
.km-rule-pill{display:inline-flex;align-items:center;width:max-content;margin-top:6px;padding:7px 10px;border-radius:999px;background:rgba(59,130,246,.12);color:var(--primary-strong);font-size:12px;font-weight:900}
.km-row-actions .km-action-btn{margin:0;width:auto;min-width:150px;border-radius:999px!important;padding:10px 14px!important;font-size:12px!important}
.km-chart-box,.km-chart-empty{padding:14px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(207,220,236,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.km-chart-empty{display:grid;gap:5px;color:#667085}
.km-chart-empty strong,.km-chart-head strong{color:#101828}
.km-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.km-chart-head small{display:block;margin-top:3px;color:#667085}
.km-chart-head span{padding:8px 10px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-soft));color:#fff;font-size:12px;font-weight:900;white-space:nowrap}
.km-line-chart{width:100%;height:164px;display:block;overflow:visible}
.km-line-chart .km-grid{fill:none;stroke:rgba(148,163,184,.28);stroke-width:1}
.km-line-chart .km-area{fill:rgba(59,130,246,.14)}
.km-line-chart .km-line{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.km-line-chart circle{fill:#fff;stroke:var(--primary);stroke-width:3}
.km-chart-foot{display:flex;justify-content:space-between;gap:10px;color:#667085;font-size:12px;font-weight:800}
@media(max-width:760px){.km-rule-summary{grid-template-columns:1fr;width:100%;border-radius:18px}.km-detail-card{display:grid}.km-row-actions{justify-content:stretch}.km-row-actions button{width:100%}}
.km-update-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(15,23,42,.48);backdrop-filter:blur(14px);padding:18px}
.km-update-modal{width:min(520px,96vw);padding:24px;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 90px rgba(15,23,42,.35)}
.km-update-modal h2{margin:4px 0 8px;font-size:22px}
.km-update-modal p{margin:0 0 18px;color:#667085}
.km-update-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.km-action-btn{margin-top:10px;width:100%;justify-content:center;font-size:12px!important;padding:9px 12px!important;border-radius:14px!important}
/* 54. inline-style */
body{font-family:Arial;padding:24px}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:8px;text-align:left}h1{color:#0f5fe8}
/* 55. inline-style */
body{font-family:Arial;padding:24px}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:8px;text-align:left}h1{color:#0f5fe8}
/* 56. final-polish-v1 */
.login-error-message{
display:none;
border:1px solid rgba(239,68,68,.28);
background:rgba(254,226,226,.86);
color:#991b1b;
border-radius:16px;
padding:11px 13px;
font-size:13px;
font-weight:800;
line-height:1.35;
}
.login-error-message.show{display:block}
.mc-premium-dashboard{padding:24px!important;gap:22px!important}
.mc-rank-grid{gap:22px!important}
.mc-glass-section{margin:0!important}
.mc-section-head{padding:18px 20px!important}
.mc-section-body{padding:22px!important}
.mc-value-ranking article{padding:13px 0!important}
.mc-alert-list{padding:2px!important;gap:14px!important}
.mc-smart-alert{padding:15px!important}
@media(max-width:720px){
.mc-premium-dashboard{padding:14px!important;gap:14px!important}
.mc-section-body{padding:16px!important}
}
/* 57. menu-dashboard-final-tune-v2 */
@media (min-width:821px){
.mc-nav-group.is-open:not(:hover):not(.mc-hover-open){
padding-bottom:0!important;
}
.mc-nav-group.is-open:not(:hover):not(.mc-hover-open) .mc-nav-group-body{
display:none!important;
}
.mc-nav-group.is-open:not(:hover):not(.mc-hover-open) .mc-nav-chevron{
transform:rotate(0deg)!important;
}
.mc-nav-group:hover,
.mc-nav-group.mc-hover-open{
padding-bottom:8px!important;
}
.mc-nav-group:hover .mc-nav-group-body,
.mc-nav-group.mc-hover-open .mc-nav-group-body{
display:grid!important;
animation:mcMenuExpand .18s ease both;
}
.mc-nav-group:hover .mc-nav-chevron,
.mc-nav-group.mc-hover-open .mc-nav-chevron{
transform:rotate(180deg)!important;
}
}
[data-mc-section="rank-qty"] .mc-section-body{
padding:30px 28px!important;
overflow:auto!important;
max-height:430px!important;
overscroll-behavior:contain!important;
}
[data-mc-section="rank-qty"] .mc-section-body::-webkit-scrollbar{width:8px;height:8px}
[data-mc-section="rank-qty"] .mc-section-body::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(15,95,232,.38)}
[data-mc-section="rank-qty"] .mc-section-body::-webkit-scrollbar-track{border-radius:999px;background:rgba(15,95,232,.08)}
[data-mc-section="rank-qty"] .mc-table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
margin:6px 0 14px!important;
border-spacing:0 6px!important;
}
[data-mc-section="rank-qty"] .mc-table th{
padding:12px 10px!important;
font-size:9.5px!important;
white-space:normal!important;
}
[data-mc-section="rank-qty"] .mc-table td{
padding:15px 10px!important;
font-size:12px!important;
overflow-wrap:anywhere!important;
}
[data-mc-section="rank-qty"] .mc-table th:nth-child(1),
[data-mc-section="rank-qty"] .mc-table td:nth-child(1){
width:64px!important;
}
[data-mc-section="rank-qty"] .mc-table th:nth-child(3),
[data-mc-section="rank-qty"] .mc-table td:nth-child(3){
width:92px!important;
text-align:center!important;
}
[data-mc-section="rank-qty"] .mc-table th:nth-child(4),
[data-mc-section="rank-qty"] .mc-table td:nth-child(4){
width:96px!important;
text-align:center!important;
}
[data-mc-section="rank-qty"] .mc-report-btn{
margin-top:14px!important;
}
[data-mc-section="fine-details"] .mc-detail-table tbody tr{
cursor:pointer;
}
[data-mc-section="fine-details"] .mc-detail-table tbody tr:hover td{
background:rgba(15,95,232,.08)!important;
}
[data-mc-section="smart-alerts"] .mc-section-body{
padding:18px!important;
}
[data-mc-section="smart-alerts"] .mc-alert-list{
gap:9px!important;
padding:0!important;
}
[data-mc-section="smart-alerts"] .mc-smart-alert{
min-height:0!important;
padding:10px 12px!important;
border-radius:14px!important;
grid-template-columns:10px minmax(0,1fr) auto!important;
gap:10px!important;
}
[data-mc-section="smart-alerts"] .mc-smart-alert i{
width:8px!important;
height:8px!important;
}
[data-mc-section="smart-alerts"] .mc-smart-alert strong{
font-size:12px!important;
line-height:1.18!important;
}
[data-mc-section="smart-alerts"] .mc-smart-alert small{
font-size:10.5px!important;
line-height:1.22!important;
margin-top:2px!important;
}
[data-mc-section="smart-alerts"] .mc-smart-alert b{
font-size:14px!important;
}
.mc-fine-team-modal{
position:fixed;
inset:0;
z-index:99999;
display:grid;
place-items:center;
padding:20px;
background:rgba(10,18,32,.42);
backdrop-filter:blur(18px);
}
.mc-fine-team-card{
width:min(560px,94vw);
border-radius:26px;
padding:22px;
color:#172033;
background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(241,248,255,.72));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 26px 70px rgba(21,47,84,.22),inset 0 1px 0 rgba(255,255,255,.95);
}
.mc-fine-team-card header{
display:flex;
justify-content:space-between;
gap:14px;
align-items:flex-start;
margin-bottom:16px;
}
.mc-fine-team-card h3{
margin:0;
font-size:20px;
line-height:1.15;
}
.mc-fine-team-card p{
margin:5px 0 0;
color:#66758c;
font-size:13px;
font-weight:750;
}
.mc-fine-team-card button{
border:0;
border-radius:999px;
padding:10px 14px;
font-weight:900;
color:#fff;
background:linear-gradient(135deg,#ef4444,#fb7185);
box-shadow:0 12px 28px rgba(239,68,68,.22);
}
.mc-fine-team-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:center;
padding:12px 0;
border-top:1px solid rgba(140,165,198,.24);
}
.mc-fine-team-row strong{
font-size:14px;
}
.mc-fine-team-row span{
font-size:13px;
color:#66758c;
font-weight:800;
}
.mc-fine-team-bar{
grid-column:1/-1;
height:8px;
overflow:hidden;
border-radius:999px;
background:rgba(15,95,232,.10);
}
.mc-fine-team-bar i{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));
}
.mc-footer{
display:grid;
gap:4px;
justify-items:center;
margin:18px 0 4px;
padding:12px 16px;
color:#66758c;
font-size:11px;
font-weight:800;
text-align:center;
}
.app-locked .mc-footer{
display:none!important;
}
.landing-footer,
.login-view .mc-footer,
.reset-view .mc-footer{
margin:22px auto 8px;
max-width:820px;
}
.app-footer{
margin:22px 0 8px;
padding-bottom:18px;
}
.mc-footer-link{
border:1px solid rgba(15,95,232,.18);
border-radius:999px;
padding:7px 12px;
margin-top:4px;
color:var(--theme-primary,#0f5fe8);
background:rgba(255,255,255,.70);
font-size:11px;
font-weight:900;
cursor:pointer;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.mc-footer-link:hover{
transform:translateY(-1px);
box-shadow:0 10px 24px rgba(15,95,232,.12),inset 0 1px 0 rgba(255,255,255,.92);
}
.lgpd-modal[hidden]{
display:none!important;
}
.lgpd-modal{
position:fixed;
inset:0;
z-index:9999;
display:grid;
place-items:center;
padding:22px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.lgpd-card{
width:min(760px,100%);
max-height:min(86vh,760px);
overflow:auto;
border-radius:30px;
padding:22px;
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.66));
border:1px solid rgba(255,255,255,.78);
box-shadow:0 32px 90px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.9);
}
.lgpd-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
margin-bottom:16px;
}
.lgpd-head h2{
margin:2px 0 0;
color:#101828;
font-size:22px;
line-height:1.1;
}
.lgpd-body{
display:grid;
gap:12px;
color:#475467;
font-size:13px;
font-weight:700;
line-height:1.45;
}
.lgpd-body article{
display:grid;
gap:4px;
padding:13px 14px;
border-radius:18px;
background:rgba(255,255,255,.66);
border:1px solid rgba(15,95,232,.10);
}
.lgpd-body article strong{
color:#101828;
font-size:13px;
}
.lgpd-body small{
color:#667085;
font-weight:850;
}
.lgpd-actions{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:14px;
padding-top:14px;
border-top:1px solid rgba(15,95,232,.12);
}
.lgpd-version{
color:#667085;
font-size:11px;
font-weight:900;
}
.lgpd-modal.lgpd-required .lgpd-head .danger{
display:none;
}
@media(max-width:620px){
.lgpd-actions{display:grid}
.lgpd-actions button{width:100%}
}
.lgpd-request-modal[hidden]{display:none!important}
.lgpd-request-modal{
position:fixed;
inset:0;
z-index:10000;
display:grid;
place-items:center;
padding:22px;
background:rgba(15,23,42,.44);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.lgpd-request-card{
width:min(720px,100%);
border-radius:30px;
padding:22px;
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.70));
border:1px solid rgba(255,255,255,.8);
box-shadow:0 32px 90px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.9);
}
.lgpd-request-list{
display:grid;
gap:12px;
}
.lgpd-request-row{
border-radius:20px;
padding:14px;
background:rgba(255,255,255,.72);
border:1px solid rgba(15,95,232,.10);
box-shadow:0 14px 34px rgba(22,32,51,.08);
}
.lgpd-request-row header{
display:flex;
justify-content:space-between;
gap:10px;
align-items:flex-start;
margin-bottom:8px;
}
.lgpd-request-row strong{color:#101828}
.lgpd-request-row p{margin:6px 0;color:#475467;font-size:13px;font-weight:750;line-height:1.4}
.lgpd-request-row small{display:block;color:#667085;font-weight:850}
.lgpd-request-actions{
display:grid;
gap:8px;
margin-top:12px;
}
/* 58. menu-and-fine-popup-redone-v1 */
.nav-feed .mc-nav-group-body button .nav-icon,
.mc-nav-group-body .nav-icon{display:grid!important}
.mc-nav-group-body button{grid-template-columns:auto minmax(0,1fr)!important;padding-left:12px!important}
@media (min-width:821px){
body.menu-feed-closed .nav-feed{max-height:0!important;opacity:0!important;transform:translateY(-8px)!important;pointer-events:none!important;overflow:hidden!important}
body:not(.menu-feed-closed) .nav-feed{max-height:760px!important;opacity:1!important;transform:none!important;pointer-events:auto!important;overflow:visible!important}
.mc-nav-group{padding-bottom:0!important}.mc-nav-group .mc-nav-group-body{display:none!important}.mc-nav-group .mc-nav-chevron{transform:rotate(0deg)!important}
.mc-nav-group:hover{padding-bottom:8px!important}.mc-nav-group:hover .mc-nav-group-body{display:grid!important;animation:mcMenuExpand .18s ease both}.mc-nav-group:hover .mc-nav-chevron{transform:rotate(180deg)!important}
}
.mc-fine-team-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(10,18,32,.42);backdrop-filter:blur(18px)}
.mc-fine-team-modal[hidden]{display:none!important}
.mc-fine-team-card{width:min(560px,94vw);border-radius:26px;padding:22px;color:#172033;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(241,248,255,.76));border:1px solid rgba(255,255,255,.82);box-shadow:0 26px 70px rgba(21,47,84,.22),inset 0 1px 0 rgba(255,255,255,.95)}
.mc-fine-team-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.mc-fine-team-card h3{margin:0;font-size:20px;line-height:1.15}.mc-fine-team-card p{margin:5px 0 0;color:#66758c;font-size:13px;font-weight:750}
.mc-fine-team-close{border:0;border-radius:999px;padding:10px 14px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ef4444,#fb7185);box-shadow:0 12px 28px rgba(239,68,68,.22);cursor:pointer}
.mc-fine-team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(140,165,198,.24)}.mc-fine-team-row strong{font-size:14px}.mc-fine-team-row span{font-size:13px;color:#66758c;font-weight:800}
.mc-fine-team-bar{grid-column:1/-1;height:8px;overflow:hidden;border-radius:999px;background:rgba(15,95,232,.10)}.mc-fine-team-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))}
[data-mc-section="fine-details"] .mc-detail-table tbody tr{cursor:pointer!important}[data-mc-section="fine-details"] .mc-detail-table tbody tr:hover td{background:rgba(15,95,232,.08)!important}
/* 59. login-eye-toggle-v1 */
.login-password-wrap{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px}
.login-password-wrap input{width:100%;min-width:0}
.login-eye{height:42px;width:42px;display:grid;place-items:center;border:1px solid rgba(104,127,178,.26);border-radius:14px;background:rgba(255,255,255,.82);color:var(--glass-blue,#007aff);font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(22,32,51,.08);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.login-eye svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.login-eye:hover{transform:translateY(-1px);background:#fff;border-color:color-mix(in srgb,var(--glass-blue,#007aff) 45%,white)}
/* 60. checklist-send-loading-v1 */
.checklist-send-loading[hidden]{display:none!important}
.checklist-send-loading{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:rgba(14,22,36,.38);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.checklist-send-card{width:min(420px,92vw);min-height:330px;padding:34px 28px;border-radius:34px;display:grid;place-items:center;text-align:center;gap:14px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(235,245,255,.68));border:1px solid rgba(255,255,255,.82);box-shadow:0 32px 80px rgba(18,35,62,.28),inset 0 1px 0 rgba(255,255,255,.86);color:#101828}
.checklist-send-card strong{font-size:22px;letter-spacing:0;font-weight:950}
.checklist-send-card span{max-width:300px;color:#65758c;font-size:13px;line-height:1.45}
.paper-plane-stage{position:relative;width:180px;height:132px;margin-bottom:4px;display:grid;place-items:center;overflow:visible}
.paper-sheet{position:absolute;width:82px;height:62px;border-radius:10px;background:linear-gradient(135deg,#fff,#dff1ff);border:1px solid rgba(25,118,210,.22);box-shadow:0 18px 40px rgba(15,95,232,.22);animation:mcPaperFold 2.2s ease-in-out infinite;transform-origin:center}
.paper-sheet::before,.paper-sheet::after{content:'';position:absolute;inset:10px;border-top:2px solid rgba(15,95,232,.18)}
.paper-sheet::after{inset:26px 10px auto 10px}
.paper-plane{position:absolute;width:92px;height:72px;filter:drop-shadow(0 18px 28px rgba(15,95,232,.34));animation:mcPlaneFly 2.2s ease-in-out infinite}
.paper-plane::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));clip-path:polygon(0 52%,100% 0,72% 100%,48% 65%,22% 92%);border-radius:8px}
.paper-plane::after{content:'';position:absolute;left:44px;top:45px;width:28px;height:2px;background:rgba(255,255,255,.72);transform:rotate(-28deg);border-radius:999px}
.paper-plane-stage i{position:absolute;left:14px;width:44px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--glass-blue,#007aff) 70%,white));opacity:.74;animation:mcPlaneTrail 2.2s ease-in-out infinite}
.paper-plane-stage i:nth-of-type(1){top:44px;animation-delay:.05s}.paper-plane-stage i:nth-of-type(2){top:62px;width:60px;animation-delay:.14s}.paper-plane-stage i:nth-of-type(3){top:80px;width:36px;animation-delay:.22s}
.checklist-send-card .loading-bar{width:220px;height:8px;border-radius:999px;background:rgba(15,95,232,.12);overflow:hidden}
.checklist-send-card .loading-bar i{display:block;width:44%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));animation:mcSendBar 1.1s ease-in-out infinite}
@keyframes mcPaperFold{0%,18%{opacity:1;transform:translateX(-10px) scale(1) rotate(0)}38%{opacity:.72;transform:translateX(4px) scale(.82) rotate(12deg) skewX(-12deg)}48%,100%{opacity:0;transform:translateX(22px) scale(.35) rotate(34deg)}}
@keyframes mcPlaneFly{0%,34%{opacity:0;transform:translate(-34px,18px) rotate(-10deg) scale(.62)}48%{opacity:1;transform:translate(0,0) rotate(-8deg) scale(1)}76%{opacity:1;transform:translate(34px,-16px) rotate(5deg) scale(1.05)}100%{opacity:0;transform:translate(96px,-42px) rotate(12deg) scale(.92)}}
@keyframes mcPlaneTrail{0%,40%{opacity:0;transform:translateX(18px)}54%,82%{opacity:.78;transform:translateX(0)}100%{opacity:0;transform:translateX(-24px)}}
@keyframes mcSendBar{0%{transform:translateX(-105%)}55%{transform:translateX(82%)}100%{transform:translateX(245%)}}
/* 61. scheduled-maint-cards-v1 */
[data-mc-section="scheduled-maint"] .mc-section-body{padding:18px}
.mc-scheduled-maint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mc-scheduled-maint-card{min-height:148px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.74);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.68));box-shadow:0 18px 38px rgba(28,47,74,.10);overflow:hidden}
.mc-scheduled-maint-card .mc-date{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--glass-blue,#007aff) 14%,white);color:color-mix(in srgb,var(--glass-blue,#007aff) 72%,#102033);font-size:12px;font-weight:900}
.mc-scheduled-maint-card strong{font-size:15px;line-height:1.18;color:#172033}
.mc-scheduled-maint-card span,.mc-scheduled-maint-card small{display:block;color:#66738a;font-size:12px;line-height:1.35}
.mc-scheduled-maint-card b{align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.82);color:#0f6f5d;font-size:12px;box-shadow:0 10px 22px rgba(25,39,62,.08)}
@media(max-width:980px){.mc-scheduled-maint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mc-scheduled-maint-grid{grid-template-columns:1fr}}
/* 62. mc-performance-v1 */
@supports (content-visibility:auto){
.panel,
.mc-dash-section,
.pricing-card,
.section,
.report-card{
content-visibility:auto;
contain-intrinsic-size:1px 420px;
}
}
img{max-width:100%}
/* 63. mc-menu-click-leave-v1 */
@media (min-width:821px){
.mc-nav-group:hover{padding-bottom:0!important}
.mc-nav-group:hover .mc-nav-group-body{display:none!important}
.mc-nav-group:hover .mc-nav-chevron{transform:rotate(0deg)!important}
.nav-feed.mc-grouped .mc-nav-group.is-click-open,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open:not(:hover):not(.mc-hover-open){padding-bottom:8px!important}
.nav-feed.mc-grouped .mc-nav-group.is-click-open .mc-nav-group-body,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open .mc-nav-group-body,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open:not(:hover):not(.mc-hover-open) .mc-nav-group-body{display:grid!important;animation:mcMenuExpand .18s ease both}
.nav-feed.mc-grouped .mc-nav-group.is-click-open .mc-nav-chevron,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open .mc-nav-chevron,
.nav-feed.mc-grouped .mc-nav-group.is-open.is-click-open:not(:hover):not(.mc-hover-open) .mc-nav-chevron{transform:rotate(180deg)!important}
}
/* 64. finance-dashboard-v2 */
#finance .panel{padding:0;overflow:visible}
#finance .panel>.panel-head{display:none}
.finance-dashboard{display:grid;gap:18px;padding:20px;max-width:100%;overflow:hidden}
.finance-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.76);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38));box-shadow:0 14px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);padding:14px}
.finance-controls .finance-title h3{font-size:18px}
.finance-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.finance-filter label{display:grid;gap:5px;font-size:11px;font-weight:850;color:var(--liquid-muted,#627189)}
.finance-filter select,.finance-filter input{min-height:38px;border-radius:14px!important;min-width:130px}
.finance-filter .primary{min-height:38px;padding:0 16px}
.finance-hero{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}
.finance-summary,.finance-glass-card{position:relative;overflow:visible;border:1px solid rgba(255,255,255,.76);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38));box-shadow:0 22px 58px rgba(31,64,112,.13),inset 0 1px 0 rgba(255,255,255,.92);backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45)}
.finance-summary{padding:22px;display:grid;gap:20px;align-content:start}
.finance-summary:before,.finance-glass-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 40%,rgba(255,255,255,.20));opacity:.8}
.finance-summary>*,
.finance-glass-card>*{position:relative;z-index:1}
.finance-kicker,.finance-kicker.subtle{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:28px;padding:6px 12px;margin:0 0 10px;border-radius:999px;background:linear-gradient(145deg,var(--glass-blue,#007aff),color-mix(in srgb,var(--glass-blue,#007aff) 78%,#111827));color:#fff;border:1px solid color-mix(in srgb,var(--glass-blue,#007aff) 72%,rgba(255,255,255,.55));font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 9px 20px color-mix(in srgb,var(--glass-blue,#007aff) 24%,transparent)}
.finance-title{display:grid;gap:7px}
.finance-title h3{margin:0;font-size:22px;color:var(--liquid-text,#101828)}
.finance-title p{margin:0;color:var(--liquid-muted,#627189);font-size:13px;line-height:1.45}
.finance-total{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.finance-value-stack{display:grid;gap:6px;min-width:0}
.finance-total strong{font-size:clamp(30px,4vw,48px);letter-spacing:0;color:var(--liquid-text,#101828)}
.finance-total span,.finance-period-label{color:var(--liquid-muted,#627189);font-size:12px;font-weight:900;line-height:1.25}
.finance-delta{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px;font-weight:950;font-size:12px;background:rgba(16,185,129,.12);color:#047857;border:1px solid rgba(16,185,129,.24)}
.finance-delta.bad{background:rgba(239,68,68,.12);color:#b42318;border-color:rgba(239,68,68,.24)}
.finance-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.finance-mini{border:1px solid rgba(255,255,255,.72);border-radius:20px;background:rgba(255,255,255,.48);padding:14px;display:grid;gap:6px;min-height:104px}
.finance-mini span{font-size:12px;color:var(--liquid-muted,#627189);font-weight:850}
.finance-mini strong{font-size:20px;color:var(--liquid-text,#101828);line-height:1.08}
.finance-mini small{font-size:11px;color:var(--liquid-muted,#627189);line-height:1.3}
.finance-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.finance-glass-card{padding:20px;display:grid;gap:14px;min-height:170px;min-width:0;align-content:start}
.finance-glass-card.wide{grid-column:span 2}
.finance-grid-v2>.finance-glass-card{grid-column:1/-1}
.finance-grid-v2>.finance-team-card,.finance-grid-v2>.finance-accum-card{grid-column:auto}
.finance-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.finance-card-head h3{margin:2px 0 0;font-size:15px;color:var(--liquid-text,#101828)}
.finance-card-head small{color:var(--liquid-muted,#627189);font-size:11px;font-weight:800}
.finance-list{display:grid;gap:10px}
.finance-scroll-list{max-height:360px;overflow-y:auto;padding-right:6px;overscroll-behavior:contain}
.finance-scroll-list::-webkit-scrollbar{width:8px}
.finance-scroll-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--glass-blue,#007aff) 45%,rgba(148,163,184,.55))}
.finance-scroll-list::-webkit-scrollbar-track{border-radius:999px;background:rgba(148,163,184,.12)}
.finance-saving-month-card{grid-column:1/-1}
.finance-extra-card{grid-column:1/-1}
.finance-extra-form{display:grid;grid-template-columns:1.05fr 1.35fr .9fr .85fr minmax(180px,1.4fr) auto;gap:10px;align-items:end;margin-bottom:14px}
.finance-extra-form label{display:grid;gap:5px;font-size:11px;font-weight:900;color:var(--liquid-muted,#627189)}
.finance-extra-form input,.finance-extra-form select{min-height:38px}
.finance-extra-form button{min-height:38px;white-space:nowrap}
.finance-extra-list{display:grid;gap:9px}
.finance-extra-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border-radius:18px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.82)}
.finance-extra-row div{display:grid;gap:2px;min-width:0}
.finance-extra-row strong{font-size:13px;color:var(--liquid-text,#101828)}
.finance-extra-row small,.finance-extra-row em{font-size:11px;color:var(--liquid-muted,#627189);font-style:normal;line-height:1.25}
.finance-extra-row b{font-size:13px;color:var(--liquid-text,#101828);white-space:nowrap}
@media(max-width:1100px){.finance-extra-form{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-extra-desc{grid-column:1/-1}.finance-extra-form button{grid-column:1/-1}}
@media(max-width:720px){.finance-extra-form,.finance-extra-row{grid-template-columns:1fr}.finance-extra-row b{justify-self:start}}
.finance-saving-month-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;min-height:210px;padding:12px 4px 2px}
.finance-saving-month-bar{min-width:0;display:grid;gap:8px;align-content:end;justify-items:center;text-align:center;color:var(--liquid-text,#101828)}
.finance-saving-month-bar strong{font-size:12px;line-height:1.15;white-space:nowrap}
.finance-saving-month-bar i{display:block;width:min(54px,74%);min-height:8px;border-radius:16px 16px 9px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-primary,#0f5fe8) 82%,#ffffff 18%),color-mix(in srgb,var(--theme-secondary,#58a6ff) 88%,#ffffff 12%));box-shadow:0 16px 26px color-mix(in srgb,var(--theme-primary,#0f5fe8) 24%,transparent)}
.finance-saving-month-bar span{font-size:11px;font-weight:950;color:var(--liquid-muted,#627189);text-transform:uppercase}
.finance-saving-month-bar small{font-size:10px;font-weight:800;color:var(--liquid-muted,#627189);line-height:1.15}
.finance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:2px 0}
.finance-row span{font-size:12px;color:var(--liquid-muted,#627189);font-weight:850;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25}
.finance-row strong{font-size:13px;color:var(--liquid-text,#101828)}
.finance-bar{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(102,112,133,.12);overflow:hidden}
.finance-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))}
.finance-category{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}
.finance-category-balanced{grid-template-columns:minmax(150px,.72fr) minmax(190px,240px) minmax(280px,1.1fr);gap:22px;align-items:center}
.finance-category-total{display:grid;gap:7px;align-content:center;justify-items:start;padding:16px;border-radius:22px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.finance-category-total span{font-size:11px;font-weight:900;color:var(--liquid-muted,#627189);text-transform:uppercase;letter-spacing:.02em}
.finance-category-total strong{font-size:clamp(22px,2.5vw,34px);line-height:1.04;color:var(--liquid-text,#101828)}
.finance-category-total small{font-size:11px;line-height:1.3;color:var(--liquid-muted,#627189);font-weight:750}
.finance-donut{width:172px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 16px 36px rgba(31,64,112,.12)}
.finance-category-balanced .finance-donut{width:min(220px,100%);justify-self:center}
.finance-donut div{width:94px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.finance-donut small{display:block;color:var(--liquid-muted,#627189);font-size:10px;font-weight:850}
.finance-donut strong{font-size:13px;color:var(--liquid-text,#101828)}
.finance-legend{display:grid;gap:9px}
.finance-legend article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:12px}
.finance-legend span{display:flex;align-items:center;gap:8px;font-weight:850;color:var(--liquid-text,#101828)}
.finance-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.finance-legend b{font-size:12px;color:var(--liquid-text,#101828)}
.finance-legend em{font-style:normal;color:var(--liquid-muted,#627189);font-size:11px;font-weight:850}
.finance-table-wrap{width:100%;overflow-x:auto;padding-bottom:2px}
.finance-table{width:100%;min-width:440px;border-collapse:separate;border-spacing:0 8px}
.finance-table th{font-size:10px;text-transform:uppercase;letter-spacing:.02em;color:var(--liquid-muted,#627189);text-align:left;padding:0 8px}
.finance-table td{background:rgba(255,255,255,.42)!important;border-top:1px solid rgba(255,255,255,.68);border-bottom:1px solid rgba(255,255,255,.68);padding:10px 8px;font-size:12px;color:var(--liquid-text,#101828)}
.finance-glass-card .finance-table{min-width:0;border-spacing:0 7px}
.finance-glass-card .finance-table th{padding:0 10px 4px;font-size:9.5px;white-space:normal}
.finance-glass-card .finance-table td{padding:11px 10px;vertical-align:middle;line-height:1.22}
.finance-glass-card .finance-table td:not(:first-child),.finance-glass-card .finance-table th:not(:first-child){text-align:right}
.finance-table td:first-child{border-left:1px solid rgba(255,255,255,.68);border-radius:14px 0 0 14px;font-weight:900}
.finance-table td:last-child{border-right:1px solid rgba(255,255,255,.68);border-radius:0 14px 14px 0;text-align:right;font-weight:950}
.finance-saving-ok{color:#047857!important}
.finance-saving-bad{color:#b42318!important}
@media(max-width:980px){.finance-dashboard{padding:14px}.finance-hero,.finance-grid-v2,.finance-category,.finance-category-balanced{grid-template-columns:1fr}.finance-glass-card.wide{grid-column:auto}.finance-mini-grid{grid-template-columns:1fr}.finance-saving-month-chart{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.finance-donut{width:150px;margin:auto}.finance-category-balanced .finance-donut{width:190px}.finance-category-total{justify-items:center;text-align:center}.finance-filter{width:100%}.finance-filter label{flex:1 1 145px}.finance-filter .primary{width:100%}}
/* 65. inline-style */
'+styles+' body{background:#eef6ff!important;padding:24px;font-family:Inter,Arial,sans-serif}.pdf-head{margin:0 0 18px;color:#101828}.pdf-head h1{margin:0;font-size:26px}.pdf-head p{margin:6px 0 0;color:#627189}.api-note{margin:10px 0 0;color:#047857;font-weight:800}.api-note.warn{color:#b45309}@media print{body{padding:10mm!important}.finance-controls{display:none!important}.finance-dashboard{padding:0!important}.finance-glass-card,.finance-summary{break-inside:avoid;box-shadow:none!important}.finance-scroll-list{max-height:none!important;overflow:visible!important}}
/* 66. owner-email-queue-view-v1 */
#emailQueue .email-queue-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
#emailQueue .email-queue-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#emailQueue .email-queue-summary article{border-radius:20px;padding:14px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.78);box-shadow:0 14px 32px rgba(22,32,51,.08)}
#emailQueue .email-queue-summary span{display:block;color:#66758c;font-size:11px;font-weight:950;text-transform:uppercase}
#emailQueue .email-queue-summary strong{display:block;margin-top:8px;color:#172033;font-size:24px;line-height:1}
#emailQueue .email-queue-summary .danger strong{color:#b42318}
#emailQueue .email-queue-table-wrap{width:100%;overflow-x:auto}
#emailQueue .email-queue-actions{display:flex;gap:8px;flex-wrap:wrap}
#emailQueue .email-queue-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:4px}
#emailQueue .email-queue-filter{border:1px solid rgba(30,136,255,.24);background:rgba(255,255,255,.72);color:#0f766e;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(22,32,51,.06);cursor:pointer;transition:.18s ease}
#emailQueue .email-queue-filter:hover{transform:translateY(-1px);border-color:rgba(30,136,255,.55)}
#emailQueue .email-queue-filter.active{background:linear-gradient(135deg,var(--theme,#1688ff),var(--theme-2,#5cc8ff));color:#fff;border-color:rgba(255,255,255,.5);box-shadow:0 14px 30px rgba(30,136,255,.24)}
#emailQueue .email-queue-error{max-width:320px;white-space:normal;color:#b42318;font-size:12px;line-height:1.3}
#emailQueue .email-queue-kind{font-weight:900;color:#172033}
@media(max-width:900px){#emailQueue .email-queue-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#emailQueue .email-queue-summary{grid-template-columns:1fr}}
/* 67. final-visual-consolidation-v1 */
[data-mc-section="smart-alerts"] .mc-section-body{padding:22px!important}
[data-mc-section="smart-alerts"] .mc-alert-list{padding:8px!important;gap:12px!important}
[data-mc-section="smart-alerts"] .mc-smart-alert{grid-template-columns:42px minmax(0,1fr) 34px!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border-radius:18px!important;min-height:72px!important;overflow:hidden!important}
[data-mc-section="smart-alerts"] .mc-smart-alert i{width:36px!important;height:36px!important;border-radius:14px!important;display:grid!important;place-items:center!important;margin:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px rgba(22,32,51,.08)!important;position:relative!important;flex:0 0 36px!important}
[data-mc-section="smart-alerts"] .mc-smart-alert i::before{position:static!important;display:block!important;width:auto!important;height:auto!important;line-height:1!important;font-size:15px!important;font-weight:950!important;color:currentColor!important;transform:none!important}
[data-mc-section="smart-alerts"] .mc-smart-alert.green i{background:rgba(32,191,119,.14)!important;color:#078456!important}
[data-mc-section="smart-alerts"] .mc-smart-alert.orange i{background:rgba(255,181,71,.18)!important;color:#a35d00!important}
[data-mc-section="smart-alerts"] .mc-smart-alert.red i{background:rgba(255,77,93,.18)!important;color:#d72d3a!important}
[data-mc-section="smart-alerts"] .mc-smart-alert strong{font-size:13px!important;line-height:1.25!important}
[data-mc-section="smart-alerts"] .mc-smart-alert small{font-size:11.5px!important;line-height:1.32!important;margin-top:4px!important}
[data-mc-section="smart-alerts"] .mc-smart-alert b{width:28px!important;height:28px!important;border-radius:12px!important;display:grid!important;place-items:center!important;justify-self:end!important}
@media(max-width:720px){[data-mc-section="smart-alerts"] .mc-section-body{padding:16px!important}[data-mc-section="smart-alerts"] .mc-alert-list{padding:4px!important}[data-mc-section="smart-alerts"] .mc-smart-alert{grid-template-columns:38px minmax(0,1fr)!important}[data-mc-section="smart-alerts"] .mc-smart-alert b{display:none!important}}
.donut-stack{display:grid!important;justify-items:center!important;align-content:center!important;gap:10px!important}
.mc-donut>div,.finance-donut div{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
padding:10px!important;
box-sizing:border-box!important;
}
.mc-donut small,.finance-donut small{
display:none!important;
margin:0!important;
line-height:1!important;
letter-spacing:.02em!important;
}
.mc-donut strong,.finance-donut strong{
display:none!important;
}
.donut-total-badge{
display:inline-flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
max-width:170px!important;
min-height:44px!important;
margin:0!important;
padding:8px 12px!important;
border-radius:16px!important;
line-height:1.05!important;
white-space:nowrap!important;
text-align:center!important;
background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.46))!important;
border:1px solid rgba(255,255,255,.68)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 18px rgba(22,32,51,.08)!important;
}
.donut-total-badge span{
color:#66758c!important;
font-size:10px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.04em!important;
}
.donut-total-badge strong{
color:#172033!important;
font-size:14px!important;
font-weight:950!important;
line-height:1.1!important;
}
@media(max-width:720px){
.donut-total-badge{max-width:150px!important;padding:7px 10px!important}
.donut-total-badge strong{font-size:12px!important}
}
/* 68. driver-required-km-modal-v1 */
.driver-km-required-modal[hidden]{display:none!important}
.driver-km-required-modal{
position:fixed;
inset:0;
z-index:99999;
display:grid;
place-items:center;
padding:22px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(18px) saturate(1.3);
}
.driver-km-required-card{
width:min(440px,100%);
border:1px solid rgba(255,255,255,.78);
border-radius:28px;
padding:24px;
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,250,255,.68));
box-shadow:0 28px 80px rgba(15,23,42,.26);
}
.driver-km-required-card .eyebrow{
margin:0 0 8px;
color:var(--theme-primary,#168cff);
font-size:12px;
font-weight:900;
text-transform:uppercase;
}
.driver-km-required-card h2{margin:0 0 8px;font-size:22px;color:#111827}
.driver-km-required-card p{margin:0 0 16px;color:#64748b;font-size:14px;line-height:1.45}
.driver-km-required-vehicle{
display:flex;
justify-content:space-between;
gap:12px;
margin:14px 0;
padding:14px;
border-radius:20px;
background:rgba(255,255,255,.68);
border:1px solid rgba(148,163,184,.28);
}
.driver-km-required-vehicle strong{display:block;color:#111827}
.driver-km-required-vehicle small{display:block;color:#64748b}
.driver-km-required-card label{display:block;margin-top:12px;font-weight:800;color:#111827}
.driver-km-required-card input{
width:100%;
margin-top:8px;
padding:15px 16px;
border-radius:16px;
border:1px solid rgba(37,99,235,.24);
background:rgba(255,255,255,.9);
font-size:18px;
font-weight:900;
outline:none;
}
.driver-km-required-error{
display:none;
margin-top:12px;
padding:10px 12px;
border-radius:14px;
background:rgba(255,59,48,.10);
border:1px solid rgba(255,59,48,.26);
color:#b42318;
font-size:13px;
font-weight:800;
}
.driver-km-required-error.show{display:block}
.driver-km-required-actions{display:flex;justify-content:flex-end;margin-top:18px}
.driver-km-required-actions .primary{min-width:150px}
/* 69. mc-menu-attention-final-force-v1 */
html body .nav-feed.mc-grouped .mc-nav-group.mc-menu-attention > .mc-nav-group-head,
html body .side .nav-feed.mc-grouped .mc-nav-group.mc-menu-attention > .mc-nav-group-head,
html body .nav-feed.mc-grouped .mc-nav-group-body > button.mc-menu-attention,
html body .side .nav-feed.mc-grouped .mc-nav-group-body > button.mc-menu-attention{
background:linear-gradient(145deg,#ff3b30,#d70015)!important;
background-image:linear-gradient(145deg,#ff3b30,#d70015)!important;
color:#fff!important;
border-color:rgba(255,255,255,.62)!important;
box-shadow:0 16px 38px rgba(215,0,21,.34),0 0 0 4px rgba(255,59,48,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
animation:mcAttentionPulse 1.25s ease-in-out infinite!important;
}
html body .nav-feed.mc-grouped .mc-nav-group.mc-menu-attention > .mc-nav-group-head *,
html body .nav-feed.mc-grouped .mc-nav-group-body > button.mc-menu-attention *{
color:#fff!important;
text-shadow:0 1px 10px rgba(0,0,0,.18)!important;
}
html body .nav-feed.mc-grouped .mc-nav-group-body > button.mc-menu-attention .nav-icon{
background:rgba(255,255,255,.20)!important;
color:#fff!important;
}
@keyframes mcAttentionPulse{
0%,100%{box-shadow:0 16px 38px rgba(215,0,21,.34),0 0 0 4px rgba(255,59,48,.10),inset 0 1px 0 rgba(255,255,255,.46)}
50%{box-shadow:0 20px 48px rgba(215,0,21,.50),0 0 0 7px rgba(255,59,48,.16),inset 0 1px 0 rgba(255,255,255,.56)}
}
/* 70. driver-rebuild-clean-v1 */
body.driver-rebuild-mode #temporaryVehicleBtn,
body.driver-rebuild-mode #temporaryVehicleEndBtn{
display:none!important;
}
body.driver-rebuild-mode #panicBtn{
display:block!important;
width:100%;
order:2!important;
margin-top:14px;
min-height:50px;
border-radius:18px;
background:linear-gradient(135deg,#ff3b30,#e3001b);
color:#fff;
border:1px solid rgba(255,255,255,.28);
box-shadow:0 18px 36px rgba(227,0,27,.22),inset 0 1px 0 rgba(255,255,255,.35);
}
body.driver-rebuild-mode #crlvArea{order:3!important}
body.driver-rebuild-mode #cnhArea{order:4!important}
body.driver-rebuild-mode #feedMenuToggle{order:5!important}
body.driver-rebuild-mode #navFeed{order:6!important}
.driver-rebuild-card{
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.80);
box-shadow:0 18px 42px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
display:grid;
gap:8px;
}
.driver-rebuild-card strong{
color:#172033;
font-size:18px;
}
.driver-rebuild-card small{
color:#66758c;
font-weight:700;
line-height:1.35;
}
.driver-rebuild-roadmap{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.driver-empty-state{
display:grid;
gap:8px;
width:100%;
padding:20px;
border-radius:24px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 16px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
}
.driver-empty-state strong{color:#172033;font-size:16px}
.driver-empty-state small{color:#66758c;font-weight:750;line-height:1.35}
.driver-panel-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
width:100%;
align-items:stretch;
}
.driver-panel-card{
min-height:154px;
width:100%;
border:0;
border-radius:24px;
padding:18px 14px;
background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.54));
border:1px solid rgba(255,255,255,.86);
box-shadow:0 18px 40px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.94);
display:grid;
place-items:center;
align-content:center;
gap:10px;
text-align:center;
color:#152033;
transition:transform .18s ease,box-shadow .18s ease;
}
body.driver-rebuild-mode #quickCards{
display:block!important;
width:100%;
}
.driver-panel-card:hover{
transform:translateY(-2px);
box-shadow:0 22px 46px rgba(31,64,112,.13),inset 0 1px 0 rgba(255,255,255,.96);
}
.driver-panel-card-icon{
width:58px;
height:58px;
border-radius:22px;
display:grid;
place-items:center;
line-height:0;
overflow:hidden;
color:#fff;
background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));
box-shadow:0 16px 32px color-mix(in srgb,var(--theme-primary,#0a84ff) 28%,transparent);
}
.driver-panel-card-icon,
.driver-panel-card-icon *{
color:#fff!important;
stroke:#fff!important;
}
.driver-panel-card-icon svg{
width:29px;
height:29px;
display:block;
margin:auto;
transform:none!important;
stroke:currentColor;
fill:none;
stroke-width:1.9;
stroke-linecap:round;
stroke-linejoin:round;
}
.driver-panel-card-icon svg path,
.driver-panel-card-icon svg circle{
vector-effect:non-scaling-stroke;
}
body.driver-rebuild-mode #alerts .alert.danger{
background:linear-gradient(135deg,#ff3b30,#e3001b)!important;
border-color:rgba(255,255,255,.35)!important;
box-shadow:0 18px 34px rgba(227,0,27,.24),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
body.driver-rebuild-mode #alerts .alert.danger strong,
body.driver-rebuild-mode #alerts .alert.danger small{
color:#fff!important;
}
body.driver-rebuild-mode #alerts .alert.danger .alert-icon{
background:rgba(255,255,255,.18)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.32)!important;
}
body.driver-rebuild-mode #alerts .alert.danger .badge{
background:#fff!important;
color:#e3001b!important;
border-color:rgba(255,255,255,.86)!important;
}
.driver-panel-card strong{
display:block;
font-size:1.22rem;
color:#111827;
line-height:1.05;
}
.driver-panel-card span{
display:block;
color:#66758c;
font-size:.88rem;
font-weight:850;
line-height:1.28;
}
.driver-vehicle-stage{
display:grid;
grid-template-columns:150px minmax(0,1fr);
gap:16px;
align-items:stretch;
border-radius:26px;
padding:16px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 18px 44px rgba(31,64,112,.11),inset 0 1px 0 rgba(255,255,255,.92);
}
.driver-vehicle-photo{
min-height:132px;
border-radius:22px;
background:linear-gradient(145deg,rgba(0,122,255,.14),rgba(100,210,255,.12));
border:1px solid rgba(255,255,255,.78);
display:grid;
place-items:center;
overflow:hidden;
}
.driver-vehicle-photo img{width:100%;height:100%;object-fit:cover}
.driver-vehicle-photo svg{width:64px;height:64px;color:var(--glass-blue,#007aff);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.driver-vehicle-info{display:grid;align-content:center;gap:10px;min-width:0}
.driver-vehicle-info .eyebrow{margin:0;color:var(--glass-blue,#007aff);font-size:12px;font-weight:950;text-transform:uppercase}
.driver-vehicle-title{margin:0;color:#172033;font-size:clamp(22px,3vw,34px);line-height:1.05}
.driver-vehicle-meta{display:flex;gap:8px;flex-wrap:wrap}
.driver-vehicle-meta span{
border-radius:999px;
padding:8px 11px;
background:rgba(255,255,255,.72);
border:1px solid rgba(126,154,199,.22);
color:#46566f;
font-size:12px;
font-weight:850;
}
.driver-doc-card{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
border-radius:20px;
padding:13px;
background:rgba(255,255,255,.66);
border:1px solid rgba(126,154,199,.20);
}
.driver-doc-card small{display:block;color:#66758c;font-weight:800;line-height:1.35}
.driver-doc-expiry{margin-top:3px;color:#46566f!important}
.driver-doc-actions{display:flex;gap:8px;flex-wrap:wrap}
body.driver-rebuild-mode #crlvArea,
body.driver-rebuild-mode #cnhArea{
margin-top:14px;
border-radius:22px;
padding:16px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.40));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 16px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
}
body.driver-rebuild-mode #cnhArea label{margin-top:10px}
body.driver-rebuild-mode #cnhArea input[type="date"]{font-size:13px}
body.driver-rebuild-mode #cnhArea .camera{display:inline-flex}
.driver-stage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.driver-stage-actions button{min-height:38px}
.driver-km-card{
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.40));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 16px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
display:grid;
gap:12px;
}
.driver-km-card.warn{border-color:rgba(255,149,0,.34);background:linear-gradient(145deg,rgba(255,248,232,.88),rgba(255,255,255,.42))}
.driver-km-card.danger{border-color:rgba(255,59,48,.34);background:linear-gradient(145deg,rgba(255,235,235,.90),rgba(255,255,255,.42))}
.driver-km-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
}
.driver-km-head strong{font-size:18px;color:#172033}
.driver-km-head small{display:block;color:#66758c;font-weight:800;margin-top:3px}
.driver-km-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.driver-km-stat{
border-radius:18px;
padding:12px;
background:rgba(255,255,255,.62);
border:1px solid rgba(126,154,199,.18);
}
.driver-km-stat span{display:block;color:#66758c;font-size:12px;font-weight:850}
.driver-km-stat b{display:block;color:#172033;font-size:18px;margin-top:4px}
.driver-km-meter{
height:10px;
border-radius:999px;
overflow:hidden;
background:rgba(126,154,199,.18);
}
.driver-km-meter span{
display:block;
height:100%;
width:0;
border-radius:inherit;
background:linear-gradient(90deg,var(--glass-blue,#007aff),#64d2ff);
}
.driver-km-card.warn .driver-km-meter span{background:linear-gradient(90deg,#ff9500,#ffd60a)}
.driver-km-card.danger .driver-km-meter span{background:linear-gradient(90deg,#ff3b30,#ff7a70)}
.driver-maintenance-grid{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-top:12px;
}
.driver-maintenance-card{
min-height:86px;
border-radius:22px;
padding:14px 16px;
background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.80);
box-shadow:0 14px 30px rgba(31,64,112,.09);
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px 14px;
align-items:center;
}
.driver-maintenance-card strong{color:#172033;font-size:16px}
.driver-maintenance-card small{color:#66758c;font-weight:800;line-height:1.35}
.driver-maintenance-card small:last-child{grid-column:1/-1}
.driver-checklist-card{
margin-top:12px;
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.40));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 16px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
display:grid;
gap:14px;
}
.driver-checklist-form{
display:grid;
gap:12px;
}
.driver-checklist-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
}
.driver-check-photo{
min-width:0;
border-radius:18px;
padding:12px;
background:rgba(255,255,255,.64);
border:1px solid rgba(126,154,199,.20);
color:#172033;
font-size:12px;
font-weight:900;
display:grid;
gap:8px;
}
.driver-check-photo span{
color:#46566f;
}
.driver-check-photo input{
width:100%;
max-width:100%;
font-size:11px;
color:#66758c;
}
.driver-checklist-card .hint{
margin:0;
color:#66758c;
font-size:12px;
font-weight:800;
}
.driver-occurrence-card{
margin-top:12px;
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,245,245,.88),rgba(255,255,255,.42));
border:1px solid rgba(255,59,48,.26);
box-shadow:0 16px 36px rgba(255,59,48,.10),inset 0 1px 0 rgba(255,255,255,.92);
display:grid;
gap:14px;
}
.driver-occurrence-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.driver-occurrence-form label{
min-width:0;
display:grid;
gap:6px;
color:#46566f;
font-size:12px;
font-weight:900;
}
.driver-occurrence-form label.full{
grid-column:1/-1;
}
.driver-occurrence-form input{
width:100%;
min-height:40px;
border-radius:16px;
border:1px solid rgba(126,154,199,.28);
background:rgba(255,255,255,.76);
padding:0 12px;
color:#172033;
font-weight:800;
font-size:13px;
}
.driver-occurrence-form input[type="file"]{
padding:10px 12px;
height:auto;
color:#66758c;
font-size:11px;
}
.driver-occurrence-subtitle{
grid-column:1/-1;
margin-top:2px;
padding-top:10px;
border-top:1px solid rgba(126,154,199,.18);
color:#172033;
font-size:14px;
font-weight:950;
}
.driver-records-card{
margin-top:12px;
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.40));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 16px 36px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.92);
display:grid;
gap:14px;
}
.driver-records-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.driver-record-box{
min-width:0;
border-radius:20px;
padding:14px;
background:rgba(255,255,255,.62);
border:1px solid rgba(126,154,199,.18);
display:grid;
gap:10px;
align-content:start;
}
.driver-record-box h3{
margin:0;
color:#172033;
font-size:15px;
}
.driver-record-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px;
border-radius:16px;
background:rgba(248,251,255,.78);
border:1px solid rgba(126,154,199,.14);
}
.driver-record-row strong{
display:block;
color:#172033;
font-size:13px;
line-height:1.25;
}
.driver-record-row small{
display:block;
color:#66758c;
font-size:11px;
font-weight:800;
line-height:1.35;
margin-top:3px;
}
.driver-record-actions{
display:flex;
gap:6px;
flex-wrap:wrap;
justify-content:flex-end;
}
.driver-record-actions button{
min-height:31px;
padding:6px 9px;
border-radius:999px;
font-size:11px;
}
@media(max-width:820px){
body.driver-rebuild-mode .main{padding:14px!important}
body.driver-rebuild-mode .panel{padding:16px!important;border-radius:24px!important}
.driver-panel-cards{grid-template-columns:1fr!important;gap:12px!important}
.driver-panel-card{min-height:136px!important;padding:18px!important}
.driver-vehicle-stage{grid-template-columns:1fr}
.driver-vehicle-photo{min-height:180px}
.driver-km-grid,.driver-maintenance-grid,.driver-occurrence-form,.driver-records-grid{grid-template-columns:1fr!important}
.driver-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.driver-rebuild-roadmap,.driver-rebuild-card{display:none!important}
}
@media(max-width:520px){
.driver-checklist-grid{grid-template-columns:1fr}
}
/* 71. driver-menu-clean-v1 */
body.driver-rebuild-mode .nav-feed.mc-grouped{gap:10px!important}
body.driver-rebuild-mode .mc-nav-group[data-driver-hidden="1"]{display:none!important}
body.driver-rebuild-mode .mc-nav-group-head{min-height:58px!important}
body.driver-rebuild-mode .mc-nav-group-body>button{
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
align-items:center!important;
}
body.driver-rebuild-mode .mc-nav-group-body>button[hidden]{display:none!important}
/* 72. admin-profile-guard-v1 */
body:not(.driver-rebuild-mode) #cnhArea,
body:not(.driver-rebuild-mode) #crlvArea{display:none!important}
/* 73. driver-checklist-menu-v1 */
body.driver-rebuild-mode #checklist.driver-clean-checklist-view{
gap:18px;
}
.driver-checklist-hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.78);
box-shadow:0 18px 44px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.9);
}
.driver-checklist-hero h2{margin:4px 0;color:#172033;font-size:22px;line-height:1.1}
.driver-checklist-hero small{color:#66758c;font-weight:800}
.driver-checklist-hero .badge{justify-self:end}
.driver-checklist-menu-form{
display:grid;
gap:16px;
}
.driver-checklist-menu-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.driver-checklist-menu-form .driver-check-photo{
min-height:88px;
}
.driver-clean-term{
border-radius:20px;
padding:14px;
background:rgba(255,255,255,.68);
border:1px solid rgba(126,154,199,.22);
display:grid;
gap:10px;
}
.driver-clean-term label{
display:flex!important;
align-items:center;
gap:9px;
font-size:13px!important;
font-weight:850!important;
color:#344054!important;
}
.driver-clean-term input{width:auto!important;min-height:auto!important}
.driver-checklist-history{
display:grid;
gap:10px;
}
@media(max-width:720px){
.driver-checklist-hero{grid-template-columns:1fr}
.driver-checklist-hero .badge{justify-self:start}
.driver-checklist-menu-grid{grid-template-columns:1fr}
}
/* 74. driver-maintenance-menu-v1 */
body.driver-rebuild-mode #maintenance.driver-clean-maintenance-view{
gap:18px;
}
.driver-maintenance-hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:center;
border-radius:24px;
padding:18px;
background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.78);
box-shadow:0 18px 44px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.9);
}
.driver-maintenance-hero h2{margin:4px 0;color:#172033;font-size:22px;line-height:1.1}
.driver-maintenance-hero small{color:#66758c;font-weight:800}
.driver-maintenance-hero .badge{justify-self:end}
.driver-maintenance-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.driver-maintenance-form label{
display:grid;
gap:7px;
color:#344054;
font-size:12px;
font-weight:900;
}
.driver-maintenance-form .full{grid-column:1/-1}
.driver-maintenance-form textarea{
min-height:92px;
resize:vertical;
}
.driver-maintenance-list{
display:grid;
gap:10px;
}
.driver-maintenance-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:center;
border-radius:18px;
padding:13px;
background:rgba(255,255,255,.68);
border:1px solid rgba(126,154,199,.20);
}
.driver-maintenance-row strong{display:block;color:#172033;font-size:14px}
.driver-maintenance-row small{display:block;margin-top:3px;color:#66758c;font-size:12px;font-weight:750}
@media(max-width:720px){
.driver-maintenance-hero{grid-template-columns:1fr}
.driver-maintenance-hero .badge{justify-self:start}
.driver-maintenance-form{grid-template-columns:1fr}
}
/* 75. driver-fines-menu-v1 */
.driver-clean-fines-view .driver-fines-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 40px rgba(15,35,66,.09)}
.driver-clean-fines-view .driver-fines-hero h2{margin:4px 0 6px;font-size:1.45rem;color:#121b2c}
.driver-clean-fines-view .driver-fines-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.driver-clean-fines-view .driver-fine-pill{padding:14px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid rgba(180,205,235,.58);box-shadow:0 12px 26px rgba(15,35,66,.07)}
.driver-clean-fines-view .driver-fine-pill small{display:block;font-weight:800;color:#64748b;margin-bottom:5px}
.driver-clean-fines-view .driver-fine-pill strong{display:block;color:#142033;font-size:1.08rem}
.driver-clean-fines-view .driver-fines-list{display:grid;gap:12px;margin-top:16px}
.driver-clean-fines-view .driver-fine-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(140px,.55fr) minmax(220px,.95fr);gap:14px;align-items:center;padding:16px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(190,210,235,.64);box-shadow:0 16px 32px rgba(15,35,66,.08)}
.driver-clean-fines-view .driver-fine-card.pending{border-color:rgba(255,84,91,.36);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,238,238,.78))}
.driver-clean-fines-view .driver-fine-title{display:flex;align-items:flex-start;gap:12px;min-width:0}
.driver-clean-fines-view .driver-fine-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff5a63,#ef233c);color:white;font-weight:900;box-shadow:0 14px 28px rgba(239,35,60,.22);flex:0 0 auto}
.driver-clean-fines-view .driver-fine-title h3{margin:0 0 4px;font-size:1rem;color:#111827}
.driver-clean-fines-view .driver-fine-title p,.driver-clean-fines-view .driver-fine-meta p{margin:0;color:#64748b;font-size:.86rem;line-height:1.35}
.driver-clean-fines-view .driver-fine-meta strong{display:block;color:#111827;font-size:1.03rem;margin-bottom:4px}
.driver-clean-fines-view .driver-fine-response{padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(190,210,235,.52)}
.driver-clean-fines-view .driver-fine-response strong{display:block;font-size:.9rem;color:#0f766e;margin-bottom:4px}
.driver-clean-fines-view .driver-fine-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.driver-clean-fines-view .driver-fine-actions .soft{font-size:.84rem;padding:9px 12px}
.driver-clean-fines-view .driver-empty-fines{padding:22px;border-radius:22px;background:rgba(255,255,255,.76);border:1px dashed rgba(120,150,190,.45);color:#64748b;text-align:center}
@media(max-width:860px){
.driver-clean-fines-view .driver-fines-summary{grid-template-columns:1fr}
.driver-clean-fines-view .driver-fine-card{grid-template-columns:1fr}
}
/* 76. driver-documents-menu-v1 */
.driver-clean-documents-view .driver-documents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.driver-clean-documents-view .driver-document-card{padding:18px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(190,210,235,.62);box-shadow:0 18px 38px rgba(15,35,66,.08)}
.driver-clean-documents-view .driver-document-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.driver-clean-documents-view .driver-document-head h3{margin:4px 0 4px;font-size:1.14rem;color:#121b2c}
.driver-clean-documents-view .driver-document-head small,.driver-clean-documents-view .driver-document-card p{color:#64748b;font-size:.88rem;line-height:1.4}
.driver-clean-documents-view .driver-document-status{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));color:white;font-weight:900;box-shadow:0 14px 30px color-mix(in srgb,var(--theme-primary,#0a84ff) 28%,transparent)}
.driver-clean-documents-view .driver-document-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.driver-clean-documents-view .driver-document-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.driver-clean-documents-view .driver-document-form label{display:grid;gap:7px;font-weight:800;color:#334155}
.driver-clean-documents-view .driver-document-form input{min-height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.45);padding:10px 12px;background:rgba(255,255,255,.86);font-weight:700;color:#0f172a}
.driver-clean-documents-view .driver-document-form .full{grid-column:1/-1}
.driver-clean-documents-view .driver-document-note{padding:12px;border-radius:18px;background:rgba(255,255,255,.68);border:1px dashed rgba(120,150,190,.45);margin-top:12px;color:#64748b;font-weight:700}
@media(max-width:860px){.driver-clean-documents-view .driver-documents-grid,.driver-clean-documents-view .driver-document-form{grid-template-columns:1fr}}
/* 77. driver-notifications-menu-v1 */
.driver-clean-notifications-view .driver-notice-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(190,210,235,.62);box-shadow:0 18px 38px rgba(15,35,66,.08)}
.driver-clean-notifications-view .driver-notice-hero h2{margin:4px 0 5px;color:#121b2c;font-size:1.42rem}
.driver-clean-notifications-view .driver-notice-list{display:grid;gap:12px;margin-top:16px;max-height:560px;overflow:auto;padding:4px 8px 6px 2px}
.driver-clean-notifications-view .driver-notice-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(190,210,235,.62);box-shadow:0 14px 28px rgba(15,35,66,.07);transition:transform .18s ease,box-shadow .18s ease}
.driver-clean-notifications-view .driver-notice-card.clickable{cursor:pointer}
.driver-clean-notifications-view .driver-notice-card.clickable:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(15,35,66,.1)}
.driver-clean-notifications-view .driver-notice-card.danger{border-color:rgba(239,68,68,.32);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,238,238,.76))}
.driver-clean-notifications-view .driver-notice-card.warn{border-color:rgba(249,115,22,.28);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,247,237,.78))}
.driver-clean-notifications-view .driver-notice-card.ok{border-color:rgba(34,197,94,.28);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(236,253,245,.78))}
.driver-clean-notifications-view .driver-notice-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));box-shadow:0 14px 28px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent)}
.driver-clean-notifications-view .driver-notice-card.danger .driver-notice-icon{background:linear-gradient(135deg,#ff453a,#dc2626)}
.driver-clean-notifications-view .driver-notice-card.warn .driver-notice-icon{background:linear-gradient(135deg,#ff9f0a,#f97316)}
.driver-clean-notifications-view .driver-notice-card.ok .driver-notice-icon{background:linear-gradient(135deg,#22c55e,#10b981)}
.driver-clean-notifications-view .driver-notice-card strong{display:block;color:#111827;margin-bottom:4px}
.driver-clean-notifications-view .driver-notice-card small{display:block;color:#64748b;line-height:1.35}
.driver-clean-notifications-view .driver-notice-empty{padding:24px;border-radius:24px;background:rgba(255,255,255,.76);border:1px dashed rgba(120,150,190,.45);color:#64748b;text-align:center;font-weight:800}
@media(max-width:720px){.driver-clean-notifications-view .driver-notice-card{grid-template-columns:44px 1fr}.driver-clean-notifications-view .driver-notice-card .badge{grid-column:2;justify-self:start}}
/* 78. assistants-admin-v1 */
.assistant-form .wide{grid-column:1/-1}
.assistant-questionnaire{border:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.55);border-radius:22px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.assistant-questionnaire strong{display:block;margin-bottom:4px;color:#111827}
.assistant-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:14px}
.assistant-check-grid label{display:flex;align-items:center;gap:9px;min-height:42px;border:1px solid rgba(148,163,184,.24);border-radius:16px;background:rgba(255,255,255,.68);padding:10px 12px;font-weight:800;color:#243044}
.assistant-check-grid input{width:16px;height:16px}
.assistant-list{display:grid;gap:14px}
.assistant-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid rgba(148,163,184,.22);border-radius:24px;background:rgba(255,255,255,.68);padding:18px;box-shadow:0 18px 42px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(18px)}
.assistant-card h3{margin:0 0 4px;font-size:18px;color:#111827}
.assistant-card small{display:block;color:#64748b;font-weight:700}
.assistant-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.assistant-tag{border-radius:999px;background:linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff));color:var(--mc-on-theme,#fff);font-size:12px;font-weight:900;padding:7px 10px}
.assistant-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.assistant-status{display:inline-flex;border-radius:999px;padding:7px 10px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:900;margin-bottom:10px}
.assistant-status.paused{background:#fff7ed;color:#c2410c}
.assistant-status.inactive{background:#fee2e2;color:#b91c1c}
@media(max-width:720px){.assistant-card{grid-template-columns:1fr}.assistant-actions{justify-content:flex-start}}
/* 79. driver-mobile-app-drawer-v1 */
@media(max-width:820px){
body.driver-rebuild-mode{
background:
radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--glass-blue,#007aff) 20%, transparent), transparent 32%),
linear-gradient(180deg,#eef7ff 0%,#f8fbff 48%,#eef4fb 100%)!important;
overflow-x:hidden!important;
}
body.driver-rebuild-mode .shell{
display:block!important;
min-height:100dvh!important;
padding:0!important;
}
body.driver-rebuild-mode .side{
position:fixed!important;
z-index:1000!important;
top:0!important;
left:0!important;
bottom:0!important;
width:min(86vw,340px)!important;
height:100dvh!important;
margin:0!important;
padding:18px 14px 26px!important;
padding-top:18px!important;
border-radius:0 30px 30px 0!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
transform:translateX(0)!important;
transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important;
background:
linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58)),
color-mix(in srgb,var(--glass-blue,#007aff) 8%, white)!important;
border-right:1px solid rgba(255,255,255,.82)!important;
box-shadow:22px 0 50px rgba(24,39,75,.18)!important;
backdrop-filter:blur(28px) saturate(1.28)!important;
-webkit-backdrop-filter:blur(28px) saturate(1.28)!important;
}
body.driver-rebuild-mode.menu-feed-closed .side{
transform:translateX(calc(-100% + 76px))!important;
box-shadow:10px 0 28px rgba(24,39,75,.12)!important;
overflow:hidden!important;
}
body.driver-rebuild-mode.menu-feed-closed .side > :not(#feedMenuToggle){
opacity:0!important;
pointer-events:none!important;
transition:opacity .12s ease!important;
}
body.driver-rebuild-mode:not(.menu-feed-closed) .side > :not(#feedMenuToggle){
opacity:1!important;
transition:opacity .2s ease .08s!important;
}
body.driver-rebuild-mode #feedMenuToggle{
order:-1!important;
position:sticky!important;
top:0!important;
z-index:1002!important;
width:100%!important;
min-height:50px!important;
margin:0 0 14px!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
border-radius:18px!important;
color:#fff!important;
background:linear-gradient(145deg,var(--glass-blue,#007aff),color-mix(in srgb,var(--glass-blue,#007aff) 70%,#111827))!important;
border:1px solid rgba(255,255,255,.45)!important;
box-shadow:0 14px 28px color-mix(in srgb,var(--glass-blue,#007aff) 26%, transparent)!important;
}
body.driver-rebuild-mode #feedMenuToggle span{
font-size:13px!important;
letter-spacing:.01em!important;
text-transform:uppercase!important;
color:#fff!important;
}
body.driver-rebuild-mode #feedMenuToggle strong{
width:32px!important;
height:32px!important;
min-width:32px!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
color:var(--glass-blue,#007aff)!important;
background:rgba(255,255,255,.92)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
transform:none!important;
}
body.driver-rebuild-mode.menu-feed-closed #feedMenuToggle{
width:52px!important;
min-height:52px!important;
padding:0!important;
margin-left:auto!important;
margin-right:2px!important;
justify-content:center!important;
border-radius:20px!important;
}
body.driver-rebuild-mode.menu-feed-closed #feedMenuToggle span{display:none!important}
body.driver-rebuild-mode.menu-feed-closed #feedMenuToggle strong{
background:rgba(255,255,255,.95)!important;
}
body.driver-rebuild-mode .brand-home,
body.driver-rebuild-mode .profile,
body.driver-rebuild-mode .vehicle-pill,
body.driver-rebuild-mode #crlvArea,
body.driver-rebuild-mode #cnhArea,
body.driver-rebuild-mode #panicBtn,
body.driver-rebuild-mode .mc-nav-group-head,
body.driver-rebuild-mode .mc-nav-group-body>button{
border-radius:22px!important;
background:rgba(255,255,255,.72)!important;
border:1px solid rgba(255,255,255,.82)!important;
box-shadow:0 14px 30px rgba(18,33,62,.08)!important;
backdrop-filter:blur(18px) saturate(1.2)!important;
-webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
}
body.driver-rebuild-mode .brand-home{
padding:12px!important;
margin:0 0 12px!important;
gap:11px!important;
}
body.driver-rebuild-mode .brand-home .mark{
width:44px!important;
height:44px!important;
border-radius:15px!important;
}
body.driver-rebuild-mode .brand-home strong{font-size:16px!important}
body.driver-rebuild-mode .brand-home span{font-size:11px!important}
body.driver-rebuild-mode .profile{
padding:13px!important;
margin:0 0 12px!important;
}
body.driver-rebuild-mode .avatar{
width:48px!important;
height:48px!important;
border-radius:17px!important;
}
body.driver-rebuild-mode .profile strong{
font-size:13px!important;
line-height:1.16!important;
}
body.driver-rebuild-mode .profile small{
font-size:11px!important;
line-height:1.25!important;
}
body.driver-rebuild-mode .vehicle-pill{
padding:12px!important;
margin:0!important;
}
body.driver-rebuild-mode #panicBtn{
margin:12px 0!important;
min-height:54px!important;
background:linear-gradient(145deg,#ff3b30,#e0001b)!important;
color:#fff!important;
border-color:rgba(255,255,255,.35)!important;
}
body.driver-rebuild-mode #crlvArea,
body.driver-rebuild-mode #cnhArea{
padding:13px!important;
margin-top:12px!important;
}
body.driver-rebuild-mode .nav-feed.mc-grouped{
display:grid!important;
grid-template-columns:1fr!important;
gap:10px!important;
max-height:none!important;
overflow:visible!important;
opacity:1!important;
transform:none!important;
padding:0 0 12px!important;
}
body.driver-rebuild-mode .mc-nav-group-head{
min-height:58px!important;
padding:10px 12px!important;
color:#142033!important;
}
body.driver-rebuild-mode .mc-nav-group-title{
font-size:13px!important;
line-height:1.1!important;
}
body.driver-rebuild-mode .mc-nav-group-subtitle{
font-size:10.5px!important;
line-height:1.2!important;
color:#6b7b92!important;
}
body.driver-rebuild-mode .mc-nav-group-body{
padding:8px 2px 2px!important;
gap:8px!important;
}
body.driver-rebuild-mode .mc-nav-group-body>button{
min-height:44px!important;
padding:9px 10px!important;
font-size:12px!important;
}
body.driver-rebuild-mode .nav-icon{
width:30px!important;
height:30px!important;
min-width:30px!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;
}
body.driver-rebuild-mode .nav-icon svg{
width:17px!important;
height:17px!important;
stroke:#fff!important;
fill:none!important;
stroke-width:2.2!important;
}
body.driver-rebuild-mode .main{
margin:0!important;
min-height:100dvh!important;
padding:14px 14px 26px 88px!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transition:filter .25s ease,padding .25s ease!important;
}
body.driver-rebuild-mode:not(.menu-feed-closed) .main{
padding-left:14px!important;
filter:blur(.7px) saturate(.9)!important;
pointer-events:none!important;
}
body.driver-rebuild-mode .top{
border-radius:28px!important;
padding:18px!important;
margin:0 0 14px!important;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;
color:#fff!important;
box-shadow:0 18px 36px color-mix(in srgb,var(--glass-blue,#007aff) 22%, transparent)!important;
}
body.driver-rebuild-mode .top .eyebrow,
body.driver-rebuild-mode .top h1{
color:#fff!important;
text-shadow:0 1px 8px rgba(0,0,0,.14)!important;
}
body.driver-rebuild-mode .top h1{
font-size:24px!important;
line-height:1.05!important;
}
body.driver-rebuild-mode .view{
padding:0!important;
gap:14px!important;
}
body.driver-rebuild-mode .panel,
body.driver-rebuild-mode .driver-rebuild-card,
body.driver-rebuild-mode .driver-stage,
body.driver-rebuild-mode .driver-panel-card{
border-radius:26px!important;
background:rgba(255,255,255,.74)!important;
border:1px solid rgba(255,255,255,.82)!important;
box-shadow:0 16px 36px rgba(18,33,62,.08)!important;
backdrop-filter:blur(22px) saturate(1.18)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
body.driver-rebuild-mode .driver-panel-cards{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
body.driver-rebuild-mode .driver-panel-card{
min-height:112px!important;
padding:16px!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
}
body.driver-rebuild-mode .driver-panel-card strong{
font-size:23px!important;
line-height:1.05!important;
}
body.driver-rebuild-mode .driver-panel-card span{
font-size:12px!important;
line-height:1.25!important;
}
body.driver-rebuild-mode #alerts .alert,
body.driver-rebuild-mode .driver-record-row{
border-radius:20px!important;
margin:0 2px 10px!important;
}
}
@media(max-width:420px){
body.driver-rebuild-mode .main{
padding-left:82px!important;
padding-right:10px!important;
}
body.driver-rebuild-mode:not(.menu-feed-closed) .main{
padding-left:10px!important;
padding-right:10px!important;
}
body.driver-rebuild-mode .side{
width:min(88vw,326px)!important;
}
body.driver-rebuild-mode.menu-feed-closed .side{
transform:translateX(calc(-100% + 70px))!important;
}
body.driver-rebuild-mode .driver-panel-cards{
grid-template-columns:1fr!important;
}
}
/* 80. expiration-table-view-v1 */
#expirations .expiration-grid{
display:block!important;
}
.expiration-table-panel{
width:100%;
overflow:auto;
border-radius:24px;
background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38));
border:1px solid rgba(255,255,255,.78);
box-shadow:0 18px 46px rgba(31,64,112,.10),inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter:blur(24px) saturate(1.35);
-webkit-backdrop-filter:blur(24px) saturate(1.35);
}
.expiration-table-panel table{
width:100%;
min-width:820px;
border-collapse:separate;
border-spacing:0;
}
.expiration-table-panel th,
.expiration-table-panel td{
padding:14px 16px;
text-align:left;
border-bottom:1px solid rgba(126,154,199,.16);
vertical-align:middle;
}
.expiration-table-panel th{
font-size:11px;
text-transform:uppercase;
letter-spacing:.04em;
color:#66758c;
background:rgba(248,251,255,.58);
}
.expiration-table-panel td{
font-size:13px;
color:#172033;
}
.expiration-table-panel tr:last-child td{
border-bottom:0;
}
.expiration-ref strong,
.expiration-owner strong{
display:block;
font-size:13px;
color:#172033;
line-height:1.25;
}
.expiration-ref small,
.expiration-owner small{
display:block;
margin-top:3px;
color:#66758c;
font-size:11px;
font-weight:800;
line-height:1.25;
}
.expiration-status{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:7px 11px;
border-radius:999px;
font-size:11px;
font-weight:900;
white-space:nowrap;
}
.expiration-status.ok{
color:#047857;
background:rgba(16,185,129,.12);
border:1px solid rgba(16,185,129,.24);
}
.expiration-status.warn{
color:#92400e;
background:rgba(245,158,11,.15);
border:1px solid rgba(245,158,11,.28);
}
.expiration-status.danger{
color:#b42318;
background:rgba(239,68,68,.14);
border:1px solid rgba(239,68,68,.30);
}
.expiration-row.warn td{
background:linear-gradient(90deg,rgba(245,158,11,.08),transparent 55%);
}
.expiration-row.danger td{
background:linear-gradient(90deg,rgba(239,68,68,.10),transparent 55%);
}
.expiration-filter-bar{
display:flex;
gap:12px;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
margin:0 0 14px;
padding:12px 14px;
border-radius:20px;
background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.78);
box-shadow:0 12px 30px rgba(31,64,112,.08),inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter:blur(18px) saturate(1.25);
-webkit-backdrop-filter:blur(18px) saturate(1.25);
}
.expiration-filter-bar strong{
display:block;
color:#172033;
font-size:13px;
line-height:1.2;
}
.expiration-filter-bar small{
display:block;
margin-top:3px;
color:#66758c;
font-size:11px;
font-weight:800;
}
.expiration-filter-bar select{
min-width:190px;
min-height:38px;
border-radius:999px!important;
padding:8px 14px!important;
font-size:12px!important;
font-weight:900;
}
.expiration-category-row td{
padding:11px 16px!important;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;
color:#fff!important;
border-bottom:0!important;
font-size:12px!important;
text-transform:uppercase;
letter-spacing:.04em;
font-weight:950;
}
@media(max-width:820px){
.expiration-filter-bar{
display:grid;
gap:10px;
}
.expiration-filter-bar select{
width:100%;
min-width:0;
}
.expiration-table-panel{
border-radius:20px;
}
.expiration-table-panel:before{
content:'Arraste para ver todos os dados';
display:block;
padding:10px 14px;
color:#66758c;
font-size:11px;
font-weight:900;
border-bottom:1px solid rgba(126,154,199,.14);
background:rgba(255,255,255,.58);
}
.expiration-table-panel th,
.expiration-table-panel td{
padding:12px 13px;
font-size:12px;
}
}
/* 81. driver-mobile-bottom-app-v1 */
.driver-bottom-nav{display:none}
@media(max-width:820px){
body.driver-rebuild-mode .main{
padding-bottom:102px!important;
}
body.driver-rebuild-mode .driver-bottom-nav{
position:fixed;
left:50%;
bottom:12px;
z-index:1200;
width:min(94vw,430px);
transform:translateX(-50%);
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px;
padding:8px;
border-radius:28px;
background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.48));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 22px 55px rgba(18,33,62,.18),inset 0 1px 0 rgba(255,255,255,.92);
backdrop-filter:blur(28px) saturate(1.45);
-webkit-backdrop-filter:blur(28px) saturate(1.45);
}
body.driver-rebuild-mode .driver-bottom-nav button{
min-width:0!important;
min-height:58px!important;
padding:7px 4px!important;
display:grid!important;
place-items:center!important;
gap:3px!important;
border-radius:21px!important;
border:1px solid transparent!important;
background:transparent!important;
color:#526176!important;
box-shadow:none!important;
font-size:10px!important;
font-weight:900!important;
line-height:1.05!important;
}
body.driver-rebuild-mode .driver-bottom-nav button svg{
width:21px;
height:21px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2.25;
stroke-linecap:round;
stroke-linejoin:round;
}
body.driver-rebuild-mode .driver-bottom-nav button.is-active{
color:#fff!important;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff))!important;
box-shadow:0 12px 28px color-mix(in srgb,var(--glass-blue,#007aff) 26%, transparent)!important;
}
body.driver-rebuild-mode .driver-bottom-nav button.is-danger{
color:#fff!important;
background:linear-gradient(145deg,#ff3b30,#e0001b)!important;
box-shadow:0 12px 28px rgba(224,0,27,.24)!important;
}
body.driver-rebuild-mode .driver-panel-cards{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
body.driver-rebuild-mode .driver-panel-card{
min-height:128px!important;
border-radius:28px!important;
position:relative!important;
overflow:hidden!important;
}
body.driver-rebuild-mode .driver-panel-card:after{
content:'';
position:absolute;
inset:auto 14px 12px auto;
width:28px;
height:28px;
border-radius:50%;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));
opacity:.16;
}
body.driver-rebuild-mode .driver-panel-card strong{
font-size:22px!important;
margin-bottom:7px!important;
}
body.driver-rebuild-mode .driver-panel-card span{
max-width:94%;
font-size:12px!important;
color:#5f6f86!important;
}
}
/* 82. driver-mobile-home-app-v1 */
.driver-app-hero{display:none}
@media(max-width:820px){
body.driver-rebuild-mode #dashboard .hero{
display:block!important;
}
body.driver-rebuild-mode #dashboard .welcome{
padding:12px!important;
margin-top:12px!important;
border-radius:28px!important;
}
body.driver-rebuild-mode #dashboard .welcome>div:first-child{
display:none!important;
}
body.driver-rebuild-mode .driver-app-hero{
display:grid;
gap:14px;
padding:18px;
border-radius:32px;
color:#fff;
background:
radial-gradient(circle at 90% 10%,rgba(255,255,255,.28),transparent 30%),
linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));
border:1px solid rgba(255,255,255,.68);
box-shadow:0 24px 56px color-mix(in srgb,var(--glass-blue,#007aff) 26%, transparent),inset 0 1px 0 rgba(255,255,255,.82);
overflow:hidden;
position:relative;
}
body.driver-rebuild-mode .driver-app-hero:before{
content:'';
position:absolute;
right:-44px;
top:-46px;
width:150px;
height:150px;
border-radius:50%;
background:rgba(255,255,255,.18);
pointer-events:none;
}
body.driver-rebuild-mode .driver-app-vehicle{
display:grid;
grid-template-columns:74px minmax(0,1fr);
gap:14px;
align-items:center;
position:relative;
z-index:1;
}
body.driver-rebuild-mode .driver-app-car{
width:74px;
height:74px;
border-radius:26px;
display:grid;
place-items:center;
background:rgba(255,255,255,.24);
border:1px solid rgba(255,255,255,.42);
box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 14px 28px rgba(0,0,0,.10);
overflow:hidden;
}
body.driver-rebuild-mode .driver-app-car img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
body.driver-rebuild-mode .driver-app-car svg{
width:38px;
height:38px;
fill:none;
stroke:#fff;
stroke-width:2.2;
stroke-linecap:round;
stroke-linejoin:round;
}
body.driver-rebuild-mode .driver-app-vehicle small,
body.driver-rebuild-mode .driver-app-vehicle span{
display:block;
color:rgba(255,255,255,.78);
font-size:11px;
font-weight:900;
line-height:1.2;
}
body.driver-rebuild-mode .driver-app-vehicle strong{
display:block;
color:#fff;
font-size:25px;
line-height:1.02;
margin:3px 0 5px;
letter-spacing:0;
}
body.driver-rebuild-mode .driver-app-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
position:relative;
z-index:1;
}
body.driver-rebuild-mode .driver-app-stat{
padding:13px;
border-radius:22px;
background:rgba(255,255,255,.20);
border:1px solid rgba(255,255,255,.34);
box-shadow:inset 0 1px 0 rgba(255,255,255,.36);
}
body.driver-rebuild-mode .driver-app-stat span{
display:block;
color:rgba(255,255,255,.74);
font-size:10.5px;
font-weight:900;
text-transform:uppercase;
line-height:1.1;
margin-bottom:6px;
}
body.driver-rebuild-mode .driver-app-stat strong{
display:block;
color:#fff;
font-size:18px;
line-height:1.05;
}
body.driver-rebuild-mode .driver-app-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
position:relative;
z-index:1;
}
body.driver-rebuild-mode .driver-app-actions button{
min-height:45px!important;
border-radius:18px!important;
color:#fff!important;
background:rgba(255,255,255,.20)!important;
border:1px solid rgba(255,255,255,.36)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 12px 24px rgba(0,0,0,.08)!important;
}
body.driver-rebuild-mode .driver-app-actions button.danger-action{
background:linear-gradient(145deg,#ff3b30,#e0001b)!important;
border-color:rgba(255,255,255,.45)!important;
}
body.driver-rebuild-mode #dashboard .metrics{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
margin:12px 0!important;
}
body.driver-rebuild-mode #dashboard .metric{
min-height:86px!important;
padding:14px!important;
border-radius:24px!important;
}
body.driver-rebuild-mode #dashboard .metric span{
font-size:11px!important;
line-height:1.2!important;
margin-bottom:8px!important;
}
body.driver-rebuild-mode #dashboard .metric strong{
font-size:22px!important;
line-height:1.05!important;
}
body.driver-rebuild-mode #dashboard .grid{
display:grid!important;
grid-template-columns:1fr!important;
gap:14px!important;
}
body.driver-rebuild-mode #alerts.list{
display:grid!important;
gap:10px!important;
}
body.driver-rebuild-mode #alerts .alert{
margin:0!important;
min-height:76px!important;
grid-template-columns:42px minmax(0,1fr) auto!important;
align-items:center!important;
padding:12px!important;
border-radius:22px!important;
}
body.driver-rebuild-mode #alerts .alert-icon{
width:42px!important;
height:42px!important;
border-radius:16px!important;
display:grid!important;
place-items:center!important;
font-size:13px!important;
}
body.driver-rebuild-mode #alerts .alert strong{
font-size:13px!important;
line-height:1.2!important;
}
body.driver-rebuild-mode #alerts .alert small{
font-size:11.5px!important;
line-height:1.3!important;
}
body.driver-rebuild-mode #alerts .badge{
font-size:10px!important;
padding:6px 9px!important;
min-height:26px!important;
}
}
/* 83. driver-my-vehicle-app-v1 */
@media(max-width:820px){
body.driver-rebuild-mode #documents.driver-my-vehicle-view{
gap:14px!important;
}
body.driver-rebuild-mode .driver-vehicle-hero{
display:grid;
gap:14px;
padding:18px;
border-radius:32px;
color:#fff;
background:
radial-gradient(circle at 88% 12%,rgba(255,255,255,.30),transparent 30%),
linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));
border:1px solid rgba(255,255,255,.68);
box-shadow:0 24px 56px color-mix(in srgb,var(--glass-blue,#007aff) 26%, transparent),inset 0 1px 0 rgba(255,255,255,.82);
overflow:hidden;
}
body.driver-rebuild-mode .driver-vehicle-cover{
min-height:165px;
border-radius:26px;
display:grid;
place-items:center;
overflow:hidden;
background:rgba(255,255,255,.20);
border:1px solid rgba(255,255,255,.36);
box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 30px rgba(0,0,0,.10);
}
body.driver-rebuild-mode .driver-vehicle-cover img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
body.driver-rebuild-mode .driver-vehicle-cover svg{
width:72px;
height:72px;
fill:none;
stroke:#fff;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
opacity:.92;
}
body.driver-rebuild-mode .driver-vehicle-title small,
body.driver-rebuild-mode .driver-vehicle-title span{
display:block;
color:rgba(255,255,255,.78);
font-size:11px;
font-weight:900;
line-height:1.25;
}
body.driver-rebuild-mode .driver-vehicle-title strong{
display:block;
color:#fff;
font-size:27px;
line-height:1.02;
margin:4px 0 6px;
}
body.driver-rebuild-mode .driver-vehicle-status-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
body.driver-rebuild-mode .driver-vehicle-status{
padding:13px;
border-radius:22px;
background:rgba(255,255,255,.20);
border:1px solid rgba(255,255,255,.34);
box-shadow:inset 0 1px 0 rgba(255,255,255,.36);
}
body.driver-rebuild-mode .driver-vehicle-status span{
display:block;
color:rgba(255,255,255,.74);
font-size:10.5px;
font-weight:900;
text-transform:uppercase;
margin-bottom:6px;
}
body.driver-rebuild-mode .driver-vehicle-status strong{
display:block;
color:#fff;
font-size:17px;
line-height:1.08;
}
body.driver-rebuild-mode .driver-app-section{
padding:16px!important;
border-radius:28px!important;
background:rgba(255,255,255,.76)!important;
border:1px solid rgba(255,255,255,.82)!important;
box-shadow:0 16px 36px rgba(18,33,62,.08)!important;
backdrop-filter:blur(22px) saturate(1.18)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
body.driver-rebuild-mode .driver-app-section-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:10px;
margin-bottom:12px;
}
body.driver-rebuild-mode .driver-app-section-head h2{
margin:0;
color:#111827!important;
font-size:17px!important;
line-height:1.15;
}
body.driver-rebuild-mode .driver-app-section-head small{
display:block;
margin-top:4px;
color:#66758c!important;
font-weight:800;
font-size:11px;
}
body.driver-rebuild-mode .driver-mini-list{
display:grid;
gap:10px;
}
body.driver-rebuild-mode .driver-mini-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:12px;
border-radius:20px;
background:rgba(248,251,255,.78);
border:1px solid rgba(126,154,199,.14);
}
body.driver-rebuild-mode .driver-mini-row strong{
display:block;
color:#172033;
font-size:13px;
line-height:1.25;
}
body.driver-rebuild-mode .driver-mini-row small{
display:block;
margin-top:3px;
color:#66758c;
font-size:11px;
font-weight:800;
line-height:1.35;
}
body.driver-rebuild-mode .driver-doc-form{
display:grid;
gap:10px;
margin-top:12px;
}
body.driver-rebuild-mode .driver-doc-form label{
display:grid;
gap:7px;
color:#334155;
font-weight:850;
font-size:12px;
}
body.driver-rebuild-mode .driver-doc-form input{
min-height:42px;
border-radius:16px!important;
}
}
/* 84. driver-alert-feed-app-v1 */
@media(max-width:820px){
body.driver-rebuild-mode #dashboard #alerts.driver-app-alert-feed,
body.driver-rebuild-mode #notificationsList.driver-app-alert-feed{display:grid;gap:12px;padding:4px;max-height:520px;overflow:auto}
body.driver-rebuild-mode .driver-app-alert-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border-radius:22px;border:1px solid rgba(190,210,235,.62);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.58));box-shadow:0 16px 34px rgba(15,35,66,.09),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);transition:transform .18s ease,box-shadow .18s ease}
body.driver-rebuild-mode .driver-app-alert-card.clickable{cursor:pointer}
body.driver-rebuild-mode .driver-app-alert-card.clickable:active{transform:scale(.985)}
body.driver-rebuild-mode .driver-app-alert-card.clickable:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(15,35,66,.12),inset 0 1px 0 rgba(255,255,255,.9)}
body.driver-rebuild-mode .driver-app-alert-card.danger{border-color:rgba(255,59,48,.34);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,231,231,.82))}
body.driver-rebuild-mode .driver-app-alert-card.warn{border-color:rgba(255,149,0,.34);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,244,224,.82))}
body.driver-rebuild-mode .driver-app-alert-card.ok{border-color:rgba(52,199,89,.34);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,252,238,.82))}
body.driver-rebuild-mode .driver-app-alert-icon{width:44px;height:44px;border-radius:17px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:13px;background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));box-shadow:0 12px 24px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent)}
body.driver-rebuild-mode .driver-app-alert-card.danger .driver-app-alert-icon{background:linear-gradient(135deg,#ff453a,#e11d48)}
body.driver-rebuild-mode .driver-app-alert-card.warn .driver-app-alert-icon{background:linear-gradient(135deg,#ff9f0a,#f97316)}
body.driver-rebuild-mode .driver-app-alert-card.ok .driver-app-alert-icon{background:linear-gradient(135deg,#34c759,#10b981)}
body.driver-rebuild-mode .driver-app-alert-text{min-width:0}
body.driver-rebuild-mode .driver-app-alert-text strong{display:block;margin:0 0 3px;color:#111827;font-size:13px;line-height:1.2}
body.driver-rebuild-mode .driver-app-alert-text small{display:block;color:#607089;font-size:11.5px;font-weight:750;line-height:1.32}
body.driver-rebuild-mode .driver-app-alert-tag{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(190,210,235,.52);color:#0f766e;font-size:11px;font-weight:950;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
body.driver-rebuild-mode .driver-app-alert-card.danger .driver-app-alert-tag{color:#dc2626}
body.driver-rebuild-mode .driver-app-alert-card.warn .driver-app-alert-tag{color:#b45309}
body.driver-rebuild-mode .driver-app-alert-card.ok .driver-app-alert-tag{color:#047857}
}
/* 85. driver-maintenance-app-v2 */
@media(max-width:820px){
body.driver-rebuild-mode #maintenance.driver-maintenance-app-view{display:grid!important;gap:14px!important}
body.driver-rebuild-mode .driver-maint-app-shell{display:grid;gap:14px}
body.driver-rebuild-mode .driver-maint-app-hero{display:grid;gap:14px;padding:18px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.82);box-shadow:0 20px 48px rgba(15,35,66,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}
body.driver-rebuild-mode .driver-maint-app-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.driver-rebuild-mode .driver-maint-app-hero h2{margin:3px 0 5px;color:#101828;font-size:20px;line-height:1.12}
body.driver-rebuild-mode .driver-maint-app-hero p{margin:0;color:#627189;font-size:12px;font-weight:780;line-height:1.35}
body.driver-rebuild-mode .driver-maint-app-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));box-shadow:0 12px 24px color-mix(in srgb,var(--theme-primary,#0a84ff) 24%,transparent);white-space:nowrap}
body.driver-rebuild-mode .driver-maint-app-status.warn{background:linear-gradient(135deg,#ff9f0a,#f97316)}
body.driver-rebuild-mode .driver-maint-app-status.danger{background:linear-gradient(135deg,#ff453a,#e11d48)}
body.driver-rebuild-mode .driver-maint-app-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.driver-rebuild-mode .driver-maint-app-tabs button{min-height:46px;border:0;border-radius:17px;background:rgba(255,255,255,.74);color:#42526a;font-weight:950;font-size:11.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(15,35,66,.06)}
body.driver-rebuild-mode .driver-maint-app-tabs button.active{background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));color:#fff;box-shadow:0 14px 26px color-mix(in srgb,var(--theme-primary,#0a84ff) 28%,transparent)}
body.driver-rebuild-mode .driver-maint-app-card{padding:16px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.50));border:1px solid rgba(190,210,235,.58);box-shadow:0 16px 36px rgba(15,35,66,.09),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
body.driver-rebuild-mode .driver-maint-app-card h3{margin:0 0 10px;color:#111827;font-size:15px}
body.driver-rebuild-mode .driver-maint-app-form{display:grid;gap:12px}
body.driver-rebuild-mode .driver-maint-app-form label{display:grid;gap:6px;color:#344054;font-size:11.5px;font-weight:950}
body.driver-rebuild-mode .driver-maint-app-form input,
body.driver-rebuild-mode .driver-maint-app-form select,
body.driver-rebuild-mode .driver-maint-app-form textarea{width:100%;min-height:44px;border-radius:16px!important}
body.driver-rebuild-mode .driver-maint-app-form textarea{min-height:84px;resize:vertical}
body.driver-rebuild-mode .driver-maint-app-list{display:grid;gap:10px;max-height:430px;overflow:auto;padding:2px}
body.driver-rebuild-mode .driver-maint-app-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;border-radius:19px;background:rgba(255,255,255,.72);border:1px solid rgba(190,210,235,.48);box-shadow:0 10px 22px rgba(15,35,66,.06)}
body.driver-rebuild-mode .driver-maint-app-row strong{display:block;color:#111827;font-size:13px;line-height:1.22}
body.driver-rebuild-mode .driver-maint-app-row small{display:block;margin-top:4px;color:#64748b;font-size:11.5px;font-weight:760;line-height:1.3}
body.driver-rebuild-mode .driver-maint-app-km{display:grid;gap:12px}
body.driver-rebuild-mode .driver-maint-app-km-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.driver-rebuild-mode .driver-maint-app-km-stat{padding:12px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(190,210,235,.42)}
body.driver-rebuild-mode .driver-maint-app-km-stat span{display:block;color:#64748b;font-size:10px;font-weight:900}
body.driver-rebuild-mode .driver-maint-app-km-stat b{display:block;margin-top:5px;color:#111827;font-size:13px;line-height:1.15}
body.driver-rebuild-mode .driver-maint-app-meter{height:10px;border-radius:999px;background:rgba(148,163,184,.20);overflow:hidden}
body.driver-rebuild-mode .driver-maint-app-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff))}
}
/* 86. driver-occurrence-app-v1 */
@media(max-width:820px){
body.driver-rebuild-mode #occurrence.driver-occurrence-app-view{display:grid!important;gap:14px!important}
body.driver-rebuild-mode .driver-occ-app-shell{display:grid;gap:14px}
body.driver-rebuild-mode .driver-occ-hero{display:grid;gap:14px;padding:18px;border-radius:30px;color:#fff;background:radial-gradient(circle at 86% 10%,rgba(255,255,255,.28),transparent 28%),linear-gradient(145deg,#ff3b30,#e11d48);border:1px solid rgba(255,255,255,.66);box-shadow:0 22px 50px rgba(225,29,72,.22),inset 0 1px 0 rgba(255,255,255,.74);overflow:hidden}
body.driver-rebuild-mode .driver-occ-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.driver-rebuild-mode .driver-occ-hero h2{margin:3px 0 6px;font-size:21px;line-height:1.1;color:#fff}
body.driver-rebuild-mode .driver-occ-hero p{margin:0;color:rgba(255,255,255,.86);font-size:12px;font-weight:780;line-height:1.35}
body.driver-rebuild-mode .driver-occ-hero .driver-occ-count{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.42);font-size:13px;font-weight:950;color:#fff}
body.driver-rebuild-mode .driver-occ-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.driver-rebuild-mode .driver-occ-tabs button{min-height:46px;border:0;border-radius:17px;background:rgba(255,255,255,.18);color:#fff;font-weight:950;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.36)}
body.driver-rebuild-mode .driver-occ-tabs button.active{background:#fff;color:#dc2626;box-shadow:0 12px 26px rgba(148,27,38,.20)}
body.driver-rebuild-mode .driver-occ-card{padding:16px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.78);box-shadow:0 16px 36px rgba(15,35,66,.10),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
body.driver-rebuild-mode .driver-occ-card h3{margin:0 0 10px;color:#111827;font-size:15px}
body.driver-rebuild-mode .driver-occ-form{display:grid;gap:12px}
body.driver-rebuild-mode .driver-occ-form label{display:grid;gap:6px;color:#344054;font-size:11.5px;font-weight:950}
body.driver-rebuild-mode .driver-occ-form input,
body.driver-rebuild-mode .driver-occ-form textarea{width:100%;min-height:44px;border-radius:16px!important}
body.driver-rebuild-mode .driver-occ-form textarea{min-height:84px;resize:vertical}
body.driver-rebuild-mode .driver-occ-upload{display:grid;gap:8px;padding:12px;border-radius:18px;background:rgba(255,255,255,.64);border:1px solid rgba(190,210,235,.48)}
body.driver-rebuild-mode .driver-occ-upload span{font-size:11px;color:#64748b;font-weight:800}
body.driver-rebuild-mode .driver-occ-list{display:grid;gap:10px;max-height:470px;overflow:auto;padding:2px}
body.driver-rebuild-mode .driver-occ-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;border-radius:20px;background:rgba(255,255,255,.74);border:1px solid rgba(190,210,235,.50);box-shadow:0 10px 22px rgba(15,35,66,.06)}
body.driver-rebuild-mode .driver-occ-row.open{border-color:rgba(255,59,48,.28);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,236,236,.78))}
body.driver-rebuild-mode .driver-occ-row.done{border-color:rgba(52,199,89,.28);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(231,252,239,.78))}
body.driver-rebuild-mode .driver-occ-row strong{display:block;color:#111827;font-size:13px;line-height:1.22}
body.driver-rebuild-mode .driver-occ-row small{display:block;margin-top:4px;color:#64748b;font-size:11.5px;font-weight:760;line-height:1.3}
body.driver-rebuild-mode .driver-occ-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body.driver-rebuild-mode .driver-occ-actions .soft{font-size:12px;padding:9px 12px}
}
/* 87. driver-remove-side-mobile-final-v1 */
@media(max-width:820px){
body.driver-rebuild-mode .side,
body.driver-rebuild-mode aside.side,
body.driver-rebuild-mode #feedMenuToggle,
body.driver-rebuild-mode #navFeed,
body.driver-rebuild-mode .feed-menu-toggle,
body.driver-rebuild-mode .nav-feed{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
body.driver-rebuild-mode .shell{
display:block!important;
grid-template-columns:1fr!important;
gap:0!important;
padding:0!important;
width:100%!important;
max-width:100%!important;
}
body.driver-rebuild-mode .main{
width:100%!important;
max-width:100%!important;
min-height:100vh!important;
border-radius:0!important;
margin:0!important;
padding-bottom:112px!important;
}
body.driver-rebuild-mode .content{
padding-left:12px!important;
padding-right:12px!important;
padding-bottom:118px!important;
}
}
/* 88. remove-restore-button-final-v1 */
#reset,
button#reset,
.floating-actions #reset{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
.floating-actions{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:820px){
body.driver-rebuild-mode,
body.driver-rebuild-mode.sidebar-collapsed,
body.driver-rebuild-mode.menu-feed-closed{
overflow-x:hidden!important;
}
body.driver-rebuild-mode .shell,
body.driver-rebuild-mode.sidebar-collapsed .shell,
body.driver-rebuild-mode.menu-feed-closed .shell{
display:block!important;
grid-template-columns:1fr!important;
width:100%!important;
max-width:100%!important;
padding:0!important;
margin:0!important;
}
body.driver-rebuild-mode .main,
body.driver-rebuild-mode.sidebar-collapsed .main,
body.driver-rebuild-mode.menu-feed-closed .main,
body.driver-rebuild-mode:not(.menu-feed-closed) .main{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding-left:0!important;
padding-right:0!important;
filter:none!important;
pointer-events:auto!important;
transform:none!important;
}
}
/* 89. documents-vertical-cards-v1 */
#documents .table{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
overflow:visible!important;
}
#documents .table table{
display:block!important;
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
background:transparent!important;
}
#documents .table thead{
display:none!important;
}
#documents .table tbody{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
width:100%!important;
}
#documents .table tr{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
max-width:980px!important;
padding:16px!important;
border-radius:24px!important;
background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.56))!important;
border:1px solid rgba(190,210,235,.58)!important;
box-shadow:0 16px 36px rgba(15,35,66,.09),inset 0 1px 0 rgba(255,255,255,.86)!important;
backdrop-filter:blur(22px) saturate(1.35);
-webkit-backdrop-filter:blur(22px) saturate(1.35);
}
#documents .table td{
display:grid!important;
grid-template-columns:minmax(96px,140px) minmax(0,1fr)!important;
gap:10px!important;
align-items:center!important;
padding:0!important;
border:0!important;
color:#111827!important;
font-size:13px!important;
line-height:1.3!important;
word-break:break-word!important;
}
#documents .table td::before{
font-size:10.5px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.02em;
color:#64748b;
}
#documents .table td:nth-child(1)::before{content:'Tipo'}
#documents .table td:nth-child(2)::before{content:'Empresa'}
#documents .table td:nth-child(3)::before{content:'Referência'}
#documents .table td:nth-child(4)::before{content:'Responsável'}
#documents .table td:nth-child(5)::before{content:'Arquivo'}
#documents .table td:nth-child(6)::before{content:'Ações'}
#documents .table tr:has(td[colspan]) td::before{
content:''!important;
}
#documents .table .vehicle-doc-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
}
#documents .table .vehicle-doc-actions .soft,
#documents .table .vehicle-doc-actions .bo-action{
width:100%!important;
justify-content:center!important;
text-align:center!important;
min-height:38px!important;
}
@media(max-width:620px){
#documents .table tr{
padding:14px!important;
border-radius:20px!important;
}
#documents .table td{
grid-template-columns:1fr!important;
gap:4px!important;
}
}
/* 90. legacy-signature-neutralizer-v1 */
#checklistSignatureModal.legacy-signature-disabled{display:none!important}
/* 91. system-logs-view-v1 */
#systemLogs .system-log-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
#systemLogs .system-log-toolbar label{display:grid;gap:6px;color:#66758c;font-size:12px;font-weight:900}
#systemLogs .system-log-toolbar select,#systemLogs .system-log-toolbar input{min-height:40px;border-radius:14px;border:1px solid rgba(140,165,198,.32);background:rgba(255,255,255,.86);padding:8px 10px;color:#172033}
.system-log-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.system-log-summary article{min-height:88px;border-radius:18px!important;padding:16px;background:rgba(255,255,255,.72);border:1px solid rgba(180,202,230,.42);box-shadow:0 12px 26px rgba(20,40,70,.07);display:grid;align-content:center}
.system-log-summary span{display:block;color:#66758c;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.system-log-summary strong{display:block;margin-top:8px;color:#172033;font-size:24px;line-height:1}
.system-log-summary .danger strong{color:#b42318}
.system-log-summary .warn strong{color:#a16207}
.system-log-row.unresolved td{background:rgba(255,245,245,.48)}
#systemLogs .system-log-table-wrap{max-height:520px;overflow:auto;scrollbar-gutter:stable;border-radius:18px}
#systemLogs .system-log-table-wrap table{min-width:1120px}
#systemLogs .system-log-table-wrap thead th{position:sticky;top:0;z-index:2;background:rgba(248,252,255,.96);backdrop-filter:blur(14px)}
.system-log-message{max-width:390px;white-space:normal;line-height:1.35}
.system-log-context{max-width:320px;color:#66758c;font-size:12px;white-space:normal;line-height:1.35}
.system-log-actions{display:flex;gap:7px;flex-wrap:wrap}
.system-log-row{cursor:pointer}
.system-log-row:hover td{background:rgba(255,255,255,.72)!important}
.system-log-open td{box-shadow:inset 0 -1px 0 rgba(47,128,255,.16)}
.system-log-detail td{padding:0 12px 14px!important;background:transparent!important}
.system-log-detail-card{border:1px solid rgba(140,165,198,.26);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,250,255,.58));box-shadow:0 14px 32px rgba(31,64,112,.10);padding:16px;display:grid;gap:12px}
.system-log-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.system-log-detail-grid article{border-radius:16px;background:rgba(255,255,255,.66);border:1px solid rgba(140,165,198,.18);padding:11px}
.system-log-detail-grid span{display:block;color:#66758c;font-size:10px;font-weight:950;text-transform:uppercase}
.system-log-detail-grid strong{display:block;margin-top:4px;color:#172033;font-size:13px;line-height:1.25;word-break:break-word}
.system-log-detail-card pre{margin:0;max-height:170px;overflow:auto;border-radius:14px;background:rgba(15,23,42,.06);padding:12px;color:#334155;font-size:11px;white-space:pre-wrap;word-break:break-word}
@media(max-width:980px){#systemLogs .system-log-toolbar,.system-log-summary,.system-log-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){#systemLogs .system-log-toolbar,.system-log-summary{grid-template-columns:1fr}}
/* 92. owner-system-health-v1 */
.owner-health-panel{display:none;overflow:hidden}
body[data-current-role="owner"] .owner-health-panel{display:block}
.owner-health-panel .panel-head{align-items:flex-start}
.owner-health-subtitle{margin:16px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:12px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 92%,#0f172a 8%),color-mix(in srgb,var(--primary-2) 90%,#0f172a 10%));box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 20%,transparent)}
.owner-health-subtitle span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.03em}
.owner-health-subtitle small{font-size:11px;font-weight:800;opacity:.86}
.owner-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.owner-app-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-health-item{min-height:104px;border-radius:12px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,252,255,.72));border:1px solid color-mix(in srgb,var(--primary) 18%,rgba(180,202,230,.42));box-shadow:0 10px 22px rgba(20,40,70,.065);display:grid;gap:7px;align-content:center}
.owner-health-item span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;color:#68778e}
.owner-health-item strong{font-size:20px;line-height:1.1;color:#172033}
.owner-health-item small{font-size:12px;line-height:1.35;color:#66758c}
.owner-health-item.ok{border-color:rgba(32,191,119,.26);background:linear-gradient(145deg,rgba(232,255,247,.78),rgba(255,255,255,.80))}
.owner-health-item.warn{border-color:rgba(255,181,71,.34);background:linear-gradient(145deg,rgba(255,246,224,.82),rgba(255,255,255,.80))}
.owner-health-item.danger{border-color:rgba(255,77,93,.35);background:linear-gradient(145deg,rgba(255,235,237,.82),rgba(255,255,255,.80))}
.owner-health-item.ok strong{color:#047857}
.owner-health-item.warn strong{color:#a16207}
.owner-health-item.danger strong{color:#b42318}
.owner-health-details{margin-top:12px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.58);border:1px solid rgba(180,202,230,.34);color:#66758c;font-size:12px;line-height:1.45}
.owner-health-details strong{color:#172033}
@media(max-width:980px){.owner-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.owner-health-grid{grid-template-columns:1fr}}
/* 93. mc-session-hard-boundary-v1 */
body.mc-authenticated .floating-actions{
z-index:100200!important;
}
#panicBtn[hidden],
#panicBtn2[hidden],
body:not([data-current-role="driver"]) #panicBtn,
body:not([data-current-role="driver"]) #panicBtn2{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
body:not([data-current-role="driver"]) .driver-app-bottom-nav,
body:not([data-current-role="driver"]) .driver-app-hero,
body:not([data-current-role="driver"]) .driver-mobile-only,
body:not([data-current-role="driver"]) [data-driver-occ-card="1"]{
display:none!important;
}
body:not([data-current-role="driver"]) #cnhArea,
body:not([data-current-role="driver"]) #crlvArea{
display:none!important;
}
body[data-current-role="owner"] .nav button[data-view="maintenance"],
body[data-current-role="owner"] .nav button[data-maintenance-section],
body[data-current-role="owner"] #maintenance{
display:none!important;
}
body[data-current-role="admin"] #panicBtn,
body[data-current-role="admin"] #panicBtn2,
body[data-current-role="coordinator"] #panicBtn,
body[data-current-role="coordinator"] #panicBtn2,
body[data-current-role="leader"] #panicBtn,
body[data-current-role="leader"] #panicBtn2,
body[data-current-role="owner"] #panicBtn,
body[data-current-role="owner"] #panicBtn2{
display:none!important;
}
body[data-current-role="admin"] #dashboard .driver-app-hero,
body[data-current-role="admin"] #dashboard .driver-app-section,
body[data-current-role="coordinator"] #dashboard .driver-app-hero,
body[data-current-role="coordinator"] #dashboard .driver-app-section,
body[data-current-role="owner"] #dashboard .driver-app-hero,
body[data-current-role="owner"] #dashboard .driver-app-section{
display:none!important;
}
body:not(.mc-authenticated) .floating-actions,
body:not(.mc-authenticated) #appShell:not(.app-locked) .floating-actions,
#appShell.app-locked .floating-actions{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
body:not(.mc-authenticated) #panicBtn,
body:not(.mc-authenticated) #panicBtn2,
body:not(.mc-authenticated) #cnhArea,
body:not(.mc-authenticated) #crlvArea,
body:not(.mc-authenticated) .driver-app-bottom-nav{
display:none!important;
}
body:not(.mc-authenticated) #appShell{
pointer-events:none;
}
@media(min-width:821px){
body[data-current-role="driver"] .driver-app-bottom-nav{
display:none!important;
}
body[data-current-role="driver"] .side{
display:flex!important;
}
body[data-current-role="driver"] .shell{
display:grid!important;
grid-template-columns:310px minmax(0,1fr)!important;
}
}
/* 94. mc-bulk-cadastro-tools-v1 */
.mc-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(18,104,243,.16);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(15,23,42,.08);backdrop-filter:blur(18px)}
.mc-bulk-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--tech-ink);font-weight:850;font-size:13px}
.mc-bulk-left small{color:var(--muted);font-weight:800}
.mc-bulk-toolbar .danger{padding:9px 12px;font-size:12px;white-space:nowrap}
.mc-bulk-check{width:18px;height:18px;accent-color:var(--theme-primary,#1268f3);cursor:pointer}
.mc-bulk-check-wrap{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid rgba(18,104,243,.18);box-shadow:0 8px 20px rgba(15,23,42,.08)}
.mc-expand-item.mc-has-bulk-check{position:relative}
.mc-expand-item.mc-has-bulk-check>.mc-bulk-check-wrap{position:absolute;left:14px;top:18px;z-index:5}
.mc-expand-item.mc-has-bulk-check>.mc-expand-row{padding-left:58px}
tr.mc-has-bulk-check>td.mc-bulk-cell,tr>th.mc-bulk-head{width:44px;text-align:center}
tr.mc-has-bulk-check>td.mc-bulk-cell{padding-left:10px!important;padding-right:6px!important}
.profile-photo.mc-user-photo-quick{cursor:pointer;outline:2px solid transparent;outline-offset:3px;transition:transform .18s ease,outline-color .18s ease,box-shadow .18s ease}
.profile-photo.mc-user-photo-quick:hover{transform:scale(1.04);outline-color:rgba(18,104,243,.38);box-shadow:0 12px 26px rgba(18,104,243,.18)}
.profile-photo.mc-user-photo-quick::after{content:''}
/* 95. mc-owner-presentation-mode-v1 */
.presentation-demo-panel{margin:18px 0 0;padding:18px;border:1px solid rgba(18,104,243,.16);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.52));box-shadow:0 18px 50px rgba(15,23,42,.12);backdrop-filter:blur(22px)}
.presentation-demo-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.presentation-demo-head h2{margin:2px 0 4px;font-size:20px;letter-spacing:0;color:var(--tech-ink)}
.presentation-demo-head p{margin:0;color:var(--muted);font-weight:650;line-height:1.35}
.presentation-demo-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(18,104,243,.12);color:var(--theme-primary,#1268f3);font-weight:900;font-size:12px;white-space:nowrap}
.presentation-demo-actions{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-top:14px}
.presentation-demo-actions button{min-height:58px;border-radius:18px;text-align:left;padding:12px 13px}
.presentation-demo-actions button strong{display:block;font-size:13px;line-height:1.1}
.presentation-demo-actions button small{display:block;margin-top:4px;color:inherit;opacity:.78;font-weight:750}
.presentation-demo-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:12px}
.presentation-demo-summary article{padding:12px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid rgba(18,104,243,.10)}
.presentation-demo-summary span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}
.presentation-demo-summary strong{display:block;margin-top:4px;color:var(--tech-ink);font-size:20px}
@media(max-width:900px){.presentation-demo-head{display:block}.presentation-demo-status{margin-top:10px}.presentation-demo-actions,.presentation-demo-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.presentation-demo-actions,.presentation-demo-summary{grid-template-columns:1fr}}
/* 96. mc-team-leader-dashboard-polish-style-v1 */
.mc-team-fines-dashboard{
margin:18px 0 0;
}
.mc-team-fines-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:16px;
align-items:stretch;
}
.mc-team-fines-dashboard .mc-glass-section{
min-width:0;
}
.mc-team-rank-list{
display:grid;
gap:10px;
}
.mc-team-rank-row{
display:grid;
grid-template-columns:34px 44px minmax(0,1fr) minmax(96px,.34fr);
gap:10px;
align-items:center;
padding:12px;
border:1px solid rgba(15,23,42,.08);
border-radius:18px;
background:rgba(255,255,255,.68);
box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.mc-team-rank-row .mc-pos{
width:30px;
height:30px;
display:grid;
place-items:center;
border-radius:999px;
background:linear-gradient(135deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));
color:var(--mc-on-theme,#fff);
font-weight:900;
font-size:12px;
}
.mc-team-rank-row .mc-avatar{
width:42px;
height:42px;
border-radius:14px;
overflow:hidden;
display:grid;
place-items:center;
background:rgba(10,132,255,.12);
color:var(--theme-primary,#0a84ff);
font-weight:900;
font-size:12px;
}
.mc-team-rank-row .mc-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.mc-driver-score-wrap{display:grid;gap:16px}
.mc-driver-score-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mc-driver-score-hero article{border:1px solid rgba(148,163,184,.24);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 12px 28px rgba(15,23,42,.07);padding:16px;display:grid;gap:6px}
.mc-driver-score-hero .mc-driver-score-formula{grid-column:1/-1;border-color:rgba(15,140,247,.22);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(231,245,255,.72))}
.mc-driver-score-hero span{font-size:12px;font-weight:900;color:#64748b}
.mc-driver-score-hero strong{font-size:24px;line-height:1.08;color:#111827}
.mc-driver-score-hero small{font-size:12px;color:#64748b;line-height:1.35}
.mc-driver-score-list{display:grid;gap:12px}
.mc-driver-score-row{display:grid;grid-template-columns:38px 50px minmax(0,1fr) minmax(145px,auto);gap:12px;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:20px;background:rgba(255,255,255,.74);box-shadow:0 12px 28px rgba(15,23,42,.06);padding:14px}
.mc-driver-score-main{min-width:0;display:grid;gap:5px}
.mc-driver-score-main strong{font-size:14px;color:#111827;line-height:1.2}
.mc-driver-score-main small,.mc-driver-score-main em,.mc-driver-score-kpis small{font-size:12px;color:#64748b;line-height:1.3}
.mc-driver-score-main em{font-style:normal}
.mc-score-bar{height:8px;border-radius:999px;background:rgba(15,95,232,.10);overflow:hidden}
.mc-score-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary,#0f8cf7),var(--primary-light,#64d2ff))}
.mc-score-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mc-score-tags span{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;line-height:1;background:rgba(15,140,247,.10);color:#0f5fe8;border:1px solid rgba(15,140,247,.14)}
.mc-score-tags span.ok{background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.18)}
.mc-score-tags span.warn{background:rgba(245,158,11,.14);color:#a16207;border-color:rgba(245,158,11,.20)}
.mc-score-tags span.danger{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.18)}
.mc-driver-score-kpis{display:grid;justify-items:end;gap:4px;text-align:right}
.mc-driver-score-kpis b{font-size:24px;color:#111827;line-height:1}
@media(max-width:760px){.mc-driver-score-hero{grid-template-columns:1fr}.mc-driver-score-row{grid-template-columns:34px 44px minmax(0,1fr)}.mc-driver-score-kpis{grid-column:3;justify-items:start;text-align:left}}
.mc-team-rank-row strong,
.mc-team-detail-table strong{
display:block;
color:#142033;
font-size:13px;
line-height:1.2;
}
.mc-team-rank-row small{
display:block;
color:#637086;
font-weight:750;
font-size:11px;
margin-top:3px;
}
.mc-team-rank-money{
text-align:right;
}
.mc-team-rank-money b{
display:block;
color:#142033;
font-size:13px;
white-space:nowrap;
}
.mc-team-rank-money span{
display:block;
color:#637086;
font-size:11px;
font-weight:850;
margin-top:4px;
}
.mc-team-impact{
grid-column:3 / 5;
height:7px;
border-radius:999px;
background:rgba(15,23,42,.08);
overflow:hidden;
}
.mc-team-impact i{
display:block;
height:100%;
border-radius:999px;
background:linear-gradient(90deg,var(--theme-primary,#0a84ff),var(--theme-secondary,#64d2ff));
}
.mc-team-detail-table{
width:100%;
border-collapse:separate;
border-spacing:0 8px;
}
.mc-team-detail-table th{
text-align:left;
color:#718096;
font-size:10px;
text-transform:uppercase;
letter-spacing:.02em;
padding:0 10px 2px;
}
.mc-team-detail-table td{
background:rgba(255,255,255,.68);
padding:10px;
border-top:1px solid rgba(15,23,42,.07);
border-bottom:1px solid rgba(15,23,42,.07);
color:#1d2939;
font-weight:800;
font-size:12px;
}
.mc-team-detail-table td:first-child{
border-left:1px solid rgba(15,23,42,.07);
border-radius:14px 0 0 14px;
}
.mc-team-detail-table td:last-child{
border-right:1px solid rgba(15,23,42,.07);
border-radius:0 14px 14px 0;
}
.mc-team-detail-table .mc-rowbar{
min-width:88px;
}
.mc-team-details-toggle{
margin-top:12px;
}
.mc-team-details-body[hidden]{
display:none!important;
}
.presentation-demo-actions{
gap:8px!important;
}
.presentation-demo-actions button{
min-height:46px!important;
padding:8px 11px!important;
border-radius:16px!important;
display:flex!important;
flex-direction:column;
justify-content:center;
}
.presentation-demo-actions button strong{
font-size:12px!important;
line-height:1.05!important;
}
.presentation-demo-actions button small{
margin-top:2px!important;
font-size:10px!important;
line-height:1.1!important;
}
body.driver-session .driver-panel-card-icon,
body.driver-rebuild-mode .driver-panel-card-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
place-items:center!important;
position:relative!important;
padding:0!important;
overflow:hidden!important;
}
body.driver-session .driver-panel-card-icon svg,
body.driver-rebuild-mode .driver-panel-card-icon svg{
position:absolute!important;
left:50%!important;
top:50%!important;
width:29px!important;
height:29px!important;
margin:0!important;
transform:translate(-50%,-50%)!important;
display:block!important;
stroke:#fff!important;
fill:none!important;
}
body.driver-session .driver-panel-card-icon svg *,
body.driver-rebuild-mode .driver-panel-card-icon svg *{
stroke:#fff!important;
fill:none!important;
}
@media(max-width:900px){
.mc-team-fines-grid{grid-template-columns:1fr}
.mc-team-rank-row{grid-template-columns:32px 40px minmax(0,1fr)}
.mc-team-rank-money{grid-column:3;text-align:left}
.mc-team-impact{grid-column:1 / -1}
}
/* 97. admin-diagnostics-speed-v1 */
.admin-diagnostics-panel{
margin-top:16px;
padding:18px;
border-radius:26px;
background:rgba(255,255,255,.62);
border:1px solid rgba(255,255,255,.78);
box-shadow:0 22px 56px rgba(31,45,71,.12);
backdrop-filter:blur(22px) saturate(1.25);
}
.admin-diagnostics-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:16px;
}
.admin-diagnostics-head h2{
margin:0;
font-size:20px;
letter-spacing:0;
}
.admin-diagnostics-head p{
margin:5px 0 0;
color:var(--tech-muted,#64748b);
font-size:13px;
line-height:1.35;
}
.admin-diagnostics-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end;
}
.admin-speed-grid{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:16px;
align-items:stretch;
}
.admin-speedometer{
min-height:220px;
border-radius:24px;
display:grid;
place-items:center;
background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 34px rgba(22,32,51,.08);
}
.admin-gauge{
--value:0deg;
width:178px;
height:178px;
border-radius:50%;
display:grid;
place-items:center;
background:
radial-gradient(circle at center,rgba(255,255,255,.94) 0 54%,transparent 55%),
conic-gradient(from 225deg,var(--glass-blue,#007aff) var(--value),rgba(148,163,184,.25) 0 270deg,transparent 0);
filter:drop-shadow(0 18px 26px rgba(36,99,235,.14));
}
.admin-gauge strong{
display:block;
font-size:34px;
line-height:1;
color:#0f172a;
text-align:center;
}
.admin-gauge span{
display:block;
margin-top:5px;
color:#64748b;
font-size:12px;
font-weight:800;
text-align:center;
}
.admin-speed-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.admin-speed-cards article{
min-height:106px;
padding:14px;
border-radius:22px;
background:rgba(255,255,255,.66);
border:1px solid rgba(255,255,255,.76);
box-shadow:0 14px 30px rgba(22,32,51,.08);
}
.admin-speed-cards span{
display:inline-flex;
align-items:center;
min-height:24px;
padding:4px 10px;
border-radius:999px;
background:linear-gradient(145deg,var(--glass-blue,#007aff),var(--glass-cyan,#64d2ff));
color:#fff;
font-size:11px;
font-weight:900;
}
.admin-speed-cards strong{
display:block;
margin-top:13px;
font-size:24px;
color:#0f172a;
}
.admin-speed-cards small{
display:block;
margin-top:5px;
color:#64748b;
font-weight:800;
line-height:1.3;
}
.admin-diagnostics-result{
margin-top:12px;
padding:12px 14px;
border-radius:18px;
background:rgba(255,255,255,.62);
border:1px solid rgba(255,255,255,.76);
color:#475569;
font-size:13px;
font-weight:800;
}
.admin-diagnostics-result.ok{color:#047857;background:rgba(209,250,229,.72)}
.admin-diagnostics-result.warn{color:#b45309;background:rgba(254,243,199,.78)}
.admin-diagnostics-result.danger{color:#b91c1c;background:rgba(254,226,226,.78)}
@media(max-width:900px){
.admin-diagnostics-head{display:grid}
.admin-diagnostics-actions{justify-content:stretch}
.admin-diagnostics-actions button{width:100%}
.admin-speed-grid{grid-template-columns:1fr}
.admin-speed-cards{grid-template-columns:1fr}
}
/* 98. mc-popup-priority-v1 */
#checklistSendLoading,
#loginLoading{
z-index:120000!important;
}
#firstAccessModal{
z-index:112000!important;
}
#lgpdModal.lgpd-required{
z-index:110000!important;
}
#driverKmRequiredModal{
z-index:108000!important;
}
#editModal,
#fineDecisionModal,
#temporaryVehicleModal,
#salesContactModal,
#lgpdRequestModal,
#docViewer,
#checklistSignatureModal{
z-index:98000!important;
}
#mcFineTeamModal,
#mcSavingModal,
#mcVehicleModal{
z-index:94000!important;
}
#finePopup,
#checklistPopup,
#responsePopup{
z-index:90000!important;
}
.toast{
z-index:130000!important;
}
[data-mc-popup-paused="1"]{
display:none!important;
}
/* 99. finance-report-polish-v1 */
#finance,
#reports{
overflow:visible!important;
}
#finance.view.active,
#reports.view.active{
gap:18px!important;
}
#finance .panel,
#reports .panel{
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
padding:18px!important;
border-radius:28px!important;
}
#financeGrid.finance-dashboard{
max-width:100%!important;
min-width:0!important;
padding:0!important;
gap:18px!important;
overflow:visible!important;
}
#finance .finance-controls{
display:grid!important;
grid-template-columns:minmax(220px,1fr) minmax(300px,auto)!important;
align-items:end!important;
gap:16px!important;
padding:18px!important;
overflow:hidden!important;
}
#finance .finance-filter{
display:grid!important;
grid-template-columns:repeat(3,minmax(122px,1fr)) repeat(3,max-content)!important;
gap:10px!important;
align-items:end!important;
justify-content:end!important;
min-width:0!important;
}
#finance .finance-filter label,
#finance .finance-filter button{
min-width:0!important;
max-width:100%!important;
}
#finance .finance-filter button{
width:100%!important;
padding-inline:14px!important;
white-space:nowrap!important;
}
#finance .finance-hero,
#finance .finance-grid-v2{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
align-items:start!important;
}
#finance .finance-summary,
#finance .finance-glass-card{
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
padding:18px!important;
}
#finance .finance-total{
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:end!important;
gap:14px!important;
}
#finance .finance-value-stack{
min-width:0!important;
}
#finance .finance-total strong{
font-size:clamp(28px,3vw,42px)!important;
line-height:1.05!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
#finance .finance-delta{
justify-self:end!important;
white-space:nowrap!important;
}
#finance .finance-mini-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
#finance .finance-grid-v2>.finance-glass-card.wide,
#finance .finance-saving-month-card,
#finance .finance-extra-card,
#finance .finance-vehicle-cost-card{
grid-column:1/-1!important;
}
#finance .finance-team-card,
#finance .finance-accum-card{
grid-column:auto!important;
}
#finance .finance-category-balanced{
display:grid!important;
grid-template-columns:minmax(160px,.8fr) minmax(190px,240px) minmax(260px,1fr)!important;
gap:20px!important;
align-items:center!important;
}
#finance .finance-category-total,
#finance .finance-legend,
#finance .finance-table-wrap,
#finance .finance-extra-list,
#finance .finance-scroll-list{
min-width:0!important;
max-width:100%!important;
}
#finance .finance-category-total strong{
font-size:clamp(22px,2.2vw,32px)!important;
line-height:1.08!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
#finance .finance-donut{
width:min(210px,100%)!important;
justify-self:center!important;
}
#finance .finance-legend{
gap:10px!important;
}
#finance .finance-legend article{
grid-template-columns:minmax(0,1fr) max-content 42px!important;
gap:10px!important;
}
#finance .finance-legend span{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
#finance .finance-table-wrap{
overflow:auto!important;
padding:10px!important;
border-radius:20px!important;
background:rgba(255,255,255,.24)!important;
}
#finance .finance-table{
width:100%!important;
min-width:0!important;
table-layout:fixed!important;
border-spacing:0 8px!important;
}
#finance .finance-table th,
#finance .finance-table td{
padding:10px 12px!important;
font-size:12px!important;
line-height:1.25!important;
vertical-align:middle!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
#finance .finance-table th:first-child,
#finance .finance-table td:first-child{
width:34%!important;
text-align:left!important;
}
#finance .finance-table th:not(:first-child),
#finance .finance-table td:not(:first-child){
text-align:right!important;
}
#finance .finance-saving-month-chart{
overflow-x:auto!important;
grid-template-columns:repeat(6,minmax(96px,1fr))!important;
padding:14px 8px!important;
}
#finance .finance-saving-month-bar strong,
#finance .finance-saving-month-bar small{
white-space:normal!important;
overflow-wrap:anywhere!important;
}
#finance .finance-extra-form{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:10px!important;
}
#finance .finance-extra-form .finance-extra-desc{
grid-column:span 3!important;
}
#finance .finance-extra-form button{
grid-column:auto!important;
width:100%!important;
}
#finance .finance-extra-row{
grid-template-columns:minmax(0,1fr) max-content max-content!important;
gap:10px!important;
}
#finance .finance-extra-row div{
min-width:0!important;
}
#finance .finance-extra-row strong,
#finance .finance-extra-row small,
#finance .finance-extra-row em{
overflow-wrap:anywhere!important;
}
#finance .finance-row{
grid-template-columns:minmax(0,1fr) max-content!important;
gap:12px!important;
}
#finance .finance-row span{
min-width:0!important;
}
#finance .finance-row strong{
white-space:nowrap!important;
}
#reports .panel{
display:grid!important;
gap:16px!important;
}
#reports .panel-head{
margin:0!important;
align-items:flex-start!important;
}
#reports .report-actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,220px))!important;
gap:10px!important;
justify-content:start!important;
align-items:center!important;
max-width:100%!important;
}
#reports .report-actions button{
width:100%!important;
min-height:38px!important;
padding-inline:14px!important;
white-space:normal!important;
}
#reportSections,
#reports .section-block{
display:grid!important;
gap:14px!important;
margin:0!important;
max-width:100%!important;
min-width:0!important;
}
#reports .report-card,
#reports .section-card,
#reports .panel article{
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
border-radius:22px!important;
padding:16px!important;
}
#reports .table,
#reports .report-table-wrap,
#reports .section-block .table{
max-width:100%!important;
min-width:0!important;
overflow-x:auto!important;
padding:10px!important;
border-radius:18px!important;
}
#reports table{
width:100%!important;
min-width:760px!important;
table-layout:fixed!important;
border-spacing:0 8px!important;
}
#reports th,
#reports td{
padding:11px 12px!important;
font-size:12px!important;
line-height:1.25!important;
vertical-align:middle!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
}
#reports th{
white-space:nowrap!important;
}
@media(max-width:1180px){
#finance .finance-controls{
grid-template-columns:1fr!important;
}
#finance .finance-filter{
justify-content:stretch!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#finance .finance-category-balanced{
grid-template-columns:1fr minmax(180px,220px)!important;
}
#finance .finance-category-balanced .finance-legend{
grid-column:1/-1!important;
}
}
@media(max-width:900px){
#finance .finance-hero,
#finance .finance-grid-v2{
grid-template-columns:1fr!important;
}
#finance .finance-team-card,
#finance .finance-accum-card{
grid-column:1/-1!important;
}
#finance .finance-filter{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#finance .finance-category-balanced{
grid-template-columns:1fr!important;
text-align:left!important;
}
#finance .finance-donut{
justify-self:start!important;
}
#reports .report-actions{
grid-template-columns:1fr!important;
}
#reports table{
min-width:680px!important;
}
}
@media(max-width:620px){
#finance .panel,
#reports .panel{
padding:14px!important;
border-radius:22px!important;
}
#finance .finance-controls,
#finance .finance-summary,
#finance .finance-glass-card{
padding:14px!important;
}
#finance .finance-filter,
#finance .finance-mini-grid,
#finance .finance-extra-form,
#finance .finance-extra-row{
grid-template-columns:1fr!important;
}
#finance .finance-extra-form .finance-extra-desc{
grid-column:auto!important;
}
#finance .finance-total{
grid-template-columns:1fr!important;
}
#finance .finance-delta{
justify-self:start!important;
}
#finance .finance-saving-month-chart{
grid-template-columns:repeat(6,minmax(88px,1fr))!important;
}
#reports table{
min-width:620px!important;
}
}
@media print{
#financeGrid.finance-dashboard{
padding:0!important;
gap:10px!important;
}
#finance .finance-controls{
display:none!important;
}
#finance .finance-hero,
#finance .finance-grid-v2,
#finance .finance-category-balanced{
grid-template-columns:1fr!important;
}
#finance .finance-table{
min-width:0!important;
table-layout:auto!important;
}
#finance .finance-scroll-list{
max-height:none!important;
overflow:visible!important;
}
}
/* 100. mc-email-theme-api-v1 */
.theme-select-wrap{
position:relative;
display:inline-flex;
align-items:center;
}
.theme-select-wrap .theme-select{
padding-left:30px!important;
}
.theme-current-dot{
position:absolute;
left:12px;
width:10px;
height:10px;
border-radius:999px;
background:var(--theme-primary,#007aff);
border:1px solid rgba(255,255,255,.86);
box-shadow:0 2px 8px rgba(16,24,40,.18);
pointer-events:none;
z-index:2;
}
#themeColorSelect option[value="blue"]{color:#007aff}
#themeColorSelect option[value="darkblue"]{color:#0b2a6f}
#themeColorSelect option[value="purple"]{color:#7c3aed}
#themeColorSelect option[value="orange"]{color:#f97316}
#themeColorSelect option[value="red"]{color:#ef4444}
#themeColorSelect option[value="yellow"]{color:#ca8a04}
#themeColorSelect option[value="green"]{color:#059669}
#themeColorSelect option[value="pink"]{color:#db2777}
#themeColorSelect option[value="black"]{color:#050505}
#themeColorSelect option[value="gray"]{color:#475569}
#themeColorSelect option[value="brown"]{color:#7c2d12}
body.theme-darkblue{
background:
radial-gradient(circle at 12% 8%,rgba(29,78,216,.42),transparent 32%),
radial-gradient(circle at 82% 2%,rgba(11,42,111,.26),transparent 35%),
linear-gradient(145deg,#eef5ff 0%,#f9fbff 46%,#e8f1ff 100%);
}
.mc-email-confirm{
position:fixed;
right:18px;
bottom:18px;
width:min(360px,calc(100vw - 32px));
display:grid;
grid-template-columns:12px minmax(0,1fr);
gap:12px;
align-items:center;
padding:14px 16px;
border-radius:22px;
background:rgba(255,255,255,.78);
border:1px solid rgba(255,255,255,.82);
box-shadow:0 24px 60px rgba(16,24,40,.22);
backdrop-filter:blur(22px) saturate(1.25);
-webkit-backdrop-filter:blur(22px) saturate(1.25);
z-index:130000;
opacity:0;
transform:translateY(16px) scale(.98);
pointer-events:none;
transition:opacity .22s ease,transform .22s ease;
}
.mc-email-confirm.show{
opacity:1;
transform:translateY(0) scale(1);
}
.mc-email-confirm i{
width:12px;
height:12px;
border-radius:999px;
background:#0f766e;
box-shadow:0 0 0 6px rgba(15,118,110,.12);
}
.mc-email-confirm.warn i{
background:#ca8a04;
box-shadow:0 0 0 6px rgba(202,138,4,.13);
}
.mc-email-confirm.danger i{
background:#dc2626;
box-shadow:0 0 0 6px rgba(220,38,38,.13);
}
.mc-email-confirm strong{
display:block;
color:#172033;
font-size:13px;
line-height:1.25;
}
.mc-email-confirm small{
display:block;
color:#66758c;
font-size:12px;
line-height:1.35;
margin-top:2px;
}
.mc-api-audit{
margin-top:12px;
padding:14px;
border-radius:20px;
background:rgba(255,255,255,.58);
border:1px solid rgba(180,202,230,.36);
}
.mc-api-audit header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
margin-bottom:12px;
}
.mc-api-audit-summary{
display:flex;
gap:8px;
flex-wrap:wrap;
align-items:center;
justify-content:flex-end;
}
.mc-api-audit h3{
margin:0;
color:#172033;
font-size:15px;
}
.mc-api-audit p{
margin:4px 0 0;
color:#66758c;
font-size:12px;
line-height:1.35;
}
.mc-api-audit-note{
border-radius:14px;
padding:10px 12px;
background:rgba(255,255,255,.62);
border:1px solid rgba(180,202,230,.34);
color:#53627a;
font-size:12px;
line-height:1.35;
}
.mc-api-audit-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.mc-api-audit-item{
border-radius:16px;
padding:12px;
background:rgba(255,255,255,.72);
border:1px solid rgba(180,202,230,.38);
display:grid;
gap:5px;
min-width:0;
}
.mc-api-audit-item.ok{
border-color:rgba(15,118,110,.28);
background:linear-gradient(145deg,rgba(236,253,245,.86),rgba(255,255,255,.72));
}
.mc-api-audit-item.partial{
border-color:rgba(202,138,4,.34);
background:linear-gradient(145deg,rgba(255,251,235,.9),rgba(255,255,255,.72));
}
.mc-api-audit-item.local{
border-color:rgba(100,116,139,.30);
background:linear-gradient(145deg,rgba(248,250,252,.92),rgba(255,255,255,.72));
}
.mc-api-audit-item strong{
color:#172033;
font-size:13px;
line-height:1.2;
}
.mc-api-audit-item small{
color:#66758c;
font-size:11px;
line-height:1.28;
overflow-wrap:anywhere;
}
.mc-api-audit-badge{
justify-self:start;
border-radius:999px;
padding:5px 8px;
font-size:10px;
font-weight:950;
text-transform:uppercase;
background:rgba(15,118,110,.12);
color:#047857;
}
.mc-api-audit-item.warn .mc-api-audit-badge{
background:rgba(202,138,4,.13);
color:#a16207;
}
.mc-api-audit-item.partial .mc-api-audit-badge,
.mc-api-audit-badge.partial{
background:rgba(202,138,4,.13);
color:#a16207;
}
.mc-api-audit-item.local .mc-api-audit-badge,
.mc-api-audit-badge.local{
background:rgba(100,116,139,.14);
color:#475569;
}
@media(max-width:920px){
.mc-api-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.mc-api-audit-grid{grid-template-columns:1fr}
}
/* 101. mc-ranking-qty-seven-visible-style-v1 */
[data-mc-section="rank-qty"] .mc-qty-table,
[data-mc-section="team-rank-qty"] .mc-qty-table{
height:386px!important;
max-height:386px!important;
min-height:386px!important;
overflow:auto!important;
scrollbar-gutter:stable!important;
}
[data-mc-section="rank-qty"] .mc-qty-table .mc-table tbody tr,
[data-mc-section="team-rank-qty"] .mc-qty-table .mc-table tbody tr{
height:48px!important;
}
[data-mc-section="rank-qty"] .mc-qty-table thead th,
[data-mc-section="team-rank-qty"] .mc-qty-table thead th{
position:sticky!important;
top:0!important;
z-index:2!important;
background:rgba(248,252,255,.96)!important;
}
/* 102. mc-assistant-dashboard-v1 */
body.assistant-session #dashboard .hero,
body.assistant-session #dashboard #metrics,
body.assistant-session #dashboard>.grid{display:none!important}
body.assistant-session .admin-insights.active{display:block!important}
body.assistant-session .main{background:rgba(255,255,255,.78)!important;border:1px solid rgba(18,104,243,.12)!important;box-shadow:0 18px 42px rgba(22,32,51,.08)!important}
body.assistant-session .top{background:linear-gradient(135deg,var(--glass-blue,#0f5fe8),var(--glass-cyan,#58a6ff))!important;color:#fff!important;border-bottom:0!important}
.mc-assistant-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(15,95,232,.10),rgba(88,166,255,.16));border:1px solid rgba(15,95,232,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
.mc-assistant-hero strong{display:block;font-size:20px;color:#172033;margin-top:4px}
.mc-assistant-hero small{display:block;color:#66758c;font-weight:800;line-height:1.35}
.mc-assistant-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mc-assistant-tags span,.mc-assistant-main-pill{border-radius:999px;padding:7px 10px;background:rgba(15,95,232,.10);border:1px solid rgba(15,95,232,.14);color:#0f5fe8;font-size:12px;font-weight:900}
.mc-assistant-main-pill{white-space:nowrap;background:linear-gradient(135deg,var(--glass-blue,#0f5fe8),var(--glass-cyan,#58a6ff));color:#fff;border-color:rgba(255,255,255,.42);box-shadow:0 12px 26px rgba(18,104,243,.18)}
.mc-assistant-table-scroll{max-height:340px;overflow:auto;scrollbar-gutter:stable}
.mc-assistant-stack{display:grid;gap:12px}
.mc-assistant-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(140,165,198,.22);box-shadow:0 10px 24px rgba(22,32,51,.06)}
.mc-assistant-record strong{display:block;color:#172033;font-size:13px;line-height:1.25}
.mc-assistant-record small{display:block;color:#66758c;font-weight:750;line-height:1.35;margin-top:3px}
.mc-assistant-record b{border-radius:999px;padding:7px 10px;background:rgba(15,95,232,.08);color:#0f5fe8;font-size:12px}
.mc-assistant-record.danger b{background:rgba(255,77,93,.10);color:#d92d36}
.mc-assistant-record.warn b{background:rgba(255,181,71,.16);color:#9a5a00}
@media(max-width:760px){
.mc-assistant-hero{grid-template-columns:1fr}
.mc-assistant-main-pill{width:max-content}
}
/* 103. mc-logout-animation-v1 */
body.mc-logout-running #loginLoading .loading-card{
transform:scale(1.01);
}
body.mc-logout-running #loginLoading .loading-orb{
background:
radial-gradient(circle at 35% 32%,rgba(255,255,255,.96),transparent 0 18%,rgba(255,255,255,0) 19%),
linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff));
animation:logoutOrb 1.05s ease-in-out infinite;
}
body.mc-logout-running #loginLoading .loading-bar i{
animation-duration:1.05s;
}
@keyframes logoutOrb{
0%,100%{transform:translateY(0) scale(1);filter:saturate(1)}
50%{transform:translateY(-4px) scale(1.04);filter:saturate(1.28)}
}
/* 104. driver-cnh-checklist-rebuild-v1 */
.mc-cnh-expiry-modal,
.mc-photo-editor-modal{
position:fixed;
inset:0;
z-index:140;
display:grid;
place-items:center;
padding:18px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.mc-cnh-expiry-modal[hidden],
.mc-photo-editor-modal[hidden]{display:none!important}
.mc-cnh-expiry-card,
.mc-photo-editor-card{
width:min(680px,100%);
max-height:92vh;
overflow:auto;
border-radius:28px;
padding:22px;
display:grid;
gap:14px;
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
border:1px solid rgba(255,255,255,.88);
box-shadow:0 28px 90px rgba(15,23,42,.30),inset 0 1px 0 rgba(255,255,255,.92);
color:#101828;
}
.mc-cnh-expiry-head,
.mc-photo-editor-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:12px;
}
.mc-cnh-expiry-head h2,
.mc-photo-editor-head h2{margin:4px 0 0;font-size:22px;color:#101828}
.mc-cnh-expiry-card label{
display:grid;
gap:8px;
color:#344054;
font-size:12px;
font-weight:900;
}
.mc-cnh-expiry-card input{
min-height:46px;
border-radius:16px;
border:1px solid rgba(126,154,199,.34);
background:rgba(255,255,255,.88);
padding:10px 12px;
font-weight:850;
}
.mc-cnh-file-note,
.mc-checklist-signature-box,
.mc-photo-edit-tools{
border-radius:20px;
padding:13px;
background:rgba(255,255,255,.68);
border:1px solid rgba(126,154,199,.22);
color:#667085;
font-size:13px;
font-weight:750;
}
.mc-cnh-expiry-actions,
.mc-photo-editor-actions{
display:flex;
justify-content:flex-end;
flex-wrap:wrap;
gap:10px;
}
.driver-document-form label:has(input[name="cnhExpiry"]),
#driverMyVehicleCnhForm label:has(input[name="cnhExpiry"]){
display:none!important;
}
.mc-checklist-signature-box{
grid-column:1/-1;
display:grid;
gap:10px;
}
.mc-checklist-signature-box strong{color:#101828}
.mc-checklist-signature-box .mc-signature-status{
color:#667085;
font-size:12px;
}
.mc-checklist-signature-box.is-signed{
border-color:rgba(16,185,129,.34);
background:linear-gradient(145deg,rgba(236,253,245,.82),rgba(255,255,255,.74));
}
.driver-check-photo{
position:relative;
}
.mc-photo-edit-row{
grid-column:1/-1;
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-top:7px;
padding:8px;
border-radius:16px;
background:rgba(255,255,255,.64);
border:1px solid rgba(126,154,199,.18);
}
.mc-photo-edit-row small{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#667085;
font-weight:800;
}
.mc-photo-editor-canvas-wrap{
width:100%;
overflow:auto;
border-radius:22px;
background:#0f172a;
padding:10px;
border:1px solid rgba(255,255,255,.58);
}
#mcPhotoEditorCanvas{
width:100%;
max-width:900px;
min-height:360px;
display:block;
margin:auto;
border-radius:16px;
background:#fff;
touch-action:none;
cursor:crosshair;
}
.mc-photo-edit-tools{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
}
.mc-photo-edit-tools input[type="color"]{
width:48px;
height:36px;
padding:2px;
border-radius:12px;
}
@media(max-width:720px){
.mc-cnh-expiry-card,
.mc-photo-editor-card{border-radius:24px;padding:18px}
#mcPhotoEditorCanvas{min-height:280px}
}
/* 105. maintenance-cnh-polish-v1 */
body[data-current-role="driver"] #cnhArea label:has(#cnhExpiry),
body[data-current-role="driver"] #cnhRegister,
body[data-current-role="driver"] #driverCleanCnhForm label:has(input[name="cnhExpiry"]),
body[data-current-role="driver"] #driverCleanCnhForm .driver-document-actions.full,
body[data-current-role="driver"] #driverMyVehicleCnhForm label:has(input[name="cnhExpiry"]),
body[data-current-role="driver"] #driverMyVehicleCnhForm button[type="submit"]{
display:none!important;
}
.cnh-status-pill,
.cnh-inline-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:26px;
padding:5px 10px;
border-radius:999px;
font-size:12px;
font-weight:950;
line-height:1;
border:1px solid rgba(255,255,255,.68);
box-shadow:0 8px 20px rgba(16,24,40,.08);
white-space:nowrap;
}
.cnh-status-pill.cnh-ok,
.cnh-inline-pill.cnh-ok{
background:rgba(21,183,127,.16)!important;
color:#087443!important;
}
.cnh-status-pill.cnh-warning,
.cnh-inline-pill.cnh-warning{
background:rgba(255,149,0,.20)!important;
color:#b54708!important;
}
.cnh-status-pill.cnh-danger,
.cnh-inline-pill.cnh-danger{
background:rgba(255,59,48,.18)!important;
color:#b42318!important;
animation:pulseCnh 1.35s ease-in-out infinite;
}
.driver-document-head small .cnh-inline-pill{
margin-right:7px;
vertical-align:middle;
}
.mc-maint-cost-modal{
position:fixed;
inset:0;
z-index:145;
display:grid;
place-items:center;
padding:18px;
background:rgba(15,23,42,.42);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.mc-maint-cost-modal[hidden]{display:none!important}
.mc-maint-cost-card{
width:min(520px,100%);
display:grid;
gap:14px;
padding:22px;
border-radius:28px;
background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.76));
border:1px solid rgba(255,255,255,.88);
box-shadow:0 28px 90px rgba(15,23,42,.30),inset 0 1px 0 rgba(255,255,255,.92);
color:#101828;
}
.mc-maint-cost-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
}
.mc-maint-cost-head h2{margin:4px 0 0;font-size:22px;color:#101828}
.mc-maint-cost-summary{
border-radius:18px;
padding:13px;
background:rgba(255,255,255,.72);
border:1px solid rgba(126,154,199,.18);
color:#475467;
font-weight:800;
line-height:1.4;
}
.mc-maint-cost-card label{
display:grid;
gap:8px;
color:#344054;
font-size:12px;
font-weight:950;
}
.mc-maint-cost-card input{
min-height:46px;
border-radius:16px;
border:1px solid rgba(126,154,199,.34);
background:rgba(255,255,255,.82);
color:#101828;
padding:11px 13px;
font-size:15px;
font-weight:900;
}
.mc-maint-cost-actions{
display:flex;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}
.mc-maint-actions{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end;
}
/* 106. driver-owner-theme-polish-v2 */
.mc-photo-edit-row{
position:sticky;
bottom:0;
z-index:2;
margin-top:8px;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:8px;
padding:8px;
border-radius:14px;
background:rgba(255,255,255,.78);
border:1px solid rgba(126,154,199,.24);
box-shadow:0 8px 20px rgba(16,24,40,.08);
}
.mc-photo-edit-row small{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#667085!important;
font-weight:850;
}
.mc-photo-edit-row button{
white-space:nowrap;
}
.theme-select-wrap.mc-theme-glass{
min-height:38px;
padding:4px 8px 4px 12px;
gap:8px;
border-radius:18px;
background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.44));
border:1px solid rgba(255,255,255,.84);
box-shadow:0 14px 34px rgba(31,64,112,.13),inset 0 1px 0 rgba(255,255,255,.92);
backdrop-filter:blur(22px) saturate(1.45);
-webkit-backdrop-filter:blur(22px) saturate(1.45);
}
.theme-select-wrap.mc-theme-glass:before{
content:'Tema';
color:#475467;
font-size:11px;
font-weight:950;
letter-spacing:.02em;
}
.theme-select-wrap.mc-theme-glass .theme-current-dot{
position:static;
flex:0 0 auto;
width:14px;
height:14px;
box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#007aff) 12%,transparent),0 4px 12px rgba(16,24,40,.18);
}
.theme-select-wrap.mc-theme-glass .theme-select{
min-width:145px;
min-height:30px!important;
padding:5px 28px 5px 8px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
color:#101828!important;
font-size:12px!important;
font-weight:950;
}
.theme-select-wrap.mc-theme-glass .theme-select:focus{
outline:0!important;
}
.owner-documents-panel{
display:grid;
gap:14px;
}
.owner-documents-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:12px;
}
.owner-doc-card{
display:grid;
gap:8px;
padding:16px;
border-radius:20px;
background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.42));
border:1px solid rgba(255,255,255,.82);
box-shadow:0 14px 30px rgba(31,64,112,.09),inset 0 1px 0 rgba(255,255,255,.92);
}
.owner-doc-card strong{color:#101828;font-size:15px}
.owner-doc-card small{color:#667085!important;font-weight:800;line-height:1.35}
.owner-doc-card .badge{justify-self:start}
/* 107. theme-options-menu-v3 */
.theme-select-wrap.mc-theme-glass{
min-height:unset!important;
padding:0!important;
gap:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.theme-select-wrap.mc-theme-glass:before{
content:none!important;
display:none!important;
}
.theme-select-wrap.mc-theme-glass .theme-current-dot{
position:absolute!important;
left:12px!important;
width:10px!important;
height:10px!important;
box-shadow:0 2px 8px rgba(16,24,40,.18)!important;
}
.theme-select-wrap.mc-theme-glass .theme-select{
min-width:118px!important;
min-height:30px!important;
padding:6px 28px 6px 30px!important;
border-radius:999px!important;
font-size:12px!important;
background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.44))!important;
border:1px solid rgba(255,255,255,.78)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(31,64,112,.10)!important;
color:var(--liquid-text,#101828)!important;
cursor:pointer;
}
.mc-theme-options-menu{
position:fixed;
z-index:160000;
display:none;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
width:min(318px,calc(100vw - 24px));
padding:10px;
border-radius:22px;
background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.50));
border:1px solid rgba(255,255,255,.86);
box-shadow:0 24px 60px rgba(31,64,112,.22),inset 0 1px 0 rgba(255,255,255,.96);
backdrop-filter:blur(26px) saturate(1.55);
-webkit-backdrop-filter:blur(26px) saturate(1.55);
}
.mc-theme-options-menu.open{display:grid}
.mc-theme-option{
min-height:36px;
border:1px solid rgba(126,154,199,.22)!important;
border-radius:16px!important;
padding:7px 10px!important;
display:flex;
align-items:center;
gap:8px;
justify-content:flex-start;
background:rgba(255,255,255,.54)!important;
color:#1d2939!important;
font-size:12px!important;
font-weight:950;
box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 18px rgba(31,64,112,.08)!important;
}
.mc-theme-option:hover,
.mc-theme-option.active{
transform:translateY(-1px);
border-color:color-mix(in srgb,var(--theme-primary,#007aff) 42%,rgba(255,255,255,.9))!important;
background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58))!important;
}
.mc-theme-option i{
width:13px;
height:13px;
border-radius:999px;
flex:0 0 auto;
border:1px solid rgba(255,255,255,.88);
box-shadow:0 0 0 4px rgba(255,255,255,.42),0 5px 12px rgba(16,24,40,.16);
}
/* 108. manager-ops-docs-permissions-fix-v1 */
.mc-manager-lines{display:grid;gap:10px;margin-top:14px}
.mc-line-item{border:1px solid rgba(148,163,184,.28);border-radius:20px;background:rgba(255,255,255,.58);box-shadow:0 18px 42px rgba(15,23,42,.08);overflow:hidden;backdrop-filter:blur(20px)}
.mc-line-button{width:100%;border:0;background:transparent;color:#0f172a;text-align:left;padding:14px 16px;display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.8fr) auto;gap:12px;align-items:center;cursor:pointer}
.mc-line-button strong{font-size:13px;line-height:1.25}
.mc-line-button small{display:block;color:#64748b;font-weight:700;font-size:11px;line-height:1.25;margin-top:2px}
.mc-line-pill{justify-self:start;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.8);font-size:11px;font-weight:900;color:#0f766e;box-shadow:inset 0 0 0 1px rgba(148,163,184,.18)}
.mc-line-arrow{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-primary,#007aff),var(--theme-secondary,#64d2ff));color:var(--mc-on-theme,#fff);font-weight:900;box-shadow:0 10px 24px rgba(0,122,255,.2)}
.mc-line-detail{display:none;border-top:1px solid rgba(148,163,184,.2);padding:14px 16px 16px}
.mc-line-item.open .mc-line-detail{display:block}
.mc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mc-detail-grid span{display:block;border-radius:16px;background:rgba(255,255,255,.62);padding:10px 12px;color:#64748b;font-size:11px;font-weight:800}
.mc-detail-grid b{display:block;color:#111827;font-size:13px;margin-top:4px}
.mc-line-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.mc-doc-filter-row{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin-top:14px}
.mc-doc-filter-row label{font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b}
.mc-doc-filter-row select{width:100%;margin-top:6px}
.mc-manager-checklist-note{margin:12px 0 0;color:#64748b;font-size:12px;font-weight:700}
.mc-maintenance-final-table .table-actions{justify-content:flex-end;gap:8px}
#kmSettingsForm[hidden]{display:none!important}
@media(max-width:900px){
.mc-line-button{grid-template-columns:1fr;gap:8px}
.mc-line-arrow{justify-self:end}
.mc-detail-grid{grid-template-columns:1fr}
.mc-doc-filter-row{grid-template-columns:1fr}
}
/* 109. inline-style */
body{font-family:Inter,Arial,sans-serif;background:#eef6ff;color:#101828;padding:24px}h1{margin:0 0 16px;color:#0f5fe8}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}td,th{border:1px solid #d8e4f5;padding:8px 10px;text-align:left;font-size:12px;vertical-align:top}th{background:#eef6ff;color:#475467;text-transform:uppercase;font-size:11px}
/* 110. Default */
/* 111. Header */
/* login-loading-white-dot-fix-v2 */
#loginLoading .loading-card::before,
#loginLoading .loading-card::after,
#loginLoading .loading-orb::before,
#loginLoading .loading-orb::after{
content:none!important;
display:none!important;
width:0!important;
height:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
#loginLoading .loading-orb{
width:78px!important;
height:78px!important;
margin:0 0 2px!important;
border-radius:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
transform-origin:center!important;
}
#loginLoading .loading-orb img{
width:72px!important;
height:72px!important;
max-width:none!important;
max-height:none!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
#loginLoading .loading-card{
row-gap:10px!important;
}
/* login-loading-white-dot-fix-v3 */
html body #loginLoading .loading-card .loading-orb,
html body.mc-logout-running #loginLoading .loading-card .loading-orb{
background:transparent!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}
html body #loginLoading .loading-card .loading-orb:before,
html body #loginLoading .loading-card .loading-orb:after,
html body.mc-logout-running #loginLoading .loading-card .loading-orb:before,
html body.mc-logout-running #loginLoading .loading-card .loading-orb:after{
content:""!important;
display:none!important;
visibility:hidden!important;
opacity:0!important;
width:0!important;
height:0!important;
min-width:0!important;
min-height:0!important;
border:0!important;
background:transparent!important;
background-image:none!important;
box-shadow:none!important;
}
html body #loginLoading .loading-card .loading-orb img{
position:relative!important;
z-index:2!important;
display:block!important;
}
/* final-auth-loading-white-card-v4 */
#loginLoading{
background:linear-gradient(135deg,#f7fbff 0%,#ffffff 52%,#edf6ff 100%)!important;
}
#loginLoading .loading-card{
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(190,210,235,.72)!important;
box-shadow:0 28px 70px rgba(22,32,51,.16), inset 0 1px 0 rgba(255,255,255,.96)!important;
color:#162033!important;
}
#loginLoading .loading-orb,
html body #loginLoading .loading-card .loading-orb,
html body.mc-logout-running #loginLoading .loading-card .loading-orb{
position:relative!important;
display:grid!important;
place-items:center!important;
width:78px!important;
height:78px!important;
margin:0 0 4px!important;
border-radius:0!important;
background:transparent!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
animation:mcLogoSpin 1.05s linear infinite!important;
}
#loginLoading .loading-orb::before,
#loginLoading .loading-orb::after,
html body #loginLoading .loading-card .loading-orb::before,
html body #loginLoading .loading-card .loading-orb::after{
content:none!important;
display:none!important;
}
#loginLoading .loading-orb img{
width:72px!important;
height:72px!important;
display:block!important;
object-fit:contain!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.mc-logout-running #loginLoading .loading-orb{
animation:mcLogoutPulse 1s ease-in-out infinite!important;
}
@keyframes mcLogoSpin{to{transform:rotate(360deg)}}
@keyframes mcLogoutPulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(8deg)}}
/* occurrence-evidence-10-slots-v1 */
.occurrence-evidence-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:12px;
align-items:start;
padding:14px;
border:1px solid rgba(148,163,184,.28);
border-radius:22px;
background:rgba(255,255,255,.62);
box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.occurrence-evidence-grid.full{grid-column:1/-1}
.occurrence-evidence-head{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.occurrence-evidence-head strong{font-size:.9rem;color:#0f172a}
.occurrence-evidence-head small{font-size:.76rem;color:#64748b;text-align:right}
.occurrence-evidence-grid label{min-width:0;padding:10px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(148,163,184,.24);font-size:.78rem}
.occurrence-evidence-grid input[type=file]{width:100%;margin-top:7px;font-size:.72rem}
.driver-occurrence-evidence-grid{grid-column:1/-1}
.dm-app-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:20px;background:rgba(255,255,255,.66);border:1px solid rgba(148,163,184,.26)}
.dm-app-evidence-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}
.dm-app-evidence-title strong{font-size:.9rem;color:#0f172a}
.dm-app-evidence-title small{font-size:.72rem;color:#64748b}
.dm-app-evidence-grid label{padding:9px;border-radius:15px;background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.22);font-size:.76rem}
.dm-app-evidence-grid input{width:100%;margin-top:6px;font-size:.68rem}
.dm-app-evidence-grid small{display:block;margin-top:4px;font-size:.66rem;color:#64748b}
.landing-feature-sections{
display:grid;
gap:18px;
margin:30px 0 34px;
}
.landing-feature-row{
display:grid;
grid-template-columns:86px minmax(0,1fr);
gap:22px;
align-items:center;
padding:26px 30px;
border-radius:30px;
background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,248,255,.72));
border:1px solid rgba(148,163,184,.28);
box-shadow:0 22px 60px rgba(15,23,42,.09);
backdrop-filter:blur(18px);
}
.landing-feature-icon{
width:68px;
height:68px;
border-radius:21px;
display:grid;
place-items:center;
color:#fff;
background:linear-gradient(145deg,var(--theme-primary,var(--primary)),color-mix(in srgb,var(--theme-primary,var(--primary)) 68%,#07152f));
border:1px solid rgba(255,255,255,.62);
box-shadow:0 18px 38px color-mix(in srgb,var(--theme-primary,var(--primary)) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.36);
}
.landing-feature-icon svg{
width:32px;
height:32px;
display:block;
stroke:currentColor;
fill:none;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 2px 3px rgba(3,14,36,.24));
}
.landing-feature-row .eyebrow{
margin:0 0 8px;
}
.landing-feature-row h2{
margin:0;
font-size:clamp(1.35rem,2.3vw,2.15rem);
line-height:1.06;
color:#0f172a;
}
.landing-feature-row p:last-child{
margin:10px 0 0;
max-width:820px;
color:#52627a;
line-height:1.62;
font-size:1rem;
}
@media(max-width:760px){
.landing-feature-row{
grid-template-columns:1fr;
padding:22px;
border-radius:24px;
}
.landing-feature-icon{
width:58px;
height:58px;
border-radius:18px;
}
}