/* Match the URE blue reference within the login page/modal only. */
:is(#wpdmloginpage, #wpdmloginmodal) {
    --color-primary: #0083b9;
    --color-primary-rgb: 0, 131, 185;
    --color-primary-hover: #0083b9;
    --color-primary-active: #006d99;
}
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-left { background: #0083b9; }
/* Keep the two login options on separate centered lines at every width. */
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-meta {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-remember {
    justify-content: center;
    max-width: 100%;
    text-align: center;
}
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-forgot {
    display: block;
    max-width: 100%;
    text-align: center;
}
/* Use familiar letterforms with less weight and spacing in the blue panel. */
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-brand a,
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-brand a > span,
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-welcome-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    letter-spacing: normal;
}
:is(#wpdmloginpage, #wpdmloginmodal) .wpdm-auth-brand img.ure-wpdm-auth-logo {
    width: 46px;
    min-width: 46px;
    height: 56px;
    flex-shrink: 0;
    object-fit: contain;
    padding: 0;
    border-radius: 6px;
    background: #fff;
}