/* =========================================================================
   Animações do Cardápio (/intelligence) — seis camadas, uma composição cada.
   Gerado a partir dos mocks aprovados (Telas de Produto/Intelligence).
   Escopo: .intelligence-scope .ca-<camada>. Só transform/opacity animam;
   prefers-reduced-motion mostra o estado final estático.
   ========================================================================= */

/* Layout do painel: texto à esquerda, animação à direita, grid embaixo */
.intelligence-scope .int-cardapio-panel:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(280px, 5fr) minmax(0, 7fr);
  column-gap: 56px;
  row-gap: 64px;
  align-items: center;
}
.intelligence-scope .int-cardapio-panel-text { grid-column: 1; }
.intelligence-scope .int-cardapio-anim { grid-column: 2; min-width: 0; }
.intelligence-scope .int-cardapio-panel .int-card-grid { grid-column: 1 / -1; margin-top: 0; }
.intelligence-scope .int-cardapio-panel .int-card-footnote { grid-column: 1 / -1; margin-top: -32px; }
@media (max-width: 1023px) {
  .intelligence-scope .int-cardapio-panel:not([hidden]) { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .intelligence-scope .int-cardapio-anim .stage { min-width: 0; max-width: 100%; }
  .intelligence-scope .int-cardapio-panel-text,
  .intelligence-scope .int-cardapio-anim { grid-column: 1; }
  .intelligence-scope .int-cardapio-panel-text { max-width: none; }
}
.intelligence-scope .int-cardapio-anim .stage { box-sizing: border-box; }
.intelligence-scope .int-cardapio-anim .stage *, .intelligence-scope .int-cardapio-anim .stage *::before, .intelligence-scope .int-cardapio-anim .stage *::after { box-sizing: border-box; }
.intelligence-scope .int-cardapio-anim .stage { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; color: #1c1d26; }
.intelligence-scope .int-cardapio-anim .stage svg { display: block; }
.intelligence-scope .int-cardapio-anim .stage p, .intelligence-scope .int-cardapio-anim .stage ul { margin: 0; }
/* o pacote em repouso fica fora do palco: não vazar pra coluna do texto */
.intelligence-scope .ca-cap .wires, .intelligence-scope .ca-itg .wires { overflow: hidden; }


/* ---------- captacao ---------- */
.intelligence-scope .ca-cap {
    /* tokens DS MKT Site (pré-refresh) */
    --surface: #ffffff;
    --surface-muted: #f5f7fa;
    --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0);
    --brand-hover: #002a8d;
    --brand-green: #52f896;
    --ink-navy: #071529;
    --ink: #1c1d26;
    --ink-soft: #5a5d6b;
    --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08);
    --shadow-md: 0 10px 30px rgba(3,15,55,.10);
    --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);

    /* paleta do app Agendor (só dentro do mockup do funil) */
    --app-nav: #1f1d3b;
    --app-bg: #f5f6fa;
    --app-purple: #5b4ce0;
    --app-purple-2: #6a5cf0;
    --app-teal: #3fd0a0;
    --app-text: #2b2b3a;
    --app-muted: #6f7284;
    --app-border: #e6e7ee;
    --app-green-bg: #d8f5e7; --app-green: #1f9b6c;
    --app-yellow-bg: #fff1c2; --app-yellow: #c48f05;
    --app-red-bg: #ffe0e0; --app-red: #e03131;
  }
.intelligence-scope .ca-cap {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px;
    padding: 24px 24px 18px;
    display:grid; grid-template-columns: 164px minmax(0,1fr);
    column-gap: 40px;
    min-height: 400px;
  }
.intelligence-scope .ca-cap .wires { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:hidden; }
.intelligence-scope .ca-cap .wires path { fill:none; stroke:#cfd6ea; stroke-width:1.5; stroke-dasharray: 3 5; }
.intelligence-scope .ca-cap .wires path.hot { stroke: var(--brand); stroke-dasharray:none; }
.intelligence-scope .ca-cap .wires .pkt { fill: var(--brand); }
.intelligence-scope .ca-cap .wires .pkt-halo { fill: rgba(0,48,160,.16); }
.intelligence-scope .ca-cap .channels { display:flex; flex-direction:column; justify-content:center; gap: 10px; position:relative; z-index:1; }
.intelligence-scope .ca-cap .chip {
    display:flex; align-items:center; gap: 10px; background:#fff; border:1px solid var(--border); border-radius: 999px;
    padding: 8px 14px 8px 10px; min-height: 0;
    transition: border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);
  }
.intelligence-scope .ca-cap .chip.on { border-color: var(--brand); box-shadow: var(--shadow-md); transform: translateX(4px); }
.intelligence-scope .ca-cap .chip .ico { width:28px; height:28px; border-radius: 50%; flex:none; display:grid; place-items:center; background: var(--brand-soft); color: var(--brand); }
.intelligence-scope .ca-cap .chip .ico svg { width:15px; height:15px; }
.intelligence-scope .ca-cap .chip .name { flex:1; min-width:0; font-family: var(--font-sans); font-size: 13px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; white-space: nowrap; color: var(--ink); }
.intelligence-scope .ca-cap .chip .pulse { width:6px; height:6px; border-radius:50%; background: var(--border); flex:none; transition: background .3s; }
.intelligence-scope .ca-cap .chip.on .pulse { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.intelligence-scope .ca-cap .funnel-wrap {
    position:relative; z-index:1; align-self:center; min-width:0;
    aspect-ratio: 1180 / 720; width:100%;
    border-radius: 16px; overflow:hidden;
    border: 1px solid var(--border); box-shadow: var(--shadow-lg); background: var(--app-bg);
  }
.intelligence-scope .ca-cap .app {
    position:absolute; left:0; top:0; width:1180px; height:720px;
    transform-origin: 0 0; transform: scale(var(--s, .45));
    font-family: var(--font-display); color: var(--app-text); background: var(--app-bg);
    display:grid; grid-template-rows: 66px 1fr; grid-template-columns: minmax(0,1fr);
  }
.intelligence-scope .ca-cap .app svg { display:block; }
.intelligence-scope .ca-cap .nav { background: var(--app-nav); color:#fff; display:flex; align-items:center; gap: 18px; padding: 0 20px; min-width:0; overflow:hidden; }
.intelligence-scope .ca-cap .nav .logo { font: 700 30px/1 var(--font-display); color:#fff; width: 34px; letter-spacing:-.02em; }
.intelligence-scope .ca-cap .nav .items { display:flex; align-items:stretch; height: 66px; }
.intelligence-scope .ca-cap .nav .item { display:flex; align-items:center; gap: 8px; padding: 0 11px; white-space:nowrap; font: 500 16px/1 var(--font-display); color:#fff; border-bottom: 3px solid transparent; }
.intelligence-scope .ca-cap .nav .item svg { width:18px; height:18px; stroke:#fff; }
.intelligence-scope .ca-cap .nav .item.active { border-bottom-color: var(--app-teal); }
.intelligence-scope .ca-cap .nav .search { margin-left:auto; width: 220px; flex:none; height: 42px; background:#fff; border-radius: 6px; display:flex; align-items:center; padding: 0 14px; color:#9a9cb0; font-size: 15px; justify-content:space-between; }
.intelligence-scope .ca-cap .nav .search svg { width:18px; height:18px; stroke:#9a9cb0; }
.intelligence-scope .ca-cap .nav .user { display:flex; align-items:center; gap: 10px; white-space:nowrap; flex:none; }
.intelligence-scope .ca-cap .nav .avatar { width: 38px; height: 38px; border-radius:50%; background: linear-gradient(135deg,#8ea2d6,#4e5fa8); }
.intelligence-scope .ca-cap .nav .user .n { font-size: 15px; line-height:1.2; }
.intelligence-scope .ca-cap .nav .user .c { font-size: 13.5px; color:#c9c8dc; line-height:1.2; }
.intelligence-scope .ca-cap .body { display:grid; grid-template-columns: 96px minmax(0,1fr); min-height:0; }
.intelligence-scope .ca-cap .rail { display:flex; flex-direction:column; align-items:center; gap: 12px; padding-top: 22px; }
.intelligence-scope .ca-cap .pill { width: 52px; height: 52px; border-radius: 12px; background:#fff; border:1px solid var(--app-border); display:grid; place-items:center; font: 500 13px/1 var(--font-display); color: var(--app-text); box-shadow: 0 1px 2px rgba(20,20,60,.05); }
.intelligence-scope .ca-cap .pill.active { background: var(--app-purple); border-color: var(--app-purple); color:#fff; }
.intelligence-scope .ca-cap .pill svg { width:20px; height:20px; stroke: var(--app-text); }
.intelligence-scope .ca-cap .main { min-width:0; padding: 18px 26px 0 14px; display:flex; flex-direction:column; }
.intelligence-scope .ca-cap .hd { display:flex; align-items:center; gap: 16px; }
.intelligence-scope .ca-cap .hd .title { font: 500 24px/1 var(--font-display); color: var(--app-purple); }
.intelligence-scope .ca-cap .hd .total { display:flex; align-items:center; gap: 8px; font: 500 18px/1 var(--font-display); color: var(--app-text); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-cap .hd .total svg { width:18px; height:18px; stroke: var(--app-text); }
.intelligence-scope .ca-cap .hd .badge { background:#e6e7ee; color:#4a4c5c; border-radius: 6px; padding: 5px 9px; font: 500 13px/1 var(--font-display); }
.intelligence-scope .ca-cap .hd .gen { margin-left:auto; background:#1f1d3b; color:#fff; border-radius: 8px; padding: 12px 18px; font: 500 15px/1 var(--font-display); display:flex; align-items:center; gap: 8px; }
.intelligence-scope .ca-cap .hd .gen svg { width:16px; height:16px; stroke:#fff; }
.intelligence-scope .ca-cap .tb { display:flex; align-items:center; gap: 12px; margin: 18px 0 16px; padding-bottom: 14px; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-cap .tb .inp { width: 230px; flex:none; height: 44px; background:#fff; border:1px solid var(--app-border); border-radius: 8px; display:flex; align-items:center; gap: 8px; padding: 0 12px; color:#9a9cb0; font-size: 15px; }
.intelligence-scope .ca-cap .tb .inp svg { width:16px; height:16px; stroke:#9a9cb0; }
.intelligence-scope .ca-cap .tb .btn { height: 44px; display:flex; align-items:center; gap: 8px; padding: 0 14px; border-radius: 8px; font: 500 15px/1 var(--font-display); color: var(--app-text); background:#fff; border:1px solid var(--app-border); }
.intelligence-scope .ca-cap .tb .btn svg { width:16px; height:16px; stroke: var(--app-text); }
.intelligence-scope .ca-cap .tb .lnk { height: 44px; display:flex; align-items:center; gap: 8px; padding: 0 6px; font: 500 15px/1 var(--font-display); color: var(--app-purple); }
.intelligence-scope .ca-cap .tb .lnk svg { width:16px; height:16px; stroke: var(--app-purple); }
.intelligence-scope .ca-cap .tb .views { margin-left:auto; display:flex; border:1px solid var(--app-border); background:#fff; border-radius: 8px; overflow:hidden; }
.intelligence-scope .ca-cap .tb .views span { width: 44px; height: 42px; display:grid; place-items:center; }
.intelligence-scope .ca-cap .tb .views span svg { width:18px; height:18px; stroke: var(--app-text); }
.intelligence-scope .ca-cap .tb .views span.active { background: var(--app-purple); }
.intelligence-scope .ca-cap .tb .views span.active svg { stroke:#fff; }
.intelligence-scope .ca-cap .tb .add { height: 44px; display:flex; align-items:center; gap: 8px; padding: 0 16px; border-radius: 8px; background: var(--app-purple); color:#fff; font: 500 15px/1 var(--font-display); }
.intelligence-scope .ca-cap .tb .add svg { width:16px; height:16px; stroke:#fff; }
.intelligence-scope .ca-cap .cols { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; flex:1; min-height:0; }
.intelligence-scope .ca-cap .col { min-width:0; display:flex; flex-direction:column; }
.intelligence-scope .ca-cap .col-h { padding: 0 2px 10px; }
.intelligence-scope .ca-cap .col-h .nm { font: 500 15px/1.2 var(--font-display); letter-spacing:.02em; text-transform: uppercase; color: var(--app-text); }
.intelligence-scope .ca-cap .col-h .ct { font: 400 15px/1.4 var(--font-display); color: var(--app-muted); font-variant-numeric: tabular-nums; margin-top: 4px; }
.intelligence-scope .ca-cap .col-h .ct b { font-weight: 400; color: var(--app-text); }
.intelligence-scope .ca-cap .list { display:flex; flex-direction:column; gap: 10px; min-height:0; overflow:hidden; }
.intelligence-scope .ca-cap .card {
    background:#fff; border-radius: 10px; padding: 14px 16px; display:flex; justify-content:space-between; align-items:center; gap: 10px;
    box-shadow: 0 1px 3px rgba(20,20,60,.06);
    animation: ca-cap-cardIn .5s var(--ease-out) both;
  }
.intelligence-scope .ca-cap .card.moving { animation: ca-cap-cardOut .35s var(--ease-out) both; }
.intelligence-scope .ca-cap .card .cn { font: 500 16px/1.25 var(--font-display); color: var(--app-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-cap .card .co { font: 400 14px/1.3 var(--font-display); color: var(--app-muted); margin-top: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-cap .card .cv { font: 400 14.5px/1.3 var(--font-display); color: var(--app-text); margin-top: 8px; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-cap .card .ic { position:relative; width: 50px; height: 50px; border-radius: 50%; flex:none; display:grid; place-items:center; }
.intelligence-scope .ca-cap .card .ic svg { width: 22px; height: 22px; }
.intelligence-scope .ca-cap .card .ic .bd { position:absolute; right:-2px; bottom:-2px; width: 20px; height: 20px; border-radius:50%; display:grid; place-items:center; }
.intelligence-scope .ca-cap .card .ic .bd svg { width:13px; height:13px; }
.intelligence-scope .ca-cap .ic.g { background: var(--app-green-bg); }
.intelligence-scope .ca-cap .ic.g svg { stroke: var(--app-green); }
.intelligence-scope .ca-cap .ic.g .bd { background: var(--app-green-bg); }
.intelligence-scope .ca-cap .ic.y { background: var(--app-yellow-bg); }
.intelligence-scope .ca-cap .ic.y svg { stroke: var(--app-yellow); }
.intelligence-scope .ca-cap .ic.y .bd { background: var(--app-yellow-bg); }
.intelligence-scope .ca-cap .ic.r { background: var(--app-red-bg); }
.intelligence-scope .ca-cap .ic.r svg { stroke: var(--app-red); }
.intelligence-scope .ca-cap .caption {
    grid-column: 1 / -1; margin-top: 16px; z-index:1;
    display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft);
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px;
    width: max-content; max-width: 100%; margin-inline: auto;
  }
.intelligence-scope .ca-cap .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-cap .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-cap .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-cap-cardIn { from{ opacity:0; transform: translateY(-10px); } to{ opacity:1; transform:none; } }
@keyframes ca-cap-cardOut { from{ opacity:1; transform:none; } to{ opacity:0; transform: translateX(16px); } }
@media (max-width: 720px) {
  .intelligence-scope .ca-cap { grid-template-columns: minmax(0, 1fr); row-gap: 18px; padding: 16px; min-height: 0; }
  .intelligence-scope .ca-cap .channels { flex-direction: row; flex-wrap: wrap; }
  .intelligence-scope .ca-cap .chip { flex: 1 1 45%; min-height: 0; }
  .intelligence-scope .ca-cap .wires { display:none; }
  .intelligence-scope .ca-cap .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-cap .card, .intelligence-scope .ca-cap .card.moving { animation: none; }
  .intelligence-scope .ca-cap .chip { transition: none; }
}

/* ---------- crm ---------- */
.intelligence-scope .ca-crm {
    --surface: #ffffff; --surface-muted: #f5f7fa; --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0); --brand-hover: #002a8d; --brand-green: #52f896; --ink-navy: #071529;
    --ink: #1c1d26; --ink-soft: #5a5d6b; --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08); --shadow-md: 0 10px 30px rgba(3,15,55,.10); --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);

    /* paleta do app Agendor (só dentro do mockup) */
    --app-bg: #f5f6fa; --app-purple: #5b4ce0; --app-purple-soft: #ece9fc; --app-purple-2: #8f84f0;
    --app-text: #2b2b3a; --app-muted: #6f7284; --app-border: #e6e7ee; --app-strip: #f4f5fa;
    --app-green-bg: #d8f5e7; --app-green: #1f9b6c; --app-red: #e03131;
  }
.intelligence-scope .ca-crm {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px; padding: 24px 24px 18px;
    display:flex; flex-direction:column; align-items:center; gap: 16px; min-height: 400px;
  }
.intelligence-scope .ca-crm .writer {
    position:absolute; z-index:2; top: 12px; right: 40px;
    display:flex; align-items:center; gap: 9px; background:#fff; border:1px solid var(--border); border-radius: 999px;
    padding: 6px 12px 6px 6px; box-shadow: var(--shadow-md); font-size: 12px; color: var(--ink-soft);
    opacity: 0; transform: translateY(-6px); transition: opacity .35s var(--ease-out), transform .35s var(--ease-out);
  }
.intelligence-scope .ca-crm .writer.on { opacity:1; transform:none; }
.intelligence-scope .ca-crm .writer .av { width: 24px; height: 24px; border-radius: 50%; display:grid; place-items:center; font: 600 12px/1 var(--font-display); color:#fff; background: var(--app-purple); }
.intelligence-scope .ca-crm .writer .av.hu { background:#8ea2d6; }
.intelligence-scope .ca-crm .writer b { font-weight: 500; color: var(--ink); }
.intelligence-scope .ca-crm .writer .typing { display:inline-flex; gap: 3px; margin-left: 2px; }
.intelligence-scope .ca-crm .writer .typing i { width: 4px; height: 4px; border-radius: 50%; background: var(--brand); animation: ca-crm-blink 1s infinite; }
.intelligence-scope .ca-crm .writer .typing i:nth-child(2) { animation-delay: .2s }
.intelligence-scope .ca-crm .writer .typing i:nth-child(3) { animation-delay: .4s }
.intelligence-scope .ca-crm .browser { width:100%; border-radius: 16px; overflow:hidden; border:1px solid var(--border); box-shadow: var(--shadow-lg); background: var(--app-bg); }
.intelligence-scope .ca-crm .bbar { height: 34px; background:#fff; border-bottom:1px solid var(--border); display:flex; align-items:center; gap: 6px; padding: 0 14px; }
.intelligence-scope .ca-crm .bbar i { width: 9px; height: 9px; border-radius: 50%; background:#e1e3ea; display:block; }
.intelligence-scope .ca-crm .bbar .url { margin-left: 10px; flex:1; max-width: 360px; height: 20px; border-radius: 5px; background: var(--surface-muted); font: 400 11px/20px ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink-soft); padding: 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-crm .app-wrap { position:relative; width:100%; aspect-ratio: 1180 / 690; overflow:hidden; }
.intelligence-scope .ca-crm .app { position:absolute; left:0; top:0; width:1180px; height:690px; transform-origin: 0 0; transform: scale(var(--s,.58));
    font-family: var(--font-display); color: var(--app-text); background: var(--app-bg); display:flex; flex-direction:column; }
.intelligence-scope .ca-crm .app svg { display:block; }
.intelligence-scope .ca-crm .hd { background:#fff; padding: 14px 22px 12px; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-crm .hd .r1 { display:flex; align-items:center; gap: 14px; }
.intelligence-scope .ca-crm .hd .title { font: 500 22px/1.2 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-crm .hd .badge { font: 500 13px/1 var(--font-display); color: var(--app-purple); background: var(--app-purple-soft); border-radius: 6px; padding: 6px 9px; }
.intelligence-scope .ca-crm .hd .badge.ava { color:#fff; background: var(--app-purple); display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-crm .hd .badge.ava b { font-weight: 600; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-crm .hd .r1 .acts { margin-left:auto; display:flex; gap: 8px; }
.intelligence-scope .ca-crm .hd .st { height: 32px; display:flex; align-items:center; gap: 7px; padding: 0 12px; border-radius: 6px; background:#eef0f6; font: 500 14px/1 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-crm .hd .st svg { width:14px; height:14px; stroke: var(--app-text); }
.intelligence-scope .ca-crm .hd .st.on { background: var(--app-purple-soft); color: var(--app-purple); }
.intelligence-scope .ca-crm .hd .st.on svg { stroke: var(--app-purple); }
.intelligence-scope .ca-crm .hd .st.win { background: var(--app-green-bg); color: var(--app-green); }
.intelligence-scope .ca-crm .hd .st.win svg { stroke: var(--app-green); }
.intelligence-scope .ca-crm .hd .r2 { display:flex; align-items:center; gap: 10px; margin-top: 8px; font: 400 14px/1 var(--font-display); color: var(--app-purple); }
.intelligence-scope .ca-crm .hd .r2 svg { width:15px; height:15px; stroke: var(--app-purple); }
.intelligence-scope .ca-crm .hd .r2 .stars { display:flex; gap: 3px; margin-left: 6px; }
.intelligence-scope .ca-crm .hd .r2 .stars i { width: 12px; height: 12px; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); background:#7dd8b7; display:block; }
.intelligence-scope .ca-crm .hd .r2 .av { width: 22px; height: 22px; border-radius:50%; background: linear-gradient(135deg,#8ea2d6,#4e5fa8); margin-left: 6px; }
.intelligence-scope .ca-crm .stages { display:flex; align-items:center; gap: 10px; padding: 12px 22px; background:#fff; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-crm .stages .fun { display:flex; align-items:center; gap: 7px; font: 400 14px/1 var(--font-display); color: var(--app-text); width: 150px; flex:none; }
.intelligence-scope .ca-crm .stages .fun svg { width:16px; height:16px; stroke: var(--app-text); }
.intelligence-scope .ca-crm .stages .chev { flex:1; display:flex; gap: 6px; }
.intelligence-scope .ca-crm .stages .step { flex:1; height: 34px; display:grid; place-items:center; font: 500 14px/1 var(--font-display); color: var(--app-purple); background: var(--app-purple-soft);
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%); transition: background .4s var(--ease-out), color .4s var(--ease-out); }
.intelligence-scope .ca-crm .stages .step:first-child { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%); }
.intelligence-scope .ca-crm .stages .step.on { background: var(--app-purple); color:#fff; }
.intelligence-scope .ca-crm .cols { display:grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 14px; padding: 14px 22px 0; flex:1; min-height:0; }
.intelligence-scope .ca-crm .card { background:#fff; border-radius: 10px; box-shadow: 0 1px 3px rgba(20,20,60,.06); }
.intelligence-scope .ca-crm .actions { display:flex; gap: 6px; padding: 8px 8px; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-crm .actions span { flex:1; height: 34px; display:flex; align-items:center; justify-content:center; gap: 7px; font: 400 14px/1 var(--font-display); color: var(--app-text); border-radius: 6px; }
.intelligence-scope .ca-crm .actions span svg { width: 15px; height: 15px; stroke: var(--app-text); }
.intelligence-scope .ca-crm .composer { margin: 10px 12px 12px; height: 62px; border-radius: 8px; background: var(--app-bg); border:1px solid var(--app-border); padding: 10px 12px; font: 400 14px/1.3 var(--font-display); color:#9a9cb0; position:relative; }
.intelligence-scope .ca-crm .composer .m { position:absolute; right: 12px; bottom: 8px; font-size: 13px; color: var(--app-text); }
.intelligence-scope .ca-crm .hist-h { display:flex; gap: 8px; align-items:center; padding: 0 14px; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-crm .hist-h span { font: 500 15px/1 var(--font-display); color: var(--app-text); padding: 10px 2px 12px; border-bottom: 3px solid var(--app-purple); display:flex; align-items:center; gap: 7px; }
.intelligence-scope .ca-crm .hist-h span svg { width: 15px; height: 15px; stroke: var(--app-text); }
.intelligence-scope .ca-crm .hist { padding: 12px 12px 0; display:flex; flex-direction:column; gap: 10px; overflow:hidden; }
.intelligence-scope .ca-crm .act { border:1px solid var(--app-border); border-radius: 8px; overflow:hidden; animation: ca-crm-actIn .55s var(--ease-out) both; }
.intelligence-scope .ca-crm .act.old { animation:none; }
.intelligence-scope .ca-crm .act .top { display:flex; align-items:center; gap: 12px; padding: 10px 12px; background: var(--app-strip); }
.intelligence-scope .ca-crm .act .top svg { width: 18px; height: 18px; stroke: var(--app-text); flex:none; }
.intelligence-scope .ca-crm .act .top .t { font: 500 14px/1.2 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-crm .act .top .c { font: 400 12.5px/1.2 var(--font-display); color: var(--app-muted); margin-top: 3px; }
.intelligence-scope .ca-crm .act .top .right { margin-left:auto; display:flex; align-items:center; gap: 10px; font: 400 13px/1 var(--font-display); color: var(--app-muted); }
.intelligence-scope .ca-crm .act .top .prazo { background: var(--app-green-bg); color: var(--app-green); font-weight: 500; border-radius: 6px; padding: 5px 8px; }
.intelligence-scope .ca-crm .act .top .done { display:flex; align-items:center; gap: 6px; text-decoration: line-through; }
.intelligence-scope .ca-crm .act .top .done i { width: 14px; height: 14px; border-radius: 3px; background: var(--app-purple); display:grid; place-items:center; }
.intelligence-scope .ca-crm .act .top .done i svg { width: 10px; height: 10px; stroke:#fff; }
.intelligence-scope .ca-crm .act .body { padding: 10px 12px 10px; font: 400 14px/1.4 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-crm .act .body b { font-weight: 500; }
.intelligence-scope .ca-crm .act .foot { display:flex; gap: 14px; padding: 0 12px 10px; font: 400 12px/1 var(--font-display); color: var(--app-muted); align-items:center; }
.intelligence-scope .ca-crm .act .foot .who { display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-crm .act .foot .av { width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#8ea2d6,#4e5fa8); display:grid; place-items:center; font: 600 10px/1 var(--font-display); color:#fff; }
.intelligence-scope .ca-crm .act .foot .av.ava { background: var(--app-purple); }
.intelligence-scope .ca-crm .act .foot .who b { font-weight: 500; color: var(--app-text); }
.intelligence-scope .ca-crm .side { display:flex; flex-direction:column; gap: 12px; min-height:0; overflow:hidden; }
.intelligence-scope .ca-crm .side .card { padding: 0; }
.intelligence-scope .ca-crm .side .ch { padding: 12px 14px; font: 500 14px/1 var(--font-display); color: var(--app-text); border-bottom: 1px solid var(--app-border); display:flex; align-items:center; gap: 8px; }
.intelligence-scope .ca-crm .side .ch .av { width: 20px; height: 20px; border-radius: 50%; background: var(--app-purple); color:#fff; display:grid; place-items:center; font: 600 10px/1 var(--font-display); }
.intelligence-scope .ca-crm .side .val { padding: 10px 14px; }
.intelligence-scope .ca-crm .side .val .big { font: 500 20px/1 var(--font-display); color: var(--app-text); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-crm .side .val .lbl { font: 400 12.5px/1 var(--font-display); color: var(--app-muted); margin: 10px 0 8px; }
.intelligence-scope .ca-crm .side .val .pr { display:flex; justify-content:space-between; font: 400 13.5px/1.3 var(--font-display); color: var(--app-text); padding: 3px 0; }
.intelligence-scope .ca-crm .side .val .pr span:last-child { color: var(--app-muted); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-crm .side .val .pr b { font-weight: 500; color: var(--app-text); }
.intelligence-scope .ca-crm .fields { padding: 6px 14px 8px; }
.intelligence-scope .ca-crm .fr { display:flex; justify-content:space-between; gap: 10px; padding: 5px 0; font: 400 13.5px/1.3 var(--font-display); }
.intelligence-scope .ca-crm .fr .k { color: var(--app-muted); display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-crm .fr .k svg { width: 13px; height: 13px; stroke: var(--app-muted); }
.intelligence-scope .ca-crm .fr .v { color: var(--app-text); text-align:right; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-crm .fr .v.empty { color:#b3b6c4; }
.intelligence-scope .ca-crm .fr .v.chg { color: var(--app-purple); font-weight: 500; animation: ca-crm-flash .9s var(--ease-out) both; }
.intelligence-scope .ca-crm .insight { border: 1px solid #cfc8f7; background: linear-gradient(180deg, #f6f4ff 0%, #fff 100%); animation: ca-crm-actIn .55s var(--ease-out) both; }
.intelligence-scope .ca-crm .insight .ib { padding: 10px 14px 12px; font: 400 13.5px/1.4 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-crm .insight .ib b { font-weight: 500; }
.intelligence-scope .ca-crm .insight ul { margin: 6px 0 0; padding-left: 16px; }
.intelligence-scope .ca-crm .insight li { margin: 2px 0; }
.intelligence-scope .ca-crm .caption { z-index:1; display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft);
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px; width: max-content; max-width: 100%; }
.intelligence-scope .ca-crm .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-crm .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-crm .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-crm-actIn { from{ opacity:0; transform: translateY(-10px); } to{ opacity:1; transform:none; } }
@keyframes ca-crm-flash { from{ background: var(--app-purple-soft); } to{ background: transparent; } }
@keyframes ca-crm-blink { 0%,80%,100%{ opacity:.25 } 40%{ opacity:1 } }
@media (max-width: 720px) {
  .intelligence-scope .ca-crm { padding: 16px; min-height: 0; }
  .intelligence-scope .ca-crm .writer { right: 24px; top: 6px; }
  .intelligence-scope .ca-crm .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-crm .act, .intelligence-scope .ca-crm .insight, .intelligence-scope .ca-crm .fr .v.chg { animation: none; }
  .intelligence-scope .ca-crm .writer, .intelligence-scope .ca-crm .stages .step { transition: none; }
  .intelligence-scope .ca-crm .writer .typing i { animation: none; }
}

/* ---------- ava ---------- */
.intelligence-scope .ca-ava {
    --surface: #ffffff; --surface-muted: #f5f7fa; --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0); --brand-green: #52f896; --ink-navy: #071529;
    --ink: #1c1d26; --ink-soft: #5a5d6b; --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08); --shadow-md: 0 10px 30px rgba(3,15,55,.10); --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);
    /* WhatsApp (só dentro do celular) */
    --wa-wall: #efeae2; --wa-out: #d9fdd3; --wa-in: #ffffff; --wa-head: #f6f6f6; --wa-green: #1daa61; --wa-text: #111b21; --wa-muted: #667781;
    /* estados dos agentes */
    --ok: #0f8a4a; --ok-bg: #e3f7ec; --warn: #b7791f; --warn-bg: #fff4dc;
  }
.intelligence-scope .ca-ava {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px; padding: 24px 24px 18px; min-height: 400px;
    display:grid; grid-template-columns: 236px minmax(0,1fr); column-gap: 28px; align-items: stretch;
  }
.intelligence-scope .ca-ava .phone {
    position:relative; z-index:1; background:#111; border-radius: 30px; padding: 8px; box-shadow: var(--shadow-lg);
    height: 376px; display:flex;
  }
.intelligence-scope .ca-ava .screen { flex:1; border-radius: 23px; overflow:hidden; background: var(--wa-wall); display:flex; flex-direction:column; font-family: var(--font-sans); color: var(--wa-text); }
.intelligence-scope .ca-ava .wa-head { background: var(--wa-head); border-bottom: 1px solid #e0e0e0; padding: 10px 10px 8px; display:flex; align-items:center; gap: 8px; }
.intelligence-scope .ca-ava .wa-head .back { width: 10px; height: 10px; border-left: 2px solid var(--wa-green); border-bottom: 2px solid var(--wa-green); transform: rotate(45deg); margin: 0 2px 0 4px; }
.intelligence-scope .ca-ava .wa-head img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; display:block; }
.intelligence-scope .ca-ava .wa-head .n { font-size: 12.5px; font-weight: 600; line-height: 1.2; }
.intelligence-scope .ca-ava .wa-head .s { font-size: 10px; color: var(--wa-muted); line-height: 1.2; }
.intelligence-scope .ca-ava .chat { flex:1; padding: 10px 8px; display:flex; flex-direction:column; justify-content:flex-end; gap: 6px; overflow:hidden;
    background-image: radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px); background-size: 10px 10px; }
.intelligence-scope .ca-ava .msg { max-width: 88%; padding: 6px 8px 5px; border-radius: 9px; font-size: 11px; line-height: 1.35; position:relative; box-shadow: 0 1px 1px rgba(0,0,0,.08); animation: ca-ava-msgIn .4s var(--ease-out) both; }
.intelligence-scope .ca-ava .msg.in { align-self:flex-start; background: var(--wa-in); border-top-left-radius: 3px; }
.intelligence-scope .ca-ava .msg.out { align-self:flex-end; background: var(--wa-out); border-top-right-radius: 3px; }
.intelligence-scope .ca-ava .msg .time { display:block; text-align:right; font-size: 9px; color: var(--wa-muted); margin-top: 2px; }
.intelligence-scope .ca-ava .msg .time .tick { color:#53bdeb; margin-left: 3px; }
.intelligence-scope .ca-ava .msg.typing { padding: 8px 10px; display:flex; gap: 3px; }
.intelligence-scope .ca-ava .msg.typing i { width: 5px; height: 5px; border-radius: 50%; background:#9aa5ad; animation: ca-ava-blink 1s infinite; }
.intelligence-scope .ca-ava .msg.typing i:nth-child(2) { animation-delay:.2s }
.intelligence-scope .ca-ava .msg.typing i:nth-child(3) { animation-delay:.4s }
.intelligence-scope .ca-ava .msg ul { margin: 4px 0 0; padding: 0; list-style:none; display:flex; flex-direction:column; gap: 3px; }
.intelligence-scope .ca-ava .msg li { display:flex; gap: 6px; align-items:flex-start; animation: ca-ava-msgIn .35s var(--ease-out) both; }
.intelligence-scope .ca-ava .msg li .ck { width: 13px; height: 13px; border-radius: 50%; background: var(--wa-green); color:#fff; display:grid; place-items:center; flex:none; margin-top: 1px; }
.intelligence-scope .ca-ava .msg li .ck svg { width: 8px; height: 8px; }
.intelligence-scope .ca-ava .msg li .ck.w { background: var(--warn); }
.intelligence-scope .ca-ava .wa-input { background: var(--wa-head); padding: 7px 8px; display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-ava .wa-input .f { flex:1; height: 26px; background:#fff; border-radius: 13px; font-size: 10.5px; color:#9aa5ad; padding: 0 10px; line-height: 26px; }
.intelligence-scope .ca-ava .wa-input .mic { width: 26px; height: 26px; border-radius: 50%; background: var(--wa-green); display:grid; place-items:center; }
.intelligence-scope .ca-ava .wa-input .mic svg { width: 13px; height: 13px; stroke:#fff; }
.intelligence-scope .ca-ava .backstage { position:relative; z-index:1; display:flex; flex-direction:column; gap: 10px; min-width:0; }
.intelligence-scope .ca-ava .bs-h { display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 0 2px; }
.intelligence-scope .ca-ava .bs-h .l { font: 500 11px/1 var(--font-sans); letter-spacing:.08em; text-transform: uppercase; color: var(--ink-soft); }
.intelligence-scope .ca-ava .bs-h .r { font-size: 12px; color: var(--ink-soft); display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-ava .bs-h .r b { font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-ava .bs-h .r i { width: 7px; height: 7px; border-radius: 50%; background: var(--border); display:inline-block; }
.intelligence-scope .ca-ava .bs-h .r i.on { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.intelligence-scope .ca-ava .agents { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; flex:1; }
.intelligence-scope .ca-ava .ag {
    background:#fff; border:1px solid var(--border); border-radius: 12px; padding: 11px 12px 10px; display:flex; flex-direction:column; gap: 7px; min-width:0; position:relative; overflow:hidden;
    transition: border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .3s var(--ease-out);
  }
.intelligence-scope .ca-ava .ag::after { content:""; position:absolute; left:0; bottom:0; height: 2px; width: 0; background: var(--brand); transition: width 1s linear; }
.intelligence-scope .ca-ava .ag.work { border-color: var(--brand); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.intelligence-scope .ca-ava .ag.work::after { width: 100%; }
.intelligence-scope .ca-ava .ag.done::after { width: 100%; background: var(--ok); transition: none; }
.intelligence-scope .ca-ava .ag .top { display:flex; align-items:center; gap: 8px; }
.intelligence-scope .ca-ava .ag .ico { width: 28px; height: 28px; border-radius: 8px; background: var(--brand-soft); color: var(--brand); display:grid; place-items:center; flex:none; }
.intelligence-scope .ca-ava .ag .ico svg { width: 15px; height: 15px; }
.intelligence-scope .ca-ava .ag .nm { font-size: 12px; font-weight: 500; color: var(--ink); line-height: 1.2; min-width:0; }
.intelligence-scope .ca-ava .ag .st { font: 500 10px/1 var(--font-sans); letter-spacing:.04em; text-transform: uppercase; color: var(--ink-soft); background: var(--surface-muted); border-radius: 999px; padding: 4px 7px; width: max-content; }
.intelligence-scope .ca-ava .ag.work .st { color: var(--brand); background: var(--brand-soft); }
.intelligence-scope .ca-ava .ag.done .st { color: var(--ok); background: var(--ok-bg); }
.intelligence-scope .ca-ava .ag.done.warn .st { color: var(--warn); background: var(--warn-bg); }
.intelligence-scope .ca-ava .ag .out { font-size: 11px; line-height: 1.35; color: var(--ink-soft); min-height: 30px; }
.intelligence-scope .ca-ava .ag .out b { font-weight: 500; color: var(--ink); }
.intelligence-scope .ca-ava .ag .out.show { animation: ca-ava-msgIn .4s var(--ease-out) both; }
.intelligence-scope .ca-ava .ag .out .ph { display:block; height: 6px; border-radius: 3px; background: var(--surface-muted); width: 80%; margin-top: 6px; }
.intelligence-scope .ca-ava .ag .out .ph + .ph { width: 55%; }
.intelligence-scope .ca-ava .caption { grid-column: 1 / -1; margin-top: 16px; z-index:1; display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft);
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px; width: max-content; max-width: 100%; margin-inline: auto; }
.intelligence-scope .ca-ava .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-ava .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-ava .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-ava-msgIn { from{ opacity:0; transform: translateY(6px); } to{ opacity:1; transform:none; } }
@keyframes ca-ava-blink { 0%,80%,100%{ opacity:.3 } 40%{ opacity:1 } }
@media (max-width: 720px) {
  .intelligence-scope .ca-ava { grid-template-columns: minmax(0, 1fr); row-gap: 18px; padding: 16px; }
  .intelligence-scope .ca-ava .phone { margin: 0 auto; width: 236px; }
  .intelligence-scope .ca-ava .agents { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .intelligence-scope .ca-ava .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-ava .msg, .intelligence-scope .ca-ava .msg li, .intelligence-scope .ca-ava .ag .out.show { animation: none; }
  .intelligence-scope .ca-ava .ag, .intelligence-scope .ca-ava .ag::after { transition: none; }
  .intelligence-scope .ca-ava .msg.typing i { animation: none; }
}

/* ---------- gestao-carteira ---------- */
.intelligence-scope .ca-car {
    --surface: #ffffff; --surface-muted: #f5f7fa; --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0); --brand-green: #52f896; --ink-navy: #071529;
    --ink: #1c1d26; --ink-soft: #5a5d6b; --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08); --shadow-md: 0 10px 30px rgba(3,15,55,.10); --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);
    /* app Agendor (só no mockup) */
    --app-nav: #1f1d3b; --app-bg: #f5f6fa; --app-purple: #5b4ce0; --app-teal: #3fd0a0;
    --app-text: #2b2b3a; --app-muted: #6f7284; --app-border: #e6e7ee;
    --app-green-bg: #d8f5e7; --app-green: #1f9b6c; --app-yellow-bg: #fff1c2; --app-yellow: #c48f05; --app-red-bg: #ffe0e0; --app-red: #e03131;
    /* WhatsApp */
    --wa-in: #ffffff; --wa-green: #1daa61; --wa-text: #111b21; --wa-muted: #667781;
  }
.intelligence-scope .ca-car {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px; padding: 24px 24px 18px; min-height: 400px;
    display:flex; flex-direction:column; gap: 12px; align-items:stretch;
  }
.intelligence-scope .ca-car .feed { display:grid; grid-template-columns: 148px minmax(0,1fr) auto; gap: 10px; align-items:stretch; }
.intelligence-scope .ca-car .day { background: var(--ink-navy); color:#fff; border-radius: 12px; padding: 8px 12px; display:flex; flex-direction:column; justify-content:center; }
.intelligence-scope .ca-car .day .l { font: 500 10px/1 var(--font-sans); letter-spacing:.08em; text-transform: uppercase; color:#9fb0d9; }
.intelligence-scope .ca-car .day .d { font: 500 15px/1.2 var(--font-display); margin-top: 4px; white-space:nowrap; }
.intelligence-scope .ca-car .day .d small { font: 400 11px/1 var(--font-sans); color:#c9d3ee; margin-left: 5px; }
.intelligence-scope .ca-car .erp { background:#fff; border:1px solid var(--border); border-radius: 12px; padding: 7px 10px; display:flex; align-items:center; gap: 8px; min-width:0; overflow:hidden; }
.intelligence-scope .ca-car .erp .tag { font: 500 10px/1.2 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--ink-soft); flex:none; display:flex; flex-direction:column; gap: 2px; width: 52px; }
.intelligence-scope .ca-car .erp .tag b { font: 500 12px/1 var(--font-sans); color: var(--ink); letter-spacing:0; text-transform:none; }
.intelligence-scope .ca-car .erp .rows { display:flex; gap: 6px; min-width:0; flex:1; overflow:hidden; }
.intelligence-scope .ca-car .erp .row { flex:0 0 auto; max-width: 52%; min-width:0; background: var(--surface-muted); border-radius: 8px; padding: 6px 9px; font-size: 10px; line-height:1.3; color: var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: background .3s, box-shadow .3s; }
.intelligence-scope .ca-car .erp .row b { font-weight: 500; color: var(--ink); }
.intelligence-scope .ca-car .erp .row.hot { background: var(--brand-soft); box-shadow: inset 0 0 0 1px var(--brand); }
.intelligence-scope .ca-car .erp .row.hot span { color: var(--brand); font-weight: 500; }
.intelligence-scope .ca-car .sync { background:#fff; border:1px solid var(--border); border-radius: 12px; padding: 7px 12px; display:flex; align-items:center; gap: 8px; font-size: 10.5px; color: var(--ink-soft); white-space:nowrap; }
.intelligence-scope .ca-car .sync i { width: 8px; height: 8px; border-radius: 50%; background: var(--app-green); display:inline-block; }
.intelligence-scope .ca-car .sync i.on { box-shadow: 0 0 0 4px rgba(31,155,108,.2); }
.intelligence-scope .ca-car .sync b { display:block; font-weight: 500; color: var(--ink); font-size: 11.5px; }
.intelligence-scope .ca-car .browser { position:relative; width:100%; border-radius: 16px; overflow:hidden; border:1px solid var(--border); box-shadow: var(--shadow-lg); background: var(--app-bg); }
.intelligence-scope .ca-car .bbar { height: 30px; background:#fff; border-bottom:1px solid var(--border); display:flex; align-items:center; gap: 6px; padding: 0 12px; }
.intelligence-scope .ca-car .bbar i { width: 8px; height: 8px; border-radius: 50%; background:#e1e3ea; display:block; }
.intelligence-scope .ca-car .bbar .url { margin-left: 8px; max-width: 300px; flex:1; height: 18px; border-radius: 5px; background: var(--surface-muted); font: 400 10.5px/18px ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink-soft); padding: 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-car .app-wrap { position:relative; width:100%; aspect-ratio: 1180 / 640; overflow:hidden; }
.intelligence-scope .ca-car .app { position:absolute; left:0; top:0; width:1180px; height:640px; transform-origin: 0 0; transform: scale(var(--s,.58));
    font-family: var(--font-display); color: var(--app-text); background: var(--app-bg); display:grid; grid-template-rows: 58px 1fr; grid-template-columns: minmax(0,1fr); }
.intelligence-scope .ca-car .app svg { display:block; }
.intelligence-scope .ca-car .nav { background: var(--app-nav); color:#fff; display:flex; align-items:center; gap: 14px; padding: 0 18px; min-width:0; overflow:hidden; }
.intelligence-scope .ca-car .nav .logo { font: 700 28px/1 var(--font-display); width: 30px; letter-spacing:-.02em; }
.intelligence-scope .ca-car .nav .items { display:flex; align-items:stretch; height: 58px; }
.intelligence-scope .ca-car .nav .item { display:flex; align-items:center; gap: 7px; padding: 0 10px; white-space:nowrap; font: 500 15px/1 var(--font-display); border-bottom: 3px solid transparent; }
.intelligence-scope .ca-car .nav .item svg { width:16px; height:16px; stroke:#fff; }
.intelligence-scope .ca-car .nav .item.active { border-bottom-color: var(--app-teal); }
.intelligence-scope .ca-car .nav .search { margin-left:auto; width: 200px; flex:none; height: 36px; background:#fff; border-radius: 6px; display:flex; align-items:center; justify-content:space-between; padding: 0 12px; color:#9a9cb0; font-size: 14px; }
.intelligence-scope .ca-car .nav .search svg { width:16px; height:16px; stroke:#9a9cb0; }
.intelligence-scope .ca-car .nav .gift { position:relative; width: 22px; height: 22px; flex:none; }
.intelligence-scope .ca-car .nav .gift svg { width:22px; height:22px; stroke:#fff; }
.intelligence-scope .ca-car .nav .gift i { position:absolute; top:-5px; right:-6px; width: 14px; height: 14px; border-radius: 50%; background:#e0457b; font: 600 9px/14px var(--font-sans); text-align:center; }
.intelligence-scope .ca-car .nav .avatar { width: 30px; height: 30px; border-radius:50%; background: linear-gradient(135deg,#8ea2d6,#4e5fa8); flex:none; }
.intelligence-scope .ca-car .nav .menu { display:flex; align-items:center; gap: 7px; font: 500 15px/1 var(--font-display); white-space:nowrap; }
.intelligence-scope .ca-car .nav .menu svg { width:18px; height:18px; stroke:#fff; }
.intelligence-scope .ca-car .body { display:grid; grid-template-columns: 82px minmax(0,1fr); min-height:0; }
.intelligence-scope .ca-car .rail { display:flex; flex-direction:column; align-items:center; gap: 10px; padding-top: 16px; }
.intelligence-scope .ca-car .pill { width: 46px; height: 46px; border-radius: 11px; background:#fff; border:1px solid var(--app-border); display:grid; place-items:center; font: 500 12px/1 var(--font-display); color: var(--app-text); box-shadow: 0 1px 2px rgba(20,20,60,.05); }
.intelligence-scope .ca-car .pill.active { background: var(--app-purple); border-color: var(--app-purple); color:#fff; }
.intelligence-scope .ca-car .pill svg { width:18px; height:18px; stroke: var(--app-text); }
.intelligence-scope .ca-car .main { min-width:0; padding: 14px 22px 0 10px; display:flex; flex-direction:column; min-height:0; }
.intelligence-scope .ca-car .hd { display:flex; align-items:center; gap: 12px; }
.intelligence-scope .ca-car .hd .title { font: 500 22px/1 var(--font-display); color: var(--app-purple); }
.intelligence-scope .ca-car .hd .total { display:flex; align-items:center; gap: 6px; font: 500 16px/1 var(--font-display); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-car .hd .total svg { width:16px; height:16px; stroke: var(--app-text); }
.intelligence-scope .ca-car .hd .badge { background:#3b3a4a; color:#fff; border-radius: 6px; padding: 5px 8px; font: 500 12px/1 var(--font-display); }
.intelligence-scope .ca-car .hd .right { margin-left:auto; display:flex; align-items:center; gap: 8px; }
.intelligence-scope .ca-car .hd .ice { width: 36px; height: 36px; border-radius: 8px; background:#fff; border:1px solid var(--app-border); display:grid; place-items:center; }
.intelligence-scope .ca-car .hd .ice svg { width:16px; height:16px; stroke: var(--app-text); }
.intelligence-scope .ca-car .hd .views { display:flex; border:1px solid var(--app-border); background:#fff; border-radius: 8px; overflow:hidden; }
.intelligence-scope .ca-car .hd .views span { height: 36px; padding: 0 12px; display:flex; align-items:center; gap: 6px; font: 500 14px/1 var(--font-display); color: var(--app-text); }
.intelligence-scope .ca-car .hd .views span svg { width:15px; height:15px; stroke: var(--app-text); }
.intelligence-scope .ca-car .hd .views span.active { background: var(--app-purple); color:#fff; }
.intelligence-scope .ca-car .hd .views span.active svg { stroke:#fff; }
.intelligence-scope .ca-car .hd .conv { height: 36px; background:#1f1d3b; color:#fff; border-radius: 8px; padding: 0 14px; display:flex; align-items:center; gap: 7px; font: 500 14px/1 var(--font-display); }
.intelligence-scope .ca-car .hd .conv svg { width:15px; height:15px; stroke:#fff; }
.intelligence-scope .ca-car .tb { display:flex; align-items:center; gap: 10px; margin: 12px 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--app-border); }
.intelligence-scope .ca-car .tb .inp { width: 220px; height: 38px; background:#fff; border:1px solid var(--app-border); border-radius: 8px; display:flex; align-items:center; gap: 8px; padding: 0 10px; color:#9a9cb0; font-size: 14px; }
.intelligence-scope .ca-car .tb .inp svg { width:14px; height:14px; stroke:#9a9cb0; }
.intelligence-scope .ca-car .tb .btn { height: 38px; display:flex; align-items:center; gap: 7px; padding: 0 12px; border-radius: 8px; font: 500 14px/1 var(--font-display); background:#fff; border:1px solid var(--app-border); }
.intelligence-scope .ca-car .tb .btn svg { width:14px; height:14px; stroke: var(--app-text); }
.intelligence-scope .ca-car .tb .lnk { height: 38px; display:flex; align-items:center; gap: 6px; font: 500 14px/1 var(--font-display); color: var(--app-purple); }
.intelligence-scope .ca-car .tb .lnk svg { width:14px; height:14px; stroke: var(--app-purple); }
.intelligence-scope .ca-car .tb .lnk.imp { margin-left:auto; }
.intelligence-scope .ca-car .tb .add { height: 38px; display:flex; align-items:center; gap: 7px; padding: 0 14px; border-radius: 8px; background: var(--app-purple); color:#fff; font: 500 14px/1 var(--font-display); }
.intelligence-scope .ca-car .tb .add svg { width:14px; height:14px; stroke:#fff; }
.intelligence-scope .ca-car .cols { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; flex:1; min-height:0; }
.intelligence-scope .ca-car .col { min-width:0; display:flex; flex-direction:column; }
.intelligence-scope .ca-car .col-h .nm { font: 500 14px/1.2 var(--font-display); letter-spacing:.02em; text-transform: uppercase; }
.intelligence-scope .ca-car .col-h .ct { font: 400 14px/1.4 var(--font-display); color: var(--app-muted); margin: 3px 0 10px; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-car .col-h .ct b { font-weight: 400; color: var(--app-text); }
.intelligence-scope .ca-car .list { display:flex; flex-direction:column; gap: 10px; min-height:0; overflow:hidden; }
.intelligence-scope .ca-car .card { background:#fff; border-radius: 10px; padding: 12px 14px; display:flex; justify-content:space-between; align-items:center; gap: 10px; box-shadow: 0 1px 3px rgba(20,20,60,.06); position:relative; animation: ca-car-cardIn .5s var(--ease-out) both; }
.intelligence-scope .ca-car .card.moving { animation: ca-car-cardOut .35s var(--ease-out) both; }
.intelligence-scope .ca-car .card.hi { box-shadow: 0 0 0 2px var(--app-purple), 0 1px 3px rgba(20,20,60,.06); }
.intelligence-scope .ca-car .card .cn { font: 500 15px/1.25 var(--font-display); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-car .card .cn.pu { color: var(--app-purple); }
.intelligence-scope .ca-car .card .co { font: 400 13px/1.3 var(--font-display); color: var(--app-muted); margin-top: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-car .card .cv { font: 400 13px/1.3 var(--font-display); color: var(--app-text); margin-top: 6px; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-car .card .ic { position:relative; width: 44px; height: 44px; border-radius: 50%; flex:none; display:grid; place-items:center; }
.intelligence-scope .ca-car .card .ic svg { width: 20px; height: 20px; }
.intelligence-scope .ca-car .card .ic .bd { position:absolute; right:-2px; bottom:-2px; width: 18px; height: 18px; border-radius:50%; display:grid; place-items:center; }
.intelligence-scope .ca-car .card .ic .bd svg { width:12px; height:12px; }
.intelligence-scope .ca-car .ic.g { background: var(--app-green-bg); }
.intelligence-scope .ca-car .ic.g svg { stroke: var(--app-green); }
.intelligence-scope .ca-car .ic.g .bd { background: var(--app-green-bg); }
.intelligence-scope .ca-car .ic.y { background: var(--app-yellow-bg); }
.intelligence-scope .ca-car .ic.y svg { stroke: var(--app-yellow); }
.intelligence-scope .ca-car .ic.y .bd { background: var(--app-yellow-bg); }
.intelligence-scope .ca-car .ic.r { background: var(--app-red-bg); }
.intelligence-scope .ca-car .ic.r svg { stroke: var(--app-red); }
.intelligence-scope .ca-car .card .to { position:absolute; left: 12px; bottom: -11px; font: 500 11px/1 var(--font-display); color:#fff; background: var(--app-purple); border-radius: 999px; padding: 5px 9px; display:flex; align-items:center; gap: 5px; animation: ca-car-cardIn .4s var(--ease-out) both; }
.intelligence-scope .ca-car .card .to svg { width: 11px; height: 11px; stroke:#fff; }
.intelligence-scope .ca-car .ava {
    position:absolute; z-index:3; right: 18px; bottom: 16px; width: 250px;
    background:#fff; border:1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow-lg);
    padding: 10px 12px 10px 10px; display:flex; gap: 10px; align-items:flex-start;
    opacity:0; transform: translateY(10px); transition: opacity .4s var(--ease-out), transform .4s var(--ease-out); pointer-events:none;
  }
.intelligence-scope .ca-car .ava.on { opacity:1; transform:none; }
.intelligence-scope .ca-car .ava img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; flex:none; }
.intelligence-scope .ca-car .ava .hd2 { display:flex; align-items:center; gap: 6px; font-size: 11px; font-weight: 600; color: var(--wa-text); }
.intelligence-scope .ca-car .ava .hd2 .wa { width: 14px; height: 14px; border-radius: 50%; background: var(--wa-green); display:grid; place-items:center; }
.intelligence-scope .ca-car .ava .hd2 .wa svg { width: 9px; height: 9px; stroke:#fff; }
.intelligence-scope .ca-car .ava .hd2 .t { margin-left:auto; font-weight: 400; font-size: 10.5px; color: var(--wa-muted); }
.intelligence-scope .ca-car .ava .m { font-size: 11px; line-height: 1.4; color: var(--wa-text); margin-top: 3px; }
.intelligence-scope .ca-car .ava .m b { font-weight: 600; }
.intelligence-scope .ca-car .ava .pr { display:inline-flex; align-items:center; gap: 5px; margin-top: 6px; font: 500 10px/1 var(--font-sans); letter-spacing:.05em; text-transform: uppercase; color: var(--app-red); background: var(--app-red-bg); border-radius: 999px; padding: 4px 8px; }
.intelligence-scope .ca-car .ava .pr.mid { color: var(--app-yellow); background: var(--app-yellow-bg); }
.intelligence-scope .ca-car .caption { z-index:1; display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft); margin-top: 4px;
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px; width: max-content; max-width: 100%; align-self:center; }
.intelligence-scope .ca-car .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-car .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-car .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-car-cardIn { from{ opacity:0; transform: translateY(-10px); } to{ opacity:1; transform:none; } }
@keyframes ca-car-cardOut { from{ opacity:1; transform:none; } to{ opacity:0; transform: translateX(16px); } }
@media (max-width: 720px) {
  .intelligence-scope .ca-car { padding: 16px; min-height: 0; }
  .intelligence-scope .ca-car .feed { grid-template-columns: 1fr; }
  .intelligence-scope .ca-car .erp .rows .row:nth-child(n+4) { display:none; }
  .intelligence-scope .ca-car .ava { right: 16px; bottom: 70px; width: 240px; }
  .intelligence-scope .ca-car .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-car .card, .intelligence-scope .ca-car .card.moving, .intelligence-scope .ca-car .card .to { animation: none; }
  .intelligence-scope .ca-car .ava, .intelligence-scope .ca-car .erp .row { transition: none; }
}

/* ---------- inteligencia-comercial ---------- */
.intelligence-scope .ca-int {
    --surface: #ffffff; --surface-muted: #f5f7fa; --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0); --brand-green: #52f896; --ink-navy: #071529;
    --ink: #1c1d26; --ink-soft: #5a5d6b; --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08); --shadow-md: 0 10px 30px rgba(3,15,55,.10); --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);
    /* Dashboard Ava (só no mockup) */
    --d-nav: #14122b; --d-bg: #f6f7fb; --d-text: #1f1d3b; --d-muted: #6b6f80; --d-border: #e6e7ee;
    --d-purple: #7c3aed; --d-purple-soft: #ede9fe; --d-purple-mid: #c4b5fd;
    --d-green: #15803d; --d-green-bg: #dcfce7; --d-amber: #d97706; --d-amber-bg: #fef3c7; --d-red: #dc2626; --d-red-bg: #fee2e2;
  }
.intelligence-scope .ca-int {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px; padding: 24px 24px 18px; min-height: 400px;
    display:flex; flex-direction:column; gap: 14px; align-items:center;
  }
.intelligence-scope .ca-int .scene-wrap { position:relative; width:100%; aspect-ratio: 640 / 476; overflow:visible; }
.intelligence-scope .ca-int .scene { position:absolute; left:0; top:0; width: 640px; height: 476px; transform-origin: 0 0; transform: scale(var(--s,1)); font-family: var(--font-display); color: var(--d-text); }
.intelligence-scope .ca-int .scene svg { display:block; }
.intelligence-scope .ca-int .dash { position:absolute; right:0; top:0; width: 500px; height: 336px; background: var(--d-bg); border:1px solid var(--border); border-radius: 14px; overflow:hidden; box-shadow: var(--shadow-md); display:flex; flex-direction:column; }
.intelligence-scope .ca-int .dnav { height: 34px; background: var(--d-nav); color:#fff; display:flex; align-items:center; gap: 6px; padding: 0 12px; flex:none; }
.intelligence-scope .ca-int .dnav .logo { font: 700 17px/1 var(--font-display); }
.intelligence-scope .ca-int .dnav .it { font: 500 9.5px/1 var(--font-display); color:#cfd0e0; padding: 6px 7px; border-radius: 6px; white-space:nowrap; }
.intelligence-scope .ca-int .dnav .it.on { background: rgba(255,255,255,.12); color:#fff; }
.intelligence-scope .ca-int .dnav .ava { margin-left:auto; background:#fff; color: var(--d-purple); border-radius: 999px; padding: 5px 9px; font: 600 10px/1 var(--font-display); display:flex; align-items:center; gap: 4px; }
.intelligence-scope .ca-int .dnav .ava svg { width: 10px; height: 10px; }
.intelligence-scope .ca-int .dbody { padding: 10px 12px 10px; display:flex; flex-direction:column; gap: 8px; flex:1; min-height:0; }
.intelligence-scope .ca-int .dh { display:flex; align-items:baseline; gap: 10px; }
.intelligence-scope .ca-int .dh .t { font: 600 14px/1 var(--font-display); }
.intelligence-scope .ca-int .dh .s { font: 400 10px/1 var(--font-display); color: var(--d-muted); }
.intelligence-scope .ca-int .dh .f { margin-left:auto; display:flex; gap: 5px; }
.intelligence-scope .ca-int .dh .f span { font: 400 9px/1 var(--font-display); color: var(--d-text); border:1px solid var(--d-border); background:#fff; border-radius: 999px; padding: 4px 7px; white-space:nowrap; }
.intelligence-scope .ca-int .dh .f span b { font-weight: 500; }
.intelligence-scope .ca-int .kpis { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }
.intelligence-scope .ca-int .kpi { background:#fff; border:1px solid var(--d-border); border-radius: 10px; padding: 9px 10px 8px; position:relative; min-width:0; }
.intelligence-scope .ca-int .kpi .l { font: 400 9.5px/1.2 var(--font-display); color: var(--d-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-int .kpi .v { font: 600 19px/1.1 var(--font-display); margin-top: 5px; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-int .kpi .m { font: 400 8.5px/1.3 var(--font-display); color: var(--d-muted); margin-top: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-int .kpi .m b { font-weight: 500; color: var(--d-green); }
.intelligence-scope .ca-int .kpi svg { position:absolute; right: 8px; top: 20px; width: 42px; height: 18px; }
.intelligence-scope .ca-int .kpi svg path { fill:none; stroke: var(--d-purple); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 80; stroke-dashoffset: 80; transition: stroke-dashoffset 1.2s var(--ease-out); }
.intelligence-scope .ca-int .dash.live .kpi svg path { stroke-dashoffset: 0; }
.intelligence-scope .ca-int .row2 { display:grid; grid-template-columns: 1.05fr 1fr; gap: 8px; flex:1; min-height:0; }
.intelligence-scope .ca-int .panel { background:#fff; border:1px solid var(--d-border); border-radius: 10px; padding: 10px 12px; min-width:0; }
.intelligence-scope .ca-int .panel .ph { font: 500 8.5px/1 var(--font-display); letter-spacing:.06em; text-transform: uppercase; color: var(--d-muted); display:flex; justify-content:space-between; align-items:center; }
.intelligence-scope .ca-int .goal .big { font: 600 22px/1.1 var(--font-display); margin-top: 6px; font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-int .goal .sub { font: 400 9px/1.3 var(--font-display); color: var(--d-muted); }
.intelligence-scope .ca-int .goal .risk { font: 500 9px/1 var(--font-display); color: var(--d-green); background: var(--d-green-bg); border-radius: 999px; padding: 4px 7px; letter-spacing:0; text-transform:none; }
.intelligence-scope .ca-int .goal .bar { position:relative; height: 8px; border-radius: 4px; background:#ecebf5; margin-top: 12px; overflow:hidden; }
.intelligence-scope .ca-int .goal .bar i { position:absolute; left:0; top:0; height:100%; border-radius: 4px; width: 0; transition: width 1.4s var(--ease-out); }
.intelligence-scope .ca-int .goal .bar i.p { background: var(--d-purple-mid); }
.intelligence-scope .ca-int .goal .bar i.r { background: var(--d-purple); }
.intelligence-scope .ca-int .goal .leg { display:flex; justify-content:space-between; font: 400 8.5px/1 var(--font-display); color: var(--d-muted); margin-top: 6px; }
.intelligence-scope .ca-int .goal .leg b { font-weight: 500; color: var(--d-purple); }
.intelligence-scope .ca-int .team .rows { display:flex; flex-direction:column; gap: 4px; margin-top: 6px; }
.intelligence-scope .ca-int .team .r { display:grid; grid-template-columns: 52px 1fr 30px; gap: 7px; align-items:center; font: 400 9.5px/1 var(--font-display); }
.intelligence-scope .ca-int .team .r .n { display:flex; align-items:center; gap: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-int .team .r .n i { width: 6px; height: 6px; border-radius: 50%; display:inline-block; flex:none; }
.intelligence-scope .ca-int .team .r .tr { height: 6px; border-radius: 3px; background:#ecebf5; overflow:hidden; }
.intelligence-scope .ca-int .team .r .tr i { display:block; height:100%; border-radius: 3px; width: 0; transition: width 1.2s var(--ease-out); }
.intelligence-scope .ca-int .team .r .p { text-align:right; font-variant-numeric: tabular-nums; font-weight: 500; }
.intelligence-scope .ca-int .g { background: var(--d-green); }
.intelligence-scope .ca-int .a { background: var(--d-amber); }
.intelligence-scope .ca-int .rd { background: var(--d-red); }
.intelligence-scope .ca-int .sum { position:absolute; left:0; top: 40px; width: 300px; background:#fff; border:1px solid var(--border); border-left: 3px solid var(--d-purple); border-radius: 14px; box-shadow: var(--shadow-lg); padding: 14px 16px 14px; z-index: 2; }
.intelligence-scope .ca-int .sum .h { display:flex; align-items:center; gap: 10px; }
.intelligence-scope .ca-int .sum .h img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; flex:none; }
.intelligence-scope .ca-int .sum .h .t { font: 600 12px/1.2 var(--font-display); white-space:nowrap; }
.intelligence-scope .ca-int .sum .h .s { font: 400 9px/1.3 var(--font-display); color: var(--d-muted); margin-top: 2px; white-space:nowrap; }
.intelligence-scope .ca-int .sum .h .tag { margin-left:auto; font: 500 8.5px/1 var(--font-display); letter-spacing:.06em; text-transform: uppercase; color: var(--d-purple); background: var(--d-purple-soft); border-radius: 999px; padding: 4px 7px; align-self:flex-start; }
.intelligence-scope .ca-int .sum .txt { font: 400 10.5px/1.5 var(--font-display); color: var(--d-text); margin-top: 9px; min-height: 96px; }
.intelligence-scope .ca-int .sum .txt u { color: var(--d-purple); text-decoration-color: var(--d-purple-mid); text-decoration-thickness: 1.5px; text-underline-offset: 2px; font-weight: 500; }
.intelligence-scope .ca-int .sum .txt .cur { display:inline-block; width: 1.5px; height: 12px; background: var(--d-purple); vertical-align: -2px; margin-left: 1px; animation: ca-int-blink 1s steps(1) infinite; }
.intelligence-scope .ca-int .sum .txt .cur.off { display:none; }
.intelligence-scope .ca-int .sum .chips { display:flex; flex-wrap:wrap; gap: 5px; margin-top: 10px; min-height: 20px; }
.intelligence-scope .ca-int .sum .chips span { font: 500 9px/1 var(--font-display); border-radius: 999px; padding: 5px 8px; white-space:nowrap; animation: ca-int-popIn .4s var(--ease-out) both; }
.intelligence-scope .ca-int .sum .chips span.g { background: var(--d-green-bg); color: var(--d-green); }
.intelligence-scope .ca-int .sum .chips span.p { background: var(--d-purple-soft); color: var(--d-purple); }
.intelligence-scope .ca-int .recs { position:absolute; left: 0; bottom: 0; width: 640px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; z-index: 2; }
.intelligence-scope .ca-int .rec { background:#fff; border:1px solid var(--border); border-radius: 12px; padding: 10px 11px 9px; box-shadow: var(--shadow-md); min-width:0; opacity:0; transform: translateY(8px); transition: opacity .45s var(--ease-out), transform .45s var(--ease-out); }
.intelligence-scope .ca-int .rec.on { opacity:1; transform:none; }
.intelligence-scope .ca-int .rec .top { display:flex; align-items:center; gap: 6px; }
.intelligence-scope .ca-int .rec .ic { width: 20px; height: 20px; border-radius: 50%; display:grid; place-items:center; flex:none; }
.intelligence-scope .ca-int .rec .ic svg { width: 11px; height: 11px; }
.intelligence-scope .ca-int .rec .ic.r { background: var(--d-red-bg); }
.intelligence-scope .ca-int .rec .ic.r svg { stroke: var(--d-red); }
.intelligence-scope .ca-int .rec .ic.a { background: var(--d-amber-bg); }
.intelligence-scope .ca-int .rec .ic.a svg { stroke: var(--d-amber); }
.intelligence-scope .ca-int .rec .ic.g { background: var(--d-green-bg); }
.intelligence-scope .ca-int .rec .ic.g svg { stroke: var(--d-green); }
.intelligence-scope .ca-int .rec .sug { font: 600 7.5px/1 var(--font-display); letter-spacing:.08em; text-transform: uppercase; color: var(--d-purple); background: var(--d-purple-soft); border-radius: 999px; padding: 4px 6px; display:flex; align-items:center; gap: 3px; }
.intelligence-scope .ca-int .rec .sug svg { width: 8px; height: 8px; }
.intelligence-scope .ca-int .rec .t { font: 600 10.5px/1.3 var(--font-display); margin-top: 7px; }
.intelligence-scope .ca-int .rec .d { font: 400 9.5px/1.4 var(--font-display); color: var(--d-muted); margin-top: 3px; }
.intelligence-scope .ca-int .rec .btn { display:inline-block; margin-top: 7px; font: 500 9px/1 var(--font-display); color: var(--d-text); background:#f1f1f6; border-radius: 6px; padding: 5px 8px; }
.intelligence-scope .ca-int .caption { z-index:1; display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft);
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px; width: max-content; max-width: 100%; }
.intelligence-scope .ca-int .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-int .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-int .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-int-popIn { from{ opacity:0; transform: scale(.94); } to{ opacity:1; transform:none; } }
@keyframes ca-int-blink { 50%{ opacity:0; } }
@media (max-width: 720px) {
  .intelligence-scope .ca-int { padding: 16px; min-height:0; }
  .intelligence-scope .ca-int .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-int .sum .chips span { animation: none; }
  .intelligence-scope .ca-int .sum .txt .cur { animation:none; }
  .intelligence-scope .ca-int .rec, .intelligence-scope .ca-int .goal .bar i, .intelligence-scope .ca-int .team .r .tr i, .intelligence-scope .ca-int .kpi svg path { transition: none; }
}

/* ---------- integracoes ---------- */
.intelligence-scope .ca-itg {
    --surface: #ffffff; --surface-muted: #f5f7fa; --brand-soft: #eaf0ff;
    --brand: var(--brand-cobalt, #0030a0); --brand-green: #52f896; --ink-navy: #071529;
    --ink: #1c1d26; --ink-soft: #5a5d6b; --border: #e7e8ec;
    --shadow-sm: 0 1px 3px rgba(3,15,55,.08); --shadow-md: 0 10px 30px rgba(3,15,55,.10); --shadow-lg: 0 24px 60px rgba(3,15,55,.12);
    --ease-out: cubic-bezier(.16,1,.3,1);
    --ok: #0f8a4a; --ok-bg: #e3f7ec;
  }
.intelligence-scope .ca-itg {
    position: relative;
    background: radial-gradient(120% 90% at 50% 0%, var(--brand-soft) 0%, rgba(234,240,255,0) 70%);
    border-radius: 24px; padding: 20px 24px 18px; min-height: 400px;
    display:flex; flex-direction:column; gap: 12px; align-items:center;
  }
.intelligence-scope .ca-itg .scene-wrap { position:relative; width:100%; aspect-ratio: 640 / 436; }
.intelligence-scope .ca-itg .scene { position:absolute; left:0; top:0; width: 640px; height: 436px; transform-origin: 0 0; transform: scale(var(--s,1)); }
.intelligence-scope .ca-itg .scene svg { display:block; }
.intelligence-scope .ca-itg .wires { position:absolute; left:0; top:0; width: 640px; height: 330px; pointer-events:none; overflow:hidden; }
.intelligence-scope .ca-itg .wires path { fill:none; stroke:#d3d9ea; stroke-width: 1.4; stroke-dasharray: 3 5; transition: stroke .3s; }
.intelligence-scope .ca-itg .wires path.hot { stroke: var(--brand); stroke-dasharray: none; }
.intelligence-scope .ca-itg .wires path.done { stroke: #b5c4ea; stroke-dasharray: none; }
.intelligence-scope .ca-itg .wires .pkt { fill: var(--brand); }
.intelligence-scope .ca-itg .wires .pkt-halo { fill: rgba(0,48,160,.16); }
.intelligence-scope .ca-itg .node {
    position:absolute; transform: translate(-50%,-50%); width: 150px;
    background:#fff; border:1px solid var(--border); border-radius: 12px; padding: 7px 9px; display:flex; align-items:center; gap: 8px;
    box-shadow: var(--shadow-sm); transition: border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);
  }
.intelligence-scope .ca-itg .node.on { border-color: var(--brand); box-shadow: var(--shadow-md); }
.intelligence-scope .ca-itg .node.done .st { background: var(--ok); }
.intelligence-scope .ca-itg .node .lg { width: 28px; height: 28px; border-radius: 8px; flex:none; display:grid; place-items:center; font: 700 10px/1 var(--font-display); color:#fff; letter-spacing:-.02em; }
.intelligence-scope .ca-itg .node .lg svg { width: 15px; height: 15px; stroke:#fff; }
.intelligence-scope .ca-itg .node .tx { min-width:0; flex:1; display:flex; flex-direction:column; }
.intelligence-scope .ca-itg .node .nm { display:block; font: 500 11px/1.2 var(--font-sans); color: var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-itg .node .sb { display:block; font: 400 9.5px/1.25 var(--font-sans); color: var(--ink-soft); margin-top: 1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-itg .node .st { width: 6px; height: 6px; border-radius: 50%; background: var(--border); flex:none; transition: background .3s; }
.intelligence-scope .ca-itg .node.on .st { background: var(--brand); box-shadow: 0 0 0 3px var(--brand-soft); }
.intelligence-scope .ca-itg .hub {
    position:absolute; left: 320px; top: 165px; transform: translate(-50%,-50%); width: 236px;
    background:#fff; border:1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow-lg); padding: 12px 14px 12px; z-index: 2;
  }
.intelligence-scope .ca-itg .hub .h { display:flex; align-items:center; gap: 9px; }
.intelligence-scope .ca-itg .hub .a { width: 48px; height: 48px; flex:none; display:grid; place-items:center; background: transparent; border-radius: 0; }
.intelligence-scope .ca-itg .hub .a img { display:block; width: 48px; height: 48px; object-fit: contain; }
.intelligence-scope .ca-itg .hub .t { font: 600 13px/1.2 var(--font-sans); color: var(--ink); white-space:nowrap; }
.intelligence-scope .ca-itg .hub .s { font: 400 10px/1.2 var(--font-sans); color: var(--ink-soft); margin-top: 2px; white-space:nowrap; }
.intelligence-scope .ca-itg .hub .cnt { margin-left:auto; text-align:right; }
.intelligence-scope .ca-itg .hub .cnt b { display:block; font: 600 15px/1 var(--font-display); color: var(--brand); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-itg .hub .cnt span { font: 400 9px/1.2 var(--font-sans); color: var(--ink-soft); white-space:nowrap; }
.intelligence-scope .ca-itg .hub .feed { margin-top: 8px; display:flex; flex-direction:column; gap: 3px; min-height: 30px; }
.intelligence-scope .ca-itg .hub .ln { font: 400 10px/1.35 var(--font-sans); color: var(--ink-soft); display:flex; gap: 6px; align-items:flex-start; animation: ca-itg-lnIn .4s var(--ease-out) both; }
.intelligence-scope .ca-itg .hub .ln i { width: 5px; height: 5px; border-radius: 50%; background: var(--ok); flex:none; margin-top: 4px; }
.intelligence-scope .ca-itg .hub .ln b { font-weight: 500; color: var(--ink); }
.intelligence-scope .ca-itg .hub .ln.out i { background: var(--brand); }
.intelligence-scope .ca-itg .fc { position:absolute; left:0; top: 340px; width: 640px; height: 96px; background:#fff; border:1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow-sm); display:grid; grid-template-columns: 200px 1fr 150px; gap: 14px; padding: 12px 14px; align-items:center; }
.intelligence-scope .ca-itg .fc .l { font: 500 10px/1 var(--font-sans); letter-spacing:.08em; text-transform: uppercase; color: var(--ink-soft); }
.intelligence-scope .ca-itg .fc .v { font: 600 22px/1.1 var(--font-display); color: var(--ink); margin-top: 6px; font-variant-numeric: tabular-nums; white-space:nowrap; }
.intelligence-scope .ca-itg .fc .v small { font: 400 10px/1 var(--font-sans); color: var(--ink-soft); margin-left: 4px; white-space:nowrap; }
.intelligence-scope .ca-itg .fc .chart { position:relative; height: 66px; }
.intelligence-scope .ca-itg .fc .chart svg { width:100%; height:100%; overflow:visible; }
.intelligence-scope .ca-itg .fc .chart .area { fill: url(#ca-itg-g1); opacity: 0; transition: opacity .8s; }
.intelligence-scope .ca-itg .fc .chart .line { fill:none; stroke: var(--brand); stroke-width: 1.8; stroke-linecap: round; stroke-dasharray: 400; stroke-dashoffset: 400; transition: stroke-dashoffset 1.6s var(--ease-out); }
.intelligence-scope .ca-itg .fc .chart .band { fill: rgba(0,48,160,.08); transition: opacity .6s; }
.intelligence-scope .ca-itg .fc .chart .grid { stroke: var(--border); stroke-width: 1; }
.intelligence-scope .ca-itg .fc .chart .lbl { font: 400 8.5px var(--font-sans); fill: var(--ink-soft); }
.intelligence-scope .ca-itg .fc.live .chart .line { stroke-dashoffset: 0; }
.intelligence-scope .ca-itg .fc.live .chart .area { opacity: 1; }
.intelligence-scope .ca-itg .fc .conf { text-align:right; }
.intelligence-scope .ca-itg .fc .conf .p { font: 600 20px/1 var(--font-display); color: var(--ok); font-variant-numeric: tabular-nums; }
.intelligence-scope .ca-itg .fc .conf .d { font: 400 9.5px/1.3 var(--font-sans); color: var(--ink-soft); margin-top: 4px; }
.intelligence-scope .ca-itg .fc .conf .d b { font-weight: 500; color: var(--ink); }
.intelligence-scope .ca-itg .caption { z-index:1; display:flex; align-items:center; gap: 10px; font-size: 13px; color: var(--ink-soft);
    background:#fff; border:1px solid var(--border); border-radius: 999px; padding: 8px 14px 8px 10px; width: max-content; max-width: 100%; }
.intelligence-scope .ca-itg .caption .k { font: 500 11px/1 var(--font-sans); letter-spacing:.06em; text-transform: uppercase; color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 5px 8px; white-space:nowrap; }
.intelligence-scope .ca-itg .caption .t { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intelligence-scope .ca-itg .caption .t b { font-weight: 500; color: var(--ink); }
@keyframes ca-itg-lnIn { from{ opacity:0; transform: translateY(4px); } to{ opacity:1; transform:none; } }
@media (max-width: 720px) {
  .intelligence-scope .ca-itg { padding: 16px; min-height:0; }
  .intelligence-scope .ca-itg .caption .t { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ca-itg .hub .ln { animation:none; }
  .intelligence-scope .ca-itg .node, .intelligence-scope .ca-itg .fc .chart .line, .intelligence-scope .ca-itg .fc .chart .area { transition:none; }
}