• Checkbox maestro: debe ocupar siempre la primera columna y seleccionar o deseleccionar únicamente los registros visibles de la página actual. Su estado intermedio indica una selección parcial.
• Ordenamiento: los encabezados ordenables deben mostrar ↕ sin orden activo, ↑ en ascendente y ↓ en descendente; al cambiar el orden se vuelve a la página 1. Cuando una sección contenga varios bloques tabulares, cada bloque debe ordenar sus propias columnas de forma independiente.
• Paginación: toda tabla debe incluir selector de 5, 10, 15, 30, 50 y 100 registros, rango visible, páginas numeradas y botones anterior/siguiente.
• Cinta inferior fija de paginación: en toda sección con listado o tabla paginada, la cinta de paginación debe permanecer anclada al footer de la sección e independiente del desplazamiento del contenido. Debe conservar el mismo formato estructural y visual de Leads, Recordatorios y Cierres: selector de filas, rango visible y navegación por páginas siempre accesibles.
• Densidad: encabezado fijo de 42 px, filas compactas de 39 px y columnas ajustadas al contenido, sin espacios innecesarios.
• Ajuste de títulos: los títulos extensos admiten hasta dos líneas dentro de los mismos 42 px. Las columnas se dimensionan por sus datos reales y no por la longitud del encabezado; el indicador de ordenamiento permanece alineado.
• Separación del encabezado: la línea entre los títulos y el contenido debe conservar el mismo grosor visual de 2 px y el mismo color de Cierres, compensando las diferencias técnicas entre tablas y grillas.
• Contenedores tabulares: deben usar esquinas rectas, comenzar sin margen superior innecesario y mostrar una sola línea de cierre inferior; el borde de la última fila nunca debe duplicar el borde del contenedor.

• Margen exterior universal: las vistas y secciones deben conservar 15 px de separación superior, inferior y en ambos laterales. Ningún lado puede utilizar un margen distinto sin una excepción funcional documentada.
• Filtros, búsqueda y acciones principales deben compartir la misma línea siempre que el ancho lo permita.
• Orden de filtros y búsqueda: cuando un header combine filtros y buscador, los filtros deben ubicarse siempre a la izquierda del buscador. Los contadores o resúmenes que ya estén presentes en el footer no deben duplicarse en el header.
• Todos los controles del top deben mantener un gap uniforme de 10 px.
• El buscador debe ceder ancho antes de comprimir o desalinear botones y filtros.
• La acción principal se ubica al extremo derecho y utiliza el color de acción de la familia visual activa: dorado institucional en Century y azul #0055DD en Rocket.
• Botones principales: todos los botones de alta, creación, registro o guardado —incluidos Nuevo, Cargar, Crear cuenta y equivalentes— deben respetar el color de acción del tema, incluidos sus estados hover, activo y foco. Los colores semánticos —Gold, éxito, alerta y peligro— no deben alterarse por este cambio de branding.
• Títulos de sidebar: todos los paneles laterales y menús flotantes deben usar exactamente el mismo tamaño, peso, color y espaciado para su título, sin estilos particulares por sección.
• Separación universal de sidebars: todo panel lateral secundario debe conservar exactamente 6 px CSS de separación respecto de la barra principal, tanto expandida como colapsada. Esta es la medida institucional tomada del panel Ayuda de V3.207; sus etiquetas internas nunca deben ocultarse por el estado de la barra principal.
• Menú Broker persistente: mientras la ruta activa pertenezca al Menú Broker, su submenú debe permanecer abierto aunque el usuario interactúe con el contenido del módulo. Sólo se contrae al cambiar a una sección ajena al Broker o al cerrarlo manualmente desde su propio botón.

• Rocket: es la identidad visual predeterminada de ROCKET CRM y se utiliza en modo claro cuando el usuario todavía no eligió una preferencia personalizada.
• Dark Rocket: es la variante oscura oficial de la familia ROCKET, con superficies azul-negro, textos claros y el azul de marca #0055DD como color principal de navegación y acción.
• Century: reemplaza visualmente al anterior tema Moderno. Mantiene sus superficies claras y su sidebar neutro; utiliza #AE8A47 como dorado de énfasis únicamente en los controles definidos para esta familia.
• Dark Century: conserva íntegramente las superficies oscuras y la sidebar oscura del anterior Moderno oscuro; utiliza #AE8A47 sólo como dorado de énfasis en los controles definidos.
• Disponibilidad: Century, Dark Century, Rocket y Dark Rocket pueden ser seleccionados por todos los usuarios autenticados desde Ajustes → Temas.
• Preferencia individual: la elección se sincroniza con el perfil del usuario en Supabase y también se conserva como caché local para acelerar el primer render. De esta forma, el tema acompaña a la cuenta entre navegadores y dispositivos.
• Compatibilidad: Century y Dark Century reutilizan internamente la preferencia histórica de Moderno claro/oscuro, evitando una migración de datos y preservando las elecciones existentes.
• Aislamiento visual: las familias Century y ROCKET mantienen reglas separadas para evitar regresiones cruzadas.
• Paleta Rocket: el azul funcional y los botones principales utilizan #0055DD; los colores semánticos —éxito, alerta, peligro y categorías comerciales— mantienen su significado propio.
• Favicon e isotipo: utilizan los recursos de marca existentes para Century y ROCKET, compartidos por las pantallas públicas, la carga inicial y el sidebar según corresponda.

• Formato vertical prioritario: las piezas gráficas principales del CRM —especialmente contenido para feed— se consideran verticales por defecto.
• Vista inicial completa: todo visor debe mostrar la imagen completa dentro del área visible mediante ajuste proporcional tipo object-fit: contain, sin recortar contenido vertical. El zoom puede ampliar posteriormente, pero el estado inicial siempre debe conservar la pieza entera.

• Tarjetas paralelas: cuando dos o más tarjetas compartan una fila, deben terminar a la misma altura y utilizar iguales márgenes, rellenos, bordes y radios.
• Guías horizontales: títulos, etiquetas, campos y acciones equivalentes deben coincidir sobre las mismas líneas visuales. La distribución debe resolverse mediante una grilla común y no mediante separaciones aproximadas.
• Densidad uniforme: ningún bloque puede agrandar controles o espacios sólo para completar altura; la simetría se obtiene distribuyendo correctamente el espacio disponible.
• Adaptación: en escritorio prevalece la alineación precisa. En pantallas pequeñas las tarjetas pueden apilarse, preservando sus márgenes y jerarquía visual.
• Aplicación obligatoria: esta regla rige para toda sección o ventana nueva porque la consistencia, precisión y terminación profesional forman parte del valor comercial del CRM.

• Century / Dark Century: conservan el borde dorado institucional definido para los avisos breves de la esquina inferior derecha.
• Rocket · regla universal: todos los avisos breves utilizan borde azul #0055DD y acento lateral azul, independientemente de su tipo; el color del texto puede conservar la semántica de éxito, error o advertencia.
• Rocket · funcionalidades pendientes: únicamente los avisos que comunican una sección o función todavía pendiente de implementación utilizan además relleno celeste #EAF1FF.
• Rocket · resto de avisos: éxitos, errores, selecciones, recordatorios y mensajes operativos mantienen superficie neutra, sin relleno celeste.
• Contraste: todos los avisos deben incorporar una sombra suficiente para separarse visualmente del contenido tanto en modo claro como oscuro.

Ninguna ventana puede cerrarse al pulsar, seleccionar texto o arrastrar el cursor fuera de ella. Sólo puede cerrarse mediante su X, el botón Cancelar o la tecla Escape, evitando la pérdida accidental de datos en proceso de carga.

• Asesor independiente: dispone únicamente del módulo CRM y sólo puede acceder a los datos que él mismo genera.
• Asesor de oficina: dispone únicamente del módulo CRM y gestiona sus propios datos; esos datos quedan asociados automáticamente a su oficina.
• Broker o Admin de oficina: puede consultar el consolidado del módulo Broker de todos los asesores de su misma oficina. Una oficina puede tener varios Brokers y Admins.
• Aislamiento obligatorio: ningún usuario, Broker ni Admin puede acceder a datos pertenecientes a otra oficina. La protección se aplica en la base de datos y no depende de ocultar botones en la interfaz.
• Alta activa: una cuenta queda utilizable después de completar los pasos 1 y 2 y confirmar el correo. Google se considera un correo ya verificado.

Las categorías y estados se representan con recuadros compactos, borde suave y relleno translúcido, siguiendo la misma forma visual de Cierres.