/* v4.3.252 — stabiele eerste layout voor iPadOS, Safari en dynamische viewports */
html, body {
  height: 100%;
  min-height: 100%;
}
.ss-app {
  height: var(--ss-viewport-height, 100vh) !important;
  min-height: 0;
  grid-template-rows: auto auto minmax(0, 1fr) 30px !important;
}
.ss-head { min-height: 76px; }
.ss-tabs {
  min-height: 58px;
  visibility: visible !important;
  opacity: 1 !important;
  contain: layout paint;
  -webkit-overflow-scrolling: touch;
}
.ss-stage { min-height: 0; }
@supports (height: 100dvh) {
  .ss-app { height: var(--ss-viewport-height, 100dvh) !important; }
}
@media (orientation: landscape) and (min-width: 761px) and (max-width: 1366px) {
  .ss-head { min-height: 70px; padding-block: 7px; }
  .ss-tabs { min-height: 56px; padding-block: 6px; }
  .ss-tabs button { min-height: 42px; }
}
@media (max-width: 760px) {
  .ss-app { grid-template-rows: auto auto minmax(0,1fr) 28px !important; }
  .ss-tabs { min-height: 57px; }
}