/* Escritório Vivo — tema único deliberado: sala de jogo noturna */
:root{
  --fundo:#12141d; --painel:#191d2a; --painel2:#1f2433; --linha:#2a3044;
  --texto:#e9e5da; --morto:#8b91a5; --ambar:#f2b134; --ciano:#6ad5e8;
  --verde:#7dc95e; --alerta:#e05a4e;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;padding:0}
body{background:var(--fundo);color:var(--texto);
  font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-variant-numeric:tabular-nums}
.topo{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;
  padding:.8rem 1.2rem;border-bottom:1px solid var(--linha);background:var(--painel)}
.marca-logo{height:120px;width:auto;max-width:min(92vw,900px);display:block}
.marca-sub{color:var(--verde);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-top:.2rem}
@media (max-width:600px){.marca-logo{height:84px}}
.abas{display:flex;gap:.5rem;margin-left:auto;flex-wrap:wrap}
.aba{background:var(--painel2);border:1.5px solid var(--linha);color:var(--texto);
  padding:.5rem 1rem;border-radius:8px;font:inherit;font-size:.82rem;font-weight:700;
  letter-spacing:.08em;cursor:pointer;transition:transform .08s,border-color .12s;box-shadow:0 1px 0 rgba(0,0,0,.3)}
.aba:hover{border-color:var(--ambar);transform:translateY(-1px)}
.aba.ativa{color:var(--fundo);background:var(--ambar);border-color:var(--ambar);
  box-shadow:0 0 12px rgba(242,177,52,.45)}
.aba:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ciano);outline-offset:2px}
/* aba ENTREGÁVEIS = destaque permanente (dono, 05/09/2026): é a porta do que humanos veem e usam.
   Ciano pulsante quando inativa (não confunde com a aba ativa, que é âmbar); ícone maior; contador de peças. */
.aba-destaque{display:inline-flex;align-items:center;gap:.55rem;position:relative;
  border:2px solid var(--ciano);color:#fff;font-size:.9rem;padding:.6rem 1.1rem;
  background:linear-gradient(135deg,#1b3844,#10202b);
  box-shadow:0 0 0 1px rgba(106,213,232,.25),0 0 18px rgba(106,213,232,.45);
  animation:aba-pulsa 1.8s ease-in-out infinite}
@keyframes aba-pulsa{50%{box-shadow:0 0 0 1px rgba(106,213,232,.55),0 0 32px rgba(106,213,232,.9)}}
.aba-destaque:hover{border-color:#fff;transform:translateY(-1px) scale(1.02)}
.aba-destaque .aba-ic{font-size:1.2rem;line-height:1;display:inline-block;animation:aba-balanca 2.4s ease-in-out infinite}
@keyframes aba-balanca{0%,78%,100%{transform:rotate(0)}84%{transform:rotate(-14deg)}90%{transform:rotate(14deg)}96%{transform:rotate(-8deg)}}
.aba-badge{background:var(--ambar);color:var(--fundo);border-radius:999px;font-size:.72rem;font-weight:900;
  padding:.1rem .55rem;line-height:1.5;letter-spacing:0;box-shadow:0 0 8px rgba(242,177,52,.6)}
.aba-destaque.ativa{animation:none;color:var(--fundo)}
.aba-destaque.ativa .aba-badge{background:var(--fundo);color:var(--ambar);box-shadow:none}
@media (max-width:600px){
  .abas{width:100%;margin-left:0}
  .aba-destaque{flex:1 1 100%;justify-content:center;font-size:.88rem;padding:.8rem .9rem;text-align:center;line-height:1.3}
  .aba-destaque .aba-txt{white-space:normal}
}
@media (prefers-reduced-motion: reduce){.aba-destaque,.aba-destaque .aba-ic{animation:none}}
.vivo{display:flex;align-items:center;gap:.45rem;font-size:.75rem;letter-spacing:.14em;color:var(--morto)}
.ponto{width:.55rem;height:.55rem;border-radius:50%;background:var(--verde);
  box-shadow:0 0 6px var(--verde);animation:pulsa 2s infinite}
@keyframes pulsa{50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.ponto{animation:none}}
.feed-hora{letter-spacing:0;color:#5d6478}
main{max-width:1060px;margin:0 auto;padding:1rem 1.2rem 2rem}
.palco{background:#0c0e15;border:1px solid var(--linha);border-radius:10px;overflow:hidden}
#cena{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:default}
.legenda{padding:.5rem .9rem;font-size:.82rem;color:var(--morto);
  border-top:1px solid var(--linha);background:var(--painel)}
.legenda b{color:var(--texto);font-weight:600}
.vista{margin-top:1.2rem}
.colunas{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem}
@media (max-width:820px){.colunas{grid-template-columns:1fr}}
h2{font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ambar);
  margin:1.1rem 0 .6rem}
h2 .mini{color:var(--morto);text-transform:none;letter-spacing:0;font-weight:400;font-size:.78rem}
.diario{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.diario li{background:var(--painel);border:1px solid var(--linha);border-radius:8px;
  padding:.55rem .8rem;cursor:pointer}
.diario li:hover{border-color:var(--ambar)}
.ev-topo{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
.ev-tipo{font-size:.68rem;letter-spacing:.1em;padding:.1rem .45rem;border-radius:4px;
  background:var(--painel2);color:var(--ciano);white-space:nowrap}
.ev-tipo.vistoria{color:var(--verde)} .ev-tipo.publicacao{color:var(--ambar)}
.ev-tipo.relatorio{color:var(--morto)} .ev-tipo.reuniao{color:#c9a0f2}
.ev-tipo.feat{color:var(--verde)} .ev-tipo.fix{color:#e0954e} .ev-tipo.chore{color:#8b91a5}
.ev-tipo.docs{color:#6ad5e8} .ev-tipo.arte{color:#c9a0f2} .ev-tipo.carta{color:var(--ambar)}
.ev-tipo.entrega{color:var(--ciano)} .ev-tipo{white-space:nowrap}
.ev-quando{margin-left:auto;color:var(--morto);font-size:.74rem;white-space:nowrap}
.ev-titulo{font-size:.88rem;margin:.15rem 0}
.ev-tempo{font-size:.76rem;color:var(--morto)}
.ev-tempo b{color:var(--ambar);font-weight:600}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.card{background:var(--painel);border:1px solid var(--linha);border-radius:8px;padding:.6rem .8rem}
.card .num{font-size:1.35rem;font-weight:800;color:var(--texto)}
.card .num.destaque{color:var(--ambar)}
.card .rot{font-size:.72rem;letter-spacing:.08em;color:var(--morto);text-transform:uppercase}
.card .sub{font-size:.72rem;color:var(--morto)}
.elenco{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.elenco .grupo{background:none;border:none;padding:.3rem 0 0;font-size:.7rem;letter-spacing:.14em;color:var(--morto);text-transform:uppercase;cursor:default}
.elenco li{display:flex;align-items:center;gap:.6rem;background:var(--painel);
  border:1px solid var(--linha);border-radius:8px;padding:.45rem .7rem;cursor:pointer;font-size:.85rem}
.elenco li:hover{border-color:var(--ambar)}
.elenco li.trab{border-color:var(--ciano);box-shadow:0 0 8px rgba(106,213,232,.25)}
.status{width:.55rem;height:.55rem;border-radius:50%;flex:none}
.status.entregando,.status.trabalhando{background:var(--ciano);box-shadow:0 0 6px var(--ciano)}
.status.labuta{background:var(--verde)}
.status.mesa{background:var(--ambar)}
.status.prontidao{background:#4a5065}
.elenco .cargo{color:var(--morto);font-size:.74rem;margin-left:auto;text-align:right}
.painel{background:var(--painel);border:1px solid var(--linha);border-radius:8px;
  padding:.8rem 1rem;margin-top:.8rem;font-size:.88rem}
.painel h3{margin:.1rem 0 .2rem;font-size:1rem}
.painel .cargo{color:var(--morto);font-size:.78rem}
.chip{display:inline-block;background:var(--painel2);border-radius:5px;
  padding:.12rem .5rem;font-size:.74rem;color:var(--ciano);margin:.15rem .25rem .15rem 0}
.grafico{display:flex;align-items:flex-end;gap:6px;height:150px;padding:1rem;
  background:var(--painel);border:1px solid var(--linha);border-radius:8px;overflow-x:auto}
.barra{flex:1 0 34px;background:var(--painel2);border:1px solid var(--linha);
  border-radius:4px 4px 0 0;cursor:pointer;position:relative;min-height:6px}
.barra:hover,.barra.sel{background:var(--ambar);border-color:var(--ambar)}
.barra.sel{box-shadow:0 0 8px rgba(242,177,52,.7)}
.barra.sel .rotb{color:var(--ambar);font-weight:700}
.barra .rotb{position:absolute;top:100%;left:50%;transform:translateX(-50%);
  font-size:.62rem;color:var(--morto);padding-top:.25rem;white-space:nowrap}
.gavetas{margin-top:1.6rem;display:flex;flex-direction:column;gap:.6rem}
details{background:var(--painel);border:1px solid var(--linha);border-radius:8px;padding:.6rem .9rem}
summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--ambar)}
details p,details div{font-size:.86rem;color:var(--texto)}
.rodape{max-width:1060px;margin:0 auto;padding:0 1.2rem 2rem;color:var(--morto);font-size:.76rem}
.modal{position:fixed;inset:0;background:rgba(6,8,14,.8);display:flex;
  align-items:center;justify-content:center;padding:1rem;z-index:50}
.modal-caixa{background:var(--painel);border:1px solid var(--linha);border-radius:12px;
  max-width:560px;width:100%;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:1rem 1.2rem 1.3rem;position:relative;font-size:.92rem;
  display:flex;flex-direction:column;gap:.15rem}
.modal-fechar{align-self:flex-end;position:sticky;top:-.2rem;z-index:4;flex:none;
  width:2.3rem;height:2.3rem;border-radius:50%;background:var(--painel2);
  border:1px solid var(--linha);color:var(--texto);font-size:1.4rem;line-height:1;cursor:pointer}
.modal-fechar:hover{border-color:var(--ambar)}
@media (max-width:600px){
  .modal{align-items:flex-end;padding:0}
  .modal-caixa{max-width:none;max-height:92vh;border-radius:16px 16px 0 0;padding:.8rem 1rem 1.4rem}
  .diario-modal{max-width:none}
  .diario-lista{max-height:none}
}
.prova{background:var(--painel2);border-radius:6px;padding:.5rem .7rem;margin-top:.6rem;
  font-family:ui-monospace,Menlo,monospace;font-size:.78rem;color:var(--ciano)}


/* ---- Entregáveis palpáveis ---- */
.galeria{margin-top:.4rem}
.galeria-andar{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ambar);
  margin:1.3rem 0 .6rem;border-bottom:1px solid var(--linha);padding-bottom:.35rem}
.galeria-andar:first-child{margin-top:.2rem}
.galeria-andar .mini{color:var(--morto);text-transform:none;letter-spacing:0;font-weight:400;font-size:.75rem}
.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.galeria-vazio{color:var(--morto);font-size:.85rem;padding:.1rem 0 .4rem}
.peca-card{position:relative;text-align:left;background:var(--painel);border:1px solid var(--linha);
  border-radius:10px;overflow:hidden;cursor:pointer;padding:0;font:inherit;color:var(--texto);
  display:flex;flex-direction:column;transition:transform .1s,border-color .12s,box-shadow .12s}
.peca-card:hover{border-color:var(--ambar);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.cap-img{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#0c0e15}
.cap-ic{font-size:2.6rem;filter:saturate(.9)}
.peca-tag{position:absolute;top:.55rem;left:.55rem;font-size:.66rem;letter-spacing:.08em;
  text-transform:uppercase;background:rgba(18,20,29,.85);color:var(--ciano);
  padding:.18rem .5rem;border-radius:5px;backdrop-filter:blur(2px)}
.peca-tag.arte,.peca-tag.peca,.peca-tag.banner{color:#c9a0f2}
.peca-tag.relatorio{color:var(--verde)} .peca-tag.carta{color:var(--ambar)}
.peca-corpo{padding:.7rem .8rem}
.peca-tit{font-size:.9rem;font-weight:600;line-height:1.3;text-wrap:balance}
.peca-meta{font-size:.74rem;color:var(--morto);margin-top:.35rem}

/* card de documento (relatório/carta): compacto, sem capa vazia */
.peca-doc{border-left:3px solid var(--linha)}
.peca-doc.t-relatorio{border-left-color:var(--verde)}
.peca-doc.t-carta{border-left-color:var(--ambar)}
.peca-doc .peca-corpo{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem}
.peca-doc-topo{display:flex;align-items:center;gap:.5rem}
.peca-ic{font-size:1.25rem;line-height:1}
.peca-tag.inline{position:static;top:auto;left:auto;background:var(--painel2);backdrop-filter:none}
.peca-desc{font-size:.78rem;color:var(--morto);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* DESTAQUE — Brief de Modelo de Negócio (leitura importante) */
.peca-destaque{display:flex;flex-direction:column;gap:.55rem;width:100%;text-align:left;cursor:pointer;
  font:inherit;color:var(--texto);border:1.5px solid var(--ambar);border-radius:14px;
  padding:1.1rem 1.2rem;margin:.2rem 0 1.5rem;
  background:linear-gradient(135deg,rgba(242,177,52,.15),rgba(242,177,52,.03));
  box-shadow:0 0 22px rgba(242,177,52,.14);transition:transform .12s,box-shadow .12s}
.peca-destaque:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(242,177,52,.28)}
.destaque-badge{align-self:flex-start;font-family:system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.07em;font-size:.66rem;font-weight:800;color:var(--fundo);background:var(--ambar);
  padding:.3rem .65rem;border-radius:999px}
.destaque-tit{font-size:1.2rem;font-weight:800;line-height:1.25;text-wrap:balance}
.destaque-desc{font-size:.88rem;color:var(--texto);opacity:.9;line-height:1.55}
.destaque-cta{align-self:flex-start;color:var(--ambar);font-weight:700;font-size:.92rem}
.peca-doc.t-painel{border-left-color:var(--ciano)}
.peca-tag.painel{color:var(--ciano)}

/* ===== Painel Financeiro (visual) ===== */
.fin-topo{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.fin-topo h3{margin:.1rem 0}
.fin-badge{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;
  font-weight:800;color:var(--fundo);background:var(--ambar);padding:.24rem .55rem;border-radius:999px}
.fin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;margin:.6rem 0 .3rem}
.fin-kpi{background:var(--painel2);border:1px solid var(--linha);border-radius:10px;padding:.6rem .7rem}
.fin-kpi-rot{font-size:.72rem;color:var(--morto);text-transform:uppercase;letter-spacing:.05em}
.fin-kpi-val{font-size:1.3rem;font-weight:800;color:var(--texto);margin:.15rem 0;font-variant-numeric:tabular-nums}
.fin-kpi-val.vazio{color:#4a5064}
.fin-kpi-dica{font-size:.68rem;color:var(--morto);line-height:1.35}
.fin-sec{margin-top:1.1rem}
.fin-sec-tit{font-size:.82rem;font-weight:700;color:#c9cee0;letter-spacing:.02em;margin-bottom:.5rem;
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.fin-leg{font-size:.68rem;color:var(--morto);font-weight:400;display:inline-flex;align-items:center;gap:.35rem}
.fin-leg i{width:.7rem;height:.7rem;border-radius:2px;display:inline-block}
.fin-leg i.ent,.fin-bar.ent{background:var(--verde)}
.fin-leg i.sai,.fin-bar.sai{background:var(--alerta)}
/* fluxo de caixa */
.fin-chart{display:flex;align-items:flex-end;gap:.35rem;height:130px;background:var(--painel2);
  border:1px solid var(--linha);border-radius:10px;padding:.6rem .5rem .4rem}
.fin-mes{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%}
.fin-barras{flex:1;display:flex;align-items:flex-end;gap:2px;width:100%;justify-content:center}
.fin-bar{width:34%;min-height:3px;border-radius:2px 2px 0 0}
.fin-mes.fantasma .fin-bar{background:#2a3044}
.fin-mes-rot{font-size:.6rem;color:var(--morto)}
/* despesas */
.fin-desp{display:flex;flex-direction:column;gap:.45rem}
.fin-desp-linha{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:.6rem}
.fin-desp-cat{font-size:.8rem;color:var(--texto)}
.fin-desp-trilho{height:.55rem;background:var(--painel2);border:1px solid var(--linha);border-radius:999px;overflow:hidden}
.fin-desp-fill{display:block;height:100%;background:linear-gradient(90deg,var(--ciano),#4bb7cd);border-radius:999px}
.fin-desp-val{font-size:.78rem;color:var(--texto);font-variant-numeric:tabular-nums;text-align:right;min-width:64px}
.fin-desp-val.vazio{color:#4a5064}
/* linha do dinheiro */
.fin-linha{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}
.fin-col{background:var(--painel2);border:1px solid var(--linha);border-radius:10px;padding:.6rem .7rem;border-top:3px solid var(--linha)}
.fin-col.saiu{border-top-color:var(--alerta)}
.fin-col.saindo{border-top-color:var(--ambar)}
.fin-col.entrar{border-top-color:var(--verde)}
.fin-col-tit{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#c9cee0;font-weight:700;margin-bottom:.4rem}
.fin-lanc{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;padding:.2rem 0;border-bottom:1px solid var(--linha)}
.fin-col-vazio{font-size:.75rem;color:#4a5064;font-style:italic;padding:.2rem 0}
.fin-rodape{font-size:.76rem;color:var(--morto);line-height:1.5;margin-top:1rem;border-top:1px solid var(--linha);padding-top:.6rem}
.doc{background:var(--painel2);border-radius:8px;padding:.9rem 1.1rem;margin:.6rem 0;
  font-size:.9rem;line-height:1.6;white-space:normal}
.doc p{margin:.4rem 0}


/* ---- Ver diário completo ---- */
.ver-mais{display:block;width:100%;margin-top:.7rem;padding:.7rem 1rem;
  background:var(--ambar);color:var(--fundo);border:none;border-radius:8px;
  font:inherit;font-size:.9rem;font-weight:800;letter-spacing:.04em;cursor:pointer;
  box-shadow:0 0 12px rgba(242,177,52,.4);transition:transform .08s}
.ver-mais:hover{transform:translateY(-1px)}
.diario-modal{max-width:760px}
.diario-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  margin:.2rem 0 .8rem;position:sticky;top:0;background:var(--painel);padding:.3rem 0}
.diario-nav button{background:var(--painel2);border:1px solid var(--linha);color:var(--texto);
  padding:.4rem .8rem;border-radius:7px;font:inherit;font-weight:700;cursor:pointer}
.diario-nav button:disabled{opacity:.35;cursor:default}
.diario-nav .pag{font-size:.82rem;color:var(--morto)}
.diario-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;
  max-height:64vh;overflow-y:auto}
.diario-lista li{background:var(--painel2);border:1px solid var(--linha);border-radius:8px;padding:.5rem .7rem}


/* prova: texto técnico como complemento + ação de vitrine */
.tecnico{background:var(--painel2);border:1px solid var(--linha);border-radius:7px;
  padding:.5rem .7rem;margin:.6rem 0 0;font-family:ui-monospace,Menlo,monospace;
  font-size:.76rem;color:var(--morto);word-break:break-word;line-height:1.45}
.tec-rot{display:block;font-family:system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.1em;color:#5d6478;font-size:.62rem;margin-bottom:.3rem}
.acao-vitrine{display:inline-block;margin:.7rem 0 0;padding:.55rem 1rem;background:var(--ambar);
  color:var(--fundo);border:none;border-radius:9px;font:inherit;font-weight:800;cursor:pointer;
  box-shadow:0 0 10px rgba(242,177,52,.35)}
.acao-vitrine:hover{filter:brightness(1.05)}

/* resumo em bom português no diário (o quê + porquê) */
.ev-porque{font-size:.78rem;color:var(--ciano);margin:.1rem 0 .1rem;line-height:1.4}
.resumo-bloco{background:var(--painel2);border:1px solid var(--linha);border-left:3px solid var(--ciano);
  border-radius:8px;padding:.55rem .75rem;margin:.2rem 0 .3rem}
.resumo-bloco p{margin:0}
.resumo-oque{font-size:.9rem;color:var(--texto);line-height:1.5}
.resumo-porque{font-size:.84rem;color:var(--morto);line-height:1.5;margin-top:.5rem}
.resumo-rot{display:block;font-family:system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.1em;color:#5d6478;font-size:.62rem;margin-bottom:.2rem}
.resumo-porque .resumo-rot{color:var(--ciano);opacity:.75}

/* histórico por cargo (tudo que o membro fez) */
.ver-historico{display:block;width:100%;margin-top:.7rem;padding:.6rem 1rem;background:transparent;
  border:1.5px solid var(--ciano);color:var(--ciano);border-radius:9px;font:inherit;font-weight:700;
  cursor:pointer;transition:transform .1s,background .1s}
.ver-historico:hover{transform:translateY(-1px);background:rgba(106,213,232,.08)}
.hist-vazio{color:var(--morto);font-size:.86rem;line-height:1.5;list-style:none}

/* diagnóstico do cargo (reunião das 30 cadeiras) */
.diag{margin:.6rem 0 .2rem;padding:.55rem .7rem;border-radius:9px;background:var(--painel2);
  border:1px solid var(--linha);border-left:3px solid var(--morto)}
.diag-vivo{border-left-color:var(--verde)}
.diag-raso{border-left-color:var(--ambar)}
.diag-vazio{border-left-color:var(--alerta)}
.diag-topo{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.35rem}
.diag-selo{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;
  font-weight:800;padding:.15rem .5rem;border-radius:999px;background:var(--fundo);color:var(--texto)}
.diag-vivo .diag-selo{color:var(--verde)}
.diag-raso .diag-selo{color:var(--ambar)}
.diag-vazio .diag-selo{color:var(--alerta)}
.diag-ent{font-size:.66rem;font-weight:700}
.diag-ent.ok{color:var(--verde)}
.diag-ent.nao{color:var(--alerta)}
.diag-linha{font-size:.8rem;line-height:1.5;margin:.28rem 0;color:var(--texto)}
.diag-linha b{color:#c9cee0}
.diag-lacuna{color:var(--morto)}
.diag-rec{color:var(--ciano)}
.diag-rec b{color:var(--ciano)}
.diag-fonte{font-size:.66rem;color:#5d6478;margin:.35rem 0 0;font-style:italic}

/* documento em markdown leve (atas, relatórios) */
.doc-md h2{font-size:1.02rem;margin:.9rem 0 .3rem}
.doc-md h3{font-size:.92rem;margin:.8rem 0 .25rem;color:var(--ambar)}
.doc-md h4,.doc-md h5{font-size:.84rem;margin:.7rem 0 .2rem;color:#c9cee0}
.doc-md p{margin:.4rem 0;line-height:1.6}
.doc-md ul,.doc-md ol{margin:.3rem 0 .5rem 1.1rem;padding:0;line-height:1.55}
.doc-md li{margin:.22rem 0}
.doc-md hr{border:none;border-top:1px solid var(--linha);margin:.7rem 0}
.doc-md code{font-family:ui-monospace,Menlo,monospace;font-size:.8em;background:var(--fundo);padding:.05rem .3rem;border-radius:4px}

/* Próximos passos & pendências (leitura) */
.pend-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:.5rem}
@media (max-width:760px){.pend-board{grid-template-columns:1fr}}
.pend-col{background:var(--painel);border:1px solid var(--linha);border-radius:10px;padding:.6rem .6rem .8rem;display:flex;flex-direction:column;gap:.5rem}
.pend-col-head{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:.35rem .5rem;border-radius:7px;display:flex;justify-content:space-between;align-items:center}
.pend-col-head span{font-size:.72rem;background:rgba(0,0,0,.35);border-radius:20px;padding:.05rem .5rem}
.pend-col-head.col-mapeado{color:#e0954e;background:rgba(224,149,78,.12)}
.pend-col-head.col-andamento{color:var(--ciano);background:rgba(106,213,232,.12)}
.pend-col-head.col-entregue{color:var(--verde);background:rgba(125,201,94,.12)}
.pend-card{background:var(--painel2);border:1px solid var(--linha);border-radius:8px;padding:.55rem .7rem;border-left:3px solid var(--linha)}
.pend-card.col-mapeado{border-left-color:#e0954e}
.pend-card.col-andamento{border-left-color:var(--ciano)}
.pend-card.col-entregue{border-left-color:var(--verde)}
.pend-tit{font-size:.9rem;font-weight:600;line-height:1.3}
.pend-desc{font-size:.78rem;color:var(--morto);margin-top:.25rem;line-height:1.45}
.pend-area{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#8b91a5;margin-top:.35rem}
/* opinião (leitura nesta fase) */
.opiniao{margin-top:.8rem;border-top:1px solid var(--linha);padding-top:.7rem}
.opiniao-topo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.reacoes{display:flex;gap:.3rem}
.reacoes .rea{opacity:.4;filter:grayscale(1);font-size:1.05rem;cursor:not-allowed}

/* ---------- relatório visual (rv-*) ---------- */
.rv-topo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.1rem 0 .2rem}
.rv-topo h3{margin:0;font-size:1.15rem}
.rv-selo{font-size:.7rem;font-weight:700;color:#0b0f16;background:#6ad5e8;border-radius:999px;padding:.15rem .55rem}
.rv-sub{margin:.2rem 0 .8rem;color:#c8c3d0;line-height:1.5}
.rv-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:.2rem 0 1rem}
.rv-kpi{background:#1c1826;border:1px solid #2f2a3d;border-radius:10px;padding:.6rem .7rem;text-align:center}
.rv-kpi-val{font-size:1.5rem;font-weight:800;color:#6ad5e8;line-height:1.1}
.rv-kpi-rot{font-size:.74rem;color:#e8e4d8;margin-top:.15rem;font-weight:600}
.rv-kpi-dica{font-size:.66rem;color:#9791a5;margin-top:.1rem}
.rv-sec{margin:1rem 0}
.rv-sec-tit{font-size:.82rem;font-weight:700;color:#f2b134;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.rv-leg{font-size:.66rem;color:#9791a5;font-weight:500;text-transform:none;letter-spacing:0}
/* anéis de cobertura */
.rv-aneis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}
.rv-anel-box{background:#1c1826;border:1px solid #2f2a3d;border-radius:10px;padding:.7rem .5rem;text-align:center}
.rv-anel{position:relative;display:inline-flex;width:74px;height:74px;border-radius:50%;align-items:center;justify-content:center}
.rv-anel::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#1c1826}
.rv-anel b{position:relative;z-index:1;font-size:1rem;font-weight:800;color:#e8e4d8}
.rv-anel-rot{font-size:.74rem;color:#e8e4d8;font-weight:600;margin-top:.4rem}
.rv-anel-nota{font-size:.64rem;color:#9791a5;margin-top:.1rem}
/* barras horizontais */
.rv-barras{display:flex;flex-direction:column;gap:.4rem}
.rv-bar-linha{display:grid;grid-template-columns:38% 1fr auto;align-items:center;gap:.5rem;font-size:.78rem}
.rv-bar-rot{color:#e8e4d8}
.rv-bar-trilho{background:#15121d;border-radius:6px;height:14px;overflow:hidden}
.rv-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#3a7a8c,#6ad5e8);border-radius:6px}
.rv-bar-val{color:#6ad5e8;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rv-bar-val em{color:#9791a5;font-style:normal;font-weight:500;font-size:.72rem}
.rv-bar-nota{grid-column:2/4;font-size:.66rem;color:#9791a5;margin-top:-.15rem}
/* checklists */
.rv-check{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.rv-check li{display:flex;gap:.55rem;align-items:flex-start;background:#1c1826;border:1px solid #2f2a3d;border-radius:9px;padding:.5rem .6rem}
.rv-check .rv-ic{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}
.rv-check.ok .rv-ic{background:rgba(90,200,120,.18);color:#5ac878;border:1px solid #2e6b40}
.rv-check.ok li{border-left:3px solid #2e6b40}
.rv-check.evoluir .rv-ic{background:rgba(242,177,52,.16);color:#f2b134;border:1px solid #6b5220}
.rv-check.evoluir li{border-left:3px solid #6b5220}
.rv-check b{font-size:.8rem;color:#e8e4d8;display:block}
.rv-ev{display:block;font-size:.72rem;color:#9791a5;margin-top:.1rem;line-height:1.4}
/* mapa de risco */
.rv-mapa{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}
.rv-frente{background:#1c1826;border:1px solid #2f2a3d;border-radius:10px;padding:.6rem .65rem;border-top:3px solid #4a4658}
.rv-frente.risco-alto{border-top-color:#e05a4e}
.rv-frente.risco-medio{border-top-color:#f2b134}
.rv-frente.risco-base{border-top-color:#5ac878}
.rv-risco{font-size:.66rem;font-weight:700}
.rv-frente-tit{font-size:.82rem;font-weight:700;color:#e8e4d8;margin:.25rem 0 .15rem}
.rv-frente-txt{font-size:.72rem;color:#b8b3c2;line-height:1.45}
.rv-texto{margin-top:.3rem}
/* cards genéricos + matriz do relatório visual */
.rv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}
.rv-card{background:#1c1826;border:1px solid #2f2a3d;border-radius:10px;padding:.65rem}
.rv-card-tag{display:inline-block;font-size:.62rem;font-weight:800;border-radius:999px;padding:.1rem .5rem;background:#2f2a3d;color:#e8e4d8;margin-bottom:.35rem}
.rv-card-tit{font-size:.86rem;font-weight:700;color:#e8e4d8;margin-bottom:.2rem}
.rv-card-txt{font-size:.73rem;color:#b8b3c2;line-height:1.45}
.rv-card-nota{font-size:.66rem;color:#8fd0a0;margin-top:.35rem;font-weight:600}
.rv-matriz{display:flex;flex-direction:column;gap:.25rem;overflow-x:auto}
.rv-mrow{display:grid;grid-template-columns:minmax(120px,1.6fr) repeat(3,34px);align-items:center;gap:.3rem}
.rv-mhead .rv-mh{font-size:.6rem;font-weight:800;text-align:center;text-transform:uppercase}
.rv-mcat{font-size:.75rem;color:#e8e4d8}
.rv-mchip{display:flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:6px;border:1px solid #2f2a3d;background:#15121d;color:#4a4658;font-size:.66rem;font-weight:800}
.rv-mchip.on{color:#0b0f16}
.rv-mlegs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}
.rv-mleg{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:#b8b3c2}
.rv-mleg i{width:11px;height:11px;border-radius:3px;display:inline-block;background:#4a4658}
.rv-mleg b{color:#e8e4d8}


/* =====================================================================
   A PORTA — landing (escolha da empresa) + login da empresa. porta.js
   Mesma linguagem do prédio: fundo #050508, superfícies #10101a, fonte
   pixel 3x5 em canvas, letreiro âmbar com luz vermelha piscando.
   ===================================================================== */
body:not(.no-escritorio){background:#050508}
.ceu{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;
  image-rendering:pixelated;z-index:0;pointer-events:none}
.pix{display:block;image-rendering:pixelated}
.tela{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  align-items:center;gap:1.6rem;padding:max(1.2rem,env(safe-area-inset-top)) 1rem 1.6rem}

/* ---- landing ---- */
.porta-topo{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding-top:.4rem}
.porta-logo{height:92px;width:auto;max-width:92vw;display:block}
@media (min-width:720px){.porta-logo{height:124px}}
.letreiro{display:inline-flex;align-items:center;gap:.9rem;padding:.7rem 1.1rem;background:#10101a;
  border:2px solid var(--ambar);position:relative;
  box-shadow:0 0 0 2px #050508,0 0 0 4px #3a2c12,0 0 28px rgba(242,177,52,.35)}
.letreiro-txt{display:block;filter:drop-shadow(0 0 6px rgba(242,177,52,.75))}
.pix-linhas{display:flex;flex-direction:column;align-items:center;gap:4px}
.luz{width:8px;height:8px;background:var(--alerta);box-shadow:0 0 8px var(--alerta);animation:luz 1.8s steps(1) infinite}
.luz-2{animation-delay:.9s}
@keyframes luz{50%{background:#5c2622;box-shadow:none}}
.porta-chamada{margin:0;color:var(--morto);font-size:.95rem;max-width:36ch;text-wrap:balance;line-height:1.5}

.escolha{width:100%;max-width:980px;display:flex;flex-direction:column;align-items:center;gap:1.2rem}
.escolha-tit{margin:0;display:flex;justify-content:center;max-width:100%;overflow:hidden}
.tiles{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
@media (min-width:600px){.tiles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:1rem}}
.tile{--emp:#f2b134;--emp-2:#e9e5da;--emp-fundo:#060606;--emp-texto:#e9e5da;
  width:100%;min-width:0;background:#10101a;color:var(--emp-texto);border:2px solid var(--emp);
  padding:0;cursor:pointer;font:inherit;text-align:left;display:flex;flex-direction:column;position:relative;
  box-shadow:0 0 0 2px #050508,0 0 0 4px #1c1c2a,inset 0 0 0 1px rgba(255,255,255,.03);
  transition:transform .1s,box-shadow .15s}
.tile:hover,.tile:focus-visible{transform:translateY(-3px);outline:none;
  box-shadow:0 0 0 2px #050508,0 0 0 4px var(--emp),0 12px 30px rgba(0,0,0,.55),
             0 0 26px color-mix(in srgb,var(--emp) 45%,transparent)}
.tile-logo{display:flex;align-items:center;justify-content:center;background:var(--emp-fundo);min-height:88px;
  padding:1rem .6rem;border-bottom:2px solid var(--emp);overflow:hidden;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px)}
.tile-nome{font-size:.92rem;font-weight:800;letter-spacing:.01em;padding:.7rem .75rem 0;line-height:1.25;text-wrap:balance}
.tile-cta{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem .75rem;margin-top:auto}
.busca-caixa{display:flex;align-items:center;gap:.6rem;width:100%;max-width:420px;background:#10101a;
  border:2px solid var(--linha);padding:.1rem .8rem;box-shadow:0 0 0 2px #050508,0 0 0 4px #1c1c2a}
.busca-caixa:focus-within{border-color:var(--ciano)}
.busca-ic{color:var(--ciano);font-size:.9rem;animation:pisca-seta 1s steps(1) infinite}
.busca{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--texto);font:inherit;font-size:1rem;
  padding:.6rem 0;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.03em}
.busca::placeholder{color:#5d6478}
.busca::-webkit-search-cancel-button{filter:invert(.7)}
.busca-vazio{color:var(--morto);font-size:.9rem;padding:1rem 0}
.login-tag{margin:-.4rem 0 0;color:var(--morto);font-size:.86rem;line-height:1.45}
.seta{color:var(--emp);font-size:.8rem;line-height:1;animation:pisca-seta 1s steps(1) infinite}
@keyframes pisca-seta{50%{opacity:0}}
.empresas-n{color:#5d6478;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.porta-rodape{margin-top:auto;color:#5d6478;font-size:.74rem;letter-spacing:.08em;text-align:center}

/* ---- vagas: destaque de capacidade, sempre DEPOIS de todos os tiles (porta.js → montaVagas) ---- */
.vagas{width:100%;margin-top:.4rem;background:#10101a;border:2px solid var(--ambar);padding:1.2rem 1rem 1.3rem;
  display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;position:relative;
  box-shadow:0 0 0 2px #050508,0 0 0 4px #3a2c12,0 0 28px rgba(242,177,52,.35);
  animation:vagas-brilho 2.4s ease-in-out infinite}
@keyframes vagas-brilho{50%{box-shadow:0 0 0 2px #050508,0 0 0 4px #3a2c12,0 0 54px rgba(242,177,52,.65)}}
.vagas-topo{display:flex;align-items:center;gap:.9rem}
.vagas-tit{filter:drop-shadow(0 0 6px rgba(242,177,52,.75))}
.vagas-medidor{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;width:100%;max-width:560px;padding:.5rem;
  background:#050508;border:2px solid #1c1c2a}
.vagas-medidor i{display:block;aspect-ratio:1;background:#0a0a12;border:1px solid #262636}
.vagas-medidor i.on{background:var(--ambar);border-color:var(--ambar);box-shadow:0 0 6px rgba(242,177,52,.7)}
.vagas-medidor i.prox{border-color:var(--ciano);animation:luz-prox 1s steps(1) infinite}
@keyframes luz-prox{50%{background:var(--ciano);box-shadow:0 0 8px var(--ciano)}}
.vagas-num{filter:drop-shadow(0 0 5px rgba(106,213,232,.6))}
.vagas-txt{margin:0;color:var(--texto);font-size:.98rem;line-height:1.55;max-width:46ch;text-wrap:balance}
.vagas-txt b{color:var(--ambar);font-weight:800}

/* ---- login (cores da empresa via --emp*, pintadas por porta.js no #tela-login) ---- */
.tela-login{--emp:#f2b134;--emp-2:#e9e5da;--emp-fundo:#060606;--emp-texto:#e9e5da;--emp-btn-texto:#060606;
  justify-content:center;
  background:radial-gradient(ellipse 80% 55% at 50% 28%,color-mix(in srgb,var(--emp) 22%,transparent),transparent 70%)}
.login-caixa{width:100%;max-width:420px;background:#10101a;border:2px solid var(--emp);position:relative;
  padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:1rem;
  box-shadow:0 0 0 2px #050508,0 0 0 4px #1c1c2a,0 20px 60px rgba(0,0,0,.6),
             0 0 44px color-mix(in srgb,var(--emp) 28%,transparent)}
.login-trocar{align-self:flex-start;background:none;border:none;padding:0;cursor:pointer;
  color:var(--morto);font:inherit;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.login-trocar:hover{color:var(--texto)}
.login-marca{display:flex;align-items:center;gap:1rem}
.login-logo{display:flex;align-items:center;justify-content:center;background:var(--emp-fundo);
  border:2px solid var(--emp);padding:.7rem .8rem;min-width:104px;min-height:76px;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px)}
.login-nome{font-size:1.25rem;font-weight:800;line-height:1.2}
.login-sub{margin-top:.4rem}
.login-tit{display:flex;margin-top:.1rem}
.login-form{display:flex;flex-direction:column;gap:.9rem}
.campo{display:flex;flex-direction:column;gap:.45rem}
.campo input{font:inherit;font-size:1rem;padding:.75rem .8rem;background:#050508;color:var(--texto);
  border:2px solid var(--linha);border-radius:0;outline:none;width:100%;
  font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.campo input:focus{border-color:var(--emp);box-shadow:0 0 0 2px #050508,0 0 0 4px color-mix(in srgb,var(--emp) 40%,transparent)}
.login-erro{background:rgba(224,90,78,.12);border:2px solid var(--alerta);color:#ffb4ab;padding:.55rem .7rem;font-size:.86rem;line-height:1.4}
.btn-entrar{display:flex;align-items:center;justify-content:center;gap:.7rem;background:var(--emp);
  color:var(--emp-btn-texto);border:none;border-radius:0;padding:.9rem 1rem;cursor:pointer;font:inherit;
  box-shadow:0 4px 0 color-mix(in srgb,var(--emp) 55%,#000),0 0 18px color-mix(in srgb,var(--emp) 40%,transparent);
  transition:transform .06s,box-shadow .06s,filter .1s}
.btn-entrar:hover{filter:brightness(1.08)}
.btn-entrar:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--emp) 55%,#000)}
.btn-entrar:disabled{cursor:progress;filter:saturate(.5) brightness(.9)}
.btn-entrar .seta{color:var(--emp-btn-texto)}
.btn-entrar.ocupado .seta{animation-duration:.4s}
.login-nota{margin:0;color:#5d6478;font-size:.74rem;line-height:1.5}

/* ---- sessão no cabeçalho do escritório ---- */
.sessao{display:flex;align-items:center;gap:.6rem;font-size:.74rem;letter-spacing:.08em}
.sessao-emp{color:var(--morto);text-transform:uppercase}
.sair{background:transparent;border:1.5px solid var(--linha);color:var(--morto);font:inherit;font-size:.7rem;
  font-weight:700;letter-spacing:.14em;padding:.3rem .6rem;border-radius:6px;cursor:pointer}
.sair:hover{border-color:var(--alerta);color:var(--texto)}
@media (prefers-reduced-motion: reduce){.luz,.seta{animation:none}}

/* ---- painel admin (#/admin) ---- */
.porta-admin{color:#5d6478;text-decoration:none;border-bottom:1px dotted #5d6478}
.porta-admin:hover{color:var(--ambar);border-color:var(--ambar)}
.tela-admin{--emp:#f2b134;justify-content:flex-start}
.admin-caixa{width:100%;max-width:980px;background:#10101a;border:2px solid var(--ambar);position:relative;
  padding:1rem 1.1rem 1.4rem;display:flex;flex-direction:column;gap:1.1rem;
  box-shadow:0 0 0 2px #050508,0 0 0 4px #1c1c2a,0 20px 60px rgba(0,0,0,.6),0 0 44px rgba(242,177,52,.18)}
.admin-topo{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.8rem}
.admin-sub{color:var(--morto);font-size:.78rem;margin-top:.45rem;letter-spacing:.04em}
.admin-acoes{display:flex;align-items:center;gap:.9rem}
.admin-acoes .login-trocar{text-decoration:none}
.admin-aviso{background:rgba(125,201,94,.1);border:2px solid var(--verde);color:#cfeec2;padding:.55rem .7rem;font-size:.86rem;line-height:1.45;word-break:break-word}
.admin-sec{display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--linha);padding-top:.9rem}
.admin-sec-topo{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.admin-n{color:#5d6478;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
.admin-vazio{color:var(--morto);font-size:.86rem;padding:.4rem 0}
.btn-mini{background:#050508;border:2px solid var(--linha);color:var(--texto);font:inherit;font-size:.74rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;padding:.35rem .6rem;cursor:pointer;border-radius:0;white-space:nowrap}
.btn-mini:hover{border-color:var(--ambar)}
.btn-mini.ok{border-color:var(--verde);color:var(--verde)}
.btn-mini.perigo{border-color:#6b2a24;color:#ffb4ab}
.btn-mini.perigo:hover{border-color:var(--alerta)}
.btn-mini:disabled{opacity:.35;cursor:default;border-color:var(--linha)}
/* escritórios */
.esc-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.esc-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"mono nome pill" "mono log novo";align-items:center;gap:.25rem .7rem;
  background:#050508;border:2px solid var(--linha);border-left:4px solid var(--emp);padding:.55rem .7rem}
.esc-item.on{border-color:#2a3a2f;border-left-color:var(--emp)}
.esc-mono{grid-area:mono;display:flex;align-items:center;min-width:44px}
.esc-nome{grid-area:nome;font-size:.9rem;font-weight:700;line-height:1.2}
.esc-pill{grid-area:pill;font-size:.62rem;font-weight:800;letter-spacing:.1em;padding:.15rem .45rem;border:1.5px solid;white-space:nowrap}
.esc-pill.ativo{color:var(--verde);border-color:var(--verde);background:rgba(125,201,94,.1)}
.esc-pill.inativo{color:#6b7188;border-color:#3a4055}
.esc-log{grid-area:log;font-size:.74rem;color:var(--morto)}
.esc-novo{grid-area:novo;justify-self:end;padding:.2rem .45rem;font-size:.66rem}
/* logins */
.log-lista{display:flex;flex-direction:column;gap:.5rem}
.log-item{background:#050508;border:2px solid var(--linha);border-left:4px solid var(--emp);padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem}
.log-item.off{opacity:.65}
.log-l1{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem}
.log-usu{font-size:.95rem;word-break:break-all}
.log-nome{color:var(--morto);font-size:.84rem}
.log-papel{font-size:.62rem;font-weight:800;letter-spacing:.1em;padding:.15rem .45rem;background:var(--painel2);color:var(--ciano)}
.log-papel.admin{color:var(--ambar)}
.log-l2{font-size:.76rem;color:var(--morto)}
.log-emp{color:var(--texto)}
.log-acoes,.log-senha,.log-funcao{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.log-senha,.log-funcao{border-top:1px dashed var(--linha);padding-top:.5rem;margin-top:.15rem}
.log-senha input{flex:1;min-width:160px}
/* formulário */
.admin-form{display:grid;grid-template-columns:1fr;gap:.7rem;background:#050508;border:2px solid var(--ambar);padding:.9rem}
@media (min-width:720px){.admin-form{grid-template-columns:1fr 1fr}.admin-form .admin-form-acoes{grid-column:1/-1}}
.campo-rot-txt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--morto)}
.campo-in{font:inherit;font-size:.95rem;padding:.55rem .65rem;background:#10101a;color:var(--texto);border:2px solid var(--linha);
  border-radius:0;outline:none;width:100%;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.03em}
.campo-in:focus{border-color:var(--ambar)}
select.campo-in{appearance:auto;color-scheme:dark}
.campo-linha{display:flex;gap:.4rem}
.campo-linha .campo-in{flex:1;min-width:0}
.papel-dica{font-size:.72rem;color:var(--morto);margin-top:.2rem}
.admin-form-acoes{display:flex;gap:.5rem;flex-wrap:wrap}
/* auditoria */
.aud-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;font-size:.78rem}
.aud-lista li{display:flex;flex-wrap:wrap;gap:.4rem .6rem;padding:.3rem 0;border-bottom:1px solid #191d2a;color:var(--texto)}
.aud-q{color:#5d6478;font-variant-numeric:tabular-nums;white-space:nowrap}
.aud-a{color:var(--ciano)} .aud-a.a-entrar_falha{color:var(--alerta)} .aud-a.a-entrar{color:var(--verde)}
.aud-a.a-cria_login,.aud-a.a-edita_login,.aud-a.a-exclui_login,.aud-a.a-redefine_login{color:var(--ambar)}
.aud-d{color:var(--morto);word-break:break-word}

/* ---- diário completo: busca, filtros, dias, scroll infinito ---- */
.ev-proj{color:#5d6478;font-size:.72rem;letter-spacing:.02em}
.diario-tools{position:sticky;top:2.1rem;z-index:3;background:var(--painel);padding:.3rem 0 .5rem;margin:.1rem 0 .4rem;
  display:flex;flex-direction:column;gap:.45rem;border-bottom:1px solid var(--linha)}
.dbusca{width:100%;font:inherit;font-size:.92rem;padding:.55rem .75rem;background:var(--painel2);color:var(--texto);
  border:1px solid var(--linha);border-radius:8px;outline:none}
.dbusca:focus{border-color:var(--ciano)}
.dchips{display:flex;flex-wrap:wrap;gap:.35rem}
.dchip,.dtag{font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:.28rem .6rem;border-radius:999px;cursor:pointer;
  background:var(--painel2);border:1px solid var(--linha);color:var(--morto)}
.dchip:hover{border-color:var(--ambar);color:var(--texto)}
.dchip.ativa{background:var(--ambar);border-color:var(--ambar);color:var(--fundo)}
.dtag{border-color:var(--ciano);color:var(--ciano)}
.dtag:hover{background:rgba(106,213,232,.1)}
.dconta{font-size:.74rem;color:var(--morto)}
.diario-modal .diario-lista{max-height:none;overflow:visible}   /* o modal é o único rolável: scroll infinito + barra fixa */
.diario-lista li.dia-sep{background:none;border:none;padding:.7rem 0 .1rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ambar);cursor:default}
.diario-lista li.dia-sep:first-child{padding-top:.1rem}
.dfim{text-align:center;color:#5d6478;font-size:.74rem;padding:.9rem 0 .3rem;min-height:2rem}
.voltar{align-self:flex-start;background:none;border:1px solid var(--linha);color:var(--morto);font:inherit;font-size:.78rem;font-weight:600;
  padding:.3rem .7rem;border-radius:7px;cursor:pointer;margin:0 0 .6rem}
.voltar:hover{border-color:var(--ambar);color:var(--texto)}
@media (max-width:600px){.diario-tools{top:2rem}}

/* ---- linha do tempo: resumo da semana inteira ---- */
.sem-frase{margin:.8rem 0 .5rem;font-size:.95rem;line-height:1.55}
.sem-frase b{color:var(--ambar)}
.ritmo{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem;background:var(--painel2);border:1px solid var(--linha);border-radius:8px;padding:.6rem .6rem .4rem;margin:.2rem 0 .6rem}
.ritmo-dia{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.ritmo-trilho{height:44px;width:100%;display:flex;align-items:flex-end}
.ritmo-bar{width:100%;background:var(--ciano);border-radius:3px 3px 0 0;box-shadow:0 0 6px rgba(106,213,232,.35)}
.ritmo-bar.zero{background:var(--linha);box-shadow:none}
.ritmo-dia i{font-style:normal;font-size:.72rem;color:var(--texto);font-weight:700;min-height:1em;line-height:1}
.ritmo-dia span{font-size:.64rem;color:var(--morto);text-transform:uppercase;letter-spacing:.06em}
.sem-sub{margin:.9rem 0 .35rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ambar);font-weight:700}
.sem-sub .mini{color:var(--morto);text-transform:none;letter-spacing:0;font-weight:400;font-size:.74rem}
.sem-destaques{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.5}
.sem-destaques li{margin:.15rem 0}
.sem-area{margin:.5rem 0 .2rem}
.sem-area-tit{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--morto);border-bottom:1px solid var(--linha);padding-bottom:.25rem;margin-bottom:.45rem}
.sem-cargo{margin:.35rem 0 .55rem}
.sem-cargo-tit{font-size:.84rem;color:var(--texto);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.sem-cargo-tit b{color:var(--ciano);letter-spacing:.06em}
.sem-n{font-size:.68rem;background:var(--painel2);border:1px solid var(--linha);border-radius:999px;padding:.05rem .45rem;color:var(--morto)}
.sem-lista{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.sem-lista li{font-size:.85rem;line-height:1.45;padding:.3rem .55rem;background:var(--painel2);border:1px solid var(--linha);border-radius:6px;cursor:pointer;display:flex;gap:.45rem;align-items:flex-start}
.sem-lista li:hover{border-color:var(--ambar)}
.sem-lista li .ev-tipo{padding:.05rem .3rem;flex:none;margin-top:.1rem}
.sem-mais{background:none;border:none;padding:0;margin:.25rem 0 0}
.sem-mais summary{font-size:.76rem;color:var(--ciano);font-weight:600;padding:.15rem .1rem}
.sem-mais[open] summary{margin-bottom:.25rem}
.sem-abrir{margin-top:1rem}

/* ---- balcão do RH (chat público do time) ---- */
.ev-tipo.atendimento{color:var(--ambar)}
.rh-botao{position:fixed;right:1rem;bottom:1rem;z-index:40;display:flex;align-items:center;gap:.4rem;background:var(--painel);color:var(--texto);
  border:2px solid var(--ambar);padding:.6rem .9rem;font:inherit;font-weight:800;letter-spacing:.08em;cursor:pointer;
  box-shadow:0 0 0 2px var(--fundo),0 0 0 4px #3a2c12,0 8px 24px rgba(0,0,0,.5),0 0 18px rgba(242,177,52,.25)}
.rh-botao:hover{transform:translateY(-2px)}
.rh-botao.aberto{border-color:var(--ciano)}
.rh-botao.online::after{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--verde);box-shadow:0 0 6px var(--verde)}
.rh-badge{position:absolute;top:-.5rem;right:-.5rem;min-width:1.3rem;height:1.3rem;border-radius:999px;background:var(--alerta);color:#fff;
  font-size:.7rem;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;padding:0 .3rem}
.rh-painel{position:fixed;right:1rem;bottom:4.6rem;z-index:41;width:min(420px,calc(100vw - 2rem));max-height:min(78vh,720px);
  display:flex;flex-direction:column;background:var(--painel);border:2px solid var(--ambar);
  box-shadow:0 0 0 2px var(--fundo),0 0 0 4px #3a2c12,0 20px 60px rgba(0,0,0,.6)}
.rh-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;padding:.7rem .9rem .5rem;border-bottom:1px solid var(--linha)}
.rh-topo b{font-size:.95rem}
.rh-status{font-size:.74rem;color:var(--morto);margin-top:.15rem;display:flex;align-items:center;gap:.35rem}
.rh-pt{width:.5rem;height:.5rem;border-radius:50%;background:#4a5065;display:inline-block;flex:none}
.rh-pt.on{background:var(--verde);box-shadow:0 0 6px var(--verde);animation:pulsa 2s infinite}
.rh-fechar{position:static;width:2rem;height:2rem;font-size:1.2rem}
.rh-conversa{flex:1;overflow-y:auto;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.7rem;min-height:160px}
.rh-msg{display:flex;flex-direction:column;gap:.35rem}
.rh-q,.rh-a{font-size:.88rem;line-height:1.5;padding:.5rem .7rem;border-radius:10px;max-width:92%;white-space:pre-wrap;word-break:break-word}
.rh-q{align-self:flex-end;background:var(--painel2);border:1px solid var(--linha);border-bottom-right-radius:3px}
.rh-a{align-self:flex-start;background:rgba(242,177,52,.08);border:1px solid rgba(242,177,52,.35);border-bottom-left-radius:3px}
.rh-a.rh-esperando{color:var(--morto);font-style:italic;display:flex;align-items:center;gap:.4rem;background:none;border-style:dashed}
.rh-meta{font-size:.68rem;color:var(--morto);margin-bottom:.2rem;letter-spacing:.03em}
.rh-tag{color:var(--ciano);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:700}
.rh-vazio,.rh-erro{font-size:.84rem;color:var(--morto);padding:.4rem .2rem;line-height:1.5}
.rh-erro{color:#ffb4ab}
.rh-form{display:flex;gap:.5rem;padding:.6rem .9rem .3rem;border-top:1px solid var(--linha)}
.rh-form textarea{flex:1;font:inherit;font-size:.9rem;resize:none;background:var(--fundo);color:var(--texto);border:1px solid var(--linha);border-radius:8px;padding:.5rem .65rem;outline:none;line-height:1.4}
.rh-form textarea:focus{border-color:var(--ambar)}
.rh-enviar{background:var(--ambar);color:var(--fundo);border:none;border-radius:8px;font:inherit;font-weight:800;padding:0 .9rem;cursor:pointer;letter-spacing:.04em}
.rh-enviar:disabled{opacity:.5;cursor:progress}
.rh-nota{font-size:.68rem;color:#5d6478;padding:.2rem .9rem .6rem;line-height:1.4}
@media (max-width:600px){
  .rh-painel{right:0;left:0;bottom:0;width:auto;max-height:88vh;border-left:none;border-right:none;border-bottom:none}
  .rh-botao{bottom:.8rem;right:.8rem}
  .rh-botao.aberto{display:none}
}
/* mural no posto RH + prova de atendimento */
.rh-mural{margin-top:.8rem;border-top:1px solid var(--linha);padding-top:.6rem}
.rh-mural-tit{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ambar);font-weight:700;margin-bottom:.4rem}
.rh-mural-tit .mini{color:var(--morto);text-transform:none;letter-spacing:0;font-weight:400;font-size:.74rem}
.rh-mural-item{font-size:.84rem;line-height:1.45;background:var(--painel2);border:1px solid var(--linha);border-radius:8px;padding:.45rem .65rem;margin:.3rem 0}
.rh-mural-resp{color:var(--morto);font-size:.8rem;margin-top:.25rem;border-left:2px solid var(--ambar);padding-left:.5rem}
.rh-mural-vazio{font-size:.84rem;color:var(--morto);padding:.2rem 0 .4rem}
.rh-prova{background:var(--painel2);border:1px solid var(--linha);border-radius:8px;padding:.6rem .8rem;margin:.4rem 0 .2rem;font-size:.9rem;line-height:1.5}
.rh-prova p{margin:.15rem 0 .6rem;white-space:pre-wrap}
.rh-prova-rot{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:#5d6478}

/* crédito de equipe em entregáveis de workflow (time inteiro participou) */
.ev-equipe{font-size:.74rem;color:var(--morto);margin:.1rem 0;line-height:1.4}
.rv-equipe{font-size:.8rem;color:var(--ambar);margin:.1rem 0 .5rem;line-height:1.45;opacity:.92}

/* ficha do funcionário em modal + balão de passagem no prédio */
.palco{position:relative}
.dica{position:absolute;z-index:3;pointer-events:none;background:rgba(12,14,21,.96);border:1px solid var(--linha);
  border-radius:7px;padding:.4rem .6rem;font-size:.78rem;line-height:1.35;color:var(--texto);max-width:250px;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.dica-ult{color:var(--morto)} .dica-q{color:var(--morto);font-size:.72rem}
.dica-cta{color:var(--ambar);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}
.ficha-topo{display:flex;gap:.9rem;align-items:center;margin:.1rem 0 .4rem}
.ficha-retrato{flex:none;background:#0c0e15;border:1px solid var(--linha);border-radius:8px;padding:.3rem;line-height:0}
.ficha-retrato .retrato{image-rendering:pixelated;display:block;height:auto;max-width:34vw}
.ficha-cab{min-width:0}
.ficha-dica-modal{font-size:.68rem;margin-top:.2rem;opacity:.8}

/* ferramentas da casa */
.ferramentas{display:flex;flex-direction:column;gap:.5rem}
.ferr{background:var(--painel);border:1px solid var(--linha);border-left:3px solid var(--linha);border-radius:8px;padding:.55rem .75rem}
.ferr-ok{border-left-color:var(--verde)} .ferr-caixa{border-left-color:var(--ambar)} .ferr-fonte{border-left-color:var(--ciano)}
.ferr-topo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.ferr-estado{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;background:var(--painel2);color:var(--morto);white-space:nowrap}
.ferr-estado.ok{color:var(--verde)} .ferr-estado.caixa{color:var(--ambar)} .ferr-estado.fonte{color:var(--ciano)}
.ferr-cat{font-size:.72rem;color:var(--morto);margin-top:.1rem}
.ferr-para{margin:.35rem 0 .1rem;font-size:.86rem}
.ferr-onde,.ferr-fonte{margin:.15rem 0 0;font-size:.76rem;color:var(--morto)}
.ferr-link{display:inline-block;margin-top:.3rem;font-size:.78rem;color:var(--ciano);text-decoration:none}
.ficha-ferr{margin:.5rem 0 0}

/* parede de rumo (livro de decisões do CEO) */
.rumo{margin-top:1.2rem}
.rumo-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem}
.rumo-card{background:var(--painel);border:1px solid var(--linha);border-left:3px solid var(--ambar);border-radius:9px;padding:.6rem .8rem}
.rumo-card.aprovacao{border-left-color:var(--verde)}
.rumo-card.revogada,.rumo-card.cumprida{opacity:.6} .rumo-card.revogada .rumo-tit{text-decoration:line-through}
.rumo-topo{display:flex;gap:.5rem;align-items:center;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--morto)}
.rumo-cat.rumo{color:var(--ambar)} .rumo-cat.aprovacao{color:var(--verde)}
.rumo-estado{margin-left:auto;background:var(--painel2);padding:.1rem .4rem;border-radius:4px}
.rumo-tit{margin:.3rem 0 .2rem;font-size:.98rem}
.rumo-texto{margin:.2rem 0;font-size:.88rem}
.rumo-muda{margin:.25rem 0;font-size:.84rem;color:var(--texto)}
.rumo-afeta{font-size:.74rem;color:var(--morto);margin-top:.2rem}
.rumo-links{margin-top:.35rem;display:flex;gap:.4rem;flex-wrap:wrap}
.rumo-fonte{font-size:.7rem;color:var(--morto);font-style:italic;margin-top:.35rem}
.ev-tipo.decisao{color:#ffd98a}
#rumo-toda{margin-top:.6rem}

/* bom dia da empresa */
.bomdia{margin-top:1rem;background:linear-gradient(180deg,rgba(242,177,52,.10),rgba(242,177,52,.03));border:1px solid rgba(242,177,52,.35);border-radius:10px;padding:.7rem .95rem}
.bomdia-topo{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.bomdia-topo h3{margin:0;font-size:1rem}
.bomdia-sol{font-size:1.2rem}
.bomdia-hora{margin-left:auto;font-size:.72rem;color:var(--morto)}
.bomdia-lista{margin:.45rem 0 .2rem;padding-left:1.1rem;font-size:.9rem;line-height:1.45}
.bomdia-lista li{margin:.15rem 0}
.bomdia-rodape{font-size:.7rem;color:var(--morto);font-style:italic;margin-top:.3rem}

/* comece por aqui + tour */
.comece{background:none;border:1px solid var(--ambar);color:var(--ambar);border-radius:6px;padding:.3rem .6rem;font-size:.74rem;letter-spacing:.06em;cursor:pointer}
.comece:hover{background:rgba(242,177,52,.12)}
.hist{display:flex;flex-direction:column;gap:.6rem;margin:.3rem 0 .6rem}
.hist-cap{display:grid;grid-template-columns:minmax(92px,120px) 1fr;gap:.7rem;border-left:2px solid var(--linha);padding-left:.7rem}
.hist-quando{font-size:.74rem;color:var(--ambar);letter-spacing:.04em;padding-top:.15rem}
.hist-corpo h4{margin:0 0 .2rem;font-size:.95rem}
.hist-corpo p{margin:0;font-size:.88rem}
@media (max-width:600px){ .hist-cap{grid-template-columns:1fr} }
.tour{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:70;width:min(92vw,420px);background:var(--painel);border:1px solid var(--ambar);border-radius:12px;padding:.7rem .9rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.tour-n{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ambar)}
.tour b{display:block;margin:.15rem 0}
.tour p{margin:.2rem 0 .5rem;font-size:.86rem}
.tour-botoes{display:flex;justify-content:flex-end;gap:.5rem}
.tour-botoes button{border-radius:6px;padding:.4rem .8rem;cursor:pointer;border:1px solid var(--linha);background:var(--painel2);color:var(--texto)}
.tour-botoes .tour-prox{background:var(--ambar);color:#1a1408;border-color:var(--ambar);font-weight:700}
.tour-alvo{outline:3px solid var(--ambar);outline-offset:4px;border-radius:10px;transition:outline-color .3s}

/* ações do time humano */
.acoes{margin-top:.8rem;padding:.6rem .75rem;background:var(--painel2);border:1px solid var(--linha);border-radius:9px}
.ac-topo{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem}
.ac-botoes{display:flex;gap:.4rem;flex-wrap:wrap;margin:.45rem 0}
.ac-btn{border:1px solid var(--linha);background:var(--painel);color:var(--texto);border-radius:999px;padding:.3rem .7rem;cursor:pointer;font-size:.85rem}
.ac-btn.ativa{border-color:var(--ambar);color:var(--ambar);background:rgba(242,177,52,.10)}
.ac-lista{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0}
.ac-item{background:var(--painel);border:1px solid var(--linha);border-radius:7px;padding:.45rem .6rem;font-size:.88rem}
.ac-meta{font-size:.74rem;color:var(--morto);margin-bottom:.15rem}
.ac-leram{font-size:.72rem;color:var(--morto)}
.ac-form{margin-top:.4rem}
.ac-texto{width:100%;box-sizing:border-box;background:var(--painel);color:var(--texto);border:1px solid var(--linha);border-radius:7px;padding:.45rem .6rem;font:inherit;font-size:.86rem;resize:vertical}
.ac-form-linha{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem}
.ac-erro{font-size:.74rem;color:#e05a4e}
.ac-enviar{border:1px solid var(--ambar);background:var(--ambar);color:#1a1408;font-weight:700;border-radius:6px;padding:.4rem .8rem;cursor:pointer}
.rumo-acoes{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.45rem}
.rumo-acoes .ver-historico{width:auto;margin:0;padding:.35rem .7rem;font-size:.8rem}
.mural-time{display:flex;flex-direction:column;gap:.4rem}
.mural-item{background:var(--painel);border:1px solid var(--linha);border-radius:7px;padding:.45rem .6rem;font-size:.84rem;cursor:pointer;position:relative}
.mural-item:hover{border-color:var(--ambar)}
.mural-item i{color:var(--morto);font-style:normal}
.mural-texto{margin-top:.2rem;color:var(--texto)}
.mural-quando{display:block;font-size:.7rem;color:var(--morto);margin-top:.2rem}
.ev-tipo.humano{color:#c9a0f2}

/* rumo: barra discreta (a parede abre em modal) */
.rumo-barra{margin-top:.6rem;display:flex;align-items:center;gap:.6rem;background:var(--painel);border:1px solid var(--linha);border-radius:8px;padding:.45rem .75rem;font-size:.82rem;color:var(--morto)}
.rumo-barra b{color:var(--texto)}
.rumo-resumo{flex:1;min-width:0}
.rumo-ver{border:1px solid var(--linha);background:var(--painel2);color:var(--ambar);border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.76rem;white-space:nowrap}
.rumo-ver:hover{border-color:var(--ambar)}
@media (max-width:600px){ .rumo-barra{flex-wrap:wrap} .rumo-ver{margin-left:auto} }

/* ritual de leitura */
.leitura{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:.5rem 0 .6rem;padding:.5rem .7rem;background:rgba(242,177,52,.08);border:1px solid rgba(242,177,52,.35);border-radius:9px}
.leitura-btn{border:1px solid var(--ambar);background:var(--ambar);color:#1a1408;font-weight:800;border-radius:7px;padding:.5rem .9rem;cursor:pointer;font-size:.9rem;white-space:nowrap}
.leitura-btn.lido{background:var(--verde);border-color:var(--verde);color:#0d1a10}
.leitura-quem{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.8rem}
.leitura-rot{color:var(--morto);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-right:.2rem}
.lido-chip{display:inline-block;background:rgba(120,200,120,.15);border:1px solid rgba(120,200,120,.45);color:var(--texto);border-radius:999px;padding:.1rem .5rem;font-size:.74rem;white-space:nowrap}
.lido-chip.mais{background:var(--painel2);border-color:var(--linha);color:var(--morto)}
.lido-ninguem{color:var(--ambar);font-size:.76rem;font-weight:600}
.peca-lido{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.35rem}
.peca-card.eu-li{border-color:rgba(120,200,120,.6)}
.peca-card.eu-li .peca-tit::after{content:' ✓';color:var(--verde)}
.destaque-lido{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin:.4rem 0 .2rem;font-size:.8rem}
.ritual{margin:0 0 .8rem;padding:.55rem .8rem;background:rgba(242,177,52,.08);border:1px solid rgba(242,177,52,.35);border-radius:9px;font-size:.86rem}
.ritual-eu{display:block;margin-top:.2rem;color:var(--ambar);font-weight:600}

/* bom dia e rumo só na aba AGORA */
body.fora-agora #bomdia, body.fora-agora #rumo{display:none!important}

/* ---------- pedido de acesso (cadastro aberto com aprovação do admin) ---------- */
.login-extra{display:grid;gap:10px;margin:2px 0 4px}
.login-extra textarea.campo-in{resize:vertical;min-height:64px;font:inherit}
.login-alternar{display:block;width:100%;margin-top:12px;background:none;border:0;color:var(--ciano);cursor:pointer;font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.login-ok{color:var(--verde);margin:6px 0 0;font-size:.92rem;line-height:1.4}
.esc-pill.pend{background:rgba(242,177,52,.18);color:var(--ambar);border-color:var(--ambar)}
.esc-pill.recus{background:rgba(224,90,78,.18);color:var(--alerta);border-color:var(--alerta)}
.ped-item{border-left:3px solid var(--ambar)}
.ped-msg{margin:6px 0 8px;color:var(--texto);font-size:.9rem;white-space:pre-wrap;overflow-wrap:anywhere}
.ped-acoes{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- demanda atendida: o pedido que essa entrega fechou ---------- */
.ev-atende{margin:.35rem 0 0;padding:.3rem .55rem;border-left:3px solid var(--verde);background:rgba(125,201,94,.10);
  border-radius:0 6px 6px 0;color:var(--texto);font-size:.86rem;line-height:1.35;overflow-wrap:anywhere}

/* ---------- filtro por sistema no diário (cada aba trabalha um sistema) ---------- */
.dproj{background:var(--painel2);color:var(--texto);border:1px solid var(--linha);border-radius:999px;
  padding:.32rem .6rem;font:inherit;font-size:.82rem;max-width:100%;cursor:pointer}
.dproj:focus{outline:2px solid var(--ambar);outline-offset:1px}

/* time humano: gente de verdade da casa (nome e função; o escritório não mede humano) */
.elenco li .status.humano{background:var(--ambar);box-shadow:0 0 6px rgba(242,177,52,.45)}
.pend-gente{margin-left:.5rem;color:var(--ambar);font-size:.72rem}