/* ==========================================
   PLATFORM ANNOUNCEMENTS — additive only.
   Styles the announcement card in the Activity
   feed + the superuser management pages.

   Reuses the existing post-card / glass-card
   shells, the exact CUBE 3D cube logo
   (cube-3d from cube-animation.css), and the
   CUBE CSS variables so light/dark themes stay
   intact. Nothing else on the site is touched.
   ========================================== */

/* ----- Avatar: the CUBE cube logo inside a feed avatar circle ----- */

.announcement-avatar{
    width:52px;
    height:52px;
    border-radius:50%;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-soft);
    border:1px solid var(--glass-border);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
}

.announcement-avatar .cube-3d-wrap{
    width:44px;
    height:44px;
    cursor:default;
}

/* ----- Title row: badge sits beside the title, not in the header ----- */

.announcement-title-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:10px;
}

.announcement-title{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:var(--ink);
    display:flex;
    align-items:center;
    gap:10px;
}

.announcement-title i{
    color:var(--primary);
    font-size:15px;
}

/* Message — same voice as feed descriptions; higher specificity than
   the global .post-body p override in home-extra.css */
.post-body .announcement-message{
    margin:0;
    font-size:15.5px;
    font-weight:600;
    color:var(--ink);
    line-height:1.7;
    white-space:pre-line;
}

/* ----- Type badge: CUBE pill chip (mirrors .tags span) ----- */

.announcement-type-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.4px;
    text-transform:uppercase;
    color:var(--ink-soft);
    background:rgba(255,255,255,.06);
    border:1px solid var(--border);
    white-space:nowrap;
}

.announcement-type-warning{
    color:var(--primary);
    background:var(--primary-soft);
    border-color:var(--primary-glow);
}

/* Unread chip inline next to a name (profile-message list) */
.post-user h3 .announcement-type-badge{
    margin-left:8px;
    vertical-align:middle;
}

/* ----- Management list cards (superuser only) ----- */

.announcement-manage-card{
    margin-bottom:16px;
}