/* Phone fixes shared by every Bro page (loaded last in layout.html).
 * 1. iOS Safari zooms into any field under 16px when it is tapped and leaves the
 *    page zoomed. Fields are 16px on phones, so tapping a field never zooms.
 * 2. Bottom sheets use dynamic viewport units so they fit between Safari's bars,
 *    keep their scroll inside the sheet, and respect the home-indicator area.
 */
@media (max-width: 760px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea {
    font-size: 16px !important;
  }
  /* Buy sheet condition/finish selects: orb.css forces 10.4px and the Bro skin scaled
     them with zoom. Use a real 16px so iOS never zooms on tap. */
  html body select.buysheet-condition-select,
  html body select.buysheet-finish-select {
    font-size: 16px !important;
    zoom: 1 !important;
  }
}

/* Report an issue: sheet fits the visible screen, header and actions stay reachable. */
.staff-report-dialog__panel {
  max-height: min(92vh, 900px);
  max-height: min(92dvh, 900px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
}
.staff-report-dialog__header {
  position: sticky;
  top: -1.25rem;
  z-index: 2;
  margin: -1.25rem -1.25rem 1rem;
  padding: 1rem 1.25rem 0.75rem;
  background: var(--orb-cream);
  border-bottom: 1px solid var(--orb-soft-cream);
}
.staff-report-actions {
  position: sticky;
  bottom: calc(-1.5rem - env(safe-area-inset-bottom, 0px));
  z-index: 2;
  margin: 1rem -1.25rem calc(-1.5rem - env(safe-area-inset-bottom, 0px));
  padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  background: var(--orb-cream);
  border-top: 1px solid var(--orb-soft-cream);
}