---
config:
  theme: base
  look: classic
  themeVariables:
    darkMode: true
    background: '#11181e'
    fontFamily: 'IBM Plex Sans, Arial, sans-serif'
    fontSize: '20px'
    primaryColor: '#172127'
    primaryTextColor: '#edf3f5'
    primaryBorderColor: '#536b77'
    lineColor: '#8bf4c7'
    edgeLabelBackground: '#11181e'
  flowchart:
    htmlLabels: false
    curve: linear
    nodeSpacing: 30
    rankSpacing: 35
    padding: 18
---
flowchart TD
    A["Receive order"] --> B{"All items in stock?"}
    B -->|No| C["Contact customer"]
    C --> D["Finish this process"]
    B -->|Yes| E["Reserve items"]
    E --> F["Notify customer: ready"]
    F --> G["Check order reference at collection"]
    G --> H["Hand over items and close order"]

    classDef action fill:#172127,stroke:#536b77,color:#edf3f5,stroke-width:1.5px,rx:10px,ry:10px
    classDef decision fill:#153c30,stroke:#8bf4c7,color:#edf3f5,stroke-width:2px
    classDef stop fill:#372d22,stroke:#e6b980,color:#f7dfc1,stroke-width:1.5px,rx:10px,ry:10px
    classDef done fill:#8bf4c7,stroke:#8bf4c7,color:#0c1014,stroke-width:1.5px,rx:10px,ry:10px
    class A,C,E,F,G action
    class B decision
    class D stop
    class H done