.provider-row { display:flex; gap:0.5rem; flex-direction:column; }
@media(min-width:600px){ .provider-row { flex-direction:row; } }
.provider { display:inline-flex; align-items:center; gap:0.5rem; padding:0.6rem 1rem; border-radius:8px; border:1px solid rgba(0,0,0,0.06); cursor:pointer; background:#fff; }
.provider img { width:20px; height:20px; }
.provider.microsoft { background: linear-gradient(180deg,#f3f6fb,#e9f0fb); }
.provider.google { background:#fff; border:1px solid #ddd; }
.provider.github { background:#fff; border:1px solid #ddd; }
.signed-in { display:flex; gap:0.5rem; align-items:center; margin-top:1rem; }
.btn-logout { background:#eee; border:1px solid #ccc; padding:.4rem .6rem; border-radius:6px; }
.muted { color:#666; font-size:.9rem; }

/* Nav "Logged in as" styling */
.qgo-user {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .6rem;
    margin-left: .75rem;
    font-size: .95rem;
    color: rgba(255,255,255,0.92); /* presume dark navbar */
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.04);
    border-radius: 8px;
}
.qgo-user strong {
    color: var(--qgo-primary, #0d9488);
    font-weight: 700;
}
@media (max-width:575.98px) {
    .qgo-user { display:block; margin-left:0; padding: .4rem .6rem; }
}