/* Insights: o caderno de ideias do dono. Lista de cards a esquerda, a ideia
   aberta numa "folha" a direita. Escuro do painel, laranja da marca, e cada
   tema com a sua cor (--tc). */
.in-tela { --in-texto: #eef1f6; --in-suave: rgba(238, 241, 246, .62); --in-fraco: rgba(238, 241, 246, .4);
  --in-linha: rgba(255, 255, 255, .075); --in-linha-forte: rgba(255, 255, 255, .14); --in-laranja: #ff7a3d;
  display: grid; gap: 22px; color: var(--in-texto); }
.in-tela svg, .in-pauta svg { fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- topo ---------- */
.in-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.in-topo-texto { display: flex; align-items: center; gap: 14px; }
.in-topo h1 { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.025em; }
.in-topo p { margin: 3px 0 0; color: var(--in-suave); font-size: 14px; }
.in-topo-icone { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; flex: none; color: #ffb38a;
  background: radial-gradient(120% 120% at 0% 0%, rgba(255, 122, 61, .35), rgba(255, 90, 31, .06)); border: 1px solid rgba(255, 122, 61, .38);
  box-shadow: 0 12px 30px -14px rgba(255, 90, 31, .7), inset 0 1px 0 rgba(255, 255, 255, .08); }
.in-topo-icone svg { width: 24px; height: 24px; }
.in-topo-acoes { display: flex; gap: 10px; flex-wrap: wrap; }

.in-btn, .in-btn-sec, .in-salvar { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px !important;
  border-radius: 12px !important; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: transform .12s ease, filter .12s ease, background .15s ease, opacity .15s ease; }
.in-btn svg, .in-btn-sec svg, .in-salvar svg { width: 17px; height: 17px; flex: none; }
.in-btn { border: 0 !important; color: #fff !important; background: linear-gradient(135deg, #ff8a4c, #f0561a) !important; box-shadow: 0 12px 26px -12px rgba(255, 90, 31, .85), inset 0 1px 0 rgba(255, 255, 255, .25) !important; }
.in-btn:hover:not(:disabled) { filter: brightness(1.07); transform: translateY(-1px); }
.in-btn-sec { color: var(--in-texto) !important; background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--in-linha-forte) !important; box-shadow: none !important; }
.in-btn-sec:hover:not(:disabled) { background: rgba(255, 255, 255, .08) !important; }
.in-btn-sec b { min-width: 21px; height: 21px; padding: 0 6px; border-radius: 11px; background: var(--in-laranja); color: #fff; font-size: 11.5px; display: inline-grid; place-items: center; }
.in-btn-sec b:empty { display: none; }
.in-btn:disabled, .in-btn-sec:disabled { opacity: .45; cursor: default; }

/* ---------- colunas ---------- */
.in-corpo { display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); gap: 20px; align-items: start; }
.in-lista { position: sticky; top: 16px; display: grid; gap: 12px; grid-template-rows: auto auto auto auto minmax(0, 1fr); max-height: calc(100vh - 140px);
  padding: 14px; border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .015)); border: 1px solid var(--in-linha); }

.in-busca { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px; border-radius: 13px; background: rgba(0, 0, 0, .25); border: 1px solid var(--in-linha); transition: border-color .15s ease; }
.in-busca:focus-within { border-color: rgba(255, 122, 61, .6); }
.in-busca svg { width: 17px; height: 17px; color: var(--in-fraco); flex: none; }
.in-busca input { flex: 1; min-width: 0; height: 100%; border: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit; font: inherit; font-size: 14px; outline: none; padding: 0 !important; }

/* situacao: quatro abas com o ponto da cor */
.in-filtros { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 4px; border-radius: 14px; background: rgba(0, 0, 0, .25); border: 1px solid var(--in-linha); }
.in-filtros button { display: grid !important; justify-items: center; gap: 3px; padding: 8px 2px 7px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important;
  box-shadow: none !important; color: var(--in-suave) !important; font: inherit; font-size: 11.5px; font-weight: 700; cursor: pointer; transition: background .15s ease, color .15s ease; }
.in-filtros button i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .6; }
.in-filtros button em { font-style: normal; font-size: 17px; font-weight: 800; line-height: 1; color: var(--in-texto); order: -1; }
.in-filtros button:hover { background: rgba(255, 255, 255, .04) !important; }
.in-filtros button.ativo { background: rgba(255, 255, 255, .08) !important; color: var(--in-texto) !important; box-shadow: inset 0 0 0 1px var(--in-linha-forte) !important; }
.in-filtros .f-aberta { color: #a9b4c4 !important; }
.in-filtros .f-pauta { color: #ffc766 !important; }
.in-filtros .f-discutida { color: #6ee7b0 !important; }
.in-filtros .f-todas i { background: var(--in-laranja); opacity: 1; }

.in-temas { display: flex; flex-wrap: wrap; gap: 6px; }
.in-temas:empty { display: none; }
.in-temas button { display: inline-flex !important; align-items: center; gap: 6px; height: 28px; padding: 0 11px !important; border-radius: 99px !important; border: 1px solid var(--in-linha-forte) !important;
  background: transparent !important; box-shadow: none !important; color: var(--in-suave) !important; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.in-temas button i { width: 7px; height: 7px; border-radius: 50%; background: var(--tc); }
.in-temas button.ativo { color: #fff !important; border-color: color-mix(in srgb, var(--tc, var(--in-laranja)) 70%, transparent) !important;
  background: color-mix(in srgb, var(--tc, var(--in-laranja)) 16%, transparent) !important; }
.in-temas button:first-child.ativo { --tc: #ff7a3d; }

.in-lista-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 2px 0; }
.in-lista-cab span { font-size: 12px; font-weight: 700; color: var(--in-fraco); text-transform: uppercase; letter-spacing: .06em; }
.in-lista-cab select { height: 30px; padding: 0 28px 0 10px !important; border-radius: 9px !important; border: 1px solid var(--in-linha) !important; background-color: rgba(0, 0, 0, .25) !important;
  color: var(--in-suave) !important; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; box-shadow: none !important; }

/* ---------- cards ---------- */
.in-itens { display: grid; gap: 10px; overflow-y: auto; align-content: start; min-height: 120px; padding: 2px 4px 4px 2px; margin-right: -4px; }
.in-card { position: relative; display: grid !important; gap: 7px; text-align: left; padding: 14px 14px 12px 18px !important; border-radius: 16px !important; cursor: pointer; overflow: hidden;
  color: inherit !important; font: inherit; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)) !important;
  border: 1px solid var(--in-linha) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset !important; transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease, background .15s ease; }
.in-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--tc); opacity: .85; }
.in-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .2s ease;
  background: radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--tc) 16%, transparent), transparent 60%); }
.in-card:hover { border-color: var(--in-linha-forte) !important; transform: translateY(-1px); box-shadow: 0 14px 30px -20px rgba(0, 0, 0, .9) !important; }
.in-card:hover::after { opacity: .7; }
.in-card.aberta { border-color: color-mix(in srgb, var(--tc) 60%, transparent) !important; box-shadow: 0 0 0 1px color-mix(in srgb, var(--tc) 35%, transparent), 0 16px 34px -22px color-mix(in srgb, var(--tc) 80%, transparent) !important; }
.in-card.aberta::after { opacity: 1; }
/* o conteudo fica acima do brilho; a onda do clique (movimento.js) NAO entra
   no fluxo — antes ela virava um bloco gigante e esticava o card */
.in-card > *:not(.mv-onda) { position: relative; z-index: 1; }
.in-card > .mv-onda, .in-stat > .mv-onda, .in-opcao > .mv-onda, .in-menu .mv-onda { position: absolute !important; z-index: 0; }
.in-card-cab { display: flex; align-items: center; gap: 6px; min-width: 0; }
.in-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 70%; height: 22px; padding: 0 9px; border-radius: 99px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  background: color-mix(in srgb, var(--tc) 15%, transparent); color: color-mix(in srgb, var(--tc) 55%, #fff); font-size: 11.5px; font-weight: 700; }
.in-chip i { width: 6px; height: 6px; border-radius: 50%; background: var(--tc); flex: none; }
.in-chip.vazio { background: rgba(255, 255, 255, .06); color: var(--in-fraco); }
.in-card-pino { display: grid; color: #ffb38a; }
.in-card-pino svg { width: 14px; height: 14px; }
.in-prio { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; height: 22px; padding: 0 8px; border-radius: 7px; font-size: 11px; font-weight: 800; }
.in-prio svg { width: 12px; height: 12px; }
.in-prio.p-alta { background: rgba(255, 95, 95, .14); color: #ff9a9a; }
.in-prio.p-baixa { background: rgba(255, 255, 255, .06); color: var(--in-fraco); }
.in-card-titulo { font-size: 15.5px; font-weight: 750; line-height: 1.3; letter-spacing: -.01em; overflow-wrap: anywhere; }
.in-card-texto { font-size: 13px; line-height: 1.5; color: var(--in-suave); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.in-card-pe { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 3px; padding-top: 9px; border-top: 1px solid var(--in-linha); }
.in-card-pe time { font-size: 11.5px; color: var(--in-fraco); }
.in-sitpill { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: #a9b4c4; }
.in-sitpill i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent); }
.in-sitpill.s-pauta { color: #ffc766; }
.in-sitpill.s-discutida { color: #6ee7b0; }
.in-card.sit-discutida .in-card-titulo { color: var(--in-suave); }

.in-vazio, .in-editor-vazio { display: grid; justify-items: center; gap: 6px; padding: 34px 14px; text-align: center; color: var(--in-suave); font-size: 13px; }
.in-vazio svg { width: 30px; height: 30px; color: rgba(255, 138, 76, .75); margin-bottom: 4px; }
.in-vazio b, .in-editor-vazio b { color: var(--in-texto); font-size: 15px; }
.in-editor-vazio { min-height: 460px; align-content: center; border-radius: 22px; border: 1px dashed var(--in-linha-forte); background: rgba(255, 255, 255, .015); }
.in-vazio-icone { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 6px; border-radius: 18px; color: #ffb38a; background: rgba(255, 122, 61, .12); border: 1px solid rgba(255, 122, 61, .3); }
.in-vazio-icone svg { width: 26px; height: 26px; }

/* ---------- a folha (editor) ---------- */
.in-folha { position: relative; display: grid; gap: 0; border-radius: 22px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02)); border: 1px solid var(--in-linha);
  box-shadow: 0 30px 60px -40px rgba(0, 0, 0, .9); }
.in-folha::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--tc), color-mix(in srgb, var(--tc) 30%, transparent)); }
.in-folha::after { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 160px; pointer-events: none;
  background: radial-gradient(70% 100% at 20% 0%, color-mix(in srgb, var(--tc) 14%, transparent), transparent 70%); }
.in-folha > * { position: relative; z-index: 1; }

.in-folha-barra { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid var(--in-linha); }
.in-voltar { display: none !important; }
.in-estado { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--in-fraco); }
.in-estado i { width: 7px; height: 7px; border-radius: 50%; background: #3fcf8e; }
.in-estado.sujo { color: #ffc766; }
.in-estado.sujo i { background: #ffb02e; animation: in-pulso 1.4s ease-in-out infinite; }
.in-estado.salvando i { background: var(--in-laranja); animation: in-pulso .8s ease-in-out infinite; }
.in-estado.erro { color: #ff9a9a; }
.in-estado.erro i { background: #ff5f5f; }
@keyframes in-pulso { 50% { opacity: .3; } }
.in-icone { display: grid !important; place-items: center; width: 38px; height: 38px; padding: 0 !important; border-radius: 11px !important; border: 1px solid var(--in-linha) !important;
  background: rgba(255, 255, 255, .02) !important; box-shadow: none !important; color: var(--in-suave) !important; cursor: pointer; font: inherit; transition: all .15s ease; }
.in-icone svg { width: 17px; height: 17px; }
.in-icone:hover { background: rgba(255, 255, 255, .07) !important; color: #fff !important; }
.in-icone.ligado { color: #ffb38a !important; border-color: rgba(255, 122, 61, .5) !important; background: rgba(255, 122, 61, .12) !important; }
.in-icone.perigo:hover { color: #ff9a9a !important; border-color: rgba(255, 107, 107, .4) !important; background: rgba(255, 107, 107, .1) !important; }
.in-salvar { height: 38px; padding: 0 16px !important; border: 0 !important; color: #fff !important; background: linear-gradient(135deg, #ff8a4c, #f0561a) !important;
  box-shadow: 0 10px 22px -12px rgba(255, 90, 31, .9), inset 0 1px 0 rgba(255, 255, 255, .25) !important; }
.in-salvar:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); }
.in-salvar:disabled { background: rgba(255, 255, 255, .06) !important; color: var(--in-fraco) !important; box-shadow: none !important; cursor: default; }
.in-salvar.feito, .in-salvar.feito:disabled { background: rgba(63, 207, 142, .16) !important; color: #6ee7b0 !important; }

.in-folha-cab { display: grid; gap: 8px; padding: 22px 28px 8px; }
.in-tema-campo { display: inline-flex; align-items: center; gap: 8px; justify-self: start; height: 32px; padding: 0 6px 0 12px; border-radius: 99px;
  background: color-mix(in srgb, var(--tc) 14%, transparent); border: 1px solid color-mix(in srgb, var(--tc) 35%, transparent); transition: background .2s ease, border-color .2s ease; }
.in-tema-campo i { width: 8px; height: 8px; border-radius: 50%; background: var(--tc); flex: none; box-shadow: 0 0 10px var(--tc); }
.in-tela .in-tema-campo input { width: 240px; max-width: 52vw; height: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none;
  color: color-mix(in srgb, var(--tc) 50%, #fff) !important; font: inherit; font-size: 13px !important; font-weight: 700 !important; }
.in-tela .in-tema-campo input::placeholder { color: color-mix(in srgb, var(--tc) 40%, rgba(255, 255, 255, .5)); font-weight: 600; }
.in-tela textarea.in-titulo { width: 100%; min-height: 0; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; resize: none; overflow: hidden;
  color: var(--in-texto) !important; font: inherit; font-size: 30px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.025em; }
.in-tela textarea.in-titulo::placeholder { color: rgba(238, 241, 246, .25); }

.in-classes { display: flex; flex-wrap: wrap; gap: 14px 22px; padding: 14px 28px 18px; }
.in-classe { display: grid; gap: 7px; }
.in-classe-rotulo { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--in-fraco); }
.in-opcoes { display: flex; gap: 4px; padding: 4px; border-radius: 13px; background: rgba(0, 0, 0, .25); border: 1px solid var(--in-linha); }
.in-opcao { display: inline-flex !important; align-items: center; gap: 7px; height: 34px; padding: 0 12px !important; border: 1px solid transparent !important; border-radius: 10px !important;
  background: transparent !important; box-shadow: none !important; color: var(--in-suave) !important; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; white-space: nowrap; transition: all .15s ease; }
.in-opcao svg { width: 15px; height: 15px; }
.in-opcao:hover:not(.ativo) { background: rgba(255, 255, 255, .05) !important; color: var(--in-texto) !important; }
.in-opcao.ativo.s-aberta { background: rgba(169, 180, 196, .14) !important; border-color: rgba(169, 180, 196, .3) !important; color: #e3e8f0 !important; }
.in-opcao.ativo.s-pauta { background: rgba(255, 176, 46, .16) !important; border-color: rgba(255, 176, 46, .4) !important; color: #ffc766 !important; }
.in-opcao.ativo.s-discutida { background: rgba(63, 207, 142, .14) !important; border-color: rgba(63, 207, 142, .38) !important; color: #6ee7b0 !important; }
.in-opcao.p-baixa svg { color: #8b97a8; }
.in-opcao.p-media svg { color: #ffc766; }
.in-opcao.p-alta svg { color: #ff8a8a; }
.in-opcao.ativo.p-baixa { background: rgba(139, 151, 168, .16) !important; border-color: rgba(139, 151, 168, .32) !important; color: #e3e8f0 !important; }
.in-opcao.ativo.p-media { background: rgba(255, 176, 46, .14) !important; border-color: rgba(255, 176, 46, .36) !important; color: #ffd28a !important; }
.in-opcao.ativo.p-alta { background: rgba(255, 95, 95, .14) !important; border-color: rgba(255, 95, 95, .4) !important; color: #ffb0b0 !important; }

.in-escrita { display: grid; gap: 10px; margin: 0 20px; padding: 18px 20px 20px; border-radius: 18px; background: rgba(0, 0, 0, .22); border: 1px solid var(--in-linha); transition: border-color .15s ease, box-shadow .15s ease; }
.in-escrita:focus-within { border-color: color-mix(in srgb, var(--tc) 45%, transparent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--tc) 10%, transparent); }
.in-escrita-rotulo { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--in-fraco); }
.in-tela textarea.in-texto { width: 100%; min-height: 300px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none; resize: none; overflow: hidden;
  color: var(--in-texto) !important; font: inherit; font-size: 15.5px !important; line-height: 1.75 !important; }
.in-tela textarea.in-texto::placeholder { color: rgba(238, 241, 246, .3); }

.in-folha-pe { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 14px 28px 18px; font-size: 12px; color: var(--in-fraco); }

/* ---------- pauta da reuniao ---------- */
dialog.in-pauta { width: min(740px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px;
  background: #11151c; color: #eef1f6; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .85); }
dialog.in-pauta::backdrop { background: rgba(5, 7, 10, .68); backdrop-filter: blur(4px); }
.in-pauta-corpo { display: grid; gap: 20px; padding: 26px 28px; }
.in-pauta header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.in-pauta header small { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #ff8a4c; }
.in-pauta header h2 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.02em; }
.in-pauta header h2::first-letter { text-transform: uppercase; }
.in-pauta section { display: grid; gap: 10px; }
.in-pauta h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: color-mix(in srgb, var(--tc) 55%, #fff); }
.in-pauta h3 i { width: 8px; height: 8px; border-radius: 50%; background: var(--tc); }
.in-pauta h3 em { font-style: normal; font-size: 11px; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb, var(--tc) 16%, transparent); }
.in-pauta article { padding: 14px 16px; border-radius: 15px; background: rgba(255, 255, 255, .03); border: 1px solid rgba(255, 255, 255, .07); border-left: 3px solid var(--tc); }
.in-pauta-linha { display: flex; align-items: center; gap: 10px; }
.in-pauta article b { font-size: 15.5px; }
.in-pauta article p { margin: 7px 0 0; font-size: 14px; line-height: 1.65; color: rgba(238, 241, 246, .78); }
.in-pauta .in-icone { width: 36px; height: 36px; }
.in-pauta-vazia { margin: 0; color: rgba(238, 241, 246, .6); font-size: 14px; }
.in-pauta footer { display: flex; gap: 10px; flex-wrap: wrap; padding-top: 6px; }

@media print {
  body.in-imprimindo > *:not(dialog.in-pauta) { display: none !important; }
  body.in-imprimindo dialog.in-pauta { position: static; max-height: none; width: 100%; border: 0; box-shadow: none; background: #fff; color: #111; }
  body.in-imprimindo .in-pauta article { background: none; border-color: #ddd; }
  body.in-imprimindo .in-pauta article p { color: #333; }
  body.in-imprimindo .in-pauta footer, body.in-imprimindo .in-pauta [data-fechar] { display: none !important; }
}

/* ---------- celular: lista e folha se alternam ---------- */
@media (max-width: 860px) {
  .in-corpo { grid-template-columns: 1fr; }
  .in-lista { position: static; max-height: none; }
  .in-tela.com-aberta .in-lista { display: none; }
  .in-tela:not(.com-aberta) .in-editor { display: none; }
  .in-voltar { display: inline-flex !important; align-items: center; height: 36px; padding: 0 12px !important; border-radius: 10px !important; border: 1px solid var(--in-linha-forte) !important;
    background: transparent !important; box-shadow: none !important; color: var(--in-texto) !important; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
  .in-folha-barra { flex-wrap: wrap; padding: 12px 14px; }
  .in-estado { order: 10; width: 100%; }
  .in-folha-cab { padding: 18px 16px 6px; }
  .in-tela textarea.in-titulo { font-size: 23px !important; }
  .in-tela .in-tema-campo input, .in-tela textarea.in-texto { font-size: 16px !important; }
  .in-classes { padding: 12px 16px 16px; gap: 12px; }
  .in-classe, .in-opcoes { width: 100%; }
  .in-opcao { flex: 1; justify-content: center; padding: 0 6px !important; font-size: 12.5px; }
  .in-escrita { margin: 0 12px; padding: 14px; }
  .in-folha-pe { padding: 12px 16px 16px; }
  .in-topo-acoes { width: 100%; }
  .in-topo-acoes > * { flex: 1; }
}

/* A lista e uma coluna que rola: os cards nunca encolhem (com grid, o card com
   overflow escondido podia ser espremido e o texto encavalava). */
.in-itens { display: flex !important; flex-direction: column; gap: 10px; }
.in-itens > .in-card { flex: none; }
/* o empurrador da barra e do rodape */
.in-tela .empurra, .in-pauta .empurra { flex: 1 1 auto; }
.in-lista-cab select { text-transform: none !important; letter-spacing: 0 !important; }


/* ---------- painel das quantidades (faixa no topo, filtra ao clicar) ---------- */
.in-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.in-stat { --sc: #ff7a3d; position: relative; display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 14px; overflow: hidden;
  padding: 16px 16px 18px !important; border-radius: 18px !important; text-align: left; cursor: pointer; font: inherit; color: var(--in-texto) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)) !important; border: 1px solid var(--in-linha) !important; box-shadow: none !important;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.in-stat::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .55; transition: opacity .2s ease;
  background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--sc) 14%, transparent), transparent 55%); }
.in-stat > *:not(.mv-onda) { position: relative; z-index: 1; }
.in-stat:hover { border-color: var(--in-linha-forte) !important; transform: translateY(-1px); }
.in-stat.ativo { border-color: color-mix(in srgb, var(--sc) 60%, transparent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--sc) 30%, transparent), 0 18px 36px -24px color-mix(in srgb, var(--sc) 90%, transparent) !important; }
.in-stat.ativo::before { opacity: 1; }
.in-stat.f-aberta { --sc: #a9b4c4; }
.in-stat.f-pauta { --sc: #ffb02e; }
.in-stat.f-discutida { --sc: #3fcf8e; }
.in-stat-icone { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: color-mix(in srgb, var(--sc) 70%, #fff);
  background: color-mix(in srgb, var(--sc) 15%, transparent); border: 1px solid color-mix(in srgb, var(--sc) 32%, transparent); }
.in-stat-icone svg { width: 21px; height: 21px; }
.in-stat-texto { display: grid; gap: 1px; min-width: 0; }
.in-stat-texto b { font-size: 26px; font-weight: 800; line-height: 1.05; letter-spacing: -.02em; }
.in-stat-texto > span { font-size: 13px; font-weight: 700; color: var(--in-texto); }
.in-stat-texto small { font-size: 11.5px; color: var(--in-fraco); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in-stat-barra { grid-column: 1 / -1; height: 4px; margin-top: 8px; border-radius: 4px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.in-stat-barra i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sc), color-mix(in srgb, var(--sc) 55%, #fff)); transition: width .4s ease; }

/* ---------- ideia fechada: o painel some e os cards ocupam a largura ---------- */
.in-tela:not(.com-aberta) .in-corpo { grid-template-columns: minmax(0, 1fr); }
.in-tela:not(.com-aberta) .in-editor { display: none; }
.in-tela:not(.com-aberta) .in-lista { position: static; max-height: none; grid-template-rows: none;
  grid-template-columns: minmax(240px, 380px) minmax(0, 1fr); align-items: center; }
.in-tela:not(.com-aberta) .in-lista > .in-busca { grid-column: 1; }
.in-tela:not(.com-aberta) .in-lista > .in-temas { grid-column: 2; }
.in-tela:not(.com-aberta) .in-lista > .in-lista-cab, .in-tela:not(.com-aberta) .in-lista > .in-itens { grid-column: 1 / -1; }
.in-tela:not(.com-aberta) .in-itens { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); overflow: visible; margin: 0; padding: 2px; }
.in-fechar { margin-left: 2px; }

/* ---------- menu do clique direito ---------- */
.in-menu { position: fixed; z-index: 4000; width: 230px; padding: 6px; border-radius: 16px; background: #171c25; border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .8); color: #eef1f6; animation: in-menu .14s cubic-bezier(.2, .8, .2, 1); }
@keyframes in-menu { from { opacity: 0; transform: translateY(-4px) scale(.97); } }
.in-menu small { display: block; padding: 8px 10px 4px; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(238, 241, 246, .4); }
.in-menu hr { margin: 5px 4px; border: 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.in-menu button { position: relative; overflow: hidden; display: flex !important; align-items: center; gap: 10px; width: 100%; height: 36px; padding: 0 10px !important; border: 0 !important; border-radius: 10px !important;
  background: transparent !important; box-shadow: none !important; color: #e3e8f0 !important; font: inherit; font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; }
.in-menu button:hover { background: rgba(255, 255, 255, .07) !important; }
.in-menu button svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; opacity: .85; }
.in-menu button span { flex: 1; }
.in-menu button i { display: grid; margin-left: auto; color: #ff9a6b; }
.in-menu button i svg { width: 15px; height: 15px; opacity: 1; }
.in-menu button.s-pauta svg:first-child { color: #ffc766; }
.in-menu button.s-discutida svg:first-child { color: #6ee7b0; }
.in-menu button.p-media svg:first-child { color: #ffc766; }
.in-menu button.p-alta svg:first-child { color: #ff8a8a; }
.in-menu button.ativo { background: rgba(255, 122, 61, .1) !important; color: #fff !important; }
.in-menu button.perigo { color: #ff9a9a !important; }
.in-menu button.perigo:hover { background: rgba(255, 95, 95, .1) !important; }

@media (max-width: 1100px) {
  .in-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .in-fechar { display: none !important; }
  .in-stats { gap: 8px; }
  .in-stat { padding: 12px 12px 14px !important; gap: 2px 10px; border-radius: 15px !important; }
  .in-stat-icone { width: 36px; height: 36px; border-radius: 11px; }
  .in-stat-icone svg { width: 18px; height: 18px; }
  .in-stat-texto b { font-size: 21px; }
  .in-stat-texto > span { font-size: 12px; }
  .in-tela.com-aberta .in-stats { display: none; }
  .in-tela:not(.com-aberta) .in-lista { grid-template-columns: minmax(0, 1fr); }
  .in-tela:not(.com-aberta) .in-lista > * { grid-column: 1 !important; }
  .in-tela:not(.com-aberta) .in-itens { grid-template-columns: minmax(0, 1fr); }
}


/* =====================================================================
   Movimento do Insights. Nada aqui segura conteudo: o que entra na tela ja
   entra pronto. O movimento e de ambiente (continuo e leve) e de resposta
   (o que mudou reage). Quem pede "reduzir movimento" fica sem nada disso.
   ===================================================================== */
@media (prefers-reduced-motion: no-preference) {
  /* a lampada do topo acende e respira, com um halo girando atras */
  .in-topo-icone { position: relative; isolation: isolate; animation: in-lampada 3.6s ease-in-out infinite; }
  .in-topo-icone::before { content: ''; position: absolute; inset: -6px; z-index: -1; border-radius: 19px; opacity: .55;
    background: conic-gradient(from var(--in-giro, 0deg), transparent 0 60%, rgba(255, 138, 76, .75) 75%, transparent 90%);
    -webkit-mask: radial-gradient(closest-side, transparent 78%, #000 80%); mask: radial-gradient(closest-side, transparent 78%, #000 80%);
    animation: in-giro 4.5s linear infinite; }
  .in-topo-icone svg { animation: in-acende 3.6s ease-in-out infinite; }
  @keyframes in-lampada { 50% { box-shadow: 0 16px 40px -12px rgba(255, 90, 31, .95), inset 0 1px 0 rgba(255, 255, 255, .1); } }
  @keyframes in-acende { 0%, 100% { filter: drop-shadow(0 0 0 rgba(255, 179, 138, 0)); } 50% { filter: drop-shadow(0 0 6px rgba(255, 179, 138, .9)); } 52% { filter: none; } 54% { filter: drop-shadow(0 0 6px rgba(255, 179, 138, .9)); } }

  /* botao Nova ideia: um brilho atravessa de tempos em tempos */
  .in-btn { position: relative; overflow: hidden; }
  .in-btn::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent); transform: skewX(-18deg); animation: in-brilho 5s ease-in-out infinite; }
  @keyframes in-brilho { 0%, 70% { left: -60%; } 100% { left: 130%; } }
  .in-btn-sec b { animation: in-bolha 2.4s ease-in-out infinite; }
  @keyframes in-bolha { 50% { transform: scale(1.12); box-shadow: 0 0 0 4px rgba(255, 122, 61, .18); } }

  /* painel das quantidades: icone flutua, barra tem brilho correndo, o
     numero que mudou da um pulo */
  .in-stat-icone { transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
  .in-stat:hover .in-stat-icone { transform: translateY(-2px) rotate(-6deg) scale(1.06); }
  .in-stat.ativo .in-stat-icone { animation: in-flutua 3.2s ease-in-out infinite; }
  @keyframes in-flutua { 50% { transform: translateY(-3px); } }
  .in-stat-barra i { position: relative; overflow: hidden; }
  .in-stat-barra i::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
    transform: translateX(-100%); animation: in-corre 2.8s ease-in-out infinite; }
  .in-stat:nth-child(2) .in-stat-barra i::after { animation-delay: -.7s; }
  .in-stat:nth-child(3) .in-stat-barra i::after { animation-delay: -1.4s; }
  .in-stat:nth-child(4) .in-stat-barra i::after { animation-delay: -2.1s; }
  @keyframes in-corre { 0% { transform: translateX(-100%); } 60%, 100% { transform: translateX(100%); } }
  .in-stat.f-pauta:not(.zero) .in-stat-icone { animation: in-chama 2.2s ease-in-out infinite; }
  @keyframes in-chama { 50% { box-shadow: 0 0 0 5px rgba(255, 176, 46, .14), 0 0 18px rgba(255, 176, 46, .35); } }
  .in-stat.mudou .in-stat-texto b { animation: in-pulo .55s cubic-bezier(.3, 1.6, .5, 1); }
  .in-stat.mudou { animation: in-acende-bloco .9s ease; }
  @keyframes in-pulo { 0% { transform: scale(1); } 40% { transform: scale(1.35); color: color-mix(in srgb, var(--sc) 60%, #fff); } 100% { transform: scale(1); } }
  @keyframes in-acende-bloco { 30% { box-shadow: 0 0 0 2px color-mix(in srgb, var(--sc) 55%, transparent), 0 18px 40px -20px var(--sc); } }

  /* cards: sobem ao passar o mouse, a faixa da cor acende, o card aberto
     ganha borda girando, o que mudou pisca uma vez */
  .in-card { transition: border-color .2s ease, transform .25s cubic-bezier(.2, .8, .2, 1), box-shadow .25s ease, background .2s ease; }
  .in-card:hover { transform: translateY(-3px); }
  .in-card::before { transition: width .25s ease, opacity .25s ease, box-shadow .25s ease; }
  .in-card:hover::before { width: 6px; opacity: 1; box-shadow: 0 0 16px var(--tc); }
  .in-card:active { transform: translateY(-1px) scale(.99); }
  .in-card.aberta { isolation: isolate; }
  .in-card.aberta { background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02)) padding-box,
    conic-gradient(from var(--in-giro, 0deg), color-mix(in srgb, var(--tc) 85%, transparent), transparent 30%, transparent 70%, color-mix(in srgb, var(--tc) 85%, transparent)) border-box !important;
    border: 1px solid transparent !important; animation: in-giro 4s linear infinite; }
  .in-card.piscou { animation: in-pisca 1.1s ease; }
  .in-card.aberta.piscou { animation: in-pisca 1.1s ease, in-giro 4s linear infinite; }
  @keyframes in-pisca { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tc) 70%, transparent); } 35% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--tc) 25%, transparent), 0 0 30px color-mix(in srgb, var(--tc) 50%, transparent); } 100% { box-shadow: 0 0 0 0 transparent; } }
  .in-card-pino svg { animation: in-balanca 3s ease-in-out infinite; transform-origin: 50% 10%; }
  @keyframes in-balanca { 0%, 100% { transform: rotate(0); } 10% { transform: rotate(14deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(0); } }
  .in-sitpill.s-pauta i { animation: in-ponto 1.8s ease-in-out infinite; }
  @keyframes in-ponto { 50% { box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 10%, transparent); } }
  .in-prio.p-alta svg { animation: in-tremula 2.6s ease-in-out infinite; transform-origin: 0 100%; }
  @keyframes in-tremula { 0%, 80%, 100% { transform: skewY(0); } 85% { transform: skewY(-8deg); } 90% { transform: skewY(6deg); } 95% { transform: skewY(-3deg); } }

  /* a folha: faixa do topo corre, brilho de fundo respira, o ponto do tema
     pulsa, a opcao escolhida estala, o Salvar respira quando ha alteracao */
  .in-folha::before { background: linear-gradient(90deg, var(--tc), color-mix(in srgb, var(--tc) 25%, transparent), var(--tc)); background-size: 200% 100%; animation: in-faixa 3.5s linear infinite; }
  @keyframes in-faixa { to { background-position: -200% 0; } }
  .in-folha::after { animation: in-respira 6s ease-in-out infinite; }
  @keyframes in-respira { 50% { opacity: .55; } }
  .in-tema-campo i { animation: in-ponto-tema 2.4s ease-in-out infinite; }
  @keyframes in-ponto-tema { 50% { box-shadow: 0 0 16px var(--tc), 0 0 0 4px color-mix(in srgb, var(--tc) 20%, transparent); } }
  .in-opcao { transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s cubic-bezier(.2, .8, .2, 1); }
  .in-opcao:hover:not(.ativo) { transform: translateY(-1px); }
  .in-opcao.ativo svg { animation: in-icone-ativo 2.8s ease-in-out infinite; }
  @keyframes in-icone-ativo { 50% { transform: scale(1.15); } }
  .in-opcao.escolhida { animation: in-estala .45s cubic-bezier(.3, 1.6, .5, 1); }
  @keyframes in-estala { 40% { transform: scale(1.1); } }
  .in-salvar:not(:disabled) { animation: in-chamando 1.8s ease-in-out infinite; }
  @keyframes in-chamando { 50% { box-shadow: 0 0 0 5px rgba(255, 122, 61, .22), 0 12px 26px -10px rgba(255, 90, 31, 1), inset 0 1px 0 rgba(255, 255, 255, .25); } }
  .in-salvar.feito svg { animation: in-certo .5s cubic-bezier(.3, 1.6, .5, 1); }
  @keyframes in-certo { 0% { transform: scale(0) rotate(-30deg); } 100% { transform: scale(1) rotate(0); } }
  .in-escrita { transition: border-color .2s ease, box-shadow .3s ease, transform .3s ease; }
  .in-escrita:focus-within { transform: translateY(-1px); }
  .in-icone { transition: all .2s cubic-bezier(.2, .8, .2, 1); }
  .in-icone:hover { transform: translateY(-1px); }
  .in-icone.ligado svg { animation: in-balanca 3s ease-in-out infinite; transform-origin: 50% 10%; }

  /* filtros de tema: o ponto pulsa no ativo */
  .in-temas button { transition: all .2s ease; }
  .in-temas button:hover { transform: translateY(-1px); }
  .in-temas button.ativo i { animation: in-ponto-tema 2.4s ease-in-out infinite; }

  /* menu do clique direito: cada linha entra em sequencia rapida */
  .in-menu > * { animation: in-linha-menu .22s cubic-bezier(.2, .8, .2, 1) backwards; }
  .in-menu > *:nth-child(n+3) { animation-delay: .02s; }
  .in-menu > *:nth-child(n+6) { animation-delay: .04s; }
  .in-menu > *:nth-child(n+10) { animation-delay: .06s; }
  @keyframes in-linha-menu { from { opacity: 0; transform: translateX(-6px); } }
}
@property --in-giro { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes in-giro { to { --in-giro: 360deg; } }