/* ════════════════════════════════════════════════════════════════════
   INSIGHTS — Painel lateral
   v2.0 — Layout reorganizado: cards compactos, sem sobreposição
   ════════════════════════════════════════════════════════════════════ */

.cp-insights-panel{
  position:fixed;
  top:14px;
  right:14px;
  bottom:14px;
  width:420px;
  max-width:calc(100vw - 28px);
  background:rgba(15,7,26,.96);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border:1px solid rgba(167,139,250,.25);
  border-radius:16px;
  z-index:9997;
  display:flex;
  flex-direction:column;
  box-shadow:
    0 24px 64px -12px rgba(0,0,0,.7),
    0 0 0 1px rgba(255,255,255,.03),
    inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  font-family:var(--fn);
  animation:cpInsPanelIn .25s cubic-bezier(.34,1.56,.64,1);
}
@keyframes cpInsPanelIn{
  from{opacity:0; transform:translateX(20px) scale(.97);}
  to{opacity:1; transform:translateX(0) scale(1);}
}

[data-theme="light"] .cp-insights-panel{
  background:rgba(255,255,255,.96);
  border-color:rgba(124,58,237,.25);
}

.cp-insights-panel::before{
  content:'';
  position:absolute;
  top:0; left:0; right:0;
  height:2px;
  background:linear-gradient(90deg, #f87171, #fbbf24, #10b981, #a78bfa, #ec4899);
  background-size:200% 100%;
  animation:cpInsBorderShine 4s linear infinite;
  pointer-events:none;
}
@keyframes cpInsBorderShine{
  0%{background-position:0 0;}
  100%{background-position:200% 0;}
}

/* HEAD — compacto */
.cp-ins-head{
  padding:14px 16px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.cp-ins-title{
  font-family:var(--dp);
  font-weight:800;
  font-size:15px;
  color:var(--tx);
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cp-ins-count{
  background:linear-gradient(135deg, #a78bfa, #ec4899);
  color:#fff;
  font-family:var(--mo);
  font-size:10px;
  font-weight:700;
  padding:2px 7px;
  border-radius:10px;
  flex-shrink:0;
}
.cp-ins-close{
  width:30px; height:30px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  color:var(--t2);
  cursor:pointer;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .15s;
  flex-shrink:0;
}
.cp-ins-close:hover{
  background:rgba(244,63,94,.15);
  border-color:rgba(244,63,94,.4);
  color:var(--rd);
}

.cp-ins-sub{
  padding:8px 16px 10px;
  font-size:11px;
  color:var(--t3);
  flex-shrink:0;
}

.cp-ins-empty{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  text-align:center;
}

/* LISTA DE CARDS */
.cp-ins-list{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:10px 12px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.cp-ins-list::-webkit-scrollbar{width:6px;}
.cp-ins-list::-webkit-scrollbar-thumb{
  background:rgba(167,139,250,.3);
  border-radius:3px;
}

/* CARD — versão COMPACTA com expansão ao toque */
.cp-ins-card{
  --c1:#a78bfa;
  --c-rgb:167,139,250;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(var(--c-rgb),.10) 0%, transparent 50%),
    linear-gradient(180deg, rgba(29,18,50,.7), rgba(29,18,50,.85));
  border:1px solid rgba(var(--c-rgb),.25);
  border-radius:10px;
  padding:10px 12px 10px 14px;
  position:relative;
  overflow:hidden;
  transition:transform .2s, border-color .2s, box-shadow .2s;
  cursor:pointer;
}
.cp-ins-card::before{
  content:'';
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:var(--c1);
  box-shadow:0 0 12px var(--c1);
}
.cp-ins-card:hover{
  border-color:rgba(var(--c-rgb),.5);
  box-shadow:0 6px 16px -6px rgba(var(--c-rgb),.3);
}

[data-theme="light"] .cp-ins-card{
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(var(--c-rgb),.10) 0%, transparent 50%),
    rgba(255,255,255,.85);
}

.cp-ins-card.cp-ins-red{    --c1:#f87171; --c-rgb:248,113,113; }
.cp-ins-card.cp-ins-yellow{ --c1:#fbbf24; --c-rgb:251,191,36; }
.cp-ins-card.cp-ins-green{  --c1:#10b981; --c-rgb:16,185,129; }
.cp-ins-card.cp-ins-cyan{   --c1:#22d3ee; --c-rgb:34,211,238; }

/* Linha topo: severidade + chevron */
.cp-ins-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
  gap:8px;
}
.cp-ins-sev{
  font-family:var(--mo);
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--c1);
  background:rgba(var(--c-rgb),.12);
  border:1px solid rgba(var(--c-rgb),.3);
  padding:2px 7px;
  border-radius:5px;
  white-space:nowrap;
}
.cp-ins-chev{
  font-size:14px;
  color:var(--t3);
  transition:transform .2s;
  flex-shrink:0;
  user-select:none;
}
.cp-ins-card.expanded .cp-ins-chev{
  transform:rotate(180deg);
}

/* Título: SEMPRE 2 linhas máximo, sem corte feio */
.cp-ins-card-title{
  font-family:var(--fn);
  font-weight:600;
  font-size:13.5px;
  color:var(--tx);
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Resumo: só aparece quando card está expandido */
.cp-ins-card-resumo{
  font-size:11.5px;
  color:var(--t2);
  line-height:1.4;
  margin-top:6px;
  margin-bottom:8px;
  display:none;
}
.cp-ins-card.expanded .cp-ins-card-resumo{
  display:block;
}

/* Conteúdo expandido — só aparece quando o card está expandido */
.cp-ins-card-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease, margin-top .3s ease;
}
.cp-ins-card.expanded .cp-ins-card-body{
  max-height:600px;
  margin-top:10px;
}

.cp-ins-card-list{
  list-style:none;
  margin:0 0 8px;
  padding:8px 10px;
  background:rgba(0,0,0,.2);
  border-radius:7px;
  border:1px solid rgba(255,255,255,.04);
}
[data-theme="light"] .cp-ins-card-list{
  background:rgba(0,0,0,.04);
  border-color:rgba(0,0,0,.06);
}
.cp-ins-card-list li{
  font-size:11.5px;
  color:var(--t2);
  padding:3px 0;
  line-height:1.4;
}
.cp-ins-card-list li b{
  color:var(--tx);
  font-weight:600;
}
.cp-ins-card-list li:not(:last-child){
  border-bottom:1px dashed rgba(255,255,255,.05);
}

.cp-ins-card-tip{
  font-size:11px;
  color:var(--t2);
  background:rgba(var(--c-rgb),.06);
  border:1px solid rgba(var(--c-rgb),.15);
  padding:7px 9px;
  border-radius:6px;
  margin-bottom:8px;
  line-height:1.4;
}

.cp-ins-card-btn{
  width:100%;
  padding:8px 12px;
  background:rgba(var(--c-rgb),.15);
  border:1px solid rgba(var(--c-rgb),.35);
  border-radius:6px;
  color:var(--tx);
  font-family:var(--fn);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s;
}
.cp-ins-card-btn:hover{
  background:rgba(var(--c-rgb),.25);
  border-color:var(--c1);
}

/* FOOT */
.cp-ins-foot{
  padding:10px 14px;
  border-top:1px solid rgba(255,255,255,.05);
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-shrink:0;
  gap:8px;
}
.cp-ins-foot-btn{
  padding:7px 12px;
  background:rgba(167,139,250,.1);
  border:1px solid rgba(167,139,250,.25);
  border-radius:7px;
  color:var(--t2);
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s;
  font-family:var(--fn);
  white-space:nowrap;
}
.cp-ins-foot-btn:hover{
  background:rgba(167,139,250,.2);
  color:var(--tx);
  border-color:rgba(167,139,250,.4);
}
.cp-ins-foot-info{
  font-family:var(--mo);
  font-size:10px;
  color:var(--t3);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* MOBILE — full screen + EVITA conflito com o hamburger da sidebar */
@media (max-width:900px){
  .cp-insights-panel{
    /* Bottom sheet style: começa no topo deixando espaço pro hambúrguer,
       termina embaixo */
    top:64px;        /* deixa o hambúrguer livre acima */
    left:8px;
    right:8px;
    bottom:8px;
    width:auto;
    max-width:none;
    border-radius:14px;
  }

  .cp-ins-head{
    padding:12px 14px 8px;
  }
  .cp-ins-title{
    font-size:14px;
  }
  .cp-ins-sub{
    padding:6px 14px 8px;
    font-size:11px;
  }
  .cp-ins-list{
    padding:8px 10px 10px;
    gap:7px;
  }
  .cp-ins-card{
    padding:9px 11px 9px 13px;
  }
  .cp-ins-card-title{
    font-size:13px;
  }
  .cp-ins-card-resumo{
    font-size:11px;
  }
  .cp-ins-foot{
    padding:8px 12px;
  }
}

/* ─── Botão Insights na sidebar ─── */
.cp-sb-action.cp-sb-action-insights{
  background:linear-gradient(135deg, rgba(167,139,250,.2), rgba(236,72,153,.15));
  border-color:rgba(167,139,250,.4);
  color:var(--tx);
}
.cp-sb-action.cp-sb-action-insights:hover{
  background:linear-gradient(135deg, rgba(167,139,250,.35), rgba(236,72,153,.25));
  border-color:rgba(167,139,250,.6);
}

/* ════════════════════════════════════════════════════════════════════
   ANÁLISE IA — Botão da sidebar + Seletor + Seções
   ════════════════════════════════════════════════════════════════════ */

/* Botão Análise IA na sidebar (estilo similar ao Insights) */
.cp-sb-action.cp-sb-action-analise-ia{
  background:linear-gradient(135deg, rgba(34,211,238,.18), rgba(167,139,250,.12));
  border-color:rgba(34,211,238,.4);
  color:var(--tx);
}
.cp-sb-action.cp-sb-action-analise-ia:hover{
  background:linear-gradient(135deg, rgba(34,211,238,.3), rgba(167,139,250,.2));
  border-color:rgba(34,211,238,.6);
}

/* Seletor (modal central de escolha) */
.cp-ia-seletor{
  position:fixed;
  inset:0;
  background:rgba(10,4,24,.7);
  backdrop-filter:blur(8px);
  z-index:9998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  animation:cpFadeIn .2s ease;
}
@keyframes cpFadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

.cp-ia-seletor-inner{
  background:rgba(15,7,26,.98);
  backdrop-filter:blur(28px) saturate(180%);
  border:1px solid rgba(34,211,238,.3);
  border-radius:16px;
  width:100%;
  max-width:440px;
  max-height:calc(100vh - 40px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 24px 64px rgba(0,0,0,.7);
  animation:cpInsPanelIn .25s cubic-bezier(.34,1.56,.64,1);
}

[data-theme="light"] .cp-ia-seletor-inner{
  background:rgba(255,255,255,.98);
  border-color:rgba(124,58,237,.3);
}

.cp-ia-seletor-head{
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.05);
  flex-shrink:0;
  gap:10px;
}
.cp-ia-seletor-title{
  font-family:var(--dp);
  font-weight:800;
  font-size:17px;
  color:var(--tx);
  flex:1;
  min-width:0;
}
.cp-ia-seletor-close{
  width:30px; height:30px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  color:var(--t2);
  cursor:pointer;
  font-size:14px;
  flex-shrink:0;
}

.cp-ia-seletor-body{
  padding:16px 18px;
  overflow-y:auto;
}

.cp-ia-seletor-info{
  background:rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.04);
  border-radius:8px;
  padding:10px 12px;
  font-size:11.5px;
  color:var(--t2);
  line-height:1.6;
  margin-bottom:14px;
}
[data-theme="light"] .cp-ia-seletor-info{
  background:rgba(0,0,0,.04);
}
.cp-ia-seletor-info b{color:var(--tx); font-family:var(--mo);}

.cp-ia-seletor-acoes{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.cp-ia-seletor-btn{
  width:100%;
  padding:12px 14px;
  background:linear-gradient(135deg, rgba(34,211,238,.10), rgba(167,139,250,.08));
  border:1px solid rgba(34,211,238,.25);
  border-radius:9px;
  color:var(--tx);
  font-family:var(--fn);
  font-size:13px;
  cursor:pointer;
  transition:all .15s;
  text-align:left;
  display:flex;
  align-items:center;
  gap:12px;
}
.cp-ia-seletor-btn:hover{
  background:linear-gradient(135deg, rgba(34,211,238,.22), rgba(167,139,250,.15));
  border-color:rgba(34,211,238,.55);
  transform:translateX(2px);
}
.cp-ia-btn-ic{
  font-size:22px;
  width:32px;
  text-align:center;
  flex-shrink:0;
}
.cp-ia-btn-txt{
  flex:1;
  line-height:1.3;
}
.cp-ia-btn-txt b{
  font-size:13px;
  color:var(--tx);
  font-weight:600;
}
.cp-ia-btn-txt small{
  font-size:11px;
  color:var(--t3);
  display:block;
  margin-top:2px;
}

/* Seções dentro do painel de análise */
.cp-analise-secao{
  background:linear-gradient(180deg, rgba(29,18,50,.7), rgba(29,18,50,.85));
  border:1px solid rgba(34,211,238,.18);
  border-radius:10px;
  padding:11px 13px;
  margin-bottom:8px;
}
[data-theme="light"] .cp-analise-secao{
  background:rgba(255,255,255,.85);
}
.cp-analise-sec-title{
  font-family:var(--mo);
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  color:#22d3ee;
  margin-bottom:7px;
  text-transform:uppercase;
}
.cp-analise-sec-body{
  font-size:12px;
  color:var(--t2);
  line-height:1.6;
}
.cp-analise-sec-body b{
  color:var(--tx);
  font-weight:600;
}

/* ════════════════════════════════════════════════════════════════════
   ANÁLISE IA v3 — Busca + Categorias
   ════════════════════════════════════════════════════════════════════ */

/* Maior tamanho do seletor pra caber 31 opções */
.cp-ia-seletor-inner{
  max-width:520px;
  max-height:calc(100vh - 28px);
  height:auto;
}

/* Caixa de busca */
.cp-ia-seletor-search-wrap{
  padding:12px 18px 0;
  flex-shrink:0;
}
.cp-ia-seletor-search{
  width:100%;
  padding:10px 14px;
  background:rgba(29,18,50,.6);
  border:1px solid rgba(34,211,238,.2);
  border-radius:9px;
  color:var(--tx);
  font-family:var(--fn);
  font-size:13.5px;
  outline:none;
  transition:border-color .15s, box-shadow .15s, background .15s;
  box-sizing:border-box;
}
[data-theme="light"] .cp-ia-seletor-search{
  background:rgba(245,243,255,.8);
  color:var(--tx);
}
.cp-ia-seletor-search::placeholder{color:var(--t3);}
.cp-ia-seletor-search:focus{
  border-color:rgba(34,211,238,.55);
  background:rgba(29,18,50,.85);
  box-shadow:0 0 0 3px rgba(34,211,238,.1);
}

/* Body com scroll */
.cp-ia-seletor-body{
  padding:8px 14px 14px;
  overflow-y:auto;
  flex:1;
  min-height:0;
}
.cp-ia-seletor-body::-webkit-scrollbar{width:6px;}
.cp-ia-seletor-body::-webkit-scrollbar-thumb{
  background:rgba(167,139,250,.3);
  border-radius:3px;
}

/* Categoria */
.cp-ia-cat{
  margin-bottom:14px;
}
.cp-ia-cat-title{
  font-family:var(--mo);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--cat-cor, var(--t3));
  margin:8px 4px 6px;
  padding-left:4px;
  border-left:3px solid var(--cat-cor, var(--t3));
  text-transform:uppercase;
}
.cp-ia-cat-list{
  display:flex;
  flex-direction:column;
  gap:5px;
}

/* Botão de opção (mais compacto pra caber muitos) */
.cp-ia-seletor-btn{
  width:100%;
  padding:9px 11px;
  background:rgba(29,18,50,.5);
  border:1px solid rgba(167,139,250,.15);
  border-radius:8px;
  color:var(--tx);
  font-family:var(--fn);
  font-size:12.5px;
  cursor:pointer;
  transition:all .12s;
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
}
.cp-ia-seletor-btn:hover{
  background:rgba(167,139,250,.12);
  border-color:rgba(167,139,250,.5);
  transform:translateX(2px);
}
.cp-ia-btn-ic{
  font-size:18px;
  width:26px;
  text-align:center;
  flex-shrink:0;
}
.cp-ia-btn-txt{
  flex:1;
  line-height:1.3;
  min-width:0;
  overflow:hidden;
}
.cp-ia-btn-txt b{
  font-size:12.5px;
  color:var(--tx);
  font-weight:600;
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cp-ia-btn-txt small{
  font-size:11px;
  color:var(--t3);
  display:block;
  margin-top:1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.cp-ia-seletor-empty{
  padding:24px 12px;
  text-align:center;
  font-size:12.5px;
  color:var(--t3);
}
.cp-ia-seletor-empty b{color:var(--tx);}

@media (max-width:900px){
  .cp-ia-seletor-inner{
    max-width:none;
    width:100%;
  }
}

/* ════════════════════════════════════════════════════════════════════
   ANÁLISE IA — Tabs + Busca interna (v3)
   ════════════════════════════════════════════════════════════════════ */

/* Busca dentro do seletor */
.cp-ia-search-wrap{
  position:relative;
  margin:0 18px 8px;
  flex-shrink:0;
}
.cp-ia-search{
  width:100%;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(167,139,250,.18);
  border-radius:8px;
  padding:9px 12px 9px 34px;
  color:var(--tx);
  font-family:var(--fn);
  font-size:13px;
  outline:none;
  box-sizing:border-box;
  transition:border-color .15s, background .15s;
}
[data-theme="light"] .cp-ia-search{
  background:rgba(245,243,255,.7);
}
.cp-ia-search::placeholder{color:var(--t3);}
.cp-ia-search:focus{
  border-color:rgba(34,211,238,.5);
  background:rgba(0,0,0,.4);
}
.cp-ia-search-ic{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  color:var(--t3);
  font-size:13px;
  pointer-events:none;
}

/* Tabs de categoria */
.cp-ia-tabs{
  display:flex;
  gap:4px;
  padding:0 12px 8px;
  overflow-x:auto;
  flex-shrink:0;
  scrollbar-width:none;
}
.cp-ia-tabs::-webkit-scrollbar{display:none;}

.cp-ia-tab{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  padding:6px 10px;
  color:var(--t2);
  font-family:var(--fn);
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex-shrink:0;
}
.cp-ia-tab:hover{
  background:rgba(255,255,255,.08);
  color:var(--tx);
}
.cp-ia-tab.active{
  background:linear-gradient(135deg, rgba(34,211,238,.25), rgba(167,139,250,.18));
  border-color:rgba(34,211,238,.5);
  color:var(--tx);
}
.cp-ia-tab-ct{
  font-family:var(--mo);
  font-size:9.5px;
  font-weight:700;
  background:rgba(0,0,0,.3);
  padding:1px 5px;
  border-radius:8px;
  color:var(--t3);
}
.cp-ia-tab.active .cp-ia-tab-ct{
  background:rgba(34,211,238,.3);
  color:var(--tx);
}

.cp-ia-empty{
  text-align:center;
  padding:30px 20px;
  color:var(--t3);
  font-size:13px;
}