/* ══════════════════════════════════════════════════════════════════
   Access Module — Styles
   ══════════════════════════════════════════════════════════════════ */

.role-tag {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.role-admin { background: #dbeafe; color: #1d4ed8; }
.role-sbea { background: #dcfce7; color: #15803d; }
.role-sbgh { background: #fef3c7; color: #b45309; }
.role-verdana { background: #f3e8ff; color: #7c3aed; }

.default-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  background: var(--primary-xlight);
  color: var(--primary);
  margin-left: 6px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.actions-cell { white-space: nowrap; }
.actions-cell .btn { margin-right: 4px; }

.form-hint {
  font-size: 12px;
  color: var(--text-light);
  margin-top: 4px;
  font-style: italic;
}