/* ============================================================
   GS CARDAPIO
   FASE 6D1
   ============================================================ */

.gs-account-message
{
    margin-bottom:12px;
    padding:12px 13px;

    border-radius:14px;

    font-size:10px;
    font-weight:850;
    line-height:1.4;
}


.gs-account-message.success
{
    background:#dcfce7;
    color:#166534;
}


.gs-account-message.error
{
    background:#fee2e2;
    color:#991b1b;
}


.gs-login-card
{
    text-align:left;
}


.gs-account-login-icon
{
    width:52px;
    height:52px;

    display:grid;
    place-items:center;

    margin-bottom:12px;

    border-radius:15px;

    background:#f4f4f5;

    font-size:24px;
}


.gs-login-card form,
.client-card form
{
    display:grid;
    gap:7px;

    margin-top:14px;
}


.gs-login-card label,
.client-card form label
{
    margin-top:4px;

    color:#18181b;

    font-size:9px;
    font-weight:950;
}


.gs-login-card input,
.client-card form input
{
    width:100%;
    min-height:48px;

    box-sizing:border-box;

    padding:0 13px;

    border:1px solid #e4e4e7;
    border-radius:13px;

    background:#fff;
    color:#18181b;

    font-size:14px;
    outline:none;
}


.gs-login-card input:focus,
.client-card form input:focus
{
    border-color:#18181b;
}


.gs-account-primary
{
    width:100%;
    min-height:48px;

    margin-top:8px;

    border:0;
    border-radius:13px;

    background:#18181b;
    color:#fff;

    font-size:11px;
    font-weight:950;

    cursor:pointer;
}


.gs-account-secondary,
.client-profile-access-link
{
    min-height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:10px;

    border:1px solid #e4e4e7;
    border-radius:13px;

    background:#fff;
    color:#18181b;

    text-decoration:none;

    font-size:10px;
    font-weight:900;
}


.gs-account-status
{
    display:flex;
    align-items:center;

    gap:10px;
}


.gs-account-status-icon
{
    width:43px;
    height:43px;

    display:grid;
    place-items:center;

    border-radius:13px;

    background:#dcfce7;

    font-size:19px;
}


.gs-account-status span
{
    display:block;

    color:#71717a;

    font-size:8px;
    font-weight:900;
}


.gs-account-status strong
{
    display:block;

    margin-top:2px;

    color:#18181b;

    font-size:12px;
    font-weight:950;
}

/* ============================================================
   GS CARDAPIO
   FASE 6D2
   ============================================================ */

.gs-recovery-card
{
    border-color:#fde68a;
}


.gs-security-help
{
    background:#fafafa;
}


.gs-security-help > strong
{
    display:block;

    margin-bottom:5px;

    color:#18181b;

    font-size:10px;
    font-weight:950;
}


.gs-security-grid
{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:8px;

    margin-top:12px;
}


.gs-security-item
{
    min-height:58px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:10px;

    border-radius:12px;

    background:#f4f4f5;
}


.gs-security-item span
{
    color:#71717a;

    font-size:7px;
    font-weight:950;
}


.gs-security-item strong
{
    display:block;

    margin-top:4px;

    color:#18181b;

    font-size:10px;
    font-weight:950;

    word-break:break-word;
}


.gs-security-note
{
    margin-top:11px;
}


@media
(
    max-width:350px
)
{
    .gs-security-grid
    {
        grid-template-columns:1fr;
    }
}