:root{--ink:#172322;--muted:#6e7873;--line:#e9ede8;--cream:#f6f8f4;--green:#d9fa75;--dark:#121d1c;--teal:#1d6e57;--warning:#ffb867;--red:#c86a59;--card:#fff;--shadow:0 22px 65px rgba(14,42,29,.12)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#edf1ea}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4df72;outline-offset:2px}
.app{display:grid;grid-template-columns:78px 390px minmax(0,1fr);height:100dvh;min-height:620px;overflow:hidden}
.rail{background:var(--dark);color:#b6c1bc;display:flex;flex-direction:column;align-items:center;gap:16px;padding:21px 12px;z-index:60}
.logo-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--green);color:var(--dark);font-family:Manrope;font-weight:800;font-size:27px;letter-spacing:-3px;transform:rotate(-4deg);margin-bottom:24px}
.rail-btn{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:15px;background:transparent;color:#a2b4ad;position:relative}
.rail-btn:hover,.rail-btn.active{background:#293c34;color:var(--green)}.rail-btn svg{width:23px;height:23px;stroke-width:1.8}.rail-btn .mini-dot{position:absolute;background:#e6a477;width:7px;height:7px;border-radius:50%;right:9px;top:9px}.rail-spacer{flex:1}.rail-avatar{width:42px;height:42px;border:1px solid #617568;border-radius:50%;display:grid;place-items:center;background:#314940;color:#effbef;font-weight:800;font-size:13px}
.panel{overflow:auto;background:#fff;z-index:30;box-shadow:7px 0 30px rgba(19,34,22,.035);scrollbar-width:thin}.panel-head{padding:25px 22px 19px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4;background:white}
.brandline{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-family:Manrope,sans-serif;letter-spacing:-.9px;font-size:25px;font-weight:800}.brand span{color:var(--teal)}.brand small{font-size:9px;letter-spacing:1.6px;background:#eff7e8;padding:5px 6px;vertical-align:middle;border-radius:5px;color:#3a6457}.demo-chip{font-size:10px;font-weight:800;letter-spacing:.65px;color:#a57932;background:#fff1d7;padding:7px 9px;border-radius:7px;white-space:nowrap}
.eyebrow{font-size:11px;color:#7d8b84;letter-spacing:1.7px;text-transform:uppercase;font-weight:800;margin:18px 0 6px}.heading{font-family:Manrope;font-size:25px;line-height:1.18;letter-spacing:-1px;font-weight:800;margin:0 0 14px}.heading em{font-style:normal;color:var(--teal)}
.searchfield{display:flex;align-items:center;gap:9px;background:#f3f5f2;padding:0 13px;border-radius:13px;height:46px;border:1px solid #e8ebe5}.searchfield svg{color:#64756a;flex-shrink:0}.searchfield input{width:100%;border:0;background:transparent;outline:0;font-size:12.5px;color:#283d30}.searchfield input::placeholder{color:#909b94}
.chips{display:flex;gap:6px;overflow-x:auto;padding-top:11px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid #e4ebe5;background:white;border-radius:30px;color:#526258;white-space:nowrap;font-size:11px;font-weight:700;padding:9px 12px}.chip.active{background:#203a2b;border-color:#203a2b;color:white}
.listing-top{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 10px}.listing-top strong{font-size:14px;letter-spacing:-.25px}.listing-top span{color:#7c8a80;font-size:11px}.listing-top button{border:0;background:none;color:#356954;font-size:11px;font-weight:800;padding:6px}
.card-list{padding:0 12px 20px;display:flex;flex-direction:column;gap:10px}.listing{display:flex;gap:13px;border:1px solid #ecf0ea;border-radius:16px;padding:12px;background:white;text-align:left;width:100%;box-shadow:0 4px 17px rgba(20,40,19,.022);transition:box-shadow .2s,border .2s,transform .2s;position:relative}.listing:hover{box-shadow:0 10px 25px rgba(20,40,19,.08);transform:translateY(-1px)}.listing.selected{border-color:#92c773;background:#fcfff9;box-shadow:0 0 0 1px #b9dba6}
.car-art{width:112px;min-width:112px;height:126px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.car-art:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:radial-gradient(circle at 20% 15%,#ffffff70,transparent 70%)}.car-art svg{width:145px;height:90px;position:relative;z-index:1;filter:drop-shadow(0 12px 4px #1e392328)}.car-art::after{content:"";position:absolute;bottom:12px;left:12px;right:12px;height:1px;background:#1f332a25}.art-label{position:absolute;top:9px;left:8px;background:white;color:#355344;font-size:9px;font-weight:900;padding:5px 7px;border-radius:6px;z-index:2}
.list-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.listing-model{font-weight:800;font-size:13px;line-height:1.25;letter-spacing:-.25px;padding-right:12px}.details{font-size:10.5px;color:#849087;line-height:1.3}.price{font-family:Manrope;font-size:20px;letter-spacing:-1px;font-weight:800;line-height:1.1}.seller{font-size:10px;font-weight:800;color:#386653;display:flex;align-items:center;gap:4px}.seller svg{width:12px;height:12px}.footrow{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px;color:#88948c}.status{font-size:9px;font-weight:800;border-radius:5px;padding:5px 6px;display:inline-flex;align-items:center;width:max-content}.status.parado{background:#e8efff;color:#375796}.status.normal{background:#edf5fb;color:#37556d}.status.retom{background:#ecf6e6;color:#386946}.status.avaria{background:#fff0e9;color:#b76b48}.status.rapida{background:#fff4d9;color:#936325}.favorite{position:absolute;right:10px;top:9px;padding:0;background:none;border:0;line-height:0;color:#a5b4a8}.favorite.active{color:#e8886b}
.empty{padding:30px;text-align:center;color:#718477;font-size:13px}
.panel-bottom{padding:16px 18px 24px;border-top:1px solid var(--line);font-size:11px;color:#859087;line-height:1.6}
.maparea{position:relative;overflow:hidden;background:#e6ebdb}.mapbar{position:absolute;top:20px;left:20px;right:20px;z-index:12;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.mapbar>*{pointer-events:auto}.filterdock{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-pill{border:1px solid #e6eae2;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 8px 24px #2a49381c;padding:11px 14px;border-radius:12px;color:#344738;font-weight:800;font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:8px;height:43px}.map-pill b{color:#2d6247}.map-pill.live{color:#345b44}.map-pill.live::before{content:"";width:8px;height:8px;border-radius:50%;background:#53b477;box-shadow:0 0 0 4px #ddf5e4}.map-pill.dark{background:#1d3127;color:white;border-color:#1d3127}.map-pill.dark svg{color:var(--green)}
#map{position:absolute;inset:0;z-index:1}.leaflet-container{font-family:'DM Sans',sans-serif!important;background:#e6ebdb}.leaflet-control-attribution{font-size:10px!important}.leaflet-top.leaflet-left{top:85px;left:10px}.leaflet-control-zoom{border:0!important;box-shadow:0 10px 20px #20362422!important;border-radius:9px;overflow:hidden}.leaflet-control-zoom a{color:#223c30!important}
.fake-map{position:absolute;inset:0;z-index:0;background:#e5ebdf;overflow:hidden}.fake-map svg{width:100%;height:100%;display:block}.fake-map .river{fill:none;stroke:#badbdb;stroke-width:22}.fake-map .roadA{fill:none;stroke:#ffffff;stroke-width:11}.fake-map .roadB{fill:none;stroke:#fff;stroke-width:5}.fake-map text{font-size:14px;fill:#8b9a8e;font-weight:700;letter-spacing:1.5px}.fake-pins{position:absolute;inset:0;pointer-events:none}.fake-pin{position:absolute;transform:translate(-50%,-50%);border:2px solid white;background:#213e2d;color:white;font-weight:900;border-radius:11px;padding:10px 12px;box-shadow:0 8px 24px #1b3f3640;pointer-events:auto;font-size:12px;white-space:nowrap}.fake-pin:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 5px);width:10px;height:10px;background:inherit;transform:rotate(45deg);z-index:-1}.fake-pin.hot{background:#eb9963;color:#222}.fake-pin.selected{background:var(--green);color:#1b362b;border-color:#1d3b2a;z-index:7}.price-marker{border:none;background:transparent}.price-marker .tag{display:inline-block;background:#213e2d;border:2px solid #fff;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:900;color:#fff;white-space:nowrap;box-shadow:0 10px 30px rgba(25,49,31,.2)}.price-marker .tag:after{content:"";position:absolute;bottom:1px;left:calc(50% - 5px);width:10px;height:10px;transform:rotate(45deg);background:inherit}.price-marker.hot .tag{background:#eea66a;color:#252f23}.price-marker.selected .tag{background:#dafa7b;color:#163327;border-color:#294a36}
.map-leg{position:absolute;bottom:22px;left:22px;z-index:10;background:#fffefdeb;border:1px solid #e8eee5;border-radius:13px;padding:11px 13px;color:#5e7664;box-shadow:0 8px 24px #2a49381c;font-size:11px;display:flex;align-items:center;gap:12px}.map-leg i{display:inline-block;background:#223e2e;width:9px;height:9px;border-radius:50%;margin-right:4px}.map-leg i.hot{background:#eca66a}.map-leg i.sel{background:#b0d566}
.cta{background:var(--green);color:#203321;border:0;border-radius:11px;font-size:12px;font-weight:900;padding:13px 16px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 9px 17px #55763325}.cta:hover{background:#cafa54}.cta svg{width:17px;height:17px}
.fab{position:absolute;bottom:22px;right:22px;z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fabs{width:43px;height:43px;border:1px solid #e9eee6;background:white;border-radius:12px;box-shadow:0 6px 15px #294d341c;display:grid;place-items:center;color:#255139}.fab .cta{height:48px;box-shadow:0 9px 28px #28433244}
.mobile-head{display:none}.mobile-tabs{display:none}
.backdrop{position:fixed;inset:0;background:#101a18a8;z-index:80;display:none;backdrop-filter:blur(3px)}.backdrop.open{display:block}.drawer{position:fixed;z-index:90;right:0;top:0;bottom:0;width:min(465px,100%);background:white;transform:translateX(110%);transition:transform .22s;overflow-y:auto;box-shadow:-20px 0 80px #0e211f44}.drawer.open{transform:translateX(0)}.drawer-head{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eee8;position:sticky;top:0;background:white;z-index:1}.drawer-head strong{font-size:13px}.drawer-head .x{border:0;background:#f1f4ef;border-radius:9px;padding:8px;display:grid;place-items:center}
.drawer-cover{height:205px;display:grid;place-items:center;background:linear-gradient(150deg,#d9e3d8,#afc1b7);position:relative}.drawer-cover svg{width:290px;height:140px;filter:drop-shadow(0 18px 5px #51695732)}.drawer-cover .stamp{position:absolute;top:18px;left:18px;background:#fff;color:#345846;padding:9px 12px;border-radius:7px;font-size:11px;font-weight:800}.drawer-body{padding:22px}.bigtitle{margin:0 0 6px;font-family:Manrope;font-weight:800;letter-spacing:-1px;font-size:23px}.summary{color:#849187;font-size:12px}.price-xl{font-family:Manrope;font-size:31px;font-weight:800;letter-spacing:-1.2px;margin:15px 0}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 20px}.data-grid div{background:#f5f7f3;border-radius:10px;padding:12px;font-size:12px;font-weight:700}.data-grid small{display:block;margin-bottom:5px;font-size:10px;color:#87938a;font-weight:600}.divider{height:1px;background:#e6ede4;margin:19px 0}.sectionname{margin:0 0 11px;font-size:13px;font-weight:900}.fault-list{display:flex;flex-direction:column;gap:8px}.fault-list div{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#45584b;line-height:1.45}.fault-list i{color:#b77b56;font-style:normal;font-weight:900}.seller-profile{background:#eff6ed;border:1px solid #dfe8dc;border-radius:13px;padding:15px;display:flex;gap:12px;align-items:center}.seller-profile .initials{background:#2e5b45;color:white;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:900}.seller-profile p{margin:0;font-size:11px;color:#799084}.seller-profile b{display:block;font-size:13px}.score{margin-left:auto;display:flex;align-items:center;flex-direction:column;color:#27563d;font-weight:900;font-size:18px}.score small{font-size:9px;font-weight:700;color:#718779}.actions{display:flex;gap:8px;margin-top:21px}.actions button{flex:1;border-radius:11px;padding:14px 8px;font-weight:800;font-size:12px;border:1px solid #dfe8df;color:#2d543b;background:#fff}.actions button.primary{background:#1f4431;color:#fff;border-color:#1f4431}.legalnote{background:#fff9ee;border-radius:10px;margin-top:18px;padding:13px;color:#866c41;font-size:10.5px;line-height:1.6}
.modal{position:fixed;inset:0;display:none;z-index:100;align-items:center;justify-content:center;padding:15px;background:#101a189c}.modal.open{display:flex}.modal-box{background:#fff;border-radius:20px;width:min(490px,100%);max-height:92dvh;overflow:auto;padding:26px;box-shadow:0 18px 60px #12211d48}.modal-title{display:flex;align-items:center;justify-content:space-between}.modal-title strong{font-size:21px;letter-spacing:-.6px;font-family:Manrope}.modal-close{border:0;background:#f0f3ee;border-radius:8px;padding:7px;color:#56725c}.modal-kicker{color:#88958b;font-size:12px;margin:6px 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formfield{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.formfield.wide{grid-column:span 2}.formfield label{font-weight:800;color:#455b49;font-size:11px}.formfield input,.formfield select,.formfield textarea{padding:12px;border:1px solid #e0e7dd;border-radius:9px;background:#fbfcf9;color:#263b2c;font-size:12px;width:100%}.formfield textarea{min-height:76px;resize:vertical}.form-note{background:#f2f7e9;padding:11px;border-radius:9px;color:#5f795b;font-size:10.5px;line-height:1.5;margin:2px 0 16px}.submit{border:0;background:#1d402b;color:white;padding:14px 16px;font-size:12px;font-weight:900;border-radius:10px;width:100%}.toast{position:fixed;z-index:115;left:50%;bottom:32px;transform:translate(-50%,120px);transition:transform .25s;background:#19382a;color:white;box-shadow:0 15px 35px #0004;border-radius:12px;padding:14px 18px;font-weight:700;font-size:12px;max-width:88vw;text-align:center}.toast.show{transform:translate(-50%,0)}
.soon{margin:0 24px 20px;padding:15px;background:#f4f8ef;border-radius:13px;font-size:12px;color:#54745d;line-height:1.6}
@media (max-width:1050px){.app{grid-template-columns:65px 345px minmax(0,1fr)}.rail{padding:17px 8px}.rail-btn{width:45px}.panel-head{padding:20px 15px}.listing-top{padding-left:16px;padding-right:16px}.map-pill:nth-child(2){display:none}}
@media(max-width:720px){.app{display:block;height:100dvh;min-height:0}.rail{display:none}.mobile-head{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;height:68px;background:#13271e;padding:0 16px;color:#fff;z-index:25}.mobile-head .brand{font-size:22px}.mobile-head .brand span{color:#d9f879}.mobile-head .tiny{font-size:10px;border:1px solid #446552;border-radius:7px;padding:7px 10px;color:#d8ebd4}.panel{position:absolute;top:auto;bottom:60px;left:0;right:0;height:43%;min-height:260px;overflow:auto;border-radius:22px 22px 0 0;box-shadow:0 -10px 32px #1b3c2b1a}.panel-head{padding:12px 15px 9px;position:relative;border:0}.brandline,.panel-head .eyebrow,.panel-head .heading{display:none}.searchfield{height:40px}.chips{padding-top:9px}.chip{padding:8px 12px}.listing-top{padding:6px 16px 7px}.card-list{padding:0 9px 13px;gap:8px}.listing{padding:9px;gap:10px}.car-art{width:98px;min-width:98px;height:109px}.listing-model{font-size:12px}.price{font-size:18px}.details{font-size:10px}.panel-bottom{display:none}.maparea{position:absolute;inset:68px 0 37% 0}.mapbar{top:10px;left:10px;right:10px}.map-pill{height:35px;padding:8px 10px;font-size:10px}.map-pill:nth-child(2){display:none}.map-pill.dark{display:none}.map-leg{display:none}.fab{right:14px;bottom:18px}.fab .cta{height:43px;font-size:11px}.fabs{width:38px;height:38px}.mobile-tabs{position:absolute;bottom:0;height:60px;left:0;right:0;display:flex;background:#fff;z-index:40;box-shadow:0 -5px 15px #00000008;border-top:1px solid #eaf0e9}.mobile-tabs button{border:0;background:transparent;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#84958a;font-size:9px;gap:3px;font-weight:700}.mobile-tabs button.active{color:#285f42}.mobile-tabs svg{width:20px;height:20px}.mobile-tabs button.action{color:#16391e}.mobile-tabs button.action span{background:#d9fa75;border-radius:10px;padding:8px}.mobile-tabs button.action span svg{display:block}.maparea.mapoff{display:none}.panel.listonly{top:68px;bottom:60px;height:auto;border-radius:0}.panel.listonly .brandline{display:flex}.panel.listonly .eyebrow,.panel.listonly .heading{display:block}.panel.listonly .panel-head{padding:14px 15px 14px}.maparea .leaflet-top.leaflet-left{top:47px;left:0}.maparea .leaflet-control-zoom{display:none}.drawer{width:100%}.drawer-cover{height:160px}.drawer-body{padding:17px}.mapbar .filterdock{gap:5px}}
@media(max-width:380px){.mapbar .map-pill:nth-child(1){display:none}.listing{gap:6px}.car-art{width:88px;min-width:88px}}
/* Identidade STOCK2STAND e fotografia de viaturas */
.brand{font-size:22px;letter-spacing:-1.0px}.brand span{color:#238760}
.logo-symbol{letter-spacing:-2px}.logo-symbol span{letter-spacing:-1px}
.cover-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.drawer-cover .cover-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.photo-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.photo-previews img{width:90px;height:70px;object-fit:cover;border-radius:9px;border:1px solid #dfe8e0}
.photo-hint{font-size:11px;color:#708078;margin-top:5px}.demo-banner{background:#f0f7e7;border:1px solid #d9ebc6;border-radius:10px;padding:9px 11px;color:#45633e;font-size:11px;line-height:1.5;margin:12px 0 0}
@media(max-width:830px){.brand{font-size:19px}}