/* ============================================================================
 *  Login.css  —  Training Center · Login page
 *  Classic-Windows skin for the EXISTING markup (class names unchanged).
 *  Drop-in: replaces /css/Login.css. Self-contained (tokens inside).
 *  Scoped under .container so it wins over classic-windows.css.
 *
 *  NOTE: the left panel now shows the SYSTEM LOGO instead of the heading
 *  text (per request). Put your white wordmark at  Images/tc-logo.png
 *  (or change --tc-logo below). The .main-heading text is hidden via CSS —
 *  no HTML change needed.
 * ========================================================================== */

/* ---------------------------------------------------------------- TOKENS -- */
:root {
    --win-bg: #D9D9D9;
    --win-panel: #CFCFCF;
    --win-face: #DCDCDC;
    --win-window: #FFFFFF;
    --win-text: #000000;
    --win-graytext: #6E6E6E;
    --win-seltext: #FFFFFF;
    --win-hilight: #FFFFFF;
    --win-light: #F0F0F0;
    --win-shadow: #808080;
    --win-dkshadow: #404040;
    --win-sel: #000080;
    --win-title: #000080;
    --win-ok: #008000;
    --win-error: #9E0000;
    --win-link: #000080;
    --bevel-raised: inset 1px 1px 0 0 var(--win-hilight), inset -1px -1px 0 0 var(--win-dkshadow), inset 2px 2px 0 0 var(--win-light), inset -2px -2px 0 0 var(--win-shadow);
    --bevel-raised-pressed: inset 1px 1px 0 0 var(--win-dkshadow), inset -1px -1px 0 0 var(--win-hilight), inset 2px 2px 0 0 var(--win-shadow), inset -2px -2px 0 0 var(--win-light);
    --bevel-sunken: inset 1px 1px 0 0 var(--win-shadow), inset -1px -1px 0 0 var(--win-hilight), inset 2px 2px 0 0 var(--win-dkshadow),inset -2px -2px 0 0 var(--win-light);
    --bevel-raised-thin: inset 1px 1px 0 0 var(--win-hilight), inset -1px -1px 0 0 var(--win-shadow);
    --bevel-etched: inset 1px 1px 0 0 var(--win-shadow), inset -1px -1px 0 0 var(--win-hilight), inset 2px 2px 0 0 var(--win-hilight), inset -2px -2px 0 0 var(--win-shadow);
    --bevel-window: inset 1px 1px 0 0 var(--win-light), inset -1px -1px 0 0 var(--win-dkshadow), inset 2px 2px 0 0 var(--win-hilight),inset -2px -2px 0 0 var(--win-shadow);
    --font-ui: "Segoe UI",Tahoma,sans-serif;
    --font-mono: "Consolas","Courier New",monospace;
    /* swap this for your real white wordmark */
    --tc-logo: url("data:image/png;base64,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");
}

/* ------------------------------------------------------------- PAGE SHELL -- */
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: var(--win-bg);
    color: var(--win-text);
    font: 12px/1.4 var(--font-ui);
    -webkit-font-smoothing: none;
}

/* the login window — a centred classic dialog instead of full-bleed panels */
.container {
    position: relative;
    display: flex;
    width: 860px;
    max-width: 96vw;
    min-height: 500px;
    padding: 25px 3px 3px; /* top room for the title bar */
    background: var(--win-panel);
    box-shadow: var(--bevel-window);
}

    .container * {
        box-sizing: border-box;
    }
    /* window title bar */
    .container::before {
        content: "Training Center — Login";
        position: absolute;
        top: 3px;
        inset-inline: 3px;
        height: 22px;
        display: flex;
        align-items: center;
        padding: 0 8px;
         color: black;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .02em;
    }

    /* status area (WebAuthn messages) overlays at the top, full width */
    .container #status-area {
        position: absolute;
        top: 30px;
        inset-inline: 6px;
        z-index: 5;
    }

        .container #status-area:empty {
            display: none;
        }

    .container #webauthn-status {
        margin: 0 0 4px !important;
        box-shadow: var(--bevel-sunken-thin);
        border-radius: 0 !important;
    }

    /* ===================================================== LEFT — BRAND ======== */
    .container .left-section {
        flex: 1 1 46%;
        min-width: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        background: var(--win-title); /* navy brand panel */
        box-shadow: var(--bevel-sunken);
    }
        /* show the system logo (replaces the heading text) */
        .container .left-section .logo {
            width: min(78%,300px);
            aspect-ratio: 5 / 2;
            background: var(--tc-logo) center/contain no-repeat;
        }
        /* hide the old heading copy — the logo speaks for the brand */
        .container .left-section .main-heading {
            display: none;
        }

    /* ===================================================== RIGHT — FORM ======== */
    .container .right-section {
        flex: 1 1 46%;
        min-width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 14px;
        padding: 34px 32px;
        background: var(--win-face);
        box-shadow: var(--bevel-raised-thin);
    }

    .container .login-title {
        margin: 0 0 6px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }

        .container .login-title .continue {
            color: var(--win-sel);
        }

    .container .login-form {
        display: flex;
        flex-direction: column;
    }

        .container .login-form label {
            margin: 0 0 4px;
            font-size: 11px;
            color: var(--win-graytext);
            text-transform: uppercase;
            letter-spacing: .05em;
        }

        .container .login-form input {
            height: 26px;
            margin-bottom: 16px;
            padding: 0 7px;
            font: 13px var(--font-ui);
            color: var(--win-text);
            background: var(--win-window);
            border: 0;
            border-radius: 0;
            box-shadow: var(--bevel-sunken);
            appearance: none;
        }

            .container .login-form input:focus {
                outline: 1px dotted var(--win-text);
                outline-offset: -3px;
            }

    .container .login-button {
        height: 30px;
        margin-top: 4px;
        font: 13px var(--font-ui);
        font-weight: 700;
        color: var(--win-text);
        background: var(--win-face);
        border: 0;
        border-radius: 0;
        box-shadow: var(--bevel-raised);
        outline: 1px solid var(--win-text);
        outline-offset: -3px;
        cursor: pointer;
    }

        .container .login-button:active {
            box-shadow: var(--bevel-raised-pressed);
            padding-top: 1px;
        }

        .container .login-button:disabled {
            color: var(--win-graytext);
            box-shadow: var(--bevel-raised-thin);
            cursor: default;
            outline-color: var(--win-graytext);
        }

    /* biometric row — separated by an etched divider */
    .container .biometric-options {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 6px;
        padding-top: 14px;
        box-shadow: inset 0 1px 0 var(--win-shadow), inset 0 2px 0 var(--win-hilight);
    }

    .container .biometric-login-btn {
        height: 26px;
        padding: 0 14px;
        font: 12px var(--font-ui);
        color: var(--win-text);
        background: var(--win-face);
        border: 0;
        border-radius: 0;
        box-shadow: var(--bevel-raised);
        cursor: pointer;
    }

        .container .biometric-login-btn:active {
            box-shadow: var(--bevel-raised-pressed);
            padding-top: 1px;
        }

    .container .setup-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 26px;
        padding: 0 12px;
        font: 12px var(--font-ui);
        color: var(--win-link);
        text-decoration: none;
        background: var(--win-face);
        box-shadow: var(--bevel-raised-thin);
    }

        .container .setup-link:hover {
            text-decoration: underline;
        }

        .container .setup-link:active {
            box-shadow: var(--bevel-raised-pressed);
        }

/* status colours (JS also sets inline rgba — these are the classic fallback) */
.status-success {
    color: var(--win-ok) !important;
    background: #EAF6EA !important;
    border: 0 !important;
    box-shadow: var(--bevel-sunken-thin) !important;
}

.status-error {
    color: var(--win-error) !important;
    background: #FBEDED !important;
    border: 0 !important;
    box-shadow: var(--bevel-sunken-thin) !important;
}

.status-info {
    color: var(--win-sel) !important;
    background: #EAEEF8 !important;
    border: 0 !important;
    box-shadow: var(--bevel-sunken-thin) !important;
}

/* ----- responsive: stack on narrow screens ----- */
@media (max-width:620px) {
    .container {
        min-height: 0;
        flex-wrap: wrap;
    }

        .container .left-section {
            flex-basis: 100%;
            min-height: 150px;
        }

        .container .right-section {
            flex-basis: 100%;
        }
}

/* ============================================================================
 *  HARDENING vs classic-windows.css (it loads AFTER this file and overrides).
 *  Higher specificity + !important so the brand panel + field spacing stick.
 *  If you fix the conflicting rules in classic-windows.css you can delete this.
 * ========================================================================== */
body .container .left-section {
    background: var(--win-title) !important;
    box-shadow: var(--bevel-sunken) !important;
}

    body .container .left-section .logo {
        display: block !important;
        background: var(--tc-logo) center/contain no-repeat !important;
    }

    body .container .left-section .main-heading {
        display: none !important;
    }

body .container .right-section {
    gap: 14px !important;
}

body .container .login-form {
    display: flex !important;
    flex-direction: column !important;
}

    body .container .login-form label {
        margin: 0 0 4px !important;
    }

    body .container .login-form input {
        height: 26px !important;
        margin: 0 0 16px !important;
        box-shadow: var(--bevel-sunken) !important;
        background: var(--win-window) !important;
    }

body .container .login-button {
    height: 30px !important;
    margin-top: 4px !important;
}

body .container .biometric-options {
    margin-top: 6px !important;
    padding-top: 14px !important;
}