Keep the terminal placeholder rule on the component stylesheet.

The global duplicate violated the component-owned selector rule; the surviving rule still pins subtle text at full opacity.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/app/shared/terminal/terminal-dock.spec.ts

@@ -505,8 +505,10 @@ describe('terminal dock stylesheet', () => {
     const reduceBlock = css.slice(css.indexOf('prefers-reduced-motion'));
     expect(reduceBlock).toMatch(/\.terminal-dock-panel\s*\{[^}]*animation:\s*none/);
 
-    expect(css).toMatch(
-      /\.terminal-dock-form input::placeholder[\s\S]*?color:\s*var\(--color-text-subtle\)[\s\S]*?opacity:\s*1/,
-    );
+    const placeholderStart = css.indexOf('.terminal-dock-form input::placeholder');
+    expect(placeholderStart).toBeGreaterThan(-1);
+    const placeholderBlock = css.slice(placeholderStart, css.indexOf('}', placeholderStart) + 1);
+    expect(placeholderBlock).toContain('color: var(--color-text-subtle)');
+    expect(placeholderBlock).toContain('opacity: 1');
   });
 });

src/styles.scss

@@ -185,11 +185,6 @@ body {
   }
 }
 
-.terminal-dock-form input::placeholder {
-  color: var(--color-text-subtle);
-  opacity: 1;
-}
-
 .content-container {
   width: min(100% - 2 * var(--content-gutter), var(--content-max));
   margin-inline: auto;