/* ==========================================
   PROFILE MESSAGE ALERT — additive only.
   Private, owner-only banner shown at the top of
   a user's own profile.

   Mirrors the profile page .glass-card language
   (glass-strong, blur, glass-border, radius-lg,
   shadow-md) and uses the exact same 3D cube logo
   (cube-3d) as the rest of the site.
   ========================================== */

.profile-alert-banner{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:24px 26px;
    margin-bottom:22px;
    background:var(--glass-strong);
    backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-md);
}

.profile-alert-icon{
    flex-shrink:0;
    width:52px;
    height:52px;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-soft);
    color:var(--primary);
}

.profile-alert-icon .cube-3d-wrap{
    width:40px;
    height:40px;
    cursor:default;
}

.profile-alert-body{
    flex:1;
    min-width:0;
}

.profile-alert-body h3{
    margin:2px 0 8px;
    font-size:16px;
    font-weight:700;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:8px;
}

.profile-alert-body p{
    margin:0;
    color:var(--ink-soft);
    font-size:14.5px;
    line-height:1.75;
    white-space:pre-line;
}

.profile-alert-dismiss{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid var(--glass-border);
    background:var(--glass-strong);
    color:var(--ink-soft);
    font-weight:600;
    font-size:13px;
    padding:10px 18px;
    border-radius:30px;
    cursor:pointer;
    transition:.2s;
    backdrop-filter:blur(var(--glass-blur)) saturate(150%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);
}

.profile-alert-dismiss:hover{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
}

@media (max-width:560px){
    .profile-alert-banner{
        flex-wrap:wrap;
    }

    .profile-alert-dismiss{
        width:100%;
        justify-content:center;
    }
}