/*
 * Tarefa #45 - Icones por fonte (Bootstrap Icons).
 *
 * Diretiva do usuario (2026-06-10): SEMPRE usar icones de fonte/biblioteca
 * (Bootstrap Icons), NUNCA SVG para icones.
 *
 * Causa-raiz dos "chips em branco": os icones de conteudo eram SVG inline com
 * stroke="currentColor". Em varios contextos do cliente o glyph nao renderizava
 * (chip aparecia vazio). A correcao troca o SVG por <i class="bi bi-..."> que le
 * o glyph da webfont self-hosted (/lib/bootstrap-icons/).
 *
 * Este modulo apenas dimensiona o glyph .bi dentro dos chips/wrappers ja
 * existentes. O fundo arredondado e a cor continuam vindo das classes de chip
 * (que herdam o tema do tenant via currentColor). Sem CSS inline.
 */

/* Base: o glyph herda a cor do wrapper (chip) e ocupa o espaco do antigo svg. */
.bi {
  line-height: 1;
}

/* Chip de perfil do investidor (suitability) e resultado do perfil no cadastro.
   Wrapper 2.75rem com fundo arredondado; glyph 1.5rem como o svg anterior. */
.suitability-profile-icon .bi,
.profile-result-card-icon .bi {
  font-size: 1.5rem;
}

/* Upload de documentos - cabecalho do card. */
.doc-upload-card-icon.bi {
  font-size: 28px;
}

/* Upload de documentos - dropzone vazia. */
.doc-dropzone-icon.bi {
  font-size: 36px;
}

/* Upload de documentos - arquivo selecionado (check). */
.doc-dropzone-selected-icon.bi {
  font-size: 18px;
}

/* Item de lista de relatorios / extrato (ex.: Informe de Rendimentos). */
.report-list-icon.bi {
  font-size: 1.25rem;
}

/* Cards de resumo do dashboard do cliente (Distribuicao do Portfolio,
   Proximos Eventos, Status das Ofertas). */
.dashboard-panel-icon.bi {
  font-size: 1.5rem;
}

/* Empty-state (extrato sem lancamentos, etc). Acompanha a caixa base 2.75rem. */
.workspace-empty-state-icon.bi {
  font-size: 2.75rem;
}

/* Menu lateral - glyph dentro do chip de icone. O chip ja define cor
   theme-aware (.app-menu-icon), entao o glyph apenas herda currentColor. */
.app-menu-icon .bi {
  font-size: 1.25rem;
}
.app-menu-icon.app-menu-icon-sub .bi {
  font-size: 1.125rem;
}

/* Chevron do accordion do menu. */
.app-menu-chevron .bi {
  font-size: 1rem;
}

/* Sino de notificacoes no header. */
.app-header-bell .bi {
  font-size: 1.25rem;
}

/* Icone do item no dropdown de notificacoes. */
.notif-dropdown-item-icon .bi {
  font-size: 1rem;
}

/* Icone do item na lista de notificacoes do cliente. */
.notification-icon .bi {
  font-size: 1.25rem;
}

/* Hamburguer / fechar do menu mobile no header. */
.app-mobile-nav-trigger-icon .bi {
  font-size: 1.375rem;
}
.app-mobile-nav-close .bi {
  font-size: 1.25rem;
}

/* Toggle de visibilidade financeira (olho). Acompanha a caixa base 1rem. */
.client-financial-visibility-icon.bi {
  font-size: 1rem;
}