/* Safe areas for Home Screen apps, including landscape and smaller windows. */
body, .app-shell, .main-column, .auth-shell, .auth-panel {
  min-height: 100svh;
}
.sidebar {
  padding-top: calc(24px + env(safe-area-inset-top, 0px));
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  padding-left: calc(16px + env(safe-area-inset-left, 0px));
}
.content {
  padding-top: calc(40px + env(safe-area-inset-top, 0px));
  padding-right: calc(34px + env(safe-area-inset-right, 0px));
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}
.auth-panel {
  padding-top: calc(38px + env(safe-area-inset-top, 0px));
  padding-right: calc(38px + env(safe-area-inset-right, 0px));
  padding-bottom: calc(38px + env(safe-area-inset-bottom, 0px));
  padding-left: calc(38px + env(safe-area-inset-left, 0px));
}
@media (max-width: 900px) {
  .mobile-header {
    padding-top: calc(11px + env(safe-area-inset-top, 0px));
    padding-left: calc(16px + env(safe-area-inset-left, 0px));
    padding-right: calc(16px + env(safe-area-inset-right, 0px));
  }
  .content {
    padding-top: 28px;
    padding-left: calc(18px + env(safe-area-inset-left, 0px));
    padding-right: calc(18px + env(safe-area-inset-right, 0px));
    padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));
  }
}
@media (max-width: 520px) {
  .content {
    padding-left: calc(14px + env(safe-area-inset-left, 0px));
    padding-right: calc(14px + env(safe-area-inset-right, 0px));
  }
  .auth-panel {
    padding-top: calc(26px + env(safe-area-inset-top, 0px));
    padding-right: calc(20px + env(safe-area-inset-right, 0px));
    padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px));
    padding-left: calc(20px + env(safe-area-inset-left, 0px));
  }
  input, select, textarea { font-size: 16px; }
}