/**
 * PAINEL VÍDEOS E AGENDA - DESIGN MODERNO
 * Estilos específicos para páginas de vídeos e agenda
 * Reutiliza os estilos de painel-cd-modern.css
 */

/* ===========================
   ÍCONES ADICIONADOS VIA JAVASCRIPT
   =========================== */

/* Estilizar ícones adicionados via JavaScript */
.painel-som-lista p .page-icon {
    display: inline-block;
    font-size: 20px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    transition: transform 0.3s ease !important;
}

.painel-som-lista p:hover .page-icon {
    transform: scale(1.1) !important;
}

/* Garantir que parágrafos com ícones tenham estilo adequado */
.painel-som-lista p[data-icon-added="true"] {
    color: var(--text-color, #fff) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}