/* ============================================================
   Wolfram SSO login button + identity chip.
   Wolfram brand palette: teal #00847e / #5eb1ae, near-black
   #0f172a, padlock-yellow #facc15. No accent borders anywhere
   (filled fills only) so it visually matches the shop's
   /oauth2/authorize screen.
   ============================================================ */

.wfa-sso-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 1.2rem;
    background: #00847e;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    box-shadow: 0 4px 12px rgba(0, 132, 126, 0.25);
    transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    cursor: pointer;
}
.wfa-sso-btn:hover,
.wfa-sso-btn:focus {
    background: #006b66;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(0, 132, 126, 0.35);
    color: #ffffff;
    text-decoration: none;
}
.wfa-sso-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(0, 132, 126, 0.3);
}
.wfa-sso-btn__shield {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.wfa-sso-btn__shield svg {
    display: block;
}
.wfa-sso-btn__label {
    line-height: 1;
}

/* Identity chip shown to signed-in users. */
.wfa-sso-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.4rem 0.4rem 0.4rem;
    background: #e6f4f3;
    color: #0f172a;
    font-family: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.9rem;
}
.wfa-sso-chip__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #00847e;
    color: #ffffff;
    font-weight: 800;
    border-radius: 50%;
    line-height: 1;
}
.wfa-sso-chip__name {
    font-weight: 700;
    padding-right: 0.3rem;
}
.wfa-sso-chip__logout {
    padding: 0.35rem 0.7rem;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: background 140ms ease;
}
.wfa-sso-chip__logout:hover {
    background: #1f2937;
    color: #ffffff;
    text-decoration: none;
}