/* Syrus Platform — shared UI components
 *
 * Badge unificato per workspace_member (owner/admin/member/local) +
 * stati derivati (is_active=False). Usato da syrus-tasks e syrus-hub
 * tramite la macro `components/_member_badge.html`.
 */

.member-badge {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.2;
}

.member-badge.member-inactive {
  text-decoration: line-through;
  opacity: 0.6;
}

.role-badge {
  display: inline-block;
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 5px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}

.role-badge--sm {
  font-size: 0.6rem;
  padding: 1px 6px;
  border-radius: 4px;
}

.role-owner  { background: #FEF3C7; color: #D97706; }
.role-admin  { background: #DBEAFE; color: #2563EB; }
.role-member { background: #F3F4F6; color: #6B7280; }
.role-local  { background: #E0E7FF; color: #4338CA; }

.member-removed-label {
  font-size: 0.75em;
  font-style: italic;
  color: #86868B;
  margin-left: 4px;
}

.member-email-inline {
  font-size: 0.8em;
  color: #86868B;
  margin-left: 4px;
}