/* Kompaktowa wersja modalu dostępu do prywatnych repozytoriów z landingu. */
html:has(dialog.repo-access[open]) { overflow: hidden; }
dialog.repo-access {
  width: min(580px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px);
  margin: auto; padding: 0; overflow: auto; border: 0; border-radius: 24px;
  background: var(--surface); color: var(--ink);
  box-shadow: 0 30px 80px rgba(5, 10, 48, .32);
}
dialog.repo-access::backdrop { background: rgba(5, 10, 48, .67); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.repo-access-inner { position: relative; padding: clamp(28px, 5vw, 42px); }
.repo-access-close { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--blue-soft); color: var(--ink); font: 24px/1 var(--sans); cursor: pointer; }
.repo-access-close:hover { background: color-mix(in srgb, var(--blue) 24%, var(--surface)); }
.repo-access-label { display: inline-flex; align-items: center; gap: 9px; max-width: calc(100% - 56px); padding: 8px 12px; border-radius: 99px; background: var(--blue-soft); color: var(--blue-ink); font: 500 11px/1.3 var(--sans); letter-spacing: .1em; text-transform: uppercase; }
.repo-access-label .ic { width: 17px; height: 17px; }
.repo-access h2 { margin-top: 24px; max-width: 16ch; font-size: clamp(30px, 5vw, 44px); }
.repo-access p { margin-top: 18px; max-width: 50ch; color: var(--ink-2); }
.repo-access .repo-access-selection { margin-top: 22px; padding: 14px 16px; border: 1px solid var(--line-2); border-radius: 12px; background: var(--surface-2); color: var(--ink); font: 12px/1.5 var(--mono); overflow-wrap: anywhere; }
.repo-access-actions { margin-top: 26px; }