/* ==========================================================================
   PHARMAPLUS MAIL V3.2.3
   LOGIN COMPOSITION + PRODUCT ATTRIBUTION
   ========================================================================== */

@media screen and (min-width: 821px) {
    body.task-login .pp-auth-story-v31,
    body.task-login .pp-auth-story-v31 .pp-auth-story-inner,
    body.task-login .pp-auth-story-v31 .pp-auth-story-footer,
    body.task-login .pp-auth-story-v31 h2,
    body.task-login .pp-auth-story-v31 .pp-auth-story-copy,
    body.task-login .pp-auth-story-v31 .pp-auth-trust-line,
    body.task-login .pp-auth-story-v31 .pp-auth-kicker {
        text-align: left !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-story-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-wordmark {
        align-self: flex-start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 32px !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-kicker {
        justify-content: flex-start !important;
        width: 100% !important;
        gap: 8px !important;
        margin: 0 0 18px !important;
        letter-spacing: .12em !important;
        white-space: nowrap !important;
    }

    body.task-login .pp-auth-story-v31 h2 {
        width: 100% !important;
        max-width: 310px !important;
        margin: 0 !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-story-copy {
        width: 100% !important;
        max-width: 310px !important;
        margin: 16px 0 0 !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-trust-line {
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 310px !important;
        margin: 30px 0 0 !important;
        padding-top: 17px !important;
    }

    body.task-login .pp-auth-story-v31 .pp-auth-story-footer {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
        width: 100% !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }
}

.pp-auth-owner {
    display: block;
}

.pp-auth-powered {
    display: block;
    color: rgba(255,255,255,.72);
    font-size: 9px;
    letter-spacing: .01em;
}

.pp-auth-powered strong {
    color: rgba(255,255,255,.88);
    font-weight: 600;
}

.pp-auth-login-powered {
    display: none;
}

@media screen and (max-width: 820px) {
    body.task-login .pp-auth-login-powered {
        display: block;
        margin-top: 8px;
        color: var(--pp-muted-2, #7A837D);
        font-size: 9px;
        line-height: 1.4;
        text-align: center;
    }

    body.task-login .pp-auth-login-powered strong {
        color: var(--pp-muted, #5F6962);
        font-weight: 600;
    }
}

body:not(.task-login) #taskmenu .pp-platform-credit {
    box-sizing: border-box;
    user-select: none;
    pointer-events: none;
}

@media screen and (min-width: 1025px) {
    body:not(.task-login) #taskmenu .special-buttons .pp-platform-credit {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 32px;
        padding: 5px 3px 6px;
        color: rgba(255,255,255,.52);
        background: #0D4F1D;
        border-top: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.06);
        font-size: 7px;
        line-height: 1.2;
        text-align: center;
    }

    body:not(.task-login) #taskmenu .special-buttons .pp-platform-credit > span,
    body:not(.task-login) #taskmenu .special-buttons .pp-platform-credit > strong {
        display: block;
        max-width: 58px;
    }

    body:not(.task-login) #taskmenu .special-buttons .pp-platform-credit > strong {
        margin-top: 2px;
        color: rgba(255,255,255,.76);
        font-size: 7px;
        font-weight: 600;
    }
}

@media screen and (max-width: 1024px) {
    body:not(.task-login) #layout-menu.popover
    #taskmenu > .special-buttons > .pp-platform-credit {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px 14px !important;
        color: rgba(255,255,255,.58) !important;
        background: #0D4F1D !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    body:not(.task-login) #layout-menu.popover
    #taskmenu > .special-buttons > .pp-platform-credit strong {
        color: rgba(255,255,255,.84) !important;
        font-weight: 600 !important;
    }
}

html.dark-mode body:not(.task-login) #taskmenu .pp-platform-credit {
    color: rgba(255,255,255,.48);
}