.pr-dropdown {
  position: fixed;
  z-index: 1200;
  width: min(460px, calc(100vw - 24px));
  max-height: min(420px, calc(100dvh - 24px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border: 1px solid var(--pr-border-default);
  border-radius: var(--pr-radius-lg);
  background: rgba(16, 24, 35, 0.985);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(211, 161, 94, 0.035) inset;
  color: var(--pr-text-primary);
  overflow: hidden;
  transform-origin: top right;
  animation: pr-dropdown-enter var(--pr-motion-standard) var(--pr-ease-standard) both;
}

.pr-dropdown[hidden] { display: none; }

.pr-dropdown[data-placement="top"] { transform-origin: bottom right; }

@keyframes pr-dropdown-enter {
  from { opacity: 0; transform: translateY(-4px) scale(0.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.pr-dropdown__header {
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--pr-border-subtle);
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));
}

.pr-dropdown__body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(211, 161, 94, .35) transparent;
  padding: 8px;
}

.pr-dropdown__body::-webkit-scrollbar { width: 8px; }
.pr-dropdown__body::-webkit-scrollbar-thumb { background: rgba(211, 161, 94, .30); border-radius: var(--pr-radius-pill); border: 2px solid transparent; background-clip: padding-box; }

.pr-dropdown__footer {
  padding: 10px 14px;
  border-top: 1px solid var(--pr-border-subtle);
  background: rgba(255,255,255,.012);
}

.pr-dropdown__empty {
  min-height: 118px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 20px;
  text-align: center;
  color: var(--pr-text-muted);
}

.pr-dropdown__empty .pr-icon { width: 24px; height: 24px; color: var(--pr-accent-primary); opacity: .82; }
.pr-dropdown__empty strong { color: var(--pr-text-secondary); font-size: 13px; }
.pr-dropdown__empty span { max-width: 300px; font-size: 12px; line-height: 1.45; }

.pr-dropdown[data-disabled="true"] { pointer-events: none; opacity: .62; }

@media (prefers-reduced-motion: reduce) {
  .pr-dropdown { animation: none; }
}