/* ============================================================================
MCRUSH PE — Simulate "Maison" layer (stage 1: shared shell + Simulators)
Finish + layout only. Every selector is scoped under the root class .hw-simx
that renderHydroSimulate() puts on #hwBody (body.hw-simx-imm for the immersive
chrome). Colours come only from the app's theme tokens (--blue --blue-dark
--accent2 --ink --muted --line --bg --bg2 --card --soft --green --amber --red)
via color-mix(), so the layer follows every data-theme the app switches on.
No motion here implies physics: the schematic moves only with the solved frame.
============================================================================ */
#hwBody.hw-simx{
--sx-gold:var(--accent2);
--sx-gold-hair:color-mix(in srgb,var(--accent2) 55%,transparent);
--sx-lapis:var(--blue);
--sx-hair:color-mix(in srgb,var(--ink) 13%,transparent);
--sx-hair-2:color-mix(in srgb,var(--ink) 6%,transparent);
--sx-hatch:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--ink) 5%,transparent) 6px 7px);
--sx-on-ink:var(--bg);
--sx-engrave:.14;
--sx-shadow:0 1px 0 color-mix(in srgb,#fff 60%,transparent) inset,0 12px 30px -18px color-mix(in srgb,var(--ink) 35%,transparent);
--sx-sans:"Geist Sans","Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
--sx-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
--sx-jpf:"Geist Sans","Geist","Noto Sans CJK JP","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
--sx-gap:10px; --sx-radius:4px;
font-family:var(--sx-sans);
color:var(--ink);
}
#hwBody.hw-simx[data-sx-dark="1"],
:root[data-theme="obsidian"] #hwBody.hw-simx,
:root[data-theme="deepwater"] #hwBody.hw-simx{
--sx-engrave:.18;
--sx-shadow:0 1px 0 color-mix(in srgb,#fff 5%,transparent) inset,0 16px 40px -20px color-mix(in srgb,#000 80%,transparent);
}
#hwBody.hw-simx>.hw-simmode *,#hwBody.hw-simx .hw-simx-head *,#hwBody.hw-simx .hw-simx-ready *,#hwBody.hw-simx .hw-sim *,#hwBody.hw-simx>.hw-simmode *::before,#hwBody.hw-simx .hw-simx-head *::before,#hwBody.hw-simx .hw-sim *::before,#hwBody.hw-simx .hw-sim *::after{box-sizing:border-box;min-width:0;min-height:0}
#hwBody.hw-simx :focus-visible{outline:1.5px solid var(--sx-lapis);outline-offset:3px;border-radius:2px}
#hwBody.hw-simx .hw-simx-micro{font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#hwBody.hw-simx .hw-simx-jp{font-family:var(--sx-jpf);font-weight:300;letter-spacing:.2em;color:var(--muted);font-size:10px;white-space:nowrap;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-jp small{font-family:var(--sx-sans);letter-spacing:.12em;text-transform:uppercase;font-size:8px;margin-left:5px;opacity:.85}
/* ————————————————— frame: the working area is one viewport tall; only lists scroll ————————————————— */
#hydro.screen.active #hwBody.hw-simx:has(.hw-sim),#hydro.screen.active #hwBody.hw-simx:has(.hw-simx-ws){display:flex!important;flex-direction:column!important;overflow:hidden!important;height:auto!important;min-height:0!important;padding:10px 16px 10px!important}
#hwBody.hw-simx:has(.hw-sim)>*,#hwBody.hw-simx:has(.hw-simx-ws)>*{flex:0 0 auto}
/* ————————————————— workspace switcher: one quiet segmented rail, the active workspace in lapis ————————————————— */
#hydro.screen.active #hwBody.hw-simx>.hw-simmode,
#hwBody.hw-simx>.hw-simmode{display:flex!important;align-items:center;gap:12px!important;flex-wrap:nowrap!important;overflow:visible!important;min-height:34px!important;height:auto;margin:0 0 var(--sx-gap)!important;padding:0!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:100%}
#hwBody.hw-simx .hw-simx-rail{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--sx-hair);border-radius:999px;background:var(--card);flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#hwBody.hw-simx .hw-simx-rail::-webkit-scrollbar{display:none}
#hwBody.hw-simx .hw-simmode-b{display:inline-flex!important;align-items:center;gap:7px!important;padding:0 12px!important;min-height:28px!important;height:28px!important;border:0!important;border-radius:999px!important;background:none!important;color:var(--muted)!important;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;line-height:1!important;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto!important;box-shadow:none!important;transition:color .15s,background .15s;cursor:pointer}
#hwBody.hw-simx .hw-simmode-b:hover{color:var(--ink)!important;border-color:transparent!important}
#hwBody.hw-simx .hw-simmode-b.on{background:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx .hw-simmode-ic{display:inline-flex;align-items:center;flex:0 0 auto}
#hwBody.hw-simx .hw-simmode-ic svg{width:13px!important;height:13px!important;stroke:currentColor!important;stroke-width:1.6}
/* the three dotted workspaces get the same line-icon language (masks, currentColor) */
#hwBody.hw-simx .hw-simmode-b .gws-dot,#hwBody.hw-simx .hw-simmode-b .trip-dot,#hwBody.hw-simx .hw-simmode-b .tree-dot{display:inline-block!important;width:13px!important;height:13px!important;margin:0!important;border:0!important;border-radius:0!important;background:currentColor!important;box-shadow:none!important;animation:none!important;flex:0 0 auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle}
#hwBody.hw-simx .hw-simmode-b .gws-dot{-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,")}
#hwBody.hw-simx .hw-simmode-b .trip-dot{-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,")}
#hwBody.hw-simx .hw-simmode-b .tree-dot{-webkit-mask-image:url("data:image/svg+xml;utf8,");mask-image:url("data:image/svg+xml;utf8,")}
/* simulator sub-tabs (Live Ops · Rollover · Cementing · Reverse Circ · …) share the row */
#hwBody.hw-simx .hw-simx-sub{display:inline-flex;align-items:center;gap:2px;padding-left:12px;border-left:1px solid var(--sx-hair);flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#hwBody.hw-simx .hw-simx-sub::-webkit-scrollbar{display:none}
#hwBody.hw-simx .hw-simx-k{font-family:var(--sx-sans);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-right:6px;white-space:nowrap;flex:0 0 auto}
/* build 1174: the simulator tabs read as a row of labelled chips — hairline border on every tab, the active one filled
with ink — so the choice is visible at a glance (they used to be bare icons with only the active label) */
#hwBody.hw-simx .hw-sim-tab{display:inline-flex!important;align-items:center;gap:4px;padding:0 8px!important;min-height:27px!important;height:27px;border:1px solid var(--sx-hair)!important;border-radius:999px!important;background:var(--card)!important;color:var(--ink)!important;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.03em;white-space:nowrap;flex:0 0 auto!important;box-shadow:none!important;transition:color .15s,background .15s,border-color .15s;cursor:pointer}
#hwBody.hw-simx .hw-sim-tab:hover{border-color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-tab.on{color:var(--card)!important;border-color:var(--ink)!important;background:var(--ink)!important}
#hwBody.hw-simx .hw-sim-tabi{display:inline-flex;line-height:1;font-size:0}
#hwBody.hw-simx .hw-sim-tabi .ico{width:13px!important;height:13px!important;vertical-align:0!important}
#hwBody.hw-simx .hw-sim-tabl{white-space:nowrap}
#hwBody.hw-simx .hw-simx-sub{gap:4px!important}#hwBody.hw-simx .hw-simx-sub .hw-simx-k{margin-right:2px}
/* ————————————————— workspace header line: cartouche · section/scenario · provenance · annotation · actions ————————————————— */
#hwBody.hw-simx .hw-simx-head{display:flex;align-items:center;gap:12px;min-height:36px;margin:0 0 var(--sx-gap);flex:0 0 auto;min-width:0}
#hwBody.hw-simx .hw-simx-cart{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 10px;border:1px solid var(--sx-gold-hair);border-radius:12px;position:relative;font-family:var(--sx-sans);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--ink);white-space:nowrap;flex:0 0 auto;max-width:180px;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-simx-cart::after{content:"";position:absolute;right:-5px;top:4px;bottom:4px;width:1px;background:var(--sx-gold-hair)}
#hwBody.hw-simx .hw-simx-cart svg{width:10px;height:14px;stroke:var(--sx-gold);fill:none;stroke-width:.9;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-meta{font-family:var(--sx-sans);font-size:11.5px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
#hwBody.hw-simx .hw-simx-meta b{font-weight:500;color:var(--ink)}
#hwBody.hw-simx .hw-simx-prov{display:inline-block;font-family:var(--sx-sans);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--sx-gold-hair);border-radius:2px;color:var(--sx-gold);white-space:nowrap;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-head>.hw-simx-imm{margin-left:auto}
#hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns{margin-left:auto;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns+.hw-simx-imm{margin-left:0}
#hwBody.hw-simx .hw-simx-imm{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:30px;min-height:30px;height:30px;padding:0;border:1px solid var(--sx-hair);border-radius:999px;background:none;color:var(--muted);font-family:var(--sx-sans);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;flex:0 0 auto;cursor:pointer}
#hwBody.hw-simx .hw-simx-imm:hover{color:var(--ink);border-color:var(--muted)}
#hwBody.hw-simx .hw-simx-imm .ico{width:13px;height:13px}
#hwBody.hw-simx .hw-simx-imm .on{display:none;align-items:center;gap:5px}
#hwBody.hw-simx .hw-simx-imm .off{display:inline-flex;align-items:center}
body.hw-simx-imm #hwBody.hw-simx .hw-simx-imm{width:auto;padding:0 10px;color:var(--ink);border-color:var(--sx-gold-hair)}
body.hw-simx-imm #hwBody.hw-simx .hw-simx-imm .on{display:inline-flex}
body.hw-simx-imm #hwBody.hw-simx .hw-simx-imm .off{display:none}
/* the action cluster: quiet outlines, Run in lapis */
#hwBody.hw-simx .hw-sim-hbtns{display:flex!important;align-items:center;gap:6px!important;flex-wrap:nowrap!important;width:auto!important;order:0!important;overflow:visible!important;padding:0!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;padding:0 12px!important;min-height:30px!important;height:30px!important;width:auto!important;min-width:0!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;color:var(--ink)!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;transition:border-color .18s,background .18s;flex:0 0 auto!important;line-height:1!important;filter:none!important;isolation:auto}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:hover,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary:hover{border-color:var(--muted)!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds .ico,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run .ico{width:13px!important;height:13px!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds.tree,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:first-child{border-color:transparent!important;color:var(--muted)!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:first-child:hover,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds.tree:hover{color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run{background:var(--sx-lapis)!important;color:#fff!important;border-color:var(--sx-lapis)!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run:hover{background:var(--blue-dark,var(--sx-lapis))!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run::before,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds::before{content:none!important}
#hwBody.hw-simx .hw-sim-hbtns button:disabled{opacity:.45!important;cursor:not-allowed!important;filter:none!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run.is-processing{opacity:.7}
/* ————————————————— readiness line: ready / not ready / caution / danger / stale, with the fix button ————————————————— */
#hwBody.hw-simx .hw-simx-ready{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:6px 10px;min-height:34px;padding:0 12px;border:1px solid var(--sx-hair);border-radius:var(--sx-radius);background:var(--card);overflow:hidden;margin:0 0 var(--sx-gap)!important;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-ready:empty{display:none}
#hwBody.hw-simx .hw-simx-ready #hwSimStatus{display:contents}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status{display:flex!important;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font-family:var(--sx-sans)!important;font-size:11.5px!important;font-weight:400!important;line-height:1.35;color:var(--ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-wrap:nowrap!important;opacity:1!important;min-height:0!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 auto}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status .hw-stat-ic{display:none!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status b{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:0 0 auto}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status.ok::before{background:var(--green)} #hwBody.hw-simx .hw-simx-ready .hw-sim-status.ok b{color:var(--green)}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status.warn::before{background:var(--amber)} #hwBody.hw-simx .hw-simx-ready .hw-sim-status.warn b{color:var(--amber)}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status.bad::before{background:var(--red)} #hwBody.hw-simx .hw-simx-ready .hw-sim-status.bad b{color:var(--red)}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status.stale::before{background:transparent;border:1px solid var(--amber)}
#hwBody.hw-simx .hw-simx-ready:has(.hw-sim-status.warn){border-left:2px solid var(--amber)}
#hwBody.hw-simx .hw-simx-ready:has(.hw-sim-status.bad){border-left:2px solid var(--red)}
#hwBody.hw-simx .hw-simx-ready:has(.hw-sim-status.stale){border-style:dashed}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stat-d{font-family:var(--sx-mono);font-size:10.5px;color:var(--muted);font-weight:400;white-space:nowrap}
#hwBody.hw-simx .hw-simx-ready .hw-sim-fixbtn,#hwBody.hw-simx .hw-simx-ready .hw-mini{margin-left:auto!important;flex:0 0 auto;display:inline-flex;align-items:center;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;padding:0 9px!important;min-height:26px;height:26px;border:1px solid var(--sx-lapis)!important;border-radius:2px!important;background:var(--sx-lapis)!important;color:#fff!important;white-space:nowrap;cursor:pointer;filter:none!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-ctrl{order:2;flex:0 0 auto;margin:0!important;padding:1px 6px!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:var(--sx-hatch)!important;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
#hwBody.hw-simx .hw-simx-ready .hw-sim-ctrl.limited{color:var(--red)!important;border-color:color-mix(in srgb,var(--red) 55%,transparent)!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stale{flex:1 1 100%;display:flex;align-items:center;gap:8px;margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;min-height:0!important;font-family:var(--sx-sans);font-size:11px;color:var(--amber)}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stale[style*="display: none"],#hwBody.hw-simx .hw-simx-ready .hw-sim-stale[style*="display:none"]{display:none}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stale .hw-stat-ic{display:none}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stale b{font-weight:500}
/* ————————————————— cards ————————————————— */
#hwBody.hw-simx .hw-sim-critical,#hwBody.hw-simx .hw-simcx-diagram,#hwBody.hw-simx .hw-simx-mid,#hwBody.hw-simx .hw-simcx-more,#hwBody.hw-simx .hw-sim-well,#hwBody.hw-simx .hw-sim-stage,#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.hw-sim-transport{background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;box-shadow:var(--sx-shadow)!important;position:relative;overflow:hidden;min-height:0;min-width:0;margin:0!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-simx-card-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 8px;padding:9px 14px 0;flex:0 0 auto;min-width:0}
#hwBody.hw-simx .hw-simx-card-h .hw-simx-micro{flex:1 1 auto}
#hwBody.hw-simx .hw-simx-card-h[data-simx-binstr]::after{content:attr(data-simx-binstr);display:block;flex:1 1 100%;height:9px;line-height:9px;overflow:hidden;font-family:var(--sx-mono);font-size:5.5px;letter-spacing:.08em;color:var(--ink);opacity:var(--sx-engrave);white-space:nowrap;user-select:none;cursor:help;margin-top:2px}
#hwBody.hw-simx .hw-simx-card-h.lit[data-simx-binstr]::after{opacity:.6;color:var(--sx-gold)}
#hwBody.hw-simx .hw-simx-empty,#hwBody.hw-simx .hw-sim-ip-ph,#hwBody.hw-simx .hw-sim-sparkph,#hwBody.hw-simx .hw-sim-ro.ph{flex:1 1 auto;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)!important;font-family:var(--sx-sans);font-size:11px!important;font-weight:300;font-style:italic;padding:10px 16px!important;border:1px dashed var(--sx-hair)!important;border-radius:2px!important;background:var(--sx-hatch)!important;line-height:1.45;box-shadow:none!important;margin:0!important;gap:6px}
/* ————————————————— critical quantities: Maison readouts ————————————————— */
#hwBody.hw-simx .hw-sim-critical{display:flex!important;flex-direction:column;padding:0!important;margin:0 0 var(--sx-gap)!important;flex:0 0 auto!important}
#hwBody.hw-simx .hw-sim-critical:empty{display:none!important}
#hwBody.hw-simx .hw-critical-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 14px 0;font-family:var(--sx-sans);font-size:10px;font-weight:500;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-critical-heading span{font-family:var(--sx-sans);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--sx-hair);padding:2px 6px;border-radius:2px;white-space:nowrap;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;max-width:48%}
#hwBody.hw-simx .hw-critical-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;gap:0!important;margin:6px 0 0!important;padding:0}
#hwBody.hw-simx .hw-critical-grid>div{padding:6px 10px 7px;border-left:1px solid var(--sx-hair-2);min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
#hwBody.hw-simx .hw-critical-grid>div:first-child{border-left:0}
#hwBody.hw-simx .hw-critical-grid span{display:block;font-family:var(--sx-sans);font-size:9px!important;font-weight:500;line-height:1.2!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
#hwBody.hw-simx .hw-critical-grid strong{display:flex!important;align-items:baseline;gap:4px;font-family:var(--sx-sans);font-weight:300;font-size:clamp(16px,1.15vw + 4px,26px)!important;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:visible;text-overflow:clip}
#hwBody.hw-simx .hw-critical-grid small{font-family:var(--sx-mono);font-size:11px!important;font-weight:400!important;color:var(--muted);letter-spacing:.04em}
#hwBody.hw-simx .hw-sim-critical p{margin:0!important;padding:4px 14px 8px;font-family:var(--sx-sans);font-size:10.5px!important;font-weight:300;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
/* ————————————————— the displacement cockpit: tiles / well · evidence · inspector ————————————————— */
#hwBody.hw-simx .hw-simcx{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:hidden!important;background:none}
#hwBody.hw-simx .hw-simcx-body{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:288px minmax(0,1fr) 332px!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:none!important;gap:var(--sx-gap)!important;overflow:hidden!important;padding:0!important;margin:0!important;max-width:none!important;align-items:stretch!important}
#hwBody.hw-simx .hw-simcx-rail{display:contents!important}
#hwBody.hw-simx .hw-simcx-diagram{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;align-self:stretch!important;justify-self:stretch!important;gap:6px;padding:9px 14px 10px!important;max-width:none!important;width:auto!important;height:auto!important;max-height:none!important;background:var(--card)!important}
#hwBody.hw-simx .hw-simcx-diagram::before{content:"Well · one circulation path";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
#hwBody.hw-simx .hw-simcx-diagram .hw-schem-svg{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;display:block}
#hwBody.hw-simx .hw-flowmap{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;margin:0!important;align-items:stretch;flex:0 0 auto}
#hwBody.hw-simx .hw-flowmap-lane{border:1px solid var(--sx-hair)!important;border-radius:2px!important;padding:3px 7px!important;background:none!important;text-align:center}
#hwBody.hw-simx .hw-flowmap-lane b{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;color:var(--ink)!important;line-height:1.2}
#hwBody.hw-simx .hw-flowmap-lane span{font-family:var(--sx-sans);font-size:8.5px!important;letter-spacing:.06em;color:var(--muted)!important;margin-top:1px!important}
#hwBody.hw-simx .hw-flowmap-turn{min-width:34px!important;color:var(--sx-gold)!important;font-size:7px!important;font-weight:500!important;letter-spacing:.1em}
#hwBody.hw-simx .hw-flowmap-turn b{font-size:13px!important;color:var(--sx-gold)!important;letter-spacing:-.25em}
#hwBody.hw-simx .hw-flowmap-join{font-family:var(--sx-sans);font-size:8.5px!important;font-weight:300!important;letter-spacing:.04em;text-transform:none!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3!important}
#hwBody.hw-simx .hw-bitturn{margin:0!important;font-family:var(--sx-sans);font-size:8.5px!important;font-weight:500!important;letter-spacing:.14em;color:var(--muted)!important;flex:0 0 auto}
#hwBody.hw-simx .hw-bitturn::before,#hwBody.hw-simx .hw-bitturn::after{background:var(--sx-hair)!important}
#hwBody.hw-simx .hw-sim-fill{margin:0!important;flex:0 0 auto;align-self:stretch}
#hwBody.hw-simx .hw-sim-filllab{font-family:var(--sx-sans);font-size:8.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:3px!important}
#hwBody.hw-simx .hw-rl-livebar{display:flex;align-items:center;gap:6px}
#hwBody.hw-simx .hw-rl-svg{height:10px!important;flex:1 1 auto;border:1px solid var(--sx-hair);border-radius:1px}
#hwBody.hw-simx .hw-rl-end{font-family:var(--sx-sans);font-size:8px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;font-weight:500!important}
#hwBody.hw-simx .hw-rl-legend{display:flex;flex-wrap:wrap;gap:2px 10px;font-family:var(--sx-sans);font-size:9.5px!important;color:var(--muted)!important;margin-top:3px!important;max-height:28px;overflow:hidden}
#hwBody.hw-simx .hw-rl-lg{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:400!important}
#hwBody.hw-simx .hw-rl-lg i{width:9px!important;height:9px!important;border-radius:0!important;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
/* the evidence card (middle column): stepper · where every fluid is · readouts · player */
#hwBody.hw-simx .hw-simx-mid{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column;gap:0;align-self:stretch!important;justify-self:stretch!important;overflow:auto!important;scrollbar-width:thin;overscroll-behavior:contain}
#hwBody.hw-simx .hw-simx-mid>.hw-simx-card-h{position:sticky;top:0;z-index:2;background:var(--card)}
#hwBody.hw-simx .hw-simx-mid>.hw-sim-transport{position:sticky!important;bottom:0!important;z-index:2!important;background:var(--card)!important;margin-top:auto!important}
#hwBody.hw-simx .hw-simx-mid>.sim-workflow{flex:0 0 auto;margin:0!important;padding:0 14px!important;border:0!important;border-bottom:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;color:var(--ink);font-family:var(--sx-sans)!important}
#hwBody.hw-simx .sim-workflow>div{grid-column:1/-1;display:block!important;padding:5px 0 2px;min-width:0}
#hwBody.hw-simx .sim-workflow>div strong{display:none}
#hwBody.hw-simx .sim-workflow>div span{display:block;font-size:10.5px!important;font-weight:300;color:var(--muted)!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .sim-workflow button{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px 9px 0!important;margin:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:var(--muted)!important;text-align:left;min-width:0;flex:1 1 auto;font:inherit;cursor:pointer;box-shadow:none!important;min-height:0!important}
#hwBody.hw-simx .sim-workflow button+button{padding-left:12px!important;border-left:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .sim-workflow button:hover{border-bottom-color:var(--sx-hair)!important}
#hwBody.hw-simx .sim-workflow button:focus-visible,#hwBody.hw-simx .sim-workflow button:first-child{border-bottom-color:var(--sx-lapis)!important}
#hwBody.hw-simx .sim-workflow button b{display:block;font-family:var(--sx-sans);font-size:12px!important;font-weight:500!important;color:var(--ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}
#hwBody.hw-simx .sim-workflow button small{display:block;font-family:var(--sx-sans);font-size:10px!important;font-weight:300;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}
/* with a solved run the stepper folds into one quiet line of links */
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow{display:flex!important;gap:0 14px;align-items:center;min-height:30px}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow>div{display:none!important}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow button{flex:0 1 auto;padding:6px 0 7px!important;border-left:0!important}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow button b{font-size:9.5px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;font-weight:500!important}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow button:hover b{color:var(--ink)!important}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow button small{display:none}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow button:first-child{border-bottom-color:transparent!important}
/* where every fluid is (process rail): scrolls only when the lists are longer than the screen */
#hwBody.hw-simx #hwSimProcRail{flex:0 0 auto!important;min-height:0!important;overflow:visible!important;padding:8px 14px 10px!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;grid-template-rows:max-content max-content max-content max-content!important;grid-template-areas:"now truth" "flows truth" "volumes pressure" "schedule pressure"!important;gap:8px 10px!important;align-content:start!important;align-items:start!important;scrollbar-width:thin;width:auto!important}
#hwBody.hw-simx #hwSimProcRail>*{min-width:0!important;min-height:auto!important;max-width:100%!important;margin:0!important;width:auto!important}
#hwBody.hw-simx #hwSimProcRail>.hw-proc-now{grid-area:now!important}
#hwBody.hw-simx #hwSimProcRail>.hw-proc-flowcap{grid-area:flows!important}
#hwBody.hw-simx #hwSimProcRail>.hw-proc-dist{grid-area:volumes!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hwBody.hw-simx #hwSimProcRail>.hw-flow-truth{grid-area:truth!important}
#hwBody.hw-simx #hwSimProcRail>.hw-pressure-truth{grid-area:pressure!important}
#hwBody.hw-simx #hwSimProcRail>.hw-simcx-more{grid-area:schedule!important;align-self:start}
#hwBody.hw-simx #hwSimProcRail>.hw-sim-preflight{grid-area:auto!important;grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--sx-hair-2);padding-top:6px}
#hwBody.hw-simx .hw-simcx-rail.preflight #hwSimProcRail{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;grid-template-rows:max-content max-content!important}
#hwBody.hw-simx .hw-simcx-rail.preflight #hwSimProcRail>.hw-proc-now{grid-area:auto!important;grid-column:1/-1!important;grid-row:1!important;border:0!important;padding:4px 0 8px!important}
#hwBody.hw-simx .hw-proc-now,#hwBody.hw-simx .hw-proc-flow,#hwBody.hw-simx .hw-proc-dcell,#hwBody.hw-simx .hw-flow-truth,#hwBody.hw-simx .hw-pressure-truth,#hwBody.hw-simx .hw-sim-preflight section,#hwBody.hw-simx .hw-flow-region,#hwBody.hw-simx .hw-milestone,#hwBody.hw-simx .hw-utube{background:none!important;border:1px solid var(--sx-hair-2)!important;border-radius:2px!important;box-shadow:none!important}
#hwBody.hw-simx .hw-proc-now{display:flex;align-items:flex-start;gap:10px;padding:8px 10px!important}
#hwBody.hw-simx .hw-proc-now .sw{width:10px!important;height:10px!important;border-radius:0!important;box-shadow:none!important;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);margin-top:3px!important}
#hwBody.hw-simx .hw-proc-now-t i,#hwBody.hw-simx .hw-proc-flow i,#hwBody.hw-simx .hw-proc-dcell i,#hwBody.hw-simx .hw-sim-preflight h4,#hwBody.hw-simx .hw-flow-truth>h4,#hwBody.hw-simx .hw-pressure-truth>h4,#hwBody.hw-simx .hw-proc-legend h4{display:block;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)!important;font-style:normal;margin:0 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-proc-now-t b{font-family:var(--sx-sans)!important;font-size:14px!important;font-weight:500!important;color:var(--ink)!important;line-height:1.2!important}
#hwBody.hw-simx .hw-proc-now-t>span,#hwBody.hw-simx .hw-proc-flow>span,#hwBody.hw-simx .hw-proc-dcell span{font-family:var(--sx-mono)!important;font-size:9.5px!important;font-weight:400!important;color:var(--muted)!important;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#hwBody.hw-simx .hw-proc-prog{height:2px!important;border-radius:0!important;background:var(--sx-hair)!important;margin-top:6px!important}
#hwBody.hw-simx .hw-proc-prog i{background:var(--sx-lapis)!important;border-radius:0!important}
#hwBody.hw-simx .hw-proc-flowcap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#hwBody.hw-simx .hw-proc-flow{padding:7px 10px!important;gap:1px}
#hwBody.hw-simx .hw-proc-flow b,#hwBody.hw-simx .hw-proc-dcell b{font-family:var(--sx-sans)!important;font-weight:300!important;font-size:19px!important;line-height:1!important;color:var(--ink)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#hwBody.hw-simx .hw-proc-flow b em,#hwBody.hw-simx .hw-proc-dcell b em{font-family:var(--sx-mono)!important;font-size:10px!important;font-weight:400!important;color:var(--muted)!important;margin-left:4px!important;font-style:normal}
#hwBody.hw-simx .hw-proc-flow.in{border-left:2px solid var(--sx-lapis)!important}
#hwBody.hw-simx .hw-proc-flow.out{border-left:2px solid var(--sx-gold)!important}
#hwBody.hw-simx .hw-proc-dist{display:grid!important;gap:8px!important}
#hwBody.hw-simx .hw-proc-dcell{padding:7px 10px!important;gap:1px}
#hwBody.hw-simx .hw-flow-truth,#hwBody.hw-simx .hw-pressure-truth{padding:8px 10px!important}
#hwBody.hw-simx .hw-flow-regions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
#hwBody.hw-simx .hw-flow-region>header{padding:5px 7px!important;border-bottom:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-flow-region>header b{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;color:var(--ink)!important}
#hwBody.hw-simx .hw-flow-region>header span{font-family:var(--sx-sans);font-size:8px!important;font-weight:400!important;color:var(--muted)!important}
#hwBody.hw-simx .hw-flow-seg{padding:4px 7px!important;border-top:1px solid var(--sx-hair-2)!important;gap:6px!important}
#hwBody.hw-simx .hw-flow-seg>i{width:8px!important;height:8px!important;border-radius:0!important;border:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}
#hwBody.hw-simx .hw-flow-seg b{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-flow-seg small{font-family:var(--sx-mono);font-size:8.5px!important;color:var(--muted)!important}
#hwBody.hw-simx .hw-flow-seg>em{font-family:var(--sx-mono)!important;font-size:9px!important;font-weight:400!important;color:var(--ink)!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx .hw-flow-empty{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:300;font-style:italic;color:var(--muted)!important;padding:8px 7px!important}
#hwBody.hw-simx .hw-milestones{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:6px!important;margin-top:6px!important}
#hwBody.hw-simx .hw-milestone{padding:5px 8px!important}
#hwBody.hw-simx .hw-milestone.now{border-color:var(--sx-gold-hair)!important;border-left:2px solid var(--sx-gold)!important}
#hwBody.hw-simx .hw-milestone b{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-milestone span{font-family:var(--sx-mono);font-size:8.5px!important;color:var(--muted)!important}
#hwBody.hw-simx .hw-pressure-head{font-family:var(--sx-sans)!important;font-size:8px!important;font-weight:500!important;letter-spacing:.12em!important;color:var(--muted)!important;padding:0 5px 4px!important;border-bottom:1px solid var(--sx-hair)}
#hwBody.hw-simx .hw-pressure-row{padding:5px 5px!important;border-top:1px solid var(--sx-hair-2)!important;font-family:var(--sx-mono)!important;font-size:10px!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx .hw-pressure-row b{font-family:var(--sx-sans);font-weight:500!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-pressure-row span{color:var(--muted)!important}
#hwBody.hw-simx .hw-pressure-row strong{color:var(--ink)!important;font-weight:400!important}
#hwBody.hw-simx .hw-utube{margin-top:6px!important;padding:6px 8px!important;font-family:var(--sx-sans);font-size:9.5px!important;font-weight:300;color:var(--muted)!important;border-left:2px solid var(--sx-lapis)!important;line-height:1.4}
#hwBody.hw-simx .hw-utube b{font-family:var(--sx-sans);font-size:10.5px!important;font-weight:500!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-utube strong{font-family:var(--sx-mono);font-weight:400!important;color:var(--ink)!important}
#hwBody.hw-simx #hwSimProcRail>.hw-simcx-morebtn{display:inline-flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%!important;padding:0 10px!important;min-height:28px;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important;box-shadow:none!important;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;cursor:pointer;grid-column:auto;position:static;flex-direction:row}
#hwBody.hw-simx #hwSimProcRail>.hw-simcx-morebtn:hover{color:var(--ink)!important;border-color:var(--muted)!important}
#hwBody.hw-simx #hwSimProcRail>.hw-simcx-morebtn span{font-size:12px!important}
/* preflight: the three sections read as one line of columns */
#hwBody.hw-simx .hw-sim-preflight section{border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;padding:8px 12px 10px!important}
#hwBody.hw-simx .hw-sim-preflight section:first-child{border-left:0!important;padding-left:0!important}
#hwBody.hw-simx .hw-sim-preflight b{font-family:var(--sx-sans)!important;font-size:12.5px!important;font-weight:500!important;color:var(--ink)!important;line-height:1.3!important}
#hwBody.hw-simx .hw-sim-preflight .route b,#hwBody.hw-simx .hw-sim-preflight .returns b{color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-preflight p{font-family:var(--sx-sans);font-size:10.5px!important;font-weight:300;color:var(--muted)!important;line-height:1.4!important;margin:4px 0 0!important}
#hwBody.hw-simx .hw-sim-preflight-stages span{border:1px solid var(--sx-hair)!important;border-radius:2px!important;padding:2px 7px!important;font-family:var(--sx-mono)!important;font-size:9.5px!important;font-weight:400!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-preflight-stages i{border-radius:0!important;width:7px!important;height:7px!important}
#hwBody.hw-simx .hw-stg-proof.warn{color:var(--amber)!important}
/* live readouts strip under the evidence */
#hwBody.hw-simx .hw-sim-readouts{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(236px,1fr))!important;gap:0!important;border-top:1px solid var(--sx-hair-2);padding:0 14px!important;margin:0!important;grid-area:auto!important;grid-column:auto!important;overflow:hidden}
#hwBody.hw-simx .hw-simcx-rail.preflight .hw-sim-readouts{display:none!important}
#hwBody.hw-simx .hw-sim-rg{display:grid!important;grid-template-columns:repeat(var(--rg-cols,2),minmax(0,1fr))!important;gap:0!important;border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;box-shadow:none!important;grid-column:auto!important;min-width:0;overflow:hidden}
#hwBody.hw-simx .hw-sim-rg:first-child{border-left:0!important}
#hwBody.hw-simx .hw-sim-rmetric{display:flex!important;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 8px 7px!important;border-left:1px solid var(--sx-hair-2)!important;gap:3px!important;justify-content:center}
#hwBody.hw-simx .hw-sim-rmetric:first-child{border-left:0!important}
#hwBody.hw-simx .hw-sim-rmetric span{font-family:var(--sx-sans);font-size:8.5px!important;font-weight:500!important;letter-spacing:.12em!important;line-height:1.2!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-sim-rmetric b{font-family:var(--sx-sans)!important;font-weight:300!important;font-size:16px!important;line-height:1!important;color:var(--ink)!important;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
#hwBody.hw-simx .hw-sim-rmetric b em{font-family:var(--sx-mono)!important;font-size:9px!important;font-weight:400!important;color:var(--muted)!important;margin-left:3px!important;font-style:normal}
#hwBody.hw-simx .hw-sim-rg.bad .hw-sim-rmetric b{color:var(--red)!important}
#hwBody.hw-simx .hw-sim-rg.bad{box-shadow:inset 2px 0 0 var(--red)!important}
#hwBody.hw-simx .hw-sim-ro{background:none!important;border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;padding:6px 8px 7px!important;gap:3px!important;box-shadow:none!important}
#hwBody.hw-simx .hw-sim-ro:first-child{border-left:0!important}
#hwBody.hw-simx .hw-sim-ro span{font-family:var(--sx-sans);font-size:8.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-sim-ro b{font-family:var(--sx-sans);font-weight:300;font-size:16px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#hwBody.hw-simx .hw-sim-ro b em{font-family:var(--sx-mono);font-size:9px;font-weight:400;color:var(--muted);margin-left:3px;font-style:normal}
#hwBody.hw-simx .hw-sim-ro.bad b{color:var(--red)}
#hwBody.hw-simx .hw-sim-ro.ph{grid-column:1/-1;border:1px dashed var(--sx-hair)!important;flex-direction:row;font-style:normal}
#hwBody.hw-simx .hw-sim-ro.ph b{font-size:11px;font-weight:300;font-style:italic;color:var(--muted)}
/* the player (transport): refined timeline with the solved event ticks */
#hwBody.hw-simx .hw-sim-transport{flex:0 0 auto!important;display:flex!important;align-items:center;gap:10px!important;padding:8px 14px 9px!important;border:0!important;border-top:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;margin:0!important;min-height:50px;position:static!important;width:auto!important;max-width:none!important;grid-template-columns:none!important;box-shadow:none!important;bottom:auto!important;z-index:auto!important;grid-area:auto!important;grid-column:auto!important;flex-wrap:nowrap!important}
#hwBody.hw-simx .hw-sim-tbtn{display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;padding:0!important;border:1px solid var(--sx-hair)!important;border-radius:999px!important;background:none!important;color:var(--ink)!important;font-size:0!important;box-shadow:none!important;flex:0 0 auto;transition:border-color .15s}
#hwBody.hw-simx .hw-sim-tbtn:hover{border-color:var(--muted)!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-tbtn .ico{width:13px!important;height:13px!important}
#hwBody.hw-simx .hw-sim-tbtn.play{width:34px!important;height:34px!important;background:var(--ink)!important;color:var(--sx-on-ink)!important;border-color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-tbtn.play .ico{width:14px!important;height:14px!important}
#hwBody.hw-simx .hw-sim-tbtn:disabled{opacity:.35!important}
#hwBody.hw-simx .hw-scrub{flex:1 1 auto!important;min-width:60px!important;height:34px!important;margin:0!important;width:auto!important;grid-column:auto!important;grid-row:auto!important}
#hwBody.hw-simx .hw-scrub-rail{height:2px!important;border-radius:0!important;background:var(--sx-hair)!important}
#hwBody.hw-simx .hw-scrub-fill{height:2px!important;border-radius:0!important;background:var(--sx-lapis)!important}
#hwBody.hw-simx .hw-scrub-tick{width:1px!important;height:12px!important;transform:translate(0,-50%)!important;background:var(--sx-gold)!important;border-radius:0!important}
#hwBody.hw-simx .hw-scrub-handle{width:12px!important;height:12px!important;background:var(--sx-lapis)!important;border:2px solid var(--card)!important;box-shadow:0 0 0 1px var(--sx-lapis)!important;transform:translate(-6px,-50%)!important;transition:none!important}
#hwBody.hw-simx .hw-scrub:hover .hw-scrub-handle{transform:translate(-6px,-50%)!important}
#hwBody.hw-simx .hw-sim-frame{font-family:var(--sx-mono)!important;font-size:10.5px!important;font-weight:400!important;color:var(--ink)!important;min-width:0!important;text-align:left!important;white-space:nowrap;overflow:visible;text-overflow:clip;flex:0 0 auto;font-variant-numeric:tabular-nums;grid-column:auto!important;grid-row:auto!important}
#hwBody.hw-simx .hw-sim-spd{font-family:var(--sx-mono)!important;font-size:10px!important;font-weight:400!important;color:var(--ink)!important;border:1px solid var(--sx-hair)!important;border-radius:999px!important;background:none!important;padding:3px 6px!important;min-height:24px!important;height:24px;width:auto!important;flex:0 0 auto;grid-column:auto!important;grid-row:auto!important}
/* live depth inspector card */
#hwBody.hw-simx .hw-simcx-more{grid-column:3!important;grid-row:1!important;grid-area:auto!important;display:flex!important;flex-direction:column;width:auto!important;padding:0!important;align-self:stretch!important}
#hwBody.hw-simx .hw-simcx-more>summary{pointer-events:none;list-style:none;display:block!important;padding:9px 14px 0!important;margin:0;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;line-height:1.2;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;gap:0}
#hwBody.hw-simx .hw-simcx-more>summary::before{content:none!important}
#hwBody.hw-simx .hw-simcx-more>summary::-webkit-details-marker{display:none}
#hwBody.hw-simx .hw-simcx-more>summary::after{content:"検査";font-family:var(--sx-jpf);font-weight:300;letter-spacing:.2em;text-transform:none;color:var(--muted);font-size:10px;float:right;margin-left:8px}
#hwBody.hw-simx .hw-simcx-more>div{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px 14px 12px!important;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
#hwBody.hw-simx .hw-sim-inspect{flex:0 0 auto;background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx .hw-sim-ip-h{display:none!important}
#hwBody.hw-simx .hw-sim-iprefs{display:flex!important;gap:4px!important;margin:0 0 6px!important;flex-wrap:wrap}
#hwBody.hw-simx .hw-sim-ipref{font-family:var(--sx-mono)!important;font-size:10px!important;font-weight:400!important;padding:0 8px!important;min-height:24px!important;height:24px;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important;color:var(--ink)!important;cursor:pointer;line-height:1}
#hwBody.hw-simx .hw-sim-ipref.on{background:var(--ink)!important;color:var(--sx-on-ink)!important;border-color:var(--ink)!important}
#hwBody.hw-simx .hw-sim-ipsl{display:flex;align-items:center;gap:8px;margin:0 0 6px!important}
#hwBody.hw-simx .hw-sim-ipsl.off{display:none!important}
#hwBody.hw-simx .hw-sim-ipsl input[type=range]{flex:1 1 auto;accent-color:var(--sx-lapis);min-height:0!important;height:18px}
#hwBody.hw-simx .hw-sim-ipsl span{font-family:var(--sx-mono);font-size:10.5px;color:var(--ink);white-space:nowrap}
#hwBody.hw-simx .hw-sim-ipbody{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--sx-hair-2)}
#hwBody.hw-simx .hw-sim-ipc{display:flex;flex-direction:column;gap:2px;padding:5px 8px 6px!important;border:0!important;border-bottom:1px solid var(--sx-hair-2)!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;min-width:0;box-shadow:none!important}
#hwBody.hw-simx .hw-sim-ipc:nth-child(3n+1){border-left:0!important}
#hwBody.hw-simx .hw-sim-ipc span{font-family:var(--sx-sans);font-size:8px!important;font-weight:500!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
#hwBody.hw-simx .hw-sim-ipc b{font-family:var(--sx-sans)!important;font-weight:300!important;font-size:clamp(12px,.9vw + 6px,15px)!important;line-height:1!important;color:var(--ink)!important;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;line-height:1.1!important;overflow:visible;text-overflow:clip}
#hwBody.hw-simx .hw-sim-ipc b em{white-space:nowrap}
#hwBody.hw-simx .hw-sim-ipc b em{font-family:var(--sx-mono)!important;font-size:8.5px!important;font-weight:400!important;color:var(--muted)!important;margin-left:3px;font-style:normal}
#hwBody.hw-simx .hw-sim-ipc.bad b{color:var(--red)!important}
#hwBody.hw-simx .hw-sim-ipnote{grid-column:1/-1;font-family:var(--sx-sans);font-size:9.5px!important;font-weight:300;color:var(--muted)!important;padding:4px 0 0;margin:0!important}
#hwBody.hw-simx .hw-sim-spark{flex:1 1 auto!important;min-height:64px!important;background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
#hwBody.hw-simx .hw-sim-spark-svg{width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;flex:1 1 auto;min-height:0;display:block}
#hwBody.hw-simx .hw-sim-spark-leg{flex:0 0 auto}
#hwBody.hw-simx .hw-sim-spark>*:not(svg){font-family:var(--sx-sans);font-size:10px;color:var(--muted)}
/* ————————————————— Trip / Wash "Full Simulation View" (kind ss): same language, well card + results card ————————————————— */
#hwBody.hw-simx .hw-sim:not(.hw-simcx){flex:1 1 auto!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:hidden!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.hw-sim-head{display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.hw-sim-transport{flex:0 0 auto!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;background:var(--card)!important;margin:0 0 var(--sx-gap)!important;padding:6px 14px!important;min-height:44px}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:288px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;overflow:hidden!important;align-items:stretch!important;margin:0!important}
#hwBody.hw-simx .hw-sim-well{display:flex!important;flex-direction:column;padding:9px 14px 10px!important;position:static!important;max-width:none!important;width:auto!important;align-self:stretch!important;gap:6px}
#hwBody.hw-simx .hw-sim-well::before{content:"Well · bit position";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto}
#hwBody.hw-simx .hw-sim-well .hw-schem-svg{flex:1 1 auto!important;min-height:0!important;width:100%!important;height:100%!important;max-height:none!important;display:block}
#hwBody.hw-simx .hw-sim-well .tsim-whole{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#hwBody.hw-simx .hw-sim-stage{display:flex!important;flex-direction:column;gap:8px!important;padding:10px 14px 12px!important;overflow:auto!important;height:auto!important;max-height:none!important;scrollbar-width:thin}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-readouts{border-top:0;padding:0!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:6px!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-readouts .hw-sim-ro{border:1px solid var(--sx-hair-2)!important;border-radius:2px!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect{border-top:1px solid var(--sx-hair-2)!important;padding-top:8px!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect .hw-sim-ip-h{display:flex!important;font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)!important;margin:0 0 6px!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect .hw-sim-ip-h .ico{width:12px;height:12px}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect .hw-sim-ip-h .muted{font-weight:300;letter-spacing:.02em;text-transform:none;color:var(--muted)}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect .hw-sim-ipbody{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-inspect .hw-sim-ipc{border-left:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-spark{flex:0 0 auto!important}
#hwBody.hw-simx .hw-sim-stage>.hw-sim-spark .hw-sim-spark-svg{max-height:200px!important}
#hwBody.hw-simx .hw-simx-tabs{display:none}
/* ————————————————— Live Ops and the other six workspaces: they keep their layouts; the shell only frames them ————————————————— */
#hwBody.hw-simx>.hw-live{flex:1 1 auto!important;min-height:0!important;height:auto!important;margin-top:0!important}
#hwBody.hw-simx>.sim-workflow{flex:0 0 auto;margin:0 0 var(--sx-gap)!important;padding:8px 14px!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;background:var(--card)!important;display:flex!important;align-items:center;gap:14px;box-shadow:var(--sx-shadow)}
#hwBody.hw-simx>.sim-workflow>div{flex:1 1 auto;display:block!important;min-width:0}
#hwBody.hw-simx>.sim-workflow strong{display:block;font-family:var(--sx-sans);font-size:10px!important;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
#hwBody.hw-simx>.sim-workflow span{display:block;font-family:var(--sx-sans);font-size:10.5px!important;font-weight:300;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx>.sim-workflow button{flex:0 0 auto!important;display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:1px;padding:0 10px!important;min-height:30px;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important;color:var(--ink)!important;text-align:left;font:inherit;cursor:pointer;min-width:0}
#hwBody.hw-simx>.sim-workflow button b{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap}
#hwBody.hw-simx>.sim-workflow button small{display:none}
/* ————————————————— wide desktop ————————————————— */
@media (min-width:1700px){
#hwBody.hw-simx .hw-simcx-body{grid-template-columns:330px minmax(0,1fr) 380px!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main{grid-template-columns:330px minmax(0,1fr)!important}
}
/* ————————————————— compact desktop / tablet landscape (1024–1279 viewport) ————————————————— */
@media (min-width:1001px) and (max-width:1279px){
#hwBody.hw-simx .hw-simcx-body{grid-template-columns:232px minmax(0,1fr) 272px!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main{grid-template-columns:232px minmax(0,1fr)!important}
#hwBody.hw-simx .hw-simx-meta{display:none}
#hwBody.hw-simx .hw-simmode-b:not(.on){font-size:0!important;padding:0 9px!important}
#hwBody.hw-simx .hw-simmode-b:not(.on) .hw-simmode-ic svg,#hwBody.hw-simx .hw-simmode-b:not(.on) .gws-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .trip-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .tree-dot{width:14px!important;height:14px!important}
/* labels stay visible on desktop (build 1174) */
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:first-child,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary{font-size:9px!important;padding:0 8px!important;letter-spacing:.1em}
#hwBody.hw-simx #hwSimProcRail{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"now" "flows" "volumes" "truth" "pressure" "schedule"!important;grid-template-rows:auto!important}
#hwBody.hw-simx .hw-sim-ipbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-sim-ipc:nth-child(3n+1){border-left:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-sim-ipc:nth-child(2n+1){border-left:0!important}
}
/* short desktop (≤ 720 px tall): tighter card chrome */
@media (min-width:1001px) and (max-height:720px){
#hwBody.hw-simx{--sx-gap:8px}
#hydro.screen.active #hwBody.hw-simx:has(.hw-sim),#hydro.screen.active #hwBody.hw-simx:has(.hw-simx-ws){padding:8px 14px 8px!important}
#hwBody.hw-simx>.hw-simmode{min-height:30px!important}
#hwBody.hw-simx .hw-simx-head{min-height:32px}
#hwBody.hw-simx .hw-simx-ready{min-height:30px}
#hwBody.hw-simx .hw-critical-grid>div{padding:4px 10px 5px}
#hwBody.hw-simx .hw-critical-grid strong{font-size:clamp(15px,1vw + 4px,22px)!important}
#hwBody.hw-simx .hw-sim-critical p{display:none}
#hwBody.hw-simx .hw-sim-transport{min-height:44px;padding:5px 14px 6px!important}
#hwBody.hw-simx .hw-sim-rmetric{padding:4px 8px 5px!important}
#hwBody.hw-simx .hw-sim-ipc{padding:3px 8px 4px!important}
#hwBody.hw-simx .hw-sim-ipc b{font-size:13px!important}
}
/* ————————————————— tablet (768–1000 viewport, e.g. 820×1180): two columns, the inspector across the bottom ————————————————— */
@media (min-width:600px) and (max-width:1000px){
#hydro.screen.active #hwBody.hw-simx:has(.hw-sim),#hydro.screen.active #hwBody.hw-simx:has(.hw-simx-ws){padding:8px 12px 8px!important}
#hwBody.hw-simx .hw-simx-meta{display:none}
#hwBody.hw-simx .hw-simmode-b:not(.on){font-size:0!important;padding:0 9px!important}
#hwBody.hw-simx .hw-simmode-b:not(.on) .hw-simmode-ic svg,#hwBody.hw-simx .hw-simmode-b:not(.on) .gws-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .trip-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .tree-dot{width:14px!important;height:14px!important}
#hwBody.hw-simx .hw-sim-tab:not(.on) .hw-sim-tabl{display:none}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:first-child,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary{display:none!important}
#hwBody.hw-simx .hw-critical-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-critical-grid>div:nth-child(5n+1){border-left:0}
#hwBody.hw-simx .hw-critical-grid>div:nth-child(-n+5){border-bottom:1px solid var(--sx-hair-2)}
#hwBody.hw-simx .hw-simcx-body{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;grid-template-rows:minmax(0,1.55fr) minmax(0,1fr)!important}
#hwBody.hw-simx .hw-simcx-diagram{grid-column:1!important;grid-row:1!important}
#hwBody.hw-simx .hw-simx-mid{grid-column:2!important;grid-row:1!important}
#hwBody.hw-simx .hw-simcx-more{grid-column:1/-1!important;grid-row:2!important}
#hwBody.hw-simx .hw-simcx-more>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 14px;align-items:stretch}
#hwBody.hw-simx .hw-simcx-more>div>.hw-sim-spark{border-left:1px solid var(--sx-hair-2);padding-left:14px!important;justify-content:center}
#hwBody.hw-simx #hwSimProcRail{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"now" "flows" "volumes" "truth" "pressure" "schedule"!important;grid-template-rows:auto!important}
#hwBody.hw-simx .hw-sim-readouts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-sim-transport{flex-wrap:wrap!important;row-gap:4px}
#hwBody.hw-simx .hw-sim-transport .hw-scrub{flex:1 1 100%!important;order:2;height:30px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-spd{margin-left:auto}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important}
}
/* ————————————————— phone (≤599 wide, or a short landscape phone): one pane at a time, the player at the bottom ————————————————— */
@media (max-width:599px), (max-height:500px){
#hwBody.hw-simx{--sx-gap:8px}
#hydro.screen.active #hwBody.hw-simx:has(.hw-sim),#hydro.screen.active #hwBody.hw-simx:has(.hw-simx-ws){padding:6px 10px calc(8px + env(safe-area-inset-bottom))!important}
#hydro.screen.active #hwBody.hw-simx>.hw-simmode,#hwBody.hw-simx>.hw-simmode{overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;min-height:38px!important;scrollbar-width:none;flex-wrap:nowrap!important}
#hwBody.hw-simx>.hw-simmode::-webkit-scrollbar{display:none}
#hwBody.hw-simx .hw-simx-rail,#hwBody.hw-simx .hw-simx-sub{flex:0 0 auto;overflow:visible}
#hwBody.hw-simx .hw-simmode-b{min-height:32px!important;height:32px!important}
#hwBody.hw-simx .hw-simmode-b:not(.on){font-size:0!important;padding:0 10px!important}
#hwBody.hw-simx .hw-simmode-b:not(.on) .hw-simmode-ic svg,#hwBody.hw-simx .hw-simmode-b:not(.on) .gws-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .trip-dot,#hwBody.hw-simx .hw-simmode-b:not(.on) .tree-dot{width:14px!important;height:14px!important}
#hwBody.hw-simx .hw-simx-k{display:none}
#hwBody.hw-simx .hw-sim-tab{min-height:30px!important;height:30px}
#hwBody.hw-simx .hw-sim-tab:not(.on) .hw-sim-tabl{display:none}
#hwBody.hw-simx .hw-simx-head{gap:8px;min-height:38px;flex-wrap:nowrap;margin-bottom:6px}
#hwBody.hw-simx .hw-simx-meta,#hwBody.hw-simx .hw-simx-prov,#hwBody.hw-simx .hw-simx-jp{display:none!important}
#hwBody.hw-simx .hw-simx-imm{width:34px;height:34px;min-height:34px}
#hwBody.hw-simx .hw-simx-imm .on .ico+*{display:none}
body.hw-simx-imm #hwBody.hw-simx .hw-simx-imm{width:34px;padding:0;font-size:0}
#hwBody.hw-simx .hw-simx-cart{padding:2px 8px!important;font-size:10.5px;letter-spacing:.1em;max-width:96px;line-height:24px;display:inline-block}
#hwBody.hw-simx .hw-simx-cart svg{display:none}
#hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns{flex:1 1 auto!important;min-width:0;overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start}
#hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns::-webkit-scrollbar{display:none}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run{min-height:36px!important;height:36px!important;padding:0 10px!important;font-size:9.5px!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:first-child,#hwBody.hw-simx .hw-sim-hbtns .btn.secondary{display:none!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds:not(:first-child){font-size:0!important;width:36px!important;padding:0!important;gap:0}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds .ico{width:15px!important;height:15px!important}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds.tree{font-size:9px!important;width:auto!important;padding:0 8px!important}
#hwBody.hw-simx .hw-simx-ready{min-height:32px;padding:0 10px}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status{font-size:11px!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-ctrl{display:none}
/* pane tabs */
#hwBody.hw-simx .hw-simx-tabs{display:flex!important;gap:2px;border:1px solid var(--sx-hair);border-radius:999px;padding:2px;background:var(--card);overflow-x:auto;scrollbar-width:none;flex:0 0 auto;margin:0 0 var(--sx-gap)}
#hwBody.hw-simx .hw-simx-tabs::-webkit-scrollbar{display:none}
#hwBody.hw-simx .hw-simx-tabs button{flex:1 1 0;min-height:32px;padding:0 6px;border:0;border-radius:999px;background:none;font-family:var(--sx-sans);font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
#hwBody.hw-simx .hw-simx-tabs button[aria-selected="true"]{background:var(--ink);color:var(--sx-on-ink)}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-simx-tabs button[data-simx-pane="inspector"]{display:none}
/* the cockpit becomes one flex column of leaves; wrappers dissolve */
#hwBody.hw-simx .hw-simcx-body,#hwBody.hw-simx .hw-simx-mid,#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main{display:contents!important}
#hwBody.hw-simx .hw-simcx>*,#hwBody.hw-simx .hw-simcx-body>*,#hwBody.hw-simx .hw-simx-mid>*{flex:0 0 auto}
#hwBody.hw-simx .hw-sim-critical{flex:0 0 auto!important;overflow:hidden!important;margin:0 0 var(--sx-gap)!important}
#hwBody.hw-simx .hw-critical-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-critical-grid>div{border-left:0;border-top:1px solid var(--sx-hair-2);padding:4px 9px 5px}
#hwBody.hw-simx .hw-critical-grid>div:nth-child(-n+3){border-top:0}
#hwBody.hw-simx .hw-critical-grid>div:not(:nth-child(3n+1)){border-left:1px solid var(--sx-hair-2)}
#hwBody.hw-simx .hw-critical-grid strong{font-size:clamp(15px,5vw,20px)!important}
#hwBody.hw-simx .hw-critical-heading{padding:7px 12px 0}
#hwBody.hw-simx .hw-critical-grid span{margin-bottom:2px}
#hwBody.hw-simx .hw-sim-critical p{white-space:normal;display:none}
#hwBody.hw-simx .hw-sim-readouts{flex:0 1 auto!important;min-height:0!important;overflow:auto!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;background:var(--card)!important;box-shadow:var(--sx-shadow)!important;padding:0 12px!important;margin:0 0 var(--sx-gap)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:max-content;align-content:start}
#hwBody.hw-simx .hw-sim-rmetric{padding:7px 8px 8px!important}
#hwBody.hw-simx .hw-sim-rg{border-left:0!important;border-top:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-sim-rg:nth-child(-n+2){border-top:0!important}
#hwBody.hw-simx .hw-sim-rg:nth-child(2n){border-left:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-simcx-diagram{flex:1 1 auto!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important;margin:0 0 var(--sx-gap)!important;max-width:none!important;width:100%!important}
#hwBody.hw-simx .hw-simcx-diagram .hw-schem-svg{height:100%!important;min-height:0!important;max-height:none!important}
#hwBody.hw-simx .hw-flowmap-join,#hwBody.hw-simx .hw-simcx-diagram::before{display:none}
#hwBody.hw-simx .hw-simcx-diagram{padding:8px 12px 8px!important;gap:4px}
#hwBody.hw-simx .hw-rl-legend{max-height:14px}
#hwBody.hw-simx .hw-simx-card-h{padding:0 2px 4px}
#hwBody.hw-simx .hw-simx-mid>.sim-workflow{padding:0 2px!important;border-bottom:0!important;margin-bottom:6px!important}
#hwBody.hw-simx .hw-simcx-rail.live .sim-workflow{display:none!important}
#hwBody.hw-simx .sim-workflow>div span{white-space:normal}
#hwBody.hw-simx .sim-workflow button b{font-size:11px!important}
#hwBody.hw-simx .sim-workflow button small{display:none}
#hwBody.hw-simx .hw-simx-mid>.hw-simx-card-h{position:static}
#hwBody.hw-simx #hwSimProcRail{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;background:var(--card)!important;box-shadow:var(--sx-shadow)!important;padding:10px 12px!important;margin:0 0 var(--sx-gap)!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"now" "flows" "volumes" "truth" "pressure" "schedule"!important;grid-template-rows:auto!important}
#hwBody.hw-simx .hw-simcx-rail.preflight #hwSimProcRail{grid-template-rows:auto!important}
#hwBody.hw-simx #hwSimProcRail>.hw-sim-preflight{grid-template-columns:minmax(0,1fr)!important;grid-row:auto!important}
#hwBody.hw-simx .hw-sim-preflight section{border-left:0!important;border-top:1px solid var(--sx-hair-2)!important;padding:8px 0 10px!important}
#hwBody.hw-simx .hw-sim-preflight section:first-child{border-top:0!important}
#hwBody.hw-simx .hw-flow-regions{grid-template-columns:1fr!important}
#hwBody.hw-simx .hw-simcx-more{flex:1 1 auto!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important;margin:0 0 var(--sx-gap)!important}
#hwBody.hw-simx .hw-simcx-more>div{overflow:auto;padding:8px 12px 12px!important}
#hwBody.hw-simx .hw-sim-spark{flex:0 0 auto!important}
/* which pane shows */
#hwBody.hw-simx .hw-simcx[data-simx-pane="quantities"] :is(.hw-simcx-diagram,.hw-simx-card-h,.sim-workflow,#hwSimProcRail,.hw-simcx-more){display:none!important}
#hwBody.hw-simx .hw-simcx[data-simx-pane="well"] :is(.hw-sim-critical,.hw-sim-readouts,.hw-simx-card-h,.sim-workflow,#hwSimProcRail,.hw-simcx-more){display:none!important}
#hwBody.hw-simx .hw-simcx[data-simx-pane="process"] :is(.hw-sim-critical,.hw-sim-readouts,.hw-simcx-diagram,.hw-simcx-more){display:none!important}
#hwBody.hw-simx .hw-simcx[data-simx-pane="inspector"] :is(.hw-sim-critical,.hw-sim-readouts,.hw-simcx-diagram,.hw-simx-card-h,.sim-workflow,#hwSimProcRail){display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)[data-simx-pane="quantities"] :is(.hw-sim-well,.hw-sim-stage){display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)[data-simx-pane="well"] :is(.hw-sim-critical,.hw-sim-stage){display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)[data-simx-pane="process"] :is(.hw-sim-critical,.hw-sim-well){display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)[data-simx-pane="inspector"] :is(.hw-sim-critical,.hw-sim-well){display:none!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-well,#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-stage{flex:1 1 auto!important;min-height:0!important;margin:0 0 var(--sx-gap)!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.hw-sim-transport{order:9;margin:0!important}
/* the player pins to the bottom of the pane column */
#hwBody.hw-simx .hw-simcx .hw-sim-transport{order:9;position:static!important;margin-top:auto!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;background:var(--card)!important;box-shadow:var(--sx-shadow)!important;padding:6px 10px!important;min-height:48px;flex-wrap:wrap!important;row-gap:2px}
#hwBody.hw-simx .hw-sim-transport .hw-sim-tbtn{width:34px!important;height:34px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-tbtn.play{width:38px!important;height:38px!important}
#hwBody.hw-simx .hw-sim-transport .hw-scrub{flex:1 1 100%!important;order:2;height:26px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-frame{flex:1 1 0;min-width:40px;font-size:10px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-spd{margin-left:auto}
#hwBody.hw-simx .hw-sim-ipbody{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#hwBody.hw-simx>.sim-workflow{flex-wrap:wrap}
#hwBody.hw-simx>.sim-workflow>div{flex:1 1 100%}
}
@media (max-height:500px) and (min-width:600px){
#hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns{justify-content:flex-start}
#hwBody.hw-simx .hw-critical-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-critical-grid>div:not(:nth-child(3n+1)){border-left:0}
#hwBody.hw-simx .hw-critical-grid>div:not(:nth-child(5n+1)){border-left:1px solid var(--sx-hair-2)}
#hwBody.hw-simx .hw-critical-grid>div:nth-child(-n+5){border-top:0}
#hwBody.hw-simx .hw-sim-readouts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#hwBody.hw-simx .hw-sim-rmetric b{font-size:clamp(12px,1.6vw,15px)!important}
}
/* ————————————————— immersive: the app chrome steps aside; the Simulate workbench takes the viewport ————————————————— */
body.hw-simx-imm .hydro-moderail,body.hw-simx-imm .hydro-topbar,body.hw-simx-imm .hw-flowbar,body.hw-simx-imm .hydro-foot,body.hw-simx-imm .hydro-tree,body.hw-simx-imm #hydro.screen.active #hydroModeRail.hydro-moderail,body.hw-simx-imm #hydro.screen.active #hydroTopbar.hydro-topbar,body.hw-simx-imm #hydro.screen.active #hwFlowBar.hw-flowbar,body.hw-simx-imm #hydro.screen.active #hydroFoot.hydro-foot,body.hw-simx-imm #hydro.screen.active #hydroTree.hydro-tree,body.hw-simx-imm #hydro.screen.active .hydro-side-backdrop,body.hw-simx-imm nav#mnav.mnav{display:none!important}
body.hw-simx-imm #hydro.screen.active .hydro-app{grid-template-columns:minmax(0,1fr)!important}
body.hw-simx-imm #hydro.screen.active .hydro-mainwrap{height:100dvh!important;max-height:100dvh!important}
body.hw-simx-imm #hwBody.hw-simx{padding-bottom:10px!important}
body.hw-simx-imm #hydro.screen.active .hydro-mainwrap{padding-bottom:0!important}
html body.hw-simx-imm.screen-hydro #hydro.screen.active #hwBody.hw-simx{max-height:none!important;height:auto!important;flex:1 1 auto!important}
@media (max-width:599px), (max-height:500px){ body.hw-simx-imm #hydro.screen.active #hwBody.hw-simx:has(.hw-sim),body.hw-simx-imm #hydro.screen.active #hwBody.hw-simx:has(.hw-simx-ws){padding-bottom:calc(6px + env(safe-area-inset-bottom))!important} }
@media (prefers-reduced-motion:reduce){#hwBody.hw-simx *{transition:none!important}}
/* ————————————————— round 2 ————————————————— */
#hwBody.hw-simx .hw-simmode-b .hw-simx-s{display:none}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status.ph b{text-transform:none;letter-spacing:0;font-size:inherit;color:inherit;font-weight:500}
@media (max-width:1919px){
#hwBody.hw-simx .hw-simmode-b .hw-simx-l:has(+.hw-simx-s){display:none}
#hwBody.hw-simx .hw-simmode-b .hw-simx-s{display:inline}
/* labels stay visible on desktop (build 1174) */
}
#hwBody.hw-simx .hw-sim-ipbody:has(.hw-sim-ip-ph){display:flex!important;border-top:0}
#hwBody.hw-simx .hw-sim-ip-ph{flex:1 1 auto;min-height:88px}
#hwBody.hw-simx .hw-sim-filllab .muted{font-size:inherit!important;letter-spacing:inherit;font-weight:300!important;text-transform:none}
#hwBody.hw-simx .hw-sim-spark-leg{display:flex;flex-wrap:wrap;gap:2px 10px;font-family:var(--sx-sans);font-size:9.5px!important;color:var(--muted)!important;line-height:14px;max-height:28px;overflow:hidden;margin-top:4px}
#hwBody.hw-simx .hw-sim-lg{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:400!important}
#hwBody.hw-simx .hw-sim-lg i,#hwBody.hw-simx .hw-sim-lg span{border-radius:0!important}
/* the standalone Surge & Swab tree and the Gas workspace fit under the shell instead of scrolling the working area */
#hwBody.hw-simx>#hwTreeRoot{flex:1 1 auto!important;min-height:0;display:flex;flex-direction:column}
#hwBody.hw-simx>#hwGasRoot{flex:1 1 auto!important;min-height:0;overflow:auto;overscroll-behavior:contain}
@media (min-width:1001px){
#hwBody.hw-simx .tsim-treews#ttApp{height:auto!important;flex:1 1 auto;min-height:0!important}
}
/* ————————————————— round 3 ————————————————— */
@media (max-width:1439px){ #hwBody.hw-simx .hw-simx-head>.hw-sim-hbtns~.hw-simx-imm{margin-left:0} #hwBody.hw-simx .hw-simx-head:has(.hw-sim-hbtns) .hw-simx-meta{display:none} }
/* phone workspace selector + sheet (built by sim-maison.js from the switcher's own buttons) */
#hwBody.hw-simx .hw-simx-selector,#hwBody.hw-simx .hw-simx-sheet{display:none}
@media (max-width:599px), (max-height:500px){
#hwBody.hw-simx .hw-simx-rail,#hwBody.hw-simx .hw-simx-sub{display:none!important}
#hwBody.hw-simx>.hw-simmode{overflow:visible!important;min-height:38px!important;margin-bottom:6px!important}
#hwBody.hw-simx .hw-simx-selector{display:inline-flex;align-items:center;gap:7px;min-height:36px;max-width:100%;padding:0 12px 0 10px;border:1px solid var(--sx-lapis);border-radius:999px;background:none;color:var(--sx-lapis);font-family:var(--sx-sans);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;cursor:pointer}
#hwBody.hw-simx .hw-simx-selector svg{width:13px;height:13px;flex:0 0 auto;stroke:currentColor}
#hwBody.hw-simx .hw-simx-selector .sub{font-family:var(--sx-sans);font-size:11px!important;text-transform:none;letter-spacing:.02em;color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;min-width:0}
#hwBody.hw-simx .hw-simx-selector>span:not(.sub){font-size:10.5px!important}
#hwBody.hw-simx .hw-simx-selector .cv{width:10px;height:10px;opacity:.7;margin-left:auto}
#hwBody.hw-simx .hw-simx-sheet{position:fixed;inset:0;z-index:120;display:none;align-items:flex-end;background:color-mix(in srgb,var(--ink) 35%,transparent)}
#hwBody.hw-simx .hw-simx-sheet[data-open="1"]{display:flex}
#hwBody.hw-simx .hw-simx-sheet-b{width:100%;max-height:88%;background:var(--card);border-radius:10px 10px 0 0;border-top:1px solid var(--sx-hair);padding:14px 16px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:2px;overflow:auto;box-sizing:border-box}
#hwBody.hw-simx .hw-simx-sheet-b .grab{width:36px;height:4px;border-radius:2px;background:var(--sx-hair);margin:-6px auto 8px;flex:0 0 auto}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simx-micro{margin-bottom:4px}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b{display:flex!important;width:100%;gap:12px!important;min-height:46px!important;height:auto!important;padding:0 6px!important;border-radius:0!important;border-bottom:1px solid var(--sx-hair-2)!important;background:none!important;color:var(--ink)!important;font-size:12.5px!important;letter-spacing:.02em;text-transform:none;text-align:left;justify-content:flex-start}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b.on{color:var(--sx-lapis)!important}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .hw-simx-l{display:inline!important}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .hw-simx-s{display:none!important}
#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .hw-simmode-ic svg,#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .gws-dot,#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .trip-dot,#hwBody.hw-simx .hw-simx-sheet-b .hw-simmode-b .tree-dot{width:16px!important;height:16px!important}
#hwBody.hw-simx .hw-simx-sheet-sub{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 10px 34px;border-bottom:1px solid var(--sx-hair-2)}
#hwBody.hw-simx .hw-simx-sheet-sub .hw-sim-tab{min-height:32px!important;height:32px;border:1px solid var(--sx-hair)!important;color:var(--muted)!important;font-size:10.5px!important}
#hwBody.hw-simx .hw-simx-sheet-sub .hw-sim-tab.on{color:var(--ink)!important;border-color:var(--ink)!important}
#hwBody.hw-simx .hw-simx-sheet-sub .hw-sim-tab .hw-sim-tabl{display:inline!important}
}
/* short landscape phones: the readouts strip lives in the Process pane (above the fluid lists), never half-visible under the tiles */
@media (max-height:500px){
#hwBody.hw-simx .hw-simcx[data-simx-pane="quantities"] .hw-sim-readouts{display:none!important}
#hwBody.hw-simx .hw-simcx[data-simx-pane="process"] .hw-sim-readouts{display:grid!important;order:1;flex:0 0 auto!important;overflow:hidden!important}
#hwBody.hw-simx .hw-simcx .hw-simx-card-h,#hwBody.hw-simx .hw-simcx .sim-workflow{order:0}
#hwBody.hw-simx .hw-simcx #hwSimProcRail{order:2}
#hwBody.hw-simx .hw-sim-critical{margin-bottom:0!important}
}
/* short landscape phones: one-row player, tighter tiles, so Quantities fits beside the shell */
@media (max-height:500px){
#hwBody.hw-simx .hw-simcx .hw-sim-transport{flex-wrap:nowrap!important;min-height:44px;padding:4px 10px!important}
#hwBody.hw-simx .hw-sim-transport .hw-scrub{flex:1 1 auto!important;order:0;height:30px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-tbtn{width:30px!important;height:30px!important}
#hwBody.hw-simx .hw-sim-transport .hw-sim-tbtn.play{width:34px!important;height:34px!important}
#hwBody.hw-simx .hw-critical-heading{padding:5px 12px 0}
#hwBody.hw-simx .hw-critical-grid>div{padding:3px 9px 4px}
#hwBody.hw-simx .hw-critical-grid strong{font-size:15px!important}
#hwBody.hw-simx>.hw-simmode{min-height:34px!important}
#hwBody.hw-simx .hw-simx-selector{min-height:32px}
#hwBody.hw-simx .hw-simx-head{min-height:34px;margin-bottom:4px}
#hwBody.hw-simx .hw-sim-hbtns .hw-sim-ds,#hwBody.hw-simx .hw-sim-hbtns .hw-sim-run{min-height:32px!important;height:32px!important}
#hwBody.hw-simx .hw-simx-ready{min-height:30px;margin-bottom:6px!important}
#hwBody.hw-simx .hw-simx-tabs{margin-bottom:6px}
#hwBody.hw-simx .hw-simx-tabs button{min-height:28px}
}
/* numbers are never ellipsised: on narrow phones the readouts run one group per row (≤ 3 value columns), values shrink with clamp() */
@media (max-width:430px){
#hwBody.hw-simx .hw-sim-readouts{grid-template-columns:minmax(0,1fr)!important}
#hwBody.hw-simx .hw-sim-rg{border-left:0!important;border-top:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx .hw-sim-rg:first-child{border-top:0!important}
#hwBody.hw-simx .hw-sim-rmetric{padding:5px 8px 6px!important}
#hwBody.hw-simx .hw-sim-rmetric b{font-size:clamp(13px,4.2vw,16px)!important}
#hwBody.hw-simx .hw-sim-rmetric b em{font-size:8.5px!important;margin-left:2px!important}
#hwBody.hw-simx .hw-critical-grid strong{font-size:clamp(14px,4.6vw,19px)!important;gap:3px}
#hwBody.hw-simx .hw-critical-grid small{font-size:10px!important}
#hwBody.hw-simx .hw-sim-ipc b{font-size:clamp(12px,3.9vw,15px)!important}
#hwBody.hw-simx .hw-sim-ipbody{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* phone player: the frame label reads "32/61" (sim-maison.js mirrors the app's label into data-simx-short) */
@media (max-width:599px), (max-height:500px){
#hwBody.hw-simx .hw-sim-frame[data-simx-short]{font-size:0!important;flex:0 0 auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important}
#hwBody.hw-simx .hw-sim-frame[data-simx-short]::after{content:attr(data-simx-short);font-family:var(--sx-mono);font-size:11px;color:var(--ink);white-space:nowrap;letter-spacing:.02em}
}
/* ============================================================================
STAGE 2 — Well Control / KWM · Well-Kill / Stripping · MPD SBP Schedule
The workspaces keep their markup, ids, handlers and engines; the layer re-lays
them out as inputs rail · result canvas (KWM), step rail · inputs · result
(Well-Kill), setup rail · schedule table · charts (MPD), one screen each.
============================================================================ */
#hwBody.hw-simx>.hw-simx-ws{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;width:auto!important}
#hwBody.hw-simx .hw-simx-ws .fz-colnote{flex:0 0 auto;margin:0 0 var(--sx-gap);font-family:var(--sx-sans);font-size:11px;color:var(--muted);padding:6px 12px;border:1px dashed var(--sx-hair);border-radius:2px}
/* the workspace's own action bar in the shared header */
#hwBody.hw-simx .hw-simx-head>.hw-simx-acts{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}
#hwBody.hw-simx .hw-simx-head>.hw-simx-acts:empty{display:none}
#hwBody.hw-simx .hw-simx-head>.hw-simx-acts+.hw-simx-imm{margin-left:0}
#hwBody.hw-simx .hw-simx-acts .sltr-headr,#hwBody.hw-simx .hw-simx-acts .hw-mpd-runbar{display:flex!important;align-items:center;gap:6px!important;margin:0!important;flex-wrap:nowrap!important;justify-content:flex-end}
#hwBody.hw-simx .hw-simx-acts .sltr-btn,#hwBody.hw-simx .hw-simx-acts .hw-sim-run,#hwBody.hw-simx .hw-simx-acts .hw-sim-ds,#hwBody.hw-simx .hw-simx-acts .hw-setup-x{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;padding:0 12px!important;min-height:30px!important;height:30px!important;width:auto!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;color:var(--ink)!important;background:transparent!important;box-shadow:none!important;white-space:nowrap;cursor:pointer;line-height:1!important;filter:none!important;margin:0!important}
#hwBody.hw-simx .hw-simx-acts .sltr-btn.quiet,#hwBody.hw-simx .hw-simx-acts .hw-setup-x{border-color:transparent!important;color:var(--muted)!important}
#hwBody.hw-simx .hw-simx-acts .sltr-btn:hover:not(:disabled),#hwBody.hw-simx .hw-simx-acts .hw-sim-ds:hover{border-color:var(--muted)!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-simx-acts .sltr-btn.primary,#hwBody.hw-simx .hw-simx-acts .hw-sim-run{background:var(--sx-lapis)!important;color:#fff!important;border-color:var(--sx-lapis)!important}
#hwBody.hw-simx .hw-simx-acts button:disabled{opacity:.45!important;cursor:not-allowed!important}
/* ---- the .sltr component language (KWM · Well-Kill) in the Maison finish ---- */
#hwBody.hw-simx .sltr{--sa:var(--sx-lapis)!important;--sa-soft:color-mix(in srgb,var(--blue) 8%,var(--card));--sl:var(--sx-hair)!important;--sh:var(--sx-hair-2)!important;--sr:2px!important;--wc-kwm:color-mix(in srgb,var(--accent2) 72%,var(--ink))!important;--wc-mud:color-mix(in srgb,var(--ink) 7%,var(--card));font-family:var(--sx-sans);font-size:12.5px;gap:0!important}
#hwBody.hw-simx .sltr>.sltr-head{display:none!important}
#hwBody.hw-simx .sltr .sltr-fine{font-family:var(--sx-sans);font-size:10.5px!important;font-weight:300;color:var(--muted);line-height:1.4}
#hwBody.hw-simx .sltr .sltr-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 14px!important;margin:6px 0!important}
#hwBody.hw-simx .sltr .sltr-f{gap:2px!important}
#hwBody.hw-simx .sltr .sltr-f.wide{grid-column:1/-1}
#hwBody.hw-simx .sltr .sltr-fl{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0!important}
#hwBody.hw-simx .sltr .sltr-fi{border:0!important;border-bottom:1px solid var(--sx-hair)!important;border-radius:0!important;background:none!important;min-height:28px!important;height:28px}
#hwBody.hw-simx .sltr .sltr-fi:focus-within{border-bottom-color:var(--sx-lapis)!important}
#hwBody.hw-simx .sltr .sltr-fi input{font-family:var(--sx-mono)!important;font-size:13px!important;font-weight:400!important;padding:2px 0!important;min-height:0!important;height:26px;font-variant-numeric:tabular-nums;background:none!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;border-radius:0!important}
#hwBody.hw-simx .sltr .sltr-fi i{font-family:var(--sx-mono);font-size:10.5px!important;color:var(--muted)!important;padding-right:0!important;letter-spacing:.04em}
#hwBody.hw-simx .sltr .sltr-f small{font-family:var(--sx-sans);font-size:10px!important;font-weight:300;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .sltr .sltr-sel{border:0!important;border-bottom:1px solid var(--sx-hair)!important;border-radius:0!important;background:none!important;font-family:var(--sx-mono)!important;font-size:12.5px!important;min-height:28px!important;height:28px;padding:0!important;color:var(--ink)!important}
#hwBody.hw-simx .sltr .sltr-f.solved b{border:1px dashed var(--sx-hair)!important;border-radius:2px!important;color:var(--muted)!important;font-family:var(--sx-sans);font-size:10px!important;font-weight:400;font-style:italic;min-height:28px!important;padding:0 8px!important}
#hwBody.hw-simx .sltr .sltr-seg{border:1px solid var(--sx-hair)!important;border-radius:14px!important;background:none!important;padding:2px;gap:2px;overflow:hidden;flex-wrap:wrap!important}
#hwBody.hw-simx .sltr .sltr-seg button{border:0!important;border-radius:999px!important;background:none!important;color:var(--muted)!important;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.04em;text-transform:uppercase;min-height:24px!important;padding:0 6px!important;white-space:nowrap;min-width:0;overflow:visible;text-overflow:clip;flex:1 1 auto;line-height:24px}
#hwBody.hw-simx .sltr .sltr-seg button.on{background:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx .sltr .tsim-modeseg{margin:0}
#hwBody.hw-simx .sltr .sltr-why{margin:4px 0 0!important;padding-left:14px!important;font-family:var(--sx-sans);font-size:10.5px!important;color:var(--amber)!important}
#hwBody.hw-simx .sltr .wc-more{margin-top:6px!important;border-top:1px solid var(--sx-hair-2)!important;padding-top:4px!important}
#hwBody.hw-simx .sltr .wc-more>summary{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);padding:4px 0!important;list-style:none;cursor:pointer}
#hwBody.hw-simx .sltr .wc-more>summary::before{content:"+";display:inline-block;width:12px;font-size:11px;line-height:1;color:var(--muted);font-family:var(--sx-mono)}
#hwBody.hw-simx .sltr .wc-more[open]>summary::before{content:"–"}
#hwBody.hw-simx .sltr .wc-more>summary::-webkit-details-marker{display:none}
#hwBody.hw-simx .sltr h4{margin:0!important;font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
#hwBody.hw-simx .sltr .tsim-verdict{margin:6px 0 0!important;gap:3px!important}
#hwBody.hw-simx .sltr .tsim-verdict li{font-family:var(--sx-sans);font-size:11px;line-height:1.4;color:var(--ink);padding:3px 0 3px 12px;position:relative;border:0!important;background:none!important;border-radius:0!important}
#hwBody.hw-simx .sltr .tsim-verdict li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--muted)}
#hwBody.hw-simx .sltr .tsim-verdict li.ok::before{background:var(--green)} #hwBody.hw-simx .sltr .tsim-verdict li.warn::before{background:var(--amber)} #hwBody.hw-simx .sltr .tsim-verdict li.bad::before{background:var(--red)}
#hwBody.hw-simx .sltr .tsim-verdict li b{font-weight:500}
#hwBody.hw-simx .sltr .sltr-note-busy{flex:1 1 auto;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)!important;font-family:var(--sx-sans);font-size:11px;font-weight:300;font-style:italic;padding:10px 18px!important;border:1px dashed var(--sx-hair)!important;border-radius:2px!important;background:var(--sx-hatch)!important;line-height:1.45;margin:0}
#hwBody.hw-simx .sltr .sltr-note-busy h3{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--ink)!important;margin:0 0 4px!important}
#hwBody.hw-simx .sltr .sltr-note-busy p{margin:0}
#hwBody.hw-simx .sltr .sltr-err{border:1px solid color-mix(in srgb,var(--red) 40%,transparent)!important;border-left:2px solid var(--red)!important;border-radius:2px!important;background:none!important;font-family:var(--sx-sans);font-size:11px;padding:8px 10px!important}
#hwBody.hw-simx .sltr .sltr-btn{font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;min-height:30px!important;padding:0 12px!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:transparent!important;color:var(--ink)!important}
#hwBody.hw-simx .sltr .sltr-btn.primary{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx .sltr .sltr-btn:disabled{opacity:.45}
#hwBody.hw-simx .sltr .sltr-chart{border:1px solid var(--sx-hair-2)!important;border-radius:2px!important;padding:6px 10px!important;background:none!important;display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx .sltr .sltr-chart figcaption{font-family:var(--sx-sans);font-size:10px!important;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);flex:0 0 auto}
#hwBody.hw-simx .sltr .sltr-chart figcaption>i{text-transform:none;letter-spacing:.02em;font-weight:300;font-size:10px!important}
#hwBody.hw-simx .sltr .sltr-chart figcaption .sltr-k{text-transform:none;letter-spacing:.02em;font-weight:400;font-size:9.5px}
#hwBody.hw-simx .sltr .sltr-chart svg{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important}
#hwBody.hw-simx .sltr .sltr-sheet{border:1px solid var(--sx-hair-2)!important;border-radius:2px!important;overflow:auto;scrollbar-width:thin}
#hwBody.hw-simx .sltr .sltr-table{font-family:var(--sx-mono);font-size:11px!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx .sltr .sltr-table th{font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase!important;color:var(--muted)!important;border-bottom:1px solid var(--sx-hair)!important;background:var(--card)!important;padding:4px 8px 5px!important}
#hwBody.hw-simx .sltr .sltr-table td{border-bottom:1px solid var(--sx-hair-2)!important;padding:4px 8px!important;overflow:visible;text-overflow:clip}
#hwBody.hw-simx .sltr .sltr-table td.l,#hwBody.hw-simx .sltr .sltr-table.kv th,#hwBody.hw-simx .sltr .sltr-table.kv td{font-family:var(--sx-sans)}
#hwBody.hw-simx .sltr .sltr-table tr.cur{background:color-mix(in srgb,var(--blue) 8%,transparent)!important}
#hwBody.hw-simx .sltr .sltr-table td.bad,#hwBody.hw-simx .sltr .sltr-table tr.bad td:first-child{color:var(--red)}
#hwBody.hw-simx .sltr .wc-note{border-left:2px solid var(--amber)!important;background:none!important;border-radius:0!important;font-family:var(--sx-sans);font-size:10.5px!important;color:var(--amber);padding:4px 10px!important;margin:4px 0!important}
#hwBody.hw-simx .sltr .wc-key{font-family:var(--sx-sans);font-size:9.5px!important;color:var(--muted)!important}
#hwBody.hw-simx .sltr .wc-key span::before{border-radius:0!important;width:9px!important;height:9px!important}
#hwBody.hw-simx .sltr .wc-seg.h,#hwBody.hw-simx .sltr .wc-key .h::before{background:var(--blue)!important}
#hwBody.hw-simx .sltr .wc-seg.f,#hwBody.hw-simx .sltr .wc-key .f::before{background:color-mix(in srgb,var(--blue) 45%,var(--card))!important}
#hwBody.hw-simx .sltr .wc-seg.s,#hwBody.hw-simx .sltr .wc-key .s::before{background:var(--accent2)!important}
#hwBody.hw-simx .sltr .wc-seg.k,#hwBody.hw-simx .sltr .wc-key .k::before{background:var(--wc-kwm)!important}
#hwBody.hw-simx .sltr .wc-bar{height:10px!important;border-radius:0!important;background:var(--sx-hair-2)!important}
#hwBody.hw-simx .sltr .wc-barrow{grid-template-columns:48px minmax(0,1fr) 72px!important;gap:8px!important;margin:4px 0!important}
#hwBody.hw-simx .sltr .wc-barrow b{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#hwBody.hw-simx .sltr .wc-barrow i{font-family:var(--sx-mono);font-size:11px!important;color:var(--ink);white-space:nowrap;overflow:visible}
#hwBody.hw-simx .sltr .wc-well,#hwBody.hw-simx .sltr .wc-bars{border:1px solid var(--sx-hair-2)!important;border-radius:2px!important;background:none!important;padding:6px 10px!important}
#hwBody.hw-simx .sltr .wc-well figcaption b,#hwBody.hw-simx .sltr .wc-bars figcaption b{font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
#hwBody.hw-simx .sltr .wc-well figcaption i,#hwBody.hw-simx .sltr .wc-bars figcaption i{font-family:var(--sx-sans);font-size:10px!important;font-weight:300}
#hwBody.hw-simx .sltr .wc-tick.shoe{stroke:var(--muted)!important} #hwBody.hw-simx .sltr .wc-lab.shoe{fill:var(--muted)!important}
#hwBody.hw-simx .sltr .wc-tick.ctl{stroke:var(--sx-lapis)!important} #hwBody.hw-simx .sltr .wc-lab.ctl{fill:var(--sx-lapis)!important}
#hwBody.hw-simx .sltr .wc-lab{font-family:var(--sx-mono)}
/* ---- Well Control / KWM: inputs rail · result canvas ---- */
#hwBody.hw-simx #wcKwmApp{flex:1 1 auto;min-height:0;display:flex!important;flex-direction:column}
#hwBody.hw-simx #wcKwmApp>.tsim-treews-body{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:316px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch!important}
#hwBody.hw-simx #wcKwmApp .sltr-panel,#hwBody.hw-simx #wcKwmMain,#hwBody.hw-simx #wcWkApp>.wc-steps,#hwBody.hw-simx #wcWkApp .sltr-panel,#hwBody.hw-simx #wcWkMain,#hwBody.hw-simx .hw-mpd-setup,#hwBody.hw-simx .hw-mpd-tbl,#hwBody.hw-simx .hw-mpd-chart,#hwBody.hw-simx .hw-outdock{background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:var(--sx-radius)!important;box-shadow:var(--sx-shadow)!important;position:relative;overflow:hidden;min-height:0;min-width:0;margin:0!important;color:var(--ink)!important}
#hwBody.hw-simx #wcKwmApp .sltr-panel{overflow:auto!important;max-height:none!important;padding:9px 14px 12px!important;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}
#hwBody.hw-simx #wcKwmApp .sltr-panel::before{content:"Well control · kill-weight mud";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;margin-bottom:4px}
#hwBody.hw-simx #wcKwmApp .tsim-treews-verdict{margin-top:auto;padding-top:6px;border-top:1px solid var(--sx-hair-2)}
#hwBody.hw-simx #wcKwmApp .tsim-treews-verdict:empty{display:none}
#hwBody.hw-simx #wcKwmMain{display:flex!important;flex-direction:column;padding:0!important;overflow:auto!important;scrollbar-width:thin}
#hwBody.hw-simx #wcKwmMain>.sltr-note-busy{margin:14px!important;flex:1 1 auto}
#hwBody.hw-simx #wcKwmMain .wc-tiles{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:0!important;margin:0!important;border-bottom:1px solid var(--sx-hair-2);flex:0 0 auto}
#hwBody.hw-simx #wcKwmMain .wc-tile{border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;padding:8px 12px 9px!important;display:flex!important;flex-direction:column;gap:3px;min-width:0}
#hwBody.hw-simx #wcKwmMain .wc-tile:first-child{border-left:0!important}
#hwBody.hw-simx #wcKwmMain .wc-tile.w2{grid-column:span 2}
#hwBody.hw-simx #wcKwmMain .wc-tile span{font-family:var(--sx-sans);font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx #wcKwmMain .wc-tile b{font-family:var(--sx-sans);font-weight:300!important;font-size:clamp(17px,1.4vw + 4px,26px)!important;line-height:1!important;color:var(--ink);white-space:nowrap;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx #wcKwmMain .wc-tile i{font-family:var(--sx-mono);font-size:10.5px!important;color:var(--muted)!important;letter-spacing:.04em}
#hwBody.hw-simx #wcKwmMain .wc-tile.bad b{color:var(--red)} #hwBody.hw-simx #wcKwmMain .wc-tile.warn b{color:var(--amber)} #hwBody.hw-simx #wcKwmMain .wc-tile.ok b{color:var(--ink)}
#hwBody.hw-simx #wcKwmMain .wc-tile.bad,#hwBody.hw-simx #wcKwmMain .wc-tile.warn{box-shadow:none!important}
#hwBody.hw-simx #wcKwmMain .wc-row{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(200px,250px) minmax(0,1fr)!important;gap:var(--sx-gap)!important;padding:8px 14px 6px;overflow:hidden;align-items:stretch!important}
#hwBody.hw-simx #wcKwmMain .wc-well{display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx #wcKwmMain .wc-well svg{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important;max-height:none!important}
#hwBody.hw-simx #wcKwmMain .wc-col{min-height:0;display:flex;flex-direction:column;gap:8px!important;overflow:hidden}
#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart{flex:1 1 auto;min-height:130px}
#hwBody.hw-simx #wcKwmMain .wc-col>.wc-bars{flex:0 0 auto}
#hwBody.hw-simx #wcKwmMain>h4{padding:6px 14px 4px;flex:0 0 auto}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet{flex:0 0 auto;min-height:0;max-height:34%;margin:0 14px!important}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet td,#hwBody.hw-simx #wcKwmMain>.sltr-sheet th{padding:5px 8px!important}
#hwBody.hw-simx #wcKwmMain>.wc-row{flex:1 1 auto;min-height:180px}
#hwBody.hw-simx #wcKwmMain>.wc-barrow{margin:2px 14px!important}
#hwBody.hw-simx #wcKwmMain>.wc-key,#hwBody.hw-simx #wcKwmMain>.sltr-fine{padding:0 14px}
#hwBody.hw-simx #wcKwmMain>details.wc-more{flex:0 0 auto;padding:2px 14px 8px;margin:0!important;border-top:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx #wcKwmMain>details.wc-more[open]{flex:0 1 auto;min-height:0;overflow:auto}
/* ---- Well-Kill / Stripping: step rail · step inputs · step result ---- */
#hwBody.hw-simx #wcWkApp{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:250px minmax(0,.85fr) minmax(0,1.35fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"steps panel main";gap:var(--sx-gap)!important;align-items:stretch}
#hwBody.hw-simx #wcWkApp>.wc-steps{grid-area:steps;display:flex!important;flex-direction:column;gap:0!important;padding:9px 14px 10px!important;overflow:auto;flex-wrap:nowrap!important}
#hwBody.hw-simx #wcWkApp>.wc-steps::before{content:"Well-kill · stripping workflow";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;margin-bottom:4px}
#hwBody.hw-simx #wcWkApp>.wc-steps button{display:flex!important;align-items:center;gap:10px!important;min-height:0!important;padding:9px 6px 10px 0!important;border:0!important;border-bottom:1px solid var(--sx-hair-2)!important;border-radius:0!important;background:none!important;color:var(--muted)!important;font-family:var(--sx-sans)!important;font-size:12px!important;font-weight:400!important;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:padding .15s}
#hwBody.hw-simx #wcWkApp>.wc-steps button i{width:20px!important;height:20px!important;border-radius:50%!important;border:1px solid var(--sx-hair);background:none!important;font-family:var(--sx-mono)!important;font-size:10px!important;color:var(--muted);flex:0 0 auto;font-style:normal}
#hwBody.hw-simx #wcWkApp>.wc-steps button.on{color:var(--ink)!important;box-shadow:inset 2px 0 0 var(--sx-lapis)!important;padding-left:8px!important}
#hwBody.hw-simx #wcWkApp>.wc-steps button.on i{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx #wcWkApp>.wc-steps button.done i{border-color:var(--sx-lapis)!important;color:var(--sx-lapis)!important;background:none!important}
#hwBody.hw-simx #wcWkApp>.wc-steps button.on.done i{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx #wcWkApp>.tsim-treews-body{display:contents!important}
#hwBody.hw-simx #wcWkApp .sltr-panel{grid-area:panel;overflow:auto!important;max-height:none!important;padding:9px 14px 12px!important;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}
#hwBody.hw-simx #wcWkApp .sltr-panel::before{content:"Step inputs";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:0 0 auto;margin-bottom:2px}
#hwBody.hw-simx #wcWkApp .sltr-panel>.sltr-fine{margin:0 0 4px!important}
#hwBody.hw-simx #wcWkApp .sltr-panel>#wcWkRunBtn{position:sticky;bottom:0;margin-top:auto!important;align-self:flex-start;background:var(--sx-lapis)!important}
#hwBody.hw-simx #wcWkMain{grid-area:main;overflow:auto!important;padding:9px 14px 12px!important;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}
#hwBody.hw-simx #wcWkMain::before{content:"Step result";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:0 0 auto}
#hwBody.hw-simx #wcWkMain>.sltr-note-busy{flex:1 1 auto}
#hwBody.hw-simx #wcWkMain>.sltr-chart{flex:0 0 auto}
#hwBody.hw-simx #wcWkMain>.sltr-chart svg{height:auto!important;max-height:min(280px,30vh)}
@media (min-width:1700px){ #hwBody.hw-simx #wcWkMain>.sltr-chart svg{max-height:min(400px,38vh)} }
#hwBody.hw-simx #wcWkMain .sltr-sheet td,#hwBody.hw-simx #wcWkMain .sltr-sheet th{padding:6px 8px!important;white-space:nowrap}
#hwBody.hw-simx #wcWkMain>.tsim-verdict{margin:0!important}
#hwBody.hw-simx #wcWkMain>.sltr-sheet{flex:0 0 auto;max-height:none}
#hwBody.hw-simx #wcWkMain>h4{padding-top:4px}
/* ---- MPD SBP Schedule: setup rail · schedule table (the only scroller) · charts ---- */
#hwBody.hw-simx>#hwMpdRoot{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto auto!important;grid-template-areas:"setup results" "setup dock" "note note"!important;gap:var(--sx-gap)!important;align-items:stretch}
#hwBody.hw-simx>#hwMpdRoot>.fz-colnote{grid-area:note;margin:0}
#hwBody.hw-simx .hw-mpd-setup{grid-area:setup;overflow:auto!important;padding:9px 14px 12px!important;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;font-family:var(--sx-sans)}
#hwBody.hw-simx .hw-mpd-setup::before{content:"MPD SBP schedule · setup";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:0 0 auto;margin-bottom:4px}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min::before{content:"MPD SBP schedule · summary"}
#hwBody.hw-simx .hw-mpd-setup .hw-mpd-h{display:none!important}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-lab{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;margin:6px 0 3px!important}
#hwBody.hw-simx .hw-mpd-setup .hw-mpd-modes{display:flex!important;flex-wrap:wrap;gap:4px!important;margin:0 0 4px!important}
#hwBody.hw-simx .hw-mpd-setup .hw-mpd-mode{font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;padding:0 8px!important;min-height:24px!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important;color:var(--ink)!important;cursor:pointer}
#hwBody.hw-simx .hw-mpd-setup .hw-mpd-mode.on{background:var(--ink)!important;color:var(--sx-on-ink)!important;border-color:var(--ink)!important}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-cfg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 12px!important;margin:4px 0!important;justify-content:stretch!important}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f{display:flex!important;flex-direction:column;gap:2px!important;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;max-width:none!important;min-width:0}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f input,#hwBody.hw-simx .hw-mpd-setup .hw-rl-f select,#hwBody.hw-simx .hw-mpd-setup .hw-in{border:0!important;border-bottom:1px solid var(--sx-hair)!important;border-radius:0!important;background:none!important;font-family:var(--sx-mono)!important;font-size:12.5px!important;font-weight:400!important;color:var(--ink)!important;min-height:28px!important;height:28px;padding:2px 0!important;letter-spacing:0;text-transform:none;width:100%;box-shadow:none!important}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f input:focus,#hwBody.hw-simx .hw-mpd-setup .hw-rl-f select:focus{border-bottom-color:var(--sx-lapis)!important;outline:none}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f em{font-family:var(--sx-mono);font-size:10px!important;font-style:normal;letter-spacing:.04em;text-transform:none;color:var(--muted)}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-row{display:flex!important;flex-direction:column;gap:4px!important;margin:4px 0!important}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-row>div{max-width:none!important}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-cell{border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important;padding:0 2px 0 6px!important;min-height:26px;gap:2px!important}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-cell.bad{border-color:var(--red)!important}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-cell input{border:0!important;background:none!important;font-family:var(--sx-mono)!important;font-size:12px!important;width:54px!important;min-height:0!important;height:24px;padding:0!important;color:var(--ink)!important}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-cell button{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;min-height:0;padding:0 4px}
#hwBody.hw-simx .hw-mpd-setup .hw-flow-add{font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;min-height:24px!important;padding:0 8px!important;border:1px dashed var(--sx-hair)!important;border-radius:2px!important;background:none!important;color:var(--muted)!important;cursor:pointer}
#hwBody.hw-simx .hw-mpd-setup .hw-sim-readychip,#hwBody.hw-simx .hw-mpd-setup .hw-sim-issues,#hwBody.hw-simx .hw-mpd-setup #hwMpdStale{display:none!important}
#hwBody.hw-simx .hw-mpd-setup .hw-mpd-runbar{display:none}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min{display:flex!important;flex-direction:column;gap:2px!important;align-items:stretch!important}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min .hw-dock-tag{display:none}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min .hw-sum{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--sx-hair-2);font-family:var(--sx-sans);font-size:11.5px}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min .hw-sum i{font-style:normal;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min .hw-sum b{font-family:var(--sx-mono);font-weight:400;white-space:nowrap}
#hwBody.hw-simx .hw-mpd-setup.hw-setup-min .hw-setup-x{margin-top:auto;align-self:flex-start;font-family:var(--sx-sans);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;min-height:28px;padding:0 10px;border:1px solid var(--sx-hair);border-radius:2px;background:none;color:var(--ink);cursor:pointer}
#hwBody.hw-simx .hw-mpd-results{grid-area:results;display:flex!important;flex-direction:column;min-height:0!important;gap:var(--sx-gap);overflow:hidden!important;margin:0!important;flex:1 1 auto!important;max-height:none!important;height:auto!important}
#hwBody.hw-simx .hw-mpd-block{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"bh" "tbl" "charts";gap:6px var(--sx-gap);margin:0!important}
#hwBody.hw-simx .hw-mpd-bh{grid-area:bh;display:flex;align-items:center;gap:10px;margin:0!important;padding:0 2px!important;border:0!important;font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-mpd-viewtog{margin-left:auto!important;gap:2px;border:1px solid var(--sx-hair);border-radius:999px;padding:2px;flex:0 0 auto}
#hwBody.hw-simx .hw-mpd-vb{font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;border:0!important;border-radius:999px!important;background:none!important;color:var(--muted)!important;padding:0 8px!important;min-height:20px;cursor:pointer}
#hwBody.hw-simx .hw-mpd-vb.on{background:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx .hw-mpd-tbl{grid-area:tbl;overflow:auto!important;scrollbar-width:thin}
#hwBody.hw-simx .hw-mpd-tbl table{width:100%;border-collapse:collapse;font-family:var(--sx-mono);font-size:11px;font-variant-numeric:tabular-nums}
#hwBody.hw-simx .hw-mpd-tbl th{position:sticky;top:0;background:var(--card);font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;text-align:right;padding:6px 10px 5px!important;border-bottom:1px solid var(--sx-hair)!important;white-space:nowrap;z-index:1}
#hwBody.hw-simx .hw-mpd-tbl td{text-align:right;padding:5px 10px!important;border-bottom:1px solid var(--sx-hair-2)!important;white-space:nowrap;color:var(--ink)}
#hwBody.hw-simx .hw-mpd-tbl th:first-child,#hwBody.hw-simx .hw-mpd-tbl td:first-child{text-align:left}
#hwBody.hw-simx .hw-mpd-st{font-family:var(--sx-sans)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;padding:1px 6px!important;border-radius:2px!important;background:none!important;border:1px solid var(--sx-hair)}
#hwBody.hw-simx .hw-mpd-st.ok{color:var(--green)!important;border-color:color-mix(in srgb,var(--green) 45%,transparent)} #hwBody.hw-simx .hw-mpd-st.warn{color:var(--amber)!important;border-color:color-mix(in srgb,var(--amber) 45%,transparent)} #hwBody.hw-simx .hw-mpd-st.bad{color:var(--red)!important;border-color:color-mix(in srgb,var(--red) 45%,transparent)}
#hwBody.hw-simx .hw-mpd-charts{grid-area:charts;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr);gap:var(--sx-gap)!important;min-height:0;overflow:hidden;margin:0!important}
#hwBody.hw-simx .hw-mpd-block>.hw-mpd-chart{grid-area:charts}
#hwBody.hw-simx .hw-mpd-chart{display:flex!important;flex-direction:column;min-height:0;padding:7px 12px 6px!important;gap:2px}
#hwBody.hw-simx .hw-mpd-ct{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
#hwBody.hw-simx .hw-mpd-svg{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important;display:block}
#hwBody.hw-simx .hw-mpd-leg{flex:0 0 auto;font-family:var(--sx-sans);font-size:9.5px!important;color:var(--muted)!important;gap:2px 10px;max-height:28px;overflow:hidden}
#hwBody.hw-simx .hw-outdock{grid-area:dock;display:flex!important;flex-wrap:wrap!important;gap:0!important;padding:0!important;align-items:stretch!important;border-top:1px solid var(--sx-hair)!important;overflow:hidden!important}
#hwBody.hw-simx .hw-outdock .hw-dock-tag{flex:1 1 100%;font-family:var(--sx-sans);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:7px 14px 0;border:0!important;background:none!important}
#hwBody.hw-simx .hw-outcell{display:flex!important;flex-direction:column;gap:3px!important;padding:5px 12px 8px!important;border:0!important;border-left:1px solid var(--sx-hair-2)!important;flex:1 1 150px;min-width:max-content}
#hwBody.hw-simx .hw-outcell:nth-child(2){border-left:0!important}
#hwBody.hw-simx .hw-outcell>i{font-family:var(--sx-sans);font-size:9px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx .hw-outcell>b{font-family:var(--sx-sans);font-weight:300!important;font-size:clamp(14px,.9vw + 4px,20px)!important;line-height:1!important;color:var(--ink)!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx .hw-outcell>b i{font-family:var(--sx-mono);font-size:10px!important;font-weight:400;color:var(--muted);font-style:normal;margin-left:4px;letter-spacing:.04em;text-transform:none}
#hwBody.hw-simx .hw-outcell.ok>b{color:var(--green)!important} #hwBody.hw-simx .hw-outcell.warn>b{color:var(--amber)!important} #hwBody.hw-simx .hw-outcell.bad>b{color:var(--red)!important}
#hwBody.hw-simx>#hwMpdRoot:not(:has(.hw-mpd-results))::after{content:"Run the schedule — the drill-ahead table, the SBP / ECD / margin charts and the schedule outputs appear here.";grid-area:results;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-family:var(--sx-sans);font-size:11.5px;font-weight:300;font-style:italic;padding:10px 18px;border:1px dashed var(--sx-hair);border-radius:2px;background:var(--sx-hatch);line-height:1.45}
/* ---- stage 2 · compact desktop / tablet landscape ---- */
@media (min-width:1001px) and (max-width:1279px){
#hwBody.hw-simx #wcKwmApp>.tsim-treews-body{grid-template-columns:272px minmax(0,1fr)!important}
#hwBody.hw-simx #wcKwmMain .wc-row{grid-template-columns:minmax(160px,200px) minmax(0,1fr)!important;min-height:290px}
#hwBody.hw-simx #wcKwmMain .wc-tiles{grid-template-columns:repeat(8,minmax(0,1fr))!important}
#hwBody.hw-simx #wcKwmMain .wc-tile b{font-size:clamp(14px,1.1vw + 2px,20px)!important}
#hwBody.hw-simx #wcKwmMain .wc-tile{padding:6px 10px 7px!important}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet{max-height:22%}
#hwBody.hw-simx #wcWkApp{grid-template-columns:210px minmax(0,1fr) minmax(0,1.1fr)!important}
#hwBody.hw-simx>#hwMpdRoot{grid-template-columns:262px minmax(0,1fr)!important}
#hwBody.hw-simx .hw-outcell{flex-basis:126px}
}
@media (min-width:1001px) and (max-height:860px){
#hwBody.hw-simx #wcKwmMain .wc-tile b{font-size:clamp(15px,1.2vw + 3px,22px)!important}
#hwBody.hw-simx #wcKwmMain .wc-tile{padding:6px 12px 7px!important}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet{max-height:22%}
#hwBody.hw-simx #wcKwmMain .wc-row{min-height:290px}
#hwBody.hw-simx #wcKwmMain .wc-col{gap:4px!important}
#hwBody.hw-simx .sltr .wc-barrow{margin:2px 0!important}
#hwBody.hw-simx #wcKwmMain .wc-col>.wc-bars{padding:4px 10px!important}
#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart figcaption,#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart .sltr-chart-h{margin-bottom:0!important}
#hwBody.hw-simx .hw-outcell{padding:4px 12px 6px!important}
#hwBody.hw-simx .hw-outcell>b{font-size:clamp(14px,1vw + 4px,19px)!important}
}
/* ---- stage 2 · tablet (600–1000) ---- */
@media (min-width:600px) and (max-width:1000px){
#hwBody.hw-simx .sltr .sltr-sheet td,#hwBody.hw-simx .sltr .sltr-sheet th{white-space:nowrap}
#hwBody.hw-simx #wcKwmApp>.tsim-treews-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)!important}
/* tablet: the result canvas scrolls; the well figure sits above a full-width sensitivity chart */
#hwBody.hw-simx #wcKwmMain{overflow:auto!important;scrollbar-width:thin}
#hwBody.hw-simx #wcKwmMain .wc-row{grid-template-columns:minmax(0,1fr)!important;flex:0 0 auto;min-height:0;overflow:visible}
#hwBody.hw-simx #wcKwmMain .wc-well svg{height:auto!important;max-height:300px!important}
#hwBody.hw-simx #wcKwmMain .wc-col{overflow:visible}
#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart{flex:0 0 auto;min-height:0}
#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart svg{height:auto!important}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet{max-height:none;flex:0 0 auto}
#hwBody.hw-simx #wcKwmMain .wc-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#hwBody.hw-simx #wcKwmMain .wc-tile:nth-child(4n+1){border-left:0!important}
#hwBody.hw-simx #wcKwmMain .wc-tile:nth-child(n+5){border-top:1px solid var(--sx-hair-2)}
#hwBody.hw-simx #wcWkApp{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;grid-template-rows:auto minmax(0,1fr)!important;grid-template-areas:"steps steps" "panel main"}
#hwBody.hw-simx #wcWkApp>.wc-steps{flex-direction:row!important;padding:6px 10px!important;gap:0!important;overflow-x:auto;overflow-y:hidden}
#hwBody.hw-simx #wcWkApp>.wc-steps::before{display:none}
#hwBody.hw-simx #wcWkApp>.wc-steps button{flex:1 1 0;border-bottom:0!important;border-left:1px solid var(--sx-hair-2)!important;padding:4px 8px!important;font-size:11px!important}
#hwBody.hw-simx #wcWkApp>.wc-steps button:first-child{border-left:0!important}
#hwBody.hw-simx #wcWkApp>.wc-steps button.on{box-shadow:inset 0 -2px 0 var(--sx-lapis)!important;padding-left:8px!important}
#hwBody.hw-simx>#hwMpdRoot{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr)!important}
#hwBody.hw-simx .hw-mpd-block{grid-template-rows:auto minmax(0,.9fr) minmax(0,1.1fr)}
#hwBody.hw-simx .hw-mpd-bh{white-space:normal;overflow:visible;text-overflow:clip;flex-wrap:wrap;line-height:1.4}
/* tablet: charts stack one per row inside a scrolling charts area, so each keeps a readable width */
#hwBody.hw-simx .hw-mpd-charts{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:minmax(220px,auto)!important;overflow:auto!important;scrollbar-width:thin}
#hwBody.hw-simx .hw-mpd-chart{min-height:220px}
#hwBody.hw-simx .hw-mpd-chart .hw-mpd-svg{height:auto!important;max-height:none!important}
#hwBody.hw-simx .hw-simx-ready .hw-sim-status{white-space:normal;overflow:visible;text-overflow:clip;flex-wrap:wrap!important;row-gap:2px}
}
/* ---- stage 2 · phones: one pane at a time (inputs · plan/result · chart) ---- */
@media (max-width:599px), (max-height:500px){
#hwBody.hw-simx .sltr .sltr-sheet td,#hwBody.hw-simx .sltr .sltr-sheet th{white-space:nowrap}
#hwBody.hw-simx>.hw-simx-ws{display:flex!important;flex-direction:column!important}
#hwBody.hw-simx #wcKwmApp,#hwBody.hw-simx #wcKwmApp>.tsim-treews-body,#hwBody.hw-simx #wcWkApp,#hwBody.hw-simx .hw-mpd-results,#hwBody.hw-simx .hw-mpd-block{display:contents!important}
#hwBody.hw-simx>#hwMpdRoot{display:flex!important;flex-direction:column!important}
#hwBody.hw-simx #wcKwmApp .sltr-panel,#hwBody.hw-simx #wcKwmMain,#hwBody.hw-simx #wcWkApp>.wc-steps,#hwBody.hw-simx #wcWkApp .sltr-panel,#hwBody.hw-simx #wcWkMain,#hwBody.hw-simx .hw-mpd-setup,#hwBody.hw-simx .hw-mpd-tbl,#hwBody.hw-simx .hw-mpd-charts,#hwBody.hw-simx .hw-outdock{flex:1 1 auto!important;min-height:0!important;margin:0 0 var(--sx-gap)!important}
#hwBody.hw-simx .hw-mpd-bh{flex:0 0 auto;margin:0 0 6px!important}
#hwBody.hw-simx .hw-outdock{flex:0 0 auto!important}
#hwBody.hw-simx .hw-mpd-charts{display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden}
#hwBody.hw-simx .sltr .sltr-fields,#hwBody.hw-simx .hw-mpd-setup .hw-rl-cfg{grid-template-columns:1fr 1fr!important}
#hwBody.hw-simx #wcKwmMain{overflow:auto!important}
#hwBody.hw-simx #wcKwmMain .wc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:0 0 auto}
#hwBody.hw-simx #wcKwmMain .wc-tile{border-left:0!important;border-top:1px solid var(--sx-hair-2)}
#hwBody.hw-simx #wcKwmMain .wc-tile:nth-child(-n+2){border-top:0}
#hwBody.hw-simx #wcKwmMain .wc-tile:nth-child(2n){border-left:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx #wcKwmMain .wc-tile.w2{grid-column:span 2}
#hwBody.hw-simx #wcKwmMain .wc-tile b{font-size:clamp(16px,5vw,22px)!important}
#hwBody.hw-simx #wcKwmMain .wc-row{grid-template-columns:minmax(0,1fr)!important;flex:0 0 auto;overflow:visible}
#hwBody.hw-simx #wcKwmMain .wc-well svg{height:auto!important;max-height:340px!important}
#hwBody.hw-simx #wcKwmMain .wc-col>.sltr-chart svg{height:auto!important}
#hwBody.hw-simx #wcKwmMain>.sltr-sheet{max-height:none;flex:0 0 auto}
/* KWM panes */
#hwBody.hw-simx #hwKwmRoot[data-simx-pane="inputs"] #wcKwmMain{display:none!important}
#hwBody.hw-simx #hwKwmRoot[data-simx-pane="plan"] .sltr-panel,#hwBody.hw-simx #hwKwmRoot[data-simx-pane="chart"] .sltr-panel{display:none!important}
#hwBody.hw-simx #hwKwmRoot[data-simx-pane="plan"] #wcKwmMain .wc-col{display:none!important}
#hwBody.hw-simx #hwKwmRoot[data-simx-pane="chart"] #wcKwmMain>:not(.wc-row),#hwBody.hw-simx #hwKwmRoot[data-simx-pane="chart"] #wcKwmMain .wc-row>.wc-well{display:none!important}
#hwBody.hw-simx #hwKwmRoot[data-simx-pane="chart"] #wcKwmMain>.sltr-note-busy{display:flex!important}
/* Well-Kill panes */
#hwBody.hw-simx #wcWkApp>.wc-steps{flex:0 0 auto!important}
#hwBody.hw-simx #hwWkRoot[data-simx-pane="steps"] .sltr-panel,#hwBody.hw-simx #hwWkRoot[data-simx-pane="steps"] #wcWkMain{display:none!important}
#hwBody.hw-simx #hwWkRoot[data-simx-pane="inputs"] .wc-steps,#hwBody.hw-simx #hwWkRoot[data-simx-pane="inputs"] #wcWkMain{display:none!important}
#hwBody.hw-simx #hwWkRoot[data-simx-pane="result"] .wc-steps,#hwBody.hw-simx #hwWkRoot[data-simx-pane="result"] .sltr-panel{display:none!important}
#hwBody.hw-simx #wcWkMain>.sltr-chart svg{max-height:none}
/* MPD panes */
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="setup"] .hw-mpd-bh,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="setup"] .hw-mpd-tbl,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="setup"] .hw-mpd-charts,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="setup"] .hw-mpd-block>.hw-mpd-chart,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="setup"] .hw-outdock{display:none!important}
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="schedule"] .hw-mpd-setup,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="schedule"] .hw-mpd-charts,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="schedule"] .hw-mpd-block>.hw-mpd-chart{display:none!important}
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-mpd-setup,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-mpd-tbl,#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-outdock{display:none!important}
#hwBody.hw-simx>#hwMpdRoot:not(:has(.hw-mpd-results))::after{flex:1 1 auto;margin-bottom:var(--sx-gap)}
#hwBody.hw-simx>#hwMpdRoot[data-simx-pane="setup"]:not(:has(.hw-mpd-results))::after{display:none}
/* Phone: the readiness message and the schedule heading may wrap; numbers inside them are never clipped */
#hwBody.hw-simx .hw-simx-ready .hw-sim-status{white-space:normal;overflow:visible;text-overflow:clip;flex-wrap:wrap!important;row-gap:2px}
#hwBody.hw-simx .hw-simx-ready .hw-sim-stat-d{white-space:normal}
#hwBody.hw-simx .hw-mpd-bh{white-space:normal;overflow:visible;text-overflow:clip;flex-wrap:wrap;line-height:1.4}
/* Phone charts pane: one chart per row, the pane scrolls */
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-mpd-charts{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:minmax(260px,auto)!important;overflow:auto!important;flex:1 1 auto!important;min-height:0!important}
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-mpd-chart{min-height:260px}
#hwBody.hw-simx #hwMpdRoot[data-simx-pane="charts"] .hw-mpd-chart .hw-mpd-svg{height:auto!important;max-height:none!important}
/* Well-kill result table: tighter rows on the phone pane */
#hwBody.hw-simx #wcWkMain .sltr-sheet td,#hwBody.hw-simx #wcWkMain .sltr-sheet th{padding:6px 8px!important;white-space:nowrap}
}
@media (max-height:500px) and (min-width:600px){
#hwBody.hw-simx .hw-mpd-charts{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)}
#hwBody.hw-simx #wcKwmMain .wc-row{grid-template-columns:minmax(150px,200px) minmax(0,1fr)!important}
#hwBody.hw-simx #wcKwmMain .wc-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
#hwBody.hw-simx .sltr .sltr-fi{padding:0!important}
#hwBody.hw-simx .sltr .sltr-sel,#hwBody.hw-simx .sltr .sltr-fi input,#hwBody.hw-simx .hw-mpd-setup .hw-rl-f input,#hwBody.hw-simx .hw-mpd-setup .hw-rl-f select{-webkit-appearance:none;appearance:none}
#hwBody.hw-simx .sltr .sltr-sel{background:none!important;padding-right:14px!important}
#hwBody.hw-simx .hw-mpd-setup .hw-rl-f select{padding-right:14px!important}
/* ============================================================================
stage 3 · Gas & Influx · Slug & Trip · Surge & Swab Tree
Same layer, same rules: every selector under #hwBody.hw-simx, app tokens only,
status colours only for status, no motion. The workspaces' own title blocks
give way to the shared header; their action bars move into the header slot
(sim-maison.js · acts); their solve state feeds the readiness line.
============================================================================ */
/* ---- shared: the stage rails across the top (gas · slug & trip) ---- */
#hwBody.hw-simx .gws-rail,#hwBody.hw-simx #hwTripRoot .sltr-rail{flex:0 0 auto;display:flex!important;gap:2px!important;margin:0!important;padding:0 2px!important;border-bottom:1px solid var(--sx-hair);list-style:none}
#hwBody.hw-simx .gws-step,#hwBody.hw-simx #hwTripRoot .sltr-step{flex:1 1 0;min-width:0}
#hwBody.hw-simx .gws-stepb,#hwBody.hw-simx #hwTripRoot .sltr-stepb{width:100%;display:flex!important;align-items:center;gap:8px!important;min-height:32px!important;padding:4px 8px 6px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;cursor:pointer;text-align:left}
#hwBody.hw-simx .gws-stepb>b,#hwBody.hw-simx #hwTripRoot .sltr-stepb>b{flex:0 0 auto;width:18px!important;height:18px!important;display:grid;place-items:center;border:1px solid var(--sx-hair)!important;border-radius:50%!important;background:none!important;font-family:var(--sx-mono);font-size:9.5px!important;font-weight:500!important;letter-spacing:0;color:var(--muted)!important}
#hwBody.hw-simx .gws-stepb>span,#hwBody.hw-simx #hwTripRoot .sltr-stepb>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#hwBody.hw-simx .gws-step.open .gws-stepb,#hwBody.hw-simx .gws-step.done .gws-stepb,#hwBody.hw-simx #hwTripRoot .sltr-step.open .sltr-stepb,#hwBody.hw-simx #hwTripRoot .sltr-step.done .sltr-stepb{color:var(--ink)!important}
#hwBody.hw-simx .gws-step.now .gws-stepb,#hwBody.hw-simx #hwTripRoot .sltr-step.now .sltr-stepb{color:var(--ink)!important;border-bottom-color:var(--sx-lapis)!important;background:none!important}
#hwBody.hw-simx .gws-step.now .gws-stepb>b,#hwBody.hw-simx #hwTripRoot .sltr-step.now .sltr-stepb>b{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx .gws-step.done .gws-stepb>b,#hwBody.hw-simx #hwTripRoot .sltr-step.done .sltr-stepb>b{background:none!important;border-color:var(--sx-lapis)!important;color:var(--sx-lapis)!important;font-size:0!important}
#hwBody.hw-simx .gws-step.done .gws-stepb>b::after,#hwBody.hw-simx #hwTripRoot .sltr-step.done .sltr-stepb>b::after{content:"\2713";font-size:10px}
#hwBody.hw-simx .gws-stepb:disabled,#hwBody.hw-simx #hwTripRoot .sltr-stepb:disabled{opacity:.45!important;cursor:not-allowed}
#hwBody.hw-simx .gws-stepb:hover:not(:disabled),#hwBody.hw-simx #hwTripRoot .sltr-stepb:hover:not(:disabled){color:var(--ink)!important;border-bottom-color:var(--sx-hair)!important}
/* ---- shared: a workspace action bar in the header slot (gas headr · slug & trip headr · tree headr) ---- */
#hwBody.hw-simx .hw-simx-acts .gws-headr{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
#hwBody.hw-simx .hw-simx-acts .gws-btn,#hwBody.hw-simx .hw-simx-acts .gws-tools>summary{display:inline-flex;align-items:center;min-height:28px!important;height:28px;padding:0 11px!important;border:1px solid transparent!important;border-radius:2px!important;background:none!important;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;box-shadow:none!important;white-space:nowrap;cursor:pointer}
#hwBody.hw-simx .hw-simx-acts .gws-btn.quiet{color:var(--muted)!important}
#hwBody.hw-simx .hw-simx-acts .gws-btn.primary{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx .hw-simx-acts .gws-btn:disabled{opacity:.45!important}
#hwBody.hw-simx .hw-simx-acts .gws-tools>summary{border-color:var(--sx-hair)!important;gap:6px}
#hwBody.hw-simx .hw-simx-acts .gws-tools>summary::after{border-color:currentColor}
#hwBody.hw-simx .hw-simx-acts .gws-toolsm{border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 14%,transparent)!important;font-family:var(--sx-sans)}
#hwBody.hw-simx .hw-simx-acts .gws-toolsm .gws-btn{width:100%;justify-content:flex-start;border:1px solid var(--sx-hair)!important;letter-spacing:.06em;text-transform:none;font-size:11.5px!important}
#hwBody.hw-simx .hw-simx-acts .gws-clocks,#hwBody.hw-simx .hw-simx-acts .sltr-clock{font-family:var(--sx-mono)!important;font-size:10px!important;color:var(--muted)!important;border:0!important;background:none!important;padding:0 6px!important;white-space:nowrap}
#hwBody.hw-simx .hw-simx-acts .gws-clocks b,#hwBody.hw-simx .hw-simx-acts .sltr-clock b{color:var(--ink)!important;font-weight:500!important}
/* the switcher rail already says where you are: the workspaces' own "Back to simulators" is redundant in the header */
#hwBody.hw-simx .hw-simx-acts button[onclick^="gwsLeave"],#hwBody.hw-simx .hw-simx-acts button[onclick^="sltrLeave"]{display:none!important}
@media (max-width:1699px){ #hwBody.hw-simx .hw-simx-acts .gws-clocks,#hwBody.hw-simx .hw-simx-acts .sltr-clock{display:none!important} }
/* ---- Gas & Influx: stage rail across the top · stage panel · well & pressure · plots ---- */
#hwBody.hw-simx>#hwGasRoot{display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwGasRoot .gws{flex:1 1 auto;min-height:0;gap:var(--sx-gap)!important;font-family:var(--sx-sans);font-size:12.5px;
--gws-a:var(--sx-lapis)!important;--gws-a-fill:var(--sx-lapis)!important;--gws-a-fg:#fff!important;--gws-a-soft:color-mix(in srgb,var(--blue) 8%,var(--card))!important;--gws-a-line:color-mix(in srgb,var(--blue) 40%,var(--line))!important;
--gws-r:2px!important;--gws-hair:var(--sx-hair-2)!important;--gws-line:var(--sx-hair)!important;--gws-soft:color-mix(in srgb,var(--ink) 4%,var(--card))!important;--gws-s4:color-mix(in srgb,var(--accent2) 55%,var(--ink))!important}
#hwBody.hw-simx #hwGasRoot .gws>.gws-head{display:none!important}
/* status colours stay status: blockers, errors and exceeded limits read red, never the accent */
#hwBody.hw-simx #hwGasRoot .gws-block,#hwBody.hw-simx #hwGasRoot .gws-error{border-left-color:var(--red)!important;background:color-mix(in srgb,var(--red) 7%,var(--card))!important}
#hwBody.hw-simx #hwGasRoot .gws-block>b,#hwBody.hw-simx #hwGasRoot .gws-error>h3{color:var(--red)!important}
#hwBody.hw-simx #hwGasRoot .gws-finding.sev-blocking{border-left-color:var(--red)!important}
#hwBody.hw-simx #hwGasRoot .gws-sev-block{background:color-mix(in srgb,var(--red) 10%,var(--card))!important;border-color:color-mix(in srgb,var(--red) 45%,var(--line))!important;color:var(--red)!important}
#hwBody.hw-simx #hwGasRoot .gws-prep-status.bad{border-left-color:var(--red)!important}
#hwBody.hw-simx #hwGasRoot .gws-table tr.gws-check-exceeded{background:color-mix(in srgb,var(--red) 10%,transparent)!important}
#hwBody.hw-simx #hwGasRoot .gws-btn.danger{border-color:var(--red)!important;color:var(--red)!important}
/* the gas is the ochre accent; the planned interval its dashed outline */
#hwBody.hw-simx #hwGasRoot .gws-svg .gws-gas{fill:var(--accent2)!important}
#hwBody.hw-simx #hwGasRoot .gws-svg .gws-planned{stroke:var(--accent2)!important}
#hwBody.hw-simx #hwGasRoot .gws-legend .k.gas{background:var(--accent2)!important}
#hwBody.hw-simx #hwGasRoot .gws-legend .k.planned{border-color:var(--accent2)!important}
/* typography: micro labels, light numbers, hairline tables */
#hwBody.hw-simx #hwGasRoot .gws h3{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 6px!important}
#hwBody.hw-simx #hwGasRoot .gws h4{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:12px 0 5px!important}
#hwBody.hw-simx #hwGasRoot .gws-fine,#hwBody.hw-simx #hwGasRoot .gws p{font-size:11px;line-height:1.45}
#hwBody.hw-simx #hwGasRoot .gws-kpis{display:grid!important;gap:0!important;margin:8px 0!important;border:1px solid var(--sx-hair-2);border-radius:2px;overflow:hidden}
#hwBody.hw-simx #hwGasRoot .gws-kpis>div{background:none!important;border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-top:1px solid var(--sx-hair-2)!important;border-radius:0!important;padding:6px 10px 7px!important;min-width:0}
#hwBody.hw-simx #hwGasRoot .gws-kpis span{font-family:var(--sx-sans);font-size:9px!important;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx #hwGasRoot .gws-kpis b{font-family:var(--sx-sans);font-weight:300!important;font-size:clamp(15px,1vw + 6px,20px)!important;line-height:1.1;color:var(--ink);white-space:nowrap;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums}
#hwBody.hw-simx #hwGasRoot .gws-kpis i{font-family:var(--sx-mono);font-size:9.5px!important;font-weight:400!important;color:var(--muted);letter-spacing:.04em;margin-left:3px}
#hwBody.hw-simx #hwGasRoot .gws-table{font-family:var(--sx-sans);font-size:11.5px!important}
#hwBody.hw-simx #hwGasRoot .gws-table caption{font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important}
#hwBody.hw-simx #hwGasRoot .gws-table thead th{font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important;border-bottom:1px solid var(--sx-hair)!important}
#hwBody.hw-simx #hwGasRoot .gws-table th,#hwBody.hw-simx #hwGasRoot .gws-table td{border-bottom:1px solid var(--sx-hair-2)!important;padding:5px 7px!important;font-family:var(--sx-sans)!important}
#hwBody.hw-simx #hwGasRoot .gws-table td{font-family:var(--sx-mono)!important;font-size:11px!important;white-space:nowrap}
#hwBody.hw-simx #hwGasRoot .gws-table th[scope=row]{font-weight:400!important;color:var(--ink)!important}
#hwBody.hw-simx #hwGasRoot .gws-table small,#hwBody.hw-simx #hwGasRoot .gws-table td i{font-family:var(--sx-sans);font-size:10px!important;color:var(--muted)!important}
#hwBody.hw-simx #hwGasRoot .gws-fields label,#hwBody.hw-simx #hwGasRoot .gws-field,#hwBody.hw-simx #hwGasRoot .gws-limit>label,#hwBody.hw-simx #hwGasRoot .gws-limit-record{font-family:var(--sx-sans);font-size:11px!important;font-weight:400!important;color:var(--muted)!important;text-transform:none;letter-spacing:0}
#hwBody.hw-simx #hwGasRoot .gws-fieldhead,#hwBody.hw-simx #hwGasRoot .gws-limit>label>span:first-child,#hwBody.hw-simx #hwGasRoot .gws-fields label>span:first-child{font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#hwBody.hw-simx #hwGasRoot .gws-why{font-family:var(--sx-sans);font-size:10.5px!important;font-weight:400!important;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--muted)}
#hwBody.hw-simx #hwGasRoot .gws-why i{font-style:normal;font-weight:500;color:var(--ink)}
#hwBody.hw-simx #hwGasRoot .gws-det>summary{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
#hwBody.hw-simx #hwGasRoot .gws-det>summary small{letter-spacing:.02em;text-transform:none;font-weight:300!important}
#hwBody.hw-simx #hwGasRoot .gws-src-proposed{color:color-mix(in srgb,var(--accent2) 70%,var(--ink))!important;background:color-mix(in srgb,var(--accent2) 12%,var(--card))!important;border-color:color-mix(in srgb,var(--accent2) 45%,var(--line))!important}
#hwBody.hw-simx #hwGasRoot .gws-src-derived{color:var(--muted)!important;background:none!important;border-color:var(--sx-hair)!important}
#hwBody.hw-simx #hwGasRoot .gws-src-saved{color:var(--sx-lapis)!important;background:color-mix(in srgb,var(--blue) 8%,var(--card))!important;border-color:color-mix(in srgb,var(--blue) 40%,var(--line))!important}
#hwBody.hw-simx #hwGasRoot .gws-fields input,#hwBody.hw-simx #hwGasRoot .gws-fields select,#hwBody.hw-simx #hwGasRoot .gws-field input,#hwBody.hw-simx #hwGasRoot .gws-limit input,#hwBody.hw-simx #hwGasRoot .gws-limit-record input{border:0!important;border-bottom:1px solid var(--sx-hair)!important;border-radius:0!important;background:none!important;font-family:var(--sx-mono)!important;font-size:12.5px!important;font-weight:400!important;color:var(--ink)!important;padding:4px 0!important;box-shadow:none!important}
#hwBody.hw-simx #hwGasRoot .gws-fields input:focus,#hwBody.hw-simx #hwGasRoot .gws-limit input:focus{border-bottom-color:var(--sx-lapis)!important;outline:none!important}
#hwBody.hw-simx #hwGasRoot .gws-choice{border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:none!important}
#hwBody.hw-simx #hwGasRoot .gws-choice.on{border-color:var(--sx-lapis)!important;box-shadow:inset 0 0 0 1px var(--sx-lapis)!important;background:color-mix(in srgb,var(--blue) 5%,var(--card))!important}
#hwBody.hw-simx #hwGasRoot .gws-note,#hwBody.hw-simx #hwGasRoot .gws-ok,#hwBody.hw-simx #hwGasRoot .gws-invalid,#hwBody.hw-simx #hwGasRoot .gws-warn,#hwBody.hw-simx #hwGasRoot .gws-prog{border-radius:2px!important;font-size:11.5px}
#hwBody.hw-simx #hwGasRoot .gws-btn{border-radius:2px!important;font-family:var(--sx-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;min-height:30px!important;padding:4px 12px!important;box-shadow:none!important}
#hwBody.hw-simx #hwGasRoot .gws-btn.primary{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx #hwGasRoot .gws-next{border-top:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx #hwGasRoot .gws-chip{border-radius:2px!important;font-family:var(--sx-sans);letter-spacing:.1em;font-weight:500!important}
#hwBody.hw-simx #hwGasRoot .gws-finding,#hwBody.hw-simx #hwGasRoot .gws-prep-main,#hwBody.hw-simx #hwGasRoot .gws-prep-card,#hwBody.hw-simx #hwGasRoot .gws-limit,#hwBody.hw-simx #hwGasRoot .gws-inspect,#hwBody.hw-simx #hwGasRoot .gws-chart,#hwBody.hw-simx #hwGasRoot .gws-tl{border-radius:2px!important;border-color:var(--sx-hair)!important;background:var(--card)!important}
/* views: the view pills read like every Maison segment */
#hwBody.hw-simx #hwGasRoot .gws-viewbar{flex:0 0 auto;gap:0!important;border:1px solid var(--sx-hair);border-radius:14px;padding:2px;align-self:flex-start;background:none}
#hwBody.hw-simx #hwGasRoot .gws-view{min-height:24px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}
#hwBody.hw-simx #hwGasRoot .gws-view.on{background:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx #hwGasRoot .gws-viewnote{font-family:var(--sx-sans);font-size:10.5px!important;color:var(--muted);margin-left:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote){align-self:stretch;border:0;padding:0;display:flex;align-items:center}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote) .gws-view{border:1px solid var(--sx-hair)!important;border-right-width:0!important;border-radius:0!important}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote) .gws-view:first-child{border-radius:14px 0 0 14px!important}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote) .gws-view:nth-child(3){border-right-width:1px!important;border-radius:0 14px 14px 0!important}
/* layout: the body fills the frame; the stage panel scrolls; the well & pressure panel scales; the plots scroll */
#hwBody.hw-simx #hwGasRoot .gws-body{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch!important}
#hwBody.hw-simx #hwGasRoot .gws-body.prep{grid-template-columns:minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-body.review{grid-template-columns:minmax(380px,460px) minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-panel{min-height:0;overflow:auto!important;scrollbar-width:thin;background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;padding:10px 14px 12px!important;overscroll-behavior:contain}
#hwBody.hw-simx #hwGasRoot .gws-panel.gws-prep{background:none!important;border:0!important;padding:0 2px 0 0!important;display:grid!important;align-content:start}
#hwBody.hw-simx #hwGasRoot .gws-prep-side{top:0!important}
#hwBody.hw-simx #hwGasRoot .gws-canvas{min-height:0;display:flex!important;flex-direction:column;gap:var(--sx-gap)!important;overflow:hidden}
#hwBody.hw-simx #hwGasRoot .gws-canvas:empty{display:none!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap:has(.gws-inspect){grid-template-rows:minmax(0,1fr) auto!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-well{grid-row:1;grid-column:1}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-plots{grid-row:1;grid-column:2}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-inspect{grid-row:2;grid-column:1/-1;max-height:38%;overflow:auto;scrollbar-width:thin}
#hwBody.hw-simx #hwGasRoot .gws-well{min-height:0;display:flex!important;flex-direction:column;background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;padding:8px 10px!important}
#hwBody.hw-simx #hwGasRoot .gws-well .gws-svg{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important}
#hwBody.hw-simx #hwGasRoot .gws-well .gws-legend,#hwBody.hw-simx #hwGasRoot .gws-well .gws-fine{flex:0 0 auto}
#hwBody.hw-simx #hwGasRoot .gws-well .gws-fine{display:none}
#hwBody.hw-simx #hwGasRoot .gws-legend{font-family:var(--sx-sans);font-size:10px!important}
#hwBody.hw-simx #hwGasRoot .gws-plots{min-height:0;overflow:auto!important;scrollbar-width:thin;gap:var(--sx-gap)!important}
#hwBody.hw-simx #hwGasRoot .gws-plots>.gws-note{border-radius:2px!important;border:1px dashed var(--sx-hair)!important;background:var(--sx-hatch)!important;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px!important}
#hwBody.hw-simx #hwGasRoot .gws-plots>.gws-note h4{margin:0 0 6px!important}
#hwBody.hw-simx #hwGasRoot .gws-chart{flex:0 0 auto}
#hwBody.hw-simx #hwGasRoot .gws-chart figcaption{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important}
#hwBody.hw-simx #hwGasRoot .gws-chart figcaption i{text-transform:none;letter-spacing:.02em;font-weight:300!important}
#hwBody.hw-simx #hwGasRoot .gws-chart figcaption b{font-family:var(--sx-mono);font-weight:400!important;font-size:10.5px}
#hwBody.hw-simx #hwGasRoot .gws-timeline{flex:0 0 auto}
#hwBody.hw-simx #hwGasRoot .gws-tl{padding:6px 12px!important}
#hwBody.hw-simx #hwGasRoot .gws-tlread{font-family:var(--sx-sans);font-size:10.5px!important}
#hwBody.hw-simx #hwGasRoot .gws-tlread b{font-family:var(--sx-mono);font-weight:400!important;font-size:12px!important}
#hwBody.hw-simx #hwGasRoot .gws-spd{border-radius:2px!important;font-family:var(--sx-mono)!important;font-size:10.5px!important}
#hwBody.hw-simx #hwGasRoot .gws-tlbtns .gws-btn{min-width:30px!important;padding:0 6px!important;border-color:var(--sx-hair)!important}
#hwBody.hw-simx #hwGasRoot .gws-scrub{accent-color:var(--sx-lapis)!important}
#hwBody.hw-simx #hwGasRoot .gws-evt::after{background:var(--sx-lapis)!important}
#hwBody.hw-simx #hwGasRoot .gws-inspect-slider input{accent-color:var(--sx-lapis)!important}
#hwBody.hw-simx #hwGasRoot .gws-prog progress{accent-color:var(--sx-lapis)!important}
/* ---- Slug & Trip: stepper · inputs column · magnified well views · two charts · hole volumes ---- */
#hwBody.hw-simx>#hwTripRoot{display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwTripRoot .sltr#sltrApp{flex:1 1 auto;min-height:0;display:flex!important;flex-direction:column;gap:var(--sx-gap)!important;--s-mud:color-mix(in srgb,var(--blue) 42%,var(--card))!important;--s-slug:var(--accent2)!important}
#hwBody.hw-simx #hwTripRoot .sltr-body{flex:1 1 auto;min-height:0;height:auto!important;display:grid!important;grid-template-columns:minmax(270px,320px) minmax(300px,440px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch!important}
#hwBody.hw-simx #hwTripRoot .sltr-panel,#hwBody.hw-simx #hwTripRoot .sltr-well,#hwBody.hw-simx #hwTripRoot .sltr-res{min-height:0;max-height:none!important;height:auto!important;grid-column:auto!important;background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important}
#hwBody.hw-simx #hwTripRoot .sltr-panel{overflow:auto!important;scrollbar-width:thin;padding:10px 14px 12px!important;overscroll-behavior:contain}
#hwBody.hw-simx #hwTripRoot .sltr-well{overflow:hidden!important;padding:8px 10px!important;gap:4px!important}
#hwBody.hw-simx #hwTripRoot .sltr-res{overflow:auto!important;scrollbar-width:thin;padding:8px 12px 10px!important;gap:var(--sx-gap)!important;overscroll-behavior:contain}
#hwBody.hw-simx #hwTripRoot .sltr-schems{flex:1 1 auto;min-height:0;overflow:hidden}
#hwBody.hw-simx #hwTripRoot .sltr-schem{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}
#hwBody.hw-simx #hwTripRoot .sltr-schem svg{max-width:100%;max-height:100%;height:auto}
#hwBody.hw-simx #hwTripRoot .sltr h3{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0 0 6px!important}
#hwBody.hw-simx #hwTripRoot .sltr h4{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:10px 0 4px!important}
#hwBody.hw-simx #hwTripRoot .sltr-kv{font-family:var(--sx-sans);font-size:11.5px}
#hwBody.hw-simx #hwTripRoot .sltr-kv th,#hwBody.hw-simx #hwTripRoot .sltr-kv td{border-bottom:1px solid var(--sx-hair-2)!important;padding:4px 6px!important;font-family:var(--sx-sans)!important}
#hwBody.hw-simx #hwTripRoot .sltr-kv td{font-family:var(--sx-mono)!important;font-size:11px!important;white-space:normal;overflow-wrap:anywhere}
#hwBody.hw-simx #hwTripRoot .sltr-kv th{white-space:normal!important}
#hwBody.hw-simx #hwTripRoot .sltr-tiles{gap:0!important;border:1px solid var(--sx-hair-2);border-radius:2px;overflow:hidden}
#hwBody.hw-simx #hwTripRoot .sltr-tile{background:none!important;border:0!important;border-left:1px solid var(--sx-hair-2)!important;border-radius:0!important;padding:6px 10px 7px!important}
#hwBody.hw-simx #hwTripRoot .sltr-tile span{font-family:var(--sx-sans);font-size:9px!important;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hwBody.hw-simx #hwTripRoot .sltr-tile b{font-family:var(--sx-sans);font-weight:300!important;font-size:clamp(15px,1vw + 6px,20px)!important;line-height:1.1;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}
#hwBody.hw-simx #hwTripRoot .sltr-tile b i{font-family:var(--sx-mono);font-size:9.5px!important;color:var(--muted)}
#hwBody.hw-simx #hwTripRoot .sltr-tile em{font-family:var(--sx-sans);font-size:10px!important}
#hwBody.hw-simx #hwTripRoot .sltr-tabs>button{font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;padding:4px 8px!important}
#hwBody.hw-simx #hwTripRoot .sltr-tabs>button.on{color:var(--ink)!important;border-bottom-color:var(--sx-lapis)!important}
#hwBody.hw-simx #hwTripRoot .sltr-chip{border-radius:2px!important;font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;background:none!important;border-color:var(--sx-hair)!important;color:var(--ink)!important}
#hwBody.hw-simx #hwTripRoot .sltr-chip.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx #hwTripRoot .sltr-src{border-radius:2px!important;font-family:var(--sx-sans);font-size:8.5px!important;letter-spacing:.1em;text-transform:uppercase}
#hwBody.hw-simx #hwTripRoot .sltr-src.yours{border-color:var(--sx-lapis)!important;color:var(--sx-lapis)!important}
#hwBody.hw-simx #hwTripRoot .sltr-linkb{color:var(--sx-lapis)!important;font-family:var(--sx-sans);font-size:10px!important;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important}
#hwBody.hw-simx #hwTripRoot .sltr-ib{border-radius:2px!important;border-color:var(--sx-hair)!important;background:none!important}
#hwBody.hw-simx #hwTripRoot .sltr-time{flex:0 0 auto;position:static!important;box-shadow:none!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;background:var(--card)!important;padding:6px 12px!important;font-family:var(--sx-sans)}
#hwBody.hw-simx #hwTripRoot .sltr-readout{font-family:var(--sx-mono)!important;font-size:11px!important}
#hwBody.hw-simx #hwTripRoot .sltr-replay{font-family:var(--sx-sans);font-size:10px!important}
#hwBody.hw-simx #hwTripRoot .sltr-scrub input{accent-color:var(--sx-lapis)}
#hwBody.hw-simx #hwTripRoot .sltr-wellempty{border:1px dashed var(--sx-hair)!important;background:var(--sx-hatch)!important;border-radius:2px!important}
/* ---- Surge & Swab Tree: plan rail · schedule + verdicts + trip-speed table · the two charts ---- */
#hwBody.hw-simx>#hwTreeRoot,#hwBody.hw-simx .tsim-modtree{display:flex;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwTreeRoot .tsim-treews#ttApp,#hwBody.hw-simx .tsim-modtree .tsim-treews#tmApp{flex:1 1 auto;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column;gap:var(--sx-gap)!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treews-body,#hwBody.hw-simx .tsim-modtree .tsim-treews-body{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(300px,340px) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch!important}
#hwBody.hw-simx #hwTreeRoot .sltr-panel.tt-side,#hwBody.hw-simx .tsim-modtree .sltr-panel.tt-side{position:static!important;max-height:none!important;height:auto!important;min-height:0;display:flex!important;flex-direction:column;overflow:hidden!important;background:var(--card)!important;border:1px solid var(--sx-hair)!important;border-radius:2px!important;padding:0!important}
#hwBody.hw-simx #hwTreeRoot .sltr-panel.tt-side::before,#hwBody.hw-simx .tsim-modtree .sltr-panel.tt-side::before{content:"Surge & swab tree · plan";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:10px 14px 0;flex:0 0 auto}
#hwBody.hw-simx #hwTreeRoot .tt-panel,#hwBody.hw-simx .tsim-modtree .tt-panel{flex:1 1 auto;min-height:0;overflow:auto!important;scrollbar-width:thin;padding:0 14px 8px!important;overscroll-behavior:contain}
#hwBody.hw-simx #hwTreeRoot .tt-sec,#hwBody.hw-simx .tsim-modtree .tt-sec{padding:8px 0 10px!important;border-bottom:1px solid var(--sx-hair-2)!important}
#hwBody.hw-simx #hwTreeRoot .tt-sec h5,#hwBody.hw-simx .tsim-modtree .tt-sec h5{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;margin:0 0 6px!important;gap:6px!important}
#hwBody.hw-simx #hwTreeRoot .tt-sec h5 i,#hwBody.hw-simx .tsim-modtree .tt-sec h5 i{width:16px!important;height:16px!important;background:none!important;border:1px solid var(--sx-hair);color:var(--muted)!important;font-family:var(--sx-mono);font-size:9px!important}
#hwBody.hw-simx #hwTreeRoot .tt-note,#hwBody.hw-simx .tsim-modtree .tt-note{font-family:var(--sx-sans);font-size:11px!important}
#hwBody.hw-simx #hwTreeRoot .tt-chips button,#hwBody.hw-simx .tsim-modtree .tt-chips button{border-radius:2px!important;font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;min-height:24px!important;border-color:var(--sx-hair)!important}
#hwBody.hw-simx #hwTreeRoot .tt-foot,#hwBody.hw-simx .tsim-modtree .tt-foot{flex:0 0 auto;background:none!important;border-top:1px solid var(--sx-hair)!important;padding:8px 14px 10px!important;gap:6px!important}
#hwBody.hw-simx #hwTreeRoot .tt-foot .tt-status,#hwBody.hw-simx .tsim-modtree .tt-foot .tt-status{font-family:var(--sx-sans);font-size:11px!important;border-left-width:2px!important;padding-left:8px!important}
#hwBody.hw-simx #hwTreeRoot .tt-foot.busy .tt-status,#hwBody.hw-simx #hwTreeRoot .tt-foot.idle .tt-status,#hwBody.hw-simx .tsim-modtree .tt-foot.busy .tt-status,#hwBody.hw-simx .tsim-modtree .tt-foot.idle .tt-status{border-left-color:var(--sx-lapis)!important}
#hwBody.hw-simx #hwTreeRoot .tt-auto,#hwBody.hw-simx .tsim-modtree .tt-auto{font-family:var(--sx-sans);font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}
#hwBody.hw-simx #hwTreeRoot .tt-auto input,#hwBody.hw-simx .tsim-modtree .tt-auto input{accent-color:var(--sx-lapis)}
#hwBody.hw-simx #hwTreeRoot .tt-run .sltr-btn,#hwBody.hw-simx .tsim-modtree .tt-run .sltr-btn{min-width:0!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treews-main,#hwBody.hw-simx .tsim-modtree .tsim-treews-main{min-height:0;height:auto!important;overflow:auto!important;scrollbar-width:thin;padding:0!important;display:flex;flex-direction:column;gap:var(--sx-gap);overscroll-behavior:contain}
#hwBody.hw-simx #hwTreeRoot .tt-toolbar,#hwBody.hw-simx .tsim-modtree .tt-toolbar{flex:0 0 auto;margin:0!important;padding:8px 12px 6px!important;background:var(--card);border:1px solid var(--sx-hair);border-radius:2px;align-items:center!important}
#hwBody.hw-simx #hwTreeRoot .tt-toolbar::before,#hwBody.hw-simx .tsim-modtree .tt-toolbar::before{content:"Verdicts · this run";font-family:var(--sx-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:1 1 100%;order:-1}
#hwBody.hw-simx #hwTreeRoot .tt-view,#hwBody.hw-simx .tsim-modtree .tt-view{font-family:var(--sx-sans);font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}
#hwBody.hw-simx #hwTreeRoot .tt-sched,#hwBody.hw-simx .tsim-modtree .tt-sched{flex:0 0 auto;margin:0!important;padding:8px 12px 6px;background:var(--card);border:1px solid var(--sx-hair);border-radius:2px;overflow:auto;scrollbar-width:thin}
#hwBody.hw-simx #hwTreeRoot .tt-sched h4,#hwBody.hw-simx .tsim-modtree .tt-sched h4{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;margin:0 0 4px!important}
#hwBody.hw-simx #hwTreeRoot .tt-sched h4 small,#hwBody.hw-simx .tsim-modtree .tt-sched h4 small{font-family:var(--sx-sans);text-transform:none;letter-spacing:.02em;font-weight:300!important}
#hwBody.hw-simx #hwTreeRoot .tt-table th.sw,#hwBody.hw-simx #hwTreeRoot .tt-table th.su,#hwBody.hw-simx .tsim-modtree .tt-table th.sw,#hwBody.hw-simx .tsim-modtree .tt-table th.su{color:var(--muted)!important}
#hwBody.hw-simx #hwTreeRoot .tt-table td.pick,#hwBody.hw-simx .tsim-modtree .tt-table td.pick{font-family:var(--sx-sans)!important;font-weight:300!important;font-size:15px!important}
#hwBody.hw-simx #hwTreeRoot .tsim-tree,#hwBody.hw-simx .tsim-modtree .tsim-tree{flex:1 1 auto;min-height:320px;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:var(--sx-gap)!important;align-items:stretch}
#hwBody.hw-simx #hwTreeRoot .tsim-tree>.sltr-chart,#hwBody.hw-simx .tsim-modtree .tsim-tree>.sltr-chart{min-height:0;display:flex!important;flex-direction:column}
#hwBody.hw-simx #hwTreeRoot .tsim-tree>.sltr-chart svg,#hwBody.hw-simx .tsim-modtree .tsim-tree>.sltr-chart svg{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treechips,#hwBody.hw-simx .tsim-modtree .tsim-treechips{flex:0 0 auto;margin:0!important;font-family:var(--sx-sans);font-size:10.5px;gap:4px!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treechips>span,#hwBody.hw-simx .tsim-modtree .tsim-treechips>span{font-family:var(--sx-sans);font-size:9.5px!important;letter-spacing:.12em;text-transform:uppercase}
#hwBody.hw-simx #hwTreeRoot .tsim-treechips .sltr-btn,#hwBody.hw-simx .tsim-modtree .tsim-treechips .sltr-btn{min-height:24px!important;padding:0 9px!important;font-size:9.5px!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treews-main>.sltr-fine,#hwBody.hw-simx .tsim-modtree .tsim-treews-main>.sltr-fine{flex:0 0 auto;font-size:10px!important;line-height:1.4;margin:0!important;color:var(--muted)}
#hwBody.hw-simx #hwTreeRoot .sltr-chip,#hwBody.hw-simx #hwGasRoot .gws-chip,#hwBody.hw-simx .tsim-modtree .sltr-chip,#hwBody.hw-simx #hwGasRoot .gws-chip{border-radius:2px!important;font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em;background:none!important;border-color:var(--sx-hair)!important;color:var(--ink)!important}
#hwBody.hw-simx #hwTreeRoot .sltr-chip.on,#hwBody.hw-simx .tsim-modtree .sltr-chip.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx #hwTreeRoot .tt-detail,#hwBody.hw-simx .tsim-modtree .tt-detail{flex:0 0 auto;margin:0!important;padding:6px 12px;background:var(--card);border:1px solid var(--sx-hair);border-radius:2px}
#hwBody.hw-simx #hwTreeRoot .tt-detail summary,#hwBody.hw-simx .tsim-modtree .tt-detail summary{font-family:var(--sx-sans);font-size:10px!important;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase}
#hwBody.hw-simx #hwTreeRoot .tt-empty,#hwBody.hw-simx .tsim-modtree .tt-empty{flex:1 1 auto;max-width:none!important;border:1px dashed var(--sx-hair)!important;background:var(--sx-hatch)!important;border-radius:2px!important;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:var(--sx-sans)}
#hwBody.hw-simx #hwTreeRoot .tt-empty h3,#hwBody.hw-simx .tsim-modtree .tt-empty h3{font-size:10px!important;font-weight:500!important;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px!important}
#hwBody.hw-simx #hwTreeRoot .tt-empty ul,#hwBody.hw-simx .tsim-modtree .tt-empty ul{text-align:left;font-size:11.5px!important}
/* ---- stage 3 · compact desktop ---- */
@media (min-width:1001px) and (max-width:1279px){
#hwBody.hw-simx #hwGasRoot .gws-body{grid-template-columns:minmax(270px,300px) minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-body.review{grid-template-columns:minmax(340px,400px) minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important}
#hwBody.hw-simx #hwTripRoot .sltr-body{grid-template-columns:minmax(240px,270px) minmax(260px,360px) minmax(0,1fr)!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treews-body{grid-template-columns:minmax(260px,290px) minmax(0,1fr)!important}
#hwBody.hw-simx #hwTreeRoot .tsim-tree{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;min-height:270px}
#hwBody.hw-simx #hwTreeRoot .tt-toolbar .tsim-verdict li{font-size:11px!important}
}
@media (min-width:1001px) and (max-height:860px){
#hwBody.hw-simx #hwTreeRoot .tsim-tree{min-height:260px}
#hwBody.hw-simx #hwTreeRoot .tsim-tree>.sltr-chart figcaption{font-size:9.5px!important}
}
/* ---- stage 3 · tablet (600–1000): two columns, the third stacks under ---- */
@media (min-width:600px) and (max-width:1000px){
#hwBody.hw-simx #hwGasRoot .gws-body{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-body.review{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)!important}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-plots{grid-row:2;grid-column:1}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-inspect{grid-row:3}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap:has(.gws-inspect){grid-template-rows:minmax(0,1.2fr) minmax(0,1fr) auto!important}
#hwBody.hw-simx #hwTripRoot .sltr-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)!important}
#hwBody.hw-simx #hwTripRoot .sltr-res{grid-column:1/-1!important}
#hwBody.hw-simx #hwTreeRoot .tsim-treews-body{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important}
#hwBody.hw-simx #hwTreeRoot .tsim-tree{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:minmax(260px,auto)!important;flex:0 0 auto}
#hwBody.hw-simx #hwTreeRoot .tsim-tree>.sltr-chart svg{height:auto!important}
#hwBody.hw-simx .gws-stepb>span,#hwBody.hw-simx #hwTripRoot .sltr-stepb>span{display:none}
#hwBody.hw-simx .gws-step.now .gws-stepb>span,#hwBody.hw-simx #hwTripRoot .sltr-step.now .sltr-stepb>span{display:inline}
#hwBody.hw-simx .gws-step.now,#hwBody.hw-simx #hwTripRoot .sltr-step.now{flex:3 1 0}
}
/* ---- stage 3 · phones: one pane at a time ---- */
@media (max-width:599px), (max-height:500px){
#hwBody.hw-simx>#hwGasRoot,#hwBody.hw-simx>#hwTripRoot,#hwBody.hw-simx>#hwTreeRoot{overflow:hidden}
#hwBody.hw-simx #hwGasRoot .gws,#hwBody.hw-simx #hwTripRoot .sltr#sltrApp,#hwBody.hw-simx #hwTreeRoot .tsim-treews#ttApp{min-height:0}
/* stage rails: the current stage reads in full, the others as numbers */
#hwBody.hw-simx .gws-stepb>span,#hwBody.hw-simx #hwTripRoot .sltr-stepb>span{display:none}
#hwBody.hw-simx .gws-step.now .gws-stepb>span,#hwBody.hw-simx #hwTripRoot .sltr-step.now .sltr-stepb>span{display:inline}
#hwBody.hw-simx .gws-step.now,#hwBody.hw-simx #hwTripRoot .sltr-step.now{flex:4 1 0}
/* Gas panes: stage · well · plots */
#hwBody.hw-simx #hwGasRoot .gws-body{display:flex!important;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwGasRoot .gws-panel,#hwBody.hw-simx #hwGasRoot .gws-canvas{flex:1 1 auto;min-height:0}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap{display:flex!important;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-well,#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-plots{flex:1 1 auto;min-height:0}
/* the well & pressure drawing is landscape (640×440): on a phone it keeps its aspect at full width and the pane scrolls */
#hwBody.hw-simx #hwGasRoot .gws-canvas{overflow:auto!important;scrollbar-width:thin}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-well{flex:0 0 auto;justify-content:flex-start}
#hwBody.hw-simx #hwGasRoot .gws-well .gws-svg{height:auto!important;flex:0 0 auto}
#hwBody.hw-simx #hwGasRoot .gws-plots{overflow:visible!important;flex:0 0 auto}
#hwBody.hw-simx #hwGasRoot .gws-plots>.gws-note{min-height:200px}
#hwBody.hw-simx #hwGasRoot .gws-stage-wrap>.gws-inspect{flex:0 0 auto;max-height:45%}
#hwBody.hw-simx #hwGasRoot[data-simx-pane="stage"] .gws-canvas,#hwBody.hw-simx #hwGasRoot[data-simx-pane="stage"] .gws-timeline{display:none!important}
#hwBody.hw-simx #hwGasRoot[data-simx-pane="well"] .gws-panel,#hwBody.hw-simx #hwGasRoot[data-simx-pane="well"] .gws-plots,#hwBody.hw-simx #hwGasRoot[data-simx-pane="well"] .gws-rail{display:none!important}
#hwBody.hw-simx #hwGasRoot[data-simx-pane="plots"] .gws-panel,#hwBody.hw-simx #hwGasRoot[data-simx-pane="plots"] .gws-well,#hwBody.hw-simx #hwGasRoot[data-simx-pane="plots"] .gws-inspect,#hwBody.hw-simx #hwGasRoot[data-simx-pane="plots"] .gws-viewbar,#hwBody.hw-simx #hwGasRoot[data-simx-pane="plots"] .gws-rail{display:none!important}
#hwBody.hw-simx #hwGasRoot .gws-body.prep .gws-canvas{display:none!important}
#hwBody.hw-simx #hwGasRoot .gws-panel.gws-prep{display:flex!important;flex-direction:column;overflow:auto!important}
#hwBody.hw-simx #hwGasRoot .gws-prep-side{position:static!important}
#hwBody.hw-simx #hwGasRoot .gws-viewnote{display:none}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote){border:1px solid var(--sx-hair);border-radius:14px;padding:2px;align-self:flex-start}
#hwBody.hw-simx #hwGasRoot .gws-viewbar:has(.gws-viewnote) .gws-view{border:0!important;border-radius:999px!important}
#hwBody.hw-simx #hwGasRoot .gws-tl{flex-wrap:wrap}
/* Slug & Trip panes: inputs · well · charts */
#hwBody.hw-simx #hwTripRoot .sltr-body{display:flex!important;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwTripRoot .sltr-panel,#hwBody.hw-simx #hwTripRoot .sltr-well,#hwBody.hw-simx #hwTripRoot .sltr-res{flex:1 1 auto;min-height:0}
#hwBody.hw-simx #hwTripRoot .sltr-well{overflow:auto!important}
#hwBody.hw-simx #hwTripRoot .sltr-schems{flex:0 0 auto;overflow:visible;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#hwBody.hw-simx #hwTripRoot .sltr-schem svg{max-height:none}
#hwBody.hw-simx #hwTripRoot[data-simx-pane="inputs"] .sltr-well,#hwBody.hw-simx #hwTripRoot[data-simx-pane="inputs"] .sltr-res,#hwBody.hw-simx #hwTripRoot[data-simx-pane="inputs"] .sltr-time{display:none!important}
#hwBody.hw-simx #hwTripRoot[data-simx-pane="well"] .sltr-panel,#hwBody.hw-simx #hwTripRoot[data-simx-pane="well"] .sltr-res,#hwBody.hw-simx #hwTripRoot[data-simx-pane="well"] .sltr-rail{display:none!important}
#hwBody.hw-simx #hwTripRoot[data-simx-pane="charts"] .sltr-panel,#hwBody.hw-simx #hwTripRoot[data-simx-pane="charts"] .sltr-well,#hwBody.hw-simx #hwTripRoot[data-simx-pane="charts"] .sltr-rail{display:none!important}
#hwBody.hw-simx #hwTripRoot .sltr-time{flex-wrap:wrap;gap:6px!important;padding:5px 8px!important}
/* Tree panes: plan · schedule · charts */
#hwBody.hw-simx #hwTreeRoot .tsim-treews-body{display:flex!important;flex-direction:column;min-height:0}
#hwBody.hw-simx #hwTreeRoot .sltr-panel.tt-side,#hwBody.hw-simx #hwTreeRoot .tsim-treews-main{flex:1 1 auto;min-height:0}
#hwBody.hw-simx #hwTreeRoot .tsim-tree{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:minmax(260px,auto)!important;flex:0 0 auto}
#hwBody.hw-simx #hwTreeRoot .tsim-tree>.sltr-chart svg{height:auto!important}
#hwBody.hw-simx #hwTreeRoot[data-simx-pane="plan"] .tsim-treews-main{display:none!important}
#hwBody.hw-simx #hwTreeRoot[data-simx-pane="schedule"] .sltr-panel.tt-side,#hwBody.hw-simx #hwTreeRoot[data-simx-pane="schedule"] .tsim-tree,#hwBody.hw-simx #hwTreeRoot[data-simx-pane="schedule"] .tsim-treechips{display:none!important}
#hwBody.hw-simx #hwTreeRoot[data-simx-pane="charts"] .sltr-panel.tt-side,#hwBody.hw-simx #hwTreeRoot[data-simx-pane="charts"] .tt-toolbar,#hwBody.hw-simx #hwTreeRoot[data-simx-pane="charts"] .tt-sched,#hwBody.hw-simx #hwTreeRoot[data-simx-pane="charts"] .tt-detail{display:none!important}
#hwBody.hw-simx #hwTreeRoot .tt-sched table{white-space:nowrap}
#hwBody.hw-simx #hwTreeRoot .tt-empty{flex:1 1 auto}
}
/* ---- stage 3 · the trip-speed picker (slug & trip · tree): chips, presets and the speed track in the Maison idiom ---- */
#hwBody.hw-simx .sltr .sltr-sp{--spa:var(--sx-lapis)}
#hwBody.hw-simx .sltr .sltr-sp-box{border:0!important;border-bottom:1px solid var(--sx-hair)!important;border-radius:0!important;background:none!important;padding:4px 0!important;box-shadow:none!important;min-height:34px!important}
#hwBody.hw-simx .sltr .sltr-sp-box:focus-within{border-bottom-color:var(--sx-lapis)!important;box-shadow:none!important}
#hwBody.hw-simx .sltr .sltr-spc{height:24px!important;border-radius:2px!important;border:1px solid var(--sx-hair)!important;background:none!important;font-family:var(--sx-mono)!important;font-size:11.5px!important;font-weight:400!important;color:var(--ink)!important;padding:0 2px 0 8px!important}
#hwBody.hw-simx .sltr .sltr-spc.cur{border-color:var(--ink)!important;background:var(--ink)!important;color:var(--sx-on-ink)!important;box-shadow:none!important}
#hwBody.hw-simx .sltr .sltr-spc.cur button{color:var(--sx-on-ink)!important}
#hwBody.hw-simx .sltr .sltr-spc button{width:18px!important;height:18px!important;font-size:12px!important}
#hwBody.hw-simx .sltr .sltr-sp-box input[type=text]{font-family:var(--sx-mono)!important;font-size:11.5px!important;font-weight:400!important;height:24px!important;min-height:0!important}
#hwBody.hw-simx .sltr .sltr-sp-pre button{min-height:24px!important;padding:0 9px!important;border-radius:2px!important;border:1px solid var(--sx-hair)!important;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)!important;background:none!important}
#hwBody.hw-simx .sltr .sltr-sp-pre button.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx .sltr .sltr-sp-pre button.clr{color:var(--muted)!important;border-style:dashed!important}
#hwBody.hw-simx .sltr .sltr-sp-track span{font-family:var(--sx-mono);font-size:9px!important}
#hwBody.hw-simx .sltr .sltr-sp .sltr-fl em{font-family:var(--sx-mono);font-size:10px!important;font-weight:400!important;letter-spacing:0;text-transform:none}
#hwBody.hw-simx .sltr .sltr-sp small.warn{color:var(--amber)!important}
/* ---- stage 3 · gas choice segments (equation of state, temperature, …): the Maison pill, ink on ---- */
#hwBody.hw-simx #hwGasRoot .gws-choice{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;margin:8px 0 4px!important}
#hwBody.hw-simx #hwGasRoot .gws-choice-l{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important}
#hwBody.hw-simx #hwGasRoot .gws-seg{border:1px solid var(--sx-hair)!important;border-radius:14px!important;padding:2px;gap:2px;background:none!important;margin:4px 0!important}
#hwBody.hw-simx #hwGasRoot .gws-seg button{min-height:24px!important;padding:2px 8px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)!important;line-height:1.2!important}
#hwBody.hw-simx #hwGasRoot .gws-seg button.on{background:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx #hwGasRoot .gws-choice small{font-family:var(--sx-sans);font-size:10.5px!important}
/* ---- stage 3 · the Trip / Wash module's own surge & swab tree (Simulators workspace · tsimModTree): same treatment ---- */
#hwBody.hw-simx .hw-sim:not(.hw-simcx) .hw-sim-main.tsim-modtree-main{display:flex!important;flex-direction:column;gap:0!important;overflow:hidden!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.tsim-viewseg{flex:0 0 auto;margin:0 0 var(--sx-gap)!important;gap:2px!important;padding:2px;border:1px solid var(--sx-hair);border-radius:14px;align-self:flex-start}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.tsim-viewseg button{min-height:24px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--sx-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.tsim-viewseg button.on{background:var(--ink)!important;color:var(--sx-on-ink)!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.tsim-viewseg button.tree{border-color:transparent!important}
#hwBody.hw-simx .hw-sim:not(.hw-simcx)>.tsim-viewseg .tsim-viewseg-hint{font-family:var(--sx-sans);font-size:10.5px;color:var(--muted);padding:0 8px}
#hwBody.hw-simx .tsim-modtree{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;height:auto!important}
#hwBody.hw-simx .tsim-modtree .tsim-treews#tmApp{flex:1 1 auto;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column;gap:var(--sx-gap)!important}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head .sltr-badge{font-family:var(--sx-sans);font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em;color:var(--muted)!important}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head h3{font-family:var(--sx-sans);font-size:12px!important;font-weight:400!important;color:var(--ink);margin:0!important;text-transform:none;letter-spacing:0}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head .sltr-headr{display:flex;gap:6px}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head .sltr-btn{min-height:26px!important;padding:0 10px!important;border-radius:2px!important;font-family:var(--sx-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--sx-hair)!important;background:none!important;color:var(--ink)!important}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head .sltr-btn.primary{background:var(--sx-lapis)!important;border-color:var(--sx-lapis)!important;color:#fff!important}
#hwBody.hw-simx .tsim-modtree .tsim-modtree-head .sltr-btn:disabled{opacity:.45!important}
@media (max-width:1000px){
#hwBody.hw-simx .tsim-modtree .tsim-treews-body{display:flex!important;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:thin}
#hwBody.hw-simx .tsim-modtree .sltr-panel.tt-side,#hwBody.hw-simx .tsim-modtree .tsim-treews-main{flex:0 0 auto;overflow:visible!important}
#hwBody.hw-simx .tsim-modtree .tt-panel{overflow:visible!important}
#hwBody.hw-simx .tsim-modtree .tsim-tree{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:minmax(240px,auto)!important;flex:0 0 auto}
#hwBody.hw-simx .tsim-modtree .tsim-tree>.sltr-chart svg{height:auto!important}
}
/* ---- build 1224: the live panels keep their own height ----------------------------------------------------------
The Simulate grid fits the viewport, and its flex columns were shrinking every row to share the space: the tiles
slid under the chart tabs, the surface strip collapsed to 8 px with its values printed over the drawing, and the
well drawing overflowed onto the bit zoom below it. Rows now keep their natural height; only the drawings and
the chart body take (and give back) the remaining space. */
#hwBody.hw-simx .hw-sim-stage .sltr.tsim{flex:1 1 auto;min-height:0}
#hwBody.hw-simx .hw-sim-stage #tsimTab{flex:1 1 auto!important;min-height:180px;display:flex;flex-direction:column;overflow:auto}
#hwBody.hw-simx .hw-sim-stage #tsimTab>*{flex:0 0 auto}
#hwBody.hw-simx .hw-sim-stage #tsimTab>figure.sltr-chart{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#hwBody.hw-simx .hw-sim-stage #tsimTab>figure.sltr-chart>figcaption{flex:0 0 auto}
#hwBody.hw-simx .hw-sim-stage #tsimTab>figure.sltr-chart>svg{flex:1 1 auto;min-height:120px;height:100%;width:100%}
#hwBody.hw-simx .hw-sim-stage .sltr.tsim>*,#hwBody.hw-simx .hw-sim-stage .sltr-live>*{flex-shrink:0}
#hwBody.hw-simx .hw-cmp-simslot{display:flex!important;flex-direction:column;min-height:0;min-width:0}
#hwBody.hw-simx .hw-cmp-simslot>.hw-cmp-simsw{flex:0 0 auto}
#hwBody.hw-simx .hw-cmp-simslot>.hw-cmp,#hwBody.hw-simx .hw-cmp-simslot>.hw-cmp-classic{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp>.hw-cmp-surface,#hwBody.hw-simx .hw-cmp-simslot .hw-cmp>.hw-cmp-alarm-slot{flex:0 0 auto;height:auto!important}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp>.hw-cmp-draw{flex:1 1 auto;min-height:0;display:flex;justify-content:center}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp>.hw-cmp-draw>svg{width:100%;height:100%;max-height:100%}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp-classic>.hw-cmp-classic-well{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp-classic-well>*{flex:0 0 auto}
#hwBody.hw-simx .hw-cmp-simslot .hw-cmp-classic-well>.hw-schem-svg{flex:1 1 auto;min-height:0;width:100%;height:100%}
/* trips: the whole well and the bit zoom side by side under the title, each the full height of the column */
#hwBody.hw-simx .hw-sim-well.tsim-well{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);grid-template-rows:auto minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:stretch!important}
#hwBody.hw-simx .hw-sim-well.tsim-well::before{grid-column:1/-1}
#hwBody.hw-simx .hw-sim-well.tsim-well>.tsim-whole{grid-column:1;grid-row:2;min-height:0}
#hwBody.hw-simx .hw-sim-well.tsim-well:not(:has(#tsimZoom))>.tsim-whole{grid-column:1/-1}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom{grid-column:2;grid-row:2;min-height:0;margin:0;display:flex;flex-direction:column;align-items:stretch}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom>*{flex:0 0 auto}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom>svg{flex:1 1 auto;min-height:0;width:100%;height:100%}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom .tsim-zoomh{display:flex;justify-content:space-between;gap:4px;font-size:10px}
#hwBody.hw-simx .hw-sim-well.tsim-well .hw-cmp-surface{grid-template-columns:1fr!important;gap:2px}
#hwBody.hw-simx .hw-sim-well.tsim-well .hw-cmp-eq{display:flex;justify-content:space-between;align-items:baseline;gap:4px;padding:2px 6px}
#hwBody.hw-simx .hw-sim-well.tsim-well .hw-cmp-simsw button{font-size:10px;padding:0 4px}
#hwBody.hw-simx .hw-sim-well.tsim-well .hw-cmp-alarm{flex-wrap:wrap;gap:2px 6px;font-size:10px;line-height:1.25}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom .sltr-seg.sm{flex-wrap:nowrap;gap:1px}
#hwBody.hw-simx .hw-sim-well.tsim-well>#tsimZoom .sltr-seg.sm>button{font-size:9.5px;padding:3px 4px;white-space:nowrap;flex:1 1 0;min-width:0}
/* displacement: the set-up steps, the process rail and the readouts are stacked rows of the middle card (it scrolls);
the steps list used to be squeezed to 23 px and printed its three cards over the live "where every fluid is" panel */
#hwBody.hw-simx .hw-simx-mid>*{flex-shrink:0}
#hwBody.hw-simx .hw-simx-mid>nav.sim-steps{height:auto!important;min-height:0}