/* =========================================================
   RUSTMODS 15.2.1 — TOPBAR ICON + AVATAR CACHE-SAFE FIX
   Loaded as a NEW CSS file after every other stylesheet.
   ========================================================= */

/* ---------------------------------------------------------
   1. TOPBAR ICONS
   Force the SVG AND every SVG child to line-art.
   This deliberately overrides any browser/default/older fill.
   --------------------------------------------------------- */
.rf-top-action-icon,
.rf-top-action-icon *,
.rm5-icon-button .rf-top-action-icon,
.rm5-icon-button .rf-top-action-icon *{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}

.rf-top-action-icon{
    width:18px !important;
    height:18px !important;
    display:block !important;
    overflow:visible !important;
}

.rm5-icon-button,
.rf-icon-link,
.rf-notification-button{
    color:#aaa3b7 !important;
}

.rm5-icon-button:hover,
.rf-icon-link:hover,
.rf-notification-button:hover,
.rf-notification-menu[open] > summary{
    color:#f4eff7 !important;
}

.rf-top-action[href*="search.php"]:hover{
    color:#ff8b52 !important;
}

.rf-top-action[href*="/messages"]:hover{
    color:#ff9b67 !important;
}

.rf-notification-menu[open] > summary,
.rf-notification-menu > summary:hover{
    color:#ef75a5 !important;
}

/* Make sure the button itself never paints a black pseudo/icon layer. */
.rm5-icon-button::before,
.rm5-icon-button::after{
    box-sizing:border-box;
}

/* ---------------------------------------------------------
   2. UNIFIED TOPBAR AVATAR
   Same geometry on clean /beta pages AND native /lab2 pages.
   --------------------------------------------------------- */
.rm-user-trigger > .rf-top-user-avatar,
.rm5-user-trigger > .rf-top-user-avatar,
.rf-top-user-avatar{
    position:relative !important;
    inset:auto !important;

    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-grid !important;
    place-items:center !important;
    align-self:center !important;

    overflow:hidden !important;
    flex:0 0 28px !important;

    border-radius:8px !important;
    box-sizing:border-box !important;

    line-height:1 !important;
    text-align:center !important;
    vertical-align:middle !important;
}

.rf-top-user-avatar.is-rm-default{
    background:
        radial-gradient(circle at 72% 24%,rgba(232,72,134,.30),transparent 34%),
        linear-gradient(135deg,#2d224a,#19152d) !important;

    border:1px solid rgba(255,122,61,.26) !important;
    color:#ff7a3d !important;

    font-family:Arial,sans-serif !important;
    font-size:8px !important;
    font-weight:950 !important;
    letter-spacing:-.2px !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 0 14px rgba(232,72,134,.08) !important;
}

.rf-top-user-avatar.has-image{
    background:#181529 !important;
    border:1px solid #41384f !important;
}

.rf-top-user-avatar img{
    position:static !important;
    display:block !important;

    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center !important;

    border:0 !important;
    border-radius:inherit !important;
}

/* Keep username visually aligned with the fixed avatar. */
.rm5-user-trigger,
.rm-user-trigger{
    align-items:center !important;
}

.rm-user-trigger-name{
    display:block !important;
    line-height:1.2 !important;
}

/* ---------------------------------------------------------
   3. SIDEBAR / COMMUNITY DEFAULT RM AVATAR
   Never fall back to first-letter geometry.
   --------------------------------------------------------- */
.rm5-activity-user-avatar,
.rm152-person-avatar{
    box-sizing:border-box !important;
}

.rm5-activity-user-avatar.is-rm-default,
.rm152-person-avatar.is-rm-default{
    display:grid !important;
    place-items:center !important;

    background:
        radial-gradient(circle at 72% 24%,rgba(232,72,134,.24),transparent 35%),
        linear-gradient(135deg,#2d224a,#19152d) !important;

    color:#ff7a3d !important;
    border:1px solid rgba(255,122,61,.22) !important;

    line-height:1 !important;
    font-size:8px !important;
    font-weight:950 !important;
}

/* ---------------------------------------------------------
   4. MOBILE
   --------------------------------------------------------- */
@media(max-width:650px){
    .rf-top-user-avatar{
        width:28px !important;
        height:28px !important;
        min-width:28px !important;
        min-height:28px !important;
    }
}