Admin: Live-Konsole der Container und Live-Log der Docker-Hosts (nur lesen, Passwörter ausgeblendet)

client/src/styles.css

@@ -752,3 +752,20 @@ input:focus, select:focus { border-color: var(--link); outline: none; }
 .chat-form input { flex: 1; min-width: 0; }
 .chat-closed { margin: 0; padding: 10px 16px; border-top: 1px solid var(--line); }
 .chat-box .field-error { margin: 0 16px 10px; }
+/* Live-Konsole der Container */
+.console-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 16px; background: rgba(var(--bg-rgb), .78); }
+.console-dialog { display: flex; flex-direction: column; width: min(1100px, 100%); height: min(760px, 100%); background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius); overflow: hidden; }
+.console-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
+.console-head strong { font: 700 1.1rem var(--display); margin-right: auto; }
+.console-status { font-size: .8rem; color: var(--muted); }
+.console-status.is-live { color: var(--ok); }
+.console-status.is-live::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--ok); vertical-align: middle; }
+.console-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 16px; border-bottom: 1px solid var(--line); }
+.console-tools input[type="search"] { flex: 1 1 200px; min-width: 0; }
+.console-out { flex: 1; margin: 0; padding: 12px 16px; overflow: auto; background: #05060a; color: #cfd6e6; font: .8rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
+.console-note { margin: 0; padding: 6px 16px 10px; }
+.host-log-btn { margin-left: 4px; }
+@media (max-width: 600px) {
+  .console-backdrop { padding: 0; }
+  .console-dialog { height: 100%; border-radius: 0; }
+}