/* =====================================================================
   Dyskretny, widoczny przycisk wejscia do panelu administratora.
   Stale przypiety w prawym gornym rogu. Osobny plik - nie modyfikuje
   styles.css. Korzysta ze zmiennych motywu (jasny/ciemny).
   ===================================================================== */

.admin-access-btn {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .5rem .85rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: var(--text);
  font-weight: 600;
  font-size: .85rem;
  text-decoration: none;
  box-shadow: var(--shadow);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.admin-access-btn:hover {
  border-color: var(--accent);
  color: var(--accent-strong);
  transform: translateY(-1px);
}

.admin-access-btn svg {
  width: 1.05rem;
  fill: currentColor;
}

.admin-access-btn .label {
  line-height: 1;
}

@media (max-width: 760px) {
  /* Na mobile chowamy etykiete, zostaje sama ikona klodki, by nie
     zaslaniac przycisku menu (ten jest po lewej). */
  .admin-access-btn { top: 10px; right: 12px; padding: .45rem; }
  .admin-access-btn .label { display: none; }
}