/**
 * nj-badges.css — NJ System · Status Badge Styles
 * ─────────────────────────────────────────────────
 * Canonical, deduplicated definition of all order-status and item-status
 * badge classes used by admin.html, tracking.html, and index.html.
 *
 * Previously copied verbatim across 3 files. Any colour change now only
 * needs to happen here.
 */

/* ─── Base badge ─────────────────────────────────────────────────────────── */
.badge {
  padding: 3px 10px;
  font-size: 9.5px;
  font-weight: 800;
  border-radius: 99px;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}

/* ─── Order-status variants ──────────────────────────────────────────────── */
.badge-submitted   { background: #EFF6FF; color: #2563EB; border: 1px solid #BFDBFE; }
.badge-draft       { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }
.badge-approved    { background: #F0FDF4; color: #16A34A; border: 1px solid #BBF7D0; }
.badge-rejected    { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }
.badge-processing  { background: #FFF7ED; color: #D97706; border: 1px solid #FDE68A; }
.badge-done        { background: #F0FDF4; color: #15803D; border: 1px solid #86EFAC; }
.badge-cancelled   { background: #FDF4FF; color: #7E22CE; border: 1px solid #E9D5FF; }

/* ─── Item-status variants ───────────────────────────────────────────────── */
.badge-pending     { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }
.badge-out_of_stock{ background: #FFF1F2; color: #9F1239; border: 1px solid #FECDD3; }

/* ─── Fallback ───────────────────────────────────────────────────────────── */
.badge-default     { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }