/* ============================================================
   indicacoes.css - regras .ind-* da feature "/indicacoes" (FASE 1)
   Extraido VERBATIM de e:\cartomante_provaveis\style.css (bloco .ind-*,
   ~L4644-5586). Escopo Fase 1: LISTA + DETALHE (abas Indicados/Historico).
   NAO inclui Resultados/Videos/Delivery (Fase 2).

   Adaptacoes p/ o hub:
   - o seletor da SPA do provaveis [data-br-pane="indicacoes"] virou
     #indicacoesContent (pagina standalone).
   - obj-* e pv-toast entram aqui porque a pagina /indicacoes/ NAO carrega
     escalar.css (onde esses compartilhados vivem no hub).
   ============================================================ */

/* ── Compartilhados (não estão no style.css global do hub — vêm do escalar.css/style.css do provaveis) ── */
.obj-hero { text-align: center; padding: 30px 20px 24px; max-width: 720px; margin: 0 auto; }
.obj-hero__icon { font-size: 56px; margin-bottom: 8px; }
.obj-hero h2 { margin: 0 0 12px; font-size: 26px; color: #fff; font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,.2); }
.obj-hero p { margin: 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.6; }
.obj-hero p strong { color: var(--color-accent, #F5921A); }
.obj-cta-row { text-align: center; padding: 28px 20px 12px; max-width: 480px; margin: 0 auto; }
.obj-cta {
  display: inline-block; padding: 14px 32px; border: none; cursor: pointer;
  background: linear-gradient(135deg, #F5921A 0%, #FFB347 100%); color: #fff;
  border-radius: 10px; font-size: 15px; font-weight: 700;
  box-shadow: 0 6px 20px rgba(245,146,26,.35);
  transition: all .15s;
}
.obj-cta:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(245,146,26,.45); }
.obj-cta-row p { margin: 12px 0 0; font-size: 12px; color: rgba(255,255,255,.65); }
.obj-empty { text-align: center; padding: 30px 16px; color: #6b7280; background: #f9fafb; border-radius: 12px; font-size: 13px; max-width: 720px; margin: 0 auto; }
@media (max-width: 600px) {
  .obj-hero { padding: 22px 16px 18px; }
  .obj-hero__icon { font-size: 42px; }
  .obj-hero h2 { font-size: 20px; }
  .obj-hero p { font-size: 13.5px; }
  .obj-cta { padding: 12px 22px; font-size: 14px; }
}
/* Toast (feedback / avisos "Em breve") */
.pv-toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); background:#1E293B; color:#fff; padding:12px 18px; border-radius:10px; font-size:13px; font-weight:600; max-width:88vw; text-align:center; box-shadow:0 8px 30px rgba(0,0,0,.35); z-index:99999; opacity:0; transition:opacity .25s, transform .25s; }
.pv-toast.is-in { opacity:1; transform:translate(-50%,0); }
.pv-toast--ok { background:#16A34A; }
.pv-toast--err { background:#B91C1C; }

/* ── Toolbar / navbar da LISTA ────────────────────────────── */
.ind-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; justify-content:center; max-width:1200px; margin:0 auto 14px; }
.ind-tool-btn { display:inline-flex; align-items:center; gap:6px; background:#3A3B86; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:9px 16px; font-family:inherit; font-weight:700; font-size:13px; cursor:pointer; transition:background .12s, transform .08s, opacity .12s; }
.ind-tool-btn:hover { background:#4D52AF; }
.ind-tool-btn:active { transform:scale(.98); }
.ind-tool-btn:disabled { opacity:.5; cursor:not-allowed; }
.ind-tool-btn--primary { background:#F5921A; color:#1E1E2E; border-color:transparent; }
.ind-tool-btn--primary:hover:not(:disabled) { background:#e8850f; }
.ind-tool-btn--ghost { background:transparent; }
.ind-tool-btn--ghost:hover { background:rgba(255,255,255,.08); }
.ind-toolbar__hint { color:rgba(255,255,255,.6); font-size:12px; }
/* Barra de navegação do Indicações (Análise de Vídeo / Mais indicados / Resultados / Minhas indicações). Desktop = pills centralizadas. */
.ind-navbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; max-width:1200px; margin:0 auto 14px; }
.ind-nav-btn { display:inline-flex; align-items:center; gap:6px; background:#3A3B86; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:9px 16px; font-family:inherit; font-weight:700; font-size:13px; cursor:pointer; transition:background .12s, transform .08s; }
.ind-nav-btn:hover { background:#4D52AF; } .ind-nav-btn:active { transform:scale(.98); }
.ind-nav-btn__ic { font-size:15px; line-height:1; }
.ind-toolbar--combinar { margin-bottom:14px; }
/* No MOBILE a barra de navegação vira barra fixa embaixo (padrão Parciais/Mercado): ícone em cima, label embaixo.
   ADAPTADO p/ o hub: [data-br-pane="indicacoes"] → #indicacoesContent (página standalone). */
@media (max-width:600px) {
  #indicacoesContent .ind-navbar {
    position:fixed; left:0; right:0; bottom:0; z-index:8500;
    margin:0; gap:0; width:auto; max-width:none; border:none; border-top:1px solid rgba(255,255,255,.12); border-radius:0;
    background:#14153a; box-shadow:0 -6px 20px rgba(0,0,0,.4); padding:0 0 env(safe-area-inset-bottom); flex-wrap:nowrap;
  }
  #indicacoesContent .ind-nav-btn {
    flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
    gap:3px; padding:7px 2px 6px; margin:0; font-size:10px; line-height:1.1; font-weight:700; text-align:center;
    border:none; border-top:2.5px solid transparent; border-radius:0; background:transparent; color:rgba(255,255,255,.6);
  }
  #indicacoesContent .ind-nav-btn:hover { background:transparent; }
  #indicacoesContent .ind-nav-btn__ic { font-size:19px; }
  #indicacoesContent .ind-nav-btn__lbl { max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  #indicacoesContent { padding-bottom:calc(66px + env(safe-area-inset-bottom)); } /* conteúdo não fica atrás da barra */
}
/* Mobile: os botões de ação em no máximo 2 linhas — compacta padding/fonte, reduz gap/margem. */
@media (max-width: 600px) {
  .ind-toolbar { gap: 8px; margin-bottom: 10px; }
  .ind-tool-btn { padding: 8px 12px; font-size: 12px; gap: 5px; }
  .ind-tool-btn__ext { display: none; }
}
.ind-item--combo { cursor:pointer; }
.ind-item.is-sel { border-color:#F5921A; background:#FFF3E0; box-shadow:0 0 0 2px rgba(245,146,26,.35); }
.ind-item__chk { font-size:16px; color:#F5921A; line-height:1; flex-shrink:0; }
.ind-item--combo:not(.is-sel) .ind-item__chk { color:#94A3B8; }

/* ── Upsell (não-VIP) + gate VIP no detalhe ───────────────── */
.ind-upsell { max-width:420px; margin:30px auto; text-align:center; background:#F8FAFC; border-radius:14px; padding:32px 24px; box-shadow:0 2px 12px rgba(0,0,0,.18); }
.ind-upsell__ic { font-size:40px; margin-bottom:8px; }
.ind-upsell__h { margin:0 0 8px; font-size:18px; font-weight:800; color:#1E293B; }
.ind-upsell__p { margin:0 0 18px; font-size:13px; color:#475569; line-height:1.5; }
.ind-upsell__cta { display:inline-block; background:#F5921A; color:#1E1E2E; font-weight:800; font-size:14px; text-decoration:none; padding:12px 22px; border-radius:999px; transition:background .12s; }
.ind-upsell__cta:hover { background:#e8850f; }
/* Gate VIP no detalhe da indicação: conteúdo borrado + card de upsell por cima */
.ind-lock-wrap { position:relative; min-height:300px; overflow:hidden; }
.ind-locked { filter:blur(6px); pointer-events:none; user-select:none; opacity:.75; }
.ind-lock-card { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:16px; }
.ind-lock-card .ind-upsell { margin:0; }

/* ── Grid / colunas / itens da LISTA ──────────────────────── */
.ind-grid { display:flex; flex-wrap:wrap; gap:16px; justify-content:center; max-width:1200px; margin:0 auto; }
.ind-col { flex:1 1 250px; max-width:290px; min-width:230px; background:#F8FAFC; border-radius:12px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.18); }
.ind-col__head { background:#2D2E6E; color:#fff; font-weight:700; font-size:13px; padding:12px 14px; text-align:center; letter-spacing:.3px; }
.ind-col__body { padding:8px; display:flex; flex-direction:column; gap:6px; }
.ind-col__empty { padding:24px 12px; text-align:center; color:#94A3B8; font-size:12px; }
.ind-item { display:flex; align-items:center; gap:8px; width:100%; background:#fff; border:1px solid #EEF2F7; border-radius:9px; padding:10px 12px; cursor:pointer; text-align:left; font-family:inherit; transition:border-color .12s, background .12s, transform .08s; }
.ind-item:hover { border-color:#F5921A; background:#FFF9F1; }
.ind-item:active { transform:scale(.99); }
.ind-item__nome { flex:1; font-weight:700; font-size:13px; color:#1E293B; line-height:1.25; }
.ind-item__badge { display:inline-block; margin-left:6px; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; color:#B65F00; background:rgba(245,146,26,.14); padding:2px 6px; border-radius:999px; vertical-align:middle; }
.ind-item__media { font-size:11px; font-weight:700; color:#F5921A; white-space:nowrap; }
/* Parciais das indicações (durante os jogos): média + nº de jogadores que já entraram em campo. */
.ind-item__media--parcial { color:#DC2626; }
.ind-parciais-note { max-width:1200px; margin:0 auto 14px; text-align:center; font-size:12.5px; font-weight:800; color:#fff; background:#DC2626; border:1px solid rgba(255,255,255,.2); border-radius:9px; padding:9px 14px; box-shadow:0 4px 14px rgba(220,38,38,.3); }
.ind-item__arrow { color:#94A3B8; font-size:18px; font-weight:700; }
@media (max-width:600px){ .ind-col { max-width:none; } }

/* ── Cabeçalho do DETALHE ─────────────────────────────────── */
.ind-back { background:none; border:none; color:#F5921A; font-weight:700; font-size:13px; cursor:pointer; padding:4px 2px; margin-bottom:14px; font-family:inherit; }
.ind-back:hover { text-decoration:underline; }
.ind-detail__head { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.ind-detail__foto { width:48px; height:48px; border-radius:50%; object-fit:cover; border:2px solid rgba(245,146,26,.5); }
.ind-detail__nome { margin:0; font-size:18px; font-weight:800; color:#fff; }
.ind-detail__sub { font-size:12px; color:rgba(255,255,255,.6); }
.ind-detail__namerow { display:flex; align-items:center; gap:8px; }
.ind-fav { background:none; border:none; cursor:pointer; padding:2px; line-height:0; display:inline-flex; align-items:center; }
.ind-fav__ic { width:22px; height:22px; fill:none; stroke:#cbd5e1; stroke-width:2; stroke-linejoin:round; transition:transform .12s ease, fill .12s ease, stroke .12s ease; }
.ind-fav:hover .ind-fav__ic { stroke:#ef4444; transform:scale(1.12); }
.ind-fav:active .ind-fav__ic { transform:scale(.9); }
.ind-fav.is-fav .ind-fav__ic { fill:#ef4444; stroke:#ef4444; }
.ind-fav:disabled { cursor:default; opacity:.7; }
/* Botão compartilhar perfil (ícone share padrão) ao lado do coração no cabeçalho da indicação */
.ind-share { background:none; border:none; cursor:pointer; padding:2px 4px; line-height:0; display:inline-flex; align-items:center; color:#cbd5e1; transition:transform .12s ease, color .12s ease; }
.ind-share:hover { color:var(--color-accent); transform:scale(1.12); }
.ind-share:active { transform:scale(.9); }

/* ── Sub-abas por posição (Indicados) + edição da própria indicação ── */
.ind-pos-tabs { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.ind-pos-tab { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.72); font-family:inherit; font-size:12px; font-weight:800; padding:7px 15px; border-radius:999px; cursor:pointer; white-space:nowrap; transition:background .15s, color .15s, border-color .15s; }
/* Mobile: posições numa linha só (scroll horizontal se não couber) */
@media (max-width:520px){
  .ind-pos-tabs { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; gap:5px; }
  .ind-pos-tabs::-webkit-scrollbar { display:none; }
  .ind-pos-tab { flex:0 0 auto; padding:7px 12px; }
}
.ind-pos-tab:hover { background:rgba(255,255,255,.11); color:#fff; }
.ind-pos-tab.is-active { background:#F5921A; border-color:#F5921A; color:#1E1E2E; }
.ind-pos-body { position:relative; }
.ind-pos-body--edit { padding-bottom:60px; } /* espaço pro FAB não cobrir a última linha da tabela */
.ind-add-fab { position:absolute; right:14px; bottom:14px; z-index:20; display:inline-flex; align-items:center; gap:7px; background:#16A34A; color:#fff; border:none; font-family:inherit; font-size:13px; font-weight:800; padding:11px 18px; border-radius:999px; cursor:pointer; box-shadow:0 6px 18px rgba(22,163,74,.45); transition:background .15s, transform .1s; }
.ind-add-fab:hover { background:#12833d; }
.ind-add-fab:active { transform:translateY(1px); }
.ind-add-cnt { background:rgba(255,255,255,.25); padding:1px 7px; border-radius:999px; font-size:11px; }
.ind-rm { background:#FEE2E2; color:#B91C1C; border:1px solid #FCA5A5; border-radius:999px; width:22px; height:22px; line-height:1; font-size:12px; font-weight:800; cursor:pointer; flex:none; padding:0; }
.ind-rm:hover { background:#FCA5A5; color:#7F1D1D; }
.ind-rm--row { margin-right:8px; }
.ind-ocard--edit { position:relative; }
.ind-ocard--edit .ind-rm { position:absolute; top:8px; right:8px; z-index:2; }
.ind-pos-tab__n { opacity:.65; font-weight:700; }

/* ── Abas do detalhe (Indicados / Histórico) ──────────────── */
.ind-detail__tabs { display:inline-flex; gap:4px; margin-bottom:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:3px; }
.ind-dtab { background:transparent; border:none; font-family:inherit; font-size:13px; font-weight:700; color:rgba(255,255,255,.65); padding:8px 20px; border-radius:999px; cursor:pointer; transition:background .15s, color .15s; }
.ind-dtab:hover { color:#fff; }
.ind-dtab.is-active { background:#F5921A; color:#1E1E2E; }
/* "Resumo do Vídeo": link externo entre as abas (abre a análise). Pill laranja-vazado, distinto das abas. */
.ind-dtab--resumo { text-decoration:none; color:#F5921A; display:inline-flex; align-items:center; gap:5px; }
.ind-dtab--resumo:hover { background:rgba(245,146,26,.15); color:#F5921A; }

/* ── Histórico ────────────────────────────────────────────── */
.ind-hist { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-start; }
.ind-hist__contas { flex:0 0 260px; max-width:100%; background:#F8FAFC; border-radius:12px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.18); }
.ind-hist__charts { flex:1 1 420px; min-width:0; display:flex; flex-direction:column; gap:16px; }
.ind-hist__h { margin:0; font-size:13px; font-weight:700; color:#1E293B; padding:12px 14px 6px; line-height:1.3; }
.ind-hist__contas .ind-hist__h { background:#2D2E6E; color:#fff; padding:12px 14px; }
.ind-hist__count { display:inline-block; background:rgba(255,255,255,.2); border-radius:999px; padding:1px 8px; font-size:11px; margin-left:4px; }
.ind-hist__sub { display:block; font-size:11px; color:#64748B; padding:0 14px 4px; }
.ind-hist__contas-list { max-height:520px; overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:4px; }
.ind-conta { display:flex; align-items:center; gap:8px; padding:6px 8px; border-radius:8px; background:#fff; border:1px solid #EEF2F7; }
.ind-conta__escudo { width:24px; height:24px; object-fit:contain; flex-shrink:0; }
.ind-conta__nome { font-size:12px; font-weight:600; color:#1E293B; line-height:1.2; }
.ind-chart-card { background:#F8FAFC; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.18); padding-bottom:12px; }
.ind-chart-card .ind-hist__h { text-align:center; padding-top:14px; }
.ind-chart-card .ind-hist__sub { text-align:center; }
.ind-chart-wrap { position:relative; height:260px; padding:8px 12px 0; }
@media (max-width:640px){ .ind-hist__contas { flex-basis:100%; order:2; } .ind-hist__charts { order:1; } .ind-chart-wrap { height:220px; } }

/* ── Tabela de INDICADOS (reusa o layout do picker do provaveis) ── */
.ind-xtab { scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.28) transparent; }
.ind-xtab::-webkit-scrollbar { width:8px; height:8px; }
.ind-xtab::-webkit-scrollbar-thumb { background:rgba(0,0,0,.28); border-radius:8px; }
.ind-xtab::-webkit-scrollbar-track { background:transparent; }
.ind-picker__th[data-sort] { cursor:pointer; user-select:none; }
.ind-picker__th[data-sort]:hover, .ind-picker__th.is-sorted { color:#fff; }
.ind-picker__tbl { width:100%; border-collapse:collapse; font-size:12px; }
.ind-picker__tbl thead th { position:sticky; top:0; background:#1A1C33; color:#94A3B8; font-size:10px; text-transform:uppercase; letter-spacing:.03em; padding:9px 6px; text-align:left; white-space:nowrap; z-index:1; }
.ind-picker__row td { padding:8px 6px; border-top:1px solid rgba(255,255,255,.06); vertical-align:middle; }
.ind-picker__row:hover td { background:rgba(255,255,255,.035); }
.ind-picker__row.is-inval td { background:#3a1f1f; }
/* Detalhe da indicação: linha arrastável p/ o widget "Meu Time" (Fase 2). Escopo pelo [draggable]. */
.ind-picker__row[draggable="true"] { cursor:grab; }
.ind-picker__row[draggable="true"]:active { cursor:grabbing; }
.ind-picker__row.is-dragging { opacity:.5; }
.ind-ocard[draggable="true"] { cursor:grab; }
.ind-ocard[draggable="true"]:active { cursor:grabbing; }
.ind-ocard.is-dragging { opacity:.5; }
/* Badges na lista de indicados (🔥 mais escalados · termômetro mais indicados) — reusa classes do campinho, inline. */
.ind-picker__badges { display:inline-flex; align-items:center; gap:4px; margin-left:6px; vertical-align:middle; }
.ind-picker__badges .pitch-player__escalado,
.ind-picker__badges .pitch-player__thermo-wrap,
.ind-picker__badges .pitch-player__medal-wrap,
.ind-picker__badges .pitch-player__valorizar-wrap { position:static; top:auto; bottom:auto; left:auto; right:auto; filter:none; z-index:auto; }
.ind-picker__badges .pitch-player__escalado { font-size:13px; }
/* No card mobile os selos ficam ACIMA do valor (col3, alinhado à direita). */
.ind-ocard__col3 .ind-picker__badges { margin-left:0; margin-bottom:3px; justify-content:flex-end; }
.ind-picker__jog { display:flex; align-items:center; gap:10px; }
.ind-picker__fotowrap { position:relative; flex-shrink:0; line-height:0; display:inline-block; }
a.ind-picker__fotowrap { cursor:pointer; }
a.ind-picker__fotowrap:hover .ind-picker__foto { outline:2px solid #F5921A; outline-offset:1px; }
.ind-picker__foto { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#222; flex-shrink:0; }
.ind-picker__st { position:absolute; right:-3px; bottom:-3px; width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:900; line-height:1; color:#fff; border:2px solid #0F1122; box-sizing:content-box; }
.ind-picker__st--contundido, .ind-picker__st--nulo { background:#DC2626; }
.ind-picker__st--duvida { background:#F5921A; }
.ind-picker__st--suspenso { width:11px; height:15px; border-radius:2px; background:#DC2626; border:1.5px solid #0F1122; right:-3px; }
.ind-picker__nome { font-weight:700; white-space:nowrap; }
.ind-picker__pos { font-size:10px; color:#94A3B8; text-transform:uppercase; letter-spacing:.02em; }
.ind-picker__conf { white-space:nowrap; }
.ind-picker__confbox { display:inline-flex; align-items:center; gap:5px; }
.ind-picker__conf img { width:22px; height:22px; object-fit:contain; flex-shrink:0; }
.ind-picker__vs { color:#64748B; font-size:12px; font-weight:700; }
.ind-picker__num { white-space:nowrap; font-weight:600; }
/* Tabela de Indicados: reusa o layout do picker, mas com fundo CLARO (overrides escopados). */
.ind-xtab { background:#F8FAFC; border-radius:12px; overflow-x:auto; box-shadow:0 2px 12px rgba(0,0,0,.18); }
.ind-xtab .ind-picker__tbl { min-width:820px; color:#1E293B; }
.ind-xtab .ind-picker__tbl thead th { background:#2D2E6E; color:rgba(255,255,255,.85); }
.ind-xtab .ind-picker__row td { border-top:1px solid #EEF2F7; }
.ind-xtab .ind-picker__row:hover td { background:rgba(245,146,26,.07); }
.ind-xtab .ind-picker__pos { color:#64748B; }
.ind-xtab .ind-picker__foto { background:#E2E8F0; }
.ind-xtab .ind-picker__st { border-color:#fff; }
/* 1ª coluna (Jogador) fixa no scroll horizontal — precisa de fundo OPACO p/ não vazar as colunas por baixo. */
.ind-xtab .ind-picker__tbl thead th:first-child,
.ind-xtab .ind-picker__jogcol { position:sticky; left:0; box-shadow:inset -1px 0 0 #E2E8F0; }
.ind-xtab .ind-picker__tbl thead th:first-child { z-index:3; }
.ind-xtab .ind-picker__jogcol { z-index:2; background:#F8FAFC; }
.ind-xtab .ind-picker__row:hover .ind-picker__jogcol { background:#FCF2E6; }
.ind-picker__empty2 { text-align:center; padding:26px; color:#94A3B8; font-size:13px; }
@media (max-width:640px){ .ind-picker__tbl { font-size:11px; } .ind-picker__foto { width:30px; height:30px; } .ind-picker__tbl thead th, .ind-picker__row td { padding:6px 7px; } }

/* ── Cards mobile dos Indicados ───────────────────────────── */
.ind-ocards { display:flex; flex-direction:column; gap:10px; padding:12px; }
.ind-ocard { display:flex; flex-direction:column; gap:8px; padding:12px 14px; background:#181B34; border:1px solid rgba(255,255,255,.07); border-radius:12px; }
.ind-ocard.is-inval { background:#3a1f1f; }
.ind-ocard__grid { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.ind-ocard__foto { display:flex; align-items:center; }
.ind-ocard__foto .ind-picker__foto { width:54px; height:54px; }
.ind-ocard__col2 { min-width:0; display:flex; flex-direction:column; gap:6px; }
.ind-ocard__nome { color:#fff; font-weight:700; font-size:15px; word-break:break-word; }
.ind-ocard__sub { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; }
.ind-ocard__clube { color:#94A3B8; font-size:11px; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; }
.ind-ocard__conf { display:flex; align-items:center; justify-self:center; }
.ind-ocard__col3 { display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex-shrink:0; }
.ind-ocard__priceval { color:#fff; font-weight:800; font-size:15px; white-space:nowrap; }
.ind-ocard__minval { color:#94A3B8; font-size:10px; white-space:nowrap; }
.ind-ocard__mid { display:flex; flex-wrap:nowrap; gap:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,.07); }
.ind-ocard__stat { flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:1px; }
.ind-ocard__lbl { color:#94A3B8; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ind-ocard__v { color:#fff; font-size:13px; font-weight:800; }

/* ── Parciais na aba Indicados (detalhe): Pontuação ao vivo + chips de scouts ── */
/* Tabela desktop = tema claro (.ind-xtab). Cards mobile = tema escuro (.ind-ocard). */
.ind-xtab--live .ind-picker__tbl { min-width:0; }
.ind-picker__scouts { white-space:normal; line-height:1.85; max-width:420px; }
.ind-live-pts { font-weight:800; font-size:14px; }
.ind-live-pts--pos { color:#16A34A; }
.ind-live-pts--neg { color:#DC2626; }
.ind-live-pts--na { color:#94A3B8; }
.ind-sc { display:inline-block; font-size:11px; font-weight:800; padding:1px 6px; border-radius:6px; margin:1px 3px 1px 0; white-space:nowrap; letter-spacing:.2px; }
.ind-sc--pos { color:#15803D; background:rgba(22,163,74,.12); }
.ind-sc--neg { color:#B91C1C; background:rgba(220,38,38,.12); }
.ind-sc-none { color:#94A3B8; font-size:12px; }
/* variante escura dos chips dentro dos cards mobile */
.ind-ocard .ind-sc--pos { color:#4ADE80; background:rgba(34,197,94,.16); }
.ind-ocard .ind-sc--neg { color:#F87171; background:rgba(248,113,113,.16); }
.ind-ocard__livepts { font-weight:800; font-size:22px; line-height:1; white-space:nowrap; }
.ind-ocard__livepts.is-pos { color:#4ADE80; }
.ind-ocard__livepts.is-neg { color:#F87171; }
.ind-ocard__livepts.is-na { color:#94A3B8; }
.ind-ocard__livelbl { display:block; color:#94A3B8; font-size:10px; text-align:right; margin-top:2px; }
.ind-ocard__mid--scouts { flex-wrap:wrap; gap:4px; align-items:flex-start; }

/* ============================================================
   FASE 2 — CSS das sub-telas (Análise de Vídeo, Resultados +
   popup Delivery mito, picker do "Indicar", aba Delivery e modal
   mkt). Extraído VERBATIM de e:\cartomante_provaveis\style.css
   (blocos ~4686-5567 + mkt-modal ~8439). Só as classes que a Fase 1
   ainda não tinha. O campinho vertical mobile usa o MESMO svg do provaveis
   (campinho-sem-borda.svg), referenciado absoluto em provaveis.com.br.
   ============================================================ */

/* ── Análise de Vídeo Dicas (style.css L4687-4704) ── */
.ind-video__head { margin: 6px 0 14px; display: flex; flex-direction: column; gap: 4px; }
.ind-video__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.ind-video-card { display: flex; flex-direction: column; text-align: left; background: #fff; border: 1px solid var(--color-border, #E2E8F0); border-radius: 12px; overflow: hidden; cursor: pointer; padding: 0; font-family: inherit; transition: box-shadow .15s, transform .08s; }
.ind-video-card:hover { box-shadow: 0 8px 22px rgba(0,0,0,.12); transform: translateY(-2px); }
.ind-video-card__thumb { position: relative; aspect-ratio: 16/9; background: #0F172A; }
.ind-video-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ind-video-card__dur { position: absolute; right: 6px; bottom: 6px; background: rgba(0,0,0,.8); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 5px; }
.ind-video-card__body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 5px; }
.ind-video-card__title { font-size: 13px; font-weight: 700; color: var(--color-dark, #0F172A); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ind-video-card__meta { font-size: 11.5px; color: var(--color-muted, #64748B); font-weight: 600; }
.ind-detail__headmain { flex: 1; min-width: 0; }
.ind-video__analise { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; align-self: center; background: #F5921A; color: #fff; font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap; }
.ind-video__analise:hover { filter: brightness(1.08); }
@media (max-width: 600px) {
  .ind-video__grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
  .ind-video-card__title { font-size: 12px; }
  .ind-video__analise { padding: 6px 11px; font-size: 12px; }
}

/* ── Resultados da última rodada — dashboard (style.css L4706-4765) ── */
.ind-res__head { margin-bottom: 16px; }
.ind-res-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 22px; }
.ind-res-card { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; font-family: inherit; background: #fff; border: none; border-top: 3px solid #F5921A; border-radius: 14px; padding: 16px 12px 14px; text-align: center; box-shadow: 0 4px 16px rgba(0,0,0,.16); cursor: default; }
.ind-res-card__ic { font-size: 42px; line-height: 1; margin-bottom: 6px; }
.ind-res-card__lupa { position: absolute; top: 8px; right: 9px; font-size: 15px; opacity: .5; }
.ind-res-card--click { cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.ind-res-card--click:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(45,46,110,.28); }
.ind-res-card--click:hover .ind-res-card__lupa { opacity: 1; }
.ind-res-card--click:active { transform: translateY(-1px); }
.ind-res-card__tit { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; color: #4D52AF; margin-bottom: 8px; }
/* Popup do Delivery mito — lista de quem recebeu */
.ind-deliv-rec { margin-top: 14px; }
.ind-deliv-rec__head { font-size: 13px; font-weight: 800; color: #2D2E6E; margin-bottom: 8px; }
.ind-deliv-rec__row { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border: none; border-radius: 9px; background: #F1F3FB; margin-bottom: 6px; font-family: inherit; text-align: left; }
.ind-deliv-rec__row--click { cursor: pointer; transition: background .12s ease; }
.ind-deliv-rec__row--click:hover { background: #E3E7FA; }
.ind-deliv-rec__esc { width: 24px; height: 24px; object-fit: contain; flex: 0 0 24px; }
.ind-deliv-rec__nome { font-size: 13px; font-weight: 700; color: #1E293B; }
.ind-deliv-rec__lupa { margin-left: auto; font-size: 14px; opacity: .55; }
.ind-deliv-rec__row--click:hover .ind-deliv-rec__lupa { opacity: 1; }
.ind-res-card__nome { font-size: 13px; font-weight: 800; color: #1E293B; line-height: 1.25; min-height: 2.5em; display: flex; align-items: center; justify-content: center; }
.ind-res-card__val { font-size: 24px; font-weight: 900; color: #2D2E6E; line-height: 1.1; margin-top: 4px; }
.ind-res-card__un { font-size: 10.5px; font-weight: 700; color: #94A3B8; text-transform: uppercase; letter-spacing: .3px; }
.ind-res-tops { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1000px; margin: 0 auto 22px; }
.ind-res-top { background: #F8FAFC; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.18); }
.ind-res-top__head { background: #2D2E6E; color: #fff; font-weight: 800; font-size: 13px; padding: 11px 14px; text-align: center; }
.ind-res-top__head small { display: block; font-size: 10px; font-weight: 600; opacity: .7; text-transform: none; letter-spacing: 0; margin-top: 2px; }
.ind-res-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 4px 12px; border: none; border-bottom: 1px solid #EEF2F7; height: 60px; box-sizing: border-box; background: transparent; font-family: inherit; text-align: left; }
.ind-res-row:last-child { border-bottom: none; }
.ind-res-row--click { cursor: pointer; transition: background .12s ease; }
.ind-res-row--click:hover { background: #F1F5FF; }
.ind-res-row__lupa { font-size: 12px; margin-left: 6px; opacity: .5; }
.ind-res-row--click:hover .ind-res-row__lupa { opacity: 1; }
.ind-res-row__pos { flex: 0 0 20px; text-align: center; font-size: 13px; font-weight: 800; color: #94A3B8; }
.ind-res-row__esc, .ind-res__av { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: #E2E8F0; }
.ind-res-row__nome { flex: 1; min-width: 0; font-size: 14px; font-weight: 700; color: #1E293B; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind-res-row__val { font-size: 14px; font-weight: 900; color: #F5921A; white-space: nowrap; text-align: right; }
.ind-res-row__val small { display: block; font-size: 10.5px; font-weight: 700; color: #94A3B8; }
.ind-res-cols { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; max-width: 1200px; margin: 0 auto; }
.ind-res-col { flex: 1 1 250px; max-width: 290px; min-width: 220px; background: #F8FAFC; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.18); }
.ind-res-col__head { background: #2D2E6E; color: #fff; font-weight: 700; font-size: 12.5px; padding: 11px 12px; text-align: center; }
.ind-res-col__sub { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; padding: 7px 14px; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .3px; color: #94A3B8; background: #EEF2F7; }
.ind-res-dica { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; align-items: center; width: 100%; background: #fff; border: none; border-bottom: 1px solid #EEF2F7; padding: 9px 14px; cursor: pointer; text-align: left; font-family: inherit; transition: background .12s; }
.ind-res-dica:hover { background: #FFF9F1; }
.ind-res-dica:active { background: #FFF3E0; }
.ind-res-dica__nome { min-width: 0; font-size: 12.5px; font-weight: 700; color: #1E293B; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ind-res-dica__qt { font-size: 12px; font-weight: 700; color: #64748B; text-align: center; min-width: 26px; }
.ind-res-dica__med { font-size: 13px; font-weight: 900; color: #F5921A; text-align: right; min-width: 40px; }
.ind-res-dica--extra { display: none; }
.ind-res-col.is-expanded .ind-res-dica--extra { display: grid; }
.ind-res-vermais { width: 100%; background: #fff; border: none; border-top: 1px solid #EEF2F7; padding: 10px; font-size: 12px; font-weight: 800; color: #4D52AF; cursor: pointer; font-family: inherit; }
.ind-res-vermais:hover { background: #F1F5FF; }
@media (max-width: 640px) {
  .ind-res-cards { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ind-res-card__val { font-size: 21px; }
  .ind-res-card__ic { font-size: 36px; }
  .ind-res-tops { grid-template-columns: 1fr; gap: 12px; }
  .ind-res-cols { flex-direction: column; align-items: stretch; }
  .ind-res-col { max-width: none; min-width: 0; }
}

/* ── Picker "Indicar" — chrome do modal (style.css L5131-5156, L5214-5231, L5274-5280, L5418) ──
   As classes de tabela/linha/foto/card já vieram na Fase 1; aqui só o modal, filtros e botões. */
.ind-picker-overlay { position:fixed; inset:0; z-index:100001; background:rgba(15,17,34,.62); display:flex; align-items:center; justify-content:center; padding:14px; }
.ind-picker { background:#0F1122; color:#fff; border-radius:14px; width:100%; max-width:820px; height:86vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.55); }
.ind-picker__head { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 16px; background:#1A1C33; font-weight:700; font-size:14px; flex-shrink:0; }
.ind-picker__title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ind-picker__headtools { display:flex; align-items:center; gap:8px; }
.ind-picker__close { background:none; border:none; color:#94A3B8; font-size:24px; line-height:1; cursor:pointer; padding:0 4px; }
.ind-picker__searchbar { padding:10px 16px 0; background:#151732; flex-shrink:0; }
.ind-picker__search { width:100%; box-sizing:border-box; background:#0F1128; border:1px solid #2A2E52; border-radius:8px; color:#E2E8F0; font-family:inherit; font-size:14px; padding:9px 12px; outline:none; }
.ind-picker__search::placeholder { color:#64748B; }
.ind-picker__search:focus { border-color:#4D52AF; }
.ind-picker__filtros { display:flex; gap:8px; padding:10px 16px; background:#151732; flex-shrink:0; flex-wrap:wrap; position:relative; z-index:2; }
.ind-ms { position:relative; }
.ind-ms__btn { background:#0F1122; color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:8px; padding:6px 12px; font-size:12px; font-family:inherit; cursor:pointer; white-space:nowrap; }
.ind-ms__panel { position:absolute; top:calc(100% + 4px); left:0; z-index:6; background:#1A1C33; border:1px solid rgba(255,255,255,.14); border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.5); max-height:300px; overflow-y:auto; min-width:190px; padding:6px; }
.ind-ms__all, .ind-ms__opt { display:flex; align-items:center; gap:8px; padding:7px 8px; font-size:12.5px; color:#e5e7eb; cursor:pointer; border-radius:6px; white-space:nowrap; }
.ind-ms__all:hover, .ind-ms__opt:hover { background:rgba(255,255,255,.06); }
.ind-ms__all { font-weight:700; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:4px; }
.ind-ms__escudo { width:20px; height:20px; object-fit:contain; flex-shrink:0; }
.ind-ms input { accent-color:#F5921A; width:15px; height:15px; flex-shrink:0; }
.ind-picker__body { flex:1 1 auto; min-height:0; overflow:auto; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent; }
.ind-picker__body::-webkit-scrollbar { width:8px; height:8px; }
.ind-picker__body::-webkit-scrollbar-thumb { background:rgba(255,255,255,.22); border-radius:8px; }
.ind-picker__body::-webkit-scrollbar-track { background:transparent; }
.ind-picker__empty { display:flex; align-items:center; justify-content:center; height:100%; min-height:200px; color:#94A3B8; font-size:13px; }
.ind-picker__buy { background:#F5921A; color:#1e1e2e; border:none; border-radius:8px; padding:6px 11px; font-weight:800; font-size:11px; cursor:pointer; font-family:inherit; white-space:nowrap; }
.ind-picker__buy--sell { background:#DC2626; color:#fff; }
.ind-picker__buy--sell:hover { background:#c11f1f; }
.ind-picker__buy--res { background:#4D52AF; color:#fff; }
.ind-picker__buy--res:hover:not(:disabled) { background:#41469a; }
.ind-picker__buy:hover:not(:disabled) { background:#e8850f; }
.ind-picker__buy:disabled { background:#3b4252; color:#8a93a3; cursor:not-allowed; }
.ind-picker__buy--ja:disabled { background:#E2E8F0; color:#475569; }
.ind-picker__buy--inval:disabled { background:#FEE2E2; color:#B91C1C; }
@media (max-width:640px){ .ind-picker__buy { padding:6px 10px; } }
.ind-picker__ficons { display:none; gap:8px; }
.ind-picker__ficon { display:inline-flex; align-items:center; justify-content:center; width:40px; height:36px; background:#1B1E3A; color:#cbd5e1; border:1px solid rgba(255,255,255,.16); border-radius:9px; cursor:pointer; }
.ind-picker__ficon:hover { color:#fff; }
.ind-picker__ficon.is-active { background:#F5921A; color:#1e1e2e; border-color:transparent; }
.ind-picker__grp { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ind-picker__grp--sort { display:none; }
.ind-picker__sortsel { background:#1B1E3A; color:#fff; border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:9px 12px; font-family:inherit; font-size:12px; font-weight:700; }
@media (max-width:600px){
  .ind-picker__ficons { display:flex; }
  .ind-picker__filtros { padding:0; }
  .ind-picker__grp { display:none; width:100%; }
  .ind-picker__grp.is-open { display:flex; padding:10px 14px; }
  .ind-picker__sortsel { width:100%; }
}
.ind-picker--widget { max-width:none; height:100%; border-radius:0; box-shadow:none; }

/* ── Aba Delivery — embed Raiozinho NATIVO (style.css L4862-5104 relevantes) ── */
.ind-delivery__hint { font-size:12px; color:#64748B; margin:0 0 12px; line-height:1.45; }
.ind-delivery__root { background:#E7E9F4; border:1px solid #DADDEC; border-radius:14px; padding:16px 14px; min-height:80px; box-shadow:inset 0 1px 2px rgba(45,46,110,.06); overflow:hidden; }
.ind-delivery__root #_raio_auth_bar { display:none !important; }
.ind-delivery__root #_raio_status { display:none !important; }
.ind-delivery__root #_raio_variantes button { background:#fff !important; border:1px solid #DADDEC !important; color:#475569 !important; box-shadow:0 1px 2px rgba(45,46,110,.05) !important; }
.ind-delivery__root #_raio_variantes button.ind-var-active { background:#E4E7FA !important; border-color:#4D52AF !important; color:#2D2E6E !important; font-weight:700 !important; box-shadow:0 1px 5px rgba(77,82,175,.22) !important; }
.ind-delivery__root:not(.is-generated) #_raio_start_btn { padding:13px 32px !important; font-size:1rem !important; box-shadow:0 4px 14px rgba(245,146,26,.4) !important; }
/* Campo: PNG trapézio em perspectiva — 'contain' mostra o trapézio inteiro sem cortar a base. */
.ind-delivery__root .re-field { background-size:contain !important; background-position:top center !important; }
.ind-delivery__root .re-field { --camp-nome-bg:#1D6FE3; --camp-val-bg:#12141C; }
.ind-delivery__root .camp-avatar-escudo { background:#fff !important; border-radius:50% !important; padding:1px !important; box-shadow:0 1px 2px rgba(0,0,0,.3) !important; }
.ind-delivery__root .camp-avatar-capitao { background:#F5921A !important; color:#fff !important; border-radius:50% !important; width:16px !important; height:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; box-shadow:0 1px 2px rgba(0,0,0,.4) !important; }
.ind-delivery__root .camp-avatar-luxo { background:#FFD24A !important; color:#5A3D00 !important; border-radius:50% !important; width:15px !important; height:15px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; font-size:9px !important; box-shadow:0 1px 2px rgba(0,0,0,.4) !important; }
.ind-delivery__root .re-field .camp-avatar-nome { width:auto !important; max-width:84px; padding:1px 6px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.ind-delivery__root .re-field .camp-avatar-valor { width:auto !important; padding:1px 6px !important; white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; }
.ind-delivery__root .re-field .camp-avatar:has(.camp-avatar-capitao) .camp-avatar-nome { background:#F5921A !important; color:#fff !important; }
.ind-delivery__root .re-field .camp-avatar:has(.camp-avatar-luxo) .camp-avatar-nome { background:#F5C518 !important; color:#fff !important; }
.ind-deliv-lista { background:#fff; border:1px solid #EEF2F7; border-radius:12px; overflow:hidden; align-self:stretch; }
.ind-deliv-lista__empty { padding:28px 12px; text-align:center; color:#94A3B8; font-size:12px; }
/* Botão do ciclo de visão (parity com o Escalar) + tabela da lista (inertes aqui: o embed é nativo) */
.ind-delivery__root .ind-deliv-cycle { background:#4D52AF; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; white-space:nowrap; transition:background .15s; }
.ind-delivery__root .ind-deliv-cycle:hover { background:#3f449c; }
.ind-deliv-tbl { width:100%; border-collapse:collapse; font-size:12px; }
.ind-deliv-tbl thead th { background:#2D2E6E; color:#fff; text-align:left; padding:8px 10px; font-size:11px; font-weight:700; position:sticky; top:0; }
.ind-deliv-tbl .ind-deliv-num { text-align:right; white-space:nowrap; }
.ind-deliv-tbl tbody td { padding:7px 10px; border-bottom:1px solid #F1F5F9; color:#1E293B; }
.ind-deliv-tbl tbody td:last-child { font-weight:700; }
.ind-deliv-tbl tbody td.ind-deliv-mv { color:#94A3B8; font-weight:600; }
.ind-deliv-tbl tbody tr:last-child td { border-bottom:none; }
.ind-deliv-tbl tbody tr:hover td { background:#F8FAFC; }
.ind-deliv-pos { color:#64748B; }
/* Campinho VERTICAL (retrato) no mobile — asset NATIVO do hub: /images/campinho-sem-borda.svg
   (hospedado em /var/www/cartomante-app/images/, mesmo svg que o provaveis usa; escalar.css usa o mesmo).
   Campo 300×540 (gramado ~436 no topo + faixa de reservas embaixo). */
@media (max-width:760px){
  .ind-delivery__root .re-field {
    width:300px !important; height:540px !important;
    background:url('/images/campinho-sem-borda.svg') top center / 300px 436px no-repeat !important;
    background-color:transparent !important;
  }
  .ind-delivery__root .re-row-atacantes { top:18px !important; left:24px !important; width:252px !important; }
  .ind-delivery__root .re-row-meias     { top:112px !important; left:24px !important; width:252px !important; }
  .ind-delivery__root .re-row-defesa    { top:206px !important; left:6px !important; width:288px !important; }
  .ind-delivery__root .re-row-ultima    { top:302px !important; left:0 !important; width:300px !important; padding-left:40px !important; padding-right:40px !important; }
  .ind-delivery__root .re-row-reservas  { top:452px !important; bottom:auto !important; left:0 !important; width:300px !important; border-top:none !important; padding-top:0 !important; }
  .ind-delivery__root .re-field .camp-avatar { width:54px !important; }
  .ind-delivery__root .re-field .camp-avatar-wrap { width:44px !important; height:40px !important; }
  .ind-delivery__root .re-field .camp-avatar-shield-inner { width:40px !important; height:40px !important; }
  .ind-delivery__root .re-field .camp-avatar-escudo { width:18px !important; height:18px !important; }
  .ind-delivery__root .re-field .camp-avatar-nome,
  .ind-delivery__root .re-field .camp-avatar-valor { font-size:10px !important; padding:1px 4px !important; max-width:60px !important; }
}
@media (max-width:520px){
  .ind-delivery__root { padding:12px 8px; }
  .ind-delivery__root #_raio_variantes { flex-wrap:wrap !important; }
  .ind-delivery__root #_raio_variantes button { flex:1 1 46% !important; }
  .ind-deliv-tbl { font-size:10px; }
  .ind-deliv-tbl thead th { font-size:9px; padding:6px 2px; }
  .ind-deliv-tbl tbody td { padding:5px 3px; }
}

/* ── Modal do popup "Delivery mito" (style.css L8439-8445) ── */
.mkt-modal-ov { position:fixed; inset:0; background:rgba(20,20,40,.55); display:flex; align-items:center; justify-content:center; z-index:9000; padding:16px; }
.mkt-modal { background:#fff; border-radius:18px; width:100%; max-width:780px; max-height:92vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.4); }
.mkt-modal__head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; background: var(--color-dark-purple); color:#fff; font-weight:800; font-size:15px; }
.mkt-modal__head b { color: var(--color-accent); }
.mkt-modal__x { background:none; border:none; color:#fff; font-size:26px; line-height:1; cursor:pointer; padding:0 4px; }
.mkt-modal__body { padding:14px 16px; overflow-y:auto; }

/* ============================================================
   FASE 3 — Delivery 2 colunas: grid campinho+tabela, barra (chips +
   Gerar/Avaliar/Salvar), menu de edicao, modais de conta (pv-multiconta),
   avaliacao (ind-av) e warning de reserva cara. Extraido VERBATIM do
   escalar.css do hub (ja adaptado), sem duplicar regras ja presentes.
   ============================================================ */
.ind-delivery__root .ind-deliv-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:2px 0 14px; }

.ind-delivery__root .ind-deliv-btns { display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; }

@media (max-width:760px) {
.ind-delivery__root .ind-deliv-btns { order:1; width:100%; flex-wrap:nowrap; gap:6px; }

.ind-delivery__root .ind-deliv-btns > * { flex:1 1 0 !important; min-width:0 !important; display:block !important; text-align:center !important; justify-content:center !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:9px 6px !important; font-size:11px !important; }

.ind-delivery__root .ind-deliv-btns #_raio_start_btn { padding:9px 6px !important; font-size:11px !important; }

.ind-delivery__root .ind-deliv-chips { order:2; width:100% !important; justify-content:center !important; }

.ind-delivery__root.is-generated .ind-deliv-btns #_raio_start_btn { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns #_raio_start_btn::before { content:"⚡ GERAR"; font-size:11px; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-salvar { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-salvar::before { content:"☁️ SALVAR"; font-size:11px; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-trocaconta { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-trocaconta::before { content:"🔄 CONTA"; font-size:11px; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-limpar { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-limpar::before { content:"🧹 LIMPAR"; font-size:11px; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-completar { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-completar::before { content:"✨ COMPL."; font-size:11px; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-importar { font-size:0 !important; }

.ind-delivery__root.is-generated .ind-deliv-btns .ind-deliv-importar::before { content:"📥 IMPORT"; font-size:11px; }
}

.ind-delivery__root .ind-deliv-bar .ind-deliv-chips { display:inline-flex !important; align-items:center !important; gap:6px !important; margin:0 !important; }

.ind-delivery__root .ind-deliv-bar #_raio_start_btn { padding:5px 16px !important; font-size:12px !important; border-radius:999px !important; height:auto !important; display:inline-flex !important; align-items:center !important; }

.ind-delivery__root .ind-deliv-mais { display:none; background:#3D3F7A; color:#fff; border:none; font-family:inherit; font-weight:700; border-radius:999px; cursor:pointer; align-items:center; justify-content:center; line-height:1; }

.ind-delivery__root:not(.is-generated) .ind-deliv-mais { display:none !important; }

.ind-deliv-sheet { position:fixed; inset:0; z-index:9500; display:none; }

.ind-deliv-sheet.is-open { display:block; }

.ind-deliv-sheet__bg { position:absolute; inset:0; background:rgba(0,0,0,.55); animation:idsFade .18s ease-out; }

.ind-deliv-sheet__panel { position:absolute; left:0; right:0; bottom:0; background:#20223F; border-radius:18px 18px 0 0; padding:6px 16px calc(20px + env(safe-area-inset-bottom,0px)); box-shadow:0 -12px 34px rgba(0,0,0,.45); animation:idsUp .22s cubic-bezier(.2,.8,.2,1); }

.ind-deliv-sheet__grab { width:42px; height:4px; border-radius:2px; background:rgba(255,255,255,.22); margin:8px auto 12px; }

.ind-deliv-sheet__head { display:flex; align-items:center; justify-content:space-between; color:#fff; font-weight:700; font-size:15px; margin-bottom:10px; }

.ind-deliv-sheet__x { background:none; border:none; color:#9AA3C0; font-size:28px; line-height:1; cursor:pointer; padding:0 4px; }

.ind-deliv-sheet__list { display:flex; flex-direction:column; gap:9px; }

.ind-deliv-sheet__list > button { display:flex !important; align-items:center; gap:8px; width:100% !important; justify-content:flex-start !important; text-align:left !important; font-family:inherit; font-size:15px !important; font-weight:700 !important; color:#fff !important; border:none !important; border-radius:12px !important; padding:15px 18px !important; cursor:pointer; white-space:nowrap; min-width:0 !important; line-height:1.1 !important; }

.ind-deliv-sheet__list > .ind-deliv-avaliar { background:#4D52AF !important; }

.ind-deliv-sheet__list > .ind-deliv-salvar  { background:#16A34A !important; }

.ind-deliv-sheet__list > .ind-deliv-importar { background:#2D2E6E !important; }

.ind-deliv-sheet__list > .ind-deliv-limpar  { background:#64748B !important; }

.ind-deliv-sheet__list > button:active { filter:brightness(1.14); }

.ind-delivery__root #_raio_campinho > div:not(.re-wrap) { display:none !important; }

.ind-delivery__root .ind-deliv-chips span { background:#fff !important; border:1px solid #DADDEC !important; color:#475569 !important; font-weight:600 !important; font-size:12px !important; padding:5px 12px !important; border-radius:999px !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; }

.ind-delivery__root:not(.is-generated) .ind-deliv-chips { display:none !important; }

.ind-delivery__root .ind-deliv-avaliar { background:#4D52AF; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-avaliar:hover { background:#3f449c; }

.ind-delivery__root .ind-deliv-avaliar.is-active { background:#2D2E6E; }

.ind-delivery__root:not(.is-generated) .ind-deliv-avaliar { display:none !important; }

.ind-delivery__root .ind-deliv-salvar { background:#16A34A; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-salvar:hover { background:#12833d; }

.ind-delivery__root .ind-deliv-salvar:disabled { opacity:.6; cursor:default; }

.ind-delivery__root:not(.is-generated) .ind-deliv-salvar { display:none !important; }

.ind-delivery__root .ind-deliv-trocaconta { background:#F5921A; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-trocaconta:hover { background:#e07d0a; }

.ind-delivery__root .ind-deliv-trocaconta.is-hidden { display:none !important; }

.ind-delivery__root .ind-deliv-importar { background:#2D2E6E; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-importar:hover { background:#232459; }

.ind-delivery__root .ind-deliv-importar.is-hidden { display:none !important; }

.ind-delivery__root:not(.is-generated) .ind-deliv-importar { display:none !important; }

.ind-delivery__root .ind-deliv-limpar { background:#64748B; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-limpar:hover { background:#4b5563; }

.ind-delivery__root:not(.is-generated) .ind-deliv-limpar { display:none !important; }

.ind-delivery__root .ind-deliv-completar { background:#4D52AF; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-completar:hover { background:#3f449c; }

.ind-delivery__root:not(.is-generated) .ind-deliv-completar { display:none !important; }

.ind-delivery__root .ind-deliv-limpar.is-hidden,
.ind-delivery__root .ind-deliv-completar.is-hidden { display:none !important; }

.ind-delivery__root .ind-deliv-esquema { background:#0D9488; color:#fff; border:none; font-family:inherit; font-size:12px; font-weight:700; padding:5px 16px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; line-height:1; transition:background .15s; }

.ind-delivery__root .ind-deliv-esquema:hover { background:#0b7c72; }

.ind-delivery__root:not(.is-generated) .ind-deliv-esquema { display:none !important; }

.ind-delivery__root .ind-deliv-esquema.is-hidden { display:none !important; }

.ind-deliv-menu__vender { color:#B91C1C; }

.ind-deliv-menu__vender:hover { background:#FEF2F2; }

.pv-multiconta-ov { position:fixed; inset:0; background:rgba(15,23,42,.55); display:flex; align-items:center; justify-content:center; z-index:100000; padding:16px; }

.pv-multiconta { background:#fff; border-radius:14px; width:min(420px,94vw); max-height:82vh; display:flex; flex-direction:column; box-shadow:0 18px 50px rgba(0,0,0,.35); overflow:hidden; }

.pv-multiconta__head { background:#2D2E6E; color:#fff; padding:14px 16px; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:space-between; gap:8px; }

.pv-multiconta__x { background:none; border:none; color:#fff; font-size:22px; line-height:1; cursor:pointer; padding:0 4px; }

.pv-multiconta__all { display:flex; align-items:center; gap:8px; padding:10px 16px; border-bottom:1px solid #EEF2F7; font-size:13px; font-weight:600; color:#475569; cursor:pointer; }

.pv-multiconta__list { overflow-y:auto; padding:4px 0; }

.pv-multiconta__item { display:flex; align-items:center; gap:10px; padding:9px 16px; cursor:pointer; font-size:14px; }

.pv-multiconta__item:hover { background:#F5F7FF; }

.pv-multiconta__item input, .pv-multiconta__all input { width:18px; height:18px; accent-color:#4D52AF; cursor:pointer; flex:none; }

.pv-multiconta__esc { width:26px; height:26px; object-fit:contain; flex:none; }

.pv-multiconta__nome { flex:1; color:#1E293B; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.pv-multiconta__patr { color:#475569; font-weight:600; font-size:13px; flex:none; }

.pv-multiconta__foot { display:flex; gap:8px; padding:12px 16px; border-top:1px solid #EEF2F7; justify-content:flex-end; }

.pv-multiconta__cancel { background:#E2E8F0; color:#334155; border:none; border-radius:999px; padding:8px 18px; font-weight:700; font-size:13px; cursor:pointer; }

.pv-multiconta__ok { background:#16A34A; color:#fff; border:none; border-radius:999px; padding:8px 20px; font-weight:700; font-size:13px; cursor:pointer; }

.pv-multiconta__fail { display:flex; flex-direction:column; gap:2px; padding:10px 16px; border-bottom:1px solid #F1F5F9; }

.pv-multiconta__fail .pv-multiconta__nome { flex:none; white-space:normal; }

.pv-multiconta__msg { color:#B91C1C; font-size:12px; }

.pv-prog__body { padding:26px 20px 30px; display:flex; flex-direction:column; align-items:center; gap:12px; }

.pv-prog__spin { width:38px; height:38px; border:4px solid #E2E8F0; border-top-color:#4D52AF; border-radius:50%; animation:pvspin .8s linear infinite; }

.pv-prog__conta { font-size:15px; font-weight:700; color:#1E293B; text-align:center; }

.pv-prog__count { font-size:12px; color:#64748B; font-weight:600; }

.pv-opts { padding:10px; display:flex; flex-direction:column; gap:6px; }

.pv-opt { display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid #E2E8F0; border-radius:10px; background:#fff; cursor:pointer; font-size:14px; font-weight:600; color:#1E293B; text-align:left; }

.pv-opt:hover { background:#F5F7FF; border-color:#C7CEF5; }

.pv-opt__ic { font-size:18px; flex:none; }

.pv-opt__lb { flex:1; }

.pv-opt__vip { flex:none; display:inline-flex; align-items:center; gap:3px; background:#FEF3C7; color:#92400E; font-size:10px; font-weight:800; letter-spacing:.02em; text-transform:uppercase; padding:3px 7px; border-radius:999px; }

.pv-opt__vip::before { content:"🔒"; font-size:9px; }

@media (max-width:700px) {
.pv-multiconta-ov { align-items:flex-end; justify-content:stretch; padding:0; animation:pvSheetFade .18s ease-out; }

.pv-multiconta { width:100%; max-width:100%; border-radius:18px 18px 0 0; max-height:86vh; box-shadow:0 -12px 40px rgba(0,0,0,.4); animation:pvSheetUp .24s cubic-bezier(.22,1,.36,1); padding-bottom:env(safe-area-inset-bottom); }

.pv-multiconta__head { position:relative; padding-top:20px; }

.pv-multiconta__head::before { content:""; position:absolute; top:8px; left:50%; transform:translateX(-50%); width:40px; height:4px; border-radius:999px; background:rgba(255,255,255,.4); }
}

.pv-clubes { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:6px; padding:10px; }

.pv-clube { display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #E2E8F0; border-radius:8px; background:#fff; cursor:pointer; font-size:13px; font-weight:600; color:#1E293B; }

.pv-clube:hover { background:#F5F7FF; border-color:#C7CEF5; }

.pv-clube__esc { width:22px; height:22px; object-fit:contain; flex:none; }

.pv-clube__nome { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.ind-av { display:flex; flex-direction:column; gap:12px; }

.ind-av-card { background:#fff; border:1px solid #EEF2F7; border-radius:12px; overflow:hidden; }

.ind-av-h { background:#2D2E6E; color:#fff; margin:0; padding:8px 10px; font-size:12px; font-weight:700; text-align:center; }

.ind-av-tbl { width:100%; border-collapse:collapse; font-size:11px; }

.ind-av-tbl th { padding:7px 4px; font-size:10px; font-weight:700; color:#475569; text-align:center; }

.ind-av-tbl th:first-child { text-align:left; padding-left:10px; }

.ind-av-tbl td { padding:6px 4px; text-align:center; border-top:1px solid #F1F5F9; }

.ind-av-pos { text-align:left !important; padding-left:10px !important; color:#334155; font-weight:600; }

.ind-av-dot { display:inline-block; width:14px; height:14px; border-radius:50%; vertical-align:middle; }

.ind-av-dot--g { background:#4CAF50; box-shadow:0 0 0 2px rgba(76,175,80,.22); }

.ind-av-dot--y { background:#FF9800; box-shadow:0 0 0 2px rgba(255,152,0,.22); }

.ind-av-dot--r { background:#F44336; box-shadow:0 0 0 2px rgba(244,67,54,.22); }

.ind-av-dot--lock { width:auto; height:auto; border-radius:0; background:none; color:#94A3B8; font-size:11px; font-weight:700; box-shadow:none; }

.ind-av-dot--na { background:transparent; box-shadow:none; }

.ind-av-vip { padding:12px; text-align:center; font-size:12px; color:#64748B; }

.ind-av-vip a { color:#4D52AF; font-weight:600; }

.ind-deliv-menu { position:fixed; z-index:100000; background:#fff; border:1px solid #E2E8F0; border-radius:10px; box-shadow:0 10px 34px rgba(0,0,0,.28); overflow:hidden auto; max-height:62vh; min-width:186px; font-family:inherit; }

.ind-deliv-menu__head { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; font-size:12px; font-weight:700; color:#fff; background:#2D2E6E; white-space:nowrap; }

.ind-deliv-menu__hname { overflow:hidden; text-overflow:ellipsis; }

.ind-deliv-menu__detalhe { display:inline-flex; align-items:center; gap:4px; flex-shrink:0; font-size:11px; font-weight:800; color:#F5921A; background:rgba(245,146,26,.18); border-radius:999px; padding:3px 10px; text-decoration:none; }

.ind-deliv-menu__detalhe:hover { background:rgba(245,146,26,.3); color:#FFB65A; }

.ind-deliv-menu__item { display:block; width:100%; text-align:left; background:#fff; border:none; border-top:1px solid #F1F5F9; padding:10px 12px; font-size:13px; font-weight:600; color:#1E293B; cursor:pointer; font-family:inherit; white-space:nowrap; }

.ind-deliv-menu__item:hover:not(:disabled) { background:#F1F5F9; }

.ind-deliv-menu__sep { padding:6px 12px 3px; font-size:10px; font-weight:800; color:#94A3B8; text-transform:uppercase; letter-spacing:.03em; background:#F8FAFC; }

.ind-deliv-menu__cand { display:flex !important; justify-content:space-between; align-items:center; gap:14px; }

.ind-deliv-menu__cval { display:flex; flex-direction:column; align-items:flex-end; line-height:1.15; color:#64748B; font-weight:700; font-size:12px; }

.ind-deliv-menu__cmv { font-size:10px; font-weight:600; color:#94A3B8; margin-top:1px; white-space:nowrap; }

.ind-deliv-menu__cand.is-inval .ind-deliv-menu__cmv { color:#C0392B; }

.ind-deliv-menu__cand.is-inval { background:#FDECEC !important; color:#C0392B; cursor:not-allowed; }

.ind-deliv-menu__cand.is-inval .ind-deliv-menu__cval { color:#C0392B; }

.ind-deliv-menu__ic { font-weight:900; }

.ind-deliv-menu__ic.is-cap { color:#F5921A; }

.ind-deliv-menu__ic.is-lux { color:#EAB308; }

.ind-deliv-menu__tag { font-size:9px; font-weight:800; color:#64748B; background:#EEF2F7; border-radius:4px; padding:1px 5px; margin-left:5px; vertical-align:middle; text-transform:uppercase; }

.ind-deliv-menu__cand.is-inval .ind-deliv-menu__tag { background:#f6d5d5; color:#C0392B; }

.ind-deliv-menu__outros { color:#4D52AF !important; font-weight:800 !important; }

/* singles do Delivery 2 colunas (verbatim do escalar.css, pulando as regras
   ja presentes acima em indicacoes.css) */
.ind-delivery__root .ind-deliv-chips span:first-child { background:#2D2E6E !important; border-color:#2D2E6E !important; color:#fff !important; font-weight:800 !important; box-shadow:0 2px 8px rgba(45,46,110,.35) !important; }
.ind-delivery__root:not(.is-generated) .ind-deliv-lista { display:none !important; }
.ind-delivery__root:not(.is-generated) .ind-deliv-bar { padding:26px 0; margin:0; }
.ind-delivery__root .camp-avatar-warn { position:absolute; top:-5px; right:-5px; width:16px; height:16px; border-radius:50%; background:#DC2626; color:#fff; font-size:11px; font-weight:900; line-height:16px; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.5); z-index:8; cursor:help; }
.ind-delivery__root .ind-deliv-conta-esc { width:42px; height:42px; object-fit:contain; display:block; margin:0 auto 3px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.ind-delivery__root .re-field .ind-deliv-conta-nome,
.ind-delivery__root .re-field .ind-deliv-conta-val { background:transparent !important; color:#fff !important; padding:0 !important; text-shadow:0 1px 2px rgba(0,0,0,.85), 0 0 2px rgba(0,0,0,.6); }
.ind-delivery__root .re-field .ind-deliv-conta-nome { max-width:120px; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; line-height:1.15 !important; text-align:center; font-size:13px !important; }
.ind-delivery__root .re-field .ind-deliv-conta-val { font-size:14px !important; }
.ind-deliv-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr); gap:16px; align-items:start; margin-top:8px; }
.ind-delivery__root #_raio_campinho { min-width:0; overflow:hidden; }
.ind-delivery__root .camp-avatar[data-atleta-id] { cursor:pointer; }
@media (max-width:760px){ .ind-deliv-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:760px){
  .ind-delivery__root .re-field .ind-deliv-conta-esc { width:16px !important; height:16px !important; margin:0 auto 2px !important; }
  .ind-delivery__root .re-field .ind-deliv-conta-nome { max-width:56px !important; font-size:10px !important; line-height:1.05 !important; }
  .ind-delivery__root .re-field .ind-deliv-conta-val { font-size:10px !important; }
}
@media (max-width:520px){
  .ind-av-tbl { font-size:10px; }
  .ind-av-tbl th { font-size:9px; padding:6px 2px; }
  .ind-av-tbl td { padding:5px 3px; }
  .ind-av-dot { width:12px; height:12px; }
}

/* ── Tooltip flutuante dos badges (🔥 mais escalado · 🌡️ indicado · 🏅 potencial · 💲 valorizar),
   renderizado FIXO no body (porte do provaveis, style.css L3215-3291). Aparece no hover do selo. ── */
.src-tooltip { position:fixed; top:0; left:0; z-index:10000; max-width:320px; min-width:200px; padding:12px 14px; background:#0B1120; color:#fff; border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-md,10px); box-shadow:0 16px 40px rgba(0,0,0,.6); opacity:0; pointer-events:none; transform:translateY(4px); transition:opacity .18s ease, transform .18s ease; font-family:var(--font,'Inter',sans-serif); text-transform:none; letter-spacing:normal; }
.src-tooltip.is-visible { opacity:1; transform:translateY(0); }
.src-tooltip::after { content:''; position:absolute; left:var(--src-tooltip-arrow-x,50%); width:10px; height:10px; background:inherit; border:inherit; border-color:rgba(255,255,255,.12); transform:translateX(-50%) rotate(45deg); }
.src-tooltip[data-arrow="down"]::after { bottom:-6px; border-top:none; border-left:none; }
.src-tooltip[data-arrow="up"]::after { top:-6px; border-bottom:none; border-right:none; }
.src-tooltip__head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; }
.src-tooltip__fonte { font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#fff; }
.src-tooltip__badge { font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:2px 7px; border-radius:var(--radius-full,999px); }
.src-tooltip__body { font-size:12.5px; font-weight:500; line-height:1.5; color:rgba(255,255,255,.88); white-space:normal; }
.src-tooltip--escalado  .src-tooltip__badge { color:#fff; background:#EA580C; }
.src-tooltip--escalado  .src-tooltip__body strong { color:#FB923C; }
.src-tooltip--indicado  .src-tooltip__badge { color:#fff; background:var(--indicado-color,#3B82F6); }
.src-tooltip--indicado  .src-tooltip__body strong { color:var(--indicado-color,#3B82F6); }
.src-tooltip--medal     .src-tooltip__badge { color:#1e1e2e; background:var(--medal-color,#FFD700); }
.src-tooltip--medal     .src-tooltip__body strong { color:var(--medal-color,#FFD700); }
.src-tooltip--valorizar .src-tooltip__badge { color:#1e1e2e; background:var(--valorizar-color,#FFD700); }
.src-tooltip--valorizar .src-tooltip__body strong { color:var(--valorizar-color,#FFD700); }