@softdin/portal-admin 0.0.0-stage → 0.2.0

package/dist-lib/style.css

@@ -0,0 +1,4813 @@
+
+.menu-usuario[data-v-e5b2d0eb] {
+  position: relative;
+}
+.disparador[data-v-e5b2d0eb] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: 0.5rem;
+  padding: 0.3rem 0.5rem;
+  color: #fff;
+  transition: background-color 0.15s;
+}
+.disparador[data-v-e5b2d0eb]:hover,
+.disparador[aria-expanded='true'][data-v-e5b2d0eb] {
+  background-color: rgb(255 255 255 / 0.1);
+}
+.info[data-v-e5b2d0eb] {
+  display: none;
+  min-width: 0;
+  text-align: right;
+}
+.nombre[data-v-e5b2d0eb],
+.tenant[data-v-e5b2d0eb] {
+  display: block;
+  max-width: 11rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.nombre[data-v-e5b2d0eb] {
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+.tenant[data-v-e5b2d0eb] {
+  font-size: 0.75rem;
+  color: var(--color-brand-100);
+}
+
+/* En el celular basta el círculo con las iniciales: el nombre está dentro del menú. */
+@media (min-width: 640px) {
+.info[data-v-e5b2d0eb] {
+    display: block;
+}
+}
+.chevron[data-v-e5b2d0eb] {
+  font-size: 0.75rem;
+  color: var(--color-brand-100);
+}
+.avatar[data-v-e5b2d0eb] {
+  display: flex;
+  height: 2rem;
+  width: 2rem;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  background-color: var(--color-brand-600);
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #fff;
+}
+.avatar-grande[data-v-e5b2d0eb] {
+  height: 2.25rem;
+  width: 2.25rem;
+}
+.panel[data-v-e5b2d0eb] {
+  position: absolute;
+  right: 0;
+  z-index: 30;
+  margin-top: 0.5rem;
+  width: min(17rem, calc(100vw - 2rem));
+  overflow: hidden;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+  box-shadow: 0 10px 25px rgb(15 23 42 / 0.12);
+  color: #0f172a;
+}
+.cabecera[data-v-e5b2d0eb] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  border-bottom: 1px solid #f1f5f9;
+  padding: 0.75rem 1rem;
+}
+.panel-nombre[data-v-e5b2d0eb],
+.panel-dato[data-v-e5b2d0eb] {
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.panel-nombre[data-v-e5b2d0eb] {
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+.panel-dato[data-v-e5b2d0eb] {
+  font-size: 0.75rem;
+  color: #64748b;
+}
+.contexto[data-v-e5b2d0eb] {
+  display: grid;
+  gap: 0.35rem;
+  margin: 0;
+  border-bottom: 1px solid #f1f5f9;
+  padding: 0.6rem 1rem;
+  font-size: 0.75rem;
+}
+.contexto div[data-v-e5b2d0eb] {
+  display: flex;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+.contexto dt[data-v-e5b2d0eb] {
+  color: #64748b;
+}
+.contexto dd[data-v-e5b2d0eb] {
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
+  color: #1e293b;
+}
+.acciones[data-v-e5b2d0eb] {
+  padding: 0.25rem 0;
+}
+.accion[data-v-e5b2d0eb] {
+  display: block;
+  width: 100%;
+  padding: 0.625rem 1rem;
+  text-align: left;
+  font-size: 0.875rem;
+  color: #334155;
+  transition: background-color 0.15s;
+}
+.accion[data-v-e5b2d0eb]:hover,
+.accion[data-v-e5b2d0eb]:focus-visible {
+  background-color: #f8fafc;
+  outline: none;
+}
+.accion-peligro[data-v-e5b2d0eb] {
+  color: #b91c1c;
+}
+.accion-peligro[data-v-e5b2d0eb]:hover,
+.accion-peligro[data-v-e5b2d0eb]:focus-visible {
+  background-color: #fef2f2;
+}
+
+.export-wrap[data-v-89096941] {
+  position: relative;
+  display: inline-flex;
+}
+.export-btn[data-v-89096941] {
+  position: relative;
+  display: inline-flex;
+  height: 2.25rem;
+  width: 2.25rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #15803d;
+  cursor: pointer;
+  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
+}
+
+/* Sin la palabra debajo, la flecha ocupa el sitio que compartían: al mismo
+   tamaño de antes se quedaba pequeña y perdida dentro del círculo. */
+.export-btn-icono[data-v-89096941] {
+  height: 1.125rem;
+  width: 1.125rem;
+}
+.export-btn[data-v-89096941]:hover:not(:disabled),
+.export-btn-abierto[data-v-89096941] {
+  background: #f0fdf4;
+  border-color: #86efac;
+  color: #166534;
+}
+.export-btn[data-v-89096941]:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+  color: #94a3b8;
+  border-color: #e2e8f0;
+}
+
+/* El tooltip se calla con el menú abierto: si no, se solapan y el usuario ve
+   dos cosas flotando sobre la tabla. */
+.export-btn[data-tooltip][data-v-89096941]:not(.export-btn-abierto)::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: calc(100% + 0.375rem);
+  left: 50%;
+  z-index: 10;
+  transform: translateX(-50%);
+  border-radius: 0.375rem;
+  background: #0f172a;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  white-space: nowrap;
+  color: #fff;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s ease;
+}
+.export-btn[data-tooltip][data-v-89096941]:not(.export-btn-abierto):hover::after,
+.export-btn[data-tooltip][data-v-89096941]:not(.export-btn-abierto):focus-visible::after {
+  opacity: 1;
+}
+.export-spinner[data-v-89096941] {
+  height: 1.125rem;
+  width: 1.125rem;
+  animation: export-girar-89096941 0.9s linear infinite;
+}
+@keyframes export-girar-89096941 {
+to {
+    transform: rotate(360deg);
+}
+}
+
+/* Anclado a la derecha porque el botón vive al final de la cabecera de la
+   tabla: creciendo hacia la izquierda no se sale de la pantalla. Sin panel
+   detrás — los propios círculos son el menú. */
+.export-opciones[data-v-89096941] {
+  position: absolute;
+  top: calc(100% + 0.375rem);
+  right: 0;
+  z-index: 20;
+  display: flex;
+  gap: 0.375rem;
+}
+.export-opcion[data-v-89096941] {
+  position: relative;
+  display: inline-flex;
+  height: 2.25rem;
+  width: 2.25rem;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  cursor: pointer;
+  box-shadow: 0 4px 10px -4px rgb(15 23 42 / 0.3);
+  transition: background-color 0.15s, border-color 0.15s, transform 0.15s;
+}
+.export-opcion[data-v-89096941]:hover,
+.export-opcion[data-v-89096941]:focus-visible {
+  transform: translateY(-1px);
+  outline: none;
+}
+.export-opcion-icono[data-v-89096941] {
+  height: 1.375rem;
+  width: 1.375rem;
+}
+.export-opcion-csv[data-v-89096941] {
+  color: #475569;
+}
+.export-opcion-csv[data-v-89096941]:hover,
+.export-opcion-csv[data-v-89096941]:focus-visible {
+  background: #f8fafc;
+  border-color: #94a3b8;
+}
+.export-opcion-xlsx[data-v-89096941] {
+  color: #15803d;
+}
+.export-opcion-xlsx[data-v-89096941]:hover,
+.export-opcion-xlsx[data-v-89096941]:focus-visible {
+  background: #f0fdf4;
+  border-color: #86efac;
+}
+
+/* El rótulo va debajo del círculo, no encima: arriba está el botón que los
+   abrió y taparlo dejaría al usuario sin ver de dónde salieron.
+
+   Y anclado por la derecha en vez de centrado: estos botones viven al final de
+   la cabecera, así que un rótulo centrado se sale de la pantalla — medido, se
+   salía. Creciendo hacia la izquierda cabe siempre. */
+.export-opcion[data-tooltip][data-v-89096941]::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  top: calc(100% + 0.375rem);
+  right: 0;
+  z-index: 10;
+  border-radius: 0.375rem;
+  background: #0f172a;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  white-space: nowrap;
+  color: #fff;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.15s ease;
+}
+.export-opcion[data-tooltip][data-v-89096941]:hover::after,
+.export-opcion[data-tooltip][data-v-89096941]:focus-visible::after {
+  opacity: 1;
+}
+
+.modal-backdrop[data-v-62d955aa] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+.modal-panel[data-v-62d955aa] {
+  width: 100%;
+  max-width: 36rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+.modal-header[data-v-62d955aa] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.modal-header-actions[data-v-62d955aa] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.modal-title[data-v-62d955aa] {
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+.modal-body[data-v-62d955aa] {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem 1.25rem 1.25rem;
+}
+.resumen[data-v-62d955aa] {
+  display: grid;
+  gap: 0.5rem;
+  margin: 0;
+  font-size: 0.875rem;
+}
+.resumen div[data-v-62d955aa] {
+  display: grid;
+  grid-template-columns: 7rem 1fr;
+  gap: 0.5rem;
+}
+.resumen dt[data-v-62d955aa] {
+  color: #64748b;
+}
+.resumen dd[data-v-62d955aa] {
+  margin: 0;
+  color: #0f172a;
+}
+.label[data-v-62d955aa] {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-62d955aa] {
+  width: 100%;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+}
+.alert-error[data-v-62d955aa],
+.alert-warn[data-v-62d955aa],
+.alert-info[data-v-62d955aa] {
+  margin: 0;
+  border-radius: 0.75rem;
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+}
+.alert-error[data-v-62d955aa] {
+  border: 1px solid #fecaca;
+  background: #fef2f2;
+  color: #b91c1c;
+}
+.alert-info[data-v-62d955aa] {
+  border: 1px solid #bfdbfe;
+  background: #eff6ff;
+  color: #1e3a8a;
+}
+.alert-warn[data-v-62d955aa] {
+  border: 1px solid #fde68a;
+  background: #fffbeb;
+  color: #92400e;
+}
+.modal-footer[data-v-62d955aa] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+.btn-primary[data-v-62d955aa],
+.btn-danger[data-v-62d955aa] {
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.875rem;
+  color: #fff;
+}
+.btn-primary[data-v-62d955aa] {
+  border: 1px solid #15803d;
+  background: #15803d;
+}
+.btn-danger[data-v-62d955aa] {
+  border: 1px solid #b91c1c;
+  background: #b91c1c;
+}
+.btn-primary[data-v-62d955aa]:disabled,
+.btn-danger[data-v-62d955aa]:disabled {
+  opacity: 0.6;
+}
+@media (max-width: 767px) {
+.resumen div[data-v-62d955aa] {
+    grid-template-columns: 1fr;
+    gap: 0;
+}
+}
+
+.page-shell[data-v-d7b34c5c] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-d7b34c5c] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-d7b34c5c],
+.panel-muted[data-v-d7b34c5c] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-d7b34c5c] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-d7b34c5c] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-d7b34c5c] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-d7b34c5c] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-d7b34c5c] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-d7b34c5c] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-d7b34c5c],
+.data-table td[data-v-d7b34c5c] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-d7b34c5c] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-d7b34c5c] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.sub.aviso[data-v-d7b34c5c] {
+  color: #b45309;
+}
+.sub.soporte[data-v-d7b34c5c] {
+  color: #166534;
+}
+.estado[data-v-d7b34c5c] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-neutro[data-v-d7b34c5c] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-espera[data-v-d7b34c5c] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-ok[data-v-d7b34c5c] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-error[data-v-d7b34c5c] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.btn-primary[data-v-d7b34c5c],
+.btn-secondary[data-v-d7b34c5c] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-d7b34c5c] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-d7b34c5c] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+@media (min-width: 768px) {
+.data-table[data-v-d7b34c5c] {
+    min-width: 56rem;
+}
+}
+
+.resumen[data-v-ce40d24f] {
+  display: grid;
+  gap: 0.5rem;
+  margin: 0;
+  font-size: 0.875rem;
+}
+.resumen div[data-v-ce40d24f] {
+  display: grid;
+  grid-template-columns: 7rem 1fr;
+  gap: 0.5rem;
+}
+.resumen dt[data-v-ce40d24f] {
+  color: #64748b;
+}
+.resumen dd[data-v-ce40d24f] {
+  margin: 0;
+  color: #0f172a;
+  overflow-wrap: anywhere;
+}
+.informacion[data-v-ce40d24f] {
+  white-space: pre-line;
+}
+@media (max-width: 767px) {
+.resumen div[data-v-ce40d24f] {
+    grid-template-columns: 1fr;
+    gap: 0;
+}
+}
+
+.modal-backdrop[data-v-96ef0086] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+.modal-panel[data-v-96ef0086] {
+  width: 100%;
+  max-width: 36rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+.modal-header[data-v-96ef0086] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.modal-title[data-v-96ef0086] {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+.modal-body[data-v-96ef0086] {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem 1.25rem 1.25rem;
+}
+.label[data-v-96ef0086] {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-96ef0086] {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+}
+.ayuda[data-v-96ef0086] {
+  margin: 0.25rem 0 0;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.alert-error[data-v-96ef0086] {
+  margin: 0;
+  border: 1px solid #fecaca;
+  border-radius: 0.75rem;
+  background: #fef2f2;
+  padding: 0.75rem 1rem;
+  color: #b91c1c;
+  font-size: 0.875rem;
+}
+.modal-footer[data-v-96ef0086] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+.btn-primary[data-v-96ef0086],
+.btn-secondary[data-v-96ef0086] {
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-96ef0086] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-96ef0086] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-primary[data-v-96ef0086]:disabled,
+.btn-secondary[data-v-96ef0086]:disabled {
+  opacity: 0.6;
+}
+
+.modal-backdrop[data-v-bf8d5555] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+.modal-panel[data-v-bf8d5555] {
+  width: 100%;
+  max-width: 36rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+.modal-header[data-v-bf8d5555] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.modal-title[data-v-bf8d5555] {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+.modal-body[data-v-bf8d5555] {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem 1.25rem 1.25rem;
+}
+.label[data-v-bf8d5555] {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-bf8d5555] {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+}
+.ayuda[data-v-bf8d5555] {
+  margin: 0.25rem 0 0;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.alert-error[data-v-bf8d5555] {
+  margin: 0;
+  border: 1px solid #fecaca;
+  border-radius: 0.75rem;
+  background: #fef2f2;
+  padding: 0.75rem 1rem;
+  color: #b91c1c;
+  font-size: 0.875rem;
+}
+.modal-footer[data-v-bf8d5555] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+.btn-danger[data-v-bf8d5555],
+.btn-secondary[data-v-bf8d5555] {
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.875rem;
+}
+.btn-danger[data-v-bf8d5555] {
+  border: 1px solid #b91c1c;
+  background: #b91c1c;
+  color: #fff;
+}
+.btn-secondary[data-v-bf8d5555] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-bf8d5555]:disabled,
+.btn-secondary[data-v-bf8d5555]:disabled {
+  opacity: 0.6;
+}
+
+.page-shell[data-v-89abf74f] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-89abf74f] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-89abf74f],
+.panel-muted[data-v-89abf74f] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-89abf74f] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-89abf74f] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-89abf74f] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-89abf74f] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-89abf74f] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-89abf74f] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-89abf74f],
+.data-table td[data-v-89abf74f] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-89abf74f] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-89abf74f] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.informacion[data-v-89abf74f] {
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+  max-width: 22rem;
+}
+.estado[data-v-89abf74f] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-espera[data-v-89abf74f] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-ok[data-v-89abf74f] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-error[data-v-89abf74f] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.acciones[data-v-89abf74f] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.btn-primary[data-v-89abf74f],
+.btn-secondary[data-v-89abf74f],
+.btn-danger-outline[data-v-89abf74f] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-89abf74f] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-89abf74f] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger-outline[data-v-89abf74f] {
+  border: 1px solid #b91c1c;
+  background: #fff;
+  color: #b91c1c;
+}
+
+/* A ancho de celular, cada solicitud es una tarjeta con la etiqueta de cada dato. */
+@media (max-width: 767px) {
+.table-wrap[data-v-89abf74f] {
+    border: 0;
+}
+.data-table thead[data-v-89abf74f] {
+    display: none;
+}
+.data-table[data-v-89abf74f],
+  .data-table tbody[data-v-89abf74f],
+  .data-table tr[data-v-89abf74f],
+  .data-table td[data-v-89abf74f] {
+    display: block;
+}
+.data-table tr[data-v-89abf74f] {
+    margin-bottom: 0.75rem;
+    border: 1px solid #e2e8f0;
+    border-radius: 0.75rem;
+    padding: 0.25rem 0;
+}
+.data-table td[data-v-89abf74f] {
+    border-bottom: 0;
+    padding: 0.4rem 0.75rem;
+}
+.data-table td[data-v-89abf74f]::before {
+    content: attr(data-label);
+    display: block;
+    color: #64748b;
+    font-size: 0.75rem;
+    font-weight: 600;
+}
+.data-table td.actions-cell[data-v-89abf74f]::before {
+    content: none;
+}
+.data-table td.actions-cell[data-v-89abf74f]:empty {
+    display: none;
+}
+.informacion[data-v-89abf74f] {
+    max-width: none;
+}
+.acciones button[data-v-89abf74f] {
+    flex: 1 1 auto;
+    min-height: 2.75rem;
+}
+}
+@media (min-width: 768px) {
+.data-table[data-v-89abf74f] {
+    min-width: 60rem;
+}
+}
+
+.modal-backdrop[data-v-73530e3d] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+.modal-panel[data-v-73530e3d] {
+  width: 100%;
+  max-width: 32rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+.modal-header[data-v-73530e3d] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.modal-header-actions[data-v-73530e3d] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.modal-title[data-v-73530e3d] {
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+.modal-body[data-v-73530e3d] {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem 1.25rem 1.25rem;
+}
+.state-hint[data-v-73530e3d] {
+  margin: 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.alert-error[data-v-73530e3d],
+.alert-ok[data-v-73530e3d] {
+  margin: 0;
+  border-radius: 0.75rem;
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+}
+.alert-error[data-v-73530e3d] {
+  border: 1px solid #fecaca;
+  background: #fef2f2;
+  color: #b91c1c;
+}
+.alert-ok[data-v-73530e3d] {
+  border: 1px solid #bbf7d0;
+  background: #f0fdf4;
+  color: #166534;
+}
+.qr-box[data-v-73530e3d] {
+  display: grid;
+  justify-items: center;
+  gap: 0.5rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  padding: 1rem;
+}
+.qr-image[data-v-73530e3d] {
+  width: min(16rem, 100%);
+  aspect-ratio: 1;
+}
+.qr-image[data-v-73530e3d] svg {
+  width: 100%;
+  height: 100%;
+}
+.qr-text[data-v-73530e3d] {
+  margin: 0;
+  text-align: center;
+  font-size: 0.875rem;
+  color: #334155;
+}
+.qr-timer[data-v-73530e3d] {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  color: #166534;
+}
+.modal-footer[data-v-73530e3d] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding-top: 0.5rem;
+}
+.btn-secondary[data-v-73530e3d],
+.btn-primary[data-v-73530e3d] {
+  border-radius: 0.5rem;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.875rem;
+}
+.btn-secondary[data-v-73530e3d] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-primary[data-v-73530e3d] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-73530e3d]:disabled,
+.btn-primary[data-v-73530e3d]:disabled {
+  opacity: 0.6;
+}
+
+.toggle[data-v-f2c39227] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.625rem;
+  cursor: pointer;
+  user-select: none;
+}
+.toggle-disabled[data-v-f2c39227] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.toggle-label[data-v-f2c39227] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.toggle-input[data-v-f2c39227] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.toggle-track[data-v-f2c39227] {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  width: 2.5rem;
+  height: 1.375rem;
+  border-radius: 9999px;
+  background: #cbd5e1;
+  transition: background-color 0.2s ease;
+}
+.toggle-thumb[data-v-f2c39227] {
+  position: absolute;
+  left: 0.125rem;
+  width: 1.125rem;
+  height: 1.125rem;
+  border-radius: 9999px;
+  background: #fff;
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
+  transition: transform 0.2s ease;
+}
+.toggle-input:checked + .toggle-track[data-v-f2c39227] {
+  background: var(--color-brand-600);
+}
+.toggle-input:checked + .toggle-track .toggle-thumb[data-v-f2c39227] {
+  transform: translateX(1.125rem);
+}
+.toggle-input:focus-visible + .toggle-track[data-v-f2c39227] {
+  box-shadow: 0 0 0 3px var(--color-brand-100, #dcfce7);
+}
+.toggle-input:disabled + .toggle-track[data-v-f2c39227] {
+  background: #e2e8f0;
+}
+.toggle-input:disabled:checked + .toggle-track[data-v-f2c39227] {
+  background: #94a3b8;
+}
+
+.sub[data-v-a9228d37] {
+  display: block;
+  margin-top: 0.15rem;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.page-shell[data-v-a9228d37] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-a9228d37] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-a9228d37],
+.panel-muted[data-v-a9228d37] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-a9228d37] {
+  margin: 0;
+  color: #b91c1c;
+}
+.selector[data-v-a9228d37] {
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: #334155;
+}
+.selector .panel-muted[data-v-a9228d37] {
+  margin: 0;
+}
+.btn-link[data-v-a9228d37] {
+  border: none;
+  background: none;
+  padding: 0;
+  color: #1d4ed8;
+  font: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.table-wrap[data-v-a9228d37] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-a9228d37] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-a9228d37],
+.data-table td[data-v-a9228d37] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+}
+.data-table th[data-v-a9228d37] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+/* Estilos de la pantalla «Homologación» y sus formularios (prefijo hm- para no chocar con otras pantallas). */
+
+.hm-tabla-wrap {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+
+.hm-tabla {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+
+.hm-tabla th,
+.hm-tabla td {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+
+.hm-tabla th {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+
+.hm-sub {
+  display: block;
+  margin-top: 0.15rem;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+
+.hm-muted {
+  margin: 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+
+.hm-select,
+.hm-input {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.6rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+
+.hm-select:disabled,
+.hm-input:disabled {
+  background: #f1f5f9;
+  color: #64748b;
+}
+
+.hm-label {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+
+.hm-check {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: #334155;
+}
+
+.hm-check input {
+  margin-top: 0.2rem;
+}
+
+.hm-marca {
+  display: inline-block;
+  margin-top: 0.35rem;
+  border-radius: 999px;
+  padding: 0.1rem 0.55rem;
+  font-size: 0.75rem;
+  background: #e0f2fe;
+  color: #075985;
+}
+
+.hm-aviso {
+  margin: 0.4rem 0 0;
+  border: 1px solid #fde68a;
+  border-radius: 0.5rem;
+  background: #fffbeb;
+  padding: 0.4rem 0.6rem;
+  font-size: 0.75rem;
+  color: #92400e;
+}
+
+.hm-acciones {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem 0.75rem;
+  align-items: center;
+}
+
+.hm-btn,
+.hm-btn-primario {
+  border-radius: 0.5rem;
+  padding: 0.4rem 0.8rem;
+  font-size: 0.875rem;
+  white-space: nowrap;
+}
+
+.hm-btn {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #0f172a;
+}
+
+.hm-btn-primario {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+
+.hm-btn:disabled,
+.hm-btn-primario:disabled {
+  opacity: 0.6;
+}
+
+.hm-link {
+  border: none;
+  background: none;
+  padding: 0;
+  color: #1d4ed8;
+  font: inherit;
+  font-size: 0.875rem;
+  text-decoration: underline;
+}
+
+.hm-link:disabled {
+  color: #94a3b8;
+}
+
+.hm-error,
+.hm-info,
+.hm-ok {
+  margin: 0;
+  border-radius: 0.75rem;
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+}
+
+.hm-error {
+  border: 1px solid #fecaca;
+  background: #fef2f2;
+  color: #b91c1c;
+}
+
+.hm-info {
+  border: 1px solid #bfdbfe;
+  background: #eff6ff;
+  color: #1e3a8a;
+}
+
+.hm-ok {
+  border: 1px solid #bbf7d0;
+  background: #f0fdf4;
+  color: #166534;
+}
+
+/* --- Formularios (modales) --- */
+
+.hm-modal-fondo {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+
+.hm-modal {
+  width: 100%;
+  max-width: 36rem;
+  max-height: calc(100vh - 2rem);
+  overflow-y: auto;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+
+.hm-modal-cabecera {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+
+.hm-modal-titulo {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+
+.hm-modal-cuerpo {
+  display: grid;
+  gap: 1rem;
+  padding: 1rem 1.25rem 1.25rem;
+}
+
+.hm-modal-pie {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+.hm-campos {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.75rem;
+}
+
+.hm-fieldset {
+  margin: 0;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  padding: 0.75rem;
+  display: grid;
+  gap: 0.6rem;
+}
+
+.hm-fieldset legend {
+  padding: 0 0.25rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #334155;
+}
+
+/* Celular: cada fila de la tabla se vuelve una tarjeta con la etiqueta de cada dato. */
+@media (max-width: 767px) {
+  .hm-campos {
+    grid-template-columns: 1fr;
+  }
+
+  .hm-tabla thead {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+  }
+
+  .hm-tabla,
+  .hm-tabla tbody,
+  .hm-tabla tr,
+  .hm-tabla td {
+    display: block;
+    width: 100%;
+  }
+
+  .hm-tabla tr {
+    border-bottom: 1px solid #e2e8f0;
+    padding: 0.5rem 0;
+  }
+
+  .hm-tabla td {
+    border-bottom: none;
+    padding: 0.35rem 0.75rem;
+  }
+
+  .hm-tabla td[data-label]::before {
+    content: attr(data-label);
+    display: block;
+    color: #64748b;
+    font-size: 0.75rem;
+    font-weight: 600;
+  }
+}
+
+.hm-pagina[data-v-e9c01cc9] {
+  display: grid;
+  gap: 1rem;
+}
+.hm-cabecera[data-v-e9c01cc9] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+.hm-cabecera > div[data-v-e9c01cc9]:first-child {
+  flex: 1 1 28rem;
+  min-width: 0;
+}
+.hm-titulo[data-v-e9c01cc9] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.hm-cabecera .hm-muted[data-v-e9c01cc9] {
+  margin-top: 0.35rem;
+}
+.hm-selector[data-v-e9c01cc9] {
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: #334155;
+}
+.hm-grupo[data-v-e9c01cc9] {
+  display: grid;
+  gap: 0.5rem;
+}
+.hm-grupo-titulo[data-v-e9c01cc9] {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  color: #0f172a;
+}
+
+.panel[data-v-1a4f4dcb] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: white;
+}
+.panel-title[data-v-1a4f4dcb] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.panel-muted[data-v-1a4f4dcb] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-1a4f4dcb] {
+  margin: 0;
+  color: #b91c1c;
+}
+.fila[data-v-1a4f4dcb] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem 1rem;
+}
+.control[data-v-1a4f4dcb] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.campo[data-v-1a4f4dcb] {
+  padding: 0.4rem 0.5rem;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  font: inherit;
+}
+.estado[data-v-1a4f4dcb] {
+  padding: 0.15rem 0.55rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-si[data-v-1a4f4dcb] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-no[data-v-1a4f4dcb] {
+  background: #f1f5f9;
+  color: #475569;
+}
+
+.page-shell[data-v-4e70ef58] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-4e70ef58] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-4e70ef58],
+.panel-muted[data-v-4e70ef58] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-4e70ef58] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel-aviso[data-v-4e70ef58] {
+  margin: 0;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  background: #eff6ff;
+  color: #1e3a8a;
+  font-size: 0.875rem;
+}
+.nota[data-v-4e70ef58] {
+  margin: 0;
+  padding: 0.5rem 0.75rem;
+  border-radius: 0.5rem;
+  background: #fffbeb;
+  color: #78350f;
+  font-size: 0.875rem;
+}
+.insignia[data-v-4e70ef58] {
+  display: inline-block;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.insignia-ok[data-v-4e70ef58] {
+  background: #dcfce7;
+  color: #166534;
+}
+.insignia-espera[data-v-4e70ef58] {
+  background: #fef9c3;
+  color: #854d0e;
+}
+.insignia-error[data-v-4e70ef58] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.panel[data-v-4e70ef58] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: white;
+}
+.flex-row[data-v-4e70ef58] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.panel-title[data-v-4e70ef58] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.fotos[data-v-4e70ef58] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+  gap: 1rem;
+}
+.foto[data-v-4e70ef58] {
+  display: grid;
+  gap: 0.35rem;
+}
+.foto img[data-v-4e70ef58],
+.foto-vacia[data-v-4e70ef58] {
+  width: 100%;
+  aspect-ratio: 1;
+  border-radius: 0.75rem;
+  object-fit: cover;
+  background: #f1f5f9;
+}
+.foto-nombre[data-v-4e70ef58] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.acciones[data-v-4e70ef58] {
+  display: flex;
+  gap: 0.5rem;
+}
+.campo[data-v-4e70ef58] {
+  padding: 0.5rem;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  font: inherit;
+}
+.btn[data-v-4e70ef58] {
+  padding: 0.45rem 0.8rem;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  background: white;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn[data-v-4e70ef58]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.btn-primario[data-v-4e70ef58] {
+  border-color: #1d4ed8;
+  background: #1d4ed8;
+  color: white;
+}
+.btn-peligro[data-v-4e70ef58] {
+  border-color: #fecaca;
+  color: #b91c1c;
+}
+.table-wrap[data-v-4e70ef58] {
+  overflow: auto;
+}
+.data-table[data-v-4e70ef58] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-4e70ef58],
+.data-table td[data-v-4e70ef58] {
+  padding: 0.6rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+}
+.data-table th[data-v-4e70ef58] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+
+.pagina-img[data-v-9ad8b0fc] {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.pagina-espera[data-v-9ad8b0fc] {
+  display: grid;
+  place-items: center;
+  aspect-ratio: 3 / 4;
+  background: #f1f5f9;
+  color: #94a3b8;
+  font-size: 0.8rem;
+}
+.pagina-fallo[data-v-9ad8b0fc] {
+  color: #b91c1c;
+}
+
+.celular[data-v-1d48ce6f] {
+  width: 300px;
+  max-width: 100%;
+  margin: 0 auto;
+  border-radius: 2.2rem;
+  background: #0f172a;
+  padding: 0.7rem;
+  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28);
+}
+.celular-pantalla[data-v-1d48ce6f] {
+  display: flex;
+  flex-direction: column;
+  height: 560px;
+  overflow: hidden;
+  border-radius: 1.7rem;
+  background: #f8fafc;
+}
+.app-barra[data-v-1d48ce6f] {
+  display: grid;
+  gap: 0.1rem;
+  background: #14532d;
+  color: #fff;
+  padding: 1.1rem 1rem 0.7rem;
+}
+.app-empresa[data-v-1d48ce6f] {
+  font-size: 0.68rem;
+  opacity: 0.8;
+}
+.app-seccion[data-v-1d48ce6f] {
+  font-size: 0.95rem;
+  font-weight: 600;
+}
+.app-contenido[data-v-1d48ce6f] {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0.75rem;
+  display: grid;
+  align-content: start;
+  gap: 0.75rem;
+}
+.app-vacio[data-v-1d48ce6f] {
+  margin: 2rem 0.5rem;
+  text-align: center;
+  font-size: 0.8rem;
+  color: #94a3b8;
+}
+.tarjeta[data-v-1d48ce6f] {
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.9rem;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
+}
+.tarjeta.destacada[data-v-1d48ce6f] {
+  outline: 2px solid #f59e0b;
+}
+.cinta[data-v-1d48ce6f] {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  z-index: 1;
+  border-radius: 999px;
+  background: #f59e0b;
+  color: #fff;
+  font-size: 0.62rem;
+  font-weight: 600;
+  padding: 0.15rem 0.5rem;
+}
+.tarjeta-titulo[data-v-1d48ce6f] {
+  margin: 0;
+  padding: 0.7rem 0.75rem 0.2rem;
+  font-size: 0.88rem;
+  color: #0f172a;
+}
+.tarjeta-resumen[data-v-1d48ce6f] {
+  margin: 0;
+  padding: 0 0.75rem 0.5rem;
+  font-size: 0.75rem;
+  color: #475569;
+  white-space: pre-line;
+}
+.tarjeta-paginas[data-v-1d48ce6f] {
+  display: grid;
+  gap: 2px;
+  background: #e2e8f0;
+}
+.tarjeta-pagina[data-v-1d48ce6f] {
+  background: #fff;
+}
+.tarjeta-vigencia[data-v-1d48ce6f] {
+  margin: 0;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.65rem;
+  color: #94a3b8;
+}
+.app-pestanas[data-v-1d48ce6f] {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  border-top: 1px solid #e2e8f0;
+  background: #fff;
+  padding: 0.45rem 0.25rem 0.6rem;
+  font-size: 0.55rem;
+  text-align: center;
+  color: #94a3b8;
+}
+.app-pestanas .activa[data-v-1d48ce6f] {
+  color: #15803d;
+  font-weight: 600;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-aaaf3e43] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-aaaf3e43] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-aaaf3e43] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-aaaf3e43],
+.panel-muted[data-v-aaaf3e43] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-aaaf3e43] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-aaaf3e43] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-aaaf3e43] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-aaaf3e43] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-aaaf3e43] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-aaaf3e43] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-aaaf3e43] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-aaaf3e43] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-aaaf3e43],
+.data-table td[data-v-aaaf3e43] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-aaaf3e43] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-aaaf3e43] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-aaaf3e43] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-aaaf3e43] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-aaaf3e43] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-aaaf3e43] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-aaaf3e43] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-aaaf3e43] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-aaaf3e43] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-aaaf3e43],
+.btn-secondary[data-v-aaaf3e43],
+.btn-danger[data-v-aaaf3e43] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-aaaf3e43] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-aaaf3e43] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-aaaf3e43] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-aaaf3e43]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.modal-backdrop[data-v-aaaf3e43] {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.45);
+  padding: 1rem;
+}
+.modal-panel[data-v-aaaf3e43] {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 65rem;
+  max-height: calc(100vh - 2rem);
+  overflow: hidden;
+  border-radius: 1rem;
+  background: #fff;
+  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
+}
+.modal-header[data-v-aaaf3e43] {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.modal-title[data-v-aaaf3e43] {
+  margin: 0;
+  font-size: 1.125rem;
+  font-weight: 700;
+  color: #0f172a;
+}
+.aviso-publicada[data-v-aaaf3e43] {
+  margin: 0.35rem 0 0;
+  font-size: 0.8125rem;
+  color: #92400e;
+}
+.modal-body[data-v-aaaf3e43] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 330px;
+  gap: 1.5rem;
+  overflow-y: auto;
+  padding: 1.25rem;
+}
+.modal-footer[data-v-aaaf3e43] {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  border-top: 1px solid #e2e8f0;
+  padding: 1rem 1.25rem;
+}
+.columna-form[data-v-aaaf3e43],
+.columna-vista[data-v-aaaf3e43] {
+  display: grid;
+  align-content: start;
+  gap: 0.85rem;
+}
+.vista-titulo[data-v-aaaf3e43] {
+  margin: 0;
+  text-align: center;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  color: #475569;
+}
+.zona-archivo[data-v-aaaf3e43] {
+  display: grid;
+  justify-items: center;
+  gap: 0.45rem;
+  border: 2px dashed #cbd5e1;
+  border-radius: 0.75rem;
+  background: #f8fafc;
+  padding: 1.25rem;
+  text-align: center;
+  color: #334155;
+  font-size: 0.875rem;
+}
+.zona-archivo.arrastrando[data-v-aaaf3e43] {
+  border-color: #15803d;
+  background: #f0fdf4;
+}
+.zona-archivo.ocupada[data-v-aaaf3e43] {
+  opacity: 0.8;
+}
+.zona-ayuda[data-v-aaaf3e43],
+.hint[data-v-aaaf3e43] {
+  font-size: 0.75rem;
+  color: #64748b;
+}
+.btn-link[data-v-aaaf3e43] {
+  border: none;
+  background: none;
+  padding: 0;
+  color: #15803d;
+  font-size: 0.8125rem;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.oculto[data-v-aaaf3e43] {
+  display: none;
+}
+.campo[data-v-aaaf3e43] {
+  display: grid;
+  gap: 0.35rem;
+}
+.casilla[data-v-aaaf3e43] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  align-self: center;
+}
+.dos[data-v-aaaf3e43] {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.85rem;
+}
+.pagina[data-v-aaaf3e43] {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.alert-error[data-v-aaaf3e43] {
+  margin: 0;
+  border: 1px solid #fecaca;
+  border-radius: 0.75rem;
+  background: #fef2f2;
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+  color: #b91c1c;
+}
+@media (max-width: 820px) {
+.modal-body[data-v-aaaf3e43] {
+    grid-template-columns: 1fr;
+}
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-40dc441b] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-40dc441b] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-40dc441b] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-40dc441b],
+.panel-muted[data-v-40dc441b] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-40dc441b] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-40dc441b] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-40dc441b] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-40dc441b] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-40dc441b] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-40dc441b] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-40dc441b] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-40dc441b] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-40dc441b],
+.data-table td[data-v-40dc441b] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-40dc441b] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-40dc441b] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-40dc441b] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-40dc441b] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-40dc441b] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-40dc441b] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-40dc441b] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-40dc441b] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-40dc441b] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-40dc441b],
+.btn-secondary[data-v-40dc441b],
+.btn-danger[data-v-40dc441b] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-40dc441b] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-40dc441b] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-40dc441b] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-40dc441b]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.aviso[data-v-40dc441b] {
+  margin: 0;
+  border: 1px solid #bbf7d0;
+  border-radius: 0.75rem;
+  background: #f0fdf4;
+  padding: 0.6rem 0.9rem;
+  color: #166534;
+}
+.distribucion[data-v-40dc441b] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 320px;
+  gap: 1.5rem;
+  align-items: start;
+}
+.listado[data-v-40dc441b] {
+  display: grid;
+  gap: 0.9rem;
+}
+.vacio[data-v-40dc441b] {
+  display: grid;
+  justify-items: center;
+  gap: 0.5rem;
+  border: 2px dashed #cbd5e1;
+  border-radius: 0.75rem;
+  padding: 2.5rem 1rem;
+  text-align: center;
+}
+.pub[data-v-40dc441b] {
+  grid-template-columns: 120px minmax(0, 1fr);
+  gap: 1rem;
+}
+.pub-retirada[data-v-40dc441b] {
+  opacity: 0.7;
+}
+.pub-miniatura[data-v-40dc441b] {
+  position: relative;
+  overflow: hidden;
+  align-self: start;
+  min-height: 3rem;
+  max-height: 160px;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.6rem;
+  background: #f8fafc;
+}
+.pub-paginas[data-v-40dc441b] {
+  position: absolute;
+  right: 0.35rem;
+  bottom: 0.35rem;
+  border-radius: 999px;
+  background: rgba(15, 23, 42, 0.75);
+  padding: 0.1rem 0.45rem;
+  color: #fff;
+  font-size: 0.68rem;
+}
+.pub-cuerpo[data-v-40dc441b] {
+  display: grid;
+  align-content: start;
+  gap: 0.4rem;
+  min-width: 0;
+}
+.pub-titulo[data-v-40dc441b] {
+  font-size: 1rem;
+}
+.pub-resumen[data-v-40dc441b] {
+  display: -webkit-box;
+  overflow: hidden;
+  margin: 0;
+  color: #475569;
+  font-size: 0.875rem;
+  white-space: pre-line;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+.estado-destacada[data-v-40dc441b] {
+  background: #fff7ed;
+  color: #c2410c;
+}
+.estado-cliente[data-v-40dc441b] {
+  background: #eef2ff;
+  color: #3730a3;
+}
+.lateral[data-v-40dc441b] {
+  position: sticky;
+  top: 1rem;
+  display: grid;
+  gap: 0.6rem;
+}
+.lateral-titulo[data-v-40dc441b],
+.lateral-nota[data-v-40dc441b] {
+  text-align: center;
+}
+@media (max-width: 960px) {
+.distribucion[data-v-40dc441b] {
+    grid-template-columns: 1fr;
+}
+.lateral[data-v-40dc441b] {
+    position: static;
+}
+}
+@media (max-width: 560px) {
+.pub[data-v-40dc441b] {
+    grid-template-columns: 1fr;
+}
+.pub-miniatura[data-v-40dc441b] {
+    max-height: 220px;
+}
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-63d2d7cc] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-63d2d7cc] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-63d2d7cc] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-63d2d7cc],
+.panel-muted[data-v-63d2d7cc] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-63d2d7cc] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-63d2d7cc] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-63d2d7cc] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-63d2d7cc] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-63d2d7cc] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-63d2d7cc] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-63d2d7cc] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-63d2d7cc] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-63d2d7cc],
+.data-table td[data-v-63d2d7cc] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-63d2d7cc] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-63d2d7cc] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-63d2d7cc] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-63d2d7cc] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-63d2d7cc] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-63d2d7cc] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-63d2d7cc] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-63d2d7cc] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-63d2d7cc] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-63d2d7cc],
+.btn-secondary[data-v-63d2d7cc],
+.btn-danger[data-v-63d2d7cc] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-63d2d7cc] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-63d2d7cc] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-63d2d7cc] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-63d2d7cc]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.disponible[data-v-63d2d7cc] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin-right: 0.5rem;
+}
+.enlace[data-v-63d2d7cc] {
+  font-weight: 600;
+  color: #15803d;
+}
+.nuevo[data-v-63d2d7cc] {
+  margin-left: 0.35rem;
+}
+.cliente[data-v-63d2d7cc] {
+  display: inline-block;
+  margin-left: 0.35rem;
+  border-radius: 999px;
+  padding: 0 0.5rem;
+  background: #f1f5f9;
+  color: #334155;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+.extracto[data-v-63d2d7cc] {
+  display: -webkit-box;
+  max-width: 28rem;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-772cd631] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-772cd631] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-772cd631] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-772cd631],
+.panel-muted[data-v-772cd631] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-772cd631] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-772cd631] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-772cd631] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-772cd631] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-772cd631] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-772cd631] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-772cd631] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-772cd631] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-772cd631],
+.data-table td[data-v-772cd631] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-772cd631] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-772cd631] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-772cd631] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-772cd631] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-772cd631] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-772cd631] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-772cd631] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-772cd631] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-772cd631] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-772cd631],
+.btn-secondary[data-v-772cd631],
+.btn-danger[data-v-772cd631] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-772cd631] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-772cd631] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-772cd631] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-772cd631]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.horario[data-v-772cd631] {
+  display: grid;
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-fdeaf51a] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-fdeaf51a] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-fdeaf51a] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-fdeaf51a],
+.panel-muted[data-v-fdeaf51a] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-fdeaf51a] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-fdeaf51a] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-fdeaf51a] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-fdeaf51a] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-fdeaf51a] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-fdeaf51a] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-fdeaf51a] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-fdeaf51a] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-fdeaf51a],
+.data-table td[data-v-fdeaf51a] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-fdeaf51a] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-fdeaf51a] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-fdeaf51a] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-fdeaf51a] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-fdeaf51a] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-fdeaf51a] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-fdeaf51a] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-fdeaf51a] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-fdeaf51a] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-fdeaf51a],
+.btn-secondary[data-v-fdeaf51a],
+.btn-danger[data-v-fdeaf51a] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-fdeaf51a] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-fdeaf51a] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-fdeaf51a] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-fdeaf51a]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.estado[data-v-fdeaf51a] {
+  margin-top: 0.3rem;
+}
+.propio[data-v-fdeaf51a] {
+  color: #1e40af;
+  font-weight: 600;
+}
+.acciones[data-v-fdeaf51a] {
+  flex-wrap: nowrap;
+}
+.edicion[data-v-fdeaf51a] {
+  display: grid;
+  gap: 0.6rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid #e2e8f0;
+}
+.campo[data-v-fdeaf51a] {
+  display: grid;
+  gap: 0.35rem;
+}
+.corto[data-v-fdeaf51a] {
+  max-width: 22rem;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-6a4fed44] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-6a4fed44] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-6a4fed44] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-6a4fed44],
+.panel-muted[data-v-6a4fed44] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-6a4fed44] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-6a4fed44] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-6a4fed44] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-6a4fed44] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-6a4fed44] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-6a4fed44] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-6a4fed44] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-6a4fed44] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-6a4fed44],
+.data-table td[data-v-6a4fed44] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-6a4fed44] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-6a4fed44] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-6a4fed44] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-6a4fed44] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-6a4fed44] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-6a4fed44] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-6a4fed44] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-6a4fed44] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-6a4fed44] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-6a4fed44],
+.btn-secondary[data-v-6a4fed44],
+.btn-danger[data-v-6a4fed44] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-6a4fed44] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-6a4fed44] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-6a4fed44] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-6a4fed44]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.volver[data-v-6a4fed44] {
+  font-size: 0.875rem;
+  color: #15803d;
+}
+.fila[data-v-6a4fed44] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.fila.ia[data-v-6a4fed44] {
+  padding-top: 0.75rem;
+  border-top: 1px solid #e2e8f0;
+}
+.enlace[data-v-6a4fed44] {
+  color: #15803d;
+  text-decoration: underline;
+}
+.campo[data-v-6a4fed44] {
+  display: grid;
+  gap: 0.35rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.corto[data-v-6a4fed44] {
+  max-width: 22rem;
+}
+.numero[data-v-6a4fed44] {
+  width: 6rem;
+}
+.temas-persona[data-v-6a4fed44] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 0.9rem;
+}
+.opcion[data-v-6a4fed44] {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-size: 0.8rem;
+  white-space: nowrap;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-d7451ca3] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-d7451ca3] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-d7451ca3] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-d7451ca3],
+.panel-muted[data-v-d7451ca3] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-d7451ca3] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-d7451ca3] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-d7451ca3] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-d7451ca3] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-d7451ca3] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-d7451ca3] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-d7451ca3] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-d7451ca3] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-d7451ca3],
+.data-table td[data-v-d7451ca3] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-d7451ca3] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-d7451ca3] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-d7451ca3] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-d7451ca3] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-d7451ca3] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-d7451ca3] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-d7451ca3] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-d7451ca3] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-d7451ca3] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-d7451ca3],
+.btn-secondary[data-v-d7451ca3],
+.btn-danger[data-v-d7451ca3] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-d7451ca3] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-d7451ca3] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-d7451ca3] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-d7451ca3]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.volver[data-v-d7451ca3] {
+  font-size: 0.875rem;
+  color: #15803d;
+}
+.campo[data-v-d7451ca3] {
+  display: grid;
+  gap: 0.35rem;
+}
+.texto[data-v-d7451ca3] {
+  margin: 0;
+  white-space: pre-line;
+  font-size: 0.875rem;
+  color: #334155;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-fa114240] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-fa114240] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-fa114240] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-fa114240],
+.panel-muted[data-v-fa114240] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-fa114240] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-fa114240] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-fa114240] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-fa114240] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-fa114240] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-fa114240] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-fa114240] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-fa114240] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-fa114240],
+.data-table td[data-v-fa114240] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-fa114240] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-fa114240] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-fa114240] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-fa114240] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-fa114240] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-fa114240] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-fa114240] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-fa114240] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-fa114240] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-fa114240],
+.btn-secondary[data-v-fa114240],
+.btn-danger[data-v-fa114240] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-fa114240] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-fa114240] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-fa114240] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-fa114240]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.volver[data-v-fa114240] {
+  font-size: 0.875rem;
+  color: #15803d;
+}
+.cifras[data-v-fa114240] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
+  gap: 1rem;
+}
+.cifra[data-v-fa114240] {
+  gap: 0.15rem;
+}
+.cifra-titulo[data-v-fa114240] {
+  margin: 0;
+  font-size: 0.8rem;
+  color: #475569;
+}
+.cifra-valor[data-v-fa114240] {
+  margin: 0;
+  font-size: 1.6rem;
+  font-weight: 600;
+  color: #0f172a;
+  font-variant-numeric: tabular-nums;
+}
+.columnas[data-v-fa114240] {
+  display: grid;
+  gap: 1rem;
+}
+@media (min-width: 900px) {
+.columnas[data-v-fa114240] {
+    grid-template-columns: 1fr 1fr;
+    align-items: start;
+}
+}
+.data-table th[scope='row'][data-v-fa114240] {
+  background: transparent;
+  color: #334155;
+  font-weight: 500;
+}
+.num[data-v-fa114240] {
+  text-align: right !important;
+  font-variant-numeric: tabular-nums;
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-ee9c5f6c] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-ee9c5f6c] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-ee9c5f6c] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-ee9c5f6c],
+.panel-muted[data-v-ee9c5f6c] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-ee9c5f6c] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-ee9c5f6c] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-ee9c5f6c] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-ee9c5f6c] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-ee9c5f6c] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-ee9c5f6c] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-ee9c5f6c] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-ee9c5f6c] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-ee9c5f6c],
+.data-table td[data-v-ee9c5f6c] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-ee9c5f6c] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-ee9c5f6c] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-ee9c5f6c] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-ee9c5f6c] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-ee9c5f6c] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-ee9c5f6c] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-ee9c5f6c] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-ee9c5f6c] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-ee9c5f6c] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-ee9c5f6c],
+.btn-secondary[data-v-ee9c5f6c],
+.btn-danger[data-v-ee9c5f6c] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-ee9c5f6c] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-ee9c5f6c] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-ee9c5f6c] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-ee9c5f6c]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.volver[data-v-ee9c5f6c] {
+  font-size: 0.875rem;
+  color: #15803d;
+}
+.campo[data-v-ee9c5f6c] {
+  display: grid;
+  gap: 0.35rem;
+}
+.cliente[data-v-ee9c5f6c] {
+  display: inline-block;
+  margin-left: 0.35rem;
+  border-radius: 999px;
+  padding: 0 0.5rem;
+  background: #dbeafe;
+  color: #1e40af;
+  font-size: 0.75rem;
+  font-weight: 600;
+  vertical-align: middle;
+}
+.contenido[data-v-ee9c5f6c] {
+  margin: 0;
+  white-space: pre-line;
+  font-size: 0.875rem;
+  color: #334155;
+}
+/* Estilos comunes de la pantalla de auditoría (vista, filtros, filas y paginador). */
+.page-shell[data-v-8ea2bbf3] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-8ea2bbf3] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-8ea2bbf3],
+.panel-muted[data-v-8ea2bbf3] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-8ea2bbf3] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-8ea2bbf3] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.filtros[data-v-8ea2bbf3] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
+  gap: 0.75rem;
+  align-items: end;
+}
+.campo[data-v-8ea2bbf3] {
+  display: grid;
+  gap: 0.25rem;
+  min-width: 0;
+}
+.campo-busqueda[data-v-8ea2bbf3] {
+  grid-column: 1 / -1;
+}
+.busqueda[data-v-8ea2bbf3] {
+  display: flex;
+  gap: 0.5rem;
+}
+.busqueda .input[data-v-8ea2bbf3] {
+  flex: 1;
+  min-width: 0;
+}
+.label[data-v-8ea2bbf3] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-8ea2bbf3] {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.btn-primary[data-v-8ea2bbf3],
+.btn-secondary[data-v-8ea2bbf3],
+.btn-link[data-v-8ea2bbf3] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-8ea2bbf3] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-8ea2bbf3] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-link[data-v-8ea2bbf3] {
+  border: 0;
+  background: none;
+  padding: 0.25rem 0;
+  color: #15803d;
+  text-decoration: underline;
+}
+button[data-v-8ea2bbf3]:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+button[data-v-8ea2bbf3]:focus-visible,
+.input[data-v-8ea2bbf3]:focus-visible {
+  outline: 2px solid #15803d;
+  outline-offset: 2px;
+}
+.table-wrap[data-v-8ea2bbf3] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-8ea2bbf3] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-8ea2bbf3],
+.data-table td[data-v-8ea2bbf3] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-8ea2bbf3] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-8ea2bbf3] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.nowrap[data-v-8ea2bbf3] {
+  white-space: nowrap;
+}
+.estado[data-v-8ea2bbf3] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-ok[data-v-8ea2bbf3] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-espera[data-v-8ea2bbf3] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-error[data-v-8ea2bbf3] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.fila-detalle td[data-v-8ea2bbf3] {
+  background: #f8fafc;
+}
+.detalle[data-v-8ea2bbf3] {
+  display: grid;
+  grid-template-columns: minmax(8rem, max-content) 1fr;
+  gap: 0.35rem 1rem;
+  margin: 0;
+}
+.detalle dt[data-v-8ea2bbf3] {
+  font-weight: 600;
+  color: #475569;
+}
+.detalle dd[data-v-8ea2bbf3] {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.8rem;
+}
+.paginador[data-v-8ea2bbf3] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: #475569;
+}
+.paginador-botones[data-v-8ea2bbf3] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 768px) {
+.data-table[data-v-8ea2bbf3] {
+    min-width: 60rem;
+}
+}
+
+/* En el celular cada registro es una tarjeta: la cabecera se oculta y cada dato lleva su rótulo. */
+@media (max-width: 767px) {
+.data-table thead[data-v-8ea2bbf3] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+}
+.data-table tr[data-v-8ea2bbf3],
+  .data-table td[data-v-8ea2bbf3] {
+    display: block;
+}
+.data-table tr[data-v-8ea2bbf3] {
+    border-bottom: 1px solid #e2e8f0;
+}
+.data-table td[data-v-8ea2bbf3] {
+    border-bottom: 0;
+    padding: 0.35rem 0.75rem;
+}
+.data-table td[data-label][data-v-8ea2bbf3]::before {
+    content: attr(data-label);
+    display: block;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: #94a3b8;
+}
+.detalle[data-v-8ea2bbf3] {
+    grid-template-columns: 1fr;
+}
+}
+/* Estilos comunes de la pantalla de auditoría (vista, filtros, filas y paginador). */
+.page-shell[data-v-d778f13a] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-d778f13a] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-d778f13a],
+.panel-muted[data-v-d778f13a] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-d778f13a] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-d778f13a] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.filtros[data-v-d778f13a] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
+  gap: 0.75rem;
+  align-items: end;
+}
+.campo[data-v-d778f13a] {
+  display: grid;
+  gap: 0.25rem;
+  min-width: 0;
+}
+.campo-busqueda[data-v-d778f13a] {
+  grid-column: 1 / -1;
+}
+.busqueda[data-v-d778f13a] {
+  display: flex;
+  gap: 0.5rem;
+}
+.busqueda .input[data-v-d778f13a] {
+  flex: 1;
+  min-width: 0;
+}
+.label[data-v-d778f13a] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-d778f13a] {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.btn-primary[data-v-d778f13a],
+.btn-secondary[data-v-d778f13a],
+.btn-link[data-v-d778f13a] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-d778f13a] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-d778f13a] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-link[data-v-d778f13a] {
+  border: 0;
+  background: none;
+  padding: 0.25rem 0;
+  color: #15803d;
+  text-decoration: underline;
+}
+button[data-v-d778f13a]:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+button[data-v-d778f13a]:focus-visible,
+.input[data-v-d778f13a]:focus-visible {
+  outline: 2px solid #15803d;
+  outline-offset: 2px;
+}
+.table-wrap[data-v-d778f13a] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-d778f13a] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-d778f13a],
+.data-table td[data-v-d778f13a] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-d778f13a] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-d778f13a] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.nowrap[data-v-d778f13a] {
+  white-space: nowrap;
+}
+.estado[data-v-d778f13a] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-ok[data-v-d778f13a] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-espera[data-v-d778f13a] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-error[data-v-d778f13a] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.fila-detalle td[data-v-d778f13a] {
+  background: #f8fafc;
+}
+.detalle[data-v-d778f13a] {
+  display: grid;
+  grid-template-columns: minmax(8rem, max-content) 1fr;
+  gap: 0.35rem 1rem;
+  margin: 0;
+}
+.detalle dt[data-v-d778f13a] {
+  font-weight: 600;
+  color: #475569;
+}
+.detalle dd[data-v-d778f13a] {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.8rem;
+}
+.paginador[data-v-d778f13a] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: #475569;
+}
+.paginador-botones[data-v-d778f13a] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 768px) {
+.data-table[data-v-d778f13a] {
+    min-width: 60rem;
+}
+}
+
+/* En el celular cada registro es una tarjeta: la cabecera se oculta y cada dato lleva su rótulo. */
+@media (max-width: 767px) {
+.data-table thead[data-v-d778f13a] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+}
+.data-table tr[data-v-d778f13a],
+  .data-table td[data-v-d778f13a] {
+    display: block;
+}
+.data-table tr[data-v-d778f13a] {
+    border-bottom: 1px solid #e2e8f0;
+}
+.data-table td[data-v-d778f13a] {
+    border-bottom: 0;
+    padding: 0.35rem 0.75rem;
+}
+.data-table td[data-label][data-v-d778f13a]::before {
+    content: attr(data-label);
+    display: block;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: #94a3b8;
+}
+.detalle[data-v-d778f13a] {
+    grid-template-columns: 1fr;
+}
+}
+/* Estilos comunes de la pantalla de auditoría (vista, filtros, filas y paginador). */
+.page-shell[data-v-6a295c77] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-6a295c77] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-6a295c77],
+.panel-muted[data-v-6a295c77] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-6a295c77] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-6a295c77] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.filtros[data-v-6a295c77] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
+  gap: 0.75rem;
+  align-items: end;
+}
+.campo[data-v-6a295c77] {
+  display: grid;
+  gap: 0.25rem;
+  min-width: 0;
+}
+.campo-busqueda[data-v-6a295c77] {
+  grid-column: 1 / -1;
+}
+.busqueda[data-v-6a295c77] {
+  display: flex;
+  gap: 0.5rem;
+}
+.busqueda .input[data-v-6a295c77] {
+  flex: 1;
+  min-width: 0;
+}
+.label[data-v-6a295c77] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-6a295c77] {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.btn-primary[data-v-6a295c77],
+.btn-secondary[data-v-6a295c77],
+.btn-link[data-v-6a295c77] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-6a295c77] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-6a295c77] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-link[data-v-6a295c77] {
+  border: 0;
+  background: none;
+  padding: 0.25rem 0;
+  color: #15803d;
+  text-decoration: underline;
+}
+button[data-v-6a295c77]:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+button[data-v-6a295c77]:focus-visible,
+.input[data-v-6a295c77]:focus-visible {
+  outline: 2px solid #15803d;
+  outline-offset: 2px;
+}
+.table-wrap[data-v-6a295c77] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-6a295c77] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-6a295c77],
+.data-table td[data-v-6a295c77] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-6a295c77] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-6a295c77] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.nowrap[data-v-6a295c77] {
+  white-space: nowrap;
+}
+.estado[data-v-6a295c77] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-ok[data-v-6a295c77] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-espera[data-v-6a295c77] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-error[data-v-6a295c77] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.fila-detalle td[data-v-6a295c77] {
+  background: #f8fafc;
+}
+.detalle[data-v-6a295c77] {
+  display: grid;
+  grid-template-columns: minmax(8rem, max-content) 1fr;
+  gap: 0.35rem 1rem;
+  margin: 0;
+}
+.detalle dt[data-v-6a295c77] {
+  font-weight: 600;
+  color: #475569;
+}
+.detalle dd[data-v-6a295c77] {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.8rem;
+}
+.paginador[data-v-6a295c77] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: #475569;
+}
+.paginador-botones[data-v-6a295c77] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 768px) {
+.data-table[data-v-6a295c77] {
+    min-width: 60rem;
+}
+}
+
+/* En el celular cada registro es una tarjeta: la cabecera se oculta y cada dato lleva su rótulo. */
+@media (max-width: 767px) {
+.data-table thead[data-v-6a295c77] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+}
+.data-table tr[data-v-6a295c77],
+  .data-table td[data-v-6a295c77] {
+    display: block;
+}
+.data-table tr[data-v-6a295c77] {
+    border-bottom: 1px solid #e2e8f0;
+}
+.data-table td[data-v-6a295c77] {
+    border-bottom: 0;
+    padding: 0.35rem 0.75rem;
+}
+.data-table td[data-label][data-v-6a295c77]::before {
+    content: attr(data-label);
+    display: block;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: #94a3b8;
+}
+.detalle[data-v-6a295c77] {
+    grid-template-columns: 1fr;
+}
+}
+/* Estilos comunes de la pantalla de auditoría (vista, filtros, filas y paginador). */
+.page-shell[data-v-6314ccc5] {
+  display: grid;
+  gap: 1rem;
+}
+.page-title[data-v-6314ccc5] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-6314ccc5],
+.panel-muted[data-v-6314ccc5] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-6314ccc5] {
+  margin: 0;
+  color: #b91c1c;
+}
+.toolbar[data-v-6314ccc5] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.filtros[data-v-6314ccc5] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
+  gap: 0.75rem;
+  align-items: end;
+}
+.campo[data-v-6314ccc5] {
+  display: grid;
+  gap: 0.25rem;
+  min-width: 0;
+}
+.campo-busqueda[data-v-6314ccc5] {
+  grid-column: 1 / -1;
+}
+.busqueda[data-v-6314ccc5] {
+  display: flex;
+  gap: 0.5rem;
+}
+.busqueda .input[data-v-6314ccc5] {
+  flex: 1;
+  min-width: 0;
+}
+.label[data-v-6314ccc5] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-6314ccc5] {
+  width: 100%;
+  min-width: 0;
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.btn-primary[data-v-6314ccc5],
+.btn-secondary[data-v-6314ccc5],
+.btn-link[data-v-6314ccc5] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font-size: 0.875rem;
+}
+.btn-primary[data-v-6314ccc5] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-6314ccc5] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-link[data-v-6314ccc5] {
+  border: 0;
+  background: none;
+  padding: 0.25rem 0;
+  color: #15803d;
+  text-decoration: underline;
+}
+button[data-v-6314ccc5]:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+button[data-v-6314ccc5]:focus-visible,
+.input[data-v-6314ccc5]:focus-visible {
+  outline: 2px solid #15803d;
+  outline-offset: 2px;
+}
+.table-wrap[data-v-6314ccc5] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+}
+.data-table[data-v-6314ccc5] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-6314ccc5],
+.data-table td[data-v-6314ccc5] {
+  padding: 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-6314ccc5] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-6314ccc5] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.nowrap[data-v-6314ccc5] {
+  white-space: nowrap;
+}
+.estado[data-v-6314ccc5] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.estado-ok[data-v-6314ccc5] {
+  background: #dcfce7;
+  color: #166534;
+}
+.estado-espera[data-v-6314ccc5] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-error[data-v-6314ccc5] {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.fila-detalle td[data-v-6314ccc5] {
+  background: #f8fafc;
+}
+.detalle[data-v-6314ccc5] {
+  display: grid;
+  grid-template-columns: minmax(8rem, max-content) 1fr;
+  gap: 0.35rem 1rem;
+  margin: 0;
+}
+.detalle dt[data-v-6314ccc5] {
+  font-weight: 600;
+  color: #475569;
+}
+.detalle dd[data-v-6314ccc5] {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.8rem;
+}
+.paginador[data-v-6314ccc5] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  color: #475569;
+}
+.paginador-botones[data-v-6314ccc5] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+@media (min-width: 768px) {
+.data-table[data-v-6314ccc5] {
+    min-width: 60rem;
+}
+}
+
+/* En el celular cada registro es una tarjeta: la cabecera se oculta y cada dato lleva su rótulo. */
+@media (max-width: 767px) {
+.data-table thead[data-v-6314ccc5] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+}
+.data-table tr[data-v-6314ccc5],
+  .data-table td[data-v-6314ccc5] {
+    display: block;
+}
+.data-table tr[data-v-6314ccc5] {
+    border-bottom: 1px solid #e2e8f0;
+}
+.data-table td[data-v-6314ccc5] {
+    border-bottom: 0;
+    padding: 0.35rem 0.75rem;
+}
+.data-table td[data-label][data-v-6314ccc5]::before {
+    content: attr(data-label);
+    display: block;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    color: #94a3b8;
+}
+.detalle[data-v-6314ccc5] {
+    grid-template-columns: 1fr;
+}
+}
+/* Estilos comunes de las pantallas del chat con RRHH (bandeja, conversación y configuración). */
+.page-shell[data-v-8a10d53d] {
+  display: grid;
+  gap: 1rem;
+}
+.page-header[data-v-8a10d53d] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.page-title[data-v-8a10d53d] {
+  margin: 0;
+  font-size: 1.25rem;
+  color: #0f172a;
+}
+.page-subtitle[data-v-8a10d53d],
+.panel-muted[data-v-8a10d53d] {
+  margin: 0.35rem 0 0;
+  color: #64748b;
+  font-size: 0.875rem;
+}
+.panel-error[data-v-8a10d53d] {
+  margin: 0;
+  color: #b91c1c;
+}
+.panel[data-v-8a10d53d] {
+  display: grid;
+  gap: 0.75rem;
+  padding: 1rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.panel-title[data-v-8a10d53d] {
+  margin: 0;
+  font-weight: 600;
+  color: #0f172a;
+}
+.toolbar[data-v-8a10d53d] {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+.label[data-v-8a10d53d] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #334155;
+}
+.input[data-v-8a10d53d] {
+  border: 1px solid #cbd5e1;
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.75rem;
+  font: inherit;
+  font-size: 0.875rem;
+  background: #fff;
+}
+.table-wrap[data-v-8a10d53d] {
+  overflow: auto;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+.data-table[data-v-8a10d53d] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.875rem;
+}
+.data-table th[data-v-8a10d53d],
+.data-table td[data-v-8a10d53d] {
+  padding: 0.65rem 0.75rem;
+  border-bottom: 1px solid #e2e8f0;
+  text-align: left;
+  vertical-align: top;
+}
+.data-table th[data-v-8a10d53d] {
+  background: #f8fafc;
+  color: #475569;
+  font-weight: 600;
+}
+.sub[data-v-8a10d53d] {
+  display: block;
+  color: #64748b;
+  font-size: 0.75rem;
+}
+.vencida[data-v-8a10d53d] {
+  color: #b91c1c;
+  font-weight: 600;
+}
+.estado[data-v-8a10d53d] {
+  display: inline-block;
+  border-radius: 999px;
+  padding: 0.15rem 0.6rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  white-space: nowrap;
+}
+.estado-neutro[data-v-8a10d53d] {
+  background: #f1f5f9;
+  color: #475569;
+}
+.estado-alerta[data-v-8a10d53d] {
+  background: #fef3c7;
+  color: #92400e;
+}
+.estado-info[data-v-8a10d53d] {
+  background: #dbeafe;
+  color: #1e40af;
+}
+.estado-ok[data-v-8a10d53d] {
+  background: #dcfce7;
+  color: #166534;
+}
+.contador[data-v-8a10d53d] {
+  display: inline-block;
+  min-width: 1.25rem;
+  border-radius: 999px;
+  padding: 0 0.35rem;
+  background: #15803d;
+  color: #fff;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-align: center;
+}
+.btn-primary[data-v-8a10d53d],
+.btn-secondary[data-v-8a10d53d],
+.btn-danger[data-v-8a10d53d] {
+  border-radius: 0.5rem;
+  padding: 0.45rem 0.85rem;
+  font: inherit;
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+.btn-primary[data-v-8a10d53d] {
+  border: 1px solid #15803d;
+  background: #15803d;
+  color: #fff;
+}
+.btn-secondary[data-v-8a10d53d] {
+  border: 1px solid #cbd5e1;
+  background: #fff;
+  color: #334155;
+}
+.btn-danger[data-v-8a10d53d] {
+  border: 1px solid #fecaca;
+  background: #fff;
+  color: #b91c1c;
+}
+button[data-v-8a10d53d]:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.volver[data-v-8a10d53d] {
+  font-size: 0.875rem;
+  color: #15803d;
+}
+.columnas[data-v-8a10d53d] {
+  display: grid;
+  gap: 1rem;
+}
+@media (min-width: 960px) {
+.columnas[data-v-8a10d53d] {
+    grid-template-columns: minmax(0, 1fr) 20rem;
+    align-items: start;
+}
+}
+.hilo[data-v-8a10d53d] {
+  min-height: 20rem;
+}
+.mensajes[data-v-8a10d53d] {
+  display: grid;
+  gap: 0.6rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.mensaje[data-v-8a10d53d] {
+  max-width: 85%;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 0.75rem;
+  background: #f8fafc;
+}
+.mensaje.propio[data-v-8a10d53d] {
+  justify-self: end;
+  border-color: #bbf7d0;
+  background: #f0fdf4;
+}
+.mensaje.nota[data-v-8a10d53d] {
+  justify-self: end;
+  border-color: #fde68a;
+  background: #fffbeb;
+}
+.mensaje.sistema[data-v-8a10d53d] {
+  justify-self: center;
+  background: #f1f5f9;
+  font-size: 0.8rem;
+}
+.mensaje-autor[data-v-8a10d53d] {
+  margin: 0;
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: #334155;
+}
+.mensaje-hora[data-v-8a10d53d] {
+  margin-left: 0.5rem;
+  font-weight: 400;
+  color: #94a3b8;
+}
+.tarjeta-datos[data-v-8a10d53d] {
+  margin-top: 0.4rem;
+  border-collapse: collapse;
+  font-size: 0.8rem;
+}
+.tarjeta-datos caption[data-v-8a10d53d] {
+  text-align: left;
+  font-weight: 600;
+  color: #475569;
+}
+.tarjeta-datos th[data-v-8a10d53d],
+.tarjeta-datos td[data-v-8a10d53d] {
+  padding: 0.1rem 0.6rem 0.1rem 0;
+  text-align: left;
+  font-weight: 400;
+}
+.mensaje.ia[data-v-8a10d53d] {
+  border-color: #bae6fd;
+  background: #f0f9ff;
+}
+.mensaje-cuerpo[data-v-8a10d53d] {
+  margin: 0.15rem 0 0;
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+  color: #0f172a;
+}
+.respuesta[data-v-8a10d53d] {
+  display: grid;
+  gap: 0.5rem;
+  padding-top: 0.75rem;
+  border-top: 1px solid #e2e8f0;
+}
+.lateral[data-v-8a10d53d] {
+  display: grid;
+  gap: 1rem;
+}
+.acciones[data-v-8a10d53d] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.reasignar[data-v-8a10d53d],
+.campo[data-v-8a10d53d] {
+  display: grid;
+  gap: 0.35rem;
+}
+.ficha[data-v-8a10d53d] {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 0.25rem 0.75rem;
+  margin: 0;
+  font-size: 0.875rem;
+}
+.ficha dt[data-v-8a10d53d] {
+  color: #64748b;
+}
+.ficha dd[data-v-8a10d53d] {
+  margin: 0;
+  color: #0f172a;
+}
+.eventos[data-v-8a10d53d] {
+  display: grid;
+  gap: 0.4rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  font-size: 0.8rem;
+}
+/*$vite$:1*/