html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color-scheme: dark;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  padding-bottom: env(safe-area-inset-bottom, 0);
  background:
    radial-gradient(1200px 800px at -20% -10%, rgba(255, 59, 92, 0.12), transparent 55%),
    radial-gradient(900px 700px at 120% 0%, rgba(89, 119, 255, 0.08), transparent 55%),
    #0b0b14;
}

#aurora-sidebar,
#admin-sidebar,
#admin-legacy-sidebar {
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

main.flex-1 {
  padding-left: clamp(1rem, 2vw, 2rem);
  padding-right: clamp(1rem, 2vw, 2rem);
}

.card,
.panel,
[class*="rounded-"] {
  -webkit-font-smoothing: antialiased;
}

#ac-guild-nav-btn,
#ac-admin-nav-btn,
#ac-admin-legacy-nav-btn {
  top: max(1rem, env(safe-area-inset-top, 0px)) !important;
  left: max(1rem, env(safe-area-inset-left, 0px)) !important;
}

@media (max-width: 1023px) {
  #aurora-sidebar {
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  #admin-sidebar {
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  #admin-legacy-sidebar {
    padding-top: env(safe-area-inset-top, 0);
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  .flex.min-h-screen:has(#aurora-sidebar) > main.flex-1 {
    padding-top: max(1.5rem, calc(env(safe-area-inset-top, 0px) + 3rem)) !important;
    padding-left: max(0.85rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.85rem, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(4.5rem, env(safe-area-inset-bottom, 0px)) !important;
  }

  .flex.min-h-screen:has(#admin-sidebar) > main,
  .flex.min-h-screen:has(#admin-legacy-sidebar) > main {
    padding-top: max(1.5rem, calc(env(safe-area-inset-top, 0px) + 3rem)) !important;
    padding-left: max(0.85rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.85rem, env(safe-area-inset-right, 0px)) !important;
    padding-bottom: max(4.5rem, env(safe-area-inset-bottom, 0px)) !important;
  }

  #aurora-sidebar .group-header {
    min-height: 44px;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea,
  select {
    font-size: 16px !important;
  }

  button,
  a,
  [role="button"] {
    min-height: 40px;
  }
}

.ac-safe-top {
  padding-top: max(0.75rem, env(safe-area-inset-top, 0px));
}

.ac-pb-safe {
  padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}