/* ============================================================
   LLMBench · Sicht-spezifische Ergänzungen
   Wird pro Phase befüllt, wenn Komponenten phasen-spezifisch
   sind und nicht in components.css gehören.
   ============================================================ */

/* === Sample-Browser Aggregat-Header (Welle 4) === */
.sample-aggregate .agg-grid {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr 1fr;
    gap: 1.5rem;
    align-items: end;
    margin: 0.6rem 0;
}
.agg-label { font-size: 0.8rem; color: var(--ink-3, #666); margin-bottom: 0.3rem; }
.agg-numbers { display: flex; flex-direction: column; font-size: 0.85rem; gap: 0.2rem; }

.distribution-bar {
    display: flex;
    height: 1.6rem;
    border-radius: 4px;
    overflow: hidden;
    background: var(--bg-2, #eee);
}
.dist-passed { background: #2e7d32; color: #fff; text-align: center; line-height: 1.6rem; min-width: 0; font-size: 0.8rem; }
.dist-failed { background: #c62828; color: #fff; text-align: center; line-height: 1.6rem; min-width: 0; font-size: 0.8rem; }
.dist-error  { background: #f9a825; color: #fff; text-align: center; line-height: 1.6rem; min-width: 0; font-size: 0.8rem; }

.histogram-svg { width: 100%; height: 60px; max-height: 60px; }
.histogram-svg rect { fill: #1976d2; }
.agg-axis { text-align: center; }

.agg-error-clusters { margin-top: 1rem; }
.agg-error-clusters ul { list-style: none; padding: 0; margin: 0.4rem 0 0 0; }
.agg-error-clusters li { padding: 0.3rem 0; font-size: 0.85rem; display: flex; gap: 0.5rem; align-items: baseline; }
.agg-error-clusters li code { word-break: break-word; }
.cluster-count { display: inline-block; min-width: 2rem; color: #c62828; font-weight: 600; }

/* Filterbar-Checkbox (Welle 4) */
.filter-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--ink-2, #444);
    cursor: pointer;
    user-select: none;
}

/* Status-Pills im Sample-Browser (Welle 4) */
.status { padding: 0.15rem 0.5rem; border-radius: 12px; font-size: 0.75rem; font-weight: 600; display: inline-block; }
.status-passed { background: #e8f5e9; color: #2e7d32; }
.status-failed { background: #ffebee; color: #c62828; }
.status-error  { background: #fff3e0; color: #f57c00; }