.navbar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.navbar-brand {
    font-size: 1.25rem;
    letter-spacing: -0.5px;
}

.nav-link {
    transition: color 0.2s ease-in-out;
}

/* Estilo para los elementos del dropdown al pasar el mouse */
.dropdown-menu-dark .dropdown-menu-item {
    color: #dee2e6;
    text-decoration: none;
    padding: 0.25rem 1rem;
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: background-color 0.15s ease-in-out;
}

.dropdown-menu-dark .dropdown-menu-item:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
}

/* Separación de iconos en dropdowns */
.dropdown-menu-item i {
    width: 1.25rem;
    text-align: center;
}

[data-bs-theme="dark"] .form-control[readonly] {
    background-color: #1a1d21; /* Un fondo casi negro, más oscuro que el modal */
    border-color: #373b3e;     /* Un borde sutil */
    color: #e3e6e8;             /* Texto blanco grisáceo, muy legible */
    opacity: 1;                 /* Evita la opacidad predeterminada de Bootstrap */
    cursor: not-allowed;        /* Refuerza visualmente que no es editable */
}

[data-bs-theme="dark"] .text-muted-rut {
    color: #adb5bd !important; /* Un gris medio para el label "RUT (No editable)" */
}

@media (max-width: 576px) {
        .col-barcode {
            display: none;
        }

        .btn-edit-sm,
        .btn-del-sm {
            padding: 4px 7px;
            font-size: 0.75rem;
        }
    }