/* Mobile keyboard handling styles */
/* Prevents viewport from being pushed up when virtual keyboard appears */

html, body {
  /* Ensure full height without overflow */
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* Ensure Flutter canvas doesn't get pushed up */
#flutter_app,
flt-glass-pane {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

/* Handle visual viewport changes */
@supports (height: 100dvh) {
  html, body {
    height: 100dvh;
  }
}

/* Prevent iOS bounce scrolling */
body {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: none;
}

/* Ensure input fields are accessible when keyboard appears */
input, textarea {
  font-size: 16px !important; /* Prevents zoom on iOS */
}

/* Handle safe area for devices with notches */
@supports (padding: max(0px)) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}