/* =====================================================================
   Aviso do período de teste de recursos pagos (planos Gratuito/Profissional)
   JS: js/teste-recurso.js · Backend: App\Services\TesteRecursoService
   Usado em inteligencia-precos.html e minhas-empresas.html
   ===================================================================== */
.teste-aviso {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid var(--info);
    background: var(--info-bg);
    color: var(--info-text);
    flex-wrap: wrap;
}
.teste-aviso[hidden] { display: none; }
.teste-aviso.acabando {
    border-color: var(--warning);
    background: var(--warning-bg);
    color: var(--warning-text);
}
.teste-aviso-icone { font-size: 1.5rem; flex-shrink: 0; }
.teste-aviso-corpo { flex: 1; min-width: 220px; }
.teste-aviso-titulo { font-weight: 600; margin: 0 0 2px; }
.teste-aviso-texto { margin: 0; font-size: 0.88rem; opacity: 0.9; }
.teste-aviso-extra { margin-top: 4px; font-weight: 600; }
.teste-aviso-progresso {
    height: 6px;
    margin-top: 8px;
    border-radius: 3px;
    background: var(--bg-card);
    overflow: hidden;
}
.teste-aviso-progresso div {
    height: 100%;
    border-radius: 3px;
    background: currentColor;
    opacity: 0.7;
}
.teste-aviso-btn {
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: 6px;
    background: var(--primary);
    color: var(--text-on-primary);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.teste-aviso-btn:hover { background: var(--primary-hover); color: var(--text-on-primary); text-decoration: none; }