/**
 * TEMPLATE: widget-super-base.css
 * =============================================
 * CSS base para widget Fluig.
 * IMPORTANTE: Prefixar todas as classes com o nome da widget
 * para evitar conflito com outras widgets na mesma pagina.
 */

/* Container principal */
.${NOME_WIDGET}-container {
    padding: 15px;
}

/* Cabecalho */
.${NOME_WIDGET}-header {
    margin-bottom: 15px;
    border-bottom: 2px solid #337ab7;
    padding-bottom: 10px;
}

.${NOME_WIDGET}-header h4 {
    margin: 0;
    color: #333;
}

/* Tabela de dados */
.${NOME_WIDGET}-table {
    width: 100%;
}

.${NOME_WIDGET}-table th {
    background-color: #f5f5f5;
    font-weight: 600;
}

/* Estado vazio */
.${NOME_WIDGET}-empty {
    padding: 40px 20px;
    text-align: center;
    color: #999;
}

.${NOME_WIDGET}-empty i {
    font-size: 48px;
    display: block;
    margin-bottom: 10px;
}

/* Loading */
.${NOME_WIDGET}-loading {
    padding: 20px;
    text-align: center;
}

/* Responsividade */
@media (max-width: 768px) {
    .${NOME_WIDGET}-container {
        padding: 10px;
    }
}
