/* =========================================================
   DiziFilm teması — "hesap" paketi (giriş/kayıt + hesap sayfaları)
   Yalnızca tema token'ları; tema çekirdeği (app.css + parts/account.css)
   .auth-*, .account-*, .form*, .history-*, .notif-* sınıflarını zaten verir.
   Burada giris7'ye özgü parçalar (CAPTCHA, Breeze form bileşenleri, liste
   satırları, görünürlük seçimi, rütbe paneli, duvar, modal) biçimlenir.
   ========================================================= */

/* ---- Form bileşenleri (x-input-label / x-input-error) — .form-field > label ile aynı ---- */
.form-label{display:block;font:600 13px/1.3 var(--font-body);color:var(--t2);letter-spacing:.005em}
.form-errors{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.form-errors li{margin:0}
/* Matematik CAPTCHA'sı (x-math-captcha kendi <div>'ini basar): alan içi aralık = tema alanı */
.hesap-captcha > div{display:grid;gap:7px;min-width:0}
.hesap-captcha .input{margin-top:0}
.hesap-captcha .error{margin-top:0}
.hesap-captcha .input::placeholder{color:var(--t3)}
/* Doğrulama ekranı: çıkış düğmesi bağlantı görünümünde */
.hesap-link-btn{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;font:600 14px/1.5 var(--font-body);color:var(--t3);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-fast)}
.hesap-link-btn:hover{color:var(--t1)}
form.form-footer{margin-bottom:0}

/* ---- Hesap sayfaları: uyarılar, kart altı eylemler ---- */
.account-main > .hesap-flash,.hesap-list-page > .hesap-flash,.hesap-wall > .hesap-flash{margin:0 0 20px}
.hesap-flash.is-tight{margin:0}
.hesap-card-item{display:flex;flex-direction:column;min-width:0}
.hesap-card-item > .card{flex:1 1 auto}
.hesap-card-actions{margin:10px 0 0}
.hesap-card-actions.is-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hesap-card-actions.is-split .btn{padding:0 8px;gap:5px;font-size:12.5px}
.hesap-card-actions .btn svg{width:15px;height:15px}
.hesap-muted{font:500 14px/1.55 var(--font-body);color:var(--t3)}
.hesap-inline-link{display:inline-flex;align-items:center;gap:6px;font:600 14px/1.4 var(--font-body);color:var(--accent)}
.hesap-inline-link:hover{color:var(--accent-hover)}
.hesap-strong{font-weight:700;color:var(--t1)}
.hesap-push-end{margin-left:auto}
.hesap-saved{display:inline-flex!important;align-items:center;gap:6px;color:var(--accent)!important}
.hesap-saved svg{width:16px;height:16px}

/* profil kartı: duvar bağlantısı */
.profile-meta .hesap-profile-link{display:inline-flex;align-items:center;gap:6px;color:var(--nardo-200);font-weight:600}
.profile-meta .hesap-profile-link:hover{color:var(--t1)}

/* Geçmiş: durum filtresi başlık satırının sağında */
.account-head .hesap-filter{flex:none}

/* ---- Liste satırları (.notif-row'un <div> hali): esnetilmiş satır bağlantısı ---- */
.hesap-row{isolation:isolate}
.hesap-row__link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.hesap-row__link:focus-visible{outline:2px solid var(--nardo-300);outline-offset:2px}
.hesap-row__end,.hesap-row__above{position:relative;z-index:2}
.hesap-row__end form{margin:0}
.hesap-row__end .pill{flex:none}
.hesap-row .notif-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hesap-feed__who{font:500 13.5px/1.4 var(--font-body);color:var(--t2)}
.hesap-feed__who a{font-weight:700;color:var(--t1)}
.hesap-feed__who a:hover{color:var(--accent)}
.hesap-avatar{width:48px;height:48px;font-size:17px;box-shadow:0 0 0 2px var(--s1),0 0 0 3px rgba(var(--lilac-rgb),.2)}
.hesap-friend-name{font:600 15px/1.35 var(--font-body);color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hesap-friend-name:hover{color:var(--accent)}

/* ---- Arkadaşlar ---- */
.hesap-friends{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:28px 32px;align-items:start}
.hesap-friends__block{margin-top:28px}
.hesap-friends__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.hesap-friends .empty{padding:36px 20px}

/* ---- Karne: tür çubukları + rozet çipleri ---- */
.hesap-recap-title{margin-top:10px}
.hesap-bars{display:grid;gap:12px;max-width:760px;margin:0;padding:18px 20px;border-radius:var(--r-lg);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-1)}
.hesap-bar{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr) auto;gap:14px;align-items:center}
.hesap-bar__label{font:600 14px/1.3 var(--font-body);color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hesap-bar .progress{max-width:none;height:8px}
.hesap-bar__value{font:700 13px/1 var(--font-body);color:var(--nardo-200)}
.hesap-badges{display:flex;flex-wrap:wrap;gap:10px}
.hesap-badge{position:relative}
.hesap-badge__chip{height:38px;padding:0 15px;cursor:pointer}
.hesap-badge__chip svg{width:16px;height:16px}
.hesap-badge__pop{position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:240px;max-width:calc(100vw - 32px);padding:12px 14px;border-radius:var(--r-md);background:var(--s2);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2);font:500 13px/1.55 var(--font-body);color:var(--t2)}

/* ---- Ayarlar: bildirim kutuları + görünürlük seçimi ---- */
.hesap-checks{display:grid;gap:12px}
.hesap-checks__push{padding-left:32px}
.hesap-checks label.check strong,.hesap-note strong{color:var(--t1);font-weight:600}
.hesap-note{font-size:13.5px}
.hesap-vis{margin:0;padding:0;border:0;min-width:0}
.hesap-vis > legend{margin-bottom:7px;padding:0}
.hesap-vis__opt{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--s1);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:background var(--dur-fast),box-shadow var(--dur-fast)}
.hesap-vis__opt + .hesap-vis__opt{margin-top:8px}
.hesap-vis__opt > input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.hesap-vis__opt:hover{box-shadow:inset 0 0 0 1px var(--line-3)}
.hesap-vis__opt.is-on,.hesap-vis__opt:has(input:checked){background:linear-gradient(90deg,rgba(var(--violet-rgb),.16),rgba(var(--violet-rgb),.03) 70%),var(--s1);box-shadow:inset 0 0 0 1px var(--accent-line)}
.hesap-vis__opt:has(input:focus-visible){outline:2px solid var(--nardo-300);outline-offset:2px}
.hesap-vis__icon{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--s3);color:var(--t3)}
.hesap-vis__icon svg{width:18px;height:18px}
.hesap-vis__opt.is-on .hesap-vis__icon,.hesap-vis__opt:has(input:checked) .hesap-vis__icon{background:var(--accent-soft);color:var(--nardo-200)}
.hesap-vis__text{display:grid;gap:3px;min-width:0}
.hesap-vis__text strong{font:600 14.5px/1.3 var(--font-body);color:var(--t1)}
.hesap-vis__text small{font:500 12.5px/1.45 var(--font-body);color:var(--t3)}

/* ---- x-modal (hesap silme talebi) ---- */
.hesap-modal{padding-top:max(10vh,24px)}
.hesap-modal__scrim{background:rgba(var(--scrim-rgb),.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hesap-modal__panel{position:relative;border-radius:var(--r-xl);background:radial-gradient(520px 260px at 0 0,rgba(var(--violet-rgb),.16),transparent 70%),var(--s1);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-2);color:var(--t1)}
.hesap-modal__form{margin:0;padding:clamp(20px,3vw,32px)}
.hesap-modal__title{margin-top:10px}
.hesap-modal__text{margin-top:8px;font:500 14px/1.55 var(--font-body);color:var(--t2)}
.hesap-modal__actions{justify-content:flex-end}

/* ---- Üye profili: kimlik satırı + rütbe plakası ---- */
.hesap-public__name{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px}
.hesap-public__name .profile-name{margin-top:0}
.hesap-public__actions{flex:none;align-self:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:360px}
.hesap-public__actions form{margin:0}
.hesap-public:not(:has(.account-profile__plate)) .account-profile__row{border-radius:var(--r-xl)}
.hesap-public:not(:has(.account-profile__plate)) .account-profile__row::after{border-bottom:1px solid var(--line-1)}
.hesap-rank{display:grid;gap:14px;padding:18px clamp(18px,2.4vw,28px) 20px}
.hesap-rank__row{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}
.hesap-rank__insignia{display:inline-grid;place-items:center;min-width:52px;height:52px;padding:0 10px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--nardo-200)}
.hesap-rank__text{display:grid;gap:4px;flex:1 1 220px;min-width:0}
.hesap-rank__text strong{font:800 22px/1.1 var(--font-display);font-variation-settings:"opsz" 48,"wdth" var(--display-wdth);color:var(--t1)}
.hesap-rank__text small{font:500 13px/1.45 var(--font-body);color:var(--t3)}
.hesap-rank__points{display:grid;justify-items:end;gap:4px;text-align:right}
.hesap-rank__points strong{font:800 28px/1 var(--font-display);font-variation-settings:"opsz" 48,"wdth" var(--display-wdth);background:var(--grad-shine);-webkit-background-clip:text;background-clip:text;color:transparent}
.hesap-rank__points small{font:600 11px/1.2 var(--font-body);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--t3)}
.hesap-rank__progress{display:grid;gap:8px}
.hesap-rank__labels{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 13px/1.3 var(--font-body);color:var(--t3)}
.hesap-rank__labels strong{color:var(--t1);font-weight:600}
.hesap-rank .progress{max-width:none;height:6px}
.hesap-rank__note{font:600 13px/1.4 var(--font-body);color:var(--accent)}

/* ---- Duvar (tema yorum görünümü) ---- */
.hesap-wall__form{margin-bottom:8px}
.hesap-wall__form .form-field textarea.input{min-height:104px;background:var(--s0)}
.hesap-wall__submit{display:flex;align-items:center;gap:12px;margin-left:auto}
.hesap-wall__captcha label{display:grid;gap:7px;max-width:280px;font:600 13px/1.3 var(--font-body);color:var(--t2)}
.hesap-wall__captcha .field{margin-top:0;max-width:none}
.hesap-wall__guest{display:block;font:500 14px/1.5 var(--font-body);color:var(--t2)}
.hesap-wall__empty{margin-top:14px}
.hesap-wall .comment-note{display:inline-flex;align-items:center;gap:6px}
.hesap-wall .comment-note svg{width:15px;height:15px}
.hesap-wall .comment-head a:hover strong{color:var(--accent)}
.comment p.hesap-wall__body{white-space:normal}

/* ---- Kullanıcı listesi sayfası ---- */
.hesap-list-page .collection-banner{margin-bottom:8px}
.hesap-list-page .collection-banner__body .eyebrow a:hover{color:var(--t1)}
.hesap-list-page > .hesap-flash{margin-top:20px}
.hesap-list-empty{margin-top:28px}

/* ---- Bağımsız çerçeve (x-guest-layout: yönetici kapısı) ---- */
.hesap-guest{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 16px}
.hesap-guest__brand .brand-word{font-size:26px}
.hesap-guest__brand .brand-mark{width:32px;height:32px}
.hesap-guest__card{width:100%;max-width:440px;padding:clamp(22px,4vw,36px);border-radius:var(--r-xl);background:radial-gradient(520px 320px at 100% 0,rgba(var(--violet-rgb),.12),transparent 70%),var(--s1);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--line-1)}
.hesap-guest__card .input{height:48px;padding-inline:16px;font-size:15px}
.hesap-guest__card .btn-primary{height:52px;font-size:15px}
.hesap-guest__card .alert{margin-top:0}
.hesap-guest__back{font:600 14px/1.4 var(--font-body);color:var(--t3)}
.hesap-guest__back:hover{color:var(--t1)}

/* ---- Duyarlı ---- */
@media (max-width: 1023px){
  .hesap-friends{grid-template-columns:minmax(0,1fr)}
  .hesap-public__actions{max-width:none}
}
@media (max-width: 767px){
  .account-head .hesap-filter{width:100%}
}
@media (max-width: 560px){
  .hesap-card-actions.is-split .btn{font-size:12px;gap:4px;padding:0 6px}
  .hesap-card-actions.is-split .btn svg{display:none}
  .hesap-friends__grid{grid-template-columns:minmax(0,1fr)}
  .hesap-row .hesap-row__end{flex-wrap:wrap;justify-content:flex-end;gap:6px}
  .hesap-public__actions{order:3;width:100%;justify-content:flex-start}
  .hesap-public .profile-name{padding-right:0}
  .hesap-rank__points{justify-items:start;text-align:left}
  .hesap-bar{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .hesap-bar .progress{grid-column:1/-1;grid-row:2}
  .hesap-bars{padding:14px 16px}
  .hesap-checks__push{padding-left:0}
  .hesap-wall__submit{width:100%;justify-content:space-between;margin-left:0}
  .hesap-modal__actions .btn{flex:1 1 0}
}
@media (pointer:coarse){
  .hesap-link-btn{min-height:44px}
  .hesap-badge__chip{height:44px}
}