/* COMMAND-1355: the reports (public/reports) — the Reports window's rows and New's project picker, a report's page
   (its state chip, its steps or outcome, Make it a card and the three-dot menu) and the Make it a card popup. No design
   yet: POC. */
.report-row-meta { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-top: 2px; }
.tw-row.unread .tw-row-name { font-weight: 700; }
.report-state { white-space: nowrap; }
.report-state-running { background: var(--info-bg, rgb(59 130 246 / 0.14)); color: var(--info, inherit); }
.report-state-waiting { background: var(--warn-bg, rgb(245 158 11 / 0.18)); color: var(--warn, inherit); }
.report-state-ready { background: var(--ok-bg, rgb(34 197 94 / 0.16)); color: var(--ok, inherit); }
.report-project { border-left: 3px solid var(--project-color, var(--muted, #999)); }
.report-projects { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.report-new { display: flex; flex-direction: column; min-height: 0; height: 100%; }
/* BUG-933: a row of New's box Instellingen (public/device-choice), as the Device picker. */
.report-picker { display: flex; flex-direction: column; gap: 4px; }
.report-picker-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.report-pick { cursor: pointer; border: 1px solid var(--line, rgb(0 0 0 / 0.12)); background: none; color: inherit; }
.report-pick.on { background: var(--accent, #2563eb); border-color: var(--accent, #2563eb); color: #fff; }
.report-steps { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.report-update-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.report-part + .report-part { margin-top: 12px; }
.report-part h3 { margin: 0 0 4px; font-size: 0.95rem; }
.report-make-card.disabled { opacity: 0.5; cursor: not-allowed; }
.report-more { position: relative; display: inline-block; }
.report-more-menu { min-width: 240px; padding: 8px; }
.report-more-later { margin: 0; }
.report-card-types { display: flex; gap: 6px; flex-wrap: wrap; }
.report-card-field { display: grid; gap: 4px; margin-bottom: 10px; }
.report-card-board, .report-card-title { width: 100%; }