/* Tema cinza-escuro (substitui o azul-marinho de título, menu e botões principais) */
.hc{--navy:#30353d;--gr-a:#1f2329;--gr-b:#3a4049;--gr-c:#56606c;--gr-btn:linear-gradient(135deg,#2a2f36 0%,#4a525d 100%);--gr-btn-h:linear-gradient(135deg,#353b43 0%,#5a636f 100%)}
/* título / capa */
.hc .hc-cover{background:var(--gr-a)}
.hc .hc-cover-grad{background:linear-gradient(120deg,rgba(31,35,41,.96) 28%,rgba(58,64,73,.78) 65%,rgba(86,96,108,.5))}
/* menu lateral */
.hc .hc-wrap .hc-nav{background:linear-gradient(180deg,var(--gr-a) 0%,var(--gr-b) 55%,var(--gr-c) 100%) !important;border-right-color:rgba(255,255,255,.14) !important}
.hc .hc-wrap .hc-nav .sb-grp{color:#aab2bd}
.hc .hc-wrap .hc-nav .sb-eyebrow{color:#d5dae0;border-bottom-color:rgba(255,255,255,.14)}
.hc .hc-wrap .hc-nav a{color:#e3e7ec}
.hc .hc-wrap .hc-nav a[aria-current="page"]{background:linear-gradient(135deg,#f4f5f7,#d9dde2) !important;color:#1f2329 !important}
.hc .hc-wrap .hc-nav a[aria-current="page"] .sb-ic{background:var(--gr-btn)}
.hc .hc-nav a[aria-current="page"]{background:var(--gr-btn)}
@media (max-width:999px){.hc .hc-wrap .hc-nav{background:var(--gr-btn) !important}}
/* botões principais */
.hc .ct-novo,.hc .ct-btn.pri,.ct-modal .ct-btn.pri{background:var(--gr-btn) !important;border-color:transparent !important;color:#fff !important}
.hc .ct-novo:hover,.hc .ct-btn.pri:hover,.ct-modal .ct-btn.pri:hover{background:var(--gr-btn-h) !important}
.hc .jr-chip[aria-pressed="true"]{background:var(--gr-btn) !important;border-color:transparent !important;color:#fff}
.hc .jr-dias-tab thead th{background:var(--gr-btn) !important;box-shadow:0 6px 12px -8px rgba(31,35,41,.6)}
.hc-ov-btn,.hc-ov-btn.hc-ov-topo{background:var(--gr-btn) !important}
.hc-ov-btn:hover,.hc-ov-btn.hc-ov-topo:hover{background:var(--gr-btn-h) !important}
.hc-ov-btn svg{fill:#e3e7ec}
.hc-modal-head{background:var(--gr-btn) !important}
.hc-ov-kv.main{background:var(--gr-btn) !important}
.hc-ov-outh span,.hc-ov-mail .ic,.in-btn.sm,.rb-acts .rb-next,.rb-dots i.on{background:var(--gr-btn) !important}
.hc-foot em{color:#30353d}
@media (prefers-color-scheme:dark){.hc{--navy:#4a525d}.hc .jr-chip[aria-pressed="true"]{background:linear-gradient(135deg,#4a525d,#6b7480) !important}}

/* Página inicial: resumo do projeto */
.hc .in-capa{justify-content:flex-start;align-items:center}
.hc .in-proj{flex:0 1 560px;min-width:0;margin-right:auto}
.hc .pj-card{background:rgba(255,255,255,.95);color:#1f2329;border-radius:20px;padding:24px 26px;box-shadow:0 24px 50px -28px rgba(0,0,0,.7);backdrop-filter:blur(6px)}
.hc .pj-k{margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7480}
.hc .pj-t{margin:4px 0 14px;font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.1;color:#1f2329}
.hc .pj-t b{background:linear-gradient(135deg,#2a2f36,#6b7480);-webkit-background-clip:text;background-clip:text;color:transparent}
.hc .pj-load{margin:0;color:#6b7480}
.hc .pj-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hc .pj-big .v{display:block;font-family:var(--display);font-weight:800;font-size:clamp(40px,5.5vw,60px);line-height:1;color:#1f2329;font-variant-numeric:tabular-nums}
.hc .pj-big .s{display:block;margin-top:6px;font-size:13px;color:#4a525d;line-height:1.35}
.hc .pj-big em{font-style:normal;font-size:11.5px;color:#8a929c}
.hc .pj-pct{text-align:right}
.hc .pj-pct .v{display:block;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,40px);line-height:1;color:#2e7d4f}
.hc .pj-pct .s{font-size:12px;color:#6b7480}
.hc .pj-bar{display:flex;height:16px;border-radius:99px;background:#e6e9ed;overflow:hidden;margin:16px 0 8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.hc .pj-bar i{display:block;height:100%}
.hc .pj-bar i+i{box-shadow:inset 2px 0 0 rgba(255,255,255,.7)}
.pj-bar .m1,.pj-leg i.m1{background:linear-gradient(90deg,#1e6b42,#2e7d4f)}
.pj-bar .m2,.pj-leg i.m2{background:linear-gradient(90deg,#2e7d4f,#46a06c)}
.pj-bar .m3,.pj-leg i.m3{background:linear-gradient(90deg,#46a06c,#6cc08b)}
.pj-bar .pv,.pj-leg i.pv{background:repeating-linear-gradient(135deg,#9aa2ad 0 4px,#c7ccd3 4px 8px)}
.hc .pj-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:#4a525d}
.hc .pj-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.hc .pj-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.hc .pj-mini>div{background:#f2f4f6;border-radius:12px;padding:10px 12px;min-width:0}
.hc .pj-mini .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7480}
.hc .pj-mini b{display:block;font-family:var(--display);font-size:20px;font-weight:800;color:#1f2329;margin-top:2px}
.hc .pj-mini .s{display:block;font-size:11px;color:#6b7480;margin-top:2px}
.hc .pj-mini .vol{background:#dbeafe}
.hc .pj-mini .vol b{color:#2a2f36}
@media (max-width:760px){.hc .in-capa{flex-direction:column;align-items:stretch;padding:16px}.hc .in-proj{flex:none;margin:0}.hc .pj-card{padding:18px}.hc .pj-mini{grid-template-columns:1fr 1fr}.hc .pj-mini .vol{grid-column:1/-1}}

/* Quali ao lado do Overview */
.rb-wrap.rb-ov{flex-direction:row-reverse !important;align-items:center !important;gap:8px}
.rb-wrap.rb-ov .rb-bot{width:58px !important;height:68px !important}
.rb-wrap.rb-ov .rb-bub{margin-bottom:0}

/* Overview Geral */
.hc-modal .pj-bar{display:flex;height:12px;border-radius:99px;background:#e6e9ed;overflow:hidden;margin:12px 0 6px}
.hc-modal .pj-bar i{display:block;height:100%}
.hc-modal .pj-leg{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--color-fg-muted)}
.hc-modal .pj-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.ov-acoes{display:flex;flex-direction:column;gap:10px}
.ov-ac{border:1px solid var(--hc-line,#dbe2ec);border-radius:10px;padding:10px 12px}
.ov-ac-h{display:flex;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}
.ov-ac-h span{color:var(--color-fg-muted);font-size:12px}
.ov-ac-bar{display:flex;height:8px;border-radius:99px;background:#e6e9ed;overflow:hidden;margin:8px 0 4px}
.ov-ac-bar i{display:block;height:100%}
.ov-ac-bar .ok{background:#2e7d4f}.ov-ac-bar .an{background:#4a525d}.ov-ac-bar .pa{background:#b7791f}
.ov-ac-s{font-size:11.5px;color:var(--color-fg-muted)}

/* todos os cabeçalhos de tabela no gradiente do "Controle dos dias" */
.hc table{border-collapse:separate;border-spacing:0}
.hc table thead th{background:var(--gr-btn) !important;color:#fff !important;border-bottom:0 !important;padding-top:9px;padding-bottom:9px;box-shadow:0 6px 12px -8px rgba(31,35,41,.6)}
.hc table thead th *{color:inherit}
.hc table thead tr > th:first-child{border-radius:8px 0 0 8px}
.hc table thead tr > th:last-child{border-radius:0 8px 8px 0}
.hc table thead tr > th:only-child{border-radius:8px}

/* Início v2: quadro semitransparente até a borda direita, ciclos, fases e excedente */
.hc .in-capa{padding-right:0 !important;align-items:center}
.hc .in-proj{flex:1 1 auto !important;max-width:none;margin:0 !important;min-width:0}
.hc .pj-card{background:rgba(255,255,255,.74) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px 0 0 22px;border:1px solid rgba(255,255,255,.55);border-right:0;padding:24px clamp(18px,3vw,40px) 26px}
.hc .pj-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.hc .pj-t small{font-size:.5em;font-weight:700;color:#6b7480}
.hc .pj-fases{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hc .pj-fase{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid #d5dae0;font-size:12.5px;font-weight:700;color:#6b7480;position:relative}
.hc .pj-fase .n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d5dae0;color:#4a525d;font-size:11.5px}
.hc .pj-fase.feita{color:#2e7d4f;border-color:rgba(46,125,79,.4)}
.hc .pj-fase.feita .n{background:#2e7d4f;color:#fff}
.hc .pj-fase.atual{background:linear-gradient(135deg,#2a2f36,#4a525d);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px rgba(31,35,41,.7)}
.hc .pj-fase.atual .n{background:#fff;color:#2a2f36}
.hc .pj-fase em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-left:2px}
.hc .pj-fl{display:block;width:16px;height:2px;background:#c7ccd3;border-radius:2px}
.hc .pj-resumo{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:18px 28px;align-items:end;margin-top:14px}
.hc .pj-mini2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hc .pj-mini2>div{background:rgba(242,244,246,.85);border-radius:12px;padding:10px 12px;min-width:0}
.hc .pj-mini2 .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7480}
.hc .pj-mini2 b{display:block;font-family:var(--display);font-size:20px;font-weight:800;color:#1f2329;margin-top:2px;font-variant-numeric:tabular-nums}
.hc .pj-mini2 .s{display:block;font-size:11px;color:#6b7480;margin-top:2px}
.hc .pj-mini2 .vol{background:rgba(219,234,254,.9)}
.hc .pj-mini2 .vol b{color:#2a2f36}
.hc .pj-mini2 .exc{background:rgba(255,243,214,.92);border:1px dashed #b7791f}
.hc .pj-mini2 .exc b{color:#8a5a12}
.pj-tag{display:inline-block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#b7791f;color:#fff}
.pj-ciclobar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:18px 0 6px}
.pj-cb{position:relative;display:flex;height:24px;border-radius:8px;background:#e6e9ed;overflow:hidden}
.pj-cb i{display:block;height:100%;background:linear-gradient(90deg,#1e6b42,#46a06c)}
.pj-cb.an i:not(.pv){background:linear-gradient(90deg,#2a2f36,#6b7480)}
.pj-cb i.pv{background:repeating-linear-gradient(135deg,#9aa2ad 0 4px,#c7ccd3 4px 8px)}
.pj-cb span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.pj-cb.ni span{color:#6b7480;text-shadow:none}
.hc .pj-ciclos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.hc .pj-ciclo{background:rgba(255,255,255,.82);border:1px solid #d5dae0;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.hc .pj-ch{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;background:linear-gradient(135deg,#2a2f36,#4a525d);color:#fff;font-size:13px}
.hc .pj-st{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.18)}
.hc .pj-ciclo.ok .pj-st{background:#2e7d4f}
.hc .pj-ciclo.ni{opacity:.75}
.hc .pj-sem{list-style:none;margin:0;padding:8px 12px 4px}
.hc .pj-sem li{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;color:#4a525d;font-variant-numeric:tabular-nums}
.hc .pj-sem b{color:#1f2329}
.hc .pj-vazio{margin:0;padding:12px;font-size:12px;color:#8a929c}
.hc .pj-cnum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 12px 8px;margin-top:auto}
.hc .pj-cnum>div{background:#f2f4f6;border-radius:8px;padding:5px 6px;text-align:center;min-width:0}
.hc .pj-cnum span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7480}
.hc .pj-cnum b{display:block;font-size:13px;font-variant-numeric:tabular-nums;color:#1f2329}
.hc .pj-cnum .exc{background:#fff3d6;border:1px dashed #b7791f}.hc .pj-cnum .exc b{color:#8a5a12}
.hc .pj-cnum .fal{background:#f7e3dc}.hc .pj-cnum .fal b{color:#8b1e1e}
.hc .pj-cvol{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:rgba(219,234,254,.9);font-size:12px;color:#2a2f36}
.hc .pj-cvol b{font-variant-numeric:tabular-nums}
.hc .pj-bar,.hc .pj-leg,.hc .pj-mini{display:none}
@media (max-width:1100px){.hc .pj-ciclos{grid-template-columns:repeat(2,minmax(0,1fr))}.hc .pj-resumo{grid-template-columns:auto auto}.hc .pj-mini2{grid-column:1/-1}}
@media (max-width:760px){.hc .pj-card{border-radius:16px;border-right:1px solid rgba(255,255,255,.55)}.hc .pj-mini2{grid-template-columns:1fr 1fr}.hc .pj-ciclos{grid-template-columns:1fr}.hc .pj-resumo{grid-template-columns:1fr 1fr}}
/* Overview */
#ov-tickets{display:none !important}
.ov-fase{margin:0 0 10px;font-size:13px}
.ov-exc{margin:8px 0 0;font-size:12.5px;color:var(--color-fg-muted)}

/* quadrinhos Restantes / Ciclos concluídos: só borda cinza-clara */
.hc .pj-mini2>div:not(.vol):not(.exc){background:transparent;border:1px solid #d5dae0}

/* Horas voluntárias (painel inicial): verde em gradiente */
.hc .pj-mini2 .vol{background:linear-gradient(135deg,#1e6b42 0%,#2e7d4f 45%,#6cc08b 100%) !important;border:0;box-shadow:0 8px 18px -12px rgba(30,107,66,.7)}
.hc .pj-mini2 .vol .k,.hc .pj-mini2 .vol .s{color:rgba(255,255,255,.88)}
.hc .pj-mini2 .vol b{color:#fff}

/* rodapé "Ações voluntárias" dos ciclos: cinza médio */
.hc .pj-cvol{background:#8a929c !important;color:#fff !important}
.hc .pj-cvol b{color:#fff}

/* Excedente (painel inicial): cinza médio */
.hc .pj-mini2 .exc{background:#8a929c !important;border:0 !important}
.hc .pj-mini2 .exc .k,.hc .pj-mini2 .exc b{color:#fff !important}
.hc .pj-mini2 .exc .pj-tag{background:#fff;color:#4a525d}

/* bloco resumo do projeto dentro de uma borda; barra acima da porcentagem */
.hc .pj-resumo{border:1px solid #d5dae0;border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.35)}
.hc .pj-pct{min-width:180px}
.hc .pj-pbar{height:12px;border-radius:99px;background:#e6e9ed;overflow:hidden;margin:0 0 8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.hc .pj-pbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1e6b42,#2e7d4f 50%,#6cc08b)}
.hc .pj-big .s{font-size:14px;font-weight:600}

/* barra de progresso na largura exata do percentual */
.hc .pj-pct{min-width:0 !important;width:max-content;display:flex;flex-direction:column;align-items:stretch;text-align:right}
.hc .pj-pct .pj-pbar{width:100%;align-self:stretch}

/* Quali sempre ao lado do Overview (também em telas estreitas) */
.rb-wrap.rb-ov{left:auto !important;bottom:auto !important;flex-direction:row-reverse !important;align-items:flex-start !important}
.rb-wrap.rb-ov .rb-bot{width:54px !important;height:64px !important}
.rb-wrap.rb-ov .rb-bub{max-width:min(320px,calc(100vw - 90px))}

/* Início: quadro centralizado e arredondado, mais para cima; fundo em gradiente cinza */
.hc .in-capa{position:relative;align-items:flex-start !important;justify-content:center !important;padding:clamp(18px,3vh,32px) clamp(16px,3vw,48px) !important;background-color:#4a525d !important;background-blend-mode:luminosity}
.hc .in-capa::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,35,41,.88) 0%,rgba(58,64,73,.62) 50%,rgba(138,146,156,.45) 100%);pointer-events:none}
.hc .in-proj{position:relative;z-index:1;flex:0 1 1180px !important;width:100%;margin:0 auto !important}
.hc .pj-card{border-radius:22px !important;border:1px solid rgba(255,255,255,.55) !important}

/* quadro principal mais largo, conteúdo proporcional */
.hc .in-capa{padding-left:clamp(12px,1.6vw,28px) !important;padding-right:clamp(12px,1.6vw,28px) !important}
.hc .in-proj{flex:1 1 auto !important;max-width:1680px;width:100%}
.hc .pj-card{padding:clamp(20px,2.2vw,34px) clamp(20px,2.6vw,44px) !important}
.hc .pj-t{font-size:clamp(26px,2.6vw,40px) !important}
.hc .pj-resumo{gap:clamp(16px,2vw,32px) clamp(24px,3vw,48px) !important;padding:clamp(14px,1.4vw,22px) clamp(16px,1.8vw,28px) !important}
.hc .pj-big .v{font-size:clamp(44px,4.6vw,72px) !important}
.hc .pj-pct .v{font-size:clamp(30px,3vw,48px) !important}
.hc .pj-mini2{gap:clamp(10px,1vw,16px) !important}
.hc .pj-mini2>div{padding:clamp(10px,1vw,16px) clamp(12px,1.2vw,18px) !important}
.hc .pj-mini2 b{font-size:clamp(20px,1.7vw,28px) !important}
.hc .pj-mini2 .k{font-size:clamp(10.5px,.8vw,12.5px) !important}
.hc .pj-ciclobar{gap:clamp(6px,.8vw,12px) !important}
.hc .pj-cb{height:clamp(24px,2vw,30px) !important}
.hc .pj-ciclos{gap:clamp(12px,1.2vw,20px) !important}
.hc .pj-ch{font-size:clamp(13px,1vw,15px) !important;padding:clamp(9px,.8vw,12px) clamp(12px,1vw,16px) !important}
.hc .pj-sem li{font-size:clamp(12px,.9vw,14px) !important}
.hc .pj-cnum b{font-size:clamp(13px,1vw,16px) !important}
.hc .pj-cvol{font-size:clamp(12px,.9vw,14px) !important}
.hc .pj-fase{font-size:clamp(12.5px,.95vw,14.5px) !important}

/* Atendimento Presencial: indicadores com contorno cinza-escuro e fundo branco */
.hc #jr-pre-kpis .ct-kv{background:var(--color-panel) !important;border:1.5px solid #30353d !important;border-left:4px solid #30353d !important;--ct:#30353d}
.hc #jr-pre-kpis .ct-kv .v{color:#30353d !important}
@media (prefers-color-scheme:dark){.hc #jr-pre-kpis .ct-kv{border-color:#8a929c !important;--ct:#c7ccd3}.hc #jr-pre-kpis .ct-kv .v{color:#e3e7ec !important}}

/* Atividades Naisa: indicadores com contorno cinza-escuro e fundo branco */
.hc #jr-nai-kpis .ct-kv{background:var(--color-panel) !important;border:1.5px solid #30353d !important;border-left:4px solid #30353d !important;--ct:#30353d}
.hc #jr-nai-kpis .ct-kv .v{color:#30353d !important}
@media (prefers-color-scheme:dark){.hc #jr-nai-kpis .ct-kv{border-color:#8a929c !important}.hc #jr-nai-kpis .ct-kv .v{color:#e3e7ec !important}}
/* Atas: cards superiores em cinza gradiente */
.hc #jr-ata-kpis .at-kv{background:linear-gradient(135deg,#1f2329 0%,#3a4049 55%,#5a636f 100%) !important;border:0 !important;color:#fff;box-shadow:0 10px 22px -14px rgba(31,35,41,.75)}
.hc #jr-ata-kpis .at-kv .k,.hc #jr-ata-kpis .at-kv .s{color:rgba(255,255,255,.82) !important}
.hc #jr-ata-kpis .at-kv .v{color:#fff !important}
.hc #jr-ata-kpis .at-kv.m{background:linear-gradient(135deg,#3a4049 0%,#5a636f 60%,#8a929c 100%) !important}
.hc .at-mes{display:flex;align-items:center;gap:10px;margin:18px 0 4px}
.hc .at-mes::after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,#4a525d,transparent)}
/* Atas no formato da ata padrão */
.hc .at-doc{border:1px solid var(--hc-line);border-radius:12px;overflow:hidden;margin-top:12px;background:var(--color-panel)}
.hc .at-cab{display:flex;align-items:stretch;justify-content:space-between;gap:0;flex-wrap:wrap;background:linear-gradient(135deg,#1f2329,#4a525d);color:#fff}
.hc .at-cab-t{flex:1 1 260px;display:flex;flex-direction:column;justify-content:center;padding:14px 18px;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.06em}
.hc .at-cab-t small{font-family:var(--font-anthropic-sans,inherit);font-size:11.5px;font-weight:600;letter-spacing:.04em;opacity:.85;margin-top:4px;text-transform:uppercase}
.hc .at-cab-n{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.18);min-width:200px}
.hc .at-cab-n>div{padding:8px 14px;display:flex;flex-direction:column}
.hc .at-cab-n>div+div{border-top:1px solid rgba(255,255,255,.18)}
.hc .at-cab-n span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.hc .at-cab-n b{font-size:14px;font-variant-numeric:tabular-nums}
.hc .at-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-bottom:1px solid var(--hc-line)}
.hc .at-info>div{padding:9px 14px;border-right:1px solid var(--hc-line);border-top:1px solid var(--hc-line);margin-top:-1px}
.hc .at-info span{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-fg-muted)}
.hc .at-info b{display:block;font-size:13px;font-weight:600;margin-top:2px}
.hc .at-bar{background:linear-gradient(90deg,#2a2f36,#4a525d 60%,#6b7480);color:#fff;text-align:center;font-family:var(--display);font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px}
.hc .at-tab{display:flex;flex-direction:column}
.hc .at-row{display:grid;grid-template-columns:minmax(120px,190px) 1fr;border-bottom:1px solid var(--hc-line)}
.hc .at-row:last-child{border-bottom:0}
.hc .at-row>span{padding:10px 14px;background:var(--hc-s2);font-size:12px;font-weight:800;color:var(--hc-sub-fg);border-right:1px solid var(--hc-line)}
.hc .at-row>div{padding:10px 14px;font-size:13px;line-height:1.55}
.hc .at-row .jr-mk{margin:0}
.hc .at-corpo{padding:10px 16px 14px;font-size:13px;line-height:1.55}
.hc .at-sub{margin:14px 0 4px;font-size:13.5px;font-weight:800;color:var(--color-fg);padding-left:10px;border-left:3px solid #4a525d}
.hc .at-corpo>.at-sub:first-child{margin-top:4px}
.hc .at-ass{list-style:none;margin:0;padding:10px 16px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 24px;counter-reset:as}
.hc .at-ass li{counter-increment:as;display:flex;flex-direction:column;gap:4px;font-size:13px}
.hc .at-ass li span::before{content:counter(as) "  ";font-weight:800;color:var(--color-fg-muted)}
.hc .at-ass li i{display:block;height:1px;background:var(--color-fg-muted);opacity:.5;margin-top:14px}
@media (max-width:560px){.hc .at-row{grid-template-columns:1fr}.hc .at-row>span{border-right:0;border-bottom:1px solid var(--hc-line)}.hc .at-cab-n{min-width:0;flex:1 1 100%;border-left:0;border-top:1px solid rgba(255,255,255,.18)}}

/* Atividades Naisa: cabeçalho da semana em cinza gradiente (fixo), dias em tarja e recolhíveis */
.hc .jr-sem{padding:0 !important;overflow:hidden}
.hc .jr-sem-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#1f2329 0%,#3a4049 55%,#5a636f 100%);color:#fff}
.hc .jr-sem-h h3{color:#fff;margin:0}
.hc .jr-sem-h p{color:rgba(255,255,255,.82);margin:0;font-size:12.5px;font-weight:600}
.hc .jr-sem .jr-dias{margin:0;padding:4px 14px 12px}
.hc .jr-dia{padding:10px 0;border-top:1px solid var(--hc-line)}
.hc .jr-dia:first-child{border-top:0}
.hc .jr-dia-h{cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-radius:10px}
.hc .jr-dia-h:focus-visible{outline:2px solid #30353d;outline-offset:3px}
.hc .jr-dia-tarja{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:8px;background:linear-gradient(135deg,#2a2f36,#5a636f);color:#fff !important;box-shadow:0 6px 14px -10px rgba(31,35,41,.8)}
.hc .jr-dia-tarja b{font-size:12.5px;letter-spacing:.02em}
.hc .jr-dia-tarja span{font-size:12px;color:rgba(255,255,255,.85) !important;font-variant-numeric:tabular-nums}
.hc .jr-dia-n{margin-left:auto;font-size:11.5px;color:var(--color-fg-muted)}
.hc .jr-dia-rec{width:26px;height:26px;pointer-events:none}
.hc .jr-dia.rec .jr-dia-rec svg{transform:rotate(180deg)}
.hc .jr-dia .jr-mk{margin-top:8px}
.hc .jr-dia-tarja b{color:#fff}

/* Atividades Naisa: Resumo por Ciclo no canto superior direito */
.hc .nai-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hc .nai-topo>.hc-head{flex:1 1 320px;min-width:0}
.hc .nai-ciclos{flex:0 1 380px;min-width:260px;background:var(--color-panel);border:1.5px solid #30353d;border-radius:14px;overflow:hidden;box-shadow:0 12px 26px -18px rgba(31,35,41,.7)}
.hc .nai-ciclos[hidden]{display:none}
.hc .nc-h{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#1f2329,#4a525d 60%,#6b7480);color:#fff;font-size:13.5px;letter-spacing:.02em}
.hc .nc-h svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hc .nc-l{list-style:none;margin:0;padding:4px 12px 10px}
.hc .nc-l li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:8px 0;border-top:1px solid var(--hc-line)}
.hc .nc-l li:first-child{border-top:0}
.hc .nc-t{display:flex;align-items:center;gap:8px}
.hc .nc-t b{font-size:13.5px}
.hc .nc-st{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#e6e9ed;color:#4a525d}
.hc .nc-l li.ok .nc-st{background:#2e7d4f;color:#fff}
.hc .nc-l li.an .nc-st{background:linear-gradient(135deg,#2a2f36,#5a636f);color:#fff}
.hc .nc-s{grid-column:1;font-size:11.5px;color:var(--color-fg-muted)}
.hc .nc-pdf{grid-column:2;grid-row:1/span 2;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff;text-decoration:none;padding:7px 11px;border-radius:8px;background:linear-gradient(135deg,#2a2f36,#4a525d)}
.hc .nc-pdf:hover{background:linear-gradient(135deg,#353b43,#5a636f)}
.hc .nc-pdf svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hc .nc-l li.ni{opacity:.7}

/* Resumo por Ciclo recolhível */
.hc .nai-ciclos .nc-h{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#1f2329,#4a525d 60%,#6b7480);color:#fff;font-size:13.5px}
.hc .nai-ciclos .nc-h:focus-visible{outline:2px solid #30353d;outline-offset:2px}
.hc .nc-tg{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;opacity:.9}
.hc .nc-tg svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hc .nai-ciclos.rec .nc-tg svg{transform:rotate(180deg)}
.hc .nai-ciclos.rec{align-self:flex-start}
.hc .nc-pdf{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700}
.hc .nc-pdf:disabled{opacity:.7;cursor:wait}

/* Quali removida */
.rb-wrap,.rb-wrap.rb-ov{display:none !important}

/* Controle das Atividades: indicadores em cinza (como em Atas) com ícone de status */
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv{position:relative;background:linear-gradient(135deg,#1f2329 0%,#3a4049 55%,#5a636f 100%) !important;border:0 !important;color:#fff;box-shadow:0 10px 22px -14px rgba(31,35,41,.75);padding-right:46px}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv:not(.total){background:linear-gradient(135deg,#3a4049 0%,#5a636f 60%,#8a929c 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv .k,.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv .s{color:rgba(255,255,255,.82) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv .v{color:#fff !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv .ct-bar{background:rgba(255,255,255,.25)}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv .ct-bar b{background:#fff}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #30353d,0 10px 22px -14px rgba(31,35,41,.75)}
.hc .ct-kic{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.16)}
.hc .ct-kic svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hc .ct-kic.iniciar svg{fill:#fff;stroke-width:1.5}
.hc .ct-kic.parado svg{stroke-width:3}
.hc .ct-kic .spin{transform-origin:12px 12px;animation:ctSpin 1.2s linear infinite}
@keyframes ctSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hc .ct-kic .spin{animation:none}}
.hc .ct-setlab{font-size:11px;font-weight:700;color:var(--color-fg-muted);align-self:center;margin-right:2px}
/* Visão Geral em kanban: etapas fixas, atividades em cards recolhíveis, tudo em cinza */
.hc .ct-etapas{display:grid !important;grid-template-columns:repeat(3,minmax(260px,1fr)) !important;gap:14px !important;align-items:start;overflow:visible;padding-bottom:4px}
.hc .ct-kcol{background:#eef0f3;border:1px solid #d5dae0;border-radius:14px;min-width:0}
@media (prefers-color-scheme:dark){.hc .ct-kcol{background:#20252d;border-color:#323844}}
.hc .ct-kcol .ct-et-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px 14px 0 0;background:linear-gradient(135deg,#1f2329 0%,#3a4049 55%,#5a636f 100%);color:#fff;box-shadow:0 8px 14px -12px rgba(0,0,0,.6)}
.hc .ct-kcol .ct-et-head>div{flex:1;min-width:0}
.hc .ct-kcol .ct-et-head h3{color:#fff;margin:0;font-size:15px}
.hc .ct-kcol .ct-et-head p{color:rgba(255,255,255,.82);margin:2px 0 4px;font-size:11.5px}
.hc .ct-kcol .ct-et-n{background:#fff !important;color:#2a2f36 !important}
.hc .ct-kcol .ct-et-head .ct-bar{background:rgba(255,255,255,.25);margin-top:2px}
.hc .ct-kcol .ct-et-head .ct-bar b{background:#fff}
.hc .ct-kall{all:unset;cursor:pointer;flex:none;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.16);color:#fff;white-space:nowrap}
.hc .ct-kall:hover{background:rgba(255,255,255,.26)}
.hc .ct-kcards{display:flex;flex-direction:column;gap:8px;padding:10px}
.hc .ct-kcard{background:var(--color-panel);border:1px solid #d5dae0;border-left:4px solid #4a525d;border-radius:10px;box-shadow:0 6px 14px -12px rgba(31,35,41,.6)}
.hc .ct-kc-top{display:flex;align-items:flex-start;gap:8px;padding:10px 10px 8px;cursor:pointer;border-radius:10px}
.hc .ct-kc-top:focus-visible{outline:2px solid #30353d;outline-offset:-2px}
.hc .ct-kc-top .ct-et-desc{flex:1;min-width:0;font-size:13px;line-height:1.4;font-weight:600}
.hc .ct-kc-top .ct-num{background:linear-gradient(135deg,#2a2f36,#5a636f) !important;color:#fff}
.hc .ct-kc-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.hc .ct-kc-rec{width:24px;height:24px;pointer-events:none}
.hc .ct-kcard.rec .ct-kc-rec svg{transform:rotate(180deg)}
.hc .ct-kc-b{padding:0 10px 10px;border-top:1px dashed #d5dae0;padding-top:8px}
.hc .ct-kc-b .ct-meta{margin-top:0}
.hc .ct-kc-b .ct-acoes{margin-top:8px}
@media (max-width:900px){.hc .ct-etapas{grid-template-columns:repeat(3,minmax(250px,80vw)) !important;overflow-x:auto}}

/* cor original de cada status: faixa sutil abaixo do card */
.hc .ct-page:not(.jr-page) .ct-kpis{row-gap:18px;margin-bottom:24px}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv{overflow:visible}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv::after{content:"";position:absolute;left:12px;right:12px;bottom:-7px;height:5px;border-radius:0 0 6px 6px;background:var(--ct,#8a929c);opacity:.5;pointer-events:none}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.total::after{background:#8a929c}

/* Visão Geral: card Concluídos em verde gradiente */
.hc #ctl-visao-kpis .ct-kv.concluido{background:linear-gradient(135deg,#1e6b42 0%,#2e7d4f 45%,#6cc08b 100%) !important}

/* cards de status na cor (gradiente) da faixa do rodapé */
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.concluido{background:linear-gradient(135deg,#1e6b42 0%,#2e7d4f 45%,#6cc08b 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.andamento{background:linear-gradient(135deg,#4d5056 0%,#1f5fbf 50%,#5b8fe0 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.parado{background:linear-gradient(135deg,#7a4e0f 0%,#b7791f 50%,#e0a54a 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.iniciar{background:linear-gradient(135deg,#3f4550 0%,#6b717c 50%,#a6adb8 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.continuo{background:linear-gradient(135deg,#0b5558 0%,#0f7c80 50%,#5cc6c9 100%) !important}
.hc .ct-page:not(.jr-page) .ct-kpis .ct-kv.revisao{background:linear-gradient(135deg,#4f3380 0%,#7a4fb5 50%,#b79be6 100%) !important}

/* ícones dos cards superiores com movimento */
.hc .ct-kic.concluido path{stroke-dasharray:24;stroke-dashoffset:24;animation:ctDraw 2.2s ease-in-out infinite}
@keyframes ctDraw{0%{stroke-dashoffset:24}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-24}}
.hc .ct-kic.parado svg{animation:ctPulse 1.6s ease-in-out infinite}
@keyframes ctPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.88)}}
.hc .ct-kic.iniciar svg{animation:ctNudge 1.4s ease-in-out infinite}
@keyframes ctNudge{0%,100%{transform:translateX(-1.5px)}50%{transform:translateX(2.5px)}}
.hc .ct-kic.total path{animation:ctLines 1.8s ease-in-out infinite;transform-origin:4px 12px}
@keyframes ctLines{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.7)}}
.hc .ct-kic.continuo svg{animation:ctSpin 2.4s linear infinite}
.hc .ct-kic.revisao svg{animation:ctSwap 1.8s ease-in-out infinite}
@keyframes ctSwap{0%,100%{transform:translateX(0)}25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}
@media (prefers-reduced-motion:reduce){.hc .ct-kic svg,.hc .ct-kic path{animation:none !important;stroke-dashoffset:0 !important}}

/* sino de alertas ao lado do Overview */
.hc-topbtns{position:absolute;top:30px;right:var(--hc-pad,24px);z-index:5;display:flex;align-items:center;gap:10px}
.hc-topbtns .hc-ov-btn.hc-ov-topo{position:static !important;top:auto !important;right:auto !important}
.hc-bell{all:unset;box-sizing:border-box;cursor:pointer;position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--gr-btn,linear-gradient(135deg,#2a2f36,#4a525d));box-shadow:0 8px 20px -8px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.18)}
.hc-bell:hover{background:var(--gr-btn-h,linear-gradient(135deg,#353b43,#5a636f))}
.hc-bell:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hc-bell svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hc-bell.tem svg{animation:alRing 2.4s ease-in-out infinite;transform-origin:12px 4px}
@keyframes alRing{0%,60%,100%{transform:rotate(0)}65%{transform:rotate(14deg)}72%{transform:rotate(-12deg)}79%{transform:rotate(8deg)}86%{transform:rotate(-5deg)}}
.hc-bell-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#c0392b;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.hc-bell-n[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.hc-bell.tem svg{animation:none}}
@media (max-width:700px){.hc-topbtns{top:16px;right:12px;gap:8px}.hc-bell{width:38px;height:38px}}
.al-dlg{width:min(640px,100%)}
.al-g{border:1px solid var(--hc-line,#dbe2ec);border-radius:12px;overflow:hidden}
.al-gh{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:linear-gradient(135deg,#1f2329,#4a525d);color:#fff;font-size:13px}
.al-gh span{min-width:24px;height:22px;padding:0 7px;border-radius:99px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-weight:800;font-size:12px}
.al-gd{margin:0;padding:8px 12px 0;font-size:12px;color:var(--color-fg-muted)}
.al-vazio{margin:0;padding:10px 12px 12px;font-size:12.5px;color:var(--color-fg-muted)}
.al-l{list-style:none;margin:0;padding:6px 8px 8px}
.al-it{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:9px}
.al-it:hover{background:var(--hc-s2,#eef2f8)}
.al-it:focus-visible{outline:2px solid #30353d}
.al-dias{flex:none;width:52px;border-radius:9px;padding:5px 0;text-align:center;background:#fdecea;color:#a32a1e;font-size:10px;font-weight:700;line-height:1.1}
.al-dias b{display:block;font-size:17px}
.al-tx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px;line-height:1.35}
.al-tx small{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-muted)}
.al-tx em{font-style:normal;font-size:11.5px;color:var(--color-fg-muted)}
.al-nota{margin:0;font-size:11.5px;color:var(--color-fg-muted)}

/* filtros recolhidos com botão + (cinza-escuro gradiente) */
.hc .ct-filtros{display:block !important;padding:0 !important;overflow:hidden;border:0 !important;background:transparent !important}
.hc .ct-ftg{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#1f2329 0%,#3a4049 55%,#5a636f 100%);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 18px -12px rgba(31,35,41,.7)}
.hc .ct-ftg:hover{background:linear-gradient(135deg,#2a2f36 0%,#4a525d 55%,#6b7480 100%)}
.hc .ct-ftg:focus-visible{outline:2px solid #30353d;outline-offset:2px}
.hc .ct-ftg-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.18);font-size:17px;font-weight:800;line-height:1}
.hc .ct-ftg-on{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#fff;color:#30353d}
.hc .ct-ftg-on[hidden]{display:none}
.hc .ct-filtros.aberto .ct-ftg{border-radius:12px 12px 0 0}
.hc .ct-fbody{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;padding:12px 14px;background:var(--color-panel);border:1px solid #d5dae0;border-top:0;border-radius:0 0 12px 12px}
.hc .ct-fbody[hidden]{display:none}

/* Overview + sino flutuantes, inicialmente no canto inferior direito */
.hc-topbtns{position:fixed !important;top:auto;left:auto;right:20px;bottom:20px;z-index:60;touch-action:none;cursor:grab;padding:6px;border-radius:16px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 12px 28px -12px rgba(0,0,0,.45)}
.hc-topbtns.arrastando{cursor:grabbing;opacity:.92}
@media (max-width:700px){.hc-topbtns{right:12px;bottom:12px;top:auto}}

/* botão "Filtros e ordenação" do tamanho do texto; ocupa a largura só quando aberto */
.hc .ct-filtros:not(.aberto) .ct-ftg{width:auto;display:inline-flex;border-radius:10px;padding:9px 14px}
.hc .ct-filtros:not(.aberto) .ct-ftg-on{margin-left:6px}

/* Overview + sino fixos de novo no canto superior direito da faixa do título */
.hc-topbtns{position:absolute !important;top:30px !important;right:var(--hc-pad,24px) !important;bottom:auto !important;left:auto !important;z-index:5;cursor:default;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;touch-action:auto}
@media (max-width:700px){.hc-topbtns{top:16px !important;right:12px !important}}

/* Overview ao lado do sino, em uma única linha */
.hc-topbtns{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:10px}
.hc-topbtns .hc-ov-btn,.hc-topbtns .hc-ov-btn.hc-ov-topo{white-space:nowrap !important;flex:none !important;width:auto !important;display:inline-flex !important;align-items:center;margin:0 !important}
.hc-topbtns .hc-bell{flex:none}

/* Overview semiquadrado, mesma altura e mesma linha do sino */
.hc-topbtns{align-items:stretch !important}
.hc-topbtns > *{position:static !important;transform:none !important;margin:0 !important;align-self:center !important}
.hc-topbtns .hc-ov-btn,.hc-topbtns .hc-ov-btn.hc-ov-topo{height:42px !important;padding:0 14px !important;border-radius:12px !important;box-sizing:border-box;line-height:1}
.hc-topbtns .hc-bell{height:42px;width:42px}
@media (max-width:700px){.hc-topbtns .hc-ov-btn,.hc-topbtns .hc-ov-btn.hc-ov-topo{height:38px !important;padding:0 12px !important}}

/* sino + Overview lado a lado, no visual da versão flutuante, fixos no canto superior direito da faixa do título */
.hc-topbtns{padding:6px !important;border-radius:16px !important;background:rgba(255,255,255,.55) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;box-shadow:0 12px 28px -12px rgba(0,0,0,.45) !important;gap:8px !important}

/* número de alertas sobre a ponta do sino */
.hc-topbtns > .hc-bell{position:relative !important;overflow:visible}
.hc-topbtns .hc-bell .hc-bell-n{position:absolute !important;top:-7px !important;right:-7px !important;z-index:2}

/* título alternando: PLANO DE AÇÃO -> Mapa de Atividades */
.hc-cover h1.hc-tit-alt{display:grid;grid-template-areas:"t";align-items:center;min-height:1.15em}
.hc-cover h1.hc-tit-alt span{grid-area:t;white-space:nowrap;animation:titAlt 8s ease-in-out infinite}
.hc-cover h1.hc-tit-alt .ta{letter-spacing:.04em}
.hc-cover h1.hc-tit-alt .tb{animation-delay:-4s}
@keyframes titAlt{0%{opacity:0;transform:translateY(10px)}6%,44%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.hc-cover h1.hc-tit-alt span{animation:none}.hc-cover h1.hc-tit-alt .tb{display:none}}
@media (max-width:560px){.hc-cover h1.hc-tit-alt span{white-space:normal}}

/* caixinha de etapas abaixo do Overview + sino (mesma largura) */
.hc .hc-topbtns.has-fases{display:grid !important;grid-template-columns:auto auto;row-gap:8px !important;column-gap:8px}
.hc .hc-topbtns.has-fases > .hc-fases{grid-column:1/-1;align-self:stretch !important;position:relative !important;display:grid;grid-template-areas:"f";place-items:center;height:30px;width:0;min-width:100%;box-sizing:border-box;border-radius:10px;background:linear-gradient(180deg,#f4f5f7,#e3e5e9);border:1px solid #d2d5db;overflow:hidden}
.hc-fases span{grid-area:f;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#3a3f47;opacity:0;animation:faseAlt 15s ease-in-out infinite}
.hc-fases span b{font-size:11px;font-weight:800;color:#8a8f98}
@keyframes faseAlt{0%{opacity:0;transform:translateY(8px)}3%,14%{opacity:1;transform:translateY(0)}17%,100%{opacity:0;transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.hc-fases span{animation:none}.hc-fases span:first-child{opacity:1}}
@media (max-width:700px){.hc .hc-topbtns.has-fases > .hc-fases{height:26px}.hc-fases span{font-size:11.5px}}


/* painel principal da tela inicial: recolhido na lateral esquerda com setinha */
.hc .in-capa{min-height:240px}
.hc .in-capa > .in-lat-tg{position:relative;z-index:2;flex:none;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:30px;margin-right:12px;padding:12px 0;border:0;border-radius:12px;background:linear-gradient(180deg,#2a2f36 0%,#4a525d 100%);color:#fff;cursor:pointer;box-shadow:0 10px 24px -14px rgba(0,0,0,.6);font:inherit}
.hc .in-capa > .in-lat-tg:hover{background:linear-gradient(180deg,#353b43 0%,#5a636f 100%)}
.hc .in-capa > .in-lat-tg:focus-visible{outline:2px solid #c7ccd3;outline-offset:2px}
.hc .in-capa > .in-lat-tg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.hc .in-capa > .in-lat-tg .lb{display:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.hc .in-capa.lat-fechado{justify-content:flex-start !important}
.hc .in-capa.lat-fechado > .in-lat-tg{width:46px;border-radius:14px;padding:18px 0}
.hc .in-capa.lat-fechado > .in-lat-tg .lb{display:block}
.hc .in-capa:not(.lat-fechado) > .in-lat-tg svg{transform:rotate(180deg)}
.hc .in-capa.lat-fechado > .in-proj{display:none !important}
.hc .in-capa:not(.lat-fechado) > .in-proj{animation:latIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes latIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
@media (max-width:760px){.hc .in-capa > .in-lat-tg{flex-direction:row;width:auto;margin:0 0 10px;padding:10px 14px}.hc .in-capa > .in-lat-tg .lb{writing-mode:horizontal-tb;transform:none}.hc .in-capa.lat-fechado > .in-lat-tg{width:auto;padding:12px 16px}.hc .in-capa.lat-fechado > .in-lat-tg svg{transform:rotate(90deg)}.hc .in-capa:not(.lat-fechado) > .in-lat-tg svg{transform:rotate(-90deg)}}

/* setinha para recolher o título principal */
.hc .hc-cover > .hc-cov-tg{position:absolute;z-index:6;left:50%;bottom:6px;transform:translateX(-50%);width:44px;height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hc .hc-cover > .hc-cov-tg:hover{background:rgba(255,255,255,.26)}
.hc .hc-cover > .hc-cov-tg:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hc .hc-cover > .hc-cov-tg svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.hc .hc-cover.recolhido > .hc-cov-tg svg{transform:rotate(180deg)}
.hc .hc-cover.recolhido > .hc-cov-tg{left:calc(var(--hc-pad,24px) + 6px);bottom:auto;top:50%;transform:translateY(-50%)}
.hc .hc-cover.recolhido .hc-wrap{display:flex !important;justify-content:flex-end;align-items:center;padding-block:10px !important;min-height:0}
.hc .hc-cover.recolhido .hc-wrap > :not(.hc-topbtns){display:none !important}
.hc .hc-cover.recolhido .hc-topbtns{position:relative !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important}
.hc .hc-cover.recolhido .hc-topbtns.has-fases{grid-template-columns:auto auto auto}
.hc .hc-cover.recolhido .hc-topbtns.has-fases > .hc-fases{grid-column:auto;width:150px;min-width:0;height:42px;align-self:center !important}
@media (max-width:700px){.hc .hc-cover.recolhido .hc-topbtns.has-fases > .hc-fases{width:120px;height:38px}}

/* Overview + sino um pouco mais para cima */
.hc .hc-cover:not(.recolhido) .hc-topbtns{top:14px !important}
@media (max-width:700px){.hc .hc-cover:not(.recolhido) .hc-topbtns{top:8px !important}}

/* etiqueta PRIORIZAR */
.hc .ct-item.prio,.hc .ct-kcard.prio{position:relative;padding-bottom:34px !important}
.hc .ct-item.prio.rec,.hc .ct-kcard.prio.rec{padding-bottom:30px !important}
.hc .ct-prio{position:absolute;right:10px;bottom:8px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:7px;background:linear-gradient(135deg,#f7d046 0%,#f2b80c 100%);color:#3d2f00;font-size:10.5px;font-weight:800;letter-spacing:.08em;line-height:1.4;box-shadow:0 4px 10px -6px rgba(120,90,0,.7);pointer-events:none}
.hc .ct-prio::before{content:"";width:6px;height:6px;border-radius:50%;background:#3d2f00;opacity:.75}
.hc .ct-ctx{position:fixed;z-index:200;min-width:220px;padding:6px;border-radius:12px;background:var(--color-panel,#fff);color:var(--color-fg,#1f2329);border:1px solid var(--color-border-line,#dfe2e6);box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}
.hc .ct-ctx[hidden]{display:none}
.hc .ct-ctx-h{padding:4px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted,#5b636e)}
.hc .ct-ctx button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}
.hc .ct-ctx button:hover,.hc .ct-ctx button:focus-visible{background:rgba(242,184,12,.18);outline:none}
.hc .ct-ctx button[disabled]{opacity:.5;cursor:not-allowed}
.hc .ct-ctx-dot{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,#f7d046,#f2b80c);flex:none}
.hc .ct-ctx-dot.off{background:none;border:2px solid #b9bec6}
.hc .ct-ctx-n{margin:4px 10px 4px;font-size:11.5px;color:var(--color-fg-muted,#5b636e)}
.hc .al-g.prio .al-gh{background:linear-gradient(135deg,#f7d046 0%,#f2b80c 100%) !important;color:#3d2f00 !important}
.hc .al-g.prio .al-gh span{background:rgba(61,47,0,.15) !important;color:#3d2f00 !important}
.hc .al-dias.al-prio{background:#fdf2c4 !important;color:#6b5200 !important;border-color:#f2b80c !important}
.hc .ov-prio{margin-top:12px;border:1px solid #f2d36b;border-radius:12px;overflow:hidden;background:#fffbea}
.hc .ov-prio-h{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#f7d046 0%,#f2b80c 100%);color:#3d2f00;font-size:13px}
.hc .ov-prio-h span{font-size:12px;font-weight:700}
.hc .ov-prio ul{list-style:none;margin:0;padding:6px 10px}
.hc .ov-prio li{display:flex;gap:10px;align-items:flex-start;padding:7px 2px;border-bottom:1px dashed #efdc96;font-size:13px;color:#2b2f36}
.hc .ov-prio li:last-child{border-bottom:0}
.hc .ov-prio-tag{flex:none;margin-top:2px;padding:2px 7px;border-radius:6px;background:#f2b80c;color:#3d2f00;font-size:9.5px;font-weight:800;letter-spacing:.08em}
.hc .ov-prio-tx small{display:block;font-size:11px;color:#6b717c}
.hc .ov-prio-v{margin:0;padding:10px 12px;font-size:12.5px;color:#6b5200}
@media (prefers-color-scheme:dark){.hc .ov-prio{background:#2a2510;border-color:#6b5a1a}.hc .ov-prio li{color:#eceef1;border-color:#4a3f14}.hc .ov-prio-v{color:#e8cf72}}

/* segundo registro no mesmo dia (ex.: voluntária após o presencial) */
.hc .jr-cal-d .jr-ev-extra{display:block;margin-top:3px;padding:1px 6px;border-radius:5px;font-size:10.5px;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc .jr-cal-d .jr-ev-extra.vol{background:linear-gradient(135deg,#2a2f36 0%,#4e5157 60%,#3b6fd1 100%);color:#fff}
.hc .jr-pd-sep{border:0;border-top:1px dashed var(--color-border-line,#dfe2e6);margin:14px 0}