/* SedatCaglak · Barbaros giriş ekranı teması
   Ajans kimliği: koyu zemin (mevcut) + lime marka vurgusu. Sade, profesyonel.
   Kapsam: .bx-wordmark her yerde biçimlenir; düğme/bağlantı vurgusu YALNIZ
   html.bx-auth (giriş ekranı) altında — uygulamanın geri kalanına dokunmaz. */
:root {
  --bx-accent: #bef264;         /* Barbaros lime — uygulamadaki marka yeşiliyle uyumlu */
  --bx-accent-strong: #a3e635;  /* hover */
  --bx-on-accent: #16210a;      /* vurgu üstü koyu metin (yüksek kontrast) */
}

/* Barbaros wordmark — Paperclip logosunun yerine */
.bx-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  line-height: 1;
  white-space: nowrap;
  user-select: none;
  vertical-align: middle;
}
.bx-wordmark .bx-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: var(--bx-accent);
  color: var(--bx-on-accent);
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.02em;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.bx-wordmark .bx-name {
  font-weight: 650;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #f4f4f5;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Yalnız giriş ekranı: birincil düğme ajans vurgusuyla */
html.bx-auth button.bx-primary,
html.bx-auth form button[type="submit"] {
  background-color: var(--bx-accent) !important;
  color: var(--bx-on-accent) !important;
  border-color: var(--bx-accent) !important;
  font-weight: 600 !important;
  transition: background-color 0.15s ease;
}
html.bx-auth button.bx-primary:hover,
html.bx-auth form button[type="submit"]:hover {
  background-color: var(--bx-accent-strong) !important;
}
html.bx-auth button.bx-primary:disabled,
html.bx-auth form button[type="submit"]:disabled {
  filter: saturate(0.5) brightness(0.9);
}

/* Giriş ekranındaki bağlantılar (ör. "Oluşturun") marka renginde */
html.bx-auth a {
  color: var(--bx-accent) !important;
  text-underline-offset: 2px;
}

/* ─────────────────────────────────────────────────────────────
   Giriş ekranı yerleşimi — YALNIZ html.bx-auth (uygulamanın
   geri kalanına dokunmaz). Kartı tam ekran ortala, boş sağ
   paneli gizle, arka plan animasyonuna zemin aç.
   ───────────────────────────────────────────────────────────── */

/* Split kabı saydamlaşır → altındaki animasyon (#bx-arka) görünür */
html.bx-auth .fixed.inset-0.flex.bg-background {
  background: transparent !important;
}

/* Boş sağ yarı (hidden md:block) — kaldır ki kart gerçekten ortalansın */
html.bx-auth .fixed.inset-0.flex.bg-background > .overflow-hidden {
  display: none !important;
}

/* Giriş sütunu tüm genişliğe yayılır; kartın kendi mx-auto/my-auto'su
   onu yatay+dikey olarak tam ekranın merkezine oturtur */
html.bx-auth .fixed.inset-0.flex.bg-background > .flex.flex-col.overflow-y-auto {
  width: 100% !important;
  max-width: 100% !important;
}

/* Kayıt (signup) satırını gizle — tek kullanıcı, kayıt gereksiz.
   "Hesabınız yok mu? Oluşturun" satırının tamamını kaldırır. */
html.bx-auth div:has(> button.underline.underline-offset-2) {
  display: none !important;
}

/* Tam ekran arka plan animasyon katmanı — kartın ALTINDA (z-index:-1) */
#bx-arka {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  display: none;              /* JS yalnız giriş ekranında açar */
  background: #0b0f0a;        /* JS boyayana kadar koyu zemin */
}