/* Native profile: shared alignment, no new card or color system. */
main .profile-current .profile-wallet > .relative {
  justify-content: center;
  text-align: center;
}
main .profile-current .profile-wallet p { overflow-wrap: anywhere; }
main .profile-current .profile-role { width: max-content !important; max-width: none !important; white-space: nowrap !important; }
main .profile-current .profile-identity-grid > .flex-shrink-0 > .relative.inline-block { display: flex !important; flex-direction: column; align-items: center; }
main .profile-current .profile-identity-grid .profile-role { position: static !important; inset: auto !important; transform: none !important; }
main .profile-current .profile-summary > .glass-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
}
main .profile-current .profile-summary > .glass-card > .flex {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
}
main .profile-current .profile-summary > .glass-card > .flex > div:last-child { min-width: 0; text-align: center; }
main .profile-current .profile-summary p { font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
.auth-recovery { width: min(100% - 32px, 440px); margin: 64px auto; padding: 24px; text-align: center; color: #f4f4f5; background: #121216; border: 1px solid #37373e; border-radius: 20px; }
.auth-recovery h1 { margin: 0; font-size: 22px; line-height: 1.3; }
.auth-recovery p { margin: 12px 0 20px; color: #a8a8ad; font-size: 15px; }
.auth-recovery button { min-width: 156px; min-height: 44px; padding: 10px 16px; border: 1px solid #505059; border-radius: 12px; background: #29292f; color: #f4f4f5; font-size: 15px; }
.auth-recovery button:disabled { opacity: .65; }
.auth-recovery button:focus-visible { outline: 2px solid #c7c7cd; outline-offset: 3px; }
body:has(.auth-recovery) #root header a[href="/topup"] { visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 639px) {
  main .profile-current .profile-identity-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 80px fit-content(180px) minmax(0, 1fr) !important; align-items: center; column-gap: 8px !important; row-gap: 8px !important; }
  main .profile-current .profile-identity-grid > .flex-shrink-0 { grid-column: 2; grid-row: 1; justify-self: center; align-self: center; }
  main .profile-current .profile-identity-grid > .min-w-0,
  main .profile-current .profile-identity-content,
  main .profile-current .profile-identity-content > div:first-child { display: contents !important; }
  main .profile-current .profile-identity-content > div:first-child > .flex:first-child { grid-column: 3; grid-row: 1; flex-direction: column; justify-content: center; align-items: center; gap: 6px; text-align: center; }
  main .profile-current .profile-identity-content h1 { max-width: 100%; overflow-wrap: anywhere; }
  main .profile-current .profile-email { grid-column: 1 / -1; grid-row: 2; justify-content: center; margin: 0; gap: 8px; min-width: 0; }
  main .profile-current .profile-email > span { min-width: 0; overflow-wrap: anywhere; }
  main .profile-current .profile-email > svg { flex-shrink: 0; }
  main .profile-current .profile-email > button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; }
  main .profile-current .profile-meta { grid-column: 1 / -1; grid-row: 3; justify-content: center; flex-wrap: wrap; margin: 0; gap: 6px 16px; }
  main .profile-current .profile-actions { grid-column: 1 / -1; grid-row: 4; width: 100%; justify-content: center !important; gap: 8px; }
  main .profile-current .profile-actions > button { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
  main .profile-current .profile-actions > div { min-height: 44px; min-width: 0; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; }
  main .profile-current .profile-actions > div > span { min-width: 0; white-space: normal !important; overflow-wrap: anywhere; }
  main .profile-current .profile-actions svg { flex-shrink: 0; }
}
@media (max-width: 767px) {
  #root > * header button.md\:hidden { width: 44px; height: 44px; padding: 10px; display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 639px) {
  .kn-bell { left: auto !important; right: calc(1rem + 52px) !important; top: calc((3.5rem - 44px) / 2) !important; bottom: auto !important; width: 44px !important; height: 44px !important; }
  .kn-panel { left: auto !important; right: 12px !important; top: calc(3.5rem + 8px) !important; bottom: auto !important; width: min(400px, calc(100vw - 24px)) !important; max-height: calc(100dvh - 3.5rem - 24px) !important; --kn-max-height: calc(100dvh - 3.5rem - 24px) !important; --kn-content-max: max(120px, calc(100dvh - 3.5rem - 196px)) !important; }
}
@media (max-width: 359px) {
  main .profile-current .profile-actions { display: grid !important; grid-template-columns: minmax(0, 1fr) 44px 44px minmax(0, 1fr); }
  main .profile-current .profile-actions > div { grid-column: 1 / -1; justify-self: center; }
  main .profile-current .profile-actions > button:nth-child(2) { grid-column: 2; }
  main .profile-current .profile-actions > button:nth-child(3) { grid-column: 3; }
}