post view: restore the post-line grid layout (author | text | time, bordered + rounded) minus the --priUser fill & box-shadow — outlined rows, not filled pills

Follow-up to the reelhouse recolor: the POST thread keeps its earlier per-line grid (author / text / time columns, 0.1rem --secUser border at the .form-control radius, margin/padding) but drops the background-color + box-shadow per user-spec, so the lines read as outlined rows on the plain wash. The filled-pill chrome remains salvaged in YARN.

- bundled (parallel work): rootvars.scss ongoing palette tuning (--terPer + neighbouring slots).

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

src/static_src/scss/_room.scss

@@ -299,9 +299,11 @@ html.sea-open .room-aperture.is-scrollable {
             background-color: rgba(var(--sepUser), 1);
         }
 
-        // Bare-<ul> normalization only — no list bullets/indent (there's no
+        // The post-lines keep their earlier grid layout — author | text | time,
-        // global ul reset), so the thread reads as plain feed rows on the
+        // bordered + rounded at the .form-control radius — but WITHOUT the
-        // default wash rather than a bulleted list. The pill chrome is gone.
+        // --priUser fill or box-shadow (user-spec): outlined rows, not filled
+        // pills (the filled-pill chrome lives in YARN now). list-style reset
+        // since there's no global ul reset.
         #id_post_table {
             list-style: none;
             margin: 0;
@@ -309,6 +311,33 @@ html.sea-open .room-aperture.is-scrollable {
             flex: 1;
             min-height: 0;
             overflow-y: auto;
+
+            .post-line {
+                display: grid;
+                grid-template-columns: minmax(4rem, auto) 1fr minmax(3rem, auto);
+                align-items: baseline;
+                gap: 0.5rem;
+                width: 100%;
+                border: 0.1rem solid rgba(var(--secUser), 0.5);
+                border-radius: calc((1rem + 1em) / 3);   // == .form-control radius
+                margin: 0.35rem 0;
+                padding: 0.5rem 0.75rem;
+
+                .post-line-author {
+                    font-weight: bold;
+                    color: rgba(var(--quaUser), 1);
+                    white-space: nowrap;
+                    font-size: 0.85rem;
+                }
+                .post-line-text { min-width: 0; overflow-wrap: anywhere; }
+                .post-line-time {
+                    font-size: 0.75rem;
+                    opacity: 0.5;
+                    text-align: right;
+                    white-space: nowrap;
+                }
+            }
+            .post-line-buffer { flex-shrink: 0; height: 0.25rem; }
         }
 
         // Composer stays a flex row: the OK btn sits inline beside the "Enter a

src/static_src/scss/rootvars.scss

@@ -292,11 +292,18 @@
     --sixPer: 206, 201, 242;
     // polished marble (Confession)
     --priMrb: 231, 233, 234;
-    --secMrb: 115, 116, 117;
+    --secMrb: 185, 186, 187;
-    --terMrb: 55, 56, 57;
+    --terMrb: 115, 116, 117;
+    --quaMrb: 85, 86, 87;
+    --quiMrb: 55, 56, 57;
+    --sixMrb: 25, 26, 27;
     // flaming porphyry (Satisfaction)
-    --priPhy: 200, 55, 66;
+    --priPhy: 250, 105, 116;
-    --secPhy: 75, 31, 48;
+    --secPhy: 200, 85, 92;
+    --terPhy: 150, 55, 66;
+    --quaPhy: 120, 49, 54;
+    --quiPhy: 75, 31, 48;
+    --sixPhy: 66, 20, 32;
     // threshold of adamant (Absolution)
     --priAdm: 35, 40, 43;
     --secAdm: 75, 81, 84;
@@ -417,10 +424,10 @@
     --secUser: var(--quaAdm);
     --terUser: var(--sixAdm);
     --quaUser: var(--priPhy);
-    --quiUser: var(--secPhy);
+    --quiUser: var(--quiPhy);
-    --sixUser: var(--priMrb);
+    --sixUser: var(--terPer);
-    --sepUser: var(--terPer);
+    --sepUser: var(--quaMrb);
-    --octUser: var(--terMrb);
+    --octUser: var(--priPer);
     --ninUser: var(--sixPer);
     --decUser: var(--terMrb);
 }