/* Painel de conteúdo · telas (direção C). Celular primeiro (390 px), coluna única, no máximo 560 px no computador. */

.c-ig{--ch-soft:rgba(187,168,247,.2)} .c-apc{--ch-soft:rgba(127,216,203,.2)} .c-ls{--ch-soft:rgba(227,196,111,.2)} .c-sh{--ch-soft:rgba(125,195,244,.2)} .c-lc{--ch-soft:rgba(159,214,140,.2)} .c-n{--ch-soft:rgba(245,242,235,.14)}

#app{max-width:var(--max);margin:0 auto;min-height:100vh;min-height:100dvh;padding:var(--safe-t) var(--gutter) calc(120px + var(--safe-b))}
.faixa-teste{position:sticky;top:0;z-index:30;margin:0 calc(var(--gutter) * -1) 6px;padding:7px var(--gutter);background:var(--hole);color:var(--ink);font:700 12px/1.3 var(--f-u);text-align:center}
.faixa-nova{display:block;width:calc(100% + var(--gutter) * 2);margin:0 calc(var(--gutter) * -1) 8px;padding:13px var(--gutter);background:var(--ls);color:var(--ink);font:700 14.5px/1.3 var(--f-u);text-align:center}

/* ---------------------------------------------------------------- topo e títulos */
.topo{display:flex;align-items:center;justify-content:space-between;height:48px;margin-top:12px}
.marca-painel{font:700 15px/1 var(--f-u);color:var(--mute)}
.mais{width:48px;height:48px;border-radius:50%;background:var(--ls);color:var(--ink);display:grid;place-items:center}
.mais:active{opacity:.85}
.mais svg.ic{width:24px;height:24px;stroke-width:2.4}
.titulo-grande,.titulo-tela{margin-top:4px;font:800 35px/1.02 var(--f-d);letter-spacing:-.012em;word-spacing:.08em;overflow-wrap:anywhere}
.titulo-grande span{display:block;color:var(--mute)}
.subtitulo{margin-top:6px;font-size:15px;line-height:20px;color:var(--mute)}
.aviso{margin-top:16px;padding:14px 16px;border-radius:22px;background:var(--s1);color:var(--mute);font-size:14px;line-height:1.45}
.aviso b{display:block;margin-bottom:3px;color:var(--ivory);font-weight:700}
.aviso--vermelho{background:rgba(255,128,104,.14);color:var(--ivory)}
.aviso--vermelho b{color:var(--hole)}

/* ---------------------------------------------------------------- seções */
.secao{margin-top:22px}
.secao__cab{display:flex;align-items:center;gap:10px;min-height:28px}
.secao__cab h2{font:700 19px/22px var(--f-d);letter-spacing:-.005em;word-spacing:.07em}
.contagem{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 9px;border-radius:14px;background:var(--faint);font:800 15px/1 var(--f-d);color:var(--ivory)}
.contagem--buraco{background:var(--hole);color:var(--ink)}
.vazio{padding:14px 0 4px;color:var(--mute);font-size:15px;line-height:1.45}

/* ---------------------------------------------------------------- números gigantes (Hoje) */
.numeros{display:grid;grid-template-columns:100fr 122fr 116fr;gap:6px;margin-top:16px}
.numero{position:relative;min-width:0;height:112px;border-radius:26px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;background:var(--s2)}
.numero b{display:block;font:800 56px/.9 var(--f-d);letter-spacing:-.03em}
.numero > span:last-child{font:700 13px/16px var(--f-u);color:var(--mute)}
.numero__ic{position:absolute;top:11px;right:10px;width:22px;height:22px;border-radius:50%;background:rgba(245,242,235,.12);display:grid;place-items:center;color:var(--ivory)}
.numero__ic svg.ic{width:13px;height:13px;stroke-width:2.5}
.numero--buracos{background:var(--hole);color:var(--ink)}
.numero--buracos b{font-size:90px;line-height:.82;margin-left:-3px}
.numero--buracos > span:last-child{color:var(--ink);font-size:14px}
.numero--buracos .numero__ic{background:rgba(14,12,10,.14);color:var(--ink)}
.numero__ic--tracejado{background:transparent!important;border:2px dashed currentColor}
.numero--voce{background:var(--ivory);color:var(--ink)}
.numero--voce > span:last-child{color:var(--ink)}
.numero--voce .numero__ic{background:rgba(14,12,10,.12);color:var(--ink)}
.numero b[data-d="2"]{font-size:46px}
.numero--naia b[data-d="2"]{font-size:56px}
.numero--buracos b[data-d="2"]{font-size:64px;line-height:.9}
.numero b[data-d="3"]{font-size:34px}
.numero--naia b[data-d="3"]{font-size:42px}
.numero--buracos b[data-d="3"]{font-size:46px;line-height:1}
.linha-naia{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;line-height:20px;color:var(--mute)}
.linha-naia .vivo{width:8px;height:8px;border-radius:50%;background:var(--ivory);box-shadow:0 0 0 4px rgba(245,242,235,.16);flex:none;margin-left:4px}

/* ---------------------------------------------------------------- com você agora */
.acoes{display:grid;gap:10px;margin-top:12px}
.acao{padding:16px 16px 18px;border-radius:28px;background:var(--s1)}
.acao__topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acao__quando{font:700 14px/18px var(--f-d);color:var(--ivory);white-space:nowrap}
.acao__rotulo{display:inline-flex;align-items:center;height:26px;margin-top:12px;padding:0 11px;border-radius:13px;background:var(--faint);font:700 12.5px/1 var(--f-u);color:var(--ivory)}
.acao__titulo{margin-top:8px;font:700 21px/1.2 var(--f-d);letter-spacing:-.005em;word-spacing:.06em;overflow-wrap:anywhere}
.acao__gancho{margin-top:8px;color:var(--mute);font-size:14.5px;line-height:21px}
.acao__botoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.acao__botoes--um{grid-template-columns:1fr}
.chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;background:var(--ch);color:var(--ink);font:700 11.5px/1 var(--f-u);white-space:nowrap}

/* ---------------------------------------------------------------- a semana (cartão do Hoje) */
.semana-card{margin-top:16px;padding:10px 14px 14px;border-radius:28px;background:var(--s1)}
.semana-card__cab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}
.semana-card__cab .legenda-sub{margin-top:1px;font-size:12px;line-height:16px;color:var(--mute)}
.setas{display:flex;gap:6px;flex:none}
.seta{width:44px;height:44px;border-radius:50%;background:var(--s3);display:grid;place-items:center;color:var(--ivory)}
.seta[disabled]{opacity:.3}
.seta svg.ic{width:18px;height:18px;stroke-width:2.4}
.faixa{width:100%;margin-top:4px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.faixa th,.faixa td{padding:0;text-align:center;vertical-align:middle}
.faixa th.canal,.faixa td.canal{width:92px;text-align:left}
.faixa thead th{height:44px;font-weight:700}
.faixa tbody td{height:46px}
.faixa th.hoje,.faixa td.hoje{background:rgba(245,242,235,.08)}
.faixa th.hoje{border-radius:18px 18px 0 0}
.faixa tbody tr:last-child td.hoje{border-radius:0 0 18px 18px}
.dp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:40px;border-radius:15px;font:700 11px/12px var(--f-u);color:var(--mute)}
.dp b{font:700 15px/18px var(--f-d);color:var(--ivory)}
.faixa th.hoje .dp{background:var(--ivory);color:var(--ink)}
.faixa th.hoje .dp b{color:var(--ink)}
.faixa td.canal .chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.faixa td.canal small{display:block;margin-top:3px;font:600 10.5px/1.1 var(--f-u);color:var(--mute);white-space:nowrap}
.marcas{display:inline-flex;gap:5px;align-items:center;justify-content:center}
.marca{display:block;width:10px;height:10px;border-radius:50%;flex:none}
.marca--pronto{background:var(--ch)}
.marca--andamento{background:transparent;box-shadow:inset 0 0 0 2.5px var(--ch)}
.marca--buraco{background:var(--hole);outline:1.5px dashed var(--hole);outline-offset:2.5px}
.marca--passou{background:transparent;box-shadow:inset 0 0 0 2px rgba(245,242,235,.4)}
.marca--folga{width:8px;height:2px;border-radius:1px;background:rgba(245,242,235,.26)}
.marca--p{width:9px;height:9px}
.marca--p.marca--andamento,.marca--p.marca--passou{box-shadow:inset 0 0 0 2px var(--ch)}
.marca--p.marca--passou{box-shadow:inset 0 0 0 2px rgba(245,242,235,.4)}
.marca--p.marca--buraco{outline-offset:2px}
.faixa td.passada > *{opacity:.55}
.faixa td > .marca{display:inline-block;vertical-align:middle}
.legenda{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11.5px;line-height:16px;color:var(--mute)}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda .marca{--ch:var(--ivory)}
.legenda .marca--buraco{margin:0 2px}
.semana-card .btn{margin-top:12px}

/* ---------------------------------------------------------------- buracos: carrossel */
.trilho{display:flex;gap:10px;overflow-x:auto;margin:10px -20px 0;padding:0 20px;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.buraco{flex:0 0 min(336px,calc(100vw - 54px));height:100px;border-radius:28px;background:var(--ch);color:var(--ink);padding:14px 14px 14px 24px;display:flex;align-items:center;justify-content:space-between;gap:8px;scroll-snap-align:start}
.buraco__quem{display:flex;flex-direction:column;gap:3px;min-width:0}
.buraco__quem strong{font:800 22px/24px var(--f-d);letter-spacing:-.005em;word-spacing:.06em}
.buraco__quem span{font:600 13px/17px var(--f-u);color:rgba(14,12,10,.84);max-width:150px}
.buraco .btn{flex:none}

/* ---------------------------------------------------------------- com a Naia: quadro */
.quadro{display:flex;gap:10px;overflow-x:auto;margin:12px -20px 0;padding:0 20px;scrollbar-width:none}
.quadro::-webkit-scrollbar{display:none}
.coluna{flex:0 0 240px;display:flex;flex-direction:column;gap:8px;padding:14px 12px 12px;border-radius:28px;background:var(--s1)}
.coluna__cab{display:flex;align-items:center;justify-content:space-between;padding:0 4px 2px;font:700 16px/20px var(--f-d)}
.coluna__cab span{font-weight:800;color:var(--mute)}
.kcard{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;border-radius:20px;background:var(--s2);text-align:left}
.kcard__topo{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kcard__topo em{font:700 14px/18px var(--f-d);font-style:normal;white-space:nowrap}
.kcard h3{font:600 15px/20px var(--f-u);overflow-wrap:anywhere}
.kcard p{font-size:13px;line-height:16px;color:var(--mute)}
.trilha{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.trilha i{display:block;height:5px;border-radius:3px;background:var(--ink)}
.trilha i.feita{background:var(--ch)}
.trilha i.atual{background:var(--ivory)}

/* ---------------------------------------------------------------- tela Semana */
.sem-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.sem-nav .subtitulo{margin:0;min-width:0}
.dia{margin-top:24px}
.dia__cab{display:flex;align-items:center;gap:10px;min-height:34px}
.dia__cab h2{font:700 21px/1.2 var(--f-d);letter-spacing:-.005em;word-spacing:.06em}
.dia__cab .hoje{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:var(--ivory);color:var(--ink);font:700 11px/1 var(--f-u)}
.dia.passado{opacity:.55}
.vaga{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;width:100%;margin-top:8px;padding:14px 16px;border-radius:24px;background:var(--s1);text-align:left}
.vaga__canal{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.vaga__canal b{font:700 15px/18px var(--f-d);color:var(--ivory)}
.vaga__titulo{font:600 15.5px/1.3 var(--f-u);overflow-wrap:anywhere}
.vaga__estado{display:block;margin-top:4px;font-size:13px;line-height:18px;color:var(--mute)}
.vaga__estado.ouro{color:var(--ch)}
.vaga--buraco{background:var(--hole);color:var(--ink)}
.vaga--buraco .vaga__canal b{color:var(--ink)}
.vaga--buraco .vaga__titulo{font-weight:700}
.vaga--buraco .btn{margin-top:10px}
.vaga--passou .vaga__titulo{color:var(--mute);font-weight:500}
.sem-postagem{padding:10px 4px 0;color:var(--mute);font-size:14px}

/* ---------------------------------------------------------------- tela Conteúdos */
.filtros{display:flex;gap:8px;margin:16px -20px 0;padding:0 20px 2px;overflow-x:auto;scrollbar-width:none}
.filtros::-webkit-scrollbar{display:none}
.filtro{flex:none;min-height:44px;padding:0 18px;border-radius:22px;background:var(--s2);color:var(--ivory);font:700 14px/1 var(--f-u)}
.filtro[aria-pressed="true"]{background:var(--ivory);color:var(--ink)}
.lista{margin-top:6px}
.item{display:block;width:100%;margin-top:10px;padding:14px 16px 16px;border-radius:24px;background:var(--s1);text-align:left}
.item__topo{display:flex;align-items:center;justify-content:space-between;gap:10px}
.item__quando{font:700 14px/18px var(--f-d);white-space:nowrap}
.item__titulo{margin-top:10px;font:700 18px/1.25 var(--f-d);letter-spacing:-.003em;word-spacing:.05em;overflow-wrap:anywhere}
.item__meta{margin-top:5px;font-size:13px;line-height:18px;color:var(--mute)}
.item .trilha{margin-top:12px}

/* ---------------------------------------------------------------- tela Canais */
.canal{margin-top:12px;padding:18px 14px;border-radius:28px;background:var(--s1)}
.canal:first-of-type{margin-top:16px}
.canal__cab{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px}
.canal__nome{display:flex;align-items:center;gap:10px;min-width:0}
.canal__nome i{display:block;width:14px;height:14px;border-radius:50%;background:var(--ch);flex:none}
.canal__cab h2{font:800 22px/1.15 var(--f-d);letter-spacing:-.008em;word-spacing:.06em}
.canal__resumo{margin:8px 2px 0;color:var(--mute);font-size:14.5px;line-height:1.4}
.interruptor{position:relative;flex:none;width:64px;height:44px}
.interruptor::before{content:"";position:absolute;left:4px;top:7px;width:56px;height:30px;border-radius:15px;background:var(--s3);transition:background-color .18s}
.interruptor::after{content:"";position:absolute;left:8px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--mute);transition:transform .18s,background-color .18s}
.interruptor[aria-checked="true"]::before{background:var(--ch)}
.interruptor[aria-checked="true"]::after{transform:translateX(26px);background:var(--ink)}
.dias{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:16px -6px 0}
.dia-btn{height:48px;border-radius:24px;background:var(--s2);color:var(--mute);font:700 16px/1 var(--f-d)}
.dia-btn[aria-pressed="true"]{background:var(--ch);color:var(--ink)}
.canal .campo{margin:16px 2px 0}
.canal .campo > .rotulo{margin-bottom:8px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:26px;background:var(--s2)}
.seg--3{grid-template-columns:repeat(3,1fr)} .seg--4{grid-template-columns:repeat(2,1fr)}
.seg button{min-height:44px;border-radius:22px;color:var(--mute);font:700 15px/1 var(--f-u)}
.seg--3 button,.seg--4 button{padding:6px 4px;font-size:14px;line-height:1.15;text-wrap:balance}
.seg button[aria-pressed="true"]{background:var(--ivory);color:var(--ink)}
.conexao{display:flex;gap:10px;align-items:flex-start;margin:16px 2px 0;color:var(--ivory);font-size:14px;line-height:1.4}
.conexao .marca{width:10px;height:10px;margin-top:5px}
.conexao small{display:block;margin-top:2px;color:var(--mute);font-size:12.5px}
.horas{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hora-linha{display:flex;align-items:center;gap:2px}
.hora-linha input[type=time]{width:158px}
.hora-x{flex:none;width:44px;height:44px;display:grid;place-items:center;color:var(--mute)}
.hora-x svg.ic{width:18px;height:18px}

/* ---------------------------------------------------------------- barra de abas: pílula flutuante */
.abas{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 14px calc(14px + var(--safe-b));background:var(--bar);border-top:1px solid var(--hair)}
.abas__in{max-width:var(--max);height:62px;margin:0 auto;padding:5px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:31px;background:var(--s2)}
.aba{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:26px;color:var(--mute);font:700 11.5px/1 var(--f-u)}
.aba svg.ic{width:22px;height:22px}
.aba[aria-current="page"]{background:var(--ivory);color:var(--ink)}
.aba .ponto{position:absolute;top:5px;left:calc(50% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--hole);color:var(--ink);font:800 11px/18px var(--f-d);text-align:center}

/* ---------------------------------------------------------------- folha do card */
.folha{position:fixed;inset:0;z-index:55;background:var(--ink);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:subir .22s ease-out}
@keyframes subir{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
.folha__in{position:relative;max-width:var(--max);margin:0 auto;padding:0 0 calc(44px + var(--safe-b))}
.folha__in--cta{padding-bottom:0}
.folha__topo{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;height:calc(72px + var(--safe-t));margin-bottom:calc(-72px - var(--safe-t));padding:calc(14px + var(--safe-t)) 20px 0;background:var(--ch)}
.voltar{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 18px 0 10px;border-radius:22px;background:var(--ink);color:var(--ivory);font:700 15px/1 var(--f-u)}
.voltar svg.ic{width:20px;height:20px;stroke-width:2.4}
.id-pilula{display:inline-flex;align-items:center;height:36px;margin-top:4px;padding:0 15px;border-radius:18px;background:var(--ink);color:var(--ivory);font:800 16px/1 var(--f-d)}
.heroi{padding:calc(76px + var(--safe-t)) 20px 28px;border-radius:0 0 34px 34px;background:var(--ch);color:var(--ink)}
.heroi__meta{display:flex;align-items:flex-start;gap:8px;font:700 14px/20px var(--f-u)}
.heroi__meta span{min-width:0;overflow-wrap:anywhere}
.heroi__meta svg.ic{width:19px;height:19px;stroke-width:2.1}
.card-titulo{margin-top:10px;font:800 31px/1.07 var(--f-d);letter-spacing:-.012em;word-spacing:.07em;overflow-wrap:anywhere}
.progresso{padding:22px 20px 0}
.progresso__status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
.progresso__status b{font:700 16px/22px var(--f-u)}
.progresso__proximo{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--mute);font-size:15px;line-height:22px}
.progresso__proximo svg.ic{width:18px;height:18px}
.bola{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;border-radius:15px;background:var(--faint);color:var(--ivory);font:700 13px/1 var(--f-u);white-space:nowrap;flex:none}
.bola svg.ic{width:15px;height:15px;stroke-width:2.2}
.bola--naia{background:var(--ch-soft);color:var(--ch)}
.bola--bruno{background:var(--ivory);color:var(--ink)}
.etapas{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:46px;gap:6px;margin-top:14px}
.etapa{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 4px;border-radius:16px;background:var(--s2);color:var(--mute);font:700 clamp(11px,3.2vw,12.5px)/1 var(--f-u);letter-spacing:-.01em}
.etapa.feita{background:var(--ch);color:var(--ink)}
.etapa.atual{background:var(--ivory);color:var(--ink);outline:2px solid var(--ivory);outline-offset:2px}
.etapas__fracao{display:flex;align-items:center;justify-content:center;font:800 30px/1 var(--f-d);letter-spacing:-.02em}

.bloco{padding:26px 20px 0}
.bloco p{margin-top:6px;font-size:15px;line-height:22px;color:var(--mute)}
.bloco .h2 + p{margin-top:6px}
.gancho-grande{margin-top:10px;font:700 22px/1.28 var(--f-d);letter-spacing:-.005em;word-spacing:.05em;color:var(--ivory)}
.bloco p.gancho-grande{margin-top:10px;font-size:22px;line-height:1.28;color:var(--ivory)}
.bloco p.texto{color:var(--ivory)}
.linha-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin-top:12px;padding:0 20px;border-radius:28px;background:var(--s2);color:var(--ivory);text-decoration:none;font:700 16px/1.2 var(--f-d)}
.linha-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha-link svg.ic{width:20px;height:20px;stroke-width:2.3}
.linha-link--destaque{background:var(--ivory);color:var(--ink);font-size:17px;font-weight:700}
.caixa{margin:18px 20px 0;padding:18px;border-radius:28px;background:var(--s1)}
.caixa .h2{margin-bottom:10px}
.caixa__texto{font-size:15px;line-height:22px;color:var(--ivory);white-space:pre-wrap;overflow-wrap:anywhere}
.caixa .btn{margin-top:14px}
.dados{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:14px;font-size:14.5px}
.dados dt{color:var(--mute)}
.dados dd{min-width:0;color:var(--ivory);overflow-wrap:anywhere}
.checks{display:grid;gap:10px;margin-top:14px}
.check{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ivory)}
.check .marca{width:12px;height:12px}
.aviso-ajuste{margin:14px 0 0;padding:14px 16px;border-radius:22px;background:rgba(255,128,104,.14);font-size:14.5px;line-height:1.45;color:var(--ivory)}
.aviso-ajuste b{display:block;margin-bottom:3px;color:var(--hole)}
.nota-fina{margin-top:14px;font-size:13px;line-height:1.45;color:var(--mute)}
.acoes-soltas{display:grid;gap:8px;margin-top:20px}

.mais-detalhes{margin:16px 20px 0;padding:18px 18px 8px;border-radius:28px;background:var(--s1)}
.mais-detalhes > .h2{margin-bottom:4px}
.grupo{border-top:1px solid var(--hair)}
.mais-detalhes > .h2 + .grupo{border-top:0}
.grupo summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;cursor:pointer;font:700 15px/20px var(--f-u)}
.grupo summary::-webkit-details-marker{display:none}
.grupo summary svg.ic{width:18px;height:18px;color:var(--mute);transition:transform .18s ease}
.grupo[open] summary svg.ic{transform:rotate(180deg)}
.grupo__corpo{padding:0 0 18px}
.historico{font-size:13.5px;line-height:1.45;color:var(--mute)}
.historico li{padding:9px 0;border-top:1px solid var(--hair)}
.historico li:first-child{border-top:0}
.historico b{color:var(--ivory);font-weight:700}

.folha__rodape{position:sticky;bottom:0;z-index:5;display:grid;gap:10px;margin-top:24px;padding:12px 20px calc(14px + var(--safe-b));background:var(--bar);border-top:1px solid var(--hair)}
.folha__rodape--duas{grid-template-columns:1fr 1.25fr}
.folha__rodape--duas .btn{padding:0 12px;white-space:nowrap}
.folha__rodape--duas .btn--ghost{font-size:16px}
.rodape-acoes{display:grid;gap:10px;margin-top:24px}

/* ---------------------------------------------------------------- pedir pauta e elementos */
#pedido .folha{z-index:58}
.folha__barra{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;height:68px;padding:var(--safe-t) 20px 0;background:var(--ink)}
.folha__barra .voltar{background:var(--s2)}
.folha__barra .rotulo{font-size:13px}
.pedido-corpo{padding:6px 20px calc(44px + var(--safe-b))}
.folha-titulo{margin-top:4px;font:800 31px/1.07 var(--f-d);letter-spacing:-.012em;word-spacing:.07em}
.pedido-texto{min-height:34vh;font-size:17px;line-height:1.5}
.ajuda{margin:8px 4px 0;font-size:13px;line-height:1.4;color:var(--mute)}
.elementos{margin-top:10px}
.elemento{display:grid;grid-template-columns:1fr 44px;align-items:center;margin-top:8px;border-radius:22px;background:var(--s2)}
.elemento__link{display:flex;align-items:center;gap:12px;min-width:0;min-height:60px;padding:8px 6px 8px 12px;color:var(--ivory);text-decoration:none}
.elemento__ic{width:36px;height:36px;border-radius:50%;background:var(--faint);display:grid;place-items:center;flex:none}
.elemento__ic svg.ic{width:17px;height:17px;stroke-width:2.1}
.elemento__txt{min-width:0;flex:1}
.elemento__nome{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.elemento__txt small{display:block;color:var(--mute);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.elemento__fora{flex:none;color:var(--mute)}
.elemento__fora svg.ic{width:18px;height:18px}
.elemento-novo{display:grid;gap:8px;margin-top:12px}
.elemento-novo .btn{justify-self:stretch}
.vazio-el{margin-top:10px;color:var(--mute);font-size:14.5px}
.pedido-corpo .campo .rotulo{margin-bottom:8px}
.pedido-corpo .secao-el{margin-top:28px}

/* ---------------------------------------------------------------- janela de confirmação */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;background:rgba(0,0,0,.66);animation:esmaece .18s ease-out}
@keyframes esmaece{from{opacity:0}to{opacity:1}}
.modal__caixa{width:100%;max-width:var(--max);margin:0 auto;padding:26px 20px calc(24px + var(--safe-b));border-radius:32px 32px 0 0;background:var(--s1);animation:subir .22s ease-out}
.modal__caixa h2{font:800 25px/1.12 var(--f-d);letter-spacing:-.01em;word-spacing:.06em}
.modal__caixa p{margin-top:12px;font-size:15px;line-height:1.5;color:var(--mute)}
.modal__caixa .resumo{margin-top:14px;padding:16px;max-height:34vh;overflow:auto;border-radius:20px;background:var(--s2);font-size:14.5px;line-height:1.5;color:var(--ivory);white-space:pre-wrap}
.modal__caixa .acoes{display:grid;gap:10px;margin-top:20px}
.titulo-link{display:block;width:100%;text-align:left;font:inherit;letter-spacing:inherit;word-spacing:inherit;color:inherit;padding:10px 0;margin:-10px 0}
.titulo-link:active{opacity:.7}

/* ---------------------------------------------------------------- acertos da direção C (06/10) */
.grupo summary span{min-width:0}
.bloco-nota{margin:14px 20px 0}
.bloco .linha-link--destaque{margin-top:18px}
.bloco .checks{margin-top:16px}
.bloco .gancho-grande + .texto{margin-top:12px}
.caixa + .bloco,.caixa + .caixa{margin-top:18px}
.folha__barra-tit{font:700 15px/1 var(--f-u);color:var(--mute)}
.pedido-recuperado{margin-top:8px;color:var(--ch);font:700 14px/1.4 var(--f-u)}
.pedido-corpo > .campo:first-of-type{margin-top:18px}
.pedido-envio{display:grid;margin-top:30px}
.pedido-envio .ajuda{margin:8px 6px 0;text-align:center}
.pedido-envio .ajuda + .btn{margin-top:18px}
.secao-el .h2 + .ajuda{margin:6px 0 0}
.tela-acesso__in{width:100%;max-width:26rem;margin:0 auto}
.acesso-form{margin-top:26px}
.acesso-form .campo{margin-top:0}
.acesso-form .btn{margin-top:12px}
.tela-acesso .nota-fina{margin-top:18px;font-size:14px}
.par .btn{padding:0 12px}
.tela-acesso{padding-left:2px;padding-right:2px}
.tela-acesso .marca-painel--cores,.marca-painel--cores{display:flex;align-items:center;gap:6px}
.marca-painel--cores i{width:12px;height:12px;border-radius:50%;background:var(--ch)}
.marca-painel--cores i:last-of-type{margin-right:6px}

/* ---------------------------------------------------------------- ajuda: botão ?, guia de primeira vez e exemplos (06/10) */
.topo__acoes{display:flex;align-items:center;gap:10px}
.ajuda{width:44px;height:44px;border-radius:50%;background:var(--s2);color:var(--mute);display:grid;place-items:center;font:800 19px/1 var(--f-d)}
.ajuda:active{opacity:.8}
.tag-exemplo{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:var(--ls);color:var(--ink);font:800 11px/1 var(--f-u);letter-spacing:.06em}

.link-exemplo{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin-top:14px;padding:10px 16px 10px 12px;border-radius:24px;background:var(--s1);color:var(--ivory);text-align:left}
.link-exemplo__ic{width:38px;height:38px;border-radius:50%;background:rgba(227,196,111,.18);color:var(--ls);display:grid;place-items:center;flex:none}
.link-exemplo__ic svg.ic{width:19px;height:19px;stroke-width:2.1}
.link-exemplo__txt{flex:1;min-width:0}
.link-exemplo__txt b{display:block;font:700 15.5px/1.25 var(--f-u)}
.link-exemplo__txt small{display:block;margin-top:2px;color:var(--mute);font-size:13px;line-height:1.3}
.link-exemplo > svg.ic{width:20px;height:20px;color:var(--mute)}

.ver-exemplo{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 11px;border-radius:22px;background:rgba(227,196,111,.14);color:var(--ls);font:700 14px/1 var(--f-u);flex:none}
.ver-exemplo svg.ic{width:17px;height:17px;stroke-width:2.2}
.ver-exemplo[aria-expanded="true"]{background:var(--ls);color:var(--ink)}
.ver-exemplo--grande{min-height:48px;font-size:15px}
.bloco__cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pedido-ajuda{margin-top:12px}
.exemplo-aviso{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;margin-top:14px;padding:14px 14px 14px 16px;border-radius:22px;border:1.5px dashed rgba(227,196,111,.6);background:rgba(227,196,111,.08)}
.exemplo-aviso p{font-size:14px;line-height:1.4;color:var(--ivory)}
.exemplo-aviso .btn{grid-column:1 / -1;justify-self:start}

.ex-links{margin-top:12px;padding:14px 12px 12px;border-radius:22px;border:1.5px dashed rgba(227,196,111,.6);background:rgba(227,196,111,.06)}
.ex-links ul{margin-top:8px}
.ex-link{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--hair)}
.ex-link:first-child{border-top:0}
.ex-link__txt{min-width:0}
.ex-link__txt b{display:block;font:700 14.5px/1.25 var(--f-u)}
.ex-link__txt small{display:block;margin-top:2px;color:var(--mute);font-size:12.5px;line-height:1.3}
.ex-link__txt .ex-link__url{color:var(--ls);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-links .nota-fina{margin-top:8px}

.dica{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:14px;padding:14px 14px 14px 12px;border-radius:22px;background:var(--s1)}
.dica p{font-size:14px;line-height:1.45;color:var(--mute)}
.dica b{color:var(--ivory);font-weight:700}

#tour .tour{position:fixed;inset:0;z-index:70;touch-action:none;overscroll-behavior:none}
.tour__veu{position:fixed;inset:0;background:rgba(8,7,6,.84)}
.tour__foco{position:fixed;box-shadow:0 0 0 3px var(--ls),0 0 0 9999px rgba(8,7,6,.84);pointer-events:none}
.tour__balao{position:fixed;left:16px;right:16px;max-width:520px;margin:0 auto;padding:16px 18px 14px;border-radius:28px;background:var(--ivory);color:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.tour__cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tour__passo{font:700 12.5px/1 var(--f-u);color:rgba(14,12,10,.6)}
.tour__pontos{display:flex;gap:5px}
.tour__pontos i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(14,12,10,.18)}
.tour__pontos i.feito{background:rgba(14,12,10,.45)}
.tour__pontos i.atual{width:18px;border-radius:4px;background:var(--ink)}
.tour__balao h2{margin-top:10px;font:800 23px/1.1 var(--f-d);letter-spacing:-.01em;word-spacing:.05em}
.tour__balao p{margin-top:7px;font:500 15px/1.4 var(--f-u);color:rgba(14,12,10,.86)}
.tour__balao p b{font-weight:700;color:var(--ink)}
.tour__exemplo{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:10px;padding:0 14px 0 11px;border-radius:22px;background:rgba(14,12,10,.08);color:var(--ink);font:700 14px/1 var(--f-u)}
.tour__exemplo svg.ic{width:17px;height:17px;stroke-width:2.2}
.tour__acoes{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.tour__pular{min-height:44px;padding:0 10px;color:rgba(14,12,10,.66);font:700 15px/1 var(--f-u)}
.tour__proximo{min-height:48px;padding:0 26px;background:var(--ink);color:var(--ivory)}

#exemplo .folha{z-index:57}
.heroi__aviso{margin-top:12px;font:600 13.5px/1.4 var(--f-u);color:rgba(14,12,10,.78)}
.folha--exemplo .etapa{cursor:pointer}
.folha--exemplo .progresso .nota-fina{margin-top:10px}
.linha-tempo{padding:6px 20px 0}
.passo-ex{margin-top:12px;padding:16px 16px 14px;border-radius:26px;background:var(--s1);scroll-margin-top:84px}
.passo-ex__cab{display:flex;align-items:center;gap:10px}
.passo-ex__cab .h2{flex:1;min-width:0}
.passo-ex__n{width:30px;height:30px;border-radius:50%;background:var(--ch);color:var(--ink);display:grid;place-items:center;font:800 15px/1 var(--f-d);flex:none}
.passo-ex__oque{margin-top:8px;font-size:14.5px;line-height:1.45;color:var(--mute)}
.ex-dado{margin-top:12px}
.ex-dado .rotulo{margin-bottom:4px}
.ex-dado__val{font-size:15px;line-height:1.45;color:var(--ivory);white-space:pre-wrap;overflow-wrap:anywhere}
.ex-url{display:grid;grid-template-columns:16px 1fr;column-gap:8px;align-items:start;color:var(--ivory)}
.ex-url svg.ic{width:16px;height:16px;margin-top:3px;color:var(--ch)}
.ex-url > span{min-width:0;overflow-wrap:anywhere}
.ex-url em{grid-column:2;font-style:normal;font-size:12px;color:var(--mute)}
.ex-botoes{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:14px;pointer-events:none}
.passo-ex .nota-fina{margin-top:8px}
.passo-ex__feito{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--hair);font:700 13.5px/1.3 var(--f-u);color:var(--ivory)}
.passo-ex__feito svg.ic{width:16px;height:16px;color:var(--ch);stroke-width:2.6}

/* ---------------------------------------------------------------- Início: o quadro de 4 colunas (computador) */
/* Só tokens e fontes que já existem. No computador a tela é aberta, de borda a borda, e cada coluna rola sozinha; no celular as colunas empilham. */
body.so-inicio #app{max-width:none;min-height:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:var(--safe-t) 28px 22px}
.inicio{display:flex;flex-direction:column;flex:1;min-height:0}
.qd-topo{flex:none;display:flex;align-items:center;justify-content:space-between;height:60px}
.crit{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 26px;align-items:start;margin-bottom:14px;padding:15px 20px 16px;border-radius:24px;background:var(--s1)}
.crit__titulo{font:800 21px/1.25 var(--f-d);letter-spacing:-.005em}
.crit--alerta .crit__titulo{color:var(--hole)}
.crit__lista{display:grid;gap:8px}
.crit__linha{display:flex;align-items:flex-start;gap:12px;font:600 15px/1.4 var(--f-u)}
.crit__linha .marca{margin:6px 3px 0 4px}
.crit__linha--vermelha{color:var(--hole)}
.crit__linha--ok{color:var(--mute);font-weight:500;font-size:14px}
.crit__ok{flex:none;width:8px;height:8px;margin:8px 7px 0 5px;border-radius:50%;background:var(--faint)}
.quadro-ini{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.col{display:flex;flex-direction:column;min-height:0;border-radius:26px;background:var(--s1);overflow:hidden}
.col__cab{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 12px}
.col__cab h2{font:800 21px/1.15 var(--f-d);letter-spacing:-.005em;word-spacing:.05em}
.col__sub{margin-top:4px;font:500 12.5px/1.35 var(--f-u);color:var(--mute)}
.col__lista{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:2px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--s3) transparent}
.col__nada{padding:6px 6px;color:var(--mute);font-size:14px;line-height:1.4}
.kc{flex:none;padding:14px 15px 15px;border-radius:20px;background:var(--s2)}
.kc__titulo{font:600 15.5px/1.32 var(--f-u);overflow-wrap:anywhere}
.kc > .chip{margin-top:10px}
.kc__linha{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-top:10px}
.kc__quando{font:600 12.5px/1.3 var(--f-u);color:var(--mute)}
.kc__como{margin-top:9px;font:500 13.5px/1.45 var(--f-u);color:var(--mute);white-space:pre-line;overflow-wrap:anywhere}
.kc__como b{display:block;margin-bottom:2px;font:700 12px/1.3 var(--f-u);color:var(--ivory)}
.kc__els{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kc__els li{min-width:0;max-width:100%}
.kc__el{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:0 13px 0 10px;border-radius:17px;background:var(--faint);color:var(--ivory);font:700 12.5px/1.1 var(--f-u);text-decoration:none}
.kc__el:hover{background:var(--s3)}
.kc__el svg.ic{width:15px;height:15px;stroke-width:2.2}
.kc__el span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc__sit{margin-top:9px;font:700 13px/1.35 var(--f-u);color:var(--mute)}
.kc__sit--voce{color:var(--ivory)}
.kc__acoes,.ideia__botoes{display:flex;gap:8px;margin-top:13px}
.ideia__botoes .btn{flex:1;padding:0 10px}
.ideia__form{margin-top:12px}
.ideia__form textarea{min-height:88px;margin-top:6px;padding:11px 14px;border-radius:16px;font-size:14.5px}
.pgdia{flex:none;padding-bottom:4px}
.pgdia__cab{display:flex;align-items:center;gap:8px;padding:10px 6px 7px;font:700 14.5px/1.2 var(--f-d)}
.pgdia__hoje{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:var(--ivory);color:var(--ink);font:700 11px/1 var(--f-u)}
.pgdia__nada{padding:0 6px 6px;color:var(--mute);font-size:13px}
.pgdia ul{display:grid;gap:6px}
.pg{display:grid;grid-template-columns:42px minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:9px 11px;border-radius:14px;background:var(--s2)}
.pg__hora{font:700 13.5px/1.2 var(--f-d)}
.pg__corpo{display:flex;flex-direction:column;gap:2px;min-width:0}
.pg__canal{font:700 11.5px/1.25 var(--f-u);color:var(--ch)}
.pg__titulo{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 13.5px/1.3 var(--f-u);overflow-wrap:anywhere}
.pg__tag{padding:5px 9px;border-radius:12px;font:700 11.5px/1 var(--f-u);white-space:nowrap}
.pg--agendado .pg__tag{background:var(--ch-soft);color:var(--ch)}
.pg--noar .pg__tag{background:var(--ch);color:var(--ink)}
.pg--vazio{background:transparent;outline:1.5px dashed rgba(255,128,104,.5);outline-offset:-1.5px}
.pg--vazio .pg__tag{padding:0;color:var(--hole);font-size:12.5px}
.ir-inicio{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 16px 0 10px;border-radius:22px;background:var(--s2);color:var(--ivory);font:700 14.5px/1 var(--f-u)}
.ir-inicio svg.ic{width:19px;height:19px;stroke-width:2.4}
@media (min-width:1900px){
  body.so-inicio #app{padding-left:44px;padding-right:44px}
  .crit__linha{font-size:16.5px}.crit__linha--ok{font-size:15px}
  .kc__titulo{font-size:17px}.col__cab h2{font-size:23px}.col__sub{font-size:13.5px}.pg__titulo{font-size:14.5px}.kc__sit{font-size:14px}
}
@media (max-width:1000px){
  body.so-inicio #app{max-width:var(--max);height:auto;display:block;overflow:visible;padding:var(--safe-t) var(--gutter) calc(40px + var(--safe-b))}
  .inicio{display:block}
  .crit{grid-template-columns:minmax(0,1fr)}
  .quadro-ini{display:block}
  .col{margin-top:14px}
  .col__lista{overflow:visible}
}

/* ---------------------------------------------------------------- Chuva de ideias: as ideias do Bruno (26/10) */
/* O botão "+ Nova ideia" fica preso embaixo do título da coluna (a lista rola, ele não). A ideia dele tem tag marfim e um fundo um tom acima das da Naia. */
.col__acao{flex:none;padding:0 18px 12px}
.ideia--bruno{background:var(--s3);box-shadow:inset 0 0 0 1.5px rgba(245,242,235,.2)}
.tag-dele{display:inline-flex;align-items:center;gap:6px;height:24px;margin-bottom:9px;padding:0 10px 0 8px;border-radius:12px;background:var(--ivory);color:var(--ink);font:700 11.5px/1 var(--f-u)}
.tag-dele svg.ic{width:13px;height:13px;stroke-width:2.4}
.kc__texto{margin-top:8px;font:500 13.5px/1.45 var(--f-u);color:var(--mute);white-space:pre-line;overflow-wrap:anywhere}
.ideia__botoes--dele{flex-wrap:wrap}
.ideia__botoes--dele .btn{flex:1 1 auto}
/* O atalho do Bruno (30/10, msg 7928): "Já está em produção" e "Já está pronto", discretos, na linha de baixo do cartão da ideia */
.ideia__atalhos{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px}
.ideia__atalhos .btn{flex:1 1 auto;padding:0 10px;font-size:13px;box-shadow:inset 0 0 0 1.5px var(--faint)}
.ideia__atalhos .btn:hover{color:var(--ivory)}
.btn--perigo{background:var(--hole);color:var(--ink)}
.modal__caixa--ideia{max-height:100%;overflow-y:auto}
.modal__caixa--ideia .ideia-texto{min-height:190px;font-size:16px}
.modal__caixa--ideia .pedido-recuperado{margin-top:10px}
@media (min-width:700px){
  .modal--centro{align-items:center}
  .modal--centro .modal__caixa{max-width:620px;border-radius:32px}
}

/* ---------------------------------------------------------------- Acervo (29/10/2026): busca, filtro por assunto e cartões de link */
/* Só tokens, fontes e componentes que já existem (kc, filtro, btn, contagem, ir-inicio). No computador a tela é aberta, de borda a borda, e a lista rola sozinha;
   no celular tudo empilha. A tela usa a mesma casca do Início (body.so-inicio): sem a barra de abas. */
.qd-topo__acoes{display:flex;align-items:center;gap:10px}
.qd-topo__acoes .btn svg.ic,.ac-item .btn svg.ic{width:17px;height:17px;stroke-width:2.4}
.acervo{display:flex;flex-direction:column;flex:1;min-height:0}
.ac-topo{display:flex;align-items:center;gap:14px}
.ac-cab{flex:none;padding:0 2px 4px}
.ac-titulo{font:800 30px/1.15 var(--f-d);letter-spacing:-.01em}
.ac-sub{margin-top:5px;color:var(--mute);font:500 14.5px/1.45 var(--f-u)}
.busca{position:relative;margin-top:16px;max-width:640px}
.busca > svg.ic{position:absolute;left:18px;top:15px;width:20px;height:20px;color:var(--mute);pointer-events:none}
.busca input{padding-left:50px;padding-right:50px}
.busca__x{position:absolute;right:3px;top:3px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--mute)}
.busca__x svg.ic{width:18px;height:18px;stroke-width:2.3}
.ac-assuntos{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ac-assuntos .filtro{display:inline-flex;align-items:center;gap:8px}
.ac-assuntos .filtro small{font:700 12px/1 var(--f-d);color:var(--mute)}
.ac-assuntos .filtro[aria-pressed="true"] small{color:var(--ink)}
.ac-assuntos .filtro--zero:not([aria-pressed="true"]){opacity:.55}
.ac-lista{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 26px;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}
.ac-resumo{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:4px}
.ac-resumo__n{font:700 15px/1.2 var(--f-d);color:var(--mute)}
.ac-resumo__dica{margin-left:12px;font:500 13px/1.3 var(--f-u);color:var(--mute)}
.ac-livres{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px 0 12px;border-radius:20px;background:var(--faint);color:var(--ivory);font:700 13.5px/1.1 var(--f-u)}
.ac-livres svg.ic{width:16px;height:16px;stroke-width:2.6}
.ac-livres[aria-pressed="true"]{background:var(--ivory);color:var(--ink)}
.ac-grupo{margin-top:12px}
.ac-grupo + .ac-grupo{margin-top:26px}
.ac-grupo__cab{display:flex;align-items:center;gap:10px;margin:6px 2px 12px}
.ac-grupo__cab h2{font:800 21px/1.2 var(--f-d);letter-spacing:-.005em;word-spacing:.05em}
.ac-grupo__itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.ac-grupo__mais{margin-top:12px}
.ac-item{display:flex;flex-direction:column;padding:15px 16px 16px}
.ac-item__topo{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.ac-item__tags{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.ac-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--faint);color:var(--ivory);font:700 11.5px/1 var(--f-u);white-space:nowrap}
.ac-item__data{flex:none;font:700 13px/24px var(--f-d);color:var(--mute);white-space:nowrap}
.ac-item .kc__titulo{font-size:16.5px}
.ac-item__qtd{margin-top:9px;font:600 13px/1.3 var(--f-u);color:var(--mute)}
.ac-item__qtd b{font:800 17px/1 var(--f-d);color:var(--ivory)}
.ac-item__acoes{margin-top:auto;padding-top:14px;flex-wrap:wrap;align-items:center}
.ac-item__acoes .btn{flex:0 0 auto}
.ac-usei svg.ic{width:15px;height:15px;stroke-width:2.6}
.ac-usei[aria-pressed="true"]{background:var(--ivory);color:var(--ink)}
.ac-item--usado .kc__titulo,.ac-item--usado .kc__texto{opacity:.55}
.selo-naia{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:18px;border:1.5px dashed rgba(245,242,235,.45);color:var(--ivory);font:700 13px/1.2 var(--f-u)}
.ac-vazio{padding:18px 4px}
.ac-vazio p{color:var(--mute);font-size:15px;line-height:1.5}
.ac-vazio .btn{margin-top:14px}
@media (min-width:1900px){
  .ac-titulo{font-size:34px}.ac-sub{font-size:15.5px}.ac-item .kc__titulo{font-size:17.5px}.ac-grupo__itens{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
}
@media (max-width:1000px){
  .acervo{display:block}
  .ac-lista{overflow:visible}
  .ac-grupo__itens{grid-template-columns:minmax(0,1fr)}
  .ac-assuntos{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 2px;scrollbar-width:none}
  .ac-assuntos::-webkit-scrollbar{display:none}
  .ac-assuntos .filtro{flex:none}
  .ac-resumo{flex-wrap:wrap}
  .ac-resumo__dica{display:block;margin:3px 0 0}
}
@media (max-width:430px){
  .qd-topo__acoes{gap:6px}
  .qd-topo__acoes .btn{padding:0 12px;font-size:13.5px}
}

/* ---------------------------------------------------------------- Criativos (29/10/2026, msgs 7635 e 7636): uma coluna por produto, caminho Ideia, Gravar, Em edição, Pronto, Enviado */
/* Só tokens, fontes e componentes que já existem (col, kc, btn, chip, contagem, ir-inicio, tag-dele). A tela usa a mesma casca do Início (body.so-inicio): sem a barra de abas.
   No computador as colunas ocupam a altura e rolam sozinhas (mais de quatro produtos rolam de lado); no celular tudo empilha. */
.criativos{display:flex;flex-direction:column;flex:1;min-height:0}
.cr-quadro{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:14px;margin-top:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--s3) transparent}
.cr-passos{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 14px 12px}
.cr-passo{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;border-radius:12px;background:var(--s2);color:var(--mute)}
.cr-passo b{font:800 17px/1 var(--f-d)}
.cr-passo small{font:700 10.5px/1 var(--f-u)}
.cr-passo--tem{background:var(--faint);color:var(--ivory)}
.cr-grupo{display:flex;flex-direction:column;gap:10px}
.cr-grupo + .cr-grupo{margin-top:6px}
.cr-grupo__cab{display:flex;align-items:center;gap:8px;padding:8px 4px 0;font:700 12.5px/1.2 var(--f-u);color:var(--mute)}
.cr-grupo__cab span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--faint);color:var(--ivory);font:800 11px/1 var(--f-d)}
.cr-card .kc__titulo{font-size:15.5px}
.cr-card--enviado .kc__titulo{opacity:.7}
.cr-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.cr-acoes:empty{display:none}
.cr-acoes .btn{flex:0 1 auto}
.cr-acoes .btn svg.ic,.cr-ideia .btn svg.ic{width:16px;height:16px;stroke-width:2.4}
.cr-bruto{margin-top:12px}
.cr-bruto input{min-height:44px;margin-top:6px;padding:9px 16px;border-radius:22px;font-size:14.5px}
.cr-midia{display:flex;flex-direction:column;gap:3px;margin-top:11px;padding:11px 13px;border-radius:14px;background:var(--faint)}
.cr-midia b{font:700 13.5px/1.3 var(--f-u);overflow-wrap:anywhere}
.cr-midia__conf{font:500 12.5px/1.35 var(--f-u);color:var(--mute)}
.cr-acesso{font:700 12.5px/1.35 var(--f-u)}
.cr-acesso--aberto{color:var(--lc)}
.cr-acesso--restrito{color:var(--hole)}
.cr-acesso--incerto{color:var(--mute)}
.kc__sit--time{color:var(--mute)}
.chip.cr-chip{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ivory);color:var(--ivory);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tag-dele--naia{background:var(--faint);color:var(--ivory)}
.cr-nota{margin-top:12px;color:var(--mute);font:500 13.5px/1.45 var(--f-u)}
.cr-card--pronto .cr-acoes [data-act="cr-copiar"]{flex:1 1 100%}   /* a ação principal ocupa a linha inteira; as outras vêm embaixo */
@media (min-width:1900px){
  .cr-quadro{grid-auto-columns:minmax(380px,1fr)}
}
@media (max-width:1000px){
  .criativos{display:block}
  .cr-quadro{display:block;overflow:visible;margin-top:6px}
  .cr-quadro .col{margin-top:14px}
}
/* No celular o topo do Início ganhou o terceiro botão (Criativos): o rótulo "Painel" some para os três caberem em uma linha, sem encostar um no outro. */
@media (max-width:430px){
  .qd-topo .marca-painel{display:none}
  .qd-topo__acoes{flex:1;justify-content:space-between}
  .qd-topo__acoes .btn:only-child{margin-left:auto}   /* o topo dos Criativos tem um botão só (+ Produto): fica na ponta direita, como no computador */
}