/* Area stylesheet owned by b6. Layout only; components come from components.css. */
.b6-muted { color: var(--ink-muted); margin: 0; font-size: 14px; }
.b6-downloads { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.b6-upload { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-4); align-items: end; max-width: 760px; }
.b6-upload .jm-field { margin: 0; }
.b6-pending { margin: 0 0 var(--space-4); font-size: 14px; }
.b6-hash { font-size: 12px; }
.b6-history .jm-table td { vertical-align: top; }

.b6-preview-head { margin-bottom: var(--space-4); display: grid; gap: var(--space-1); }
.b6-preview-head p { margin: 0; }
.b6-file { font-weight: 700; overflow-wrap: anywhere; }
.b6-blank-note { font-weight: 700; border-left: 3px solid var(--purple); padding-left: var(--space-3); }
.b6-stats { margin-bottom: var(--space-4); }
.b6-h3 { font-size: 15px; margin: var(--space-6) 0 var(--space-2); }
.b6-row { color: var(--ink-muted); font-size: 12px; white-space: nowrap; }
.b6-reasons { display: block; color: var(--ink-muted); font-size: 12px; margin-top: 4px; max-width: 40ch; }
.b6-reason-list { margin: 0; padding-left: 1.1em; font-size: 13px; max-width: 60ch; }
.b6-actions { margin-top: var(--space-4); gap: var(--space-3); flex-wrap: wrap; }
.b6-actions form { margin: 0; }

.b6-proto-counts { font-size: 13px; color: var(--ink-muted); max-width: 48ch; }

@media (max-width: 720px) {
  .b6-upload { grid-template-columns: 1fr; }
}
.b6-rules { margin-top: var(--space-4); }
.b6-scroll { overflow-x: auto; min-width: 0; max-width: 100%; }
.b6-scroll .jm-tablewrap { min-width: 0; }
.b6-scroll .jm-table { min-width: 860px; }
.b6-scroll { scrollbar-width: thin; }
.app-content-inner:has(.b6-scroll), .jm-panel:has(.b6-scroll) { min-width: 0; }