/* Ekran 12 — Profil (designer/claude-design/css/pages/profile.css). Kullanıcı menüsü layout.css'te. */
.profile { display: flex; flex-direction: column; gap: var(--sp-6); max-width: calc(var(--size-320) * 2); width: 100%; margin: 0 auto; }
.profile__head { display: flex; align-items: center; gap: var(--sp-4); }
.profile__avatar { display: grid; place-items: center; width: var(--size-64); height: var(--size-64); border-radius: 50%; background: var(--text); color: var(--surface); font-size: var(--text-h2); font-weight: var(--w-semibold); flex: none; }
.profile__text { display: flex; flex-direction: column; gap: var(--sp-0-5); min-width: 0; }
.profile__name { font-size: var(--text-h2); font-weight: var(--w-semibold); }
.profile__role { color: var(--text-3); font-size: var(--text-sm); overflow-wrap: anywhere; }
.profile__brand { display: inline-flex; align-items: center; gap: var(--sp-1-5); margin-top: var(--sp-1); }
.profile-section { display: flex; flex-direction: column; gap: var(--sp-3); }

/* Çerçeveli satır listesi (list.css .kv-list karşılığı) */
.pref-list { display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: var(--r-lg); overflow: hidden; }
.pref { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-height: var(--size-56); padding: var(--sp-2) var(--sp-4); border-bottom: 1px solid var(--border); }
.pref:last-child { border-bottom: 0; }
.pref__text { display: flex; flex-direction: column; gap: var(--r-hair); min-width: 0; }
.pref__label { font-size: var(--text-body); }
.pref__hint { font-size: var(--text-sm); color: var(--text-3); }
.pref__value { font-size: var(--text-sm); color: var(--text-3); display: flex; align-items: center; gap: var(--sp-1-5); }

/* Erişilebilen mağaza satırı */
.store-row { display: flex; align-items: center; gap: var(--sp-3); min-height: var(--size-60); padding: var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4); border-bottom: 1px solid var(--border); width: 100%; text-align: left; color: var(--text); background: var(--surface); transition: background var(--dur) var(--ease); }
.store-row:last-child { border-bottom: 0; }
.store-row:hover { background: var(--surface-hover); }
.store-row.is-current { background: var(--primary-soft); }
.store-row.is-loading { opacity: .6; cursor: progress; }
.store-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--r-hair); }
.store-row__name { font-size: var(--text-body); font-weight: var(--w-medium); }
.store-row__meta { font-size: var(--text-sm); color: var(--text-3); }
.store-row__chevron { color: var(--text-3); }

.profile__logout { display: flex; justify-content: center; }
.profile__version { text-align: center; font-size: var(--text-xs); color: var(--text-3); }

/* Mobil mağaza seçici sayfasındaki liste (app.js) */
.profile-list { display: flex; flex-direction: column; gap: var(--sp-2); }

@media (max-width: 767px) {
  .pref--wrap { flex-wrap: wrap; padding-top: var(--sp-3); padding-bottom: var(--sp-3); }
  .profile__name { font-size: var(--text-h3); }
  .profile__avatar { width: var(--size-56); height: var(--size-56); font-size: var(--text-h3); }
}