html,
body {
  font-family: 'Inter', sans-serif;
  font-size: 16px;

  height: 100%;
  overflow: hidden;
  background-image: radial-gradient(var(--p-surface-700), var(--p-surface-800));
  background-size: 200% 200%;
  background-position: left -100% top -100%;
}

#__nuxt {
  --p-scrollpanel-bar-size: 5px;
  --p-scrollpanel-bar-background: var(--p-surface-950);
  --p-divider-horizontal-margin: 2rem 0 1rem;

  height: 100%;
}

.p-divider {
  &:first-child {
    --p-divider-horizontal-margin: 1rem 0 1rem;
  }
}

.p-scrollpanel-bar-y {
  translate: -0.25rem;
}

.p-select-overlay {
  /* Force dropdown width to match computed min-width from PrimeVue internals. */
  width: 0 !important;
}

.p-select-label {
  width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.p-select-option-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}