.select-list-wrapper {
  max-height: 248px;
  display: flex;
  flex-direction: column;
  padding: 0.85rem 1rem;
  border-radius: 22px;
  overflow: hidden;
}

.select-list {
  flex: 1;               /* fills wrapper */
  min-height: 0;         /* lets flex child shrink */
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

/* ensure each item stretches to full width */
.select-list .select-list-item {
  width: 100%;
}

body[data-theme="dark"] .select-list-wrapper {
  background: var(--dm-kbd-bg-color);
  border:1px solid var(--dm-kbd-border-color);
}
body[data-theme="light"] .select-list-wrapper {
  background: var(--lm-kbd-bg-color);
  border:1px solid var(--lm-kbd-border-color);
}

.select-list-link {
  border-radius: 22px;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
    margin-bottom: 0.15rem;
    margin-top: 0.15rem;
}
.select-list-link.indent {
  padding-left: 2rem;
}

/* Dark mode link */
body[data-theme="dark"] .select-list-link:hover {
  background: color(display-p3 0.197 0.208 0.228 / 0.3) !important;
}
body[data-theme="dark"] .select-list-item.select .select-list-link { 
  background: color(display-p3 0.197 0.208 0.228) !important;
}

/* Light mode link */
body[data-theme="light"] .select-list-link:hover {
  background: #f2f2f27f !important;
}
body[data-theme="light"] .select-list-item.select .select-list-link { 
  background: #ebebebf8 !important;
}