/**
 * Ajustes mínimos Duzel sobre Corporate UI (no sustituye la paleta de la plantilla).
 */

.campo-premium {
    border: 1px solid #d0d7e2;
    border-radius: 0.6rem;
    padding: 0.7rem 0.9rem;
    transition: all 0.15s ease;
    background: #fff;
}

.campo-premium:focus {
    border-color: #2ca8ff;
    box-shadow: 0 0 0 0.2rem rgba(44, 168, 255, 0.15);
}

select.campo-premium {
    appearance: auto;
}

/* Label elegante para formularios */
.duzel-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.35rem;
    display: block;
    letter-spacing: 0.01em;
}

/* Sección interna de formulario */
.duzel-form-section {
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    padding: 1.25rem 1.25rem 0.5rem;
    margin-bottom: 1.5rem;
    background: #fafbfc;
}

.duzel-form-section__title {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6c757d;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* Inputs readonly/calculados */
.campo-premium[readonly]:not([type="hidden"]) {
    background: #f1f3f5;
    color: #495057;
    cursor: not-allowed;
}

/* Total destacado */
.campo-total {
    font-size: 1.1rem;
    font-weight: 700;
    color: #6f42c1;
    text-align: center;
    border: 2px solid #6f42c1;
    border-radius: 0.6rem;
    padding: 0.7rem 0.9rem;
    background: rgba(111, 66, 193, 0.05);
}

.password-toggle-wrap {
    position: relative;
}

.password-toggle-input {
    padding-right: 2.5rem !important;
}

.password-toggle-btn {
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #6c757d;
    padding: 0;
    line-height: 1;
}

/* Scroll del menú: lo define duzel-panel-layout.css cuando el aside usa .duzel-sidenav-dark
   (evita doble scrollbar: Corporate UI ya pone overflow en .navbar-vertical y .navbar-collapse). */
#sidenav-main:not(.duzel-sidenav-dark) #sidenav-collapse-main {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    overflow-x: hidden;
}

/*
 * Corporate UI fuerza .badge.bg-* a fondo ~10% opacidad pero el .badge sigue con color: #fff
 * → texto blanco sobre verde casi blanco (ilegible en tablas "Activo", etc.).
 */
.badge.bg-success {
    background-color: #198754 !important;
    color: #fff !important;
}

.badge.bg-secondary {
    background-color: #64748b !important;
    color: #fff !important;
}

.badge.bg-primary {
    background-color: #774dd3 !important;
    color: #fff !important;
}

.badge.bg-info {
    background-color: #0aa2c0 !important;
    color: #fff !important;
}

.badge.bg-warning {
    background-color: #f19937 !important;
    color: #1e293b !important;
}

.badge.bg-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}