/* Align profile with the shared screen header and keep operation details below Telegram chrome. */
.ux-profile .greet {
  position: relative;
  display: block;
  margin: 0 -16px 16px;
  padding: 22px 20px 18px;
  border-bottom: 1px solid #ffffff14;
  background: linear-gradient(105deg, #30275dcc 0%, #243558a8 56%, transparent 100%);
}

.ux-profile .greet h1 {
  margin: 8px 0 0;
  color: var(--ux-text, #edf3fa);
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -.4px;
}

.ux-profile .ux-identity,
.ux-profile .ux-group {
  border: 1px solid var(--ux-border, #2e3d50);
  border-radius: 20px;
  background: linear-gradient(145deg, #172333f2, #121d2bf2);
  box-shadow: 0 10px 28px #02081235;
}

.ux-profile {
  padding-bottom: calc(104px + max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px)));
}

.ux-dialog {
  --ux-dialog-top-inset: max(72px, env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));
  --ux-dialog-bottom-inset: max(12px, env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  margin: var(--ux-dialog-top-inset) auto var(--ux-dialog-bottom-inset);
  max-height: calc(var(--ux-visible-height, 100dvh) - var(--ux-dialog-top-inset) - var(--ux-dialog-bottom-inset));
  scroll-padding-block: 20px;
}

.ux-dialog-panel {
  padding-bottom: max(24px, env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px));
}

@media (min-width: 640px) {
  .ux-dialog {
    --ux-dialog-top-inset: max(20px, env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ux-profile *,
  .ux-dialog * {
    scroll-behavior: auto !important;
  }
}