/* VELO site v2 · camada de ajustes a partir do protótipo (cores de status, cards com sombra, movimento, paleta B, telas do produto) */
:root{--st-coral:#E26A48;--st-coral-t:#FCEDE7;--st-coral-d:#A2401F;--st-amber:#C98A12;--st-amber-t:#FBF1DC;--st-amber-d:#7A5208;--st-green:#1E8A5B;--st-green-t:#E3F4EC;--st-green-d:#146443;--pv-blue:#2A5BFF;--pv-blue-t:#EAF0FF;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--sh-card:0 1px 2px rgba(10,18,53,.04),0 10px 28px -14px rgba(42,91,255,.22),0 0 0 1px rgba(10,18,53,.05);--sh-card-h:0 2px 4px rgba(10,18,53,.05),0 18px 36px -16px rgba(42,91,255,.3),0 0 0 1px rgba(10,18,53,.06)}
/* cards: sombra suave no lugar da borda (modo claro) */
html:not([data-mode="dark"]) :is(.card,.feature-card,.stat-card,.case-card,.float-card,.mock-frame,.logo-marquee-item,.hero-stats-row,.photo-card,.nav-drop-menu,.quote-card,.theme-toggle){border-color:transparent!important;box-shadow:var(--sh-card)}
html:not([data-mode="dark"]) .mock-frame{box-shadow:0 1px 2px rgba(10,18,53,.04),0 30px 70px -36px rgba(10,18,53,.35),0 0 0 1px rgba(10,18,53,.06)}
html:not([data-mode="dark"]) .case-card{transition:transform .2s var(--ease-out),box-shadow .2s ease}
html:not([data-mode="dark"]) .case-card:hover{box-shadow:var(--sh-card-h)}
/* movimento */
.btn{transition:transform .16s var(--ease-out),background .18s ease,box-shadow .18s ease,color .18s ease}
.btn:active{transform:scale(.97)!important}
.btn:hover{transform:none}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-1px)}}
.btn-link{transition:border-color .18s ease,gap .2s var(--ease-out)}
/* números de resultado com cor de status */
.case-card-num{color:var(--st-green)!important;-webkit-text-fill-color:currentColor}
.case-card-num.is-down-good{color:var(--st-green)!important}
/* ====== Paleta B · produto ====== */
html[data-look="b"]:not([data-mode="dark"]){--surface:#FFFFFF}
html[data-look="b"]:not([data-mode="dark"]) body{background:radial-gradient(1100px 520px at 10% -6%,#E4ECFF 0,transparent 70%),radial-gradient(900px 480px at 100% 0,#EEF0FB 0,transparent 70%),#F4F5F9 no-repeat}
html[data-look="b"]:not([data-mode="dark"]) .pill-soft{background:var(--pv-blue-t);color:#1635A8}
/* alternador de paleta */
.look-toggle{position:fixed;left:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:var(--surface);box-shadow:0 10px 30px -10px rgba(10,18,53,.3),0 0 0 1px var(--line);font:600 12px 'DM Sans',sans-serif;color:var(--fg)}
.look-toggle>span{padding:0 8px 0 10px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.look-toggle button{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font:inherit;color:var(--dim);transition:transform .16s var(--ease-out),background .15s ease,color .15s ease}
.look-toggle button i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(10,18,53,.15)}
.look-toggle button.is-on{background:var(--b900);color:#FFF}
.look-toggle button:active{transform:scale(.97)}
@media (max-width:640px){.look-toggle>span{display:none}}
/* ====== Telas do produto (pv-) ====== */
.pv-stage{background:radial-gradient(420px 220px at 10% -10%,#E4ECFF 0,transparent 70%),#F4F5F9!important;color:#0A1235;gap:10px!important;padding:16px!important;font-family:'DM Sans',sans-serif}
.pv-hello{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pv-h{display:block;font:600 19px/1.1 'Space Grotesk',sans-serif;letter-spacing:-.02em}
.pv-hello small{display:block;font-size:11px;color:rgba(10,18,53,.58);margin-top:3px}
.pv-sel{flex-shrink:0;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:#FFF;box-shadow:0 0 0 1px rgba(10,18,53,.08)}
.pv-ai{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;color:#FFF;background:radial-gradient(260px 130px at 92% 0,rgba(74,141,255,.5),transparent 70%),#0A1235}
.pv-k{display:block;font:700 9px 'JetBrains Mono',monospace;letter-spacing:.1em;color:#B8CCFF}
.pv-ai b{display:block;font:600 13.5px 'Space Grotesk',sans-serif;margin-top:3px}
.pv-ai-b{display:flex;gap:6px}
.pv-3d{font-size:11px;font-weight:600;padding:7px 11px;border-radius:9px;color:#FFF;background:linear-gradient(170deg,#5B8BFF 0,#2A5BFF 55%,#2238D9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 #14216E}
.pv-3d-sky{color:#0A1235;background:linear-gradient(170deg,#FFF 0,#E4ECFF 60%,#C9D8FF 100%);box-shadow:inset 0 1px 0 #FFF,0 3px 0 #7F9CF0}
.pv-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;flex:1;min-height:0}
.pv-card{background:#FFF;border-radius:14px;padding:12px;box-shadow:0 1px 2px rgba(10,18,53,.04),0 8px 20px -12px rgba(42,91,255,.22),0 0 0 1px rgba(10,18,53,.05);display:flex;flex-direction:column;gap:8px;min-width:0}
.pv-lab{font:700 9px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,18,53,.55)}
.pv-ring{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--st-green) 50%,#E6E9F0 0);margin:4px auto 0}
.pv-ring span{width:56px;height:56px;border-radius:50%;background:#FFF;display:grid;place-items:center;font:600 16px 'Space Grotesk',sans-serif}
.pv-ring-l{text-align:center;font-size:11px;color:rgba(10,18,53,.62);line-height:1.35}
.pv-dist{display:flex;height:6px;border-radius:9px;overflow:hidden;gap:2px}
.pv-dist i{display:block;height:100%}
.pv-who{display:flex;flex-direction:column;gap:6px}
.pv-who>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center}
.pv-av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 10px 'DM Sans',sans-serif;color:#FFF}
.pv-who b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-who small{display:block;font-size:10.5px;color:rgba(10,18,53,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}
.pv-coral{background:var(--st-coral-t);color:var(--st-coral-d)}.pv-amber{background:var(--st-amber-t);color:var(--st-amber-d)}.pv-green{background:var(--st-green-t);color:var(--st-green-d)}
.pv-code{font:600 10px 'JetBrains Mono',monospace;padding:2px 6px;border-radius:5px;background:var(--pv-blue-t);color:#1635A8;white-space:nowrap}
.pv-code-c{background:var(--st-coral-t);color:var(--st-coral-d)}
.pv-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pv-leg{display:flex;gap:10px;font-size:10.5px;color:rgba(10,18,53,.62)}
.pv-leg span{display:flex;align-items:center;gap:5px}.pv-leg i{width:8px;height:8px;border-radius:3px}
.pv-habs{display:flex;flex-direction:column;gap:7px}
.pv-hab{display:grid;grid-template-columns:70px 108px minmax(0,1fr);gap:8px;align-items:center;font-size:11.5px}
.pv-hab>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-bar{display:flex;height:14px;border-radius:5px;overflow:hidden;gap:2px}
.pv-bar i{display:grid;place-items:center;font:700 9px 'JetBrains Mono',monospace;font-style:normal;color:#FFF;transform-origin:left}
.pv-orig{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding:10px 12px;border-radius:12px;background:var(--st-coral-t)}
.pv-orig b{font-size:12px;color:#0A1235}.pv-orig small{display:block;font-size:10.5px;color:var(--st-coral-d)}
.pv-chain{display:flex;align-items:center;gap:6px;margin-left:auto}
.pv-btn{font-size:11px;font-weight:600;padding:7px 12px;border-radius:9px;background:#0A1235;color:#FFF;white-space:nowrap}
.pv-btn-g{background:#FFF;color:#0A1235;box-shadow:0 0 0 1px rgba(10,18,53,.12)}
.pv-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pv-tabs span{font-size:11px;font-weight:600;padding:6px 10px;border-radius:999px;background:#FFF;color:rgba(10,18,53,.62);box-shadow:0 0 0 1px rgba(10,18,53,.07)}
.pv-tabs span.is-on{background:#0A1235;color:#FFF;box-shadow:none}
.pv-tabs em{font-style:normal;color:var(--st-amber)}
.pv-q{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;align-items:end;height:76px}
.pv-q>div{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}
.pv-q i{display:block;width:100%;border-radius:4px 4px 2px 2px;transform-origin:bottom}
.pv-q small{font:600 9px 'JetBrains Mono',monospace;color:rgba(10,18,53,.5)}
.pv-kpi{display:flex;gap:14px}
.pv-kpi b{display:block;font:600 18px 'Space Grotesk',sans-serif}.pv-kpi small{font-size:10px;color:rgba(10,18,53,.55)}
.pv-err{display:flex;flex-direction:column;gap:6px}
.pv-err>div{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center}
.pv-err b{font:600 13px 'Space Grotesk',sans-serif;color:var(--st-coral-d)}
.pv-err span{font-size:11.5px;font-weight:600}.pv-err small{display:block;font-size:10px;color:rgba(10,18,53,.55);font-weight:400}
.pv-foot{display:flex;gap:6px;align-items:center;margin-top:auto}
.pv-foot small{margin-left:auto;font-size:10.5px;color:rgba(10,18,53,.55)}
/* relatórios · antes e depois */
.pv-wk{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;align-items:end;height:120px}
.pv-wk>div{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:flex-end;align-items:stretch}
.pv-wk i{display:block;border-radius:3px;transform-origin:bottom}
.pv-wk small{text-align:center;font:600 9px 'JetBrains Mono',monospace;color:rgba(10,18,53,.5);margin-top:3px}
.pv-rank{display:flex;flex-direction:column;gap:9px}
.pv-rank>div{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:4px 10px;align-items:center}
.pv-rank b{font-size:12px;font-weight:600}.pv-rank small{font-size:10.5px;color:rgba(10,18,53,.55);font-weight:400}
.pv-rank strong{grid-row:span 2;text-align:right;font:600 13px 'Space Grotesk',sans-serif;color:var(--st-green-d)}
.pv-rank strong em{font-style:normal;color:var(--st-coral-d)}
.pv-track{position:relative;height:8px;border-radius:9px;background:#EEF0F5}
.pv-track i{position:absolute;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,var(--st-coral),var(--st-amber) 45%,var(--st-green));transform-origin:left}
.pv-steps{display:flex;gap:3px}.pv-steps i{width:14px;height:6px;border-radius:3px;background:#E6E9F0}.pv-steps i.on{background:var(--st-amber)}
.pv-cap{margin-top:12px;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.04em;color:var(--dim);text-align:center}
/* entrada: só quando a tela aparece */
.pv-anim .pv-in{opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}
.pv-anim .pv-grow{transform:scaleX(0);transition:transform .6s var(--ease-out)}
.pv-anim .pv-rise{transform:scaleY(0);transition:transform .5s var(--ease-out)}
.pv-anim.is-in .pv-in{opacity:1;transform:none}
.pv-anim.is-in .pv-grow{transform:none}
.pv-anim.is-in .pv-rise{transform:none}
@media (prefers-reduced-motion:reduce){.pv-anim .pv-in,.pv-anim .pv-grow,.pv-anim .pv-rise{transform:none!important;transition:opacity .15s ease}.btn:active{transform:none!important}}
@media (max-width:640px){.pv-grid{grid-template-columns:1fr}.pv-hab{grid-template-columns:62px minmax(0,1fr)}.pv-hab>span:nth-child(2){display:none}}