/* ==========================================================================
   Permission level badge (Home cards + Shared Drive listing).
   Owning feature: sharing / home
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* Permission badge — quiet pill reused on the Home root cards and on every
   item row/card of the /drive/shared listing. Level-coloured, low contrast so
   it reads as metadata, not a button. */
.fh-perm-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.12rem 0.55rem;
  border-radius: var(--bs-border-radius-pill, 50rem);
  font-size: var(--fh-text-xs);
  font-weight: var(--fh-weight-semibold);
  letter-spacing: var(--fh-tracking-wide);
  white-space: nowrap;
  border: 1px solid transparent;
}

.fh-perm-owner {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.fh-perm-edit {
  color: #15803d;
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.fh-perm-view {
  color: #92400e;
  background: #fffbeb;
  border-color: #fde68a;
}

.fh-perm-noaccess {
  color: var(--fh-muted);
  background: var(--fh-soft);
  border-color: var(--fh-border);
}

/* Badge placed as a direct child of .fh-card (below the name) on the
   /drive/shared grid — pinned to the card's bottom edge, Drive-style. */
.fh-card > .fh-perm-badge {
  align-self: flex-start;
  margin-top: auto;
  padding-top: 0.25rem;
}