ON_OFF Phase 0-3: service-controller (.13:8443, token-gated, containers+systemd-user, audit log) + portal toggle cards (live status, per-user who, failed token, RAM) — full E2E verified

portal/static/app.css

@@ -385,3 +385,23 @@ button.button, input[type="submit"].button { font-family: inherit; }
 .section-toggle:hover { opacity: 1; }
 .section.collapsed .section-toggle { transform: rotate(-90deg); }
 .section.collapsed .tool-grid { display: none; }
+
+/* ---------- ON/OFF service strip (ON_OFF.md) ---------- */
+.svc-strip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 2px;
+  padding-top: 10px;
+  border-top: 1px dashed var(--hairline);
+}
+.svc-state { display: inline-flex; align-items: center; gap: 6px; font: var(--type-caption); color: var(--ink-muted); }
+.svc-dot { width: 8px; height: 8px; border-radius: var(--rounded-full); }
+.svc-dot.svc-on { background: var(--accent-green, #1aae39); }
+.svc-dot.svc-off { background: var(--ink-faint, #a39e98); }
+.svc-dot.svc-trans { background: var(--accent-orange, #dd5b00); animation: pulse 1.2s ease-in-out infinite; }
+.svc-dot.svc-fail { background: #d33a2b; }
+@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
+.svc-ram { margin-left: auto; font: var(--type-caption); color: var(--ink-faint); white-space: nowrap; }
+.button-sm { padding: 4px 10px; font-size: 12px; }
+[data-theme="dark"] .svc-dot.svc-fail { background: #ff6b5e; }

portal/static/tokens.css

@@ -36,6 +36,7 @@
   --sticker-orange: #dd5b00;   /* audio */
   --sticker-teal: #2a9d99;     /* docs */
   --sticker-green: #1aae39;    /* status: online/saved */
+  --sticker-red: #d33a2b;     /* status: failed / error (ON_OFF.md decision) */
   --sticker-purple-deep: #391c57; /* illustration only */
   --sticker-orange-deep: #793400; /* illustration only */