/* Profile page overrides / extras - keep small and consistent with index.css variables */
.profile-container { padding: 36px 48px; max-width:1200px; margin: 0 auto; }
.profile-grid { display:flex; gap:24px; align-items:flex-start; width:100%; }
.profile-card .avatar { width:96px; height:96px; border-radius:14px; overflow:hidden; border:2px solid rgba(255,255,255,0.03); }
.profile-card .avatar img { width:100%; height:100%; object-fit:cover; display:block; }

/* header avatar in top-right */
.header-avatar { width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.06) }

/* small tweaks for badges and muted text */
.muted { color:var(--muted); font-size:13px; }
.profile-card h2 { margin:0; font-size:22px; font-family: "Orbitron", sans-serif; }

/* activity list */
.activity-list { list-style:none; padding:0; margin:0; max-height:260px; overflow:auto; }
.activity-list li { display:block; }

/* quick-actions simple grid */
.quick-actions { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.quick-actions .btn { flex:1; text-align:center; }

/* responsive */
@media (max-width:980px) {
    .profile-grid { flex-direction:column; }
    aside.card.small { width:100%; }
    .profile-container { padding:20px; }
}

.profile-actions{
    margin-left:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}

.profile-avatar{
    display:flex;
    justify-content:center;
    width:100%;
}

.profile-avatar img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(255,255,255,0.08);
}

.profile-actions form{
    margin:0;
    width:100%;
    display:flex;
    justify-content:center;
}

.logout-btn{
    display:inline-block;
}