:root{
  color-scheme:light;
  --bg:#FFFFFF; --surface:#FFFFFF; --soft:#F7F6F9; --sunk:#F1EFF4; --line:#ECE9F0; --line2:#DEDAE4;
  --ink:#1D1823; --ink2:#5F5868; --ink3:#9690A0;
  --accent:#7B2D6A; --accent-ink:#FFFFFF; --accent-soft:#F6ECF4;
  --pre:#C98A2B; --pre-soft:#FBF3E6;
  --ok:#2A7A4B; --ok-soft:#E8F5EC;
  --warn:#B9520E; --warn-soft:#FDEFE5;
  --info:#3F5F86; --info-soft:#EAF0F7;
  --new:#1F6F86; --new-soft:#E4F4F8;
  --neon-g:#39FF88; --neon-r:#FF3D6E;
  --display:"Marcellus","Cormorant Garamond",Georgia,serif;
  --fina:"Josefin Sans","Figtree",system-ui,sans-serif;
  --ouro:#B8902F;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;display:grid;gap:28px}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.015em}
h1{font-size:30px;font-weight:700}
h2{font-size:19px;font-weight:700}
h3{font-size:15px;font-weight:700;font-family:var(--body)}
.num{font-variant-numeric:tabular-nums}
.eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink3);font-weight:600}
.muted{color:var(--ink2)} .small{font-size:13px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.btn{border:1px solid var(--line2);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;font-size:13.5px;display:inline-flex;gap:6px;align-items:center;text-decoration:none;color:var(--ink)}
.btn:hover{background:var(--soft)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{border-color:transparent;background:transparent;color:var(--ink2)}
.btn.ghost:hover{background:var(--soft)}
.btn[disabled]{opacity:.5;cursor:default}
input[type=text],input[type=number],input[type=month],input[type=date],input[type=search],select{background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:8px 11px;width:100%}
label.f{display:grid;gap:5px;font-size:13px;color:var(--ink2);font-weight:500}

/* topo */
header.top{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between;padding-bottom:4px}
.brand p{margin:6px 0 0;color:var(--ink2);font-size:14.5px}
.who{display:flex;gap:8px;flex-wrap:wrap;background:var(--soft);padding:5px;border-radius:999px}
.who button{border:0;background:transparent;border-radius:999px;padding:8px 22px;font-weight:600;font-size:14px;color:var(--ink2)}
.who button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(30,20,40,.12)}
.who button small{font-weight:500;color:var(--ink3);margin-left:7px}
.syncbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink3)}
.dotlive{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.dotlive.err{background:var(--warn)} .dotlive.run{background:var(--pre)}
.banner{background:var(--pre-soft);border-radius:12px;padding:12px 16px;font-size:13.5px}

/* metas */
.metas{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.meta{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:14px;align-content:start}
.meta.acomp{background:var(--accent-soft);border-color:transparent}
.meta .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.gauge{display:grid;gap:6px}
.gauge .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--ink2)}
.gauge .top b{font-family:var(--display);font-size:26px;margin-right:4px;color:var(--ink);font-variant-numeric:tabular-nums}
.gauge .pctline{font-size:13px;color:var(--ink2)}
.gauge .pctline b{font-family:var(--display);font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px}
.gauge .pctline span{white-space:nowrap}
.gauge .prog{font-size:13px;color:var(--ink2)}
.gauge .prog b{color:var(--ink);font-variant-numeric:tabular-nums}
.gauge .top .st{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.st.ok{background:var(--ok-soft);color:var(--ok)} .st.bad{background:var(--warn-soft);color:var(--warn)}
.track{position:relative;height:8px;border-radius:4px;background:var(--sunk)}
.track .fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.track .proj{position:absolute;left:0;top:0;bottom:0;border-radius:4px;opacity:.28}
.track .tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);border-radius:1px}
.gauge .sub{font-size:12.5px;color:var(--ink3)}
.gauge .goal{font-size:13.5px;line-height:1.45;margin:2px 0 0}
.gauge .goal .muted{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}
.meta .gauge + .gauge{border-top:1px solid var(--line);padding-top:14px}
.track .fill.rua{background:repeating-linear-gradient(-45deg,var(--c) 0 4px,transparent 4px 7px);opacity:.55;border-radius:0}
.rua-sw{background:repeating-linear-gradient(-45deg,var(--ink2) 0 2px,transparent 2px 4px)}
.money{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink2);border-top:1px solid var(--line);padding-top:12px}
.money b{color:var(--ink);font-variant-numeric:tabular-nums}
.sw{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px}
.big{font-family:var(--display);font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kv div{display:grid;gap:1px}
.kv b{font-family:var(--display);font-size:22px;font-variant-numeric:tabular-nums}
.kv .lbl{font-size:12px;color:var(--ink2)}

/* abas */
nav.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}
nav.tabs button{background:none;border:0;padding:11px 14px;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent;white-space:nowrap}
nav.tabs button:hover{color:var(--ink)}
nav.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}

/* calendário */
.section{display:grid;gap:16px}
.weekhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.day{background:var(--soft);border:1px solid transparent;border-radius:14px;padding:12px 14px;text-align:left;display:grid;gap:8px;min-height:96px}
.day:hover{background:var(--sunk)}
.day[aria-pressed="true"]{background:var(--surface);border-color:var(--accent);box-shadow:0 2px 10px rgba(123,45,106,.10)}
.day .d{display:flex;justify-content:space-between;align-items:baseline}
.day .d b{font-family:var(--display);font-size:22px}
.day .d span{font-size:11.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.day.today .d span{color:var(--accent)}
.dots{display:flex;gap:4px;flex-wrap:wrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.dot.done{background:var(--ok)} .dot.miss{background:var(--warn)} .dot.try{background:var(--pre)} .dot.new{background:var(--new)} .dot.inc{background:#E0A800} .dot.dcamp{background:#17A673}
.day .sub{font-size:12px;color:var(--ink2)}
@media (max-width:640px){.days{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.day{min-height:80px;padding:8px}.day .sub{display:none}}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink3)}
.legend span{display:inline-flex;align-items:center;gap:6px}

.daypanel{display:grid;gap:28px}
.sup-block{display:grid;gap:12px}
.sup-block > header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.block-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink2);margin-top:6px}
.block-label .n{background:var(--sunk);border-radius:999px;padding:0 8px;font-size:12px}
.tasks{display:grid;gap:10px}
.task{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:10px}
.task.done{background:#FBFDFB;border-color:#D7ECDD}
.task.miss{background:#FFFBF8;border-color:#F4DCCB}
.task .head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.task .name{font-weight:700;font-size:16px}
.meta-line{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:13px;color:var(--ink2);align-items:center}
.meta-line b{color:var(--ink)}
.rank{font-family:var(--display);font-size:13px;color:var(--ink3);margin-right:8px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.c-chegou{background:var(--ok-soft);color:var(--ok)}
.c-q1000{background:var(--accent-soft);color:var(--accent)}
.c-q500{background:var(--pre-soft);color:#94621A}
.c-evolucao{background:var(--sunk);color:var(--ink2)}
.c-resgate{background:var(--warn-soft);color:var(--warn)}
.c-semvis{background:var(--info-soft);color:var(--info)}
.c-pot{background:var(--accent-soft);color:var(--accent)}
.c-nova{background:var(--new-soft);color:var(--new)}
.c-urg{background:var(--warn);color:#fff}
.c-done{background:var(--ok);color:#fff}
.c-miss{background:var(--warn-soft);color:var(--warn)}
.c-try{background:var(--pre-soft);color:#94621A}
.falta{font-family:var(--display);font-weight:700;color:var(--accent)}
.pot{font-weight:700;color:var(--ink)}
.script{background:var(--soft);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--ink2);display:grid;gap:6px}
.script p{margin:0}
.phone{font-variant-numeric:tabular-nums;user-select:all}
.form{display:grid;gap:10px;border-top:1px dashed var(--line2);padding-top:12px}
.form .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.note{font-size:13px;color:var(--ink2);margin:0}
.empty{padding:20px;background:var(--soft);border-radius:14px;color:var(--ink2);text-align:center;font-size:14px}
details.fold summary{cursor:pointer;font-weight:600;font-size:14px;padding:4px 0;color:var(--ink2)}
.mini{display:grid;gap:6px}
.mini .it{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--soft);border-radius:10px;padding:9px 13px;font-size:13.5px}

/* painéis e tabelas */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.stat{background:var(--soft);border-radius:14px;padding:14px 16px;display:grid;gap:2px}
.stat b{font-family:var(--display);font-size:24px;font-variant-numeric:tabular-nums}
.stat .lbl{font-size:12.5px;color:var(--ink2)}
.stat.hl{background:var(--accent-soft)} .stat.hl b{color:var(--accent)}
.tablebox{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);font-weight:700;background:var(--soft)}
td.r,th.r{text-align:right}
tr:last-child td{border-bottom:0}
tr.grp td{background:var(--surface);font-weight:700;font-size:12.5px;color:var(--ink2);padding-top:16px}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--soft)}
.hist{display:flex;gap:4px;flex-wrap:wrap}
td.hist{display:table-cell;white-space:nowrap}
td.hist span{display:inline-block;margin-right:4px}
.hist span{font-size:12px;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:6px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:12px;align-content:start}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.toolbar input[type=search]{max-width:320px}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.linkbtn:hover{color:var(--accent)}
pre.rel{white-space:pre-wrap;background:var(--soft);border-radius:12px;padding:14px;font-size:13px;margin:0;font-family:var(--body)}
.warnline{color:var(--warn);font-weight:600}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:13.5px;font-weight:600;z-index:10}

/* ficha da consultora */
dialog.drawer{border:0;padding:0;margin:0 0 0 auto;height:100%;max-height:100%;width:min(640px,100%);background:var(--bg);color:var(--ink);box-shadow:-16px 0 48px rgba(30,20,40,.14)}
dialog.drawer::backdrop{background:rgba(30,20,40,.28)}
.drawer .in{padding:24px 24px 48px;display:grid;gap:18px}
.drawer header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.potbox{background:var(--accent-soft);border-radius:16px;padding:18px;display:grid;gap:6px}
.potbox .big{color:var(--accent)}
.chart{width:100%;height:auto;display:block}
.chart text{fill:var(--ink3);font-size:11px;font-family:var(--body)}
.chart .ref{stroke:var(--line2);stroke-dasharray:4 4}
.chart .potl{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:2 3}
.chart .b{fill:var(--accent)} .chart .b.lo{fill:var(--warn)} .chart .b.mid{fill:var(--pre)}
@media (prefers-reduced-motion:no-preference){.task,.day,.btn{transition:background-color .15s,border-color .15s,box-shadow .15s}}

/* caixas escuras em destaque: metas e cards da agenda */
.meta:not(.acomp), .task{
  --surface:#1B1520; --soft:#271F2D; --sunk:#30273A; --line:#342A3C; --line2:#4A3F54;
  --ink:#F5F0F7; --ink2:#C8BFCF; --ink3:#9B91A5;
  background:var(--surface); border-color:#1B1520; color:var(--ink);
  box-shadow:0 6px 24px rgba(27,21,32,.18);
}
.meta:not(.acomp) .st.ok{background:rgba(57,255,136,.14);color:var(--neon-g)}
.meta:not(.acomp) .st.bad{background:rgba(255,61,110,.16);color:var(--neon-r)}
.meta:not(.acomp) .g1000 .goal b{color:var(--neon-g)}
.meta:not(.acomp) .g500 .goal b{color:var(--neon-r)}
.meta:not(.acomp) .track{background:#3A3044}
.meta:not(.acomp) .track .fill:not(.rua){box-shadow:0 0 10px currentColor}
.meta:not(.acomp) .g1000 .track .fill:not(.rua){color:var(--neon-g)}
.meta:not(.acomp) .g500 .track .fill:not(.rua){color:var(--neon-r)}
.meta:not(.acomp) .track .fill.rua{opacity:.8}
.task.done{background:#15241B;border-color:#2C5A3D}
.task.miss{background:#2A1A17;border-color:#5C3526}
.task .falta{color:#F49BDD}
.task .btn.primary{background:#C04FA6;border-color:#C04FA6;color:#fff}
.task .linkbtn:hover{color:#F49BDD}
.task .chip{box-shadow:none}

/* acesso */
.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.authcard{width:min(400px,100%);display:grid;gap:16px;padding:32px 28px;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 40px rgba(30,20,40,.08)}
.authcard h1{font-size:26px}
.authcard .erro{color:var(--warn);font-size:13.5px;font-weight:600;margin:0}
.authcard .btn.primary{justify-content:center;padding:10px 14px}
.topright{display:grid;gap:10px;justify-items:end}
.userbar{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink2)}
.userbar b{color:var(--ink)}
@media (max-width:640px){.topright{justify-items:start}}
.acesso{display:grid;gap:12px;background:var(--soft);border-radius:16px;padding:18px}
.acesso .linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}
input[type=password]{background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:8px 11px;width:100%}

/* estrutura: menu lateral + conteúdo */
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px 16px;background:#FAF9FB;border-right:1px solid var(--line)}
.marca{display:flex;gap:12px;align-items:center;padding:0 8px}
.selo{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:20px;flex:none}
.marca-sub{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);font-weight:600;line-height:1.2}
.marca-nome{display:block;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.nav{display:flex;flex-direction:column;gap:2px}
.nav button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px;color:var(--ink2)}
.nav button:hover{background:var(--sunk);color:var(--ink)}
.nav button[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.nav-grupo{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);font-weight:700;padding:16px 12px 6px}
.side-pe{margin-top:auto;display:grid;gap:6px;padding:12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.side-pe b{color:var(--ink)}
.side-pe .btn{justify-self:start;padding:5px 12px}
.main{padding:32px 36px 72px;display:grid;gap:24px;align-content:start;max-width:1240px;width:100%}
header.top{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}
.titulo{display:grid;gap:4px}
.titulo h1{font-size:32px;line-height:1.1}
@media (max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side,.main,.nav{min-width:0}
  .side{position:static;height:auto;flex-direction:column;gap:12px;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}
  .nav{flex-direction:row;overflow-x:auto;gap:4px}
  .nav button{white-space:nowrap;padding:8px 12px}
  .nav-grupo{display:none}
  .side-pe{margin-top:0;border-top:0;padding:0;display:flex;align-items:center;gap:10px}
  .main{padding:20px 16px 56px}
}

/* atividade da equipe */
.ativ{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.ativ .card{gap:14px}
.ativ .prog-dia{display:grid;gap:6px}
.ativ .prog-dia .track{height:10px}
.ativ .prog-dia .fill{background:var(--accent)}
.ativ table td,.ativ table th{padding:8px 10px}
.chart .bd{fill:var(--accent)} .chart .bt{fill:var(--pre)} .chart .bs{fill:var(--warn)}
.c-inc{background:#FFF4D6;color:#8A5A00}
.c-camp{background:#E3F6EE;color:#0F6B48}
.camp{display:grid;gap:10px;background:var(--soft);border-radius:14px;padding:14px}
.camp .linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}
.statgrupo{display:grid;gap:8px}
.statgrupo > .eyebrow{margin-left:2px}

/* blocos da agenda */
.bloco{border-radius:16px;background:var(--surface)}
.bloco > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto auto 1fr auto;gap:4px 12px;align-items:center;
  padding:14px 18px;border:1px solid var(--line2);border-left:6px solid var(--bc,var(--accent));border-radius:14px;background:var(--soft)}
.bloco > summary::-webkit-details-marker{display:none}
.bloco > summary:hover{background:var(--sunk)}
.bloco[open] > summary{background:var(--surface);box-shadow:0 2px 10px rgba(30,20,40,.06)}
.b-tit{font-family:var(--display);font-size:18px;font-weight:700;color:var(--ink)}
.b-n{min-width:30px;height:26px;padding:0 9px;border-radius:999px;background:var(--bc,var(--accent));color:#fff;font-weight:700;font-size:14px;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
.b-desc{font-size:13px;color:var(--ink3)}
.b-seta{width:10px;height:10px;border-right:2px solid var(--ink2);border-bottom:2px solid var(--ink2);transform:rotate(45deg);margin:0 4px 4px;transition:transform .15s}
.bloco[open] .b-seta{transform:rotate(-135deg);margin-bottom:-4px}
.bloco > .tasks{padding-top:10px}
@media (max-width:640px){.bloco > summary{grid-template-columns:1fr auto auto}.b-desc{grid-column:1/-1;order:3}}
.b-prio{--bc:var(--accent)} .b-nova{--bc:var(--new)} .b-inc{--bc:#C99100} .b-camp{--bc:#17A673} .b-rec{--bc:#D9468F} .b-fu{--bc:var(--pre)}
.c-rec{background:#FCE7F2;color:#A3245F}
.dot.rec{background:#D9468F}

/* classificação das colunas */
.sortbtn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
.sortbtn .seta{font-size:11px;color:var(--ink3);opacity:.55;letter-spacing:0}
.sortbtn:hover .seta{opacity:1}
.sortbtn.on{color:var(--accent)} .sortbtn.on .seta{color:var(--accent);opacity:1}
.sortbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
th.r .sortbtn{justify-content:flex-end}

/* painel admin semanal */
.adm-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.meta.adm{gap:10px}
.adm-nums{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.adm-nums div{display:grid;gap:2px}
.adm-nums .lbl{font-size:12px;color:var(--ink3)}
.adm-nums b{font-family:var(--display);font-size:24px;font-variant-numeric:tabular-nums}
.meta.adm .goal b{color:var(--neon-g)}
.meta.adm .goal .muted{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}
.adm-ajuda{font-size:11.5px;color:var(--ink3)}
.meta.adm .st.ok{background:rgba(57,255,136,.14);color:var(--neon-g)}
.meta.adm .st.bad{background:rgba(255,61,110,.16);color:var(--neon-r)}
.meta.gargalo .garg{display:grid;gap:10px;font-size:14px;line-height:1.55}
.meta.gargalo .garg p{margin:0}
.meta.gargalo .foco{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:6px}
.meta.gargalo .foco ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}
.seldesist{width:auto;padding:4px 8px;font-size:13px}
.meta.gargalo .garg b{color:var(--neon-g)}
.meta.gargalo .muted{color:var(--ink3)}
.meta.gargalo .goal{font-size:14px}

.adm-linha{display:grid;gap:6px}
.adm-linha + .adm-linha{border-top:1px solid var(--line);padding-top:10px}
.adm-val{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.adm-val .lbl{font-size:12px;color:var(--ink3)}
.adm-val b{font-family:var(--display);font-size:24px;font-variant-numeric:tabular-nums}
.neonbar{height:10px;border-radius:5px;background:#3A3044;overflow:hidden}
.neonbar > div{height:100%;border-radius:5px;box-shadow:0 0 12px var(--neon-g);transition:width .3s}
.neonbar.teto > div{box-shadow:0 0 12px var(--neon-r)}
.meta.adm .goal b.neg{color:var(--neon-r)}
.persel{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.persel label.f{font-size:11.5px}
.persel select{padding:6px 10px;border-radius:999px;font-size:13.5px;font-weight:600;width:auto}

/* motivos de desistência */
.selmotivo{width:auto;min-width:210px;padding:4px 8px;font-size:13px}
.obsmotivo{min-width:200px;padding:4px 8px;font-size:13px}
.motivos .mot-lista{display:grid;gap:8px}
.motivos .mot{display:grid;grid-template-columns:minmax(160px,260px) 1fr auto;gap:10px;align-items:center;font-size:13.5px}
.motivos .mot-bar{height:10px;border-radius:5px;background:var(--sunk);overflow:hidden}
.motivos .mot-bar > div{height:100%;background:var(--neon-r);border-radius:5px}
@media (max-width:640px){.motivos .mot{grid-template-columns:1fr auto}.motivos .mot-bar{grid-column:1/-1;order:3}}

/* ---------- identidade Bianchi: limpo, minimalista ---------- */
h1,h2{font-weight:400;letter-spacing:.005em}
.titulo h1{font-size:34px;font-weight:400}
.eyebrow{font-family:var(--fina);font-weight:400;letter-spacing:.16em}
/* números continuam na fonte de texto, mais legível */
.big,.gauge .top b,.gauge .pctline b,.kv b,.stat b,.adm-val b,.day .d b,.b-n,.rank{font-family:var(--body);font-weight:700;letter-spacing:-.01em}
.b-tit{font-family:var(--display);font-weight:400;font-size:19px}
/* menu lateral branco com a logo */
.side{background:#FFFFFF;border-right:1px solid var(--line);gap:28px;padding:28px 18px}
.marca{display:grid;justify-items:center;gap:8px;padding:0 4px 18px;border-bottom:1px solid var(--line)}
.logo-side{width:150px;height:auto;display:block}
.marca-sub{display:block;font-family:var(--fina);font-weight:300;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink3);text-align:center}
.nav button{position:relative;font-weight:500;color:var(--ink2);border-radius:8px}
.nav button[aria-current="page"]{background:transparent;color:var(--ink);font-weight:600}
.nav button[aria-current="page"]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:2px;background:var(--ouro)}
.nav button:hover{background:var(--soft)}
.nav-grupo{font-family:var(--fina);letter-spacing:.18em;font-weight:400}
header.top{border-bottom:1px solid var(--line)}
/* tela de acesso */
.authwrap{background:linear-gradient(180deg,#FFFFFF 0%,#FAF8F4 100%)}
.authcard{border:1px solid var(--line);box-shadow:0 20px 60px rgba(60,40,10,.07);padding:36px 32px;gap:18px}
.marca-login{display:grid;justify-items:center;gap:10px;margin-bottom:6px}
.logo-login{width:210px;max-width:70%;height:auto;display:block}
.authcard h1{font-size:24px;text-align:center}
@media (max-width:900px){
  .marca{grid-template-columns:auto 1fr;justify-items:start;align-items:center;border-bottom:0;padding-bottom:0}
  .logo-side{width:84px}
  .marca-sub{text-align:left}
  .nav button[aria-current="page"]{background:var(--soft)}
  .nav button[aria-current="page"]::before{display:none}
}