/* HMC CAFM — RBAC disabled-state styling.
   Applied by auth.js applyRBAC() to any link/button the current user
   doesn't have permission to use. */

/* Keep pointer-events enabled so the native title tooltip ("You don't
   have permission for this action") still appears on hover. JS in
   auth.js blocks the actual click. */
.rbac-disabled,
a.sidebar-link.rbac-disabled {
  opacity: 0.42 !important;
  filter: grayscale(60%);
  cursor: not-allowed !important;
  text-decoration: none !important;
}

/* Sidebar items: keep them visible but clearly inert. */
a.sidebar-link.rbac-disabled,
a.sidebar-link.rbac-disabled:hover,
a.sidebar-link.rbac-disabled:focus {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.45) !important;
  border-left-color: transparent !important;
}

/* Bootstrap buttons: tone down without losing layout. */
button.rbac-disabled,
.btn.rbac-disabled,
a.btn.rbac-disabled {
  background-color: #e9ecef !important;
  border-color: #dee2e6 !important;
  color: #6c757d !important;
  box-shadow: none !important;
}

button.rbac-disabled:hover,
.btn.rbac-disabled:hover,
a.btn.rbac-disabled:hover {
  background-color: #e9ecef !important;
  color: #6c757d !important;
}
