/* UI Lab - four directions for Vendas + Carros. Standalone: no app code, real data. */
:root{
  --paper:#f7f6f2; --card:#fff; --ink:#1b1f1b; --body:#3f463f; --mut:#626a63; --line:#e5e3dc;
  --brand:#0b6b35; --brand-deep:#0a4d28; --brand-soft:#e9f4ec;
  --alert:#b42318; --alert-bg:#fef0ef; --warn:#b45309; --warn-bg:#fef4e6;
  --ok:#0b6b35; --ok-bg:#e9f4ec; --cta:#e8590c; --soft:#f1f0ea;
  --shadow:0 1px 2px rgb(27 31 27/4%);
  --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ground:#0a1b11; --bone:#eef2ea; --bone-dim:#9fb2a4; --rule:rgb(158 200 168/.16);
  --lime:#9ade84; --lime-dim:rgb(154 222 132/.4); --rust:#e8925f;
  --disp:"Fraunces",Georgia,serif; --ui:"Sora",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:#eceae4;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}

/* ---------- showcase: "Bancada" - a field workbench of specimens ---------- */
body{background:var(--ground);color:var(--bone);font-family:var(--ui);
  background-image:radial-gradient(120% 70% at 12% -8%,#1b3c28 0%,transparent 60%),
    radial-gradient(90% 60% at 100% 0%,#16341f 0%,transparent 55%);
  background-attachment:fixed}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}

.lab-head{position:relative;padding:76px 22px 54px;overflow:hidden}
.lab-head::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(80% 70% at 30% 20%,#000 0%,transparent 75%);opacity:.55}
.lab-head .in{max-width:1288px;margin:0 auto;position:relative}
.lab-kick{display:flex;align-items:center;gap:11px;font:600 11px/1 var(--mono);letter-spacing:.24em;
  text-transform:uppercase;color:var(--lime);animation:rise .7s .05s both}
.lab-kick::before{content:"";width:34px;height:1px;background:var(--lime)}
.lab-head h1{margin:20px 0 0;font-family:var(--disp);font-weight:400;font-size:clamp(40px,7.4vw,86px);
  line-height:.94;letter-spacing:-.03em;color:#fff;max-width:16ch;animation:rise .8s .13s both}
.lab-head h1 em{font-style:italic;color:var(--lime)}
.lab-head .sub{display:grid;grid-template-columns:minmax(0,54ch) minmax(0,1fr);gap:34px;margin-top:30px;
  padding-top:24px;border-top:1px solid var(--rule);animation:rise .8s .22s both}
.lab-head p{margin:0;color:var(--bone-dim);font-size:15.5px;line-height:1.68}
.lab-facts{display:flex;flex-wrap:wrap;gap:26px;align-self:end}
.lab-fact b{display:block;font-family:var(--disp);font-size:31px;font-weight:400;color:#fff;line-height:1}
.lab-fact span{display:block;font:600 10px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase;
  color:var(--bone-dim);margin-top:7px}
@media(max-width:820px){.lab-head{padding:52px 18px 38px}.lab-head .sub{grid-template-columns:1fr;gap:22px}}

.lab-nav{position:sticky;top:0;z-index:40;background:rgb(9 22 15/.82);backdrop-filter:blur(14px);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.lab-nav .in{max-width:1288px;margin:0 auto;display:flex;gap:2px;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.lab-nav .in::-webkit-scrollbar{display:none}
.lab-nav button{position:relative;flex:0 0 auto;border:0;background:none;color:var(--bone-dim);
  padding:17px 19px 15px;font:700 13px var(--ui);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color .25s}
.lab-nav button i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--lime);margin-right:8px;opacity:.65}
.lab-nav button::after{content:"";position:absolute;left:19px;right:19px;bottom:0;height:2px;background:var(--lime);
  transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.4,0,.2,1)}
.lab-nav button:hover{color:var(--bone)}
.lab-nav button.on{color:#fff} .lab-nav button.on::after{transform:scaleX(1)}
main{max-width:1288px;margin:0 auto;padding:0 14px 110px}

.ver-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;
  padding:60px 0 40px;border-bottom:1px solid var(--rule)}
@media(max-width:900px){.ver-head{grid-template-columns:1fr;gap:26px;padding:38px 0 28px}}
.ver-no{font-family:var(--disp);font-size:clamp(66px,11vw,124px);font-weight:400;line-height:.8;
  color:transparent;-webkit-text-stroke:1px var(--lime-dim);letter-spacing:-.04em;margin-bottom:6px}
.ver-head h2{margin:0;font-family:var(--disp);font-weight:400;font-size:clamp(31px,4.2vw,46px);
  line-height:1.02;letter-spacing:-.025em;color:#fff}
.ver-head h2 em{font-style:italic;color:var(--lime)}
.ver-tag{display:inline-block;margin-top:15px;font:600 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;
  color:var(--lime);border:1px solid var(--lime-dim);border-radius:999px;padding:6px 13px}
.ver-idea{margin:17px 0 0;font-size:15.5px;line-height:1.7;color:var(--bone-dim)}
.ver-idea b{color:#fff;font-weight:600}
.sw{display:grid;gap:16px;align-content:start;padding-top:8px}
.sw section{border-left:2px solid;padding:2px 0 2px 17px}
.sw .good{border-color:var(--lime)} .sw .bad{border-color:var(--rust)}
.sw h3{margin:0 0 9px;font:700 10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase}
.sw .good h3{color:var(--lime)} .sw .bad h3{color:var(--rust)}
.sw ul{margin:0;padding:0;list-style:none}
.sw li{position:relative;padding-left:17px;margin:0 0 7px;font-size:14px;line-height:1.55;color:var(--bone-dim)}
.sw li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:currentColor;opacity:.5}

.screens{display:flex;flex-wrap:wrap;gap:30px 26px;padding:46px 0 0}
.screen{width:390px;position:relative}
.screen figcaption{display:flex;align-items:baseline;gap:9px;margin:0 0 11px;padding-bottom:9px;
  border-bottom:1px solid var(--rule)}
.screen figcaption b{font:700 13.5px var(--ui);color:#fff;letter-spacing:-.01em}
.screen figcaption i{font-style:normal;font-size:12.5px;color:var(--bone-dim);line-height:1.35}
.screen figcaption u{margin-left:auto;text-decoration:none;font:600 10px var(--mono);letter-spacing:.14em;color:var(--lime);opacity:.7}
.phone{width:390px;height:844px;background:var(--paper);font-family:var(--font);color:var(--ink);border-radius:30px;overflow:hidden;position:relative;
  box-shadow:0 0 0 1px rgb(255 255 255/.09),0 2px 0 rgb(255 255 255/.06) inset,0 34px 60px -22px rgb(0 0 0/.66);
  transition:transform .4s cubic-bezier(.34,1.3,.5,1),box-shadow .4s}
.screen:hover .phone{transform:translateY(-7px);box-shadow:0 0 0 1px rgb(154 222 132/.34),0 40px 74px -20px rgb(0 0 0/.72)}
.reveal{opacity:0;transform:translateY(26px)}
.reveal.in{opacity:1;transform:none;transition:opacity .72s cubic-bezier(.2,.6,.2,1),transform .72s cubic-bezier(.2,.6,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.lab-foot{max-width:1288px;margin:0 auto;padding:34px 14px 60px;border-top:1px solid var(--rule);
  display:flex;flex-wrap:wrap;gap:14px 30px;align-items:baseline}
.lab-foot p{margin:0;font-size:13px;color:var(--bone-dim);line-height:1.6;max-width:62ch}
.lab-foot b{color:var(--lime);font-weight:600}

/* ---------- shared phone chrome ---------- */
.ph{position:absolute;inset:0;display:flex;flex-direction:column;font-size:14px;color:var(--ink)}
.ph-top{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 8px;gap:10px;flex:0 0 auto}
.ph-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px}
.ph-logo{width:27px;height:27px;border-radius:8px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900}
.ph-who{text-align:right;font-weight:800;font-size:15px;line-height:1.25}
.ph-body{flex:1;overflow:hidden;padding:0 14px;display:flex;flex-direction:column;gap:11px}
.ph-nav{flex:0 0 auto;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);
  background:#fff;padding:9px 10px 13px;position:relative}
.ph-nav .n{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--mut);
  padding:6px 20px;border-radius:12px}
.ph-nav .n.on{color:var(--brand);background:var(--brand-soft)}
.ph-nav .n svg{width:20px;height:20px}
.ph-plus{width:54px;height:54px;border-radius:15px;background:var(--cta);color:#fff;display:grid;place-items:center;
  font-size:27px;font-weight:300;margin-top:-22px;box-shadow:0 5px 14px rgb(232 89 12/34%)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.muted{color:var(--mut)} .red{color:var(--alert)} .grn{color:var(--brand)} .amb{color:var(--warn)}
.sec-t{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--mut);font-weight:800}
.num{font-variant-numeric:tabular-nums}
.ph-back{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;font-size:19px;color:var(--brand);font-weight:700;flex:0 0 auto}
.ovl-head{display:flex;align-items:center;gap:11px;padding:13px 14px;border-bottom:1px solid var(--line);background:#fff;flex:0 0 auto}
.ovl-head strong{font-size:16px}
.scroll{overflow:hidden;display:flex;flex-direction:column;gap:11px;padding-bottom:8px}
.bar{height:11px;border-radius:6px;background:#e8e6df;overflow:hidden;position:relative}
.bar>i{display:block;height:100%;border-radius:6px;background:var(--brand)}
.bar>i.dn{background:var(--alert)}

/* ---------- map canvas (shared) ---------- */
.mapc{position:relative;border-radius:14px;overflow:hidden;background:#eef1ea;border:1px solid var(--line);flex:0 0 auto}
.mapc-net{position:absolute;inset:0;width:100%;height:100%}
.mapc-net path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}
.mapc-water{position:absolute;right:-40px;top:-30px;width:190px;height:150px;background:#dbe7ec;border-radius:50% 40% 55% 45%;transform:rotate(-14deg)}
.mapc-attr{position:absolute;right:5px;bottom:4px;font-size:8.5px;color:#7b837c;background:rgb(255 255 255/72%);padding:1px 5px;border-radius:4px}
.pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px}
.pin-cx{font-size:10.5px;font-weight:800;background:#fff;border:1px solid var(--line);border-radius:7px;padding:1px 5px;box-shadow:var(--shadow)}
.pin-mk{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;box-shadow:0 2px 5px rgb(20 30 22/26%)}
.pin-mk svg{width:18px;height:18px}
.pin.grn .pin-mk{background:#22c55e} .pin.amb .pin-mk{background:#f59e0b}
.pin.red .pin-mk{background:#ef4444} .pin.sun .pin-mk{background:#9333ea}
.pin-nm{font-size:9.5px;font-style:normal;font-weight:700;color:#33403a;background:rgb(255 255 255/86%);padding:0 4px;border-radius:4px;white-space:nowrap}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}
.dot.grn{background:#22c55e} .dot.amb{background:#f59e0b} .dot.red{background:#ef4444} .dot.sun{background:#9333ea}

/* ================= V1 - AFINADO ================= */
.v1-verdict{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:15px;flex:0 0 auto}
.v1-verdict.up{background:var(--ok-bg);border:1px solid #c5e2d0}
.v1-verdict.dn{background:var(--alert-bg);border:1px solid #f2cfcc}
.v1-verdict.warn{background:var(--warn-bg);border:1px solid #f0dcbb}
.v1-v-arrow{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;color:#fff;flex:0 0 auto}
.v1-verdict.up .v1-v-arrow{background:var(--brand)} .v1-verdict.dn .v1-v-arrow{background:var(--alert)}
.v1-verdict.warn .v1-v-arrow{background:var(--warn)}
.v1-v-copy b{display:block;font-size:16.5px;line-height:1.25;letter-spacing:-.01em}
.v1-v-copy span{display:block;font-size:15px;font-weight:700;margin-top:3px}
.v1-v-copy i{font-style:normal;font-weight:600;color:var(--mut)}
.v1-when{font-size:12.5px;color:var(--mut);line-height:1.45;flex:0 0 auto}
.v1-block{padding:11px 13px 4px;flex:0 0 auto}
.v1-bh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.v1-bh-tog{align-items:center}
.v1-hint{font-size:11px;color:var(--mut);font-weight:600}
.v1-chip{font-size:10.5px;font-weight:800;letter-spacing:.08em;background:var(--brand-soft);color:var(--brand-deep);padding:3px 8px;border-radius:999px}
.v1-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);min-height:44px}
.v1-block>.v1-row:first-of-type,.v1-bh + .v1-row{border-top:0}
.v1-row.is-total{background:var(--brand-soft);margin:0 -13px;padding:11px 13px;border:0;border-radius:9px}
.v1-row.is-total .v1-nm{font-weight:800}
.v1-nm{flex:1 1 auto;min-width:0;font-weight:700;font-size:14px;line-height:1.25;display:flex;align-items:center;gap:6px}
.v1-rk{font-style:normal;color:var(--mut);font-weight:700;font-size:11.5px;flex:0 0 15px}
.v1-cx{flex:0 0 56px;text-align:right;font-weight:800;font-size:14.5px}
.v1-ab{flex:0 0 58px;text-align:right;font-weight:800;font-size:13.5px}
.v1-row .bar{flex:1 1 40px;min-width:34px}
.v1-pc{flex:0 0 50px;text-align:right;font-size:12px;font-weight:700;opacity:.85}
.v1-go{flex:0 0 9px;color:#b3b8b2;font-size:17px;font-weight:700}
.v1-more{text-align:center;padding:12px 0;color:var(--brand);font-weight:800;font-size:13.5px;border-top:1px solid var(--line)}
.v1-needs .v1-need{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.v1-bh + .v1-need{border-top:0}
.v1-need-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
.v1-need-ic svg{width:17px;height:17px}
.v1-need-ic.red{background:var(--alert-bg);color:var(--alert)} .v1-need-ic.amb{background:var(--warn-bg);color:var(--warn)}
.v1-need-c{flex:1;min-width:0} .v1-need-c b{display:block;font-size:14px} .v1-need-c i{font-style:normal;font-size:12.5px;color:var(--mut)}
.v1-cli{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.v1-cli-c{flex:1;min-width:0}
.v1-cli-c b{display:block;font-size:14.5px;line-height:1.3}
.v1-cli-c i{display:block;font-style:normal;font-size:13px;font-weight:800;margin-top:2px}
.v1-cli-c i small{font-weight:700;opacity:.8}
.v1-cli-c u{display:block;text-decoration:none;font-size:11.5px;color:var(--mut);margin-top:2px;font-weight:600}
.v1-rings{display:flex;gap:7px;flex:0 0 auto}
.ring{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--brand);color:var(--brand);display:grid;place-items:center;background:var(--brand-soft)}
.ring svg{width:19px;height:19px} .ring.wa{border-color:#1faa53;color:#1faa53}
.v1-call{border-top:1px solid var(--line);padding:11px 0;text-align:center;font-weight:800;color:var(--brand);font-size:14px}
.v1-kv{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.v1-bh + .v1-kv{border-top:0}
.v1-kv span{color:var(--body)} .v1-kv b{font-size:15px}
.v1-kv.is-now{background:var(--soft);margin:0 -13px;padding:10px 13px;border:0;border-radius:9px}
.v1-seg{display:inline-flex;background:var(--soft);border-radius:11px;padding:3px;gap:2px;flex:0 0 auto}
.v1-seg span{padding:8px 15px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--mut)}
.v1-seg span.on{background:var(--brand);color:#fff}
.v1-seg-wide{display:flex} .v1-seg-wide span{flex:1;text-align:center}
.v1-loja{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--soft);color:var(--mut);padding:2px 5px;border-radius:5px}
.v1-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--mut);font-weight:600}
.v1-leg span{display:flex;align-items:center;gap:5px}
.v1-cars{padding:0 0 4px;overflow:hidden}
.v1-band{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.v1-band.amb{background:var(--warn-bg);color:var(--warn)} .v1-band.grn{background:var(--ok-bg);color:var(--brand-deep)}
.v1-car{padding:11px 13px;border-top:1px solid var(--line)}
.v1-car-h{display:flex;align-items:center;gap:8px;font-size:15px}
.v1-car-h b{letter-spacing:.02em} .v1-car-h span{font-size:13px;font-weight:700;margin-left:auto}
.v1-car-d{font-size:13px;color:var(--mut);margin:1px 0 6px;font-weight:600}
.v1-car-m{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:var(--body)}
.v1-car-m b{font-weight:800;color:var(--ink)} .v1-car-m em{font-style:normal;font-weight:800}
.v1-car-a{display:flex;align-items:center;gap:10px;margin-top:9px}
.v1-btn{background:var(--brand);color:#fff;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:800}
.v1-btn.ghost{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}
.v1-link{color:var(--brand);font-weight:800;font-size:12.5px;text-decoration:underline}
.v1-stripe{position:absolute;left:0;right:0;top:0;height:5px}
.v1-stripe.grn{background:#22c55e}
.v1-fd{font-style:normal;font-weight:600;color:var(--mut);font-size:13.5px}
.v1-fstat{display:flex;align-items:center;gap:7px;font-weight:800;font-size:15px;flex:0 0 auto}
.v1-fstat svg{width:17px;height:17px}
.v1-sale{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid var(--line)}
.v1-sale>span:first-child{flex:0 0 40px;font-size:12.5px;color:var(--mut);font-weight:700}
.v1-sale .bar{flex:1} .v1-sale b{flex:0 0 52px;text-align:right;font-size:13px}
.v1-sunmi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px}
.v1-sunmi b{font-size:14px} .v1-sunmi i{display:block;font-style:normal;font-size:11.5px;color:var(--mut);margin-top:2px}
.v1-sw{width:48px;height:28px;border-radius:999px;background:#d9d7d0;position:relative;flex:0 0 auto}
.v1-sw::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow)}
.v1-acts{display:flex;gap:9px;flex:0 0 auto}
.v1-acts .v1-btn{flex:1;text-align:center}

/* ================= V2 - SEMAFORO ================= */
.v2-score{display:flex;gap:10px;flex:0 0 auto}
.v2-score>div{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 13px;box-shadow:var(--shadow)}
.v2-score b{display:block;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.v2-score span{display:block;font-size:12px;color:var(--mut);font-weight:600;margin-top:3px;line-height:1.3}
.v2-score-l b{color:var(--brand)} .v2-score-r b{color:var(--alert)}
.v2-when{font-size:12.5px;color:var(--mut);flex:0 0 auto;line-height:1.4}
.v2-list{padding:0;overflow:hidden;flex:0 0 auto}
.v2-head{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.v2-head.red{background:var(--alert-bg);color:var(--alert)}
.v2-head.amb{background:var(--warn-bg);color:var(--warn)}
.v2-head.grn{background:var(--ok-bg);color:var(--brand-deep)}
.v2-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border-top:1px solid var(--line)}
.v2-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}
.v2-ic svg{width:16px;height:16px}
.v2-item.red .v2-ic{background:var(--alert-bg);color:var(--alert)}
.v2-item.amb .v2-ic{background:var(--warn-bg);color:var(--warn)}
.v2-item.grn .v2-ic{background:var(--ok-bg);color:var(--brand)}
.v2-c{flex:1;min-width:0}
.v2-c b{display:block;font-size:14px;line-height:1.3}
.v2-c i{display:block;font-style:normal;font-size:12.5px;color:var(--mut);margin-top:2px;line-height:1.35}
.v2-act{flex:0 0 auto;border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:800}
.v2-act.red{background:var(--alert);color:#fff} .v2-act.amb{background:var(--warn);color:#fff}
.v2-act.grn{background:var(--brand-soft);color:var(--brand-deep)}
.v2-mini{display:flex;align-items:center;gap:8px;padding:8px 13px;border-top:1px solid var(--line);font-size:13px}
.v2-mini>span:first-child{flex:1;min-width:0;color:var(--body);font-weight:600}
.v2-mini b{font-size:13.5px;font-weight:800} .v2-mini i{font-style:normal;font-size:12.5px;font-weight:700;flex:0 0 62px;text-align:right}
.v2-rings{display:flex;gap:6px;flex:0 0 auto}
.ring.sm{width:36px;height:36px} .ring.sm svg{width:16px;height:16px}
.v2-alarm{background:var(--alert-bg);border:1px solid #f2cfcc;border-radius:15px;padding:15px;text-align:center;flex:0 0 auto}
.v2-alarm.amb{background:var(--warn-bg);border-color:#f0dcbb}
.v2-alarm-ic{width:38px;height:38px;border-radius:12px;background:var(--alert);color:#fff;display:inline-grid;place-items:center;margin-bottom:8px}
.v2-alarm.amb .v2-alarm-ic{background:var(--warn)}
.v2-alarm-ic svg{width:21px;height:21px}
.v2-alarm b{display:block;font-size:20px;color:var(--alert);letter-spacing:-.01em}
.v2-alarm.amb b{color:var(--warn)}
.v2-alarm span{display:block;font-size:13px;color:var(--body);margin-top:4px}
.v2-cta-row{display:flex;gap:9px;flex:0 0 auto}
.v2-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:#fff;
  border-radius:12px;padding:13px 8px;font-size:13.5px;font-weight:800}
.v2-cta svg{width:17px;height:17px} .v2-cta.wa{background:#1faa53}
.v2-note{padding:11px 13px;border-top:1px solid var(--line);font-size:12.5px;color:var(--body);line-height:1.5;background:var(--soft)}
.v2-ask{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;flex:0 0 auto;box-shadow:var(--shadow)}
.v2-ask b{display:block;font-size:14.5px;margin-bottom:9px}
.v2-opt{display:block;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;font-size:13.5px;font-weight:700;margin-bottom:7px;color:var(--body)}
.v1-stripe.amb2{background:#f59e0b}

/* ================= V3 - CONVERSA ================= */
.v3-day{font-size:12.5px;color:var(--mut);font-weight:700;flex:0 0 auto;padding:2px 2px 0}
.v3-thread{display:flex;flex-direction:column;gap:9px;flex:0 0 auto}
.v3-b{background:#fff;border:1px solid var(--line);border-radius:15px;border-top-left-radius:5px;padding:12px 14px;box-shadow:var(--shadow)}
.v3-b p{margin:0;font-size:14.5px;line-height:1.52;color:var(--ink)}
.v3-b b{font-weight:800;color:var(--brand-deep)}
.v3-b.warn{background:var(--warn-bg);border-color:#f0dcbb} .v3-b.warn b{color:var(--warn)}
.v3-b.alert{background:var(--alert-bg);border-color:#f2cfcc} .v3-b.alert b{color:var(--alert)}
.v3-f{display:block;margin-top:7px;font-size:11.5px;color:var(--mut);font-weight:600}
.v3-me{align-self:flex-end;background:var(--brand);color:#fff;border-radius:15px;border-bottom-right-radius:5px;padding:10px 13px;font-size:14px;max-width:80%}
.v3-acts{display:flex;gap:8px;flex:0 0 auto}
.v3-a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--brand);color:#fff;border-radius:12px;padding:12px 8px;font-size:13px;font-weight:800;text-align:center;line-height:1.2}
.v3-a svg{width:16px;height:16px;flex:0 0 auto} .v3-a.wa{background:#1faa53}
.v3-a.gh{background:#fff;color:var(--brand);border:1.5px solid var(--brand)}
.v3-cli{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 14px;box-shadow:var(--shadow)}
.v3-cli-t{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.v3-cli-t b{flex:1;min-width:0;font-size:14.5px}
.v3-cli p{margin:0;font-size:13.5px;line-height:1.5;color:var(--body)}
.v3-cli p b{font-weight:800;color:var(--alert)}
.v3-car{background:#fff;border:1px solid var(--line);border-radius:15px;padding:11px 14px;box-shadow:var(--shadow)}
.v3-car.bad{background:var(--alert-bg);border-color:#f2cfcc}
.v3-car-t{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}
.v3-car-t b{font-size:14.5px;letter-spacing:.02em} .v3-car-t span{font-size:12.5px;color:var(--mut);font-weight:600}
.v3-car p{margin:0;font-size:13.5px;line-height:1.5;color:var(--body)}
.v3-car p b{font-weight:800;color:var(--brand-deep)} .v3-car.bad p b{color:var(--alert)}
.v3-tbl{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;flex:0 0 auto;box-shadow:var(--shadow)}
.v3-tbl-h{padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--mut);background:var(--soft)}
.v3-tr{display:flex;align-items:center;gap:9px;padding:8px 13px;border-top:1px solid var(--line);font-size:13px}
.v3-tr>span:first-child{flex:1;min-width:0;font-weight:600;color:var(--body)}
.v3-tr b{font-weight:800;font-size:13.5px} .v3-tr i{font-style:normal;font-weight:700;font-size:12.5px;flex:0 0 58px;text-align:right}

/* ================= V4 - PAINEL ================= */
.v4-bar{display:flex;align-items:baseline;gap:8px;background:#12261a;color:#fff;border-radius:11px;padding:8px 11px;flex:0 0 auto}
.v4-bar b{font-size:12px;letter-spacing:.1em}
.v4-bar span{font-size:11px;color:#a9c4b4;font-weight:600}
.v4-src{margin-left:auto;background:rgb(255 255 255/13%);border-radius:5px;padding:2px 6px;font-size:9.5px!important}
.v4-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:0 0 auto}
.v4-kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 8px;text-align:center}
.v4-kpi span{display:block;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:800}
.v4-kpi b{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em;margin:2px 0 1px;line-height:1.1}
.v4-kpi i{display:block;font-style:normal;font-size:9.5px;color:var(--mut);font-weight:600}
.v4-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;flex:0 0 auto}
.v4-ph{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:5px 9px;background:var(--soft);
  font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--body)}
.v4-ph em{font-style:normal;font-size:9px;letter-spacing:.02em;text-transform:none;color:var(--mut);font-weight:700}
.v4-gr{display:flex;align-items:center;gap:6px;padding:4.5px 9px;border-top:1px solid #f0efe9;font-size:11.5px}
.v4-gr>span:first-child{flex:1;min-width:0;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:5px;line-height:1.25;flex-wrap:wrap}
.v4-gr b{flex:0 0 46px;text-align:right;font-weight:800;font-size:12px}
.v4-gr u{flex:0 0 44px;text-align:right;text-decoration:none;color:var(--mut);font-weight:600}
.v4-gr i{flex:0 0 46px;text-align:right;font-style:normal;font-weight:800}
.v4-gr em{flex:0 0 44px;text-align:right;font-style:normal;font-weight:700;font-size:11px}
.v4-gr o{flex:0 0 26px;text-align:right;display:block;color:var(--mut);font-weight:700;font-size:10.5px}
.v4-gr-6>span:first-child{flex:1 1 60px}
.v4-gr-3 em{flex:1}
.v4-lj{flex:0 0 auto!important;background:var(--soft);color:var(--mut);font-size:8px;font-weight:800;padding:1px 3px;border-radius:3px;text-decoration:none}
.v4-drv{display:block;flex:none!important;text-align:left!important;font-size:9.5px;color:var(--mut);font-weight:600;text-decoration:none}
.v4-gr-cli>span:first-child{display:block;line-height:1.25}
.v4-rings{display:flex;gap:4px;flex:0 0 auto}
.ring.xs{width:26px;height:26px;border-width:1px} .ring.xs svg{width:12px;height:12px}
.v4-stack{flex:1;height:9px;border-radius:5px;overflow:hidden;display:flex;background:#eee}
.v4-stack i{display:block;height:100%} .v4-stack i.c{background:#0b6b35} .v4-stack i.r{background:#5ba87c} .v4-stack i.o{background:#c3ddcc}
.v4-leg{display:flex;gap:11px;flex-wrap:wrap;padding:5px 9px;border-top:1px solid #f0efe9;font-size:9.5px;color:var(--mut);font-weight:700}
.v4-leg span{display:flex;align-items:center;gap:4px}
.v4-swatch{width:8px;height:8px;border-radius:2px;display:inline-block}
.v4-swatch.c{background:#0b6b35} .v4-swatch.r{background:#5ba87c} .v4-swatch.o{background:#c3ddcc}
.v4-car4{padding:6px 9px;border-top:1px solid #f0efe9}
.v4-car4.bad{background:var(--alert-bg)}
.v4-car4-t{display:flex;align-items:center;gap:6px;font-size:11.5px}
.v4-car4-t b{letter-spacing:.02em} .v4-car4-t span{color:var(--mut);font-weight:600}
.v4-car4-t em{margin-left:auto;font-style:normal;font-weight:800;font-size:10px}
.v4-car4-m{display:flex;gap:9px;margin-top:3px;flex-wrap:wrap}
.v4-car4-m span{display:flex;flex-direction:column}
.v4-car4-m u{text-decoration:none;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);font-weight:800}
.v4-car4-m b{font-size:12px;font-weight:800}
.v4-acts{display:flex;gap:6px;flex:0 0 auto}
.v4-acts .v3-a{font-size:11.5px;padding:10px 4px}
.v4-sp{display:inline-flex;align-items:flex-end;gap:1.5px;height:16px}
.v4-sp i{width:3px;background:var(--brand);border-radius:1px;display:block}