From d9aeee10730d047c1ae17e9033e728864f002c22 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 8 Sep 2026 19:07:02 +0000
Subject: [PATCH] IAM dialog: checkbox text no longer toggles the control

Replace label[for] captions with plain spans so warehouse and scope
options only change when clicking the checkbox itself.

Co-authored-by: alberto.martinez <alberto.martinez@mrdev.mx>
---
 web-panel/pages/usuarios.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web-panel/pages/usuarios.vue b/web-panel/pages/usuarios.vue
index 4228c8f..5bf983c 100644
--- a/web-panel/pages/usuarios.vue
+++ b/web-panel/pages/usuarios.vue
@@ -73,7 +73,7 @@
           <div class="flex flex-column gap-2">
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.scope_all_projects" input-id="scope-all" binary />
-              <label for="scope-all">Todas las obras</label>
+              <span class="checkbox-caption">Todas las obras</span>
             </div>
             <MultiSelect
               v-if="!userForm.scope_all_projects"
@@ -90,11 +90,11 @@
           <div class="flex flex-column gap-2">
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.warehouse_central" input-id="wh-central" binary />
-              <label for="wh-central">Almacén central</label>
+              <span class="checkbox-caption">Almacén central</span>
             </div>
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.warehouse_projects" input-id="wh-projects" binary />
-              <label for="wh-projects">Almacenes de obra</label>
+              <span class="checkbox-caption">Almacenes de obra</span>
             </div>
           </div>
         </FormField>
@@ -518,4 +518,9 @@ onMounted(async () => {
 
 <style scoped>
 .form-grid { display: flex; flex-direction: column; gap: 12px; }
+.checkbox-caption {
+  font-size: 0.875rem;
+  color: var(--text-color);
+  user-select: none;
+}
 </style>