/* Scoped to the Logged Out interstitial only (mockup D layout + Logon header chrome). */
#logged-out-page {
    max-width: 36rem;
    padding: 1.5rem 0 2.5rem;
}

#logged-out-page .logged-out-heading {
    margin: 0 0 0.65rem;
    font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: normal;
    color: #1a2229;
}

#logged-out-page .logged-out-support {
    margin: 0 0 1.4rem;
    font-family: "OpenSans-Regular", Arial, Helvetica, sans-serif;
    color: #5c6770;
    font-size: 1em;
    line-height: 1.45;
}

#logged-out-page .logged-out-timer {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    margin-bottom: 1.5rem;
}

#logged-out-page .logged-out-timer-n {
    font-size: 3.4rem;
    font-weight: 700;
    color: #2d9f48;
    line-height: 1;
}

#logged-out-page .logged-out-timer-label {
    color: #5c6770;
    font-family: "OpenSans-Regular", Arial, Helvetica, sans-serif;
    font-size: 1em;
}

#logged-out-page .logged-out-actions {
    margin: 0;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

/* Same sizing as Logon / Forgot Password .popup-btn-layer buttons */
#logged-out-page .popup-btn-layer .dxbButton,
#logged-out-page .popup-btn-layer .dxbButtonSys,
#logged-out-page .popup-btn-layer input[type="button"],
#logged-out-page .popup-btn-layer a.dxbButton {
    padding: 8px 26px !important;
    font-size: 1.05em !important;
}

/*
 * Match Logon .dxbButton_Office365 from main.min.css.
 * DevExpress theme sheets load after main and can wash the button out to white/black
 * on this interstitial; pin the ServiceWeb orange Log in look here.
 */
#logged-out-page .dxbButton_Office365,
#logged-out-page .dxbButton_Office365Dark {
    border-radius: 0 !important;
    color: #fff !important;
    background-color: #f26b0e !important;
    border: solid 1px gainsboro !important;
}

#logged-out-page .dxbButton_Office365:hover,
#logged-out-page .dxbButton_Office365Dark:hover,
#logged-out-page .dxbButtonHover_Office365,
#logged-out-page .dxbButtonHover_Office365Dark {
    color: #fff !important;
    background-color: #0133b6 !important;
}

#logged-out-page .dxbButton_Office365 .dx-vam,
#logged-out-page .dxbButton_Office365Dark .dx-vam,
#logged-out-page .dxbButton_Office365 div.dxb,
#logged-out-page .dxbButton_Office365Dark div.dxb {
    color: #fff !important;
}

/* Dark theme (same cookie / themeLink pattern as Logon). */
html:has(#themeLink[href*="main.dark"]) #logged-out-page .logged-out-heading {
    color: #e8eaed;
}

html:has(#themeLink[href*="main.dark"]) #logged-out-page .logged-out-support,
html:has(#themeLink[href*="main.dark"]) #logged-out-page .logged-out-timer-label {
    color: #a8b0b8;
}

html:has(#themeLink[href*="main.dark"]) #logged-out-page .logged-out-timer-n {
    color: #2d9f48;
}