Custom Commands: Typen (Hintergrund/Vordergrund/Nachricht) mit Output-Modal

wwwroot/css/chat.css

@@ -449,3 +449,56 @@
   opacity: var(--semi-transparent);
   padding: 2em;
 }
+
+/* Command Output Modal */
+
+.cmd-output-modal {
+  max-width: 800px;
+}
+
+.cmd-output-meta {
+  display: flex;
+  align-items: center;
+  gap: var(--badge-spacing);
+  padding-bottom: var(--box-spacing);
+  border-bottom: var(--border-width) solid var(--f1-border);
+  margin-bottom: var(--box-spacing);
+  flex-wrap: wrap;
+}
+
+.cmd-output-meta code {
+  flex: 1;
+  font-family: var(--mono);
+  font-size: var(--mono-size);
+  opacity: var(--semi-transparent);
+}
+
+.cmd-exit-code {
+  padding: var(--badge-padding);
+  border-radius: var(--border-radius);
+  font-size: var(--font-size);
+  background: var(--f3-bg);
+  border: var(--border-width) solid var(--f3-border);
+  white-space: nowrap;
+}
+
+.cmd-exit-error {
+  color: var(--dangerous);
+  border-color: var(--dangerous);
+}
+
+.cmd-output-content {
+  font-family: var(--mono);
+  font-size: var(--mono-size);
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
+  max-height: 60vh;
+  overflow: auto;
+}
+
+/* Message-Typ Button */
+
+.cmd-type-message {
+  font-style: italic;
+}