Pantalla Native Kanban

Objetivo

Replicar el flujo de kanban web en móvil con la misma semántica visual (columnas, prioridades, cards y creación de oportunidad), ajustando densidad y tamaño táctil.

Estructura visual

• Shell compartido (MobileTopBar, MobileDrawer, MobileBottomNav).
• Search principal (h-16).
• Título Kanban + acción de filtros lateral.
• Dropdown de vendedor.
• Columnas horizontales con secciones de prioridad (Alta, Media, Baja).
• Cards de oportunidad con metadatos compactos y CTA + por columna.

Flujo de creación

• El botón + de cada columna navega a /kanban/nueva-oportunidad con stage preseleccionado.
• La pantalla de nueva oportunidad mantiene layout por bloques:
  • Resumen
  • Detalle de Oportunidad
  • Programar Seguimiento
  • Bloques de unificación/asociación
  • Acción Descartar

Filtros y drag

• El botón de filtros abre un drawer lateral derecho full-height con secciones colapsables:
  • Prioridad
  • Por vencimiento
  • Por seguimiento
  • Por fecha de evento
• Cada sección usa checkboxes por opción y aplica filtrado en runtime sobre las cards visibles.
• Las oportunidades soportan drag por long-press para moverlas entre columnas.
• Durante drag se resalta la columna objetivo y al soltar se actualiza stageId de la oportunidad.

Reglas de consistencia

• Módulo usa baseline mobile: título 19, títulos de bloque 16, labels 14, texto helper 12.
• Columna y Prioridad se renderizan en filas separadas (no combinadas).
• Tipo de evento se renderiza como fila de dos columnas (label izquierda, input derecha).
• Search y contenedor principal deben usar tokens de UI_IDENTITY.