/* ============ Send Feedback (feedback.js) ============ */

/* Small labelled pill in the Settings header (right of the title) */
.fb-btn {
  width: auto; margin: 0; flex: none; display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 999px; font-size: 0.85em; font-weight: 650;
  background: var(--card-solid); color: var(--text);
  border: 1px solid var(--divider-strong); box-shadow: 0 1px 2px var(--shadow-soft);
}
.fb-btn[hidden] { display: none; }
.fb-btn:hover { filter: none; background: var(--lavender-wash); color: var(--accent); }
.fb-btn svg { width: 17px; height: 17px; }

.fb-form textarea {
  width: 100%; padding: 12px 14px; min-height: 140px; resize: vertical;
  background: var(--input-bg); border: 1px solid var(--input-border); border-radius: 12px;
  color: var(--text); font-size: 16px; font-family: inherit; line-height: 1.45;
}
.fb-form textarea::placeholder { color: var(--placeholder); }
.fb-form textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus-ring); }
.fb-hint { margin-top: 8px; font-size: 0.8em; color: var(--muted); }
.fb-error { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--expense-soft); color: var(--red); font-size: 0.85em; }

.fb-thanks { text-align: center; padding: 18px 6px 4px; }
.fb-thanks-mark {
  width: 56px; height: 56px; margin: 0 auto 14px; border-radius: 50%; display: grid; place-items: center;
  background: var(--income-soft); color: var(--green);
}
.fb-thanks-mark svg { width: 28px; height: 28px; }
.fb-thanks h2 { font-size: 1.25em; margin-bottom: 6px; }
.fb-thanks p { color: var(--text-soft); font-size: 0.92em; }