/* ═══════════════════════════════════════════════════════════════
   AUTH BRAND LOCKUP — Auth-card İÇİNDE form üstünde
   ═══════════════════════════════════════════════════════════════
   PM FIX: Eski yapı brand wrap'i `auth-nav` (position:absolute) içine
   koyuyordu, dar ekranda formun üzerine biniyordu. ÇÖZÜM: brand wrap
   artık `auth-card` İÇİNDE, formdan ÖNCE — doğal akışta, asla
   formun üzerine binEMEZ çünkü ikisi de aynı flow'da. */
.auth-brand-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-sm);
  margin-bottom:var(--space-2xl);
  text-align:center;
  user-select:none;
  width:100%;
}
.auth-brand-monogram-host{
  display:flex;
  align-items:center;
  justify-content:center;
  width:72px;
  height:72px;
  filter:drop-shadow(0 8px 24px rgba(200,245,49,0.2));
  transition:transform var(--duration-base) var(--ease-bounce);
}
.auth-brand-monogram-host:hover{
  transform:scale(1.05) rotate(-3deg);
}
.auth-brand-monogram-host svg{
  width:100%;
  height:100%;
}
.auth-brand-name{
  font-size:var(--font-xl);
  font-weight:var(--fw-black);
  letter-spacing:var(--tracking-tight);
  color:var(--text-primary);
  line-height:1;
  margin-top:var(--space-xs);
}
.auth-brand-name b{
  font-weight:var(--fw-black);
  background:linear-gradient(135deg,#D2F758 0%,#C8F531 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.auth-brand-tagline{
  font-size:var(--font-xs);
  font-weight:var(--fw-medium);
  color:var(--text-tertiary);
  letter-spacing:var(--tracking-wide);
  line-height:1.4;
  max-width:280px;
  margin-top:var(--space-xs);
}
/* Responsive davranış:
   • <600px (mobile, split-screen): tagline GİZLİ, monogram küçük (60px), kompakt
   • 600-960px (tablet): tagline gözükür ama küçük
   • >960px (desktop): tam görünüm */
@media (max-width:600px){
  .auth-brand-tagline{display:none!important}
  .auth-brand-monogram-host{width:60px;height:60px}
  .auth-brand-name{font-size:var(--font-lg)}
  .auth-brand-wrap{margin-bottom:var(--space-xl);gap:var(--space-xs)}
}
@media (min-width:601px) and (max-width:960px){
  .auth-brand-tagline{
    font-size:var(--font-2xs);
    max-width:240px;
    line-height:1.3;
  }
  .auth-brand-monogram-host{width:64px;height:64px}
}

.auth-nav-link{color:var(--text-dim);text-decoration:none;font-size:var(--font-sm);cursor:pointer;transition:color var(--duration-base) var(--ease-out)}
.auth-nav-link:hover{color:var(--text-primary)}

.auth-card{position:relative;z-index:10;width:100%;max-width:440px;background:#0E0E12;border:1px solid var(--border);border-radius:24px;padding:44px 40px;margin:80px 20px;animation:cardIn .6s cubic-bezier(.25,.46,.45,.94) both}
@keyframes cardIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.auth-card.register-card{max-width:500px}

/* Pricing Tiers (paywall + subscription tabs) */
.pricing-tier{position:relative;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;padding:18px 14px;transition:all .2s;text-align:left}
.pricing-tier:hover{border-color:rgba(200,245,49,.15);background:rgba(255,255,255,.03)}
.pricing-tier-featured{background:linear-gradient(135deg,rgba(200,245,49,.05),rgba(200,245,49,.01));border-color:rgba(200,245,49,.3)}
.pricing-tier-featured:hover{border-color:rgba(200,245,49,.5)}
.pricing-tier-current{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.02));border-color:rgba(16,185,129,.4);box-shadow:0 0 0 1px rgba(16,185,129,.15)}

/* Capacity cards (subscription usage meters) */
.capacity-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.capacity-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-secondary);margin-bottom:10px;font-weight:600}
.capacity-header strong{color:var(--text-primary);font-size:.95rem}
.capacity-bar{height:8px;background:rgba(255,255,255,.04);border-radius:999px;overflow:hidden;margin-bottom:8px}
.capacity-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.25,.46,.45,.94)}
.capacity-meta{font-size:.7rem;color:var(--text-dim);font-weight:500}

/* Package badge on admin gym card */
.gym-card-package{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border:1px solid;border-radius:999px;font-size:.68rem;font-weight:700;margin-top:4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.admin-finance-row{display:flex;gap:6px;width:100%;margin-top:8px}
.admin-finance-cell{flex:1;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:8px;padding:6px 8px;text-align:center}
.admin-finance-label{font-size:.6rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.admin-finance-value{font-size:.78rem;color:var(--text-primary);font-weight:800;margin-top:2px;letter-spacing:-0.2px}