.pill.pending { background: color-mix(in srgb, #f0a020 24%, var(--panel)); color: color-mix(in srgb, #f0a020 70%, var(--ink)); }
.warning { color: color-mix(in srgb, #f0a020 75%, var(--ink)); }
.row-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.row-actions button { font-size: 11px; padding: 6px 8px; }
.report-head { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.report-head .actions { margin-top: 0; }
.chart svg { width: 100%; min-height: 220px; background: var(--field); border: 1px solid var(--line); border-radius: 12px; }
.legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; color: var(--muted); font-size: 12px; text-transform: capitalize; }
.legend span { display: inline-flex; align-items: center; gap: 7px; }
.legend i { width: 12px; height: 4px; border-radius: 3px; }
.check { display: flex; align-items: center; gap: 10px; }
.check input { width: auto; }