/* Folder Member Management – minimal custom styles (Bootstrap handles the rest) */

.mm-member-row:hover {
  background: var(--bs-tertiary-bg);
}

.mm-role-pill {
  font-size: 11px;
  font-weight: 500;
}

.mm-role-pill.owner {
  background-color: #fff3cd !important;
  color: #856404 !important;
}

.mm-role-pill:not(.owner) {
  background-color: #e3f2fd !important;
  color: #2383e2 !important;
}

.mm-role-remove:hover {
  opacity: .7;
}

.mm-role-pill-unassigned {
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  background: transparent !important;
  color: var(--bs-secondary-color) !important;
  border: 1px dashed var(--bs-border-color);
  opacity: .55;
  transition: opacity .15s, border-color .15s;
}

.mm-role-pill-unassigned:hover {
  opacity: 1;
  border-color: #2383e2;
  color: #2383e2 !important;
}

/* Auto-save toast (editForm) */
.auto-save-indicator {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: var(--bs-success);
  color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  opacity: 0;
  transition: opacity .3s;
  z-index: 1050;
  display: flex;
  align-items: center;
}

.auto-save-indicator.show {
  opacity: 1;
}