/* Meus Treinos · identidade Aricelio Moura (âmbar sobre grafite) */
@font-face{font-family:'Archivo';font-weight:400 800;font-display:swap;src:url(../fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-weight:400 800;font-display:swap;src:url(../fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo Narrow';font-weight:400 700;font-display:swap;src:url(../fonts/archivo-narrow-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo Narrow';font-weight:400 700;font-display:swap;src:url(../fonts/archivo-narrow-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:dark;
  --fundo:#101418; --fundo-fundo:#0b0f13; --superficie:#171d24; --superficie-2:#1e2731; --borda:#2a323b;
  --texto:#e8e6e1; --texto-suave:#c9cdd2; --muted:#9aa3ad;
  --ambar:#f5a524; --ambar-forte:#ffb84d; --ambar-escuro:#a15c00; --on-ambar:#101418; --ambar-meio:#e08a00;
  --ok:#5fd08a; --erro:#ff7a7a;
  --fonte-titulo:"Archivo Narrow","Arial Narrow",sans-serif;
  --fonte-texto:"Archivo",system-ui,sans-serif;
  --raio:16px; --nav-h:64px;
  --sombra:0 30px 60px -20px rgb(0 0 0 / .75);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--ambar-escuro) var(--fundo-fundo)}
body{margin:0;min-height:100vh;background:radial-gradient(1100px 560px at 85% -8%,color-mix(in srgb, var(--ambar) 10%, transparent),transparent 60%),var(--fundo);color:var(--texto);font:16px/1.5 var(--fonte-texto);overflow-x:clip;-webkit-tap-highlight-color:transparent}
h1,h2,h3{font-family:var(--fonte-titulo);letter-spacing:.2px;line-height:1.15;margin:0}
h1{font-size:1.9rem;font-weight:700}h2{font-size:1.35rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}
p{margin:0 0 .75rem}a{color:var(--ambar-forte)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ambar);outline-offset:2px;border-radius:6px}
.boot{padding:40px 16px;text-align:center;color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.center{text-align:center}
.mono{font-variant-numeric:tabular-nums}

/* Layout */
.shell{max-width:760px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 40px + env(safe-area-inset-bottom))}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;margin:0 -16px 8px;background:color-mix(in srgb, var(--fundo) 86%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid rgb(255 255 255 / .06)}
.topbar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto);font:700 1.2rem var(--fonte-titulo)}
.topbar .brand img{width:30px;height:30px;border-radius:8px}
.topbar .grow{flex:1}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;background:rgb(23 29 36 / .94);backdrop-filter:blur(12px);border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom)}
.nav-in{display:flex;width:100%;max-width:760px}
.nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--nav-h);color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:600}
.nav a svg{width:23px;height:23px}
.nav a[aria-current=page]{color:var(--ambar)}

/* Cartões e componentes */
.card{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-bottom:12px}
.card.hl{border-color:color-mix(in srgb, var(--ambar) 35%, transparent);background:linear-gradient(160deg,color-mix(in srgb, var(--ambar) 10%, transparent),var(--superficie) 55%)}
.card h3{margin-bottom:4px}
.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}
.stack>*+*{margin-top:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{background:var(--superficie);border:1px solid var(--borda);border-radius:14px;padding:12px}
.stat b{display:block;font:700 1.5rem var(--fonte-titulo);color:var(--ambar-forte)}
.stat span{font-size:.78rem;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--superficie-2);color:var(--texto-suave);border:1px solid var(--borda)}
.badge.pr{background:color-mix(in srgb, var(--ambar) 16%, transparent);color:var(--ambar-forte);border-color:color-mix(in srgb, var(--ambar) 40%, transparent)}
.ponto{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ambar);box-shadow:0 0 0 4px color-mix(in srgb, var(--ambar) 18%, transparent)}
.eyebrow{font:600 .75rem var(--fonte-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--ambar)}
hr{border:0;border-top:1px solid var(--borda);margin:16px 0}
.empty{text-align:center;padding:28px 12px;color:var(--muted)}
.err{background:#3a1d1d;border:1px solid #7a2e2e;color:#ffc2c2;padding:10px 12px;border-radius:12px;margin-bottom:12px}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--borda);border-radius:12px;background:var(--superficie-2);color:var(--texto);font-weight:700;cursor:pointer;text-decoration:none;transition:transform .08s,border-color .15s,background .15s}
.btn:hover{border-color:var(--ambar-escuro)}.btn:active{transform:scale(.97)}
.btn.primary{background:var(--ambar);border-color:var(--ambar);color:var(--on-ambar)}
.btn.primary:hover{background:var(--ambar-forte)}
.btn.ghost{background:transparent}.btn.danger{color:var(--erro);border-color:#5a2a2a;background:transparent}
.btn.block{display:flex;width:100%}.btn.sm{min-height:36px;padding:0 12px;font-size:.88rem}
.btn[disabled]{opacity:.5;pointer-events:none}
.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.icon-btn:hover{color:var(--ambar);background:var(--superficie-2)}.icon-btn svg{width:20px;height:20px}

/* Formulários */
.f{display:block;margin-bottom:16px;font-size:.85rem;font-weight:600;color:var(--texto-suave)}
.f>.choices,.f>.chips{margin-top:8px}
.in,select.in,textarea.in{display:block;width:100%;min-height:44px;margin-top:8px;padding:9px 12px;background:var(--fundo);border:1px solid var(--borda);border-radius:12px;color:var(--texto);font-size:1rem}
.in:focus{outline:2px solid var(--ambar);outline-offset:0;border-color:var(--ambar)}
textarea.in{min-height:80px;resize:vertical}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}
.chip{flex:0 0 auto;padding:6px 14px;border-radius:999px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto-suave);font-size:.85rem;font-weight:600;cursor:pointer}
.chip[aria-pressed=true]{background:var(--ambar);border-color:var(--ambar);color:var(--on-ambar)}

/* Listas */
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--borda)}
.list li:last-child{border-bottom:0}
.list .grow{flex:1;min-width:0}
.list .t{font-weight:600}.list .s{font-size:.82rem;color:var(--muted)}
a.item{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.day-h{font:700 .8rem var(--fonte-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 2px 8px}

/* Treino ativo */
.wk-head{position:sticky;top:0;z-index:15;margin:0 -16px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb, var(--fundo) 92%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
.timer{font:700 1.3rem var(--fonte-titulo);color:var(--ambar-forte);font-variant-numeric:tabular-nums}
.ex-card{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:14px;margin:12px 0}
.ex-card h3 a{color:var(--texto);text-decoration:none}
.sets{width:100%;border-collapse:collapse;margin-top:8px}
.sets th{font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 4px;text-align:center}
.sets td{padding:4px;text-align:center;vertical-align:middle}
.sets .no{width:30px;font-weight:700;color:var(--muted)}
.sets .prev{font-size:.78rem;color:var(--muted);white-space:nowrap}
.sets input{width:100%;max-width:84px;height:42px;text-align:center;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;font:600 1rem var(--fonte-texto);-moz-appearance:textfield}
.sets input::-webkit-outer-spin-button,.sets input::-webkit-inner-spin-button{-webkit-appearance:none}
.sets tr.done input{background:rgb(95 208 138 / .1);border-color:rgb(95 208 138 / .45)}
.sets tr.done .no{color:var(--ok)}
.check{width:42px;height:42px;border-radius:10px;border:1px solid var(--borda);background:var(--superficie-2);color:var(--muted);cursor:pointer;display:inline-grid;place-items:center}
.check svg{width:20px;height:20px}
tr.done .check{background:var(--ok);border-color:var(--ok);color:#06210f}
.hint{font-size:.78rem;color:var(--muted)}
.rest{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));z-index:40;max-width:736px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--superficie-2);border:1px solid var(--ambar);border-radius:16px;box-shadow:var(--sombra)}
.rest b{font:700 1.7rem var(--fonte-titulo);color:var(--ambar-forte);font-variant-numeric:tabular-nums;min-width:74px}
.rest .bar{flex:1;height:6px;background:var(--fundo);border-radius:99px;overflow:hidden}
.rest .bar i{display:block;height:100%;background:var(--ambar);transition:width .25s linear}

/* Modal */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgb(0 0 0 / .6)}
.sheet{width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;background:var(--superficie);border:1px solid var(--borda);border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:var(--sombra)}
.sheet .scroll{overflow:auto;margin:0 -4px;padding:0 4px;flex:1}
@media(min-width:640px){.modal{align-items:center}.sheet{border-radius:20px}}
.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translateX(-50%);z-index:70;max-width:90vw;padding:10px 18px;border-radius:999px;background:var(--ambar);color:var(--on-ambar);font-weight:700;box-shadow:var(--sombra)}
.toast.bad{background:#7a2e2e;color:#fff}

/* Gráficos */
.chart{width:100%;height:auto;display:block}
.chart text{fill:var(--muted);font:11px var(--fonte-texto)}
.chart .grid{stroke:var(--borda);stroke-width:1}
.chart .ln{fill:none;stroke:var(--ambar);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.chart .ar{fill:color-mix(in srgb, var(--ambar) 12%, transparent)}.chart .pt{fill:var(--ambar-forte)}
.bars .b{display:grid;grid-template-columns:96px 1fr 34px;gap:8px;align-items:center;margin:6px 0;font-size:.85rem}
.bars .tr{height:10px;background:var(--fundo);border-radius:99px;overflow:hidden}.bars .tr i{display:block;height:100%;background:linear-gradient(90deg,var(--ambar-escuro),var(--ambar-forte));border-radius:99px}
.heat{overflow-x:auto;padding-bottom:4px}.heat svg{display:block;min-width:640px;width:100%}
.heat rect{rx:2.5}

/* Auth */
.auth{max-width:420px;margin:0 auto;padding:calc(32px + env(safe-area-inset-top)) 16px 40px}
.auth .logo{display:block;width:150px;margin:0 auto 18px}
.auth h1{text-align:center;margin-bottom:6px}.auth .sub{text-align:center;color:var(--muted);margin-bottom:22px}

/* Rodapé de marca */
.credit{margin:34px 0 8px;text-align:center;font-size:.8rem;color:var(--muted)}
.credit a{display:inline-flex;align-items:center;gap:8px;color:var(--texto-suave);text-decoration:none;font-weight:600}
.credit img{height:22px;width:auto;vertical-align:middle}
.credit a:hover{color:var(--ambar)}

/* Ajustes gerais (auditoria de UI) */
.grow{flex:1}
.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn.sm{min-height:40px}
.icon-btn{width:44px;height:44px;flex:none}
.icon-btn[disabled]{opacity:.28;pointer-events:none}
.chips{flex:none}
.chip{min-height:40px}
.toast{width:max-content;text-align:center}
body:has(.rest) .toast{bottom:calc(var(--nav-h) + 96px)}
body.focus .toast{bottom:calc(24px + env(safe-area-inset-bottom))}
body.focus:has(.rest) .toast{bottom:calc(104px + env(safe-area-inset-bottom))}

/* Treino em tela cheia: sem topo nem abas, descanso ancorado no rodapé */
.shell.focus{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
.wk-head .row{gap:8px}
.wk-head .timer{font-size:1.15rem}
.wk-prog{display:flex;align-items:center;gap:10px;margin-top:8px}
.wk-prog .bar{flex:1;height:6px;background:var(--superficie-2);border-radius:99px;overflow:hidden}
.wk-prog .bar i{display:block;height:100%;background:var(--ambar);border-radius:99px;transition:width .3s}
.set{display:grid;grid-template-columns:26px 1fr 1fr 44px;gap:6px;align-items:center;padding:4px 0}
.set.time{grid-template-columns:26px 1fr 44px}
.set-h{margin-top:10px;padding:0;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}
.set .no{font-weight:700;color:var(--muted);text-align:center}
.set.done .no{color:var(--ok)}
.stepper{display:flex;align-items:stretch;height:44px;min-width:0;background:var(--fundo);border:1px solid var(--borda);border-radius:10px;overflow:hidden}
.stepper input{flex:1;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:center;font:600 1rem var(--fonte-texto)}
.stepper input:focus{outline:2px solid var(--ambar);outline-offset:-2px;border-radius:8px}
.stp{flex:0 0 32px;border:0;background:var(--superficie-2);color:var(--texto-suave);font:700 1.15rem var(--fonte-texto);cursor:pointer;touch-action:manipulation}
.stp:active{background:var(--ambar);color:var(--on-ambar)}
.set.done .stepper{background:rgb(95 208 138 / .1);border-color:rgb(95 208 138 / .45)}
.check{width:44px;height:44px;touch-action:manipulation}
.set.done .check{background:var(--ok);border-color:var(--ok);color:#06210f}
.set-cap{grid-column:2 / -1;margin-top:-2px;font-size:.76rem;color:var(--muted)}
.hint.sug{margin-top:4px;color:var(--ambar-forte)}
.rest{overflow:hidden;gap:8px}
.rest .bar{position:absolute;left:0;right:0;top:0;height:4px;border-radius:0;flex:none}
.rest .btn.sm{min-height:44px;padding:0 10px}
body.focus .rest{left:0;right:0;bottom:0;max-width:760px;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}

@media(min-width:760px){.shell{padding-left:0;padding-right:0}.topbar{margin:0 0 8px;border-radius:0 0 16px 16px}.wk-head{margin:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Plano gerado, assistente, animações dos exercícios ===== */
.chev{color:var(--muted);font-size:1.4rem;line-height:1}
.link{background:none;border:0;color:var(--ambar-forte);font-weight:600;padding:10px 0 0;cursor:pointer;display:block;margin:0 auto}
.how{margin:6px 0 0;padding-left:20px}.how li{margin:5px 0}
ol.how{padding-left:22px}
.card.note{border-color:color-mix(in srgb, var(--ambar) 40%, transparent);background:color-mix(in srgb, var(--ambar) 8%, transparent);font-size:.92rem}
.badge.tone-ok{background:rgb(95 208 138 / .15);color:var(--ok);border-color:rgb(95 208 138 / .4)}
.badge.tone-warn{background:color-mix(in srgb, var(--ambar) 15%, transparent);color:var(--ambar-forte);border-color:color-mix(in srgb, var(--ambar) 40%, transparent)}
.badge.tone-bad{background:rgb(255 122 122 / .14);color:var(--erro);border-color:rgb(255 122 122 / .4)}

/* animação / imagem do exercício */
.ex-img{display:block;object-fit:cover;background:#fff;border-radius:12px}
.ex-img.ph{background:var(--superficie-2)}
.thumb{width:72px;height:72px;flex:none;border-radius:12px;background:#fff;object-fit:cover}
.thumb.sm{width:52px;height:52px;border-radius:10px}.thumb.xs{width:34px;height:34px;border-radius:8px}
.thumbs{display:flex;gap:6px;margin-top:8px;overflow:hidden}
.media-box{background:#fff;border-radius:16px;overflow:hidden;margin:4px 0 12px;display:grid;place-items:center}
.ex-big{width:100%;max-width:420px;height:auto;aspect-ratio:1;border-radius:0}
.pick{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:6px 2px;cursor:pointer;border-radius:10px;min-height:56px}
.pick:hover{background:var(--superficie-2)}
.pick .t,.trow .t{display:block;font-weight:600}.pick .s,.trow .s{display:block;font-size:.82rem;color:var(--muted)}
.card.tbl{padding:4px 12px}
.trow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--borda);color:inherit;padding:10px 0;cursor:pointer;min-height:72px}
.trow:last-child{border-bottom:0}

/* cartão do exercício no treino */
.ex-head{display:flex;align-items:flex-start;gap:12px}
.thumb-btn{position:relative;flex:none;padding:0;border:0;background:none;cursor:pointer;border-radius:12px}
.thumb-btn .how-l{position:absolute;left:0;right:0;bottom:0;background:color-mix(in srgb, var(--fundo) 82%, transparent);color:var(--ambar-forte);font-size:.62rem;font-weight:700;text-align:center;padding:2px 0;border-radius:0 0 12px 12px}
.rx{margin-top:2px;font-weight:600;color:var(--ambar-forte);font-size:.9rem}

/* Hoje */
.card.week{padding:14px}
.strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.wd{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-radius:12px;color:var(--muted);font-size:.72rem;font-weight:600}
.wd b{font:700 1.05rem var(--fonte-titulo);color:var(--texto)}
.wd.today{background:var(--ambar);color:var(--on-ambar)}.wd.today b{color:var(--on-ambar)}
.wd i{width:7px;height:7px;border-radius:50%;background:transparent}
.wd i.plan{background:var(--muted)}.wd i.done{background:var(--ok)}.wd.today i.plan{background:var(--on-ambar)}.wd.today i.done{background:#06210f}
.today-card{display:flex;color:inherit;text-decoration:none}
.today-card h2{margin:2px 0}
.bmi-mini{margin-bottom:12px}

/* Plano */
.card.days{padding:4px 12px}
.dayrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--borda);color:inherit;text-decoration:none;min-height:64px}
.dayrow:last-child{border-bottom:0}
.dayrow>b{width:34px;font:700 .9rem var(--fonte-titulo);color:var(--ambar);text-transform:uppercase;flex:none}
.dayrow .t{display:block;font-weight:600}.dayrow .s{display:block;font-size:.82rem;color:var(--muted)}
.dayrow.off{opacity:.65}.dayrow.off>b{color:var(--muted)}

/* Navegação: botão central Iniciar */
.nav-go{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--nav-h);background:none;border:0;color:var(--ambar);font-size:.72rem;font-weight:700;cursor:pointer;position:relative}
.nav-go svg{width:44px;height:44px;padding:11px;border-radius:50%;background:var(--ambar);color:var(--on-ambar);margin-top:-22px;box-shadow:0 6px 18px -4px color-mix(in srgb, var(--ambar) 55%, transparent)}
.nav-go span{margin-top:-1px}

/* Assistente inicial */
.wz{max-width:520px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 48px}
.wz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.wz-top .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--texto);font:700 1.05rem var(--fonte-titulo)}
.wz-dots{display:flex;gap:6px}.wz-dots i{width:22px;height:5px;border-radius:99px;background:var(--superficie-2)}
.wz-dots i.on{background:var(--ambar)}.wz-dots i.done{background:var(--ambar-escuro)}
.wz h1{margin-bottom:6px}.wz>.muted,.wz p.muted{margin-bottom:16px}
.wz-nav{display:flex;gap:10px;justify-content:space-between;margin-top:20px;position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--fundo) 30%)}
.wz-nav .btn.primary{flex:1;max-width:260px}
.wz .f .hint{display:block;font-weight:400;margin:2px 0 0}
.choices{display:grid;gap:10px;margin-top:6px}.choices.two{grid-template-columns:1fr 1fr}.choices.four{grid-template-columns:repeat(4,1fr)}
.choice{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px;min-height:56px;background:var(--superficie);border:2px solid var(--borda);border-radius:14px;color:var(--texto);cursor:pointer;font-weight:400}
.choice b{font-size:1rem}.choice span{font-size:.82rem;color:var(--muted)}
.choice[aria-pressed=true]{border-color:var(--ambar);background:color-mix(in srgb, var(--ambar) 10%, transparent)}
.choices.four .choice{align-items:center;text-align:center}.choices.four .choice b{font:700 1.4rem var(--fonte-titulo)}
.list.sum li{justify-content:space-between}
.imc-n{font:700 2.6rem var(--fonte-titulo);color:var(--ambar-forte);line-height:1}
.gauge{margin:12px 0 4px}
.gauge-bar{position:relative;display:flex;height:12px;border-radius:99px;overflow:visible}
.gauge-bar i{display:block;height:100%}
.gauge-bar .z1{flex:14;background:#5aa9e6;border-radius:99px 0 0 99px}.gauge-bar .z2{flex:26;background:var(--ok)}
.gauge-bar .z3{flex:20;background:var(--ambar)}.gauge-bar .z4{flex:40;background:var(--erro);border-radius:0 99px 99px 0}
.gauge-bar b{position:absolute;top:-4px;width:6px;height:20px;margin-left:-3px;background:#fff;border-radius:3px;box-shadow:0 0 0 2px var(--fundo)}
.gauge-l{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:4px}
details.card summary{cursor:pointer;min-height:32px}
details.card[open] summary{margin-bottom:8px}

/* ===== Ajustes de espaçamento e dropdowns ===== */
select.in{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa3ad' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
select.in:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5a524' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.grid2,.grid3{margin-top:2px}
.grid2>.f,.grid3>.f{margin-bottom:12px}
.choices{margin-bottom:4px}
.wz .grid3{margin-top:4px}
.card>.f:last-child,.card>form>.f:last-of-type{margin-bottom:12px}
label.f .hint{margin-top:4px}

/* faixas de filtro que rolam para o lado: arrastar com o mouse, deslizar com o dedo */
.chips{cursor:grab;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;user-select:none;padding:2px 2px 10px}
.chips.dragging{cursor:grabbing}.chips.dragging .chip{pointer-events:none}
.chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}

/* ===== V2: gestão, equipe, ficha, avaliações ===== */
.seg{display:flex;gap:4px;padding:4px;background:var(--superficie);border:1px solid var(--borda);border-radius:14px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}
.seg button{flex:1 0 auto;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--texto-suave);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap}
.seg button[aria-selected=true]{background:var(--ambar);color:var(--on-ambar)}
.seg button i{font-style:normal;margin-left:4px;padding:1px 7px;border-radius:99px;background:rgb(255 255 255 / .12);font-size:.74rem}
.seg button[aria-selected=true] i{background:color-mix(in srgb, var(--fundo) 22%, transparent)}
.urow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--borda)}
.urow:last-child{border-bottom:0}
.urow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left;background:none;border:0;color:inherit;text-decoration:none;cursor:pointer;padding:2px 0}
.urow-main .t{font-weight:700}.urow-main .s{font-size:.82rem;color:var(--muted);overflow-wrap:anywhere}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.uact{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex:none}
.btn.wa{background:#1f6f43;border-color:#1f6f43;color:#fff}.btn.wa:hover{background:#25834f;border-color:#25834f}
.btn.wa svg{width:18px;height:18px}
.badge.code{cursor:pointer;font-family:inherit}.badge.code b{letter-spacing:.1em}
.card.co.suspensa{opacity:.75;border-color:#5a2a2a}
.warn-t{color:var(--ambar-forte)}
.chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:400;font-size:.85rem;color:var(--texto-suave)}
.chk input{width:18px;height:18px;accent-color:var(--ambar)}
.list.sum li{justify-content:space-between;gap:12px}.list.sum b{text-align:right;overflow-wrap:anywhere}
.media-pick{display:flex;align-items:center;gap:12px;margin-top:8px}
.icon-btn.sm{width:36px;height:36px}
details.rt summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rt-body{margin-top:10px}
.rt-row{padding:10px 0;border-top:1px solid var(--borda)}
.rt-name{display:flex;align-items:center;gap:10px;font-weight:600;min-width:0}.rt-name .clip{flex:1;min-width:0}
.rt-act{display:flex;flex:none}
.rt-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.rt-fields label{font-size:.72rem;color:var(--muted);font-weight:600}
.rt-fields .in{margin-top:4px;min-height:40px;padding:6px;text-align:center}

/* avaliação: guia animado, fotos, comparação */
.guide{margin:6px 0 12px}
.guide-svg{width:100%;max-width:360px;display:block;margin:0 auto;background:var(--superficie);border:1px solid var(--borda);border-radius:16px}
.gt{fill:var(--muted);font:600 11px var(--fonte-texto)}
.g-rot{transform-origin:0 0;animation:gturn 12s ease-in-out infinite}
@keyframes gturn{0%,20%{transform:rotate(180deg)}25%,45%{transform:rotate(270deg)}50%,70%{transform:rotate(360deg)}75%,95%{transform:rotate(450deg)}100%{transform:rotate(540deg)}}
.gl{fill:var(--ambar-forte);font:700 13px var(--fonte-texto);text-anchor:middle;opacity:0;animation:gshow 12s linear infinite}
.gl2{animation-delay:-9s}.gl3{animation-delay:-6s}.gl4{animation-delay:-3s}
@keyframes gshow{0%,23%{opacity:1}25%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.g-rot{animation:none;transform:rotate(180deg)}.gl{animation:none;opacity:0}.gl1{opacity:1}}
.guide-tips{margin-top:12px;font-size:.92rem}
.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:3/4;border:2px dashed var(--borda);border-radius:14px;background:var(--superficie);overflow:hidden;cursor:pointer;color:var(--muted)}
.slot.has{border-style:solid;border-color:var(--ok)}
.slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slot-ph svg{width:34px;height:34px}
.slot-l{position:absolute;left:0;right:0;bottom:0;padding:6px;text-align:center;font-size:.78rem;font-weight:700;background:color-mix(in srgb, var(--fundo) 78%, transparent);color:var(--texto)}
.slot:focus-within{outline:3px solid var(--ambar)}
.cmp{margin:12px 0}.cmp-h,.cmp-row{display:grid;grid-template-columns:54px 1fr 1fr;gap:8px;align-items:stretch}
.cmp-h{margin-bottom:6px;text-align:center;font-size:.8rem}.cmp-row{margin-bottom:8px}
.cmp-l{display:flex;align-items:center;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);justify-content:center}
.cmp-ph{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--superficie-2);border:0;padding:0;cursor:zoom-in}
.cmp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-ph.none{display:grid;place-items:center;color:var(--muted);font-size:.75rem;cursor:default;border:1px dashed var(--borda);background:transparent}
.mt{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:8px}
.mt th{font-size:.72rem;color:var(--muted);text-align:right;padding:6px 4px}.mt th:first-child,.mt td:first-child{text-align:left}
.mt td{padding:7px 4px;text-align:right;border-top:1px solid var(--borda)}
.delta{font-weight:700}.delta.good{color:var(--ok)}.delta.bad{color:var(--erro)}
@media(max-width:380px){.rt-fields{grid-template-columns:repeat(2,1fr)}}

.topbar .brand{white-space:nowrap}.topbar .badge{white-space:nowrap;max-width:48vw;overflow:hidden;text-overflow:ellipsis}

/* ===== Marca / white-label ===== */
.brand-img{height:30px;width:auto;min-width:30px;max-width:120px;border-radius:8px;object-fit:contain}
.auth .logo.sm{width:84px;height:84px;border-radius:20px}
.auth .logo.custom{width:auto;max-width:220px;max-height:110px;object-fit:contain}
.ok-t{color:var(--ok)}.bad-t{color:var(--erro)}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.sw{position:relative;width:44px;height:44px;border-radius:50%;border:3px solid var(--borda);cursor:pointer;padding:0;display:grid;place-items:center}
.sw[aria-pressed=true]{border-color:var(--texto);box-shadow:0 0 0 2px var(--fundo) inset}
.sw.custom{background:conic-gradient(#f55,#fd5,#5f5,#5ff,#55f,#f5f,#f55);overflow:hidden}
.sw.custom span{width:22px;height:22px;border-radius:50%;background:var(--fundo);color:var(--texto);display:grid;place-items:center;font-weight:700;pointer-events:none}
.sw.custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.brand-prev .bp-head{display:flex;align-items:center;gap:12px}
.bp-logo{width:46px;height:46px;border-radius:10px;object-fit:contain;background:var(--superficie-2)}
.bp-head b{display:block;font:700 1.15rem var(--fonte-titulo)}.bp-head small{color:var(--muted)}