.clickable-row {
  cursor: pointer;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}

.clickable-row:hover {
  background-color: rgba(34, 102, 120, 0.08);
}

.clickable-row:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

#analysisDrilldownDialog {
  max-width: min(720px, calc(100vw - 2rem));
  border: none;
  border-radius: 1rem;
  padding: 1.5rem;
  /*
   * Emulator-Restpunkt (c) (OPEN_ITEMS.md, 2026-09-22, Ursache gefunden
   * 2026-09-27): ohne eigenes background/color faellt <dialog> auf den
   * Browser-/WebView-Standard zurueck statt das App-Theme zu uebernehmen
   * (im Dunkelmodus z.B. schwarzer Text auf weiss bzw. WebViews Forced-
   * Dark-Heuristik). Dieselben Variablen wie .processing-dialog
   * (css/styles.css) -- keine neuen Theme-Tokens.
   */
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1.5rem 4rem rgba(12, 25, 35, 0.28);
}

#analysisDrilldownDialog::backdrop {
  background: rgba(8, 18, 26, 0.68);
}

/*
 * Phase C, Schritt 1: additive Klassenregel neben der bestehenden ID-
 * Regel oben (bewusst NICHT ersetzt, siehe PROJECT_STATUS.md). Beide
 * Drilldown-Dialoge (App.UI.openDrilldownDialog(), ui-core.js) setzen
 * die gemeinsame Klasse "analysis-drilldown-dialog" -- vorher stylte
 * nur die ID-Regel oben, wodurch der zweite Konsument
 * (#importBatchDrilldownDialog) unstyled blieb. Inhaltlich identisch
 * zur ID-Regel, damit beide Dialoge optisch gleich aussehen.
 */
.analysis-drilldown-dialog {
  max-width: min(720px, calc(100vw - 2rem));
  border: none;
  border-radius: 1rem;
  padding: 1.5rem;
  /* Emulator-Restpunkt (c), siehe Kommentar bei #analysisDrilldownDialog oben. */
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1.5rem 4rem rgba(12, 25, 35, 0.28);
}

.analysis-drilldown-dialog::backdrop {
  background: rgba(8, 18, 26, 0.68);
}

.drilldown-stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin: 1.25rem 0;
}

.drilldown-stat-grid section {
  padding: 1rem;
  border: 1px solid rgba(35, 70, 82, 0.16);
  border-radius: 0.75rem;
}

.drilldown-stat-grid table {
  width: 100%;
  border-collapse: collapse;
}

.drilldown-stat-grid th,
.drilldown-stat-grid td {
  padding: 0.35rem 0;
  text-align: left;
}

.drilldown-stat-grid td {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.drilldown-marker-badge {
  display: inline-block;
  margin: 0.5rem 0.35rem 0 0;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(34, 102, 120, 0.12);
  font-size: 0.8rem;
}

.drilldown-close-btn {
  display: block;
  margin: 1.25rem 0 0 auto;
  padding: 0.55rem 1rem;
  border: 1px solid currentColor;
  border-radius: 0.5rem;
  cursor: pointer;
}