/* ───────── Inline BE FAST page form ───────── */
#tigerPageForm {
  max-width: 620px;          /* keeps it human sized */
  margin: 0 auto 2rem;       /* center + bottom space */
  padding: 1rem;
  border-radius: 0.5rem;
  background: #f9fbff;       /* subtle card look (optional) */
  box-shadow: 0 1px 4px rgb(0 0 0 / .08);
}

/* stack label text above controls on narrow screens */
#tigerPageForm .tc-label {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-bottom: .6rem;
}

/* make inputs/textareas fill the form width */
#tigerPageForm input[type="text"],
#tigerPageForm input[type="number"],
#tigerPageForm select,
#tigerPageForm textarea {
  width: 100%;
  box-sizing: border-box;
}

/* put the BE FAST & Anticoag fieldsets on their own line */
#tigerPageForm .tc-fieldset {
  margin: .8rem 0;
  border-color: #d4d8e0;
}

/* button row: stack on mobile, inline on desktop */
#tigerPageForm .tc-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0;
}

/* preview box a little taller and full width */
#tigerPageForm .tc-preview {
  width: 100%;
  min-height: 7rem;
}

/* ───── tweak overall card padding slightly ───── */
#tigerPageForm {
  padding: 0.75rem 0.75rem;      /* was 1rem 1rem */
}

/* ───── button colours (page-form only) ───── */
#tigerPageForm .tc-btn.btn-primary {
  background: #065f46;           /* emerald-600 */
  color: #fff;
}

#tigerPageForm .tc-btn.btn-danger {
  background: #991b1b;           /* red-700   */
  color: #fff;
}

#tigerPageForm .tc-btn.btn-ghost {
  background: #fff;
  color: #374151;                /* gray-700  */
  border: 1px solid #d1d5db;     /* gray-300  */
}
#tigerPageForm .tc-btn.btn-ghost:hover {
  background: #f3f4f6;           /* gray-100  */
}

/* keep same vertical rhythm */
#tigerPageForm .tc-btn {
  padding: .45rem 1rem;
  border-radius: .375rem;
  font-weight: 600;
}