/*
 * dxs_login_notice: the authorized-use notice and the credit under the login
 * form. Colours are inherited from the skin, so it fits every skin.
 */

#login-footer .dxs-login-notice {
    text-align: left;
    font-size: .8rem;
    line-height: 1.45;
}

.dxs-login-notice .dxs-login-notice-title {
    display: block;
    margin-bottom: .25rem;
}

.dxs-login-notice p {
    margin: 0 0 .5rem;
}

.dxs-login-notice .dxs-login-notice-sub {
    display: block;
    margin-bottom: .2rem;
    opacity: .75;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .7rem;
}

.dxs-login-notice dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: .15rem .75rem;
    margin: 0;
}

.dxs-login-notice dt {
    font-weight: 600;
}

.dxs-login-notice dt.dxs-login-ip,
.dxs-login-notice dd.dxs-login-ip {
    font-size: 1.05rem;
    font-weight: 700;
    align-self: center;
}

.dxs-login-notice dd {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

/* Elastic styles every div in the login footer as a boxed notice; the credit
   is a plain line under it. */
#login-footer > .dxs-login-credit {
    background: none !important;
    padding: 0;
    margin-top: .75rem;
    font-size: .8rem;
}