.diagnose-summary{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--card);margin-bottom:22px}
.diagnose-summary strong{font-family:Georgia,serif;font-size:22px}
.diagnose-summary span{font-size:13px;color:var(--muted)}
.diagnose-summary.result-ok{background:var(--green-soft);border-color:#a8d3bd}
.diagnose-summary.result-ok strong{color:var(--green)}
.diagnose-summary.result-hinweis{background:var(--amber-soft);border-color:#eacb92}
.diagnose-summary.result-hinweis strong{color:var(--amber)}
.diagnose-summary.result-problem{background:var(--red-soft);border-color:#e2b0a8}
.diagnose-summary.result-problem strong{color:var(--red)}

.diagnose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.diagnose-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px 18px;min-width:0}
.diagnose-card header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.diagnose-card h2{font-size:16px;font-family:Georgia,serif}
.diagnose-card ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.diagnose-card li{font-size:13px;line-height:1.5}
.diagnose-meta{margin:10px 0 0;font-size:11px;color:var(--muted);font-family:Consolas,ui-monospace,monospace}

.diagnose-pill{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:750;white-space:nowrap;background:#eceeec;color:var(--muted)}
.diagnose-card.result-ok .diagnose-pill{background:var(--green-soft);color:var(--green)}
.diagnose-card.result-hinweis{border-color:#eacb92}
.diagnose-card.result-hinweis .diagnose-pill{background:var(--amber-soft);color:var(--amber)}
.diagnose-card.result-problem{border-color:#e2b0a8}
.diagnose-card.result-problem .diagnose-pill{background:var(--red-soft);color:var(--red)}

/* Inhalte, die ohne Zwischenhülle direkt im Panel stehen, brauchen dieselbe
   Polsterung wie der Panelkopf darüber. */
.panel>.ticket-finding-preview{margin:22px 24px 0}
.panel>.ticket-finding-list{margin:14px 24px 22px}
.panel>.ticket-description{margin:22px 24px}
.panel>.ticket-report{margin:22px 24px;width:calc(100% - 48px)}
.panel>.muted{margin:0 24px 22px}

.ticket-finding-preview{display:flex;flex-direction:column;gap:4px;padding:13px 16px;border-radius:10px;border:1px solid var(--line)}
.ticket-finding-preview strong{font-size:15px}
.ticket-finding-preview span{font-size:13px;color:var(--muted)}
.ticket-finding-preview.result-ok{background:var(--green-soft);border-color:#a8d3bd}
.ticket-finding-preview.result-hinweis{background:var(--amber-soft);border-color:#eacb92}
.ticket-finding-preview.result-problem{background:var(--red-soft);border-color:#e2b0a8}

.ticket-finding-list{margin:0;padding-left:34px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.ticket-finding-list ul{margin:4px 0 0;padding-left:16px;color:var(--muted)}
.ticket-finding-list li.result-problem>strong{color:var(--red)}
.ticket-finding-list li.result-hinweis>strong{color:var(--amber)}

.ticket-description{margin:0;font-size:14px;line-height:1.6}
.ticket-report{width:100%;font-family:Consolas,ui-monospace,monospace;font-size:12px;line-height:1.5;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);resize:vertical}

.pill.amber-pill{background:var(--amber-soft);color:var(--amber)}
.pill.red-pill{background:var(--red-soft);color:var(--red)}

@media (max-width:900px){.diagnose-grid{grid-template-columns:1fr}}