/* Replenishment priority — a plain list to read, not a dashboard. */
.rp-count { font-size: 13px; font-weight: 500; color: var(--text-secondary); margin: 8px 0 12px; }

.rp-table { width: 100%; border-collapse: collapse; }
.rp-table th { text-align: left; font-size: 12px; font-weight: 500; color: var(--text-muted); padding: 6px 10px; border-bottom: 0.5px solid var(--border); }
.rp-table td { padding: 8px 10px; border-bottom: 0.5px solid var(--border); vertical-align: middle; font-size: 13px; }
.rp-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rp-table th.rp-num { text-align: right; }

/* Priority code badge — neutral by default; danger/warning only for the bands
   at or below the "worth considering" line, so the eye lands on what needs work. */
.rp-band { display: inline-block; font-size: 11px; font-weight: 700; padding: 1px 6px; border-radius: 4px; background: var(--surface-1); color: var(--text-secondary); border: 0.5px solid var(--border-strong); font-variant-numeric: tabular-nums; }
.rp-band.danger { background: var(--danger-bg); color: var(--danger-text); border-color: var(--danger-text); }
.rp-band.warning { background: var(--warning-bg); color: var(--warning-text); border-color: var(--warning-text); }
.rp-label { font-size: 13px; margin-left: 4px; }

.rp-empty-row td { background: var(--danger-bg); }

/* "Next tray due out" states. */
.rp-nextout { font-size: 11px; font-weight: 500; background: var(--accent-bg); color: var(--accent-text); padding: 1px 6px; border-radius: 999px; margin-left: 4px; }
.rp-secondary { color: var(--text-secondary); }
.rp-note { font-size: 12px; color: var(--text-muted); font-style: italic; }
.rp-muted { color: var(--text-muted); font-size: 12px; }
/* Whole-group fallback: available, but not the rotation choice. */
.rp-fallback { color: var(--warning-text); font-size: 13px; }