/*
 * The plugin's own elements, in plain CSS so they read the same under the
 * Rykon Mail skin and under plain Elastic (the fallback while a new Roundcube
 * release has no rebuilt skin yet).
 */
.rm-login-intro {
    margin: 0 0 1.25rem;
    text-align: left;
}

.rm-login-title {
    margin: 0 0 .375rem;
    font-size: 1.375rem;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.012em;
}

.rm-login-lead {
    margin: 0;
    font-size: max(13px, .875rem);
    line-height: 1.5;
    color: #56627d;
}

.rm-login-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .25rem .5rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e8f1;
    font-size: max(13px, .875rem);
}

.rm-login-links a {
    font-weight: 500;
}

.rm-login-sep {
    color: #8a93a8;
}

html.dark-mode .rm-login-lead {
    color: #a3a3ad;
}

html.dark-mode .rm-login-links {
    border-top-color: #26262c;
}

/* The mark at the top of the task menu, sized to sit like an app icon. */
#layout-menu .popover-header #logo {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    vertical-align: middle;
}