/* CSS Simples para Teste - Painel REP Admin */

/* Estilo básico para testar se está carregando */
.rep-test {
    background: #ff0000 !important;
    color: white !important;
    padding: 10px !important;
    border: 2px solid #000 !important;
    font-weight: bold !important;
}

/* Container principal */
.ninedev-ferramentas-container {
    background: #f0f0f0 !important;
    border: 1px solid #ccc !important;
    padding: 20px !important;
    margin: 20px 0 !important;
}

/* Título */
.rep-title {
    color: #333 !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #3148BB !important;
    padding-bottom: 10px !important;
}

/* Botões básicos */
.rep-btn {
    background: #f8f9fa !important;
    color: #333 !important;
    padding: 8px 16px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin: 5px !important;
}

.rep-btn:hover {
    background: #e9ecef !important;
    border-color: #adb5bd !important;
    color: #333 !important;
}

.rep-btn.active,
.rep-btn:active,
.rep-btn-primary.active,
.rep-btn-primary:active {
    background: #3148BB !important;
    color: white !important;
    border-color: #3148BB !important;
    box-shadow: 0 4px 12px rgba(49, 72, 187, 0.3) !important;
}

.rep-btn.active:hover,
.rep-btn:active:hover,
.rep-btn-primary.active:hover,
.rep-btn-primary:active:hover {
    background: #2a3da3 !important;
    border-color: #2a3da3 !important;
    color: white !important;
}

/* Cards simples */
.rep-card {
    background: white !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Grid básico */
.rep-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    margin: 20px 0 !important;
}

/* Alertas */
.rep-alert {
    padding: 12px !important;
    border-radius: 4px !important;
    margin: 10px 0 !important;
}

.rep-alert-success {
    background: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.rep-alert-danger {
    background: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Formulários */
.rep-form-group {
    margin-bottom: 15px !important;
}

.rep-form-control {
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-size: 14px !important;
}

.rep-form-control:focus {
    border-color: #28a745 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.25) !important;
}

/* Responsivo */
@media (max-width: 768px) {
    .rep-grid {
        grid-template-columns: 1fr !important;
    }
    
    .ninedev-ferramentas-container {
        padding: 15px !important;
    }
}

/* Importar estilos de campanhas */
@import url('style/campanha.css');