/* Lance · Início (7 portas), Notificações, Preferências, Tarefas. Prefixos: .ini- .nt- .pf- .tf- */

/* ---------- cabeçalho: porta do tipo ---------- */
.ini-porta { display: inline-flex; align-items: center; gap: 6px; font-size: .74rem; font-weight: 650; color: var(--cor); background: color-mix(in srgb, var(--cor) 11%, transparent); border-radius: 999px; padding: 2px 10px 2px 8px; }
html[data-bs-theme="dark"] .ini-porta { color: color-mix(in srgb, var(--cor) 55%, #fff); background: color-mix(in srgb, var(--cor) 22%, transparent); }
.ini-porta .ic { font-size: .85rem; }
.ini-data { font-size: .74rem; color: var(--texto-2); margin-left: 8px; text-transform: capitalize; }
.ini .pagina-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }

/* ---------- grade da primeira dobra ---------- */
.ini-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 14px; margin-bottom: 14px; align-items: stretch; }
.ini-hero > .card { margin: 0; }
.ini-coluna { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ini-coluna > .card { margin: 0; }
.ini .grade > .card, .ini > .card, .ini .card + .card { margin-bottom: 0; }
.ini > .card, .ini .ini-faixa, .ini .ini-esteira, .ini .ini-tiles, .ini .ini-atalhos { margin-bottom: 14px; }

/* ---------- Próximo lance ---------- */
.ini-lance { display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border-color: color-mix(in srgb, var(--acento) 28%, var(--borda)); background: radial-gradient(520px 220px at 0% 0%, rgba(var(--acento-rgb), .10), transparent 70%), var(--superficie); }
.ini-lance.alerta { border-color: color-mix(in srgb, var(--atencao) 40%, var(--borda)); background: radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--atencao) 12%, transparent), transparent 70%), var(--superficie); }
.ini-lance.ok { border-color: color-mix(in srgb, var(--positivo) 35%, var(--borda)); background: radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--positivo) 10%, transparent), transparent 70%), var(--superficie); }
.ini-lance-corpo { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px 10px; }
.ini-lance-ic { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; flex: none; background: var(--acento); color: #fff; font-size: 1.45rem; box-shadow: 0 10px 22px -12px rgba(var(--acento-rgb), .9); }
.ini-lance.alerta .ini-lance-ic { background: var(--atencao); box-shadow: 0 10px 22px -12px var(--atencao); }
.ini-lance.ok .ini-lance-ic { background: var(--positivo); box-shadow: 0 10px 22px -12px var(--positivo); }
.ini-lance-txt { flex: 1; min-width: 0; }
.ini-lance-rot { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--acento); display: flex; align-items: center; gap: 5px; }
html[data-bs-theme="dark"] .ini-lance-rot { color: color-mix(in srgb, var(--acento) 60%, #fff); }
.ini-lance-verbo { font-size: 1.38rem; line-height: 1.18; letter-spacing: -.025em; color: var(--titulo); margin: 4px 0 2px; font-weight: 700; overflow-wrap: anywhere; }
.ini-lance-porque { font-size: .8rem; color: var(--texto-2); margin: 0 0 10px; }
.ini-lance-ix { flex: none; }
.ini-lance-pe { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 20px 16px; border-top: 1px dashed var(--borda-suave); }
.ini-lance-acoes { display: flex; gap: 8px; margin-left: auto; align-items: center; }
.ini-lance-acoes .btn-primary { padding-left: 16px; padding-right: 18px; }
.ini-conta { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; min-width: 0; flex: 1; }
.ini-conta .tag + .tag { margin-left: 0; }
.ini-conta .tag .av { width: 16px; height: 16px; font-size: .45rem; border-radius: 4px; }
.ini-conta-rot { font-size: .64rem; font-weight: 650; color: var(--texto-2); text-transform: uppercase; letter-spacing: .07em; display: inline-flex; align-items: center; gap: 4px; margin-right: 2px; }
.ini-quem { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; border: 1px solid var(--borda); background: var(--superficie); border-radius: 999px; padding: 3px 10px 3px 3px; font-size: .76rem; color: var(--texto); min-width: 0; transition: border-color .12s, box-shadow .12s; }
.ini-quem:hover { border-color: var(--acento); box-shadow: 0 0 0 3px var(--primaria-suave); }
.ini-quem .av { border-radius: 999px; }
.ini-quem b { color: var(--titulo); font-weight: 650; white-space: nowrap; }
.ini-quem-emp { color: var(--texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ini-quem .chip-fase { flex: none; }

/* ---------- anéis de meta ---------- */
.ini-metas { display: grid; gap: 8px; align-items: start; }
.ini-metas-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ini-metas-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ini-meta { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; min-width: 0; }
.ini-meta > b { font-size: .72rem; font-weight: 650; color: var(--titulo); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.ini-meta > b .ic { color: var(--texto-2); }
.ini-meta-spark { font-size: .66rem; line-height: 1; min-height: 16px; display: block; }
.ini-hero .card-body:has(.ini-metas) { display: flex; align-items: center; justify-content: center; height: calc(100% - 44px); }
.ini-hero .card-body .ini-metas { width: 100%; }
.ini-faixa { display: grid; grid-template-columns: minmax(0, 3fr) minmax(200px, 1fr); gap: 18px; align-items: center; padding: 14px 18px; }
.ini-wip { border-left: 1px solid var(--borda-suave); padding-left: 18px; display: flex; flex-direction: column; gap: 8px; }
.ini-wip-cab { display: flex; justify-content: space-between; align-items: baseline; font-size: .74rem; font-weight: 650; color: var(--titulo); }
.ini-wip-cab span { display: inline-flex; gap: 5px; align-items: center; }
.ini-wip-cab b { font-size: 1.5rem; letter-spacing: -.03em; }
.ini-wip-cab small { font-size: .78rem; color: var(--texto-2); font-weight: 600; }
.ini-wip small { font-size: .68rem; }
.ini .barra.grossa { height: 10px; }

/* ---------- listas compactas ---------- */
.ini-lista { display: flex; flex-direction: column; gap: 2px; }
.ini-linha { display: flex; align-items: center; gap: 10px; padding: 7px 6px; border-radius: 9px; width: 100%; text-align: left; border: 0; background: none; color: var(--texto); font-size: .78rem; min-width: 0; }
button.ini-linha:hover, .ini-linha:has(> button:hover) { background: var(--superficie-2); }
.ini-linha > .ic:last-child { color: var(--texto-suave); flex: none; }
.ini-linha-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.ini-linha-txt b { color: var(--titulo); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-linha-txt small { color: var(--texto-2); font-size: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 6px; }
.ini-valor { font-size: .78rem; color: var(--titulo); white-space: nowrap; }
.ini-hora { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 50px; padding: 4px 6px; border-radius: 9px; background: var(--superficie-2); line-height: 1.1; flex: none; }
.ini-hora b { font-size: .82rem; color: var(--titulo); }
.ini-hora small { font-size: .6rem; color: var(--texto-2); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.ini-hora.hoje { background: var(--primaria-suave); }
.ini-hora.hoje b { color: var(--acento); }
html[data-bs-theme="dark"] .ini-hora.hoje b { color: color-mix(in srgb, var(--acento) 55%, #fff); }
.ini-data-tile { display: flex; flex-direction: column; align-items: center; width: 44px; border-radius: 10px; border: 1px solid var(--borda); overflow: hidden; flex: none; line-height: 1.1; }
.ini-data-tile b { font-size: 1.05rem; color: var(--titulo); padding: 4px 0 1px; }
.ini-data-tile small { width: 100%; text-align: center; background: var(--acento); color: #fff; font-size: .58rem; font-weight: 700; text-transform: uppercase; padding: 1px 0 2px; }
.ini-pe-mudo { font-size: .68rem; color: var(--texto-2); margin: 10px 0 0; display: flex; align-items: center; gap: 5px; }
.ini-mini-rot { font-size: .6rem; font-weight: 700; color: var(--texto-2); text-transform: uppercase; letter-spacing: .08em; margin: 10px 0 5px; }
.ini-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.ini-chips .tag + .tag { margin-left: 0; }
.ini-chips-c { justify-content: center; margin-top: 10px; }
.ini-pt { width: 8px; height: 8px; border-radius: 2px; display: inline-block; margin-right: 6px; flex: none; }
.ini-prev-topo { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
.ini-prev-topo b { font-size: 1.7rem; letter-spacing: -.03em; color: var(--titulo); font-weight: 700; }
.ini-prev-topo small { font-size: .72rem; color: var(--texto-2); }

/* ---------- LDR: esteira ---------- */
.ini-est { display: grid; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr) 18px minmax(0, 1fr); gap: 6px; align-items: stretch; }
.ini-est-seta { display: grid; place-items: center; color: var(--texto-suave); font-size: 1rem; }
.ini-est-col { background: var(--superficie-2); border: 1px solid var(--borda-suave); border-top: 3px solid var(--cor); border-radius: 12px; padding: 10px 8px 8px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ini-est-col header { display: flex; align-items: center; gap: 7px; padding: 0 4px; }
.ini-est-ic { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--cor) 15%, transparent); color: var(--cor); flex: none; }
html[data-bs-theme="dark"] .ini-est-ic { color: color-mix(in srgb, var(--cor) 60%, #fff); }
.ini-est-col header b { font-size: .78rem; color: var(--titulo); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-est-n { margin-left: auto; font-size: 1.45rem; font-weight: 750; color: var(--titulo); letter-spacing: -.03em; line-height: 1; }
.ini-est-lista { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.ini-mini { display: flex; align-items: center; gap: 7px; border: 1px solid var(--borda); background: var(--superficie); border-radius: 9px; padding: 5px 7px; width: 100%; text-align: left; min-width: 0; box-shadow: var(--sombra-xs); transition: border-color .12s, transform .12s; }
.ini-mini:hover { border-color: var(--borda-forte); transform: translateY(-1px); }
.ini-mini-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.ini-mini-txt b { font-size: .72rem; color: var(--titulo); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-mini-barra .barra { height: 4px; overflow: visible; }
.ini-mini-barra .barra .marca { top: -2px; bottom: -2px; width: 1.5px; }
.ini-selo { width: 18px; height: 18px; border-radius: 6px; display: grid; place-items: center; font-size: .7rem; flex: none; }
.ini-selo.ouro { color: var(--ouro); background: color-mix(in srgb, var(--ouro) 15%, transparent); }
.ini-selo.neg { color: var(--negativo-texto); background: var(--negativo-suave); }
.ini-est-vazio { font-size: .7rem; color: var(--texto-suave); display: flex; gap: 6px; align-items: center; justify-content: center; padding: 14px 0; border: 1px dashed var(--borda); border-radius: 9px; }
.ini-est-mais { font-size: .7rem; font-weight: 650; color: var(--texto-2); background: none; border: 0; padding: 2px; text-align: center; }
.ini-est-mais:hover { color: var(--acento); }
.ini-est-entregar { width: 100%; }
.ini-est-bdrs { display: flex; justify-content: space-around; gap: 6px; padding: 6px 0; }
.ini-est-bdr { display: flex; flex-direction: column; align-items: center; gap: 3px; position: relative; }
.ini-est-bdr .av { border-radius: 999px; }
.ini-est-bdr > b { position: absolute; top: -4px; right: -6px; min-width: 20px; height: 20px; border-radius: 99px; background: var(--positivo); color: #fff; font-size: .68rem; display: grid; place-items: center; padding: 0 5px; border: 2px solid var(--superficie-2); }
.ini-est-bdr small { font-size: .68rem; color: var(--texto-2); font-weight: 600; }
.ini-est-bdr.voou .av { animation: ini-pulo .7s cubic-bezier(.2,.9,.3,1.4) 2; }
.ini-est-bdr.voou > b { animation: ini-pop .5s ease 2; }
@keyframes ini-pulo { 0%, 100% { transform: translateY(0) } 40% { transform: translateY(-8px) scale(1.08) } }
@keyframes ini-pop { 0%, 100% { transform: scale(1) } 50% { transform: scale(1.35) } }
.ini-est-pilha { justify-content: center; display: flex; }

/* ---------- BDR: fila, relógio, cronômetro ---------- */
.ini-fila { list-style: none; margin: 0; padding: 6px; display: flex; flex-direction: column; gap: 2px; }
.ini-fila-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; cursor: pointer; border: 1px solid transparent; min-width: 0; }
.ini-fila-item:hover { background: var(--superficie-2); }
.ini-fila-item.sel { background: rgba(var(--acento-rgb), .06); border-color: color-mix(in srgb, var(--acento) 30%, transparent); }
.ini-fila-item:focus-visible { outline: 2px solid var(--acento); outline-offset: 0; }
.ini-fila-pos { width: 18px; text-align: center; font-size: .7rem; font-weight: 700; color: var(--texto-suave); flex: none; }
.ini-fila-item.sel .ini-fila-pos { color: var(--acento); }
.ini-fila-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.ini-fila-txt b { font-size: .8rem; color: var(--titulo); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-fila-txt small { font-size: .7rem; color: var(--texto-2); display: flex; gap: 5px; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-fila-txt small .ic { flex: none; color: var(--acento); }
.ini-fila-sp { flex: none; }
.ini-fila-ix { width: 54px; flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.ini-fila-ix b { font-size: .86rem; color: var(--titulo); }
.ini-fila-ix i { display: block; height: 4px; border-radius: 99px; background: var(--acento); max-width: 100%; }
.ini-relogio { border-color: color-mix(in srgb, var(--cor) 30%, var(--borda)); }
.ini-relogio .card-body { display: flex; flex-direction: column; gap: 12px; }
.ini-rel-num { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ini-rel-num span { display: flex; flex-direction: column; align-items: center; background: var(--superficie-2); border-radius: 12px; padding: 8px 4px 6px; border: 1px solid var(--borda-suave); }
.ini-rel-num span:first-child { background: color-mix(in srgb, var(--cor) 12%, var(--superficie)); border-color: color-mix(in srgb, var(--cor) 30%, transparent); }
.ini-rel-num b { font-size: 1.9rem; font-weight: 750; letter-spacing: -.04em; color: var(--titulo); line-height: 1.05; }
.ini-rel-num small { font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; color: var(--texto-2); font-weight: 650; }
.ini-rel-prox { display: flex; gap: 4px; flex-wrap: wrap; }
.ini-rel-prox .tag { cursor: pointer; margin: 0; }
.ini-cron { font-size: .8rem; font-weight: 700; color: var(--atencao-texto); background: var(--atencao-suave); border-radius: 7px; padding: 2px 7px; flex: none; }
.ini-cron.estourou { color: var(--negativo-texto); background: var(--negativo-suave); animation: ini-pisca 1.6s ease-in-out infinite; }
@keyframes ini-pisca { 50% { opacity: .55 } }

/* ---------- linha do dia ---------- */
.ini-dia-rolagem { overflow-x: auto; margin: 0 -4px; padding: 0 4px; }
.ini-dia { position: relative; min-width: 620px; padding-top: 4px; }
.ini-dia-faixa { position: relative; height: calc(var(--linhas, 1) * 30px + 16px); background: repeating-linear-gradient(90deg, var(--borda-suave) 0 1px, transparent 1px calc(100% / 10)); border-radius: 10px; }
.ini-bloco { position: absolute; top: 8px; height: 26px; border-radius: 8px; border: 1px solid color-mix(in srgb, var(--cor, var(--acento)) 40%, transparent); background: color-mix(in srgb, var(--cor, var(--acento)) 13%, var(--superficie)); color: var(--titulo); font-size: .7rem; font-weight: 650; display: flex; align-items: center; gap: 5px; padding: 0 8px; overflow: hidden; white-space: nowrap; text-align: left; transition: transform .12s, box-shadow .12s; }
.ini-bloco:hover { transform: translateY(-1px); box-shadow: var(--sombra-card); z-index: 2; }
.ini-bloco-ic { color: var(--cor, var(--acento)); display: inline-flex; flex: none; }
html[data-bs-theme="dark"] .ini-bloco-ic { color: color-mix(in srgb, var(--cor, var(--acento)) 60%, #fff); }
.ini-bloco-rot { overflow: hidden; text-overflow: ellipsis; }
.ini-bloco.passou { opacity: .55; background: var(--superficie-2); border-color: var(--borda); }
.ini-bloco.passou .ini-bloco-ic { color: var(--positivo); }
.ini-bloco.atual { background: var(--cor, var(--acento)); color: #fff; border-color: transparent; box-shadow: 0 8px 18px -10px var(--cor, var(--acento)); }
.ini-bloco.atual .ini-bloco-ic { color: #fff; }
.ini-dia-horas { position: relative; height: 18px; margin-top: 4px; }
.ini-dia-horas span { position: absolute; transform: translateX(-50%); font-size: .62rem; color: var(--texto-2); font-variant-numeric: tabular-nums; }
.ini-dia-horas span:first-child { transform: none; } .ini-dia-horas span:last-child { transform: translateX(-100%); }
.ini-agora { position: absolute; top: -2px; bottom: -2px; width: 0; z-index: 3; pointer-events: auto; }
.ini-agora i { position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: var(--negativo); border-radius: 2px; }
.ini-agora i::before { content: ''; position: absolute; top: -3px; left: -3px; width: 8px; height: 8px; border-radius: 99px; background: var(--negativo); }
.ini-agora small { position: absolute; bottom: calc(100% + 1px); left: 4px; font-size: .58rem; font-weight: 700; color: var(--negativo-texto); text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.ini-agora.fim small { left: auto; right: 6px; }
.ini-dia:has(.ini-agora) { padding-top: 14px; }
.ini-sem-reuniao { display: flex; gap: 10px; align-items: center; font-size: .8rem; color: var(--texto-2); padding: 6px 2px; }
.ini-sem-reuniao b { color: var(--titulo); }

/* ---------- Closer ---------- */
.ini-reuniao-corpo { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; align-items: center; }
.ini-reuniao-radar { position: relative; }
.ini-reuniao-nota { position: absolute; right: 0; top: 0; display: flex; flex-direction: column; align-items: flex-end; line-height: 1; }
.ini-reuniao-nota b { font-size: 1.15rem; color: var(--titulo); }
.ini-reuniao-nota small { font-size: .58rem; color: var(--texto-2); font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }
.ini-reuniao-info { min-width: 0; }
.ini-reuniao-info .ini-mini-rot:first-of-type { margin-top: 12px; }
.ini-reuniao-acoes { display: flex; gap: 8px; align-items: center; margin-top: 12px; flex-wrap: wrap; }
.ini-sql-acoes { display: flex; gap: 4px; flex: none; }
.ini-sql .ini-linha-txt small .av { width: 18px; height: 18px; font-size: .48rem; border-radius: 5px; }
.ini-chance { width: 62px; display: flex; flex-direction: column; gap: 3px; align-items: flex-end; flex: none; }
.ini-chance b { font-size: .76rem; color: var(--titulo); }
.ini-chance .barra { width: 100%; }
.ini-cenarios { display: flex; flex-direction: column; gap: 10px; }
.ini-cen { display: grid; grid-template-columns: 86px minmax(0, 1fr) 72px; gap: 10px; align-items: center; font-size: .74rem; }
.ini-cen span { color: var(--texto-2); font-weight: 600; }
.ini-cen b { text-align: right; color: var(--titulo); font-size: .8rem; }
.ini-cen .barra { overflow: visible; }
.ini-cen .barra > i { border-radius: 99px; }
.ini-cen .barra .marca { top: -5px; bottom: -5px; width: 2px; }
.ini-cenarios.grande { gap: 16px; padding-top: 4px; }
.ini-cenarios.grande .ini-cen { grid-template-columns: 1fr auto; grid-template-areas: "r v" "b b"; gap: 6px 10px; }
.ini-cenarios.grande .ini-cen span { grid-area: r; } .ini-cenarios.grande .ini-cen b { grid-area: v; font-size: .95rem; } .ini-cenarios.grande .ini-cen .barra { grid-area: b; }

/* ---------- Ops ---------- */
.ini-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.ini-tile { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; text-align: left; background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; padding: 10px 12px; box-shadow: var(--sombra-xs); transition: transform .12s, box-shadow .12s, border-color .12s; min-width: 0; }
.ini-tile:hover { transform: translateY(-2px); box-shadow: var(--sombra-card); border-color: var(--borda-forte); }
.ini-tile-ic { grid-row: span 2; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font-size: 1rem; background: var(--superficie-3); color: var(--texto-2); }
.ini-tile b { font-size: 1.35rem; font-weight: 750; color: var(--titulo); line-height: 1.05; letter-spacing: -.03em; }
.ini-tile small { font-size: .66rem; color: var(--texto-2); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ini-tile.atn { border-color: color-mix(in srgb, var(--atencao) 40%, var(--borda)); }
.ini-tile.atn .ini-tile-ic { background: var(--atencao-suave); color: var(--atencao-texto); }
.ini-tile.neg { border-color: color-mix(in srgb, var(--negativo) 40%, var(--borda)); background: color-mix(in srgb, var(--negativo) 4%, var(--superficie)); }
.ini-tile.neg .ini-tile-ic { background: var(--negativo-suave); color: var(--negativo-texto); }
.ini-tile.ok b { color: var(--texto-suave); }
.ini-tile.ok .ini-tile-ic { background: var(--positivo-suave); color: var(--positivo-texto); }
.ini-qual { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.ini-hero .card-body:has(.ini-qual) { display: grid; grid-template-columns: minmax(150px, 190px) minmax(0, 1fr); gap: 18px; align-items: center; }
.ini-qual-comp { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; margin-top: 6px; }
.ini-qual-comp span { font-size: .62rem; color: var(--texto-2); font-weight: 600; display: flex; flex-direction: column; gap: 2px; white-space: nowrap; }
.ini-qual-comp i { display: block; height: 4px; border-radius: 99px; background: linear-gradient(90deg, var(--acento) var(--v), var(--superficie-3) var(--v)); }
.ini-qual-pessoas .barras-h { gap: 8px !important; }
.ini-qual-pessoas .av { width: 18px; height: 18px; font-size: .48rem; border-radius: 5px; vertical-align: -4px; margin-right: 2px; }
.ini .mapa-calor .cel { min-height: 30px; cursor: pointer; }
.ini .mapa-calor .rot { font-size: .7rem; }

/* ---------- Sócio ---------- */
.ini-meta-mes { padding-top: 2px; }
.ini-precisa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ini-precisa-item { display: flex; align-items: center; gap: 10px; border: 1px solid var(--borda); border-left: 3px solid var(--info); background: var(--superficie); border-radius: 10px; padding: 9px 12px; text-align: left; min-width: 0; transition: border-color .12s, box-shadow .12s, transform .12s; font-size: .78rem; }
.ini-precisa-item:hover { box-shadow: var(--sombra-card); transform: translateY(-1px); }
.ini-precisa-item.atn { border-left-color: var(--atencao); } .ini-precisa-item.neg { border-left-color: var(--negativo); }
.ini-precisa-ic { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex: none; background: var(--info-suave); color: var(--info-texto); }
.ini-precisa-item.atn .ini-precisa-ic { background: var(--atencao-suave); color: var(--atencao-texto); }
.ini-precisa-item.neg .ini-precisa-ic { background: var(--negativo-suave); color: var(--negativo-texto); }
.ini-podio { display: flex; align-items: flex-end; justify-content: center; gap: 8px; margin-bottom: 8px; }
.ini-podio-p { display: flex; flex-direction: column; align-items: center; gap: 3px; flex: 1; max-width: 110px; position: relative; }
.ini-podio-p > b { font-size: .74rem; color: var(--titulo); }
.ini-podio-p > small { font-size: .68rem; color: var(--texto-2); font-weight: 650; }
.ini-podio-p > i { width: 100%; border-radius: 10px 10px 4px 4px; display: grid; place-items: center; font-style: normal; font-weight: 800; color: var(--texto-2); background: var(--superficie-3); font-size: .9rem; }
.ini-podio-p.p1 > i { height: 58px; background: color-mix(in srgb, var(--ouro) 30%, var(--superficie-2)); color: var(--titulo); }
.ini-podio-p.p2 > i { height: 40px; } .ini-podio-p.p3 > i { height: 28px; }
.ini-coroa { color: var(--ouro); font-size: 1.1rem; margin-bottom: -2px; }
.ini-rank-l { display: flex; align-items: center; gap: 8px; font-size: .74rem; padding: 5px 4px; border-top: 1px solid var(--borda-suave); }
.ini-rank-l > span { width: 14px; color: var(--texto-suave); font-weight: 700; }
.ini-rank-l b { flex: 1; color: var(--titulo); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-rank-l small { color: var(--texto-2); font-weight: 650; }
.ini .card-header .legenda { font-size: .66rem; gap: 4px 10px; font-weight: 500; }

/* ---------- CS ---------- */
.ini-novos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.ini-novo { display: flex; gap: 12px; align-items: center; border: 1px solid var(--borda); border-radius: 12px; padding: 10px 12px; background: var(--superficie); min-width: 0; }
.ini-novo-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ini-novo-txt b { font-size: .8rem; color: var(--titulo); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-novo-txt small { font-size: .7rem; color: var(--texto-2); }
.ini-novo-txt small .atn { color: var(--atencao-texto); font-weight: 700; } .ini-novo-txt small .neg { color: var(--negativo-texto); font-weight: 700; }
.ini-passos { display: flex; gap: 3px; margin-top: 4px; }
.ini-passos button { flex: 1; height: 8px; border-radius: 4px; border: 0; padding: 0; background: var(--superficie-3); cursor: pointer; transition: background .15s, transform .12s; min-width: 10px; }
.ini-passos button:hover:not(:disabled) { transform: scaleY(1.4); }
.ini-passos button.on { background: var(--positivo); }
.ini-passos button:disabled { cursor: default; }
.ini-avs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.ini-av-s { border-radius: 999px; padding: 2px; box-shadow: 0 0 0 2px var(--positivo); display: inline-flex; }
.ini-av-s.atencao { box-shadow: 0 0 0 2px var(--atencao); } .ini-av-s.risco { box-shadow: 0 0 0 2px var(--negativo); }
.ini-av-s .av { width: 26px; height: 26px; }
.ini .barras-h .av { width: 18px; height: 18px; font-size: .48rem; border-radius: 5px; vertical-align: -4px; margin-right: 2px; }

/* ---------- Admin ---------- */
.ini-cob { display: flex; align-items: center; gap: 18px; justify-content: center; flex-wrap: wrap; }
.ini-cob-leg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; font-size: .74rem; }
.ini-cob-leg span { display: flex; align-items: center; gap: 6px; color: var(--texto); }
.ini-cob-leg i { width: 9px; height: 9px; border-radius: 3px; }
.ini-cob-leg b { margin-left: auto; color: var(--titulo); padding-left: 8px; }
.ini-cob-leg .zero { color: var(--negativo-texto); }
.ini-ints { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.ini-int { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; text-align: left; border: 1px solid var(--borda); border-radius: 10px; padding: 7px 10px; background: var(--superficie); min-width: 0; transition: border-color .12s; }
.ini-int:hover { border-color: var(--borda-forte); }
.ini-int i { grid-row: span 2; width: 9px; height: 9px; border-radius: 99px; }
.ini-int.ok i { box-shadow: 0 0 0 3px color-mix(in srgb, var(--positivo) 20%, transparent); }
.ini-int.atencao { border-color: color-mix(in srgb, var(--atencao) 45%, var(--borda)); }
.ini-int.atencao i { box-shadow: 0 0 0 3px color-mix(in srgb, var(--atencao) 25%, transparent); animation: ini-pisca 1.6s infinite; }
.ini-int b { font-size: .76rem; color: var(--titulo); font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ini-int small { font-size: .64rem; color: var(--texto-2); }
.ini-int.off b { color: var(--texto-2); }
.ini-tempo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ini-tempo li { display: flex; gap: 10px; align-items: flex-start; padding: 7px 0; position: relative; }
.ini-tempo li + li::before { content: ''; position: absolute; left: 11px; top: -8px; height: 14px; width: 2px; background: var(--borda); }
.ini-tempo li span { display: flex; flex-direction: column; min-width: 0; font-size: .76rem; line-height: 1.3; }
.ini-tempo li b { color: var(--titulo); font-weight: 550; }
.ini-tempo li small { color: var(--texto-2); font-size: .68rem; }
.ini-atalhos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.ini-atalho { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; border: 1px solid var(--borda); background: var(--superficie); border-radius: 12px; padding: 12px 14px; text-align: left; box-shadow: var(--sombra-xs); transition: transform .12s, box-shadow .12s, border-color .12s; min-width: 0; }
.ini-atalho:hover { transform: translateY(-2px); box-shadow: var(--sombra-card); border-color: var(--acento); }
.ini-atalho-ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--primaria-suave); color: var(--acento); font-size: 1rem; margin-bottom: 4px; }
html[data-bs-theme="dark"] .ini-atalho-ic { color: color-mix(in srgb, var(--acento) 55%, #fff); }
.ini-atalho b { font-size: .8rem; color: var(--titulo); }
.ini-atalho small { font-size: .68rem; color: var(--texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

/* ---------- responsivo ---------- */
@media (max-width: 1180px) {
  .ini-lance-verbo { font-size: 1.25rem; }
  .ini-tiles { gap: 8px; }
  .ini-tile { padding: 9px 10px; column-gap: 8px; }
  .ini-tile-ic { width: 30px; height: 30px; }
  .ini-g-closer, .ini-g-socio { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ini-g-closer > :last-child { grid-column: 1 / -1; }
  .ini-reuniao-corpo { grid-template-columns: 150px minmax(0, 1fr); }
}
@media (max-width: 991px) {
  .ini-hero { grid-template-columns: minmax(0, 1fr); }
  .ini-tiles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ini-atalhos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .ini-lance-corpo { padding: 14px 14px 8px; gap: 12px; }
  .ini-lance-ic { width: 42px; height: 42px; font-size: 1.2rem; border-radius: 12px; }
  .ini-lance-verbo { font-size: 1.12rem; }
  .ini-lance-pe { padding: 8px 14px 14px; }
  .ini-lance-acoes { width: 100%; }
  .ini-lance-acoes .btn-primary { flex: 1; justify-content: center; }
  .ini-quem .chip-fase { display: none; }
  .ini-metas-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 14px; }
  .ini-faixa { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .ini-wip { border-left: 0; padding-left: 0; border-top: 1px solid var(--borda-suave); padding-top: 12px; }
  .ini-est { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ini-est-seta { display: none; }
  .ini-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ini-hero .card-body:has(.ini-qual) { grid-template-columns: minmax(0, 1fr); }
  .ini-g-closer, .ini-g-socio { grid-template-columns: minmax(0, 1fr); }
  .ini-g-socio .span2 { grid-column: auto; }
  .ini-precisa { grid-template-columns: minmax(0, 1fr); }
  .ini-reuniao-corpo { grid-template-columns: minmax(0, 1fr); }
  .ini-reuniao-radar { max-width: 200px; margin: 0 auto; }
  .ini-atalhos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ini-rel-num b { font-size: 1.55rem; }
  .ini-data { display: none; }
}

/* =====================================================================================
   Notificações (.nt-)
   ===================================================================================== */
.nt-filtros { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.nt-resumo { margin-left: auto; display: flex; gap: 6px; align-items: center; }
.nt-lista { padding: 0; }
.nt-item { display: flex; gap: 12px; align-items: center; padding: 11px 18px; border-bottom: 1px solid var(--borda-suave); position: relative; transition: background .12s; cursor: pointer; }
.nt-item:last-child { border-bottom: 0; }
.nt-item:hover { background: var(--superficie-2); }
.nt-item.lida { opacity: .62; }
.nt-item.lida:hover { opacity: .9; }
.nt-ic { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; flex: none; color: var(--cor); background: color-mix(in srgb, var(--cor) 13%, transparent); font-size: 1rem; }
html[data-bs-theme="dark"] .nt-ic { color: color-mix(in srgb, var(--cor) 60%, #fff); background: color-mix(in srgb, var(--cor) 22%, transparent); }
.nt-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; text-align: left; background: none; border: 0; padding: 0; color: inherit; }
.nt-txt b { font-size: .82rem; color: var(--titulo); font-weight: 600; }
.nt-item:not(.lida) .nt-txt b { font-weight: 700; }
.nt-txt small { font-size: .7rem; color: var(--texto-2); display: flex; gap: 6px; align-items: center; }
.nt-ponto { width: 8px; height: 8px; border-radius: 99px; background: var(--acento); flex: none; }
.nt-acoes { display: flex; gap: 4px; flex: none; opacity: .0; transition: opacity .12s; }
.nt-item:hover .nt-acoes, .nt-item:focus-within .nt-acoes { opacity: 1; }
@media (hover: none) { .nt-acoes { opacity: 1; } }
.nt-item.saindo { animation: nt-sai .3s ease forwards; }
@keyframes nt-sai { to { opacity: .55; background: var(--positivo-suave); } }
.nt-banda-n { margin-left: auto; font-weight: 600; color: var(--texto-2); font-size: .7rem; }
@media (max-width: 767.98px) { .nt-item { padding: 11px 14px; } .nt-resumo { margin-left: 0; width: 100%; } }

/* =====================================================================================
   Preferências (.pf-)
   ===================================================================================== */
.pf-grade { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.pf-grade > .pf-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pf-grade .card { margin: 0; }
.pf-temas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pf-tema { display: flex; flex-direction: column; gap: 8px; align-items: stretch; padding: 8px; }
.pf-tema-rot { display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 650; color: var(--titulo); padding: 0 2px 2px; }
.pf-tema-rot .pf-check { margin-left: auto; width: 18px; height: 18px; border-radius: 99px; border: 1.5px solid var(--borda-forte); display: grid; place-items: center; font-size: .65rem; color: transparent; }
.mdl-opcao.marcada .pf-check { background: var(--acento); border-color: var(--acento); color: #fff; }
.pf-mini { height: 86px; border-radius: 8px; overflow: hidden; display: grid; grid-template-columns: 26% 1fr; border: 1px solid var(--borda); }
.pf-mini.claro { --m-lat: color-mix(in srgb, lavender 55%, white); --m-fundo: ghostwhite; --m-card: white; --m-linha: gainsboro; --m-ac: var(--acento); }
.pf-mini.escuro { --m-lat: color-mix(in srgb, black 88%, slategray); --m-fundo: color-mix(in srgb, black 82%, slategray); --m-card: color-mix(in srgb, black 72%, slategray); --m-linha: color-mix(in srgb, black 55%, slategray); --m-ac: mediumpurple; border-color: color-mix(in srgb, black 55%, slategray); }
.pf-mini > i { background: var(--m-lat); display: flex; flex-direction: column; gap: 5px; padding: 8px 6px; }
.pf-mini > i::before, .pf-mini > i::after { content: ''; height: 6px; border-radius: 3px; background: var(--m-linha); }
.pf-mini > i::before { background: var(--m-ac); width: 70%; }
.pf-mini > span { background: var(--m-fundo); padding: 8px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 10px 1fr; gap: 5px; }
.pf-mini > span::before { content: ''; grid-column: 1 / -1; width: 55%; border-radius: 3px; background: var(--m-linha); }
.pf-mini > span b, .pf-mini > span em { background: var(--m-card); border-radius: 5px; border: 1px solid var(--m-linha); display: block; }
.pf-mini > span b { background: linear-gradient(var(--m-card), var(--m-card)) padding-box, var(--m-linha); position: relative; }
.pf-mini > span b::after { content: ''; position: absolute; left: 6px; right: 30%; bottom: 7px; height: 5px; border-radius: 3px; background: var(--m-ac); }
.pf-mini.auto { grid-template-columns: 1fr 1fr; }
.pf-mini.auto > .pf-mini { border: 0; border-radius: 0; height: 100%; }
.pf-dens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pf-den { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; }
.pf-den-linhas { display: flex; flex-direction: column; border: 1px solid var(--borda); border-radius: 7px; overflow: hidden; background: var(--superficie); }
.pf-den-linhas i { display: block; border-bottom: 1px solid var(--borda-suave); position: relative; }
.pf-den-linhas i:last-child { border-bottom: 0; }
.pf-den-linhas i::after { content: ''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 55%; height: 4px; border-radius: 2px; background: var(--superficie-3); }
.pf-den-linhas.padrao i { height: 18px; } .pf-den-linhas.regular i { height: 14px; } .pf-den-linhas.compacto i { height: 10px; }
.pf-den b { font-size: .78rem; color: var(--titulo); display: flex; align-items: center; gap: 6px; }
.pf-den small { font-size: .66rem; color: var(--texto-2); font-weight: 500; }
.pf-linha { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--borda-suave); }
.pf-linha:last-child { border-bottom: 0; }
.pf-linha-ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--superficie-3); color: var(--texto-2); flex: none; }
.pf-linha-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.pf-linha-txt b { font-size: .8rem; color: var(--titulo); font-weight: 650; }
.pf-linha-txt small { font-size: .7rem; color: var(--texto-2); }
.pf-atalhos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.pf-atalho { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--borda-suave); font-size: .76rem; }
.pf-atalho span:last-child { display: inline-flex; gap: 3px; flex: none; }
.pf-eu { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.pf-eu-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pf-eu-txt b { color: var(--titulo); font-size: .92rem; }
.pf-eu-txt small { color: var(--texto-2); font-size: .72rem; }
.pf-papeis { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.pf-papeis .tag + .tag { margin-left: 0; }
.pf-papel { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--borda); border-radius: 999px; padding: 3px 10px 3px 4px; font-size: .74rem; font-weight: 600; color: var(--titulo); background: var(--superficie); }
.pf-papel i { width: 20px; height: 20px; border-radius: 99px; display: grid; place-items: center; color: #fff; font-style: normal; font-size: .6rem; }
.pf-papel.principal { border-color: var(--acento); box-shadow: 0 0 0 3px var(--primaria-suave); }
.pf-perigo { border-color: color-mix(in srgb, var(--negativo) 30%, var(--borda)); }
@media (max-width: 991px) { .pf-grade { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) { .pf-temas, .pf-dens { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; } .pf-tema, .pf-den { padding: 6px; } .pf-mini { height: 60px; } .pf-atalhos { grid-template-columns: minmax(0, 1fr); } .pf-den small { display: none; } }

/* =====================================================================================
   Tarefas (.tf-)
   ===================================================================================== */
.tf-resumo { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.tf-quadro { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: start; }
.tf-col { background: var(--superficie-2); border: 1px solid var(--borda-suave); border-top: 3px solid var(--cor); border-radius: var(--raio); display: flex; flex-direction: column; min-width: 0; }
.tf-col-cab { display: flex; align-items: center; gap: 8px; padding: 10px 12px 8px; font-size: .78rem; }
.tf-col-cab .tf-col-ic { color: var(--cor); display: inline-flex; }
html[data-bs-theme="dark"] .tf-col-cab .tf-col-ic { color: color-mix(in srgb, var(--cor) 60%, #fff); }
.tf-col-cab b { color: var(--titulo); font-weight: 650; }
.tf-col-cab .tag { margin-left: auto; }
.tf-lista { display: flex; flex-direction: column; gap: 8px; padding: 0 8px 10px; min-height: 60px; }
.tf-card { background: var(--superficie); border: 1px solid var(--borda); border-radius: 11px; padding: 10px 10px 9px; box-shadow: var(--sombra-xs); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 10px; transition: box-shadow .15s, border-color .15s, transform .3s, opacity .3s; }
.tf-card:hover { border-color: var(--borda-forte); box-shadow: var(--sombra-card); }
.tf-check { grid-row: span 3; width: 22px; height: 22px; border-radius: 99px; border: 2px solid var(--borda-forte); background: var(--superficie); display: grid; place-items: center; color: transparent; font-size: .75rem; padding: 0; transition: background .15s, border-color .15s, color .15s, transform .15s; margin-top: 1px; }
.tf-check:hover { border-color: var(--positivo); color: var(--positivo); }
.tf-card.feita .tf-check { background: var(--positivo); border-color: var(--positivo); color: #fff; }
.tf-titulo { font-size: .8rem; font-weight: 650; color: var(--titulo); line-height: 1.3; overflow-wrap: anywhere; }
.tf-card.feita .tf-titulo { text-decoration: line-through; color: var(--texto-2); font-weight: 550; }
.tf-meta { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; font-size: .68rem; color: var(--texto-2); }
.tf-meta .tag + .tag { margin-left: 0; }
.tf-meta .tag { font-size: 10px; padding: 0 7px; }
.tf-lead { display: inline-flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; font-size: .7rem; color: var(--texto); font-weight: 600; max-width: 100%; min-width: 0; }
.tf-lead:hover b { color: var(--acento); }
.tf-lead b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.tf-lead .av { width: 18px; height: 18px; font-size: .48rem; border-radius: 5px; }
.tf-pe { display: flex; align-items: center; gap: 6px; font-size: .68rem; color: var(--texto-2); }
.tf-pe .tf-data { display: inline-flex; gap: 3px; align-items: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.tf-pe .tf-data.neg { color: var(--negativo-texto); }
.tf-pe .av { width: 18px; height: 18px; font-size: .48rem; border-radius: 99px; margin-left: auto; }
.tf-card.marcando { animation: tf-feito .45s ease forwards; }
.tf-card.marcando .tf-check { background: var(--positivo); border-color: var(--positivo); color: #fff; transform: scale(1.2); }
@keyframes tf-feito { 40% { transform: scale(1.02); box-shadow: 0 0 0 4px color-mix(in srgb, var(--positivo) 25%, transparent); } 100% { transform: translateX(14px); opacity: 0; } }
.tf-vazio { font-size: .72rem; color: var(--texto-suave); text-align: center; padding: 18px 6px; display: flex; gap: 6px; justify-content: center; align-items: center; border: 1px dashed var(--borda); border-radius: 10px; }
.tf-mais { font-size: .72rem; font-weight: 650; color: var(--texto-2); background: none; border: 0; padding: 4px; }
.tf-mais:hover { color: var(--acento); }
.tf-progresso { display: flex; align-items: center; gap: 12px; }
.tf-progresso-txt { display: flex; flex-direction: column; line-height: 1.2; }
.tf-progresso-txt b { font-size: .85rem; color: var(--titulo); }
.tf-progresso-txt small { font-size: .7rem; color: var(--texto-2); }
.tf-origens { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
@media (max-width: 1180px) { .tf-quadro { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .tf-quadro { grid-template-columns: minmax(0, 1fr); } .tf-origens { margin-left: 0; } }

/* ---------- Notificações · complementos ---------- */
.nt-cartao { overflow: clip; }
.nt-lista .grupo-banda { top: var(--topbar-alt); z-index: 2; }
.nt-lista .grupo-banda .ic { color: var(--texto-2); }
.nt-filtros .filtro-pill .ic { font-size: .85rem; }
.nt-tom { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 650; color: var(--texto-2); padding: 2px 8px; border-radius: 99px; background: color-mix(in srgb, var(--cor) 10%, transparent); font-variant-numeric: tabular-nums; }
.nt-tom i { width: 7px; height: 7px; border-radius: 99px; background: var(--cor); }
.nt-txt { cursor: pointer; }
.nt-txt small .ic { font-size: .72rem; }
.nt-txt:focus-visible { outline: 2px solid var(--acento); outline-offset: 3px; border-radius: 6px; }

/* ---------- Tarefas · complementos ---------- */
.tf-resumo-card { margin-bottom: 12px; }
.tf-resumo-card .tf-resumo { margin-bottom: 0; }
.tf-meta .tag .ic { font-size: .7rem; margin-right: 2px; }
.tf-origens .filtro-pill .ic { font-size: .8rem; }
.tf-check .ic { font-size: .8rem; }