/* Quantum identity: cyan = navigation/info; lime = healthy/completed;
   amber = attention; red = critical/error. Colour always accompanies text.
   Canonical stylesheet; a copy ships with the standalone review-site. */
:root{
  color-scheme:dark;
  --bg:#081827;--panel:#11263a;--soft:#183147;--panel-2:#183147;
  --text:#edf6ff;--sub:#b8cada;--line:#304a61;
  --brand-cyan:#00addb;--accent:#58d0ee;--accent-2:#89e1f7;
  --accent-soft:#143a50;--brand-lime:#b5df48;
  --ok:var(--brand-lime);--ok-soft:#263b27;
  --warn:#f7c45a;--warn-soft:#3a3020;
  --danger:#ff939c;--danger-soft:#402631;
  --warn-bg:var(--warn-soft);--menu-surface:#103149;
}
body{background:var(--bg);color:var(--text)}
.topbar{background:#0e2438;border-bottom-color:#28516b}
.card,.order{background:var(--panel);border-color:var(--line)}
.page-navigation{background:var(--menu-surface);border-color:var(--brand-cyan);box-shadow:0 3px 12px #00101b50}
.page-navigation .menu-title,.page-navigation label,.page-navigation .menu-help{color:var(--text)}
.page-navigation .menu-title>span:first-child{color:var(--accent)}
.page-navigation select{background:#f2f8fd;color:#10374f;border-color:#c8e9f5}
.page-navigation .menu-arrow{color:#10374f}
button,.btn{border-color:var(--line)}
.primary,.btn.primary{background:var(--brand-cyan);color:#041e2d;border-color:var(--brand-cyan)}
.primary:hover,.btn.primary:hover{background:#56cceb;color:#041e2d}
.success-action,.btn[data-action="approve-stocktake"]{background:var(--brand-lime);color:#17250b;border-color:var(--brand-lime)}
.farm{border-top-width:3px;background:var(--panel)}
.farm[aria-pressed="true"]{outline:2px solid var(--brand-cyan);outline-offset:2px;background:#163a4c}
.farm .farm-meta::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}
.farm .status-healthy{color:var(--ok)}
.farm .status-attention{color:var(--warn)}
.farm:disabled .farm-meta::before{display:none}
.farm-summary{border-top:3px solid var(--farm,var(--line))}
.metric{--metric-accent:var(--accent);border-top:3px solid var(--metric-accent)}
.metric--healthy{--metric-accent:var(--ok)}
.metric--attention{--metric-accent:var(--warn)}
.network .network-totals li.metric{border-top:3px solid var(--metric-accent)}
.metric .label,.metric>strong{display:flex;align-items:center;gap:9px}
.metric .metric-icon,.network .network-totals .metric-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;font-size:23px;line-height:1;color:var(--metric-accent)}
.metric .value,.network .network-totals li>span{color:var(--text);font-weight:750}
.metric-link{display:block;width:100%;margin:0;padding:16px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.metric-link>.value,.metric-link>.foot{display:block}
.metric-link:hover{border-color:var(--brand-cyan);background:#153a50}
.metric-link:focus-visible{outline:3px solid var(--brand-cyan);outline-offset:2px}
.metric-cta{display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:12.5px;font-weight:700;color:var(--accent)}
.metric-link:hover .metric-cta{text-decoration:underline}
.transaction-card{border-color:var(--line);border-top:3px solid var(--brand-cyan)}
.quantity-tile{background:var(--soft);border-color:#326079}
.pallet-value{color:var(--accent)}
.pill.ok,.pill.closed,.pill.resolved{background:var(--ok-soft);color:var(--ok);border-color:#557432}
.pill.short,.pill.open,.pill.partial,.pill.reviewed,.pill.draft,.pill.verify{background:var(--warn-soft);color:var(--warn);border-color:#80662e}
.banner.info{background:var(--accent-soft);color:var(--accent);border-color:#326079}
.banner.warn,.network .network-short{background:var(--warn-soft);color:var(--warn);border-color:#80662e}
.banner.ok{background:var(--ok-soft);color:var(--ok);border-color:#557432}
.issue-icon,.issue-icon.reviewed{background:var(--warn-soft);color:var(--warn)}
.issue-icon.resolved{background:var(--ok-soft);color:var(--ok)}
.issue-blocked,.issues .issue-blocked,.error,.btn.danger{color:var(--danger)}
.chip .dot{background:var(--ok)}
.use-first{color:var(--ok)}
.brand-logo{background:#fff} /* Preserve the supplied blue wordmark on its white plate. */