.admin__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8em;
  border: 1px solid var(--color-ink);
}

.admin__table th,
.admin__table td {
  border: 1px solid var(--color-ink);
}

/* Popover styles for admin expressions index */
.lanuage-list-menu {
  --max-width: 40ch;
  background-color: var(--color-subtle);
  border: 1px solid var(--color-subtle-dark);
  border-radius: 0.5em;
  inset: auto;
  inline-size: max-content;
  margin-inline: var(--inline-space);
  max-inline-size: 40ch;
  overflow: clip;
  position: absolute;
  z-index: 999;
}

@media (max-width: 70ch) {
  .lanuage-list-menu {
    max-inline-size: calc(var(--max-width) - var(--inline-space));
  }
}

.popover-orientation-top .lanuage-list-menu {
  inset-block-end: 100%;
}

.popover {
  --speed: 150ms;
  opacity: 0;
  transition:
      display var(--speed) allow-discrete,
      opacity var(--speed),
      overlay var(--speed) allow-discrete;
}

.popover[open] {
  opacity: 1;
}

.language-list {
  display: grid;
  gap: var(--block-space-half) var(--inline-space);
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  justify-content: start;
  margin: 0;
  text-align: start;
  list-style: none;
  padding: 0;
}

.popover__item {
  display: flex;
  align-items: center;
  gap: 0.5em;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: left;
  font: inherit;
}

.popover__item:hover {
  filter: brightness(1.1);
}