/* Bottom sheet (offcanvas) styling for notes */

.offcanvas-bottom {
  height: 50vh !important;
  max-height: 50vh;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.offcanvas-bottom .offcanvas-body {
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  overflow-y: auto;
}

.offcanvas-bottom #note-bottom-sheet-input {
  flex: 0 0 auto;
  height: 100px;
  resize: none;
  overflow-y: auto;
}

.offcanvas-bottom .d-flex {
  flex: 0 0 auto;
  position: sticky;
  bottom: 0;
  background-color: var(--bs-dark, #212529);
  padding-top: 0.5rem;
  margin-top: auto;
}

/* Ensure bottom sheet is above everything */
.offcanvas {
  z-index: 1060;
}