.report-actions { display: flex; justify-content: flex-end; gap: 2px; white-space: nowrap; }
dialog#reportModal { width: min(880px, 92vw); }
.preview-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--ink); border: 1px solid var(--ink); margin: 24px 0; }
.preview-metrics > div { background: var(--card); padding: 16px; }
.preview-metrics span, .preview-section p, .preview-columns p { font-size: 10px; }
.preview-metrics b { display: block; font: 600 20px var(--serif); margin-top: 8px; }
.preview-section { border-top: 1px solid var(--ink); padding: 18px 0; }
.preview-section h3, .preview-columns h3 { font: 600 15px var(--serif); }
.preview-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; border-top: 1px solid var(--ink); padding: 18px 0; }
.preview-columns p { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); padding-bottom: 8px; }
.preview-columns b { white-space: nowrap; }
.preview-warning { font-size: 9px; color: #9b4a36; background: #fff0eb; padding: 12px; }
@media (max-width: 650px) { .preview-metrics, .preview-columns { grid-template-columns: 1fr 1fr; } .report-actions { flex-wrap: wrap; } }