%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#EFF1EA','primaryTextColor':'#1B2119','primaryBorderColor':'#D9DEd2','lineColor':'#8B9382','fontFamily':'Helvetica, Arial, sans-serif','fontSize':'14px','clusterBkg':'#F7F8F3','clusterBorder':'#D9DEd2'}}}%%
flowchart TD
  subgraph SITE["TIENDA ONLINE"]
    A[Cliente hace el pedido]
  end

  subgraph ROLV["ROL · VENDEDOR"]
    B{Estado del pago}
    C[En espera de pago]
    D[Revisar datos y stock]
    F[Cancelado]
    E[Procesando
pago aprobado]
  end

  subgraph ROLP["ROL · PREPARACIÓN"]
    G[A preparar]
    H[Separar productos del stock]
    I{¿Hay stock
suficiente?}
    J[Faltante de stock
pasa al día siguiente]
    K[Armar caja]
    L[Imprimir y pegar etiqueta]
    M[Listo para enviar]
    N{¿Andreani
retiró hoy?}
    O[Pendiente de retiro
pasa al día siguiente]
  end

  subgraph ROLG["ROL · GERENCIA"]
    P[Enviado]
    Q[Pedido completado]
    R[Reporte mensual por estado]
  end

  A --> B
  B -->|Pendiente| C --> B
  B -->|Aprobado| D
  D -->|Datos o stock inválido| F
  D -->|OK| E
  E --> G
  G --> H --> I
  I -->|No| J --> H
  I -->|Sí| K --> L --> M
  M --> N
  N -->|No| O --> N
  N -->|Sí| P --> Q
  F --> R
  Q --> R

  classDef progress fill:#E8600C,color:#fff,stroke:#c94f08,stroke-width:1px;
  classDef good fill:#227A50,color:#fff,stroke:#1a5f3e,stroke-width:1px;
  classDef warn fill:#A66A08,color:#fff,stroke:#8a5606,stroke-width:1px;
  classDef critical fill:#B23324,color:#fff,stroke:#8f281c,stroke-width:1px;
  classDef neutral fill:#F7F8F3,color:#1B2119,stroke:#D9DEd2,stroke-width:1px;

  class A,B,D,N,I neutral;
  class C,J,O warn;
  class E,G,H,K,L,M progress;
  class F critical;
  class P,Q,R good;