/**
 * Nur noch GitHub-spezifische Styles (rechtes Panel, Werkzeug-Aufruf-
 * Bubbles). Alles Gemeinsame mit chat.css lebt jetzt in shared.css,
 * das vor dieser Datei geladen wird (siehe class-personal-ai-github-
 * public.php) – analog zu shared-chat-core.js für JS.
 *
 * Changelog:
 * 0.3.35 - Unverändert.
 * 0.3.34 - Unverändert.
 * 0.3.33 - Unverändert.
 * 0.3.32 - Unverändert.
 * 0.3.31 - Unverändert.
 * 0.3.30 - Unverändert.
 * 0.3.29 - Unverändert.
 * 0.3.28 - Unverändert.
 * 0.3.27 - Punkt 1: optische Sperr-Darstellung für das Repository-Feld
 *          ergänzt (.pai-locked).
 * 0.3.26 - Unverändert.
 * 0.3.25 - Unverändert.
 * 0.3.24 - Unverändert.
 * 0.3.23 - Unverändert.
 * 0.3.22 - Unverändert.
 * 0.3.21 - Unverändert.
 * 0.3.20 - Unverändert.
 * 0.3.19 - Unverändert.
 * 0.3.18 - Unverändert.
 * 0.3.17 - Unverändert.
 * 0.3.16 - Unverändert.
 * 0.3.15 - Unverändert.
 * 0.3.14 - Bugfix: "Repository"-Bereich scrollte fälschlich mit der
 *          Aktivitätsliste mit (beide waren ein gemeinsamer scrollbarer
 *          Block); "Repository" bleibt jetzt fest stehen, nur die
 *          Aktivitätsliste bekommt ihre eigene Bildlaufleiste. Zusätzlich
 *          Styles für hervorgehobene wichtige Ereignisse und den
 *          "Ältere anzeigen"-Link ergänzt.
 * 0.3.13 - Unverändert.
 * 0.3.12 - Unverändert.
 * 0.3.11 - Unverändert.
 * 0.3.10 - Unverändert.
 * 0.3.9 - Unverändert.
 * 0.3.8 - Unverändert.
 * 0.3.7 - Auf die wirklich GitHub-spezifischen Regeln reduziert; alles
 *         Gemeinsame mit chat.css nach shared.css ausgelagert (CSS-
 *         Konsolidierung, analog zum JS-Kern aus 0.3.0).
 * 0.3.6 - Unverändert.
 * 0.3.5 - Unverändert.
 * 0.3.4 - Unverändert.
 * 0.3.3 - Unverändert.
 * 0.3.2 - Unverändert.
 * 0.3.1 - Unverändert.
 * 0.3.0 - Unverändert.
 * 0.2.7 - Unverändert.
 * 0.2.6 - Unverändert.
 * 0.2.5 - Unverändert.
 * 0.2.4 - Unverändert.
 * 0.2.3 - Angleichung an chat.css: Sidebar-Breite (250→260px), Mindesthöhe
 *         (560→520px), Bubble-Maximalbreite (75%→70%), max-width-Kappung
 *         bei Provider-/Modell-Auswahl entfernt. Fehlende Styles ergänzt:
 *         Bild-Anhänge in der Bubble, Sprung-Button, Anhang-Vorschau mit
 *         Miniaturansicht, Icon-Buttons (Datei-Anhang jetzt auch im
 *         GitHub-Bereich möglich).
 * 0.2.2 - Styles für die Denkprozess-Bubble (Extended Thinking) ergänzt.
 * 0.2.1 - Unverändert.
 * 0.2.0 - Von einer eigenständigen Job-Oberfläche auf ein 3-Spalten-
 *         Chat-Layout umgestellt (Sidebar/Chat/Rechtes Panel), analog zu
 *         chat.css, plus Styles für Werkzeug-Aufruf-Bubbles und das
 *         rechte Repository-/Aktivitäts-Panel.
 * 0.1.3 - Neu erstellt (als Job-Oberfläche, inzwischen ersetzt).
 */

/* Werkzeug-Aufruf-Bubble: schmaler, gedämpfter Systemton statt normaler Chat-Bubble. */
.paig-tool-bubble {
	align-self: center;
	max-width: 90%;
	padding: 6px 14px;
	border-radius: 14px;
	background: #f0f0f1;
	color: #555;
	font-size: 12px;
	font-family: monospace;
}

.paig-tool-bubble.is-error { background: #fbdcdc; color: #8a2c2c; }
.paig-tool-bubble a { color: #1e64c8; }

/* Rechtes Panel: Repository-Info + Aktivitätsprotokoll, bewusst schmal. */
.paig-right-panel {
	width: 220px;
	flex-shrink: 0;
	border-left: 1px solid #e2e2e2;
	background: #fafafa;
	padding: 14px;
	display: flex;
	flex-direction: column;
	/* Bugfix: kein overflow/scroll auf dem GESAMTEN Panel mehr – sonst
	   scrollt "Repository" fälschlich mit der Aktivitätsliste mit. */
}

.paig-right-panel h4 {
	margin: 0 0 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: #777;
}

.paig-repo-info { margin-bottom: 20px; font-size: 13px; flex-shrink: 0; }

/* UX-Verbesserung (Punkt 1): sieht wie ein deaktiviertes Feld aus, bleibt
   technisch aber aktiv, damit ein Klickversuch eine Meldung zeigen kann
   (echtes disabled unterdrückt auch Klick-Ereignisse). */
#pai-repo-select.pai-locked {
	background: #f0f0f1;
	color: #888;
	cursor: not-allowed;
}

.paig-activity {
	flex: 1;
	min-height: 0; /* nötig, damit der untenstehende overflow in Flexbox greift */
	display: flex;
	flex-direction: column;
}

.paig-activity-list {
	font-size: 12px;
	overflow-y: auto;
	flex: 1;
	min-height: 0;
}

.paig-activity-item {
	padding: 6px 0;
	border-bottom: 1px solid #eee;
	color: #555;
}

.paig-activity-item.is-error { color: #b32d2e; font-weight: 600; }
.paig-activity-item.is-important { color: #1e1e1e; font-weight: 600; }
.paig-activity-item a { display: block; color: #1e64c8; font-size: 11px; }

.paig-activity-show-more {
	margin-top: 8px;
	font-size: 11px;
	color: #1e64c8;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	text-align: left;
}

@media (max-width: 900px) {
	.paig-right-panel { display: none; }
}

/* 0.8.1 (Codewerft): verbundene WordPress-Seite – Steckbrief, Änderungen, Vorschlagskarte. */
.paig-repo-info .pai-site-conn { color: #00a32a; }
.paig-repo-info small { color: #646970; }
.paig-site-changes { margin-bottom: 20px; font-size: 13px; flex: 0 1 auto; min-height: 0; max-height: 65%; display: flex; flex-direction: column; } /* 0.8.3: eigene Bildlaufleiste */
.paig-site-changes .paig-site-changes-list { overflow-y: auto; min-height: 0; }
.paig-site-changes[hidden] { display: none; }
.paig-site-changes h4 { margin: 0 0 8px; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: #50575e; }
.pai-sc-row { border: 1px solid #dcdcde; border-radius: 6px; padding: 7px 9px; margin-bottom: 7px; background: #fff; line-height: 1.45; }
.pai-sc-row-head { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.pai-sc-row small { display: block; color: #646970; }
.pai-sc-status { font-size: 12px; white-space: nowrap; }
.is-pending .pai-sc-status, .pai-sc-card.is-pending .pai-sc-state { color: #996800; }
.is-applied .pai-sc-status, .pai-sc-card.is-applied .pai-sc-state { color: #00a32a; }
.is-discarded .pai-sc-status, .is-reverted .pai-sc-status { color: #8c8f94; }
.pai-sc-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; align-items: center; }
.pai-sc-actions .pai-btn { text-decoration: none; }
.pai-sc-small { font-size: 12px !important; padding: 2px 8px !important; min-height: 0 !important; }
.pai-sc-ghost { background: #fff !important; border: 1px solid #8c8f94 !important; color: #50575e !important; }
.pai-sc-preview { background: #f6f7f7; border: 1px solid #2271b1; color: #2271b1; }
.pai-sc-card { border: 1px solid #c5d9ed; border-radius: 8px; margin: 10px 0 14px; background: #fff; font-size: 13.5px; max-width: 760px; }
.pai-sc-card.is-loading { padding: 10px 12px; color: #646970; }
.pai-sc-head { background: #f6fafd; padding: 9px 12px; border-bottom: 1px solid #c5d9ed; border-radius: 8px 8px 0 0; display: flex; gap: 8px; align-items: baseline; }
.pai-sc-title { font-weight: 600; }
.pai-sc-state { margin-left: auto; font-size: 12px; color: #646970; white-space: nowrap; }
.pai-sc-body { padding: 10px 12px; }
.pai-sc-sum { margin: 0 0 6px; }
.pai-sc-where { margin: 0 0 8px; color: #646970; font-size: 12.5px; }
.pai-sc-table { border-collapse: collapse; width: 100%; margin: 4px 0 8px; font-size: 12.5px; }
.pai-sc-table th { text-align: left; color: #646970; font-weight: 600; padding: 3px 6px; }
.pai-sc-table td { padding: 4px 6px; border-top: 1px solid #f0f0f1; vertical-align: top; word-break: break-word; }
.pai-sc-label { font-weight: 600; width: 30%; }
.pai-sc-before { background: #fcf0f1; }
.pai-sc-after { background: #edfaef; }
.pai-sc-diff { margin: 4px 0 8px; }
.pai-sc-diff summary { cursor: pointer; color: #2271b1; font-size: 12.5px; }
.pai-sc-diff-body { max-height: 360px; overflow: auto; border: 1px solid #f0f0f1; margin-top: 6px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px; }
.pai-sc-diff-body table { border-collapse: collapse; width: 100%; table-layout: fixed; }
.pai-sc-diff-body td { padding: 1px 4px; white-space: pre-wrap; word-break: break-all; vertical-align: top; }
.pai-sc-diff-body .diff-deletedline, .pai-sc-diff-body del { background: #fcf0f1; }
.pai-sc-diff-body .diff-addedline, .pai-sc-diff-body ins { background: #edfaef; }
.pai-sc-file > b { display: block; padding: 4px; background: #f6f7f7; }
.pai-sc-note { display: block; color: #646970; margin-top: 6px; }
.pai-chat-kind { font-size: 10px; font-weight: 700; color: #50575e; border: 1px solid #c3c4c7; border-radius: 4px; padding: 0 4px; margin-right: 2px; flex-shrink: 0; }

/* 0.8.3.4: ZIP-Dock (Mockup freigegeben) – Zustand rechts, Hochladen */
.paig-repo-info .pai-zip-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.paig-repo-info .pai-zip-kv { display: flex; flex-direction: column; font-size: 13px; }
.paig-repo-info .pai-zip-row { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; border-bottom: 1px dashed #f0f0f1; }
.paig-repo-info .pai-zip-row span:last-child { text-align: right; }
.pai-zip-ok { color: #00a32a; font-weight: 600; }
.pai-zip-bad { color: #b32d2e; }
.paig-repo-info .pai-zip-actions { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; font-size: 12.5px; }
.paig-repo-info .pai-zip-dl { width: 100%; justify-content: center; min-height: 40px; font-weight: 700; }
.pai-zip-opt { display: block; cursor: pointer; line-height: 1.6; }
.pai-zip-opt input[type="checkbox"] { vertical-align: middle; margin: 0 4px 2px 0; }
.pai-zip-ver { width: 80px; padding: 2px 6px; font-size: 12.5px; min-height: 26px; }
.pai-zip-links { margin-top: 4px; }
.pai-zip-link { background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; font-size: 12.5px; }
.pai-zip-modal-back { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.pai-zip-modal { background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.25); padding: 16px 18px; width: 420px; max-width: 100%; box-sizing: border-box; font-size: 13.5px; display: flex; flex-direction: column; gap: 8px; color: #1d2327; }
.pai-zip-modal-title { font-size: 15.5px; }
.pai-zip-drop { position: relative; border: 2px dashed #72aee6; border-radius: 8px; padding: 18px 12px; text-align: center; color: #2271b1; background: #f6faff; display: flex; flex-direction: column; gap: 4px; cursor: pointer; }
.pai-zip-drop.is-over { background: #e6f0fa; }
.pai-zip-drop small { color: #50575e; }
.pai-zip-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.pai-zip-l { font-weight: 600; }
.pai-zip-label { width: 100%; box-sizing: border-box; min-height: 36px; padding: 4px 10px; border: 1px solid #8c8f94; border-radius: 4px; font-size: 14px; }
.pai-zip-note { margin: 0; color: #50575e; font-size: 12.5px; }
.pai-zip-modal-acts { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
@media (max-width: 600px) { .pai-zip-label, .pai-zip-ver { font-size: 16px; } .pai-zip-modal-acts .pai-btn { min-height: 44px; } }

/* 0.8.3.5: ZIP-Projekt löschen */
.pai-zip-links { display: flex; gap: 14px; flex-wrap: wrap; }
.pai-zip-warn { margin: 0; background: #fcf9e8; border: 1px solid #dba617; border-radius: 6px; padding: 8px 10px; font-size: 12.5px; color: #3c2d00; }
.pai-zip-danger { background: #b32d2e; border-color: #b32d2e; color: #fff; }
.pai-zip-danger:hover { background: #8a2424; }