/* =====================================================================
   BADGES
   ===================================================================== */
.role-badge{
  font-size: .72em; padding: 3px 9px; border-radius: var(--r-full);
  background: var(--surface-sunken); color: var(--ink); font-weight: 700; text-transform: uppercase;
}
.role-badge.kasir{ background: var(--accent-wash); color: var(--good); }

.low-stock-badge{ background: var(--warn-wash); color: var(--warn); font-size: .75em; font-weight: 700; padding: 3px 9px; border-radius: var(--r-full); }

.shift-diff-ok{ color: var(--good); }
.shift-diff-bad{ color: var(--danger); font-weight: 700; }

.cat-chip{
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--surface-sunken); border: 1px solid var(--line); border-radius: var(--r-full);
  padding: 6px 8px 6px 12px; font-size: .82em; font-weight: 600; color: var(--ink);
}
.cat-chip .cat-del{ background: none; border: none; padding: 2px 6px; color: var(--danger); font-weight: 800; cursor: pointer; border-radius: 50%; line-height: 1; }
.cat-chip-row{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--sp-3); }