/* ============================================================================ NOTE EVOLUTION — SHIFT WORKSPACE V2 ("the tapestry is the face") ---------------------------------------------------------------------------- Design source: Claude Design project cf6a41fd, "Note Evolution Workspace v2.dc.html" Turn 6. Rollout plan: .claude/plans/we-can-not-lose-pure-ladybug.md EVERY rule in this file is namespaced under #noteEvolutionTakeover[data-nev-v2] The attribute is only stamped when ENABLE_NE_WORKSPACE_V2 (nested under ENABLE_THREE_SUBSTRATE_TAKEOVER + ENABLE_EPISODE_TAPESTRY) is ON, so this sheet is inert for the flag-OFF daily driver. No legacy sheet is modified. Token policy: Dark Roast (--dr-*) remains canonical — the v2 mock's palette is byte-identical to it. This file adds ONLY a six-step surface ramp (--nev2-surface-*) that canonicalizes the mock's near-black backgrounds, and re-points the --dr-font-* stack at the self-hosted IBM Plex faces (fonts.css §Course Tapestry) for the v2 surface. Plex Mono has no 700 face on disk — bold mono is ALWAYS 600 here. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] { /* surface ramp — deepest well → raised plane. 2026-08-19 contrast pass v2: the first re-draw kept hardcoded hexes with 4-6/255 bottom steps (imperceptible below L*~10) and surface-1 collided with the shell backdrop (#120C06) exactly. Levels now DERIVE from the --dr-* role tokens so every companion theme inherits coherent planes; containers (1-2) separate from content (3+) by ≥1 canonical step, and container↔backdrop seams are carried by crater borders, not fill. Cold-brew overrides this ramp wholesale (roast-ladder-light). */ --nev2-surface-0: #0D0805; /* recessed wells, settled history */ --nev2-surface-1: var(--dr-obsidian, #160E08); /* note column, finalize bar — container */ --nev2-surface-2: var(--dr-dark-cacao, #1E140E); /* update column, tapestry board — container +1 step */ --nev2-surface-3: var(--dr-espresso, #2A1C13); /* card base — content sits ≥1 canonical step above its container */ --nev2-surface-4: var(--dr-espresso-hover, #382818); /* raised plane low */ --nev2-surface-5: #463122; /* raised plane high / identity strip (espresso-hover +1, extrapolated) */ /* one type voice for the whole v2 surface: the tapestry's Plex system */ --dr-font-heading: 'IBM Plex Sans', -apple-system, sans-serif; --dr-font-body: 'IBM Plex Sans', -apple-system, sans-serif; --dr-font-mono: 'IBM Plex Mono', 'SF Mono', monospace; font-variant-numeric: tabular-nums; } /* ============================================================================ 1. GRID — working note is the primary plane; Course + Update are context. Legacy 3-column template stays in the DOM (hidden hosts below); this re-grids the SAME .nev-takeover-body without touching the legacy rule. Drawer tracks keep the shipped 0fr push-open animation contract. 2026-07-13 doctor correction: the full-width Course band forced Today's Note into the lower-right quadrant. The note now spans the full working height at right. A bounded context rail at left stacks Course Tapestry, its legend, and Today's Update. Context may scroll; the note may not be sacrificed to keep every substrate simultaneously visible. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev-takeover-body { grid-template-columns: /* The context rail is deliberately capped. The NOTE owns every remaining pixel and retains a real reading-width floor. 13a port (2026-07-14): container-relative % instead of vw — the workspace is capped at 2280px and centered, so % tracks follow the desk, not the monitor. Wide-desk rebalance lives in the min-width:1600px block at the end of this sheet. */ /* 2026-07-17 proportion fix: the context rail was over-wide at mid desks (34% of a 1400px desk ≈ 476px) and starved the note. Narrow + lower the cap so the working note owns more of the desk. */ clamp(320px, 29%, 470px) /* left — Course + Update context */ minmax(600px, 1fr) /* right — primary working note */ var(--nev-evidence-drawer-width, 0fr) var(--nev-audit-drawer-width, 0fr); grid-template-rows: /* Band height = rendered weave content, capped — set as a CSS var by _nev2SyncBandHeight() on every repaint. It sizes only the context rail now; the spanning note keeps the entire row budget. 30vh viewport cap (2026-08-11): the JS 420px content cap let the tapestry band claim over half the rail at 1080p, leaving Today's Update — the doctor's primary INPUT surface — a ~230px scroll trap where the composer and Propose Amendments never fit on screen together. The band is calibration context; the composer must win the vertical budget contest. */ min(var(--nev2-band-h, 240px), 30vh) /* tapestry context */ auto /* legend / as-of strip */ minmax(0, 1fr) /* Today's Update context */ auto; /* finalize bar */ grid-template-areas: "tapestry right evidence audit" "legend right evidence audit" "left right evidence audit" "finalize finalize evidence audit"; gap: 0; padding: 0; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { grid-area: tapestry; min-width: 0; border-right: 0; border-bottom: 1px solid var(--dr-crater, #5A453A); background: var(--nev2-surface-2); /* Proportion contract (2026-07-11, outOfProportion.png): the band is sized by its CONTENT, bounded by the doctor's working-note hierarchy — a D1 patient gets a short band and the doctor's working row takes the freed space; a D51 stay caps and scrolls internally. Never a fixed viewport fraction: that dead-spaced tall monitors AND crushed laptops simultaneously. */ max-height: clamp(280px, 34vh, 420px); min-height: 0; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="left"] { grid-area: left; min-width: 0; border-right: 1px solid var(--dr-crater, #5A453A); background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2] #nevNoteDiffPanel { grid-area: right; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2] .nev2-legend { grid-area: legend; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 6px 18px; border-bottom: 1px solid var(--dr-crater, #5A453A); background: var(--nev2-surface-1); font: 400 10px/1.4 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host { grid-area: finalize; position: static; /* pinned by grid, not by right shell */ display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--dr-crater, #5A453A); background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2] .nev-evidence-drawer { grid-area: evidence; } #noteEvolutionTakeover[data-nev-v2] .nev-audit-drawer { grid-area: audit; } /* ============================================================================ 2. HIDDEN LEGACY HOSTS — still mounted, still painted (the projection reads #nevBaseNote's DOM; the dormant queue is the flag-OFF fallback), never displayed under v2. Read-through gate is rebound to .nev2-note-scroll in JS, so the zero-height auto-pass path is closed. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev-base-note-host, #noteEvolutionTakeover[data-nev-v2] .nev-review-queue-host, #noteEvolutionTakeover[data-nev-v2] #nevFullNotePanel, #noteEvolutionTakeover[data-nev-v2] .nev-right-shell, #noteEvolutionTakeover[data-nev-v2] .nev-problem-review, #noteEvolutionTakeover[data-nev-v2] .nev-view-switch, #noteEvolutionTakeover[data-nev-v2]:not([data-nev-clinical="on"]) .nev-provenance-overlay, #noteEvolutionTakeover[data-nev-v2] .nev-provenance-dock-top, #noteEvolutionTakeover[data-nev-v2] .nev-provenance-dock-bottom { display: none !important; /* defense-in-depth: hidden surfaces must never paint over v2 (mirrors body[data-takeover-active] rail-hide convention) */ } /* Under v2 the takeover runs in pinned `full-note` review mode so the read-through gate + finalize logic keep working unmodified. But the legacy full-note rules (note-evolution-takeover.css:659-676) HIDE the middle column and reposition the legacy right column — under v2 the middle column IS the tapestry face and must stay visible. This sheet loads after the legacy one at equal specificity, so these win by source order and restore the v2 layout. */ #noteEvolutionTakeover[data-nev-v2][data-review-mode="full-note"] .nev-column[data-column="middle"] { display: flex; flex-direction: column; } #noteEvolutionTakeover[data-nev-v2][data-review-mode="full-note"] .nev-column[data-column="right"] { /* legacy full-note spans the old right column across cols 2-4; under v2 #nevFullNotePanel is hidden entirely, but neutralize the reposition so it can never claim the tapestry's grid area. */ grid-column: auto; grid-row: auto; } /* ============================================================================ 3. TAPESTRY FACE — full-composition geometry for the promoted band. Overrides the embedded 220/84 compaction; all interaction contracts (day spine, knots, ledger bridge, keyboard XOR) are untouched JS. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv { --wv-label-w: 240px; --wv-now-w: 120px; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-column-body { overflow: auto; min-height: 0; /* Legacy body is flex-basis 0 (fill the fixed grid row). Under v2's auto/content-sized band that collapses to header height — size by CONTENT instead; the column's bounded max-height provides the cap. */ flex: 0 1 auto; } /* The inner Course Tapestry already owns the title, source ladder, hospital day, toolbar, and day spine. The legacy outer "Hospital Course" strip is duplicate nesting under v2, so flatten it and tighten only the surrounding chrome. Type scale and all lane/day geometry remain unchanged. */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] > .nev-column-header { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-header { padding: 8px 14px 7px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-hd-id { gap: 3px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv .nev-tap-toolbar { padding: 5px 14px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-day { padding: 4px 2px 6px; } /* Historical focus: honest full-band recede + banner (positional partial veil deliberately rejected — fragile under horizontal day scroll). */ #noteEvolutionTakeover[data-nev-v2][data-temporal-mode="historical"] .nev-column[data-column="middle"] { opacity: 0.82; box-shadow: inset 0 0 0 1px rgba(230, 154, 76, 0.28); } #noteEvolutionTakeover[data-nev-v2][data-temporal-mode="historical"] .nev2-legend .nev2-legend-live { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev2-asof { display: none; align-items: center; gap: 10px; font: 600 10px/1.4 var(--dr-font-mono); letter-spacing: 0.05em; color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-temporal-mode="historical"] .nev2-asof { display: inline-flex; } #noteEvolutionTakeover[data-nev-v2] .nev2-asof::before { content: "READ-ONLY HISTORICAL PROJECTION · AS OF " attr(data-asof-day); border: 1px dashed rgba(230, 154, 76, 0.45); border-radius: 2px; padding: 3px 7px; } /* ============================================================================ 4. LEFT COLUMN — Today's Update raised plane. Pure skin over the LivingUpdateColumn's shipped class hooks; zero LUC markup changes. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="left"] .nev-column-body { /* 2026-08-11: was `padding: 13px 14px 84px` — an in-column reserve for the voice bar back when it floated over the column bottom. The bar now drops into the takeover's own 80px bottom band on tall viewports (see the min-height:861px voice-command-bar rule below) and docks onto the finalize row's center on short ones, so the double-booked 84px is returned to the composer. */ padding: 13px 14px 16px; } #noteEvolutionTakeover[data-nev-v2] .nev-living-update { border-radius: 5px; border: 1px solid rgba(230, 154, 76, 0.3); background: linear-gradient(170deg, var(--nev2-surface-2, #1E140E), var(--nev2-surface-1, #160E08)); box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.8), 0 0 20px rgba(230, 154, 76, 0.05); padding: 12px 13px 11px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-textarea { background: var(--nev2-surface-0); border: 1px solid var(--dr-crater-deep, #3C2A21); border-radius: 2px; color: var(--dr-bone, #EBE1D7); font: 400 10.5px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2] .nev-entry-card { display: grid; /* FIX (2026-08-18 polish pass): 36px crushed the meta (time+badges overflowed invisibly) and the unbounded `auto` routing column let long problem-name chips collapse the text's minmax(0,1fr) to ~1ch — the iPad "one character per line" entry bug (owner screenshot 21:48, measured 157px text in a 328px card even at desktop). The text column now has a hard 15ch floor, meta fits its content, routing caps at 35% and wraps. A track sum over the card degrades routing first, meta second — the doctor's words are the last thing to shrink. */ grid-template-columns: minmax(36px, max-content) minmax(15ch, 1fr) minmax(0, 35%); gap: 9px; align-items: baseline; padding: 5px 8px 5px 6px; border-radius: 2px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-card.is-traceability-source, #noteEvolutionTakeover[data-nev-v2] .nev-entry-card.is-fanin-spotlight { background: rgba(230, 154, 76, 0.07); box-shadow: inset 2px 0 0 var(--dr-amber, #E69A4C); } /* Turn-8 deferred item — VOICE STRIP ONLY-WHILE-DICTATING. The strip's status text has no live producer ("Voice idle." forever) and the mic bars pulsed while idle: a false LISTENING signal on the doctor's working surface. The live-dictation truth signal is the ghost's .is-active class (interim transcript flowing) — the strip is its adjacent sibling, so this is pure CSS, zero LUC edits. */ #noteEvolutionTakeover[data-nev-v2] .nev-voice-strip { display: none; align-items: center; gap: 8px; padding: 6px 9px; border: 1px dashed rgba(230, 154, 76, 0.45); border-radius: 2px; background: rgba(230, 154, 76, 0.04); } #noteEvolutionTakeover[data-nev-v2] .nev-voice-ghost.is-active + .nev-voice-strip { display: flex; } /* The dead "Voice idle." string never paints under v2; the strip's only visible state IS dictation, so the label states it. */ #noteEvolutionTakeover[data-nev-v2] .nev-voice-strip .nev-voice-status { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev-voice-strip::after { content: "LISTENING"; font: 600 8.5px/1 var(--dr-font-mono); letter-spacing: 0.14em; color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev-voice-strip::before { content: ""; width: 2px; height: 12px; background: var(--dr-amber, #E69A4C); box-shadow: 5px 0 0 var(--dr-amber, #E69A4C), 10px 0 0 var(--dr-amber, #E69A4C); animation: nev2MicBar 0.9s ease-in-out infinite; transform-origin: bottom; } #noteEvolutionTakeover[data-nev-v2] .nev-voice-ghost { font-style: italic; color: var(--dr-warm, #F0E6D0); } @keyframes nev2MicBar { 0%, 100% { transform: scaleY(0.35); } 50% { transform: scaleY(1); } } /* Open Loops panel (display-only; ENABLE_OPEN_LOOPS) */ #noteEvolutionTakeover[data-nev-v2] .nev2-open-loops { /* 2026-08-18 polish: the head label rendered over the composer's striped border (screenshots in .handoffs/ne-workflow-2026-08-18/). Solid ground + a real top border separate the panel instead of overlapping it. */ margin-top: 14px; padding: 6px 3px 0; border-top: 1px solid var(--dr-crater-deep, #3C2A21); background: var(--dr-dark-cacao, #1E140E); position: relative; z-index: 1; } #noteEvolutionTakeover[data-nev-v2] .nev2-open-loops[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-head { display: flex; align-items: baseline; gap: 8px; font: 600 8.5px/1 var(--dr-font-mono); letter-spacing: 0.1em; color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-sub { font: 400 8px/1 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); letter-spacing: 0; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row { display: flex; align-items: baseline; gap: 8px; padding: 3px 8px 3px 6px; border-radius: 2px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="closed"] { opacity: 0.62; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row.is-lit { opacity: 1; background: rgba(230, 154, 76, 0.07); box-shadow: inset 2px 0 0 var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-glyph { width: 13px; height: 13px; border-radius: 50%; flex: none; align-self: center; display: grid; place-items: center; font: 600 7.5px/1 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="closed"] .nev2-ol-glyph { color: var(--dr-teal, #4CC4B4); border: 1px solid var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="open"] .nev2-ol-glyph { color: var(--dr-amber, #E69A4C); border: 1px dashed var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-plan { font: 400 9px/1.4 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-result { font: 400 9.5px/1.4 var(--dr-font-body); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="closed"] .nev2-ol-result { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="open"] .nev2-ol-result { color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-more { background: transparent; border: 0; padding: 2px 6px; color: var(--dr-brass, #BFA162); font: 400 8px/1 var(--dr-font-mono); text-decoration: underline; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-temporal-mode="historical"] .nev2-open-loops { display: none; /* loops are today-semantics */ } /* ============================================================================ 5. NOTE-AS-DIFF COLUMN — v2 section chrome wrapping the shipped renderProblemBandNote output. Patch-state visuals ride data-state. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-head { display: flex; align-items: baseline; gap: 7px; padding: 11px 14px 9px; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); font: 600 9px/1 var(--dr-font-mono); letter-spacing: 0.08em; color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-head .nev2-arrow { color: var(--dr-amber, #E69A4C); font-weight: 700; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-head .nev2-today { color: var(--dr-brass, #BFA162); } /* ROUND VERSION HISTORY strip (2026-08-19): labeled version chips in the note column's controls row. Origin tints match the rail's convention — amber for round versions, italic ghost for "(reverted)" stashes — and the ACTIVE chip keeps the brass accent so the selection color stays one thing. */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding: 7px 14px; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev2-version-label { font: 600 9px/1 var(--dr-font-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--dr-mocha, #8B7355); white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2] .nev2-version-chip { font: 600 9px/1 var(--dr-font-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--dr-mocha, #8B7355); background: transparent; border: 1px solid var(--dr-crater-deep, #3C2A21); border-radius: 999px; padding: 4px 9px; cursor: pointer; white-space: nowrap; transition: color 150ms ease, border-color 150ms ease, background 150ms ease; } #noteEvolutionTakeover[data-nev-v2] .nev2-version-chip:hover { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, 0.45); } #noteEvolutionTakeover[data-nev-v2] .nev2-version-chip.active { color: var(--dr-brass, #BFA162); border-color: var(--dr-brass, #BFA162); background: rgba(191, 161, 98, 0.08); } #noteEvolutionTakeover[data-nev-v2] .nev2-version-chip[data-origin="round"]:not(.active) { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, 0.32); } #noteEvolutionTakeover[data-nev-v2] .nev2-version-chip[data-origin="reverted"]:not(.active) { font-style: italic; opacity: 0.85; } #noteEvolutionTakeover[data-nev-v2] .nev2-progress { height: 3px; border-radius: 2px; background: rgba(107, 86, 74, 0.25); position: relative; overflow: hidden; margin: 7px 14px 0; } #noteEvolutionTakeover[data-nev-v2] .nev2-progress > span { position: absolute; left: 0; top: 0; bottom: 0; background: var(--dr-teal, #4CC4B4); opacity: 0.75; transition: width 240ms ease-out; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 10px 12px 12px; display: grid; gap: 8px; align-content: start; } #noteEvolutionTakeover[data-nev-v2] .nev2-section { border-left: 2px solid transparent; border-top: 1px solid rgba(255, 247, 238, .055); /* sheet edge — desk-spread tiles had no boundary but whitespace */ border-radius: 0 2px 2px 0; padding: 7px 10px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] { border-left-color: rgba(230, 154, 76, 0.67); background: rgba(230, 154, 76, 0.04); } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"][data-high-risk] { border-left-color: rgba(218, 165, 32, 0.67); background: rgba(218, 165, 32, 0.04); } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted"], #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted-edit"] { border-left-color: rgba(76, 196, 180, 0.67); background: rgba(76, 196, 180, 0.04); } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="rejected"] { opacity: 0.6; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="carried"] { opacity: 0.8; } #noteEvolutionTakeover[data-nev-v2] .nev2-section.is-lit { background: rgba(230, 154, 76, 0.06); border-left-color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-section.is-flash { animation: nev2FlashPulse 0.9s ease-in-out 2; } @keyframes nev2FlashPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(230, 154, 76, 0); } 50% { box-shadow: 0 0 0 3px rgba(230, 154, 76, 0.35); } } #noteEvolutionTakeover[data-nev-v2] .nev2-section-title-row { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; } #noteEvolutionTakeover[data-nev-v2] .nev2-section-title { font: 600 11px/1.2 var(--dr-font-heading); color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag { font: 600 7px/1 var(--dr-font-mono); border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; padding: 2px 4px; letter-spacing: 0.06em; white-space: nowrap; color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="pending"] { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, 0.45); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="amended"] { color: var(--dr-teal, #4CC4B4); border-color: rgba(76, 196, 180, 0.4); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="edited"] { color: var(--dr-gold, #DAA520); border-color: rgba(218, 165, 32, 0.45); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="rejected"] { color: var(--dr-mocha, #8B7355); border-color: var(--dr-crater, #5A453A); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="new"] { color: var(--dr-sienna, #C75B39); border-color: rgba(199, 91, 57, 0.5); } #noteEvolutionTakeover[data-nev-v2] .nev2-tag[data-tag="high-risk"]{ color: var(--dr-gold, #DAA520); border-color: rgba(218, 165, 32, 0.5); font-weight: 700; } #noteEvolutionTakeover[data-nev-v2] .nev2-entry-ref { margin-left: auto; font: 400 8px/1 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); white-space: nowrap; } /* diff typography: strikethrough prior, plus-line today, "was:" memory */ #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] .nev-bn-old-line, #noteEvolutionTakeover[data-nev-v2] .nev2-prior { font: 400 9.5px/1.5 var(--dr-font-body); color: var(--dr-mocha, #8B7355); text-decoration: line-through; opacity: 0.7; margin-top: 4px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section .nev-bn-patch-line--projection { font: 400 10px/1.55 var(--dr-font-body); color: var(--dr-warm, #F0E6D0); margin-top: 3px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] .nev-bn-patch-line--projection::before { content: "+ "; font: 700 9px/1 var(--dr-font-mono); color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-was { font: 400 8.5px/1.5 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); opacity: 0.75; margin-top: 3px; } #noteEvolutionTakeover[data-nev-v2] .nev2-no-prior { font: 400 8.5px/1.4 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); opacity: 0.8; margin-top: 4px; } /* partial claim-support strip (role=alert; bulk always skips) */ #noteEvolutionTakeover[data-nev-v2] .nev-claim-partial-strip, #noteEvolutionTakeover[data-nev-v2] .nev2-partial { margin-top: 5px; border: 1px dashed rgba(218, 165, 32, 0.5); border-radius: 2px; padding: 4px 7px; font: 400 8px/1.5 var(--dr-font-mono); color: var(--dr-gold, #DAA520); } /* unanchored tray */ #noteEvolutionTakeover[data-nev-v2] .nev2-tray { margin: 6px 12px 10px; border: 1px dashed rgba(230, 154, 76, 0.5); border-radius: 3px; background: rgba(13, 9, 6, 0.5); padding: 9px 11px; display: grid; gap: 6px; } #noteEvolutionTakeover[data-nev-v2] .nev2-tray-head { font: 700 8px/1 var(--dr-font-mono); letter-spacing: 0.07em; color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-tray .nev-target-picker { margin-top: 2px; } /* action rows: restyle the shipped .nev-bn-ab-row buttons */ #noteEvolutionTakeover[data-nev-v2] .nev2-section .nev-bn-ab-row button, #noteEvolutionTakeover[data-nev-v2] .nev2-tray .nev-bn-ab-row button { border-radius: 2px; font: 600 8.5px/1 var(--dr-font-mono); letter-spacing: 0.05em; padding: 5px 10px; cursor: pointer; } /* pane notices pinned at column top (failed/empty round — never silent) */ #noteEvolutionTakeover[data-nev-v2] .nev2-pane-notice { margin: 8px 12px 0; padding: 6px 9px; border-radius: 2px; font: 400 9px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2] .nev2-pane-notice[data-kind="error"] { border: 1px solid rgba(196, 76, 76, 0.5); color: var(--dr-scarlet, #C44C4C); background: rgba(196, 76, 76, 0.05); } #noteEvolutionTakeover[data-nev-v2] .nev2-pane-notice[data-kind="empty"] { border: 1px solid var(--dr-crater, #5A453A); color: var(--dr-mocha, #8B7355); } /* column header controls: bulk, filters, skipped, audit */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 6px 12px; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls button { background: transparent; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; color: var(--dr-mocha, #8B7355); font: 400 8.5px/1 var(--dr-font-mono); padding: 4px 8px; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls button:hover { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls button[aria-pressed="true"] { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, 0.5); background: rgba(230, 154, 76, 0.08); } #noteEvolutionTakeover[data-nev-v2] .nev2-section.is-filtered-out { opacity: 0.25; } /* footer contract line */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot { padding: 8px 14px; border-top: 1px solid var(--dr-crater-deep, #3C2A21); font: 400 8px/1.5 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); } /* ============================================================================ 6. HEADER + FINALIZE BAR STATES ========================================================================= */ #noteEvolutionTakeover[data-nev-v2] .nev-takeover-header { background: linear-gradient(180deg, var(--nev2-surface-5), #130D08); } #noteEvolutionTakeover[data-nev-v2] .nev-state-chip { border-radius: 9px; padding: 3px 8px; font: 700 8px/1 var(--dr-font-mono); letter-spacing: 0.07em; } #noteEvolutionTakeover[data-nev-v2] .nev-state-chip[data-nev-state="review"] { color: var(--dr-amber, #E69A4C); border: 1px solid rgba(230, 154, 76, 0.55); background: rgba(230, 154, 76, 0.08); animation: nev2DotPulse 1.5s ease-in-out infinite; } #noteEvolutionTakeover[data-nev-v2] .nev-state-chip[data-nev-state="finalize-ready"] { color: var(--dr-teal, #4CC4B4); border: 1px solid rgba(76, 196, 180, 0.45); } @keyframes nev2DotPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"] .nev-finalize-status { color: var(--dr-sienna, #C75B39); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dr-sienna, #C75B39); animation: nev2DotPulse 1.5s ease-in-out infinite; flex: none; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="ready"] { box-shadow: 0 0 18px rgba(76, 196, 180, 0.12); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="ready"] .nev-finalize-cta-btn:not(:disabled) { background: var(--dr-teal, #4CC4B4); color: #120C06; border: 1px solid var(--dr-teal, #4CC4B4); font-weight: 700; letter-spacing: 0.07em; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host .nev-jump-blocker-btn { border: 1px solid var(--dr-crater, #5A453A); background: transparent; color: var(--dr-bone, #EBE1D7); border-radius: 2px; font: 400 8.5px/1 var(--dr-font-mono); padding: 7px 10px; } /* ============================================================================ 7. NARROW FALLBACKS — mirror the legacy breakpoints' intent ========================================================================= */ /* ============================================================================ 8. PROPORTION & DENSITY CONTRACT (EVOLUTION-PROPORTION-HANDOFF.md, Turn 8) "The design is a fixed-density instrument; the app rendered it as a fluid page." Reference render: Day One Skeleton.dc.html. ========================================================================= */ /* §1 The instrument sits centered on the desk — but the desk is THE DOCTOR'S (2026-07-12 override of the 1560px handoff cap): on a 2560px display the workspace uses the width. Interior density stays fixed — the day axis never stretches; the freed width goes to the note area, where sections SPREAD into columns like sheets laid out on a desk. */ #noteEvolutionTakeover[data-nev-v2] { max-width: 2280px; margin: 0 auto; width: 100%; } /* The desk spread: at wide widths, note sections tile side by side (each problem a sheet); full-width surfaces (BHC band, round notices, unanchored tray, anything non-section) span the whole desk. */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll { display: grid; grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); gap: 10px 16px; align-content: start; align-items: start; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll > :not(.nev2-section) { grid-column: 1 / -1; } /* §1 The time axis is EARNED: field width = max(display units,14) × 28px, board sits left. Exact days use one unit; the long-stay admission/range disclosures use weighted units from the renderer. Cap the lane middle track instead of letting 1fr smear a short course across the screen. */ /* 2026-07-12 review fix (Codex finding 1): the middle-track cap must hit every label|track|now ROW — lane, day SPINE, and PHASES band — never .nev-tap-wv-days (that is the day-CELL container inside the spine's middle column; giving it the 3-col template handed its first three day cells the label/track/now widths and left the header misaligned with the lane ink). With the spine capped, the day cells (real + inert future fillers) divide the same 28px field the segments divide. */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-lane, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-spine, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-phases { grid-template-columns: var(--wv-label-w) minmax(0, calc(max(var(--wv-days, 14), 14) * 28px)) var(--wv-now-w); justify-content: start; } /* §1 follow-up — onset-stub ink rule support. Day-header cells beyond the stay are the empty future field: inert spans the renderer appends so the header grid stays aligned with the track's per-day gradient. No label, no affordance — the field simply continues ahead of the ink. */ #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-day.future { pointer-events: none; background: none; border: 0; } /* §Z4 follow-up — patient-level fold. The fold button reuses the shipped .nev-tap-wv-fold chrome (chronic fold); expanded quiet rows sit in a slightly recessed plane so they read as background context, not board. */ #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-pfold { opacity: 0.75; } /* §1 Type floor: "AI agents default tiny; the project does not." Keep the ratios, raise the floor. One uniform raise for the embedded weave (preserves the 28px-grid alignment because zoom scales all px). */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap { zoom: 1.15; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll { font: 400 15px/1.55 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2] .nev2-section .nev-bn-problem-title, #noteEvolutionTakeover[data-nev-v2] .nev2-section-title { font: 600 16px/1.3 var(--dr-font-heading); color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2] .nev2-section .nev-bn-patch-line--projection, #noteEvolutionTakeover[data-nev-v2] .nev2-prior { font-size: 15px; line-height: 1.55; } #noteEvolutionTakeover[data-nev-v2] .nev2-legend, #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot, #noteEvolutionTakeover[data-nev-v2] .nev2-note-head, #noteEvolutionTakeover[data-nev-v2] .nev2-note-counts, #noteEvolutionTakeover[data-nev-v2] .nev2-ol-plan, #noteEvolutionTakeover[data-nev-v2] .nev2-ol-sub { font-size: 10.5px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-result { font-size: 11.5px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-textarea { font: 400 15px/1.55 var(--dr-font-body); min-height: 96px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-card .nev-entry-text { font-size: 13px; line-height: 1.5; } #noteEvolutionTakeover[data-nev-v2] .nev2-tag { font-size: 9.5px; padding: 3px 5px; } /* §5 Chrome leaks: internal zone names never print in the UI. */ #noteEvolutionTakeover[data-nev-v2] .nev-column-eyebrow { display: none; } /* §4 Color discipline: teal is LIVE-STATE only — the Rx Coverage button is chrome, not state. */ #noteEvolutionTakeover[data-nev-v2] .nev-formulary-toggle { border: 1px solid var(--dr-crater, #5A453A); color: var(--dr-bone, #EBE1D7); background: transparent; border-radius: 2px; } /* §4 System gates are GOLD one-liners, not scarlet panels. Covers the BHC safety rejection and keeps the claim-partial strip consistent. */ #noteEvolutionTakeover[data-nev-v2] [data-mount="note-diff"] [role="alert"] { background: transparent; border: 1px dashed rgba(218, 165, 32, 0.5); border-radius: 2px; color: var(--dr-gold, #DAA520); padding: 7px 10px; font: 400 11px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2] [data-mount="note-diff"] [role="alert"] button { border: 1px solid rgba(218, 165, 32, 0.55); color: var(--dr-gold, #DAA520); background: transparent; border-radius: 2px; font: 600 10px/1 var(--dr-font-mono); padding: 5px 10px; } @media (max-width: 1180px) { /* The bounded overview keeps both bookends in the initial viewport: Admission/D1 at left and the exact recent week/Today at right. At this width all day units remain the full 28px; only the identity rails narrow. Short exact axes and passive Census preserve their existing scale. */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] { --wv-label-w: 220px; --wv-now-w: 84px; min-width: calc(304px + var(--wv-track-min, 644px)); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-lane, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-spine, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-phases { grid-template-columns: var(--wv-label-w) minmax(0, var(--wv-track-min, 644px)) var(--wv-now-w); } #noteEvolutionTakeover[data-nev-v2] .nev-takeover-body { grid-template-columns: 1fr var(--nev-evidence-drawer-width, 0fr) var(--nev-audit-drawer-width, 0fr); /* One column cannot show three full clinical substrates at once. Scroll the context instead of crushing the note. Every named area gets an explicit track so the legacy 320px grid-auto-row can never turn Finalize into a giant implicit row. */ grid-template-rows: minmax(420px, 55vh) /* primary note */ auto /* finalize immediately follows */ minmax(280px, auto) /* Today's Update */ clamp(180px, 30vh, 320px) /* Course Tapestry context */ auto; /* legend / as-of strip */ grid-template-areas: "right evidence audit" "finalize evidence audit" "left evidence audit" "tapestry evidence audit" "legend evidence audit"; grid-auto-rows: auto; align-content: start; overflow-y: auto; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="left"] { border-right: 0; border-bottom: 1px solid var(--dr-crater, #5A453A); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { max-height: clamp(180px, 30vh, 320px); } #noteEvolutionTakeover[data-nev-v2] #nevNoteDiffPanel { min-height: 420px; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll { grid-template-columns: minmax(0, 1fr); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host { position: sticky; bottom: 0; z-index: 6; } } @media (max-width: 900px) { #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] { --wv-label-w: 155px; --wv-now-w: 60px; min-width: calc(215px + var(--wv-track-compact, 552px)); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-lane, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-spine, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-phases { grid-template-columns: var(--wv-label-w) minmax(0, var(--wv-track-compact, 552px)) var(--wv-now-w); } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-day:not(.range) .d { font-size: 10px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-day.long-day .d { font-size: 9px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv[data-wv-axis="adaptive"] .nev-tap-wv-day:not(.range) .dt { font-size: 6.5px; } } /* Inline EDIT textarea (workspace-v2 deferred follow-up, 2026-07-12). Replaces the browser prompt() for proposed-patch edits under v2 only. The editor renders inside the decision block; state-driven, so repaints preserve typing. Legacy surfaces keep prompt() untouched. */ #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; padding: 10px; border: 1px solid var(--dr-amber, #E69A4C); border-radius: 2px; background: var(--nev2-surface-0, #0D0805); } #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-text { width: 100%; min-height: 96px; resize: vertical; padding: 8px 10px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; background: var(--nev2-surface-2, #1E140E); color: var(--dr-crema, #FFF7EE); font: 400 15px/1.55 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-text:focus { outline: none; border-color: var(--dr-amber, #E69A4C); box-shadow: 0 0 0 1px rgba(230, 154, 76, 0.35); } #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-btns { display: flex; align-items: center; gap: 8px; } #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-hint { margin-left: auto; font: 400 9px/1 var(--dr-font-mono); letter-spacing: 0.06em; color: var(--dr-mocha, #8B7355); } /* Turn-8 §Z1/Z2 short-viewport band budget (2026-07-12, live-measured on a 1280x720 laptop: header 111px + toolbar 41px + spine 63px consumed 215px of the 280px band — ZERO problem lifelines visible; the face showed chrome, not course). On short screens the in-band header compresses to essentials: the meta line folds (the source-ladder pill keeps the tier honesty signal) and the big day numeral drops to inline scale. Tall monitors keep the full header. */ @media (max-height: 860px) { #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-hd-meta { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-dayblk .n { font: 700 15px/1 var(--dr-font-heading); } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-dayblk { flex-direction: row; align-items: baseline; gap: 6px; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-header { padding: 5px 14px 4px; } } /* Floating dictation bar (2026-07-12, live-measured overlap: the bar sat ON the composer textarea at 1280x720). Two causes, two fixes: 1. The rail-open horizontal shift (voice-layer.css) still applied while the takeover HIDES the rail — re-center on the actual viewport. 2. At short viewports the v2 grid's row minimums already exceed the viewport, so wherever the bar floats it covers working surfaces — the short-viewport block below reserves a real bottom strip and docks the bar into it. */ /* Desktop-only: the four explicit tracks below match the four-row desktop area map. Narrow mode has five intentional rows and its own scroll budget; applying this override there used to put Today’s Note on an `auto` row and Finalize on the legacy implicit 320px row. */ @media (min-width: 1181px) and (max-height: 860px) { /* Band share: the JS clamp floors the band at 280px, which is MORE than 34vh on short screens — cap the painted band and its grid row together so the working surfaces keep their share. */ /* Budget reality (live-measured at 1280x720): census chrome + takeover header leave the grid body just ~452px. ANY working-row floor overflows that and pushes the finalize bar (the safety surface) off screen. So on short screens the band slims to 20vh and the working row is FLOORLESS — the columns' own overflow scrolling absorbs the squeeze, and every surface (band, composer, note, finalize) stays on screen and uncovered. */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { max-height: 20vh; } #noteEvolutionTakeover[data-nev-v2] .nev-takeover-body { grid-template-rows: min(var(--nev2-band-h, 240px), 20vh) /* tapestry face */ auto /* legend / as-of strip */ minmax(0, 1fr) /* Update; note spans all */ auto; /* finalize bar */ } /* In-band chrome yields to RIBBONS — at 20vh the band has room for the day spine plus one or two lanes, so everything that is not ink or scrub folds away: toolbar (view toggles live comfortably on taller screens), section labels, and the quiet scaffold/readiness rows (the finalize bar and note column carry the same signals). */ #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv .nev-tap-toolbar, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-section, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-lane.tier-scaffold, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-fold[data-wv-pfold], /* The in-band header too: patient identity lives in the banner, the state chip in the takeover header, and the spine itself ends at D · NOW — the header row was pure void at this height. */ #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-header { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-day { padding: 2px 2px 3px; } } /* Dictation-bar placement is independent of the desktop/narrow grid map. Keep it centered on every short viewport; otherwise the legacy rail-open shift leaves half the control off-screen in the note-first narrow stack. */ /* Tall viewports (2026-08-11): the bar's global `bottom: 64px` parked it ON the finalize row — it painted over the "Review complete?" checklist and the finalize status text (measured x340-780 vs checklist x118-572 at 1920x1080). The takeover reserves an 80px bottom band (padding-bottom on the takeover root) precisely for this bar; drop it in there. */ @media (min-height: 861px) { body[data-takeover-active="true"] .voice-command-bar { bottom: 8px; } } @media (max-height: 860px) { body[data-takeover-active="true"] .voice-command-bar { left: 50%; transform: translateX(-50%); bottom: 6px; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host { justify-content: space-between; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host > :first-child { max-width: 30%; } } /* IDENTITY RAIL (2026-07-12) — ribbons never render without their names. The embedded scroller stamps --wv-scroll-x (rAF-synced, v2 face only); labels, the spine corner, section captions, and fold rows translate by it, visually pinned at the viewport edge while the ink scrolls beneath. At rest (wide screens, no scroll) the var is 0px and nothing moves. */ #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-label, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-corner, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-section, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-fold { transform: translateX(var(--wv-scroll-x, 0px)); position: relative; z-index: 3; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-label, #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-corner { background: var(--nev2-surface-2, #1E140E); box-shadow: 6px 0 8px -6px rgba(0, 0, 0, 0.65); } /* NEW SECTION retarget choice (deferred follow-up #1, 2026-07-12) — the unanchored tray's explicit "this is a new problem" option. Dashed NEW accent, visually distinct from lane radios: creating is not linking. */ #noteEvolutionTakeover[data-nev-v2] .nev-target-new-section { border: 1px dashed var(--dr-magenta, #C45AB3); color: var(--dr-magenta, #C45AB3); background: rgba(196, 90, 179, 0.06); } #noteEvolutionTakeover[data-nev-v2] .nev-target-new-section:hover { background: rgba(196, 90, 179, 0.14); } /* ROUND IN FLIGHT (2026-07-12, doctor feedback: "the faded propose button is too little"). While a propose round streams, the WORKSPACE says so: zero JS — every rule keys off the existing state chip via :has(). */ @keyframes nev2ProposeSweep { to { background-position: -200% 0; } } @keyframes nev2ChipPulse { 50% { box-shadow: 0 0 0 5px rgba(230, 154, 76, 0.22); } } /* 1. The Propose button works at FULL presence — animated amber sweep, never a faded ghost. */ #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) .nev-propose-amendments-btn { opacity: 1; color: var(--dr-void, #120C06); border-color: var(--dr-amber, #E69A4C); background: linear-gradient(90deg, var(--dr-amber, #E69A4C) 0%, #F2C88A 50%, var(--dr-amber, #E69A4C) 100%); background-size: 200% 100%; animation: nev2ProposeSweep 1.4s linear infinite; } /* 2. The note column announces the round across its full width. */ #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) #nevNoteDiffPanel::before { content: "COMPILING AMENDMENTS — weighing your update against the chart"; display: flex; align-items: center; padding: 9px 16px; font: 600 10.5px/1 var(--dr-font-mono); letter-spacing: 0.14em; color: var(--dr-amber, #E69A4C); border-bottom: 1px dashed rgba(230, 154, 76, 0.5); background: linear-gradient(90deg, transparent 0%, rgba(230, 154, 76, 0.12) 50%, transparent 100%); background-size: 200% 100%; animation: nev2ProposeSweep 1.6s linear infinite; } /* 3. The state chip stops whispering. */ #noteEvolutionTakeover[data-nev-v2] .nev-state-chip[data-nev-state="streaming"] { color: var(--dr-void, #120C06); background: var(--dr-amber, #E69A4C); font-weight: 700; animation: nev2ChipPulse 1.2s ease-in-out infinite; } /* 4. The composer visibly hands off while the round runs. */ #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) .nev-entry-composer { border-color: rgba(230, 154, 76, 0.45); } /* ============================================================================ 9. 2026-07-14 VISUAL POLISH PORT (13a → live 5a) — craft only. Source: .handoffs/visual-polish-2026-07-14/HANDOFF.md ("Polish system" + "Evolution Workspace port"). Every rule overrides by SOURCE ORDER at equal specificity, so nothing here may redeclare a property the narrow-viewport media queries above also set on the same selector (grid maps stay put). ========================================================================= */ /* --- 9.1 Hairline system: rgba(107,86,74,.22) row dividers, rgba(90,69,58,.4) structural zone borders. ------------------------- */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { border-bottom-color: rgba(90, 69, 58, 0.4); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="left"] { border-right-color: rgba(90, 69, 58, 0.4); border-bottom-color: rgba(90, 69, 58, 0.4); /* narrow stack divider */ } #noteEvolutionTakeover[data-nev-v2] .nev2-legend { border-bottom-color: rgba(90, 69, 58, 0.4); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host { border-top-color: rgba(90, 69, 58, 0.4); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-head, #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls { border-bottom-color: rgba(107, 86, 74, 0.22); } #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot { border-top-color: rgba(107, 86, 74, 0.22); } /* --- 9.2 Legibility floor: nothing meaning-bearing below 11px; secondary prose lifts from mocha #8B7355 to warm mid #B9A88F; primary prose toward crema #FFF7EE. Timestamps/ids may stay 9.5-10px mono. ------- */ #noteEvolutionTakeover[data-nev-v2] .nev2-legend, #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot, #noteEvolutionTakeover[data-nev-v2] .nev2-note-head, #noteEvolutionTakeover[data-nev-v2] .nev2-note-counts, #noteEvolutionTakeover[data-nev-v2] .nev2-ol-plan, #noteEvolutionTakeover[data-nev-v2] .nev2-ol-sub, #noteEvolutionTakeover[data-nev-v2] .nev2-tag, #noteEvolutionTakeover[data-nev-v2] .nev2-tray-head, #noteEvolutionTakeover[data-nev-v2] .nev2-was, #noteEvolutionTakeover[data-nev-v2] .nev2-no-prior, #noteEvolutionTakeover[data-nev-v2] .nev2-asof, #noteEvolutionTakeover[data-nev-v2] .nev-state-chip, #noteEvolutionTakeover[data-nev-v2] .nev-claim-partial-strip, #noteEvolutionTakeover[data-nev-v2] .nev2-partial { font-size: 11px; } #noteEvolutionTakeover[data-nev-v2] .nev2-pane-notice { font-size: 11.5px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-result { font-size: 12.5px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-head { font-size: 10px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-more { font-size: 10px; min-height: 32px; padding: 6px 8px; } #noteEvolutionTakeover[data-nev-v2] .nev2-entry-ref { font-size: 9.5px; } /* id — true metadata */ #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-hint { font-size: 10px; } #noteEvolutionTakeover[data-nev-v2] .nev-state-chip { padding: 4px 10px; border-radius: 11px; } #noteEvolutionTakeover[data-nev-v2] .nev-voice-strip::after { font-size: 10px; letter-spacing: 0.12em; } #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) #nevNoteDiffPanel::before { font-size: 11px; } /* journal entries read at 14px; entry status is meaning-bearing */ #noteEvolutionTakeover[data-nev-v2] .nev-entry-card .nev-entry-text { font-size: 14px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-status { font-size: 11px; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-time { font-size: 10px; } #noteEvolutionTakeover[data-nev-v2] .nev-routing-chip { font-size: 11px; } /* secondary prose color lift (mocha stays for decorative/metadata only) */ #noteEvolutionTakeover[data-nev-v2] .nev2-legend, #noteEvolutionTakeover[data-nev-v2] .nev2-note-head, #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot, #noteEvolutionTakeover[data-nev-v2] .nev2-ol-plan, #noteEvolutionTakeover[data-nev-v2] .nev2-was, #noteEvolutionTakeover[data-nev-v2] .nev2-no-prior, #noteEvolutionTakeover[data-nev-v2] .nev2-pane-notice[data-kind="empty"], #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row[data-loop-state="open"] .nev2-ol-result { color: #B9A88F; } /* --- 9.3 Diff cards (13a item 5) — one calm card per problem. Prior: 15px mocha strike + 3px scarlet left rule. Proposed: 15px crema + 3px teal (gold when high-risk) left rule. Card state = border tint; focal card = tinted gradient. ------------ */ #noteEvolutionTakeover[data-nev-v2] .nev2-section { border: 1px solid transparent; border-left-width: 3px; border-radius: 3px; padding: 9px 12px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] { border-color: rgba(230, 154, 76, 0.28); border-left-color: rgba(230, 154, 76, 0.75); background: linear-gradient(165deg, rgba(230, 154, 76, 0.07), rgba(230, 154, 76, 0.015)); } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"][data-high-risk] { border-color: rgba(218, 165, 32, 0.32); border-left-color: rgba(218, 165, 32, 0.75); background: linear-gradient(165deg, rgba(218, 165, 32, 0.07), rgba(218, 165, 32, 0.015)); } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted"], #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted-edit"] { border-color: rgba(76, 196, 180, 0.25); border-left-color: rgba(76, 196, 180, 0.7); } #noteEvolutionTakeover[data-nev-v2] .nev2-section.is-lit { border-left-color: var(--dr-amber, #E69A4C); box-shadow: 0 0 0 3px rgba(230, 154, 76, 0.26); /* focal accent ring */ } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] .nev-bn-old-line, #noteEvolutionTakeover[data-nev-v2] .nev2-prior { color: var(--dr-mocha, #8B7355); border-left: 3px solid rgba(196, 76, 76, 0.7); padding-left: 9px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"] .nev-bn-patch-line--projection, #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted"] .nev-bn-patch-line--projection, #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="accepted-edit"] .nev-bn-patch-line--projection { color: var(--dr-crema, #FFF7EE); border-left: 3px solid var(--dr-teal, #4CC4B4); padding-left: 9px; } #noteEvolutionTakeover[data-nev-v2] .nev2-section[data-state="proposed"][data-high-risk] .nev-bn-patch-line--projection { border-left-color: var(--dr-gold, #DAA520); } /* evidence/taxonomy chips: outlined, never filled; floor 11px */ #noteEvolutionTakeover[data-nev-v2] .nev-tax-chip, #noteEvolutionTakeover[data-nev-v2] .nev-evidence-state, #noteEvolutionTakeover[data-nev-v2] .nev-origin-badge { background: transparent; border: 1px solid; /* currentColor keeps the semantic hue */ border-radius: 2px; padding: 3px 7px; font-size: 11px; } /* --- 9.4 Hit targets: decision buttons >=40px, primary CTAs 42-44px. --- */ #noteEvolutionTakeover[data-nev-v2] .nev2-section .nev-bn-ab-row button, #noteEvolutionTakeover[data-nev-v2] .nev2-tray .nev-bn-ab-row button { min-height: 40px; font-size: 11px; padding: 0 14px; } #noteEvolutionTakeover[data-nev-v2] .nev2-note-controls button { min-height: 40px; font-size: 11px; padding: 0 12px; color: #B9A88F; } #noteEvolutionTakeover[data-nev-v2] .nev2-inline-edit-btns button, #noteEvolutionTakeover[data-nev-v2] .nev-entry-retry-btn, #noteEvolutionTakeover[data-nev-v2] .nev-target-new-section, #noteEvolutionTakeover[data-nev-v2] .nev-target-radio, #noteEvolutionTakeover[data-nev-v2] [data-mount="note-diff"] [role="alert"] button { min-height: 40px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2] .nev-target-picker-row { min-height: 40px; align-items: center; } #noteEvolutionTakeover[data-nev-v2] .nev-propose-amendments-btn, #noteEvolutionTakeover[data-nev-v2] .nev-add-entry-btn { min-height: 42px; font-size: 11.5px; } /* --- 9.5 Finalize bar (13a item 8): 44px primary; visibly-disabled keeps its label; blocked line is ONE dominant amber statement. ----------- */ #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host { min-height: 56px; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-cta-btn { min-height: 44px; font-size: 12px; padding: 0 22px; letter-spacing: 0.06em; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-cta-btn:disabled { opacity: 0.45; cursor: not-allowed; /* label retained — never a silent no-op */ } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-status { font-size: 12px; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"] .nev-finalize-status { color: var(--dr-amber, #E69A4C); /* amber = acts-on-you-now (was sienna) */ font-weight: 600; } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"]::before { background: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host .nev-jump-blocker-btn { min-height: 40px; font-size: 11px; padding: 0 14px; } /* --- 9.6 Docked blocker banner (13a item 3) — amber, top of review, 40px jump. Styled here so the moment the banner renders inside the v2 note column it lands dressed; today it paints in #nevReviewSummary. */ #noteEvolutionTakeover[data-nev-v2] .nev-blocker-banner { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border: 1px solid rgba(230, 154, 76, 0.5); border-left: 3px solid var(--dr-amber, #E69A4C); border-radius: 2px; background: rgba(230, 154, 76, 0.08); color: var(--dr-amber, #E69A4C); font: 600 12px/1.4 var(--dr-font-body); position: sticky; top: 0; z-index: 5; } #noteEvolutionTakeover[data-nev-v2] .nev-blocker-banner .nev-blocker-banner-jump { min-height: 40px; padding: 0 14px; font-size: 11px; border: 1px solid rgba(230, 154, 76, 0.55); background: transparent; color: var(--dr-amber, #E69A4C); border-radius: 2px; cursor: pointer; } /* --- 9.7 Zebra on stacked row lists (journal thread, open loops). Guards keep the amber spotlight/traceability washes untouched. ----- */ #noteEvolutionTakeover[data-nev-v2] .nev-entry-card:nth-child(even):not(.is-traceability-source):not(.is-fanin-spotlight):not(.is-unanchored) { background: rgba(255, 247, 238, 0.015); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row:nth-child(even):not(.is-lit) { background: rgba(255, 247, 238, 0.015); } /* --- 9.7b Unanchored journal entry (13a item 4). A still-pending update that anchored to no problem flags amber — the doctor routes or dismisses it here, never discovers it at Finalize. Hook is stamped presentation-only in LivingUpdateColumn._renderEntryCard; mirrors the .is-traceability-source wash pattern (§4), 3px left cap per the polish system's amber = acts-on-you-now discipline. ---------------- */ #noteEvolutionTakeover[data-nev-v2] .nev-entry-card[data-routing="unanchored"] { background: rgba(230, 154, 76, 0.06); box-shadow: inset 3px 0 0 var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev-entry-card[data-routing="unanchored"] .nev-entry-status { color: var(--dr-amber, #E69A4C); font-weight: 600; } #noteEvolutionTakeover[data-nev-v2] .nev-entry-card[data-routing="unanchored"] .nev-entry-meta, #noteEvolutionTakeover[data-nev-v2] .nev-entry-card[data-routing="unanchored"] .nev-entry-time { font-size: 11px; /* the flagged entry's meta line must be readable */ } /* --- 9.8 Wide-desk rebalance (F8 groundwork, 13a item 1). Course breathes on real monitors; the note NEVER drops below its reading floor. min-height guard keeps the short-viewport (<=860px) budget authority. NOTE: _nev2SyncBandHeight() caps --nev2-band-h at 420px in JS — the raised max-height below is groundwork until the lead raises that clamp for wide viewports. ----------------------------------------- */ @media (min-width: 1600px) and (min-height: 861px) { #noteEvolutionTakeover[data-nev-v2] .nev-takeover-body { grid-template-columns: clamp(360px, 27%, 560px) /* context rail gets real air */ minmax(640px, 1fr) /* note keeps the working plane */ var(--nev-evidence-drawer-width, 0fr) var(--nev-audit-drawer-width, 0fr); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { /* Kept in lockstep with the 30vh band-row cap above (2026-08-11): the old 40vh ceiling re-inflated the band on wide desks and re-starved the update composer below it. */ max-height: clamp(240px, 30vh, 460px); } } /* ============================================================================ 10. 2026-07-17 — GENERATING / PRESENTING / MAP-CUE / ENLARGE. Doctor feedback: "clinical updates have nearly zero visual cue when generating proposals and again when proposals are presented; no cue which problems the update maps to; tapestry can't be enlarged." ========================================================================= */ /* --- 10a. GENERATING (composer in-flight) — escalate beyond the faint border. The composer card itself breathes amber + the textarea recedes; both key off the existing state chip via :has() (zero JS state needed). */ @keyframes nev2ComposerGlow { 0%, 100% { box-shadow: 0 0 0 1px rgba(230,154,76,.55), 0 0 22px rgba(230,154,76,.10); } 50% { box-shadow: 0 0 0 1px rgba(230,154,76,.95), 0 0 34px rgba(230,154,76,.24); } } #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) .nev-living-update { animation: nev2ComposerGlow 1.5s ease-in-out infinite; border-color: rgba(230,154,76,.85); } #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) .nev-entry-composer .nev-entry-textarea, #noteEvolutionTakeover[data-nev-v2]:has(.nev-state-chip[data-nev-state="streaming"]) .nev-entry-textarea { border-color: rgba(230,154,76,.7); background: repeating-linear-gradient(115deg, rgba(230,154,76,.07) 0 14px, rgba(230,154,76,.02) 14px 28px); } /* Composer status line ("compiling…") injected by JS next to the actions. */ #noteEvolutionTakeover[data-nev-v2] .nev2-composer-status { display: inline-flex; align-items: center; gap: 8px; font: 600 11px/1 var(--dr-font-mono); letter-spacing: .1em; color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-composer-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dr-amber, #E69A4C); animation: nev2DotPulse 1.1s ease-in-out infinite; } /* --- 10b. PRESENTING (proposals arrive) — sections cascade in with a rise + settle; the FIRST review render after streaming gets a count banner. .is-arriving is stamped by JS only on the streaming→review transition. */ @keyframes nev2SectionIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } #noteEvolutionTakeover[data-nev-v2] .nev2-note-scroll.is-arriving .nev2-section[data-state="proposed"] { animation: nev2SectionIn .38s cubic-bezier(.2,.7,.3,1) both; animation-delay: calc(var(--i, 0) * 55ms); } #noteEvolutionTakeover[data-nev-v2] .nev2-present-banner { display: flex; align-items: center; gap: 10px; padding: 8px 16px; font: 600 11px/1.3 var(--dr-font-mono); letter-spacing: .1em; color: var(--dr-amber, #E69A4C); border-bottom: 1px solid rgba(230,154,76,.4); background: linear-gradient(90deg, rgba(230,154,76,.14), rgba(230,154,76,.02)); } /* Language-contract review banner (degrade-not-annihilate, 2026-07-20). Unprefixed on purpose: review cards render both inside the v2 takeover and the workspace panel. Previously unstyled — the role=alert banner rendered as bare inline text with default yellow. */ .nev-lang-contract-banner { display: block; margin: 6px 0 8px; padding: 7px 12px; font: 500 12px/1.45 var(--dr-font-body, inherit); color: var(--dr-amber, #E69A4C); border: 1px solid rgba(230,154,76,.45); border-left: 3px solid var(--dr-amber, #E69A4C); border-radius: 4px; background: linear-gradient(90deg, rgba(230,154,76,.12), rgba(230,154,76,.03)); } .nev-lang-contract-banner .nev-lang-phrase { background: rgba(230,154,76,.22); color: inherit; padding: 0 4px; border-radius: 3px; font-family: var(--dr-font-mono, monospace); font-size: 11px; } /* Jev card check (2026-09-27): the card says more than the doctor did. Unprefixed for the same reason as the banner above. */ .nev-jev-chip { display: inline-block; margin-left: 6px; padding: 1px 8px; font: 600 11px/1.5 var(--dr-font-body, inherit); color: var(--dr-amber, #E69A4C); border: 1px solid rgba(230,154,76,.55); border-radius: 999px; background: rgba(230,154,76,.10); cursor: help; } /* --- 10c. MAP-CUE — the current update's mapped problems light up on BOTH the tapestry lanes and the note sections. .is-mapped stamped by JS. */ @keyframes nev2LanePulse { 0%, 100% { box-shadow: inset 3px 0 0 rgba(230,154,76,.9), 0 0 0 0 rgba(230,154,76,.0); } 50% { box-shadow: inset 3px 0 0 rgba(230,154,76,.9), 0 0 14px 2px rgba(230,154,76,.28); } } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-lane.is-mapped { background: rgba(230,154,76,.10); animation: nev2LanePulse 1.6s ease-in-out infinite; } #noteEvolutionTakeover[data-nev-v2] .nev-tap-wv-lane.is-mapped .nev-tap-wv-label .nm { color: var(--dr-amber, #E69A4C); font-weight: 600; } #noteEvolutionTakeover[data-nev-v2] .nev2-section.is-mapped { box-shadow: 0 0 0 2px rgba(230,154,76,.5); } /* --- 10d. ENLARGE tapestry — expand affordance on the middle column + a lightbox overlay that re-mounts the same weave at full geometry. */ #noteEvolutionTakeover[data-nev-v2] .nev2-tap-expand-btn { position: absolute; top: 8px; right: 10px; z-index: 6; min-height: 28px; padding: 0 10px; font: 600 10px/1 var(--dr-font-mono); letter-spacing: .08em; color: var(--dr-mocha, #8B7355); background: rgba(13,8,5,.72); border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; cursor: pointer; opacity: 0; transition: opacity .16s ease-out, color .16s, border-color .16s; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"]:hover .nev2-tap-expand-btn, #noteEvolutionTakeover[data-nev-v2] .nev2-tap-expand-btn:focus-visible { opacity: 1; color: var(--dr-amber, #E69A4C); border-color: rgba(230,154,76,.6); } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] { position: relative; } @keyframes nev2OverlayIn { from { opacity: 0; } to { opacity: 1; } } @keyframes nev2OverlayCardIn { from { opacity: 0; transform: scale(.96) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; background: rgba(8,5,3,.82); backdrop-filter: blur(2px); animation: nev2OverlayIn .18s ease-out both; } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-card { width: min(96vw, 1800px); max-height: 92vh; display: flex; flex-direction: column; background: var(--nev2-surface-2, #1E140E); border: 1px solid var(--dr-crater, #5A453A); border-radius: 4px; box-shadow: 0 30px 80px -20px rgba(0,0,0,.9); animation: nev2OverlayCardIn .22s cubic-bezier(.2,.7,.3,1) both; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-head { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--dr-crater, #5A453A); font: 600 11px/1 var(--dr-font-mono); letter-spacing: .1em; color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-close { margin-left: auto; min-height: 32px; padding: 0 14px; font: 600 11px/1 var(--dr-font-mono); color: var(--dr-bone, #EBE1D7); background: transparent; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-close:hover { color: var(--dr-amber, #E69A4C); border-color: rgba(230,154,76,.6); } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-body { overflow: auto; min-height: 0; flex: 1 1 auto; } /* The overlay weave reads at full geometry, not the compact band budget. */ #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-body .nev-tap-wv { --wv-label-w: 300px; --wv-now-w: 160px; } #noteEvolutionTakeover[data-nev-v2] .nev2-tap-overlay-body .nev-tap-wv-lane { min-height: 44px; } /* ══ Section 11 — Live-round ghost strip (WS-C3 2026-07-18) ══════════ Non-canonical pending tiles streamed during a propose round. Torn down in proposeAmendments' finally on every exit path; the canonical review queue below is untouched until the diff_complete replay. */ .nev2-ghost-strip { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; padding: 8px; border: 1px dashed rgba(139, 115, 85, .45); border-radius: 6px; background: rgba(139, 115, 85, .07); } .nev2-ghost-strip:empty { display: none; } .nev2-ghost-row { display: flex; align-items: center; gap: 8px; font: 11px/1.5 var(--wv-mono, ui-monospace, monospace); color: var(--dr-fg-muted, #A89680); } .nev2-ghost-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--dr-brass, #BFA162); flex: none; } .nev2-ghost-row.is-working .nev2-ghost-dot { animation: nev2-ghost-pulse 1.1s ease-in-out infinite; } .nev2-ghost-row.is-arrived .nev2-ghost-dot { background: var(--dr-teal, #4FA8A0); } .nev2-ghost-row.is-skipped .nev2-ghost-dot { background: rgba(139, 115, 85, .5); } .nev2-ghost-title { color: var(--dr-fg-body, #D8CCBA); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nev2-ghost-state { margin-left: auto; flex: none; text-transform: uppercase; letter-spacing: .05em; font-size: 9px; } .nev2-ghost-row.is-arrived .nev2-ghost-state { color: var(--dr-teal, #4FA8A0); } @keyframes nev2-ghost-pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .nev2-ghost-row.is-working .nev2-ghost-dot { animation: none; } } /* B2 pre-propose route map (2026-07-18) */ .nev-route-map { min-height: 0; font: 10px/1.5 var(--wv-mono, ui-monospace, monospace); color: var(--dr-fg-muted, #A89680); } .nev-route-map:empty { display: none; } .nev-route-map .nev-route-count { color: var(--dr-fg-body, #D8CCBA); } .nev-route-map .nev-route-unanchored { color: var(--dr-amber, #C9A227); border-bottom: 1px dotted currentColor; cursor: help; } /* Track 4 (2026-07-23): semantic verdict — genuinely-new problems. Calm (not an alarm): these are understood, they simply have no A&P block yet. */ .nev-route-map .nev-route-new { color: var(--dr-teal, #5F9B8C); border-bottom: 1px dotted currentColor; cursor: help; } /* ── Illuminated Loom cohesion: the note pane is the scribe's desk from the same workshop (2026-07-23, Fable art direction). Cohesion via serif-headings, gilt seams, and elevation — NEVER texture on reading surfaces. Token-driven, both roast themes. ─────────────────────────────────────────────────────── */ #noteEvolutionTakeover { --nev-serif: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; } /* Headings only join the serif family; body/clinical prose stays the reading face. */ #noteEvolutionTakeover[data-nev-v2] .nev2-section-title { font-family: var(--nev-serif); font-weight: 700; } /* P0-3 REAL BUG: the blocker banner is position:sticky with an 8%-alpha bg, so scrolled card text bled through. Back it with the opaque note surface. */ #noteEvolutionTakeover[data-nev-v2] .nev-blocker-banner { background: linear-gradient(90deg, color-mix(in srgb, var(--dr-amber) 13%, transparent), color-mix(in srgb, var(--dr-amber) 4%, transparent)), var(--nev2-surface-1, var(--dr-obsidian, #160E08)); box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--dr-amber) 30%, transparent); border-radius: 3px; } /* The PRIOR NOTE -> TODAY masthead closes with the Loom's brass echo. */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-head { box-shadow: 0 2px 0 color-mix(in srgb, var(--dr-brass) 28%, transparent); } /* The fixed contract sentence becomes a colophon (serif-italic, like the epigraph). */ #noteEvolutionTakeover[data-nev-v2] .nev2-note-foot { font: italic 500 11.5px/1.5 var(--nev-serif); } /* ============================================================================ 12. 2026-08-11 HUMAN-USE FINE-TUNE (owner directive). Live-audited on a real D1 chart at 1920x1080 / 1440x900 / 1366x768. ========================================================================= */ /* --- 12a. Embedded lane identity: diagnoses wrap to two lines instead of dying at ~20 chars ("Acute Gallstone Pancreatitis wi…"). Scoped to the takeover band; the passive Census surface keeps its wide single line. */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-label .nm .nev-tap-lane-nm { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: left; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-lane .nm .nev-tap-lane-nm, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-lane.tier-cc .nm .nev-tap-lane-nm, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-lane.tier-hi .nm .nev-tap-lane-nm { /* 16px single-line becomes 13px double-line: more diagnosis, same lane. */ font: 600 13px/1.3 var(--wv-sans); } /* --- 12b. Mid-desk identity rails: the 240/120 rails alone consume the whole ~386px band at a 1440 viewport — the NOW column clipped mid-glyph with zero day track visible. Narrow both rails on mid desks; ≤1180px keeps its own adaptive-axis budget (media block above). */ @media (min-width: 1181px) and (max-width: 1599px) { #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv { --wv-label-w: 180px; --wv-now-w: 104px; } } /* --- 12c. Band vertical density: with the band capped at 30vh every chrome row costs a lane. Spine headers stop reserving two text lines, day cells tighten, and the collapsed key-&-shortcuts fold drops its 40px hit floor (it is reference chrome, not a primary control). */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-corner, #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-nowhd { padding: 3px 12px 4px; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-day { padding: 3px 2px 4px; gap: 1px; } #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-wv-fold { min-height: 26px; padding: 4px 14px; } /* Inline reference drawer inside the 30vh band: tighter cap than the passive surface so the lane list keeps some presence while open. (Width comes from _mountEvidenceDrawer's inline scrollport measure — sticky-left pinning + rationale in episode-tapestry.css.) */ #noteEvolutionTakeover[data-nev-v2] .nev-column[data-column="middle"] .nev-tap-ev-drawer { max-height: min(220px, 22vh); } /* --- 12d. Finalize gated-not-broken: the blocked CTA was a 45%-opacity mocha ghost indistinguishable from a dead control. Amber dashed = "there is a gate", pairing with the amber status line that names the reason. The ready state (teal, solid) is untouched. */ #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"] .nev-finalize-cta-btn, #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"] .nev-finalize-cta-btn:disabled { opacity: 1; border: 1px dashed rgba(230, 154, 76, 0.6); color: rgba(230, 154, 76, 0.8); background: rgba(230, 154, 76, 0.05); } #noteEvolutionTakeover[data-nev-v2] .nev-finalize-host[data-state="blocked"] .nev-finalize-cta-btn::before { content: "⊘ "; font-weight: 400; } /* --- 12e. Blocker banner lint disclosure (paired with _blockerBannerHtml's toggle + list). Unscoped below the banner class so the legacy review-summary banner renders identically. */ #noteEvolutionTakeover[data-nev-v2] .nev-blocker-banner { flex-wrap: wrap; } .nev-blocker-banner .nev-blocker-lint-toggle { min-height: 32px; padding: 0 12px; font: 600 11px/1 var(--dr-font-mono, monospace); border: 1px solid rgba(230, 154, 76, 0.55); background: transparent; color: var(--dr-amber, #E69A4C); border-radius: 2px; cursor: pointer; } .nev-blocker-banner .nev-blocker-lint-toggle:hover { border-color: var(--dr-amber, #E69A4C); color: var(--dr-crema, #FFF7EE); } .nev-blocker-banner .nev-blocker-lint-list { flex-basis: 100%; margin: 6px 0 0; padding: 0 0 0 18px; font: 400 11.5px/1.5 var(--dr-font-body, sans-serif); color: var(--dr-bone, #EBE1D7); } .nev-blocker-banner .nev-blocker-lint-list li { margin: 2px 0; } .nev-blocker-banner .nev-blocker-lint-list .lint-title { color: var(--dr-amber, #E69A4C); font-weight: 600; } /* ============================================================================ 13. WIDE DESK (2026-09-04, ENABLE_NE_WIDE_DESK) — every rule below is scoped under [data-nev-wide], which the takeover stamps on its root only when window.__ENABLE_NE_WIDE_DESK === true. Flag OFF: this block is inert and the cascade above is byte-identical. Density presets arrive as three root vars set by the takeover (Desk/Wide/Wall): --nev2-sheet-min 560px / 480px / 420px (sheet tile floor) --nev2-band-vh 30vh / 36vh / 42vh (tapestry band ceiling) --nev2-body-size 15px / 14.5px / 14px (note body type) The band grip sets --nev2-band-h directly through _nev2SyncBandHeight. Pinned rules elsewhere in this sheet are never edited here. ========================================================================= */ /* Cap removal: the desk spreads to the whole workspace column. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide] { max-width: none; } /* Band ceiling follows the density preset instead of the fixed 30vh. Both caps move together — the grid row AND the middle column's max-height — or a taller row just adds dead space under a clamped column. Desktop four-row map only (>=1181px wide, >860px tall): narrow and short viewports keep their own scroll budgets. */ @media (min-width: 1181px) and (min-height: 861px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev-takeover-body { grid-template-rows: min(var(--nev2-band-h, 240px), var(--nev2-band-vh, 30vh)) auto minmax(0, 1fr) auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev-column[data-column="middle"] { max-height: var(--nev2-band-vh, 30vh); } } /* Sheet tiling floor + body type follow the preset. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-note-scroll { grid-template-columns: repeat(auto-fill, minmax(var(--nev2-sheet-min, 560px), 1fr)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-section .nev-bn-patch-line--projection, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-prior { font-size: var(--nev2-body-size, 15px); } /* Sheet focus: a clicked title takes the full desk row. A `span 2` would mint an implicit column (horizontal overflow) on any desk where auto-fill yields one column (1600–~1780 px at the Desk preset), so full-row only. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-note-scroll > .nev2-section.is-focus { grid-column: 1 / -1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-section-title { cursor: pointer; } /* Band grip: the band/legend boundary. A thin full-width bar that reads as a handle only on hover, so the legend row stays quiet. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-band-grip { flex: 1 0 100%; order: -1; height: 6px; margin: -6px 0 2px; padding: 0; border: 0; border-radius: 3px; background: transparent; cursor: row-resize; touch-action: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-band-grip:hover, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-band-grip:active { background: var(--dr-crater, #5A453A); } /* Desk strip: presets · band reset · problem chips (adjacent-problem context — the owner zooms out to see the neighbours). Own row, so the version strip's replaceChildren never touches it. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-strip { display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; padding: 5px 12px; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-strip[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-presets { display: inline-flex; gap: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-preset, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-band-reset, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chip { background: transparent; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; color: var(--dr-mocha, #8B7355); font: 500 9.5px/1 var(--dr-font-mono); letter-spacing: 0.04em; padding: 4px 8px; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-preset + .nev2-desk-preset { border-left: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-preset:hover, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-band-reset:hover, #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chip:hover { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-preset[aria-pressed="true"] { color: var(--dr-brass, #BFA162); border-color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chip { max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chip[data-pending]:not([data-pending="0"]) { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, 0.55); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide] .nev2-desk-chip-count { margin-left: 5px; padding: 0 4px; border-radius: 8px; background: rgba(230, 154, 76, 0.18); font-weight: 700; } /* Wide desk (owner 2026-09-04): the docked chart rail rests at 72px (the pre-09-01 room-chip strip) while the takeover is wide; hover / pin still widen it to 272px — :not() keeps this rule below the chart-shell hover and pin rules in the cascade. Keyed on the body because .cx2rail is a sibling of the takeover's column, not a descendant. */ body[data-nev-wide-desk="on"] .sol-main-layout.census-app-active:not(.census-page) > .cx2rail:not(:hover):not(.is-pinned) { width: 72px; } /* ============================================================================ 14. NOTE-FIRST DESK — the note and its source thread share one working plane. The opt-in host keeps the existing wide-desk layout intact when disabled. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-takeover-body { grid-template-columns: clamp(360px, 27%, 650px) minmax(0, 1fr) var(--nev-evidence-drawer-width, 0fr) var(--nev-audit-drawer-width, 0fr); grid-template-rows: 132px minmax(0, 1fr) auto; grid-template-areas: "strip strip evidence audit" "left right evidence audit" "finalize finalize evidence audit"; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-takeover-body[data-story-open="1"] { grid-template-rows: clamp(200px, 22vh, 360px) minmax(0, 1fr) auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-column[data-column="middle"] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] > .nev-takeover-body > .nev2-story { grid-area: strip; } @media (min-height: 1400px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-takeover-body { grid-template-rows: 170px minmax(0, 1fr) auto; } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is( .nev-column[data-column="middle"] > .nev-column-header, [data-mount="longitudinal"], .nev2-legend, .nev2-band-grip, .nev2-desk-presets, .nev2-desk-band-reset, .nev2-desk-chip[data-pending="0"], .nev-full-note-problem-return) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story { display: flex; flex-direction: column; min-height: 0; height: 100%; background: var(--dr-void, #120C06); border-bottom: 1px solid var(--dr-crater, #5A453A); color: var(--dr-bone, #EBE1D7); font: 11px/1.3 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-head { display: flex; align-items: center; gap: 12px; flex: 0 0 28px; padding: 0 12px; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-title { color: var(--dr-brass, #BFA162); letter-spacing: .08em; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-coverage { color: var(--dr-crema, #FFF7EE); margin-right: auto; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-scroll { overflow: auto; min-height: 0; flex: 1 1 auto; scrollbar-width: thin; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table { border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table th { padding: 0; text-align: left; font-weight: 500; background: var(--dr-void, #120C06); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table thead th { position: sticky; top: 0; z-index: 2; height: 20px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table th:first-child { width: 245px; position: sticky; left: 0; z-index: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table thead th:first-child { z-index: 3; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev2-story-day, .nev2-story-toggle, .nev2-story-lane-button, .nev2-story-cell-btn) { border: 0; color: inherit; background: transparent; cursor: pointer; font: inherit; text-align: left; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-toggle { color: var(--dr-harvest, #D4A040); padding: 3px 8px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 3px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-day { padding: 3px 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-lane-button { display: flex; align-items: center; gap: 6px; width: 100%; padding: 2px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-lane-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-cell { padding: 0; vertical-align: top; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-cell-btn { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 100%; height: 6px; min-height: 0; padding: 1px 0 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-glyph { display: block; flex: 0 0 4px; height: 4px; background: var(--dr-brass, #BFA162); color: var(--dr-bone, #EBE1D7); font-size: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-state="none"] .nev2-story-glyph { background: transparent; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-state="worsening"] .nev2-story-glyph { background: var(--dr-magenta, #C25F90); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-state="improving"] .nev2-story-glyph { background: var(--dr-olive, #879A39); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-state="resolved"] .nev2-story-glyph { background: var(--dr-crater, #5A453A); } /* Slice 1 (2026-09-04): a carried day is not a dated event, so it draws nothing regardless of state; placed after the state colours because they share specificity. Onset/changed markers below still paint the bone edges. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-carried="true"] .nev2-story-glyph { background: transparent; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-onset="1"] .nev2-story-glyph { border-left: 3px solid var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-changed="1"] .nev2-story-glyph { box-shadow: inset 0 -2px var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-cell:not([data-pending="0"]) .nev2-story-glyph { outline: 1px dashed var(--dr-harvest, #D4A040); outline-offset: -1px; } /* Closed course is an overview; focusing any run names its problem and day in the heading. The expanded view restores full-size labels and hit targets. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-table tbody th { height: 6px; line-height: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-table th:first-child { width: 28px; } /* Owner walk 2026-09-04: the CLOSED strip is a row of ticks where a physician acted or the state turned; daily metrics and import stamps fill their cells only in the open board. Continuous bars read as "a million yellow lines". */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-cell:not([data-authored="1"]):not([data-changed="1"]):not([data-onset="1"]) .nev2-story-glyph { background: transparent; } /* An authored cell paints even when the lane's episode does not cover that day (state "none"): a D4 plan on a lane whose episode starts D9 is the story. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-cell[data-authored="1"] .nev2-story-glyph { background: var(--dr-brass, #b89f83); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-corner { font-size: 0; } /* 2026-09-05 (owner, verified against the live browser): the closed strip's markers stretched to the full day column (~447px at 3040 wide) because the cell button is a column flex with align-items: stretch — so one D4 plan was a 447px stripe, and "a row of ticks" was still a row of lines. A tick is a short mark at the day's left edge; the open board keeps full-width bars because its cells carry labels. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-cell-btn { align-items: flex-start; padding-left: 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-glyph { width: 14px; flex: 0 0 4px; border-radius: 1px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] [data-changed="1"] .nev2-story-glyph { width: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-cell:not([data-pending="0"]) .nev2-story-glyph { width: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-lane-button { position: relative; padding: 0; height: 6px; min-height: 0; line-height: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-lane-button > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-fact { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="1"] .nev2-story-table { min-width: 900px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="1"] .nev2-story-fact { display: block; padding: 4px 7px; font: 12px/1.4 var(--dr-font-body); overflow-wrap: anywhere; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="1"] .nev2-story-cell-btn { min-height: 44px; height: auto; padding-top: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="1"] .nev2-story-lane-button { min-height: 44px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-row.is-thread { background: var(--dr-espresso, #2A1C13); } /* Slice 1: story-only lanes (not in today's note) sit under one group row; closed strip shows the divider only, open strip shows the label. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-group-label { padding: 0 10px; border-top: 1px solid var(--dr-crater, #5A453A); font: 10px/1.6 var(--dr-font-mono); color: var(--dr-brass, #BFA162); white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="0"] .nev2-story-group-label { font-size: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-only-glyph { color: var(--dr-bone, #EBE1D7); flex: 0 0 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-row--story-only .nev2-story-lane-title { color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-column[data-column="left"] .nev-column-body { background: var(--dr-obsidian, #160E08); border-right: 1px solid var(--dr-crater, #5A453A); padding: 8px 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-living-update { gap: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-thread { gap: 3px; /* Long dictation scrolls within the composer before hiding the last sources. */ flex: 1 0 100px; min-height: 100px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-day { font: 10px/1.5 var(--dr-font-mono); color: var(--dr-brass, #BFA162); padding: 5px 0 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-card { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: 2px 8px; flex: 0 0 auto; padding: 5px 7px; border: 0; border-left: 2px solid var(--dr-crater, #5A453A); border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); background: var(--dr-dark-cacao, #1E140E); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-meta { grid-column: 1; grid-row: 1 / span 2; align-content: start; align-items: flex-start; flex-wrap: wrap; gap: 2px 5px; font: 10px/1.2 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-meta .nev-entry-status { margin: 0; font: 9px/1.2 var(--dr-font-mono); letter-spacing: normal; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-text { grid-column: 2; font: 14px/1.4 var(--dr-font-body); overflow-wrap: anywhere; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-entry-routing, .nev-entry-fanout, .nev-entry-scribe-ask) { grid-column: 2 / -1; margin: 0; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-entry-routing, .nev-entry-fanout):empty { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-scribe-actions { grid-column: 3; grid-row: 1; align-self: start; line-height: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-data-toggle { grid-column: 2 / -1; display: flex; align-items: center; gap: 6px; min-width: 0; padding: 0; background: transparent; color: var(--dr-crema, #FFF7EE); font: 11px/1.4 var(--dr-font-mono); border: 0; text-align: left; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-data-preview { display: block; grid-column: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--dr-crema, #FFF7EE); font: 12px/1.4 var(--dr-font-body); min-width: 0; flex: 1 1 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-data-summary { flex: 0 0 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-card[data-kind="data"][data-expanded="0"] :is(.nev-entry-text, .nev-entry-routing, .nev-entry-scribe-actions) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-card[data-kind="data"][data-expanded="1"] .nev-entry-data-preview { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-composer { gap: 5px; flex: 0 1 auto; min-height: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-textarea { flex: 1 1 auto; field-sizing: content; min-height: calc(8 * 1.45em + 20px); max-height: 32vh; padding: 9px 11px; resize: vertical; font: 15px/1.45 var(--dr-font-body); color: var(--dr-bone, #EBE1D7); background: var(--dr-void, #120C06); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-route-map, .nev-voice-ghost):empty { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-scroll { display: block; padding: 10px 18px 24px; background: var(--dr-dark-cacao, #1E140E); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-scroll > .nev2-section { margin: 0 0 8px; background: var(--dr-espresso, #2A1C13); border: var(--dr-elevation-raised-border, 1px solid rgba(255,255,255,.06)); box-shadow: var(--dr-elevation-raised-shadow, 0 2px 8px rgba(0,0,0,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section-body { min-width: 0; padding: 0 12px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-problem-band-note-projection { max-width: 100ch; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section[data-collapsed="1"] { padding-block: 3px; background: transparent; border: 0; border-bottom: 1px solid var(--dr-crater, #5A453A); box-shadow: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section[data-collapsed="1"] .nev2-section-body { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section-excerpt { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section[data-collapsed="1"] .nev2-section-excerpt { display: inline; margin-left: 0.75ch; font-family: var(--dr-font-body, inherit); font-size: 0.9em; font-weight: 400; color: var(--dr-cream-muted, #b89f83); opacity: 0.75; } /* Slice 1: resolved footer — one collapsed line per resolved-tier lane below the A&P (owner: "resolved can stay below"); a line with a base-note block is a toggle that reveals the cloned block, one without is text only. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-footer { margin: 12px 0 0; padding: 6px 0 0; border-top: 1px solid var(--dr-crater, #5A453A); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-heading { margin: 0 0 4px; font: 11px/1.5 var(--dr-font-mono); color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-line { padding: 3px 0; border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); color: var(--dr-bone, #EBE1D7); opacity: .82; font: 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-toggle { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-body[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-line[data-expanded="1"] { opacity: 1; padding-bottom: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-resolved-line[data-expanded="1"] .nev2-resolved-toggle { color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section-title-row { flex-wrap: wrap; gap: 6px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-entry-address, .nev2-section-origin, .nev2-patch-source) { border: 1px solid var(--dr-crater, #5A453A); background: transparent; color: var(--dr-harvest, #D4A040); padding: 3px 6px; border-radius: 3px; font: 11px/1.3 var(--dr-font-mono); cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-address-token { color: var(--dr-brass, #BFA162); font: 10px/1.2 var(--dr-font-mono); flex: 0 0 auto; border: 0; padding: 0; background: transparent; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-preview { border-left: 3px solid var(--dr-harvest, #D4A040); padding: 8px 12px; margin: 8px 0; background: var(--dr-dark-cacao, #1E140E); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-summary { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--dr-harvest, #D4A040); font: 12px/1.4 var(--dr-font-mono); margin-bottom: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-summary > span { color: var(--dr-crema, #FFF7EE); font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-line { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 8px; margin: 4px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-line-label { font: 10px/1.6 var(--dr-font-mono); color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-line[data-kind="added"] .nev2-patch-line-label { color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev2-patch-preview pre, .nev2-patch-context pre) { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; color: var(--dr-bone, #EBE1D7); font: 15px/1.5 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-line[data-kind="removed"] pre { color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-context { margin-top: 8px; color: var(--dr-crema, #FFF7EE); font: 11px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-context summary { cursor: pointer; padding: 4px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-context[open] > div { margin-top: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-patch-sources { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-bhc-paragraph { font: 15px/1.6 var(--dr-font-body); white-space: pre-wrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-bhc-provenance { color: var(--dr-brass, #BFA162); font: 9px/1 var(--dr-font-mono); vertical-align: super; margin-right: 4px; user-select: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(button, summary):focus-visible { outline: 2px solid var(--dr-teal, #4CC4B4); outline-offset: 2px; } @media (max-width: 1180px), (max-height: 950px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-takeover-body { display: flex; flex-direction: column; overflow: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story { flex: 0 0 132px; order: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] [data-story-open="1"] .nev2-story { flex-basis: clamp(200px, 22vh, 360px); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] #nevNoteDiffPanel { flex: 0 0 62vh; order: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-column[data-column="left"] { flex: 0 0 72vh; order: 2; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-host { flex: 0 0 auto; order: 3; flex-wrap: wrap; align-items: flex-start; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-host > :first-child { max-width: 100%; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-checklist { flex: 1 0 100%; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-status { flex: 1 0 100%; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-bar-cta { justify-content: flex-start; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-story-table th:first-child { width: 170px; } } /* Census still uses the terminal bridge: retain canonical fallback colours while the scoped Dark Roast token sheet is inactive on that body. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-views { display: flex; flex: 0 0 auto; gap: 4px; padding: 5px 12px; background: var(--dr-obsidian, #160E08); border-bottom: 1px solid var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev2-note-views button, .nev-entry-scribe-actions button) { border: 1px solid var(--dr-crater, #5A453A); padding: 4px 8px; border-radius: 3px; color: var(--dr-brass, #BFA162); background: transparent; font: 11px/1.3 var(--dr-font-mono); cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-views button[aria-pressed="true"] { color: var(--dr-bone, #EBE1D7); border-color: var(--dr-harvest, #D4A040); background: var(--dr-espresso, #2A1C13); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-complete-note { max-width: 100ch; margin: 0 auto; padding: 18px 24px; color: var(--dr-bone, #EBE1D7); background: var(--dr-espresso, #2A1C13); font: 15px/1.6 var(--dr-font-body); white-space: pre-wrap; overflow-wrap: anywhere; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-assembly-error { padding: 12px; border-left: 3px solid var(--dr-magenta, #C25F90); color: var(--dr-bone, #EBE1D7); font: 14px/1.5 var(--dr-font-body); } /* Audit 2026-09-05 #5/#6: the expanded card repeated the problem heading; the collapsed excerpt joined blocks without spaces (fixed in JS); import disclosures were ~17px, address buttons 12px, status text 9px. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-section-body .nev-bn-problem-title { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-meta .nev-entry-status { font: 11px/1.3 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-meta { font: 11px/1.3 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-entry-address, .nev2-section-origin, .nev2-patch-source) { min-height: 24px; padding: 4px 8px; font: 12px/1.3 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-data-toggle { min-height: 24px; font-size: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-bhc-unsupported { background: transparent; color: inherit; border-bottom: 2px dotted var(--dr-harvest, #D4A040); } /* The three input variants share a bounded composer at desktop and phone widths. */ .nev-entry-composer[data-interaction] .nev-entry-actions { flex-wrap: wrap; align-items: center; } .nev-entry-composer[data-interaction] .nev-scribe-toggle { display: flex; align-items: center; gap: 6px; max-width: 100%; color: var(--dr-latte, #C4AE96); font: 12px/1.4 var(--dr-font-mono); } .nev-entry-composer[data-interaction] select { min-width: 0; max-width: 100%; padding: 5px 6px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 3px; background: var(--dr-espresso, #2A1C13); color: var(--dr-bone, #EBE1D7); font: inherit; } .nev-entry-composer[data-interaction] .nev-voice-ghost.is-active { max-height: 8em; overflow: auto; white-space: pre-wrap; text-overflow: clip; } /* TALK MODE (2026-09-27, ENABLE_NE_TALK_MODE). The words being spoken are the surface, so they take the ink and size of typed text. The v2 ghost was cream italic at 10px on a cream ground, unreadable on the owner's 2400px desk. */ #noteEvolutionTakeover[data-nev-v2] .nev-entry-composer[data-interaction="talk"] .nev-voice-ghost.is-active { max-height: 12em; padding: 8px 10px; border-left: 2px solid var(--dr-amber, #E69A4C); color: var(--dr-bone, #EBE1D7); font: 400 15px/1.55 var(--dr-font-body); } .nev-talk:empty { display: none; } .nev-talk-line { padding: 4px 10px; color: var(--dr-mocha, #8B7355); font: 400 11px/1.4 var(--dr-font-mono); } .nev-talk-held { display: flex; align-items: baseline; gap: 8px; padding: 4px 10px; color: var(--dr-mocha, #8B7355); font: 400 13px/1.4 var(--dr-font-body); } .nev-talk-held span { text-decoration: line-through; } .nev-talk-held button { padding: 2px 8px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; background: transparent; color: inherit; font: 600 10px/1.4 var(--dr-font-mono); cursor: pointer; } .nev2-decision-detail > summary { width: fit-content; margin: 6px 0; color: var(--dr-brass, #BFA162); font: 12px/1.4 var(--dr-font-mono); cursor: pointer; } /* ============================================================================ 15. REVIEW STRIPS (2026-09-06, ENABLE_NE_REVIEW_STRIPS) — the owner's flight-strip rewrite block ON the companion card. One rendering of the text: every line of the new wording in place, changed/added lines barred (harvest while proposed, teal once accepted), yesterday's lines folded under "show replaced". Scoped one attribute deeper than §14 so it wins without !important; every --dr-* carries its hex fallback. ========================================================================= */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-block { margin: 4px 0 0; padding: 2px 12px 2px; background: var(--dr-dark-cacao, #1E140E); border: 1px solid var(--dr-crater-deep, #3C2A21); border-left: 3px solid var(--dr-harvest, #D4A040); border-radius: 0 2px 2px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-block[data-status="accepted"], #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-block[data-status="edited"] { border-left-color: var(--dr-teal, #4CC4B4); padding-block: 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section.is-thread .nea-block { border-color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head { /* Two rows on the 668px sheet: count + badges + fold + fed-by, then the action row. No reserved height — the badges (16px) set row one. */ display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-bottom: 1px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-count { font: 600 11.5px/16px var(--dr-font-mono); color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-badge { font: 600 10px/16px var(--dr-font-mono); letter-spacing: .06em; padding: 0 6px; border-radius: 8px; border: 1px solid var(--dr-crater, #5A453A); color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-badge[data-kind="new"] { color: var(--dr-burnt-sienna, #C75B39); border-style: dashed; border-color: var(--dr-burnt-sienna-dim, rgba(199,91,57,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"]#noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-badge[data-evidence="weak"] { color: var(--dr-harvest, #D4A040); border-color: var(--dr-harvest-dim, rgba(212,160,64,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-badge[data-evidence="missing"] { color: var(--dr-burnt-sienna, #C75B39); border-color: var(--dr-burnt-sienna-dim, rgba(199,91,57,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-was { font: 500 10.5px/1 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); background: transparent; border: 0; border-bottom: 1px dotted var(--dr-crater, #5A453A); padding: 0 1px; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-was:hover, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-was[aria-expanded="true"] { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-fed { display: inline-flex; flex-wrap: wrap; gap: 4px; align-items: center; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-fed > span:first-child { font: 500 10px/16px var(--dr-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 0; font: 500 10.5px/16px var(--dr-font-mono); padding: 0 5px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; background: var(--dr-obsidian, #160E08); color: var(--dr-bone, #EBE1D7); cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-chip[data-source="voice_final"] { border-color: var(--dr-teal-dim, rgba(76,196,180,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-chip:hover { border-color: var(--dr-amber, #E69A4C); color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts { margin-left: auto; display: inline-flex; gap: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0; padding: 0; } /* The companion enhancer tags the row .drc-native-actions (12px padding + 12px margin above). On the head line that is a second row. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row.drc-native-actions { padding-block-start: 0; margin-block-start: 0; gap: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row button { min-height: 20px; padding: 1px 8px; font-size: 11px; line-height: 1.3; } /* Owner 2026-09-06: "drop the Edit button" — Refine (and the e key) cover it. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row [data-nev-ab="edit"] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-line { padding: 1px 0 1px 10px; margin-left: -10px; border-left: 2px solid transparent; font: var(--nev2-body-size, 15px)/1.55 var(--dr-font-body); color: var(--dr-bone, #EBE1D7); white-space: pre-wrap; overflow-wrap: anywhere; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-line[data-kind="changed"], #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-line[data-kind="added"] { border-left-color: var(--dr-harvest, #D4A040); background: var(--dr-harvest-ghost, rgba(212,160,64,.05)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-block:is([data-status="accepted"], [data-status="edited"]) .nea-line:is([data-kind="changed"], [data-kind="added"]) { border-left-color: var(--dr-teal, #4CC4B4); background: var(--dr-teal-ghost, rgba(76,196,180,.05)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-replaced { margin-top: 4px; padding-top: 4px; border-top: 1px dashed var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-replaced div { font: 13px/1.5 var(--dr-font-body); color: var(--dr-mocha, #8B7355); padding-left: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-problem-band-decision [hidden], #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-problem-band-note-projection > [hidden] { display: none !important; } /* ---- §15b. The Course Tapestry IS the admission story (owner 2026-09-06). Open: the takeover's middle column (the real weave, already rendered) shows in the strip grid area under the story head; every weave sizing rule scoped to .nev-column[data-column="middle"] keeps applying, and the Enlarge button comes with the column. Closed: the slice-1 strip as 10px bricks beside the visible problem list (river's left list). ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-tap-wv-lane[data-lane] .nev-tap-wv-label { cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-tap-wv-lane.is-thread .nev-tap-wv-label .nm { color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-tap-wv-lane.is-thread { box-shadow: inset 2px 0 0 var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-change[data-tone="pending"] { color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-change[data-tone="accepted"] { color: var(--dr-teal, #4CC4B4); } /* ---- §15c. WHEN/WHERE-first entry cards, the one lit thread on entries, unread dot. ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-meta .nev-entry-time { font: 700 13px/1.3 var(--dr-font-mono); color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-meta .nev-entry-source { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card[data-source="voice_final"] .nev-entry-source { color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-routing { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-routing .nev-entry-status { font: 11px/1.3 var(--dr-font-mono); color: var(--dr-mocha, #8B7355); margin-left: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card.is-thread { background: var(--dr-espresso, #2A1C13); border-left: 2px solid var(--dr-amber, #E69A4C); box-shadow: inset 0 0 0 1px var(--dr-amber-subtle, rgba(230,154,76,.1)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-address-token { position: relative; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-address-token[data-unread="1"]::after { content: ''; position: absolute; top: -3px; right: -5px; width: 6px; height: 6px; border-radius: 50%; background: var(--dr-harvest, #D4A040); } /* ---- §15d. Section bands (S / O / date) as one compact grid: heading, "← N updates" and Keep/No share the first row; the change body spans below. Owner 2026-09-06: "look at all the wasted space around the objective updates". ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "head origin acts" "body body body"; align-items: center; gap: 2px 10px; margin: 4px 0; padding: 4px 12px 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band > .nev-bhc-review-heading { grid-area: head; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; min-height: 20px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev-bhc-review-heading > div { display: flex; align-items: center; gap: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev-bhc-review-eyebrow { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev-bhc-review-heading h4 { margin: 0; font: 600 11px/16px var(--dr-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band > .nev2-section-origin { grid-area: origin; margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band > :is(.nev-bhc-actions, .nev-bhc-decision-status) { grid-area: acts; margin: 0; padding: 0; display: inline-flex; gap: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev-bhc-btn { min-height: 20px; padding: 1px 8px; font-size: 11px; line-height: 1.3; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band > :not(.nev-bhc-review-heading):not(.nev2-section-origin):not(.nev-bhc-actions):not(.nev-bhc-decision-status) { grid-column: 1 / -1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev2-patch-preview { margin: 0; padding: 2px 0 2px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev2-patch-summary { font-size: 11px; margin: 0 0 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nev2-value-deltas { gap: 4px 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nea-block { margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-section-review-band .nea-acts { display: none; } /* ---- §15e. Owner screenshot 2026-09-06, "what else is wrong": closed strip as a compact strip (fixed 34px day columns, signed-only days dim, onset/change loud); mini strip stays on the title row; data cards say their source once, time never wraps; the finalize checklist and the PRIOR NOTE → TODAY counts (both repeated by the status HUD) and the motto line go. ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nev2-section-title-row { flex-wrap: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nev2-section-title { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card[data-kind="data"] .nev-entry-meta .nev-entry-source { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-meta { flex-direction: row; align-items: baseline; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-meta .nev-entry-time { white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-finalize-checklist, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-head, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-foot { display: none; } /* ---- Open loops as one folded line (owner 2026-09-06). ---- */ #noteEvolutionTakeover[data-nev-v2] .nev2-ol-fold > summary.nev2-ol-head { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; padding: 4px 0; margin: 0; font: 500 10.5px/16px var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-fold > summary::-webkit-details-marker { display: none; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-fold > summary::before { content: '▸'; color: var(--dr-mocha, #8B7355); font-size: 10px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-fold[open] > summary::before { content: '▾'; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-title { letter-spacing: .08em; text-transform: uppercase; color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-count[data-loop-state="open"] { color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-count[data-loop-state="closed"] { color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-fold .nev2-ol-sub { margin-left: auto; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-list { padding: 2px 0 4px; } #noteEvolutionTakeover[data-nev-v2] .nev2-ol-row { padding: 1px 0; } /* ---- Owner 2026-09-06: the cards above the composer were clipped because the composer claimed ~400px (eight-row box + five control rows). Under strips the box starts at three rows and grows with the text; the controls share one wrapping row; the thread takes the rest and scrolls inside itself. ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-thread { flex: 1 1 auto; min-height: 140px; overflow: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer { gap: 4px; flex: 0 0 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-textarea { min-height: calc(3 * 1.45em + 20px); padding: 7px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-actions, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer[data-interaction] .nev-entry-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer .nev-scribe-toggle { font: 11px/1.3 var(--dr-font-mono); gap: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer select { padding: 2px 4px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer :is(.nev-entry-timing-toggle, .nev-entry-add-btn, .nev-entry-send-btn, button) { min-height: 24px; padding: 2px 8px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-timing { margin: 0; } /* ---- §15f. THE COURSE TAPESTRY IS THE ADMISSION STORY (owner 2026-09-06, design canvas "NE Course Tapestry Story", Main). Always present above the desk, sized to its lanes (capped), stretched to the width; the weave's census-only chrome (header, legend, toolbar, texture, section captions, physiology block, labels drawn over the lines) is off inside the desk; NOW column carries the state. ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-takeover-body, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-takeover-body[data-story-open="1"] { grid-template-rows: auto minmax(0, 1fr) auto; } /* ---- §15g. SLICE D (2026-09-07): THE COURSE LIVES IN THE PROBLEM ROW. Nothing above the note; each .nev2-section carries an absolutely positioned course (one cell per weave axis slot + NOW) in reserved right padding, aligned across rows by --nea-track-cols / --nea-course-w set on .nev2-note-scroll per paint. The sticky head hosts the weave's own day spine on the same tracks. The full weave opens in the Enlarge overlay (s / Admission story); the mount moves. ---- */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll { --nea-cell-w: 24px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-story { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-tap-overlay .nev2-tap-overlay-body > [data-mount="longitudinal"] { display: block; padding: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll > .nev2-section { position: relative; padding-right: calc(var(--nea-course-w, 0px) + 20px); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course { display: grid; grid-template-columns: var(--nea-track-cols, none) var(--nea-now-w, 112px); column-gap: 8px; align-items: center; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section > .nea-course { position: absolute; top: 6px; right: 10px; max-height: calc(100% - 12px); overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell { display: block; height: 12px; border-radius: 1px; background: var(--dr-crater-deep, #3C2A21); cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="active"] { background: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="stable"] { background: #6F7F35; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="worsening"] { background: var(--dr-magenta, #C25F90); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="improving"] { background: var(--dr-olive, #879A39); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="resolved"] { background: var(--dr-crater, #5A453A); } /* Closed cells: a carried day draws nothing (the open weave hatches it). */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-carried="1"]:not([data-onset="1"]):not([data-changed="1"]) { background: transparent; box-shadow: inset 0 -1px 0 var(--dr-crater-deep, #3C2A21); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-kind="range"] { cursor: zoom-in; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-today="1"], #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell.is-sel { outline: 1px solid var(--dr-amber, #E69A4C); outline-offset: 1px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-now { grid-column: -2 / -1; /* the NOW track, even on a laneless row with no cells */ display: block; min-width: 0; font: 500 10.5px/13px var(--dr-font-mono); color: var(--dr-mocha, #8B7355); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-now > * { display: block; overflow: hidden; text-overflow: ellipsis; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state[data-s="active"] { color: var(--dr-brass, #BFA162); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state[data-s="stable"] { color: #9AAE4A; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state[data-s="worsening"] { color: var(--dr-magenta, #C25F90); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state[data-s="improving"] { color: var(--dr-olive, #879A39); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-state[data-s="resolved"] { color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-change[data-tone="kept"] { color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nea-since, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nea-change { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head { position: sticky; top: 0; z-index: 3; display: flex; align-items: end; gap: 12px; margin: 0 0 8px; padding: 4px 11px 4px 0; /* 11 = the row's right:10px + its 1px border */ background: var(--dr-dark-cacao, #1E140E); border-bottom: 1px solid var(--dr-crater, #5A453A); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head > .nea-course { margin-left: auto; align-items: end; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine { display: block; min-width: 0; grid-column: 1 / -2; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-label { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-controls { display: grid; grid-template-columns: var(--nea-track-cols, none); column-gap: 8px; overflow: visible; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn { display: block; position: relative; flex: none; min-width: 0; min-height: 0; padding: 2px 0; border: 0; border-bottom: 2px solid transparent; background: transparent; box-shadow: none; color: var(--dr-mocha, #8B7355); font: 600 9px/1.2 var(--dr-font-mono); text-align: center; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn small, #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn em { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn.is-range { color: var(--dr-brass, #BFA162); cursor: zoom-in; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn.is-selected { color: var(--dr-amber, #E69A4C); border-bottom-color: var(--dr-amber, #E69A4C); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn[aria-current="date"] { color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-ev { position: absolute; top: 1px; right: 2px; width: 4px; height: 4px; border-radius: 50%; background: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-nowhd .nea-state { color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-nowhd .nev2-asof::before { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-nowhd .nev2-asof { display: none; gap: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips][data-temporal-mode="historical"] .nea-nowhd .nev2-asof { display: block; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-nowhd .nev2-asof button { padding: 0; border: 0; background: transparent; color: var(--dr-amber, #E69A4C); font: 600 9px/12px var(--dr-font-mono); letter-spacing: .05em; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-story-toggle { padding: 3px 8px; border: 1px solid var(--dr-crater, #5A453A); border-radius: 2px; background: transparent; color: var(--dr-brass, #BFA162); font: 600 10.5px/14px var(--dr-font-mono); letter-spacing: .05em; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-story-toggle:hover { color: var(--dr-amber, #E69A4C); border-color: rgba(230, 154, 76, .6); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-story-coverage { font: 600 10.5px/14px var(--dr-font-mono); color: var(--dr-mocha, #8B7355); } /* 2026-09-07: prior course inline and grey; the addition bright with a teal bar (kept/new, like the strips). */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-paragraph[data-origin="prior"] { opacity: .55; margin: 0 0 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-paragraph[data-origin="interval"] { margin: 0; padding: 2px 0 2px 10px; border-left: 3px solid var(--dr-teal, #4CC4B4); background: rgba(76, 196, 180, .10); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-paragraph[data-origin="interval"] .nev2-bhc-provenance { color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-patch-preview[data-diff-base="values"] > .nea-block { margin-top: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold { margin: 4px 0 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold > summary { cursor: pointer; list-style: none; display: inline-block; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold > summary::-webkit-details-marker { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold > summary::before { content: "▸ "; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold[open] > summary::before { content: "▾ "; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-bhc-prior-fold > .nev2-bhc-paragraph { margin-top: 4px; opacity: .8; } @media (max-width: 1700px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll { --nea-cell-w: 12px; } } /* Clinical reader: the document keeps its identity and geometry across review states. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] { --drc-canvas: var(--dr-void, #120C06); --drc-base: var(--dr-dark-cacao, #1E140E); --drc-raised: var(--dr-espresso, #2A1C13); --drc-interactive: var(--dr-espresso, #2A1C13); --drc-border: #4D3B31; --drc-strong-border: #846C58; --drc-ink: #FFF7EE; --drc-body: #EBE1D7; --drc-muted: #C8B9A8; --drc-blue: #E69A4C; --drc-teal: #4CC4B4; --nev2-ink-dim: #C8B9A8; background: #160E08; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"]::before { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-takeover-header, .nev-finalize-host) { background: #1E140E; box-shadow: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-takeover-identity, .nev-state-chip, .nev-status-hud, [data-nev-counter="entries"]) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-header { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; gap: 5px 16px; flex: 0 0 auto; padding: 10px 18px; border-bottom: 1px solid #4D3B31; color: #EBE1D7; background: #1E140E; font: 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-title { font-size: 16px; font-weight: 650; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-patient { grid-column: 2; grid-row: 1; align-self: center; font-size: 13px; font-weight: 500; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-context { grid-column: 1 / 3; grid-row: 2; color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-status { grid-column: 3; grid-row: 1; align-self: center; color: #E8BD83; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-views { padding: 0 18px; gap: 18px; min-height: 38px; align-items: stretch; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-views button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; padding: 8px 0; color: #C8B9A8; font: 500 13px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-note-views button[aria-pressed="true"] { border-bottom-color: #E69A4C; color: #FFF7EE; background: transparent; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] #nevNoteDiffPanel::before { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-blocker-dock { min-height: 0; flex: 0 0 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-blocker-dock:empty { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-desk-strip:not(:has(.nev2-desk-chip:not([data-pending="0"]))) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-living-update, .nev-entry-composer, .nev-entry-textarea, .nev-propose-amendments-btn, .nev2-section, .nev2-progress span) { animation: none; box-shadow: none; background-image: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-living-update { background: #160E08; border: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-thread:has(.nev-entry-thread-empty) { flex: 0 0 auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-thread-empty { padding: 18px 12px; color: #C8B9A8; text-align: left; font: 14px/1.5 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-thread-empty strong { color: #EBE1D7; font-weight: 600; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-composer { background: #1E140E; border: 1px solid #846C58; border-radius: 3px; margin: 0 10px 12px; padding: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-textarea { min-height: 160px; background: #120C06; color: #FFF7EE; border: 0; font: 14px/1.5 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-textarea::placeholder { font: inherit; color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-composer:has(textarea:not(:placeholder-shown)) { border-left: 4px solid #4CC4B4; background: #203029; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-entry-composer { border-left-color: #E69A4C; background: #382818; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-entry-textarea { background: #1E140E; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev2-document-header { box-shadow: inset 4px 0 #E69A4C; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="decided"] .nev2-document-header { box-shadow: inset 4px 0 #4CC4B4; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-settings { margin-right: auto; color: #C8B9A8; font: 12px/1.5 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-settings > summary { cursor: pointer; padding: 6px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-settings[open] { flex-basis: 100%; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-entry-settings > label { display: flex; padding: 4px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] :is(.nev-add-entry-btn, .nev-propose-amendments-btn) { min-height: 30px; font: 500 12px/1.4 var(--dr-font-body); padding: 5px 10px; text-transform: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-propose-amendments-btn { color: #120C06; background: #E69A4C; border-color: #E69A4C; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll > .nev2-section { background: transparent; box-shadow: none; border: 0; border-bottom: 1px solid #4D3B31; border-radius: 0; margin-bottom: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section-title { font: 600 14px/1.5 var(--dr-font-body); color: #FFF7EE; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section-excerpt { font: 400 14px/1.5 var(--dr-font-body); color: #C8B9A8; opacity: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-tag { font: 500 11px/1.4 var(--dr-font-body); letter-spacing: 0; border: 0; color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-state="carried"] .nev2-tag { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] :is(.nea-state, .nea-since, .nea-change, .nev-entry-meta, .nev-entry-day, .nev2-address-token) { font-size: 12px; color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-line { font: 14px/1.5 var(--dr-font-body); color: #EBE1D7; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head { padding-bottom: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts { display: flex; flex: 1 0 100%; margin: 4px 0 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row button { min-height: 28px; font: 500 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .drc-native-review { border-radius: 3px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-complete-note { max-width: 100ch; padding: 14px 8px 24px; margin: 0; background: transparent; color: #EBE1D7; font: 14px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-heading { color: #FFF7EE; font-weight: 700; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-changed { border-left: 3px solid #4CC4B4; background: rgba(76,196,180,.08); box-decoration-break: clone; padding-left: 7px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-summary { color: #EBE1D7; font: 500 13px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-host[data-state="ready"] .nev-finalize-helper { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-cta-btn { font: 600 13px/1.4 var(--dr-font-body); min-height: 36px; padding: 8px 20px; border-radius: 3px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] { animation: none; background-image: none; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #voiceBarProvider { display: none; } body[data-takeover-active="true"][data-nev-wide-desk="on"] :is(.voice-bar-mic, .voice-command-bar) { box-shadow: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .dr-companion { --drc-base: #1E140E; --drc-raised: #2A1C13; --drc-border: #4D3B31; --drc-strong-border: #846C58; --drc-body: #EBE1D7; --drc-ink: #FFF7EE; --drc-muted: #C8B9A8; --drc-blue: #E69A4C; --drc-teal: #4CC4B4; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nev2-section-excerpt { font-size: 14px; color: #C8B9A8; opacity: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-now .nea-state[data-s] { font-size: 12px; color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-jump { grid-column: 3; grid-row: 2; padding: 0; border: 0; background: transparent; color: #4CC4B4; text-align: right; cursor: pointer; font: 500 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-jump[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-progress { flex: 0 0 2px; height: 2px; padding: 0; margin: 0; } body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-feedback { max-width: none; } /* Source persistence, note review, and busy state have distinct visual locations. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-date { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev2-document-context { font-size: 13px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card[data-status="in_review"] .nev-entry-status { color: #C8B9A8; font: 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-entry-composer:has(textarea:not(:placeholder-shown)) { border-left-color: #E69A4C; background: #382818; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-finalize-host { background: #382818; border-top: 2px solid #E69A4C; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"] .nev-finalize-summary::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; border: 2px solid transparent; border-radius: 50%; box-sizing: border-box; } @keyframes nevReaderBusy { to { transform: rotate(360deg); } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-finalize-summary::before { border-color: #E69A4C; border-right-color: transparent; animation: nevReaderBusy .8s linear infinite; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-propose-amendments-btn:disabled { background: #4D3B31; color: #C8B9A8; border-color: #846C58; opacity: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"]:is([data-nev-round="idle"], [data-nev-round="proposing"]) [data-nev-action="jump-blocker"] { visibility: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .drc-native-review[data-companion-review-state="proposed"] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "state" "copy" "sources" "actions"; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .drc-native-review .nea-block { grid-area: copy; width: 100%; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .drc-native-state { justify-self: start; font: 500 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 14px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] :is(.nea-count, .nea-was, .nea-fed > span:first-child, .nea-chip) { font: 500 12px/1.4 var(--dr-font-body); color: #C8B9A8; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-count { grid-column: 1; color: #E8BD83; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-badge:not([data-evidence]) { display: inline-block; color: #E8BD83; border: 0; padding: 0; font: 600 12px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-was { grid-column: 2; grid-row: 1; justify-self: end; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-fed { grid-column: 1 / -1; grid-row: 2; padding-bottom: 6px; border-bottom: 1px solid #4D3B31; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts { grid-column: 1 / -1; grid-row: 3; margin: 0 0 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-acts .nev-bn-ab-row { gap: 8px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #voice-command-bar { width: min(820px, calc(100vw - 32px)); max-width: calc(100vw - 32px); height: 56px; min-height: 56px; padding: 8px 14px; bottom: 12px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-left, body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-right { flex: 0 0 auto; } body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-center { flex: 1 1 auto; min-width: 0; padding: 0 12px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-transcript { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] .voice-bar-transcript .transcript-placeholder { font: 12px/20px var(--dr-font-body, sans-serif); white-space: nowrap; } @media (prefers-reduced-motion: reduce) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-round="proposing"] .nev-finalize-summary::before { animation: none; } } /* Keep clinical prose on the reading plane; only headings share the day axis. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll { --nea-cell-w: 28px; --nea-now-w: 112px; container-type: inline-size; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll > .nev2-section { padding: 9px 10px 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section-title-row { padding-right: calc(var(--nea-course-w, 0px) + 12px); min-height: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section:not([data-collapsed="1"]):has(> .nea-course .nea-since) .nev2-section-title-row { min-height: 56px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] .nev2-section-title { white-space: normal; overflow: visible; text-overflow: clip; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section[data-collapsed="1"] > .nev2-section-excerpt { display: block; margin: 4px 0 0 25px; font: 14px/1.5 var(--dr-font-body); color: #EBE1D7; opacity: 1; white-space: normal; overflow: visible; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-section > .nea-course { top: 11px; max-height: none; overflow: visible; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell { height: 16px; min-height: 16px; min-width: 0; padding: 0; border: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine-btn { min-height: 24px; font: 600 11px/20px var(--dr-font-mono); color: #C8B9A8; padding: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-now .nea-state { font: 600 12px/18px var(--dr-font-body); letter-spacing: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-now :is(.nea-since, .nea-change) { font: 12px/18px var(--dr-font-body); white-space: normal; overflow: visible; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head { margin-bottom: 0; padding-block: 5px; align-items: center; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head > .nea-course { flex: 0 0 var(--nea-course-w); width: var(--nea-course-w); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-head .nev-problem-day-spine { padding: 0; margin: 0; border: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-carried="1"]:not([data-onset="1"]):not([data-changed="1"]) { box-shadow: inset 0 -1px 0 #846C58; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-cell[data-s="none"] { background: transparent; box-shadow: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 10px; color: #C8B9A8; font: 11px/16px var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key > span { white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key > span::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 4px; background: #BFA162; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key > [data-s="improving"]::before { background: #879A39; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key > [data-s="worsening"]::before { background: #C25F90; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-course-key > [data-s="stable"]::before { background: #6F7F35; } /* A long admission gets its own aligned history row, leaving titles intact. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll[data-nev-course-layout="long"] { --nea-cell-w: min(28px, calc((100cqw - 132px - var(--nea-axis-gap)) / var(--nea-axis-units))); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nea-course-head { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 4px 12px; padding-right: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nea-course-head > .nea-course { grid-column: 1 / -1; justify-self: end; margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev2-note-scroll[data-nev-course-layout="long"] > .nev2-section { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nev2-section > .nev2-section-title-row { grid-row: 1; padding-right: 0; min-height: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nev2-section > .nea-course { position: static; grid-row: 2; justify-self: end; width: var(--nea-course-w); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nev2-section > :is(.nev2-section-body, .nev2-section-excerpt) { grid-row: 3; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] [data-nev-course-layout="long"] .nev2-section > .nev2-section-origin { grid-row: 4; justify-self: start; } /* The rewrite is read before its decision controls; provenance stays on its head. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head { display: flex; flex-wrap: wrap; gap: 5px 12px; align-items: baseline; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head .nea-was { margin-left: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-head .nea-fed { flex: 1 0 100%; padding-bottom: 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nea-block > .nea-acts { margin: 7px 0 2px; padding-top: 7px; border-top: 1px solid #4D3B31; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-column[data-column="left"] .nev-column-body { padding: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-composer { order: -1; margin: 0 0 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-textarea { min-height: 112px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-thread { min-height: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-thread-empty { padding: 4px 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-card > * { grid-column: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-meta { gap: 6px; flex-wrap: wrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-entry-text { font: 14px/1.5 var(--dr-font-body); } /* Short desktop windows still have room for the note and its input together. */ @media (min-width: 1100px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-takeover-body { display: grid; grid-template-columns: clamp(260px, 23%, 350px) minmax(0, 1fr) var(--nev-evidence-drawer-width, 0fr) var(--nev-audit-drawer-width, 0fr); grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "strip strip evidence audit" "left right evidence audit" "finalize finalize evidence audit"; align-content: stretch; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] :is(#nevNoteDiffPanel, .nev-column[data-column="left"]) { min-height: 0; max-height: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-finalize-host { flex-wrap: nowrap; align-items: center; padding: 8px 16px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-finalize-status { flex: 1 1 0; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-strips] .nev-finalize-bar-cta { flex: 0 0 auto; justify-content: flex-end; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #patientHeader .sol-patient-identity { flex: 0 0 auto; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #patientName { white-space: nowrap; font-size: 18px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #patientHeader .sol-patient-actions { min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; overflow-x: auto; gap: 4px; } body[data-takeover-active="true"][data-nev-wide-desk="on"] #patientHeader .sol-patient-action-btn { flex: 0 0 auto; padding: 6px; font-size: 12px; } } /* NoteEvo2 clinical desk: capture, working state and dated documentation share selection while keeping their persistence and review actions distinct. */ #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] { container: ne-workspace / inline-size; --nev2-body-size: 13px; --nev-clinical-gutter: 12px; --nev-state-rail: #6b5a49; --nev-state-label: #c8b9a8; --nev-active-rail: #ffa03a; --nev-active-label: #ffc276; --nev-active-surface: #4a2e17; --nev-worsening-rail: #ff8fc4; --nev-worsening-label: #ffb1d6; --nev-worsening-surface: #432333; --nev-critical-rail: #ff776c; --nev-critical-label: #ffb5ae; --nev-critical-surface: #50251f; --nev-improving-rail: #33c8b8; --nev-improving-label: #5dd7ca; --nev-stable-rail: #a9be4f; --nev-stable-label: #bdcf68; --nev-clinical-muted: var(--drc-muted, #C8B9A8); --nev-clinical-border: var(--drc-border, #4D3B31); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-body > :is(.nev-evidence-drawer, .nev-audit-drawer) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-body[data-evidence-open="true"] > .nev-evidence-drawer, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-body[data-audit-open="true"] > .nev-audit-drawer { display: flex; position: absolute; inset: 0 0 0 auto; z-index: 70; width: min(460px, 100%); min-width: 0; box-shadow: -12px 0 30px #0008; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-takeover-body { position: relative; display: grid; /* Floors fit the available workspace; smaller containers use explicit views. */ grid-template-columns: minmax(270px, .28fr) 12px minmax(340px, .32fr) minmax(430px, .40fr); grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "clinicalnav clinicalnav clinicalnav clinicalnav" "left thread clinical right" "left thread clinical finalize"; gap: 0; overflow: hidden; min-height: 0; align-content: stretch; transition: none; background: var(--nev2-surface-0); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] :is(.nev2-legend, .nev2-desk-strip, .nev-column[data-column="middle"]) { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] :is(.nev-column[data-column="left"], #nevNoteDiffPanel) { min-height: 0; max-height: none; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-column[data-column="left"] { grid-area: left; border-right: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] #nevNoteDiffPanel { grid-area: right; z-index: 1; box-shadow: -12px 0 32px -18px rgba(0,0,0,.9), 12px 0 32px -18px rgba(0,0,0,.9); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] #nevClinicalPanel { grid-area: clinical; min-height: 0; border-right: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] #nevClinicalPanel > .nev2-story { display: flex; position: static; flex-direction: column; flex: 0 0 34%; width: auto; min-width: 0; min-height: 0; max-height: 34%; overflow: hidden; border-top: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] #nevClinicalPanel > .nev2-story[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] #nevClinicalPanel > .nev2-story > .nev2-story-scroll { flex: 1 1 auto; min-height: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] #nevClinicalPanel > .nev2-story > .nev-clinical-day-sheet { flex: 0 1 auto; max-height: 35%; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-nav { grid-area: clinicalnav; display: none; align-items: center; gap: 3px; min-width: 0; min-height: 33px; padding: 3px 9px; overflow-x: auto; border-bottom: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-nav button { flex-shrink: 0; padding: 5px 9px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: var(--nev-clinical-muted); font: 500 11px/1.35 var(--dr-font-body); cursor: pointer; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-nav button[aria-pressed="true"] { color: var(--dr-crema, #FFF7EE); background: var(--nev2-surface-3); border-color: var(--nev-clinical-border); box-shadow: inset 0 -1px var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] [data-clinical-history] { margin-left: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-provenance-overlay { display: block; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-formulary-toggle[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-panel { display: flex; flex-direction: column; flex: 0 0 auto; min-width: 0; overflow: hidden; color: var(--dr-crema, #FFF7EE); background: var(--nev2-surface-1); border-bottom: 1px solid var(--nev-clinical-border); font: 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-scroll { display: block; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-state-particulars .nev-clinical-problem-head { display: none; } /* 36px desk head. */ #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-header { min-height: 36px; padding: 0 10px; gap: 10px; align-items: center; border-bottom: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-0); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-header-title, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-state-chip, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-view-switch, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-identity { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-desk-head { display: flex; flex: 1 1 auto; align-items: center; gap: 10px; min-width: 0; overflow: hidden; white-space: nowrap; font: 11px/1.3 var(--dr-font-mono); color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-badge { font-weight: 700; letter-spacing: .1em; color: var(--dr-harvest, #D4A040); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-name { font: 600 14px/1.2 var(--dr-font-body); color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-sep { width: 1px; height: 14px; background: var(--dr-crater, #5A453A); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-dx, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-sub { color: var(--dr-mocha, #8B7355); overflow: hidden; text-overflow: ellipsis; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-counts { margin-left: auto; color: var(--dr-bone, #EBE1D7); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-keys { padding: 2px 6px; border: 1px solid var(--dr-deep, #3C2A21); border-radius: 2px; font-size: 9.5px; color: var(--dr-mocha, #8B7355); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-keys b, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-story-btn b { font-weight: 600; color: var(--dr-bone, #EBE1D7); margin-right: 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-story-btn { padding: 2px 7px; border: 1px solid var(--dr-deep, #3C2A21); border-radius: 2px; background: transparent; color: var(--dr-mocha, #8B7355); font-size: 9.5px; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-story-btn[aria-pressed="true"] { color: var(--dr-harvest, #D4A040); border-color: var(--dr-harvest-dim, rgba(212,160,64,.4)); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head { display: flex; flex-wrap: wrap; align-items: center; flex-shrink: 0; gap: 5px 10px; padding: 8px 11px; background: var(--nev2-surface-2); border-bottom: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head > div { flex: 1 1 150px; min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head h2 { margin: 0; font: 600 12px/1.5 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head :is(span, label) { font-size: 10px; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head input { color-scheme: dark; width: 121px; min-width: 0; padding: 3px; margin-left: 4px; color: var(--dr-crema, #FFF7EE); background: var(--nev2-surface-1); border: 1px solid var(--nev-clinical-border); border-radius: 3px; font: 10px var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-head button, .nev-clinical-source, .nev-clinical-source-chip) { color: var(--nev-clinical-muted); background: transparent; border: 1px solid var(--nev-clinical-border); padding: 3px 6px; border-radius: 3px; font: 10px/1.4 var(--dr-font-mono); cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-scroll { min-height: 0; flex: 1 1 0; overflow: auto; overscroll-behavior: contain; padding: 9px; scrollbar-width: thin; scrollbar-gutter: stable; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] { & .nev-clinical-memory { min-width: 0; } & .nev-state-problem { margin-bottom: 10px; border: 1px solid var(--nev-clinical-border); border-left: 8px solid var(--nev-state-rail); border-radius: 4px; background: var(--nev2-surface-1); overflow: hidden; } & .nev-state-problem[data-state="active"], & .nev-state-problem[data-state="new"] { --nev-state-rail: var(--nev-active-rail); --nev-state-label: var(--nev-active-label); background: linear-gradient(100deg, var(--nev-active-surface), var(--nev2-surface-1)); } & .nev-state-problem[data-state="worsening"] { --nev-state-rail: var(--nev-worsening-rail); --nev-state-label: var(--nev-worsening-label); background: linear-gradient(100deg, var(--nev-worsening-surface), var(--nev2-surface-1)); } & .nev-state-problem[data-state="critical"] { --nev-state-rail: var(--nev-critical-rail); --nev-state-label: var(--nev-critical-label); background: linear-gradient(100deg, var(--nev-critical-surface), var(--nev2-surface-1)); } & .nev-state-problem[data-state="improving"] { --nev-state-rail: var(--nev-improving-rail); --nev-state-label: var(--nev-improving-label); } & .nev-state-problem[data-state="stable"] { --nev-state-rail: var(--nev-stable-rail); --nev-state-label: var(--nev-stable-label); } & .nev-state-problem:is([data-state="resolved"], [data-state="closed"], [data-state="none"]) { --nev-state-rail: transparent; } & .nev-state-head { display: flex; align-items: baseline; gap: 7px; width: 100%; padding: 9px 10px 6px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; } & .nev-state-title { flex: 1; min-width: 0; font: 600 14px/1.4 var(--dr-font-body); overflow-wrap: anywhere; } & .nev-state-label { color: var(--nev-state-label); font: 600 9px/1.4 var(--dr-font-mono); text-transform: uppercase; } & .nev-state-body { padding: 0 10px 8px; max-height: min(360px, 48dvh); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; } & .nev-state-asof { color: var(--nev-clinical-muted); font: 10px/1.5 var(--dr-font-mono); margin: 3px 0; } & .nev-state-workflow { margin: 0 10px 7px; padding: 5px 7px; border: 1px dashed var(--nev-clinical-border); color: var(--dr-bone, #EBE1D7); font: 11px/1.4 var(--dr-font-body); } & .nev-state-summary { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font: 13px/1.5 var(--dr-font-body); margin: 4px 0 9px; white-space: pre-wrap; } & .nev-state-history { margin-top: 5px; border-top: 1px solid var(--nev-clinical-border); } & .nev-state-history > summary { padding: 7px 0 2px; cursor: pointer; color: var(--nev-clinical-muted); font: 11px/1.4 var(--dr-font-body); } & .nev-state-history-entry { border-bottom: 1px solid var(--nev-clinical-border); padding: 8px 0; } & .nev-state-history-entry p { white-space: pre-wrap; font: 12px/1.5 var(--dr-font-body); margin: 3px 0; } & .nev-state-particulars:empty { display: none; } & .nev-state-particulars .nev-clinical-problem { margin: 8px 0 0; } & .nev-state-problem.is-thread { box-shadow: inset 0 0 0 1px rgba(255,248,240,.22); } } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-problem { margin-bottom: 11px; min-width: 0; scroll-margin: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-problem-head { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-problem h3 { flex: 1; min-width: 0; margin: 0; font: 600 14px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-problem-select, .nev-clinical-unit-select) { display: flex; align-items: center; gap: 7px; width: 100%; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-problem-number { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 22px; height: 22px; border: 1px solid var(--nev-clinical-border); border-radius: 2px; color: var(--dr-brass, #BFA162); font: 600 10px var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-count, .nev-clinical-kind) { flex-shrink: 0; color: var(--nev-clinical-muted); font: 9px/1.4 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit { margin-bottom: 5px; padding: 8px 10px; border: 1px solid var(--nev-clinical-border); border-left: 2px solid var(--nev-clinical-border); border-radius: 4px; background: var(--nev2-surface-2); overflow-wrap: anywhere; scroll-margin: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="true"] { border-left-color: var(--nev-clinical-muted); background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit:is([data-selected="true"], .is-selected), #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-problem.is-selected > .nev-clinical-unit { box-shadow: inset 0 0 0 1px rgba(255,248,240,.22); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-unit, .nev-clinical-problem).is-linked { box-shadow: inset 2px 0 var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit-head h4 { margin: 0; min-width: 0; font: 600 13px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit-select { flex-wrap: wrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit-select .nev-clinical-kind { margin-left: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-facet, .nev-clinical-proposal) { margin-top: 7px; padding-left: 8px; border-left: 2px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-facet[data-facet="current_intent"] { border-color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-proposal { border-color: var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-facet, .nev-clinical-proposal) h5 { margin: 0 0 2px; color: var(--nev-clinical-muted); font: 500 9px/1.5 var(--dr-font-mono); text-transform: uppercase; letter-spacing: .045em; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-summary { display: flex; flex-wrap: wrap; gap: 0 5px; margin: 2px 0; font: 400 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-meta { color: var(--nev-clinical-muted); font: 10px/1.45 var(--dr-font-body); margin: 3px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-values { display: grid; grid-template-columns: minmax(75px, auto) minmax(0, 1fr); gap: 2px 10px; margin: 5px 0; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-values dt { color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-values dd { margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-condition { margin: 4px 0; font-size: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-course { margin: 5px 0 0; font: 500 10px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-sources { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-source-chip { padding: 1px 5px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-source-chip:hover { color: var(--dr-crema, #FFF7EE); border-color: currentColor; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-sources-label { font-size: 10px; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-details, .nev-clinical-history) { margin-top: 6px; padding-top: 4px; border-top: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-details, .nev-clinical-history) > summary { cursor: pointer; padding: 2px 0; color: var(--nev-clinical-muted); font: 10px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-event { padding: 7px 0; border-bottom: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-event-title { font-weight: 600; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-event blockquote { margin: 6px 0; padding-left: 8px; border-left: 2px solid var(--nev-clinical-border); white-space: pre-wrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-notice { padding: 12px 3px; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-nav, .nev-clinical-panel) :focus-visible { outline: 2px solid var(--dr-crema, #FFF7EE); outline-offset: 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-submission { flex-shrink: 0; padding: 6px 10px; border-bottom: 1px solid var(--nev-clinical-border); font-size: 11px; max-height: 25%; overflow: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-submission[hidden] { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-decisions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-decisions, .nev-clinical-submission) button { color: var(--dr-crema, #FFF7EE); background: transparent; padding: 4px 7px; border: 1px solid var(--nev-clinical-border); border-radius: 3px; cursor: pointer; font: 500 11px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] [data-clinical-decision="adopt"] { color: var(--dr-teal, #4CC4B4); border-color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-decisions, .nev-clinical-submission) button:disabled { opacity: .5; cursor: wait; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] [data-nev-action="update-documentation"] { margin-left: auto; color: var(--dr-teal, #4CC4B4); } /* Resting care reads in compact rows. Selection reveals same-day attribution; uncertain/prior timing, conditions, recommendations and sources stay visible. */ #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) { padding: 6px 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) > .nev-clinical-facet { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 7px; margin-top: 4px; padding-left: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) > .nev-clinical-facet[data-temporal-qualifier="false"] > .nev-clinical-meta { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) .nev-clinical-facet > h5 { margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) .nev-clinical-summary { margin: 0; font-size: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) .nev-clinical-condition { flex: 1 0 100%; margin: 2px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) .nev-clinical-sources { display: inline-flex; align-items: baseline; margin-top: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:not(.is-selected):not(.is-linked) > .nev-clinical-details:not([open]) { display: inline-block; margin: 0 0 0 8px; padding: 0; border: 0; vertical-align: middle; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:is(.is-selected, .is-linked) > .nev-clinical-facet { display: grid; grid-template-columns: minmax(110px, .85fr) minmax(0, 1.3fr); align-items: baseline; gap: 0 7px; margin-top: 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:is(.is-selected, .is-linked) .nev-clinical-facet > h5 { margin: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:is(.is-selected, .is-linked) .nev-clinical-facet > :is(.nev-clinical-summary, .nev-clinical-meta) { grid-column: 2; margin: 1px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"]:is(.is-selected, .is-linked) .nev-clinical-facet > .nev-clinical-condition { grid-column: 1 / -1; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"] > .nev-clinical-sources { display: inline-flex; align-items: baseline; margin-top: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit[data-pending="false"] > .nev-clinical-details:not([open]) { display: inline-block; margin: 0 0 0 8px; padding: 0; border: 0; vertical-align: middle; } /* Admission story remains beside the current work, with its own two-axis scroll. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-takeover-body > .nev2-story { font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-head { flex: 0 0 30px; gap: 7px; padding: 0 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-title { color: var(--dr-crema, #FFF7EE); font-size: 9px; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-coverage { font-size: 9px; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-toggle { padding: 2px 5px; font-size: 9px; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-scroll { min-height: 0; overflow: auto; overscroll-behavior: contain; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] [data-story-open="1"] .nev2-story-table { min-width: 480px; width: 100%; table-layout: fixed; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-table th:first-child { width: 156px; background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-table thead th { height: 23px; background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-day { min-height: 22px; padding: 2px 4px; font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] [data-story-open="1"] .nev2-story-lane-button { height: 26px; min-height: 26px; padding: 2px 7px; font: 11px/1.2 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] [data-story-open="1"] .nev2-story-cell-btn { height: 26px; min-height: 26px; padding: 3px 1px; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell { border-bottom: 1px solid var(--nev-clinical-border); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-glyph { flex: 0 0 18px; height: 18px; min-width: 0; padding: 2px 3px; font: 500 8px/14px var(--dr-font-mono); color: var(--dr-crema, #FFF7EE); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-state="worsening"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-magenta, #C25F90) 50%, var(--nev2-surface-1)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-state="improving"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-teal, #4CC4B4) 35%, var(--nev2-surface-1)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-state="active"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-harvest, #D4A040) 40%, var(--nev2-surface-1)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-state="stable"] .nev2-story-glyph { background: var(--dr-crater, #4D3B31); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-state="resolved"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-mocha, #8B7355) 30%, var(--nev2-surface-1)); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-cell[data-carried="true"] .nev2-story-glyph { background: transparent; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] [data-story-open="1"] .nev2-story-fact { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-row:is(.is-thread, .is-selected) > th { box-shadow: inset 2px 0 var(--dr-crema, #FFF7EE); background: var(--nev2-surface-3); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-day-sheet { flex: 0 0 auto; min-height: 0; max-height: 76px; overflow: auto; padding: 6px 9px; border-top: 1px solid var(--nev-clinical-border); font: 11px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-day-sheet h3 { margin: 0 0 4px; font: 500 9px/1.5 var(--dr-font-mono); text-transform: uppercase; letter-spacing: .06em; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-day-sheet button { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0, 1fr); gap: 8px; width: 100%; padding: 3px 0; border: 0; background: transparent; color: var(--nev-clinical-muted); cursor: pointer; text-align: left; font: 10px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-day-sheet button span:last-child { color: var(--dr-bone, #EBE1D7); } /* Lanes the note does not name fold under their group label until asked for. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-table:not([data-story-only-open="1"]) .nev2-story-row--story-only { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-group-label { padding: 0; font-size: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-group-toggle { position: sticky; left: 0; display: inline-block; max-width: 100%; padding: 4px 7px; border: 0; background: var(--nev2-surface-1); color: var(--nev-clinical-muted); cursor: pointer; text-align: left; font: 500 9px/1.5 var(--dr-font-mono); text-transform: uppercase; letter-spacing: .06em; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-story-group-toggle:hover { color: var(--dr-crema, #FFF7EE); } /* Captured sources read as chronological strips; the composer owns its space. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-column[data-column="left"] .nev-column-body { min-height: 0; padding: 7px; border: 0; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-column-header { padding: 8px 10px; min-height: 34px; font-size: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-living-update { height: 100%; min-height: 0; padding: 0; gap: 6px; background: var(--nev2-surface-1); border: 0; overflow: hidden; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-thread { flex: 1 1 auto; min-height: 0; gap: 5px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-composer { order: 2; flex: 0 0 auto; margin: 0; padding: 7px; gap: 4px; border: 1px solid var(--nev-clinical-border); border-radius: 3px; background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-textarea { min-height: 72px; max-height: 150px; padding: 6px 7px; resize: vertical; font: 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card { grid-template-columns: 55px minmax(0, 1fr); gap: 3px 7px; padding: 7px; border: 1px solid var(--nev-clinical-border); border-left-width: 2px; border-radius: 4px; background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card > * { grid-column: 2; grid-row: auto; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card .nev-entry-meta { grid-column: 1; grid-row: 1 / span 4; flex-direction: column; align-items: flex-start; font: 9px/1.35 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-meta .nev-entry-time { font-size: 10px; color: var(--dr-crema, #FFF7EE); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card .nev-entry-text { font: 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card :is(.nev-entry-routing, .nev-entry-fanout) { gap: 3px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] :is(.nev2-address-token, .nev-entry-day) { font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-time-group { flex-shrink: 0; margin: 4px 0 0; padding: 5px 1px 2px; border-top: 1px solid var(--nev-clinical-border); color: var(--nev-clinical-muted); font: 500 9px/1.4 var(--dr-font-mono); text-transform: uppercase; letter-spacing: .04em; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-entry-card:is(.is-traceability-source, .is-fanin-spotlight, .is-linked, .is-selected) { border-color: var(--dr-crema, #FFF7EE); box-shadow: inset 1px 0 var(--dr-crema, #FFF7EE); background: var(--nev2-surface-3); } /* Dated note keeps one compact review per problem and contextual refinement. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-header { padding: 8px 10px; gap: 3px 8px; grid-template-columns: minmax(0, 1fr) auto; font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-title { font-size: 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-patient { grid-column: 1; grid-row: 2; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-context { grid-column: 1 / -1; grid-row: 3; font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-status { grid-column: 2; grid-row: 1; font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-views { gap: 13px; min-height: 31px; padding: 0 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-views button { padding: 5px 0; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-scroll { padding: 8px; container-type: inline-size; scrollbar-width: thin; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-scroll > .nev2-section { display: block; margin-bottom: 6px; padding: 8px; border: 1px solid var(--nev-clinical-border); border-radius: 4px; background: var(--nev2-surface-2); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section:is(.is-lit, .is-thread, .is-focus) { border-color: var(--dr-crema, #FFF7EE); box-shadow: inset 1px 0 var(--dr-crema, #FFF7EE); background: var(--nev2-surface-3); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section-title-row { padding-right: 0; gap: 5px; min-height: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section:not([data-collapsed="1"]):has(> .nea-course .nea-since) .nev2-section-title-row { min-height: 22px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section-body { padding: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section-title { font: 600 13px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] :is(.nev2-section-excerpt, .nea-line) { font: 400 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section[data-collapsed="1"] .nev2-section-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 3px 0 0; color: var(--nev-clinical-muted); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section > .nea-course { position: static; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: 100%; width: auto; overflow-x: auto; margin-top: 5px; vertical-align: middle; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section > .nea-course .nea-cell { flex: 0 0 12px; width: 12px; height: 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section > .nea-course .nea-now { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; font: 500 9px/1.4 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section > .nea-course .nea-now > * { display: inline; font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-section > .nev2-section-origin { display: inline-flex; margin: 5px 7px 0 0; vertical-align: middle; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .drc-native-review > .nea-block { margin: 0; padding: 0; border: 0; background: transparent; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nea-head { gap: 3px 7px; margin: 0; padding-bottom: 3px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nea-head .nea-fed { padding-bottom: 2px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nea-block > .nea-acts { margin: 5px 0 0; padding-top: 5px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nea-course-head { display: none; } /* Long stays (>8 course slots) re-show the head through the strips rule above at equal specificity; the story band in the clinical pane already carries the spine. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] [data-nev-course-layout] .nea-course-head { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nea-line[data-kind="changed"] { background: transparent; border-color: var(--dr-teal, #4CC4B4); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nea-phrase { color: var(--dr-teal, #4CC4B4); background: color-mix(in srgb, var(--dr-teal, #4CC4B4) 12%, transparent); padding: 1px 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise { margin-top: 7px; padding: 8px; border: 1px solid var(--nev-clinical-border); border-radius: 3px; background: var(--nev2-surface-1); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise textarea { display: block; width: 100%; min-height: 66px; box-sizing: border-box; resize: vertical; margin: 5px 0; padding: 6px 8px; color: var(--dr-crema, #FFF7EE); background: var(--nev2-surface-0); border: 1px solid var(--nev-clinical-border); border-radius: 2px; font: 13px/1.45 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise-chips { display: flex; flex-wrap: wrap; gap: 4px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise-chip { padding: 3px 6px; border: 1px solid var(--nev-clinical-border); border-radius: 3px; color: var(--nev-clinical-muted); background: transparent; cursor: pointer; font: 10px/1.4 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise-chip[aria-pressed="true"] { color: var(--dr-crema, #FFF7EE); border-color: var(--dr-crema, #FFF7EE); background: var(--nev2-surface-3); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-revise-actions button { min-height: 26px; padding: 3px 7px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-finalize-host { padding: 7px 11px; font-size: 11px; } @container (min-width: 620px) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit:has(> .nev-clinical-facet + .nev-clinical-facet) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit:has(> .nev-clinical-facet + .nev-clinical-facet) > :not(.nev-clinical-facet) { grid-column: 1 / -1; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit:has(> .nev-clinical-facet + .nev-clinical-facet) > .nev-clinical-sources { grid-column: 1; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-unit:has(> .nev-clinical-facet + .nev-clinical-facet) > .nev-clinical-details:not([open]) { grid-column: 2; align-self: center; margin: 0; padding: 0; border: 0; } } @media (max-width: 1399px) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] { --nev-clinical-gutter: 8px; } } /* The owner's work computer runs 80% zoom (≈2400 CSS px): fill it with the same split, one step up in type so the panes do not read as a thumbnail. */ @media (min-width: 2200px) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] { --nev2-body-size: 14px; --nev-clinical-gutter: 16px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-panel { font-size: 14px; } } @container ne-workspace (max-width: 1120px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev-takeover-body { grid-template-columns: minmax(0, 1fr); grid-template-areas: "clinicalnav" "work" "finalize"; } & .nev-clinical-nav { display: flex; } & .nev-column[data-column="left"], & #nevClinicalPanel, & #nevNoteDiffPanel { grid-area: work; display: none; } &[data-clinical-view="updates"] .nev-column[data-column="left"], &[data-clinical-view="course"] #nevClinicalPanel, &[data-clinical-view="story"] #nevClinicalPanel, &[data-clinical-view="note"] #nevNoteDiffPanel { display: flex; } &[data-clinical-view="story"] #nevClinicalPanel > .nev2-story { flex: 1 1 auto; max-height: none; } &[data-clinical-view="story"] .nev-clinical-scroll { display: none; } &:not([data-clinical-view="note"]) .nev-finalize-host { display: none; } & .nev-provenance-overlay { display: none; } & .nev6-keys { display: none; } } } @container ne-workspace (min-width: 600px) and (max-width: 1120px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev-finalize-host { flex-wrap: nowrap; align-items: center; } & .nev-finalize-status { flex: 1 1 0; min-width: 0; } & .nev-finalize-bar-cta { flex: 0 0 auto; justify-content: flex-end; } } } @media (max-width: 600px) { body[data-takeover-active="true"]:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientDetailWrapper { grid-template-columns: minmax(0, 1fr) !important; } body[data-takeover-active="true"]:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientDetailWrapper > :is(#censusSidebar, .cx2rail) { display: none; } body[data-takeover-active="true"]:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientDetail { padding: 6px 6px 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-header-identity-row { padding: 6px; gap: 6px; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader :is(.sol-patient-identity, .sol-patient-info) { min-width: 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-identity { flex: 1 0 100%; width: 100%; max-width: 100%; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-info { flex: 1; flex-direction: column; align-items: stretch; max-width: 100%; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-meta { display: flex; flex-wrap: nowrap; min-width: 0; max-width: 100%; overflow-x: auto; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-meta > * { flex-shrink: 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-name-row { flex-wrap: nowrap; min-width: 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientName { font-size: 16px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-actions { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding: 4px 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #patientHeader .sol-patient-action-btn { flex: 0 0 auto; padding: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-header { flex-wrap: nowrap; padding: 6px 8px; gap: 6px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-title { min-width: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-actions { flex: 0 0 auto; order: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-help { padding: 3px 5px; font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-close { padding: 5px 7px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-formulary-toggle { position: static; flex: 0 0 auto; padding: 4px 5px; font: 10px/1.3 var(--dr-font-body); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-header-title { font-size: 12px; line-height: 1.4; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-marker { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-head { padding: 7px 9px; gap: 4px 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-nav { padding: 3px; gap: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-nav button { min-height: 32px; padding: 7px; font-size: 11px; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-clinical-scroll { padding: 7px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-header { padding: 6px 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-patient { white-space: nowrap; overflow-x: auto; min-width: 0; max-width: 100%; font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-document-context { font-size: 9px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-views { gap: 9px; padding: 0 8px; overflow-x: auto; flex-shrink: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-note-views button { white-space: nowrap; font-size: 10px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev2-bhc-paragraph { font: 13px/1.45 var(--dr-font-body); } /* Keep the existing floating clinical-chat control clear of note actions. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-finalize-host { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 5px; max-height: 138px; overflow-y: auto; padding: 6px 64px 6px 8px; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-finalize-status { flex: 0 0 auto; font-size: 10px; line-height: 1.4; } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-finalize-bar-cta { flex: 0 0 auto; width: 100%; max-width: 100%; flex-wrap: nowrap; gap: 5px; justify-content: flex-end; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-jump-blocker-btn, .nev-finalize-cta-btn) { min-width: 0; padding: 5px 7px; font-size: 10px; line-height: 1.3; letter-spacing: 0; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-jump-blocker-btn { flex: 1 1 auto; white-space: normal; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-finalize-cta-btn { flex: 0 0 auto; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #voice-command-bar { left: 8px; right: 8px; width: auto; max-width: calc(100vw - 16px); transform: none; padding: 7px; gap: 6px; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #voice-command-bar .voice-bar-left { flex: 0 0 auto; gap: 5px; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #voice-command-bar .voice-bar-center { flex: 1 1 0; min-width: 0; padding: 0; overflow: hidden; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #voice-command-bar .voice-bar-right { flex: 0 1 92px; min-width: 0; } body:has(#noteEvolutionTakeover[data-nev-clinical="on"]) #voice-command-bar :is(.voice-bar-patient, .patient-name) { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 430px) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-header-title { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-takeover-actions { margin-left: auto; gap: 3px; } } @media (any-pointer: coarse) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] :is(.nev-clinical-source-chip, .nev-clinical-decisions button, .nev-clinical-revise-chip, .nev-clinical-expand) { min-height: 34px; } } /* 6a card anatomy reuses the existing capture, care and note decision hosts. */ #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { --nev6-harvest-dim: color-mix(in srgb, var(--dr-harvest, #D4A040) 40%, transparent); --nev6-harvest-ghost: color-mix(in srgb, var(--dr-harvest, #D4A040) 6%, transparent); --nev6-teal-dim: color-mix(in srgb, var(--dr-teal, #4CC4B4) 40%, transparent); --nev6-teal-ghost: color-mix(in srgb, var(--dr-teal, #4CC4B4) 6%, transparent); --nev6-radius: 4px; color: var(--dr-crema, #FFF7EE); & .nev-column[data-column="left"] .nev-column-header { flex-wrap: wrap; gap: 4px 8px; } & .nev6-entry-filters { display: flex; gap: 3px; margin-left: auto; } & .nev6-entry-filters button, & .nev6-story-window button { padding: 2px 4px; border: 1px solid var(--nev-clinical-border); border-radius: 2px; background: transparent; color: var(--nev-clinical-muted); font: 9px/1.4 var(--dr-font-mono); cursor: pointer; } & .nev6-entry-filters button[aria-pressed="true"] { color: var(--nev2-surface-0); background: var(--dr-harvest, #D4A040); border-color: var(--dr-harvest, #D4A040); } & .nev-entry-time-group { display: flex; justify-content: space-between; gap: 8px; position: sticky; top: 0; z-index: 2; padding: 6px 2px 4px; background: var(--nev2-surface-0); border-bottom: 1px solid var(--nev-clinical-border); font: 600 9.5px/1.4 var(--dr-font-mono); color: var(--dr-brass, #BFA162); } & .nev6-group-count { color: var(--nev-clinical-muted); font-weight: 400; white-space: nowrap; } & .nev-entry-card { grid-template-columns: 64px minmax(0, 1fr); gap: 4px 10px; padding: 9px 10px 9px 8px; margin: 4px 0 0; border-left: 3px solid var(--dr-harvest, #D4A040); border-radius: var(--nev6-radius); box-shadow: inset 0 1px 0 #ffffff0a, 0 3px 8px -4px #000c; } & .nev-entry-card[data-kind="data"] { padding-top: 6px; padding-bottom: 6px; background: var(--nev2-surface-1); border-left-color: var(--dr-teal, #4CC4B4); } & .nev-entry-card.is-unanchored { border-left-color: var(--nev-clinical-muted); border-left-style: dashed; } & .nev-entry-card .nev-entry-meta { grid-row: 1 / span 6; gap: 4px; } & .nev-entry-scribe-actions { grid-column: 2; grid-row: auto; } & .nev-entry-data-toggle { flex-wrap: wrap; } & .nev-entry-data-preview { flex-basis: 100%; } & .nev-entry-card:is(.is-selected, .is-thread, .is-highlighted) { background: var(--nev2-surface-1); outline: 0; box-shadow: inset 0 0 0 1px rgba(255,248,240,.22); } & .nev-entry-card .nev-entry-time { font: 700 13px/1.3 var(--dr-font-mono); color: var(--dr-crema, #FFF7EE); } & .nev6-entry-kind { padding: 1px 3px; border: 1px solid var(--nev6-harvest-dim); color: var(--dr-harvest, #D4A040); background: var(--nev6-harvest-ghost); font: 600 8.5px/1.2 var(--dr-font-mono); letter-spacing: .1em; } & [data-kind="data"] .nev6-entry-kind { color: var(--dr-teal, #4CC4B4); border-color: var(--nev6-teal-dim); background: var(--nev6-teal-ghost); } & .nev-entry-card[data-kind="data"] .nev-entry-source { display: inline; } & .nev-entry-card .nev-entry-source { font: 9px/1.35 var(--dr-font-mono); } & .nev-entry-card .nev-entry-text { font: 13.5px/1.5 var(--dr-font-body); color: var(--dr-crema, #FFF7EE); } & .nev-entry-card[data-kind="data"] .nev-entry-text, & .nev-entry-data-preview { font: 11.5px/1.45 var(--dr-font-mono); color: var(--dr-bone, #EBE1D7); } & .nev-entry-data-summary { font: 9.5px/1.4 var(--dr-font-mono); color: var(--nev-clinical-muted); } & .nev-routing-chip::before { content: '→ '; } & .nev-entry-address-token::before { content: '● '; } & .nev-entry-status { font: 600 9px/1.4 var(--dr-font-mono); text-transform: uppercase; margin-left: auto; } & .nev6-route { min-width: 0; max-width: 100%; padding: 2px; font: 9px/1.4 var(--dr-font-mono); color: var(--dr-bone, #EBE1D7); background: var(--nev2-surface-1); border: 1px solid var(--nev-clinical-border); } & .nev2-note-scroll { padding: 12px 16px 14px; background: var(--nev2-surface-0); box-shadow: inset 0 10px 14px -12px #000e; } & .nev2-note-scroll > .nev2-section { margin-bottom: 10px; padding: 9px 12px 10px; border-left: 3px solid var(--nev-clinical-border); border-radius: var(--nev6-radius); box-shadow: inset 0 1px 0 #ffffff0d, 0 6px 14px -6px #000c; } & .nev2-section[data-state="proposed"] { border-left-color: var(--nev-clinical-border); } & .nev2-section[data-state^="accepted"] { border-left-color: var(--nev6-teal-dim); } & .nev2-section:is(.is-thread, .is-focus), & .nev-entry-card.is-selected { outline: 0; box-shadow: inset 0 0 0 1px rgba(255,248,240,.22); } & .nev2-section-title-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 8px; } & .nev2-section-title { font: 600 15px/1.4 var(--dr-font-body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } & .nev2-section-title-row > .nev2-tag { display: none; } & .nev2-address-token { width: 26px; min-width: 26px; height: 22px; padding: 1px; font: 600 10px/1.4 var(--dr-font-mono); border: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-0); color: var(--dr-bone, #EBE1D7); } & .nev2-section[data-state="proposed"] .nev2-address-token { color: var(--dr-bone, #EBE1D7); border-color: var(--nev-clinical-border); } & .nev6-course { display: flex; align-items: center; justify-content: flex-end; gap: 3px; } & .nev6-course .nea-cell { flex: 0 0 8px; width: 8px; min-width: 8px; height: 8px; min-height: 8px; padding: 0; border: 0; } & .nev6-day-state, & .nev6-onset { padding: 1px 4px; border: 1px solid currentColor; font: 500 11px/1.3 var(--dr-font-body); white-space: nowrap; } & .nev6-day-state[data-s="critical"] { color: var(--nev-critical-label); } & .nev6-course .nea-cell[data-s="critical"] { background: var(--nev-critical-rail); } & .nev6-day-state[data-s="worsening"] { color: var(--nev-worsening-label); } & .nev6-course .nea-cell[data-s="worsening"] { background: var(--nev-worsening-rail); } & .nev6-day-state[data-s="active"] { color: var(--nev-active-label); } & .nev6-course .nea-cell[data-s="active"] { background: var(--nev-active-rail); } & .nev6-day-state[data-s="improving"] { color: var(--nev-improving-label); } & .nev6-course .nea-cell[data-s="improving"] { background: var(--nev-improving-rail); } & .nev6-day-state[data-s="stable"] { color: var(--nev-stable-label); } & .nev6-course .nea-cell[data-s="stable"] { background: var(--nev-stable-rail); } & .nev6-day-state[data-s="resolved"] { color: var(--nev-clinical-muted); } & .nev6-course .nea-cell[data-s="resolved"] { background: var(--nev-clinical-border); } & .nev6-onset { color: var(--nev-clinical-muted); border-color: var(--nev-clinical-border); } & .nev2-section[data-collapsed="1"] > .nev2-section-excerpt { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 4px 0 0 36px; font: 12.5px/1.5 var(--dr-font-body); } & .nev-problem-band-decision.drc-native-review { padding: 0; margin: 8px 0 0 36px; border: 0; background: transparent; } & .drc-native-review > .drc-native-state { display: none; } & .drc-native-review > .nea-block.nev6-rewrite { margin: 0; padding: 9px 12px 10px; border: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-1); border-radius: var(--nev6-radius); } & .nea-head { align-items: center; gap: 4px 8px; margin-bottom: 7px; } & .nev6-patch-code { padding: 2px 5px; color: var(--dr-bone, #EBE1D7); background: var(--nev2-surface-3); font: 700 10px/1.3 var(--dr-font-mono); white-space: nowrap; } & .nea-head .nea-badge { color: var(--dr-bone, #EBE1D7); padding: 0; border: 0; font: 600 10px/1.4 var(--dr-font-mono); } & .nea-head .nea-count { color: var(--nev-clinical-muted); font: 9.5px/1.4 var(--dr-font-mono); } & .nev6-grounding { margin-left: auto; font: 600 9px/1.4 var(--dr-font-mono); color: var(--dr-teal, #4CC4B4); } & .nev6-grounding[data-evidence="weak"], & .nev6-grounding[data-evidence="missing"] { color: var(--dr-burnt-sienna, #C75B39); } & .nea-lines { padding: 8px 11px; border: 1px solid var(--nev-clinical-border); background: var(--nev2-surface-0); } & .nea-line { padding: 0; border: 0; font: 13.5px/1.55 var(--dr-font-body); color: var(--dr-bone, #EBE1D7); } & .nea-phrase { padding: 0 3px; border-radius: 2px; background: var(--nev6-teal-ghost); box-shadow: inset 0 -1px 0 var(--nev6-teal-dim); } & .nev6-base-context { margin: 6px 0; color: var(--nev-clinical-muted); font: 10px/1.5 var(--dr-font-mono); } & .nev6-base-context summary { cursor: pointer; } & .nev6-base-context pre { white-space: pre-wrap; font: 12.5px/1.5 var(--dr-font-body); } & .nea-fed { margin-top: 6px; } & .nea-fed button { font-size: 9.5px; } & .nea-acts .nev-bn-ab-row { flex-wrap: wrap; gap: 5px; } & kbd { padding: 0 2px; border: 1px solid currentColor; border-radius: 2px; font: 9px var(--dr-font-mono); opacity: .7; } & .nev6-receipt { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px; margin-top: 7px; padding: 8px 12px; border: 1px solid var(--nev6-teal-dim); border-left: 3px solid var(--dr-teal, #4CC4B4); color: var(--dr-teal, #4CC4B4); background: var(--nev6-teal-ghost); } & .nev6-receipt strong { font: 600 10px/1.4 var(--dr-font-mono); } & .nev6-receipt > span { font: 10.5px/1.5 var(--dr-font-mono); color: var(--nev-clinical-muted); } & .nev6-receipt .nev-bn-ab-row { margin-left: auto; } & .nev6-receipt[data-status="rejected"] { background: transparent; color: var(--nev-clinical-muted); border-color: var(--nev-clinical-border); } & .nev6-refine-title { color: var(--dr-harvest, #D4A040); font: 600 10px/1.5 var(--dr-font-mono); margin-bottom: 6px; } & .nev6-story-window { display: flex; align-items: center; gap: 4px; margin-left: auto; font: 9px var(--dr-font-mono); } & .nev6-story-window button:disabled { opacity: .4; cursor: default; } & [data-story-open="1"] .nev2-story-table.nev6-story-table { width: 100%; min-width: 0; table-layout: fixed; } & .nev6-story-table th:first-child { width: 32%; max-width: 200px; } & .nev2-story-col, & .nev2-story-cell { width: auto; min-width: 0; } & .nev2-story-cell[data-state="active"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-brass, #BFA162) 45%, var(--nev2-surface-1)); } & .nev2-story-cell[data-state="stable"] .nev2-story-glyph { background: var(--dr-deep, #3C2A21); } & .nev2-story-cell[data-state="resolved"] .nev2-story-glyph { background: color-mix(in srgb, var(--dr-olive, #879A39) 50%, var(--nev2-surface-1)); } & .nev2-story-cell[data-carried="true"] .nev2-story-glyph { background: transparent; } & .nev-clinical-day-sheet { max-height: 28%; background: var(--nev2-surface-2); } & .nev-clinical-day-sheet h3 { display: flex; justify-content: space-between; gap: 6px; } & .nev6-day-counts { color: var(--dr-harvest, #D4A040); } & .nev-clinical-day-sheet button { grid-template-columns: minmax(85px, 150px) 78px minmax(0, 1fr); gap: 4px 10px; } & .nev6-plan-label { color: var(--nev-clinical-muted); font: 9px/1.5 var(--dr-font-mono); } & .nev-provenance-overlay { z-index: 5; } & .nev-provenance-path { fill: none; stroke: var(--dr-harvest, #D4A040); stroke-width: 2; stroke-opacity: .95; stroke-dasharray: 1; animation: nev6-thread-in 450ms cubic-bezier(.4,0,.2,1) both; } & .nev6-thread-glow { fill: none; stroke: var(--dr-harvest, #D4A040); stroke-width: 8; stroke-opacity: .16; } & .nev6-thread-dot { stroke: var(--dr-harvest, #D4A040); stroke-width: 1.2; fill: var(--dr-harvest, #D4A040); } & .nev6-thread-dot--entry { fill: var(--nev2-surface-0); } & .nev6-rewrite { animation: nev6-rewrite-in 250ms ease-out; } & .nev6-receipt { animation: nev6-receipt-in 220ms ease-out; } & :is(.nev-entry-card, .nev2-section, button) { transition: background-color 150ms, border-color 150ms; } } @keyframes nev6-thread-in { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } } @keyframes nev6-rewrite-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } @keyframes nev6-receipt-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 1600px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev6-course { flex-wrap: wrap; max-width: 125px; } } @media (max-width: 900px) { #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev2-note-scroll { padding: 8px; } & .nev-problem-band-decision.drc-native-review { margin-left: 0; } & .nev2-section-title-row { grid-template-columns: 26px minmax(0, 1fr); } & .nev6-course { grid-column: 2; max-width: none; justify-content: flex-start; } & .nev-clinical-day-sheet button { grid-template-columns: minmax(80px, 1fr) 70px minmax(0, 1.2fr); } } } @media (prefers-reduced-motion: reduce) { #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] *, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] *::before, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] *::after { animation-duration: 0s !important; animation-delay: 0s !important; transition-duration: 0s !important; scroll-behavior: auto !important; } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev6-bhc-fold > summary { display: flex; align-items: baseline; gap: 10px; cursor: pointer; font: 600 10px/1.5 var(--dr-font-mono); color: var(--nev-clinical-muted); } & .nev6-bhc-fold > summary::before { content: '▸'; } & .nev6-bhc-fold[open] > summary::before { content: '▾'; } & .nev6-bhc-fold > summary > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 12.5px/1.5 var(--dr-font-body); font-weight: 400; } & .nev6-bhc-fold[open] > summary > span { display: none; } & .nev6-day-state { align-self: start; } & .nev2-story-head { flex-wrap: wrap; min-height: 34px; gap: 4px; } & .nev2-story-coverage { flex: 1 0 100%; } & .nev-clinical-day-sheet .nev6-day-change span:last-child { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev-status-hud { display: flex; flex: 0 0 auto; margin: 0; padding: 7px 12px; border-bottom: 1px solid var(--nev-clinical-border); color: var(--nev-clinical-muted); font: 11px/1.45 var(--dr-font-body); } & :is(.nev-entry-propose-btn, [data-nev-action="update-documentation"]) { color: var(--dr-bone, #EBE1D7); background: transparent; border: 1px solid var(--nev-clinical-border); border-radius: 3px; padding: 5px 8px; cursor: pointer; } & .nev-entry-data-context { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 4px 10px; font: 10px/1.5 var(--dr-font-mono); color: var(--nev-clinical-muted); } & .nev-entry-card[data-kind="data"][data-expanded="0"] .nev-entry-scribe-actions { display: flex; } & .nev-entry-card[data-kind="data"][data-expanded="1"] { max-height: min(420px, 55dvh); overflow: auto; overscroll-behavior: contain; } & .nev-entry-card[data-kind="data"] .nev-entry-routing :is(.nev-entry-status, .nev-entry-scribe-state) { display: none; } } /* Companion cards and the clinical shell share the selected light palette. */ :root[data-roast-theme="cold-brew"] #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { --dr-crema: #2E241B; --dr-bone: #3D3024; --dr-mocha: #62503D; --dr-harvest: #805500; --dr-teal: #00645D; --dr-brass: #77600D; --dr-burnt-sienna: #983C27; --dr-olive: #4C610F; --dr-magenta: #933B62; --nev2-surface-0: #DFD5C3; --nev2-surface-1: #F6EFE3; --nev2-surface-2: #ECE1CF; --nev2-surface-3: #E2D4BF; --nev2-ink: #2E241B; --nev-clinical-muted: #62503D; --nev-clinical-border: #9D8B72; --nev-state-label: #62503D; --nev-active-rail: #a65c09; --nev-active-label: #805000; --nev-active-surface: #ecd0ac; --nev-worsening-rail: #ad366b; --nev-worsening-label: #8a2854; --nev-worsening-surface: #ebc5d3; --nev-critical-rail: #b6382c; --nev-critical-label: #922b20; --nev-critical-surface: #e9c2b5; --nev-improving-rail: #00786b; --nev-improving-label: #00645d; --nev-stable-rail: #667d19; --nev-stable-label: #4c610f; --drc-ink: #2E241B; --drc-body: #3D3024; --drc-muted: #62503D; --drc-border: #9D8B72; --drc-base: #ECE1CF; --drc-teal: #00645D; & :is(.nev2-note-head, .nev2-note-foot, .nev-finalize-host, .nev-finalize-bar, .nev-entry-textarea, .nev6-bhc-fold) { background: var(--nev2-surface-1); color: var(--dr-crema); } & :is(.nev2-section-title, .nev-entry-day, .nev6-entry-filters button, .nev6-story-window button, .nev2-story-toggle, .nev-clinical-source-chip, .nev-clinical-head button, .nev-entry-composer button, .nev-entry-textarea, .nev2-note-view, .nev-bn-ab-btn, .nev6-base-context summary) { color: var(--dr-crema); } & .nev2-story-cell[data-state="stable"] .nev2-story-glyph { background: #C7B89D; color: #2E241B; } & .nev2-story-cell[data-carried="true"] .nev2-story-glyph { background: transparent; color: #62503D; } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev6-bhc-story-state { padding: 3px 8px; font: 9px/1.5 var(--dr-font-mono); color: var(--nev-clinical-muted); } & [data-nev6-settle="true"] .nea-line:is([data-kind="changed"], [data-kind="added"]) { animation: nev6-accept-wash 1.4s ease-out var(--nev6-settle-delay, 0ms) both; } & .nev6-thread-dot { transform-box: fill-box; transform-origin: center; animation: nev6-dot-in 200ms ease-out both; } & .nev6-thread-dot--card { animation-delay: 350ms; } & .nev-blocker-banner { margin: 0; padding: 4px 10px; min-height: 0; font: 10px/1.5 var(--dr-font-mono); } & .nev6-bhc-fold > summary { white-space: nowrap; } & .nev6-bhc-fold > summary > span { flex: 1; min-width: 0; } } @keyframes nev6-accept-wash { from { background: rgba(76,196,180,.28); } to { background: transparent; } } @keyframes nev6-dot-in { from { transform: scale(0); } to { transform: scale(1); } } #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev-takeover-header > button { flex: 0 0 auto; width: auto; white-space: nowrap; } & .nev2-document-header { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 34px; padding: 6px 10px; } & .nev2-document-title { font: 600 10.5px/1.4 var(--dr-font-mono); text-transform: uppercase; } & .nev2-document-patient { display: none; } & .nev2-document-context { font: 10px/1.4 var(--dr-font-mono); } & .nev2-document-status { position: static; margin-left: auto; font: 9px/1.4 var(--dr-font-mono); } } :root[data-roast-theme="cold-brew"] #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] { & .nev2-document-header { background: var(--nev2-surface-1); color: var(--dr-crema); } & :is(.nev2-document-title, .nev2-document-context, .nev2-document-status, .nev-finalize-summary, .nev-finalize-helper, .nev2-note-views button, .nev-entry-timing-toggle, .nev-entry-compose-options, .nea-count, .nev-entry-data-summary, .nea-fed, .nea-fed > span:first-child, .nea-fed button) { color: var(--dr-crema); } & .nev-entry-textarea::placeholder { color: var(--nev-clinical-muted); opacity: 1; } & .nev-bhc-review-band { background: var(--nev2-surface-1); border-color: var(--nev-clinical-border); } } :root[data-roast-theme="cold-brew"] #noteEvolutionTakeover[data-nev-v2][data-nev-wide][data-nev-desk="note-first"][data-nev-clinical="on"] .nev-bn-ab-btn[data-nev-ab="accept"] { background: var(--dr-teal); color: #FFF7EE; } /* ── DOCTOR FACE (2026-09-24), clinical desk. Same rule as the tapestry: system words off the row, nothing the doctor reads under 11px, no all-caps mono for a status. Rollback = delete this block. */ #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-keys { display: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-state-label { font: 600 11px/1.4 var(--dr-font-body); text-transform: none; } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev-state-asof { font: 11.5px/1.5 var(--dr-font-mono); } #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-sub, #noteEvolutionTakeover[data-nev-v2][data-nev-clinical="on"] .nev6-counts { font-size: 11.5px; }