/* suite-shell: the "Early version" chip (src/chip.ts) - C-chip, css 64-86 + 93-183 + 193-195 Generated by scratchpad slice.mjs from nd-suite-fixes.css on 2026-09-05; edit HERE from now on (the old file is a stub). Every rule below is scoped by the data-nd-app / data-nd-host stamp the shell writes on . */ /* ════════════════════════════════════════════════════════════════════════════════════ SHARED — "Early version" chip (injected by nd-suite-fixes.js) + trim layer ════════════════════════════════════════════════════════════════════════════════════ */ .nd-early-chip { position: fixed; left: 10px; bottom: 10px; z-index: 99990; display: flex; align-items: center; gap: 6px; background: rgba(20, 14, 8, 0.92); color: #f5efe8; font: 600 12px/1.4 Inter, system-ui, sans-serif; padding: 6px 8px 6px 12px; border: 1px solid rgba(224, 104, 48, 0.55); border-radius: 999px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); max-width: calc(100vw - 20px); pointer-events: none; } .nd-early-chip b { color: #f0954f; font-weight: 800; } .nd-early-chip .nd-chip-lines { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .nd-early-chip .nd-chip-door { pointer-events: auto; color: #ffd7b0; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; } .nd-early-chip .nd-chip-door:hover { color: #fff; } /* Explicit resets rather than `all: unset` — that also stripped the focus outline, and the button was an ~8x17px target, small enough that the chip was effectively permanent on a phone. */ .nd-early-chip button { pointer-events: auto; display: grid; place-items: center; min-width: 32px; min-height: 32px; margin: -6px -4px -6px 0; background: none; border: 0; border-radius: 999px; color: #cbbfb3; font: inherit; font-weight: 800; font-size: 16px; line-height: 1; cursor: pointer; } .nd-early-chip button:hover { color: #fff; background: rgba(255, 255, 255, 0.08); } .nd-early-chip button:focus-visible { outline: 2px solid #f0954f; outline-offset: 2px; } /* Chip placement per app — the bottom-left is occupied by real furniture that differs: interior's 124px mobile nav and sitemind's 26px #sm-bbar status footer (desktop too). */ [data-nd-app="sitemind"] .nd-early-chip { bottom: 34px; } /* clear the 26px #sm-bbar */ @media (max-width: 767px) { .nd-early-chip { font-size: 11px; padding: 5px 6px 5px 10px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); } [data-nd-app="interior"] .nd-early-chip { bottom: calc(136px + env(safe-area-inset-bottom, 0px)); } /* sitemind: the mobile inspector sheet occupies the bottom min(42vh,390px) band and the AI FAB sits at its top-right corner (lifted by fix S4) — go above both. */ [data-nd-app="sitemind"] .nd-early-chip { bottom: calc(min(42vh, 390px) + 106px); left: auto; right: 12px; max-width: calc(100vw - 24px); } } /* UI-6 (2026-08-16) — arch3d on phones: BOTH fixed chips were sitting ON the workstation sheet. Codex QA (375x812, touch): elementFromPoint at the centre of "+ Add Floor Level" returned the notice's price link, and the "Back to Plan" chip covered the Cantilever Balcony label + the left of its slider. Nothing is hidden; both leave the sheet's band: - THE NOTICE rides ABOVE the sheet's top edge while the drawer is open — bottom is the same --nd-sheet-h that A5/A6b/A4 read, so it follows every snap and the live drag and can never overlap sheet content at any scroll position (it is outside the sheet's box). Drawer closed = nothing but canvas underneath, so the 76px rule above stands. It joins the snap transition (CODEX FIX 3: every consumer moves together) and the reduced-motion reset below. Trade-off, stated: at the "tall" snap the 3D band is only its 140px floor, so the 78px notice covers most of it and its top edge rises ~6px into the switcher / Back-to-Plan row until dismissed — a dismissible note over an orbit view, versus a permanent cover over form controls. pointer-events:none on the body of the chip means orbit, the switcher and Back to Plan all still take the tap (measured at tall: every one of switcher / back / grab / first tab owns its own centre hit); only the link and the x are solid, and neither reaches that row. - BACK TO PLAN moves to the TOP-RIGHT of the 3D pane, aligned with the app's own "3D Render" switcher row (top-4 = 16px into main, 44px buttons on touch) and grown to 44px. The bundle puts nothing in that corner on phones (checked: the only right-anchored absolutes are the vastu compass at bottom-right and a dropdown under the top bar). !important because the JS styles the chip inline; desktop keeps that inline chip. */ @media (width <= 768px) { [data-nd-app="arch3d"]:has(.arch3d-workstation-drawer[data-drawer-open="true"]) .nd-early-chip { bottom: calc(var(--nd-sheet-h, 55vh) + 10px); } [data-nd-app="arch3d"]:has(.arch3d-workstation-drawer.nd-sheet-snapping) .nd-early-chip { transition: bottom .2s cubic-bezier(.32, .72, 0, 1); } } @media (prefers-reduced-motion: reduce) { [data-nd-app="arch3d"] .nd-early-chip { transition: none !important; } } /* suite-shell: trim layer stamps (src/trim.ts) - C-trim, css 87-91 + 1365-1373 (the -phone rule has no live producer; drop it when J9a folds) Generated by scratchpad slice.mjs from nd-suite-fixes.css on 2026-09-05; edit HERE from now on (the old file is a stub). Every rule below is scoped by the data-nd-app / data-nd-host stamp the shell writes on . */ /* Anything the trim layer hides (see nd-suite-fixes.js TRIM). Kept as an attribute rather than an inline style so a React re-render that clones the node cannot resurrect it half-styled — the observer re-stamps the attribute and this rule does the rest. */ [data-nd-trimmed] { display: none !important; } /* A18 — PHONE-ONLY TRIM (2026-08-13, his call). Same fail-closed attribute contract as the global trim layer, one media query narrower. Phase 6 hid arch3d's other two 2D doors ("2D CAD Draftsman", "Split Dual-View") but missed "Full 2D Canvas" inside the Structure panel — and that canvas is mouse-only (onMouseDown/onMouseMove, zero touch handlers in the bundle), so a phone user who taps it concludes the app is broken. It stays fully live on desktop, where it works. */ @media (width <= 768px) { [data-nd-trimmed-phone] { display: none !important; } } /* suite-shell: the in-flow "Suite" pill (src/pill.ts) - C-pill, css 198-269 Generated by scratchpad slice.mjs from nd-suite-fixes.css on 2026-09-05; edit HERE from now on (the old file is a stub). Every rule below is scoped by the data-nd-app / data-nd-host stamp the shell writes on . */ /* ── SUITE-13 (2026-08-16) — history shim furniture, injected by nd-suite-fixes.js ── .nd-suite-home a small "‹ Suite" pill placed INSIDE each app's own top bar (engine, interior, sitemind; arch3d's existing Exit Studio is retargeted instead). In-flow, never fixed — UI-10 is the lesson on floating buttons. .nd-leave the "Leave ?" sheet shown when Back is pressed at the first view. Both are theme-neutral on purpose: two of the apps are dark, two are light, so the pill borrows currentColor for text and paints only a saffron hairline + tint. */ .nd-suite-home { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; height: 28px; padding: 0 10px 0 7px; margin: 0 8px; border: 1px solid rgba(224, 104, 48, 0.6); border-radius: 999px; background: rgba(224, 104, 48, 0.12); color: inherit; font: 700 12px/1 Inter, system-ui, sans-serif; letter-spacing: 0.01em; text-decoration: none; white-space: nowrap; cursor: pointer; } /* The visible pill is 28px tall because it lives inside 24-30px header rows, but the TAP target is 44px: an invisible ::after box grows the hit area without moving anything around it (Codex round-1 nit). position:relative on the pill anchors it. */ .nd-suite-home { position: relative; } .nd-suite-home::after { content: ""; position: absolute; inset: -8px -6px; } .nd-suite-home:hover { background: rgba(224, 104, 48, 0.22); } .nd-suite-home:focus-visible { outline: 2px solid #f0954f; outline-offset: 2px; } .nd-suite-home svg { flex: 0 0 auto; } /* sitemind's #sm-nav is a dense 30px strip of !important-sized buttons; match its scale. */ [data-nd-app="sitemind"] #sm-nav .nd-suite-home { height: 24px !important; font-size: 11px !important; margin: 0 6px !important; } [data-nd-app="sitemind"] #sm-nav .nd-suite-home::after { inset: -10px -6px; } /* 24 + 20 = 44px tap height */ @media (max-width: 767px) { .nd-suite-home span { display: none; } /* icon-only on phones; aria-label carries the name */ .nd-suite-home { padding: 0 8px; margin: 0 6px; min-width: 32px; justify-content: center; } } /* Nirman BBS (history-only host, BBS-5): the app has its own "← NirmanDost" hub link that ITS css hides at <=900px. The pill covers exactly that gap and nothing more, so a user never sees two ways home. Sits in the actions row before the status dot. */ html[data-nd-host="bbs"] .nd-suite-home { display: none; margin: 0 4px 0 0; } /* Nirman Plan: #top is a dense nowrap bar; at phone widths the pill must not push 3D Model off-screen */ @media (max-width: 480px) { html[data-nd-host="plan"] .nd-suite-home { margin: 0 2px 0 3px; padding: 0 6px; min-width: 28px; } } @media (max-width: 900px) { html[data-nd-host="bbs"] .nd-suite-home { display: inline-flex; } } /* suite-shell: the leave sheet (src/leaveSheet.ts) - C-leave, css 271-313 Generated by scratchpad slice.mjs from nd-suite-fixes.css on 2026-09-05; edit HERE from now on (the old file is a stub). Every rule below is scoped by the data-nd-app / data-nd-host stamp the shell writes on . */ .nd-leave { position: fixed; inset: 0; z-index: 99995; display: grid; place-items: center; padding: 16px; background: rgba(20, 14, 8, 0.55); font-family: Inter, system-ui, sans-serif; } .nd-leave[hidden] { display: none; } .nd-leave-card { width: min(420px, 100%); background: #fff; color: #1a1410; border-radius: 14px; padding: 20px 20px 16px; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35); } .nd-leave-card h2 { margin: 0 0 6px; font: 800 18px/1.25 Inter, system-ui, sans-serif; color: #1a1410; } .nd-leave-card p { margin: 0 0 16px; font: 400 14px/1.5 Inter, system-ui, sans-serif; color: #5a4d42; } .nd-leave-row { display: flex; flex-wrap: wrap; gap: 8px; } .nd-leave-btn { flex: 1 1 auto; min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid #d9cfc4; background: #fff; color: #1a1410; font: 700 14px/1 Inter, system-ui, sans-serif; cursor: pointer; } .nd-leave-btn:hover { background: #f7f2ec; } .nd-leave-btn:focus-visible { outline: 2px solid #e06830; outline-offset: 2px; } .nd-leave-primary { background: #e06830; border-color: #e06830; color: #fff; } .nd-leave-primary:hover { background: #c95a26; } .nd-leave-quiet { border-color: transparent; color: #7a6a5c; } @media (max-width: 767px) { .nd-leave { place-items: end center; padding: 0; } .nd-leave-card { width: 100%; border-radius: 16px 16px 0 0; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); } .nd-leave-row { flex-direction: column; } } /* suite-shell: TRANSITIONAL sitemind rules S1-S15, byte-for-byte - delete when the sitemind fold lands (override-map 3.3) - css 500-714 Generated by scratchpad slice.mjs from nd-suite-fixes.css on 2026-09-05; edit HERE from now on (the old file is a stub). Every rule below is scoped by the data-nd-app / data-nd-host stamp the shell writes on . */ /* ════════════════════════════════════════════════════════════════════════════════════ SITEMIND (TerraPlan) — 16 fixes, backlog S1-S16. The phone flow that matters commercially (setup → generate → stats → share) all lives in #sm-rpanel and works once these land. NOT gated. The high-risk sidebar restore (S17) is NOT shipped — it re-plumbs the app grid and must be eyeballed on a real device first. ════════════════════════════════════════════════════════════════════════════════════ */ /* S1 — P0. Kill the full-screen glass box: the app's mobile rule sets bottom:12px on the always-mounted #studio-score but never clears the base top:140px, so the fixed panel stretches over the entire canvas (y=140 to y=903 on a 915px phone, z-index 55). */ @media (width <= 768px) { [data-nd-app="sitemind"] #studio-score { bottom: auto !important; } } /* S2 — P0. Journey card steps measured 1.06:1 (founder BUG-5, quantified): inactive steps are --muted text on rgba(255,255,255,.58) chips over the dark modal. All values are INLINE styles, so !important is mandatory. Active step + current app keep their blue identity, just legible (#2563eb on near-black was 3.4:1 → 7.2:1). */ [data-nd-app="sitemind"] [data-testid^="sitemind-suite-step-"]:not([data-testid="sitemind-suite-step-site-plot"]), [data-nd-app="sitemind"] [data-testid^="sitemind-suite-open-"]:not([data-testid="sitemind-suite-open-sitemind"]) { background: rgba(255, 255, 255, .07) !important; color: #d5deea !important; border: 1px solid rgba(255, 255, 255, .14) !important; } [data-nd-app="sitemind"] [data-testid^="sitemind-suite-step-"]:not([data-testid="sitemind-suite-step-site-plot"]) span { background: rgba(255, 255, 255, .12) !important; color: #eef3f9 !important; } [data-nd-app="sitemind"] [data-testid="sitemind-suite-step-site-plot"], [data-nd-app="sitemind"] [data-testid="sitemind-suite-open-sitemind"], [data-nd-app="sitemind"] [data-testid="sitemind-suite-journey"] .proj-meta { color: #7aa7ff !important; } [data-nd-app="sitemind"] [data-testid="sitemind-suite-step-site-plot"], [data-nd-app="sitemind"] [data-testid="sitemind-suite-open-sitemind"] { background: rgba(37, 99, 235, .22) !important; border-color: rgba(122, 167, 255, .45) !important; } /* S3 — P0. --muted2 (#4a5a72) is 2.74:1 on the app background and colours 25 pieces of secondary text a first-time user must read (placeholders, authority-rule labels, honesty notes). #6b7d99 = 4.84:1, still visibly dimmer than --muted. */ html[data-nd-app="sitemind"] { --muted2: #6b7d99 !important; } /* S4 — P0. Lift the canvas controls out from under the mobile bottom sheet: at <=768px #sm-rpanel is a fixed sheet up to min(42vh,390px) tall sitting 38px off the bottom — zoom controls, the whole Stage-2 3D toolbar and the AI FAB were inside/behind it. */ @media (width <= 768px) { [data-nd-app="sitemind"] .vctrls { bottom: calc(min(42vh, 390px) + 22px) !important; } [data-nd-app="sitemind"] #toolbar-3d-bottom { bottom: calc(min(42vh, 390px) + 22px) !important; } [data-nd-app="sitemind"] #ai-fab { bottom: calc(min(42vh, 390px) + 46px) !important; right: 12px !important; } [data-nd-app="sitemind"] #ai-panel { bottom: calc(min(42vh, 390px) + 106px) !important; max-height: 34vh !important; } } /* S5 — P1. The bottom 3D toolbar is ~790px of nowrap flex centred in a 412px canvas — ~190px sheared off each side. Wrap it instead. */ @media (width <= 768px) { [data-nd-app="sitemind"] #toolbar-3d-bottom { left: 8px !important; right: 8px !important; transform: none !important; flex-wrap: wrap !important; justify-content: center !important; row-gap: 6px !important; padding: 7px 9px !important; } [data-nd-app="sitemind"] #t3-sun, [data-nd-app="sitemind"] #t3-sect { width: 84px !important; } [data-nd-app="sitemind"] #toolbar-3d-bottom .t3sep { display: none !important; } } /* S6 — P1. The setup modal (the first and only screen at load) is a fixed 2-col grid on a 380px phone modal: the Land Area number input ended up ~33px of content at a forced 16px font. Single column below 640px; dvh so the footer clears the Android toolbar (body is overflow:hidden — an off-screen footer cannot be scrolled to). */ @media (width <= 640px) { [data-nd-app="sitemind"] #modal-setup .setup-grid { grid-template-columns: 1fr !important; } [data-nd-app="sitemind"] #modal-setup .rules-grid { grid-template-columns: 1fr 1fr !important; } [data-nd-app="sitemind"] #modal-setup .setup-body { padding: 14px 16px !important; } [data-nd-app="sitemind"] #modal-setup .setup-hdr { padding: 14px 16px 12px !important; } [data-nd-app="sitemind"] #modal-setup .setup-footer{ padding: 12px 16px !important; } [data-nd-app="sitemind"] .setup-modal, [data-nd-app="sitemind"] .projlist-modal, [data-nd-app="sitemind"] .share-modal { max-height: calc(100dvh - 24px) !important; margin: 12px !important; } } html[data-nd-app="sitemind"] body { height: 100dvh !important; } /* S7 — P1. .compass-wrap is a 3x3 entrance pad; the setup modal reuses the same class for a 64px dial + a sentence, cramming them into two ~41px cells (desktop bug too). Un-grid it there only — the Stage-2 entrance pad lives in #rp-layout, untouched. */ [data-nd-app="sitemind"] #modal-setup .compass-wrap { display: flex !important; grid-template-columns: none !important; grid-template-rows: none !important; width: auto !important; align-items: center !important; gap: 14px !important; margin: 6px 0 !important; } /* S8 — P1. Pro Toolkit grid has a hard 520px minimum inside a ~360px panel. */ @media (width <= 900px) { [data-nd-app="sitemind"] .pro-grid { grid-template-columns: minmax(0, 1fr) !important; } [data-nd-app="sitemind"] .pro-card { min-height: 0 !important; } } /* S9 — P1. Plot schedule table crushes 6 columns into ~360px while the coarse-pointer rule forces its 9px inputs to 16px. The wrapper already scrolls — give the table a real minimum so it actually does. */ @media (width <= 768px) { [data-nd-app="sitemind"] #sm-rpanel .sched-table { min-width: 440px !important; } [data-nd-app="sitemind"] #sm-rpanel .sched-wrap { -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; } } /* S10 — P2. Restore the stage names on phones: the mobile block hides them, leaving four bare numbered circles (three at 35% opacity) as the app's primary navigation. Guarded to >=360px so it cannot clip on a 320px device. */ @media (width <= 768px) and (width >= 360px) { [data-nd-app="sitemind"] #stage-bar .stg-label { display: block !important; font-size: 9px !important; letter-spacing: .2px !important; } [data-nd-app="sitemind"] #stage-bar .stg { padding: 0 4px !important; gap: 5px !important; } [data-nd-app="sitemind"] #stage-bar .stg.locked { opacity: .55 !important; } } /* S11 — P2. REPLACES the old .lang-scroll bar (which added 13px of padding into a 30px clipped row and whose width:max-content was inert against flex-basis:0). The real defect: .lb is a