/* Painel de Gestão · Fictalent RH
   O CSS do protótipo v0.4.2 da Clear (prototipo_template.html), que é a implementação de referência
   da planta: toda medida sai da letra raiz em rem. Cor só dos tokens (fictalent-tokens.css), com as
   três exceções medidas no protótipo e registradas na planta (documento 1, seção 3).
   O que muda em relação ao protótipo está marcado com "painel:". */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonte/inter-latin-wght-normal.woff2") format("woff2")}
/* ===== base: a escala inteira sai da letra raiz (princípio 1: do celular à TV) ===== */
html{font-size:clamp(13px, calc(.42vw + 7.6px), 20px)}
html.parede{font-size:clamp(16px, 1.25vw, 44px)}
@media (max-width:899px){html{font-size:14px}}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:1rem/1.45 Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--fictalent-texto);background:var(--fictalent-fundo)}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}
p{margin:0}
button,select{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.num{font-variant-numeric:tabular-nums}
.chev{width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.65;transition:transform .15s;flex:none;margin-top:-.2rem}
details[open]>summary .chev{transform:rotate(-135deg);margin-top:.2rem}

/* ===== ABERTURA ===== */
.ab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);height:100vh;overflow:hidden}
.ab__esq{background:linear-gradient(165deg,var(--fictalent-primaria-esc) 0%,var(--fictalent-primaria) 78%,#5E3C7D 100%);color:#fff;padding:clamp(1.4rem,3vw,3.4rem);display:flex;flex-direction:column;gap:1.2rem;min-height:0}
.ab__logo svg{width:12.5rem;height:auto;display:block}
.ab__titulo{font-size:2.15rem;line-height:1.12;font-weight:600;max-width:19ch}
.ab__titulo b{color:var(--fictalent-acento);font-weight:600}
.ab__sub{max-width:96ch;color:rgba(255,255,255,.8);font-size:.98rem}
.rot-sec{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.ab__esq .rot-sec{color:rgba(255,255,255,.6)}
.arvore{flex:1;min-height:0;overflow:auto;display:grid;gap:.4rem;align-content:start;padding-right:.2rem}
.no{border:1px solid rgba(255,255,255,.16);border-radius:.75rem;background:rgba(255,255,255,.05)}
.no>summary{display:grid;grid-template-columns:2rem minmax(0,1fr) auto auto;gap:.7rem;align-items:center;padding:.55rem .8rem}
.no>summary:hover{background:rgba(255,255,255,.05);border-radius:.75rem}
.no__av{width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:600;font-size:.9rem}
.no--on>summary .no__av{background:var(--fictalent-acento);color:#fff}
.no__t b{display:block;font-weight:600;font-size:.98rem}
.no__t span{display:block;font-size:.8rem;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no__esc{font-size:.68rem;padding:.05rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.75);white-space:nowrap}
.no__filhos{display:grid;gap:2px;padding:0 .6rem .55rem 3.3rem}
.folha{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.38rem .7rem;border-radius:.45rem;border:0;border-left:3px solid transparent;background:transparent;color:rgba(255,255,255,.86);text-align:left;font-size:.9rem;width:100%}
.folha:hover{background:rgba(255,255,255,.08)}
.folha small{font-size:.72rem;color:rgba(255,255,255,.55)}
.folha--on{background:rgba(255,255,255,.13);border-left-color:var(--fictalent-acento);color:#fff;font-weight:600}
.ab__pe{font-size:.8rem;color:rgba(255,255,255,.62)}
.ab__pe b{color:#fff;font-weight:600}
.ab__dir{background:var(--fictalent-cartao);padding:clamp(1.4rem,3vw,3.2rem);display:flex;flex-direction:column;gap:1.25rem;min-height:0}
.ab__marca svg{width:12rem;height:auto;display:block}
.ab__trilha{color:var(--fictalent-texto-fraco)}
.ab__slogan{font-size:1.55rem;font-weight:600;color:var(--fictalent-primaria);line-height:1.15}
.ab__desc{color:var(--fictalent-texto-fraco);max-width:96ch;font-size:.95rem}
.ab__info{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.8rem}
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--fictalent-borda);background:var(--fictalent-fundo);color:var(--fictalent-texto-fraco)}
.pill b{color:var(--fictalent-primaria);font-weight:600}
.pill svg{width:.9rem;height:.9rem}
.portas{flex:1;min-height:0;overflow:auto;display:grid;gap:.85rem;margin-top:.4rem;align-content:start;padding-right:.2rem}
.porta{border:1px solid var(--fictalent-borda);border-radius:.8rem;background:var(--fictalent-cartao)}
.porta[open]{border-color:color-mix(in srgb,var(--fictalent-primaria) 45%,var(--fictalent-borda))}
.porta>summary{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto;gap:.8rem;align-items:center;padding:.7rem .9rem;color:var(--fictalent-texto-fraco)}
.porta>summary:hover{background:color-mix(in srgb,var(--fictalent-primaria) 4%,transparent);border-radius:.8rem}
.porta__ico{width:2.5rem;height:2.5rem;border-radius:.6rem;display:grid;place-items:center;background:color-mix(in srgb,var(--fictalent-primaria) 10%,var(--fictalent-cartao));color:var(--fictalent-primaria)}
.porta__ico svg{width:1.3rem;height:1.3rem}
.porta__t b{display:block;font-weight:600;color:var(--fictalent-primaria);font-size:1.02rem}
.porta__t span{font-size:.82rem;color:var(--fictalent-texto-fraco)}
.porta__chips{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.porta__corpo{border-top:1px solid var(--fictalent-borda);padding:.35rem .45rem .5rem;display:grid;gap:1px}
.porta--off{opacity:.6}
.porta--off>summary{cursor:not-allowed}
.item{display:grid;grid-template-columns:2.3rem minmax(0,1fr) auto;gap:.15rem .7rem;padding:.5rem .55rem;border-radius:.5rem;border:0;background:transparent;text-align:left;width:100%;align-items:start}
.item:hover{background:color-mix(in srgb,var(--fictalent-primaria) 6%,transparent)}
.item__id{font-size:.75rem;font-weight:700;color:var(--fictalent-texto-fraco);padding-top:.15rem}
.item__id svg{width:1.15rem;height:1.15rem;color:var(--fictalent-primaria)}
.item__t b{font-weight:600;color:var(--fictalent-texto)}
.item__t span{display:block;font-size:.8rem;color:var(--fictalent-texto-fraco)}
.item__dir{display:grid;gap:.2rem;justify-items:end;font-size:.74rem;color:var(--fictalent-texto-fraco);white-space:nowrap}
.porta__nota{font-size:.76rem;color:var(--fictalent-texto-fraco);padding:.35rem .6rem 0}
.ab__disc{font-size:.76rem;color:var(--fictalent-texto-fraco)}

/* vereditos */
.ver{display:inline-flex;align-items:center;padding:.05rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap;border:1px solid;cursor:default}
.ver--confirma{background:color-mix(in srgb,var(--fictalent-ok) 11%,var(--fictalent-cartao));color:var(--fictalent-ok);border-color:color-mix(in srgb,var(--fictalent-ok) 40%,transparent)}
.ver--contradiz{background:color-mix(in srgb,var(--fictalent-acento) 12%,var(--fictalent-cartao));color:var(--fictalent-acento-esc);border-color:color-mix(in srgb,var(--fictalent-acento) 45%,transparent)}
.ver--parte{background:color-mix(in srgb,var(--fictalent-atencao) 10%,var(--fictalent-cartao));color:var(--fictalent-atencao);border-color:color-mix(in srgb,var(--fictalent-atencao) 40%,transparent)}
.ver--na{background:var(--fictalent-fundo);color:var(--fictalent-texto-fraco);border-color:var(--fictalent-borda)}
button.ver{cursor:pointer}

/* ===== PAINEL: menu lateral + miolo de altura fixa (princípio 4) ===== */
.pn{display:grid;grid-template-columns:15.5rem minmax(0,1fr);height:100vh;overflow:hidden}
.pn--rec{grid-template-columns:4.3rem minmax(0,1fr)}
.lat{background:linear-gradient(180deg,var(--fictalent-primaria-esc) 0%,#2A1A3D 100%);color:#fff;display:flex;flex-direction:column;min-height:0;padding:.9rem .65rem .7rem;gap:.7rem;position:relative;z-index:30}
.lat__logo{display:block;padding:0 .35rem}
.lat__logo svg{width:10.5rem;height:auto;display:block}
.lat__simb{display:none;width:2.4rem;margin:0 auto}
.lat__simb svg{width:100%;height:auto}
.lat__ver{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.42rem .55rem;border-radius:.6rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;text-align:left;width:100%}
.lat__ver:hover{background:rgba(255,255,255,.12)}
.lat__ver .av{width:1.8rem;height:1.8rem;border-radius:50%;background:var(--fictalent-acento);display:grid;place-items:center;font-weight:700;font-size:.8rem}
.lat__ver small{display:block;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.lat__ver b{display:block;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lat__ver span{display:block;font-size:.74rem;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:1px}
.nav__lbl{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;padding:.65rem .65rem .25rem}
.nav__i{display:flex;align-items:center;gap:.65rem;padding:.46rem .6rem;border-radius:.5rem;border:0;border-left:3px solid transparent;background:transparent;color:rgba(255,255,255,.78);font-size:.9rem;text-align:left;width:100%;white-space:nowrap}
.nav__i:hover{background:rgba(255,255,255,.07);color:#fff}
.nav__i--on{background:rgba(255,255,255,.12);color:#fff;font-weight:600;border-left-color:var(--fictalent-acento)}
.nav__i svg{width:1.1rem;height:1.1rem;flex:none}
.lat__pe{font-size:.72rem;color:rgba(255,255,255,.62);display:grid;gap:.35rem;padding:0 .35rem}
.lat__pe b{color:#fff;font-weight:600}
.lat__acoes{display:flex;gap:.35rem;flex-wrap:wrap}
.lat__btn{border:1px solid rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.85);border-radius:.45rem;padding:.25rem .5rem;font-size:.74rem}
.lat__btn:hover{background:rgba(255,255,255,.1)}
.selo{font-size:.66rem;color:rgba(255,255,255,.5)}
.pn--rec .lat__txt,.pn--rec .lat__logo,.pn--rec .nav__lbl,.pn--rec .lat__ver>div,.pn--rec .lat__ver>.chev,.pn--rec .selo{display:none}
.pn--rec .lat__simb{display:block}
.pn--rec .lat__ver{grid-template-columns:1fr;justify-items:center;padding:.4rem}
.pn--rec .nav__i{justify-content:center;padding:.55rem 0}
.pn--rec .lat__acoes{justify-content:center}

.mn{display:grid;grid-template-rows:auto auto auto minmax(0,1.12fr) minmax(0,1fr);gap:.6rem;padding:.75rem 1.05rem .8rem;min-height:0;min-width:0;height:100vh}
.mn--uma{grid-template-rows:auto auto auto minmax(0,1fr)}
.topm{display:none}
.cab{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}
.cab__txt{min-width:0}
.cab__area{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fictalent-texto-fraco);font-weight:600}
.cab h1{font-size:1.32rem;color:var(--fictalent-primaria);line-height:1.2}
.cab__perg{font-size:.88rem;color:var(--fictalent-texto-fraco)}
.cab__ctl{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex:none}
.seg{display:inline-flex;border:1px solid var(--fictalent-borda);border-radius:.55rem;background:var(--fictalent-cartao);overflow:hidden}
.seg__r{padding:0 .6rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fictalent-texto-fraco);display:flex;align-items:center;font-weight:600}
.seg__o{padding:.32rem .65rem;font-size:.8rem;font-weight:600;color:var(--fictalent-texto-fraco);border:0;border-left:1px solid var(--fictalent-borda);background:transparent;white-space:nowrap}
.seg__o:hover{color:var(--fictalent-texto)}
.seg__o--on{background:var(--fictalent-primaria);color:#fff}
.seg__o--on:hover{color:#fff}
.trava{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:.55rem;border:1px dashed color-mix(in srgb,var(--fictalent-primaria) 40%,var(--fictalent-borda));background:color-mix(in srgb,var(--fictalent-primaria) 5%,var(--fictalent-cartao));font-size:.8rem;color:var(--fictalent-primaria);font-weight:600;white-space:nowrap}
.trava svg{width:.85rem;height:.85rem}
.trava small{font-weight:500;color:var(--fictalent-texto-fraco)}
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .8rem;border-radius:.55rem;background:var(--fictalent-primaria);color:#fff;border:0;font-weight:600;font-size:.82rem;white-space:nowrap}
.btn:hover{background:var(--fictalent-primaria-esc)}
.btn svg{width:.95rem;height:.95rem}
.btn--claro{background:var(--fictalent-cartao);color:var(--fictalent-primaria);border:1px solid var(--fictalent-borda)}
.btn--claro:hover{background:color-mix(in srgb,var(--fictalent-primaria) 6%,var(--fictalent-cartao))}
.filtrado{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--fictalent-texto-fraco);margin-top:.3rem}
.fchip{display:inline-flex;align-items:center;gap:.3rem;padding:.06rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--fictalent-primaria) 8%,var(--fictalent-cartao));color:var(--fictalent-primaria);font-weight:600;border:1px solid color-mix(in srgb,var(--fictalent-primaria) 25%,transparent);white-space:nowrap}
.fchip button{border:0;background:transparent;color:inherit;padding:0 0 0 .1rem;font-size:.95rem;line-height:1}
.fchip svg{width:.75rem;height:.75rem}
.fchip--fixo{background:var(--fictalent-cartao)}
.fchip--na{background:var(--fictalent-fundo);color:var(--fictalent-texto-fraco);border-color:var(--fictalent-borda);font-weight:500}
.fchip--na s{text-decoration-thickness:1px}
.fchip--na small{font-size:.7rem}
.lnk{border:0;background:transparent;color:var(--fictalent-acento-esc);font-weight:600;padding:0;font-size:.78rem}
.dica{font-style:italic}
.dica--proto{font-style:normal;color:var(--fictalent-atencao)}
.manch{display:flex;align-items:center;gap:.75rem;background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda);border-left:4px solid var(--fictalent-acento);border-radius:.65rem;padding:.5rem .85rem;min-width:0}
.manch p{flex:1;font-size:1rem;font-weight:600;color:var(--fictalent-primaria);line-height:1.3;min-width:0}
.manch__vers{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:flex-end}
.kpis{display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:.55rem}
.kpi{background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda);border-top:3px solid var(--fictalent-primaria);border-radius:.6rem;padding:.45rem .7rem .4rem;min-width:0}
.kpi__v{font-size:1.4rem;font-weight:600;color:var(--fictalent-primaria);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.kpi__r{font-size:.76rem;color:var(--fictalent-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi__d{font-size:.72rem;color:var(--fictalent-texto-fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi--na>.kpi__v,.kpi--na>.kpi__r{opacity:.45}
.kpi__d--na{color:var(--fictalent-atencao)}
.kpi__d--ok{color:var(--fictalent-ok)}.kpi__d--grave{color:var(--fictalent-grave)}.kpi__d--atencao{color:var(--fictalent-atencao)}
.kpi--alerta{border-top-color:var(--fictalent-grave)}.kpi--alerta .kpi__v{color:var(--fictalent-grave)}
.kpi--atencao{border-top-color:var(--fictalent-atencao)}
.linha{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.6rem;min-height:0}
.cartao{grid-column:span var(--s,6);display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda);border-radius:.65rem;padding:.5rem .75rem .45rem}
.cartao__cab{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;min-width:0}
.cartao__cab>div{min-width:0}
.cartao__cab h3{font-size:.9rem;font-weight:600;line-height:1.25}
.cartao__sub{font-size:.72rem;color:var(--fictalent-texto-fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctabs{display:inline-flex;background:var(--fictalent-fundo);border:1px solid var(--fictalent-borda);border-radius:.5rem;padding:2px;gap:2px;flex:none}
.ctabs button{border:0;background:transparent;font-size:.72rem;padding:.16rem .5rem;border-radius:.38rem;color:var(--fictalent-texto-fraco);font-weight:600;white-space:nowrap}
.ctabs button:hover{color:var(--fictalent-texto)}
.ctabs button.on{background:var(--fictalent-cartao);color:var(--fictalent-primaria);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.ctsel{display:none;border:1px solid var(--fictalent-borda);border-radius:.45rem;background:var(--fictalent-fundo);font-size:.78rem;padding:.2rem .4rem;color:var(--fictalent-primaria);font-weight:600}
.cartao__corpo{flex:1;min-height:0;position:relative;margin-top:.3rem}
.cartao__aviso{font-size:.7rem;color:var(--fictalent-atencao);margin-top:.15rem;line-height:1.3}
.cartao__nota{font-size:.7rem;color:var(--fictalent-texto-fraco);margin-top:.15rem;line-height:1.3}
@media (max-height:700px) and (min-width:900px){.cartao__sub{display:none}.cab__perg{display:none}}

/* gráficos (SVG medido no tamanho do cartão: 1 unidade = 1 px) */
svg.g{display:block;overflow:visible}
.g text{font-family:inherit}
.g .eixo{fill:var(--fictalent-texto-fraco);font-size:.7rem}
.g .eixo--f{fill:var(--fictalent-texto);font-weight:600}
.g .rot{fill:var(--fictalent-texto);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}
.g .rot--f{fill:var(--fictalent-texto-fraco);font-weight:500}
.g .tit{fill:var(--fictalent-texto);font-size:.74rem;font-weight:600}
.g .nota{fill:var(--fictalent-texto-fraco);font-size:.68rem;font-style:italic}
.g .base{stroke:var(--fictalent-borda)}
.g .grade{stroke:var(--fictalent-borda);stroke-dasharray:2 3}
.g .ref{stroke:var(--fictalent-texto-fraco);stroke-dasharray:4 3;fill:none}
.g .marca{stroke:var(--fictalent-acento);stroke-dasharray:3 3}
.g .clic{cursor:pointer}
.g .clic:hover>rect:not([fill="transparent"]),.g .clic:hover>circle{opacity:.78}
.tab{position:absolute;inset:0;overflow:auto}
.tab table{width:100%;border-collapse:collapse;font-size:.76rem}
.tab th{position:sticky;top:0;background:var(--fictalent-cartao);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fictalent-texto-fraco);font-weight:600;text-align:left;z-index:1}
.tab td,.tab th{padding:.26rem .35rem;border-bottom:1px solid var(--fictalent-borda);white-space:nowrap}
.tab th{white-space:normal;vertical-align:bottom;line-height:1.2}   /* v0.4.2: cabeçalho quebra em duas linhas para a tabela caber no cartão */
.tab .n{text-align:right;font-variant-numeric:tabular-nums}
.tab td.w{white-space:normal;min-width:8rem;line-height:1.25}
.tab tr.clic{cursor:pointer}
.tab tr.clic:hover td{background:color-mix(in srgb,var(--fictalent-primaria) 6%,var(--fictalent-cartao))}
.tab tr.sel td{background:color-mix(in srgb,var(--fictalent-primaria) 12%,var(--fictalent-cartao));font-weight:600}
.est{font-weight:600}
.est--ok{color:var(--fictalent-ok)}.est--atencao{color:var(--fictalent-atencao)}.est--grave{color:var(--fictalent-grave)}.est--critico{color:var(--fictalent-critico)}
.lista{position:absolute;inset:0;overflow:auto;display:grid;align-content:start;gap:1px}
.lista .item{padding:.36rem .4rem;grid-template-columns:2rem minmax(0,1fr) auto}
.lista .item__t b{font-size:.84rem}
.lista__pe{font-size:.72rem;color:var(--fictalent-texto-fraco);padding:.35rem .4rem}
.passos{position:absolute;inset:0;overflow:auto;margin:0;padding:0 0 0 1.2rem;font-size:.82rem;display:grid;gap:.45rem;align-content:start}
.passos b{color:var(--fictalent-primaria)}
.vazio{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--fictalent-texto-fraco);font-size:.8rem;padding:1rem;border:1px dashed var(--fictalent-borda);border-radius:.5rem;background:var(--fictalent-fundo)}

/* gavetas, ver-como, aviso */
.fundo{position:fixed;inset:0;background:rgba(22,16,24,.35);z-index:69}
.gav{position:fixed;top:0;right:0;height:100vh;width:min(27rem,100%);background:var(--fictalent-cartao);border-left:1px solid var(--fictalent-borda);box-shadow:-12px 0 40px rgba(0,0,0,.14);z-index:70;padding:1rem 1.15rem;overflow:auto;display:grid;gap:.8rem;align-content:start}
.gav__cab{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.gav__cab b{font-size:1rem;color:var(--fictalent-primaria)}
.gav__x{border:0;background:transparent;font-size:1.5rem;line-height:1;color:var(--fictalent-texto-fraco)}
.caixa{border:1px solid var(--fictalent-borda);border-left:4px solid var(--fictalent-primaria);border-radius:.6rem;padding:.6rem .8rem;font-size:.86rem;display:grid;gap:.35rem}
.caixa--nota{border-left-color:var(--fictalent-acento)}
.caixa--lim{border-left-color:var(--fictalent-atencao)}
.caixa .t{font-weight:600}
.grupo{border:1px solid var(--fictalent-borda);border-radius:.6rem;padding:.6rem .75rem .7rem;display:grid;gap:.5rem}
.grupo__t{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fictalent-primaria)}
.campo{display:grid;gap:.25rem;font-size:.82rem}
.campo label{color:var(--fictalent-texto-fraco)}
.campo select{padding:.4rem .5rem;border:1px solid var(--fictalent-borda);border-radius:.45rem;background:var(--fictalent-fundo)}
.campo--off{opacity:.55}
.gav__dica{font-size:.78rem;color:var(--fictalent-texto-fraco)}
.pop{position:fixed;left:.7rem;top:4.6rem;width:21rem;max-height:calc(100vh - 6rem);overflow:auto;z-index:80;background:var(--fictalent-primaria-esc);color:#fff;border-radius:.8rem;padding:.7rem;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;gap:.4rem}
.pop .rot-sec{color:rgba(255,255,255,.6);padding:0 .2rem}
.pop .arvore{overflow:visible}
.aviso{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:90;background:var(--fictalent-primaria-esc);color:#fff;padding:.5rem .9rem;border-radius:.6rem;font-size:.82rem;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:min(40rem,92vw)}
.parede__sair{display:none}

/* ===== modo parede: TV a distância, sem clique, letra 3 a 4 vezes maior (princípio 1) ===== */
html.parede .lat,html.parede .cab__ctl,html.parede .filtrado,html.parede #btnAnalise,html.parede .ctabs,html.parede .ctsel,html.parede .cartao__sub,html.parede .cab__perg{display:none}
html.parede .pn{grid-template-columns:minmax(0,1fr)}
html.parede .parede__sair{display:block;position:fixed;top:.5rem;right:.6rem;z-index:50;border:1px solid var(--fictalent-borda);background:var(--fictalent-cartao);color:var(--fictalent-texto-fraco);border-radius:.4rem;font-size:.55rem;padding:.15rem .45rem;opacity:.5}
html.parede .parede__sair:hover{opacity:1}

/* ===== celular: rolagem vertical permitida, cada gráfico inteiro (princípio 4) ===== */
@media (max-width:899px){
  .ab{display:block;height:auto;overflow:visible}
  .ab__esq,.ab__dir{min-height:0}
  .arvore,.portas{overflow:visible;flex:none}
  .ab__titulo{font-size:1.7rem}
  .pn,.pn--rec{display:block;height:auto;overflow:visible}
  .lat{position:fixed;inset:0 auto 0 0;width:min(18rem,86vw);transform:translateX(-102%);transition:transform .2s;z-index:75}
  .pn--menu .lat{transform:none}
  .pn--rec .lat__txt,.pn--rec .lat__logo,.pn--rec .nav__lbl,.pn--rec .lat__ver>div,.pn--rec .selo{display:revert}
  .topm{display:flex;align-items:center;gap:.7rem;position:sticky;top:0;z-index:20;background:var(--fictalent-cartao);border-bottom:1px solid var(--fictalent-borda);padding:.5rem .8rem}
  .topm svg{height:1.6rem;width:auto}
  .topm__menu{border:1px solid var(--fictalent-borda);background:var(--fictalent-fundo);border-radius:.45rem;padding:.25rem .55rem;font-size:1.1rem;line-height:1}
  .topm__ver{margin-left:auto;font-size:.76rem;color:var(--fictalent-texto-fraco);text-align:right}
  .topm__ver b{display:block;color:var(--fictalent-primaria)}
  .mn,.mn--uma{display:block;height:auto;padding:.8rem}
  .mn>*+*{margin-top:.7rem}
  .cab{flex-direction:column;gap:.5rem}
  .cab__ctl{justify-content:flex-start}
  .manch{flex-wrap:wrap}
  .manch p{flex-basis:100%}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .linha{grid-template-columns:minmax(0,1fr)}
  .linha+.linha{margin-top:.6rem}
  .cartao{grid-column:auto;height:19rem}
  .cartao.cartao--alto{height:30rem}   /* v0.4.1: vinha antes da regra geral e perdia para ela */
  .ctabs{display:none}
  .ctsel{display:block}
  .cartao__cab{flex-wrap:wrap}
  .pop{left:.5rem;right:.5rem;width:auto;top:3.6rem}
}

/* ===== v0.4: faixa branca no topo, conteúdo em fundo cinza (como a Fictitur) ===== */
.pn{--painel-fundo:color-mix(in srgb,var(--fictalent-fundo) 70%,var(--fictalent-borda))}
.mn{background:var(--painel-fundo);grid-template-rows:auto auto auto auto minmax(0,1.12fr) minmax(0,1fr)}
.mn--uma{grid-template-rows:auto auto auto auto minmax(0,1fr)}
.cab{background:var(--fictalent-cartao);margin:-.75rem -1.05rem 0;padding:.6rem 1.05rem .6rem;border-bottom:1px solid var(--fictalent-borda);align-items:center}
.per{position:relative}
.pchip{display:inline-flex;align-items:center;gap:.3rem;padding:0 .4rem 0 .65rem;font-size:.8rem;font-weight:600;color:var(--fictalent-primaria);border-left:1px solid var(--fictalent-borda);background:color-mix(in srgb,var(--fictalent-primaria) 7%,var(--fictalent-cartao));white-space:nowrap}
.pchip button{border:0;background:transparent;color:inherit;font-size:1rem;line-height:1;padding:0 .1rem}
.menuano{position:absolute;top:calc(100% + .3rem);right:0;z-index:26;width:15rem;background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda);border-radius:.6rem;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:.6rem .7rem;display:grid;gap:.15rem}
.menuano .rot-sec{color:var(--fictalent-texto-fraco);margin-bottom:.2rem}
.badge{display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;border-radius:999px;background:var(--fictalent-acento);color:#fff;font-size:.7rem;font-weight:700;margin-left:.15rem}
/* trilha "Filtros aplicados": um grupo por dimensão, cada valor sai no ×; Limpar tudo volta tudo para Todos */
.tri{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.76rem;color:var(--fictalent-texto-fraco);min-height:1.7rem}
.tri__r{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fictalent-texto);margin-right:.15rem}
.tri__g{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .25rem .1rem .5rem;border-radius:.5rem;background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda)}
.tri__g>b{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--fictalent-texto-fraco);margin-right:.1rem}
.tri__v{display:inline-flex;align-items:center;gap:.1rem;padding:.02rem .15rem .02rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--fictalent-primaria) 9%,var(--fictalent-cartao));color:var(--fictalent-primaria);font-weight:600;white-space:nowrap}
.tri__v button,.tri__x{border:0;background:transparent;color:inherit;font-size:.95rem;line-height:1;padding:0 .15rem}
.tri__x{color:var(--fictalent-texto-fraco)}
.tri__x:hover,.tri__v button:hover{color:var(--fictalent-acento-esc)}
.tri__v--fixo{padding-right:.5rem}
.tri__v--fixo svg{width:.75rem;height:.75rem}
.tri__v--mais{background:var(--fictalent-fundo);color:var(--fictalent-texto-fraco);padding-right:.45rem}
.tri__g--na{opacity:.75}
.tri__g--na .tri__v{text-decoration:line-through;background:var(--fictalent-fundo);color:var(--fictalent-texto-fraco)}
.tri__g--na small{font-size:.68rem;font-style:italic}
.tri__sep{color:var(--fictalent-borda);font-weight:700}
.tri__limpar{margin-left:.25rem}
.tri__dica{margin-left:auto;font-style:italic}
/* quatro gráficos pequenos, cada um no seu quadro */
.mults{position:absolute;inset:0;display:grid;gap:.6rem}
.mult{border:1px solid var(--fictalent-borda);border-radius:.55rem;background:var(--fictalent-fundo);padding:.35rem .6rem .25rem;display:flex;flex-direction:column;min-height:0;min-width:0}
.mult__cab{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.78rem;white-space:nowrap}
.mult__cab b{font-weight:600;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mult__cab span{overflow:hidden;text-overflow:ellipsis;max-width:100%}   /* v0.4.2: nada passa da borda do quadro */
.mult__cab span{color:var(--fictalent-primaria);font-weight:700;font-variant-numeric:tabular-nums}
.mult__g{flex:1;min-height:0;display:flex;align-items:flex-end}
.mult__pe{font-size:.68rem;color:var(--fictalent-texto-fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mult--estreito .mult__cab{flex-direction:column;align-items:flex-start;gap:0}
/* gaveta de filtros no modelo da Fictitur */
.gav--filtros{width:min(46rem,100%);gap:.7rem}
.gav__ativos{display:inline-block;padding:.12rem .6rem;border-radius:999px;border:1px solid var(--fictalent-borda);background:var(--fictalent-fundo);font-size:.76rem;font-weight:600;color:var(--fictalent-texto)}
.gav__intro{font-size:.8rem;color:var(--fictalent-texto-fraco);margin-top:-.2rem}
.fs{border:1px solid var(--fictalent-borda);border-radius:.7rem;padding:.35rem .9rem .75rem;margin:0;display:grid;gap:.6rem;min-width:0}
.fs legend{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fictalent-primaria);padding:0 .35rem}
.lin{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));gap:.6rem .8rem}
.fld{display:grid;gap:.25rem;font-size:.82rem;min-width:0;position:relative;align-content:start}
.fld>label{color:var(--fictalent-texto);font-weight:500}
.fld>label small{color:var(--fictalent-texto-fraco);font-weight:400;font-size:.7rem}
.fld--off{opacity:.6}
.motivo{font-size:.7rem;color:var(--fictalent-texto-fraco);font-style:italic;line-height:1.3}
.dd__b{display:flex;justify-content:space-between;align-items:center;gap:.4rem;width:100%;padding:.45rem .6rem;border:1px solid var(--fictalent-borda);border-radius:.5rem;background:var(--fictalent-fundo);text-align:left;font-size:.84rem;color:var(--fictalent-texto);min-width:0}
.dd__b>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd__b:disabled{cursor:not-allowed}
.dd__b--on{border-color:var(--fictalent-primaria);box-shadow:0 0 0 1px var(--fictalent-primaria)}
.dd__p{position:absolute;top:100%;left:0;z-index:5;margin-top:.25rem;width:max(100%,18rem);max-height:22rem;overflow:auto;background:var(--fictalent-cartao);border:1px solid var(--fictalent-borda);border-radius:.6rem;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:.55rem;display:grid;gap:.4rem;align-content:start}
.dd__busca{width:100%;padding:.4rem .55rem;border:1px solid var(--fictalent-borda);border-radius:.45rem;background:var(--fictalent-fundo);font:inherit;font-size:.82rem;color:var(--fictalent-texto)}
.dd__lista{display:grid;gap:.05rem}
.ck{display:flex;align-items:center;gap:.45rem;font-size:.82rem;padding:.16rem .25rem;border-radius:.3rem;cursor:pointer;color:var(--fictalent-texto)}
.ck:hover{background:color-mix(in srgb,var(--fictalent-primaria) 6%,transparent)}
.ck input{accent-color:var(--fictalent-primaria);margin:0}
.ck small{color:var(--fictalent-texto-fraco)}
.ck--topo{border-bottom:1px solid var(--fictalent-borda);border-radius:0;padding-bottom:.35rem;margin-bottom:.15rem;font-weight:600}
.arv__ano{display:flex;align-items:center;gap:.3rem}
.arv__exp{width:1.25rem;height:1.25rem;border:1px solid var(--fictalent-borda);border-radius:.25rem;background:var(--fictalent-cartao);font-size:.8rem;line-height:1;padding:0;color:var(--fictalent-texto-fraco);flex:none}
.arv__tag{color:var(--fictalent-acento-esc)!important}
.arv__meses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .3rem;padding:0 0 .25rem 1.9rem}
.atalhos{display:flex;flex-wrap:wrap;gap:.3rem}
.atalho{border:1px solid var(--fictalent-borda);background:var(--fictalent-cartao);border-radius:999px;padding:.12rem .6rem;font-size:.74rem;color:var(--fictalent-texto)}
.atalho--bloco{justify-self:start;margin:.1rem 0 .2rem}
.atalho:hover{border-color:var(--fictalent-primaria);color:var(--fictalent-primaria)}
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.1rem}
.ck--dia{justify-content:flex-start;font-variant-numeric:tabular-nums}
.seg--larga{display:flex}
.seg--larga .seg__o{flex:1;text-align:center}
.seg__o:disabled{opacity:.45;cursor:not-allowed}
.gav__acoes{display:flex;gap:.5rem;position:sticky;bottom:-1rem;z-index:6;background:var(--fictalent-cartao);padding:.6rem 0 .2rem;border-top:1px solid var(--fictalent-borda)}
html.parede .tri,html.parede .cab__ctl{display:none}
html.parede .mn{grid-template-rows:auto auto auto minmax(0,1.12fr) minmax(0,1fr)}
html.parede .mn--uma{grid-template-rows:auto auto auto minmax(0,1fr)}   /* sem a trilha, a grade tem uma linha a menos */
@media (max-width:899px){
  .cab{margin:-.8rem -.8rem 0;padding:.7rem .8rem}
  .lin{grid-template-columns:minmax(0,1fr)}
  .tri__dica{margin-left:0;flex-basis:100%}
  .mn{background:var(--painel-fundo)}
  /* v0.4.1: no celular a lista do campo abre dentro da gaveta, empurrando o resto, e a tabela vira lista de cartões (princípio 4) */
  .dd__p{position:static;width:100%;box-shadow:none}
  .lat__acoes .lat__btn+.lat__btn{display:none}   /* modo parede e recolher o menu não servem no telefone */
  .tab thead{display:none}
  .tab table,.tab tbody,.tab tr,.tab td{display:block;width:100%}
  .tab tr{border:1px solid var(--fictalent-borda);border-radius:.5rem;padding:.3rem .55rem;margin-bottom:.4rem;background:var(--fictalent-cartao)}
  .tab td,.tab td.w{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;border:0;padding:.1rem 0;white-space:normal;text-align:right;min-width:0}
  .tab td::before{content:attr(data-rot);flex:none;text-align:left;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:var(--fictalent-texto-fraco)}
  .tab td:first-child{font-weight:600;color:var(--fictalent-primaria)}
}

/* painel: acessibilidade mínima (planta 1, seção 10): foco visível em todo controle */
:focus-visible{outline:2px solid var(--fictalent-primaria);outline-offset:2px;border-radius:.3rem}
.lat :focus-visible,.ab__esq :focus-visible,.pop :focus-visible{outline-color:#fff}
/* painel: links que fazem papel de botão (o estado vive na URL, então o filtro é um link de verdade) */
a.seg__o,a.nav__i,a.folha,a.item,a.lat__btn,a.lnk,a.tri__x,a.tri__v>a,a.btn{display:inline-flex}
a.nav__i,a.folha,a.item{display:flex}
a.item{display:grid}
.tri__v a{color:inherit;font-size:.95rem;line-height:1;padding:0 .15rem}
.tri__v a:hover{color:var(--fictalent-acento-esc)}
/* painel: "Clique" vira "Toque" em tela de toque (planta 1, seção 9) */
.so-toque{display:none}
@media (pointer:coarse){.so-mouse{display:none}.so-toque{display:inline}}
/* painel: o gráfico ocupa o corpo do cartão inteiro (o ECharts mede o elemento) */
.grafico{position:absolute;inset:0}
/* painel: na gaveta, Compara é um rádio de verdade dentro do botão segmentado (o estado vai no formulário) */
.seg__o{position:relative}
.seg__o input{position:absolute;opacity:0;width:0;height:0;margin:0}
label.seg__o{cursor:pointer}
.seg__o:has(input:checked){background:var(--fictalent-primaria);color:#fff}
.seg__o:has(input:disabled){opacity:.45;cursor:not-allowed}
.seg__o:has(input:focus-visible){outline:2px solid var(--fictalent-primaria);outline-offset:2px}
/* painel: o cadeado da frase do recorte na gaveta, no tamanho que o protótipo lhe dava */
.gav__cadeado svg{width:12px;height:12px;vertical-align:-1px}
/* painel: o gráfico de cada quadro pequeno ocupa o espaço do quadro (o ECharts mede o elemento) */
.mult__g{position:relative}
/* painel: o cinza de contexto da planta (documento 01, seção 3: "só referência"); o arquivo de tokens da Clear
   ainda não o traz, e o protótipo o usa sem definir (avisado à Clear) */
:root{--fictalent-contexto:#968AA3}
/* painel: as abas do cartão são links (a vista vai na URL); o mesmo desenho que o protótipo dá aos botões */
.ctabs a{border:0;background:transparent;font-size:.72rem;padding:.16rem .5rem;border-radius:.38rem;color:var(--fictalent-texto-fraco);font-weight:600;white-space:nowrap;text-decoration:none}
.ctabs a:hover{color:var(--fictalent-texto)}
.ctabs a.on{background:var(--fictalent-cartao);color:var(--fictalent-primaria);box-shadow:0 1px 2px rgba(0,0,0,.1)}
/* painel: o "uma solução Neviah" do hall volta à vitrine (diretriz da demo, 09/09) */
.ab__pe a{color:inherit;text-decoration:none}
.ab__pe a:hover{text-decoration:underline}