/* Workflows page (WP-D) — extends base.css, never overrides its variables. */

.wf-json-textarea {
  font-family: var(--font-mono);
  min-height: 200px;
}

.wf-json-textarea-lg {
  min-height: 320px;
  font-size: 0.8rem;
}

.wf-checkbox-label {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: 0.8rem;
  color: var(--text-secondary);
  cursor: pointer;
}

.wf-required {
  color: var(--accent-red);
}

/* base.css defines .lt-field-error as a hook (see base.js field validation)
   but ships no visual style for it — Workflows renders it directly for
   JSON-parse / server-side errors, so give it one here. */
.lt-field-error {
  color: var(--accent-red);
  font-size: 0.72rem;
  letter-spacing: 0.02em;
}

.wf-input-invalid {
  border-color: var(--accent-red) !important;
}