/* ==========================================================================
   1. GİRİŞ EKRANI

   ERP girişi: ortalanmış küçük beyaz kutu, logo üstte.
   Burası: ekranın solunu kaplayan koyu kimlik alanı + sağda geniş form.
   Aynı tarayıcıda iki kapı açan biri, hangi kapıda olduğunu ilk bakışta
   anlamalı — ayrım kompozisyonla kuruldu, yeni renk icat edilmedi.
   ========================================================================== */

.pgiris {
  position: fixed;
  inset: 0;
  display: grid;
  grid-template-columns: 44% 1fr;
  background: var(--p-kart);
  z-index: 50;
}

.pgiris[hidden] { display: none; }

.pgiris-kimlik {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--p-a5);
  padding: var(--p-a8) var(--p-a7);
  background: var(--p-kabuk);
  color: #ffffff;
  overflow: hidden;
}

/* Koyu alanı düz bir blok olmaktan çıkaran tek jest: markanın teal'inden
   geniş, çok yumuşak bir ışık. Dekor değil — ekranın "kurumsal pano"
   karakterini kuran şey bu. */
.pgiris-kimlik::after {
  content: '';
  position: absolute;
  width: 620px;
  height: 620px;
  right: -220px;
  bottom: -260px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--p-aksan) 0%, transparent 70%);
  opacity: .5;
  pointer-events: none;
}

/* "zoprey" sözcük markası + "ERP" — birlikte okunduğunda zoprey.ERP.
   Marka dosyası yalnız "zoprey." taşıyor; ERP'yi ona metin olarak
   ekliyoruz, yeni bir logo dosyası uydurmak yerine. */
.pgiris-marka-satir {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 2px;
}

.pgiris-marka {
  width: min(240px, 62%);
  height: auto;
}

.pgiris-marka-erp {
  font-size: var(--p-yazi-xl);
  font-weight: 900;
  letter-spacing: -.01em;
  color: #ffffff;
}

.pgiris-ad {
  position: relative;
  margin: 0;
  font-size: var(--p-yazi-dev);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.01em;
}

.pgiris-alt {
  position: relative;
  margin: 0;
  font-size: var(--p-yazi-sm);
  letter-spacing: var(--p-harf-etiket);
  text-transform: uppercase;
  color: rgba(255, 255, 255, .6);
}

.pgiris-form-kabi {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--p-a7) var(--p-a6);
}

.pgiris-form {
  width: min(400px, 100%);
  display: flex;
  flex-direction: column;
  gap: var(--p-a4);
}

.pgiris-baslik {
  margin: 0 0 var(--p-a2);
  font-size: var(--p-yazi-xl);
  font-weight: 700;
}

.p-alan {
  display: flex;
  flex-direction: column;
  gap: var(--p-a2);
}

.p-etiket {
  font-size: var(--p-yazi-sm);
  font-weight: 700;
  color: var(--p-ikincil);
}

.p-girdi {
  height: var(--p-hedef);
  padding: 0 var(--p-a4);
  font-family: var(--p-font);
  font-size: var(--p-yazi-md);
  color: var(--p-ink);
  background: var(--p-kart-2);
  border: 1px solid var(--p-cizgi-kuv);
  border-radius: var(--p-radius-sm);
  transition: border-color var(--p-gecis), background var(--p-gecis);
  -webkit-user-select: text;
  user-select: text;
}

.p-girdi:hover { border-color: var(--p-aksan); }

.p-girdi:focus-visible {
  outline: none;
  background: var(--p-kart);
  border-color: var(--p-aksan);
  box-shadow: var(--p-odak);
}

/* ---- Buton (portalın kendi butonu; ERP'nin .btn'i değil) ---- */

.p-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--p-a2);
  min-height: var(--p-hedef);
  padding: 0 var(--p-a5);
  font-family: var(--p-font);
  font-size: var(--p-yazi-md);
  font-weight: 700;
  color: var(--p-ink);
  background: var(--p-kart);
  border: 1px solid var(--p-cizgi-kuv);
  border-radius: var(--p-radius-sm);
  cursor: pointer;
  transition: background var(--p-gecis), border-color var(--p-gecis),
              color var(--p-gecis), transform var(--p-gecis);
}

/* Zoprey ID giriş düğmesi bir bağlantı (<a>) — tarayıcının alt çizgisi düşsün. */
a.p-btn { text-decoration: none; }

.p-btn:active { transform: translateY(1px); }

.p-btn:focus-visible { outline: none; box-shadow: var(--p-odak); }

.p-btn.birincil {
  color: #ffffff;
  background: var(--p-aksan);
  border-color: var(--p-aksan);
}

.p-btn.birincil:hover {
  background: var(--p-aksan-koyu);
  border-color: var(--p-aksan-koyu);
}

.p-btn.sade {
  min-height: var(--p-hedef-sm);
  padding: 0 var(--p-a3);
  font-weight: 400;
  background: transparent;
  border-color: transparent;
}

.p-btn[disabled] { opacity: .55; cursor: default; }

/* `hidden` GERÇEKTEN gizlesin. Tarayıcının kendi `[hidden] { display: none }`
   kuralı öznitelik seçicisi değil UA kuralı; `.p-btn`in `display: inline-flex`
   bildirimi onu eziyor ve `el.hidden = true` yazılan düğme ekranda kalıyordu
   (ölçüldü: JS "gizli" diyordu, ekranda duruyordu). */
.p-btn[hidden] { display: none; }

.pgiris-hata {
  margin: 0;
  padding: var(--p-a3) var(--p-a4);
  font-size: var(--p-yazi-sm);
  color: var(--red);
  background: var(--red-bg);
  border: 1px solid var(--red-line);
  border-radius: var(--p-radius-sm);
}

.pgiris-hata[hidden] { display: none; }