/* Exhibits (Case-Schaubilder) – src/ui/exhibit.ts */
@layer components {
  .exhibit {
    margin: 0 0 14px;
    padding: 12px 12px 8px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--surface);
  }
  .exhibit-title {
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
  }
  .exhibit svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
  }
  .exhibit text {
    fill: var(--text);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
  }
  .exhibit .ex-label { fill: var(--muted); }
  .exhibit .ex-val { font-weight: 700; }
  .exhibit .ex-s1 { fill: var(--accent); }
  .exhibit .ex-s2 { fill: var(--muted); opacity: 0.55; }
  .exhibit .ex-axis { stroke: var(--border); stroke-width: 1; }

  .ex-table {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    font-size: 0.92rem;
  }
  .ex-table th,
  .ex-table td {
    padding: 7px 6px;
    border-bottom: 1px solid var(--border);
    text-align: right;
  }
  .ex-table thead th {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 600;
  }
  .ex-table th:first-child { text-align: left; }
  .ex-table tbody tr:last-child > * { border-bottom: 0; }
}