post composer: OK btn + orientation-aware right clamp; #id_post_line_text styling — TDD

The Billpost composer (#id_post_line_text) now matches the other composers and prepares the pattern for room.html.

1. OK .btn-confirm (#id_post_line_btn) added to the editable post-line form, in a flex .composer-row beside the input (read-only system Posts — note_unlock / tax_ledger / mail_acceptance — invite no response, so get no OK). #id_post_line_text also joins the composer-input styling selector in _applets.scss (700 weight + duoUser fill + terUser focus + priUser placeholder).

2. Orientation-aware right clamp on .post-line-form so the OK btn clears the bottom-right corner button:
   - portrait: margin-right 3.5rem — clears the gear (.post-page > .gear-btn, right:0.5rem, 3rem wide → 3.5rem slot).
   - landscape: margin-right 7.2rem — clears the burger slot (#id_burger_btn lands at right:4.2rem, 3rem wide → its left edge sits 7.2rem from the viewport's right edge; this also clears the bud at right:0.5rem). post.html carries no burger (room.html will) — the slot is reserved for parity.
   .composer-row is flex (input flex:1 + OK); the read-only input keeps width:100%.

Bundled: rootvars --terPer felt retune (82,71,138).

Tests: PostViewTest ITs (editable post renders the OK .btn-confirm in .composer-row; read-only system post does not); functional_tests/test_bill_post_composer FTs (portrait OK right edge <= gear left edge; landscape OK right edge >= 7.2rem in from the viewport edge). 12 PostViewTest ITs + 442 dashboard/billboard ITs + 2 composer FTs + test_bill_new_post FT (ENTER-submit through the composer-row) green.

[[project-room-scroll-of-events]]

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/static_src/scss/_applets.scss

@@ -98,13 +98,14 @@
 }
 #id_bud_menu               { @extend %applet-menu; }
 
-// New Game / New Post composer line-inputs — mirror the My Sky form-col inputs
-// (`_sky.scss` .sky-form-col input): bolder text + a terUser focus shift. The
-// duoUser fill, secUser default text, and terUser border/glow on focus already
-// come from `.form-control`; these only add the 700 weight and the focus
-// text-colour. room.html's #id_room_post_text joins this list when it lands.
+// New Game / New Post / Bill Post composer line-inputs — mirror the My Sky
+// form-col inputs (`_sky.scss` .sky-form-col input): bolder text, a duoUser
+// fill, a terUser focus shift + a priUser placeholder. The secUser text and
+// terUser border/glow on focus already come from `.form-control`.
+// room.html's #id_room_post_text joins this list when it lands.
 #id_new_game_name,
-#id_new_post_text {
+#id_new_post_text,
+#id_post_line_text {
     font-weight: 700;
     background-color: rgba(var(--duoUser), 1);
 

src/static_src/scss/_billboard.scss

@@ -343,6 +343,28 @@ body.page-billposts {
         flex-shrink: 0;
         margin: 0;
         padding-top: 0.25rem;
+        // Clamp the composer's right edge so the OK btn clears the bottom-right
+        // corner button: the gear (right:0.5rem, 3rem wide → 3.5rem slot) in
+        // portrait; the burger (#id_burger_btn lands at right:4.2rem in
+        // landscape → 7.2rem slot, also clearing the bud at right:0.5rem) in
+        // landscape. (room.html carries the burger; post.html only the bud, but
+        // the slot is reserved for parity.)
+        margin-right: 3.5rem;
+        @media (orientation: landscape) {
+            margin-right: 7.2rem;
+        }
+
+        // Editable composer: line input + OK button on one row.
+        .composer-row {
+            display: flex;
+            gap: 0.5rem;
+            align-items: center;
+        }
+        .composer-row input.form-control {
+            flex: 1;
+            min-width: 0;
+            width: auto;
+        }
 
         input.form-control {
             width: 100%;

src/static_src/scss/rootvars.scss

@@ -231,7 +231,7 @@
     // forest
     --priFor: 124, 156, 89;
     --secFor: 94, 124, 61;
-    --terFor: 74, 102, 43;
+    --terFor: 69, 102, 43;
 
     /* Technoman Hue */
     // carbon steel
@@ -286,7 +286,7 @@
     // crumbling perse (Contrition)
     --priPer: 34, 30, 77;
     --secPer: 52, 45, 99;
-    --terPer: 88, 77, 145;
+    --terPer: 82, 71, 138;
     --quaPer: 127, 116, 194;
     --quiPer: 164, 160, 222;
     --sixPer: 206, 201, 242;