.c42-label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--c42-color-fg, #1f2937);
}

.c42-label[data-required]::after {
  content: '*';
  margin-left: 0.125rem;
  color: var(--c42-color-danger, #dc2626);
}

.c42-input {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font: inherit;
  color: var(--c42-color-fg, #1f2937);
  background: var(--c42-color-bg, #ffffff);
  border: 1px solid var(--c42-color-border, #e5e7eb);
  border-radius: var(--c42-radius-sm, 0.5rem);
  transition: border-color var(--c42-transition, 200ms ease);
}

.c42-input::placeholder {
  color: var(--c42-color-muted, #6b7280);
}

.c42-input:focus {
  outline: none;
  border-color: var(--c42-color-accent, #4f46e5);
}

.c42-input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}