:root{--navy:#111c31;--navy2:#1a2943;--ink:#1a2a40;--muted:#7c8a9b;--line:#e7ecf2;--bg:#f5f7fb;--white:#fff;--green:#118a77;--green2:#0d6e67;--green-soft:#e5f6f0;--orange:#d98934;--orange-soft:#fff3e3;--red:#d2535f;--red-soft:#fff0f2;--radius:18px;--shadow:0 4px 25px rgba(32,53,82,.045);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #71cdba;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.95px;margin:0;font-weight:800}h2{font-size:19px;letter-spacing:-.4px;margin:0}h3{font-size:16px;margin:0}small{font-size:12px}.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--navy);color:#dbe6f3;padding:25px 14px 15px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;margin:0 11px 47px;color:white}.brand-icon{height:44px;width:44px;flex:none;border:1px solid rgba(118,235,213,.2);background:linear-gradient(135deg,#0c756e,#173c59);border-radius:13px;display:grid;place-items:center;color:#f3fff9}.brand-text{font-size:15px;font-weight:900;line-height:1.05;letter-spacing:.45px}.brand-text>span{color:#54d6b3}.brand-text small{display:block;font-size:8.5px;letter-spacing:3.2px;color:#92a9ba;margin-top:7px;font-weight:650}.side-label{font-size:10px;color:#8395ad;letter-spacing:1.4px;font-weight:800;margin:0 17px 16px}.main-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;width:100%;gap:13px;min-height:44px;padding:10px 14px;border:0;border-radius:11px;background:none;color:#a8b5c8;text-align:left;font-weight:600;font-size:13px;transition:.2s}.nav-item:hover{color:#fff;background:#273750}.nav-item.active{background:#234b52;color:#aaf2d6}.nav-item svg{height:18px;width:18px;flex:none}.side-bottom{margin-top:auto;padding-top:20px}.side-card{margin:19px 6px 17px;padding:18px 15px;background:linear-gradient(145deg,#183c46,#1b2d48);border:1px solid rgba(112,205,190,.16);border-radius:15px}.side-card-eyebrow{font-size:9px;letter-spacing:.9px;color:#6bd4b9;font-weight:800}.side-card strong{display:block;color:#fff;font-size:16px;margin:8px 0}.side-card p{color:#aebfcd;font-size:12px;line-height:1.55;margin:0 0 12px}.chip-dark{font-size:10px;border-radius:6px;background:rgba(129,237,202,.1);color:#91ead0;padding:7px 9px;font-weight:700}.side-signature{color:#6d7b91;font-size:9px;letter-spacing:.3px;padding:5px 11px}.main-column{width:calc(100% - 252px);margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:77px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:var(--white)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:16px}.breadcrumb{font-size:12px;color:#9ba7b6}.breadcrumb span{margin:0 8px;color:#bec7d2}.breadcrumb strong{color:#4e5f73;font-weight:700}.vehicle-select-wrap{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 10px;gap:8px;height:41px;color:#9baab9}.vehicle-select-wrap svg{width:16px;height:16px}.vehicle-select-wrap select{border:0;background:none;outline:0;appearance:none;color:#45556a;max-width:174px;font-size:12px;font-weight:700;cursor:pointer;min-width:100px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;min-height:42px;padding:0 17px;border:1px solid transparent;font-size:12px;font-weight:800;transition:.16s;white-space:nowrap}.button svg{height:17px;width:17px}.button-primary{background:var(--green);color:white;box-shadow:0 7px 17px rgba(12,123,103,.16)}.button-primary:hover{background:var(--green2)}.button-secondary{background:#fff;color:#3b5369;border-color:var(--line)}.button-secondary:hover{background:#f6f9fb}.button-danger{background:#fff3f3;color:#b63a48;border-color:#f6d4d8}.button-text{border:0;background:transparent;color:var(--green);font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:5px}.button-text svg{height:15px;width:15px}.icon-button{background:transparent;border:0;border-radius:10px;width:39px;height:39px;display:grid;place-items:center;color:#678095}.icon-button:hover{background:#edf3f6}.icon-button svg{width:20px;height:20px}.menu-button{display:none}.content{width:100%;max-width:1550px;margin:0 auto;padding:36px 42px 48px;flex:1}.footer{color:#9faabd;text-align:center;font-size:11px;padding:25px}.footer strong{color:#6b7e90}.headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.headline p{color:var(--muted);font-size:13px;margin:11px 0 0}.headline .eyebrow{display:block;color:var(--green);font-size:10px;letter-spacing:1.2px;font-weight:900;margin-bottom:9px}.headline-actions{display:flex;gap:9px;flex-wrap:wrap}.hero-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(112deg,#123446,#0e7669 74%,#20947a);color:#fff;margin-bottom:24px;padding:26px 30px;position:relative;overflow:hidden}.hero-banner:after{content:"";width:270px;height:270px;border:1px solid rgba(255,255,255,.1);border-radius:50%;position:absolute;right:-50px;top:-114px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.02)}.hero-banner .hero-content{position:relative;z-index:1}.hero-banner small{color:#a3ead3;font-weight:800;letter-spacing:1.2px;font-size:10px}.hero-banner h2{font-size:24px;margin:9px 0 7px;letter-spacing:-.8px}.hero-banner p{color:#cde6e5;margin:0;font-size:13px}.hero-banner .hero-badge{z-index:1;font-weight:800;font-size:12px;background:#ffffff20;border:1px solid #ffffff2c;border-radius:25px;padding:11px 17px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);padding:21px 21px 19px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.stat-label{color:#7d8da0;font-size:12px;font-weight:650}.stat-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e8f5f0;color:#13937c}.stat-icon.blue{background:#eaf2ff;color:#357fca}.stat-icon.orange{background:#fff3e4;color:#db9239}.stat-icon.purple{background:#f0efff;color:#817bd8}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:clamp(19px,2vw,27px);font-weight:850;letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-desc{color:#9aa6b6;font-size:10.5px;margin-top:9px}.panel-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;margin-bottom:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:23px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:25px}.panel-heading p{color:#a2acb8;margin:7px 0 0;font-size:11px}.panel-heading h2{font-size:16px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;border-radius:7px;padding:7px 10px;background:#e5f6f0;color:#177f6b}.badge.warning{background:#fff4e5;color:#b16b23}.badge.danger{background:#ffedf0;color:#c94353}.badge.blue{background:#eaf2ff;color:#4e7faf}.chart-area{height:214px;display:flex;align-items:flex-end;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding-top:8px;position:relative}.bar-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:9px;position:relative}.bar{width:min(40px,85%);border-radius:7px 7px 0 0;background:linear-gradient(180deg,#29baa0,#138574);min-height:3px;position:relative}.bar:hover{background:#087b70}.bar-amount{position:absolute;bottom:calc(100% + 7px);white-space:nowrap;font-size:10px;color:#64778b;font-weight:800;display:none}.bar:hover .bar-amount{display:block}.bar-label{position:absolute;top:calc(100% + 10px);font-size:11px;color:#9babbc;font-weight:700}.chart-foot{margin-top:29px;color:#99a8b6;font-size:11px;display:flex;justify-content:space-between}.empty-chart{height:214px;display:grid;place-items:center;text-align:center;color:#9aaabb;font-size:12px}.category-rows{display:grid;gap:15px}.category-row .top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.category-row .top strong{color:#45576b}.category-label{display:flex;align-items:center;gap:9px;color:#627487;font-weight:650}.category-dot{height:9px;width:9px;flex:none;border-radius:3px;background:#1ca88e}.progress-track{height:7px;border-radius:20px;background:#eff2f5;overflow:hidden}.progress-fill{height:100%;border-radius:20px;background:var(--green)}.recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.recent-head h2{font-size:17px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:550px;text-align:left}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#a6b0bd;padding:13px 13px 15px;border-bottom:1px solid var(--line);font-weight:800}.table td{font-size:12px;color:#52677c;border-bottom:1px solid #f0f3f6;padding:15px 13px}.table tr:last-child td{border-bottom:0}.table .row-title{font-weight:800;color:#283b4f}.table .amount{font-weight:850;color:#283b4f;white-space:nowrap}.table .row-description{font-size:11px;color:#98a5b4;margin-top:3px}.row-icon{display:inline-grid;vertical-align:middle;place-items:center;margin-right:10px;width:35px;height:35px;border-radius:10px;background:#f0f6f7;color:#16897c}.row-icon svg{width:17px;height:17px}.table .row-main{display:flex;align-items:center}.actions-cell{white-space:nowrap}.action-mini{height:28px;width:29px;border:0;border-radius:7px;background:#f5f7f9;color:#7b8ea2;vertical-align:middle}.action-mini svg{height:14px;width:14px}.action-mini:hover{color:#c43e53;background:#ffeff0}.section-note{font-size:12px;color:#92a3b2;margin:0 0 18px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid #e4ebf1;background:#fff;border-radius:9px;padding:10px 14px;color:#7d8da0;font-size:12px;font-weight:750}.pill.active{background:#e0f3ed;border-color:#c9eadf;color:var(--green2)}.select-input{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:#64768a;font-weight:650}.empty-state{text-align:center;padding:52px 20px;color:#8192a4}.empty-icon{width:67px;height:67px;border-radius:21px;display:grid;place-items:center;margin:0 auto 18px;color:#188d7b;background:#e9f6f0}.empty-icon svg{height:30px;width:30px}.empty-state h2{font-size:19px;color:#2f4357;margin-bottom:9px}.empty-state p{font-size:13px;max-width:370px;line-height:1.6;margin:0 auto 18px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.vehicle-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);position:relative;min-width:0}.vehicle-card .vehicle-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.vehicle-card .vehicle-glyph{width:55px;height:55px;display:grid;place-items:center;background:#eaf6f1;border-radius:15px;color:#148876}.vehicle-card .vehicle-glyph svg{width:29px;height:29px}.vehicle-card h3{font-size:18px;margin-bottom:6px}.vehicle-card .vehicle-sub{color:#8d9cad;font-size:12px}.vehicle-card .vehicle-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:19px;gap:10px}.vehicle-card .vehicle-foot b{display:block;font-size:14px;margin-top:5px}.vehicle-card .vehicle-foot small{color:#91a0af;font-size:10px}.vehicle-card .vehicle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.vehicle-card .vehicle-actions button{flex:1}.notice{background:#fff8ec;color:#9c6e27;border:1px solid #f8e4c4;border-radius:11px;padding:13px 16px;font-size:12px;line-height:1.65;margin-bottom:20px}.notice.info{background:#eff8f5;border-color:#d5efe5;color:#386f64}.notice strong{font-weight:800}.maintenance-list{display:grid;gap:11px}.maintenance-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px 0;border-bottom:1px solid #f0f2f5}.maintenance-row:last-child{border-bottom:0}.maintenance-title{display:flex;align-items:center;gap:12px;min-width:0}.maintenance-title b{font-size:12px;display:block}.maintenance-title small{color:#9daabb;display:block;margin-top:5px}.maintenance-trail{text-align:right;white-space:nowrap}.maintenance-trail b{font-size:12px}.maintenance-trail small{display:block;color:#96a5b7;margin-top:5px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.44fr);gap:20px}.feature-tile{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;margin-bottom:14px}.feature-tile .tile-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.feature-tile .tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf7f2;color:#118b76}.feature-tile .tile-icon svg{width:19px;height:19px}.feature-tile p{color:#91a0b0;font-size:12px;line-height:1.65;margin:8px 0 0}.feature-tile .button{margin-top:13px}.report-total{background:#11283d;color:white;padding:25px;border-radius:15px;margin-bottom:17px}.report-total small{color:#acc6d2;font-size:11px}.report-total strong{font-size:30px;display:block;margin-top:10px}.report-total p{font-size:11px;color:#a9c1ce;margin:10px 0 0}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.report-table{border-collapse:collapse;width:100%}.report-table td{padding:14px 8px;border-bottom:1px solid var(--line);font-size:12px}.report-table td:last-child{text-align:right;font-weight:800}.report-table tr:last-child td{border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:750;color:#4a5c70;font-size:11.5px}.field input,.field select,.field textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid #e1e8ef;border-radius:10px;background:#fff;color:#253b4f;outline:none}.field textarea{resize:vertical;min-height:75px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5bbb9f;box-shadow:0 0 0 3px rgba(29,165,140,.09)}.field .hint{font-size:10px;color:#97a6b4}.checkbox-field{display:flex;align-items:center;gap:9px;margin-top:6px;color:#56697b;font-size:12px}.checkbox-field input{width:17px;height:17px;accent-color:var(--green)}.modal-root:not(:empty){position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:15px;background:rgba(10,20,38,.63);backdrop-filter:blur(4px)}.modal{width:min(600px,100%);max-height:min(90vh,830px);overflow-y:auto;background:white;border-radius:20px;padding:27px;box-shadow:0 30px 90px rgba(0,0,0,.16)}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:21px}.modal-head h2{font-size:22px}.modal-head p{font-size:12px;color:#8ca0ac;margin:7px 0 0}.modal-close{background:#f1f5f8;border:0;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;color:#6c7d8e}.modal-close svg{width:17px;height:17px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:15px;border-top:1px solid var(--line)}.modal-footer button{min-width:115px}.form-error{color:#c14452;font-size:12px;background:#fff1f2;border-radius:8px;padding:10px;margin-top:14px;display:none}.form-error.show{display:block}.quick-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{border:1px solid var(--line);border-radius:13px;text-align:left;background:#fff;padding:20px;display:flex;align-items:center;gap:12px;color:#33485f;font-weight:800}.quick-card:hover{border-color:#7bc8b2;background:#f1faf5}.quick-card svg{width:24px;height:24px;color:#168976}.toast-root{position:fixed;right:23px;bottom:26px;z-index:100;display:grid;gap:8px}.toast{padding:13px 16px;background:#152d3e;color:#fff;border-radius:11px;box-shadow:0 10px 40px #0002;font-size:12px;font-weight:700;max-width:350px}.toast.error{background:#ad4050}.mobile-nav{display:none}.mobile-scrim{position:fixed;inset:0;background:#0008;z-index:25}.alert-card{display:flex;gap:13px;align-items:center;border:1px solid #fee6c9;border-radius:12px;padding:15px;background:#fffaf3;margin-bottom:11px}.alert-card>span:first-child{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#ffebd1;color:#bf7b2c}.alert-card svg{width:19px;height:19px}.alert-card b{display:block;font-size:12px}.alert-card small{display:block;color:#a68e79;margin-top:4px}.alert-card .alert-status{margin-left:auto}.search-input{height:42px;border:1px solid #e5eaf0;border-radius:10px;padding:11px 13px;min-width:200px;width:255px;max-width:100%}.footnote{font-size:11px;color:#9aa8b6;line-height:1.6;margin-top:14px}.file-input{display:none}
@media(max-width:1200px){.content{padding:32px 27px}.topbar{padding:0 27px}.sidebar{width:225px}.main-column{margin-left:225px;width:calc(100% - 225px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.sidebar{width:252px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-column{margin:0;width:100%}.menu-button{display:grid}.topbar{height:70px}.content{padding:24px 20px}.side-bottom{margin-top:30px}}
@media(max-width:640px){.topbar{height:66px;padding:0 15px}.topbar-left{gap:4px}.breadcrumb{font-size:11px}.topbar-actions{gap:7px}.vehicle-select-wrap{height:37px;padding:0 8px;gap:3px}.vehicle-select-wrap select{font-size:10px;max-width:102px;min-width:72px}.vehicle-select-wrap svg:first-child{display:none}.top-add{min-width:38px;height:38px;padding:0 11px;font-size:0;gap:0}.top-add svg{width:20px;height:20px}.content{padding:23px 14px 32px}.headline{margin-bottom:21px;flex-direction:column;gap:14px}.headline h1{font-size:27px}.headline p{line-height:1.55;margin-top:7px}.headline-actions{width:100%}.hero-banner{padding:24px 19px;margin-bottom:15px}.hero-banner h2{font-size:20px}.hero-banner .hero-badge{display:none}.stats-grid{gap:10px;margin-bottom:15px}.stat-card{padding:15px 14px;border-radius:13px}.stat-top{margin-bottom:13px;align-items:flex-start;gap:4px}.stat-label{font-size:10px;line-height:1.4}.stat-icon{width:30px;height:30px;border-radius:9px}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:clamp(16px,4vw,22px)}.stat-desc{font-size:9px;line-height:1.4}.panel-grid,.page-grid,.report-grid{grid-template-columns:1fr;gap:14px}.panel{padding:19px 15px;border-radius:14px}.panel-grid{margin-bottom:14px}.chart-area{gap:6px}.bar-label{font-size:10px}.bar-amount{font-size:9px}.filter-row{gap:10px}.filter-pills{gap:5px}.pill{font-size:11px;padding:9px 11px}.vehicle-grid{grid-template-columns:1fr;gap:13px}.footer{padding:10px 15px 100px;font-size:10px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#fff;box-shadow:0 -4px 25px #162c4512;border-top:1px solid #edf0f4;justify-content:space-around}.mobile-nav-item{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa6b6;flex:1;padding:4px 0}.mobile-nav-item.active{color:var(--green)}.mobile-nav-item svg{width:21px;height:21px}.mobile-nav-item small{font-weight:800;font-size:9px}.modal-root:not(:empty){align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;max-height:92dvh;padding:23px 18px calc(24px + env(safe-area-inset-bottom))}.modal-head h2{font-size:21px}.form-grid{gap:11px}.field input,.field select{min-height:43px}.toast-root{left:14px;right:14px;bottom:84px}.toast{max-width:100%}.search-input{width:100%}}
@media(max-width:360px){.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:16px}.brand{margin-bottom:23px}}
/* Ajustes finais de apresentação */
.hero-banner .hero-badge{display:inline-flex;align-items:center;gap:7px}
.hero-banner .hero-badge svg{height:16px;width:16px;flex:none}
@media(max-width:640px){
 .table-wrap{overflow:visible}
 .table,.table tbody{display:block;min-width:0;width:100%}
 .table thead{display:none}
 .table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 9px;padding:13px 0;border-bottom:1px solid #edf1f4}
 .table tr:last-child{border:0}
 .table td{display:block;padding:0;border:0;min-width:0}
 .table td:nth-child(1){grid-column:1;grid-row:1/3}
 .table td:nth-child(2){grid-column:1;grid-row:3;margin-left:44px;font-size:10px;color:#9dadb9}
 .table td:nth-child(3){display:none}
 .table td:nth-child(4){grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
 .table td:nth-child(5){grid-column:2;grid-row:2/4;text-align:right;padding-top:7px}
 .table .row-main{align-items:center;min-width:0}
 .table .row-title{font-size:11.5px}
 .table .row-description{font-size:10px;line-height:1.5}
 .row-icon{margin-right:9px;width:35px;height:35px;flex:none}
 .table .amount{font-size:12px}
 .action-mini{width:28px;height:28px}
}

/* === AUTO CONTROL v1.1 | AUTOMOTIVE MINIMALISM === */
:root {
  color-scheme: dark;
  --navy:#0a0d12; --navy2:#141a23; --bg:#0b0e13; --panel:#141922;
  --ink:#eaf0f6; --muted:#8e9ba9; --line:#29313c; --white:#11161e;
  --green:#22b8e6; --green2:#159dc6; --green-soft:#122d3a;
  --orange:#ddaa65; --orange-soft:#312b1f; --red:#ec6876; --red-soft:#321e28;
  --radius:17px; --shadow:none;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html {scroll-behavior:smooth}
body {background:var(--bg);color:var(--ink)}
:focus-visible {outline-color:var(--green)}
::selection{background:#117fa1;color:#fff}
.sidebar {background:#0b0e13;border-right:1px solid #1e2631;color:#d6e1ed}
.brand{margin-bottom:36px}
.brand-icon {background:linear-gradient(145deg,#12313f,#0d1a26);border:1px solid #22526c;color:#5fe2fa;border-radius:14px}
.brand-text>span{color:#27bdea}
.brand-text small{color:#697d91}
.side-label{color:#68788b}
.nav-item{color:#99a8ba;transition:background .17s,color .17s,transform .17s}
.nav-item:hover{background:#17202a}
.nav-item.active{color:#69dafe;background:#122e3a}
.nav-item.active svg{color:#42c4e8}
.side-card{background:#111a25;border-color:#26323f}
.side-card-eyebrow{color:#61c9e7}
.chip-dark{background:#122936;color:#7bdaeb}
.topbar{background:#0f131a;border-color:#242c35}
.breadcrumb,.breadcrumb strong{color:#9aabbc}
.breadcrumb span{color:#526375}
.vehicle-select-wrap{background:#171d25;color:#8c9aa9;border-color:#2b3542}
.vehicle-select-wrap select,.select-input{color:var(--ink);background:#171d25}
select option{background:#171d25;color:#e9f0f8}
.button{border-radius:11px;transition:transform .14s ease, background-color .14s ease,border-color .14s ease;touch-action:manipulation}
.button:active,.pill:active,.param-actions button:active {transform:scale(.98)}
.button-primary{background:#22b8e6;color:#031017;box-shadow:none}
.button-primary:hover{background:#59d3f5}
.button-secondary{background:#1b222c;color:#d6e3ee;border-color:#354050}
.button-secondary:hover{background:#252f3a}
.button-danger{background:#2b1b25;color:#ffa8b0;border-color:#56313e}
.button-text{color:#56caef}
.icon-button{color:#b2c2d1}.icon-button:hover{background:#1b2632}
.footer{color:#748499}.footer strong{color:#a7c3da}
.headline .eyebrow{color:#4fc8ea}.headline p{color:#95a4b5}
.hero-banner{background:linear-gradient(115deg,#152532 5%,#112936 64%,#182637 100%);border:1px solid #285268;border-radius:19px}
.hero-banner:after{border-color:#2b5e7736;box-shadow:0 0 0 35px #1d789a08,0 0 0 72px #1d789a08}
.hero-banner small{color:#5ed2f0}.hero-banner p{color:#a7bfd0}
.hero-banner .hero-badge{background:#163745;border-color:#2e6f87;color:#7ae0fa}
.stat-card,.panel,.vehicle-card,.feature-tile{background:#141922;border-color:#2a333e;box-shadow:none}
.stat-label{color:#a0b0c1}.stat-value{color:#f2f7fc}.stat-desc{color:#8293a7}
.stat-icon,.stat-icon.blue,.stat-icon.orange,.stat-icon.purple{background:#1d2935;color:#54c7e9}
.stat-icon.orange{color:#e8b875}.stat-icon.purple{color:#ab9bea}
.panel-heading p,.section-note,.chart-foot{color:#8597a9}
.badge{background:#163329;color:#69ddb4}.badge.blue{background:#182d40;color:#6abdeb}.badge.warning{background:#32271b;color:#f2bd6d}.badge.danger{background:#351e28;color:#ff8591}
.bar{background:linear-gradient(180deg,#55d8f2,#1885af)}.bar:hover{background:#52b5d8}
.bar-label,.bar-amount{color:#a6b8c9}
.category-row .top strong,.category-label{color:#bfccda}
.progress-track{background:#26313e}
.table th,.table td{border-bottom-color:#28303b;color:#c3d0df}
.table .row-title,.table .amount{color:#f2f6fb}.table .row-description{color:#8b9db1}
.row-icon{background:#1c2d37;color:#58c5e6}
.action-mini{color:#9caec2;background:#202a36}.action-mini:hover{background:#36232c;color:#ff9aa3}
.pill{background:#181e27;border-color:#323c48;color:#a1b0c2}
.pill.active{background:#123445;border-color:#277e9d;color:#70d9f4}
.filter-row strong{color:#a7bacd !important}
.search-input{background:#171d25;border-color:#303a47;color:var(--ink)}
.empty-state{color:#91a3b8}.empty-state h2{color:#eef4fb}.empty-icon{background:#162e3c;color:#59c5e9}
.vehicle-card .vehicle-glyph{background:#172d3b;color:#62c8e9}.vehicle-card .vehicle-sub,.vehicle-card .vehicle-foot small{color:#98aabd}
.feature-tile p,.maintenance-title small,.maintenance-trail small{color:#93a4b6}
.feature-tile .tile-icon{background:#1a3341;color:#5ec9e9}
.report-total{background:#172636;border:1px solid #31495d}
.notice{background:#30271c;color:#f1c786;border-color:#614930}
.notice.info{background:#142733;color:#afcbdc;border-color:#2b4b60}
.notice.info strong{color:#70d8f2}
.field label{color:#c2ceda}
.field input,.field select,.field textarea{background:#1c242e;color:#edf5fb;border-color:#354253}
.field input::placeholder,.field textarea::placeholder{color:#73879a}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#32a7d0;box-shadow:0 0 0 3px #1f9ad329}
.checkbox-field{color:#c2d0dd}.checkbox-field input{accent-color:#28b9e4}
.modal-root:not(:empty){background:#06090de8;backdrop-filter:blur(5px)}
.modal{background:#141922;border:1px solid #374251;box-shadow:0 32px 90px #0008}
.modal-head p,.footnote{color:#9aabbc}
.modal-close{color:#b5c8d7;background:#27303b}
.form-error{background:#382029;color:#ff95a2}
.quick-card{background:#1b222c;color:#e2ecf5;border-color:#344152}
.quick-card:hover{border-color:#3e96b4;background:#202d3b}
.quick-card svg{color:#66d3ed}
.toast{background:#213848;border:1px solid #3c6277}
.alert-card{background:#231f1e;border-color:#4b3927}
.alert-card>span:first-child{background:#382d20;color:#e9b971}
.alert-card small{color:#cbaf8a}
.report-table td{border-color:#293540}
@media (max-width:640px){
 .mobile-nav{background:#11161e;border-color:#2b343e;box-shadow:0 -5px 25px #0005}
 .mobile-nav-item{color:#8c9dad}
 .mobile-nav-item.active{color:#66d5f5}
 .table tr{border-color:#27323f}
 .hero-banner .hero-badge{display:none}
}

/* Parâmetros e agenda preventiva */
.params-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.params-summary>div{padding:19px 21px;background:#161e28;border:1px solid #293849;border-radius:14px;display:flex;flex-direction:column;gap:8px}
.params-summary strong{font-size:26px;letter-spacing:-1px;color:#eff8fb}
.params-summary span{font-size:11px;color:#99afc1}
.params-group{margin-bottom:20px}
.params-group .recent-head{margin-bottom:22px;gap:12px;flex-wrap:wrap}
.params-group .recent-head h2{display:flex;align-items:center;gap:10px}
.params-group .recent-head h2 svg{height:20px;width:20px;color:#6fd1ec}
.params-group .recent-head p{font-size:11px;margin:6px 0 0}
.params-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.param-card{background:#10161e;border:1px solid #2b3643;border-radius:14px;padding:16px;display:flex;flex-direction:column;min-width:0}
.param-card.param-disabled{opacity:.68}
.param-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}
.param-symbol,.schedule-symbol{display:grid;place-items:center;width:35px;height:35px;flex:none;background:#1a303c;color:#62c8e7;border-radius:10px}
.param-symbol svg,.schedule-symbol svg{width:17px;height:17px}
.param-card h3{font-size:14px;letter-spacing:-.25px;line-height:1.4;margin:0}
.param-card>p{font-size:11px;color:#8fa2b4;margin:6px 0 14px}
.param-rule{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.param-rule span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;background:#1d2933;border:1px solid #2b3c49;color:#c4deea;font-weight:700;font-size:10px;border-radius:8px;white-space:nowrap}
.param-rule svg{height:14px;width:14px;color:#75cee7}
.param-next{display:block;color:#9aaec0;line-height:1.5;margin-top:auto;margin-bottom:14px;font-size:11px}
.param-actions{display:flex;gap:7px;border-top:1px solid #2c3742;padding-top:13px}
.param-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #354657;background:#1b2834;border-radius:8px;padding:8px 9px;font-size:10px;color:#bfe0f0;font-weight:700;flex:1}
.param-actions button:last-child{flex:0 0 35px;background:#221d26;border-color:#44303b;color:#dfa1ac}
.param-actions button:hover{background:#27394a}
.param-actions svg{width:13px;height:13px}
.schedule-panel{margin-bottom:21px}
.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.schedule-item{background:#10171f;border:1px solid #2b3642;border-radius:12px;padding:15px;min-width:0}
.schedule-head{display:flex;align-items:center;gap:10px}
.schedule-head .badge{margin-left:auto;flex:none}
.schedule-name{min-width:0}
.schedule-name strong{font-size:12px;display:block;line-height:1.45}
.schedule-name small{font-size:10px;color:#8d9daf;display:block;margin-top:3px}
.schedule-desc{font-size:11px;color:#adbdcb;line-height:1.5;margin:14px 0}
.schedule-footer{display:flex;justify-content:space-between;align-items:center;gap:7px;padding-top:12px;border-top:1px solid #2e3945}
.schedule-footer>span{font-size:10px;color:#8fa4b7}
.auto-hint{display:flex;gap:8px;align-items:start;background:#172b38;color:#95cfe4;border:1px solid #2f5061;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.5;margin:0}
.auto-hint svg{width:16px;height:16px;flex:none}
@media(max-width:1150px){.params-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .params-grid,.schedule-grid{grid-template-columns:1fr}
 .params-summary{gap:7px}
 .params-summary>div{padding:14px 9px}
 .params-summary strong{font-size:22px}
 .params-summary span{font-size:10px;line-height:1.4}
 .schedule-head .badge{font-size:9px;padding:6px 7px}
 .param-actions button{min-height:38px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* === AUTO CONTROL v1.2 | PREVISÕES DISCRETAS POR USO === */
.usage-panel{margin:0 0 22px;padding:22px 23px;background:linear-gradient(140deg,#141d27,#111820);border-color:#2c4253}
.usage-panel .recent-head{align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.usage-panel .recent-head h2{display:flex;gap:9px;align-items:center;font-size:17px}
.usage-panel .recent-head h2 svg{height:19px;width:19px;color:#6ed4ef}
.usage-panel .recent-head p{font-size:11px;margin:6px 0 0}
.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}
.usage-card{border:1px solid #2a3845;background:#101820;border-radius:14px;padding:16px}
.usage-label{display:flex;gap:8px;align-items:center;font-weight:750;color:#b1c7d5;font-size:12px;min-width:0}
.usage-label svg{width:19px;height:19px;color:#57c8e8;flex:none}
.usage-number{font-size:23px;font-weight:850;letter-spacing:-.5px;line-height:1.25;margin:13px 0 8px;color:#edf8ff}
.usage-number small{font-size:12px;color:#8db4c4;font-weight:600}
.usage-card p{font-size:11px;line-height:1.5;color:#95a9b9;min-height:32px;margin:0 0 14px}
.usage-upcoming{padding:16px 0 3px;margin-top:13px;border-top:1px solid #293a47}
.usage-upcoming>strong{font-size:12px;color:#b4c5d3;display:block;margin-bottom:10px}
.usage-upcoming-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #222f39;font-size:12px;color:#d1dde6}
.usage-upcoming-row:last-child{border:0}
.usage-upcoming-row small{color:#8399aa}
.usage-upcoming-row>span:last-child{color:#86d5ec;text-align:right;white-space:nowrap;font-weight:700}
.usage-panel>.footnote{font-size:10px;line-height:1.5;margin:12px 0 0;color:#7e91a1}
.alert-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:17px 20px;background:#141c26}
.alert-settings-copy{display:flex;gap:13px;align-items:center;min-width:0}
.settings-icon{height:39px;width:39px;display:grid;place-items:center;flex:none;border:1px solid #2b5366;background:#16303d;border-radius:11px;color:#6acbe8}
.settings-icon svg{height:19px;width:19px}
.alert-settings h2{font-size:14px;margin:0 0 6px}
.alert-settings p{color:#93a7b8;font-size:11px;line-height:1.5;margin:0}
.prediction-note{display:flex;align-items:center;gap:6px;color:#7bcce5!important;font-size:10.5px;line-height:1.5;margin:8px 0 11px}
.prediction-note svg{height:14px;width:14px;flex:none}
.param-card .prediction-note{display:block;margin:5px 0 10px;color:#82bfd3!important}
.param-actions{margin-top:auto}
@media(max-width:640px){
 .usage-panel{padding:17px 14px;border-radius:16px}
 .usage-panel .recent-head h2{font-size:15px}
 .usage-panel .badge{font-size:9px}
 .usage-grid{grid-template-columns:1fr;gap:9px}
 .usage-card{padding:14px}
 .usage-card p{min-height:0}
 .usage-upcoming-row{font-size:11px}
 .usage-upcoming-row small{display:block;margin-top:3px}
 .alert-settings{flex-direction:column;align-items:stretch;padding:15px}
 .alert-settings .button{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* AUTO CONTROL v1.3 — central de avisos, discreta e funcional */
.notifications-button{position:relative;flex:none;border:1px solid #2b3643;background:#171d25;color:#a9bacb;}
.notifications-button.has-alerts{color:#83ddf8;border-color:#315e74}
.bell-count{position:absolute;right:-5px;top:-7px;min-width:18px;height:18px;border-radius:12px;background:#e9aa64;color:#161614;font-weight:900;font-size:10px;display:grid;place-items:center;padding:0 4px;border:2px solid #0f131a}
.bell-count[hidden]{display:none}
.notice-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.notice-stats>div{background:#151c25;border:1px solid #293644;padding:17px 21px;border-radius:14px;display:flex;flex-direction:column;gap:6px}
.notice-stats strong{font-size:28px;line-height:1.1;font-weight:820;color:#e9f4fc}
.notice-stats div:first-child strong{color:#f3969e}.notice-stats div:nth-child(2) strong{color:#eec48c}
.notice-stats span{color:#9cacbd;font-size:12px}
.notice-list{margin:25px 0 23px}.notice-list>.recent-head{margin-bottom:14px}
.notice-card{border:1px solid #304050;background:#151b24;padding:18px;border-radius:14px;margin-bottom:10px;transition:border-color .2s}
.notice-card.urgent{border-left:3px solid #dd737d}.notice-card:not(.urgent){border-left:3px solid #cfb278}
.notice-card.muted-card{opacity:.73;border-left-color:#506174}
.notice-card-main{display:flex;gap:13px;align-items:flex-start}
.notice-icon{height:37px;width:37px;border-radius:11px;background:#29303a;color:#edbc77;display:grid;place-items:center;flex:none}
.notice-card.urgent .notice-icon{background:#39232c;color:#f1969e}
.notice-icon svg{height:19px;width:19px}
.notice-details{flex:1;min-width:0}
.notice-headline{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}
.notice-headline strong{font-size:14px;letter-spacing:-.2px;color:#f2f7fb;line-height:1.3}
.notice-vehicle{display:flex;align-items:center;gap:6px;color:#a5b6c6;font-size:12px}
.notice-vehicle svg{height:16px;width:16px}
.notice-details p{font-size:12px;color:#c2cbd4;margin:10px 0 4px}
.notice-details small{font-size:11px;color:#93a6b8;display:block}
.notice-details small.paused-until{color:#e8b875;margin-top:6px}
.notice-actions{margin-top:15px;display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.notice-actions .button{min-height:36px;padding:0 13px}
.notice-help{border:1px dashed #334452;border-radius:12px;display:flex;align-items:center;gap:8px;color:#93a9bb;font-size:12px;padding:15px;flex-wrap:wrap}
.notice-help>svg{width:17px;height:17px;color:#70c6e3;flex:none}
@media(max-width:640px){
 .topbar-actions{gap:6px}.notifications-button{height:35px;width:35px;border:0;background:transparent}
 .bell-count{right:-3px;top:-3px}.vehicle-select-wrap select{max-width:93px;min-width:60px}
 .notice-stats{gap:7px}.notice-stats>div{padding:13px 12px}.notice-stats strong{font-size:25px}.notice-stats span{font-size:10px}
 .notice-card{padding:13px}.notice-headline{align-items:flex-start}.notice-headline .badge{flex:none}
 .notice-actions .button{flex:1;font-size:11px;white-space:normal;line-height:1.2;text-align:center;padding:9px 7px}
}
@media(prefers-reduced-motion:reduce){.notice-card,.notifications-button{transition:none}}

/* v1.5 — controles discretos de notificações */
.device-notification-panel{padding:19px 20px;background:linear-gradient(105deg,#121d27,#141922);border:1px solid #2d4152;border-radius:15px;margin:17px 0 20px}
.device-notification-top{display:flex;align-items:center;gap:12px}
.device-notification-symbol{width:39px;height:39px;flex:none;display:grid;place-items:center;background:#153344;border:1px solid #24546a;border-radius:11px;color:#64d3ee}
.device-notification-symbol svg{width:21px;height:21px}
.device-notification-top>div:nth-child(2){flex:1;min-width:0}
.device-notification-top h2{font-size:15px;line-height:1.25;margin:0 0 4px;color:#edf5fb}
.device-notification-top span:not(.badge){font-size:11px;color:#83b4cb}
.device-notification-panel p{font-size:12px;line-height:1.7;color:#afbdc9;margin:14px 0}
.device-notification-panel small{display:block;font-size:10px;color:#8193a5;line-height:1.55;margin-top:10px}
.device-notification-buttons{display:flex;flex-wrap:wrap;gap:9px}
.device-notification-buttons .button{min-height:39px}
.device-notification-buttons svg{width:16px;height:16px}
.device-notification-buttons button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:430px){.device-notification-panel{padding:15px}.device-notification-buttons .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.button,.nav-item{transition:none!important}html{scroll-behavior:auto}}