html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
}

html.dark {
  color-scheme: dark;
}

body {
  --uno: bg-base;
}

html.dark .shiki span {
  color: var(--shiki-dark);
}

html:not(.dark) .shiki span {
  color: var(--shiki-light);
}

.p-column-header-content {
  --uno: 'flex items-center justify-end gap-1';
}

.p-highlight {
  --uno: text-primary important-op100;
}

.data-table td {
  --uno: px2;
}

.data-table th {
  --uno: p2 text-sm op50 font-normal hover-cursor-pointer hover-bg-hover;
}

.data-table tbody tr {
  --uno: 'hover:bg-hover';
}


/* Overrides Floating Vue */
.v-popper--theme-dropdown .v-popper__inner,
.v-popper--theme-tooltip .v-popper__inner {
  --at-apply: 'bg-tooltip color-base font-sans rounded border border-base shadow dark:shadow-2xl';
  box-shadow: 0 6px 30px #0000001a;
}

.v-popper--theme-tooltip .v-popper__arrow-inner,
.v-popper--theme-dropdown .v-popper__arrow-inner {
  visibility: visible;
  --at-apply: 'border-white dark:border-neutral-900';
}

.v-popper--theme-tooltip .v-popper__arrow-outer,
.v-popper--theme-dropdown .v-popper__arrow-outer {
  --at-apply: border-base;
}

.v-popper--theme-tooltip.v-popper--shown,
.v-popper--theme-tooltip.v-popper--shown * {
  transition: none !important;
}
