/* ============================================================================= COMERCIALES — identidad visual. Scope .cm-ui, colgado de core/tokens.css. ============================================================================= El módulo del vendedor de calle (rol 9). Nace en identidad nueva —regla 11 del runbook: cero confirm/alert/prompt, la espera por .gs-spin/.gs-sk. EL TRATAMIENTO — «CAPAS CON ACENTO», elegido por Hernán el 06/08/2026 (ronda 3 de mockups de la etapa 3, opción B). Son DOS apartamientos sobre core/tokens.css, y están abajo con su porqué. El resto del módulo se alineó al mismo dialecto cuando se construyó la etapa 3: Mis Pedidos nació plano en la etapa 2 y dos dialectos adentro del mismo módulo no pueden convivir. El acento NO es semántico: azure nunca significa «bien» ni «mal». El color que SÍ significa —la mora, el estado de cada parte de un pedido— sigue siendo el de los tokens (ok / warn / crit / navy). TODO selector de este archivo va bajo `.cm-ui`. Una regla suelta llamada `.card` o `.risk` rompería los módulos que siguen en Tailwind. La base tipográfica, `.hidden` y `.tnum` NO se declaran acá: viven en las tres listas agrupadas de core/tokens.css, donde `.cm-ui` está nombrado junto a los otros scopes. Si una pantalla de este módulo sale con la Inter del en vez de Segoe UI, lo primero que hay que mirar es esas listas. RESPONSIVE DE VERDAD (§3.2 del runbook): el mismo HTML se monta en `#page-cm-*` (escritorio) y en `#mobile-data-container` (celular). Por eso acá no hay anchos fijos ni media queries de estructura: la columna se acota con max-width y respira sola en cualquier contenedor. ========================================================================== */ /* ── LOS DOS APARTAMIENTOS ──────────────────────────────────────────────────── Todo lo demás sale de core/tokens.css. Agregar un token acá es declarar que este módulo se ve distinto en eso: si no hay un motivo, va a tokens.css. */ .cm-ui { /* 1. Acento interactivo. Navy queda para la ESTRUCTURA (la franja de estado, los títulos, la cabecera de la ficha); azure para lo que se TOCA: la pestaña activa, el chip activo, el foco, la fila del desplegable. Es el mismo azure del ABM, a propósito: el comercial no ve el ABM, pero quien mantiene los dos archivos sí. */ --azure: #1668c4; --azure-700: #1259ab; --azure-050: #eaf2fd; /* 2. Lienzo más oscuro que el de los otros módulos (#f1f2f5). El tratamiento apoya la jerarquía en la ELEVACIÓN —la cabecera del pedido en el plano 1, el buscador y el carrito en el 2— y una tarjeta blanca no despega de un fondo casi blanco. */ --canvas: #e6ebf3; } /* LA MISMA TRAMPA DEL §7 DEL MANUAL, PERO CON EL ATRIBUTO. `.hidden` (la clase) ya está resuelta en core/tokens.css para los cuatro scopes. `hidden` (el atributo) NO: el navegador lo declara en su hoja de USUARIO-AGENTE, y cualquier `display` escrito por nosotros le gana sin pelear. O sea que `