/* =========================================================
   RUSTMODS AUTH 16.0 — STEAM SOCIAL AUTH
   ========================================================= */

.rf-social-auth{
    display:grid;
    gap:10px;
    margin-top:16px;
}

.rf-social-provider{
    min-height:54px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:12px;
    padding:0 14px;
    box-sizing:border-box;
    border:1px solid #42394f;
    border-radius:10px;
    background:#171526;
    color:#f4f0f7;
    text-decoration:none;
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.rf-social-provider:hover{
    transform:translateY(-1px);
    border-color:#5a4b70;
    background:#1d1930;
}

.rf-social-provider.is-steam{
    border-color:rgba(102,192,244,.18);
    background:
        radial-gradient(circle at 8% 50%,rgba(102,192,244,.09),transparent 27%),
        #171526;
}

.rf-social-provider strong{
    font-size:11px;
}

.rf-social-provider small{
    color:#81798c;
    font-size:8.5px;
    text-align:right;
}

.rf-steam-mark{
    width:45px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid rgba(102,192,244,.24);
    border-radius:7px;
    background:#111827;
    color:#66c0f4;
    font-size:7px;
    font-weight:950;
    letter-spacing:.65px;
}

.rf-social-divider{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:14px;
    color:#746d7f;
    font-size:8px;
}

.rf-social-divider::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#342d44;
}

.rf-social-divider span{
    position:relative;
    z-index:1;
    padding:0 10px;
    background:#211e39;
}

.rf-connected-card{
    align-self:start!important;
}

.rf-connected-provider{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:15px;
    padding:14px;
    border:1px solid #393148;
    border-radius:10px;
    background:#181529;
}

.rf-connected-provider-brand{
    display:flex;
    align-items:center;
    gap:10px;
}

.rf-connected-provider-brand>div{
    display:grid;
    gap:3px;
}

.rf-connected-provider-brand strong{
    font-size:11px;
}

.rf-connected-provider-brand small{
    color:#81798d;
    font-size:9px;
}

.rf-connected-state{
    display:grid;
    justify-items:end;
    gap:3px;
}

.rf-connected-state strong{
    color:#61df86;
    font-size:9px;
}

.rf-connected-state small{
    color:#837b8d;
    font-size:8px;
}

.rf-connected-security,
.rf-connected-note{
    margin:0 15px 15px;
    color:#8f879b;
    font-size:9.5px;
    line-height:1.55;
}

.rf-auth-shell-social{
    min-height:0!important;
}

/* Registration/login compacting: the form stays readable without becoming
   an oversized full-screen wall. */
@media(min-width:901px){
    .rf-auth-shell{
        min-height:0!important;
        max-width:1160px;
        margin:26px auto 0!important;
    }

    .rf-auth-side{
        padding:34px 40px!important;
        justify-content:center!important;
    }

    .rf-auth-side h1{
        font-size:39px!important;
    }

    .rf-auth-card{
        padding:30px 34px!important;
        justify-content:flex-start!important;
    }

    .rf-auth-card h2{
        font-size:27px!important;
    }

    .rf-auth-form{
        margin-top:14px!important;
        gap:11px!important;
    }

    .rf-auth-form input,
    .rf-auth-form select{
        min-height:46px!important;
    }

    .rf-auth-points{
        gap:9px!important;
    }
}

@media(max-width:650px){
    .rf-social-provider{
        grid-template-columns:auto 1fr;
        min-height:58px;
    }

    .rf-social-provider small{
        grid-column:2;
        text-align:left;
        margin-top:-6px;
    }

    .rf-connected-provider{
        align-items:flex-start;
        flex-direction:column;
    }

    .rf-connected-state{
        justify-items:start;
    }
}


/* =========================================================
   RUSTMODS AUTH 16.1 — GOOGLE + DISCORD
   ========================================================= */
.rf-social-caption{color:#8f879b;font-size:9px;font-weight:800}
.rf-social-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.rf-social-provider-grid .rf-social-provider{min-height:46px;grid-template-columns:28px 1fr;gap:8px;padding:0 10px}
.rf-social-provider-grid .rf-social-provider strong{font-size:10px}
.rf-provider-mark{width:28px;height:28px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #40384f;border-radius:7px;background:#11101d;color:#fff;font-size:8px;font-weight:950}
.rf-social-provider.is-steam .rf-provider-mark,.rf-connected-provider.is-steam .rf-provider-mark{border-color:rgba(102,192,244,.28);color:#66c0f4;background:#101827}
.rf-social-provider.is-google .rf-provider-mark,.rf-connected-provider.is-google .rf-provider-mark{border-color:rgba(255,255,255,.18);color:#fff;background:#22202c}
.rf-social-provider.is-discord .rf-provider-mark,.rf-connected-provider.is-discord .rf-provider-mark{border-color:rgba(88,101,242,.34);color:#9aa3ff;background:#171936}
.rf-social-provider.is-google{border-color:rgba(255,255,255,.10)}
.rf-social-provider.is-discord{border-color:rgba(88,101,242,.23);background:radial-gradient(circle at 8% 50%,rgba(88,101,242,.09),transparent 27%),#171526}
.rf-social-nickname-note{color:#8d8599;font-size:8.5px;line-height:1.45}
.rf-connected-provider-list{display:grid;gap:8px;margin:15px}
.rf-connected-provider-list .rf-connected-provider{margin:0}
.rf-connected-provider.is-disabled{opacity:.58}
.rf-connected-provider.is-disabled .rf-connected-state strong{color:#b9af81}
.rf-connected-provider .rf-provider-mark{width:45px;height:28px}
@media(max-width:650px){.rf-social-provider-grid{grid-template-columns:1fr}.rf-social-provider-grid .rf-social-provider{grid-template-columns:32px 1fr}.rf-connected-provider-list{margin:12px}}