/* Kimlik doğrulaması sonrası cihaz onayı, giriş kartının yerini alır. */
#girisKatmani #girisFormu[hidden],
#girisKatmani #girisOturumDogrulama[hidden] { display: none; }

#girisKatmani #girisOturumDogrulama {
  --metin: #f1f8fc;
  --ikincil: #acc4d3;
  --cizgi: rgba(160, 190, 211, .2);
  --cizgi-guclu: rgba(160, 190, 211, .35);
  --yuzey: #0d2939;
  --mavi: #83dce7;
  --mavi-yumusak: rgba(31, 128, 158, .16);
  --yesil: #74e2c8;
  --yesil-yumusak: rgba(45, 174, 143, .12);
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  align-content: start;
  gap: 14px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(24px, 2.4vw, 40px);
  translate: none;
  border: 1px solid rgba(101, 216, 194, .45);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(10, 31, 48, .94), rgba(4, 19, 33, .91));
  color: var(--metin);
  box-shadow: 0 24px 70px rgba(0, 6, 16, .35), inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(18px);
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  outline: none;
}
#girisOturumDogrulama::before { display: none; }
#girisKatmani #girisOturumDogrulama h1 { margin: 0; color: var(--metin); font-size: clamp(24px, 1.65vw, 31px); line-height: 1.15; }
#girisKatmani #girisOturumDogrulama > p { margin: 0; color: var(--ikincil); font-size: 13px; line-height: 1.55; }
#girisKatmani #girisOturumDogrulama > ol { margin: 0 0 2px; }
#girisKatmani #girisOturumDogrulama > ol li { color: var(--ikincil); }
#girisKatmani #girisOturumDogrulama > ol .etkin { color: var(--metin); }
#girisKatmani #girisOturumDogrulama .giris-oturum-adimlari { padding: 12px; border: 1px solid var(--cizgi); border-radius: 10px; background: rgba(20, 70, 83, .24); }
#girisKatmani #girisOturumDogrulama dl { padding-block: 3px; border: 1px solid var(--cizgi); border-radius: 10px; }
#girisKatmani #girisOturumDogrulama dl div { grid-template-columns: 95px minmax(0, 1fr); gap: 8px; padding: 9px 12px; }
#girisKatmani #girisOturumDogrulama dd { flex-wrap: wrap; gap: 6px; overflow-wrap: anywhere; }
#girisKatmani #girisOturumDogrulama > .giris-hatasi { padding: 12px; border: 1px solid rgba(255, 139, 154, .45); border-radius: 9px; color: #ffd5dc; background: rgba(136, 36, 60, .28); }
#girisKatmani #girisOturumDogrulama > button { min-height: 46px; padding: 10px 12px; line-height: 1.4; }
#girisKatmani #girisOturumDogrulama > button.birincil { border-color: rgba(98, 233, 212, .45); background: linear-gradient(115deg, #137f98, #138e89); color: #f6ffff; }
#girisKatmani #girisOturumDogrulama > button:disabled { opacity: .72; cursor: default; }
#girisKatmani #girisOturumDogrulama > button:focus-visible { outline: 2px solid #a1f3e3; outline-offset: 3px; }
#girisKatmani #girisOturumDogrulama > .metin-dugmesi { border: 1px solid var(--cizgi-guclu); background: rgba(21, 52, 68, .4); }
#girisKatmani #girisOturumDogrulama .giris-oturum-guvenlik-notu b { font-size: 12px; }
#girisKatmani #girisOturumDogrulama .giris-oturum-guvenlik-notu small { font-size: 11px; }
#girisKatmani #girisOturumDogrulama > small { font-size: 11px; line-height: 1.5; }
@media (max-height: 820px) and (min-width: 901px) {
  #girisKatmani #girisOturumDogrulama { padding: 22px; gap: 10px; }
  #girisKatmani #girisOturumDogrulama .giris-oturum-adimlari { display: none; }
  #girisKatmani #girisOturumDogrulama dl div { min-height: 0; padding-block: 6px; }
}
@media (max-width: 900px) {
  #girisKatmani #girisOturumDogrulama { grid-column: 1; grid-row: 1; padding: 24px; }
}