/* ord-status-tokens — Order status color tokens */
/* ============================================================
   CANONICAL ORDER STATUS COLORS — single source of truth.
   Every status chip (list cards + receipt) reads from here.
   Do not add !important overrides elsewhere for these colors —
   edit the values here instead.
   ============================================================ */
#sc-orders, #sc-receipt {
  --status-pending-bg:    #FFF3E0;
  --status-pending-fg:    #B8390A;

  --status-confirmed-bg:  #E3F2FD;
  --status-confirmed-fg:  #1565C0;

  --status-processing-bg: #E3F2FD;
  --status-processing-fg: #1565C0;

  --status-delivered-bg:  #E8F5E9;
  --status-delivered-fg:  #0D652D;

  --status-cancelled-bg:  #FFEBEE;
  --status-cancelled-fg:  #B71C1C;
}

/* ── Order list chips (ord3-chip-*) ── */
#sc-orders .ord3-chip-pending,
#sc-orders .ord3-chip-placed {
  background: var(--status-pending-bg);
  color: var(--status-pending-fg);
}
#sc-orders .ord3-chip-confirmed {
  background: var(--status-confirmed-bg);
  color: var(--status-confirmed-fg);
}
#sc-orders .ord3-chip-processing {
  background: var(--status-processing-bg);
  color: var(--status-processing-fg);
}
#sc-orders .ord3-chip-delivered {
  background: var(--status-delivered-bg);
  color: var(--status-delivered-fg);
}
#sc-orders .ord3-chip-cancelled {
  background: var(--status-cancelled-bg);
  color: var(--status-cancelled-fg);
}

/* ── Receipt status badge (same statuses, receipt context) ── */
#sc-receipt .receipt-status-badge.pend {
  background: var(--status-pending-bg);
  color: var(--status-pending-fg);
}
#sc-receipt .receipt-status-badge.shipped,
#sc-receipt .receipt-status-badge.processing {
  background: var(--status-processing-bg);
  color: var(--status-processing-fg);
}
#sc-receipt .receipt-status-badge.delv {
  background: var(--status-delivered-bg);
  color: var(--status-delivered-fg);
}
#sc-receipt .receipt-status-badge.canc {
  background: var(--status-cancelled-bg);
  color: var(--status-cancelled-fg);
}

/* ── Price color — the ONE shared rule for KES amounts ── */
#sc-orders .ipoo-kes,
#sc-receipt .ipoo-kes { color: var(--md-primary); font-weight: 700; }
#sc-orders .ipoo-amt,
#sc-receipt .ipoo-amt { color: #000000; font-size: 20px; font-weight: 800; }

/* ── Delivery address text — plain, readable, never cursive ── */
#sc-orders .ord-location-value,
#sc-orders .ord3-info-value.ord-location-value {
  font-family: 'DM Sans', 'Google Sans', Roboto, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: normal;
  color: #111111;
}