@media (max-width: 767px) {
    .logo-login {
        max-width: 250px;
    }
}

@media (min-width: 768px) {
    .logo-login {
        max-width: 400px;
    }
}

.sidebar-brand,
a.sidebar-brand:hover,
a.sidebar-brand:focus {
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    height: auto !important;
}

.logo-menu {
    width: 100%;
    max-width: 100%;
    padding: 0;
    display: block;
    object-fit: contain;
}

.error-message {
    color: red;
}

/* Global DataTables Theme Consistency */
/* Permitimos que el tema maneje el color del header, o usamos un gris suave profesional */
.table thead th {
    background-color: #f9f9f9;
    /* Color base profesional */
    color: #333;
    text-align: center;
    vertical-align: middle !important;
    border: 1px solid #ddd !important;
}

/* Botones con estilo del tema */
.btn-theme {
    /* Esta clase puede usarse para botones que deben destacar con el color primario del tema */
    /* En ProUI, btn-primary ya hace esto automáticamente */
}