/* Compatibility for unmigrated module interiors. Preserve values until their own review.
   Navigation and app framing are owned by shell.css. */
.eyebrow,
.panel-kicker,
.hero-kicker {
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-tight);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.content-area { padding: 12px 14px 34px; }
.panel,
.scanner-console {
  border-color: var(--ui-border);
  border-radius: var(--ui-radius-panel);
  box-shadow: none;
}

.primary-button,
.secondary-button,
.danger-button {
  min-height: var(--ui-control-md);
  border-radius: var(--ui-radius-control);
  font-size: var(--ui-text-sm);
  font-weight: 600;
}
.primary-button { box-shadow: none; }
.primary-button:hover { box-shadow: none; filter: brightness(.96); }
.status-chip { min-height: 24px; padding-inline: 8px; font-size: var(--ui-text-xs); }

.form-field label,
.scan-entry > label,
.field-label,
.sku-entry-field > label,
.sku-entry-label-row > label {
  font-size: var(--ui-text-xs);
  line-height: var(--ui-leading-tight);
}

.form-field input,
.form-field select,
.form-field textarea,
.search-box input,
.scan-input-shell input,
.modal input,
.modal select,
.modal textarea {
  min-height: var(--ui-control-md);
  border-radius: var(--ui-radius-control);
  font-size: var(--ui-text-md);
}