/* Hesabım, Kütüphane, Ayrıcalıklar, Uygulamalar ve hesap bağlantı ekranları. */

.account-grid, .benefit-grid { display: grid; gap: var(--s-5); align-items: start; }
.level-panel { justify-items: start; }
.level-panel progress { width: 100%; }
.level-number { color: var(--text-2); font: 600 var(--t-h3) var(--font); }
.level-number span { color: var(--text); font: 700 var(--t-number) var(--font); letter-spacing: var(--track-tight); }

/* Ayrıcalıklar başlığı: beyaz mermer */
.vip-hero { display: grid; gap: var(--s-4); padding: var(--s-7) var(--s-5); border-radius: var(--r-2); }
.vip-hero h1 { font: 700 var(--t-display) var(--font); letter-spacing: var(--track-tight); }
.stat { justify-items: start; }

/* Tek formlu ekranlar dar sütunda durur */
[data-screen="forgot"] .panel, [data-screen="reset"] .panel, [data-screen="verify"] .panel { max-width: 520px; }

@media (min-width: 600px) {
  .vip-hero { padding: var(--s-8) var(--s-7); }
}

@media (min-width: 900px) {
  .account-grid, .benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Bakiye ekranı */
.balance-grid { grid-template-columns: minmax(0, 1fr); }
.amount-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: var(--s-2); }
.amount-grid .segmented-item { border: 1px solid var(--line); border-radius: var(--r-1); }
.ledger-amount { font-variant-numeric: tabular-nums; }
.ledger-amount.is-in { color: var(--ok); }
.ledger-amount.is-out { color: var(--text-2); }
.menu-balance { margin-inline-start: auto; padding-inline-start: var(--s-3); color: var(--text-2); font-variant-numeric: tabular-nums; }
@media (min-width: 900px) {
  .balance-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
  .balance-grid .stat, .balance-grid .panel:last-child { grid-column: 1 / -1; }
}

/* Yasal sayfalar ve ödeme sözleşme onayı */
.legal-draft { border: 1px solid var(--warn); background: var(--surface-2); }
.legal-meta { color: var(--muted); font: var(--t-small) var(--font); }
.legal-doc { display: grid; gap: var(--s-4); }
.legal-section { display: grid; gap: var(--s-3); padding-top: var(--s-4); border-top: 1px solid var(--line); }
.legal-section:first-child { padding-top: 0; border-top: 0; }
.legal-list { color: var(--text-2); }
.checkout-terms { display: grid; gap: var(--s-2); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.checkout-terms-links { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-3); padding-inline-start: var(--s-5); }

/* Yazılımlar / Uygulamalar sekmesi */
.app-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.app-card { grid-template-rows: 1fr auto auto; overflow: hidden; }
.app-card-copy { display: grid; gap: var(--s-2); align-content: start; }
.app-card-meta { display: grid; gap: var(--s-2); margin: 0; padding-top: var(--s-3); border-top: 1px solid var(--line); }
.app-card-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); font: var(--t-small) var(--font); font-variant-numeric: tabular-nums; }
.app-card-row dt { color: var(--muted); }
.app-card-row dd { margin: 0; color: var(--text); font-weight: 600; text-align: right; }
.app-contact { width: 100%; }