/* Ícones cheios do cabeçalho e do menu (leva 6, W3). Os glifos vêm de /icones.js; aqui só tamanho, cor e o selo do sino. */

/* Quadrado de cor do seletor de módulo: o glifo do módulo, branco, no centro. */
.module-chip-icon { display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.module-chip-glyph { width: 12px; height: 12px; display: block; }

/* Sino com selo da contagem de pendências (amarelo-alaranjado, número escuro, como no original). */
.product-bar .header-shortcut { position: relative; }
.product-bar .header-bell-badge { position: absolute; left: calc(50% + 3px); top: calc(50% - 18px); box-sizing: border-box; min-width: 16px; height: 16px;
  padding: 0 4px; border-radius: 8px; background: #fdb71c; color: #212529; font: 700 10px/16px 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
  text-align: center; pointer-events: none; }

/* Ícones do menu: cheios e um pouco maiores no primeiro nível (o original usa glifos sólidos). */
.sidebar .main-nav .nav-head > .nav-ic, .sidebar .main-nav .nav-head > .nav-head-link > .nav-ic { width: 18px; height: 18px; }
.sidebar .main-nav .nav-ic use { fill: currentColor; }

/* Meu plano: selo "Ativo" / "Habilitada" e cartão de pagamento. */
.ecfg-status { display: inline-block; margin-left: 6px; padding: 0 6px; border: 1px solid #28a745; border-radius: 3px; background: #f1fbf3; color: #1e7e34;
  font-size: 11px; font-weight: 600; line-height: 16px; vertical-align: middle; }
.ecfg-card-number { display: inline-flex; align-items: center; gap: 6px; }
.ecfg-card-flag { display: inline-block; width: 28px; height: 18px; border-radius: 3px; background: linear-gradient(90deg, #8c959d 0 50%, #c3c9cf 50% 100%); }
.ecfg-renewal-next { margin-left: 8px; font-size: 11px; color: #6e757c; }
.ecfg-renewal-next strong { color: #222529; }
.ecfg-demo-note { margin: 8px 0 0; font-size: 11px; color: #8a9097; }
.ecfg-invoice-table td.ecfg-right { text-align: right; }
.ecfg-invoice-table .ecfg-print { white-space: nowrap; }

/* Meu plano: ícones de título e de recurso um pouco maiores e cheios, como no original. */
.ecfg-section .fincfg-section-head h2 .fincfg-icon { width: 17px; height: 17px; }
.ecfg-features .fincfg-icon { width: 16px; height: 16px; }