/* ============================================================================
   Shadow ToDo - RBAC shared styles (role switcher, badges, gating states)
   ============================================================================ */

/* Role switcher floating dock (bottom-right of every page) */
.rbac-switcher {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9000;
  background: var(--bg-primary, #1f2937);
  border: 1px solid var(--border-color, #374151);
  border-radius: 10px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  color: var(--text-primary, #e5e7eb);
}
.rbac-switcher-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  opacity: 0.75;
}
.rbac-switcher select {
  background: var(--bg-secondary, #111827);
  color: var(--text-primary, #e5e7eb);
  border: 1px solid var(--border-color, #374151);
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 12px;
}

/* Role badges */
.rbac-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

/* Gated elements */
.rbac-disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  pointer-events: none;
  filter: grayscale(0.3);
}

/* Lock pill for read-only panels */
.rbac-readonly-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #6b728022;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 600;
}