:root {
  --font-ui: Arial, Helvetica, sans-serif;
  --font-num: Arial, Helvetica, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

.num,
.card-value,
#metric-active,
#metric-late,
#metric-done,
#metric-money,
#bot-guilds,
#bot-cmds,
.commission-money,
.adv-stepper span,
#st-active,
#st-finished,
#st-pending,
#st-total,
#f-amount,
#m-amount,
#adv-val,
.card .v {
  font-family: var(--font-num);
}

.card-sub {
  font-family: var(--font-ui);
}

/* Nombre asignado: pastilla suave, texto blanco sin negrita */
.commission-meta .meta-user,
.commission-item.dash-comm .meta-user {
  font-family: var(--font-ui);
  font-weight: 400;
  font-size: 0.73rem;
  letter-spacing: 0.03em;
  color: #a89ea3;
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
  padding: 3px 10px 3px 9px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  -webkit-font-smoothing: antialiased;
}