/* ai-disclaimer.css — componente sistemico de aviso legal (Eixo A / modelo A1)
   Fonte unica de verdade do texto vive em js/components/disclaimer.js.
   Uso no HTML:  <div data-ai-disclaimer="signal"></div>
   Variantes: signal | allocation | backtest | sentiment | copilot | generic */

.ai-disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0;
    padding: 9px 12px;
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--text-secondary, #9aa0aa);
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid var(--border-card, rgba(255, 255, 255, 0.08));
    border-left: 2px solid var(--warning, #f59e0b);
    border-radius: 8px;
}

.ai-disclaimer__icon {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--warning, #f59e0b);
    opacity: 0.85;
}

.ai-disclaimer__text { flex: 1 1 auto; }

.ai-disclaimer__text strong {
    color: var(--text-primary, #e6e8ec);
    font-weight: 600;
}

/* Variante compacta inline (rodape de cards) */
.ai-disclaimer--inline {
    margin: 6px 0 0;
    padding: 6px 8px;
    font-size: 10.5px;
    border-left-width: 2px;
    background: transparent;
    border-color: transparent;
    border-left-color: var(--warning, #f59e0b);
    border-radius: 0;
}

@media (max-width: 640px) {
    .ai-disclaimer { font-size: 11px; padding: 8px 10px; }
}