{
"event": "PreToolUse",
"tool_name": "Write",
"tool_input": {
"file_path": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/chat3.css",
"content": "\/**\n * Chat Variante 3 - Terminal\/Developer-Stil\n * Monospace, Keyboard-first, Command-Palette\n *\/\n\n:root {\n --c3-bg: #1a1b26;\n --c3-bg-elevated: #24283b;\n --c3-bg-input: #1f2335;\n --c3-text: #c0caf5;\n --c3-text-dim: #565f89;\n --c3-text-highlight: #7aa2f7;\n --c3-accent: #7aa2f7;\n --c3-border: #3b4261;\n --c3-user: #9ece6a;\n --c3-assistant: #bb9af7;\n --c3-success: #9ece6a;\n --c3-warning: #e0af68;\n --c3-error: #f7768e;\n}\n\n[data-theme=\"light\"] {\n --c3-bg: #f0f0f0;\n --c3-bg-elevated: #ffffff;\n --c3-bg-input: #ffffff;\n --c3-text: #1a1b26;\n --c3-text-dim: #6c6c6c;\n --c3-text-highlight: #2e5cb8;\n --c3-accent: #2e5cb8;\n --c3-border: #d0d0d0;\n --c3-user: #2e7d32;\n --c3-assistant: #7b1fa2;\n --c3-success: #2e7d32;\n --c3-warning: #f57c00;\n --c3-error: #c62828;\n}\n\n.chat3-layout {\n min-height: 100vh;\n background: var(--c3-bg);\n color: var(--c3-text);\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', Monaco, Consolas, monospace;\n font-size: 14px;\n line-height: 1.6;\n display: flex;\n flex-direction: column;\n}\n\n\/* Header *\/\n.c3-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n background: var(--c3-bg-elevated);\n border-bottom: 1px solid var(--c3-border);\n font-size: 13px;\n}\n\n.c3-header__left {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n\n.c3-header__path {\n color: var(--c3-text-dim);\n}\n\n.c3-header__path span {\n color: var(--c3-text-highlight);\n}\n\n.c3-header__status {\n display: flex;\n align-items: center;\n gap: 6px;\n color: var(--c3-success);\n}\n\n.c3-header__status::before {\n content: '';\n width: 8px;\n height: 8px;\n background: currentColor;\n border-radius: 50%;\n}\n\n.c3-header__right {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.c3-kbd {\n padding: 2px 6px;\n background: var(--c3-bg);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n font-size: 11px;\n color: var(--c3-text-dim);\n}\n\n.c3-btn {\n padding: 4px 10px;\n background: var(--c3-bg);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n color: var(--c3-text);\n font-family: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n.c3-btn:hover {\n background: var(--c3-bg-elevated);\n border-color: var(--c3-accent);\n}\n\n\/* Main *\/\n.c3-main {\n flex: 1;\n display: flex;\n flex-direction: column;\n max-width: 1000px;\n margin: 0 auto;\n width: 100%;\n padding: 0 16px;\n}\n\n\/* Messages *\/\n.c3-messages {\n flex: 1;\n padding: 20px 0;\n overflow-y: auto;\n}\n\n.c3-msg {\n margin-bottom: 20px;\n padding-left: 24px;\n position: relative;\n}\n\n.c3-msg::before {\n content: '>';\n position: absolute;\n left: 0;\n color: var(--c3-text-dim);\n}\n\n.c3-msg--user::before {\n content: '$';\n color: var(--c3-user);\n}\n\n.c3-msg--assistant::before {\n content: '#';\n color: var(--c3-assistant);\n}\n\n.c3-msg__header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 6px;\n font-size: 12px;\n}\n\n.c3-msg__role {\n font-weight: 600;\n}\n\n.c3-msg--user .c3-msg__role {\n color: var(--c3-user);\n}\n\n.c3-msg--assistant .c3-msg__role {\n color: var(--c3-assistant);\n}\n\n.c3-msg__time {\n color: var(--c3-text-dim);\n}\n\n.c3-msg__model {\n color: var(--c3-text-dim);\n padding: 1px 6px;\n background: var(--c3-bg-elevated);\n border-radius: 3px;\n}\n\n.c3-msg__content {\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.c3-msg__content p {\n margin: 0 0 12px;\n}\n\n.c3-msg__content p:last-child {\n margin: 0;\n}\n\n.c3-msg__content ul, .c3-msg__content ol {\n margin: 8px 0;\n padding-left: 20px;\n}\n\n.c3-msg__content li {\n margin: 4px 0;\n}\n\n.c3-msg__content code {\n background: var(--c3-bg-elevated);\n padding: 1px 4px;\n border-radius: 3px;\n color: var(--c3-warning);\n}\n\n.c3-msg__content pre {\n background: var(--c3-bg-elevated);\n padding: 12px;\n border-radius: 4px;\n overflow-x: auto;\n margin: 8px 0;\n border-left: 3px solid var(--c3-accent);\n}\n\n\/* Sources *\/\n.c3-sources {\n margin-top: 12px;\n padding: 8px 12px;\n background: var(--c3-bg-elevated);\n border-radius: 4px;\n border-left: 2px solid var(--c3-text-dim);\n}\n\n.c3-sources__header {\n color: var(--c3-text-dim);\n font-size: 12px;\n margin-bottom: 6px;\n cursor: pointer;\n}\n\n.c3-sources__header:hover {\n color: var(--c3-text);\n}\n\n.c3-sources__list {\n display: none;\n font-size: 12px;\n}\n\n.c3-sources--open .c3-sources__list {\n display: block;\n}\n\n.c3-source {\n padding: 4px 0;\n display: flex;\n justify-content: space-between;\n border-bottom: 1px dashed var(--c3-border);\n}\n\n.c3-source:last-child {\n border-bottom: none;\n}\n\n.c3-source__score {\n color: var(--c3-success);\n}\n\n\/* Meta *\/\n.c3-msg__meta {\n margin-top: 8px;\n font-size: 11px;\n color: var(--c3-text-dim);\n display: flex;\n gap: 12px;\n}\n\n\/* Input *\/\n.c3-input-area {\n padding: 16px 0 24px;\n border-top: 1px solid var(--c3-border);\n}\n\n.c3-prompt {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--c3-text-dim);\n margin-bottom: 8px;\n font-size: 12px;\n}\n\n.c3-prompt__model {\n color: var(--c3-accent);\n}\n\n.c3-form {\n display: flex;\n gap: 12px;\n}\n\n.c3-input-wrapper {\n flex: 1;\n position: relative;\n}\n\n.c3-input {\n width: 100%;\n padding: 10px 14px;\n background: var(--c3-bg-input);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n color: var(--c3-text);\n font-family: inherit;\n font-size: 14px;\n outline: none;\n}\n\n.c3-input:focus {\n border-color: var(--c3-accent);\n box-shadow: 0 0 0 1px var(--c3-accent);\n}\n\n.c3-input::placeholder {\n color: var(--c3-text-dim);\n}\n\n.c3-send {\n padding: 10px 20px;\n background: var(--c3-accent);\n border: none;\n border-radius: 4px;\n color: var(--c3-bg);\n font-family: inherit;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n}\n\n.c3-send:hover {\n opacity: 0.9;\n}\n\n.c3-send:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n\/* Command Palette *\/\n.c3-palette {\n display: none;\n position: fixed;\n top: 20%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n max-width: 90vw;\n background: var(--c3-bg-elevated);\n border: 1px solid var(--c3-border);\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n z-index: 200;\n}\n\n.c3-palette--open {\n display: block;\n}\n\n.c3-palette__input {\n width: 100%;\n padding: 14px 16px;\n background: transparent;\n border: none;\n border-bottom: 1px solid var(--c3-border);\n color: var(--c3-text);\n font-family: inherit;\n font-size: 14px;\n outline: none;\n}\n\n.c3-palette__input::placeholder {\n color: var(--c3-text-dim);\n}\n\n.c3-palette__list {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.c3-palette__item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-palette__item:last-child {\n border-bottom: none;\n}\n\n.c3-palette__item:hover,\n.c3-palette__item--selected {\n background: var(--c3-bg);\n}\n\n.c3-palette__label {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.c3-palette__icon {\n color: var(--c3-text-dim);\n font-size: 12px;\n}\n\n.c3-palette__value {\n color: var(--c3-text-dim);\n font-size: 12px;\n}\n\n.c3-palette__hint {\n font-size: 12px;\n color: var(--c3-text-dim);\n padding: 8px 16px;\n border-top: 1px solid var(--c3-border);\n}\n\n\/* Overlay *\/\n.c3-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.5);\n z-index: 199;\n}\n\n.c3-palette--open ~ .c3-overlay {\n display: block;\n}\n\n\/* Status Bar *\/\n.c3-statusbar {\n display: flex;\n justify-content: space-between;\n padding: 6px 16px;\n background: var(--c3-bg-elevated);\n border-top: 1px solid var(--c3-border);\n font-size: 11px;\n color: var(--c3-text-dim);\n}\n\n.c3-statusbar__left,\n.c3-statusbar__right {\n display: flex;\n gap: 16px;\n}\n\n.c3-statusbar__item {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.c3-statusbar__item--active {\n color: var(--c3-success);\n}\n\n\/* Welcome *\/\n.c3-welcome {\n padding: 40px 24px;\n text-align: center;\n}\n\n.c3-welcome__ascii {\n font-size: 12px;\n color: var(--c3-text-dim);\n margin-bottom: 20px;\n line-height: 1.2;\n}\n\n.c3-welcome h2 {\n color: var(--c3-accent);\n font-size: 16px;\n font-weight: 600;\n margin: 0 0 8px;\n}\n\n.c3-welcome p {\n color: var(--c3-text-dim);\n margin: 0 0 4px;\n}\n\n.c3-welcome__hint {\n margin-top: 20px;\n font-size: 12px;\n}\n\n\/* Loading *\/\n.c3-loading {\n display: inline;\n animation: c3-blink 1s step-end infinite;\n}\n\n@keyframes c3-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n}\n\n\/* Sessions Modal *\/\n.c3-sessions {\n display: none;\n position: fixed;\n top: 20%;\n left: 50%;\n transform: translateX(-50%);\n width: 400px;\n max-width: 90vw;\n background: var(--c3-bg-elevated);\n border: 1px solid var(--c3-border);\n border-radius: 8px;\n z-index: 200;\n}\n\n.c3-sessions--open {\n display: block;\n}\n\n.c3-sessions__header {\n display: flex;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-sessions__title {\n font-weight: 600;\n}\n\n.c3-sessions__close {\n background: none;\n border: none;\n color: var(--c3-text-dim);\n cursor: pointer;\n font-size: 16px;\n}\n\n.c3-sessions__list {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.c3-sessions__item {\n display: block;\n padding: 10px 16px;\n color: var(--c3-text);\n text-decoration: none;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-sessions__item:hover {\n background: var(--c3-bg);\n}\n\n.c3-sessions__item--active {\n border-left: 2px solid var(--c3-accent);\n}\n\n.c3-sessions__item-... [TRUNCATED-b32026260328b853]"
}
}
{
"tool_response": {
"type": "create",
"filePath": "\/var\/www\/dev.campus.systemische-tools.de\/public\/css\/chat3.css",
"content": "\/**\n * Chat Variante 3 - Terminal\/Developer-Stil\n * Monospace, Keyboard-first, Command-Palette\n *\/\n\n:root {\n --c3-bg: #1a1b26;\n --c3-bg-elevated: #24283b;\n --c3-bg-input: #1f2335;\n --c3-text: #c0caf5;\n --c3-text-dim: #565f89;\n --c3-text-highlight: #7aa2f7;\n --c3-accent: #7aa2f7;\n --c3-border: #3b4261;\n --c3-user: #9ece6a;\n --c3-assistant: #bb9af7;\n --c3-success: #9ece6a;\n --c3-warning: #e0af68;\n --c3-error: #f7768e;\n}\n\n[data-theme=\"light\"] {\n --c3-bg: #f0f0f0;\n --c3-bg-elevated: #ffffff;\n --c3-bg-input: #ffffff;\n --c3-text: #1a1b26;\n --c3-text-dim: #6c6c6c;\n --c3-text-highlight: #2e5cb8;\n --c3-accent: #2e5cb8;\n --c3-border: #d0d0d0;\n --c3-user: #2e7d32;\n --c3-assistant: #7b1fa2;\n --c3-success: #2e7d32;\n --c3-warning: #f57c00;\n --c3-error: #c62828;\n}\n\n.chat3-layout {\n min-height: 100vh;\n background: var(--c3-bg);\n color: var(--c3-text);\n font-family: 'SF Mono', 'Fira Code', 'JetBrains Mono', Monaco, Consolas, monospace;\n font-size: 14px;\n line-height: 1.6;\n display: flex;\n flex-direction: column;\n}\n\n\/* Header *\/\n.c3-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n background: var(--c3-bg-elevated);\n border-bottom: 1px solid var(--c3-border);\n font-size: 13px;\n}\n\n.c3-header__left {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n\n.c3-header__path {\n color: var(--c3-text-dim);\n}\n\n.c3-header__path span {\n color: var(--c3-text-highlight);\n}\n\n.c3-header__status {\n display: flex;\n align-items: center;\n gap: 6px;\n color: var(--c3-success);\n}\n\n.c3-header__status::before {\n content: '';\n width: 8px;\n height: 8px;\n background: currentColor;\n border-radius: 50%;\n}\n\n.c3-header__right {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.c3-kbd {\n padding: 2px 6px;\n background: var(--c3-bg);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n font-size: 11px;\n color: var(--c3-text-dim);\n}\n\n.c3-btn {\n padding: 4px 10px;\n background: var(--c3-bg);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n color: var(--c3-text);\n font-family: inherit;\n font-size: 12px;\n cursor: pointer;\n}\n\n.c3-btn:hover {\n background: var(--c3-bg-elevated);\n border-color: var(--c3-accent);\n}\n\n\/* Main *\/\n.c3-main {\n flex: 1;\n display: flex;\n flex-direction: column;\n max-width: 1000px;\n margin: 0 auto;\n width: 100%;\n padding: 0 16px;\n}\n\n\/* Messages *\/\n.c3-messages {\n flex: 1;\n padding: 20px 0;\n overflow-y: auto;\n}\n\n.c3-msg {\n margin-bottom: 20px;\n padding-left: 24px;\n position: relative;\n}\n\n.c3-msg::before {\n content: '>';\n position: absolute;\n left: 0;\n color: var(--c3-text-dim);\n}\n\n.c3-msg--user::before {\n content: '$';\n color: var(--c3-user);\n}\n\n.c3-msg--assistant::before {\n content: '#';\n color: var(--c3-assistant);\n}\n\n.c3-msg__header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 6px;\n font-size: 12px;\n}\n\n.c3-msg__role {\n font-weight: 600;\n}\n\n.c3-msg--user .c3-msg__role {\n color: var(--c3-user);\n}\n\n.c3-msg--assistant .c3-msg__role {\n color: var(--c3-assistant);\n}\n\n.c3-msg__time {\n color: var(--c3-text-dim);\n}\n\n.c3-msg__model {\n color: var(--c3-text-dim);\n padding: 1px 6px;\n background: var(--c3-bg-elevated);\n border-radius: 3px;\n}\n\n.c3-msg__content {\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.c3-msg__content p {\n margin: 0 0 12px;\n}\n\n.c3-msg__content p:last-child {\n margin: 0;\n}\n\n.c3-msg__content ul, .c3-msg__content ol {\n margin: 8px 0;\n padding-left: 20px;\n}\n\n.c3-msg__content li {\n margin: 4px 0;\n}\n\n.c3-msg__content code {\n background: var(--c3-bg-elevated);\n padding: 1px 4px;\n border-radius: 3px;\n color: var(--c3-warning);\n}\n\n.c3-msg__content pre {\n background: var(--c3-bg-elevated);\n padding: 12px;\n border-radius: 4px;\n overflow-x: auto;\n margin: 8px 0;\n border-left: 3px solid var(--c3-accent);\n}\n\n\/* Sources *\/\n.c3-sources {\n margin-top: 12px;\n padding: 8px 12px;\n background: var(--c3-bg-elevated);\n border-radius: 4px;\n border-left: 2px solid var(--c3-text-dim);\n}\n\n.c3-sources__header {\n color: var(--c3-text-dim);\n font-size: 12px;\n margin-bottom: 6px;\n cursor: pointer;\n}\n\n.c3-sources__header:hover {\n color: var(--c3-text);\n}\n\n.c3-sources__list {\n display: none;\n font-size: 12px;\n}\n\n.c3-sources--open .c3-sources__list {\n display: block;\n}\n\n.c3-source {\n padding: 4px 0;\n display: flex;\n justify-content: space-between;\n border-bottom: 1px dashed var(--c3-border);\n}\n\n.c3-source:last-child {\n border-bottom: none;\n}\n\n.c3-source__score {\n color: var(--c3-success);\n}\n\n\/* Meta *\/\n.c3-msg__meta {\n margin-top: 8px;\n font-size: 11px;\n color: var(--c3-text-dim);\n display: flex;\n gap: 12px;\n}\n\n\/* Input *\/\n.c3-input-area {\n padding: 16px 0 24px;\n border-top: 1px solid var(--c3-border);\n}\n\n.c3-prompt {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--c3-text-dim);\n margin-bottom: 8px;\n font-size: 12px;\n}\n\n.c3-prompt__model {\n color: var(--c3-accent);\n}\n\n.c3-form {\n display: flex;\n gap: 12px;\n}\n\n.c3-input-wrapper {\n flex: 1;\n position: relative;\n}\n\n.c3-input {\n width: 100%;\n padding: 10px 14px;\n background: var(--c3-bg-input);\n border: 1px solid var(--c3-border);\n border-radius: 4px;\n color: var(--c3-text);\n font-family: inherit;\n font-size: 14px;\n outline: none;\n}\n\n.c3-input:focus {\n border-color: var(--c3-accent);\n box-shadow: 0 0 0 1px var(--c3-accent);\n}\n\n.c3-input::placeholder {\n color: var(--c3-text-dim);\n}\n\n.c3-send {\n padding: 10px 20px;\n background: var(--c3-accent);\n border: none;\n border-radius: 4px;\n color: var(--c3-bg);\n font-family: inherit;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n}\n\n.c3-send:hover {\n opacity: 0.9;\n}\n\n.c3-send:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n\/* Command Palette *\/\n.c3-palette {\n display: none;\n position: fixed;\n top: 20%;\n left: 50%;\n transform: translateX(-50%);\n width: 500px;\n max-width: 90vw;\n background: var(--c3-bg-elevated);\n border: 1px solid var(--c3-border);\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n z-index: 200;\n}\n\n.c3-palette--open {\n display: block;\n}\n\n.c3-palette__input {\n width: 100%;\n padding: 14px 16px;\n background: transparent;\n border: none;\n border-bottom: 1px solid var(--c3-border);\n color: var(--c3-text);\n font-family: inherit;\n font-size: 14px;\n outline: none;\n}\n\n.c3-palette__input::placeholder {\n color: var(--c3-text-dim);\n}\n\n.c3-palette__list {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.c3-palette__item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 16px;\n cursor: pointer;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-palette__item:last-child {\n border-bottom: none;\n}\n\n.c3-palette__item:hover,\n.c3-palette__item--selected {\n background: var(--c3-bg);\n}\n\n.c3-palette__label {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.c3-palette__icon {\n color: var(--c3-text-dim);\n font-size: 12px;\n}\n\n.c3-palette__value {\n color: var(--c3-text-dim);\n font-size: 12px;\n}\n\n.c3-palette__hint {\n font-size: 12px;\n color: var(--c3-text-dim);\n padding: 8px 16px;\n border-top: 1px solid var(--c3-border);\n}\n\n\/* Overlay *\/\n.c3-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.5);\n z-index: 199;\n}\n\n.c3-palette--open ~ .c3-overlay {\n display: block;\n}\n\n\/* Status Bar *\/\n.c3-statusbar {\n display: flex;\n justify-content: space-between;\n padding: 6px 16px;\n background: var(--c3-bg-elevated);\n border-top: 1px solid var(--c3-border);\n font-size: 11px;\n color: var(--c3-text-dim);\n}\n\n.c3-statusbar__left,\n.c3-statusbar__right {\n display: flex;\n gap: 16px;\n}\n\n.c3-statusbar__item {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n\n.c3-statusbar__item--active {\n color: var(--c3-success);\n}\n\n\/* Welcome *\/\n.c3-welcome {\n padding: 40px 24px;\n text-align: center;\n}\n\n.c3-welcome__ascii {\n font-size: 12px;\n color: var(--c3-text-dim);\n margin-bottom: 20px;\n line-height: 1.2;\n}\n\n.c3-welcome h2 {\n color: var(--c3-accent);\n font-size: 16px;\n font-weight: 600;\n margin: 0 0 8px;\n}\n\n.c3-welcome p {\n color: var(--c3-text-dim);\n margin: 0 0 4px;\n}\n\n.c3-welcome__hint {\n margin-top: 20px;\n font-size: 12px;\n}\n\n\/* Loading *\/\n.c3-loading {\n display: inline;\n animation: c3-blink 1s step-end infinite;\n}\n\n@keyframes c3-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n}\n\n\/* Sessions Modal *\/\n.c3-sessions {\n display: none;\n position: fixed;\n top: 20%;\n left: 50%;\n transform: translateX(-50%);\n width: 400px;\n max-width: 90vw;\n background: var(--c3-bg-elevated);\n border: 1px solid var(--c3-border);\n border-radius: 8px;\n z-index: 200;\n}\n\n.c3-sessions--open {\n display: block;\n}\n\n.c3-sessions__header {\n display: flex;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-sessions__title {\n font-weight: 600;\n}\n\n.c3-sessions__close {\n background: none;\n border: none;\n color: var(--c3-text-dim);\n cursor: pointer;\n font-size: 16px;\n}\n\n.c3-sessions__list {\n max-height: 300px;\n overflow-y: auto;\n}\n\n.c3-sessions__item {\n display: block;\n padding: 10px 16px;\n color: var(--c3-text);\n text-decoration: none;\n border-bottom: 1px solid var(--c3-border);\n}\n\n.c3-sessions__item:hover {\n background: var(--c3-bg);\n}\n\n.c3-sessions__item--active {\n border-left: 2px solid var(--c3-accent);\n}\n\n.c3-sessions__item-... [TRUNCATED-b32026260328b853]",
"structuredPatch": [],
"originalFile": null
}
}