/* Application CSS - Using Tailwind CSS only */

/* iOS safe area padding helpers */
.safe-top {
  padding-top: env(safe-area-inset-top, 0px);
}
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Mobile slider: slide up from bottom like a native sheet */
@media (max-width: 767px) {
  #slider-panel {
    inset: 0 !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    transform: translateY(100%) !important;
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1) !important;
  }
  #slider-panel:not(.translate-x-full) {
    transform: translateY(0) !important;
  }
}