:root{color-scheme:dark;--bg:#121613;--surface:#1c211d;--raised:#232a24;--border:#343d34;--text:#f3f6ef;--muted:#a7b1a4;--lime:#c7f36b;--icon-app:url("data:image/webp;base64,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");--lime-dark:#1f3016;--amber:#f4c273;--coral:#ff9c8c;--radius:22px;--shadow:0 24px 80px #0005} *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button,input,select{min-height:44px}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(27px,2.6vw,38px);line-height:1.2;letter-spacing:-1.1px;font-weight:650}h2{font-size:18px;font-weight:600;letter-spacing:-.3px}h3{font-size:16px;font-weight:600}strong,b{font-weight:650}a{color:inherit}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:650;text-transform:uppercase}.mono{font-variant-numeric:tabular-nums}.positive{color:var(--lime)}.negative{color:var(--coral)}.hidden,[hidden]{display:none!important}.sr-only:focus{position:fixed!important;inset:12px auto auto 12px!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;padding:12px 18px!important;background:var(--lime);color:#172310;z-index:100;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .sidebar{position:fixed;inset:0 auto 0 0;width:238px;border-right:1px solid var(--border);padding:31px 22px 22px;display:flex;flex-direction:column;background:#171c18;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand-name{font-size:20px;font-weight:750;letter-spacing:-.7px}.brand-name span{color:var(--lime)}.brand-caption{padding:15px 0 38px 49px;color:var(--muted);font-size:12px;letter-spacing:1px}.nav-caption{color:#889385;font-size:11px;letter-spacing:1.8px;margin:0 14px 12px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;text-align:left;gap:14px;padding:13px 16px;background:none;border-radius:12px;color:var(--muted);font-size:15px;font-weight:550;min-height:49px}.nav button:hover{background:#252c24;color:var(--text)}.nav button.active{background:var(--lime);color:#1d2816}.nav button.active svg{stroke-width:2}.sidebar-bottom{margin-top:auto;padding-top:32px}.side-car{border:1px solid var(--border);border-radius:16px;padding:17px}.side-car .car-line{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--lime)}.side-car strong{font-size:14px;display:block}.side-car p{font-size:13px;margin-top:3px;color:var(--muted)}.profile{display:flex;gap:11px;align-items:center;padding:24px 4px 0}.avatar{width:37px;height:37px;border:1px solid #4d5849;border-radius:50%;background:#2b3528;display:grid;place-items:center;color:var(--lime);font-size:12px;font-weight:700}.profile b{display:block;font-size:14px}.profile span{display:block;font-size:12px;color:var(--muted)}.profile .icon-btn{margin-left:auto} .app{margin-left:238px;max-width:1800px}.topbar{padding:24px 38px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.breadcrumb svg{width:16px;height:16px}.top-right{display:flex;gap:17px;align-items:center}.icon-btn{width:42px;height:42px;min-height:42px;background:transparent;border-radius:12px;display:grid;place-items:center;color:var(--muted)}.icon-btn:hover{background:var(--raised);color:var(--text)}main{padding:34px 38px 24px;max-width:1500px;margin:auto}.page-title{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:27px}.page-title .eyebrow{color:var(--muted);margin-bottom:10px}.subtitle{color:var(--muted);font-size:14px;margin-top:10px}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:11px 16px;min-height:46px;font-weight:600;font-size:14px;white-space:nowrap;background:var(--raised);border:1px solid var(--border)}.btn:hover{filter:brightness(1.1)}.btn.primary{background:var(--lime);border-color:var(--lime);color:#1d2816}.btn.secondary{background:transparent}.btn.quiet{background:transparent;border:0;color:var(--lime);padding:8px 0;min-height:40px}.btn.small-btn{padding:9px 13px;font-size:13px;min-height:40px}.btn.danger{color:var(--coral)}.period{display:flex;padding:4px;border:1px solid var(--border);border-radius:11px;background:#181d19;gap:2px;flex-shrink:0}.period button{font-size:13px;color:var(--muted);background:none;min-height:33px;padding:6px 15px;border-radius:7px}.period button.active{background:#394331;color:#e7f4d7}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-row .caption{font-size:14px;color:var(--muted)}.overview-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel-pad{padding:24px}.balance{background:var(--lime);color:#1d2816;border-color:transparent;padding:27px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:272px}.balance-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}.balance-top svg{width:24px;height:24px}.balance-number{font-size:clamp(38px,4.7vw,63px);font-weight:650;line-height:1.1;letter-spacing:-2.8px;margin:15px 0 5px;white-space:nowrap}.balance-number .currency{font-size:.48em;font-weight:500;vertical-align:baseline;letter-spacing:-1px;margin-right:7px}.balance-breakdown{border-top:1px solid #21351630;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.balance-breakdown>div{display:flex;align-items:center;gap:11px}.circle-icon{width:35px;height:35px;border-radius:50%;background:#25341b13;display:grid;place-items:center}.balance-breakdown p{font-size:12px;color:#425432}.balance-breakdown strong{font-size:21px;letter-spacing:-.5px;display:block}/* o título fica no eixo do anel, e o lápis sai da linha para não empurrá-lo */ .goal-card{position:relative} .goal-edit{position:absolute;top:11px;right:11px} .goal-ring-col{display:grid;justify-items:center;gap:9px;min-width:0} .goal-ring-col h2{text-align:center}.goal-body{display:flex;align-items:center;gap:24px;margin-top:15px}.goal-ring{width:132px;height:132px;position:relative;flex-shrink:0}.goal-ring svg{width:100%;height:100%;stroke-width:8;transform:rotate(-90deg)}.goal-ring circle{fill:none}.ring-value{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-value strong{font-size:28px;letter-spacing:-1px;line-height:1.1}.ring-value span{font-size:12px;color:var(--muted);margin-top:6px}.goal-copy strong{font-size:21px;display:block}.goal-copy p{font-size:13px;color:var(--muted);margin:5px 0;line-height:1.4}.goal-foot{display:flex;align-items:center;gap:8px;font-size:12px;border-top:1px solid var(--border);padding-top:16px;margin-top:17px;color:var(--muted)}.goal-foot svg{color:var(--lime);width:17px;height:17px} .journey{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-top:20px}.journey-label{display:flex;align-items:center;gap:13px}.square-icon{width:43px;height:43px;background:#2b3327;border-radius:13px;color:var(--lime);display:grid;place-items:center;flex-shrink:0}.journey-label p{font-size:12px;color:var(--muted);margin-top:4px}.journey-values{display:flex;gap:36px}.metric small{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.metric strong{font-size:19px;letter-spacing:-.5px}.metric strong span{font-size:13px;font-weight:400;color:var(--muted)}.metric-divider{width:1px;background:var(--border)}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px;margin-top:26px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-heading .btn{font-size:12px}.platform-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#111413;border:1px solid #3b423b;font-size:20px;font-weight:700;letter-spacing:-1px;flex-shrink:0}.platform-logo.n99{background:#f2d357;color:#252010;border:0;font-size:16px}.platform-logo.particular{background:#3c3350;color:#d9c6fc}.service-mini{padding:14px 0;border-bottom:1px solid var(--border)}.service-mini:last-of-type{border:0}.service-mini-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.service-mini-head h3{font-size:14px}.service-mini p{font-size:12px;color:var(--muted);margin-top:5px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.tag.warn{color:var(--amber);background:#f4c27316}.tag.bad{color:var(--coral);background:#ff9c8c14}.tag.ok{color:var(--lime);background:#c7f36b13}.tag.none{color:var(--muted);background:#ffffff08}.footnote{display:flex;justify-content:space-between;gap:14px;color:#8d9989;font-size:12px;margin-top:25px;padding:0 2px}.footnote button{background:none;font-size:12px;color:var(--muted);min-height:30px;padding:0;text-decoration:underline;text-underline-offset:4px}.mobile-brand{display:none}.bottom-nav{display:none} .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-card{padding:22px}.summary-card p{font-size:13px;color:var(--muted);margin-bottom:8px}.summary-card strong{font-size:30px;letter-spacing:-1px;display:block;line-height:1.12}.summary-card small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.list-toolbar select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 36px 9px 12px;border-radius:10px;font-size:14px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{padding:15px 21px;color:var(--muted);font-size:12px;font-weight:500;border-bottom:1px solid var(--border);background:#ffffff02}td{padding:17px 21px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}td:last-child,th:last-child{text-align:right}td .platform-cell{display:flex;align-items:center;gap:12px}td .platform-logo{width:34px;height:34px;font-size:16px;border-radius:10px}.table-date{white-space:nowrap;color:var(--muted);font-size:13px}.table-note{font-size:12px;color:var(--muted);display:block;margin-top:3px}.empty{padding:26px 20px;text-align:center;color:var(--muted)}.empty svg{width:30px;height:30px;margin-bottom:8px}.car-hero{padding:25px;display:flex;align-items:flex-start;gap:22px;margin-bottom:25px}.car-icon{height:74px;width:86px;border:1px solid #47523e;background:#2b3624;border-radius:20px;display:grid;place-items:center;color:var(--lime);flex-shrink:0}.car-icon svg{width:44px;height:44px;stroke-width:1.25}.car-description{flex:1;min-width:0}.car-tools{display:flex;gap:2px;flex-shrink:0;margin:-4px -6px 0 auto}.car-tools .icon-btn{width:38px;height:38px;min-height:38px} /* lápis e lixeira em verde; a lixeira só vira coral no toque, para avisar que aquele é o botão que apaga */ .car-tools .icon-btn,.car-tools .icon-btn:hover{color:var(--lime)} .car-tools .car-del:hover,.car-tools .car-del:focus-visible{color:var(--coral)}.car-description h2{font-size:23px;margin-bottom:5px}.car-description p{color:var(--muted);font-size:14px}.car-km{text-align:right}.car-km strong{font-size:27px;display:block;letter-spacing:-.8px;line-height:1.15}.car-km small{color:var(--muted);font-size:12px}.car-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px}.maintenance-grid{display:grid;gap:13px}.maintenance-card{padding:20px}.maintenance-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.maintenance-top .square-icon{width:37px;height:37px;border-radius:10px}.maintenance-name{display:flex;align-items:center;gap:11px}.maintenance-name h3{font-size:15px}.maintenance-data{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0 10px}.maintenance-data small{font-size:12px;color:var(--muted);display:block;margin-bottom:3px}.maintenance-data strong{font-size:14px;display:block;line-height:1.3}.maintenance-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.maintenance-bottom p{font-size:12px;color:var(--muted)}.fipe-card{padding:25px;position:sticky;top:25px;align-self:start} /* A seta sai da linha do título para ele seguir centralizado. O .panel junto no seletor é de propósito: mais abaixo há um .fipe-card{position:static} e, sem isso, a seta se prenderia à tela em vez da caixa. */ .panel.fipe-card{position:relative} .fipe-toggle{position:absolute;top:9px;right:9px;width:34px;height:34px;min-height:34px} .fipe-card .card-heading{padding-right:30px}.fipe-card .eyebrow{font-size:11px;color:var(--muted)}.fipe-price{font-size:35px;letter-spacing:-1.3px;margin:22px 0 4px;font-weight:600;line-height:1.15}.fipe-price small{font-size:20px;font-weight:400;margin-right:3px}.fipe-spec{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:13px 0;font-size:13px}.fipe-spec span{color:var(--muted)}.fipe-spec b{text-align:right;font-weight:500}.fipe-disclaimer{font-size:12px;color:var(--muted);background:#ffffff04;padding:12px;border-radius:10px;margin:15px 0}.fipe-card>.btn{width:100%}.report-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.breakdown-row{margin:23px 0}.breakdown-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:9px}.progress-track{height:6px;border-radius:6px;background:#333d31;overflow:hidden}.progress-fill{height:100%;background:var(--lime);border-radius:6px}.expense-breakdown{margin-top:22px}.expense-breakdown .progress-fill{background:#bba783}.data-warning{font-size:13px;color:var(--muted);margin-top:20px} dialog{color:var(--text);background:#20261f;border:1px solid #46503f;border-radius:24px;width:min(510px,calc(100% - 28px));padding:0;box-shadow:var(--shadow);max-height:90dvh}dialog::backdrop{background:#050905b8;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px 0}.dialog-heading h2{font-size:22px}.dialog-content{padding:15px 25px 25px}.dialog-intro{font-size:14px;color:var(--muted);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1} /* O cadastro do carro fica centralizado: rótulo em cima, no meio da caixa, e o que é digitado também no meio. text-align-last é o que centra o texto de um select, que o text-align sozinho não alcança. */ #vehicle-form .field{justify-items:center;text-align:center} #vehicle-form .field label{color:var(--lime)} #vehicle-form .field input,#vehicle-form .field select{text-align:center;text-align-last:center} #vehicle-form .swatch{justify-content:center} #dialog-body:has(#vehicle-form) .dialog-intro{text-align:center}.field label{font-size:13px;color:#d8dfd2} .field label .req{color:var(--lime);margin-left:3px;font-weight:700}.field input,.field select{width:100%;border:1px solid #4a5643;border-radius:10px;padding:11px 12px;background:#171d17;color:var(--text);min-width:0}.field input::placeholder{color:#84907d}.field small{font-size:12px;color:var(--muted)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.form-actions .btn{flex:1}.form-error{color:var(--coral);font-size:13px;margin-top:13px}.dialog-content hr{border:0;border-top:1px solid var(--border);margin:20px 0}.dialog-content .body-text{font-size:14px;color:var(--muted);margin:8px 0;line-height:1.45}.dialog-content ul{padding-left:20px;color:var(--muted);font-size:14px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);max-width:calc(100% - 30px);width:max-content;padding:14px 21px;background:var(--lime);color:#223017;border:1px solid #e0ffaa;border-radius:13px;box-shadow:var(--shadow);z-index:80;font-size:14px;font-weight:550}.view{animation:appear .22s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(min-width:1500px){main{padding-top:42px}.balance{min-height:289px}.goal-body{justify-content:space-around}.goal-ring{width:149px;height:149px}.journey{padding:24px}.dashboard-bottom{margin-top:30px}} @media(max-width:1180px){.sidebar{width:205px;padding-inline:15px}.brand-name{font-size:18px}.brand{gap:8px}.app{margin-left:205px}main{padding:27px 25px}.topbar{padding:20px 25px}.overview-top,.dashboard-bottom{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.balance{padding:25px}.goal-body{gap:14px}.goal-ring{width:110px;height:110px}.goal-copy strong{font-size:18px}.goal-copy p{font-size:12px}.panel-pad{padding:17px}.journey{flex-wrap:wrap;gap:18px}.journey-values{gap:27px}.journey-label{flex:1}.page-title{align-items:flex-start}.page-title .actions{flex-direction:column;align-items:stretch}.balance-number{font-size:52px}.car-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}} @media(min-width:0px){.overview-top,.dashboard-bottom,.report-grid{grid-template-columns:1fr}.goal-body{margin-top:3px;justify-content:center;gap:35px}.goal-ring{width:104px;height:104px}.goal-copy strong{font-size:22px}.goal-foot{justify-content:center}.goal-edit{min-height:30px;height:30px;width:30px}.goal-ring-col h2{font-size:16px}.goal-card{padding:18px 24px}.balance{min-height:255px}.balance-number{font-size:57px}.journey-values{order:3;flex-basis:100%;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;gap:12px}.car-grid{grid-template-columns:1fr}.fipe-card{position:static}.summary-card strong{font-size:25px}.summary-grid{gap:12px}.summary-card{padding:17px}.page-title .actions{flex-direction:row}.page-title{flex-wrap:wrap}.topbar .top-right time{display:none}.topbar{padding-block:18px}.car-km strong{font-size:22px}} @media(min-width:0px){.sidebar{display:none}.app{margin-left:0}.topbar{padding:19px 20px 17px;position:relative}.breadcrumb{display:none}.mobile-brand{display:flex}.brand-name{font-size:20px}.top-right{gap:3px}.top-right .icon-btn{width:33px}.top-right .icon-btn svg{width:19px}main{padding:22px 19px 104px}.page-title{gap:16px;margin-bottom:19px}.page-title .eyebrow{font-size:10px;margin-bottom:8px;letter-spacing:1.5px}h1{font-size:29px;letter-spacing:-.9px}.subtitle{font-size:13px;margin-top:8px}.page-title .actions{width:100%;gap:10px}.page-title .actions .btn{flex:1;padding:12px 13px}.section-row{margin-bottom:13px}.section-row .caption{font-size:13px}.period{padding:3px}.period button{padding:5px 12px;font-size:12px;min-height:31px}.overview-top,.dashboard-bottom{gap:13px}.balance{min-height:0;padding:19px}.balance-number{font-size:50px;margin-top:9px}.balance-breakdown strong{font-size:22px}.balance-breakdown{gap:12px;padding-top:13px;margin-top:13px}.balance-breakdown>div{gap:9px}.balance-breakdown .circle-icon{width:30px;height:30px}.balance-breakdown .circle-icon svg{width:18px}.goal-card{padding:17px}.goal-body{gap:20px;margin-top:4px}.goal-foot{margin-top:7px;padding-top:10px}.journey{padding:16px;margin-top:13px}.journey-label{gap:10px}.journey-label h3{font-size:14px}.journey-label .square-icon{width:35px;height:35px;border-radius:11px}.journey-label .square-icon svg{width:19px}.journey .btn{font-size:12px;padding:10px;min-height:40px}.journey-values{flex-wrap:wrap;gap:16px}.metric small{font-size:11px}.metric strong{font-size:18px;line-height:1.2}.metric-divider{display:none}.dashboard-bottom{margin-top:16px}.panel-pad{padding:17px}.footnote{display:block;line-height:1.9;margin-top:20px}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:30;background:#1a201afb;backdrop-filter:blur(16px);border-top:1px solid #3b4635;padding:8px 5px max(10px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{background:transparent;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-width:60px;min-height:53px;padding:3px;color:#9eaa98;font-size:10px}.bottom-nav svg{width:21px;height:21px}.bottom-nav button.active{color:var(--lime)}.bottom-nav button.active svg{stroke-width:2.3}.bottom-nav button.active::before{content:"";height:3px;width:17px;border-radius:3px;background:var(--lime);position:absolute;top:0}.toast{left:50%;bottom:92px;text-align:center;width:max-content;max-width:calc(100% - 28px);font-size:13px}.summary-grid{grid-template-columns:1fr 1fr;margin-bottom:16px;gap:10px}.summary-grid .summary-card:first-child{grid-column:1/-1}.summary-grid .summary-card:first-child strong{font-size:31px}.summary-card{padding:14px 15px}.summary-card p{font-size:12px;margin-bottom:5px}.summary-card strong{font-size:24px}.summary-card small{margin-top:4px}th,td{padding:11px 14px}.table-wrap table{min-width:480px}.list-toolbar{flex-wrap:wrap}.list-toolbar h2{font-size:16px}.list-toolbar select{max-width:100%;font-size:13px}.car-hero{padding:17px;gap:12px;flex-wrap:wrap}.car-icon{width:65px;height:65px;border-radius:17px}.car-icon svg{width:35px;height:35px}.car-description h2{font-size:21px;line-height:1.2}.car-description p{font-size:12px}.car-km{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;margin-top:2px;text-align:left}.car-km strong{font-size:22px}.car-km .btn{font-size:12px;min-height:37px}.car-grid{gap:14px}.maintenance-card{padding:15px}.maintenance-name{gap:9px}.maintenance-name h3{font-size:14px}.maintenance-name .square-icon{width:32px;height:32px}.maintenance-name svg{width:18px}.maintenance-data{gap:10px;margin:13px 0 8px}.maintenance-data strong{font-size:13px}.maintenance-bottom .btn{font-size:12px;padding:8px 9px;min-height:37px}.fipe-card{padding:18px}.fipe-price{font-size:33px;margin:14px 0 2px}.fipe-disclaimer{margin:11px 0}.fipe-spec{padding:10px 0}.chart-value{font-size:10px}.chart-bars{gap:3px}.dialog-heading{padding:20px 21px 0}.dialog-content{padding:14px 21px 21px}.form-grid{gap:13px}.dialog-heading h2{font-size:21px}} @media(max-width:360px){main{padding-inline:14px}.brand-name{font-size:18px}.topbar{padding-inline:14px}.top-right .icon-btn{width:30px}.top-right .icon-btn svg{width:18px}.balance-number{font-size:49px}.balance{padding:20px}.goal-body{gap:22px}.maintenance-name .square-icon{display:none}.journey{gap:12px}.journey-label .square-icon{display:none}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}} /* Jornada: uma linha de ações e uma linha de indicadores na largura do celular. */ .journey{display:grid;grid-template-columns:1fr;align-items:center;gap:13px 12px;padding:15px;margin-top:13px} .journey-actions{display:flex;gap:8px;grid-column:1/-1;grid-row:2;min-width:0} .journey-label{min-width:0;gap:9px;grid-column:1;grid-row:1} .journey-label .square-icon{display:grid;width:33px;height:33px;border-radius:11px} .journey-label .square-icon svg{width:18px;height:18px} .journey-label h3{font-size:14px;line-height:1.3;white-space:nowrap} .journey-label p{font-size:12px;line-height:1.4;margin-top:4px} .journey-actions>.btn{flex:1;font-size:12.5px;padding:10px 11px;min-height:43px;gap:7px;white-space:nowrap} .journey-actions>.btn svg{width:17px;height:17px;flex-shrink:0} .journey-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;grid-row:3;order:0;gap:12px;width:100%;min-width:0;border-top:1px solid var(--border);padding-top:15px} .journey .metric{min-width:0} .journey .metric small{font-size:12px;line-height:1.4;white-space:nowrap;margin-bottom:6px} .journey .metric strong{display:block;font-size:18px;line-height:1.25;letter-spacing:-.5px;overflow-wrap:break-word} .journey .metric strong span{font-size:12px} /* Demonstração em celular: o conteúdo mantém a largura do app em qualquer monitor. */ body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:28px 16px 32px;background:radial-gradient(ellipse at 50% 10%,#293323 0%,#141a14 45%,#0c100d 100%)} .demo-intro{text-align:center;margin-bottom:20px;color:#b5bfad;font-size:13px;line-height:1.7} .demo-intro strong{display:block;color:#eef3e8;font-size:16px;font-weight:650;letter-spacing:-.2px} .app{width:393px;max-width:100%;height:830px;flex:none;margin:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg);border:10px solid #060906;border-radius:48px;box-shadow:0 0 0 2px #3c4936,0 28px 65px #0009,inset 0 0 0 1px #ffffff0d} .phone-status{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:3px 22px 0;font-size:12px;font-weight:650;position:relative;background:var(--bg)} .phone-camera{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:91px;height:24px;background:#030503;border-radius:20px} .phone-system{display:flex;align-items:center;gap:6px} .phone-system svg{width:17px;height:14px;stroke-width:1.8} .phone-system .battery{width:23px} .topbar{flex:none;padding:13px 16px 16px;gap:10px;min-width:0} .topbar .brand-name{font-size:19px} .topbar .icon-btn{width:27px;min-height:34px;height:34px} main{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:23px 17px 25px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none} main::-webkit-scrollbar{display:none} .page-title{gap:18px}.page-title h1{font-size:27px}.page-title .eyebrow{font-size:10px} .page-title .actions .btn{font-size:13px;padding:11px 12px} .balance{padding:19px;min-height:0}.balance-number{font-size:47px;letter-spacing:-2.1px} .balance-breakdown strong{font-size:21px} .overview-top,.dashboard-bottom,.car-grid,.report-grid{grid-template-columns:minmax(0,1fr)} .bottom-nav{position:relative;inset:auto;flex:none;padding:8px 4px 7px;min-height:66px;width:100%;background:#1a201a;border-top:1px solid #3b4635} .bottom-nav button{min-width:59px;min-height:49px;font-size:10px} .phone-home{height:17px;flex:none;background:#1a201a;display:flex;justify-content:center;padding-top:4px} .phone-home::after{content:'';width:104px;height:4px;border-radius:4px;background:#cad4c0} .toast{position:absolute;left:50%;bottom:94px;z-index:80;width:calc(100% - 30px);font-size:13px} dialog{width:min(355px,calc(100% - 28px));max-height:min(710px,90dvh);border-radius:24px} .dialog-heading{padding:18px 20px 0}.dialog-heading h2{font-size:21px}.dialog-content{padding:14px 20px 21px} .form-grid{gap:12px}.field label{font-size:12px} .maintenance-bottom{align-items:flex-start;gap:10px}.maintenance-bottom p{flex:1}.maintenance-bottom .btn{flex:none} .footnote{font-size:11px}.footnote button{font-size:12px} @media(max-width:500px){ body{padding:0;min-height:100dvh;background:var(--bg)} .demo-intro,.phone-status,.phone-home{display:none} .app{width:100%;height:100dvh;max-width:none;border:0;border-radius:0;box-shadow:none} .topbar{padding-top:max(17px,env(safe-area-inset-top))} .bottom-nav{padding-bottom:max(10px,env(safe-area-inset-bottom))} } @media(max-width:360px){ main{padding-inline:14px}.topbar{padding-inline:14px}.topbar .brand-name{font-size:18px} .balance{padding:16px}.balance-number{font-size:42px} } /* O aplicativo abre diretamente no login. */ .app.auth-mode{background:radial-gradient(ellipse at 50% 0%,#2d3a21 0%,#151b14 34%,#121613 70%)} .auth-mode>.topbar,.auth-mode>.bottom-nav,.auth-mode .footnote{display:none} .auth-mode .phone-status,.auth-mode .phone-home{background:transparent} .auth-mode main{padding:18px 23px} .login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 20px} .login-brand .brand-name{font-size:28px;letter-spacing:-1px;line-height:1.1} .login-intro{margin-bottom:18px;text-align:center} .login-intro h1{font-size:23px;letter-spacing:-.65px;font-weight:650} .login-intro p{font-size:13px;line-height:1.6;color:var(--muted);margin:9px auto 0;max-width:29ch} .google-login{width:100%;min-height:47px;background:#f2f4ef;color:#20251d;border:1px solid #f2f4ef;font-size:14px;gap:10px} .google-login svg{width:19px;height:19px;stroke:none} .auth-divider{display:flex;align-items:center;gap:13px;color:#929e89;font-size:12px;margin:16px 0} .auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:#36412f} .login-fields{display:grid;gap:14px} .login-fields .field label{font-size:13px;color:#d8e0d1} .login-input{display:flex;align-items:center;gap:10px;padding:0 13px;background:#1b231a;border:1px solid #3a4734;border-radius:12px;min-width:0;min-height:49px} .login-input:focus-within{border-color:var(--lime);box-shadow:0 0 0 2px #c7f36b14} .login-input>svg{width:18px;height:18px;color:#95a28a} .login-input input{padding:12px 0;border:0;border-radius:0;background:transparent;min-height:47px;outline:0;box-shadow:none;flex:1;width:0;min-width:0;font-size:14px} .login-input input:focus-visible{outline:0} .password-toggle{display:grid;place-items:center;flex:none;width:32px;min-height:42px;padding:0;background:transparent;color:#a2af97;border-radius:8px} .password-toggle svg{width:19px;height:19px} .login-submit{width:100%;margin-top:18px;font-size:15px;min-height:49px;box-shadow:0 5px 22px #c7f36b0a} .auth-links{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #35402f} .auth-signup{text-align:center;font-size:11px;color:var(--muted);line-height:1.4} .auth-signup span{display:block} .auth-link{background:transparent;color:var(--lime);font-weight:600;font-size:12px;line-height:1.4;padding:4px 0;min-height:36px;text-align:center} .auth-link:hover{text-decoration:underline;text-underline-offset:3px} .auth-signup .auth-link{min-height:28px} .auth-separator{height:29px;background:#3a4733} .login-demo-note{margin-top:16px;text-align:center;font-size:11px;color:#99a58f;line-height:1.6} .login-demo-note strong{display:block;color:#bac6b0;font-size:12px;font-weight:500} .demo-enter{width:100%;margin-top:8px;min-height:38px;color:#c8d5bd;font-size:12px} .auth-mode .form-error:empty{display:none} .terms-mode main{padding:14px 23px 25px} .auth-mode main:focus{outline:none} .login-note{font-size:12px;color:var(--muted);text-align:center;margin-top:17px} .login-legal{display:flex;justify-content:center;gap:20px;margin-top:6px} .login-legal .auth-link{font-size:11px} .auth-retry{display:block;margin:8px auto} .auth-message{display:grid;gap:14px;text-align:center;padding:20px 0} .auth-message h1{font-size:25px;line-height:1.25} .auth-message p{font-size:14px;color:var(--muted);overflow-wrap:anywhere} .auth-message .form-error{color:var(--coral)} .auth-message strong{color:var(--text)} .auth-message .btn{width:100%;white-space:normal} .auth-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 4px;border-radius:16px;background:var(--raised);color:var(--lime)} .auth-symbol svg{width:26px;height:26px} .auth-spinner{width:30px;height:30px;margin:6px auto 10px;border:3px solid var(--border);border-top-color:var(--lime);border-radius:50%;animation:auth-spin 1s linear infinite} @keyframes auth-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}} .sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px} #sync-banner{font-size:13px;line-height:1.5} .config-actions{flex-wrap:wrap} .terms-top{display:flex;align-items:center;gap:7px;margin-bottom:28px} .terms-back svg{transform:rotate(180deg)} .terms-top .brand-name{font-size:18px;letter-spacing:-.5px} .terms-hero{margin-bottom:25px} .terms-hero .eyebrow{font-size:10px;color:var(--lime);margin-bottom:9px} .terms-hero h1{font-size:27px;letter-spacing:-.8px} .terms-hero p{color:var(--muted);font-size:13px;line-height:1.65;margin-top:10px} .terms-required{font-size:11px;font-weight:600;color:var(--muted);margin-bottom:9px} .consent-card{background:#1c241c;border:1px solid #3d4937;border-radius:18px;padding:18px} .consent-choice{display:flex;align-items:center;gap:17px;cursor:pointer;min-height:70px} .consent-copy{flex:1;min-width:0} .consent-copy strong{display:block;font-size:14px;line-height:1.5} .consent-copy small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:7px} .consent-switch{position:relative;display:flex;align-items:center;flex:none;width:44px;height:44px} .consent-switch input{position:absolute;inset:0;width:44px;height:44px;min-height:0;margin:0;opacity:0;cursor:pointer} .consent-track{display:block;width:44px;height:26px;border-radius:20px;background:#404a3b;border:1px solid #58634f;pointer-events:none;transition:background .15s} .consent-track::after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:#bcc5b7;margin:3px;transition:transform .15s} .consent-switch input:checked+.consent-track{background:var(--lime);border-color:var(--lime)} .consent-switch input:checked+.consent-track::after{transform:translateX(18px);background:#233117} .consent-switch input:focus-visible+.consent-track{outline:3px solid var(--lime);outline-offset:4px} .terms-documents{display:grid;gap:1px;border-top:1px solid var(--border);margin-top:15px;padding-top:9px} .terms-documents button{display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:40px} .terms-documents svg{width:16px;height:16px} .terms-continue{width:100%;margin-top:23px;min-height:49px;font-size:14px} .terms-status{font-size:11px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.6} .terms-demo{font-size:11px;line-height:1.6;color:#98a58f;text-align:center;margin-top:22px;padding-top:16px;border-top:1px solid #35402f} .legal-document h3{font-size:15px;margin-top:20px} .legal-document p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:7px} .legal-document .tag{white-space:normal} .legal-close{width:100%;margin-top:23px} @media(max-width:360px){.auth-mode main{padding:18px 19px 22px}.login-brand{margin-bottom:24px}.login-brand .brand-name{font-size:26px}.auth-links{gap:8px}} .summary-grid.centered .summary-card{text-align:center} /* O verde do layout passa a marcar os textos de apoio, não mais blocos inteiros. */ .page-title .subtitle{color:var(--lime)} .summary-grid.centered .summary-card p{color:var(--lime)} .maintenance-name h3{color:var(--lime)} .fipe-card{text-align:center} .car-grid .card-heading{justify-content:center} .car-grid .card-heading h2,.fipe-card h2{color:var(--lime)} .data-warning{text-align:center} .report-grid h2,.expense-breakdown h2{color:var(--lime);text-align:center} /* o quadro do resultado deixa de ser um bloco verde e volta a ser um painel comum */ .balance{background:var(--surface);color:var(--text);border-color:var(--border)} .balance-breakdown{border-top-color:var(--border)} .balance-breakdown p{color:var(--muted)} .balance .circle-icon{background:#ffffff0f;color:var(--lime)} .accent{color:var(--lime)} .section-row .caption.accent{color:var(--lime)} .page-title .eyebrow{color:var(--lime)} /* rótulos e ícones de apoio do Início */ .balance-top span{color:var(--lime)} .goal-ring-col h2{color:var(--lime)} .goal-edit,.goal-edit:hover{color:var(--lime)} .journey-label h3{color:var(--lime)} .journey-values .metric small{color:var(--lime)} .dashboard-bottom .card-heading h2{color:var(--lime)} .dashboard-bottom .card-heading .muted{color:var(--lime)} .terms-hero,.terms-required{text-align:center} .balance>div:first-child{text-align:center} .balance-top{justify-content:center} .balance-number{margin-bottom:24px} .summary-card strong.vmed{font-size:20px} .summary-card strong.vlong{font-size:17px} .summary-grid .summary-card:not(:first-child){padding-left:12px;padding-right:12px} .summary-grid .summary-card:first-child strong.vmed{font-size:30px} .summary-grid .summary-card:first-child strong.vlong{font-size:26px} .page-title.centered{justify-content:center} .page-title.centered>div:first-child{width:100%;text-align:center} /* O nome da plataforma é um rótulo: uma linha sempre. Se faltar espaço, corta com reticências em vez de partir a palavra ao meio. */ .platform-cell strong,.journey-ride strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} /* ===== Histórico de Gastos ===== */ .topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px} .topbar .topbar-left{grid-column:1;justify-self:start;min-width:0;display:flex;align-items:center} .topbar .mobile-brand{grid-column:2;justify-self:center} .topbar .top-right{grid-column:3;justify-self:end;min-width:0} .topbar-back{color:var(--lime)} .topbar-back svg{transform:rotate(180deg);width:22px;height:22px} /* os atalhos que levam a outra tela são verdes por inteiro: ícone, nome e seta */ .page-link,.page-link:hover{color:var(--lime)} .page-link{width:100%;justify-content:space-between;margin-bottom:8px} .page-link svg:last-child{margin-left:auto} .list-toolbar.centered{flex-direction:column;align-items:center;justify-content:center;gap:13px} .toolbar-filters{display:flex;gap:10px;align-items:center;min-width:0;justify-content:center;flex-wrap:wrap} .toolbar-filters select{min-width:0} .history-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;margin-bottom:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:13px;color:var(--muted)} .history-total strong{font-size:18px} .center-text{text-align:center} /* ===== Configurações ===== */ .page-note{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted)} .page-link .page-note+svg{margin-left:9px} .config-head{font-size:16px;margin:22px 0 11px} .config-head:first-of-type{margin-top:0} .plan-list{display:grid;gap:9px} /* nome e valor no meio do cartão; a lista do que inclui segue à esquerda, que é como se lê uma lista */ .plan-card{display:grid;gap:3px;padding:14px 16px;justify-items:center;text-align:center;width:100%;border:1px solid var(--border);background:var(--surface);cursor:pointer} .plan-card>.plan-itens{justify-self:stretch;text-align:left} .plan-card.atual{border-color:var(--lime)} .plan-top{display:flex;align-items:center;gap:9px} .plan-top strong{font-size:15px;font-weight:650} .plan-price{font-size:24px;font-weight:650;line-height:1.15} .plan-card small{font-size:12px;color:var(--muted)} .plan-extra{color:var(--lime)} .plan-itens{display:grid;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border)} .plan-itens span{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--muted);line-height:1.4} .plan-itens svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--lime);stroke-width:2.6} .plan-note{margin:11px 0 0} .config-box{display:grid;gap:2px} .config-email{font-size:16px;overflow-wrap:anywhere} .config-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px} .config-actions .btn{flex:1;min-width:140px} .config-box a{color:var(--lime)} .fold-box{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;margin-bottom:10px} .fold-box.open{border-color:#4a5643} .fold-head{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;background:none;text-align:left} .fold-chevron{display:grid;place-items:center;color:var(--lime);flex-shrink:0;transition:transform .2s} /* só a seta da própria caixa gira: dentro de um mês aberto, o dia fechado precisa continuar com a seta deitada */ .fold-box.open>.fold-head>.fold-chevron,.fold-box.open>.fold-top>.fold-head>.fold-chevron,.fold-toggle.open svg{transform:rotate(90deg)} .fold-toggle svg{transition:transform .2s} .fold-toggle,.fold-toggle:hover{color:var(--lime)} .fold-name strong .tag{margin-left:8px;vertical-align:middle;text-transform:none} .journey-ride{display:flex;align-items:center;gap:11px;min-width:0} .ride-end{display:flex;align-items:center;gap:6px;flex-shrink:0} /* A data cabe entre o nome e o valor com fonte menor, sem quebrar linha — vale para as corridas e para os gastos. Nas corridas o crachá e o botão também encolhem: com a data no meio, nomes curtos como "Particular" não cabiam inteiros numa tela de 320 px. */ .fold-row .journey-ride .platform-logo{width:32px;height:32px;font-size:15px;border-radius:10px} .fold-row .journey-ride{gap:9px} .ride-receipt{width:32px;height:32px;min-height:32px} .ride-receipt{color:var(--muted)} .ride-receipt:hover,.ride-receipt:focus-visible{color:var(--lime);background:var(--raised)} /* .fold-row span não encolhe — regra das linhas de gasto. Aqui o nome da plataforma precisa encolher, senão a linha empurra o botão para fora. */ .fold-row .journey-ride{flex:1;min-width:0;flex-shrink:1} .fold-body .fold-row:has(.ride-end){padding:9px 0;gap:8px} .receipt-preview{margin:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:#0f130f;color:var(--text);font-family:inherit;font-size:13.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left} .fold-body>.fold-box{margin:10px 0;border-radius:13px;background:var(--raised)} .fold-body>.fold-box:first-child{margin-top:12px} .fold-body>.fold-box .fold-head{padding:12px 14px} .fold-body>.fold-box .fold-name strong{font-size:13.5px} .fold-top{display:flex;align-items:center} .fold-top .fold-head{flex:1;min-width:0} .fold-del{width:42px;height:42px;min-height:42px;flex-shrink:0;margin-right:8px;color:var(--muted)} .fold-del:hover,.fold-del:focus-visible{color:var(--coral);background:var(--raised)} .share-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px} .share-row .btn{flex:1;min-width:132px;font-size:13px} .journey-ride .platform-logo{width:32px;height:32px;font-size:15px;border-radius:10px} @media(prefers-reduced-motion:reduce){.fold-toggle svg{transition:none}} .fold-name{flex:1;min-width:0} .fold-name strong{display:block;font-size:14px;font-weight:650;color:var(--lime);text-transform:capitalize} .fold-name.plain strong{text-transform:none} .fold-name small{display:block;font-size:12px;color:var(--muted);margin-top:2px} .fold-total{font-size:15px;font-weight:650;flex-shrink:0} .fold-body{border-top:1px solid var(--border);padding:2px 16px 6px} .fold-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border)} .fold-row:last-child{border-bottom:0} .fold-row strong{font-size:14px;font-weight:600;overflow-wrap:break-word;min-width:0} .fold-row span{flex-shrink:0} @media(prefers-reduced-motion:reduce){.fold-chevron{transition:none}} .platform-logo.custom{border:0;font-size:15px;letter-spacing:0} .platform-list{display:grid;gap:9px;margin-bottom:19px;max-height:38vh;overflow:auto} .platform-row{display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--raised)} .platform-row-name{flex:1;min-width:0} .platform-row-name strong{display:block;font-size:14px;overflow-wrap:break-word} .platform-row-name span{display:block;margin-top:2px} .platform-row .icon-btn{width:38px;height:38px;min-height:38px;flex-shrink:0} /* ===== Meu carro: cadastro, FIPE e avisos ===== */ .car-badges{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:10px} .plate{letter-spacing:1.5px;font-size:12px;font-weight:650;border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:#0f130f;font-variant-numeric:tabular-nums} .color-dot{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff33;flex-shrink:0} .car-actions{display:flex;gap:10px;flex-wrap:wrap} .swatch{display:flex;gap:10px;flex-wrap:wrap} .swatch button{width:34px;height:34px;min-height:34px;border-radius:50%;padding:0;border:2px solid transparent;box-shadow:inset 0 0 0 1px #ffffff2b} .swatch button[aria-pressed="true"]{border-color:var(--lime)} .msgbox{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;border-left:3px solid var(--border);background:#ffffff06;color:#d8dfd2;margin-bottom:15px} .msgbox.info{border-left-color:var(--lime)} .msgbox.warn{border-left-color:var(--amber)} .msgbox.bad{border-left-color:var(--coral)} .msgbox b{color:var(--text)} .opt-list{display:grid;gap:8px;max-height:44vh;overflow:auto;margin:5px 0 3px} .opt-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--raised);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.4;min-height:48px} .opt-list button svg{width:17px;height:17px;color:var(--muted)} .loading{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13.5px;padding:10px 0} .spin{width:19px;height:19px;border-radius:50%;border:2px solid #ffffff1f;border-top-color:var(--lime);animation:spin .85s linear infinite;flex-shrink:0} @keyframes spin{to{transform:rotate(360deg)}} .nudge{padding:17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px} .nudge-copy{flex:1;min-width:200px} @media(prefers-reduced-motion:reduce){.spin{animation-duration:2.6s}} @media(max-width:500px){.nudge .car-actions .btn{flex:1}.opt-list{max-height:52vh}} /* BEGIN COMPACT LAYOUT */ /* Ajuste visual de densidade. Conteúdo e comportamento permanecem no HTML original. */ :root{--radius:16px} main{padding:16px 14px 18px} main:focus{outline:none} .topbar{padding:10px 14px;gap:8px} .page-title{gap:12px;margin-bottom:14px} .page-title h1{font-size:26px;line-height:1.2} .page-title .eyebrow{margin-bottom:5px} .page-title .subtitle{margin-top:6px;line-height:1.45} .page-title .actions{gap:8px} .page-title .actions .btn{padding:9px 11px;min-height:44px} .btn{min-height:44px;padding:9px 12px;gap:7px;border-radius:10px} .section-row{gap:10px;margin-bottom:10px} .overview-top,.dashboard-bottom,.car-grid,.report-grid{gap:10px} .panel-pad{padding:14px} .card-heading{gap:8px;margin-bottom:8px} .dashboard-bottom{margin-top:12px} .empty{padding:18px 12px} .footnote{margin-top:16px;line-height:1.65} /* Início: resumos e controles próximos dos indicadores. */ .balance{padding:14px;min-height:0} .balance-top{gap:10px} .balance-number{font-size:44px;letter-spacing:-1.8px;margin:7px 0 10px} .balance-breakdown{gap:10px;padding-top:10px;margin-top:0} .balance-breakdown>div{gap:8px} .balance-breakdown strong{font-size:20px} .goal-card{padding:13px 14px} .goal-body{gap:18px;margin-top:0} .goal-ring-col{gap:6px} .goal-ring{width:90px;height:90px} .ring-value strong{font-size:25px} .ring-value span{margin-top:3px;font-size:11px} .goal-copy strong{font-size:20px} .goal-copy p{margin:4px 0} .goal-edit{top:7px;right:7px} .goal-foot{padding-top:8px;margin-top:8px;gap:6px} .journey{padding:13px;margin-top:10px;gap:9px} .journey-label{gap:8px} .journey-label p{margin-top:2px} .journey-actions{gap:7px} .journey-actions>.btn{padding:8px 10px;min-height:42px} .journey-values{gap:9px;padding-top:10px} .journey .metric small{font-size:11px;margin-bottom:3px} .journey .metric strong{font-size:18px} .journey:has(.journey-actions>.btn:only-child){grid-template-columns:minmax(0,1fr) auto} .journey:has(.journey-actions>.btn:only-child) .journey-actions{grid-row:1;grid-column:2} .journey:has(.journey-actions>.btn:only-child) .journey-values{grid-row:2} .service-mini{padding:9px 0} .service-mini p{margin-top:3px} .nudge{padding:13px;gap:8px;margin-bottom:12px} .nudge h3{font-size:14px;text-align:center} .nudge-copy{min-width:0;flex-basis:100%} .nudge .car-actions{gap:8px;width:100%} /* Corridas, financeiro, relatórios e históricos. */ .summary-grid{gap:9px;margin-bottom:14px} .summary-card{padding:13px} .summary-card p{margin-bottom:5px;line-height:1.4} .summary-card strong{font-size:25px} .summary-grid .summary-card:first-child strong{font-size:31px} .summary-grid .summary-card:first-child strong.vmed{font-size:28px} .summary-grid .summary-card:first-child strong.vlong{font-size:25px} .summary-card strong.vmed{font-size:20px} .summary-card strong.vlong{font-size:17px} .summary-card small{margin-top:4px;line-height:1.4} .page-link{margin-bottom:7px;padding:10px 12px;min-height:44px} .list-toolbar,.list-toolbar.centered{gap:9px;margin-bottom:11px} .toolbar-filters{gap:8px} .list-toolbar select{padding:8px 32px 8px 10px} /* Históricos: nome à esquerda, ano no meio, o outro filtro à direita. O ano tem largura fixa porque é sempre "2026"; o filtro da direita fica com a sobra, que é o que precisa caber sem cortar ("Recarga elétrica"). */ /* A seta nativa do