/*
 * Forgot-password modal — host side only.
 * Spec: docs/superpowers/specs/2026-08-21-forgot-password-redesign-design.md
 *
 * Loaded by the four pages that iframe LostPassword.aspx: Login.aspx,
 * PartnerLogin.aspx, Login_maintanence.aspx and Kiosk/login.aspx. It styles
 * the overlay and the iframe, never the card inside them — that is
 * css/lost-password/lost-password.css, loaded by the framed document.
 *
 * Each of those four pages used to carry its own copy of these rules in an
 * inline <style> block. Those copies are deleted, because an inline <style>
 * sits after every <link> and would beat this file at equal specificity.
 *
 * Explicit top/right/bottom/left rather than the inset shorthand, which the
 * legacy stylesheets are not compatible with.
 */

/* TR-2302: force light mode. These pages do not load reset.css, so they miss
   its TR-2464 color-scheme rule and browsers auto-darken native controls. */
:root {
    color-scheme: light;
}

.popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Above the legacy 99999 ceiling, per the project convention. */
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
}

/* No display declaration anywhere in this file, deliberately: the markup
   carries style="display:none" inline and jQuery's .show() writes
   style="display:block", and inline always wins. */

.popup-frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Full-bleed so the card inside can centre itself against the whole viewport
   and the overlay's dim shows through its transparent body. */
.popup-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
}