/* Graconia native edge-to-edge layout
   Capacitor SystemBars injects --safe-area-inset-* on Android when insetsHandling=css.
   env() remains as a standards-based fallback for modern WebView/iOS. */

html.graconia-native {
  --graconia-safe-top: max(var(--safe-area-inset-top, 0px), env(safe-area-inset-top, 0px));
  --graconia-safe-right: max(var(--safe-area-inset-right, 0px), env(safe-area-inset-right, 0px));
  --graconia-safe-bottom: max(var(--safe-area-inset-bottom, 0px), env(safe-area-inset-bottom, 0px));
  --graconia-safe-left: max(var(--safe-area-inset-left, 0px), env(safe-area-inset-left, 0px));
  min-height: 100%;
  background: #0d1117;
}

html.graconia-native body {
  min-height: 100dvh;
}

html.graconia-native .app-shell {
  padding-left: var(--graconia-safe-left);
  padding-right: var(--graconia-safe-right);
}

html.graconia-native .topbar {
  /* Keep the native header fully below the iOS status bar / Dynamic Island. */
  padding-top: calc(12px + max(var(--graconia-safe-top), env(safe-area-inset-top, 0px)));
  padding-left: calc(24px + var(--graconia-safe-left));
  padding-right: calc(24px + var(--graconia-safe-right));
}

html.graconia-native .modal-backdrop,
html.graconia-native .auth-backdrop {
  padding-top: var(--graconia-safe-top);
  padding-right: var(--graconia-safe-right);
  padding-bottom: var(--graconia-safe-bottom);
  padding-left: var(--graconia-safe-left);
}

html.graconia-native .graconia-startup-card {
  margin-top: calc(var(--graconia-safe-top) * -0.25);
}

@media (max-width: 760px) {
  html.graconia-native body {
    padding-bottom: calc(72px + var(--graconia-safe-bottom));
  }

  html.graconia-native .topbar {
    min-height: calc(58px + var(--graconia-safe-top));
    padding-top: calc(8px + max(var(--graconia-safe-top), env(safe-area-inset-top, 0px)));
    padding-right: calc(12px + var(--graconia-safe-right));
    padding-bottom: 6px;
    padding-left: calc(12px + var(--graconia-safe-left));
  }

  html.graconia-native .mobile-bottom-nav {
    padding-right: calc(4px + var(--graconia-safe-right));
    padding-bottom: calc(6px + var(--graconia-safe-bottom));
    padding-left: calc(4px + var(--graconia-safe-left));
  }

  html.graconia-native .message-composer {
    padding-right: var(--graconia-safe-right);
    padding-bottom: max(8px, var(--graconia-safe-bottom));
    padding-left: var(--graconia-safe-left);
  }

  html.graconia-native .scheduled-content-dialog,
  html.graconia-native .modal-card {
    max-height: calc(100dvh - var(--graconia-safe-top) - var(--graconia-safe-bottom));
  }
}