/* Glassmorphism background for the entire app */
html,
body {
  min-height: 100vh;
  height: 100%;
  width: 100vw;
}
body {
  /* background: url("/assets/imgs/bg.png") center center/cover no-repeat fixed; */
  /* Glass effect for all content */
  position: relative;
}
#root > * {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  /* border-radius: 16px; */
  box-shadow: 0 4px 32px 0 rgba(31, 38, 135, 0.15);
}

.w-main {
  width: calc(100vw - 20rem);
}
.w-100--100 {
  width: calc(100vw - 100px) !important;
}
/* Push modal above everything */
.rs-modal-wrapper {
  z-index: 3000 !important;
}

/* Push modal backdrop above drawer backdrop too */
.rs-modal-backdrop {
  z-index: 2500 !important;
}

/* Push drawer (wrapper + backdrop) below modal */
.rs-drawer-wrapper,
.rs-drawer-backdrop {
  z-index: 1000 !important;
}

.h-36 {
  height: 8rem !important;
}

/* Ensure RSuite toaster/notifications always appear above modals and drawers */
.rs-toast-container {
  z-index: 99999 !important;
}