* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.dashboardInput-text-wrapper, .dashboardInput-number-wrapper, .dashboardInput-dropdown-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
  max-width: 600px;
  margin: var(--space-md) 0;
}

.dashboardInput-text-label, .dashboardInput-number-label, .dashboardInput-dropdown-label {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}

.dashboardInput-text-title, .dashboardInput-number-title, .dashboardInput-dropdown-title {
  color: var(--sys-text-color-primary);
  font-family: var(--font-family-base);
  font-size: 0.875rem;
  font-weight: 500;
}

.dashboardInput-text-subtitle, .dashboardInput-number-subtitle, .dashboardInput-dropdown-subtitle {
  color: var(--sys-text-color-subtle);
  font-family: var(--font-family-base);
  font-size: 0.75rem;
}

.dashboardInput-text-field, .dashboardInput-number-field {
  background: var(--sys-glass-background);
  border: var(--border-thin) solid var(--sys-border-color);
  border-radius: var(--radius-md);
  color: var(--sys-text-color-white);
  font-family: var(--font-family-base);
  font-size: 0.875rem;
  height: var(--height-md);
  padding: 0 var(--space-sm);
  transition: all var(--transition-fast);
  width: 100%;
  backdrop-filter: var(--sys-glass-blur);
  -webkit-backdrop-filter: var(--sys-glass-blur);
}