/* Estilos para la nueva vista de permisos por módulo */
.module-permission-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.25rem;
    border: 2px solid #d1d5db;
    cursor: pointer;
    transition: all 0.2s;
}

.module-permission-checkbox:checked {
    background-color: #0284c7;
    border-color: #0284c7;
}

.module-permission-checkbox:focus {
    ring: 2px solid #0284c7;
    outline: none;
}

/* Transiciones suaves */
#modules-permissions-list {
    transition: all 0.3s ease;
}

#modules-permissions-list .border {
    transition: box-shadow 0.2s ease;
}

#modules-permissions-list .border:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}