/* ==========================================================================
   Sayfa CSS'i — "auth-profile" grubu
   User/Login, ForgotPassword, ResetPassword, AccessDenied (_AuthLayout) · Profile/Index (public)
   · MemberAccount/Index (yönetim). components.css'teki bileşenlerin yetmediği küçük yerleşimler.
   Kural: yalnız jeton (ham hex yok), !important yok, CSS text-transform yok.
   Önekler: ap- (giriş ekranları, ortak) · pf- (Profilim) · ma- (Üye hesapları).
   ========================================================================== */

/* ------------------------------------------------------------------ Ortak: uyarı içi düzen */
.ap-alert-body{display:grid;gap:6px;min-width:0;flex:1}
.ap-alert-body>*{margin:0}
/* dokunma hedefi 44 (SPEC §16): negatif margin yalnız görsel boşluğu toplar, yükseklik korunur */
.ap-alert-body .link-arrow{min-height:var(--touch);margin-block:-4px;color:inherit}
.ap-alert-action{justify-self:start;margin-top:6px;color:var(--text)}

/* ------------------------------------------------------------------ Giriş ekranları (_AuthLayout) */
.ap-form{display:grid;gap:18px}
.ap-form>.error-summary{margin-bottom:2px}
/* "Beni hatırla" + "Parolamı unuttum" aynı satırda; dar ekranda sarar */
.ap-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;margin-top:-6px}
.ap-link{display:inline-flex;align-items:center;min-height:var(--touch);font:var(--t-label)}
/* kartın altındaki yardımcı bağlantılar (davet iste, başvur, giriş ekranına dön) */
.ap-foot{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--border);font:var(--t-meta);color:var(--text-2)}
.ap-foot>p{margin:0}
.ap-foot .link{font-weight:600}
.ap-foot .btn{margin-top:4px}
.ap-actions{display:grid;gap:10px}
.ap-actions>p{margin:0}
/* erişim reddi: hangi hesapla girildiği */
.ap-account{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle)}
.ap-account>div{display:grid;gap:2px;min-width:0;flex:1}
.ap-account>div>span{font:var(--t-sm);color:var(--text-2)}
.ap-account>div>b{font:600 1rem/1.35 var(--font-body);overflow-wrap:anywhere}
.ap-meta{display:flex;align-items:baseline;gap:8px;margin:0;font:var(--t-sm);color:var(--text-2);overflow-wrap:anywhere}
.ap-meta code{padding:2px 6px;border-radius:var(--r-xs);background:var(--bg-muted);font-size:.875rem;color:var(--text)}
.ap-ghost{justify-self:start;margin-left:-12px}

/* ------------------------------------------------------------------ Profilim */
.pf-head{align-items:center}
.pf-id{display:flex;align-items:center;gap:20px;min-width:0}
.pf-id__text{display:grid;gap:10px;min-width:0}
.pf-id .section-head__title{overflow-wrap:anywhere}
.pf-id__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;font:var(--t-body);color:var(--text-2)}
.pf-tools{align-self:center}
/* özet kutuları: ≥1024 kutu sayısı kadar eşit sütun (--kpi-n görünümde), altında iki sütun (tek sayıda ilk kutu tam genişlik) */
.pf-kpis{margin-bottom:24px}
@media (max-width:1023.98px){
  .pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf-kpis>:first-child:nth-last-child(odd){grid-column:1/-1}
}
@media (min-width:1024px){.pf-kpis{grid-template-columns:repeat(var(--kpi-n,4),minmax(0,1fr))}}
a.pf-kpi{color:inherit}
a.pf-kpi:hover .kpi__label{color:var(--text)}
.kpi__value.pos,.kpi__value.neg{font-weight:600}
.pf-layout{display:grid;gap:20px;align-items:start}
.pf-main,.pf-aside{display:grid;gap:20px;align-content:start;min-width:0}
@media (min-width:1024px){
  .pf-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px}
  .pf-aside{position:sticky;top:calc(var(--header-h) + 24px)}
}
/* aidat kartı */
.pf-dues{display:grid;gap:18px}
.pf-progress{display:grid;gap:8px}
.pf-progress__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font:var(--t-meta);color:var(--text-2)}
.pf-progress__row b{font:var(--t-stat-sm);color:var(--text);font-variant-numeric:tabular-nums}
.pf-progress .capacity__bar{height:8px}
.pf-table{margin:0 -20px;border-top:0}
.pf-table .table th:first-child,.pf-table .table td:first-child{padding-left:20px}
.pf-table .table th:last-child,.pf-table .table td:last-child{padding-right:20px}
.pf-table .table tr:last-child td{border-bottom:0}
.pf-year{font:var(--t-stat-sm);font-variant-numeric:tabular-nums}
.pf-note{color:var(--text-2);max-width:280px}
.pf-iban{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle)}
.pf-iban__text{display:grid;gap:2px;min-width:0}
.pf-iban__text b{font:600 1.0625rem/1.35 var(--font-body);letter-spacing:.02em;overflow-wrap:anywhere}
/* faaliyet listeleri: fikstür kompakt (SPEC §13.1) — kart içinde durum sütunu yok, satır kart dolgusuyla hizalı */
.pf-fixture{border-top:0;margin-top:-4px}
.pf-fixture .fixture__link{grid-template-columns:64px minmax(0,1fr) 20px;grid-template-areas:"date main go" "date facts go";column-gap:16px;row-gap:8px;padding:16px 8px;margin-inline:-8px;border-radius:var(--r-sm)}
.pf-fixture .fixture__title{font:var(--t-title-sm)}
.pf-fixture .fixture__facts{gap:10px 20px}
.pf-fixture .fixture__go{font-size:1rem}
@media (min-width:1280px){
  /* temel fikstür bu genişlikte olguları ayrı sütunlara açar; dar ana sütunda olgular satırda kalsın */
  .pf-fixture .fixture__link{grid-template-columns:64px minmax(0,1fr) 20px;grid-template-areas:"date main go" "date facts go";row-gap:8px}
  .pf-fixture .fixture__facts{display:flex}
  .pf-fixture .fixture__main{align-self:end}
}
@media (max-width:767.98px){
  .pf-fixture .fixture__link{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"date main" "date facts";column-gap:14px;padding:14px 0;margin-inline:0}
}
.pf-hint{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font:var(--t-sm);color:var(--text-2)}
.pf-hint .bi{margin-top:3px;color:var(--text-3)}
.pf-foot-note{margin:14px 0 0;font:var(--t-sm);color:var(--text-2)}
.pf-cta{display:grid;gap:14px}
.pf-cta>p{margin:0;color:var(--text-2)}
.pf-more{margin-top:0}
.pf-toggle{margin:8px 0 0 -12px}
.pf-toggle[aria-expanded="true"] .bi{transform:rotate(180deg)}
/* yan sütun: üyelik bilgileri (etiket + değer satırları) */
.pf-info{display:grid;margin:0}
.pf-info>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--border)}
.pf-info>div:first-child{padding-top:0}
.pf-info dt{font:var(--t-sm);color:var(--text-2)}
.pf-info dd{margin:0;font:600 1rem/1.4 var(--font-body);overflow-wrap:anywhere}
.pf-app{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding-top:20px}
.pf-app__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--primary);color:var(--on-primary);font-size:1.25rem}
.pf-app__btn{justify-self:start}
.pf-pref{align-items:flex-start}
.pf-pref>.switch{flex:none;margin-top:2px}
@media (max-width:767.98px){
  .pf-id{gap:14px;align-items:flex-start}
  .pf-id .avatar--xl{width:56px;height:56px;font-size:1.125rem}
  .pf-id__meta{font:var(--t-meta)}
  .pf-tools{width:100%}
  .pf-tools>.btn,.pf-tools>.inline-form>.btn{flex:1 1 auto}
  .pf-kpis .kpi{padding:16px}
  /* telefonda aidat satırı tek satır: yıl · tutar · durum; tarih ve not altta; boş hücre ("—") basılmaz */
  .pf-table .table--stack tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:12px 20px}
  .pf-table .table--stack td,.pf-table .table--stack td:first-child,.pf-table .table--stack td:last-child{padding:0}
  .pf-table .table--stack td.pf-amount{text-align:right}
  .pf-table .table--stack td.pf-amount::before,.pf-table .table--stack td.pf-state::before{content:none}
  .pf-table .table--stack td.pf-wide{grid-column:1/-1;padding-top:4px;font:var(--t-sm);color:var(--text-2)}
  .pf-table .table--stack td.pf-empty{display:none}
  .pf-table .table--stack tr:last-child{border-bottom:0}
}

/* ------------------------------------------------------------------ Üye hesapları (yönetim) */
.ma-note{margin-bottom:16px;font:var(--t-meta)}
.ma-note>p{margin:0}
.ma-switch{padding:0 8px;font:500 .9375rem/1.3 var(--font-body);white-space:nowrap}
.ma-chips{padding-top:0}
.ma-member{display:flex;align-items:center;gap:12px;min-width:0}
.ma-member__text{min-width:0}
.ma-member__text>p{margin:0}
.ma-member .table__primary{overflow-wrap:break-word}
.ma-member .table__sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ma-email{max-width:320px;overflow-wrap:break-word;color:var(--text-2)}
.ma-blocked{margin-top:16px;font:var(--t-meta)}
.ma-dialog-icon{background:var(--bg-muted);color:var(--text)}
.ma-member .ma-inline-email{display:none}
/* süzgeç yokken liste ilk 25 satırda kesilir (görünümdeki betik sınıfı ekler; JS kapalıysa hepsi listelenir) */
.ma-table.is-cut tbody tr:nth-child(n+26){display:none}
/* "/" kısayol rozeti yalnız imleçli cihazlarda anlamlı; dokunmatikte yazma alanını daraltıyor */
@media (hover:none){.toolbar__search .affix__unit{display:none}}
@media (min-width:768px) and (max-width:1279.98px){
  .ma-table th:nth-child(2),.ma-table td.ma-email{display:none}
  .ma-member .ma-inline-email{display:block;overflow-wrap:break-word}
}
@media (max-width:767.98px){
  .ma-switch{padding:0 4px}
  .ma-note{font:var(--t-sm)}
  /* durum çipleri tek satırda yatay kayar (sayfa değil, yalnız bu şerit); sağda solma ipucu */
  .ma-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,var(--g900) 88%,transparent);mask-image:linear-gradient(90deg,var(--g900) 88%,transparent)}
  .ma-chips::-webkit-scrollbar{display:none}
  .ma-chips>*{flex:none}
  .ma-chips>.chip:last-child{margin-right:32px}
  /* satır kartı: ad · e-posta · durum rozeti + eylem aynı satırda, metinler avatarla hizalı */
  .ma-table.table--stack tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:14px 16px}
  .ma-table.table--stack td{padding:0}
  .ma-table.table--stack td:first-child,.ma-table.table--stack td.ma-email{grid-column:1/-1}
  .ma-table.table--stack td.ma-email{max-width:none;margin-top:6px;padding-left:44px}
  .ma-table.table--stack td.ma-state{margin-top:8px;padding-left:44px}
  .ma-table.table--stack td.col-actions{width:auto;margin-top:8px;padding-top:0}
  .ma-table.table--stack td.ma-email::before,.ma-table.table--stack td.ma-state::before{content:none}
  .ma-table.table--stack td.ma-state{min-width:0}
  .ma-table.table--stack td.ma-state .badge{height:auto;min-height:26px;padding-block:5px;line-height:1.25;white-space:normal}
  /* hesap açılamayan satır: uzun durum rozeti tam genişlik, "E-postayı düzelt" altında metinle hizalı */
  .ma-table.table--stack tr.ma-row--blocked td.ma-state,.ma-table.table--stack tr.ma-row--blocked td.col-actions{grid-column:1/-1}
  .ma-table.table--stack tr.ma-row--blocked td.col-actions{margin-top:2px;padding-left:25px}
  .ma-table.table--stack tr.ma-row--blocked .row-actions{justify-content:flex-start}
}