/* FF Receipt Guard – form UI. Inherits the theme's fonts and colours where possible. */
.ffrg-box { margin-top: 10px; font-size: 0.95em; line-height: 1.45; }
.ffrg-status:empty { display: none; }
.ffrg-status { padding: 10px 12px; border-radius: 6px; border-left: 4px solid currentColor; background: rgba(0, 0, 0, 0.04); }
.ffrg-reading { color: #5a5a5a; }
.ffrg-ok { color: #1f6f3f; background: rgba(31, 111, 63, 0.08); }
.ffrg-error { color: #a12a1e; background: rgba(161, 42, 30, 0.07); }
.ffrg-manual { margin-top: 12px; padding: 12px; border: 1px dashed rgba(0, 0, 0, 0.25); border-radius: 6px; }
.ffrg-manual[hidden] { display: none; }
.ffrg-manual-intro { margin: 0 0 10px; font-weight: 600; }
.ffrg-manual-cols { display: flex; gap: 14px; align-items: flex-start; flex-wrap: wrap; }
.ffrg-guide { display: flex; gap: 10px; align-items: flex-start; flex: 0 0 auto; }
.ffrg-guide > img { width: 200px; max-width: 46vw; height: auto; }
.ffrg-photo img { display: block; width: 120px; max-width: 30vw; height: auto; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.ffrg-photo[hidden] { display: none; }
.ffrg-fields { flex: 1 1 220px; min-width: 0; }
.ffrg-fields label { display: block; margin: 0 0 4px; font-weight: 600; }
.ffrg-fields input { width: 100%; margin: 0 0 12px; box-sizing: border-box; }
@media (max-width: 480px) {
  .ffrg-manual-cols { flex-direction: column; }
  .ffrg-guide > img { width: 170px; max-width: 55vw; }
}