/* ═══════════════════════════════════════════════════════════════════
   Components: Form Fields
   ═══════════════════════════════════════════════════════════════════ */

.form-panel label {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  font-weight: var(--weight-semibold);
}

.form-panel input,
.form-panel select,
.form-panel textarea,
.toolbar input,
.toolbar select {
  width: 100%;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(25, 38, 43, 0.12);
  background: rgba(255, 255, 255, 0.86);
  color: var(--color-ink);
}

.form-panel textarea {
  resize: vertical;
  min-height: 180px;
}

.form-panel input:focus-visible,
.form-panel select:focus-visible,
.form-panel textarea:focus-visible,
.toolbar input:focus-visible,
.toolbar select:focus-visible {
  outline: 3px solid rgba(168, 78, 47, 0.18);
  outline-offset: 2px;
  border-color: var(--color-brand-700);
}

/* Inline actions */
.form-actions,
.hero-actions,
.pill-row,
.support-strip {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.form-note {
  margin-bottom: 16px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  background: rgba(40, 72, 66, 0.06);
}

.form-note p { margin-bottom: 0; }

.fy-action-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

/* File Upload */
.upload-box {
  padding: 16px;
  border: 1px dashed rgba(25, 38, 43, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.58);
}

.upload-box input { margin-top: 8px; }

.upload-box span {
  color: var(--color-ink-soft);
  font-weight: var(--weight-normal);
}

/* Privacy Note */
.privacy-note {
  margin: 16px 0;
  padding: 16px;
  border-radius: var(--radius-md);
  background: rgba(168, 78, 47, 0.08);
  border: 1px solid rgba(168, 78, 47, 0.16);
}

.privacy-note p {
  margin: 6px 0 0;
  color: var(--color-ink-soft);
}