/* Üç giriş yüzeyi: hareketli marka alanı ve ayrı, kompakt erişim bölümü. */
html:has(body[data-oturum="giris"]) { min-width:320px; scrollbar-gutter:auto; }
body[data-oturum="giris"] { min-width:320px; }
#girisKatmani {
  --giris-erisim-genisligi:clamp(390px,36vw,660px);
  --giris-kenar:clamp(28px,4vw,76px);
  --giris-alan-yuksekligi:46px;
  --giris-erisim-zemini:#eef2f6;
  --giris-erisim-metni:#203650;
  --giris-erisim-ikincil:#5c6d80;
  --giris-erisim-cizgi:#d8dfe7;
  isolation:isolate;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-gutter:auto;
  font-family:Inter,"Segoe UI",system-ui,sans-serif;
  background:linear-gradient(90deg,rgba(5,19,31,.73),rgba(5,19,31,.82) 60%,rgba(5,19,31,.92)),url("/demo/varliklar/giris/g-santral-premium-call-center-v2.png") left center / cover no-repeat #071524;
}
#girisKatmani::before,#girisKatmani .giris-arka-plan,#girisKatmani .giris-hareket-katmani { display:none; }
#girisKatmani::after {
  content:""; display:block; position:fixed; inset:0 0 0 auto; z-index:0;
  width:var(--giris-erisim-genisligi); height:100%; margin:0; border:0;
  border-left:1px solid var(--giris-erisim-cizgi); border-radius:0;
  background:var(--giris-erisim-zemini); box-shadow:-24px 0 70px #00000012;
  opacity:1; transform:none; animation:none; pointer-events:none;
}
#girisKatmani :is(.giris-sahnesi,.operator-giris-sahnesi) {
  position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1fr) var(--giris-erisim-genisligi);
  align-items:center; gap:0; width:100%; min-height:100dvh; margin:0; padding:100px 0 40px;
}
#girisKatmani :is(.giris-ust-cubugu,.operator-giris-ust) {
  display:grid; grid-template-columns:minmax(0,1fr) var(--giris-erisim-genisligi);
  align-items:center; min-height:88px; padding:18px 0;
}
#girisKatmani :is(.giris-logo,.operator-giris-logo) { justify-self:start; margin-left:var(--giris-kenar); }
#girisKatmani :is(.giris-logo,.operator-giris-logo) img { width:42px; height:42px; animation:none; filter:none; }
#girisKatmani :is(.giris-logo,.operator-giris-logo) strong { font-size:15px; }
#girisKatmani :is(.giris-ust-eylemler,.operator-giris-roller) { justify-self:center; }
#girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller) { display:flex; gap:4px; }
#girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>* { display:inline-flex; align-items:center; min-height:40px; padding:8px 10px; font-size:11px; font-weight:500; color:var(--giris-erisim-ikincil); }
#girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>*::before { display:none; }
#girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>[aria-current=page] { color:var(--giris-erisim-metni); }
#girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>[aria-current=page]::after { right:10px; left:10px; background:#19778b; }

/* Hareket yalnız tanıtım yüzeyindedir; formun konumu sabit kalır. */
#girisKatmani :is(.giris-tanitim,.giris-marka) {
  position:relative; inset:auto; display:flex; flex-direction:column; justify-content:center;
  justify-self:stretch; width:auto; min-width:0; min-height:0; margin:0 var(--giris-kenar);
  padding:0; container-type:inline-size;
}
#girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>h2 {
  max-width:100%; margin:20px 0 14px; font-size:clamp(22px,5.4cqw,40px);
  font-weight:550; letter-spacing:-.025em; line-height:1.18;
  color:#f2f6fa; background:none; -webkit-text-fill-color:currentColor; animation:none;
}
#girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>p { max-width:68ch; margin:0; font-size:13px; font-weight:400; line-height:1.65; color:#b7c7d4; }
#girisKatmani :is(.giris-bolum-etiketi,.operator-giris-etiketi) { color:#a0c7c8; font-size:11px; font-weight:600; letter-spacing:.12em; border-left-color:#6aacab; }
#girisKatmani :is(.operasyon-dekor,.giris-dekor) { display:block; position:fixed; inset:0 var(--giris-erisim-genisligi) 0 0; z-index:0; overflow:hidden; pointer-events:none; }
#girisKatmani :is(.operasyon-dekor,.giris-dekor) i { width:120%; top:70%; opacity:.65; }
#girisKatmani :is(.operasyon-dekor,.giris-dekor) i:nth-child(2) { top:79%; }
#girisKatmani :is(.operasyon-dekor,.giris-dekor) i:nth-child(3) { top:88%; }
#girisKatmani .operator-ses-imzasi { display:flex; height:34px; margin-top:20px; gap:4px; }
#girisKatmani .operator-ses-imzasi i { max-height:32px; width:2px; border-radius:2px; background:linear-gradient(180deg,#86cbc9,#2a8392); box-shadow:none; animation-duration:2.8s; }
#girisKatmani .operator-hazirlik-akisi { display:flex; flex-wrap:wrap; align-self:start; gap:12px 24px; margin:24px 0 0; padding:0; }
#girisKatmani .operator-hazirlik-akisi li { min-height:24px; }
#girisKatmani .operator-hazirlik-akisi li>i { width:5px; height:5px; background:#65cdb9; box-shadow:0 0 0 3px #65cdb914; }
#girisKatmani .operator-hazirlik-akisi b { color:#b7c7d4; font-size:11px; font-weight:500; }

/* Sabit kart yüksekliği yok; hata, SSO ve yardım alanları doğal olarak genişler. */
#girisKatmani #girisFormu.giris-paneli-es {
  grid-column:2; grid-row:1; justify-self:center; align-self:center; translate:none;
  width:min(348px,calc(100% - 56px)); max-width:none; min-width:0; min-height:0;
  margin:0 0 48px; padding:0; overflow:visible; border:0; border-radius:0;
  background:transparent; color:var(--giris-erisim-metni); color-scheme:light; box-shadow:none; backdrop-filter:none; animation:none;
}
#girisKatmani #girisFormu.giris-paneli-es:focus-within { border:0; box-shadow:none; }
#girisKatmani #girisFormu.giris-paneli-es::before,#girisKatmani #girisFormu.giris-paneli-es::after,#girisKatmani .giris-kart-katmani { display:none; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-milli-kimlik { padding-bottom:18px; border-color:var(--giris-erisim-cizgi); }
#girisKatmani #girisFormu.giris-paneli-es>.giris-kart-ust { margin-top:22px; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-kart-ust small { color:#216579; font-size:10px; font-weight:650; letter-spacing:.12em; }
#girisKatmani #girisFormu.giris-paneli-es>header { margin:10px 0 14px; }
#girisKatmani #girisFormu.giris-paneli-es>header h1 { color:var(--giris-erisim-metni); margin:0 0 8px; font-size:25px; font-weight:650; letter-spacing:-.03em; }
#girisKatmani #girisFormu.giris-paneli-es>header p { color:var(--giris-erisim-ikincil); font-size:12px; }
#girisKatmani #girisFormu.giris-paneli-es>label { gap:7px; margin-top:12px; color:#374b61; font-weight:550; }
#girisKatmani #girisFormu.giris-paneli-es>label>span { color:#374b61; font-weight:550; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu { height:var(--giris-alan-yuksekligi); border-color:#c4cfdb; background:#fff; border-radius:7px; box-shadow:none; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu:focus-within { border-color:#277487; box-shadow:0 0 0 3px #27748716; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu input { height:calc(var(--giris-alan-yuksekligi) - 2px); font-size:14px; font-weight:400; color:var(--giris-erisim-metni); color-scheme:light; caret-color:var(--giris-erisim-metni); }
#girisKatmani #girisFormu.giris-paneli-es>.giris-dugmesi { height:var(--giris-alan-yuksekligi); flex-shrink:0; margin-top:20px; background:#19778b; border-color:#33879a; border-radius:7px; font-size:14px; font-weight:650; box-shadow:none; animation:none; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-dugmesi::after { display:none; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-dugmesi:hover:not(:disabled) { background:#176e81; box-shadow:none; transform:none; filter:none; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-yardim-satiri { margin-top:10px; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-yardim-satiri button { color:#126576; font-weight:500; }
#girisKatmani #girisFormu.giris-paneli-es>footer { margin-top:20px; padding-top:16px; border-color:var(--giris-erisim-cizgi); color:var(--giris-erisim-ikincil); }
#girisKatmani #girisFormu.giris-paneli-es>footer svg { color:#39768a; }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama { justify-self:center; width:min(390px,calc(100% - 48px)); padding:24px; }

/* Açık erişim bölümünde tüm form durumları aynı paleti kullanır. */
#girisKatmani #girisFormu.giris-paneli-es>.giris-milli-kimlik small { color:var(--giris-erisim-ikincil); }
#girisKatmani #girisFormu.giris-paneli-es>.giris-milli-kimlik strong { color:var(--giris-erisim-metni); }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu input::placeholder { color:#65758a; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu :is(.giris-alan-ikonu,button) { color:#5c6d80; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu button:hover { color:#203650; background:#e9eff4; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu:has(input:is(:autofill,:-webkit-autofill)) { --giris-autofill-zemini:#fff; background:#fff; }
#girisKatmani #girisFormu.giris-paneli-es .giris-girdi-kabugu input:is(:autofill,:-webkit-autofill) { -webkit-text-fill-color:#203650; caret-color:#203650; -webkit-box-shadow:0 0 0 1000px #fff inset; box-shadow:0 0 0 1000px #fff inset; }
#girisKatmani #girisFormu.giris-paneli-es>footer b { color:#374b61; }
#girisKatmani #girisFormu.giris-paneli-es>footer small { color:var(--giris-erisim-ikincil); }
#girisKatmani #girisFormu.giris-paneli-es>.giris-yardim-mesaji { color:#344e67; background:#e8eef5; }
#girisKatmani #girisFormu.giris-paneli-es>.giris-hatasi { color:#9f2940; background:#fff0f3; border-color:#ecc1cb; }
#girisKatmani #girisFormu.giris-paneli-es button:focus-visible { outline:2px solid #277487; outline-offset:3px; }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso button { color:#203650; background:#fff; border-color:#c4cfdb; }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso button b { color:#203650; }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso button :is(svg,i) { color:#216579; }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso button:hover { background:#eaf1f5; }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso :is(small,p),
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso-ayrac { color:var(--giris-erisim-ikincil); }
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso-ayrac::before,
#girisKatmani #girisFormu.giris-paneli-es .kurumsal-sso-ayrac::after { background:var(--giris-erisim-cizgi); }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama {
  --metin:#203650; --ikincil:#5c6d80; --cizgi:#d8dfe7; --cizgi-guclu:#c4cfdb;
  --yuzey:#fff; --mavi:#216579; --mavi-yumusak:#e8f0f4; --yesil:#18735e; --yesil-yumusak:#e6f3ee;
  background:var(--giris-erisim-zemini); border-color:var(--cizgi); box-shadow:none; backdrop-filter:none; color-scheme:light;
}
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama .giris-oturum-adimlari { background:#e8f0f4; }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama>.metin-dugmesi { color:var(--metin); background:#fff; }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama>.giris-hatasi { color:#9f2940; background:#fff0f3; border-color:#ecc1cb; }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama>button.birincil { background:#19778b; border-color:#33879a; color:#fff; }
#girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama>button:focus-visible { outline-color:#277487; }
@media(min-width:901px) {
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>a:hover { color:#203650; }
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>a:focus-visible { outline:2px solid #277487; outline-offset:3px; }
}

/* Operatör tanıtımı ve altta yer alan uygulama çubuğu. */
/* Ortak satırlar, uygulama çubuğu olmayan girişlerde de aynı hizayı korur. */
#girisKatmani :is(.giris-marka,.giris-tanitim) {
  --giris-uygulama-satiri:78px;
  display:grid; grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(24px,1fr) 28px auto auto auto minmax(24px,1fr) var(--giris-uygulama-satiri);
  align-self:stretch; gap:0;
}
#girisKatmani .giris-marka-icerigi { display:contents; }
#girisKatmani .giris-tanitim-ust { grid-row:2; display:flex; align-items:center; gap:20px; width:min(100%,440px); height:28px; }
#girisKatmani .giris-tanitim-ust::after { content:""; order:2; flex:1; height:1px; background:linear-gradient(90deg,#91bfc145,#91bfc115); }
#girisKatmani .giris-tanitim-ust :is(.giris-bolum-etiketi,.operator-giris-etiketi) { order:1; flex:0 0 auto; display:flex; align-items:center; height:28px; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:none; backdrop-filter:none; line-height:1.2; }
#girisKatmani .giris-tanitim-ust .operator-ses-imzasi { order:3; flex:0 0 auto; width:106px; height:24px; margin:0; gap:2px; }
#girisKatmani .giris-tanitim-ust .operator-ses-imzasi i { max-height:24px; }
#girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>h2 { grid-row:3; }
#girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>p { grid-row:4; }
#girisKatmani :is(.giris-marka,.giris-tanitim)>.operator-hazirlik-akisi { grid-row:5; justify-self:start; width:max-content; max-width:100%; margin:26px 0 0; padding:18px 0 0; border-top:1px solid #91bfc126; }
#girisKatmani .giris-indirmeler { grid-row:7; }
#girisKatmani .giris-indirmeler { position:relative; width:min(100%,760px); margin:0; padding:0; border:1px solid #7299b03d; border-radius:10px; background:#081e2ed9; box-shadow:0 12px 36px #0002; backdrop-filter:blur(16px); text-shadow:none; }
#girisKatmani .giris-indirmeler:has(.giris-indirme-karti[hidden]) { width:min(100%,380px); }
#girisKatmani .giris-indirmeler>header { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#girisKatmani .giris-indirmeler>p,#girisKatmani .giris-indirmeler>small { display:none; }
#girisKatmani .giris-indirme-kartlari { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
#girisKatmani .giris-indirme-karti[hidden] { display:none; }
#girisKatmani .giris-indirme-kartlari:has(>.giris-indirme-karti[hidden]) { grid-template-columns:minmax(0,1fr); }
#girisKatmani .giris-indirme-karti { display:grid; grid-template-columns:32px minmax(0,1fr) 44px; align-items:center; gap:12px; min-width:0; padding:16px 18px; border:0; border-right:1px solid #7299b030; border-radius:0; background:none; }
#girisKatmani .giris-indirme-karti:last-child,#girisKatmani .giris-indirme-karti:has(+[hidden]) { border-right:0; }
#girisKatmani .giris-indirme-simgesi { display:grid; place-items:center; width:32px; height:32px; background:none; border:0; color:#a6c8d8; }
#girisKatmani .giris-indirme-simgesi svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
#girisKatmani .giris-indirme-karti h4 { margin:0 0 5px; color:#f1f8fc; font-size:13px; font-weight:600; line-height:1.3; }
#girisKatmani .giris-indirme-karti p { margin:0; color:#a8bfce; font-size:11px; line-height:1.5; }
#girisKatmani .giris-indirme-karti a { display:grid; grid-column:3; place-items:center; width:44px; height:44px; min-height:0; padding:0; background:#18384b; border:1px solid #6e96ad66; border-radius:8px; box-shadow:none; color:#dfeaf0; text-decoration:none; transition:background .16s ease,border-color .16s ease; }
#girisKatmani .giris-indirme-karti a>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#girisKatmani .giris-indirme-karti a:hover { background:#245069; border-color:#8bb2c7; }
#girisKatmani .giris-indirme-karti a:focus-visible { outline:2px solid #a1f3e3; outline-offset:4px; }
#girisKatmani .giris-indirme-karti a svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:1180px) and (min-width:901px) {
  #girisKatmani :is(.giris-marka,.giris-tanitim) { --giris-uygulama-satiri:70px; }
  #girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>p { min-height:3.3em; }
  #girisKatmani .giris-indirme-karti { grid-template-columns:24px minmax(0,1fr) 44px; padding:12px; gap:8px; }
  #girisKatmani .giris-indirme-simgesi,#girisKatmani .giris-indirme-simgesi svg { width:24px; height:24px; }
  #girisKatmani .giris-indirme-karti h4 { font-size:11px; }
}
@media(max-height:760px) and (min-width:901px) {
  #girisKatmani :is(.giris-sahnesi,.operator-giris-sahnesi) { padding-block:88px 24px; }
  #girisKatmani :is(.giris-tanitim,.giris-marka-icerigi)>h2 { margin-block:16px 12px; }
  #girisKatmani .operator-ses-imzasi { height:34px; margin-top:14px; }
  #girisKatmani #girisFormu.giris-paneli-es { margin-bottom:0; }
  #girisKatmani .operator-hazirlik-akisi { margin-top:18px; }
}
@media(max-width:900px) {
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>* { color:#a9bac8; }
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>[aria-current=page] { color:#f0f5f8; }
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller)>[aria-current=page]::after { background:#65d8c2; }

  #girisKatmani::after { display:none; }
  #girisKatmani :is(.operasyon-dekor,.giris-dekor) { right:0; }
  #girisKatmani :is(.giris-ust-cubugu,.operator-giris-ust) { display:flex; justify-content:space-between; padding:18px 24px; }
  #girisKatmani :is(.giris-logo,.operator-giris-logo) { margin:0; }
  #girisKatmani :is(.giris-sahnesi,.operator-giris-sahnesi) { grid-template-columns:minmax(0,1fr); align-content:start; gap:24px; width:min(440px,calc(100% - 32px)); min-height:100dvh; margin:auto; padding:108px 0 28px; }
  #girisKatmani #girisFormu.giris-paneli-es { grid-column:1; width:100%; margin:0; padding:28px; border:1px solid var(--giris-erisim-cizgi); border-radius:12px; background:var(--giris-erisim-zemini); }
  #girisKatmani #girisFormu.giris-paneli-es:focus-within { border:1px solid var(--giris-erisim-cizgi); }
  #girisKatmani .giris-tanitim { display:none; }
  #girisKatmani .giris-marka { grid-column:1; grid-template-rows:auto; gap:0; margin:0; }
  #girisKatmani .giris-marka>:not(.giris-indirmeler) { display:none; }
  #girisKatmani .giris-indirmeler { grid-row:auto; width:100%; }
  #girisKatmani .giris-indirmeler:has(.giris-indirme-karti[hidden]) { width:100%; }
  #girisKatmani .giris-indirme-kartlari { grid-template-columns:minmax(0,1fr); }
  #girisKatmani .giris-indirme-karti { border-right:0; border-bottom:1px solid #7299b030; }
  #girisKatmani .giris-indirme-karti:last-child,#girisKatmani .giris-indirme-karti:has(+[hidden]) { border-bottom:0; }
  #girisKatmani #girisOturumDogrulama.giris-oturum-dogrulama { width:100%; }
}
@media(max-width:540px) {
  #girisKatmani :is(.giris-ust-cubugu,.operator-giris-ust) { position:relative; flex-wrap:wrap; gap:14px; padding:22px 20px 0; }
  #girisKatmani :is(.giris-ust-eylemler,.operator-giris-roller) { width:100%; justify-content:flex-start; }
  #girisKatmani :is(.giris-rol-gecisleri,.operator-giris-roller) { flex-wrap:wrap; }
  #girisKatmani :is(.giris-logo,.operator-giris-logo) { gap:8px; }
  #girisKatmani :is(.giris-logo,.operator-giris-logo) img { width:34px; height:34px; }
  #girisKatmani :is(.giris-logo,.operator-giris-logo) strong { font-size:12px; }
  #girisKatmani :is(.giris-logo,.operator-giris-logo) small { font-size:6px; }
  #girisKatmani :is(.giris-sahnesi,.operator-giris-sahnesi) { min-height:0; padding:24px 0; }
  #girisKatmani #girisFormu.giris-paneli-es { padding:24px 20px; }
  #girisKatmani #girisFormu.giris-paneli-es>header h1 { font-size:23px; }
  #girisKatmani #girisFormu.giris-paneli-es>.giris-milli-kimlik>span { white-space:normal; flex-wrap:wrap; gap:4px; }
  #girisKatmani .giris-indirme-kartlari { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  #girisKatmani :is(.operasyon-dekor,.giris-dekor)::before,
  #girisKatmani :is(.operasyon-dekor,.giris-dekor)::after,
  #girisKatmani :is(.operasyon-dekor,.giris-dekor) i,
  #girisKatmani :is(.operasyon-dekor,.giris-dekor) i::after,
  #girisKatmani .operator-ses-imzasi i { animation:none; }
}