/* hub-followup.css: follow-up semanal (?sub=followup) e bloco do liderado na home. Tela nova, 05/11/2026.
   Sistema do Adapt Vídeos Briefing escopado ao contêiner .hfu (o resto do Hub e o estilo.css não mudam):
   fundo #0b0d0d, cartão #151a1a, linha #253030, acento #3fd1b5 (ação e estado atual), âmbar #f5a524 (só atenção), Geologica nos títulos.
   Escala de tipo: 12, 14, 16, 20, 24, 48, 72 (e 32 na frase da leitura). Raio: cartão 16, campo 10, controle pílula. */
@font-face{font-family:FuGeologica;src:url(followup-geologica.woff2) format("woff2");font-weight:100 900;font-display:swap}

/* o modo-sub do Hub põe overflow-x:hidden em html e body, o que desliga o sticky da coluna lateral */
html.modo-sub.hfu-on{overflow-x:clip;overflow-y:visible}
html.modo-sub.hfu-on body{overflow:visible}
/* selo "semana pendente" no botão da barra do Hub (D8, ouro do Hub; fora do contêiner) */
.hfu-selo{display:inline-block;width:8px;height:8px;padding:0;margin-left:8px;border:0;border-radius:50%;background:var(--ouro);font-size:0;line-height:0;vertical-align:2px}

.hfu{
 --fu-bg:#0b0d0d;--fu-bg2:#101414;--fu-card:#151a1a;--fu-card2:#1c2222;--fu-line:#253030;--fu-campo:#55716c;
 --fu-txt:#eef3f2;--fu-mut:#a3b2af;--fu-mut2:#889895;--fu-ac:#3fd1b5;--fu-ac-tinta:#062520;--fu-ac-fundo:rgba(63,209,181,.12);--fu-ok:#2f7d6f;
 --fu-aviso:#f5a524;--fu-ruim:#ff6b6b;
 --fu-t12:12px;--fu-t14:14px;--fu-t16:16px;--fu-t20:20px;--fu-t24:24px;--fu-t48:48px;--fu-t72:72px;
 --fu-r-card:16px;--fu-r-campo:10px;--fu-r-pill:999px;
 --fu-tit:FuGeologica,system-ui,sans-serif;--fu-fonte:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --fu-sai:cubic-bezier(.16,1,.3,1);
 color:var(--fu-txt);font:400 var(--fu-t16)/1.5 var(--fu-fonte);-webkit-font-smoothing:antialiased;text-transform:none;letter-spacing:normal;color-scheme:dark}
#hfu-app{padding:0 0 40px}
.hfu *{box-sizing:border-box}
.hfu a{color:inherit}
.hfu button,.hfu a,.hfu label,.hfu input[type=checkbox]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.hfu [id^="fu-l-"],.hfu h2{scroll-margin-top:24px}
html.hfu-on{scroll-padding-bottom:96px}
.hfu button,.hfu select,.hfu input,.hfu textarea{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.hfu button{cursor:pointer;border:0;background:none;padding:0;margin:0}
.hfu h1,.hfu h2,.hfu h3{font-family:var(--fu-tit);margin:0;text-wrap:balance;text-transform:none}
.hfu p,.hfu ul,.hfu ol,.hfu blockquote{margin:0;padding:0}
.hfu ul,.hfu ol{list-style:none}
.hfu :focus-visible{outline:2px solid var(--fu-ac);outline-offset:2px}
.hfu .fu-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hfu .fu-ic{flex:none;display:inline-block;vertical-align:-2px}
.hfu .fu-mut{color:var(--fu-mut)}
.hfu .fu-mut2{color:var(--fu-mut2);font-size:var(--fu-t14)}
.hfu .fu-sub{font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-vazio{padding:20px;text-align:center;color:var(--fu-mut);font-size:var(--fu-t14);display:grid;gap:12px;justify-items:center}
.hfu .fu-vazio-l{color:var(--fu-mut);font-size:var(--fu-t14)}
.hfu .fu-acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* cabeçalho da página */
.hfu .fu-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:40px 0 32px}
.hfu .fu-cab h1{font-size:var(--fu-t48);line-height:1;font-weight:700;letter-spacing:-.03em}
.hfu .fu-cab p{margin-top:12px;color:var(--fu-mut);font-size:var(--fu-t16)}
.hfu .fu-topo-l{padding-top:28px}
.hfu .fu-voltar{display:inline-flex;align-items:center;gap:6px;font-size:var(--fu-t14);font-weight:600;color:var(--fu-mut);text-decoration:none;transition:color .15s}
.hfu .fu-voltar:hover{color:var(--fu-txt)}
.hfu .fu-setsel{display:inline-flex;align-items:center;gap:8px;font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu select{background:var(--fu-bg2);border:1px solid var(--fu-campo);border-radius:var(--fu-r-campo);padding:8px 12px;font-size:var(--fu-t14);color:var(--fu-txt)}
.hfu .fu-sover,.hfu .fu-revfaixa{background:var(--fu-card2);border:1px solid var(--fu-line);border-radius:var(--fu-r-campo);padding:12px 16px;font-size:var(--fu-t14);color:var(--fu-mut);margin-bottom:24px}
.hfu .fu-sover b,.hfu .fu-revfaixa b{color:var(--fu-txt)}
.hfu .fu-revfaixa{margin-top:28px}

/* duas colunas */
.hfu .fu-grade{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
@media (max-width:1100px){.hfu .fu-grade{grid-template-columns:1fr}.hfu .fu-lado{position:static}}

/* trilha de etapas */
.hfu .fu-trilha{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 24px}
.hfu .fu-trilha button{position:relative;width:100%;text-align:left;padding:12px 2px 0;color:var(--fu-mut);display:grid;gap:2px}
.hfu .fu-trilha .barra{position:absolute;left:0;right:0;top:0;height:3px;background:var(--fu-line);border-radius:2px;transform-origin:left}
.hfu .fu-trilha button.ok .barra{background:var(--fu-ok)}
.hfu .fu-trilha button[aria-current="step"] .barra{background:var(--fu-ac)}
.hfu .fu-trilha i{font:600 var(--fu-t12) var(--fu-fonte);font-style:normal;color:var(--fu-mut2)}
.hfu .fu-trilha b{font:600 var(--fu-t16)/1.2 var(--fu-fonte);color:var(--fu-mut);display:flex;align-items:center;gap:6px;transition:color .15s}
.hfu .fu-trilha .fu-ok{color:var(--fu-ok)}
.hfu .fu-trilha button[aria-current="step"] b{color:var(--fu-txt)}
.hfu .fu-trilha button:hover b{color:var(--fu-txt)}
.hfu .fu-trilha .pto{width:6px;height:6px;border-radius:50%;background:var(--fu-aviso)}
@keyframes fu-cresce{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hfu .fu-trilha .barra.cresce{animation:fu-cresce .24s var(--fu-sai)}

/* faixa dos números (sobre o fundo, sem cartão) */
.hfu .fu-faixa-num{padding:0;margin-bottom:24px}
.hfu .fu-faixa-cab{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.hfu .fu-faixa-cab h2{font-size:var(--fu-t24);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.hfu .fu-faixa-cab p{color:var(--fu-mut);font-size:var(--fu-t14);flex:1 1 auto}
.hfu .fu-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hfu .fu-num{display:grid;gap:4px;align-content:start;padding:16px;background:var(--fu-bg2);border:1px solid var(--fu-line);border-radius:var(--fu-r-card)}
.hfu .fu-num .v{font:700 var(--fu-t48)/1 var(--fu-tit);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.hfu .fu-num .v s{color:var(--fu-mut2);font-size:var(--fu-t24);margin-right:8px}
.hfu .fu-num .r{font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu .fu-ant{font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-semdado{font-size:var(--fu-t24);color:var(--fu-mut2)}
.hfu .fu-dias{display:flex;gap:10px;flex-wrap:nowrap;font-size:var(--fu-t12);color:var(--fu-mut2);font-variant-numeric:tabular-nums;margin-top:6px}
.hfu .fu-dias span{display:grid}
.hfu .fu-dias span{white-space:nowrap}
.hfu .fu-dias b{color:var(--fu-mut);font-weight:600;white-space:normal;max-width:52px;line-height:1.2}
.hfu .fu-notacorr{font-size:var(--fu-t12);color:var(--fu-mut)}
.hfu .fu-corr{display:grid;gap:6px;margin-top:6px}
.hfu .fu-mini{font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-num.tem-falta .r::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fu-aviso);margin-right:6px}

/* blocos */
.hfu .fu-bloco{background:var(--fu-card);border:1px solid var(--fu-line);border-radius:var(--fu-r-card);margin-bottom:24px}
.hfu .fu-bloco > header{padding:24px 28px 0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hfu .fu-bloco > header h2{font-size:var(--fu-t24);line-height:1.15;font-weight:600;letter-spacing:-.02em}
.hfu .fu-bloco > header p{color:var(--fu-mut);font-size:var(--fu-t14);flex-basis:100%}
.hfu .fu-bloco .fu-corpo{padding:20px 28px 26px;display:grid;gap:24px}
.hfu .fu-cn{color:var(--fu-mut);font-weight:500;font-size:var(--fu-t16)}

/* situação: três cartões */
.hfu .fu-sits button{text-align:left;border:1px solid var(--fu-campo);border-radius:var(--fu-r-card);padding:14px 16px;background:var(--fu-bg2);display:grid;gap:4px;transition:border-color .15s,background-color .15s}
.hfu .fu-sits button b{font:600 var(--fu-t20) var(--fu-tit)}
.hfu .fu-sits button span{font-size:var(--fu-t12);color:var(--fu-mut)}
.hfu .fu-sits button:hover{border-color:var(--fu-mut2)}
.hfu .fu-sits button[aria-pressed="true"]{border-color:var(--fu-ac);background:var(--fu-ac-fundo)}
.hfu .fu-sits button[aria-pressed="true"] b{color:var(--fu-ac)}
.hfu .fu-sits button[data-op="Atenção"][aria-pressed="true"]{border-color:var(--fu-aviso);background:rgba(245,165,36,.1)}
.hfu .fu-sits button[data-op="Atenção"][aria-pressed="true"] b{color:var(--fu-aviso)}
.hfu .fu-sits button[data-op="Crítica"][aria-pressed="true"]{border-color:var(--fu-ruim);background:rgba(255,107,107,.1)}
.hfu .fu-sits button[data-op="Crítica"][aria-pressed="true"] b{color:var(--fu-ruim)}
.hfu .com-erro .fu-sits button{border-color:var(--fu-ruim)}

/* campos */
.hfu .fu-campo{display:grid;gap:6px}
.hfu .fu-campo > label,.hfu .fu-rot{font-weight:600;font-size:var(--fu-t14)}
.hfu .fu-ob{color:var(--fu-mut);font-weight:600}
.hfu .fu-ajuda{color:var(--fu-mut2);font-size:var(--fu-t12)}
.hfu input[type=text],.hfu input[type=search],.hfu textarea{width:100%;background:var(--fu-bg2);border:1px solid var(--fu-campo);border-radius:var(--fu-r-campo);padding:10px 12px;font-size:var(--fu-t14);line-height:1.45;color:var(--fu-txt)}
.hfu input[type=text],.hfu input[type=search]{min-height:44px}
.hfu input.curto{width:110px}
.hfu textarea{resize:none;min-height:44px;field-sizing:content;max-height:240px}
.hfu input:focus,.hfu textarea:focus,.hfu select:focus{border-color:var(--fu-ac);outline:none;box-shadow:0 0 0 3px rgba(63,209,181,.25)}
.hfu ::placeholder{color:var(--fu-mut2)}
.hfu .fu-erro{color:var(--fu-ruim);font-size:var(--fu-t12);font-weight:600}
.hfu .com-erro input,.hfu .com-erro textarea{border-color:var(--fu-ruim)}
.hfu .com-erro > .fu-esc,.hfu .com-erro .mot .fu-esc,.hfu .com-erro > div > .fu-esc{border-color:var(--fu-ruim)}
.hfu .tem-falta > label::before,.hfu .tem-falta > .fu-rot::before,.hfu .tem-falta > div > .fu-rot::before,.hfu .fu-item.tem-falta .t::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fu-aviso);margin-right:8px;vertical-align:1px}
.hfu .fu-linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hfu .fu-linha input[type=text]{flex:1 1 200px}
.hfu .fu-linha input.curto{flex:0 0 110px}
.hfu .fu-g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* grupo de escolha: trilho segmentado; setas só movem o foco */
.hfu .fu-esc{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px;background:var(--fu-bg);border:1px solid var(--fu-line);border-radius:var(--fu-r-pill);padding:3px;width:auto;max-width:100%}
.hfu .fu-esc button{border-radius:var(--fu-r-pill);padding:5px 10px;font-size:var(--fu-t14);font-weight:600;color:var(--fu-txt);min-height:30px;transition:background-color .15s,color .15s}
.hfu .fu-esc button:hover{background:var(--fu-card2)}
.hfu .fu-esc:focus-within{border-color:var(--fu-campo)}
.hfu .fu-esc button[aria-pressed="true"]{background:var(--fu-ac);color:var(--fu-ac-tinta);font-weight:650}
.hfu .fu-esc button.sug{color:var(--fu-txt);background:transparent;outline:1.5px dashed var(--fu-ac);outline-offset:-2px}
.hfu .fu-esc button.pad{background:var(--fu-card2);color:var(--fu-txt);box-shadow:inset 0 0 0 1px var(--fu-line)}
.hfu .fu-esc button:focus-visible{outline:2px solid var(--fu-ac);outline-offset:1px}
.hfu .fu-campo > .fu-esc{justify-self:start}
.hfu .fu-campo.fu-sn{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px}
.hfu .fu-campo.fu-sn > .fu-esc,.hfu .fu-campo.fu-sn > input.curto{justify-self:end}
.hfu .fu-campo.fu-sn > :not(:first-child):not(.fu-esc):not(input){grid-column:1/-1}
.hfu .fu-sn-mais{display:grid;gap:8px}

/* listas */
.hfu .fu-lista{display:grid}
.hfu .fu-item{display:grid;gap:8px 16px;padding:16px 0;border-top:1px solid var(--fu-line)}
.hfu .fu-lista > .fu-item:first-child{border-top:0;padding-top:4px}
.hfu .fu-item .t{font-weight:600;font-size:var(--fu-t16)}
.hfu .fu-item .m{font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-item .m b{color:var(--fu-mut);font-weight:600}
.hfu .fu-venc{color:var(--fu-aviso);font-weight:600}
.hfu .fu-comb{grid-template-columns:minmax(0,1fr) auto}
.hfu .fu-comb > .fu-esc{align-self:start;margin-top:2px}
.hfu .fu-comb .extra{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center}
.hfu .fu-comb .extra .fu-nota,.hfu .fu-comb .extra .fu-erro{grid-column:1/-1}
.hfu .fu-man,.hfu .fu-gl{grid-template-columns:minmax(0,1fr)}
.hfu .fu-gl{grid-template-columns:minmax(0,1fr) auto}
.hfu .fu-gl > .fu-nota,.hfu .fu-gl > .fu-erro{grid-column:1/-1}
.hfu .fu-rm{font-size:var(--fu-t12);color:var(--fu-mut);text-decoration:underline;text-underline-offset:3px}
.hfu .fu-pes{grid-template-columns:minmax(0,220px) auto;justify-content:start;align-items:center}
.hfu .fu-pes > .fu-esc{justify-self:start}
.hfu .fu-hubn-l{display:flex;gap:12px;align-items:center}

/* clientes */
.hfu .fu-ferr{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hfu .fu-filtros{display:inline-flex;gap:4px;background:var(--fu-bg2);border:1px solid var(--fu-line);border-radius:var(--fu-r-pill);padding:3px;flex-wrap:wrap}
.hfu .fu-filtros button,.hfu .fu-filtros a{padding:5px 12px;border-radius:var(--fu-r-pill);font-size:var(--fu-t14);font-weight:500;color:var(--fu-mut);text-decoration:none;transition:background-color .15s,color .15s}
.hfu .fu-filtros button:hover,.hfu .fu-filtros a:hover{color:var(--fu-txt)}
.hfu .fu-filtros button[aria-pressed="true"],.hfu .fu-filtros a[aria-current]{background:var(--fu-card2);color:var(--fu-txt);font-weight:600}
.hfu .fu-filtros .n{font-variant-numeric:tabular-nums;color:var(--fu-mut2)}
.hfu .fu-todos{display:inline-flex;align-items:center;gap:8px;font-size:var(--fu-t14);color:var(--fu-mut);cursor:pointer}
.hfu input[type=checkbox]{width:18px;height:18px;accent-color:var(--fu-ac);margin:0;cursor:pointer}
.hfu .fu-faixa{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 6px}
.hfu .fu-faixa h3{font:600 var(--fu-t16) var(--fu-fonte)}
.hfu .fu-faixa h3 span{color:var(--fu-mut);font-weight:500;margin-left:4px}
.hfu .fu-cli{grid-template-columns:24px minmax(0,1fr) 80px auto;align-items:center;padding:12px 0;gap:6px 12px;min-height:56px}
.hfu .fu-lista > .fu-cli:first-child{padding-top:12px}
.hfu .fu-cli .mot .fu-esc button{padding:5px 8px}
.hfu .fu-cli-lid{grid-template-columns:minmax(0,1fr) 84px}
.hfu .fu-cli .info{min-width:0}
.hfu .fu-cli .m{display:flex;gap:10px;align-items:baseline;min-width:0}
.hfu .fu-cli .fu-tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}
.hfu .fu-cli .t{display:flex;gap:10px;align-items:baseline;min-width:0}
.hfu .fu-cli .fu-cn1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hfu .fu-cli .t .fu-lnk{flex:none;font-weight:400}
.hfu .fu-cli .fu-pp{flex:0 1 auto;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fu-mut);font-weight:600}
.hfu .fu-cli .m .fu-lnk{flex:none}
.hfu .fu-cli .mot{justify-self:end}
.hfu .fu-cli .mot .fu-esc{border-color:var(--fu-line);flex-wrap:nowrap}
.hfu .fu-cli:focus-within .mot .fu-esc{border-color:var(--fu-campo)}
.hfu .fu-selc{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px;cursor:pointer}
.hfu .fu-cli .dias,.hfu .fu-bloq .dias{font:600 var(--fu-t20) var(--fu-tit);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--fu-mut)}
.hfu .fu-cli.f30 .dias{color:var(--fu-txt)}
.hfu .fu-cli .dias small,.hfu .fu-bloq .dias small{display:block;font:400 var(--fu-t12) var(--fu-fonte);color:var(--fu-mut2)}
.hfu .fu-cli .resp{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.hfu .fu-cli-lid .resp{grid-column:1/-1}
.hfu .fu-cli .resp:empty{display:none}
.hfu .fu-cli .resp textarea,.hfu .fu-cli .resp .fu-erro{flex:1 1 100%}
.hfu .fu-sug{flex:1 1 100%;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-size:var(--fu-t14);color:var(--fu-mut);background:var(--fu-bg2);border:1px dashed var(--fu-ac);border-radius:var(--fu-r-campo);padding:8px 12px}
.hfu .fu-sug q,.hfu .fu-conf q{color:var(--fu-txt);quotes:"\201C" "\201D"}
.hfu .fu-oksug{margin-left:auto;font-weight:700;color:var(--fu-ac);text-decoration:underline;text-underline-offset:3px}
.hfu .fu-conf{font-size:var(--fu-t12);color:var(--fu-ac)}
.hfu .fu-trava{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:4px 0 0}
.hfu .fu-trava .m{font-size:var(--fu-t12);color:var(--fu-mut)}
.hfu .fu-leva{border:1px solid var(--fu-line);border-radius:var(--fu-r-pill);padding:5px 12px;font-size:var(--fu-t14);font-weight:600;color:var(--fu-txt);min-height:30px;transition:background-color .15s,color .15s,border-color .15s}
.hfu .fu-leva:hover{color:var(--fu-txt);border-color:var(--fu-campo)}
.hfu .fu-leva[aria-pressed="true"]{background:var(--fu-aviso);border-color:var(--fu-aviso);color:#1f1300;font-weight:650}
.hfu .fu-lnk{font-size:var(--fu-t12);color:var(--fu-mut);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;justify-self:start;transition:color .15s}
.hfu .fu-lnk:hover{color:var(--fu-txt)}
.hfu .fu-add{font-size:var(--fu-t14)}
.hfu .fu-menos{border-top:1px solid var(--fu-line);padding-top:14px;display:grid;gap:10px}
.hfu .fu-menos-cab{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.hfu .fu-menos-cab p{flex:1 1 280px;color:var(--fu-mut);font-size:var(--fu-t14)}
.hfu .fu-menos-cab b{color:var(--fu-txt);font-weight:600}
.hfu .fu-bloq{grid-template-columns:minmax(0,1fr) 84px;align-items:start}
.hfu .fu-bloq .resp{grid-column:1/-1;display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}
.hfu .fu-bloq .resp .m{font-size:var(--fu-t12);color:var(--fu-mut)}
.hfu .fu-onb{grid-template-columns:minmax(0,1fr)}
.hfu .fu-onb-cab{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}

/* lote e aviso de desfazer, no mesmo lugar (sticky embaixo) */
.hfu #fu-lista-cli.com-lote{padding-bottom:16px}
.hfu .fu-lote-slot{position:sticky;bottom:16px;z-index:3}
@keyframes fu-sobe{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hfu .fu-lote,.hfu .fu-aviso{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-height:56px;padding:8px 14px;background:var(--fu-card2);border:1px solid var(--fu-campo);border-radius:var(--fu-r-card);box-shadow:0 12px 32px rgba(0,0,0,.45);animation:fu-sobe .18s var(--fu-sai)}
.hfu .fu-lote b{font-variant-numeric:tabular-nums;white-space:nowrap}
.hfu .fu-lote .fu-esc{flex-wrap:nowrap}
.hfu .fu-lote .fu-lnk{margin-left:auto;font-size:var(--fu-t14)}
.hfu .fu-aviso{border-color:var(--fu-line);justify-content:space-between;font-size:var(--fu-t14);font-weight:600}
.hfu .fu-aviso button{color:var(--fu-ac);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 6px}

/* pé da etapa dentro do último cartão */
.hfu .fu-pe{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--fu-line);padding:16px 28px}
.hfu .fu-pe-rev{border:0;padding:24px 0 0}
.hfu .fu-pe-dir{display:flex;align-items:center;gap:12px}
.hfu .fu-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--fu-r-pill);padding:10px 18px;font-weight:700;font-size:var(--fu-t14);border:1px solid var(--fu-campo);background:var(--fu-bg2);color:var(--fu-txt);min-height:42px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.hfu .fu-bt:hover{border-color:var(--fu-ac)}
.hfu .fu-bt.prim{background:var(--fu-ac);border-color:var(--fu-ac);color:var(--fu-ac-tinta)}
.hfu .fu-bt.prim:hover{background:#5fe0c7}
.hfu .fu-bt.so{background:none;border-color:transparent;color:var(--fu-mut)}
.hfu .fu-bt.so:hover{color:var(--fu-txt);border-color:var(--fu-line)}
.hfu .fu-bt.larg{width:100%}
.hfu .fu-bt[disabled]{opacity:.6;cursor:progress}

/* coluna lateral */
.hfu .fu-lado{position:sticky;top:24px;display:grid;gap:16px}
.hfu .fu-envio{background:var(--fu-card);border:1px solid var(--fu-line);border-radius:var(--fu-r-card);padding:22px;display:grid;gap:12px}
.hfu .fu-envio h2{font:600 var(--fu-t14) var(--fu-fonte);color:var(--fu-mut)}
.hfu .fu-prog{font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu .fu-prog b{font-size:var(--fu-t16);font-weight:600;color:var(--fu-txt);font-variant-numeric:tabular-nums;display:inline-block}
@keyframes fu-desce{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes fu-sobe6{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.hfu .fu-prog b.desce{animation:fu-desce .18s ease-out}
.hfu .fu-prog b.sobe{animation:fu-sobe6 .18s ease-out}
.hfu .fu-barra{height:4px;background:var(--fu-line);border-radius:2px;overflow:hidden}
.hfu .fu-barra i{display:block;height:100%;background:var(--fu-ac);border-radius:2px;transition:width .24s var(--fu-sai)}
.hfu .fu-faltas{display:grid;gap:4px}
.hfu .fu-faltas button{text-align:left;font-size:var(--fu-t14);color:var(--fu-txt);display:flex;gap:8px;width:100%;padding:4px 8px;border-radius:var(--fu-r-campo);transition:background-color .15s}
.hfu .fu-faltas button:hover{background:var(--fu-card2)}
.hfu .fu-faltas button span{color:var(--fu-mut);font-weight:700;font-variant-numeric:tabular-nums;min-width:22px}
.hfu .fu-faltas.tentou button span{color:var(--fu-aviso)}
.hfu .fu-proxf{font-size:var(--fu-t12);color:var(--fu-mut2);margin-top:-6px}
.hfu .fu-pronto{font-size:var(--fu-t14);color:var(--fu-ac)}
.hfu .fu-alerta{font-size:var(--fu-t14);color:var(--fu-aviso)}
.hfu .fu-salvo{font-size:var(--fu-t12);color:var(--fu-mut2);display:flex;gap:4px 12px;flex-wrap:wrap}
.hfu .fu-salvo #hfu-rasc:empty{display:none}
.hfu .fu-recomeca{margin-top:12px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.hfu .fu-msg{font-size:var(--fu-t14);color:var(--fu-ruim);font-weight:600;max-width:440px}
.hfu .fu-msg:empty{display:none}

/* enviado */
@keyframes fu-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fu-entra12{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fu-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.hfu .fu-entra{animation:fu-entra .22s var(--fu-sai)}
.hfu .fu-feito{background:var(--fu-card);border:1px solid var(--fu-ok);border-radius:var(--fu-r-card);padding:28px;display:grid;gap:12px}
.hfu .fu-feito h2{font-size:var(--fu-t24);font-weight:600;display:flex;align-items:center;gap:10px}
.hfu .fu-feito-ic{color:var(--fu-ac)}
.hfu .fu-feito p{color:var(--fu-mut)}
.hfu .fu-entra-feito{animation:fu-entra12 .26s var(--fu-sai)}
.hfu .fu-entra-feito .fu-feito-ic{animation:fu-pop .22s ease-out .14s both}

/* gestão: visão da semana */
.hfu .fu-placar{color:var(--fu-mut);font-size:var(--fu-t16)}
.hfu .fu-placar b{font:700 var(--fu-t48)/1 var(--fu-tit);color:var(--fu-txt);letter-spacing:-.02em;margin-right:8px;vertical-align:-6px}
.hfu table.fu-setores{width:100%;border-collapse:collapse;font-size:var(--fu-t14)}
.hfu .fu-setores th{text-align:left;font-size:var(--fu-t12);font-weight:600;color:var(--fu-mut);padding:18px 12px 12px;white-space:nowrap}
.hfu .fu-setores td{padding:14px 12px;border-top:1px solid var(--fu-line);vertical-align:top}
.hfu .fu-setores tr.ir{cursor:pointer}
.hfu .fu-setores tr.ir:hover td{background:var(--fu-card2)}
.hfu .fu-setores td:first-child,.hfu .fu-setores th:first-child{padding-left:20px}
.hfu .fu-setores td:last-child,.hfu .fu-setores th:last-child{padding-right:20px}
.hfu .fu-setores .s{font-weight:600;font-size:var(--fu-t16);text-decoration:none}
.hfu .fu-setores a:hover{text-decoration:underline}
.hfu .fu-setores .n{font-variant-numeric:tabular-nums}
.hfu .fu-setores td.ler,.hfu .fu-setores th:last-child{text-align:right;white-space:nowrap;font-weight:600;width:1%}
.hfu .ler-ok{color:var(--fu-ac);display:inline-flex;align-items:center;gap:4px}
.hfu .ler-ver{color:var(--fu-mut);display:inline-flex;align-items:center;gap:4px}
.hfu tr.ir:hover .ler-ver{text-decoration:underline}
.hfu .fu-est{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.hfu .fu-est.enviado::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fu-ac)}
.hfu .fu-est.comecou{color:var(--fu-txt);font-weight:500}
.hfu .fu-est.nao{color:var(--fu-mut);font-weight:400}
.hfu .sit-crit{color:var(--fu-ruim);font-weight:700}
.hfu .sit-aten{color:var(--fu-aviso);font-weight:700}
.hfu .sit-dia{color:var(--fu-ac);font-weight:700}
.hfu .fu-fonte{font-size:var(--fu-t12);color:var(--fu-mut2);margin:-12px 0 16px}
.hfu .fu-barra-g{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hfu .fu-busca{max-width:420px}
.hfu .fu-tr1{max-width:420px}
.hfu .fu-ach p{font-size:var(--fu-t12);color:var(--fu-mut);margin-top:4px}
.hfu mark{background:rgba(63,209,181,.25);color:var(--fu-txt)}

/* gestão: leitura de um envio */
.hfu .fu-abre{padding:28px 0 32px;max-width:1000px}
.hfu .fu-abre h1{font-size:var(--fu-t48);line-height:1.02;letter-spacing:-.03em;font-weight:700}
.hfu .fu-semana-l{margin-top:10px;color:var(--fu-mut);font-size:var(--fu-t16)}
.hfu .fu-frase{margin-top:28px}
.hfu .fu-frase p{max-width:30ch}
.hfu .fu-frase p{font:500 32px/1.2 var(--fu-tit);color:var(--fu-txt);letter-spacing:-.01em}
.hfu .fu-frase footer{margin-top:12px;font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu .fu-quem-l{margin-top:12px;color:var(--fu-mut);font-size:var(--fu-t14)}
.hfu .fu-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:32px}
.hfu .fu-stats.dois{grid-template-columns:2fr 1fr}
.hfu .fu-stat{display:flex;gap:18px;align-items:flex-start;background:var(--fu-card);border:1px solid var(--fu-line);border-radius:var(--fu-r-card);padding:24px 26px;text-decoration:none;color:var(--fu-mut);transition:border-color .15s}
.hfu a.fu-stat:hover{border-color:var(--fu-ac)}
.hfu .fu-stat > .fu-ic{color:var(--fu-mut)}
.hfu .fu-stat span{display:grid;gap:4px}
.hfu .fu-stat b{font:700 var(--fu-t48)/1 var(--fu-tit);color:var(--fu-txt);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hfu .fu-stat-1 b{font-size:var(--fu-t72)}
.hfu .fu-stat b .de{font-size:var(--fu-t24);color:var(--fu-mut);font-weight:600}
.hfu .fu-stat em{font-style:normal;font-size:var(--fu-t16);color:var(--fu-mut)}
.hfu .fu-stat em.so{font-weight:600;color:var(--fu-txt);padding-top:10px}
.hfu .fu-stat small{font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu .fu-corpo-l section{padding:32px 0;border-top:1px solid var(--fu-line)}
.hfu .fu-corpo-l section:first-child{border-top:0;padding-top:0}
.hfu .fu-corpo-l h2{font-size:var(--fu-t24);font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
.hfu .fu-ped{display:grid;gap:14px;max-width:80ch}
.hfu .fu-ped li{font-size:var(--fu-t16)}
.hfu .fu-ped .m{font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-grupo{padding:12px 0}
.hfu .fu-grupo + .fu-grupo{border-top:1px solid var(--fu-line)}
.hfu .fu-grupo h3{font:600 var(--fu-t16) var(--fu-fonte);margin-bottom:8px}
.hfu .fu-grupo h3 span{color:var(--fu-mut);font-weight:400}
.hfu .fu-clis{display:grid;row-gap:10px}
.hfu .fu-clis li{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1.2fr);gap:2px 16px;align-items:baseline;font-size:var(--fu-t16)}
.hfu .fu-clis .cn{font-weight:600}
.hfu .fu-clis .cd{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.hfu .fu-clis .cx{color:var(--fu-mut);font-size:var(--fu-t14)}
.hfu .fu-clis q{color:var(--fu-txt);quotes:"\201C" "\201D"}
.hfu .fu-sinal{margin-top:12px;font-size:var(--fu-t14);color:var(--fu-mut)}
.hfu .fu-nums-l{display:grid;gap:18px}
.hfu .fu-nl{display:grid;gap:2px}
.hfu .fu-nl b{font:700 var(--fu-t48)/1 var(--fu-tit);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hfu .fu-nl span{color:var(--fu-mut);font-size:var(--fu-t14)}
.hfu .fu-nl small{color:var(--fu-mut);font-size:var(--fu-t12)}
.hfu .fu-prox{padding-top:24px}

/* liderado na home */
.hfu-lidw{margin-top:24px}
.hfu .fu-lidp > header h2{font-size:var(--fu-t24);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hfu .fu-n48{font:700 var(--fu-t48)/1 var(--fu-tit);letter-spacing:-.02em}
.hfu .fu-lidp > header p.fu-mut2{margin-top:-8px}
.hfu .fu-h3{font:600 var(--fu-t16) var(--fu-fonte);margin-top:8px}
.hfu .fu-gravado{display:inline-flex;align-items:center;gap:6px;font-size:var(--fu-t12);color:var(--fu-mut2)}
.hfu .fu-gravado .fu-ic{color:var(--fu-ac)}
@keyframes fu-gr{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:none}}
.hfu .fu-entra-gr{animation:fu-gr .15s ease-out}

/* primeira dobra em telas baixas: a primeira pergunta aparece em 1366x768 */
@media (max-height:900px){
 .hfu .fu-cab{padding:24px 0 20px}
 .hfu .fu-cab h1{font-size:32px}
 .hfu .fu-cab p{margin-top:8px}
 .hfu .fu-num{padding:12px 16px}
 .hfu .fu-num .v{font-size:32px}
 .hfu .fu-faixa-cab{margin-bottom:12px}
 .hfu .fu-trilha{margin-bottom:16px}
 .hfu .fu-envio{padding:18px;gap:10px}
}
@media (prefers-reduced-motion:reduce){
 .hfu *,.hfu *::before,.hfu *::after{transition-duration:0s!important;animation:none!important}
}

/* leva 7 (PARECER-HUB-AR-2): cartões de número na altura do conteúdo; rodapé da coluna numa linha */
.hfu .fu-faixa-num .fu-g3{align-items:start}
.hfu .fu-rodape{flex-wrap:nowrap;white-space:nowrap;align-items:baseline;min-width:0}
.hfu .fu-rodape #hfu-rasc{overflow:hidden;text-overflow:ellipsis;min-width:0}
.hfu .fu-rodape .fu-lnk{flex:none;margin-left:auto;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--fu-mut)}
.hfu .fu-setores td.n .fu-sub{white-space:nowrap}
/* o Hub tem #subdash a{text-decoration:none} (id vence classe): o link de texto do follow-up volta a ter sublinhado */
#subdash .hfu .fu-lnk{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--fu-mut)}
#subdash .hfu .fu-lnk:hover{color:var(--fu-txt)}
#subdash .hfu .fu-setores a.s:hover{text-decoration:underline}