/* Studio Giarda — native access notice, scoped to this add-on. */
.gs-ux-access-dialog {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(540px, calc(100vw - 32px));
  max-width: 540px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 28px;
  border: 1px solid #bda065;
  border-radius: 12px;
  background: #fbf7ed;
  color: #132334;
  box-shadow: 0 20px 65px rgb(0 0 0 / 35%);
  font-family: inherit;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
}
.gs-ux-access-dialog::backdrop { background: rgb(8 17 28 / 72%); }
.gs-ux-access-dialog h2 {
  margin: 0 0 16px;
  color: #132334;
  font: inherit;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}
.gs-ux-access-dialog p { margin: 0 0 18px; font-size: 20px; line-height: 1.5; }
.gs-ux-access-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.gs-ux-access-dialog button {
  box-sizing: border-box;
  flex: 1 1 180px;
  min-height: 48px;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #7b622d;
  border-radius: 6px;
  background: #132334;
  color: #fff9e8;
  font: inherit;
  font-size: 20px;
  line-height: 1.3;
  cursor: pointer;
  white-space: normal;
}
.gs-ux-access-dialog .gs-ux-access-information { background: #e5d4a6; color: #132334; }
.gs-ux-access-dialog button:hover { filter: brightness(1.08); }
.gs-ux-access-dialog button:focus-visible { outline: 3px solid #23699a; outline-offset: 3px; }
@media (max-width: 600px) {
  .gs-ux-access-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 22px; }
  .gs-ux-access-actions { flex-direction: column; margin-top: 18px; }
  .gs-ux-access-dialog button { flex: 0 0 auto; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .gs-ux-access-dialog, .gs-ux-access-dialog button { scroll-behavior: auto; transition: none; }
}
