---
title: "Ardenne BioLogistics - Cold Chain Control, Facility NL-02"
platform: web
slug: ardenne-biologistics-cold-chain-control-facility-nl-02
screens: ["control-panel"]
domains: ["logistics"]
style: null
fonts: ["Geist", "JetBrains Mono"]
roles: ["top-navigation-bar", "tab-bar", "badge", "avatar", "button", "card", "divider", "segmented-control", "toolbar"]
score: {clean: 100, consistent: 85, accessible: 76, comprehensible: 20}
url: https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02
raw: https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02/design.guix
download: https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02.gui
---

# Ardenne BioLogistics - Cold Chain Control, Facility NL-02

A dark instrument-panel cold-chain control room for a pharmaceutical cold-storage facility, where a night-shift operator monitors six refrigerated zones, responds to an ultra-low freezer temperature excursion, and adjusts setpoints and compressors.

- **Live preview:** https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02
- **Raw source:** https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02/design.guix
- **Download (.gui):** https://gui.farm/web/ardenne-biologistics-cold-chain-control-facility-nl-02.gui

## Source (design.guix)

```xml
<gui version="0.2" name="Ardenne BioLogistics - Cold Chain Control, Facility NL-02">
  <tokens>
    <color name="bg" value="#0B0E12" />
    <color name="panel" value="#12161C" />
    <color name="panel-2" value="#171C24" />
    <color name="inset" value="#0E1217" />
    <color name="line" value="#232A33" />
    <color name="line-strong" value="#313B47" />
    <color name="ink" value="#EAF0F6" />
    <color name="body" value="#AEB9C6" />
    <color name="muted" value="#8A94A1" />
    <color name="faint" value="#6B7480" />
    <color name="accent" value="#4DA3FF" />
    <color name="accent-strong" value="#2E86E6" />
    <color name="accent-dim" value="#123049" />
    <color name="accent-ink" value="#041220" />
    <color name="warn" value="#F4A93C" />
    <color name="warn-dim" value="#33260F" />
    <color name="crit" value="#FF6157" />
    <color name="crit-dim" value="#38150F" />
    <color name="crit-ink" value="#240806" />
    <number name="r-sm" value="6" />
    <number name="r-md" value="10" />
    <number name="r-lg" value="14" />
    <number name="r-pill" value="999" />
  </tokens>
  <fonts>
    <font family="Geist" source="google" weights="400 500 600 700" styles="normal" />
    <font family="JetBrains Mono" source="google" weights="400 500 600 700" styles="normal" />
  </fonts>
  <styles>
    <text-style name="Word" font-family="Geist" font-size="17" font-weight="700" line-height="20" letter-spacing="0.4" />
    <text-style name="H" font-family="Geist" font-size="15" font-weight="600" line-height="20" letter-spacing="-0.1" />
    <text-style name="H2" font-family="Geist" font-size="13" font-weight="600" line-height="17" />
    <text-style name="Small" font-family="Geist" font-size="12" font-weight="500" line-height="16" />
    <text-style name="Btn" font-family="Geist" font-size="12" font-weight="600" line-height="16" letter-spacing="0.2" />
    <text-style name="Tiny" font-family="Geist" font-size="10" font-weight="700" line-height="13" letter-spacing="0.9" />
    <text-style name="Mono" font-family="JetBrains Mono" font-size="12" font-weight="500" line-height="16" />
    <text-style name="MonoS" font-family="JetBrains Mono" font-size="10" font-weight="500" line-height="14" letter-spacing="0.2" />
    <text-style name="Num" font-family="JetBrains Mono" font-size="13" font-weight="600" line-height="17" />
    <text-style name="BigNum" font-family="JetBrains Mono" font-size="22" font-weight="600" line-height="26" letter-spacing="-0.5" />
    <text-style name="Metric" font-family="JetBrains Mono" font-size="23" font-weight="600" line-height="28" letter-spacing="-0.5" />
    <text-style name="Hero" font-family="JetBrains Mono" font-size="46" font-weight="600" line-height="50" letter-spacing="-1.5" />
  </styles>
  <col w="1440" fill="$bg">
    <!-- ================= MASTHEAD ================= -->
    <row w="1440" h="56" p="0 28" gap="18" align="middle-left" fill="$panel" border="0 0 1 0 $line-strong" role="top-navigation-bar">
      <row gap="11" align="middle-left">
        <col w="30" h="30" radius="$r-md" fill="$accent-strong" align="middle-center">
          <img src="https://api.iconify.design/lucide/snowflake.svg?color=%23041220" w="18" h="18" />
        </col>
        <text text-style="Word" value="ARDENNE" color="$ink" />
        <row p="2 7" radius="$r-sm" fill="$panel-2" border="1 $line" align="middle-center">
          <text text-style="Tiny" value="COLD-CHAIN SCADA" color="$muted" />
        </row>
      </row>
      <row w="fill" gap="4" align="middle-left" role="tab-bar">
        <row h="30" p="0 14" fill="$panel-2" border="0 0 2 0 $accent" align="middle-center">
          <text text-style="Mono" value="ZONES" color="$ink" />
        </row>
        <row h="30" p="0 14" align="middle-center">
          <text text-style="Mono" value="ALARMS" color="$muted" />
        </row>
        <row h="30" p="0 14" align="middle-center">
          <text text-style="Mono" value="TRENDS" color="$muted" />
        </row>
        <row h="30" p="0 14" align="middle-center">
          <text text-style="Mono" value="INVENTORY" color="$muted" />
        </row>
        <row h="30" p="0 14" align="middle-center">
          <text text-style="Mono" value="AUDIT" color="$muted" />
        </row>
      </row>
      <row gap="12" align="middle-right">
        <text text-style="Mono" value="03:14:52 CET" color="$body" />
        <row p="5 10" gap="7" radius="$r-pill" fill="$crit-dim" border="1 $crit" align="middle-center" role="badge">
          <ellipse w="7" h="7" fill="$crit" />
          <text text-style="Tiny" value="1 ACTIVE ALARM" color="$crit" />
        </row>
        <col w="32" h="32" radius="$r-md" fill="$panel-2" border="1 $line-strong" align="middle-center" role="avatar">
          <text text-style="Num" value="RK" color="$accent" />
        </col>
      </row>
    </row>
    <!-- ================= CRITICAL ALARM RIBBON ================= -->
    <row w="1440" h="46" p="0 28" gap="14" align="middle-left" fill="$crit-dim" border="0 0 1 0 $crit">
      <img src="https://api.iconify.design/lucide/triangle-alert.svg?color=%23FF6157" w="18" h="18" />
      <text text-style="H" value="EXCURSION" color="$crit" />
      <rect w="1" h="18" fill="$crit" />
      <text text-style="Small" value="Zone C3 - Ultra-Low -70.0C - reading -58.4C, 1.6C above the -60C ceiling for 6m 40s" color="$ink" />
      <row w="fill" gap="8" align="middle-right">
        <row h="30" p="0 12" radius="$r-md" fill="$crit" align="middle-center" role="button">
          <text text-style="Btn" value="ACKNOWLEDGE" color="$crit-ink" />
        </row>
        <row h="30" p="0 11" gap="6" radius="$r-md" fill="$crit-dim" border="1 $crit" align="middle-center" role="button">
          <img src="https://api.iconify.design/lucide/bell-off.svg?color=%23FF6157" w="14" h="14" />
          <text text-style="Btn" value="MUTE 15M" color="$crit" />
        </row>
        <row h="30" p="0 12" radius="$r-md" border="1 $line-strong" align="middle-center" role="button">
          <text text-style="Btn" value="OPEN ZONE" color="$body" />
        </row>
      </row>
    </row>
    <!-- ================= BODY ================= -->
    <row w="1440" p="20 28" gap="20" align="top-left">
      <!-- ============ MAIN ============ -->
      <col w="936" gap="18">
        <!-- HERO selected zone C3 -->
        <col w="936" fill="$panel" border="1 $line-strong" radius="$r-lg" role="card">
          <appearance>
            <fill type="color" value="#12161C" />
            <effect type="drop-shadow" x="0" y="2" radius="0" spread="0" color="#05070A" />
          </appearance>
          <!-- header -->
          <row w="936" p="16 20 14 20" gap="12" align="middle-left" border="0 0 1 0 $line">
            <col w="40" h="40" radius="$r-md" fill="$inset" border="1 $line-strong" align="middle-center">
              <text text-style="Num" value="C3" color="$accent" />
            </col>
            <col gap="3" align="middle-left">
              <row gap="8" align="middle-left">
                <text text-style="H" value="Ultra-Low Freezer" color="$ink" />
                <row p="2 7" radius="$r-sm" fill="$panel-2" border="1 $line" align="middle-center">
                  <text text-style="Tiny" value="BAY C" color="$muted" />
                </row>
              </row>
              <text text-style="Small" value="mRNA drug substance - 3 lots - 24J117A / 24J118 / 24K002" color="$muted" />
            </col>
            <col w="fill" gap="5" align="middle-right">
              <row p="4 10" gap="6" radius="$r-pill" fill="$crit-dim" border="1 $crit" align="middle-center" role="badge">
                <ellipse w="7" h="7" fill="$crit" />
                <text text-style="Tiny" value="EXCURSION" color="$crit" />
              </row>
              <text text-style="MonoS" value="raised 03:08:12" color="$muted" align="right" />
            </col>
          </row>
          <!-- body -->
          <row w="936" p="16 20" gap="24" align="top-left">
            <!-- left readout -->
            <col w="300" gap="14">
              <col gap="5">
                <text text-style="Tiny" value="LIVE TEMPERATURE" color="$muted" />
                <text text-style="Hero" value="-58.4°C" color="$crit" />
                <row gap="8" align="middle-left">
                  <text text-style="Small" value="SET -70.0°C" color="$body" />
                  <text text-style="Small" value="CEIL -60.0°C" color="$muted" />
                  <row p="2 8" radius="$r-sm" fill="$crit-dim" border="1 $crit" align="middle-center">
                    <text text-style="Num" value="+11.6 vs set" color="$crit" />
                  </row>
                </row>
              </col>
              <line w="300" fill="$line" thickness="1" role="divider" />
              <col w="300" gap="11">
                <row w="300" gap="10" align="middle-left">
                  <img src="https://api.iconify.design/lucide/droplets.svg?color=%238A94A1" w="14" h="14" />
                  <text w="fill" text-style="Small" value="Humidity" color="$body" />
                  <text text-style="Num" value="28% RH" color="$ink" align="right" />
                </row>
                <row w="300" gap="10" align="middle-left">
                  <img src="https://api.iconify.design/lucide/door-open.svg?color=%23F4A93C" w="14" h="14" />
                  <text w="fill" text-style="Small" value="Door seal" color="$body" />
                  <text text-style="Num" value="AJAR 96s" color="$warn" align="right" />
                </row>
                <row w="300" gap="10" align="middle-left">
                  <img src="https://api.iconify.design/lucide/power.svg?color=%23FF6157" w="14" h="14" />
                  <text w="fill" text-style="Small" value="Compressor A" color="$body" />
                  <text text-style="Num" value="FAULT" color="$crit" align="right" />
                </row>
                <row w="300" gap="10" align="middle-left">
                  <img src="https://api.iconify.design/lucide/activity.svg?color=%234DA3FF" w="14" h="14" />
                  <text w="fill" text-style="Small" value="Standby loop" color="$body" />
                  <text text-style="Num" value="ENGAGED" color="$accent" align="right" />
                </row>
              </col>
            </col>
            <!-- right: trend + setpoint band -->
            <col w="572" gap="12">
              <row w="572" align="middle-left">
                <text w="fill" text-style="Tiny" value="TEMPERATURE - LAST 24H" color="$muted" />
                <text text-style="MonoS" value="probe C3-01 - 1 min avg" color="$muted" align="right" />
              </row>
              <img w="572" h="150" src="https://gui.farm/tools/charts/line-chart.svg?data=0:-70.2,1:-70.0,2:-70.3,3:-69.8,4:-70.1,5:-70.4,6:-70.0,7:-69.9,8:-70.2,9:-70.1,10:-70.3,11:-70.0,12:-69.7,13:-70.1,14:-70.2,15:-70.0,16:-69.9,17:-70.1,18:-69.6,19:-68.9,20:-66.7,21:-63.8,22:-61.0,23:-58.4&amp;line=%23F4A93C&amp;surface=dark&amp;curve=smooth&amp;area=on&amp;points=hide&amp;grid=show&amp;xlabels=hide&amp;ylabels=hide&amp;width=1144&amp;height=300" />
              <col w="560" gap="7">
                <frame w="560" h="34" clip="true">
                  <rect x="0" y="14" w="560" h="6" fill="$inset" />
                  <rect x="70" y="13" w="280" h="8" fill="$accent-dim" />
                  <rect x="350" y="13" w="22" h="8" fill="$crit-dim" />
                  <rect x="70" y="9" w="1" h="16" fill="$line-strong" />
                  <rect x="350" y="9" w="1" h="16" fill="$line-strong" />
                  <rect x="210" y="11" w="1" h="12" fill="$muted" />
                  <rect x="371" y="8" w="3" h="18" fill="$crit" />
                </frame>
                <row w="560" align="middle-left">
                  <text w="186" text-style="MonoS" value="FLOOR -80" color="$muted" />
                  <text w="188" text-style="MonoS" value="SET -70" color="$accent" align="center" />
                  <text w="186" text-style="MonoS" value="CEIL -60" color="$muted" align="right" />
                </row>
              </col>
            </col>
          </row>
          <!-- controls -->
          <row w="936" p="14 20 16 20" gap="10" align="middle-left" border="1 0 0 0 $line">
            <row h="40" radius="$r-md" fill="$inset" border="1 $line-strong" align="middle-center">
              <col w="40" h="40" align="middle-center" border="0 1 0 0 $line-strong">
                <img src="https://api.iconify.design/lucide/minus.svg?color=%234DA3FF" w="16" h="16" />
              </col>
              <col w="118" p="0 12" gap="1" align="middle-center">
                <text text-style="Tiny" value="SETPOINT" color="$muted" align="center" />
                <text text-style="Num" value="-70.0°C" color="$ink" align="center" />
              </col>
              <col w="40" h="40" align="middle-center" border="1 0 0 0 $line-strong">
                <img src="https://api.iconify.design/lucide/plus.svg?color=%234DA3FF" w="16" h="16" />
              </col>
            </row>
            <row h="40" p="4" gap="4" radius="$r-md" fill="$inset" border="1 $line-strong" align="middle-center" role="segmented-control">
              <row h="32" p="0 12" radius="$r-sm" fill="$warn-dim" border="1 $warn" align="middle-center">
                <text text-style="Btn" value="STANDBY" color="$warn" />
              </row>
              <row h="32" p="0 12" radius="$r-sm" align="middle-center">
                <text text-style="Btn" value="RUN" color="$muted" />
              </row>
            </row>
            <row h="40" p="0 14" gap="8" radius="$r-md" fill="$inset" border="1 $line-strong" align="middle-center" role="button">
              <img src="https://api.iconify.design/lucide/snowflake.svg?color=%234DA3FF" w="15" h="15" />
              <text text-style="Btn" value="FORCE DEFROST" color="$body" />
            </row>
            <row w="fill" h="40" gap="8" radius="$r-md" fill="$accent" align="middle-center" role="button">
              <img src="https://api.iconify.design/lucide/radio-tower.svg?color=%23041220" w="16" h="16" />
              <text text-style="Btn" value="ACKNOWLEDGE &amp; DISPATCH TECHNICIAN" color="$accent-ink" />
            </row>
          </row>
        </col>
        <!-- OTHER ZONES -->
        <col w="936" fill="$panel" border="1 $line-strong" radius="$r-lg" role="card">
          <row w="936" p="14 20" gap="10" align="middle-left" border="0 0 1 0 $line">
            <text text-style="H" value="Storage Zones" color="$ink" />
            <row p="2 8" radius="$r-sm" fill="$panel-2" border="1 $line" align="middle-center">
              <text text-style="Tiny" value="5 OTHER" color="$muted" />
            </row>
            <text w="fill" text-style="MonoS" value="setpoint window / live reading" color="$muted" align="right" />
          </row>
          <!-- column header -->
          <row w="936" h="30" p="0 20" gap="14" align="middle-left" border="0 0 1 0 $line">
            <text w="250" text-style="Tiny" value="ZONE / CONTENTS" color="$muted" />
            <text w="92" text-style="Tiny" value="ACTUAL" color="$muted" align="right" />
            <text w="220" text-style="Tiny" value="SETPOINT WINDOW" color="$muted" />
            <text w="64" text-style="Tiny" value="RH" color="$muted" align="right" />
            <text w="96" text-style="Tiny" value="COMPRESSOR" color="$muted" />
            <text w="fill" text-style="Tiny" value="30 MIN" color="$muted" align="right" />
          </row>
          <!-- A1 -->
          <row w="936" h="64" p="0 20" gap="14" align="middle-left" border="0 0 1 0 $line">
            <row w="250" gap="10" align="middle-left">
              <col w="34" h="34" radius="$r-sm" fill="$inset" border="1 $line-strong" align="middle-center">
                <text text-style="Num" value="A1" color="$accent" />
              </col>
              <col gap="2" align="middle-left">
                <text text-style="H2" value="Refrigerated 2-8°C" color="$ink" />
                <text text-style="MonoS" value="Influvac Tetra - Lot FN2431" color="$muted" />
              </col>
            </row>
            <text w="92" text-style="BigNum" value="4.6°C" color="$ink" align="right" />
            <frame w="220" h="34" clip="true">
              <rect x="0" y="15" w="220" h="4" fill="$inset" />
              <rect x="44" y="14" w="132" h="6" fill="$accent-dim" />
              <rect x="44" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="176" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="110" y="12" w="1" h="10" fill="$muted" />
              <rect x="100" y="11" w="3" h="12" fill="$accent" />
            </frame>
            <text w="64" text-style="Num" value="42%" color="$body" align="right" />
            <row w="96" p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="RUN" color="$body" />
            </row>
            <img w="104" h="26" src="https://gui.farm/tools/charts/line-chart.svg?data=0:4.4,1:4.7,2:4.5,3:4.6,4:4.8,5:4.5,6:4.6,7:4.6&amp;line=%234DA3FF&amp;curve=smooth&amp;area=off&amp;points=hide&amp;grid=hide&amp;xlabels=hide&amp;ylabels=hide&amp;width=208&amp;height=52" />
          </row>
          <!-- A2 -->
          <row w="936" h="64" p="0 20" gap="14" align="middle-left" border="0 0 1 0 $line">
            <row w="250" gap="10" align="middle-left">
              <col w="34" h="34" radius="$r-sm" fill="$inset" border="1 $line-strong" align="middle-center">
                <text text-style="Num" value="A2" color="$accent" />
              </col>
              <col gap="2" align="middle-left">
                <text text-style="H2" value="Refrigerated 2-8°C" color="$ink" />
                <text text-style="MonoS" value="Insulin glargine - Lot 5528C" color="$muted" />
              </col>
            </row>
            <text w="92" text-style="BigNum" value="5.3°C" color="$ink" align="right" />
            <frame w="220" h="34" clip="true">
              <rect x="0" y="15" w="220" h="4" fill="$inset" />
              <rect x="44" y="14" w="132" h="6" fill="$accent-dim" />
              <rect x="44" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="176" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="110" y="12" w="1" h="10" fill="$muted" />
              <rect x="116" y="11" w="3" h="12" fill="$accent" />
            </frame>
            <text w="64" text-style="Num" value="39%" color="$body" align="right" />
            <row w="96" p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="RUN" color="$body" />
            </row>
            <img w="104" h="26" src="https://gui.farm/tools/charts/line-chart.svg?data=0:5.1,1:5.2,2:5.4,3:5.2,4:5.3,5:5.5,6:5.2,7:5.3&amp;line=%234DA3FF&amp;curve=smooth&amp;area=off&amp;points=hide&amp;grid=hide&amp;xlabels=hide&amp;ylabels=hide&amp;width=208&amp;height=52" />
          </row>
          <!-- B1 -->
          <row w="936" h="64" p="0 20" gap="14" align="middle-left" border="0 0 1 0 $line">
            <row w="250" gap="10" align="middle-left">
              <col w="34" h="34" radius="$r-sm" fill="$inset" border="1 $line-strong" align="middle-center">
                <text text-style="Num" value="B1" color="$accent" />
              </col>
              <col gap="2" align="middle-left">
                <text text-style="H2" value="Frozen -25 to -15°C" color="$ink" />
                <text text-style="MonoS" value="Plasma FFP units - Lot P-1180" color="$muted" />
              </col>
            </row>
            <text w="92" text-style="BigNum" value="-19.2°C" color="$ink" align="right" />
            <frame w="220" h="34" clip="true">
              <rect x="0" y="15" w="220" h="4" fill="$inset" />
              <rect x="55" y="14" w="110" h="6" fill="$accent-dim" />
              <rect x="55" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="165" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="110" y="12" w="1" h="10" fill="$muted" />
              <rect x="117" y="11" w="3" h="12" fill="$accent" />
            </frame>
            <text w="64" text-style="Num" value="35%" color="$body" align="right" />
            <row w="96" p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="RUN" color="$body" />
            </row>
            <img w="104" h="26" src="https://gui.farm/tools/charts/line-chart.svg?data=0:-19.4,1:-19.1,2:-19.3,3:-19.0,4:-19.2,5:-19.4,6:-19.1,7:-19.2&amp;line=%234DA3FF&amp;curve=smooth&amp;area=off&amp;points=hide&amp;grid=hide&amp;xlabels=hide&amp;ylabels=hide&amp;width=208&amp;height=52" />
          </row>
          <!-- B2 -->
          <row w="936" h="64" p="0 20" gap="14" align="middle-left" border="0 0 1 0 $line">
            <row w="250" gap="10" align="middle-left">
              <col w="34" h="34" radius="$r-sm" fill="$inset" border="1 $line-strong" align="middle-center">
                <text text-style="Num" value="B2" color="$accent" />
              </col>
              <col gap="2" align="middle-left">
                <text text-style="H2" value="Frozen -25 to -15°C" color="$ink" />
                <text text-style="MonoS" value="Cryoprecipitate - Lot CR-207" color="$muted" />
              </col>
            </row>
            <text w="92" text-style="BigNum" value="-21.4°C" color="$ink" align="right" />
            <frame w="220" h="34" clip="true">
              <rect x="0" y="15" w="220" h="4" fill="$inset" />
              <rect x="55" y="14" w="110" h="6" fill="$accent-dim" />
              <rect x="55" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="165" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="110" y="12" w="1" h="10" fill="$muted" />
              <rect x="93" y="11" w="3" h="12" fill="$accent" />
            </frame>
            <text w="64" text-style="Num" value="33%" color="$body" align="right" />
            <row w="96" p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="RUN" color="$body" />
            </row>
            <img w="104" h="26" src="https://gui.farm/tools/charts/line-chart.svg?data=0:-21.2,1:-21.5,2:-21.3,3:-21.6,4:-21.4,5:-21.2,6:-21.5,7:-21.4&amp;line=%234DA3FF&amp;curve=smooth&amp;area=off&amp;points=hide&amp;grid=hide&amp;xlabels=hide&amp;ylabels=hide&amp;width=208&amp;height=52" />
          </row>
          <!-- D1 (last, no bottom border) -->
          <row w="936" h="64" p="0 20" gap="14" align="middle-left">
            <row w="250" gap="10" align="middle-left">
              <col w="34" h="34" radius="$r-sm" fill="$inset" border="1 $line-strong" align="middle-center">
                <text text-style="Num" value="D1" color="$accent" />
              </col>
              <col gap="2" align="middle-left">
                <text text-style="H2" value="Controlled Room 15-25°C" color="$ink" />
                <text text-style="MonoS" value="Oral solids - Lot OS-9042" color="$muted" />
              </col>
            </row>
            <text w="92" text-style="BigNum" value="20.7°C" color="$ink" align="right" />
            <frame w="220" h="34" clip="true">
              <rect x="0" y="15" w="220" h="4" fill="$inset" />
              <rect x="55" y="14" w="110" h="6" fill="$accent-dim" />
              <rect x="55" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="165" y="10" w="1" h="14" fill="$line-strong" />
              <rect x="121" y="12" w="1" h="10" fill="$muted" />
              <rect x="117" y="11" w="3" h="12" fill="$accent" />
            </frame>
            <text w="64" text-style="Num" value="45%" color="$body" align="right" />
            <row w="96" p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="HVAC" color="$body" />
            </row>
            <img w="104" h="26" src="https://gui.farm/tools/charts/line-chart.svg?data=0:20.6,1:20.9,2:20.7,3:20.8,4:20.6,5:20.9,6:20.7,7:20.7&amp;line=%234DA3FF&amp;curve=smooth&amp;area=off&amp;points=hide&amp;grid=hide&amp;xlabels=hide&amp;ylabels=hide&amp;width=208&amp;height=52" />
          </row>
        </col>
      </col>
      <!-- ============ RIGHT RAIL ============ -->
      <col w="428" gap="18">
        <!-- facility -->
        <col w="428" fill="$panel" border="1 $line-strong" radius="$r-lg" role="card">
          <col w="428" p="16 18 14 18" gap="10" border="0 0 1 0 $line">
            <row w="392" align="middle-left">
              <text w="fill" text-style="Tiny" value="FACILITY" color="$muted" />
              <text text-style="Tiny" value="NL-02 - VENLO" color="$muted" align="right" />
            </row>
            <row w="392" align="middle-left">
              <text w="fill" text-style="H" value="Ardenne BioLogistics" color="$ink" />
              <row p="3 9" gap="6" radius="$r-pill" fill="$warn-dim" border="1 $warn" align="middle-center">
                <img src="https://api.iconify.design/lucide/triangle-alert.svg?color=%23F4A93C" w="12" h="12" />
                <text text-style="Tiny" value="5 / 6 IN RANGE" color="$warn" />
              </row>
            </row>
          </col>
          <grid w="392" p="14 18" cols="196 196" gap="0">
            <col w="196" p="8 0" gap="3" border="0 0 1 0 $line">
              <text text-style="Tiny" value="IN-RANGE 24H" color="$muted" />
              <text text-style="Metric" value="99.1%" color="$ink" />
            </col>
            <col w="196" p="8 0 8 16" gap="3" border="0 0 1 0 $line">
              <text text-style="Tiny" value="POWER DRAW" color="$muted" />
              <text text-style="Metric" value="214 kW" color="$ink" />
            </col>
            <col w="196" p="10 0 0 0" gap="3">
              <text text-style="Tiny" value="BACKUP GENSET" color="$muted" />
              <text text-style="Metric" value="READY" color="$accent" />
            </col>
            <col w="196" p="10 0 0 16" gap="3">
              <text text-style="Tiny" value="SENSORS ONLINE" color="$muted" />
              <text text-style="Metric" value="48 / 48" color="$ink" />
            </col>
          </grid>
        </col>
        <!-- compliance -->
        <col w="428" fill="$panel" border="1 $line-strong" radius="$r-lg" p="14 18" gap="12" role="card">
          <row w="392" align="middle-left">
            <text w="fill" text-style="Tiny" value="IN-RANGE COMPLIANCE" color="$muted" />
            <text text-style="MonoS" value="scale 99.0-100%" color="$muted" align="right" />
          </row>
          <row w="392" gap="12" align="middle-left">
            <text w="42" text-style="Small" value="24h" color="$body" />
            <frame w="240" h="10" clip="true">
              <rect x="0" y="3" w="240" h="4" fill="$inset" />
              <rect x="0" y="2" w="24" h="6" fill="$accent" />
            </frame>
            <text w="fill" text-style="Num" value="99.1%" color="$ink" align="right" />
          </row>
          <row w="392" gap="12" align="middle-left">
            <text w="42" text-style="Small" value="7d" color="$body" />
            <frame w="240" h="10" clip="true">
              <rect x="0" y="3" w="240" h="4" fill="$inset" />
              <rect x="0" y="2" w="168" h="6" fill="$accent" />
            </frame>
            <text w="fill" text-style="Num" value="99.7%" color="$ink" align="right" />
          </row>
          <row w="392" gap="12" align="middle-left">
            <text w="42" text-style="Small" value="30d" color="$body" />
            <frame w="240" h="10" clip="true">
              <rect x="0" y="3" w="240" h="4" fill="$inset" />
              <rect x="0" y="2" w="192" h="6" fill="$accent" />
            </frame>
            <text w="fill" text-style="Num" value="99.8%" color="$ink" align="right" />
          </row>
        </col>
        <!-- event log -->
        <col w="428" fill="$panel" border="1 $line-strong" radius="$r-lg" role="card">
          <row w="428" p="14 18" gap="10" align="middle-left" border="0 0 1 0 $line">
            <text w="fill" text-style="H" value="Event Log" color="$ink" />
            <row p="3 8" gap="6" radius="$r-pill" fill="$panel-2" border="1 $line" align="middle-center">
              <ellipse w="6" h="6" fill="$accent" />
              <text text-style="Tiny" value="LIVE" color="$accent" />
            </row>
          </row>
          <col w="428" p="4 18 12 18">
            <row w="392" p="10 0" gap="11" align="top-left" border="0 0 1 0 $line">
              <ellipse w="7" h="7" fill="$crit" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="C3 excursion opened" color="$ink" />
                  <text text-style="MonoS" value="03:08:12" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="Ultra-Low rose above -60°C ceiling" color="$muted" />
              </col>
            </row>
            <row w="392" p="10 0" gap="11" align="top-left" border="0 0 1 0 $line">
              <ellipse w="7" h="7" fill="$warn" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="C3 compressor A tripped" color="$ink" />
                  <text text-style="MonoS" value="03:07:40" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="Failover to standby loop" color="$muted" />
              </col>
            </row>
            <row w="392" p="10 0" gap="11" align="top-left" border="0 0 1 0 $line">
              <ellipse w="7" h="7" fill="$warn" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="C3 door reported ajar" color="$ink" />
                  <text text-style="MonoS" value="03:06:18" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="Open longer than 90s" color="$muted" />
              </col>
            </row>
            <row w="392" p="10 0" gap="11" align="top-left" border="0 0 1 0 $line">
              <ellipse w="7" h="7" fill="$accent" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="B2 defrost cycle complete" color="$ink" />
                  <text text-style="MonoS" value="02:52:10" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="Recovered to -21.4°C" color="$muted" />
              </col>
            </row>
            <row w="392" p="10 0" gap="11" align="top-left" border="0 0 1 0 $line">
              <ellipse w="7" h="7" fill="$faint" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="Genset weekly self-test passed" color="$ink" />
                  <text text-style="MonoS" value="02:41:33" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="12s to accept load" color="$muted" />
              </col>
            </row>
            <row w="392" p="10 0" gap="11" align="top-left">
              <ellipse w="7" h="7" fill="$faint" />
              <col w="fill" gap="2">
                <row w="fill" align="top-left">
                  <text w="fill" text-style="Small" value="Sensor bus calibration" color="$ink" />
                  <text text-style="MonoS" value="01:15:00" color="$muted" align="right" />
                </row>
                <text text-style="MonoS" value="48 probes within ±0.1°C" color="$muted" />
              </col>
            </row>
          </col>
        </col>
      </col>
    </row>
    <!-- ================= STATUS BAR (last flow child) ================= -->
    <row w="1440" h="32" p="0 28" gap="16" align="middle-left" fill="$panel-2" border="1 0 0 0 $line-strong" role="toolbar">
      <row gap="7" align="middle-left">
        <ellipse w="7" h="7" fill="$accent" />
        <text text-style="MonoS" value="SCADA LINK OK - 40ms" color="$body" />
      </row>
      <rect w="1" h="14" fill="$line" />
      <text text-style="MonoS" value="48 PROBES - 6 ZONES" color="$muted" />
      <rect w="1" h="14" fill="$line" />
      <text text-style="MonoS" value="LAST SYNC 03:14:52 CET" color="$muted" />
      <row w="fill" gap="14" align="middle-right">
        <row gap="6" align="middle-center">
          <ellipse w="6" h="6" fill="$accent" />
          <text text-style="MonoS" value="IN RANGE" color="$muted" />
        </row>
        <row gap="6" align="middle-center">
          <ellipse w="6" h="6" fill="$warn" />
          <text text-style="MonoS" value="CAUTION" color="$muted" />
        </row>
        <row gap="6" align="middle-center">
          <ellipse w="6" h="6" fill="$crit" />
          <text text-style="MonoS" value="CRITICAL" color="$muted" />
        </row>
        <text text-style="MonoS" value="ARDENNE SCADA v4.2" color="$muted" />
      </row>
    </row>
  </col>
</gui>
```