filters

src/app/app.css

@@ -9,3 +9,33 @@
 .progress {
   height: 0.75rem;
 }
+
+.report-scroll {
+  max-height: 70vh;
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
+
+details > summary {
+  cursor: pointer;
+  list-style: none;
+}
+
+details > summary::-webkit-details-marker {
+  display: none;
+}
+
+.summary-row {
+  user-select: none;
+}
+
+details > summary::after {
+  content: "▾";
+  color: #6c757d;
+  margin-left: 0.5rem;
+  transition: transform 0.15s ease;
+}
+
+details[open] > summary::after {
+  transform: rotate(180deg);
+}

src/styles.css

@@ -11,3 +11,19 @@ body {
 main {
   min-height: 100vh;
 }
+
+@media print {
+  body {
+    background: #ffffff;
+  }
+
+  .no-print {
+    display: none !important;
+  }
+
+  .report-scroll {
+    max-height: none !important;
+    overflow: visible !important;
+    padding-right: 0 !important;
+  }
+}