/* 15A-T11 - ApuApprovalStepper (anexo 15A, dato 1 y 4.1; apuweb-design-system.css l.130-138). Componente de SOLO LECTURA, acotado a .apu-approval-stepper
   para no chocar con .apu-steps / .apu-step-btn del stepper de acciones legacy. Usa las variables --apu-* del tema.
   Contraste: done/current = blanco sobre --apu-green (AA). todo e is-disabled quedan EXACTAMENTE como fija el anexo 4.1 (4,28:1 y 2,13:1): su correccion es del
   sistema de diseno (anexo 10.3), no de este componente. Estado no solo por color: glifo (check frente a numero) y texto accesible oculto por paso. */
.apu-approval-stepper { background: var(--apu-white, #FFFFFF); border: 1px solid var(--apu-n200, #E2DED7); border-radius: var(--apu-r-alert, 8px); padding: 14px 16px; margin: 0 0 14px; }
.apu-approval-stepper[hidden] { display: none; }
.apu-approval-stepper .apu-approval-stepper-title { margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--apu-black, #1A1A1A); }
.apu-approval-stepper .apu-approval-stepper-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.apu-approval-stepper .apu-step { display: inline-flex; align-items: center; gap: 8px; background: var(--apu-black, #1A1A1A); color: var(--apu-white, #fff); border-radius: var(--apu-r-pill, 9999px); padding: 9px 16px; font-size: 13px; font-weight: 600; position: relative; }
.apu-approval-stepper .apu-step .n { width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 255, 255, .18); display: grid; place-items: center; font-family: 'DM Mono', monospace; font-variant-numeric: tabular-nums; font-size: 12px; }
.apu-approval-stepper .apu-step.done { background: var(--apu-green, #1B5E20); }
.apu-approval-stepper .apu-step.done .n { background: rgba(255, 255, 255, .25); }
.apu-approval-stepper .apu-step.current { background: var(--apu-green, #1B5E20); box-shadow: 0 0 0 3px var(--apu-green-50, #E8F5E9); }
.apu-approval-stepper .apu-step.todo { background: var(--apu-n200, #E2DED7); color: var(--apu-n500, #6B6560); }
.apu-approval-stepper .apu-step.todo .n { background: var(--apu-n300, #C8C3BA); color: var(--apu-white, #fff); }
.apu-approval-stepper .apu-step.is-disabled { background: var(--apu-n200, #E2DED7); color: var(--apu-n400, #9E9890); }
/* Texto solo para tecnologias de asistencia (no depender solo del color). */
.apu-approval-stepper .apu-approval-stepper-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }