/* ==========================================================================
   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 {
    width:100%;
    box-sizing:border-box;
    font-weight: 700;
    text-align: center;
    color:#000;
    background:#fdf3f2;
    border:1px solid #c0392b;
    border-radius:4px;
    padding:12px 15px;
    margin:10px 0;
    font-family: 'Encode Sans', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
}