Una marca, tres pantallas.

Las tres apps beben de --colors-brand-* en packages/ui. Retintar esa escala una vez viste las tres — la misma jugada del postmark/_layout con los 16 correos. El 600 (botones, links, focus) cae exacto en el petroleo #13678A del manual; el 950 es la noche #012030; el 100 es el petroleo-soft #D9EAF2 que ya usan los correos.

25 → 950, interpolada en el mismo matiz. La menta #45C4B0 y el verde #9AEBA3 no entran en la escala: son acentos con rol (éxito, highlights, badges "activo") — igual que en los correos y los PDFs. Cada app conserva su temperamento: el admin trabaja en noche, el consultorio en blanco clínico, el client puede respirar la marca completa.

El manual permite degradados solo entre pares contiguos de la paleta — y en producto la regla se aprieta más: el degradado es una firma, no un relleno. Estos son TODOS los sitios donde puede aparecer; cualquier otro uso es un misuse.

El admin es la única pantalla de Amedi donde alguien pasa ocho horas seguidas. No se diseña para impresionar: se diseña para que la vista aguante toda la jornada. Por eso el sidebar se va al noche —ancla la pantalla y deja que el contenido respire en hueso— y absolutamente todo el dato se lee en Inter, con Parkinsans reservado para títulos y cifras. El restyle aquí es de tokens, no de estructura: el equipo que ya sabe dónde está cada cosa la va a seguir encontrando en el mismo sitio.

Todo el color de esta pantalla trabaja en dos registros: el noche del sidebar, que fija el marco, y el hueso del área de trabajo, que deja que las tarjetas blancas destaquen sin sombra. El degradado aparece exactamente dos veces —el avatar del topbar y la hairline de 3px sobre «citas hoy», el KPI protagonista— y esa escasez es la que lo convierte en señal: donde hay degradado, hay lo que importa. Las cuatro cifras van en Parkinsans 800 para que se lean de reojo desde lejos; el resto de la tabla, incluidos los pills de estado, en Inter a 12,5px porque son datos que se comparan, no titulares.

En la ficha el protagonista es la persona, así que el único degradado es su avatar: no hace falta una hairline compitiendo con él. Los tabs se subrayan en petróleo de 2px y se escriben tal cual se leen —Resumen, Citas, Documentos, Reseñas—, sin mayúsculas forzadas; los labels de cada campo van en minúscula y en muted para que el ojo caiga directo en el valor.

El admin se administra una vez al día; el consultorio se habita. Es el escritorio del doctor y de su secretaria: ocho horas de pacientes reales, uno detrás de otro. Por eso aquí la marca baja el tono y sube la calma clínica — mucho blanco, el noche como tinta (nunca como fondo), el petroleo reservado para la acción y el menta solo cuando algo está pasando ahora. A diferencia del admin, el sidebar del consultorio es luminoso: quien vive en una pantalla no necesita un panel oscuro mirándolo todo el día.

El único degradado de la pantalla es la hairline de 3px sobre la cita en curso — petroleo → menta → verde, tres milímetros de marca que dicen "esto está pasando ahora" sin pintar la tarjeta entera. Todo lo demás es jerarquía sobria: la hora en Inter tabular para que la columna cuadre, el nombre del paciente en semibold sobre noche, el motivo en muted, y un solo botón petroleo en toda la vista. El sidebar cambia de rótulos gritados a minúscula, y "Mis Pacientes" pasa a Mis pacientes.

La secretaria ordena el día con las cinco columnas que ya existen en el código — por_confirmar → confirmada → en_sala → en_consulta → cerradas — y el paciente cruza la pantalla de izquierda a derecha. Lo que cambia es de dónde sale el color: hoy los puntos de columna son ámbar, azul y violeta de Tailwind; en la propuesta cada estado toma su tono de la paleta y el peso del color sube con la urgencia (papel → petroleo-soft → menta-soft → petroleo pleno → gris cerrado). Aquí no hay degradado: en un tablero no hay una sola cita protagonista. El color es estado, nunca decoración.

El client es la cara pública: la misma app sostiene la landing de marketing, el buscador de profesionales y la carpeta médica del paciente. Es la única de las tres donde la marca puede respirar más — y por eso es también la única donde un fondo noche con glow menta está permitido, y solo en el hero. Del scroll hacia abajo, y en cada pantalla interna, manda el mismo blanco clínico del consultorio: la marca recibe, el producto trabaja.

El glow es una sola capa radial anclada arriba a la derecha, al 22% de opacidad: se lee como luz, no como degradado de plantilla. Puede vivir aquí porque el hero no es una pantalla de trabajo — nadie lee una tabla ni llena un formulario encima de él; dura un scroll y su trabajo es que la marca se reconozca. En cambio la búsqueda, la reserva y la carpeta se usan con prisa, muchas veces desde el teléfono y en una sala de espera: ahí el fondo vuelve a blanco, el texto a --ink-soft y la noche queda reducida a los titulares. Una excepción documentada, con frontera clara — donde termina el hero, termina el permiso.

Pantalla interna: blanco, hueso y una sola acción en petroleo por bloque. Los cupos usan el petroleo-soft #D9EAF2 como estado disponible y el petroleo sólido como elegido — el mismo par que ya viven los correos, así que la hora seleccionada se lee sin leyenda. Los degradados están racionados a dos: el anillo del avatar (sagrado, marca al humano) y una sola hairline de 3px sobre el panel de cupos, que es el protagonista de esta pantalla. La estrella del rating usa el verde de acento con filo menta, no el amarillo genérico de los marketplaces.

La carpeta es un documento, no un tablero: fondo blanco, filas del mismo peso y la fecha en tnum para que la columna cuadre al escanearla. Lo único que rompe la igualdad es la hairline de 3px sobre el récipe más reciente — es lo que el paciente viene a buscar cuando abre la app en la farmacia. El isotipo aparece en --line, tamaño 26: firma de que el documento es de Amedi, sin competir con el contenido. Un degradado en toda la pantalla, y está donde importa.

El paciente agenda desde la cama y la secretaria revisa desde el pasillo. Las tres apps ya tienen sus navbars móviles en packages/ui — el restyle los viste con la misma ley: la sidebar noche del admin se vuelve tabs noche abajo, el consultorio conserva su claridad clínica, y el client lleva la marca al bolsillo. Mismos tokens, cero markup nuevo.

Las reglas móviles: los breakpoints existentes se respetan (nada breaking — los navbars móviles ya existen en packages/ui, solo cambian de piel); el tab activo se marca con el punto menta (el rail de la sidebar traducido al pulgar); los CTA pasan a ancho completo con mínimo 44px de alto; y la hairline del protagonista viaja igual — en el teléfono señala la próxima cita, no un KPI. El board de la secretaria es la excepción honesta: vive en desktop/tablet; en el teléfono colapsa a una lista con los mismos chips de estado.

Auditoría pura y dura antes de tocar código: la promesa de la fase 1 —"un archivo re-viste todo"— tiene un asterisco medido. 195 archivos usan clases Tailwind crudas (text-emerald-700 ×111, bg-emerald-50 ×71, text-green-600 ×40…) que no beben de los tokens: tras el retinte quedarían en esmeralda, chocando contra el petroleo nuevo. El epicentro es el consultorio (132 archivos); el client tiene 43, packages/ui 16 y el admin apenas 4 — el panel es el más disciplinado, la app del doctor la que más revisión pide.