/* Armstrong theme on top of the Space Deck v2 look (theme.css + cards.css are copies of the live deck, unchanged).
   Colours from the Armstrong logo: black, white wordmark, Armstrong red. Steel grey + ember + amber as support. */
:root{
  --bg0:#050506;--bg1:#0c0b0d;--bg2:#151216;
  --c1:#ff2b3a;--c2:#ff7b3d;--c3:#d8dee6;--c4:#ffb648;
  --good:#45e0b8;--bad:#ff4f6a;--warn:#ffb648;
  --red:#ff2b3a;--steel:#d8dee6;
}
html,body{background:var(--bg0)}
.ar-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 90% 45% at 50% -12%,rgba(200,20,40,.22),transparent 70%),radial-gradient(ellipse 60% 40% at 110% 100%,rgba(255,90,40,.06),transparent 70%)}
.sd2{position:relative;z-index:1}

/* header */
.ar-logo{display:block;position:relative;width:132px;line-height:0;-webkit-tap-highlight-color:transparent}
.ar-logo img{width:100%;height:auto;display:block}
.ar-logo::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.95) 46%,rgba(255,60,70,.9) 52%,transparent 66%) no-repeat;background-size:250% 100%;background-position:120% 0;
  -webkit-mask:url(armstrong-logo-white.webp) center/100% 100% no-repeat;mask:url(armstrong-logo-white.webp) center/100% 100% no-repeat}
.ar-logo.sheen::after{animation:ar-sheen 1.3s cubic-bezier(.65,0,.25,1) both}
@keyframes ar-sheen{0%{opacity:1;background-position:120% 0}100%{opacity:1;background-position:-30% 0}}
.ar-live{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font:600 10px var(--font-ui);letter-spacing:.14em;color:#ff6b76;border:1px solid rgba(255,43,58,.35);background:rgba(255,43,58,.08)}
.ar-live i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:sd-blink 1.6s ease-in-out infinite}
.ar-demo{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:500 10px var(--font-ui);color:var(--txt2);border:1px dashed rgba(255,255,255,.28);background:rgba(255,255,255,.03)}
.ar-rt{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--dim);margin:0 0 12px}.ar-rt b{font-weight:500;color:var(--txt);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ar-rt-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 8px var(--good)}
.sd2-summary .up{color:var(--txt)}
.ar-pills{grid-template-columns:repeat(4,1fr)!important;margin-top:14px}
.ar-note{font-size:10px;line-height:1.5;color:var(--dim);margin:2px 4px 12px}
.ar-alstrip{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:14px -18px 0;padding:2px 18px 4px;-webkit-mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 26px),transparent);mask:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 26px),transparent)}
.ar-alstrip::-webkit-scrollbar{display:none}
.ar-alc{flex:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;font:500 11px var(--font-ui);white-space:nowrap;cursor:pointer;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);background:color-mix(in srgb,var(--warn) 9%,transparent)}
.ar-alc.bad{color:#ff7a8a;border-color:rgba(255,79,106,.35);background:rgba(255,79,106,.09)}
.ar-alc i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.ar-alc:active{transform:scale(.96)}
.ar-in{animation:ar-in .7s var(--ease-out) both}@keyframes ar-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#ptr{position:fixed;top:calc(var(--sa-t) + 8px);left:50%;transform:translateX(-50%);z-index:60;font-size:11px;color:var(--txt2);opacity:0;pointer-events:none;padding:5px 12px;border-radius:999px;background:rgba(20,18,22,.9);border:1px solid var(--line)}

/* card colours (all from the red / ember / steel family) */
.card2{--accent:#ff2b3a;--accent2:#a3122a}
.card2[data-key=alerts]{--accent:#ff2b3a;--accent2:#7a0c1e}
.card2[data-key=made]{--accent:#ff3b3b;--accent2:#ff8a3d}
.card2[data-key=lines]{--accent:#ff7b3d;--accent2:#c2183a}
.card2[data-key=shifts]{--accent:#c9d2de;--accent2:#5d6b80}
.card2[data-key=today]{--accent:#ff2b3a;--accent2:#ffb648;min-height:0}
.card2[data-key=today]::before{background:radial-gradient(ellipse 75% 35% at 18% 110%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 90%),radial-gradient(ellipse 70% 45% at 95% 112%,color-mix(in srgb,var(--accent2) 70%,transparent),transparent 90%)}
.card2[data-key=month]{--accent:#ffb648;--accent2:#e8402b}
.card2[data-key=best]{--accent:#ff4a4a;--accent2:#ff9a5a}
.card2[data-key=stock]{--accent:#e6ebf2;--accent2:#c21a2f}
.card2[data-key=runout]{--accent:#ffb648;--accent2:#d0182c}
.card2[data-key=raw]{--accent:#a9b8ca;--accent2:#ff5a3d}
.card2[data-key=port]{--accent:#8fb0cf;--accent2:#40536d}
.card2[data-key=regions]{--accent:#ff6a3d;--accent2:#b0122a}
.card2[data-key=dealers]{--accent:#ffcf6b;--accent2:#ff2b3a}
.card2[data-key=orders]{--accent:#d8dee6;--accent2:#ff2b3a}
.c2-tab .neon-ic{color:var(--accent)}
.c2-fig .led .num{font-variant-numeric:tabular-nums}
.c2-fig .led.bad{color:var(--bad)}
.ar-flash{animation:ar-flash 1s ease-out}@keyframes ar-flash{0%{color:#fff;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 80%,transparent)}100%{text-shadow:none}}
.dim{color:var(--dim)}

/* stats: label + value on one line, a small note under it */
.c2-stats>div{flex-wrap:wrap;row-gap:2px}.c2-stats em{flex-basis:100%;font-style:normal;font-size:10px;color:var(--dim)}
.c2-stats.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c2-stats.three>div{flex-direction:column;align-items:flex-start;gap:4px}.c2-stats.three b{font-size:13px}
.c2-stats .good{color:var(--good)}.c2-stats .bad{color:var(--bad)}

/* meters, legends, charts */
.ar-meter{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.ar-meter i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent)}
.ar-plan{margin:16px 0 6px;display:grid;gap:7px}
.ar-plan-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--txt2)}.ar-plan-top b{color:var(--txt);font-weight:500}
.ar-plan-top.dim{font-size:10px;color:var(--dim)}
.ar-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:7px;font-size:9.5px;color:var(--dim)}
.ar-legend span{display:inline-flex;align-items:center;gap:5px}.ar-legend i{width:10px;height:2px;border-radius:2px}
.ar-legend i.dash{border-top:1px dashed rgba(255,255,255,.55);height:0}
.ar-spark,.ar-bars{height:62px}

/* alerts list inside the card / sheet */
.ar-al{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px}
.ar-al li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;color:var(--txt)}
.ar-al li i{flex:none;width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--warn);box-shadow:0 0 8px var(--warn)}
.ar-al li.bad i{background:var(--bad);box-shadow:0 0 8px var(--bad)}
.ar-al.big li{font-size:14px;padding:10px 0;border-bottom:1px solid var(--line)}

/* machines: ring + line list */
.ar-arc{float:left;position:relative;width:112px;height:112px;margin:2px 16px 8px 0}
.ar-arc::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -90deg,var(--accent2),var(--accent) calc(var(--v)*360deg),rgba(255,255,255,.07) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent))}
.ar-arc-in{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:2px}.ar-arc-in b{font-size:26px;font-weight:600;letter-spacing:-.5px}.ar-arc-in small{font-size:8.5px;color:var(--dim);max-width:70px;line-height:1.3}
.ar-lines{list-style:none;margin:0;padding:0;overflow:hidden;display:grid;gap:6px}
.ar-lines li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--txt2)}.ar-lines li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-lines li b{font-weight:500;font-size:10px;color:var(--good)}.ar-lines li.idle b{color:var(--warn)}
.ar-lines li i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 7px var(--good)}
.ar-lines li.idle i{background:var(--warn);box-shadow:0 0 7px var(--warn);animation:sd-blink 1.6s ease-in-out infinite}
.card2[data-key=lines] .c2-stats{clear:both}

/* shifts */
.ar-shifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 6px}
.ar-shifts>div{display:grid;gap:4px;padding:11px 10px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.ar-shifts>div.cur{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.ar-shifts span{font-size:10px;color:var(--txt2)}.ar-shifts span em{font-style:normal;color:var(--good);font-size:9px;margin-left:3px}
.ar-shifts b{font-size:20px;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.ar-shifts small{font-size:9px;color:var(--dim)}

/* profit pair */
.ar-profit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px}
.ar-profit>div{display:grid;gap:3px;padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.ar-profit span{font-size:10px;color:var(--txt2)}.ar-profit b{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--good)}.ar-profit small{font-size:9px;color:var(--dim);line-height:1.4}

/* best sellers */
.ar-top3{display:grid;gap:8px;margin:2px 0 8px}
.ar-t3{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"r m f" "x x x";align-items:center;column-gap:10px;row-gap:8px;padding:12px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 9%,transparent),rgba(255,255,255,.015) 60%)}
.ar-t3:first-child{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.ar-rank{grid-area:r;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
.ar-t3-main{grid-area:m;min-width:0}.ar-size{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px}.ar-t3-main small{font-size:10px;color:var(--dim)}
.ar-t3-fig{grid-area:f;text-align:right}.ar-t3-fig b{display:block;font-size:22px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.ar-t3-fig small{font-size:9px;color:var(--dim)}
.ar-t3-foot{grid-area:x;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--dim)}.ar-t3-foot .chip{height:21px;font-size:10px;padding:0 7px}
.ar-left{margin-left:auto;color:var(--txt2)}
.ar-rest{list-style:none;margin:6px 0 0;padding:0}
.ar-rest li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.ar-rest li:last-child{border-bottom:0}
.ar-rest li span{flex:1;min-width:0;color:var(--txt2)}.ar-rest li em{font-style:normal;color:var(--dim);font-size:9.5px;margin-left:4px}
.ar-rest li b{font-weight:500;font-variant-numeric:tabular-nums}.ar-rest li small{font-size:9.5px;color:var(--dim);min-width:64px;text-align:right}
.ar-rest li .chip{height:20px;font-size:9.5px;padding:0 6px}
.ar-sub{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:16px 0 2px}

/* warehouses + regions bars */
.ar-wh,.ar-reg{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.ar-wh li,.ar-reg li{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:8px;row-gap:5px;font-size:11px;color:var(--txt2)}
.ar-wh li b,.ar-reg li b{color:var(--txt);font-weight:500;font-variant-numeric:tabular-nums}
.ar-wh li .ar-meter,.ar-reg li .ar-meter{grid-column:1/-1;height:4px}
.ar-wh li{grid-template-columns:1fr auto}
.ar-reg .chip{height:20px;font-size:9.5px;padding:0 6px}

/* running out */
.ar-ro{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:8px}
.ar-ro li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,182,72,.25);background:rgba(255,182,72,.05)}
.ar-ro li.bad{border-color:rgba(255,79,106,.32);background:rgba(255,79,106,.06)}
.ar-ro li div{flex:1;min-width:0;display:grid;gap:2px}.ar-ro b{font-size:14px;font-weight:600}.ar-ro span{font-size:10.5px;color:var(--txt2)}.ar-ro small{font-size:9.5px;color:var(--dim)}
.ar-ro em{font-style:normal;font-size:26px;font-weight:600;color:var(--warn);text-align:center;line-height:1}.ar-ro li.bad em{color:var(--bad)}
.ar-ro em small{display:block;font-size:9px;font-weight:400;color:var(--dim);margin-top:3px}

/* raw material */
.ar-raw{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:13px}
.ar-raw li{display:grid;gap:5px}
.ar-raw-top{display:flex;justify-content:space-between;font-size:12px}.ar-raw-top b{font-weight:600}
.ar-raw-bot{display:flex;justify-content:space-between;gap:10px;font-size:9.5px;color:var(--dim)}
.ar-raw li.red .ar-raw-top b{color:var(--bad)}.ar-raw li.red .ar-meter i{background:linear-gradient(90deg,#8a1020,var(--bad));box-shadow:0 0 10px rgba(255,79,106,.5)}
.ar-raw li.amber .ar-raw-top b{color:var(--warn)}.ar-raw li.amber .ar-meter i{background:linear-gradient(90deg,#8a5a10,var(--warn))}
.ar-raw li.ok .ar-raw-top b{color:var(--good)}.ar-raw li.ok .ar-meter i{background:linear-gradient(90deg,#1d6b58,var(--good));box-shadow:none}

/* port arrivals */
.ar-port{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.ar-port li{display:flex;align-items:center;gap:12px;font-size:11px}
.ar-day{flex:none;width:56px;padding:6px 0;text-align:center;border-radius:10px;font-size:11px;font-weight:600;color:var(--txt);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.ar-port b{display:block;font-weight:500}.ar-port small{font-size:9.5px;color:var(--dim)}

/* dealer podium */
.ar-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:7px;margin:14px 0 8px}
.ar-pod{position:relative;display:grid;justify-items:center;text-align:center;gap:3px;padding:14px 6px 12px;border-radius:16px 16px 10px 10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.ar-pod.p1{padding-top:30px;min-height:170px;border-color:rgba(255,207,107,.4);background:linear-gradient(180deg,rgba(255,180,72,.14),rgba(255,43,58,.05))}
.ar-pod.p2{min-height:140px}.ar-pod.p3{min-height:126px}
.ar-pod .crown{position:absolute;top:-16px;width:40px;height:26px;filter:drop-shadow(0 0 8px rgba(255,170,80,.55))}
.ar-pod .r{font-size:11px;color:var(--dim)}.ar-pod.p1 .r{color:#ffd27a}
.ar-pod .nm{font-size:12px;font-weight:600;line-height:1.25}.ar-pod .ct{font-size:9.5px;color:var(--dim)}
.ar-pod .v{font-size:12px;font-weight:500;margin-top:4px}.ar-pod.p1 .v{font-size:14px}
.ar-pod .chip{height:19px;font-size:9px;padding:0 6px}

/* sheet: plain dark card, scrolls */
#sx{background:linear-gradient(170deg,#1a1316,#0a090b 48%);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}
#sx .sheet2-body{flex:1}
#sx .sh-t td.v .good,#sx .good{color:var(--good)}#sx .bad{color:var(--bad)}#sx .warn{color:var(--warn)}
#sx small.dim{font-size:.9em}

/* desktop: the plant card is tall, stack stays two columns */
@media(min-width:900px){
  .ar-logo{width:180px}
  .card2[data-key=made]{grid-row:span 2}
  .ar-alstrip{flex-wrap:wrap;overflow:visible;margin:14px 0 0;padding:0;-webkit-mask:none;mask:none}
  .ar-alc{white-space:normal;height:auto;min-height:30px;padding:6px 12px;text-align:left}
}

/* ---------- intro ---------- */
html.ai-on body{overflow:hidden}
html.ai-on #hdlogo{opacity:0}
html.ai-on .sd2-head>*:not(.sd2-logos),html.ai-on .sd2-head-right,html.ai-on .sd2-bar,html.ai-on .stack{opacity:0}
html.ai-on.ai-land .sd2-head>*:not(.sd2-logos),html.ai-on.ai-land .sd2-head-right,html.ai-on.ai-land .sd2-bar,html.ai-on.ai-land .stack{opacity:1}
#ai{position:fixed;inset:0;z-index:100;display:grid;place-items:center}
#ai-bk{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,#140709,#050506 70%)}
.ai-wrap{position:relative;width:min(74vw,560px)}
#ai-logo{display:block;width:100%;height:auto;position:relative;z-index:2;transform-origin:0 0;clip-path:inset(0 100% 0 0)}
#ai-sweep{position:absolute;top:-30%;bottom:-30%;left:-100%;width:100%;z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(90deg,transparent 70%,rgba(255,43,58,.18) 88%,rgba(255,60,70,.75) 97%,rgba(255,235,235,.95) 99.3%,transparent 100%)}
#ai-trail{position:absolute;left:0;right:0;top:calc(100% + 18px);height:1px;z-index:1;transform-origin:0 50%;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,43,58,.9) 40%,rgba(255,255,255,.9) 85%,transparent)}
@media(prefers-reduced-motion:reduce){#ai{display:none}html.ai-on .sd2-head>*,html.ai-on .sd2-head-right,html.ai-on .sd2-bar,html.ai-on .stack,html.ai-on #hdlogo{opacity:1}}

/* v2 QA fixes */
.pill2{background:transparent;border:0;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
.c2-stats:not(.three)>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:baseline}
.c2-stats:not(.three) em{grid-column:1/-1;white-space:normal}
.c2-stats:not(.three) span{min-width:0}
#sx .sh-t tr.c td{padding:18px 0 6px!important;color:var(--txt)!important;font-weight:600;font-size:16px;border-bottom:1px solid var(--line)!important}
#sx .sh-t tr.c:first-child td{padding-top:4px!important}
@media(min-width:900px){
  .card2[data-key=made]{grid-row:auto}
  .ar-alstrip>.ar-alc{max-width:100%;white-space:normal;text-align:left;height:auto;min-height:30px;padding-top:6px;padding-bottom:6px}
}
.sd2-bar{background:#060608!important;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}