/* ==========================================================================
   AVICLAIM Backoffice - signed-out page treatment
   --------------------------------------------------------------------------
   Layers on top of Styles/AccountForms.css (link that one FIRST) and turns
   the page into the dark, centred login screen. It is only correct on the
   pages you reach BEFORE signing in:

     Views/Account/LogOn.aspx
     Views/Account/ForgotPassword.aspx
     Views/Account/ResetPassword.aspx

   Do NOT link it from ChangePassword or Register. Those are [Authorize] /
   [AuthorizeFull] pages reached from the application bar, and the rules
   below hide that bar - a signed-in user would finish the form with no way
   back to the dashboard. They link AccountForms.css alone and keep their
   chrome.

   The master's chrome is HIDDEN rather than removed, so nothing that
   aviclaim-bo-header.js or the WebForms postback plumbing expects to find is
   missing from the DOM.

   The page-level selectors are prefixed with "html > body" purely for
   specificity: this sheet sits in the master's HeadContent hole, which is
   opened after Content/Site.css but BEFORE Assets/style.css - so two sheets
   still load after it and style the very same elements (body, .wrapper20,
   .content_wrapper20, .middle_partfull20). Keep the prefix if you move rules
   around, and do not move this sheet into the master's <head> list expecting
   it to win on source order - it will not.

   Selectors target Dashboard.Master's wrappers (.content_wrapper20,
   .middle_partfull20). SiteFlightService.Master uses the un-suffixed
   .content_wrapper / .middle_partfull and adds a left menu; it is not
   supported here, and none of the three views above use it.

   Ground #0b2035 is the application bar's own colour, from
   Styles/GenericBackofficeHeader.css.
   ========================================================================== */

/* -------------------------------------------------------------------- page */
html > body {
    margin: 0;
    padding: 0;
    background-color: #0b2035;
    background-image: radial-gradient(1100px 620px at 50% -8%, #14314e 0%, #0b2035 55%, #08182a 100%);
    color: #16293c;
    font-family: "Open Sans", "Segoe UI", Arial, "Helvetica", sans-serif;
}

/* master chrome: nothing here is reachable before you have signed in. The
   spacers are matched twice on purpose - they carry no class until
   aviclaim-bo-header.js adds .boh-spacer, so both states are covered. */
html > body .header_wrapper20,
html > body #lighttoneborderheader,
html > body #lighttoneborderfooter,
html > body .boh-spacer,
html > body .wrapper20 > div:not([class]):not([id]) {
    display: none !important;
}

/* card centred between the top of the page and the footer */
html > body .wrapper20 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
}

html > body .content_wrapper20 {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    background: none;
    background-image: none;
    min-height: 0;
    padding: 0;
    overflow: visible;
}

html > body .middle_partfull20 {
    float: none;
    width: 100%;
    margin: 0;
}

html > body .footer_wrapper20 {
    flex: 0 0 auto;
    padding: 0 20px 30px;
    font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
    font-size: 12.5px;
    letter-spacing: .2px;
    color: rgba(233, 243, 250, .45);
}

/* ------------------------------------------------- AccountForms.css overrides */

/* on the dark ground the card carries its own lift instead of a hairline */
.account-card {
    border-color: transparent;
    box-shadow: 0 30px 70px -26px rgba(3, 14, 26, .62), 0 2px 6px rgba(3, 14, 26, .18);
}
