/* Keep installed iPhone app controls inside the usable screen area.
   This versioned stylesheet also supports a scoped static-only hotfix. */
:root {
  --scentric-safe-top: env(safe-area-inset-top, 0px);
  --scentric-safe-right: env(safe-area-inset-right, 0px);
  --scentric-safe-bottom: env(safe-area-inset-bottom, 0px);
  --scentric-safe-left: env(safe-area-inset-left, 0px);
  --scentric-admin-bar: 72px;
}
.admin-topbar {
  height: auto;
  min-height: calc(var(--scentric-admin-bar) + var(--scentric-safe-top));
  padding-top: var(--scentric-safe-top);
  padding-left: max(26px, var(--scentric-safe-left));
  padding-right: max(26px, var(--scentric-safe-right));
}
.admin-sidebar {
  top: calc(var(--scentric-admin-bar) + var(--scentric-safe-top));
  padding-bottom: var(--scentric-safe-bottom);
}
.app-popover {
  top: calc(var(--scentric-admin-bar) + var(--scentric-safe-top) + 4px);
  left: max(12px, var(--scentric-safe-left));
  max-height: calc(100dvh - var(--scentric-admin-bar) - var(--scentric-safe-top) - var(--scentric-safe-bottom) - 16px);
  overflow-y: auto;
}
.mail-topbar {
  height: auto;
  min-height: calc(72px + var(--scentric-safe-top));
  padding-top: calc(12px + var(--scentric-safe-top));
  padding-left: max(24px, var(--scentric-safe-left));
  padding-right: max(24px, var(--scentric-safe-right));
}
.admin-topbar .icon-button,
.admin-topbar button.admin-avatar,
.mail-topbar .icon-button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  flex-shrink: 0;
}
.admin-topbar .admin-brand,
.mail-topbar .admin-brand {
  min-height: 44px;
  min-width: 0;
}
.admin-topbar .admin-brand b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 800px) {
  :root { --scentric-admin-bar: 62px; }
  .admin-topbar {
    padding-left: max(14px, var(--scentric-safe-left));
    padding-right: max(14px, var(--scentric-safe-right));
  }
  .admin-sidebar,
  .rail-collapsed .admin-sidebar {
    top: 0;
    padding-top: var(--scentric-safe-top);
    padding-left: var(--scentric-safe-left);
  }
}
@media (max-width: 640px) {
  .mail-topbar {
    min-height: calc(64px + var(--scentric-safe-top));
    padding-top: calc(10px + var(--scentric-safe-top));
    padding-left: max(10px, var(--scentric-safe-left));
    padding-right: max(10px, var(--scentric-safe-right));
  }
  .mail-search input { font-size: 16px; }
  .compose-window {
    padding-top: calc(24px + var(--scentric-safe-top));
    padding-bottom: calc(24px + var(--scentric-safe-bottom));
    padding-left: max(20px, var(--scentric-safe-left));
    padding-right: max(20px, var(--scentric-safe-right));
  }
}