/* =========================================================
   Xbox360TrYama v191 - Hesap Merkezi
   Profil / Özelleştirme / Satın Alımlar ortak yönetim görünümü
   ========================================================= */

#profileSection .section-page-container,
#customizeSection .section-page-container,
#purchasesSection .purchases-page-container {
  width: min(1180px, calc(100% - 28px));
  max-width: 1180px;
  margin-inline: auto;
}

.account-center-head {
  position: relative;
  overflow: hidden;
  margin: 14px 0 18px;
  padding: 22px 24px;
  border: 1px solid rgba(59, 130, 246, .28);
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 8%, rgba(59, 130, 246, .22), transparent 34%),
    linear-gradient(145deg, rgba(13, 28, 49, .98), rgba(8, 17, 31, .98));
  box-shadow: 0 18px 55px rgba(0, 0, 0, .28);
}

.account-center-head::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -70px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 1px solid rgba(69, 243, 255, .13);
  pointer-events: none;
}

.account-center-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  color: #79c7ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
}

.account-center-head h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
}

.account-center-head p {
  max-width: 720px;
  margin: 8px 0 0;
  color: #9fb2c9;
  line-height: 1.55;
}

.account-center-workspace {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.account-center-sidebar {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 13px;
}

.account-user-card {
  position: relative;
  overflow: hidden;
  padding: 22px 18px 18px;
  border: 1px solid rgba(63, 144, 255, .30);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% -20%, rgba(50, 145, 255, .30), transparent 48%),
    linear-gradient(155deg, #12243b, #0a1422 68%);
  color: #fff;
  text-align: center;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .30);
}

.account-user-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 18%, rgba(255,255,255,.035) 50%, transparent 82%);
  pointer-events: none;
}

.account-user-avatar {
  width: 86px;
  height: 86px;
  margin: 0 auto 12px;
  overflow: hidden;
  border: 3px solid rgba(91, 181, 255, .95);
  border-radius: 50%;
  background: #0c1b2e;
  box-shadow: 0 0 0 5px rgba(50, 145, 255, .10), 0 10px 28px rgba(0,0,0,.35);
}

.account-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.account-user-avatar-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 31px;
  font-weight: 950;
  color: #07111e;
  background: linear-gradient(135deg, #45f3ff, #4c91ff);
}

.account-user-card h3 {
  margin: 0;
  font-size: 19px;
  color: #fff;
}

.account-user-name {
  display: block;
  margin-top: 4px;
  color: #7fc8ff;
  font-size: 13px;
  font-weight: 800;
}

.account-user-role {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 11px;
  padding: 6px 10px;
  border: 1px solid rgba(80, 174, 255, .28);
  border-radius: 999px;
  color: #cde9ff;
  background: rgba(36, 122, 208, .13);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}

.account-user-email {
  display: block;
  margin-top: 12px;
  overflow: hidden;
  color: #71869e;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-center-menu {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(54, 120, 190, .20);
  border-radius: 18px;
  background: rgba(8, 17, 29, .88);
  box-shadow: 0 14px 35px rgba(0,0,0,.20);
}

.account-menu-btn,
.account-logout-btn {
  width: 100%;
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #b5c4d6;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.account-menu-btn i,
.account-logout-btn i {
  width: 20px;
  text-align: center;
  font-size: 15px;
}

.account-menu-btn:hover {
  border-color: rgba(62, 153, 255, .28);
  color: #fff;
  background: rgba(35, 111, 201, .14);
  transform: translateX(2px);
}

.account-menu-btn.active {
  border-color: rgba(63, 156, 255, .42);
  color: #fff;
  background: linear-gradient(135deg, rgba(39, 125, 224, .31), rgba(25, 81, 153, .18));
  box-shadow: inset 3px 0 0 #4aa8ff;
}

.account-menu-separator {
  height: 1px;
  margin: 3px 2px;
  background: linear-gradient(90deg, transparent, rgba(122, 155, 190, .22), transparent);
}

.account-logout-btn {
  color: #ff9a9a;
}

.account-logout-btn:hover {
  border-color: rgba(255, 77, 77, .25);
  color: #ffc3c3;
  background: rgba(157, 39, 39, .15);
}

.account-center-main {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(46, 103, 165, .20);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(15, 29, 47, .94), rgba(8, 16, 27, .96));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}

.account-pane-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 0 2px 14px;
  border-bottom: 1px solid rgba(88, 140, 194, .16);
}

.account-pane-title i {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #82cbff;
  background: rgba(39, 128, 225, .14);
}

.account-pane-title strong {
  display: block;
  color: #fff;
  font-size: 18px;
}

.account-pane-title span {
  display: block;
  margin-top: 2px;
  color: #7d91a8;
  font-size: 12px;
}

/* Profilin eski iki kolonlu yapısındaki ikinci profil kartını gizle.
   Hesap Merkezi soldaki tek, sabit profil kartını kullanır. */
#profileSection.account-center-ready #profileContainer .profile-layout-grid {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
}

#profileSection.account-center-ready #profileContainer .profile-identity-card {
  display: none !important;
}

#profileSection.account-center-ready #profileContainer .profile-settings-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 1px solid rgba(76, 130, 186, .16) !important;
  background: rgba(13, 26, 43, .72) !important;
  box-shadow: none !important;
}

#profileSection.account-center-ready > .container > h2,
#customizeSection.account-center-ready > .container > h2 {
  display: none !important;
}

#customizeSection.account-center-ready .customize-header-card,
#purchasesSection.account-center-ready .purchases-page-header {
  margin-top: 0;
}

#customizeSection.account-center-ready .customize-panel-shell,
#purchasesSection.account-center-ready .purchases-page-container {
  padding-bottom: 34px;
}

/* Eski avatar dropdown artık kullanılmıyor; avatar Hesap Merkezi'ni doğrudan açar. */
#profileMenu.profile-menu {
  display: none !important;
}

@media (max-width: 820px) {
  #profileSection .section-page-container,
  #customizeSection .section-page-container,
  #purchasesSection .purchases-page-container {
    width: min(100% - 16px, 760px);
  }

  .account-center-head {
    margin-top: 8px;
    padding: 17px;
    border-radius: 17px;
  }

  .account-center-head p {
    font-size: 13px;
  }

  .account-center-workspace {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .account-center-sidebar {
    position: static;
    top: auto;
  }

  .account-user-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-areas:
      "avatar title role"
      "avatar name role"
      "avatar email email";
    column-gap: 12px;
    align-items: center;
    padding: 14px;
    text-align: left;
  }

  .account-user-avatar {
    grid-area: avatar;
    width: 62px;
    height: 62px;
    margin: 0;
  }

  .account-user-card h3 { grid-area: title; font-size: 16px; }
  .account-user-name { grid-area: name; margin-top: 0; }
  .account-user-role { grid-area: role; margin: 0; white-space: nowrap; }
  .account-user-email { grid-area: email; margin-top: 3px; }

  .account-center-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding: 8px;
  }

  .account-menu-btn,
  .account-logout-btn {
    justify-content: center;
    min-height: 43px;
    padding: 8px 7px;
    font-size: 11px;
    text-align: center;
  }

  .account-menu-btn span,
  .account-logout-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .account-menu-btn.active {
    box-shadow: inset 0 -3px 0 #4aa8ff;
  }

  .account-menu-separator {
    display: none;
  }

  .account-logout-btn {
    grid-column: 1 / -1;
  }

  .account-center-main {
    padding: 12px;
    border-radius: 16px;
  }

  .account-pane-title {
    margin-bottom: 12px;
    padding-bottom: 11px;
  }
}

@media (max-width: 480px) {
  .account-user-card {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-areas:
      "avatar title"
      "avatar name"
      "avatar role"
      "email email";
  }

  .account-user-avatar { width: 56px; height: 56px; }
  .account-user-role { justify-self: start; margin-top: 4px; }
  .account-center-menu { grid-template-columns: 1fr; }
  .account-logout-btn { grid-column: auto; }
  .account-menu-btn,
  .account-logout-btn { justify-content: flex-start; font-size: 12px; }
  .account-menu-btn.active { box-shadow: inset 3px 0 0 #4aa8ff; }
}

/* =========================================================
   v192 - Sabit ölçüler, profil istatistikleri ve akıcı geçişler
   ========================================================= */
.account-center-head {
  min-height: 132px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.account-center-sidebar,
.account-center-main,
.account-user-card,
.account-center-menu,
.account-menu-btn,
.account-logout-btn {
  box-sizing: border-box;
}

.account-user-card {
  min-height: 342px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account-user-email {
  width: 100%;
}

.account-user-stats {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(108, 159, 211, .15);
}

.account-user-stat {
  min-width: 0;
  min-height: 78px;
  display: grid;
  grid-template-rows: 18px 24px auto;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 8px 4px;
  border: 1px solid rgba(68, 144, 222, .16);
  border-radius: 12px;
  background: rgba(25, 76, 129, .10);
}

.account-user-stat i {
  color: #6dbdff;
  font-size: 13px;
}

.account-user-stat strong {
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.account-user-stat span {
  max-width: 100%;
  overflow: hidden;
  color: #71869c;
  font-size: 9px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-center-menu {
}

.account-menu-btn,
.account-logout-btn {
  width: 100%;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  margin: 0;
  padding: 0 13px;
  border-radius: 12px;
  line-height: 1;
  transform: none !important;
}

.account-menu-btn {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

.account-menu-btn i,
.account-logout-btn i {
  width: 22px;
  min-width: 22px;
}

.account-menu-btn span,
.account-logout-btn span {
  line-height: 1.15;
}

.account-menu-btn:hover {
  transform: none !important;
}

.account-logout-btn {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

.account-center-main {
  min-height: 610px;
  transition: opacity .18s ease, transform .18s ease;
}

.account-center-workspace {
  transition: opacity .18s ease, transform .18s ease;
}

.account-center-workspace.account-switching {
  opacity: .18;
  transform: translateY(5px);
  pointer-events: none;
}

.account-center-workspace.account-arriving {
  animation: accountCenterArriveV192 .24s cubic-bezier(.22,.8,.32,1) both;
}

@keyframes accountCenterArriveV192 {
  from { opacity: .15; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .account-center-workspace,
  .account-center-main { transition: none !important; }
  .account-center-workspace.account-arriving { animation: none !important; }
}

@media (max-width: 820px) {
  .account-center-head {
    min-height: 116px;
  }

  .account-user-card {
    min-height: 0;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-areas:
      "avatar title role"
      "avatar name role"
      "avatar email email"
      "stats stats stats";
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
  }

  .account-user-stats {
    grid-area: stats;
    margin-top: 10px;
    padding-top: 10px;
  }

  .account-user-stat {
    min-height: 62px;
    grid-template-rows: 15px 20px auto;
    border-radius: 10px;
  }

  .account-user-stat strong { font-size: 16px; }

  .account-center-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  .account-menu-btn {
    height: 50px;
    min-height: 50px;
    max-height: 50px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 18px 16px;
    justify-items: center;
    align-content: center;
    gap: 3px;
    padding: 5px 4px;
    text-align: center;
  }

  .account-menu-btn i {
    width: auto;
    min-width: 0;
  }

  .account-menu-btn span {
    width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .account-logout-btn {
    grid-column: 1 / -1;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    display: flex;
    justify-content: center;
    gap: 8px;
  }

  .account-center-main {
    min-height: 520px;
  }
}

@media (max-width: 480px) {
  .account-user-card {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-areas:
      "avatar title"
      "avatar name"
      "avatar role"
      "email email"
      "stats stats";
  }

  /* Küçük ekranda da üç ana işlem aynı ölçüde yan yana kalır. */
  .account-center-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .account-menu-btn,
  .account-menu-btn.active {
    justify-content: center;
    box-shadow: none;
  }

  .account-menu-btn.active {
    box-shadow: inset 0 -3px 0 #4aa8ff;
  }

  .account-logout-btn {
    grid-column: 1 / -1;
  }
}

/* =========================================================
   v193 - Satın Alımlar ile ortak kart dili + sabit viewport geçişi
   ========================================================= */
:root {
  --account-card-radius: 14px;
  --account-card-border: rgba(91, 174, 255, .26);
  --account-card-bg: linear-gradient(155deg, rgba(29, 77, 146, .22), rgba(8, 30, 59, .65));
  --account-card-shadow: 0 12px 30px rgba(0,0,0,.18);
}

/* Üç sayfada dış alanın ölçüsü birebir aynı kalsın. */
#profileSection .section-page-container,
#customizeSection .section-page-container,
#purchasesSection .purchases-page-container {
  width: min(1180px, calc(100% - 28px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.account-center-workspace {
  grid-template-columns: 285px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 720px;
}

.account-center-main {
  min-height: 720px !important;
  overflow: hidden;
  padding: 18px !important;
  border: 1px solid rgba(255, 133, 88, .18) !important;
  background: linear-gradient(155deg, rgba(31, 18, 19, .66), rgba(7, 16, 21, .96)) !important;
}

/* Satın Alımlar panelinin iç tasarımını referans al. */
#profileSection.account-center-ready #profileContainer,
#customizeSection.account-center-ready #customizeContainer,
#purchasesSection.account-center-ready #digitalPurchasesPanel {
  width: 100%;
  box-sizing: border-box;
}

#profileSection.account-center-ready #profileContainer .profile-settings-card {
  display: grid !important;
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* JS'in oluşturduğu profil alt kartları */
#profileSection.account-center-ready .account-content-card {
  padding: 16px 17px;
  border: 1px solid var(--account-card-border);
  border-radius: var(--account-card-radius);
  background: var(--account-card-bg);
  box-shadow: var(--account-card-shadow);
}

#profileSection.account-center-ready .account-content-card > h3:first-child,
#profileSection.account-center-ready .account-content-card > h4:first-child {
  margin-top: 0 !important;
}

#profileSection.account-center-ready .account-content-card hr {
  display: none !important;
}

#profileSection.account-center-ready .account-content-card input,
#profileSection.account-center-ready .account-content-card select,
#profileSection.account-center-ready .account-content-card textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 44px;
  border-radius: 11px !important;
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(7, 16, 22, .82) !important;
}

#profileSection.account-center-ready .account-content-card button {
  min-height: 42px;
  border-radius: 11px !important;
}

/* Özelleştirme = Satın Alımlar kart ölçüsü ve yüzeyi */
#customizeSection.account-center-ready .customize-header-card,
#customizeSection.account-center-ready .customize-page-intro,
#customizeSection.account-center-ready .customize-user-card {
  border-radius: var(--account-card-radius) !important;
  border: 1px solid var(--account-card-border) !important;
  background: var(--account-card-bg) !important;
  box-shadow: var(--account-card-shadow) !important;
}

#customizeSection.account-center-ready .customize-header-card {
  margin: 0 0 12px !important;
  padding: 16px 17px !important;
}

#customizeSection.account-center-ready .customize-page-intro {
  margin-bottom: 12px !important;
  padding: 14px 16px !important;
}

#customizeSection.account-center-ready .customize-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#customizeSection.account-center-ready .customize-user-card {
  min-height: 230px !important;
  padding: 16px !important;
}

#customizeSection.account-center-ready .customize-option-btn {
  min-height: 44px;
  border-radius: 11px !important;
  background: rgba(7, 16, 22, .72) !important;
}

/* Satın alımların paneli de aynı dış ölçüye otursun. */
#purchasesSection.account-center-ready .rdr1-profile-purchases {
  margin: 0 !important;
  padding: 16px !important;
  border-radius: var(--account-card-radius) !important;
  box-shadow: var(--account-card-shadow) !important;
}

#purchasesSection.account-center-ready .rdr1-profile-product {
  min-height: 70px;
  border-radius: 12px !important;
}

/* Menü ölçüleri üç bölümde kesinlikle değişmesin. */
.account-center-menu {
  min-height: 226px;
}
.account-menu-btn {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
}

/* Dikey hareket yok: yalnızca yumuşak cross-fade. */
.account-center-workspace,
.account-center-main {
  transform: none !important;
}
.account-center-workspace.account-switching {
  opacity: .20;
  transform: none !important;
}
.account-center-workspace.account-arriving {
  animation: accountCenterFadeV193 .20s ease-out both !important;
}
@keyframes accountCenterFadeV193 {
  from { opacity: .18; }
  to { opacity: 1; }
}

@media (max-width: 900px) {
  #customizeSection.account-center-ready .customize-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  #profileSection .section-page-container,
  #customizeSection .section-page-container,
  #purchasesSection .purchases-page-container {
    width: min(100% - 16px, 760px) !important;
  }

  .account-center-workspace {
    grid-template-columns: 1fr !important;
    min-height: 0;
  }

  .account-center-main {
    min-height: 620px !important;
    padding: 12px !important;
  }

  .account-center-menu {
    min-height: 112px;
  }

  .account-menu-btn {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  #profileSection.account-center-ready .account-content-card,
  #customizeSection.account-center-ready .customize-user-card,
  #purchasesSection.account-center-ready .rdr1-profile-product {
    border-radius: 12px !important;
  }
}

@media (max-width: 480px) {
  .account-center-main { min-height: 600px !important; }
  .account-center-menu { min-height: 112px; }
  .account-menu-btn {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }
}

/* =========================================================
   v194 - TEK HESAP MERKEZI / SABIT SEKME / PAGELESS SWITCH
   Profilim, Özelleştirme ve Satın Alımlar artık aynı section içinde.
   ========================================================= */

#customizeSection.account-source-section-v194,
#purchasesSection.account-source-section-v194 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#profileSection.account-center-v194 {
  min-height: calc(100vh - 120px);
  padding-bottom: 42px;
}

#profileSection.account-center-v194 > .section-page-container {
  width: min(1180px, calc(100% - 28px)) !important;
  max-width: 1180px !important;
}

#profileSection.account-center-v194 .account-center-shell-v194 {
  width: 100%;
}

#profileSection.account-center-v194 .account-center-head-static {
  margin-bottom: 18px;
}

#profileSection.account-center-v194 .account-center-workspace-v194 {
  display: grid;
  grid-template-columns: 285px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start;
  min-height: 760px;
}

#profileSection.account-center-v194 .account-center-sidebar {
  position: sticky;
  top: 88px;
  align-self: start;
}

#profileSection.account-center-v194 .account-center-menu {
  min-height: 226px;
}

#profileSection.account-center-v194 .account-menu-btn {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  flex: 0 0 50px;
  transform: none !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

#profileSection.account-center-v194 .account-menu-btn:hover,
#profileSection.account-center-v194 .account-menu-btn.active {
  transform: none !important;
}

#profileSection.account-center-v194 .account-center-main-v194 {
  position: relative;
  min-width: 0;
  min-height: 760px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#profileSection.account-center-v194 .account-center-pane {
  display: none;
  width: 100%;
  min-height: 760px;
  box-sizing: border-box;
  opacity: 0;
  transform: none !important;
}

#profileSection.account-center-v194 .account-center-pane.is-active {
  display: block;
  opacity: 1;
  animation: accountPaneFadeV194 .18s ease-out both;
}

@keyframes accountPaneFadeV194 {
  from { opacity: .35; }
  to { opacity: 1; }
}

/* Satın Alımlar sayfasındaki başlık kartını üç pane için ortak tasarım yap. */
#profileSection.account-center-v194 .account-pane-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 124px;
  margin: 0 0 14px;
  padding: 20px 22px;
  box-sizing: border-box;
  border: 1px solid rgba(69, 243, 255, .20);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(8, 29, 35, .94), rgba(6, 12, 17, .98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .26);
}

#profileSection.account-center-v194 .account-pane-header span {
  display: block;
  margin-bottom: 5px;
  color: #55f3ff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 1.5px;
}

#profileSection.account-center-v194 .account-pane-header h2 {
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(24px, 4vw, 32px);
  line-height: 1.15;
}

#profileSection.account-center-v194 .account-pane-header p {
  margin: 0;
  max-width: 680px;
  color: rgba(224, 242, 245, .70);
  line-height: 1.55;
}

#profileSection.account-center-v194 .account-pane-header > i {
  flex: 0 0 auto;
  color: #55f3ff;
  font-size: 34px;
}

#profileSection.account-center-v194 .account-pane-body {
  width: 100%;
  min-height: 620px;
  box-sizing: border-box;
}

#profileSection.account-center-v194 .account-pane-loading {
  min-height: 180px;
  display: grid;
  place-items: center;
  gap: 10px;
  color: rgba(224,242,245,.7);
  border: 1px solid rgba(255, 133, 88, .25);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(37, 14, 12, .82), rgba(7, 16, 21, .94));
}

/* Profil: satın alımlar ile aynı kart dili */
#profileSection.account-center-v194 [data-account-pane="profile"] #profileContainer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#profileSection.account-center-v194 [data-account-pane="profile"] .profile-layout-grid {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

#profileSection.account-center-v194 [data-account-pane="profile"] .profile-identity-card {
  display: none !important;
}

#profileSection.account-center-v194 [data-account-pane="profile"] .profile-settings-card {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 133, 88, .25) !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg, rgba(37, 14, 12, .82), rgba(7, 16, 21, .94)) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

#profileSection.account-center-v194 .account-content-card {
  min-height: 116px;
  padding: 15px 16px !important;
  box-sizing: border-box;
  border: 1px solid rgba(77, 240, 142, .25) !important;
  border-radius: 13px !important;
  background: rgba(17, 109, 59, .13) !important;
  box-shadow: none !important;
}

#profileSection.account-center-v194 .account-content-card h3,
#profileSection.account-center-v194 .account-content-card h4 {
  color: #fff !important;
}

#profileSection.account-center-v194 .account-content-card input,
#profileSection.account-center-v194 .account-content-card select,
#profileSection.account-center-v194 .account-content-card textarea {
  width: 100% !important;
  min-height: 44px;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 11px !important;
  background: rgba(7, 16, 22, .82) !important;
  color: #fff !important;
}

#profileSection.account-center-v194 .account-content-card button {
  min-height: 42px;
  border-radius: 11px !important;
}

/* Özelleştirme: aynı dış panel + aynı ürün kartı ölçüleri */
#profileSection.account-center-v194 [data-account-pane="customize"] #customizeContainer {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 133, 88, .25);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(37, 14, 12, .82), rgba(7, 16, 21, .94));
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

#profileSection.account-center-v194 [data-account-pane="customize"] .customize-page-intro,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-user-card,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-live-profile-panel,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-live-preview-panel {
  border: 1px solid rgba(77, 240, 142, .25) !important;
  border-radius: 13px !important;
  background: rgba(17, 109, 59, .13) !important;
  box-shadow: none !important;
}

#profileSection.account-center-v194 [data-account-pane="customize"] .customize-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#profileSection.account-center-v194 [data-account-pane="customize"] .customize-user-card {
  min-height: 230px !important;
  padding: 16px !important;
}

/* Satın Alımlar mevcut güzel tasarımını aynen korur. */
#profileSection.account-center-v194 [data-account-pane="purchases"] #digitalPurchasesPanel {
  width: 100%;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

#profileSection.account-center-v194 [data-account-pane="purchases"] .rdr1-profile-product {
  min-height: 70px;
  border-radius: 13px !important;
}

/* İçerik değişirken sidebar ve menü kesinlikle yeniden boyutlanmasın. */
#profileSection.account-center-v194 .account-user-card {
  min-height: 318px;
  box-sizing: border-box;
}

#profileSection.account-center-v194 .account-center-sidebar,
#profileSection.account-center-v194 .account-center-menu,
#profileSection.account-center-v194 .account-menu-btn,
#profileSection.account-center-v194 .account-logout-btn {
  contain: layout style;
}

#profileMenu.profile-menu {
  display: none !important;
}

@media (max-width: 900px) {
  #profileSection.account-center-v194 [data-account-pane="customize"] .customize-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 820px) {
  #profileSection.account-center-v194 > .section-page-container {
    width: min(100% - 16px, 760px) !important;
  }

  #profileSection.account-center-v194 .account-center-workspace-v194 {
    grid-template-columns: 1fr !important;
    min-height: 0;
    gap: 12px !important;
  }

  #profileSection.account-center-v194 .account-center-sidebar {
    position: static;
    top: auto;
  }

  #profileSection.account-center-v194 .account-center-main-v194,
  #profileSection.account-center-v194 .account-center-pane {
    min-height: 620px !important;
  }

  #profileSection.account-center-v194 .account-pane-header {
    min-height: 112px;
    padding: 16px;
    border-radius: 16px;
    align-items: flex-start;
  }

  #profileSection.account-center-v194 .account-pane-header > i {
    font-size: 25px;
  }

  #profileSection.account-center-v194 .account-center-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    min-height: 112px;
  }

  #profileSection.account-center-v194 .account-menu-btn {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 8px 6px !important;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
  }

  #profileSection.account-center-v194 .account-menu-btn i {
    width: 18px;
  }

  #profileSection.account-center-v194 .account-logout-btn {
    grid-column: 1 / -1;
  }

  #profileSection.account-center-v194 [data-account-pane="profile"] .profile-settings-card,
  #profileSection.account-center-v194 [data-account-pane="customize"] #customizeContainer,
  #profileSection.account-center-v194 [data-account-pane="purchases"] #digitalPurchasesPanel {
    padding: 12px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 480px) {
  #profileSection.account-center-v194 .account-center-head-static {
    padding: 16px;
  }

  #profileSection.account-center-v194 .account-center-head-static h1 {
    font-size: 25px;
  }

  #profileSection.account-center-v194 .account-pane-header h2 {
    font-size: 22px;
  }

  #profileSection.account-center-v194 .account-pane-header p {
    font-size: 12px;
  }

  #profileSection.account-center-v194 .account-menu-btn {
    font-size: 11px;
  }
}

/* v199 - Hesabım alanı: yeşil yüzeyler yerine saydam mavi cam görünümü */
#profileSection.account-center-v194 {
  --account-card-border: rgba(85, 167, 255, .32);
  --account-card-bg: linear-gradient(145deg, rgba(35, 105, 201, .15), rgba(22, 71, 138, .08));
}
#profileSection.account-center-v194 .account-content-card,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-user-card,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-live-profile-panel,
#profileSection.account-center-v194 [data-account-pane="customize"] .customize-live-preview-panel {
  border-color: rgba(80, 161, 255, .38) !important;
  background: linear-gradient(145deg, rgba(50, 122, 225, .18), rgba(12, 66, 146, .11)) !important;
  box-shadow: inset 0 1px 0 rgba(183, 222, 255, .06) !important;
}
#profileSection.account-center-v194 [data-account-pane="profile"] .profile-settings-card,
#profileSection.account-center-v194 [data-account-pane="customize"] #customizeContainer,
#profileSection.account-center-v194 [data-account-pane="purchases"] #digitalPurchasesPanel {
  border-color: rgba(85, 158, 245, .33) !important;
  background: linear-gradient(150deg, rgba(24, 73, 142, .17), rgba(8, 31, 71, .15)) !important;
}
#profileSection.account-center-v194 .account-content-card button:not(.delete-btn):not(.danger-btn),
#profileSection.account-center-v194 .account-center-menu button.active,
#profileSection.account-center-v194 .account-center-menu button:hover,
#profileSection.account-center-v194 .account-pane-body .customize-option-btn.selected,
#profileSection.account-center-v194 .account-pane-body .customize-option-btn.active {
  border-color: rgba(105, 187, 255, .42) !important;
  background: linear-gradient(135deg, rgba(56, 136, 230, .34), rgba(15, 80, 170, .21)) !important;
  color: #d7edff !important;
}
#profileSection.account-center-v194 .account-content-card input:focus,
#profileSection.account-center-v194 .account-content-card select:focus,
#profileSection.account-center-v194 .account-content-card textarea:focus {
  border-color: rgba(94, 185, 255, .72) !important;
  box-shadow: 0 0 0 3px rgba(58, 142, 237, .12) !important;
}

/* v216: Kod Profilim üstünde otomatik görünür; mevcut tasarım korunur. */
#profileSection .xbox-activation-card {
  margin: 3px 0 17px;
  padding: 19px 21px;
  border: 1px solid rgba(69, 243, 255, .28);
  border-radius: 18px;
  background: linear-gradient(150deg, rgba(11, 30, 46, .96), rgba(6, 15, 24, .98));
  color: #eef9ff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .17);
}
#profileSection .xbox-activation-heading {display: flex; gap: 13px; align-items: flex-start; margin-bottom: 16px}
#profileSection .xbox-activation-heading > i {font-size: 25px; color: #45f3ff; padding-top: 4px}
#profileSection .xbox-activation-heading h3 {margin:0 0 7px; font-size: 19px; color: #fff}
#profileSection .xbox-activation-heading p {margin:0; color: #b5c6d7; font-size: 13px; line-height:1.5}
#profileSection .xbox-activation-card label {display:block; margin:0 0 7px; font-size: 12px; font-weight:700; color:#a9d8f7}
#profileSection .xbox-activation-code-row {display:flex; gap:9px; align-items:stretch}
#profileSection #xboxActivationCode {flex:1 1 auto; min-width:0; min-height:44px; display:flex; align-items:center; width:100%; padding:12px 13px; font:600 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing:.035em; color:#eaffff; background:#081625; border:1px solid #31526b; border-radius:10px; box-sizing:border-box; overflow-wrap:anywhere; user-select:all; white-space:normal}
#profileSection #xboxActivationCopy {font-family:inherit; font-size:12px; font-weight:700; line-height:1.3; cursor:pointer; padding:11px 14px; min-height:42px; border:1px solid rgba(84,190,241,.45); border-radius:10px; color:#f1ffff; background:rgba(37,108,169,.30)}
#profileSection #xboxActivationCopy:hover {background:rgba(37,108,169,.52)}
#profileSection #xboxActivationCopy:disabled {opacity:.5; cursor:default}
#profileSection .xbox-activation-status {font-size:12px; line-height:1.5; color:#a8c1ce; margin:12px 0 0; overflow-wrap:anywhere}
#profileSection .xbox-activation-status.is-error {color:#ffb0a9}
@media (max-width:680px) {
  #profileSection .xbox-activation-card {padding:15px}
  #profileSection .xbox-activation-code-row {flex-direction:column}
  #profileSection #xboxActivationCode {font-size:12px; letter-spacing:0}
  #profileSection #xboxActivationCopy {width:100%}
}

/* v217: Hesabım başlığının hemen altındaki en üst aktivasyon bandı. */
#profileSection.account-center-v194 .account-top-activation {
  display: block;
  margin: 0 0 16px;
  width: 100%;
  box-sizing: border-box;
}
#profileSection.account-center-v194 .account-top-activation[hidden] { display: none !important; }
#profileSection.account-center-v194 .account-top-activation .xbox-activation-card {
  margin: 0;
  padding: 14px 18px;
  display: grid;
  grid-template-columns: minmax(225px, .9fr) minmax(0, 1.4fr);
  column-gap: 24px;
  row-gap: 7px;
  align-items: center;
  border-color: rgba(69, 185, 255, .34);
  background: linear-gradient(130deg, rgba(12, 40, 68, .96), rgba(6, 21, 36, .97));
}
#profileSection.account-center-v194 .account-top-activation .xbox-activation-heading { grid-row: 1 / 3; margin: 0; }
#profileSection.account-center-v194 .account-top-activation .xbox-activation-card label { grid-column: 2; margin: 0 0 2px; }
#profileSection.account-center-v194 .account-top-activation .xbox-activation-code-row { grid-column: 2; }
#profileSection.account-center-v194 .account-top-activation .xbox-activation-status { grid-column: 1 / -1; margin: 7px 0 0; }
@media(max-width:820px) {
  #profileSection.account-center-v194 .account-top-activation .xbox-activation-card {
    display: block;
    padding: 15px;
  }
  #profileSection.account-center-v194 .account-top-activation .xbox-activation-heading { margin-bottom: 12px; }
  #profileSection.account-center-v194 .account-top-activation .xbox-activation-card label { margin-bottom: 5px; }
}