/* Access Level Badges - Unified color scheme across all pages */

/* Base badge style */
.user-badge,
.badge-public,
.badge-standard,
.badge-elevated,
.badge-finance,
.badge-admin,
.badge-superadmin {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}

/* Public - Gray (not registered) */
.badge-public {
  background: rgba(142, 142, 147, 0.2);
  color: #8e8e93;
}

/* Standard - Blue (registered user) */
.badge-standard {
  background: rgba(0, 122, 255, 0.2);
  color: var(--knopka-accent-blue, #007aff);
}

/* Elevated - Orange (elevated privileges) */
.badge-elevated {
  background: rgba(255, 149, 0, 0.2);
  color: var(--knopka-accent-orange, #ff9500);
}

/* Finance - Teal (finance access) */
.badge-finance {
  background: rgba(0, 150, 136, 0.2);
  color: #26a69a;
}

/* Admin - Purple (administrator) */
.badge-admin {
  background: rgba(156, 39, 176, 0.2);
  color: #ce93d8;
}

/* Superadmin - Amber/Gold (super administrator) */
.badge-superadmin {
  background: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}

/* Fallback for .user-badge without specific class (default to admin color) */
.user-badge:not([class*="badge-"]) {
  background: rgba(156, 39, 176, 0.2);
  color: #ce93d8;
}