/* Report start page. Uses the tokens from site.css. */
.report-contains-list { max-width: var(--measure); padding-left: 1.25rem; }
.report-contains-list li { margin-block: var(--space-2); }
.report-price { max-width: var(--measure); font-weight: 600; }
.report-upload form { max-width: var(--measure); }
.report-upload input[type=file] { max-width: 100%; }
.report-consent { display: flex; align-items: flex-start; gap: var(--space-3); font-weight: 400; }
.report-consent input { flex: none; width: 1.25rem; height: 1.25rem; margin-top: 0.2rem; }
.report-error { max-width: var(--measure); margin-bottom: var(--space-4); }
.report-error p { margin: 0; }
.report-disclaimer { max-width: var(--measure); margin-block: var(--space-6) var(--space-4); }
altcha-widget { display: block; max-width: 20rem; }

/* Order page: corrections form and outline. */
.order-editor, .order-outline, .order-delete { max-width: var(--measure); }
.order-bundle, .order-add { border: 1px solid var(--border, currentColor); margin: 0; }
.order-bundle legend, .order-add legend { font-weight: 600; padding-inline: var(--space-2); }
.order-item label { display: grid; gap: var(--space-1); }
.order-item-detected { font-weight: 600; overflow-wrap: anywhere; }
.order-item-select { color: var(--muted); font-size: var(--step--1); }
.order-item select, .order-add select { max-width: 100%; }
.order-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.order-outline { margin-top: var(--space-6); }

/* Finished report. */
.report-view { max-width: 70rem; }
.report-view section { margin-top: var(--space-6); }
.report-view p, .report-view ul { max-width: var(--measure); }
.report-table-wrap { overflow-x: auto; border: 1px solid var(--border); max-width: 100%; }
.report-table { border-collapse: collapse; width: 100%; min-width: 36rem; }
.report-table th, .report-table td { text-align: left; vertical-align: top; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--border); }
.report-table thead th { background: var(--surface); }
.report-table tbody th { position: sticky; left: 0; z-index: 1; background: var(--bg); border-right: 1px solid var(--border); min-width: 9rem; font-weight: 600; }
.report-value { display: block; overflow-wrap: anywhere; }
.report-citation { margin-top: var(--space-2); font-size: var(--step--1); }
.report-citation blockquote { margin: var(--space-2) 0; padding-left: var(--space-3); border-left: 3px solid var(--border-strong); overflow-wrap: anywhere; }
.report-check-hint { font-weight: 600; }
.report-deletion .button { display: inline-block; }
@media print { .report-deletion, .order-delete { display: none; } .report-table-wrap { overflow: visible; } }
