stage-15: NN-sc app icon in the topbar

psyc carries its neuronetz application identity — the NN-sc (Security/Control)
icon replaces the plain text family tag in the topbar. The icon was cropped
from the design-kit NN-* grid and its baked-in checkerboard flood-filled to
transparent.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/psyc/cockpit/static/cockpit.css

@@ -33,7 +33,7 @@ code { background: var(--panel-2); padding: 1px 5px; border-radius: 3px; }
 
 /* Space Grotesk for headings + chrome (neuronetz family type); data stays monospace */
 h1, h2, h3,
-.brand-sub, .nav a, .family-tag, .family-hub, .bot-name { font-family: var(--font-display); }
+.brand-sub, .nav a, .family-hub, .bot-name { font-family: var(--font-display); }
 
 /* one-line purpose statement under a page title */
 .page-intro { color: var(--muted); font-size: 13px; line-height: 1.55; margin: 4px 0 10px; max-width: 74ch; }
@@ -85,10 +85,9 @@ h1, h2, h3,
 
 /* neuronetz family framing — right of the topbar */
 .family { display: flex; align-items: center; gap: 14px; }
-.family-tag {
-  font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
-  color: var(--accent); background: var(--panel-2);
-  border: 1px solid var(--border); border-radius: 4px; padding: 3px 9px;
+.family-icon {
+  height: 32px; width: auto; display: block;
+  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.55));
 }
 .family-hub { color: var(--muted); font-size: 12px; }
 .family-hub:hover { color: var(--accent); text-decoration: none; }

src/psyc/cockpit/templates/base.html

@@ -22,7 +22,7 @@
       <a href="/train">Trainline</a>
     </nav>
     <div class="family">
-      <span class="family-tag">NN-sc · Security</span>
+      <img class="family-icon" src="/static/nn-sc-icon.png" alt="NN-sc — Security/Control" title="NN-sc · Security — psyc, the security app of the neuronetz platform">
       <a class="family-hub" href="https://neuronetz.ai" target="_blank" rel="noopener">neuronetz.ai ▸</a>
     </div>
   </header>