/* ============================================================================ MCRUSH PE — Analyze "Maison" layer (stage A: toolbar row · inputs line + readiness · summary band · stage B: chart board + cursor bar) Finish + layout only. Every selector is scoped under the root class .hw-anx that renderHydroAnalysis() puts on #hwBody (body.hw-anx-imm for the immersive chrome). Colours come only from the app's theme tokens (--blue --accent2 --ink --muted --line --bg --card --green --amber --red) via color-mix(); the layer follows every data-theme. Status colours only on status. Nothing here moves. ============================================================================ */ #hwBody.hw-anx{ --ax-gold:var(--accent2); --ax-gold-hair:color-mix(in srgb,var(--accent2) 55%,transparent); --ax-lapis:var(--blue); --ax-hair:color-mix(in srgb,var(--ink) 13%,transparent); --ax-hair-2:color-mix(in srgb,var(--ink) 6%,transparent); --ax-hatch:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--ink) 5%,transparent) 6px 7px); --ax-on-ink:var(--bg); --ax-engrave:.14; --ax-sans:"Geist Sans","Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --ax-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --ax-jpf:"Geist Sans","Geist","Noto Sans CJK JP","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif; --ax-gap:8px; --ax-shadow:0 12px 28px -18px color-mix(in srgb,var(--ink) 40%,transparent); font-family:var(--ax-sans); } #hwBody.hw-anx[data-ax-dark="1"],:root[data-theme="obsidian"] #hwBody.hw-anx,:root[data-theme="deepwater"] #hwBody.hw-anx{--ax-engrave:.18} #hwBody.hw-anx .hw-anx-micro,#hwBody.hw-anx .hw-anx-ready b,#hwBody.hw-anx .hw-anhead-tools .hw-gm-l{font-family:var(--ax-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} /* binary engraving under a card header (data-anx-bin → data-anx-binstr, decoded in the title) */ #hwBody.hw-anx [data-anx-binstr]{position:relative} #hwBody.hw-anx [data-anx-binstr]::after{content:attr(data-anx-binstr);display:block;font-family:var(--ax-mono);font-size:6.5px;letter-spacing:.08em;line-height:1;color:var(--ink);opacity:var(--ax-engrave);white-space:nowrap;overflow:hidden;text-overflow:clip;margin-top:3px;pointer-events:none} /* ---- immersive chrome (manual from the toolbar button on desktop, Esc leaves; automatic on phones and short tablets) ---- */ body.hw-anx-imm .hydro-moderail,body.hw-anx-imm .hydro-topbar,body.hw-anx-imm .hw-flowbar,body.hw-anx-imm .hydro-foot,body.hw-anx-imm .hydro-tree,body.hw-anx-imm #hydro.screen.active #hydroModeRail.hydro-moderail,body.hw-anx-imm #hydro.screen.active #hydroTopbar.hydro-topbar,body.hw-anx-imm #hydro.screen.active #hwFlowBar.hw-flowbar,body.hw-anx-imm #hydro.screen.active #hydroFoot.hydro-foot,body.hw-anx-imm #hydro.screen.active #hydroTree.hydro-tree,body.hw-anx-imm #hydro.screen.active .hydro-side-backdrop,body.hw-anx-imm nav#mnav.mnav{display:none!important} body.hw-anx-imm #hydro.screen.active .hydro-app{grid-template-columns:minmax(0,1fr)!important} body.hw-anx-imm #hydro.screen.active .hydro-mainwrap{height:100dvh!important;max-height:100dvh!important;padding-bottom:0!important} html body.hw-anx-imm.screen-hydro #hydro.screen.active #hwBody.hw-anx{max-height:none!important;height:auto!important;flex:1 1 auto!important} /* stage A lays out the desktop screen (≥1001px); tablets and phones keep the app's own compact Analyze until stage C */ @media (min-width:1001px) and (min-height:501px){ /* ---- toolbar row: cartouche · workspace · show well · preset · interval · controls · dock · annotation · immersive ---- */ #hwBody.hw-anx .hw-anhead{margin:0 0 var(--ax-gap)!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;min-height:36px} #hwBody.hw-anx .hw-anhead.notitle{margin-bottom:var(--ax-gap)!important} #hwBody.hw-anx .hw-anhead-t{display:none!important} #hwBody.hw-anx .hw-anhead-tools{flex:1 1 auto;min-width:0;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;overflow:visible} #hwBody.hw-anx .hw-anx-cart{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 10px;border:1px solid var(--ax-gold-hair);border-radius:12px;position:relative;font-family:var(--ax-sans);font-weight:500;font-size:12px;letter-spacing:.14em;color:var(--ink);white-space:nowrap;flex:0 0 auto;max-width:200px} #hwBody.hw-anx .hw-anx-cart::after{content:"";position:absolute;right:-5px;top:4px;bottom:4px;width:1px;background:var(--ax-gold-hair)} #hwBody.hw-anx .hw-anx-cart svg{width:10px;height:14px;stroke:var(--ax-gold);fill:none;stroke-width:.9;flex:0 0 auto} #hwBody.hw-anx .hw-workhub>summary{height:28px!important;padding:0 8px!important;border:0!important;border-radius:2px!important;background:none!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--ink)!important;gap:6px!important} #hwBody.hw-anx .hw-workhub>summary span::after{content:" · Analyze";color:var(--muted)} #hwBody.hw-anx .hw-workhub>summary .cpk-i,#hwBody.hw-anx .hw-workhub>summary svg{width:13px!important;height:13px!important;color:var(--muted)} #hwBody.hw-anx .hw-workhub[open]>summary{color:var(--ax-lapis)!important} #hwBody.hw-anx .hw-workhub-pop{border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 16%,transparent)!important} #hwBody.hw-anx .hw-well-toggle-clear{display:inline-flex!important;align-items:center;gap:6px!important;height:28px!important;padding:0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--muted)!important;white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-well-toggle-clear.on{color:var(--ink)!important;border-color:var(--ink)!important} #hwBody.hw-anx .hw-well-toggle-clear svg{width:13px!important;height:13px!important} #hwBody.hw-anx .hw-presetbar{display:inline-flex!important;align-items:center;gap:6px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;flex:0 1 auto;min-width:0} #hwBody.hw-anx .hw-presetbar .hw-gm-l{margin:0 2px 0 0!important;color:var(--muted)!important} #hwBody.hw-anx .hw-preset-sel{height:28px!important;padding:0 24px 0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:11px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;max-width:170px!important;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;cursor:pointer} #hwBody.hw-anx .hw-preset-sel.hw-iv-more{max-width:130px!important} #hwBody.hw-anx .hw-ivtog{display:inline-flex!important;border:1px solid var(--ax-hair)!important;border-radius:14px!important;padding:2px;gap:2px;overflow:hidden;background:none!important} #hwBody.hw-anx .hw-ivbtn{height:22px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--muted)!important;cursor:pointer} #hwBody.hw-anx .hw-ivbtn.on{background:var(--ink)!important;color:var(--ax-on-ink)!important} #hwBody.hw-anx .hw-winrange{height:26px!important;width:64px!important;border:0!important;border-bottom:1px solid var(--ax-hair)!important;border-radius:0!important;background:none!important;font-family:var(--ax-mono)!important;font-size:11px!important;color:var(--ink)!important;padding:0 4px!important} #hwBody.hw-anx .hw-winrange-u{font-family:var(--ax-mono);font-size:10px;color:var(--muted)} /* the Analyze Controls menu and the Engineering Dock launcher read as two quiet round icons at the right */ #hwBody.hw-anx .hw-ac{margin-left:auto} #hwBody.hw-anx .hw-ac>summary,#hwBody.hw-anx .hw-dock-launch{display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;box-shadow:none!important;color:var(--muted)!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;cursor:pointer} #hwBody.hw-anx .hw-ac>summary:hover,#hwBody.hw-anx .hw-dock-launch:hover,#hwBody.hw-anx .hw-ac[open]>summary,#hwBody.hw-anx .hw-panelhub[open]>.hw-dock-launch{color:var(--ink)!important;border-color:var(--muted)!important} #hwBody.hw-anx .hw-ac>summary .ico,#hwBody.hw-anx .hw-ac>summary svg{width:14px!important;height:14px!important} #hwBody.hw-anx .hw-dock-launch .hw-dock-mark{width:16px!important;height:16px!important;filter:none!important} #hwBody.hw-anx .hw-dock-launch-copy,#hwBody.hw-anx .hw-launch-dot{display:none!important} #hwBody.hw-anx .hw-fpbar{display:inline-flex!important;align-items:center;margin:0!important;padding:0!important;border:0!important;background:none!important} #hwBody.hw-anx .hw-ac-menu,#hwBody.hw-anx .hw-panelmenu{border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 16%,transparent)!important;font-family:var(--ax-sans)} #hwBody.hw-anx .hw-anx-jp{font-family:var(--ax-jpf);font-weight:300;letter-spacing:.2em;color:var(--muted);font-size:10px;white-space:nowrap;flex:0 0 auto} #hwBody.hw-anx .hw-anx-jp small{font-family:var(--ax-sans);letter-spacing:.12em;text-transform:uppercase;font-size:8px;margin-left:5px;opacity:.85} #hwBody.hw-anx .hw-anx-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(--ax-hair);border-radius:999px;background:none;color:var(--muted);font-family:var(--ax-sans);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;flex:0 0 auto} #hwBody.hw-anx .hw-anx-imm:hover{color:var(--ink);border-color:var(--muted)} #hwBody.hw-anx .hw-anx-imm .ico{width:13px;height:13px} #hwBody.hw-anx .hw-anx-imm .on{display:none;align-items:center;gap:5px} #hwBody.hw-anx .hw-anx-imm .off{display:inline-flex;align-items:center} body.hw-anx-imm #hwBody.hw-anx .hw-anx-imm{width:auto;padding:0 10px;color:var(--ink);border-color:var(--ax-gold-hair)} body.hw-anx-imm #hwBody.hw-anx .hw-anx-imm .on{display:inline-flex} body.hw-anx-imm #hwBody.hw-anx .hw-anx-imm .off{display:none} /* the toolbar's Show well toggle is the one control: no floating pill over the chart */ #hwBody.hw-anx .hw-wellshow{display:none!important} /* pre-solve: the save controls sit where the hub would */ #hwBody.hw-anx .hw-anhead-tools .btn{border-radius:2px!important;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;box-shadow:none!important} /* ---- inputs line: one row of instruments, the pressure mode first, the readiness state at the right end ---- */ #hwBody.hw-anx .hw-kpirib.hw-cpk{flex:0 0 auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;overflow:visible!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:none!important;padding:0!important;margin:0 0 var(--ax-gap)!important;min-height:44px} #hwBody.hw-anx .hw-cpk .cpk-sheet-head{display:none!important} #hwBody.hw-anx .hw-cpk .cpk-zone.cpk-control{flex:1 1 100%;min-width:0;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important} #hwBody.hw-anx .hw-cpk .cpk-ctrl-grid,#hwBody.hw-anx .hw-cpk .cpk-strat-col,#hwBody.hw-anx .hw-cpk .cpk-in-col,#hwBody.hw-anx .hw-cpk .cpk-body,#hwBody.hw-anx .hw-cpk .cpk-input-groups,#hwBody.hw-anx .hw-cpk .cpk-igrp,#hwBody.hw-anx .hw-cpk .cpk-igrp .cpk-cards,#hwBody.hw-anx .hw-cpk .cpk-target-lane,#hwBody.hw-anx .hw-cpk .cpk-target-lane .cpk-cards,#hwBody.hw-anx .hw-cpk .cpk-in-col>.cpk-zh{display:contents!important} #hwBody.hw-anx .hw-cpk .cpk-zh-strat,#hwBody.hw-anx .hw-cpk .cpk-igrp-l,#hwBody.hw-anx .hw-cpk .cpk-target-lane>span,#hwBody.hw-anx .hw-cpk .cpk-explain,#hwBody.hw-anx .hw-cpk .cpk-in-col>.cpk-zh>.cpk-title,#hwBody.hw-anx .hw-cpk .cpk-acc-x,#hwBody.hw-anx .hw-cpk .hw-relstrip,#hwBody.hw-anx .hw-cpk .cpk-mode-refnow{display:none!important} /* the Digital Well Response (shown by the app at the engineering / expert density levels) is a second quiet row */ #hwBody.hw-anx .hw-cpk .cpk-zone.cpk-solved{flex:1 1 100%;align-items:center;flex-direction:row!important;gap:0 10px;flex-wrap:wrap;margin:0!important;padding:4px 12px!important;border:0!important;border-top:1px solid var(--ax-hair-2)!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:var(--ax-sans);font-size:11px} #hwBody.hw-anx .hw-cpk .cpk-zone.cpk-solved .cpk-body,#hwBody.hw-anx .hw-cpk .cpk-solved-wrap,#hwBody.hw-anx .hw-cpk .cpk-readbox,#hwBody.hw-anx .hw-cpk .cpk-readouts,#hwBody.hw-anx .hw-cpk .cpk-solved-top{display:contents!important} /* the pressure-mode picker: a Maison select pill */ #hwBody.hw-anx .hw-cpk .cpk-mode-picker{position:relative;flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 8px 0 12px!important;border-right:1px solid var(--ax-hair-2);align-self:stretch;display:flex!important;align-items:center} #hwBody.hw-anx .hw-cpk .cpk-mode-picker>summary{list-style:none;display:inline-flex!important;align-items:center;gap:8px!important;width:auto!important;min-width:0!important;min-height:28px!important;height:28px!important;padding:0 8px 0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;box-shadow:none!important;cursor:pointer;color:var(--ink)!important} #hwBody.hw-anx .hw-cpk .cpk-mode-picker>summary::-webkit-details-marker{display:none} #hwBody.hw-anx .hw-cpk .cpk-mode-picker>summary .cpk-mode-mark{display:none!important} #hwBody.hw-anx .hw-cpk .cpk-mode-current{display:inline-flex!important;align-items:baseline;gap:6px;flex-direction:row!important} #hwBody.hw-anx .hw-cpk .cpk-mode-current small{font-family:var(--ax-sans);font-size:9px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important} #hwBody.hw-anx .hw-cpk .cpk-mode-current b{font-family:var(--ax-sans);font-size:11.5px!important;font-weight:400!important;color:var(--ink)!important;letter-spacing:0;text-transform:none;white-space:nowrap} #hwBody.hw-anx .hw-cpk .cpk-mode-caret{width:10px!important;height:10px!important;color:var(--muted)} #hwBody.hw-anx .hw-cpk .cpk-mode-pop{border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 16%,transparent)!important;font-family:var(--ax-sans)} /* every instrument card: micro label · mono value · unit, hairline separators, no fills */ #hwBody.hw-anx .hw-cpk .cpk-cards .hw-kr,#hwBody.hw-anx .hw-cpk .hw-kr.tgt,#hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell{flex:0 0 auto!important;min-width:0!important;width:auto!important;display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:baseline!important;align-content:center!important;column-gap:5px!important;row-gap:1px!important;margin:0!important;padding:4px 11px 5px!important;border:0!important;border-right:1px solid var(--ax-hair-2)!important;border-radius:0!important;background:none!important;box-shadow:none!important;position:relative;align-self:stretch} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kr-glyph{display:none!important} #hwBody.hw-anx .hw-cpk .hw-kr>i{grid-column:1/-1;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important;white-space:nowrap;overflow:visible;text-overflow:clip;display:flex;align-items:center;gap:5px;line-height:1.2} #hwBody.hw-anx .hw-cpk .hw-kr>i em,#hwBody.hw-anx .hw-cpk .hw-kr>i .hw-src{font-family:var(--ax-sans);font-size:8px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--ax-hair);border-radius:2px;padding:0 4px;margin-left:2px;font-style:normal} #hwBody.hw-anx .hw-cpk .hw-kr>i .hw-dhp-toggle{font-family:var(--ax-sans)!important;font-size:8px!important;letter-spacing:.1em;padding:0 5px!important;min-height:14px!important;height:14px!important;border-radius:2px!important;border:1px solid var(--ax-hair)!important;background:none!important;color:var(--muted)!important;box-shadow:none!important} #hwBody.hw-anx .hw-cpk .hw-kr>i .hw-dhp-toggle.on{color:var(--ax-on-ink)!important;background:var(--ink)!important;border-color:var(--ink)!important} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri,#hwBody.hw-anx .hw-cpk .hw-kr>b{grid-column:1;font-family:var(--ax-mono)!important;font-size:13.5px!important;font-weight:400!important;color:var(--ink)!important;background:none!important;border:0!important;border-bottom:1px solid var(--ax-hair)!important;border-radius:0!important;padding:0 0 1px!important;width:auto!important;min-width:44px!important;max-width:none;height:auto!important;line-height:1.2!important;box-shadow:none!important;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible!important;text-overflow:clip!important} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri:focus{border-bottom-color:var(--ax-lapis)!important;outline:none!important} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri.hw-input-draft{border-bottom-color:var(--ax-lapis)!important;border-bottom-style:dashed!important} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri.hw-input-invalid{border-bottom-color:var(--red)!important} #hwBody.hw-anx .hw-cpk .hw-kr>b small,#hwBody.hw-anx .hw-cpk .hw-kr>em{font-family:var(--ax-mono)!important;font-size:10px!important;font-weight:400!important;color:var(--muted)!important;letter-spacing:.04em;white-space:normal;line-height:1.1;max-width:88px;grid-column:2} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri{max-width:80px!important} #hwBody.hw-anx .hw-cpk .hw-kr.edit>.hw-kri{width:calc(7ch + 4px)!important;min-width:0!important} #hwBody.hw-anx .hw-cpk .hw-kr>b small{margin-left:4px} #hwBody.hw-anx .hw-cpk .hw-kr.out>b .hw-kpi-pend{font-family:var(--ax-mono);color:var(--muted)} #hwBody.hw-anx .hw-cpk .hw-kr.driver>i::after{content:"control";font-family:var(--ax-sans);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--ax-hair);border-radius:2px;padding:0 4px;margin-left:2px} #hwBody.hw-anx .hw-cpk .hw-kr .hw-instr-x{position:absolute!important;top:5px!important;right:4px!important;width:14px!important;height:14px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--muted)!important;opacity:.7} #hwBody.hw-anx .hw-cpk .hw-kr .hw-instr-x svg{width:9px;height:9px} #hwBody.hw-anx .hw-cpk .hw-kr .hw-ovrtag,#hwBody.hw-anx .hw-cpk .hw-kr .hw-instr-pump{font-family:var(--ax-sans);font-size:8px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--ax-hair);border-radius:2px;padding:0 4px;margin-left:2px;font-style:normal;background:none!important} /* the fluid card (fluid-analyze.js): the same instrument */ #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell .fz-mw{grid-column:1} #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell .fz-sub{grid-column:2;grid-row:2;display:inline-flex;align-items:baseline;gap:6px;font-family:var(--ax-sans);font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px} #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell .fz-change{display:none} #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell .fz-tag{font-family:var(--ax-sans);font-size:8px!important;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ax-hair);border-radius:2px;padding:0 4px;background:none!important;color:var(--muted)!important;font-style:normal} #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell>i .fz-class{font-family:var(--ax-sans);font-size:8px!important;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ax-gold-hair);border-radius:2px;padding:0 4px;color:var(--ink)!important;background:none!important} /* state pill, motion summary and input state read as quiet chips after the instruments */ #hwBody.hw-anx .hw-cpk .cpk-state-pill{order:5;margin:0 0 0 12px!important;height:22px!important;padding:0 9px!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:none!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--green)!important;white-space:nowrap;flex:0 0 auto;cursor:pointer} #hwBody.hw-anx .hw-cpk .cpk-motion-summary{order:6;margin-left:8px;font-family:var(--ax-mono)!important;font-size:10px!important;font-weight:400!important;color:var(--muted)!important;white-space:nowrap;flex:0 0 auto} #hwBody.hw-anx .hw-cpk #hwInputState{order:7;margin:0 0 0 8px!important;padding:0!important;border:0!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--muted)!important;white-space:nowrap;flex:0 0 auto} #hwBody.hw-anx .hw-cpk #hwInputState.is-draft{color:var(--ax-lapis)!important} #hwBody.hw-anx .hw-cpk #hwInputState.is-error{color:var(--red)!important} #hwBody.hw-anx .hw-cpk #hwInputState:not(.is-draft):not(.is-updating):not(.is-error){display:none!important} /* readiness: the state at the right end (the words come from hydroAnxReadyHtml) */ #hwBody.hw-anx .hw-anx-ready{order:9;margin-left:auto;flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;padding:0 8px 0 12px;align-self:stretch;border-left:1px solid var(--ax-hair-2)} #hwBody.hw-anx .hw-anx-rl{display:inline-flex;align-items:center;gap:8px;min-width:0;font-family:var(--ax-sans);font-size:11px;color:var(--ink);white-space:nowrap} #hwBody.hw-anx .hw-anx-rl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 auto} #hwBody.hw-anx .hw-anx-rl>b{color:var(--muted);flex:0 0 auto} #hwBody.hw-anx .hw-anx-rl.ok::before{background:var(--green)} #hwBody.hw-anx .hw-anx-rl.ok>b{color:var(--green)} #hwBody.hw-anx .hw-anx-rl.stale::before{background:transparent;border:1px solid var(--amber)} #hwBody.hw-anx .hw-anx-rl.stale>b{color:var(--amber)} #hwBody.hw-anx .hw-anx-rl.empty::before{background:transparent;border:1px solid var(--muted)} #hwBody.hw-anx .hw-anx-rl.busy::before{background:var(--ax-lapis)} #hwBody.hw-anx .hw-anx-rl.busy>b{color:var(--ax-lapis)} #hwBody.hw-anx .hw-anx-rmsg{min-width:0;overflow:visible;font-family:var(--ax-sans);font-size:11px;color:var(--ink)} #hwBody.hw-anx .hw-anx-rl.ok .hw-anx-rmsg{font-family:var(--ax-mono);font-size:10.5px;color:var(--muted)} #hwBody.hw-anx .hw-anx-rfix{flex:0 0 auto;display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid var(--ax-lapis);border-radius:2px;background:var(--ax-lapis);color:#fff;font-family:var(--ax-sans);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-kpirib.hw-cpk:has(.hw-anx-rl.stale){border-color:var(--amber)!important;border-style:dashed!important} #hwBody.hw-anx .hw-kpirib.hw-cpk.ovr-mode{border-left:2px solid var(--ax-gold)!important} @media (max-width:1699px){ #hwBody.hw-anx .hw-cpk .cpk-motion-summary{display:none!important} } @media (max-width:1599px){ #hwBody.hw-anx .hw-anx-rin{display:none} } @media (max-width:1279px){ #hwBody.hw-anx .hw-anx-rl.ok .hw-anx-rmsg{display:none} #hwBody.hw-anx .hw-cpk .cpk-cards .hw-kr{padding:5px 9px 6px!important} #hwBody.hw-anx .hw-cpk .hw-kr>.hw-kri,#hwBody.hw-anx .hw-cpk .hw-kr>b{font-size:12.5px!important} } /* ---- summary band: hero verdict · pressure readouts · density-response matrix with its limits row ---- */ #hwBody.hw-anx .hw-cockpit .hd-grow{flex:0 0 auto!important;height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(220px,.9fr) minmax(280px,1fr) minmax(360px,1.55fr)!important;grid-auto-flow:row!important;gap:0!important;padding:0!important;margin:0 0 var(--ax-gap)!important;border:1px solid var(--ax-hair)!important;border-left-width:1px!important;border-radius:2px!important;background:var(--card)!important;box-shadow:none!important;min-height:0!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;position:relative} #hwBody.hw-anx .hd-grow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--muted)} #hwBody.hw-anx .hd-grow:has(.hd-grow-label.win-ok)::before{background:var(--green)} #hwBody.hw-anx .hd-grow:has(.hd-grow-label.win-warn)::before{background:var(--amber)} #hwBody.hw-anx .hd-grow:has(.hd-grow-label.win-bad)::before{background:var(--red)} #hwBody.hw-anx .hd-grow>*{min-width:0} #hwBody.hw-anx .hd-grow-label{display:flex!important;flex-direction:column!important;justify-content:center;gap:2px;padding:10px 14px 10px 16px!important;min-width:0!important;border-right:1px solid var(--ax-hair-2)} #hwBody.hw-anx .hd-grow-label::before{content:"Verdict · at reference";font-family:var(--ax-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:4px} #hwBody.hw-anx .hd-grow-label>span{display:flex!important;align-items:center;gap:7px!important;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--muted)!important} #hwBody.hw-anx .hd-grow-label>span strong{font-size:10px!important;letter-spacing:.16em!important;color:inherit!important} #hwBody.hw-anx .hd-grow-label.win-ok>span{color:var(--green)!important} #hwBody.hw-anx .hd-grow-label.win-warn>span{color:var(--amber)!important} #hwBody.hw-anx .hd-grow-label.win-bad>span{color:var(--red)!important} #hwBody.hw-anx .hd-grow-label .hd-state-glyph{display:none!important} #hwBody.hw-anx .hd-grow-label>span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto} #hwBody.hw-anx .hd-grow-label>em{order:0;margin:2px 0 0!important;font-family:var(--ax-sans)!important;font-weight:300!important;font-size:clamp(20px,1.5vw + 6px,34px)!important;line-height:1.05!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ink)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #hwBody.hw-anx .hd-grow-label>small{order:1;margin:4px 0 0!important;font:400 10.5px/1.35 var(--ax-mono)!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;white-space:normal!important} #hwBody.hw-anx .hd-grow.is-updating .hd-grow-label>small{color:var(--ax-lapis)!important} #hwBody.hw-anx .hd-grow.is-error .hd-grow-label>small{color:var(--red)!important} #hwBody.hw-anx .hd-grow-label .hd-context{order:2;margin-top:4px} #hwBody.hw-anx .hd-grow-label .hd-context>summary{width:20px!important;height:20px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;color:var(--muted)!important;opacity:1} #hwBody.hw-anx .hd-pressure,#hwBody.hw-anx .hd-density{height:auto!important;border-left:0!important;background:none!important;box-sizing:border-box} #hwBody.hw-anx .hd-pressure{display:flex!important;flex-direction:column;padding:10px 14px!important;border-right:1px solid var(--ax-hair-2);gap:6px} #hwBody.hw-anx .hd-inst-head{display:flex!important;align-items:center;gap:8px;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--ink)!important;margin:0!important;padding:0!important;border:0!important} #hwBody.hw-anx .hd-inst-head svg,#hwBody.hw-anx .hd-d-title svg{display:none!important} #hwBody.hw-anx .hd-inst-head .hd-ap-basis{margin-left:auto;font-family:var(--ax-sans);font-size:8.5px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;border:1px solid var(--ax-hair);border-radius:2px;padding:1px 6px;background:none!important} #hwBody.hw-anx .hd-pressure>.hd-pv{display:inline-flex!important;flex-direction:column;gap:3px;padding:0 14px 0 0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;min-width:0} #hwBody.hw-anx .hd-pressure::after{content:"";display:none} #hwBody.hw-anx .hd-pressure{display:grid!important;grid-template-columns:repeat(3,auto);grid-template-areas:"h h h" "spp sbp bhp";justify-content:start;column-gap:0;row-gap:6px} #hwBody.hw-anx .hd-pressure>.hd-inst-head{grid-area:h} #hwBody.hw-anx .hd-pressure>.hd-pv.spp{grid-area:spp} #hwBody.hw-anx .hd-pressure>.hd-pv.sbp{grid-area:sbp;border-left:1px solid var(--ax-hair-2)!important;padding-left:14px!important} #hwBody.hw-anx .hd-pressure>.hd-pv.bhp{grid-area:bhp;border-left:1px solid var(--ax-hair-2)!important;padding-left:14px!important} #hwBody.hw-anx .hd-pv>span{font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #hwBody.hw-anx .hd-pv>b{font-family:var(--ax-sans)!important;font-weight:300!important;font-size:clamp(18px,1.2vw + 6px,26px)!important;line-height:1.05!important;color:var(--ink)!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em} #hwBody.hw-anx .hd-pv>b small{font-family:var(--ax-mono)!important;font-size:10px!important;font-weight:400!important;color:var(--muted)!important;letter-spacing:.04em;margin-left:3px} /* the matrix: hairline rows, mono numbers, the lift as a quiet second number, the limits row honest */ #hwBody.hw-anx .hd-density:not(.hd-dw){display:grid!important;grid-template-columns:minmax(96px,.9fr) repeat(var(--hd-locs,2),minmax(70px,1fr))!important;grid-template-rows:auto repeat(5,auto)!important;padding:8px 14px 8px!important;column-gap:8px!important;row-gap:0!important;align-items:center!important;align-content:center!important;overflow:visible} #hwBody.hw-anx .hd-d-title{display:flex!important;align-items:center;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important;padding:0 0 4px!important;margin:0!important;border:0!important} #hwBody.hw-anx .hd-d-title span::after{content:" · ppg";color:var(--muted)} #hwBody.hw-anx .hd-loc{display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-end;gap:5px!important;padding:0 0 4px!important;margin:0!important;border:0!important;background:none!important;white-space:nowrap} #hwBody.hw-anx .hd-loc>span{font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ink)!important} #hwBody.hw-anx .hd-loc>small{font-family:var(--ax-mono)!important;font-size:8.5px!important;color:var(--muted)!important;letter-spacing:0!important;text-transform:none!important} #hwBody.hw-anx .hd-loc.projected>span::after{content:" plan";color:var(--muted);letter-spacing:.08em} #hwBody.hw-anx .hd-metric{display:flex!important;align-items:center;gap:7px;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;padding:3px 0!important;margin:0!important;border-top:1px solid var(--ax-hair-2)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3} #hwBody.hw-anx .hd-metric::before{content:"";width:8px;height:2px;background:var(--hm,var(--muted));flex:0 0 auto} #hwBody.hw-anx .hd-metric.hd-lim::before{width:8px;background:none;border-top:1px dashed var(--muted)} #hwBody.hw-anx .hd-metric small{font-family:var(--ax-sans);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:4px} #hwBody.hw-anx .hd-eq{display:flex!important;align-items:baseline;justify-content:flex-end;gap:5px;font-family:var(--ax-mono)!important;font-size:11.5px!important;font-weight:400!important;color:var(--ink)!important;padding:3px 0!important;margin:0!important;border-top:1px solid var(--ax-hair-2)!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important;line-height:1.3;font-variant-numeric:tabular-nums} #hwBody.hw-anx .hd-eq small{display:none!important} #hwBody.hw-anx .hd-eq .hd-lift{display:inline-block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font-family:var(--ax-mono)!important;font-size:9.5px!important;font-weight:400!important;color:var(--muted)!important;min-width:38px;text-align:right} #hwBody.hw-anx .hd-eq .hd-lift.cut{color:var(--muted)!important} #hwBody.hw-anx .hd-eq.na{color:var(--muted)!important} #hwBody.hw-anx .hd-eq.hd-lim{font-size:10.5px!important;color:var(--muted)!important} #hwBody.hw-anx .hd-eq.hd-lim.na,#hwBody.hw-anx .hd-eq.hd-lim i.na{font-family:var(--ax-sans)!important;font-size:8.5px!important;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important} #hwBody.hw-anx .hd-lim-sep{font-style:normal;color:var(--muted);padding:0 2px} /* the delta strip / gauges keep their place; the phone hero is stage C */ @media (max-width:1279px){ #hwBody.hw-anx .hw-cockpit .hd-grow{grid-template-columns:minmax(190px,.8fr) minmax(240px,.95fr) minmax(320px,1.5fr)!important} #hwBody.hw-anx .hd-grow-label{padding:8px 12px 8px 14px!important} #hwBody.hw-anx .hd-pressure{padding:8px 12px!important} #hwBody.hw-anx .hd-density{padding:6px 12px!important} } @media (max-width:1000px){ #hwBody.hw-anx .hw-cockpit .hd-grow{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important} #hwBody.hw-anx .hd-density{grid-column:1/-1;border-top:1px solid var(--ax-hair-2)} #hwBody.hw-anx .hw-kpirib.hw-cpk{flex-wrap:wrap!important;min-height:0} #hwBody.hw-anx .hw-cpk .cpk-zone.cpk-control{flex-wrap:wrap} #hwBody.hw-anx .hw-anx-ready{margin-left:auto;border-left:0;flex:1 1 100%;justify-content:flex-start;padding:4px 12px 6px;border-top:1px solid var(--ax-hair-2)} #hwBody.hw-anx .hw-anhead-tools{flex-wrap:wrap!important} } /* stage B nit: the readiness message is never ellipsised — the readiness cell is a size container and the message drops whole (state word + fix button stay) when the cell is too narrow for it */ #hwBody.hw-anx .hw-anx-ready{container-type:inline-size;container-name:anxready;flex:1 1 0!important;min-width:0} #hwBody.hw-anx .hw-anx-rl .hw-anx-rmsg{overflow:visible;text-overflow:clip} @container anxready (max-width:440px){ #hwBody.hw-anx .hw-anx-rl.stale .hw-anx-rmsg,#hwBody.hw-anx .hw-anx-rl.empty .hw-anx-rmsg,#hwBody.hw-anx .hw-anx-rl.busy .hw-anx-rmsg{display:none} } @container anxready (max-width:250px){ #hwBody.hw-anx .hw-anx-rl.ok .hw-anx-rmsg{display:none} } /* stage A · round 3: the instrument cards carry no colour bar, badge glyph or "drives solve" tag; the label says "control" for the driver */ #hwBody.hw-anx .hw-cockpit .cpk-cards .hw-kr::after,#hwBody.hw-anx .hw-cpk .cpk-cards .hw-kr.edit:focus-within::before{display:none!important;content:none!important} #hwBody.hw-anx .hw-kpirib .hw-kr.edit>i::after,#hwBody.hw-anx .hw-cockpit .cpk-cards .hw-kr.source>i::after{content:none!important;display:none!important} #hwBody.hw-anx .hw-cpk .cpk-cards .hw-kr.driver>i::after{content:"control"!important;display:inline!important;margin-left:2px!important;padding:0 4px!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:none!important;color:var(--muted)!important;font-family:var(--ax-sans)!important;font-size:8px!important;font-weight:500!important;letter-spacing:.1em!important;text-transform:uppercase!important} #hwBody.hw-anx .hw-cpk .hw-kr>em{max-width:110px;font-size:9.5px!important} #hwBody.hw-anx .hw-cpk .hw-kr.dhp-control>em{font-size:9px!important;max-width:92px;line-height:1.05} #hwBody.hw-anx .hd-pv::before,#hwBody.hw-anx .hd-pv::after{display:none!important;content:none!important} #hwBody.hw-anx .hd-pressure>.hd-pv.sbp,#hwBody.hw-anx .hd-pressure>.hd-pv.bhp{border-left:1px solid var(--ax-hair-2)!important;border-left-width:1px!important;border-left-color:var(--ax-hair-2)!important} #hwBody.hw-anx .hw-cpk .hw-kr.hw-mwcell .fz-sub{max-width:96px;font-size:8.5px} /* compact desktop: the readiness state takes its own line under the instruments, so the Re-run action is never pushed away */ @media (max-width:1439px){ #hwBody.hw-anx .hw-anx-ready{flex:0 1 auto;justify-content:flex-end;border-left:0;padding:3px 12px 4px;align-self:auto;min-height:30px} #hwBody.hw-anx .hw-cpk .cpk-zone.cpk-control{flex-wrap:wrap!important;row-gap:0} #hwBody.hw-anx .hd-metric,#hwBody.hw-anx .hd-eq{padding:2px 0!important} #hwBody.hw-anx .hd-grow-label{padding:8px 12px 8px 14px!important} #hwBody.hw-anx .hd-pressure{padding:8px 12px!important;row-gap:4px} #hwBody.hw-anx .hd-density{padding:6px 12px 5px!important} } @media (max-height:820px){ #hwBody.hw-anx .hd-grow-label>em{font-size:clamp(20px,1.4vw + 4px,28px)!important} #hwBody.hw-anx .hd-pv>b{font-size:clamp(17px,1vw + 6px,22px)!important} } /* compact desktop: the readiness keeps to the instruments' line — the state word and its action stay, the sentence goes */ @media (max-width:1439px){ #hwBody.hw-anx .hw-anx-rl .hw-anx-rmsg{display:none} #hwBody.hw-anx .hw-anx-ready{container-type:normal;flex:0 1 auto!important} /* word + button only; the row wraps it whole when it does not fit */ #hwBody.hw-anx .hw-anx-rl>b{white-space:nowrap} #hwBody.hw-anx .hw-cpk .cpk-mode-current small{display:none} #hwBody.hw-anx .hw-cpk .cpk-mode-picker{padding:0 6px 0 8px!important} #hwBody.hw-anx .hw-cpk .cpk-cards .hw-kr{padding:4px 9px 5px!important} #hwBody.hw-anx .hw-cpk .cpk-state-pill{margin-left:8px!important} } /* ============================================================ stage B · chart board ==================== */ /* board: quiet cards, equal full-height columns at 1180–1919, WIN large + two stacked at ≥1920 (a board the user resized by its dividers keeps its own columns: .custom-cols) */ #hwBody.hw-anx .hw-graphcol .hw-board{gap:var(--ax-gap)!important;min-height:0} @media (min-width:1180px) and (max-width:1919px){ #hwBody.hw-anx .hw-board.mode3:not(.custom-cols){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important} #hwBody.hw-anx .hw-board.mode3:not(.custom-cols)>.hw-slot{grid-column:auto!important;grid-row:auto!important} #hwBody.hw-anx .hw-board.mode2:not(.custom-cols){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} #hwBody.hw-anx .hw-board.mode3:not(.custom-cols)>.hw-gdiv,#hwBody.hw-anx .hw-board.mode2:not(.custom-cols)>.hw-gdiv{display:none!important} /* the owner's equal columns are fixed here, as the app already fixes its own 1001–1499 layout */ } @media (min-width:1920px){ #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols){grid-template-columns:minmax(0,1.6fr) 8px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>#hwSlot_0{grid-column:1!important;grid-row:1 / 3!important} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>.hw-gdiv[data-i="0"]{display:flex!important;grid-column:2;grid-row:1 / 3} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>#hwSlot_1{grid-column:3!important;grid-row:1!important} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>.hw-gdiv[data-i="1"]{display:none!important} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>#hwSlot_2{grid-column:3!important;grid-row:2!important} #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>#hwSlot_1 .hw-slot-legs, #hwBody.hw-anx .hw-board.mode3.ow-star:not(.custom-cols)>#hwSlot_2 .hw-slot-legs{max-height:16px!important} } #hwBody.hw-anx .hw-gdiv>span{width:1px;height:40px;border-radius:0;background:var(--ax-hair)} #hwBody.hw-anx .hw-gdiv:hover>span{background:var(--ax-lapis);height:56px} #hwBody.hw-anx .hw-cockpit .hw-slot{border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;padding:6px 12px 7px!important;min-width:0;overflow:hidden} #hwBody.hw-anx .hw-slot-ceh{display:none!important} /* slot header: series pill · status chip · live readout · (stale chip) · App chart · settings */ #hwBody.hw-anx .hw-slot-h{height:26px!important;min-height:26px!important;max-height:26px!important;margin:0 0 3px!important;padding:0!important;gap:8px!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;overflow:visible!important;container-type:inline-size;container-name:anxslot} #hwBody.hw-anx .hw-slot-h>*{flex:0 0 auto!important;min-width:0} #hwBody.hw-anx .hw-slot-h .hw-slot-sel{order:1;width:auto!important;min-width:0!important;max-width:none!important;height:22px!important;min-height:0!important;line-height:20px!important;padding:0 22px 0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--bg)!important;box-shadow:none!important;font-family:var(--ax-mono)!important;font-size:10px!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ink)!important;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%)!important;background-position:calc(100% - 13px) 9px,calc(100% - 9px) 9px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;cursor:pointer} #hwBody.hw-anx .hw-slot-h .hw-slot-railread{order:2;flex:1 1 auto!important;display:flex;align-items:center;overflow:hidden} #hwBody.hw-anx .hw-slot-h .hw-ceh{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:0!important;margin:0!important;border:0!important;min-width:0} #hwBody.hw-anx .hw-slot-h .hw-ceh-t{display:none!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-v{display:flex!important;align-items:center;gap:8px;min-width:0;font-family:var(--ax-mono)!important;font-size:10.5px!important;letter-spacing:.02em;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-slot-h .hw-ceh-v>span{flex:0 0 auto} #hwBody.hw-anx .hw-slot-h .hw-ceh-st{order:-1;display:inline-block;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;padding:1px 6px!important;margin:0!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-slot-h .hw-ceh-st.ok{border-color:color-mix(in srgb,var(--green) 45%,transparent)!important;color:var(--green)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-st.warn{border-color:color-mix(in srgb,var(--amber) 55%,transparent)!important;border-style:dashed!important;color:var(--amber)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-st.bad{border-color:color-mix(in srgb,var(--red) 55%,transparent)!important;color:var(--red)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-primary>i,#hwBody.hw-anx .hw-slot-h .hw-ceh-secondary>i{font-style:normal;margin-right:5px;color:var(--muted)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-primary>b{font-weight:500!important;color:var(--ink)!important;margin:0 4px 0 5px} #hwBody.hw-anx .hw-slot-h .hw-ceh-primary>em{font-style:normal;color:var(--muted)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-secondary{color:var(--muted)!important} #hwBody.hw-anx .hw-slot-h .hw-ceh-secondary::before{content:"·";margin-right:8px;color:var(--ax-hair)} /* stale: the app's own slot-0 re-run chip (hidden by the app on desktop) sits in the header like the concept's chip; the other slots carry a statement (not an action) drawn from that chip's presence; the readout yields to it when narrow; the verdict line is tagged "previous solve" */ #hwBody.hw-anx .hw-slot-h>.hw-stale-chip{display:inline-flex!important;order:3;position:static;height:auto!important;min-height:0!important;margin:0!important;padding:2px 7px!important;border:1px dashed var(--amber)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--amber)!important;gap:4px!important;white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-board:has(>.hw-slot>.hw-slot-h>.hw-stale-chip) .hw-slot:not(:has(.hw-stale-chip)) .hw-slot-h::before{content:"Inputs changed · previous solve";order:3;flex:0 0 auto;padding:2px 7px;border:1px dashed var(--amber);border-radius:2px;background:var(--card);font-family:var(--ax-sans);font-size:8.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);white-space:nowrap;pointer-events:none} @container anxslot (max-width:760px){ #hwBody.hw-anx .hw-board:has(.hw-stale-chip) .hw-slot-h .hw-ceh-secondary,#hwBody.hw-anx .hw-board:has(.hw-stale-chip) .hw-slot-h::after{display:none!important} } @container anxslot (max-width:560px){ #hwBody.hw-anx .hw-board:has(.hw-stale-chip) .hw-slot-h .hw-ceh-v{display:none!important} } @container anxslot (max-width:340px){ #hwBody.hw-anx .hw-slot-h>.hw-stale-chip,#hwBody.hw-anx .hw-board:has(>.hw-slot>.hw-slot-h>.hw-stale-chip) .hw-slot:not(:has(.hw-stale-chip)) .hw-slot-h::before{position:absolute;left:50%;top:60px;transform:translateX(-50%);z-index:3} #hwBody.hw-anx .hw-board:has(.hw-stale-chip) .hw-slot-h .hw-ceh-v{display:flex!important} } #hwBody.hw-anx .hw-cockpit:has(.hw-anx-rl.stale) .hd-grow-label>span::after{content:"previous solve";margin-left:8px;padding:0 5px;border:1px dashed var(--amber);border-radius:2px;font-family:var(--ax-sans);font-size:8.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);white-space:nowrap} #hwBody.hw-anx .hw-slot-h .hw-pow-axes{order:4;font-family:var(--ax-mono);font-size:10px;color:var(--muted)!important} #hwBody.hw-anx .hw-slot-h::after{content:"App chart";order:8;margin-left:auto;flex:0 0 auto;padding:1px 6px;border:1px solid var(--ax-hair);border-radius:2px;background:var(--ax-hatch);font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap} #hwBody.hw-anx .hw-slot-h .hw-slot-menu{order:9;z-index:18} #hwBody.hw-anx .hw-slot-h .hw-slot-menu>summary{width:24px!important;height:24px!important;min-height:0!important;padding:0!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;color:var(--muted)!important;box-shadow:none!important} #hwBody.hw-anx .hw-slot-h .hw-slot-menu>summary .cpk-i{width:12px;height:12px} #hwBody.hw-anx .hw-slot-h .hw-slot-menu[open]>summary{border-color:var(--ax-lapis)!important;color:var(--ax-lapis)!important} #hwBody.hw-anx .hw-slot-h .hw-slot-menu>.hw-slot-tools{border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:var(--ax-shadow)!important} @container anxslot (max-width:420px){ #hwBody.hw-anx .hw-slot-h .hw-ceh-secondary{display:none!important} } @container anxslot (max-width:330px){ #hwBody.hw-anx .hw-slot-h::after{display:none} } @container anxslot (max-width:300px){ #hwBody.hw-anx .hw-slot-h .hw-ceh-primary{display:none!important} } @container anxslot (max-width:200px){ #hwBody.hw-anx .hw-slot-h .hw-ceh-st{display:none!important} } /* context micro-line: Bit · Current hole · Hydraulic profile (later items drop whole when the card is narrow) */ #hwBody.hw-anx .hw-profile-context{display:flex!important;flex-wrap:wrap!important;align-content:flex-start;gap:0!important;padding:0 0 4px!important;margin:0!important;height:18px;overflow:hidden;font-family:var(--ax-sans)!important;font-size:10px!important;line-height:14px!important;letter-spacing:.02em;color:var(--muted)!important;white-space:nowrap;container-type:inline-size;container-name:anxctx} #hwBody.hw-anx .hw-profile-context>span{flex:0 0 auto} #hwBody.hw-anx .hw-profile-context>span+span::before{content:"·";margin:0 6px;color:var(--ax-hair)} @container anxctx (max-width:300px){ #hwBody.hw-anx .hw-profile-context>span:nth-child(3){display:none} } @container anxctx (max-width:200px){ #hwBody.hw-anx .hw-profile-context>span:nth-child(2){display:none} } /* chart canvas: the app's own SVG, filling the card; ticks in the layer's mono */ #hwBody.hw-anx .hw-cockpit .hw-slot-chart{flex:1 1 auto!important;min-height:120px!important;min-width:0;position:relative;overflow:hidden} #hwBody.hw-anx .hw-cockpit .hw-slot-svg .fl-tick{font-family:var(--ax-mono)!important;font-size:9.5px!important} #hwBody.hw-anx .hw-cockpit .hw-slot-svg .fl-axl{font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.06em} /* legend: below the canvas, wrapping rows, never over the axes; the takeaway is a quiet last line */ #hwBody.hw-anx .hw-cockpit .hw-slot-legs{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:58px!important;overflow:auto!important;scrollbar-width:thin;display:flex!important;flex-wrap:wrap!important;gap:0 8px!important;align-content:flex-start;margin:4px 0 0!important;padding:0!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;line-height:14px!important;letter-spacing:.03em;color:var(--muted)!important} #hwBody.hw-anx .hw-cockpit .hw-prof-leg{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:9.5px!important;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-cockpit .hw-prof-leg i{width:10px!important;height:2px!important;border-radius:0!important} #hwBody.hw-anx .hw-cockpit .hw-prof-leg .hw-leg-line{width:12px;height:6px} #hwBody.hw-anx .hw-cockpit .hw-prof-leg.off{opacity:.45} #hwBody.hw-anx .hw-cockpit .hw-slot-take{flex:0 0 auto;min-height:0!important;max-height:30px;overflow:hidden} #hwBody.hw-anx .hw-cockpit .hw-ctake{padding:3px 0 0!important;margin:2px 0 0!important;border-top:1px solid var(--ax-hair-2)!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;line-height:13px!important;color:var(--muted)!important;white-space:normal} @media (max-height:820px){ #hwBody.hw-anx .hw-cockpit .hw-slot-take{display:none!important} } /* axis + line editors keep the app's controls, on the layer's card */ #hwBody.hw-anx .hw-cockpit .hw-axis-ed,#hwBody.hw-anx .hw-cockpit .hw-ls-panel{border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--bg)!important;box-shadow:none!important} /* cursor bar at the board foot: depth · Cursor/Bit · Jump · slider (ends named) · at cursor ECD · BHP */ #hwBody.hw-anx .hw-cockpit .hw-depthstrip{height:46px!important;min-height:46px!important;max-height:46px!important;box-sizing:border-box;display:flex!important;flex-wrap:nowrap;align-items:center!important;gap:14px!important;padding:0 14px!important;margin:var(--ax-gap) 0 0!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;overflow:visible!important} #hwBody.hw-anx .hw-cockpit .hw-depthstrip.bitdrive{border-color:var(--ax-lapis)!important} #hwBody.hw-anx .hw-depthstrip>.hw-ds-read{display:none!important} #hwBody.hw-anx .hw-cursor-insp .hw-ds-nav{flex:1 1 auto!important;min-width:0;height:36px!important;min-height:0!important;display:grid!important;grid-template-columns:auto auto auto auto auto auto minmax(80px,1fr);grid-template-rows:36px;align-items:center;gap:0 10px!important;overflow:visible!important} #hwBody.hw-anx .hw-ds-lab{grid-column:1;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-ds-mdin{grid-column:2;width:62px!important;height:24px!important;box-sizing:border-box;padding:0 2px!important;border:0!important;border-bottom:1px solid var(--ax-hair)!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:var(--ax-mono)!important;font-size:13px!important;font-weight:400!important;color:var(--ink)!important;text-align:right;-moz-appearance:textfield} #hwBody.hw-anx .hw-ds-mdin:focus{border-bottom-color:var(--ax-lapis)!important;box-shadow:none!important;outline:none} #hwBody.hw-anx .hw-ds-mdin.hw-input-draft{border-bottom-color:var(--ax-gold)!important} #hwBody.hw-anx .hw-ds-unit{grid-column:3;margin-left:-6px!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important} #hwBody.hw-anx .hw-ds-mode{grid-column:4;height:24px;box-sizing:border-box;display:inline-flex;align-items:center;padding:2px;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--bg)!important;overflow:hidden} #hwBody.hw-anx .hw-ds-mode button{height:18px;padding:0 9px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;line-height:18px} #hwBody.hw-anx .hw-ds-mode button.on{background:var(--ax-lapis)!important;color:#fff!important} #hwBody.hw-anx #hwDsBitChip{grid-column:5} #hwBody.hw-anx .hw-ds-movebit{height:24px;box-sizing:border-box;padding:0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-ds-movebit b{font-family:var(--ax-mono);font-weight:400;letter-spacing:0} #hwBody.hw-anx .hw-ds-jumpmenu{grid-column:6;flex:none} #hwBody.hw-anx .hw-ds-jumpmenu>summary{height:24px!important;min-width:0!important;box-sizing:border-box;display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;padding:0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--bg)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap} #hwBody.hw-anx .hw-ds-jumpmenu>summary .cpk-i{width:11px!important;height:11px!important;color:var(--muted)!important} #hwBody.hw-anx .hw-ds-jumpmenu>summary>span{color:var(--muted)!important} #hwBody.hw-anx .hw-ds-jumpmenu>summary>span::after{content:" ·";color:var(--ax-hair)} #hwBody.hw-anx .hw-ds-jumpmenu>summary>b{font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ink)!important;overflow:visible!important;text-overflow:clip!important} #hwBody.hw-anx .hw-ds-jumpmenu>.hw-ds-jumps{border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:var(--ax-shadow)!important} #hwBody.hw-anx .hw-ds-track{grid-column:7;grid-row:1;align-self:start;margin:6px 0 0!important;width:100%;min-width:0!important;height:18px!important;padding:0;background:transparent!important;-webkit-appearance:none;appearance:none;accent-color:var(--ax-lapis);cursor:pointer} #hwBody.hw-anx .hw-ds-track::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--ax-hair)} #hwBody.hw-anx .hw-ds-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--ax-lapis);border:2px solid var(--card);box-shadow:0 0 0 1px var(--ax-lapis)} #hwBody.hw-anx .hw-ds-track::-moz-range-track{height:2px;border-radius:1px;background:var(--ax-hair)} #hwBody.hw-anx .hw-ds-track::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--ax-lapis);border:2px solid var(--card);box-shadow:0 0 0 1px var(--ax-lapis)} #hwBody.hw-anx .hw-anx-dsends{grid-column:7;grid-row:1;align-self:end;display:flex;justify-content:space-between;margin-bottom:2px;pointer-events:none;font-family:var(--ax-mono);font-size:8px;line-height:10px;letter-spacing:.02em;color:var(--muted)} #hwBody.hw-anx .hw-anx-dsends>i{font-style:normal;white-space:nowrap} #hwBody.hw-anx .hw-anx-dsat{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:10px;height:26px;padding-left:14px;border-left:1px solid var(--ax-hair-2);font-family:var(--ax-mono);font-size:10.5px;letter-spacing:.02em;color:var(--muted);white-space:nowrap} #hwBody.hw-anx .hw-anx-dsat-k{font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #hwBody.hw-anx .hw-anx-dsat-v>i{font-style:normal;margin-right:5px} #hwBody.hw-anx .hw-anx-dsat-v>b{font-weight:500;color:var(--ink)} #hwBody.hw-anx .hw-anx-dsat .na,#hwBody.hw-anx .hw-anx-dsat-na{font-family:var(--ax-sans);font-style:normal;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} @media (max-width:1439px){ #hwBody.hw-anx .hw-anx-dsat{gap:8px;padding-left:10px} #hwBody.hw-anx .hw-cockpit .hw-depthstrip{gap:10px!important;padding:0 12px!important} #hwBody.hw-anx .hw-cursor-insp .hw-ds-nav{gap:0 8px!important} } @media (max-width:1279px){ #hwBody.hw-anx .hw-ds-jumpmenu>summary>span,#hwBody.hw-anx .hw-ds-jumpmenu>summary>span::after{display:none} #hwBody.hw-anx .hw-ds-lab{display:none!important} #hwBody.hw-anx .hw-cursor-insp .hw-ds-nav{grid-template-columns:auto auto auto auto auto minmax(70px,1fr)} #hwBody.hw-anx .hw-ds-mdin{grid-column:1}#hwBody.hw-anx .hw-ds-unit{grid-column:2}#hwBody.hw-anx .hw-ds-mode{grid-column:3}#hwBody.hw-anx #hwDsBitChip{grid-column:4}#hwBody.hw-anx .hw-ds-jumpmenu{grid-column:5} #hwBody.hw-anx .hw-ds-track,#hwBody.hw-anx .hw-anx-dsends{grid-column:6} } #hwBody.hw-anx .hw-graphcol .hw-fpdock{flex:0 0 312px!important;width:312px;gap:var(--ax-gap)!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin} #hwBody.hw-anx .hw-fpdock-h{position:static!important;padding:0 2px 2px!important;border:0!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--muted)!important;display:flex;align-items:center;gap:6px;min-height:0!important;flex:0 0 auto!important;line-height:14px} #hwBody.hw-anx .hw-fpdock-n{margin-left:0!important;padding:0!important;border-radius:0!important;background:none!important;color:var(--muted)!important;font-family:var(--ax-mono)!important;font-size:9px!important} #hwBody.hw-anx .hw-fpdock-n::before{content:"· "} #hwBody.hw-anx .hw-fpdock-empty{border:1px dashed var(--ax-hair)!important;border-radius:3px!important;font-family:var(--ax-sans)!important;font-size:10.5px!important;color:var(--muted)!important} @media (max-width:1279px){ #hwBody.hw-anx .hw-graphcol .hw-fpdock{flex-basis:264px!important;width:264px} #hwBody.hw-anx .hw-fpdock .hw-fp.docked>.hw-fp-body{padding:5px 10px 8px!important} #hwBody.hw-anx .hw-fpdock .hw-fp.docked>.hw-fp-h{padding-left:10px!important} } @media (min-width:1700px){ #hwBody.hw-anx .hw-graphcol .hw-fpdock{flex-basis:360px!important;width:360px} } } /* ============================================================ stage C · engineering dock cards (column + phone pane) ==== */ /* the app's #hwFpDock (docked panels) as a quiet column of cards: header = title · density · dock/float · pin · close (all the app's buttons), body = the app's own tables; nothing clips (wrapping labels, fixed-width mono values). When the column is short, analyze-maison.js folds the lower unpinned cards to a one-line summary (.anx-summ). */ #hwBody.hw-anx .hw-fp.docked{border:1px solid var(--ax-hair)!important;border-top-width:1px!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;color:var(--ink)!important;min-height:0!important;flex:0 0 auto!important;overflow:hidden} #hwBody.hw-anx .hw-fp.docked.pin{border-color:var(--ax-gold-hair)!important} #hwBody.hw-anx #hwFp_wellctl.docked{--wc-bg:var(--card);--wc-card:var(--bg);--wc-ink:var(--ink);--wc-muted:var(--muted);--wc-line:var(--ax-hair-2)} #hwBody.hw-anx .hw-fp.docked>.hw-fp-h{display:flex;align-items:center;gap:6px;min-height:30px!important;padding:5px 6px 5px 12px!important;background:none!important;border-bottom:1px solid var(--ax-hair-2)!important;cursor:default} #hwBody.hw-anx .hw-fp.docked>.hw-fp-h>b{flex:1 1 auto;min-width:0;font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ink)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2} #hwBody.hw-anx .hw-fp.docked>.hw-fp-h>.hw-fp-dot{width:5px;height:5px;background:var(--muted)!important} #hwBody.hw-anx .hw-fp.docked.pin>.hw-fp-h>.hw-fp-dot{background:var(--ax-gold)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-bs{gap:0!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-b{width:22px!important;height:22px!important;min-width:0!important;min-height:0!important;border-radius:2px!important;font-size:10px!important;color:var(--muted)!important;background:none!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-b:hover{color:var(--ink)!important;background:var(--ax-hair-2)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-b.on{color:var(--ax-gold)!important} #hwBody.hw-anx .hw-fp.docked>.hw-fp-body{padding:6px 12px 9px!important;max-height:none!important;overflow:visible!important;background:none!important;font-family:var(--ax-sans)} #hwBody.hw-anx .hw-fp.docked.min>.hw-fp-h{border-bottom:0!important} /* one-line summary state (layer): the header carries the card's first readout; the body folds */ #hwBody.hw-anx .hw-anx-fpsum{display:none;order:10;flex:1 1 100%;min-width:0;margin:0 0 2px;font-family:var(--ax-mono);font-size:10px;letter-spacing:0;line-height:1.3;color:var(--muted);white-space:normal;overflow:visible;cursor:pointer} #hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-h{flex-wrap:wrap;row-gap:0} #hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-h>b{font-size:9px!important;letter-spacing:.12em!important;white-space:nowrap!important;flex:1 1 auto} #hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-h>.hw-anx-fpsum{display:inline-block} #hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-h{border-bottom:0!important} #hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-body,#hwBody.hw-anx .hw-fp.docked.anx-summ>.hw-fp-rsz{display:none!important} /* key · value tables */ #hwBody.hw-anx .hw-fp.docked .hw-fp-kv{font-family:var(--ax-sans)!important;font-size:11px!important;width:100%} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv td{padding:3px 0!important;border-bottom:1px solid var(--ax-hair-2)!important;vertical-align:baseline;font-size:11px!important;line-height:1.3!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv td:first-child{color:var(--muted)!important;white-space:normal;padding-right:8px!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv td:last-child{font-family:var(--ax-mono)!important;font-size:11px!important;font-weight:500!important;color:var(--ink)!important;white-space:nowrap;text-align:right} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv tr.sec td{padding:6px 0 2px!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;color:var(--muted)!important;border-bottom:0!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv tr.bad td:last-child{color:var(--red)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-kv tr.warn td:last-child{color:var(--amber)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-empty{font-family:var(--ax-sans)!important;font-size:10.5px!important;color:var(--muted)!important} /* Well control · live: reference line + status chip, then the two sections stacked (no wrapped values) */ #hwBody.hw-anx .hw-fp.docked .hw-wc-live{color:var(--ink)} #hwBody.hw-anx .hw-fp.docked .hw-wc-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-top>div:first-child{flex:1 1 auto;display:flex;flex-direction:row!important;align-items:baseline;gap:8px;min-width:0} #hwBody.hw-anx .hw-fp.docked .hw-wc-top small{font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-fp.docked .hw-wc-top small::after{content:""} #hwBody.hw-anx .hw-fp.docked .hw-wc-top b{font-family:var(--ax-mono)!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--ink)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;margin:0!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-badge{padding:1px 6px!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap} #hwBody.hw-anx .hw-fp.docked .hw-fp-badge.ok{border-color:color-mix(in srgb,var(--green) 45%,transparent)!important;color:var(--green)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-badge.warn{border-color:color-mix(in srgb,var(--amber) 55%,transparent)!important;border-style:dashed!important;color:var(--amber)!important} #hwBody.hw-anx .hw-fp.docked .hw-fp-badge.bad{border-color:color-mix(in srgb,var(--red) 55%,transparent)!important;color:var(--red)!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-tones{display:none!important} /* the panel-tone picker is a finish choice the layer makes; the state and handler stay */ #hwBody.hw-anx .hw-fp.docked .hw-wc-grid{display:flex!important;flex-direction:column;gap:2px!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-grid section{padding:0!important;border:0!important;border-radius:0!important;background:none!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-grid h4{margin:6px 0 1px!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-live .hw-fp-kv{font-family:var(--ax-sans)!important;font-size:11px!important;font-weight:400!important;line-height:1.3!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-live .hw-fp-kv td{padding:3px 0!important;border-color:var(--ax-hair-2)!important;color:var(--muted)!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-live .hw-fp-kv td:last-child{color:var(--ink)!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-more-toggle{margin:6px 0 0!important;padding:5px 0!important;border:0!important;border-top:1px solid var(--ax-hair-2)!important;border-radius:0!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;display:flex;justify-content:space-between} #hwBody.hw-anx .hw-fp.docked .hw-wc-more-toggle::after{color:var(--muted)!important;font-size:12px!important} #hwBody.hw-anx .hw-fp.docked .hw-wc-more-toggle span{display:none} #hwBody.hw-anx .hw-fp.docked .hw-wc-formula{display:none!important} /* the same sentence lives in the app's own explainers */ /* critical points: five tight columns, the header words whole */ #hwBody.hw-anx .hw-fp.docked .hw-crittbl{font-family:var(--ax-mono)!important;font-size:10.5px!important;table-layout:fixed;width:100%} #hwBody.hw-anx .hw-fp.docked .hw-crittbl thead th{padding:2px 0 4px!important;background:none!important;border-bottom:1px solid var(--ax-hair)!important;font-family:var(--ax-sans)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.12em!important;color:var(--muted)!important;white-space:nowrap;overflow:visible!important;text-overflow:clip!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl thead th:first-child{width:24%} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody td{padding:4px 0!important;border-bottom:1px solid var(--ax-hair-2)!important;white-space:nowrap;color:var(--ink)!important;font-weight:400!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody td:first-child{font-family:var(--ax-sans)!important;font-size:10px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody td b{font-weight:500!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody tr.warn td:first-child{color:var(--amber)!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody tr.bad td:first-child{color:var(--red)!important} #hwBody.hw-anx .hw-fp.docked .hw-crittbl tbody tr.held{background:color-mix(in srgb,var(--ax-lapis) 8%,transparent)!important} #hwBody.hw-anx .hw-fp.docked .hw-heldtag{font-family:var(--ax-sans);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--ax-lapis)} #hwBody.hw-anx .hw-fp.docked .hw-fp-icon.docked{border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:none!important;font-family:var(--ax-sans)!important} /* the pane tabs and the phone readiness line exist only below the desktop breakpoint */ #hwBody.hw-anx .hw-anx-tabs,#hwBody.hw-anx .hw-anx-mready{display:none} /* ============================================================ stage C · phones and tablets (≤1000px or ≤500px tall) */ /* Summary · Chart · Dock · Inputs panes on one screen each, the cursor bar pinned at the foot, the chart pane's board filling the height. analyze-maison.js sets data-anx-pane on .hw-cockpit and applies the automatic immersive policy shared with Operations/Simulate (body.hw-anx-imm). Without the script every section shows as before. */ @media (max-width:1000px), (max-height:500px){ #hwBody.hw-anx .hw-anx-cart,#hwBody.hw-anx .hw-anx-jp,#hwBody.hw-anx .hw-anx-imm,#hwBody.hw-anx .hw-kpirib .hw-anx-ready,#hwBody.hw-anx .hw-anx-dsends{display:none!important} html body #hwBody.hw-anx,html body.hw-anx-imm.screen-hydro #hydro.screen.active #hwBody.hw-anx{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:0 8px!important} html body #hwBody.hw-anx>.hw-cockpit{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:auto!important;overscroll-behavior:contain;padding:6px 0 0!important;position:relative} html body #hwBody.hw-anx>.hw-cockpit>*{flex:0 0 auto} /* pane tabs */ #hwBody.hw-anx .hw-anx-tabs{display:flex!important;align-items:center;gap:2px;flex:0 0 auto;margin:0 0 6px;padding:2px;border:1px solid var(--ax-hair);border-radius:999px;background:var(--card)} #hwBody.hw-anx .hw-anx-tabs button[role="tab"]{flex:1 1 0;min-width:0;min-height:32px;padding:0 6px;border:0;border-radius:999px;background:none;font-family:var(--ax-sans);font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-anx-tabs button[aria-selected="true"]{background:var(--ink);color:var(--ax-on-ink)} #hwBody.hw-anx .hw-anx-tabs.empty button[role="tab"]{display:none} /* pre-solve: only the full-screen toggle, the app's hero carries Calculate */ #hwBody.hw-anx .hw-anx-tabs.empty{justify-content:flex-end;border:0;background:none;padding:0;margin-bottom:2px} html body #hwBody.hw-anx>.hw-cockpit>.hw-hero{flex:1 1 auto;min-height:0;overflow:auto} #hwBody.hw-anx .hw-anx-timm{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer} #hwBody.hw-anx .hw-anx-timm .ico{width:14px;height:14px} #hwBody.hw-anx .hw-anx-timm .on{display:none} #hwBody.hw-anx .hw-anx-timm .off{display:inline-flex} #hwBody.hw-anx .hw-anx-timm[aria-pressed="true"] .on{display:inline-flex} #hwBody.hw-anx .hw-anx-timm[aria-pressed="true"] .off{display:none} #hwBody.hw-anx .hw-anx-mready{display:flex!important;align-items:center;min-height:30px;margin:0 0 6px;padding:0 10px;border:1px solid var(--ax-hair);border-radius:3px;background:var(--card)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;font-family:var(--ax-sans);font-size:11px;color:var(--ink);white-space:nowrap} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted);flex:0 0 auto} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl>b{font-family:var(--ax-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex:0 0 auto} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.ok::before{background:var(--green)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.ok>b{color:var(--green)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.stale::before{background:transparent;border:1px solid var(--amber)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.stale>b{color:var(--amber)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.empty::before{background:transparent;border:1px solid var(--muted)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.busy::before{background:var(--ax-lapis)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.busy>b{color:var(--ax-lapis)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rmsg{display:none} #hwBody.hw-anx .hw-anx-mready .hw-anx-rl.ok .hw-anx-rmsg{display:inline;min-width:0;overflow:hidden;font-family:var(--ax-mono);font-size:10px;color:var(--muted)} #hwBody.hw-anx .hw-anx-mready .hw-anx-rin{display:none} #hwBody.hw-anx .hw-anx-mready .hw-anx-rfix{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--ax-lapis);border-radius:2px;background:var(--ax-lapis);color:#fff;font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer} #hwBody.hw-anx .hw-cockpit:has(.hw-anx-mready .hw-anx-rl.stale) .hw-anx-mready{border-color:var(--amber);border-style:dashed} /* what each pane shows (everything else steps aside; the app's own hidden pieces stay hidden) */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane] > :is(.hw-anhead,.hw-mhero,.hw-minputs-toggle,.hw-kpirib,.hd-grow,.hw-deltastrip,.hw-anrow,.hd-mcs,[id="hwDockHost"],.hw-deck-fab,.hw-engdetails,.hw-fpfloat,.hw-mobile-report-actions){display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > :is(.hw-mhero,.hw-deltastrip,.hd-mcs){display:block!important} html body #hwBody.hw-anx>.hw-cockpit>.hw-anx-tabs{order:-3} html body #hwBody.hw-anx>.hw-cockpit>.hw-anx-mready{order:-2} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > .hw-mhero{order:0!important;position:static!important;top:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] > .hw-anrow{display:flex!important;flex:1 1 auto!important;min-height:220px!important;height:auto!important;max-height:none!important;margin:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > :is(.hw-anrow,[id="hwDockHost"],.hw-fpfloat){display:flex!important;flex-direction:column;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > .hw-anhead{display:flex!important;order:-1;position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;z-index:auto!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > .hw-deck-fab{display:inline-flex!important;position:static!important;width:auto!important;height:34px!important;margin:6px 0 0!important;padding:0 12px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;box-shadow:none!important;color:var(--ink)!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;letter-spacing:.12em;text-transform:uppercase;gap:6px;align-self:flex-start} /* 1238: the desktop FAB's pale-gold star and white icon vanished on the light card and left a gap — accent + ink here */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > .hw-deck-fab>span{color:var(--ax-lapis,var(--blue))!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > .hw-deck-fab svg{width:13px!important;height:13px!important;color:var(--ink)!important;stroke:currentColor!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] > .hw-deck-fab em{font-size:9.5px!important;letter-spacing:.12em} /* inputs pane: the app's own phone Inputs station (instrument cards + "Control setup", which opens the app's sheet) */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] > .hw-anrow{display:flex!important;flex-direction:column;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-graphcol,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-graphmain,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-graphboard{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] :is(.hw-gtabs,.hw-plotmode,.hw-swipehint,.hw-board,.hw-fpdock,.hw-wellshow,.hw-wellcol,.hw-station-dw,[id="hwStationDW"]){display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] [id="hwStationInputs"]{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:none!important;padding:0!important;margin:0!important;transform:none!important;z-index:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] [id="hwStationInputs"] :is(.hw-sheet-backdrop,.hw-sheet-handle,.hw-sheet-head){display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] [id="hwStationInputs"] .hw-station-sheet{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;transform:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-station-inner{display:flex;flex-direction:column;gap:8px;padding:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-open-controls{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;color:var(--ink)!important;font-family:var(--ax-sans)!important;text-align:left} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-open-controls b{font-family:var(--ax-sans);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-open-controls small{font-family:var(--ax-sans);font-size:10px;color:var(--muted)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-open-controls em{margin-left:auto;font-style:normal;font-family:var(--ax-sans);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ax-lapis)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr{min-height:84px!important;padding:10px 12px!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;gap:2px!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-ic{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-l{font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-v{font-family:var(--ax-mono)!important;font-size:18px!important;font-weight:400!important;color:var(--ink)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-u{font-family:var(--ax-sans)!important;font-size:9px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-instr-x{font-family:var(--ax-sans)!important;font-size:9px!important;color:var(--ax-lapis)!important;margin-top:2px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="inputs"] .hw-st-note{font-family:var(--ax-sans);font-size:10px;line-height:1.4;color:var(--muted);margin:0} /* summary pane: the app's slim hero, then the band stacked (verdict · pressure · matrix) and the margin cards */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > .hw-mhero{margin:0 0 6px!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > .hd-grow{display:flex!important;flex-direction:column!important;gap:0!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0 0 6px!important;padding:0!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > .hd-grow>*{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;position:static!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label{display:flex!important;flex-direction:column;gap:4px;padding:10px 12px 8px!important;border:0!important;border-bottom:1px solid var(--ax-hair-2)!important;background:none!important;min-width:0!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label::before{content:"Verdict · at reference";font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label>span{display:flex;align-items:center;gap:7px;font-family:var(--ax-sans);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label>span .hd-state-glyph{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label.win-ok>span{color:var(--green)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label.win-warn>span{color:var(--amber)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label.win-bad>span{color:var(--red)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label>em{display:block!important;font-family:var(--ax-sans)!important;font-style:normal;font-weight:300!important;font-size:26px!important;line-height:1.1!important;color:var(--ink)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label>small{display:block!important;font-family:var(--ax-mono)!important;font-size:10px!important;color:var(--muted)!important;white-space:normal!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-grow-label .hd-context{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pressure{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"h h h" "spp sbp bhp"!important;gap:2px 10px!important;padding:8px 12px 10px!important;border:0!important;border-bottom:1px solid var(--ax-hair-2)!important;background:none!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pressure .hd-inst-head{grid-area:h;display:flex;align-items:center;gap:8px;font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pressure .hd-inst-head svg{display:none} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pressure .hd-ap-basis{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;margin-left:auto;padding:1px 6px;border:1px solid var(--ax-hair);border-radius:2px;font-size:8.5px;letter-spacing:.12em} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv{display:flex!important;flex-direction:column;gap:2px;min-width:0;padding:0!important;border:0!important;background:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv.spp{grid-area:spp} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv.sbp{grid-area:sbp} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv.bhp{grid-area:bhp} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv>span{font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv>b{font-family:var(--ax-sans)!important;font-weight:300!important;font-size:22px!important;line-height:1.05!important;color:var(--ink)!important;white-space:nowrap!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pv>b small{font-family:var(--ax-mono);font-size:9px;font-weight:400;color:var(--muted);margin-left:3px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density:not(.hd-dw){display:grid!important;grid-template-columns:minmax(78px,1.1fr) repeat(var(--hd-locs,3),minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:0 6px!important;padding:8px 12px 10px!important;border:0!important;background:none!important;overflow:visible!important;font-family:var(--ax-sans)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density:not(.hd-dw)>*{min-width:0!important;display:flex!important;align-items:baseline;padding:3px 0!important;border:0!important;border-bottom:1px solid var(--ax-hair-2)!important;background:none!important;font-size:10px!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density .hd-d-title{grid-column:1;font-size:9px!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--muted)!important;border-bottom-color:var(--ax-hair)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density .hd-d-title svg{display:none} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density .hd-loc{justify-content:flex-end;gap:4px;font-family:var(--ax-sans);font-size:9px!important;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)!important;border-bottom-color:var(--ax-hair)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density .hd-loc small{display:none} /* the depths sit in the cursor bar and the hero on phones */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-metric{gap:5px;color:var(--ink)!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-metric::before{content:"";width:8px;height:2px;background:var(--hm,var(--muted));flex:0 0 auto} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-metric small{color:var(--muted);font-size:9px;margin-left:2px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-eq{justify-content:flex-end;gap:3px;font-family:var(--ax-mono)!important;font-size:10px!important;color:var(--ink)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-eq small{display:none} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-eq .hd-lift{font-size:8.5px;color:var(--muted)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-eq.hd-lim.na,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-lim .na{font-family:var(--ax-sans);font-style:normal;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-eq .hd-lim-sep{margin:0 2px;color:var(--ax-hair)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-density:not(.hd-dw)>*{gap:3px;font-size:9.5px!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] > .hd-mcs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:0!important;margin:0 0 6px!important} /* chart pane: the app's station tabs as small pills, one large slot */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-graphcol{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-graphmain,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-graphboard{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane]:not([data-anx-pane="dock"]) #hwFpDock,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane]:not([data-anx-pane="dock"]) #hwFpFloat{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-wellshow,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-swipehint,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-plotmode{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtabs{display:flex!important;position:static!important;inset:auto!important;transform:none!important;z-index:auto!important;width:auto!important;flex:0 0 auto;height:auto!important;min-height:0!important;max-height:none!important;gap:6px;margin:0 0 6px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;scrollbar-width:none} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab{position:static!important;top:auto!important;transform:none!important;margin:0!important;flex:0 0 auto!important;min-height:28px!important;height:28px!important;padding:0 12px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;box-shadow:none!important;font-family:var(--ax-mono)!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;display:inline-flex!important;align-items:center;gap:0} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab.on{border-color:var(--ink)!important;color:var(--ink)!important;background:var(--bg)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab .hw-gtab-ic,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab .hw-gtab-full{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab .hw-gtab-short{display:inline!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab.hw-gtab-x{display:none!important} /* Digital Well and Inputs are panes here */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-board{display:flex!important;flex:1 1 auto!important;min-height:200px!important;height:auto!important;max-height:none!important;margin:0!important;gap:0!important;overflow:hidden!important;width:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-board .hw-slot{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-board .hw-slot.gtab-on{display:flex!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important;padding:6px 10px 7px!important;animation:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h{height:26px!important;min-height:26px!important;max-height:26px!important;margin:0 0 3px!important;padding:0!important;gap:8px!important;display:flex!important;align-items:center!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h>*{flex:0 0 auto!important;min-width:0} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-slot-sel{display:none!important} /* the station pills above choose the plot */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-slot-railread{flex:1 1 auto!important;display:flex;align-items:center;overflow:hidden} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:0!important;margin:0!important;border:0!important;min-width:0} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-t{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-v{display:flex!important;align-items:center;gap:8px;min-width:0;font-family:var(--ax-mono)!important;font-size:10.5px!important;color:var(--muted)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-st{order:-1;width:auto!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;padding:1px 6px!important;margin:0!important;border:1px solid var(--ax-hair)!important;border-radius:2px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-st.ok{border-color:color-mix(in srgb,var(--green) 45%,transparent)!important;color:var(--green)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-st.warn{border-color:color-mix(in srgb,var(--amber) 55%,transparent)!important;border-style:dashed!important;color:var(--amber)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-st.bad{border-color:color-mix(in srgb,var(--red) 55%,transparent)!important;color:var(--red)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-primary>b{font-weight:500!important;color:var(--ink)!important;margin:0 4px 0 5px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-primary>i,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-primary>em{font-style:normal;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-ceh-secondary{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-stale-chip{display:inline-flex!important;position:static!important;transform:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:2px 7px!important;border:1px dashed var(--amber)!important;border-radius:2px!important;background:var(--card)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:8.5px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--amber)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h:has(.hw-stale-chip) .hw-ceh-v{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-slot-menu{order:9;margin-left:auto} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-slot-menu>summary{width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;color:var(--muted)!important;box-shadow:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-h .hw-slot-menu>summary .cpk-i{width:13px;height:13px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-ceh{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-profile-context{display:flex!important;flex-wrap:wrap!important;align-content:flex-start;gap:0!important;padding:0 0 4px!important;margin:0!important;height:18px;overflow:hidden;font-family:var(--ax-sans)!important;font-size:10px!important;line-height:14px!important;color:var(--muted)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-profile-context>span{flex:0 0 auto} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-profile-context>span+span::before{content:"·";margin:0 6px;color:var(--ax-hair)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-chart{flex:1 1 auto!important;min-height:160px!important;height:auto!important;max-height:none!important;min-width:0;position:relative;overflow:hidden} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-legs{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:58px!important;overflow:auto!important;display:flex!important;flex-wrap:wrap!important;gap:0 8px!important;margin:4px 0 0!important;padding:0!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;line-height:14px!important;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-prof-leg{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:9.5px!important;color:var(--muted)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-prof-leg i{width:10px!important;height:2px!important;border-radius:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-take{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-station{display:none!important} /* dock pane: the docked cards stacked full width (the same card rules as the desktop column), floating ones as cards too, the app's Engineering Dock launcher above them */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-graphcol{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-height:0!important;height:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-graphmain{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;padding:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-graphboard,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-wellshow,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-wellcol{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpDock{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;flex:0 0 auto!important;flex-direction:column;gap:var(--ax-gap);padding:0!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpDock:empty{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpDock .hw-fp.docked{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpDock .hw-fp.docked>.hw-fp-body{max-height:none!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane] .hw-graphmain:not(#anx-a):not(#anx-b){padding-right:0!important} /* outweighs the app's touch rule that reserves room for its floating dock */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpFloat{position:static!important;inset:auto!important;width:auto!important;height:auto!important;pointer-events:auto;gap:var(--ax-gap);z-index:auto!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpFloat:empty{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpFloat>.hw-fp{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-height:none!important;margin:0!important;transform:none!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;background:var(--card)!important;box-shadow:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] #hwFpFloat>.hw-fp-icon{position:static!important;width:auto;height:auto;display:flex;gap:8px;padding:6px 10px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-anhead-tools>:not(.hw-fpbar){display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-anhead-tools{display:flex!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;padding:0!important;margin:0!important;min-height:0!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-fpbar{display:block!important;position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;font-size:inherit!important;overflow:visible!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-panelhub{position:relative;display:inline-block;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important} /* the app's report-capture pair (tablets) rides under the station pills in the chart pane only, as two quiet pills */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane]:not([data-anx-pane="chart"]) .hw-mobile-report-actions{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-mobile-report-actions{display:flex!important;flex:0 0 auto;gap:6px;margin:0 0 6px!important;padding:0!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-mobile-report-actions .hw-mini{flex:0 0 auto!important;width:auto!important;min-height:28px!important;height:28px!important;padding:0 12px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-graphcol{gap:0} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-width:0!important;height:34px!important;min-height:0!important;max-height:none!important;padding:0 12px!important;margin:0!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;letter-spacing:.12em;text-transform:uppercase;overflow:visible!important;cursor:pointer;list-style:none} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch>*{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch .hw-dock-mark{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ax-gold)} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch-copy{display:inline!important;width:auto!important;height:auto!important;font-size:9.5px!important;line-height:1!important;color:var(--ink)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch-copy b{display:inline!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ink)!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-dock-launch-copy small,html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-launch-dot{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] :is(.hw-anhead,.hw-anhead-tools,.hw-fpbar,.hw-panelhub,.hw-dock-launch):not(#anx-a):not(#anx-b){position:static!important;inset:auto!important;transform:none!important;z-index:auto!important} /* outweighs the app's fixed launcher placements */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-panelhub:not(#anx-a):not(#anx-b){position:relative!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="dock"] .hw-panelmenu{position:absolute!important;left:0!important;right:auto!important;top:calc(100% + 6px)!important;width:min(360px,calc(100vw - 24px))!important;z-index:60} /* the cursor bar pinned at the foot of every pane */ html body #hwBody.hw-anx>.hw-cockpit>.hw-depthstrip{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 10px!important;order:98;position:sticky!important;bottom:0!important;z-index:1200!important;margin:auto 0 0!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;height:auto!important;min-height:0!important;max-height:none!important;border:1px solid var(--ax-hair)!important;border-radius:3px 3px 0 0!important;background:var(--card)!important;box-shadow:none!important;overflow:visible!important} html body #hwBody.hw-anx>.hw-cockpit>.hw-depthstrip.bitdrive{border-color:var(--ax-lapis)!important} html body #hwBody.hw-anx .hw-cursor-insp .hw-ds-nav{display:contents!important} /* its controls lay out on the strip itself: controls first, then the slider with the readout */ html body #hwBody.hw-anx .hw-ds-lab{display:none!important} html body #hwBody.hw-anx .hw-ds-mdin{flex:0 0 auto;width:66px!important;height:30px!important;min-height:0!important;max-height:30px!important;box-sizing:border-box;padding:0 2px!important;border:0!important;border-bottom:1px solid var(--ax-hair)!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:var(--ax-mono)!important;font-size:14px!important;font-weight:400!important;color:var(--ink)!important;text-align:right;-moz-appearance:textfield} html body #hwBody.hw-anx .hw-ds-unit{flex:0 0 auto;margin-left:-4px!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important} html body #hwBody.hw-anx .hw-ds-mode{flex:0 0 auto!important;width:auto!important;height:30px;box-sizing:border-box;display:inline-flex;align-items:center;padding:2px;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--bg)!important;overflow:hidden} html body #hwBody.hw-anx .hw-ds-mode button{height:24px!important;min-height:0!important;width:auto!important;min-width:0!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)!important;line-height:24px} html body #hwBody.hw-anx .hw-ds-mode button.on{background:var(--ax-lapis)!important;color:#fff!important} html body #hwBody.hw-anx #hwDsBitChip{flex:0 0 auto} html body #hwBody.hw-anx .hw-ds-movebit{height:30px;box-sizing:border-box;padding:0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--card)!important;font-family:var(--ax-sans)!important;font-size:9px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-ds-jumpmenu{flex:0 0 auto!important;width:auto!important;min-width:0!important} html body #hwBody.hw-anx .hw-ds-jumpmenu>summary{height:30px!important;min-width:0!important;box-sizing:border-box;display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;padding:0 10px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:var(--bg)!important;box-shadow:none!important;font-family:var(--ax-sans)!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important;white-space:nowrap} html body #hwBody.hw-anx .hw-ds-jumpmenu>summary .cpk-i{width:12px!important;height:12px!important;color:var(--muted)!important} html body #hwBody.hw-anx .hw-ds-jumpmenu>summary>span{display:none} html body #hwBody.hw-anx .hw-ds-jumpmenu>summary>b{font-size:9.5px!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--ink)!important;overflow:visible!important;text-overflow:clip!important} html body #hwBody.hw-anx .hw-ds-jumpmenu>.hw-ds-jumps{bottom:calc(100% + 6px);top:auto!important} html body #hwBody.hw-anx .hw-ds-track{order:8;flex:1 1 140px!important;min-width:120px!important;width:auto!important;height:24px!important;margin:0!important;padding:0;background:transparent!important;-webkit-appearance:none;appearance:none;accent-color:var(--ax-lapis)} html body #hwBody.hw-anx .hw-ds-track::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--ax-hair)} html body #hwBody.hw-anx .hw-ds-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-7px;border-radius:50%;background:var(--ax-lapis);border:2px solid var(--card);box-shadow:0 0 0 1px var(--ax-lapis)} html body #hwBody.hw-anx .hw-anx-dsat{order:9;display:inline-flex!important;flex:0 1 auto;max-width:100%;align-items:baseline;gap:10px;font-family:var(--ax-mono);font-size:10.5px;letter-spacing:.02em;color:var(--muted);white-space:nowrap;overflow:hidden} html body #hwBody.hw-anx .hw-anx-dsat-k{font-family:var(--ax-sans);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} html body #hwBody.hw-anx .hw-anx-dsat-v>i{font-style:normal;margin-right:5px} html body #hwBody.hw-anx .hw-anx-dsat-v>b{font-weight:500;color:var(--ink)} html body #hwBody.hw-anx .hw-anx-dsat .na,html body #hwBody.hw-anx .hw-anx-dsat-na{font-family:var(--ax-sans);font-style:normal;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} html body #hwBody.hw-anx>.hw-cockpit>.hw-depthstrip>.hw-ds-read{display:none!important} /* the dock cards on phones reuse the column rules through the same class hooks */ html body #hwBody.hw-anx .hw-fpdock-h{display:none!important} } @media (max-height:500px){ html body #hwBody.hw-anx>.hw-cockpit>.hw-depthstrip{padding:4px 10px!important;gap:4px 8px!important} html body #hwBody.hw-anx .hw-ds-track{flex:1 1 100px!important;min-width:80px!important} #hwBody.hw-anx .hw-anx-tabs{margin-bottom:4px} #hwBody.hw-anx .hw-anx-tabs button[role="tab"]{min-height:26px} #hwBody.hw-anx .hw-anx-timm{height:26px} #hwBody.hw-anx .hw-anx-mready{min-height:24px;margin-bottom:4px} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtabs{margin-bottom:4px!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-gtab{height:24px!important;min-height:24px!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-legs{max-height:16px!important;overflow:hidden!important;flex-wrap:nowrap!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-profile-context{display:none!important} html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="chart"] .hw-slot-chart{min-height:120px!important} } /* the docked-card rules also apply inside the phone dock pane: the column selectors above are scoped to .hw-graphcol, so repeat the hooks */ /* ---- build 1126 · fit on real wells: long well names, extra instruments (booster, anchor), the engineering levels ---- Nothing is ellipsised except the well name (its full name is the cartouche's title); when a row is still too wide the layer steps down in order (anx-hd-t1..3 on the toolbar, anx-in-t1..3 on the inputs line, set by anxFit in the JS). */ @media (min-width:1001px) and (min-height:501px){ #hwBody.hw-anx .hw-anhead{position:relative;z-index:45} #hwBody.hw-anx .hw-anx-cart{flex:0 1 auto;min-width:72px;max-width:clamp(150px,17vw,300px);overflow:hidden;margin-right:4px} #hwBody.hw-anx .hw-anx-cart::after{display:none} #hwBody.hw-anx .hw-anx-cart-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #hwBody.hw-anx .hw-anx-cart+*{border-left:1px solid var(--ax-gold-hair);padding-left:8px} #hwBody.hw-anx .hw-ac-t{display:none!important} #hwBody.hw-anx .hw-ac>summary{overflow:hidden!important;white-space:nowrap!important;flex:0 0 auto} #hwBody.hw-anx .hw-ac{flex:0 0 auto} #hwBody.hw-anx .hw-ac-menu{left:auto!important;right:0!important;max-width:calc(100vw - 32px)!important;z-index:210!important;background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} #hwBody.hw-anx .hw-ac-menu .hw-ac-item{white-space:normal!important;text-align:left} #hwBody.hw-anx .hd-inst-head .hd-ap-basis{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important} #hwBody.hw-anx.anx-hd-t1 .hw-anx-jp,#hwBody.hw-anx.anx-hd-t1 .hw-presetbar .hw-gm-l{display:none!important} #hwBody.hw-anx.anx-hd-t2 .hw-anx-cart{max-width:140px} #hwBody.hw-anx.anx-hd-t2 .hw-workhub>summary span::after{content:""} #hwBody.hw-anx.anx-hd-t3 .hw-anhead,#hwBody.hw-anx.anx-hd-t3 .hw-anhead-tools{flex-wrap:wrap!important;row-gap:6px!important} #hwBody.hw-anx.anx-in-t1 .hw-anx-rmsg{display:none!important} #hwBody.hw-anx.anx-in-t2 .hw-cpk .cpk-cards .hw-kr,#hwBody.hw-anx.anx-in-t2 .hw-cpk .hw-kr.tgt,#hwBody.hw-anx.anx-in-t2 .hw-cpk .hw-kr.hw-mwcell{padding:4px 8px 5px!important} #hwBody.hw-anx.anx-in-t2 .hw-cpk .hw-kr>b small,#hwBody.hw-anx.anx-in-t2 .hw-cpk .hw-kr>em{max-width:54px} #hwBody.hw-anx.anx-in-t2 .hw-cpk .hw-kr.hw-mwcell .fz-sub{display:none!important} #hwBody.hw-anx.anx-in-t2 .hw-cpk .cpk-mode-picker{padding:0 6px 0 8px!important} #hwBody.hw-anx.anx-in-t3 .hw-cpk .cpk-zone.cpk-control{flex-wrap:wrap!important} #hwBody.hw-anx.anx-in-t3 .hw-cpk .hw-anx-ready{flex:1 0 auto;border-left:0;border-top:1px solid var(--ax-hair-2);min-height:26px} } /* the Engineering context popover: an opaque card, the pressure chain as a grid of label-over-value cells (no overlap) */ #hwBody.hw-anx .hd-context-pop{background:var(--card)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--ax-hair)!important;border-radius:3px!important;box-shadow:0 18px 40px color-mix(in srgb,var(--ink) 18%,transparent)!important;padding:10px 12px!important;width:min(720px,calc(100vw - 140px))!important;box-sizing:border-box} #hwBody.hw-anx .hd-context-pop-h{font:500 9px/1.2 var(--ax-sans)!important;letter-spacing:.16em!important;color:var(--ink)!important;border-bottom:1px solid var(--ax-hair-2)!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px 16px!important;align-items:start!important;padding:4px 0 10px!important;margin:0 0 8px!important;background:none!important;border:0!important;border-bottom:1px solid var(--ax-hair-2)!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;height:auto!important;max-height:none!important;flex-wrap:wrap!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-lab{grid-column:1/-1;font:500 9px/1.2 var(--ax-sans)!important;letter-spacing:.16em!important;color:var(--muted)!important;margin:0!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-ar,#hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node .cpk-i,#hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node svg{display:none!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important;padding:0 0 0 8px!important;border-left:1px solid var(--ax-hair)!important;position:static!important;height:auto!important;min-height:0!important;background:none!important;box-shadow:none!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node em{position:static!important;font:500 8.5px/1.25 var(--ax-sans)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--muted)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;height:auto!important;background:none!important;text-align:left!important;margin:0!important;padding:0!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node b{position:static!important;font:400 12.5px/1.25 var(--ax-mono)!important;color:var(--ink)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;height:auto!important;min-height:0!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;font-variant-numeric:tabular-nums} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node.out b{color:var(--ax-lapis)!important} #hwBody.hw-anx .hd-context-pop .hw-relstrip .rel-node.warn b{color:var(--red)!important} /* ---- build 1127 · the well column's head: the view picker on its own row, then a clear "Open full well" action and the hide icon. The app's chart mode fixes this head to one 30px row with the picker at 100%, which pushed both buttons outside the column (only a 3px sliver of the button stayed visible at the column's edge). */ html body #hwBody.hw-anx .hw-wellcol .hw-wc-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-auto-rows:auto;align-items:center!important;gap:6px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 0 6px!important;margin:0!important;border-bottom:1px solid var(--ax-hair-2)!important;overflow:visible!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-wc-title{display:none!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-wv-picker{grid-column:1/-1;width:100%!important;min-width:0} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-wc-full{grid-column:1;display:inline-flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0;height:auto!important;min-height:28px!important;padding:5px 10px!important;margin:0!important;border:1px solid var(--ax-lapis)!important;border-radius:14px!important;line-height:1.25!important;text-align:center;background:none!important;box-shadow:none!important;color:var(--ax-lapis)!important;font-family:var(--ax-sans)!important;font-size:10.5px!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;cursor:pointer;position:static!important;opacity:1!important;visibility:visible!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-wc-full:hover{background:color-mix(in srgb,var(--ax-lapis) 10%,transparent)!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-well-dismiss{grid-column:2;display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;margin:0!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;box-shadow:none!important;color:var(--muted)!important;position:static!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-well-dismiss>span{display:none!important} html body #hwBody.hw-anx .hw-wellcol .hw-wc-head>.hw-well-dismiss svg{width:14px!important;height:14px!important} /* Build 1224 — pressure differentials on the summary band: APL at the reference, bit ΔP, SBP with the pumps off, and the standpipe pressure budget; an APL row (psi) in the density ladder. Author: Gildas Guefack. */ #hwBody.hw-anx .hd-pressure{grid-template-areas:"h h h" "spp sbp bhp" "apl dpb off" "bud bud bud"!important} #hwBody.hw-anx .hd-pressure>.hd-pv.apl{grid-area:apl} #hwBody.hw-anx .hd-pressure>.hd-pv.dpb{grid-area:dpb;border-left:1px solid var(--ax-hair-2)!important;padding-left:14px!important} #hwBody.hw-anx .hd-pressure>.hd-pv.off{grid-area:off;border-left:1px solid var(--ax-hair-2)!important;padding-left:14px!important} #hwBody.hw-anx .hd-pressure>.hd-pv.apl,#hwBody.hw-anx .hd-pressure>.hd-pv.dpb,#hwBody.hw-anx .hd-pressure>.hd-pv.off{padding-top:6px!important;border-top:1px solid var(--ax-hair-2)!important} #hwBody.hw-anx .hd-pressure>.hd-pv.apl>b,#hwBody.hw-anx .hd-pressure>.hd-pv.dpb>b,#hwBody.hw-anx .hd-pressure>.hd-pv.off>b{font-size:clamp(14px,.8vw + 6px,19px)!important} #hwBody.hw-anx .hd-pressure>.hd-pv.off>span{color:var(--ink)!important} #hwBody.hw-anx .hd-budget{grid-area:bud;display:flex;flex-direction:column;gap:5px;padding-top:6px;border-top:1px solid var(--ax-hair-2);cursor:pointer;min-width:0} #hwBody.hw-anx .hd-budget-bar{display:flex;gap:2px;height:6px;min-width:0} #hwBody.hw-anx .hd-budget-bar i{display:block;min-width:3px;border-radius:1px} #hwBody.hw-anx .hd-budget-l{display:flex;flex-wrap:wrap;gap:3px 10px;font:400 9.5px/1.2 var(--ax-sans);color:var(--muted)} #hwBody.hw-anx .hd-budget-l span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} #hwBody.hw-anx .hd-budget-l em{width:7px;height:7px;border-radius:1px;display:inline-block} #hwBody.hw-anx .hd-budget-l b{font:400 10px/1 var(--ax-mono);color:var(--ink)} #hwBody.hw-anx .b-surface,#hwBody.hw-anx .b-surface em{background:color-mix(in srgb,var(--muted) 55%,transparent)} #hwBody.hw-anx .b-drillstring,#hwBody.hw-anx .b-drillstring em{background:var(--blue)} #hwBody.hw-anx .b-bha,#hwBody.hw-anx .b-bha em{background:color-mix(in srgb,var(--blue) 50%,var(--accent2))} #hwBody.hw-anx .b-bit,#hwBody.hw-anx .b-bit em{background:var(--accent2)} #hwBody.hw-anx .b-annular,#hwBody.hw-anx .b-annular em{background:color-mix(in srgb,var(--accent2) 45%,var(--ink))} #hwBody.hw-anx .b-sbp,#hwBody.hw-anx .b-sbp em{background:var(--ink)} #hwBody.hw-anx span.b-surface,#hwBody.hw-anx span.b-drillstring,#hwBody.hw-anx span.b-bha,#hwBody.hw-anx span.b-bit,#hwBody.hw-anx span.b-annular,#hwBody.hw-anx span.b-sbp{background:none} #hwBody.hw-anx .hd-metric.hd-apl::before{background:color-mix(in srgb,var(--accent2) 45%,var(--ink))} #hwBody.hw-anx .hd-density:not(.hd-dw){grid-template-rows:auto repeat(6,auto)!important} /* effects in this result, under the verdict (cuttings, rotation, tool joints, density P/T, BHA dP) */ #hwBody.hw-anx .hd-grow-label>.hd-fxline{order:3;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:4px 5px;margin:6px 0 0!important;padding:0!important;cursor:pointer;min-width:0;width:100%} #hwBody.hw-anx .hd-fxline>.hd-fx{position:static!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;width:auto!important;height:18px!important;margin:0!important;padding:0 7px!important;border:1px solid var(--ax-hair)!important;border-radius:999px!important;background:none!important;white-space:nowrap;flex:0 0 auto} #hwBody.hw-anx .hd-fx>.hd-fx-d{width:5px;height:5px;border-radius:50%;background:var(--ax-hair);flex:0 0 auto} #hwBody.hw-anx .hd-fx>.hd-fx-l{font:500 8.5px/1 var(--ax-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #hwBody.hw-anx .hd-fx>.hd-fx-v{font:400 9.5px/1 var(--ax-mono);color:var(--ink)} #hwBody.hw-anx .hd-fxline>.hd-fx.on{border-color:color-mix(in srgb,var(--blue) 35%,var(--ax-hair))!important} #hwBody.hw-anx .hd-fx.on>.hd-fx-d{background:var(--blue)} #hwBody.hw-anx .hd-fx.on>.hd-fx-l{color:var(--ink)} #hwBody.hw-anx .hd-fxline:hover>.hd-fx{border-color:var(--muted)!important} /* Build 1234 — the Analyze page lays out by the room it actually has, not only by the window width. With the MPD drawer open beside it (hydroDockPush) the canvas can be ~1000 px inside a 1440 px window, and at ~1000 px windows two rows already collided. (1) The workspace tool row wraps downward instead of spilling over the input strip below it (an old fixed 33 px height kept it one row tall). (2) The pressure readouts size to their own panel and keep a gap, so "1,209 psi" never runs into the next value. */ #hwBody.hw-anx .hw-anhead,#hwBody.hw-anx .hw-anhead-tools{height:auto!important} #hwBody.hw-anx .hw-anhead-tools{flex-wrap:wrap!important;row-gap:6px!important} #hwBody.hw-anx .hd-pressure{container-type:inline-size;column-gap:14px!important} @container (max-width:360px){#hwBody.hw-anx .hd-pv>b{font-size:clamp(15px,6.4cqi,22px)!important}#hwBody.hw-anx .hd-pv>b small{font-size:9px!important;margin-left:2px}} /* (3) Phone Summary pane: its pressure grid named only two rows, so APL, bit ΔP and SBP·pumps-off (build 1224) had no area and piled on top of each other. They get their own third row, as on the desktop. */ html body #hwBody.hw-anx .hw-cockpit[data-anx-pane="summary"] .hd-pressure{grid-template-areas:"h h h" "spp sbp bhp" "apl dpb off" "bud bud bud"!important}