#admin-girisi {
  position: fixed;
  top: 20px;
  right: 24px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid oklch(100% 0 0 / .18);
  border-radius: .625rem;
  background: oklch(25.3% .014 290 / .9);
  color: oklch(97.7% .006 80);
  font: 600 14px/1.2 "Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease;
}

#admin-girisi::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

#admin-girisi:hover {
  border-color: oklch(70.5% .195 36);
  background: oklch(28.5% .016 290);
}

#admin-girisi:focus-visible {
  outline: 2px solid oklch(70.5% .195 36);
  outline-offset: 2px;
}

#admin-girisi[hidden] {
  display: none;
}

@media (max-width: 640px) {
  #admin-girisi {
    top: 12px;
    right: 12px;
    padding: 7px 12px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #admin-girisi {
    transition: none;
  }
}

/* Oturum açıkken dar ekranda üst çubuktaki simgelerle çakışmasın: geçiş menüdeki bağlantıdan yapılır. */
@media (max-width: 760px) {
  #admin-girisi.oturumlu {
    display: none;
  }
}

/* Menüdeki "Admin paneli" bağlantısı yalnız dar ekranda görünür; geniş ekranda sağ üstteki düğme vardır. */
@media (min-width: 761px) {
  nav [data-noron-ek="admin"] {
    display: none !important;
  }

  /* Sayfa başlıklarındaki düğmeler (ör. Faturalar > Yeni Taslak) sağ üstteki düğmenin altında kalmasın. */
  #panel-content {
    padding-top: 72px;
  }

  #admin-girisi.oturumlu {
    top: 16px;
  }

  /* İleti kutusu ya da hatalı alan görünür alana kaydırılınca (form-denetimi.js) sağ üstteki düğmenin altında kalmasın;
     kaydırınca yapışan sayfa iletisi (Faturalar) de düğmenin altından başlar. */
  #panel-content :is(input, select, textarea, [role="alert"], [role="status"], .noron-alan-hatasi) {
    scroll-margin-top: 72px;
  }

  #panel-content [role="status"][style*="sticky"] {
    top: 64px !important;
  }
}

/* Giriş ekranında acenteler için müşteri portalı bağlantısı (admin-girisi.js). */
#portal-girisi {
  margin: 24px 0 0;
  text-align: center;
  font: 400 14px/1.5 "Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;
  color: oklch(80% .01 80);
}

#portal-girisi a {
  color: oklch(70.5% .195 36);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#portal-girisi a:focus-visible {
  outline: 2px solid oklch(70.5% .195 36);
  outline-offset: 2px;
}