/* ==========================================================================
   Take That Booking — status messages (the $final_report banner)

   .finalReport is used on every public page that reports an outcome: signup,
   the login pages, email verification, terms, logout, page-not-found.

   Its original styling (red, bold, centred) lives in css/webflow-add-ons.css
   and css/take-that-booking-base.webflow.css, neither of which the rebuilt
   public site loads — inc/header.inc.php serves a different, deliberately
   short list. So the message was rendering as plain 14px #333 left-aligned
   body text, visually indistinguishable from the surrounding page copy.
   The client and admin directories still load the old stylesheets and keep
   the red treatment; this file is public-site only.

   Deliberately neutral rather than red: $final_report carries successes
   ("New account added...", "Email verified...") as well as errors, so a
   blanket red was wrong for half its uses. Telling them apart needs a
   severity flag from the controllers, which does not exist yet.
   ========================================================================== */

/* Every viewer emits the div unconditionally, with no whitespace inside it,
   so an absent message leaves a genuinely empty element. Without this, each
   of those pages would now show an empty bordered box. */
.finalReport:empty { display: none; }

.finalReport {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #d9d5e8;
  border-left: 4px solid #4c17ca;
  border-radius: 6px;
  background: #f4f2f9;
  color: #180546;
  font-family: 'Encode Sans', Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
}