/* The shared wordmark is navy, so it needs an opaque plate in either theme. */
.task-login #layout-content #logo {
    display: block;
    box-sizing: border-box;
    width: min(280px, 85%);
    max-width: 85%;
    height: auto;
    max-height: none;
    margin-inline: auto;
    padding: 12px 18px;
    background: #fff;
    border-radius: 12px;
    opacity: 1;
}

/* Light-mode Elastic placeholders (#bbb, 1.9:1) and the login button (white on #37beff, 2.1:1) miss WCAG AA 4.5:1. */
html:not(.dark-mode) .task-login #rcmloginuser::placeholder,
html:not(.dark-mode) .task-login #rcmloginpwd::placeholder {
    color: #6c757d;
    opacity: 1;
}

html:not(.dark-mode) .task-login #rcmloginsubmit {
    color: #fff;
    background-color: #0069a8;
    border-color: #0069a8;
}

html:not(.dark-mode) .task-login #rcmloginsubmit:hover,
html:not(.dark-mode) .task-login #rcmloginsubmit:focus {
    background-color: #00588c;
    border-color: #00588c;
}