.icon-gem-gradient.fas,
i.fas.fa-gem.icon-gem-gradient {
    color:transparent !important;
    -webkit-text-fill-color:transparent !important
}

.icon-gem-gradient.fas::before,
i.fas.fa-gem.icon-gem-gradient::before {
    display:inline-block;
    background-image:var(--vip-icon-grad);
    background-size:125% 125%;
    background-position:42% 48%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important
}

.icon-gem-gradient.fas,
i.icon-gem-gradient.fas {
    filter:drop-shadow(0 0 1px rgba(0,0,0,0.32))
}

.vip-caption-text {
    color:var(--vip-caption-color);
    text-shadow:0 0 12px var(--vip-caption-glow),0 0 20px var(--vip-caption-glow-aqua)
}

.btn-bulk-vip-outline {
    border-color:var(--vip-caption-border) !important;
    color:var(--vip-caption-color) !important
}

.btn-bulk-vip-outline:not(:disabled):hover {
    border-color:rgba(253,224,139,0.65) !important;
    color:var(--vip-caption-color-strong) !important;
    background:rgba(245,197,66,0.12);
    box-shadow:0 0 14px var(--vip-caption-glow)
}

/* Profile uses the same effective width as feed pages (main.container + --content-max-width). */
.profile-view-page .profile-page-container {
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box
}

.upload-page-shell {
    max-width:100%;
    width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box
}

.upload-form-page-title {
    margin:0 0 1rem
}

.search-highlight {
    background:rgba(0,255,157,0.2);
    color:var(--accent-color);
    text-shadow:0 0 5px rgba(0,255,157,0.5);
    font-weight:bold;
    border-radius:2px;
    padding:0 2px
}

.site-header {
    background:rgba(10,10,10,0.95);
    border-bottom:1px solid rgba(255,255,255,0.12);
    box-shadow:0 0 20px var(--accent-soft);
    backdrop-filter:blur(15px);
    height:64px;
    display:flex;
    align-items:center;
    position:relative;
    z-index:10000;
    pointer-events:none
}

.header-inner {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:100%;
    min-width:0;
    padding:0 1.5rem;
    pointer-events:none;
    gap:.75rem
}

.header-left {
    flex-shrink:0;
    min-width:0
}

.header-center {
    flex:0 1 auto;
    min-width:0;
    display:flex;
    justify-content:flex-start
}

.terminal-logo {
    display:flex;
    align-items:center;
    align-self:stretch;
    height:100%;
    min-height:100%
}

.terminal-logo .logo-link {
    display:flex;
    align-items:center;
    gap:.4rem;
    font-family:var(--font-mono);
    text-decoration:none;
    transition:all .3s;
    box-sizing:border-box
}

.terminal-logo .prompt {
    color:var(--primary-color);
    font-weight:700;
    font-size:1.2rem;
    text-shadow:0 0 8px rgba(0,255,157,0.5)
}

.terminal-logo .logo-text {
    color:var(--text-primary);
    font-weight:600;
    font-size:1.1rem;
    letter-spacing:-.5px
}

.terminal-logo .cursor {
    width:8px;
    height:18px;
    background:var(--primary-color);
    display:inline-block;
    animation:blink 1s step-end infinite;
    box-shadow:0 0 5px var(--primary-color)
}

@keyframes blink {
    50% {
        opacity:0
    }

}

.terminal-logo:hover .logo-link {
    transform:none
}

.desktop-nav {
    display:flex;
    gap:0;
    align-items:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    position:relative;
    top:1px
}

.nav-item {
    padding:.34rem .85rem;
    height:var(--filter-chip-height,36px);
    min-height:var(--filter-chip-height,36px);
    box-sizing:border-box;
    background:transparent;
    border:0;
    border:1px solid transparent;
    border-bottom-color:transparent;
    border-radius:var(--modern-rounded-md) var(--modern-rounded-md) 0 0;
    color:var(--text-primary);
    text-decoration:none;
    font-family:var(--font-mono);
    font-size:.8rem;
    font-weight:500;
    letter-spacing:0;
    text-transform:none;
    transition:color .2s cubic-bezier(0.4,0,0.2,1),background-color .2s cubic-bezier(0.4,0,0.2,1),border-color .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1),text-shadow .2s cubic-bezier(0.4,0,0.2,1);
    display:inline-flex;
    align-items:center;
    gap:.32rem;
    line-height:1;
    white-space:nowrap;
    position:relative;
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:transform,box-shadow,filter,background-color
}

.desktop-nav .nav-item:last-child {
    border-right:1px solid transparent
}

.nav-item i {
    font-size:.9rem;
    color:#fff;
    flex-shrink:0
}

.nav-item:hover {
    color:var(--primary-color);
    background:var(--surface-soft);
    border-color:rgba(255,255,255,0.16);
    border-bottom-color:transparent;
    box-shadow:0 0 0 1px rgba(0,255,157,0.16) inset;
    text-shadow:0 0 10px rgba(0,255,157,0.5);
    transform:none
}

.nav-item:hover i {
    color:var(--primary-color);
    filter:drop-shadow(0 0 5px rgba(0,255,157,0.55))
}

.nav-item:active,.nav-item.press-feedback {
    transform:var(--ulp-press-transform);
    background:rgba(0,255,157,0.12);
    border-color:rgba(0,255,157,0.45);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 0 0 1px rgba(0,255,157,0.22),0 2px 8px rgba(0,0,0,0.28);
    text-shadow:0 0 8px rgba(0,255,157,0.45)
}

.nav-item:active i,.nav-item.press-feedback i {
    color:var(--primary-color);
    filter:drop-shadow(0 0 6px rgba(0,255,157,0.65))
}

.site-header .desktop-nav .nav-item.press-feedback,.site-header .desktop-nav .nav-item:active {
    transform:var(--ulp-press-transform) !important;
    background:var(--header-press-fill) !important;
    border:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    color:var(--header-press-text) !important;
    text-shadow:none !important;
    filter:none !important
}

.site-header .desktop-nav .nav-item.press-feedback i,.site-header .desktop-nav .nav-item:active i {
    color:inherit !important;
    filter:none !important
}

.site-header .desktop-nav .nav-item.active.press-feedback,.site-header .desktop-nav .nav-item.active:active {
    background:rgba(255,255,255,0.12) !important;
    color:var(--header-hover-text) !important
}

.site-header .desktop-nav .nav-item.active.press-feedback i,.site-header .desktop-nav .nav-item.active:active i {
    color:var(--primary-color) !important;
    filter:none !important
}

.nav-item.active {
    background:rgba(18,18,18,0.98);
    border-color:rgba(0,255,157,0.28);
    border-bottom-color:rgba(18,18,18,0.98);
    color:#eafff6;
    box-shadow:inset 0 0 0 1px rgba(0,255,157,0.2),0 0 10px rgba(0,255,157,0.12)
}

.nav-item.active i {
    color:#fff
}

.nav-item.active:hover {
    background:rgba(18,18,18,0.98);
    border-color:rgba(0,255,157,0.35);
    border-bottom-color:rgba(18,18,18,0.98);
    color:#eafff6;
    box-shadow:inset 0 0 0 1px rgba(0,255,157,0.24),0 0 14px rgba(0,255,157,0.14);
    text-shadow:0 0 10px rgba(0,255,157,0.4);
    transform:none
}

.nav-item.active:hover i {
    color:var(--primary-color);
    filter:drop-shadow(0 0 5px rgba(0,255,157,0.5))
}

.header-right {
    display:flex;
    align-items:center;
    gap:.6rem;
    margin-left:auto;
    flex-shrink:0;
    min-width:0
}

.header-right>.search-expandable,.header-right>a.shield-btn,.header-right .notification-container,.header-right .notification-container ~ a,.header-inner>.mobile-toggle {
    position:relative;
    z-index:10200
}

.site-header .header-nav-cluster {
    pointer-events:none
}

.site-header .header-nav-cluster .header-left {
    pointer-events:auto
}

.site-header .header-nav-cluster .header-center {
    pointer-events:none
}

.site-header .header-nav-cluster .desktop-nav {
    pointer-events:none
}

.site-header .header-nav-cluster .desktop-nav .nav-item,.site-header .header-nav-cluster .desktop-nav a.nav-item {
    pointer-events:auto
}

.site-header .header-right {
    pointer-events:none
}

.site-header .header-inner>.mobile-toggle {
    pointer-events:auto
}

.site-header .header-right>* {
    pointer-events:auto
}

.site-header .header-right>.search-expandable {
    pointer-events:none
}

.site-header .header-right .search-expandable #header-search-form {
    pointer-events:auto
}

.site-header .header-right>.auth-btns {
    pointer-events:none
}

.site-header .header-right .auth-btns>a {
    pointer-events:auto
}

.site-header .mobile-menu-overlay:not(.active) {
    pointer-events:none
}

.site-header .mobile-menu-overlay.active {
    pointer-events:auto
}

@media(max-width:1024px) {
    .site-header .header-right .notification-container {
        padding-bottom:0 !important;
        margin-bottom:0 !important
    }

}

.nav-btn-icon,.profile-link-btn,button.nav-btn-icon {
    position:relative;
    width:38px;
    height:38px;
    min-width:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:1px solid var(--surface-border);
    border-radius:var(--radius);
    color:var(--text-secondary);
    transition:background-color var(--header-hover-ms) ease,color var(--header-hover-ms) ease,transform var(--ulp-press-ms) var(--ulp-press-ease);
    padding:0;
    cursor:pointer;
    box-sizing:border-box;
    text-decoration:none;
    overflow:visible
}

.nav-btn-icon i {
    font-size:1rem
}

.nav-btn-icon.nav-btn-vip,
.nav-btn-vip {
    --vip-hover-surface:
        radial-gradient(118% 118% at 50% 36%,rgba(254,243,199,0.18) 0%,transparent 58%),
        radial-gradient(92% 92% at 72% 70%,rgba(251,191,36,0.14) 0%,transparent 56%),
        radial-gradient(88% 88% at 18% 66%,rgba(245,158,11,0.1) 0%,transparent 54%),
        linear-gradient(172deg,rgba(2,6,23,0.42) 0%,rgba(15,23,42,0.2) 48%,rgba(15,23,42,0.38) 100%)
}

.nav-btn-icon.nav-btn-vip {
    overflow:visible;
    outline:none;
    background:transparent;
    color:transparent;
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease
}

.nav-btn-icon.nav-btn-vip::after {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    z-index:0;
    pointer-events:none;
    opacity:0;
    transition:opacity .24s ease;
    box-shadow:
        0 0 7px rgba(251,191,36,0.38),
        0 0 11px rgba(245,158,11,0.24),
        0 0 9px rgba(252,211,77,0.18),
        0 0 7px rgba(217,119,6,0.16)
}

.nav-btn-icon.nav-btn-vip:hover::after {
    opacity:0
}

.nav-btn-icon.nav-btn-vip .nav-btn-vip-bg {
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    background:transparent;
    animation:none;
    box-shadow:none
}

.nav-btn-icon.nav-btn-vip:hover {
    border-color:transparent;
    box-shadow:none;
    background:transparent
}

.nav-btn-icon.nav-btn-vip i,
.nav-btn-vip i {
    font-size:1.22rem;
    line-height:1;
    position:relative;
    z-index:2;
    color:transparent;
    -webkit-text-fill-color:transparent;
    transform-origin:center;
    mix-blend-mode:normal;
    filter:drop-shadow(0 0 1px rgba(0,0,0,0.35))
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip {
    outline:none !important;
    overflow:visible !important;
    background:transparent !important;
    animation:none !important;
    box-shadow:none !important;
    color:transparent !important;
    transition:background .22s ease,border-color .22s ease,box-shadow .22s ease !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip .nav-btn-vip-bg {
    opacity:0 !important;
    visibility:hidden !important;
    background:transparent !important;
    animation:none !important;
    box-shadow:none !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip:hover {
    background:var(--header-hover-fill) !important;
    animation:none !important;
    border-color:transparent !important;
    box-shadow:none !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip i,
header.site-header .header-right a.nav-btn-icon.nav-btn-vip i::before {
    font-size:1.22rem !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip i {
    z-index:2 !important;
    mix-blend-mode:normal !important;
    filter:drop-shadow(0 0 1px rgba(0,0,0,0.35)) !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip::after {
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    z-index:0 !important;
    pointer-events:none !important;
    opacity:0 !important;
    transition:opacity .24s ease !important;
    box-shadow:
        0 0 7px rgba(251,191,36,0.38),
        0 0 11px rgba(245,158,11,0.24),
        0 0 9px rgba(252,211,77,0.18),
        0 0 7px rgba(217,119,6,0.16) !important
}

header.site-header .header-right a.nav-btn-icon.nav-btn-vip:hover::after {
    opacity:0 !important
}

.mobile-nav-vip-gem {
    transform-origin:center;
    display:inline-block
}

.mobile-nav-item-vip:hover .mobile-nav-vip-gem,.mobile-nav-item-vip:focus .mobile-nav-vip-gem {
    animation:none
}

@media(prefers-reduced-motion:reduce) {
    .mobile-nav-vip-gem {
        animation:none !important
    }

    .nav-btn-icon.nav-btn-vip,
    header.site-header .header-right a.nav-btn-icon.nav-btn-vip,
    .header-right a.nav-btn-icon.nav-btn-vip {
        transition:none !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip {
        transition:none !important
    }

    .nav-btn-icon.nav-btn-vip::after,
    header.site-header .header-right a.nav-btn-icon.nav-btn-vip::after {
        transition:none !important
    }

}

/* Header action chips: match nav-item hover/press (neutral fill, no per-action hues). */
.site-header .header-right .nav-btn-icon:hover,.site-header .header-right .nav-btn-icon:focus-visible,.site-header .header-right .profile-link-btn:hover,.site-header .header-right .profile-link-btn:focus-visible,.site-header .header-right #search-toggle-btn:hover,.site-header .header-right #search-toggle-btn:focus-visible,.site-header .header-right .notification-trigger:hover,.site-header .header-right .notification-trigger:focus-visible,.site-header .header-right .logout-btn:hover,.site-header .header-right .logout-btn:focus-visible,.site-header .header-right .admin-btn:hover,.site-header .header-right .admin-btn:focus-visible,.site-header .header-right .auth-btns>a:hover,.site-header .header-right .auth-btns>a:focus-visible,.site-header .header-right .notification-container.notifications-open .notification-trigger {
    background:var(--header-hover-fill) !important;
    border:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    color:var(--header-hover-text,rgba(248,255,252,0.96)) !important;
    transform:none !important;
    filter:none !important;
    overflow:hidden !important;
    background-clip:padding-box !important
}

.site-header .header-right a.nav-btn-icon.nav-btn-vip:hover,.site-header .header-right a.nav-btn-icon.nav-btn-vip:focus-visible {
    background:var(--header-hover-fill) !important;
    border:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    color:transparent !important;
    transform:none !important;
    filter:none !important
}

.site-header .header-right .nav-btn-icon:hover i:not(.icon-gem-gradient),.site-header .header-right .nav-btn-icon:focus-visible i:not(.icon-gem-gradient),.site-header .header-right #search-toggle-btn:hover i,.site-header .header-right #search-toggle-btn:focus-visible i,.site-header .header-right .notification-trigger:hover i,.site-header .header-right .notification-trigger:focus-visible i,.site-header .header-right .notification-trigger:hover i::before,.site-header .header-right .notification-trigger:focus-visible i::before,.site-header .header-right .logout-btn:hover i,.site-header .header-right .logout-btn:focus-visible i,.site-header .header-right .admin-btn:hover i,.site-header .header-right .admin-btn:focus-visible i,.site-header .header-right .auth-btns>a:hover i,.site-header .header-right .auth-btns>a:focus-visible i,.site-header .header-right .shield-btn:hover i,.site-header .header-right .shield-btn:focus-visible i {
    color:var(--header-hover-text,rgba(248,255,252,0.96)) !important;
    -webkit-text-fill-color:var(--header-hover-text,rgba(248,255,252,0.96)) !important;
    filter:none !important
}

.site-header .header-right a.nav-btn-icon.nav-btn-vip:hover i,.site-header .header-right a.nav-btn-icon.nav-btn-vip:focus-visible i,.site-header .header-right a.nav-btn-icon.nav-btn-vip.press-feedback i,.site-header .header-right a.nav-btn-icon.nav-btn-vip:active i {
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 0 1px rgba(0,0,0,0.35)) !important
}

.site-header .header-right .notification-trigger:is(:hover,:focus-visible,:active,.press-feedback) .notification-badge,
.site-header .header-right .notification-container.notifications-open .notification-trigger .notification-badge,
.site-header .header-right .notification-container.notifications-open .notification-trigger:hover .notification-badge {
    background:linear-gradient(165deg,rgba(71,85,105,0.55) 0,rgba(30,41,59,0.72) 100%) !important;
    color:#e2e8f0 !important;
    border-color:rgba(148,163,184,0.45) !important;
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 6px rgba(15,23,42,0.35) !important
}

.site-header .header-right .shield-btn:is(:hover,:focus-visible,:active,.press-feedback) .notification-badge {
    background:linear-gradient(165deg,rgba(251,191,36,0.38) 0,rgba(245,158,11,0.22) 45%,rgba(217,119,6,0.28) 100%) !important;
    color:#fffbeb !important;
    border-color:rgba(252,211,77,0.52) !important;
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 8px rgba(245,158,11,0.26) !important
}

.site-header .header-right .nav-btn-icon.press-feedback,.site-header .header-right .nav-btn-icon:active,.site-header .header-right .profile-link-btn.press-feedback,.site-header .header-right .profile-link-btn:active,.site-header .header-right #search-toggle-btn.press-feedback,.site-header .header-right #search-toggle-btn:active,.site-header .header-right .notification-trigger.press-feedback,.site-header .header-right .notification-trigger:active,.site-header .header-right .logout-btn.press-feedback,.site-header .header-right .logout-btn:active,.site-header .header-right .admin-btn.press-feedback,.site-header .header-right .admin-btn:active,.site-header .header-right .auth-btns>a.press-feedback,.site-header .header-right .auth-btns>a:active,.site-header .header-right a.nav-btn-icon.nav-btn-vip.press-feedback,.site-header .header-right a.nav-btn-icon.nav-btn-vip:active,.site-header .header-right .shield-btn.press-feedback,.site-header .header-right .shield-btn:active,.site-header .header-nav-cluster .header-left .logo-link.press-feedback,.site-header .header-nav-cluster .header-left .logo-link:active {
    transform:var(--ulp-press-transform) !important;
    background:var(--header-press-fill) !important;
    border:0 !important;
    border-color:transparent !important;
    box-shadow:none !important;
    color:var(--header-press-text) !important;
    text-shadow:none !important;
    filter:none !important;
    overflow:hidden !important;
    background-clip:padding-box !important
}

.site-header .header-right .nav-btn-icon.press-feedback i:not(.icon-gem-gradient),.site-header .header-right .nav-btn-icon:active i:not(.icon-gem-gradient),.site-header .header-right #search-toggle-btn.press-feedback i,.site-header .header-right #search-toggle-btn:active i,.site-header .header-right .notification-trigger.press-feedback i,.site-header .header-right .notification-trigger:active i,.site-header .header-right .logout-btn.press-feedback i,.site-header .header-right .logout-btn:active i,.site-header .header-right .admin-btn.press-feedback i,.site-header .header-right .admin-btn:active i,.site-header .header-right .auth-btns>a.press-feedback i,.site-header .header-right .auth-btns>a:active i,.site-header .header-right .shield-btn.press-feedback i,.site-header .header-right .shield-btn:active i {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    filter:none !important
}

.site-header .header-nav-cluster .header-left .logo-link.press-feedback,.site-header .header-nav-cluster .header-left .logo-link:active {
    background:transparent !important;
    transform:none !important;
    box-shadow:none !important
}

.site-header .header-nav-cluster .header-left:hover {
    background:var(--header-logo-hover-fill) !important
}

.site-header .header-nav-cluster .header-left:has(.logo-link.press-feedback),.site-header .header-nav-cluster .header-left:has(.logo-link:active) {
    background:var(--header-logo-press-fill) !important
}

.site-header .header-right a.nav-btn-icon.nav-btn-vip:hover::after,.site-header .header-right a.nav-btn-icon.nav-btn-vip:focus-visible::after,.site-header .header-right a.nav-btn-icon.nav-btn-vip.press-feedback::after,.site-header .header-right a.nav-btn-icon.nav-btn-vip:active::after {
    opacity:0 !important;
    box-shadow:none !important
}

.site-header .header-right .profile-link-btn:hover .avatar-tiny,.site-header .header-right .profile-link-btn:focus-visible .avatar-tiny {
    box-shadow:0 0 0 1px rgba(255,255,255,0.1) !important
}

.profile-link-btn .avatar-tiny {
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid #222;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    object-fit:cover;
    box-sizing:border-box
}

.profile-link-btn.user .avatar-tiny,.profile-link-btn.admin .avatar-tiny,.profile-link-btn.moderator .avatar-tiny {
    border-color:rgba(148,163,184,0.5);
    box-shadow:0 1px 2px rgba(0,0,0,0.2)
}

.profile-link-btn.vip .avatar-tiny {
    border-color:rgba(253,224,139,0.58);
    box-shadow:0 0 10px rgba(245,197,66,0.22),0 1px 2px rgba(0,0,0,0.2)
}

.profile-link-btn .username {
    display:none
}

.site-header .header-right .notification-container.notifications-open .notification-trigger i,.site-header .header-right .notification-container.notifications-open .notification-trigger i::before {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    filter:none !important
}

.notification-container.notifications-open .notification-trigger {
    border-color:var(--surface-border);
    color:var(--text-secondary);
    background:var(--surface-soft)
}

.notification-container.notifications-open .notification-trigger i {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    filter:none
}

.notification-container.notifications-open .notification-trigger i::before {
    color:inherit !important;
    -webkit-text-fill-color:inherit !important
}

h1,h2,h3 {
    margin-top:0;
    color:var(--primary-color);
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:var(--font-mono)
}

a {
    color:var(--accent-color);
    text-decoration:none;
    transition:all .2s ease
}

a:hover {
    color:var(--primary-color);
    text-shadow:var(--glow)
}

nav a,.nav-btn {
    color:var(--text-primary);
    font-family:var(--font-mono);
    font-size:.9rem;
    padding:.5rem .6rem;
    border:1px solid transparent;
    border-radius:4px;
    transition:all .2s;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    text-decoration:none;
    line-height:1
}

nav a i,.nav-btn i {
    font-size:1rem;
    display:inline-block
}

nav a:not(.username-tag) i.icon,.nav-btn:not(.username-tag) i.icon {
    margin-right:0
}

nav a:hover,.nav-btn:hover {
    border-color:var(--accent-color);
    color:var(--accent-color);
    background:var(--accent-soft);
    box-shadow:0 0 10px var(--accent-soft)
}

.group-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    min-width:24px;
    min-height:24px;
    flex:0 0 24px;
    border-radius:999px;
    margin-left:4px;
    vertical-align:middle;
    color:#fff;
    background-color:var(--badge-bg,rgba(0,255,157,0.2));
    border:1px solid rgba(0,0,0,0.45);
    box-shadow:0 0 4px rgba(0,0,0,0.35);
    cursor:help;
    transform-origin:center center;
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),box-shadow .18s ease,border-color .18s ease;
    position:relative;
    z-index:0
}

.group-badge i {
    font-size:.82rem;
    line-height:1;
    color:var(--badge-icon-color,#f0f0f0);
    text-shadow:0 0 1px rgba(0,0,0,0.3);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}

.group-badge:active i,
.group-badge.press-feedback i {
    color:var(--badge-icon-color,#f0f0f0)
}

.group-badge--shell:active > i:not([style]),
.group-badge--shell.press-feedback > i:not([style]) {
    color:inherit
}

.group-badge[data-badge-href],
.group-badge.group-badge-link-target {
    cursor:pointer
}

.group-badge:hover:not(:active):not(.press-feedback) {
    transform:var(--ulp-hover-lift-badge);
    box-shadow:0 0 10px rgba(0,0,0,0.45);
    border-color:rgba(255,255,255,0.35);
    z-index:3
}

.group-badge:is(:active,.press-feedback) {
    transform:var(--ulp-press-transform) !important;
    box-shadow:inset 0 2px 5px rgba(0,0,0,0.32),0 0 8px rgba(0,255,157,0.1) !important;
    border-color:rgba(255,255,255,0.38) !important;
    z-index:3;
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),box-shadow var(--ulp-press-ms) var(--ulp-press-ease),border-color var(--ulp-press-ms) ease !important
}

.group-badge.group-badge--admin-border:hover {
    box-shadow:0 0 12px rgba(0,0,0,0.48)
}

.group-badge i.fa-solid,.group-badge i.fas,.group-badge i.fa {
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-style:normal
}

.group-badge i.fa-regular,.group-badge i.far {
    font-family:"Font Awesome 6 Free";
    font-weight:400;
    font-style:normal
}

@media(max-width:768px) {
    .group-badge {
        width:24px;
        height:24px;
        min-width:24px;
        min-height:24px;
        flex:0 0 24px;
        margin-left:3px;
        box-shadow:0 0 3px rgba(0,0,0,0.4)
    }

    .group-badge i {
        font-size:.82rem
    }

}

.group-badge-pile {
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    vertical-align:middle;
    margin-left:4px;
    flex-shrink:0
}

.group-badge-pile:empty,
.group-badge-pile--empty {
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important
}

.group-badge-pile .group-badge {
    margin-left:0;
    flex-shrink:0;
    box-shadow:none
}

.group-badge-pile .group-badge.group-badge--admin-border {
    box-shadow:none
}

.group-badge-pile .group-badge[style*='border'],.group-badge-pile .group-badge[style*='Border'] {
    box-shadow:none
}

.group-badge-pile .group-badge:not(:first-child) {
    margin-left:-12px
}

.group-badge-pile .group-badge:nth-child(1) {
    z-index:1
}

.group-badge-pile .group-badge:nth-child(2) {
    z-index:2
}

.group-badge-pile .group-badge:nth-child(3) {
    z-index:3
}

.group-badge-pile .group-badge:nth-child(4) {
    z-index:4
}

.group-badge-pile .group-badge:nth-child(5) {
    z-index:5
}

.group-badge-pile .group-badge:nth-child(6) {
    z-index:6
}

.group-badge-pile .group-badge:nth-child(7) {
    z-index:7
}

.group-badge-pile .group-badge:nth-child(8) {
    z-index:8
}

.group-badge-pile .group-badge:hover {
    z-index:24 !important
}

@media(max-width:768px) {
    .group-badge-pile {
        margin-left:3px
    }

}

.view-file-badge.group-badge {
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    flex:0 0 20px;
    margin-left:0
}

.view-file-badge.group-badge i {
    font-size:.7rem
}

/* List-return — minimal symmetric pulse (fast in, fast out, same ease) */
.return-focus-pulse {
    animation:ulpReturnFocus .68s cubic-bezier(0.4,0,0.2,1) forwards
}

@keyframes ulpReturnFocus {
    0%,100% {
        border-color:var(--surface-border);
        background-color:rgba(255,255,255,0.03)
    }

    50% {
        border-color:rgba(255,255,255,0.2);
        background-color:rgba(255,255,255,0.07)
    }
}

@media(prefers-reduced-motion:reduce) {
    .return-focus-pulse {
        animation:ulpReturnFocusReduced .38s ease-in-out forwards
    }

    @keyframes ulpReturnFocusReduced {
        0%,100% {
            border-color:var(--surface-border);
            background-color:rgba(255,255,255,0.03)
        }

        50% {
            border-color:rgba(255,255,255,0.17);
            background-color:rgba(255,255,255,0.06)
        }
    }
}

nav .username-tag {
    padding:.5rem .8rem !important;
    margin:0 !important;
    height:36px !important;
    box-shadow:none
}

nav .username-tag.admin:hover {
    border-color:var(--error-color);
    color:var(--error-color);
    background:rgba(255,51,102,0.1)
}

nav .username-tag.moderator:hover {
    border-color:var(--primary-color);
    color:var(--primary-color);
    background:var(--accent-soft)
}

.form-control {
    width:100%;
    padding:0 1rem;
    height:36px;
    background-color:rgba(0,0,0,0.5);
    border:1px solid var(--surface-border);
    color:var(--text-primary);
    font-family:var(--font-mono);
    transition:all .3s;
    box-sizing:border-box;
    display:flex;
    align-items:center
}

.form-control:focus {
    outline:0;
    border-color:var(--accent-color);
    box-shadow:0 0 10px rgba(0,255,157,0.2)
}

label {
    display:block;
    margin-bottom:.5rem;
    font-family:var(--font-mono);
    font-size:.85rem;
    color:var(--accent-color)
}

.file-custom-btn {
    background:var(--surface-color);
    border:1px solid var(--primary-color);
    color:var(--primary-color);
    padding:.4rem .8rem;
    border-radius:4px;
    font-family:var(--font-mono);
    font-size:.9rem;
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    transition:all .2s;
    text-transform:uppercase
}

.file-name-display {
    color:var(--text-secondary);
    font-family:var(--font-mono);
    font-size:.9rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    flex:1;
    min-width:0
}

.file-upload-preview-zone {
    position:relative;
    display:flex;
    flex-direction:column;
    padding:.75rem 1rem;
    min-height:3.35rem;
    background:var(--surface-soft);
    border:1px dashed rgba(0,255,157,0.38);
    border-radius:var(--radius);
    transition:border-color .2s,box-shadow .2s,background .2s
}

.file-upload-preview-zone:hover {
    border-color:rgba(0,255,157,0.45);
    background:rgba(255,255,255,0.06)
}

.file-upload-preview-zone:focus-within {
    border-color:var(--accent-color);
    box-shadow:0 0 0 1px rgba(0,255,157,0.15)
}

.file-upload-preview-zone:focus-visible {
    outline:2px solid var(--primary-color);
    outline-offset:2px
}

.file-upload-preview-zone.file-upload-preview-zone--drag {
    border-style:solid;
    border-color:var(--primary-color);
    background:rgba(0,255,157,0.07);
    box-shadow:0 0 14px rgba(0,255,157,0.12)
}

.file-upload-preview-zone .file-upload-hit-input {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    z-index:2;
    font-size:0;
    margin:0;
    padding:0;
    border:0
}

.file-upload-preview-visual {
    position:relative;
    z-index:3;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.65rem 1rem;
    width:100%;
    pointer-events:none;
    flex:1;
    min-height:0
}

.file-upload-preview-zone .file-custom-btn {
    flex-shrink:0
}

.file-upload-preview-zone .file-name-display {
    flex:1 1 140px;
    min-width:0
}

.file-upload-preview-main-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.5rem .75rem;
    width:100%;
    min-width:0
}

.file-upload-preview-thumb-slot {
    flex-shrink:0;
    position:relative;
    box-sizing:border-box;
    width:0;
    height:0;
    min-width:0;
    min-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    border:0;
    margin:0;
    padding:0;
    background:transparent
}

.file-upload-preview-thumb-slot.has-image {
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    border-radius:var(--radius);
    border:1px solid var(--surface-border);
    background:rgba(0,0,0,0.25);
    overflow:hidden
}

.file-upload-preview-thumb-slot.has-image img {
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
    margin:0 auto;
    border-radius:3px
}

.resource-screenshot-thumb-slot.has-image {
    border-color:rgba(0,255,157,0.35)
}

.file-upload-thumb-remove,.edit-profile-page .edit-profile-zone-server__x {
    position:absolute;
    top:5px;
    right:5px;
    z-index:6;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    margin:0;
    line-height:1;
    box-sizing:border-box;
    border-radius:var(--modern-rounded-sm);
    border:1px solid rgba(255,255,255,0.2);
    background:rgba(8,12,16,0.88);
    color:var(--text-primary);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    pointer-events:auto;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease
}

.file-upload-thumb-remove i,.edit-profile-page .edit-profile-zone-server__x i {
    font-size:.78rem;
    opacity:.95
}

.file-upload-thumb-remove:hover,.edit-profile-page .edit-profile-zone-server__x:hover {
    border-color:rgba(255,71,87,0.55);
    background:rgba(255,71,87,0.2);
    color:#fff;
    box-shadow:0 0 14px rgba(255,71,87,0.22)
}

.file-upload-thumb-remove:focus,.edit-profile-page .edit-profile-zone-server__x:focus {
    outline:0
}

.file-upload-thumb-remove:focus-visible,.edit-profile-page .edit-profile-zone-server__x:focus-visible {
    outline:0;
    border-color:var(--primary-color);
    box-shadow:0 0 0 2px rgba(0,255,157,0.25)
}

.file-upload-paste-hint {
    flex:1 1 100%;
    font-size:.72rem;
    color:var(--text-secondary);
    letter-spacing:.02em;
    line-height:1.35;
    margin:0;
    padding-top:.45rem;
    margin-top:.35rem;
    border-top:1px solid rgba(255,255,255,0.06)
}

.upload-page-shell .file-upload-preview-zone>.file-upload-preview-visual,.upload-modal-form .file-upload-preview-zone>.file-upload-preview-visual {
    flex-direction:column;
    align-items:stretch;
    flex-wrap:nowrap;
    gap:.5rem
}

.upload-page-shell .file-upload-preview-zone>.file-upload-preview-visual>.file-upload-preview-main-row,.upload-modal-form .file-upload-preview-zone>.file-upload-preview-visual>.file-upload-preview-main-row {
    width:100%
}

.upload-page-shell .file-upload-preview-zone>.file-upload-preview-visual>.file-upload-paste-hint,.upload-modal-form .file-upload-preview-zone>.file-upload-preview-visual>.file-upload-paste-hint {
    margin-top:0;
    padding-top:.45rem;
    flex:0 0 auto
}

.upload-page-shell .file-upload-preview-zone .file-custom-btn,.upload-modal-form .file-upload-preview-zone .file-custom-btn {
    height:var(--filter-chip-height,36px);
    min-height:var(--filter-chip-height,36px);
    box-sizing:border-box;
    padding:.28rem .7rem;
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    border-radius:var(--modern-rounded-sm) !important;
    color:var(--text-primary) !important;
    font-size:.82rem !important;
    font-weight:400 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    gap:.42rem !important;
    line-height:1 !important;
    transition:all .2s cubic-bezier(0.4,0,0.2,1);
    box-shadow:none
}

.upload-page-shell .file-upload-preview-zone:hover .file-custom-btn,.upload-modal-form .file-upload-preview-zone:hover .file-custom-btn {
    color:var(--primary-color) !important;
    background:rgba(0,255,157,0.07) !important;
    border-color:rgba(0,255,157,0.35) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.25),0 0 12px var(--accent-soft) !important;
    text-shadow:0 0 8px rgba(0,255,157,0.35)
}

.upload-page-shell .file-upload-preview-zone:hover .file-custom-btn i,.upload-modal-form .file-upload-preview-zone:hover .file-custom-btn i {
    color:var(--primary-color);
    filter:drop-shadow(0 0 4px rgba(0,255,157,0.45))
}

.upload-page-shell .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-main-row,.upload-modal-form .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-main-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:flex-start;
    gap:.5rem .75rem
}

.upload-page-shell .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image,.upload-modal-form .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image {
    flex:0 1 auto;
    order:10;
    width:fit-content !important;
    min-width:0;
    max-width:100%;
    align-self:flex-start;
    height:auto !important;
    min-height:4.75rem;
    max-height:none;
    margin-top:.25rem;
    border-radius:var(--modern-rounded-sm)
}

.upload-page-shell .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image img,.upload-modal-form .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:9rem;
    min-height:3.25rem;
    object-fit:contain;
    object-position:left center;
    display:block;
    margin:0;
    border-radius:var(--radius)
}

.upload-page-shell .file-upload-txt-zone .file-upload-preview-main-row,.upload-modal-form .file-upload-txt-zone .file-upload-preview-main-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:flex-start;
    gap:.5rem .75rem
}

.upload-page-shell .file-upload-txt-zone .file-upload-preview-thumb-slot.has-file,.upload-modal-form .file-upload-txt-zone .file-upload-preview-thumb-slot.has-file {
    flex:0 1 auto;
    order:10;
    width:fit-content !important;
    max-width:100%;
    align-self:flex-start;
    min-width:5.5rem;
    min-height:4.75rem;
    height:auto !important;
    margin-top:.25rem;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    overflow:visible;
    border-radius:var(--modern-rounded-sm);
    border:1px solid var(--surface-border);
    background:rgba(0,0,0,0.25)
}

.upload-page-shell .file-upload-txt-zone .file-upload-doc-preview,.upload-modal-form .file-upload-txt-zone .file-upload-doc-preview {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:5rem;
    min-height:4.25rem;
    padding:.65rem 1rem;
    box-sizing:border-box
}

.upload-page-shell .file-upload-txt-zone .file-upload-doc-preview i,.upload-modal-form .file-upload-txt-zone .file-upload-doc-preview i {
    font-size:2.15rem;
    color:var(--primary-color);
    filter:drop-shadow(0 0 6px rgba(0,255,157,0.25))
}

.upload-files-pair {
    align-items:stretch
}

.upload-files-pair .upload-grid-cell {
    display:flex;
    flex-direction:column;
    gap:.45rem;
    min-width:0
}

.upload-files-pair .upload-grid-cell>.file-upload-preview-zone {
    flex:1 1 auto;
    min-height:5.85rem;
    justify-content:center
}

@media(max-width:640px) {
    .upload-files-pair .upload-grid-cell>.file-upload-preview-zone {
        min-height:5.25rem
    }

}

.upload-page-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.9rem;
    align-items:stretch
}

.upload-grid-cell {
    display:flex;
    flex-direction:column;
    gap:.45rem;
    min-width:0
}

textarea.cyber-input.js-autogrow {
    height:auto !important;
    min-height:0;
    resize:none;
    overflow-y:hidden;
    max-height:16rem;
    line-height:1.35;
    padding:.55rem 1rem;
    width:100%;
    box-sizing:border-box;
    vertical-align:top
}

.file-upload-preview-zone.upload-grid-fill {
    min-height:6.75rem;
    flex:1 1 auto
}

@media(max-width:640px) {
    .upload-page-grid {
        grid-template-columns:1fr
    }

    .upload-grid-fill,.upload-grid-cell .cyber-input.upload-grid-fill,.file-upload-preview-zone.upload-grid-fill {
        min-height:5.5rem
    }

}

.cyber-card {
    background-color:var(--surface-color);
    border:1px solid var(--surface-border);
    position:relative;
    padding:2rem;
    margin-bottom:2rem;
    max-width:100%;
    overflow:hidden;
    @media(max-width:768px) {
        padding:.5rem;
        margin-bottom:.5rem
    }

}

.cyber-card:has(#tab-achievements.active) {
    overflow:visible
}

.cyber-card.detail-main-card {
    background:rgba(255,255,255,0.02);
    border-color:var(--shell-stroke,var(--shell-border,var(--surface-border)));
    margin-top:var(--toolbar-chip-inset-top);
    margin-bottom:.75rem;
    min-width:0;
    max-width:100%;
    overflow:visible;
    padding-top:var(--detail-card-pad-top);
    padding-right:var(--detail-card-pad-x);
    padding-bottom:var(--detail-card-pad-bottom);
    padding-left:var(--detail-card-pad-x)
}

.cyber-card.detail-main-card:has(> .detail-like-likers-row) {
    padding-bottom:var(--detail-likers-rail-gap,.5rem)
}

.cyber-card.detail-main-card>.file-view-header {
    margin-bottom:var(--detail-inner-section-gap)
}

.cyber-card.detail-main-card>.resource-detail-unified-card {
    margin-top:0;
    margin-bottom:var(--detail-inner-section-gap)
}

.cyber-card.detail-main-card>.resource-detail-unified-card:last-child {
    margin-bottom:0
}

/* Unified card sits above likes row — cancel the usual section gap (was ~0.75rem hollow). */
.cyber-card.detail-main-card>.resource-detail-unified-card:has(+ .detail-like-likers-row) {
    margin-bottom:0
}

/* Tighter inner padding keeps text balanced; outer gap ↔ likes strip uses margin-top likers rail. */
.cyber-card.detail-main-card>.resource-detail-unified-card:has(+ .detail-like-likers-row) .resource-detail-description-card {
    padding-bottom:.58rem
}

/* Equal vertical padding: content ⇄ likes row ⇄ bottom of detail card (--detail-likers-rail-gap). */
.cyber-card.detail-main-card>.detail-like-likers-row {
    margin-top:var(--detail-likers-rail-gap,.5rem);
    margin-bottom:0
}

.cyber-card.detail-main-card>.detail-like-likers-row + .detail-inline-tags {
    margin-top:0
}

.cyber-card.detail-main-card .detail-inline-tags {
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
    margin-top:var(--detail-inner-section-gap)
}

/* Keep file/resource detail sections visually unified and tighter. */
.cyber-card.detail-main-card > .resource-detail-unified-card + .file-content-layout {
    margin-top:0
}

.cyber-card.detail-main-card > .file-content-layout {
    margin-top:0;
    margin-bottom:0
}

@media(max-width:768px) {
    .cyber-card.detail-main-card {
        margin-top:var(--toolbar-chip-inset-top);
        padding:.65rem 1rem 1.25rem;
        margin-bottom:.5rem
    }

    .cyber-card.detail-main-card:has(> .detail-like-likers-row) {
        padding-bottom:var(--detail-likers-rail-gap,.5rem)
    }

}

.page-toolbar-page>.file-discussion-shell {
    background:rgba(255,255,255,0.02);
    border:1px solid var(--shell-stroke,var(--shell-border,var(--surface-border)));
    border-radius:var(--shell-radius);
    margin-top:var(--page-toolbar-row-gap);
    padding:.65rem var(--detail-card-pad-x) .85rem;
    box-sizing:border-box;
    overflow:visible
}

.page-toolbar-page>.file-discussion-shell .discussion-section-heading {
    margin:0 0 .55rem;
}

/* Discussion lives inside detail card — one content window with file body */
.cyber-card.detail-main-card>.file-discussion-shell--in-card {
    margin-top:var(--detail-inner-section-gap,.85rem);
    padding:0;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none
}

.cyber-card.detail-main-card>.file-discussion-shell--in-card::before,
.cyber-card.detail-main-card>.file-discussion-shell--in-card::after {
    display:none!important;
    content:none!important
}

.forum-topic-page>.forum-topic-header {
    margin-bottom:var(--page-toolbar-row-gap,1.5rem)
}

.forum-topic-page>.forum-topic-body-card {
    margin-top:var(--toolbar-chip-inset-top);
    margin-bottom:.75rem;
    min-width:0;
    max-width:100%
}

@media(max-width:768px) {
    .page-toolbar-page>.file-discussion-shell {
        padding-top:.65rem
    }

}

.resource-detail-title-caticon {
    color:var(--text-secondary);
    opacity:.85;
    font-size:.9rem;
    margin-right:.5rem;
    vertical-align:middle;
    flex-shrink:0
}

.cyber-card::before {
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    width:10px;
    height:10px;
    border-top:1px solid var(--corner-line-color);
    border-left:1px solid var(--corner-line-color)
}

.cyber-card::after {
    content:'';
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:10px;
    height:10px;
    border-bottom:1px solid var(--corner-line-color);
    border-right:1px solid var(--corner-line-color)
}

.auth-box {
    max-width:28rem;
    margin:2rem auto;
    width:100%;
    box-sizing:border-box;
    box-shadow:0 0 20px rgba(0,255,157,0.05);
    position:relative;
    overflow:visible;
    @media(max-width:768px) {
        max-width:100%;
        margin:.5rem 0;
        border-left:0;
        border-right:0;
        border-radius:0
    }

}

.turnstile-wrapper {
    width:100%;
    margin-bottom:1rem;
    position:relative;
    display:flex;
    justify-content:center
}

.turnstile-container {
    padding:0;
    background:transparent;
    border:none;
    border-radius:0;
    position:relative;
    box-shadow:none;
    width:fit-content;
    max-width:100%;
    box-sizing:border-box;
    margin:0 auto;
    text-align:center
}

.cf-turnstile,
.ulp-turnstile-mount {
    display:block;
    width:300px;
    max-width:100%;
    margin:0 auto;
    min-height:65px;
    position:relative;
    z-index:1;
    box-sizing:border-box
}

.cf-turnstile iframe,
.ulp-turnstile-mount iframe {
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:100% !important
}

.ulp-turnstile-hint {
    margin:0.5rem 0 0;
    font-size:0.85rem;
    color:var(--warning-color,#f59e0b);
    text-align:center;
    max-width:300px
}

.page-toolbar-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:var(--page-toolbar-row-gap);
    flex-wrap:nowrap;
    gap:.55rem;
    min-height:var(--page-toolbar-band-min-height);
    overflow:visible;
    position:relative;
    z-index:5
}

.page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row>.forum-index-actions {
    flex-shrink:0
}

.forum-cat-head {
    min-height:var(--page-toolbar-band-min-height)
}

.forum-last-reply-topic {
    max-width:min(100%,18rem);
    min-width:0;
    overflow:hidden;
    flex-shrink:1
}

.forum-last-reply-topic-text {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    max-width:14rem
}

.drop-overlay-icon {
    color:var(--accent-color)
}

.modal-body--stack {
    padding:0;
    display:flex;
    flex-direction:column;
    height:100%
}

.chat-header-tools {
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:5px
}

.chat-clear-btn-spacing {
    margin-right:5px
}

.chat-typing-indicator-pad {
    padding:0 10px
}

.chat-login-link-compact {
    font-size:.8rem;
    padding:.3rem 1rem
}

.file-title .view-file-btn,.file-title .view-item-btn,.resource-item .view-item-btn {
    color:inherit;
    text-decoration:none
}

.resource-item .view-item-btn {
    overflow-wrap:anywhere;
    word-break:break-word;
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    white-space:normal !important;
    display:inline-block
}

.file-icon.tpl-icon,.category-icon.tpl-icon {
    font-size:.9rem;
    flex-shrink:0
}

.category-icon.tpl-icon {
    color:var(--text-secondary);
    opacity:.85;
    margin-right:.5rem
}

.file-icon.tpl-icon.file-icon--paid {
    color:var(--primary-color)
}

.file-icon.tpl-icon.file-icon--free {
    color:var(--text-secondary)
}

.password-badge:not(.hidden),.expiration-badge:not(.hidden) {
    display:inline-block;
    margin-left:.5rem;
    font-size:.8rem
}

.password-badge:not(.hidden) {
    color:var(--error-color)
}

.expiration-badge:not(.hidden) {
    color:var(--primary-color);
    cursor:pointer
}

.status-badge.badge:not(.hidden) {
    display:inline-block;
    background:rgba(255,165,0,0.1);
    color:orange;
    border:1px solid orange;
    padding:1px 4px;
    font-size:.6rem;
    border-radius:3px;
    margin-left:.4rem;
    vertical-align:middle;
    flex-shrink:0
}

.status-badge.status-badge--new:not(.hidden) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    color:var(--primary-color);
    border:0;
    padding:0;
    width:.9rem;
    height:.9rem;
    font-size:.9rem;
    margin-left:.25rem;
    line-height:1;
    box-shadow:none
}

.status-badge.status-badge--new:not(.hidden) i {
    font-size:inherit;
    line-height:1
}

.resource-item .file-title.list-title-row {
    display:flex;
    align-items:center;
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap
}

.verified-icon:not(.hidden) {
    display:inline-block;
    color:var(--primary-color);
    font-size:.8rem;
    margin-right:.5rem;
    flex-shrink:0
}

.item-description.list-desc {
    font-size:.85rem;
    color:var(--text-secondary);
    margin-top:.2rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    width:100%;
    max-width:100%;
    line-height:1.3;
    opacity:.8
}

.file-meta.list-meta-spaced {
    margin-top:.5rem
}

.telemetry-group.list-telemetry-wrap {
    height:auto;
    flex-wrap:wrap
}

.tags-container:not(.hidden) {
    display:flex;
    gap:.3rem;
    flex-wrap:wrap;
    max-width:100%;
    min-width:0;
    margin-top:.35rem
}

.item-actions-container:not(.hidden) {
    display:flex;
    gap:.4rem;
    flex-shrink:0;
    align-items:center
}

.username-tag.list-user-chip {
    display:inline-flex;
    align-items:center
}

.listing-tag-pod {
    font-size:.65rem;
    white-space:nowrap;
    flex-shrink:0
}

.ulp-discussion-enter {
    animation:fadeIn .3s ease
}

.ulp-discussion-row-exit {
    transition:all .35s ease;
    opacity:0;
    transform:scale(0.97)
}

.discussion-action-icon {
    font-size:.8rem
}

.discussion-action-icon--sm {
    font-size:.75rem
}

.discussion-pending-badge {
    font-size:.6rem;
    padding:1px 4px
}

/* --- Public / forms CSP utilities (replace inline style=) --- */
.ulp-sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}

.text-required {
    color:var(--error-color)
}

.list-card-clickable {
    cursor:pointer
}

/* Full-card navigation: stretch link + pass-through clicks on chrome (files / resources) */
.file-item[data-url] > .list-card-hit,
.resource-item[data-url] > .list-card-hit {
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    cursor:pointer
}

.file-item[data-url] .list-card-vstack,
.resource-item[data-url] .list-card-vstack,
.file-item[data-url] .list-card-main,
.resource-item[data-url] .list-card-main,
.file-item.list-card-shell .list-card-body.list-card-main {
    position:relative;
    flex:1;
    min-width:0;
    z-index:1;
    pointer-events:none
}

.file-item[data-url] .list-bulk-checkbox-cell,
.resource-item[data-url] .list-bulk-checkbox-cell,
.file-item[data-url] .file-actions-container,
.resource-item[data-url] .file-actions-container,
.file-item[data-url] .item-actions-container,
.resource-item[data-url] .item-actions-container,
.file-item[data-url] a.username-tag,
.resource-item[data-url] a.username-tag,
.file-item[data-url] a.view-file-btn,
.resource-item[data-url] a.view-item-btn,
.resource-item[data-url] a.resource-title-link,
.file-item[data-url] a.category-badge,
.resource-item[data-url] a.category-badge,
.file-item[data-url] .action-icon-btn,
.resource-item[data-url] .action-icon-btn,
.file-item[data-url] [data-ulp-ajax-action],
.resource-item[data-url] [data-ulp-ajax-action],
.file-item[data-url] .tooltip-trigger,
.resource-item[data-url] .tooltip-trigger {
    pointer-events:auto;
    position:relative;
    z-index:2
}

/* Topic list: stats/telemetry navigate via card hit; keep author/category/title links */
.forum-topic-list-card .forum-topic-like-indicator.like-btn-container {
    pointer-events:none;
    cursor:default
}

.forum-topic-list-card .forum-topic-inline-bump-btn,
.forum-topic-list-card .file-actions-container,
.forum-topic-list-card .file-actions-container .action-icon-btn,
.forum-topic-list-card .file-actions-container [data-ulp-ajax-action] {
    pointer-events:auto;
    position:relative;
    z-index:2
}

.list-row-with-bulk {
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    width:100%
}

.item-row-flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
}

.comments-list-thread {
    margin-bottom:.35rem;
    padding-right:.5rem
}

.discussion-composer-wrap {
    position:relative;
    z-index:10
}

.status-badge-pending {
    background:rgba(255,165,0,.1);
    color:orange;
    border:1px solid orange;
    padding:1px 4px;
    font-size:.6rem;
    border-radius:3px;
    margin-left:.4rem;
    vertical-align:middle;
    flex-shrink:0
}

.status-badge-pending--md {
    padding:2px 6px;
    font-size:.7rem;
    margin-left:.5rem
}

.file-icon-tpl {
    font-size:.9rem;
    flex-shrink:0
}

.file-icon-gem-op {
    opacity:.95
}

.file-icon-paid {
    color:var(--primary-color);
    opacity:.9
}

.file-icon-free {
    color:var(--text-secondary);
    opacity:.95
}

.cat-icon-list {
    color:var(--text-secondary);
    opacity:.85;
    font-size:.9rem
}

.cat-icon-list--muted {
    opacity:.6
}

.password-badge-mark {
    color:var(--error-color);
    margin-left:.5rem;
    font-size:.8rem
}

.expiration-badge-mark {
    color:var(--primary-color);
    margin-left:.5rem;
    font-size:.8rem;
    cursor:pointer
}

.view-link-plain {
    color:inherit;
    text-decoration:none
}

.listing-tag-chip {
    color:var(--text-secondary);
    font-size:.65rem;
    height:20px;
    padding:0 5px
}

.composer-honeypot {
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none;
    bottom:0;
    left:0
}

.ulp-list-toolbar {
    display:flex;
    gap:.8rem;
    align-items:center;
    flex-wrap:wrap;
    width:100%
}

.ulp-list-toolbar-label {
    display:flex;
    align-items:center;
    gap:.5rem;
    cursor:pointer;
    margin:0
}

.ulp-list-toolbar-text {
    color:var(--text-secondary);
    font-family:var(--font-mono);
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:1px
}

.ulp-list-toolbar-sep {
    height:20px;
    width:1px;
    background:var(--surface-border);
    margin:0 .5rem
}

.ulp-selected-count {
    margin-left:auto;
    color:var(--primary-color);
    font-family:var(--font-mono);
    font-size:.85rem;
    font-weight:bold;
    background:rgba(0,255,157,.1);
    padding:2px 8px;
    border-radius:4px
}

.form-card-pad {
    padding:1.1rem
}

.form-card-pad-lg {
    padding:1.1rem;
    max-width:600px;
    margin:2rem auto
}

.form-mb {
    margin-bottom:.95rem
}

.form-mt {
    margin-top:.95rem
}

.form-grid-2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.9rem;
    align-items:start
}

.form-flex-between {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.form-actions-2 {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.9rem;
    margin-top:1rem
}

.form-actions-row {
    display:flex;
    gap:1rem;
    margin-top:2rem
}

.form-advanced-panel {
    display:none;
    padding:1rem;
    border:1px solid var(--surface-border);
    border-radius:var(--modern-rounded-sm);
    margin-top:.85rem;
    background:rgba(0,0,0,0.1)
}

.form-advanced-panel.is-open {
    display:block
}

.upload-schedule-hint {
    font-size:0.72rem;
    color:var(--text-secondary);
    margin:0.35rem 0 0;
    line-height:1.35
}

.upload-schedule-block>label {
    display:block;
    margin:0 0 .35rem
}

.upload-schedule-input {
    font-variant-numeric:tabular-nums
}

.file-publish-status-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:.9rem;
    height:.9rem;
    color:var(--text-secondary);
    font-size:.9rem;
    line-height:1;
    cursor:help;
    opacity:.95
}

.file-publish-status-icon i {
    font-size:inherit;
    line-height:1
}

.file-publish-status-icon--detail {
    width:.9rem;
    height:.9rem;
    font-size:.9rem
}

.file-publish-status-icon--adm {
    width:.78rem;
    height:.78rem;
    font-size:.78rem;
    margin-right:.15rem
}

.profile-page-container a.data-item:has(.data-title--topic) .data-content {
    width:100%;
    min-width:0
}

.profile-page-container .data-title--topic {
    display:block;
    width:100%;
    min-width:0
}

.profile-page-container .data-title--topic .profile-topic-title-row {
    width:100%;
    min-width:0
}

.profile-page-container .data-title--topic .forum-topic-status-lead {
    display:inline-flex;
    align-items:center;
    gap:.28rem;
    flex-shrink:0
}

.profile-page-container .data-title--topic .forum-topic-prefix-pack {
    flex-shrink:0
}

.profile-page-container .data-title--topic .profile-topic-title-body {
    flex:1 1 auto;
    min-width:0;
    max-width:100%
}

.profile-page-container .data-title--topic .forum-topic-list-heading-text {
    display:inline;
    padding:0 4px;
    margin-left:-4px;
    box-sizing:border-box;
    color:var(--text-primary,#e0e0e0);
    font-family:var(--font-mono,monospace);
    font-weight:600;
    font-size:.9rem;
    line-height:1.35;
    overflow-wrap:break-word;
    word-break:normal
}

.profile-page-container a.data-item:has(.data-title--topic) {
    color:var(--text-primary);
    text-decoration:none
}

.profile-page-container a.data-item:has(.data-title--topic):hover,
.profile-page-container a.data-item:has(.data-title--topic):focus-visible {
    color:var(--text-primary);
    text-shadow:none
}

.profile-page-container a.data-item:has(.data-title--topic):hover .forum-topic-list-heading-text,
.profile-page-container a.data-item:has(.data-title--topic):focus-visible .forum-topic-list-heading-text {
    color:var(--primary-color,#00ff9d);
    text-shadow:var(--glow,0 0 10px rgba(0,255,157,0.2));
    background-color:rgba(0,255,157,0.1);
    box-shadow:0 0 10px rgba(0,255,157,0.1);
    border-radius:4px
}

.profile-page-container .data-title--topic .forum-topic-status-lock {
    opacity:1!important
}

.profile .data-title {
    display:flex;
    align-items:center;
    gap:.35rem;
    flex-wrap:wrap
}

.form-check-row {
    display:flex;
    align-items:center;
    gap:.8rem;
    cursor:pointer;
    margin:0
}

.form-check-row--vip {
    gap:.75rem;
    margin-top:.85rem
}

.form-input-full {
    width:100%
}

.form-hint {
    font-size:.75rem;
    margin-top:.35rem
}

.form-textarea-tall {
    min-height:320px;
    height:360px;
    padding:.8rem;
    line-height:1.45;
    font-family:var(--font-mono);
    resize:vertical
}

.form-title-border {
    margin-bottom:2rem;
    border-bottom:1px solid var(--surface-border);
    padding-bottom:1rem
}

.form-drop-zone {
    border:1px dashed var(--surface-border);
    padding:1rem;
    text-align:center;
    background:rgba(0,0,0,0.2)
}

.form-drop-hint {
    color:var(--text-secondary);
    margin-bottom:.5rem;
    font-size:.9rem
}

.form-preview-wrap {
    display:none;
    margin-top:1rem;
    position:relative;
    max-width:100%
}

.form-preview-wrap.is-visible {
    display:block
}

.form-preview-img {
    max-width:100%;
    border-radius:4px;
    border:1px solid var(--accent-color)
}

.form-preview-remove {
    position:absolute;
    top:5px;
    right:5px;
    background:rgba(0,0,0,.7);
    color:#fff
}

.form-btn-flex {
    flex:1
}

.form-link-center {
    text-align:center;
    text-decoration:none
}

.profile-card-flush {
    padding:0;
    overflow:hidden;
    margin-bottom:2rem
}

.profile-hero-card.cyber-card.detail-main-card,
.profile-body-card.cyber-card.detail-main-card {
    padding:0;
    overflow:hidden;
    border-radius:var(--modern-rounded-md) !important;
    background:rgba(255,255,255,0.02);
    border-color:var(--shell-stroke,var(--shell-border,var(--surface-border)))
}

.profile-hero-card.cyber-card.detail-main-card {
    margin-top:var(--toolbar-chip-inset-top,0.35rem);
    margin-bottom:.75rem
}

.profile-body-card.cyber-card.detail-main-card {
    margin-bottom:.75rem
}

.profile-hero-card>.profile-identity-header-wrapper--bg {
    width:100%;
    max-width:none;
    margin:0;
    border-radius:0
}

.profile-content-body {
    padding:0;
    min-height:400px
}

.profile-card-minh {
    padding:0;
    min-height:400px
}

.profile-identity-header.profile-header-overlay {
    border-bottom:none
}

.profile-hero-card .profile-identity-header.profile-header-overlay {
    padding-bottom:1.15rem
}

.profile-header-overlay--dim {
    background:transparent
}

.profile-identity-header-wrapper--bg {
    position:relative;
    overflow:hidden;
    isolation:isolate;
    min-height:clamp(168px,34vw,240px);
    width:100%;
    max-width:100%
}

.profile-identity-header-wrapper--bg::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:rgba(0,0,0,.32);
    pointer-events:none
}

.profile-bg-cover {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    min-width:100%;
    min-height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center center;
    pointer-events:none;
    user-select:none;
    border-radius:0
}

.profile-identity-header-wrapper--bg>.profile-bg-controls {
    z-index:3
}

.profile-identity-header-wrapper--bg>.profile-identity-header {
    position:relative;
    z-index:2;
    background:transparent
}

.profile-identity-header-wrapper--bg>.profile-identity-header.profile-header-overlay--dim {
    background:transparent
}

.username-tag-lg {
    font-size:1.25rem
}

.profile-tab-pad {
    padding:1rem
}

.profile-chevron-muted {
    font-size:.8rem;
    opacity:.5
}

.profile-ext-icon {
    font-size:.7rem;
    opacity:.5
}

.profile-order-link {
    text-decoration:none
}

.verified-title-icon {
    color:var(--primary-color);
    font-size:.8rem;
    margin-right:.5rem;
    vertical-align:middle
}

.group-badge--vars {
    background-color:var(--badge-bg)
}

.group-badge--vars>i:not([style]) {
    color:var(--badge-icon-color)
}

.group-badge--shell>i:not([style]) {
    color:inherit
}

.profile-showcase-tile__icon--vars {
    background:var(--tile-bg);
    color:var(--tile-icon)
}

.profile-showcase-tile__icon--vars>i:not([style]) {
    color:inherit
}

.profile-ach-card__icon--vars {
    background-color:var(--badge-bg);
    color:var(--badge-icon-color)
}

.profile-ach-card__icon--vars>i:not([style]) {
    color:inherit
}

.profile-showcase-tile__icon--vars {
    background:var(--tile-bg);
    color:var(--tile-icon)
}

.profile-ach-card__icon--vars {
    background-color:var(--badge-bg);
    color:var(--badge-icon-color)
}

.list-row-flex-1 {
    flex:1;
    min-width:0
}

.username-tag-inline {
    display:inline-flex;
    align-items:center
}

.ulp-text-primary {
    color:var(--primary-color)
}

.ulp-btn-compact {
    padding:.5rem 1rem;
    font-size:.85rem
}

.ulp-btn-compact--danger {
    border-color:var(--error-color);
    color:var(--error-color)
}

.ulp-zero-iframe {
    width:0;
    height:0;
    border:0;
    visibility:hidden
}

.error-page-wrap {
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:60vh;
    padding:1rem
}

.error-card {
    max-width:500px;
    text-align:center;
    padding:4rem 2rem;
    border-color:rgba(255,68,68,.3)
}

.error-glitch-wrap {
    margin-bottom:2rem;
    position:relative
}

.error-code {
    font-size:6rem;
    color:var(--error-color);
    margin:0;
    line-height:1;
    font-family:var(--font-mono);
    text-shadow:0 0 30px rgba(255,68,68,.2)
}

.error-scanline {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(transparent,rgba(255,68,68,.05),transparent);
    pointer-events:none;
    animation:scanline 8s linear infinite
}

.error-title {
    color:var(--text-primary);
    margin-bottom:1rem;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:1.2rem
}

.error-title-icon {
    color:var(--error-color);
    margin-right:8px
}

.error-desc {
    color:var(--text-secondary);
    margin-bottom:2.5rem;
    line-height:1.6;
    font-size:.95rem
}

.error-actions {
    display:flex;
    flex-direction:column;
    gap:1rem
}

.error-btn-pad {
    padding:.8rem
}

.error-btn-muted {
    opacity:.7;
    padding:.8rem
}

.error-footnote {
    margin-top:2.5rem;
    font-size:.7rem;
    color:var(--error-color);
    font-family:var(--font-mono);
    opacity:.5;
    text-transform:uppercase;
    letter-spacing:1px
}

.error-card--pulse {
    animation:error-glow-pulse 4s infinite ease-in-out
}

.error-code--404 {
    font-size:8rem
}

@keyframes scanline {
    0% { transform:translateY(-100%) }
    100% { transform:translateY(100%) }
}

@keyframes error-glow-pulse {
    0% { box-shadow:0 0 20px rgba(0,0,0,.5) }
    50% { box-shadow:0 0 40px rgba(255,68,68,.1); border-color:rgba(255,68,68,.5) }
    100% { box-shadow:0 0 20px rgba(0,0,0,.5) }
}

.resource-list-stack {
    display:flex!important;
    flex-direction:column!important;
    gap:.5rem!important;
    width:100%!important
}

.resource-list-row {
    display:flex;
    gap:.5rem;
    align-items:flex-start;
    width:100%!important;
    box-sizing:border-box!important;
    flex-wrap:nowrap!important;
    cursor:pointer
}

.resource-list-main {
    flex:1;
    min-width:0
}

.resource-title-row {
    display:flex;
    align-items:center;
    max-width:100%;
    min-width:0;
    flex-wrap:nowrap
}

.cat-icon-list-inline {
    color:var(--text-secondary);
    opacity:.85;
    font-size:.9rem;
    margin-right:.5rem;
    flex-shrink:0
}

.cat-icon-list-inline--muted {
    opacity:.6
}

.resource-title-link {
    color:inherit;
    text-decoration:none;
    overflow-wrap:anywhere;
    word-break:break-word;
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    white-space:normal!important;
    display:inline-block
}

.resource-desc-snippet {
    font-size:.85rem;
    color:var(--text-secondary);
    margin-top:.3rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    width:100%;
    max-width:100%;
    line-height:1.3
}

.file-meta-mt {
    margin-top:.5rem
}

.telemetry-group-wrap {
    height:auto;
    flex-wrap:wrap
}

.tag-pods-row {
    display:flex;
    gap:.3rem;
    flex-wrap:wrap;
    max-width:100%;
    min-width:0
}

.telemetry-pod-tag {
    font-size:.65rem;
    white-space:nowrap;
    flex-shrink:0
}

.file-actions-row {
    display:flex;
    gap:.4rem;
    flex-shrink:0;
    align-items:center
}

.empty-state-pad {
    padding:4rem 2rem
}

.empty-state-pad-lg {
    padding:4rem;
    color:var(--text-secondary);
    width:100%
}

.empty-icon-muted {
    color:var(--text-secondary);
    opacity:.3
}

.forum-topic-status-pin {
    color:var(--primary-color)
}

.forum-topic-status-lock {
    opacity:.6
}

.forum-empty-card {
    padding:2rem;
    text-align:center;
    color:var(--text-secondary)
}

.ulp-btn-compact--primary {
    padding:.5rem 1rem;
    font-size:.85rem;
    border-color:var(--primary-color);
    color:var(--primary-color)
}

.form-check-row--plain {
    display:flex;
    align-items:center;
    gap:.8rem;
    cursor:pointer
}

.form-hint-indent {
    font-size:.75rem;
    color:var(--text-secondary);
    margin:.35rem 0 .85rem 2rem
}

.form-hint-indent--tight {
    margin:.4rem 0 0 2rem
}

.ulp-text-accent {
    color:var(--accent-color);
    font-family:var(--font-mono);
    font-size:.85rem
}

.edit-profile-title {
    margin:.9rem 0 1rem
}

.edit-profile-input-disabled {
    opacity:.65;
    width:100%;
    cursor:not-allowed
}

.edit-profile-label-hint {
    color:var(--text-secondary);
    font-weight:400;
    font-size:.78rem
}

.edit-profile-btn-center {
    text-align:center;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center
}

.file-password-lock {
    color:var(--accent-color)
}

.file-password-top {
    margin-top:1rem
}

.payment-muted {
    font-size:.9rem
}

.payment-amount-badge {
    background:rgba(0,255,157,.1);
    color:var(--primary-color)
}

.payment-hint-sm {
    font-size:.75rem;
    margin-top:.5rem
}

.payment-code-inline {
    padding:.12rem .4rem;
    background:rgba(0,255,157,.1);
    color:var(--primary-color);
    border:none
}

.payment-qr-wrap {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}

.payment-qr-box {
    background:#0a0a0f;
    border-color:var(--primary-color)!important;
    box-shadow:0 0 15px rgba(0,255,157,.2);
    width:220px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}

.payment-input-group {
    padding:2px
}

.payment-input-plain {
    background:transparent;
    border:none;
    color:var(--primary-color);
    font-size:.9rem
}

.payment-copy-btn {
    background:rgba(0,255,157,.1);
    color:var(--primary-color);
    border:none
}

.payment-info-box {
    background:rgba(0,255,157,.05);
    border:1px solid rgba(0,255,157,.2)
}

.payment-success-icon {
    filter:drop-shadow(0 0 20px rgba(0,255,157,.4))
}

.payment-success-title {
    font-family:var(--font-mono);
    letter-spacing:2px
}

.payment-btn-vip {
    background:rgba(245,197,66,.12);
    border-color:rgba(251,191,36,.55);
    color:#fffbeb;
    font-weight:bold;
    height:50px!important;
    box-shadow:inset 0 0 0 1px rgba(252,211,77,.12)
}

.payment-btn-access {
    background:rgba(0,255,157,.1);
    border-color:var(--primary-color);
    font-weight:bold;
    height:50px!important
}

.payment-btn-back {
    border:none;
    opacity:.7
}

.composer-honeypot-offscreen {
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    opacity:0;
    overflow:hidden
}

.banned-card {
    max-width:500px;
    text-align:center;
    padding:3rem
}

.banned-icon-lg {
    font-size:4rem;
    color:var(--error-color);
    margin-bottom:1rem
}

.banned-title {
    font-family:var(--font-mono);
    text-transform:uppercase;
    margin-bottom:1.5rem;
    letter-spacing:2px
}

.banned-reason-box {
    background:rgba(255,59,48,.1);
    border:1px solid var(--error-color);
    padding:1rem;
    border-radius:var(--modern-rounded-sm);
    margin-bottom:2rem
}

.banned-reason-label {
    display:block;
    color:var(--error-color);
    margin-bottom:.5rem;
    font-size:.9rem;
    text-transform:uppercase
}

.banned-reason-text {
    color:var(--text-primary)
}

.banned-actions {
    display:flex;
    gap:1rem;
    justify-content:center
}

body:has(.banned-page-root) header,
body:has(.banned-page-root) .notification-container {
    display:none!important
}

.file-item::before,a.forum-category-card::before,.forum-topic-list-card::before {
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    width:10px;
    height:10px;
    border-top:1px solid var(--corner-line-color);
    border-left:1px solid var(--corner-line-color);
    pointer-events:none
}

.file-item::after,a.forum-category-card::after,.forum-topic-list-card::after {
    content:'';
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:10px;
    height:10px;
    border-bottom:1px solid var(--corner-line-color);
    border-right:1px solid var(--corner-line-color);
    pointer-events:none
}

.file-item:hover,a.forum-category-card:hover,.forum-topic-list-card:hover,.resource-item.file-item:hover {
    background:rgba(255,255,255,0.05);
    border-color:color-mix(in srgb,var(--surface-border) 70%,rgba(255,255,255,0.14))
}

/* Card press on chrome or detail title links — uses --ulp-press-transform-soft (less aggressive than chip/button press). */
.file-item.list-card-shell:active:not(:has(:active)),
.file-item.list-card-shell.press-feedback:not(:has(.press-feedback)),
.file-item[data-url]:has(> .list-card-hit:active),
.file-item.list-card-shell:has(> .list-card-hit:active),
.file-item[data-url]:has(> .list-card-hit.press-feedback),
.file-item[data-url]:has(.file-title .view-file-btn:active),
.file-item[data-url]:has(.file-title .view-file-btn.press-feedback),
.file-item.list-card-shell:has(.file-title .view-file-btn:active),
.file-item.list-card-shell:has(.file-title .view-file-btn.press-feedback),
.resource-item[data-url]:has(> .list-card-hit:active),
.resource-item[data-url]:has(> .list-card-hit.press-feedback),
.resource-item[data-url]:has(.file-title .view-file-btn:active),
.resource-item[data-url]:has(.file-title .resource-title-link:active),
.resource-item[data-url]:has(.file-title .view-item-btn:active),
.resource-item[data-url]:has(.file-title .view-file-btn.press-feedback),
.resource-item[data-url]:has(.file-title .resource-title-link.press-feedback),
.resource-item[data-url]:has(.file-title .view-item-btn.press-feedback),
.forum-topic-list-card:active:not(:has(:active)),
.forum-topic-list-card.press-feedback:not(:has(.press-feedback)),
.forum-topic-list-card:has(> .forum-topic-list-card-hit:active),
.forum-topic-list-card:has(> .forum-topic-list-card-hit.press-feedback),
.forum-topic-list-card:has(.forum-topic-list-title:active),
.forum-topic-list-card:has(.forum-topic-list-title.press-feedback),
.forum-topic-list-card:has(.forum-topic-status-lead--topic-link:active),
.forum-topic-list-card:has(.forum-topic-status-lead--topic-link.press-feedback),
a.forum-category-card:active,
a.forum-category-card.press-feedback {
    transform:var(--ulp-press-transform-soft);
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),background .2s ease,box-shadow .2s ease;
    background:rgba(255,255,255,0.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 2px 8px rgba(0,0,0,0.26)
}

/* Category / nickname chips — local press only */
a.forum-topic-category-pill:active,
a.forum-topic-category-pill.press-feedback,
.file-meta a.category-badge.telemetry-pod.forum-topic-category-pill:active,
.file-meta a.category-badge.telemetry-pod.forum-topic-category-pill.press-feedback,
.resource-item a.category-badge.telemetry-pod.forum-topic-category-pill:active,
.resource-item a.category-badge.telemetry-pod.forum-topic-category-pill.press-feedback,
a.username-tag:active:not(:has(.group-badge-pile .group-badge:active)),
a.username-tag.press-feedback:not(:has(.group-badge-pile .group-badge.press-feedback)) {
    transform:var(--ulp-press-transform);
    background:rgba(255,255,255,0.07);
    box-shadow:0 1px 4px rgba(0,0,0,0.2)
}

.username-tag .group-badge-pile .group-badge:is(:active,.press-feedback),
.username-tag > .group-badge:is(:active,.press-feedback) {
    transform:var(--ulp-press-transform) !important;
    z-index:6 !important;
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease) !important
}

.username-tag .group-badge-pile .group-badge:not(:hover):is(:active,.press-feedback),
.username-tag > .group-badge:not(:hover):is(:active,.press-feedback) {
    box-shadow:0 1px 2px rgba(0,0,0,0.18) !important;
    border-color:rgba(34,34,34,0.42) !important
}

.username-tag .group-badge-pile .group-badge[style*='border']:not(:hover):is(:active,.press-feedback),
.username-tag .group-badge-pile .group-badge[style*='Border']:not(:hover):is(:active,.press-feedback),
.username-tag > .group-badge[style*='border']:not(:hover):is(:active,.press-feedback),
.username-tag > .group-badge[style*='Border']:not(:hover):is(:active,.press-feedback) {
    box-shadow:0 1px 2px rgba(0,0,0,0.18) !important
}

.username-tag .group-badge-pile .group-badge:hover:is(:active,.press-feedback),
.username-tag > .group-badge:hover:is(:active,.press-feedback) {
    box-shadow:0 0 10px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.2) !important;
    border-color:rgba(255,255,255,0.35) !important
}

.username-tag .group-badge-pile .group-badge.group-badge--admin-border:hover:is(:active,.press-feedback),
.username-tag > .group-badge.group-badge--admin-border:hover:is(:active,.press-feedback) {
    box-shadow:0 0 12px rgba(0,0,0,0.48),0 1px 2px rgba(0,0,0,0.2) !important
}

a.forum-category-card:hover {
    color:inherit;
    text-shadow:none;
    position:relative;
    z-index:6
}

a.forum-category-card:focus {
    outline:0
}

a.forum-category-card:focus-visible {
    outline:2px solid rgba(255,255,255,0.35);
    outline-offset:2px;
    position:relative;
    z-index:6
}

.file-title {
    font-family:var(--font-mono);
    font-size:1rem;
    margin-bottom:.1rem;
    display:flex;
    align-items:center;
    gap:.5rem;
    flex-wrap:wrap;
    max-width:100%;
    min-width:0;
    overflow:hidden
}

.file-meta {
    font-size:.75rem;
    color:var(--text-secondary);
    display:flex;
    align-items:center;
    gap:.5rem;
    font-family:var(--font-mono);
    line-height:normal;
    padding:6px 0;
    overflow:visible !important;
    flex-wrap:wrap;
    width:100%
}

.file-item .file-meta,.resource-item .file-meta {
    padding-left:0 !important
}

.file-content-layout {
    --file-panel-max-height:62vh;
    --file-panel-max-height:62dvh;
    display:flex;
    align-items:flex-start;
    gap:.65rem;
    height:auto;
    max-height:none;
    min-height:0;
    margin-bottom:0
}

.file-content-layout--compact {
    height:auto;
    max-height:none
}

.file-content-layout--compact .file-content-shell {
    overflow:visible
}

.file-content-layout--compact .file-content-area {
    overflow-y:visible
}

.file-content-shell {
    flex:1 1 auto;
    min-width:0;
    border:1px solid var(--surface-strong);
    border-radius:var(--modern-rounded-md);
    background:rgba(255,255,255,0.012);
    padding:.42rem;
    min-height:0;
    display:flex;
    flex-direction:column;
    max-height:var(--file-panel-max-height);
    overflow:hidden
}

.file-content-shell > .file-content-head {
    flex:0 0 auto;
}

.file-content-layout .file-content-area {
    flex:1 1 auto;
    min-height:0;
    max-height:calc(var(--file-panel-max-height) - 0.84rem)
}

.file-domain-stats-sidebar {
    flex:0 0 240px;
    max-width:240px;
    max-height:var(--file-panel-max-height);
    padding:.42rem;
    border:1px solid var(--surface-strong);
    border-radius:var(--modern-rounded-md);
    background:rgba(255,255,255,0.02);
    min-height:0;
    height:auto;
    display:flex;
    flex-direction:column;
    overflow:hidden
}

.file-content-shell > .file-content-head,
.file-domain-stats-sidebar > .file-domain-stats-head {
    display:flex;
    align-items:center;
    gap:.35rem;
    margin:0 0 .4rem;
    padding:0;
}

.file-domain-stats-head .telemetry-pod {
    color:var(--primary-color);
}

.file-domain-stats-head .telemetry-pod i {
    color:var(--primary-color);
    filter:none;
}

.file-domain-stats-list {
    display:flex;
    flex-direction:column;
    gap:0;
    max-height:none;
    min-height:0;
    flex:1 1 auto;
    overflow:auto;
    padding-right:.15rem
}

.file-domain-stats-item {
    display:flex;
    align-items:center;
    height:22px;
    min-height:22px;
    max-height:22px;
    box-sizing:border-box;
    font-family:var(--font-mono);
    font-size:.76rem;
    line-height:1.35;
    color:var(--text-secondary);
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.06);
    border-radius:var(--radius);
    padding:0 .45rem;
    margin-bottom:4px;
    margin-right:1px;
    overflow:hidden;
}

.file-domain-name {
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    height:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.file-domain-count {
    flex:0 0 auto;
    margin-left:.45rem;
    display:flex;
    align-items:center;
    height:100%;
    color:var(--primary-color,#00ff9d);
    font-weight:700
}

.file-domain-stats-empty {
    color:var(--text-secondary);
    font-family:var(--font-mono);
    font-size:.78rem
}

@media(max-width:980px) {
    .file-content-layout {
        flex-direction:column;
        align-items:stretch;
        max-height:none
    }

    .file-content-shell {
        width:100%;
        max-width:100%
    }

    .file-content-layout .file-content-area {
        width:100%
    }

    .file-domain-stats-sidebar {
        flex-basis:auto;
        max-width:100%;
        width:100%;
        height:auto
    }

    .file-domain-stats-list {
        max-height:260px;
        flex:0 0 auto
    }

}

/* Card hover: keep inner chips stable — no cascade border retint on telemetry rows */

/* Category pill hover: keep above neighbors without vertical lift */
a.forum-topic-category-pill:hover,
.file-meta a.category-badge.telemetry-pod.forum-topic-category-pill:hover,
.resource-item a.category-badge.telemetry-pod.forum-topic-category-pill:hover {
    position:relative;
    z-index:2
}

.file-item.is-read,.forum-topic-list-card.is-read {
    border-color:var(--surface-strong)
}

.file-item.is-read .view-file-btn,.file-item.is-read .view-item-btn,.forum-topic-list-card.is-read .forum-topic-list-heading-text {
    opacity:.75
}

#ulp-corner-dock {
    position:fixed;
    left:max(1.25rem,env(safe-area-inset-left));
    bottom:max(0.35rem,env(safe-area-inset-bottom,0));
    z-index:2147483647;
    display:flex;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:var(--ulp-corner-stack-gap);
    width:var(--ulp-corner-toast-max);
    max-width:var(--ulp-corner-toast-max);
    pointer-events:none;
    box-sizing:border-box
}

#ulp-corner-dock #toast-container {
    position:static;
    left:auto;
    bottom:auto;
    z-index:auto;
    width:100%
}

#toast-container {
    position:fixed;
    bottom:var(--ulp-corner-stack-bottom);
    left:max(1.25rem,env(safe-area-inset-left));
    z-index:2147483647;
    display:flex;
    flex-direction:column;
    gap:var(--ulp-corner-stack-gap);
    align-items:stretch;
    width:var(--ulp-corner-toast-max);
    max-width:var(--ulp-corner-toast-max);
    pointer-events:none
}

.flashes {
    position:fixed;
    bottom:var(--ulp-corner-stack-bottom);
    left:max(1.25rem,env(safe-area-inset-left));
    z-index:2147483647;
    display:flex;
    flex-direction:column;
    gap:var(--ulp-corner-stack-gap);
    align-items:stretch;
    width:var(--ulp-corner-toast-max);
    max-width:var(--ulp-corner-toast-max);
    pointer-events:none
}

#toast-container .realtime-toast,.flash-message,.ulp-site-banner-card {
    pointer-events:auto;
    box-sizing:border-box;
    width:var(--ulp-corner-toast-max);
    min-width:var(--ulp-corner-toast-max);
    max-width:var(--ulp-corner-toast-max);
    padding:12px 14px;
    border-radius:var(--ulp-corner-toast-radius);
    overflow:hidden;
    background:linear-gradient(145deg,rgba(8,18,14,0.96),rgba(6,10,12,0.97));
    color:var(--text-primary,#fff);
    font-family:var(--font-main,'Inter',sans-serif);
    display:flex;
    align-items:flex-start;
    gap:12px;
    line-height:1.35;
    font-size:.9rem;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    flex:0 0 auto;
    align-self:stretch
}

#toast-container .realtime-toast {
    position:relative;
    flex-wrap:nowrap;
    align-items:flex-start;
    padding-right:42px;
    transform:translateX(-110%);
    transition:transform .3s cubic-bezier(0.18,0.89,0.32,1.28);
    overflow:visible;
    isolation:isolate;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:transparent
}

#toast-container .realtime-toast::before {
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(145deg,rgba(8,18,14,0.96),rgba(6,10,12,0.97));
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    pointer-events:none;
    z-index:0
}

#toast-container .realtime-toast>.ulp-corner-toast-iconCol,
#toast-container .realtime-toast>.ulp-corner-toast-textCol {
    position:relative;
    z-index:1
}

#toast-container .realtime-toast>.ulp-corner-toast-close {
    position:absolute;
    top:10px;
    right:10px;
    z-index:2
}

.flash-message {
    border:1px solid rgba(0,255,157,0.45);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(0,255,157,0.14);
    animation:slideInLeft .3s ease-out forwards
}

.flash-message .icon {
    font-size:1.45rem;
    margin-top:1px;
    flex-shrink:0;
    color:var(--primary-color,#00ff9d)
}

.flash-message__body {
    flex:1;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word
}

.flash-message.error,.flash-message.danger {
    border-color:rgba(255,107,107,0.5);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(255,107,107,0.2)
}

.flash-message.error .icon,.flash-message.danger .icon {
    color:#ff6b6b
}

.flash-message.success {
    border-color:rgba(46,213,115,0.5);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(46,213,115,0.2)
}

.flash-message.success .icon {
    color:#2ed573
}

.flash-message.warning {
    border-color:rgba(255,165,2,0.5);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(255,165,2,0.2)
}

.flash-message.warning .icon {
    color:#ffa502
}

.flash-message.info {
    border-color:rgba(116,185,255,0.5);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(116,185,255,0.2)
}

.flash-message.info .icon {
    color:#74b9ff
}

#toast-container .realtime-toast>div:nth-child(2) {
    min-width:0;
    flex:1
}

#toast-container .realtime-toast .ulp-toast-notif-lead {
    display:block;
    margin-bottom:.35rem;
    font-size:.88rem;
    line-height:1.35;
    overflow-wrap:anywhere;
    word-break:break-word;
    overflow:visible;
    padding-block:6px;
    margin-block:-6px
}

#toast-container .realtime-toast .notif-msg-primary {
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.24rem;
    max-width:100%;
    overflow:visible;
    line-height:1.2;
    vertical-align:middle
}

#toast-container .realtime-toast .username-tag {
    height:24px;
    min-height:0;
    align-items:center;
    overflow:visible !important;
    position:relative;
    z-index:2
}

#toast-container .realtime-toast .ulp-toast-notif-lead .username-tag {
    white-space:nowrap;
    max-width:100%;
    vertical-align:middle
}

#toast-container .realtime-toast .ulp-toast-notif-lead .group-badge-pile {
    display:inline-flex;
    vertical-align:middle
}

#toast-container .realtime-toast .ulp-toast-notif-lead .notif-approved {
    color:var(--primary-color,#00ff9d);
    font-weight:700
}

#toast-container .realtime-toast .ulp-toast-notif-lead a.notif-link,
#toast-container .realtime-toast .ulp-toast-notif-lead a.notif-entity-title {
    color:var(--primary-color,#00ff9d);
    text-decoration:underline;
    font-weight:600
}

#toast-container .realtime-toast .ulp-toast-notif-lead a.notif-link:hover,
#toast-container .realtime-toast .ulp-toast-notif-lead a.notif-entity-title:hover {
    color:#7dffb8
}

#toast-container .realtime-toast .ulp-toast-notif-detail {
    display:block;
    margin-top:.2rem;
    font-size:.85rem;
    line-height:1.35;
    opacity:.92
}

#toast-container .realtime-toast .ulp-toast-notif-detail--reason {
    color:#c4b5fd
}

#toast-container .realtime-toast .notif-msg-compact__title {
    display:block;
    margin-bottom:.35rem;
    font-size:.88rem;
    line-height:1.35;
    overflow:visible;
    padding-block:6px;
    margin-block:-6px
}

#toast-container .realtime-toast .notif-msg-compact__rest .notif-detail,
#toast-container .realtime-toast .notif-msg-compact__body,
#toast-container .realtime-toast .notif-msg-compact__reason {
    display:block;
    margin-top:.2rem;
    font-size:.85rem;
    line-height:1.35
}

#toast-container .realtime-toast .notif-detail--reason,
#toast-container .realtime-toast .notif-msg-compact__reason {
    color:#c4b5fd
}

#toast-container .realtime-toast .ulp-toast-notif-detail a.notif-link,
#toast-container .realtime-toast .ulp-toast-notif-detail a.notif-entity-title,
#toast-container .realtime-toast .notif-msg-compact__rest a.notif-entity-title {
    color:var(--primary-color,#00ff9d);
    text-decoration:underline;
    font-weight:600
}

#toast-container .realtime-toast .ulp-toast-notif-detail a.notif-link:hover,
#toast-container .realtime-toast .ulp-toast-notif-detail a.notif-entity-title:hover,
#toast-container .realtime-toast .notif-msg-compact__rest a.notif-entity-title:hover {
    color:#7dffb8
}

@keyframes slideInLeft {
    from {
        transform:translateX(-100%);
        opacity:0
    }

    to {
        transform:translateX(0);
        opacity:1
    }

}

@keyframes fadeOut {
    to {
        opacity:0;
        transform:translateY(10px)
    }

}

.ulp-site-banner-host {
    position:static;
    left:auto;
    right:auto;
    bottom:auto;
    z-index:auto;
    pointer-events:none;
    width:fit-content;
    max-width:var(--ulp-corner-stack-max);
    flex-shrink:0
}

.ulp-site-banner-host .ulp-site-banner-card {
    pointer-events:auto
}

.ulp-site-banner-card {
    border:1px solid rgba(0,255,157,0.45);
    box-shadow:0 10px 24px rgba(0,0,0,0.45),0 0 14px rgba(0,255,157,0.14);
    transform:translateX(-110%);
    opacity:0;
    transition:opacity .32s ease,transform .3s cubic-bezier(0.18,0.89,0.32,1.28)
}

.ulp-site-banner-card--in {
    opacity:1;
    transform:translateX(0)
}

.ulp-corner-toast-iconCol {
    font-size:1.45rem;
    margin-top:1px;
    flex-shrink:0;
    color:var(--primary-color,#00ff9d);
    line-height:1
}

.ulp-corner-toast-textCol {
    flex:1;
    min-width:0;
    overflow:hidden
}

#toast-container .realtime-toast .ulp-corner-toast-textCol {
    overflow:visible
}

#toast-container .realtime-toast .ulp-toast-message,
#toast-container .realtime-toast .ulp-site-banner-msg {
    overflow-wrap:anywhere;
    word-break:break-word
}

#toast-container .realtime-toast .ulp-toast-message a.external-link,
.ulp-site-banner-msg a.external-link {
    color:var(--primary-color,#00ff9d);
    text-decoration:underline
}

#toast-container .realtime-toast .ulp-toast-message a.external-link:hover,
.ulp-site-banner-msg a.external-link:hover {
    opacity:.85
}

#toast-container .realtime-toast .ulp-toast-message strong,
.ulp-site-banner-msg strong {
    font-weight:700
}

#toast-container .realtime-toast .ulp-toast-message em,
.ulp-site-banner-msg em {
    font-style:italic
}

.ulp-site-banner-title {
    font-weight:800;
    font-size:.98rem;
    margin-bottom:4px;
    color:var(--primary-color,#00ff9d);
    letter-spacing:.2px;
    line-height:1.25
}

.ulp-site-banner-msg {
    font-size:.9rem;
    line-height:1.35;
    opacity:.92;
    color:var(--text-primary,#fff);
    overflow-wrap:anywhere;
    word-break:break-word
}

.ulp-corner-toast-close {
    position:absolute;
    top:10px;
    right:10px;
    width:24px;
    height:24px;
    flex-shrink:0;
    margin:0;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--modern-rounded-sm);
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.2);
    color:var(--text-secondary,#c7c7c7);
    cursor:pointer;
    font-size:.8rem;
    z-index:2
}

.ulp-corner-toast-close:hover {
    background:rgba(255,255,255,0.07);
    color:var(--text-primary,#fff)
}

@media(max-width:520px) {
    #ulp-corner-dock {
        left:max(0.75rem,env(safe-area-inset-left));
        right:max(0.75rem,env(safe-area-inset-right));
        width:auto;
        max-width:none
    }

    #toast-container .realtime-toast,
    .flash-message,
    .ulp-site-banner-host .ulp-site-banner-card {
        width:100%;
        min-width:0;
        max-width:none
    }

    #toast-container,.flashes {
        left:max(0.75rem,env(safe-area-inset-left));
        right:max(0.75rem,env(safe-area-inset-right));
        width:auto;
        max-width:none
    }

    .ulp-site-banner-host {
        width:100%;
        max-width:none
    }

    .ulp-site-banner-host .ulp-site-banner-card {
        max-width:none;
        width:100%;
        box-sizing:border-box
    }

}

footer {
    text-align:center;
    padding:1.3rem 2rem 2rem;
    color:var(--text-secondary);
    font-size:.8rem;
    border-top:0;
    font-family:var(--font-mono);
    margin-top:0
}

#site-footer-wrapper {
    position:relative;
    margin-top:1.2rem
}

#site-footer-wrapper::before {
    content:"";
    display:block;
    width:min(340px,62vw);
    height:1px;
    margin:0 auto;
    background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,255,157,0.38),rgba(0,0,0,0))
}

.text-center {
    text-align:center
}

.text-error {
    color:var(--error-color) !important
}

.text-muted {
    color:var(--text-secondary) !important
}

.mb-4 {
    margin-bottom:.8rem
}

.w-100 {
    width:100%
}

.icon {
    margin-right:.5rem
}

.username-tag {
    font-family:var(--font-mono);
    font-weight:700;
    color:var(--text-primary);
    text-decoration:none !important;
    border-radius:var(--radius);
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:.12rem;
    text-transform:none;
    background:rgba(255,255,255,0.05);
    border:1px solid var(--surface-strong);
    box-shadow:none;
    height:24px;
    min-height:0;
    padding:0 3px 0 4px;
    line-height:1;
    width:fit-content;
    max-width:100%;
    box-sizing:border-box;
    white-space:nowrap;
    overflow:visible !important;
    margin-left:0;
    margin-right:2px;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,text-shadow .2s ease;
    vertical-align:middle;
    align-self:flex-start
}

.file-meta>a.username-tag,.discussion-message-header>a.username-tag,.forum-post-header a.forum-user-tag,.forum-topic-meta-person .username-tag,.forum-category-card-meta .username-tag,.profile-identity-name-row .username-tag,.chat-msg-author.username-tag,.notification-content .username-tag,.nav-btn-profile.username-tag,main.admin-root .adm-table a.username-tag,main.admin-root .adm-online-identity a.username-tag {
    align-self:center
}

/* Chip row: avatar + achievements share 24px cross-size at rest. */
.username-tag .user-avatar-slot {
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px!important;
    height:24px!important;
    min-width:24px;
    min-height:24px;
    flex:0 0 24px;
    margin-right:4px;
    overflow:visible;
    line-height:0;
    box-sizing:border-box;
    vertical-align:middle;
    transform-origin:center center;
    position:relative;
    z-index:0
}

.username-tag .user-avatar-slot:hover {
    z-index:24!important
}

.username-tag .user-avatar-slot .user-avatar-circle {
    position:absolute;
    left:0;
    top:0;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    margin-left:0 !important;
    display:block;
    object-fit:cover;
    transform-origin:center center;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
    transform:scale(1);
    z-index:1
}

.notification-content,.comment-content {
    vertical-align:middle;
    line-height:1.6
}

.username-tag.admin {
    background:linear-gradient(145deg,rgba(255,80,120,0.14),rgba(255,51,102,0.07));
    border-color:rgba(255,51,102,0.22);
    color:var(--error-color) !important;
    box-shadow:0 0 0 1px rgba(255,51,102,0.06)
}

.username-tag.moderator {
    background:linear-gradient(145deg,rgba(0,255,180,0.12),rgba(0,255,157,0.06));
    border-color:rgba(0,255,157,0.22);
    color:var(--primary-color) !important;
    box-shadow:0 0 0 1px rgba(0,255,157,0.06)
}

.username-tag.vip {
    background:var(--vip-caption-surface);
    border-color:rgba(251,191,36,0.52);
    color:var(--vip-caption-color-strong) !important;
    text-shadow:0 0 12px rgba(245,197,66,0.35),0 1px 2px rgba(0,0,0,0.35);
    box-shadow:0 0 0 1px rgba(245,197,66,0.14)
}

.username-tag.admin:hover {
    background:linear-gradient(145deg,rgba(255,80,120,0.2),rgba(255,51,102,0.1));
    border-color:rgba(255,51,102,0.32)
}

.username-tag.moderator:hover {
    background:linear-gradient(145deg,rgba(0,255,180,0.16),rgba(0,255,157,0.09));
    border-color:rgba(0,255,157,0.32)
}

.username-tag.vip:hover {
    background:linear-gradient(145deg,rgba(255,252,245,0.34) 0%,rgba(252,211,77,0.24) 38%,rgba(245,158,11,0.2) 72%,rgba(120,53,15,0.18) 100%);
    border-color:rgba(254,243,199,0.82);
    box-shadow:
        0 0 0 1px rgba(251,191,36,0.42),
        0 0 18px rgba(245,197,66,0.48),
        0 0 32px rgba(245,158,11,0.22),
        0 6px 20px rgba(0,0,0,0.35);
    text-shadow:0 0 10px rgba(254,243,199,0.55),0 0 22px rgba(245,158,11,0.38),0 1px 2px rgba(0,0,0,0.45)
}

.username-tag.vip:hover .user-avatar-slot .user-avatar-circle,
.username-tag.vip .user-avatar-slot:hover .user-avatar-circle {
    transform:scale(1.5);
    border-color:rgba(251,191,36,0.98);
    box-shadow:0 0 12px rgba(245,197,66,0.55),0 0 18px rgba(245,158,11,0.35),0 2px 10px rgba(0,0,0,0.35)
}

.username-tag.admin .user-avatar-slot .user-avatar-circle {
    border-color:rgba(255,51,102,0.88);
    box-shadow:0 1px 2px rgba(0,0,0,0.2)
}

.username-tag.moderator .user-avatar-slot .user-avatar-circle {
    border-color:rgba(0,255,157,0.78);
    box-shadow:0 1px 2px rgba(0,0,0,0.2)
}

.username-tag.vip .user-avatar-slot .user-avatar-circle {
    border-color:rgba(251,191,36,0.88);
    box-shadow:0 1px 2px rgba(0,0,0,0.2),0 0 10px rgba(245,197,66,0.18)
}

.username-tag.user .user-avatar-slot .user-avatar-circle {
    border-color:rgba(148,163,184,0.58);
    box-shadow:0 1px 2px rgba(0,0,0,0.18)
}

.nav-btn-profile.username-tag {
    height:24px!important;
    min-height:0!important;
    padding:0 8px!important;
    font-size:.85rem!important;
    line-height:1!important;
    margin-top:0!important;
    align-self:center!important
}

.notification-item {
    overflow:visible !important
}

.username-tag:not(.admin):not(.moderator):not(.vip):hover {
    border-color:rgba(255,255,255,0.11);
    background:var(--surface-soft);
    box-shadow:none;
    color:var(--text-primary)
}

.username-tag:not(.admin):not(.moderator):not(.vip):hover .user-avatar-slot .user-avatar-circle,
.username-tag:not(.admin):not(.moderator):not(.vip) .user-avatar-slot:hover .user-avatar-circle {
    transform:scale(1.5);
    border-color:rgba(148,163,184,0.95);
    box-shadow:0 0 12px rgba(148,163,184,0.45),0 2px 10px rgba(0,0,0,0.32),0 0 14px rgba(100,116,139,0.25)
}

.username-tag.admin:hover,.username-tag.moderator:hover {
    box-shadow:0 0 8px -2px currentColor;
    text-shadow:0 0 5px currentColor
}

.username-tag.admin:hover .user-avatar-slot .user-avatar-circle,
.username-tag.admin .user-avatar-slot:hover .user-avatar-circle {
    transform:scale(1.5);
    border-color:rgba(255,51,102,0.98);
    box-shadow:0 0 14px rgba(255,51,102,0.55),0 0 20px rgba(255,80,120,0.28),0 2px 10px rgba(0,0,0,0.35)
}

.username-tag.moderator:hover .user-avatar-slot .user-avatar-circle,
.username-tag.moderator .user-avatar-slot:hover .user-avatar-circle {
    transform:scale(1.5);
    border-color:rgba(0,255,157,0.95);
    box-shadow:0 0 14px rgba(0,255,157,0.48),0 0 18px rgba(0,255,180,0.22),0 2px 10px rgba(0,0,0,0.35)
}

.username-tag i {
    font-size:.75rem;
    width:14px;
    display:flex;
    align-items:center;
    justify-content:center
}

.username-tag .group-badge i {
    width:auto;
    min-width:0;
    max-width:none;
    font-size:.82rem;
    line-height:1;
    display:block;
    flex-shrink:0
}

.username-tag .group-badge-pile {
    line-height:0;
    max-height:24px;
    align-items:center
}

/* Less overlap than global pile (-12px) so middle badges are easier to hit */
.username-tag .group-badge-pile .group-badge:not(:first-child) {
    margin-left:-7px
}

/* Chip row: default .group-badge uses a dark 1px ring + no shadow in pile — reads heavier than the avatar’s single #222-ish ring + soft shadow */
.username-tag .group-badge-pile .group-badge {
    width:24px;
    height:24px;
    min-width:24px;
    min-height:24px;
    flex:0 0 24px;
    border:1px solid rgba(34,34,34,0.42);
    box-shadow:0 1px 2px rgba(0,0,0,0.18);
    cursor:pointer
}

.username-tag .group-badge-pile .group-badge i {
    font-size:.82rem;
    line-height:1
}

.username-tag .group-badge-pile .group-badge[style*='border'],
.username-tag .group-badge-pile .group-badge[style*='Border'] {
    box-shadow:0 1px 2px rgba(0,0,0,0.18)
}

/* Achievement badges next to nickname — slightly stronger hover lift than standalone badges. */
.username-tag .group-badge-pile .group-badge:hover:not(:active):not(.press-feedback) {
    transform:var(--ulp-hover-lift-badge-pile);
    box-shadow:0 0 10px rgba(0,0,0,0.45),0 1px 2px rgba(0,0,0,0.2);
    border-color:rgba(255,255,255,0.35)
}

.username-tag .group-badge-pile .group-badge.group-badge--admin-border:hover {
    box-shadow:0 0 12px rgba(0,0,0,0.48),0 1px 2px rgba(0,0,0,0.2)
}

.username-tag .verified-badge {
    color:var(--primary-color);
    margin-left:2px;
    width:auto;
    font-size:.78rem;
    text-shadow:0 0 6px rgba(0,255,157,0.35)
}

.mention {
    display:inline-flex;
    align-items:center;
    color:var(--accent-color);
    font-family:var(--font-mono);
    font-weight:700;
    background-color:rgba(0,255,157,0.08);
    border:1px solid rgba(0,255,157,0.22);
    padding:1px 6px;
    border-radius:var(--radius);
    text-decoration:none !important;
    line-height:1.2
}

.mention-link {
    white-space:nowrap
}

.chat-context-menu {
    position:fixed;
    z-index:12000;
    min-width:180px;
    padding:6px;
    border-radius:var(--modern-rounded-sm);
    border:1px solid var(--surface-border);
    background:rgba(10,10,15,0.97);
    box-shadow:0 10px 24px rgba(0,0,0,0.45);
    backdrop-filter:blur(8px)
}

.chat-context-menu.hidden {
    display:none
}

.chat-context-action {
    width:100%;
    border:1px solid transparent;
    border-radius:var(--radius);
    background:transparent;
    color:var(--text-primary);
    font-family:var(--font-mono);
    font-size:.78rem;
    text-align:left;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer
}

.chat-context-action:hover {
    border-color:rgba(0,255,157,0.25);
    background:rgba(0,255,157,0.08);
    color:var(--primary-color)
}

.chat-context-action.danger:hover {
    border-color:rgba(255,71,87,0.25);
    background:rgba(255,71,87,0.1);
    color:var(--error-color)
}

/* Chat message UI → static/css/chat.css */

.mention:hover {
    text-decoration:none;
    background-color:rgba(0,255,157,0.15);
    color:var(--accent-color);
    box-shadow:0 0 10px var(--accent-soft)
}

.mention.admin {
    color:var(--error-color);
    text-shadow:0 0 5px rgba(255,51,102,0.4)
}

.mention.admin {
    background-color:rgba(255,51,102,0.05)
}

.mention.admin:hover {
    background-color:rgba(255,51,102,0.15);
    color:var(--error-color);
    box-shadow:0 0 10px rgba(255,51,102,0.2)
}

.mention.moderator {
    color:var(--primary-color);
    text-shadow:0 0 5px rgba(0,255,157,0.4)
}

.mention.moderator {
    background-color:rgba(0,255,157,0.05)
}

.mention.moderator:hover {
    background-color:rgba(0,255,157,0.15);
    color:var(--primary-color);
    box-shadow:0 0 10px rgba(0,255,157,0.2)
}

.mention.user {
    color:var(--text-primary);
    text-shadow:none
}

.mention.user:hover {
    background-color:var(--surface-strong);
    color:var(--text-primary);
    box-shadow:0 0 8px rgba(255,255,255,0.1)
}

.file-title .view-file-btn {
    font-weight:500;
    transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,text-shadow .2s ease;
    padding:0 4px;
    border-radius:4px;
    margin-left:-4px;
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%
}

.file-title-line-count-prefix {
    color:var(--file-title-line-count-color,#8ec8ff);
    font-weight:600;
    font-variant-numeric:tabular-nums;
    letter-spacing:.01em;
    transition:color .2s ease,text-shadow .2s ease
}

.file-title .view-file-btn:hover .file-title-line-count-prefix {
    color:var(--file-title-line-count-color-hover,#b8dcff);
    text-shadow:0 0 12px color-mix(in srgb,var(--file-title-line-count-color,#8ec8ff) 42%,transparent)
}

.file-item.is-read .file-title .file-title-line-count-prefix {
    color:var(--file-title-line-count-color-read,#6f9ec8)
}

.file-title-line-count-prefix--paid,
.file-title:has(.file-icon-paid) .file-title-line-count-prefix,
.file-title:has(.file-icon--paid) .file-title-line-count-prefix,
.file-view-header h1:has(.file-icon-paid) .file-title-line-count-prefix {
    color:var(--primary-color)
}

.file-title .view-file-btn:hover .file-title-line-count-prefix--paid,
.file-title:has(.file-icon-paid) .view-file-btn:hover .file-title-line-count-prefix,
.file-title:has(.file-icon--paid) .view-file-btn:hover .file-title-line-count-prefix {
    color:var(--primary-color);
    text-shadow:var(--glow)
}

.file-item.is-read .file-title:has(.file-icon-paid) .file-title-line-count-prefix,
.file-item.is-read .file-title:has(.file-icon--paid) .file-title-line-count-prefix {
    color:color-mix(in srgb,var(--primary-color) 72%,var(--text-secondary))
}

.file-title-line-count-prefix--vip,
.file-title:has(.icon-gem-gradient) .file-title-line-count-prefix,
.file-title:has(.file-icon-gem-op) .file-title-line-count-prefix,
.file-view-header h1:has(.icon-gem-gradient) .file-title-line-count-prefix {
    color:var(--vip-caption-color,#fff1c9)
}

.file-title .view-file-btn:hover .file-title-line-count-prefix--vip,
.file-title:has(.icon-gem-gradient) .view-file-btn:hover .file-title-line-count-prefix,
.file-title:has(.file-icon-gem-op) .view-file-btn:hover .file-title-line-count-prefix {
    color:var(--vip-caption-color-strong,#fffbeb);
    text-shadow:0 0 12px color-mix(in srgb,var(--vip-caption-color,#fff1c9) 42%,transparent)
}

.file-item.is-read .file-title:has(.icon-gem-gradient) .file-title-line-count-prefix,
.file-item.is-read .file-title:has(.file-icon-gem-op) .file-title-line-count-prefix {
    color:color-mix(in srgb,var(--vip-caption-color,#fff1c9) 72%,var(--text-secondary))
}

.file-title-line-count-block {
    display:inline;
    min-width:0;
    white-space:normal
}

.file-view-header h1 .file-title-line-count-block {
    overflow-wrap:anywhere;
    word-break:break-word
}

.file-view-header h1 .file-title-line-count-prefix {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}

.data-title .file-title-line-count-block,
.adm-file-title .file-title-line-count-block,
.adm-text-strong .file-title-line-count-block,
.adm-file-payload-row .file-title-line-count-block,
.order-product-pod .file-title-line-count-block {
    display:inline;
    min-width:0
}

.data-title:has(.icon-gem-gradient) .file-title-line-count-prefix,
.data-title:has(.file-icon-gem-op) .file-title-line-count-prefix {
    color:var(--vip-caption-color,#fff1c9)
}

.data-title:has(.file-icon-paid) .file-title-line-count-prefix {
    color:var(--primary-color)
}

.file-title .view-file-btn:hover {
    color:var(--primary-color);
    text-shadow:var(--glow);
    background-color:var(--accent-soft);
    box-shadow:0 0 10px var(--accent-soft)
}

#drop-overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.85);
    z-index:1000;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    backdrop-filter:blur(5px);
    border:3px dashed var(--accent-color);
    pointer-events:none
}

.drop-message {
    color:var(--accent-color);
    font-family:var(--font-mono);
    font-size:2rem;
    text-transform:uppercase;
    text-shadow:0 0 20px rgba(0,255,157,0.5);
    animation:pulse 1.5s infinite
}

@keyframes pulse {
    0% {
        transform:scale(1);
        opacity:.8
    }

    50% {
        transform:scale(1.05);
        opacity:1
    }

    100% {
        transform:scale(1);
        opacity:.8
    }

}

@keyframes slideIn {
    from {
        transform:translateX(100%)
    }

    to {
        transform:translateX(0)
    }

}

.file-content-area {
    background-color:transparent !important;
    border:none !important;
    padding:0 !important;
    margin-top:0;
    max-height:var(--file-panel-max-height,62dvh);
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    padding-right:.45rem;
    overflow-x:hidden;
    overflow-y:auto;
    @media(max-width:768px) {
        margin-left:-.5rem;
        margin-right:-.5rem;
        width:calc(100% + 1rem);
        border-radius:0
    }

}

@media(max-width:768px) {
    .cyber-card.detail-main-card .file-content-area {
        margin-left:0;
        margin-right:0;
        width:100%;
        border-radius:var(--radius)
    }

}

.line-row {
    padding:0 .45rem;
    font-family:var(--font-mono);
    font-size:.76rem;
    color:var(--text-secondary);
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%;
    box-sizing:border-box;
    border-radius:var(--radius);
    margin-bottom:4px;
    margin-right:1px;
    line-height:1.35;
    height:22px;
    display:flex;
    align-items:center;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.06);
    overflow:hidden
}

.line-row:hover {
    background:rgba(255,255,255,0.03);
    border-color:rgba(255,255,255,0.06);
    color:var(--text-secondary)
}

@media(max-width:768px) {
    .line-row {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        overflow-wrap:normal;
        word-break:normal
    }

}

.file-content-area .file-content-cta-wrap {
    width:100%;
    margin-bottom:4px;
    box-sizing:border-box
}

.file-content-area a.file-content-cta,.file-content-area button.file-content-cta {
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    line-height:1.35 !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;
    padding:0 .45rem !important;
    gap:.4rem !important;
    margin:0 !important;
    font-family:var(--font-mono) !important;
    font-size:.76rem !important;
    font-weight:400 !important;
    letter-spacing:normal !important;
    text-transform:none !important;
    color:var(--text-secondary) !important;
    background:rgba(255,255,255,0.03) !important;
    border:1px solid rgba(255,255,255,0.06) !important;
    border-radius:var(--radius) !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,text-shadow .15s ease !important
}

.file-content-area .file-content-cta>span {
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important
}

.file-content-area a.file-content-cta:hover,.file-content-area button.file-content-cta:hover {
    background:rgba(0,255,157,0.16) !important;
    border-color:rgba(0,255,157,0.55) !important;
    color:var(--primary-color,#00ff9d) !important;
    box-shadow:0 0 14px rgba(0,255,157,0.22),inset 0 0 0 1px rgba(0,255,157,0.12) !important;
    text-shadow:0 0 10px rgba(0,255,157,0.35) !important;
    transform:none !important
}

.file-content-area a.file-content-cta:hover i,.file-content-area a.file-content-cta:hover .icon,.file-content-area button.file-content-cta:hover i,.file-content-area button.file-content-cta:hover .icon {
    filter:drop-shadow(0 0 4px rgba(0,255,157,0.45)) !important
}

.file-content-area a.file-content-cta:focus-visible,.file-content-area button.file-content-cta:focus-visible {
    outline:2px solid rgba(0,255,157,0.45);
    outline-offset:2px
}

.file-content-area .file-content-cta i,.file-content-area .file-content-cta i.icon,.file-content-area .file-content-cta .icon {
    color:inherit !important;
    filter:none !important;
    margin-right:0 !important;
    flex-shrink:0 !important
}

.file-content-area .file-content-cta.file-content-cta--sentence {
    font-weight:400 !important
}

.notification-trigger {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1005;
    overflow:visible;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent
}

.notification-badge,.filter-chip__badge {
    position:absolute;
    top:0;
    right:0;
    transform:translate(46%,-46%);
    z-index:3;
    box-sizing:border-box;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    display:grid;
    place-items:center;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-variant-numeric:lining-nums;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:0;
    line-height:1;
    border-width:1px;
    border-style:solid;
    pointer-events:none;
    background:linear-gradient(165deg,rgba(71,85,105,0.55) 0,rgba(30,41,59,0.72) 100%);
    color:#e2e8f0;
    border-color:rgba(148,163,184,0.45);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 6px rgba(15,23,42,0.35)
}

.filter-chip__badge {
    background:linear-gradient(165deg,rgba(0,255,157,0.26) 0,rgba(0,255,157,0.12) 45%,rgba(0,200,120,0.16) 100%);
    color:#cfffec;
    border-color:rgba(0,255,157,0.42);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 8px rgba(0,255,157,0.18)
}

.notification-trigger .notification-badge {
    background:linear-gradient(165deg,rgba(71,85,105,0.55) 0,rgba(30,41,59,0.72) 100%);
    color:#e2e8f0;
    border-color:rgba(148,163,184,0.45);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 6px rgba(15,23,42,0.35)
}

.shield-btn .notification-badge {
    background:linear-gradient(165deg,rgba(251,191,36,0.38) 0,rgba(245,158,11,0.22) 45%,rgba(217,119,6,0.28) 100%);
    color:#fffbeb;
    border-color:rgba(252,211,77,0.52);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 8px rgba(245,158,11,0.26)
}

.filter-chip__badge {
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-mono,monospace);
    font-variant-numeric:tabular-nums;
    letter-spacing:-.02em
}

.filter-chip.filter-chip--vip .filter-chip__badge {
    z-index:1;
    width:18px;
    height:18px;
    min-width:18px;
    max-width:18px;
    padding:0;
    border-radius:50%;
    font-size:.46rem;
    font-weight:800;
    line-height:1;
    top:3px;
    right:3px;
    transform:none;
    box-sizing:border-box;
    background:linear-gradient(165deg,rgba(251,191,36,0.38) 0,rgba(245,158,11,0.22) 50%,rgba(217,119,6,0.26) 100%);
    color:#fffbeb;
    border-color:rgba(252,211,77,0.52);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 8px rgba(245,158,11,0.28)
}

.nav-btn-vip .notification-badge {
    background:linear-gradient(165deg,rgba(251,191,36,0.4) 0,rgba(245,158,11,0.24) 50%,rgba(217,119,6,0.28) 100%);
    border-color:rgba(252,211,77,0.55);
    color:#fffbeb;
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 1px 3px rgba(0,0,0,0.4),0 0 8px rgba(245,158,11,0.3)
}

.notification-container {
    position:relative;
    display:flex;
    align-items:center;
    z-index:10200;
    box-sizing:border-box;
    padding-bottom:12px;
    margin-bottom:-12px;
    cursor:pointer
}

.notification-container.notifications-open::after {
    content:'';
    position:absolute;
    top:100%;
    right:0;
    width:56px;
    height:48px;
    pointer-events:auto;
    z-index:2
}

.notification-dropdown {
    display:none;
    position:absolute;
    top:100%;
    padding-top:0;
    box-sizing:border-box;
    right:0;
    left:auto;
    transform:none;
    width:min(520px,calc(100vw - 16px));
    max-width:calc(100vw - 16px);
    z-index:3;
    isolation:isolate;
    cursor:default;
    pointer-events:none
}

.notification-container.notifications-open .notification-dropdown {
    display:block;
    animation:notifDropdownIn .3s ease-out;
    pointer-events:auto
}

@keyframes notifDropdownIn {
    from {
        opacity:0;
        transform:translateY(-8px)
    }

}

.notification-dropdown .cyber-card {
    pointer-events:auto;
    --notif-icon-col:28px;
    --notif-icon-gap:10px;
    --notif-text-pull:calc(var(--notif-icon-col) + var(--notif-icon-gap));
    --notification-pad-x-left:12px;
    --notification-pad-x-right:14px;
    --notification-pad-y:10px;
    --notif-panel-bg:#151515;
    background-color:var(--notif-panel-bg);
    border:1px solid var(--surface-border);
    border-radius:var(--modern-rounded-lg) !important;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:0 0 24px rgba(0,255,157,0.06),0 12px 40px rgba(0,0,0,0.65);
    padding:0 !important;
    margin:0 !important;
    overflow:hidden
}

.notification-dropdown-body {
    padding:0;
    box-sizing:border-box;
    min-width:0
}

.notification-dropdown-scroll {
    max-height:min(560px,calc(100vh - 160px));
    overflow-x:visible;
    overflow-y:auto;
    scrollbar-gutter:auto;
    scrollbar-width:thin;
    min-width:0;
    background:var(--notif-panel-bg)
}

.notification-header {
    min-height:38px;
    padding:calc(var(--notification-pad-y) + 2px) var(--notification-pad-x-right) var(--notification-pad-y) var(--notification-pad-x-left);
    box-sizing:border-box;
    border-bottom:1px solid var(--surface-border);
    display:grid;
    grid-template-columns:var(--notif-icon-col) minmax(0,1fr) auto;
    column-gap:var(--notif-icon-gap);
    align-items:center;
    background:var(--notif-panel-bg)
}

.notification-header-icon {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:var(--notif-icon-col);
    box-sizing:border-box;
    padding:0;
    margin:0
}

.notification-header-icon-chip {
    width:100%;
    max-width:var(--notif-icon-col);
    height:22px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,0.06);
    border-radius:var(--radius);
    background:var(--surface-soft);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--text-secondary);
    font-size:.7rem;
    line-height:1
}

.notification-header-icon-chip>i {
    display:block;
    line-height:1;
    transform:translateY(0.5px)
}

.notification-header-title {
    font-family:var(--font-mono);
    color:var(--text-secondary);
    font-weight:600;
    font-size:.65rem;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin:0;
    padding:0;
    min-width:0
}

.clear-all-btn {
    background:transparent;
    border:1px solid transparent;
    color:var(--text-secondary);
    font-size:.65rem;
    line-height:1.2;
    font-family:var(--font-mono);
    cursor:pointer;
    padding:5px 8px;
    margin-right:0;
    border-radius:var(--radius);
    transition:color .2s ease,background .2s ease,border-color .2s ease;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:600;
    opacity:.85
}

.clear-all-btn:hover {
    color:var(--primary-color);
    background:rgba(0,255,157,0.08);
    border:1px solid rgba(0,255,157,0.22);
    opacity:1
}

.clear-all-btn:active,
.clear-all-btn.press-feedback {
    transform:var(--ulp-press-transform)
}

.notification-footer {
    border-top:1px solid rgba(255,255,255,0.06);
    padding:0;
    display:flex;
    justify-content:stretch;
    align-items:stretch;
    min-width:0
}

.notification-view-all-link {
    font-family:var(--font-mono);
    font-size:.73rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--text-secondary);
    text-decoration:none;
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    padding:.95rem .85rem 1.05rem;
    min-height:2.85rem;
    border-radius:0;
    transition:color .2s ease,background-color .2s ease
}

.notification-view-all-link:hover,.notification-view-all-link:focus-visible {
    color:var(--primary-color);
    background:rgba(0,255,157,0.08);
    outline:0
}

.notification-list {
    max-height:none;
    overflow:visible;
    width:100%;
    min-width:0
}

.notification-list>.notification-item {
    position:relative;
    z-index:0;
    padding:calc(var(--notification-pad-y) + 1px) var(--notification-pad-x-right) calc(var(--notification-pad-y) + 1px) var(--notification-pad-x-left);
    border:0;
    border-top:1px solid rgba(255,255,255,0.045);
    display:grid;
    grid-template-columns:var(--notif-icon-col) minmax(0,1fr);
    column-gap:var(--notif-icon-gap);
    row-gap:.15rem;
    align-items:start;
    transition:border-top-color .2s ease;
    width:100%;
    min-width:0;
    box-sizing:border-box
}

.notification-list>.notification-item:first-child {
    border-top:0
}

.notification-list>.notification-item.clickable {
    cursor:pointer
}

.notification-list>.notification-item>.icon-box {
    --alert-icon-glyph:.7rem;
    position:relative;
    z-index:2;
    grid-column:1;
    grid-row:1;
    align-self:start;
    margin-top:2px;
    width:var(--notif-icon-col);
    max-width:var(--notif-icon-col);
    height:var(--notif-icon-col);
    min-width:var(--notif-icon-col);
    min-height:var(--notif-icon-col);
    box-sizing:border-box;
    margin:0;
    justify-self:start;
    background:var(--surface-soft);
    border-radius:50%;
    border:1px solid var(--surface-strong);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--text-secondary);
    transition:border-color .2s,background .2s;
    overflow:hidden;
    flex-shrink:0
}

.notification-list>.notification-item>.icon-box>i {
    display:block;
    margin:0;
    padding:0;
    line-height:1;
    font-size:var(--alert-icon-glyph);
    font-style:normal;
    transform:translateY(0.5px)
}

.notification-list>.notification-item>.notification-item-body {
    display:contents
}

.notification-list>.notification-item:not(:has(.notification-kicker))>.notification-item-body>.msg {
    display:contents
}

.notification-list>.notification-item:not(:has(.notification-kicker))>.notification-item-body>.msg .notif-msg-compact {
    display:contents
}

.notification-list>.notification-item:not(:has(.notification-kicker)) .notif-msg-compact__title {
    position:relative;
    z-index:1;
    grid-column:2;
    grid-row:1;
    align-self:start;
    min-width:0;
    font-size:.85rem;
    color:var(--text-primary);
    line-height:1.3;
    word-break:break-word;
    overflow-wrap:anywhere;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    text-align:left
}

.notification-list>.notification-item:not(:has(.notification-kicker)) .notif-msg-compact__rest {
    position:relative;
    z-index:1;
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.18rem;
    min-width:0;
    font-size:.82rem;
    color:var(--text-primary);
    line-height:1.34;
    word-break:break-word;
    overflow-wrap:anywhere;
    margin:0;
    padding:.08rem 0 0;
    text-align:left
}

.notification-list>.notification-item .notif-msg-compact__rest br {
    display:none
}

.notification-list>.notification-item:not(:has(.notification-kicker)) .notif-msg-compact__rest .notif-detail {
    display:block;
    margin:0;
    padding:0
}

.notification-list>.notification-item:not(:has(.notification-kicker)) .notif-msg-compact__rest .notif-detail:first-child {
    margin-top:0
}

.notification-list>.notification-item .notif-ach-lead {
    color:rgba(0,255,157,0.92);
    font-weight:600;
    letter-spacing:.01em
}

.notification-list>.notification-item .notif-ach-inline-label {
    color:rgba(0,255,157,0.95);
    font-weight:700;
    font-size:.88em;
    letter-spacing:.02em
}

.notification-list>.notification-item:has(.notification-kicker)>.notification-item-body>.msg {
    position:relative;
    z-index:1;
    grid-column:2;
    grid-row:2;
    min-width:0;
    font-size:.85rem;
    color:var(--text-primary);
    line-height:1.45;
    word-break:break-word;
    overflow-wrap:anywhere;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    text-align:left;
    display:block
}

.notification-list>.notification-item:has(.notification-kicker) .notif-msg-compact {
    display:flex;
    flex-direction:column;
    gap:.16rem;
    width:100%;
    min-width:0
}

.notification-list>.notification-item:has(.notification-kicker)>.notification-item-body>.notification-kicker {
    position:relative;
    z-index:1;
    grid-column:2;
    grid-row:1;
    min-width:0
}

.notification-list>.notification-item>.notification-item-body>.msg .notif-msg-primary {
    display:block;
    margin:0;
    padding:0
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title,.notification-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-compact__title {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    column-gap:.24rem;
    row-gap:.1rem;
    white-space:normal;
    overflow:visible;
    word-break:normal;
    overflow-wrap:anywhere;
    line-height:1.25
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-primary,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-primary,.notification-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-primary {
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.24rem;
    white-space:normal;
    max-width:100%;
    overflow:visible;
    line-height:1.2
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-primary .username-tag,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-primary .username-tag {
    flex:0 0 auto
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-primary .group-badge,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-primary .group-badge {
    flex:0 0 auto
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.notification-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title {
    display:inline;
    margin:0;
    padding:0;
    width:auto;
    max-width:100%;
    line-height:inherit;
    -webkit-line-clamp:unset;
    line-clamp:unset;
    -webkit-box-orient:initial;
    overflow:visible;
    vertical-align:baseline
}

.notification-list>.notification-item:not(:has(.notification-kicker)) .notif-msg-compact__title .notif-msg-primary>i {
    margin-right:.35rem;
    opacity:.92;
    vertical-align:-.06em
}

.notification-list>.notification-item .notif-msg-primary .username-tag {
    height:24px;
    min-height:0;
    line-height:24px;
    align-items:center;
    vertical-align:middle;
    overflow:visible
}

.notification-list>.notification-item .notif-msg-primary .username-tag.forum-user-tag,.alerts-history-list>.notification-item .notif-msg-primary .username-tag.forum-user-tag {
    align-self:center
}

.notification-list>.notification-item .notif-msg-primary .username-tag .group-badge-pile .group-badge i,.alerts-history-list>.notification-item .notif-msg-primary .username-tag .group-badge-pile .group-badge i {
    margin-right:0 !important
}

.notification-list>.notification-item>.notification-item-body>.msg .username-tag,.notification-list>.notification-item>.notification-item-body>.msg a {
    vertical-align:middle
}

.notification-list>.notification-item>.notification-item-body>.msg a {
    text-shadow:none !important
}

.notification-list>.notification-item>.notification-item-body>.msg a:hover {
    text-shadow:none !important
}

.notification-list>.notification-item>.notification-item-body>.msg a.notif-entity-title {
    display:block;
    margin:.32rem 0 0 0;
    padding:.15rem 0 0;
    text-align:left;
    line-height:1.35;
    box-sizing:border-box;
    color:rgba(220,228,238,0.94) !important;
    font-weight:600;
    text-decoration:none !important
}

.notification-list>.notification-item>.notification-item-body>.msg:not(:has(.notif-msg-compact__rest)) a.notif-entity-title {
    margin-left:calc(-1 * var(--notif-text-pull));
    width:calc(100% + var(--notif-text-pull));
    max-width:none
}

.notification-list>.notification-item>.notification-item-body>.msg .notif-msg-compact__rest a.notif-entity-title {
    margin-left:0;
    margin-top:.22rem;
    padding-top:0;
    width:100%;
    max-width:100%;
    color:rgba(214,222,232,0.9) !important;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-clamp:2
}

.notification-list>.notification-item>.notification-item-body>.msg a.notif-entity-title:hover {
    color:var(--primary-color) !important;
    text-decoration:none !important;
    text-shadow:var(--glow)
}

.notification-list>.notification-item:not(:has(.notification-kicker))>.notification-item-body>.notification-item-meta {
    position:relative;
    z-index:1;
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    margin:0;
    padding:0
}

.notification-list>.notification-item:not(:has(.notification-kicker)):has(.notif-msg-compact__rest)>.notification-item-body>.notification-item-meta {
    grid-row:3
}

.notification-list>.notification-item:has(.notification-kicker)>.notification-item-body>.notification-item-meta {
    grid-column:1 / -1;
    grid-row:3;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    margin:0;
    padding:0
}

.notification-list>.notification-item .notification-item-meta .notification-time-pod {
    margin:0;
    flex-shrink:0
}

.notification-list>.notification-item.system-announcement-item {
    border-left:0;
    box-shadow:inset 3px 0 0 var(--primary-color);
    background:rgba(0,255,157,0.04);
    transition:background .3s
}

.notification-list>.notification-item.system-announcement-item:hover {
    background:transparent
}

.notification-list>.notification-item.system-announcement-item:hover::after {
    background:rgba(0,255,157,0.09)
}

.notification-list>.notification-item .notification-item-body>.notification-kicker {
    font-weight:700;
    font-size:.62rem;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--primary-color);
    display:flex;
    align-items:center;
    gap:6px;
    width:100%;
    margin:0
}

.notification-list>.notification-item .notification-kicker .notification-kicker-dot {
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--primary-color);
    box-shadow:0 0 8px var(--primary-color);
    flex-shrink:0
}

.empty-notif {
    padding:1.5rem var(--notification-pad-x-right) 1.5rem var(--notification-pad-x-left);
    text-align:center;
    color:var(--text-secondary);
    display:flex;
    flex-direction:column;
    gap:.5rem;
    box-sizing:border-box
}

.empty-notif i {
    font-size:1.5rem;
    opacity:.5
}

.notification-list>.notification-item:hover {
    background:transparent;
    border-top-color:transparent;
    transform:none !important
}

.notification-list>.notification-item:hover::after {
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:-18px;
    background:rgba(0,255,157,0.07);
    z-index:0;
    pointer-events:none
}

.notification-list>.notification-item:hover+.notification-item {
    border-top-color:rgba(0,255,157,0.12)
}

.notification-list>.notification-item.is-unread {
    background:rgba(255,255,255,0.032)
}

.alerts-history-page {
    width:100%;
    max-width:none;
    margin:0
}

.alerts-history-card {
    --notif-icon-col:28px;
    --notif-icon-gap:10px;
    --notif-text-pull:calc(var(--notif-icon-col) + var(--notif-icon-gap));
    --notification-pad-x-left:12px;
    --notification-pad-x-right:14px;
    --notification-pad-y:10px;
    margin-top:.35rem;
    margin-bottom:.5rem;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    overflow:visible
}

.cyber-card.alerts-history-card::before,.cyber-card.alerts-history-card::after {
    display:none !important
}

.alerts-history-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:.65rem;
    padding:.42rem .15rem .48rem;
    border-bottom:1px solid rgba(255,255,255,0.06)
}

.alerts-history-title {
    margin:0;
    font-size:.92rem;
    letter-spacing:.02em
}

.alerts-history-title i {
    margin-right:.42rem;
    color:var(--primary-color);
    text-shadow:0 0 10px rgba(0,255,157,0.3)
}

.alerts-history-subtitle {
    margin:.06rem 0 0;
    color:rgba(198,210,226,0.74);
    font-size:.76rem
}

.alerts-mark-all-btn {
    white-space:nowrap
}

.alerts-history-head .alerts-mark-all-btn.btn-secondary {
    border-color:rgba(0,255,157,0.42);
    color:var(--primary-color)
}

.alerts-history-head .alerts-mark-all-btn.btn-secondary:hover {
    border-color:var(--primary-color);
    color:var(--primary-color);
    background-color:var(--accent-soft);
    box-shadow:0 0 12px rgba(0,255,157,0.2);
    text-shadow:0 0 5px rgba(0,255,157,0.35)
}

.alerts-history-list {
    min-height:120px;
    padding:.65rem;
    display:flex;
    flex-direction:column;
    gap:.5rem
}

.alerts-history-list>.notification-item {
    position:relative;
    border:1px solid rgba(255,255,255,0.09);
    border-radius:var(--modern-rounded-md);
    background:rgba(255,255,255,0.018);
    padding:.72rem .78rem;
    grid-template-columns:32px minmax(0,1fr);
    column-gap:.62rem;
    width:100%;
    overflow:visible;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease
}

.alerts-history-list>.notification-item:first-child {
    border-top:1px solid rgba(255,255,255,0.06)
}

.alerts-history-list>.notification-item>.icon-box {
    width:32px;
    min-width:32px;
    max-width:32px;
    height:32px;
    min-height:32px;
    margin-top:.08rem
}

.alerts-history-list>.notification-item>.notification-item-body {
    display:block;
    min-width:0
}

.alerts-history-list>.notification-item>.notification-item-body>.msg {
    display:block !important;
    min-width:0
}

.alerts-history-list>.notification-item>.notification-item-body>.msg .notif-msg-compact {
    display:block !important;
    min-width:0
}

.alerts-history-list>.notification-item>.notification-item-body>.msg .notif-msg-compact__title,.alerts-history-list>.notification-item>.notification-item-body>.msg .notif-msg-compact__rest {
    display:block !important;
    width:100%;
    min-width:0
}

.alerts-history-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title,.alerts-history-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title,.alerts-history-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-compact__title {
    display:flex !important;
    align-items:center;
    flex-wrap:wrap;
    column-gap:.24rem;
    row-gap:.1rem;
    white-space:normal;
    overflow:visible;
    word-break:normal;
    overflow-wrap:anywhere;
    line-height:1.25
}

.notification-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.notification-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.notification-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.alerts-history-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.alerts-history-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.alerts-history-list>.notification-item.notif-approval>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title {
    display:inline-flex !important;
    align-items:center;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    max-width:100% !important;
    line-height:1.2 !important;
    font-size:inherit !important;
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:initial !important;
    overflow:visible !important;
    vertical-align:middle !important
}

.alerts-history-list>.notification-item.notif-like>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title,.alerts-history-list>.notification-item.notif-comment>.notification-item-body>.msg .notif-msg-compact__title a.notif-entity-title {
    display:inline !important;
    margin:0;
    padding:0;
    width:auto;
    max-width:100%;
    line-height:inherit;
    overflow:visible;
    vertical-align:baseline
}

.alerts-history-list>.notification-item>.notification-item-body>.notification-item-meta {
    display:flex !important;
    margin-top:.36rem
}

.alerts-history-list>.notification-item>.notification-item-body>.msg a.notif-entity-title {
    width:100%;
    max-width:100%;
    margin-left:0 !important
}

.alerts-history-list>.notification-item:not(.is-unread):hover {
    border-color:rgba(0,255,157,0.28);
    background:rgba(0,255,157,0.055);
    box-shadow:0 0 0 1px var(--accent-soft),0 6px 18px rgba(0,0,0,0.28)
}

.alerts-history-list>.notification-item.is-unread:hover {
    border-color:rgba(0,255,157,0.34);
    background:rgba(0,255,157,0.09);
    box-shadow:0 0 0 1px rgba(0,255,157,0.12),0 6px 18px rgba(0,0,0,0.28)
}

.alerts-history-list>.notification-item:hover::after {
    display:none
}

.alerts-history-list>.notification-item.is-unread {
    border:1px solid rgba(255,255,255,0.11);
    background:rgba(0,255,157,0.055);
    box-shadow:inset 0 0 0 1px rgba(0,255,157,0.07)
}

@media(max-width:640px) {
    .alerts-history-head {
        flex-direction:column;
        align-items:stretch
    }

    .alerts-mark-all-btn {
        width:100%
    }

}

@keyframes fadeIn {
    from {
        opacity:0;
        transform:translateY(-5px)
    }

}

.notification-dropdown-scroll::-webkit-scrollbar {
    width:6px
}

.notification-dropdown-scroll::-webkit-scrollbar-track {
    background:var(--notif-panel-bg,#151515)
}

.notification-dropdown-scroll::-webkit-scrollbar-thumb {
    background:var(--surface-border);
    border-radius:3px
}

.notification-dropdown .cyber-card::before,.notification-dropdown .cyber-card::after {
    display:none !important
}

button.btn,a.btn {
    box-sizing:border-box;
    line-height:1.5;
    appearance:none;
    -webkit-appearance:none;
    margin:0;
    text-align:center
}

.modal-overlay {
    background:rgba(0,0,0,0.85);
    backdrop-filter:blur(5px);
    background:rgba(0,0,0,0.85);
    backdrop-filter:blur(5px);
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:2147483647 !important;
    opacity:0;
    visibility:hidden;
    transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);
    padding:0
}

.modal-overlay.active {
    display:flex;
    opacity:1;
    visibility:visible
}

.modal-container {
    background:var(--surface-color);
    border:1px solid var(--primary-color);
    padding:0;
    border-radius:0;
    width:92%;
    max-width:900px;
    min-width:300px;
    max-height:90vh;
    overflow-y:auto;
    position:relative;
    box-shadow:0 0 30px var(--accent-soft);
    margin:auto;
    display:flex;
    flex-direction:column;
    min-width:0
}

.modal-container.cyber-card {
    background-color:var(--surface-color);
    border:1px solid var(--surface-border);
    box-shadow:0 0 20px rgba(0,255,157,0.05);
    position:relative;
    overflow:hidden
}

.modal-container.auth-modal {
    max-width:380px;
    width:95%
}

@media(max-width:480px) {
    .modal-container.auth-modal .modal-header h2 {
        font-size:1.25rem !important
    }

    .modal-container.auth-modal .modal-body {
        padding:1.5rem !important
    }

    .modal-container.auth-modal .modal-body div[style*="grid-template-columns"] {
        grid-template-columns:1fr !important
    }

}

.modal-overlay:has(.upload-modal-container) {
    align-items:stretch;
    justify-content:center;
    padding:.45rem;
    overflow:hidden;
    -webkit-overflow-scrolling:touch
}

.modal-container.upload-modal-container.cyber-card {
    background:transparent;
    border:none;
    box-shadow:none;
    overflow:hidden
}

.modal-container.upload-modal-container {
    width:min(98vw,720px);
    max-width:none;
    height:calc(100dvh - .9rem);
    max-height:none;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    align-self:center
}

.modal-container.upload-modal-container>#modal-content-area {
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    padding:0;
    background:transparent;
    display:flex;
    flex-direction:column;
    height:100%
}

.upload-modal-form {
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    height:100%;
    max-height:100%;
    overflow:hidden;
    position:relative
}

.upload-modal-form-scroll {
    flex:1 1 auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain
}

.upload-modal-form .upload-modal-form-header,
.upload-modal-form .upload-modal-staff-section,
.upload-modal-form .upload-modal-form-actions {
    flex-shrink:0
}

.upload-modal-staff-section {
    flex-shrink:0;
    border-top:1px solid var(--surface-border);
    padding-top:.65rem;
    margin-top:0;
    min-height:0
}

.upload-modal-staff-section:has(.form-advanced-panel.is-open) {
    max-height:min(42dvh,340px);
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain
}

.upload-modal-form.edit-content-form.cyber-card.detail-main-card {
    margin:0;
    width:100%;
    box-sizing:border-box;
    border-radius:var(--modern-rounded-lg) !important
}

.modal-container.upload-modal-container.cyber-card>#modal-content-area>.upload-modal-form {
    border-radius:var(--modern-rounded-lg) !important
}

.upload-modal-form .edit-content-form-header {
    margin-bottom:.75rem;
    padding-bottom:.55rem
}

.upload-modal-form .forum-new-topic-field {
    margin-bottom:.75rem
}

.upload-modal-form .upload-files-pair .upload-grid-cell>.file-upload-preview-zone {
    min-height:4.35rem;
    padding:.55rem .75rem
}

.upload-modal-form .upload-page-grid {
    gap:.65rem
}

.upload-modal-desc-editor-wrap.rich-editor-wrap .ql-container.ql-snow {
    min-height:96px
}

.upload-modal-form .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image {
    min-height:3.5rem !important
}

.upload-modal-form .file-upload-preview-zone.upload-image-preview-zone .file-upload-preview-thumb-slot.has-image img {
    max-height:6.5rem
}

.upload-modal-form .file-upload-txt-zone .file-upload-preview-thumb-slot.has-file {
    min-height:3.75rem
}

.upload-modal-form .file-upload-txt-zone .file-upload-doc-preview {
    min-height:3.25rem;
    padding:.45rem .75rem
}

.upload-modal-form .file-upload-txt-zone .file-upload-doc-preview i {
    font-size:1.65rem
}

.upload-modal-form-header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.75rem
}

.upload-modal-form-header .edit-content-form-title {
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:.45rem
}

.upload-modal-form-header .edit-content-form-title .icon {
    color:var(--primary-color);
    flex-shrink:0
}

.upload-modal-close-btn {
    flex:0 0 auto;
    margin-top:.05rem;
    padding:.25rem .4rem;
    font-size:.95rem;
    line-height:1
}

.modal-overlay:has(.upload-modal-container--bulk) {
    padding:.45rem
}

.modal-container.upload-modal-container--bulk {
    width:min(98vw,820px)
}

.modal-container.upload-modal-container--bulk>#modal-content-area {
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden
}

.modal-container.upload-modal-container--bulk .upload-modal-form--bulk {
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    max-height:100%
}

.modal-container.upload-modal-container--bulk .upload-modal-form--bulk>.upload-modal-form-header,
.modal-container.upload-modal-container--bulk .upload-modal-form--bulk>.upload-modal-staff-section,
.modal-container.upload-modal-container--bulk .upload-modal-form--bulk>.upload-modal-form-actions {
    flex-shrink:0
}

.modal-container.upload-modal-container--bulk .upload-modal-form--bulk>.upload-modal-form-scroll {
    flex:1 1 auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain
}

.modal-container.upload-modal-container--bulk .upload-modal-files-scroll {
    overflow:visible;
    margin-bottom:0;
    padding-right:0
}

.upload-modal-files-scroll {
    max-height:none;
    overflow:visible;
    margin-bottom:0;
    padding-right:0
}

.upload-modal-file-block {
    margin-bottom:1rem;
    padding-bottom:1rem;
    border-bottom:1px solid var(--surface-border)
}

.upload-modal-file-block:last-child {
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none
}

.upload-modal-file-block-label {
    display:flex;
    align-items:center;
    gap:.45rem;
    margin-bottom:.65rem;
    font-family:var(--font-mono);
    font-size:.82rem;
    color:var(--primary-color);
    word-break:break-all;
    line-height:1.35
}

.upload-modal-txt-readonly {
    pointer-events:none;
    cursor:default
}

.upload-modal-txt-readonly .file-custom-btn {
    opacity:.88
}

.upload-modal-desc-editor-wrap.rich-editor-wrap {
    min-width:0
}

.upload-modal-form-actions {
    margin-top:.85rem;
    padding-top:.65rem
}

@media(max-width:640px) {
    .modal-overlay:has(.upload-modal-container) {
        padding:.35rem
    }

    .modal-container.upload-modal-container {
        width:100%;
        height:calc(100dvh - .7rem)
    }
}

.modal-container.cyber-card>#modal-content-area {
    overflow-x:hidden;
    overflow-y:auto;
    min-height:0;
    -webkit-overflow-scrolling:touch
}

.modal-container.cyber-card>#modal-content-area>.modal-header:first-child {
    border-radius:var(--modern-rounded-lg) var(--modern-rounded-lg) 0 0 !important
}

.modal-container.cyber-card>#modal-content-area>:last-child:not(.upload-modal-form) {
    border-radius:0 0 var(--modern-rounded-lg) var(--modern-rounded-lg) !important
}

.modal-container.cyber-card::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:10px;
    border-top:1px solid var(--corner-line-color);
    border-left:1px solid var(--corner-line-color);
    z-index:10
}

.modal-container.cyber-card::after {
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    width:10px;
    height:10px;
    border-bottom:1px solid var(--corner-line-color);
    border-right:1px solid var(--corner-line-color);
    z-index:10
}

.modal-container.cyber-card .modal-body,.modal-container.cyber-card .modal-header {
    background-color:var(--surface-color);
    position:relative;
    z-index:5
}

.modal-container .modal-header,.modal-container .modal-body {
    border-radius:0 !important
}

.auth-modal .modal-header {
    padding:.8rem 1.2rem
}

.auth-modal .modal-body {
    padding:1rem 1.2rem
}

.auth-modal .mb-4 {
    margin-bottom:1rem
}

.auth-modal h2 {
    font-size:1.2rem
}

.auth-modal .modal-close-btn {
    font-size:1rem
}

.auth-modal .btn {
    padding:.5rem 1rem
}

.auth-page-header {
    justify-content:center;
    margin-bottom:1rem
}

.auth-page-title {
    margin:0;
    font-size:1.5rem
}

.auth-remember-row {
    display:flex;
    align-items:center;
    gap:0.5rem
}

.auth-remember-label {
    margin:0;
    cursor:pointer;
    color:var(--text-primary)
}

.auth-submit--elevated {
    position:relative;
    z-index:10
}

.auth-page-footer {
    text-align:center;
    margin-top:1.5rem;
    padding-top:1.5rem;
    border-top:1px solid var(--surface-border)
}

.auth-page-footer-text {
    color:var(--text-secondary);
    font-size:0.9rem
}

.auth-honeypot {
    display:none !important
}

.turnstile-wrapper--hidden {
    display:none !important
}

.modal-header {
    padding:1rem 1.5rem;
    border-bottom:1px solid var(--surface-border);
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:rgba(20,20,20,0.95)
}

.modal-close-btn {
    background:0;
    border:0;
    color:var(--text-secondary);
    font-size:1.2rem;
    cursor:pointer;
    transition:color .2s;
    padding:0
}

.modal-close-btn:hover {
    color:var(--error-color)
}

.modal-body {
    padding:1.5rem;
    overflow-y:auto;
    overflow-x:hidden;
    flex:1
}

@media(max-width:480px) {
    .modal-body {
        padding:1rem
    }

}

.selectable-row:has(.cyber-checkbox:checked) {
    background:rgba(0,255,157,0.05) !important
}

.modal-body .cyber-input {
    background-color:rgba(0,0,0,0.3) !important
}

/* Chat UI → static/css/chat.css */


.comment-actions {
    float:right;
    display:flex;
    align-items:center;
    gap:.5rem;
    margin-left:.8rem;
    margin-bottom:.2rem;
    z-index:10
}

.action-btn {
    padding:0;
    width:20px;
    height:20px;
    min-width:0;
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    opacity:0;
    transition:all .2s;
    cursor:pointer
}

.delete-btn {
    color:var(--text-secondary)
}

.delete-btn:hover {
    color:var(--error-color) !important;
    text-shadow:0 0 8px rgba(255,51,102,0.4);
    transform:scale(1.1)
}

.reply-btn {
    color:var(--text-secondary)
}

.edit-btn {
    color:var(--text-secondary)
}

.edit-btn:hover {
    color:var(--primary-color) !important;
    text-shadow:0 0 8px rgba(0,255,157,0.35);
    transform:scale(1.08)
}

.reply-btn:hover {
    color:var(--accent-color) !important;
    text-shadow:0 0 8px rgba(0,255,157,0.4);
    transform:scale(1.1)
}

.forum-post-like-toggle.is-liked {
    color:var(--error-color)
}

.forum-post-like-toggle.is-liked:hover {
    color:var(--error-color) !important;
    text-shadow:0 0 8px rgba(255,71,87,0.35)
}

.forum-post-like-count {
    font-size:.7rem;
    font-family:var(--font-mono);
    opacity:.9
}

.forum-post-like-toggle.has-likes:not(.is-liked) i.fa-heart {
    color:var(--error-color) !important
}

/* Facepile row (forum): keep fixed orb — do NOT use width/height:auto (shrinks the glyph vs avatars). */
.forum-post-like-likers-row button.ulp-like-likers__heart-hit.forum-post-like-toggle {
    min-width:0 !important;
    width:var(--ulp-facepile-orb, 22px) !important;
    height:var(--ulp-facepile-orb, 22px) !important;
    padding:0 !important;
    gap:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important
}

.file-view-header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding-bottom:.7rem;
    margin-bottom:.8rem;
    border-bottom:0;
    flex-wrap:wrap;
    gap:.7rem;
    overflow:visible;
    position:relative;
    z-index:2
}

@media(max-width:768px) {
    .file-view-header {
        flex-direction:column;
        gap:.8rem
    }

    .file-view-header h1 {
        font-size:1.2rem;
        word-break:break-word;
        line-height:1.3
    }

    .header-actions {
        width:100%;
        display:flex;
        gap:.5rem
    }

    .header-actions .btn {
        flex:1;
        padding:.5rem;
        font-size:.8rem
    }

}

.header-main-info {
    flex:1 1 100%;
    min-width:0;
    max-width:100%
}

.file-view-header h1 {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.4rem;
    overflow-wrap:anywhere;
    word-break:break-word;
    margin-bottom:.35rem;
    width:100%;
    font-size:clamp(1.08rem,1.25vw,1.55rem);
    line-height:1.12;
    letter-spacing:.02em;
    text-transform:none
}

.header-actions {
    display:flex;
    gap:.4rem;
    align-items:stretch;
    flex-shrink:0;
    flex-wrap:wrap
}

.header-actions .btn {
    min-height:2.15rem;
    padding:.4rem .72rem;
    font-size:.85rem;
    letter-spacing:.06em
}

.header-actions .btn i {
    font-size:.82rem
}

.comment-item {
    display:flow-root;
    position:relative;
    padding:6px 8px;
    border-bottom:1px solid rgba(255,255,255,0.03);
    overflow:visible !important
}

.comment-item:hover .action-btn,.comment-item:hover .reply-btn {
    opacity:1 !important
}

.mobile-toggle,.mobile-menu-overlay {
    display:none
}

.mobile-toggle {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:36px;
    height:36px;
    background:rgba(0,255,157,0.05);
    border:1px solid var(--primary-color);
    border-radius:4px;
    cursor:pointer;
    padding:0
}

.hamburger {
    width:18px;
    height:12px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}

.hamburger span {
    width:100%;
    height:2px;
    background:var(--primary-color);
    border-radius:1px;
    transition:all .3s
}

.mobile-menu-overlay {
    position:fixed;
    top:0;
    right:-100%;
    width:100%;
    height:100%;
    background:rgba(5,5,5,0.98);
    z-index:10001;
    transition:right .4s cubic-bezier(0.4,0,0.2,1);
    backdrop-filter:blur(20px);
    display:flex;
    justify-content:flex-end
}

.mobile-menu-overlay.active {
    right:0
}

.mobile-menu-inner {
    width:85%;
    max-width:320px;
    height:100%;
    background:var(--bg-color);
    border-left:1px solid var(--primary-color);
    display:flex;
    flex-direction:column;
    box-shadow:-10px 0 30px rgba(0,0,0,0.5)
}

.mobile-menu-header {
    padding:1.5rem;
    border-bottom:1px solid var(--surface-border);
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-family:var(--font-mono);
    color:var(--primary-color);
    font-weight:bold
}

.close-mobile-menu {
    background:transparent;
    border:0;
    color:var(--text-secondary);
    font-size:2rem;
    cursor:pointer;
    line-height:1
}

.mobile-nav {
    flex:1;
    padding:1.5rem;
    display:flex;
    flex-direction:column;
    gap:.8rem
}

.mobile-nav-item,button.mobile-nav-item {
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem;
    color:var(--text-primary);
    text-decoration:none;
    font-family:var(--font-mono);
    font-size:inherit;
    border:1px solid var(--surface-border);
    border-radius:var(--radius);
    background:rgba(255,255,255,0.02);
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
    cursor:pointer;
    width:100%;
    box-sizing:border-box
}

.mobile-nav-item i {
    width:20px;
    text-align:center;
    color:var(--primary-color)
}

.mobile-nav-item:hover,.mobile-nav-item.active {
    background:rgba(0,255,157,0.05);
    border-color:var(--primary-color);
    color:var(--primary-color);
    box-shadow:0 0 10px var(--accent-soft)
}

.mobile-nav-item:active,.mobile-nav-item.press-feedback {
    transform:var(--ulp-press-transform);
    background:rgba(0,255,157,0.1);
    border-color:rgba(0,255,157,0.42);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),inset 0 0 0 1px rgba(0,255,157,0.18),0 2px 8px rgba(0,0,0,0.22)
}

.mobile-nav-item:active i,.mobile-nav-item.press-feedback i {
    color:var(--primary-color);
    filter:drop-shadow(0 0 5px rgba(0,255,157,0.55))
}

.mobile-nav-item.mobile-nav-item-vip {
    color:var(--vip-caption-color);
    border-color:rgba(245,197,66,0.32);
    text-shadow:0 0 12px var(--vip-caption-glow)
}

.mobile-nav-item.mobile-nav-item-vip:hover,
.mobile-nav-item.mobile-nav-item-vip.active {
    color:var(--vip-caption-color-strong);
    border-color:var(--vip-caption-border);
    background:rgba(245,197,66,0.1);
    box-shadow:0 0 14px var(--vip-caption-glow)
}

.admin-link {
    border-color:rgba(255,71,87,0.3)
}

.admin-link i {
    color:var(--error-color)
}

.logout-link {
    margin-top:auto;
    border-color:rgba(255,255,255,0.1)
}

.mobile-menu-footer {
    padding:1.5rem;
    border-top:1px solid var(--surface-border)
}

.system-status {
    font-family:var(--font-mono);
    font-size:.75rem;
    color:var(--text-secondary);
    display:flex;
    align-items:center;
    gap:.5rem
}

.status-dot {
    width:6px;
    height:6px;
    background:var(--primary-color);
    border-radius:50%;
    box-shadow:0 0 5px var(--primary-color);
    animation:pulse 2s infinite
}

@keyframes pulse {
    0% {
        opacity:.5
    }

    50% {
        opacity:1
    }

    100% {
        opacity:.5
    }

}

.chat-toggle-btn {
    width:60px;
    height:60px;
    bottom:20px;
    right:20px
}

.search-expandable {
    position:relative;
    display:flex;
    align-items:center
}

.site-header .header-right #header-search-form:focus-within,.site-header .header-right #header-search-form.active {
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important
}

.site-header .header-right:has(#header-search-form.active)>.search-expandable,.site-header .header-right:has(#header-search-form:focus-within)>.search-expandable {
    background:rgba(255,255,255,0.05) !important;
    border-top-left-radius:var(--modern-rounded-md) !important;
    border-bottom-left-radius:var(--modern-rounded-md) !important;
    overflow:hidden !important
}

#header-search-form {
    display:flex;
    align-items:center;
    gap:.2rem;
    background:transparent;
    border:1px solid transparent;
    border-radius:4px;
    padding:0;
    transition:all .3s cubic-bezier(0.4,0,0.2,1)
}

#header-search-form:focus-within,#header-search-form.active {
    background:rgba(255,255,255,0.05);
    border-color:var(--surface-border);
    box-shadow:var(--glow)
}

.header-search-field-wrap {
    display:flex;
    align-items:center;
    min-width:0;
    width:0;
    overflow:hidden;
    transition:width .3s cubic-bezier(0.4,0,0.2,1)
}

#header-search-form:focus-within .header-search-field-wrap,#header-search-form.active .header-search-field-wrap {
    width:min(220px,42vw)
}

#header-search-input {
    flex:1;
    min-width:0;
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    color:white;
    font-family:var(--font-main);
    font-size:.9rem;
    outline:0;
    transition:padding .3s;
    overflow:hidden
}

#header-search-form.active #header-search-input,#header-search-input:focus {
    padding:0 .15rem 0 .65rem
}

.header-search-clear {
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin:0 2px 0 0;
    padding:0;
    border:0;
    border-radius:4px;
    background:transparent;
    color:var(--text-secondary);
    cursor:pointer;
    font-size:.75rem;
    transition:color .15s ease,background .15s ease
}

.header-search-clear:hover {
    color:var(--accent-color);
    background:rgba(0,255,157,0.08)
}

.header-search-clear:focus-visible {
    outline:1px solid var(--accent-color);
    outline-offset:1px
}

.header-search-clear[hidden] {
    display:none !important
}

#search-toggle-btn {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box
}

@media(max-width:768px) {
    #header-search-form:focus-within .header-search-field-wrap,#header-search-form.active .header-search-field-wrap {
        width:min(168px,52vw)
    }

}

.bulk-bar-floating {
    position:fixed;
    bottom:2rem;
    left:50%;
    transform:translateX(-50%) translateY(100px);
    background:rgba(18,18,20,0.85);
    backdrop-filter:blur(12px);
    border:1px solid var(--surface-border);
    padding:.75rem 1.5rem;
    border-radius:var(--modern-rounded-sm);
    z-index:1000;
    transition:transform .4s cubic-bezier(0.175,0.885,0.32,1.275),opacity .3s ease;
    opacity:0;
    pointer-events:none;
    display:flex;
    align-items:center;
    gap:1rem;
    box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 15px var(--accent-soft)
}

.bulk-bar-floating.active {
    transform:translateX(-50%) translateY(0);
    opacity:1;
    pointer-events:auto
}

.bulk-bar-floating::before,.bulk-bar-floating::after {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    border:1.5px solid var(--accent-color)
}

.bulk-bar-floating::before {
    top:-2px;
    left:-2px;
    border-right:0;
    border-bottom:0
}

.bulk-bar-floating::after {
    bottom:-2px;
    right:-2px;
    border-left:0;
    border-top:0
}

@media(max-width:600px) {
    .bulk-bar-floating {
        width:90%;
        bottom:1rem;
        flex-direction:column;
        gap:.75rem;
        padding:1rem
    }

}

@keyframes slideDown {
    from {
        opacity:0;
        transform:translateY(-10px)
    }

}

.user-avatar-circle {
    border-radius:50% !important;
    object-fit:cover;
    border:1px solid #222;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    background-color:#1a1a1a;
    box-sizing:border-box;
    width:24px !important;
    height:24px !important;
    margin-left:-10px !important;
    margin-right:4px;
    transition:box-shadow .18s ease,border-color .18s ease;
    z-index:5;
    backface-visibility:hidden
}

/* Zoom only paints outside the slot; absolute img keeps flex row width stable (tables / admin orders) */
.username-tag:hover .user-avatar-slot .user-avatar-circle,
.username-tag .user-avatar-slot:hover .user-avatar-circle {
    transform:scale(1.5)
}

.profile-identity-header {
    text-align:center;
    padding:1.5rem;
    background:linear-gradient(180deg,rgba(255,255,255,0.03) 0,transparent 100%);
    border-bottom:1px solid var(--surface-border)
}

.profile-avatar-container {
    position:relative;
    width:80px;
    height:80px;
    margin:0 auto 1rem
}

.profile-avatar-hexagon {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--surface-color);
    border:2px solid var(--primary-color);
    border-radius:50%;
    font-size:2rem;
    color:var(--primary-color);
    box-shadow:0 0 15px rgba(0,255,157,0.2);
    overflow:hidden
}

.profile-avatar-container.admin .profile-avatar-hexagon {
    border-color:var(--error-color);
    color:var(--error-color);
    box-shadow:0 0 15px rgba(255,77,77,0.2)
}

.profile-avatar-container.moderator .profile-avatar-hexagon {
    border-color:var(--warning-color);
    color:var(--warning-color);
    box-shadow:0 0 15px rgba(255,184,108,0.2)
}

/* Regular role: match username-chip user avatar (slate), not site primary mint */
.profile-avatar-container.user .profile-avatar-hexagon {
    border-color:rgba(148,163,184,0.62);
    color:rgba(203,213,225,0.95);
    box-shadow:0 0 14px rgba(148,163,184,0.2),0 2px 10px rgba(0,0,0,0.25)
}

.profile-avatar-container.user .profile-custom-avatar {
    border:2px solid rgba(30,41,59,0.88);
    box-shadow:0 0 0 1px rgba(148,163,184,0.28),0 2px 10px rgba(0,0,0,0.32)
}

.profile-avatar-container.user .profile-avatar-overlay i {
    color:rgba(186,198,212,0.98);
    filter:drop-shadow(0 0 8px rgba(148,163,184,0.42))
}

.profile-avatar-container.vip .profile-avatar-hexagon {
    border-color:rgba(251,191,36,0.88);
    color:rgba(252,211,77,0.95);
    box-shadow:0 0 18px rgba(245,197,66,0.28)
}

.profile-custom-avatar {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    border:2px solid #1a1a1a;
    box-shadow:0 0 0 1px rgba(255,255,255,0.15)
}

.profile-avatar-container.vip .profile-custom-avatar {
    border:2px solid rgba(251,191,36,0.55);
    box-shadow:0 2px 10px rgba(0,0,0,0.35)
}

.profile-identity-header-wrapper {
    position:relative;
    background-repeat:no-repeat;
    width:100%
}

.profile-hidden-upload-form {
    display:none !important
}

.profile-bg-controls {
    position:absolute;
    top:10px;
    right:10px;
    z-index:6;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
    max-width:calc(100% - 20px)
}

.profile-bg-action-btn {
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.28);
    background:rgba(0,0,0,0.55);
    color:var(--primary-color);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:.82rem;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),border-color .15s ease,background .15s ease;
    padding:0;
    line-height:1
}

.profile-bg-action-btn:hover {
    border-color:var(--primary-color);
    background:rgba(0,0,0,0.68)
}

.profile-bg-action-btn:active,
.profile-bg-action-btn.press-feedback {
    transform:var(--ulp-press-transform) !important;
    background:rgba(0,0,0,0.78)
}

.profile-bg-action-btn-danger {
    color:var(--error-color);
    border-color:rgba(255,77,77,0.45)
}

.profile-bg-action-btn-danger:hover {
    border-color:var(--error-color)
}

.profile-avatar-delete-btn {
    position:absolute;
    bottom:0;
    right:0;
    width:26px;
    height:26px;
    border-radius:50%;
    border:2px solid var(--surface-color,#111);
    background:rgba(0,0,0,0.78);
    color:var(--error-color);
    z-index:12;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    font-size:.68rem;
    line-height:1;
    box-shadow:0 2px 8px rgba(0,0,0,0.45);
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),background .15s ease
}

.profile-avatar-delete-btn:hover {
    background:rgba(40,0,0,0.9)
}

.profile-avatar-delete-btn:active,
.profile-avatar-delete-btn.press-feedback {
    transform:var(--ulp-press-transform) !important;
    background:rgba(55,0,0,0.95)
}

.profile-avatar-container.admin .profile-avatar-delete-btn,.profile-avatar-container.moderator .profile-avatar-delete-btn,.profile-avatar-container.vip .profile-avatar-delete-btn {
    border-color:var(--surface-color,#111)
}

.profile-identity-name-row {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.75rem;
    margin-bottom:.5rem
}

.profile-identity-name-row .username-tag.profile-identity-user-tag {
    margin-right:0;
    cursor:default;
    pointer-events:auto
}

.profile-identity-name-row .username-tag.profile-identity-user-tag .group-badge-pile,
.profile-identity-name-row .username-tag.profile-identity-user-tag .group-badge-pile .group-badge {
    pointer-events:auto;
    cursor:pointer
}

.profile-identity-name-row .username-tag.profile-identity-user-tag.username-tag-lg:not(:has(.user-avatar-slot)) {
    height:auto;
    min-height:24px;
    padding:0 4px;
    font-size:1.25rem
}

.profile-role-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.28rem;
    box-sizing:border-box;
    font-family:var(--font-mono);
    font-weight:700;
    font-size:.65rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    height:24px;
    padding:0 6px;
    line-height:1;
    border-radius:var(--radius);
    border:1px solid var(--surface-strong);
    background:rgba(255,255,255,0.05);
    color:var(--text-primary)
}

.profile-role-badge-icon {
    font-size:.62rem;
    line-height:1;
    flex-shrink:0;
    opacity:.95
}

.profile-role-badge-label {
    line-height:1
}

.profile-role-badge.admin {
    background:rgba(255,51,102,0.08);
    border-color:rgba(255,51,102,0.15);
    color:var(--error-color) !important
}

.profile-role-badge.moderator {
    background:rgba(0,255,157,0.08);
    border-color:rgba(0,255,157,0.15);
    color:var(--primary-color) !important
}

.profile-role-badge.user {
    color:var(--text-primary)
}

.profile-role-badge.vip {
    background:var(--vip-caption-surface);
    border-color:var(--vip-caption-border);
    color:var(--vip-caption-color) !important;
    text-shadow:0 0 10px var(--vip-caption-glow),0 0 18px var(--vip-caption-glow-aqua)
}

.profile-role-badge.vip .profile-role-badge-icon.icon-gem-gradient {
    filter:drop-shadow(0 0 1px rgba(0,0,0,0.28))
}

.profile-hero-meta {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.55rem;
    width:100%;
    max-width:100%;
    margin-top:.75rem
}

.profile-stats-row {
    display:flex;
    justify-content:center;
    flex-wrap:nowrap;
    gap:0;
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none
}

.profile-stats-row::-webkit-scrollbar {
    display:none
}

.profile-hero-card:not(:has(.profile-identity-header-wrapper--bg)).cyber-card.detail-main-card {
    background:transparent !important;
    background-color:transparent !important
}

.profile-hero-card:not(:has(.profile-identity-header-wrapper--bg)) .profile-identity-header {
    background:transparent !important
}

.profile-hero-card:not(:has(.profile-identity-header-wrapper--bg)) .profile-hero-meta :is(.profile-stats-telemetry,.profile-admin-status-row) {
    background:var(--surface-soft) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:1px solid var(--detail-meta-rail-border) !important;
    box-shadow:none !important
}

.profile-hero-card:not(:has(.profile-identity-header-wrapper--bg)) .profile-hero-meta .profile-stats-telemetry.telemetry-group {
    background:var(--surface-soft) !important;
    border:1px solid var(--detail-meta-rail-border) !important
}

.profile-hero-card:has(.profile-identity-header-wrapper--bg) .profile-hero-meta :is(.profile-stats-telemetry,.profile-admin-status-row) {
    background:rgba(10,11,14,0.22);
    backdrop-filter:var(--header-glass-blur);
    -webkit-backdrop-filter:var(--header-glass-blur);
    border:0 !important;
    box-shadow:var(--header-glass-edge),0 4px 18px rgba(0,0,0,0.14)
}

.profile-hero-card:not(:has(.profile-identity-header-wrapper--bg)) .profile-hero-meta .profile-quick-actions {
    background:var(--surface-soft) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:0 !important;
    box-shadow:inset 0 0 0 1px var(--detail-meta-rail-border) !important
}

.profile-hero-card:has(.profile-identity-header-wrapper--bg) .profile-hero-meta .profile-quick-actions {
    background:rgba(10,11,14,0.22) !important;
    backdrop-filter:var(--header-glass-blur) !important;
    -webkit-backdrop-filter:var(--header-glass-blur) !important;
    border:0 !important;
    box-shadow:var(--header-glass-edge),0 4px 18px rgba(0,0,0,0.14) !important
}

.profile-hero-card:has(.profile-identity-header-wrapper--bg) .profile-hero-meta .profile-stats-telemetry.telemetry-group {
    background:transparent !important;
    border:none !important
}

.profile-stats-telemetry {
    display:inline-flex;
    align-items:stretch;
    flex-shrink:0;
    height:calc(var(--filter-chip-height, 36px) + 4px);
    min-height:calc(var(--filter-chip-height, 36px) + 4px);
    padding:2px;
    gap:2px;
    overflow:hidden;
    border-radius:var(--modern-rounded-md);
    border:0 !important;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}

.profile-stats-telemetry .telemetry-pod {
    cursor:default;
    background:transparent !important;
    border:none !important;
    border-radius:var(--modern-rounded-sm) !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 .62rem;
    font-size:.78rem;
    font-weight:500;
    letter-spacing:0;
    color:rgba(245,250,255,0.88)
}

.profile-stats-telemetry>.telemetry-pod+.telemetry-pod {
    border-left:none !important;
    box-shadow:none !important
}

.profile-stats-telemetry .telemetry-pod i {
    opacity:.92;
    color:rgba(245,250,255,0.78)
}

.profile-stats-telemetry .telemetry-pod.has-likes i.fa-heart {
    color:var(--error-color);
    opacity:1
}

.profile-admin-status-row {
    display:flex;
    flex-wrap:nowrap;
    gap:2px;
    justify-content:center;
    align-items:stretch;
    margin:0;
    padding:2px;
    height:calc(var(--filter-chip-height, 36px) + 4px);
    min-height:calc(var(--filter-chip-height, 36px) + 4px);
    overflow:hidden;
    border-radius:var(--modern-rounded-md);
    max-width:100%;
    width:max-content
}

.profile-trust-chip {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%;
    padding:0 .85rem;
    font-family:var(--font-mono);
    font-size:.75rem;
    font-weight:500;
    letter-spacing:0;
    text-transform:none;
    border-radius:var(--modern-rounded-sm);
    border:0 !important;
    background:transparent;
    color:rgba(245,250,255,0.78);
    pointer-events:none;
    line-height:1;
    white-space:nowrap;
    box-shadow:none !important
}

.profile-trust-chip+.profile-trust-chip {
    box-shadow:none !important
}

.profile-trust-chip--muted {
    color:rgba(245,250,255,0.62)
}

.profile-trust-chip--verified {
    color:var(--primary-color);
    background:transparent
}

.profile-trust-chip--trusted {
    color:var(--primary-color);
    background:transparent
}

.profile-trust-chip--pending {
    color:var(--warning-color)
}

.profile-tabs.directory-tabs {
    margin:0;
    padding:.65rem var(--detail-card-pad-x,1rem)
}

.profile-body-card .profile-tabs .directory-tabs-scroll {
    display:flex;
    align-items:stretch;
    width:100%;
    max-width:100%;
    flex-wrap:nowrap;
    gap:0;
    padding:2px;
    box-sizing:border-box;
    min-height:calc(var(--filter-chip-height, 40px) + 4px);
    height:calc(var(--filter-chip-height, 40px) + 4px);
    overflow:hidden;
    border-radius:var(--modern-rounded-md);
    background:var(--header-glass-bg);
    backdrop-filter:var(--header-glass-blur);
    -webkit-backdrop-filter:var(--header-glass-blur);
    border:0;
    box-shadow:var(--header-glass-edge),var(--header-glass-drop)
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn {
    flex:1 1 0;
    min-width:0;
    width:auto;
    max-width:none;
    margin:0;
    justify-content:center;
    align-self:stretch;
    height:100%;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    text-transform:none;
    font-size:.8rem;
    letter-spacing:normal;
    font-weight:inherit;
    font-family:var(--font-mono);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border:0 !important;
    border-radius:var(--modern-rounded-sm) !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(245,250,255,0.88) !important;
    transition:background var(--header-hover-ms) ease,color var(--header-hover-ms) ease
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn:first-child {
    border-top-left-radius:var(--modern-rounded-sm) !important;
    border-bottom-left-radius:var(--modern-rounded-sm) !important
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn:last-child {
    border-top-right-radius:var(--modern-rounded-sm) !important;
    border-bottom-right-radius:var(--modern-rounded-sm) !important
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn:hover:not(:active):not(.press-feedback) {
    background:var(--header-hover-fill) !important;
    color:var(--header-hover-text) !important;
    transform:none !important
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn.active,
.profile-body-card .profile-tabs .filter-chip.profile-tab-btn.active:hover:not(:active):not(.press-feedback) {
    background:rgba(255,255,255,0.09) !important;
    color:var(--header-hover-text) !important;
    transform:none !important
}

.profile-body-card .profile-tabs .filter-chip.profile-tab-btn.active i {
    color:var(--primary-color) !important
}

.profile-page-container .data-item:hover:not(:active):not(.press-feedback) {
    transform:none
}

.profile-page-container :is(.profile-tabs .filter-chip.profile-tab-btn,.profile-quick-btn,.site-page-btn,.btn):active,
.profile-page-container :is(.profile-tabs .filter-chip.profile-tab-btn,.profile-quick-btn,.site-page-btn,.btn).press-feedback {
    transform:var(--ulp-press-transform) !important
}

.profile-page-container .profile-showcase-tile:active,
.profile-page-container .profile-showcase-tile.press-feedback {
    transform:var(--ulp-press-transform) !important
}

.profile-quick-actions-row {
    display:flex;
    justify-content:center;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none
}

.profile-quick-actions-row::-webkit-scrollbar {
    display:none
}

.profile-quick-actions-row:not(:has(.profile-quick-btn, .profile-quick-action-form)),
.profile-quick-actions:not(:has(.profile-quick-btn, .profile-quick-action-form)) {
    display:none !important
}

.profile-quick-actions {
    margin:0;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:0;
    padding:2px;
    box-sizing:border-box;
    min-height:calc(var(--filter-chip-height, 40px) + 4px);
    height:calc(var(--filter-chip-height, 40px) + 4px);
    overflow:hidden;
    border-radius:var(--modern-rounded-md);
    max-width:100%;
    width:max-content;
    flex-shrink:0
}

.profile-quick-actions.profile-quick-actions-modal {
    margin-top:1rem;
    margin-bottom:0
}

.profile-page-container .profile-quick-actions .profile-quick-action-form {
    display:contents;
    margin:0;
    padding:0;
    border:0;
    background:transparent
}

/* Icon chips — fixed square like header-right / directory-tabs-scroll segments */
.profile-page-container .profile-quick-actions > .profile-quick-btn,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 var(--filter-chip-height, 40px) !important;
    width:var(--filter-chip-height, 40px) !important;
    min-width:var(--filter-chip-height, 40px) !important;
    max-width:var(--filter-chip-height, 40px) !important;
    height:var(--filter-chip-height, 40px) !important;
    min-height:var(--filter-chip-height, 40px) !important;
    max-height:var(--filter-chip-height, 40px) !important;
    align-self:center !important;
    margin:0;
    padding:0 !important;
    appearance:none;
    -webkit-appearance:none;
    overflow:visible;
    cursor:pointer;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:var(--modern-rounded-sm) !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(245,250,255,0.88) !important;
    text-decoration:none;
    text-shadow:none !important;
    transform:none !important;
    filter:none !important;
    line-height:1;
    font-family:var(--font-mono);
    transition:background var(--header-hover-ms) ease,color var(--header-hover-ms) ease
}

.profile-page-container .profile-quick-actions > .profile-quick-btn i,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn i {
    margin:0 !important;
    font-size:.82rem;
    line-height:1;
    color:inherit;
    filter:none !important;
    text-shadow:none !important;
    pointer-events:none
}

.profile-page-container .profile-quick-actions > .profile-quick-btn:hover,
.profile-page-container .profile-quick-actions > .profile-quick-btn:focus-visible,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:hover,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:focus-visible {
    background:var(--header-hover-fill) !important;
    color:var(--header-hover-text) !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    text-shadow:none !important
}

.profile-page-container .profile-quick-actions > .profile-quick-btn:hover i,
.profile-page-container .profile-quick-actions > .profile-quick-btn:focus-visible i,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:hover i,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:focus-visible i {
    color:inherit;
    filter:none !important;
    text-shadow:none !important
}

.profile-page-container .profile-quick-actions > .profile-quick-btn:active,
.profile-page-container .profile-quick-actions > .profile-quick-btn.press-feedback,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:active,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn.press-feedback {
    transform:var(--ulp-press-transform) !important;
    background:rgba(0,255,157,0.13) !important;
    border:0 !important;
    color:var(--header-hover-text) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 0 0 1px rgba(0,255,157,0.24),0 2px 9px rgba(0,0,0,0.28) !important;
    text-shadow:0 0 9px rgba(0,255,157,0.4) !important
}

.profile-page-container .profile-quick-actions > .profile-quick-btn:active i,
.profile-page-container .profile-quick-actions > .profile-quick-btn.press-feedback i,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:active i,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn.press-feedback i {
    color:var(--primary-color);
    filter:none !important;
    text-shadow:none !important
}

.profile-page-container .profile-quick-actions > .profile-quick-btn-settings:active i,
.profile-page-container .profile-quick-actions > .profile-quick-btn-settings.press-feedback i {
    transform:rotate(90deg)
}

.profile-page-container .profile-quick-actions > .profile-quick-btn[disabled],
.profile-page-container .profile-quick-actions > .profile-quick-btn:disabled,
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn[disabled],
.profile-page-container .profile-quick-actions > .profile-quick-action-form > .profile-quick-btn:disabled {
    opacity:.45;
    cursor:not-allowed;
    pointer-events:none
}

.profile-quick-btn-warning i {
    color:var(--warning-color)
}

.profile-quick-btn-accent i {
    color:var(--accent-color)
}

.profile-quick-btn-danger i {
    color:var(--error-color)
}

.profile-quick-btn-success i {
    color:var(--primary-color)
}

.profile-quick-btn-admin[disabled],.profile-quick-btn-admin:disabled {
    opacity:.45;
    cursor:not-allowed;
    filter:grayscale(0.15)
}

.profile-tab-pane {
    display:none;
    padding:1rem var(--detail-card-pad-x,1rem)
}

.profile-tab-pane.active {
    display:block;
    animation:fadeIn .3s ease
}

.invoice-status-chip {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    min-width:132px;
    padding:.34rem .62rem;
    border-radius:999px;
    border:1px solid transparent;
    font-family:var(--font-mono);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.08em;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap
}

.invoice-status-chip>i,.invoice-status-chip>.icon {
    flex-shrink:0;
    font-size:.78em;
    line-height:1;
    opacity:.95
}

.invoice-status-chip__label {
    line-height:1
}

.order-item .data-status {
    flex-shrink:0;
    margin-left:.65rem;
    display:flex;
    align-items:center
}

.order-item--split {
    position:relative;
    gap:.65rem;
    padding-right:.55rem
}

.order-item--split > .order-item-hit {
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    cursor:pointer
}

.order-item--split .order-item-body {
    display:flex;
    flex:1;
    min-width:0;
    align-items:center;
    position:relative;
    z-index:1;
    pointer-events:none
}

.order-item--split a.order-product-pod {
    position:relative;
    z-index:2;
    pointer-events:auto
}

.order-item--split .data-status {
    position:relative;
    z-index:1;
    pointer-events:none
}

.order-item--split .invoice-status-chip,
.order-item--split .invoice-status-chip__label {
    color:inherit
}

.order-item--split .invoice-status-chip.status-pending,
.order-item--split .invoice-status-chip.status-pending .invoice-status-chip__label {
    color:var(--warning-color)
}

.order-item--split .invoice-status-chip.status-processing,
.order-item--split .invoice-status-chip.status-processing .invoice-status-chip__label {
    color:var(--accent-color)
}

.order-item--split .invoice-status-chip.status-paid,
.order-item--split .invoice-status-chip.status-paid .invoice-status-chip__label {
    color:var(--primary-color)
}

.order-item--split .invoice-status-chip.status-expired,
.order-item--split .invoice-status-chip.status-expired .invoice-status-chip__label {
    color:var(--error-color)
}

.invoice-status-chip.status-pending {
    color:var(--warning-color);
    border-color:rgba(255,204,0,0.32);
    background:rgba(255,204,0,0.12)
}

.invoice-status-chip.status-processing {
    color:var(--accent-color);
    border-color:rgba(0,255,157,0.32);
    background:rgba(0,255,157,0.12);
    box-shadow:0 0 14px rgba(0,255,157,0.15);
    animation:pulse 2s infinite
}

.invoice-status-chip.status-paid {
    color:var(--primary-color);
    border-color:rgba(0,255,157,0.35);
    background:rgba(0,255,157,0.14);
    box-shadow:0 0 16px rgba(0,255,157,0.14)
}

.invoice-status-chip.status-expired {
    color:var(--error-color);
    border-color:rgba(255,71,87,0.35);
    background:rgba(255,71,87,0.14)
}

.data-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:.75rem;
    margin-bottom:.5rem;
    background:rgba(255,255,255,0.03);
    border:1px solid var(--surface-border);
    border-radius:var(--modern-rounded-md);
    transition:background-color .2s cubic-bezier(0.4,0,0.2,1),border-color .2s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1);
    max-width:100%;
    overflow:hidden
}

.data-item:last-child {
    margin-bottom:0
}

.data-item:hover {
    background:rgba(255,255,255,0.05);
    border-color:var(--surface-border);
    box-shadow:none;
    transform:none
}

.data-item--actions {
    gap:.65rem;
    padding-right:.55rem
}

.data-item--actions .data-item-link {
    display:flex;
    flex:1;
    min-width:0;
    justify-content:space-between;
    align-items:center;
    text-decoration:none;
    color:inherit
}

.data-item--actions .profile-row-actions {
    flex-shrink:0
}

.data-item--actions .profile-row-actions .action-icon-btn,
.data-item--actions .profile-row-actions a.action-icon-btn {
    flex-shrink:0
}

.data-title {
    font-size:.9rem;
    color:var(--text-color);
    overflow-wrap:anywhere;
    word-break:break-word;
    text-decoration:none;
    max-width:100%
}

.data-title:hover {
    color:var(--primary-color)
}

.data-meta {
    font-size:.7rem;
    color:var(--text-muted);
    font-family:var(--font-mono);
    display:flex;
    gap:.4rem;
    flex-wrap:wrap;
    align-items:center;
    margin-top:.2rem;
    width:100%;
    overflow:hidden
}

.data-actions {
    display:flex;
    gap:.5rem;
    margin-left:1rem
}

#global-loader {
    position:fixed;
    bottom:2rem;
    left:2rem;
    z-index:9999;
    display:none;
    align-items:center;
    gap:.8rem;
    background:rgba(13,17,23,0.95);
    padding:.6rem 1.2rem;
    border-radius:50px;
    border:1px solid var(--primary-color);
    box-shadow:0 0 20px rgba(0,255,157,0.2);
    backdrop-filter:blur(5px);
    pointer-events:none;
    transition:opacity .3s ease;
    font-family:var(--font-mono);
    font-size:.85rem;
    color:var(--primary-color);
    text-transform:uppercase;
    letter-spacing:1px
}

#global-loader.active {
    display:flex !important;
    animation:slideUpFadeIn .3s ease forwards
}

.loader-spinner {
    width:18px;
    height:18px;
    border:2px solid var(--accent-soft);
    border-top:2px solid var(--primary-color);
    border-radius:50%;
    animation:spin .8s linear infinite
}

@keyframes spin {
    to {
        transform:rotate(360deg)
    }

}

@keyframes slideUpFadeIn {
    from {
        transform:translateY(20px);
        opacity:0
    }

    to {
        transform:translateY(0);
        opacity:1
    }

}

.like-btn-container {
    display:inline-flex;
    align-items:center;
    gap:5px
}

span.like-btn-container {
    cursor:pointer
}

button.like-btn-container {
    cursor:pointer
}

button.like-btn-container:hover .like-btn {
    transform:scale(1.2);
    color:var(--error-color)
}

.like-btn.fas,.is-liked i.fa-heart,.is-liked .like-btn {
    color:var(--error-color) !important
}

.has-likes i.fa-heart,.has-likes .like-btn {
    color:var(--error-color) !important
}

.like-btn {
    cursor:pointer;
    color:var(--text-secondary);
    transition:transform .2s cubic-bezier(0.175,0.885,0.32,1.275),color .2s ease;
    font-size:1rem
}

.like-btn:hover {
    transform:scale(1.2);
    color:var(--error-color)
}

.like-btn.fas {
    color:var(--error-color)
}

@keyframes like-bounce {
    0% {
        transform:scale(1)
    }

    50% {
        transform:scale(1.4)
    }

}

.like-count {
    font-size:.9rem;
    color:var(--text-primary);
    font-weight:bold
}

.telemetry-pod .like-count {
    font-size:inherit;
    color:inherit;
    font-weight:inherit
}

.telemetry-pod .like-btn {
    font-size:.75rem;
    color:inherit
}

.telemetry-pod.has-likes i.fa-heart,.btn.has-likes i.fa-heart,.like-btn-container.has-likes i.fa-heart {
    color:var(--error-color) !important
}

.cyber-card {
    border-radius:var(--modern-rounded-lg) !important
}

/* File/resource detail shell — same radius as list cards (.file-item / .resource-item) */
.cyber-card.detail-main-card {
    border-radius:var(--list-card-radius) !important
}

.file-item,a.forum-category-card,.forum-topic-list-card,.resource-item.file-item {
    border-radius:var(--list-card-radius) !important
}

.profile-view-page :is(.profile-hero-card,.profile-body-card).cyber-card.detail-main-card {
    padding:0 !important;
    border-radius:var(--modern-rounded-md) !important
}

.telemetry-pod {
    border-radius:var(--meta-chip-radius,var(--modern-rounded-sm)) !important
}

/* List + detail meta rail: one chip radius (Admin, stats strip, time, category, #tags) */
:is(.file-item,.resource-item,.forum-topic-list-card) :is(.file-meta,.forum-topic-list-card-category-row) :is(.telemetry-pod,.telemetry-group),
:is(.file-item,.resource-item,.forum-topic-list-card) .file-meta>a.username-tag,
:is(.file-item,.resource-item,.forum-topic-list-card) .file-meta>a.category-badge.telemetry-pod,
:is(.file-item,.resource-item,.forum-topic-list-card) .file-meta .forum-topic-meta-person>a.username-tag,
.file-view-header .file-meta>:is(.telemetry-pod,.telemetry-group),
.file-view-header .file-meta>a.category-badge.telemetry-pod,
.forum-topic-header .file-meta>:is(.telemetry-pod,.telemetry-group),
.forum-topic-op-meta-bar .file-meta>:is(.telemetry-pod,.telemetry-group),
.forum-post-op--top-rail .file-meta>:is(.telemetry-pod,.telemetry-group),
.forum-topic-list-card-category-row a.telemetry-pod.forum-topic-category-pill {
    border-radius:var(--meta-chip-radius,var(--modern-rounded-sm)) !important
}

:is(.file-item,.resource-item,.forum-topic-list-card) .file-meta .telemetry-group .telemetry-pod,
.file-view-header .file-meta .telemetry-group .telemetry-pod,
.forum-topic-header .file-meta .telemetry-group .telemetry-pod,
.forum-topic-op-meta-bar .file-meta .telemetry-group .telemetry-pod,
.forum-post-op--top-rail .file-meta .telemetry-group .telemetry-pod {
    border-radius:0 !important
}

.cyber-card::before,.cyber-card::after,.file-item::before,.file-item::after,a.forum-category-card::before,a.forum-category-card::after,.forum-topic-list-card::before,.forum-topic-list-card::after,.modal-container.cyber-card::before,.modal-container.cyber-card::after {
    display:none !important;
    content:none !important
}

.typing-indicator-container {
    min-height:18px;
    margin-bottom:4px;
    z-index:100;
    padding:0 12px
}

.typing-indicator-container:empty {
    display:none
}

.typing-bubble {
    color:var(--text-secondary);
    font-size:.75rem;
    display:inline-flex;
    align-items:center;
    gap:4px;
    opacity:.8;
    font-family:'Inter',sans-serif
}

.typing-name {
    font-weight:600;
    color:#00ff9d
}

.typing-dots {
    display:inline-flex;
    gap:2px
}

.typing-dots span {
    width:3px;
    height:3px;
    background:currentColor;
    border-radius:50%;
    display:inline-block;
    animation:typingBounce 1.4s infinite ease-in-out both
}

@keyframes typingBounce {
    0%,80%,100% {
        transform:scale(0.6);
        opacity:.3
    }

    40% {
        transform:scale(1.1);
        opacity:1
    }

}

@media screen and (max-width:768px) {
    input,textarea,select,.chat-input,#comment-input,#chat-input,.ql-editor,.ql-container .ql-editor,.discussion-composer-frame .ql-editor,.rich-editor-wrap .ql-editor {
        font-size:16px !important
    }

}

.modern-tooltip {
    position:absolute;
    background:#111;
    color:#eee;
    border:1px solid #333;
    padding:5px 10px;
    border-radius:4px;
    font-size:.75rem;
    font-family:inherit;
    pointer-events:none;
    z-index:12000;
    opacity:0;
    transform:translateY(4px);
    transition:opacity .15s ease,transform .15s ease;
    box-shadow:0 4px 12px rgba(0,0,0,0.5);
    white-space:nowrap
}

.modern-tooltip.active {
    opacity:1;
    transform:translateY(0)
}

.modern-tooltip::after {
    content:'';
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    left:50%;
    transform:translateX(-50%)
}

.modern-tooltip[data-pos="top"]::after {
    bottom:-5px;
    border-width:5px 5px 0 5px;
    border-color:#333 transparent transparent transparent
}

.modern-tooltip[data-pos="bottom"]::after {
    top:-5px;
    border-width:0 5px 5px 5px;
    border-color:transparent transparent #333 transparent
}

.modern-tooltip.tooltip--wrap {
    white-space:normal;
    max-width:min(300px,calc(100vw - 24px));
    line-height:1.45;
    text-align:left
}

.edit-profile-page .edit-profile-hint {
    font-size:.78rem;
    margin-top:.4rem;
    font-family:var(--font-mono);
    opacity:.88
}

.edit-profile-page .edit-profile-media-cell {
    gap:.45rem
}

.edit-profile-page .edit-profile-zone-server {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    flex:0 0 auto;
    pointer-events:none;
    padding-bottom:.45rem;
    border-bottom:1px solid var(--surface-strong)
}

.edit-profile-page .edit-profile-zone-server__tag {
    display:block;
    font-family:var(--font-mono);
    font-size:.62rem;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--text-secondary);
    margin-bottom:.4rem;
    opacity:.9
}

.edit-profile-page .edit-profile-zone-server__media {
    position:relative;
    overflow:hidden;
    border-radius:var(--modern-rounded-sm);
    border:1px solid rgba(0,255,157,0.16);
    background:rgba(0,0,0,0.4);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.25)
}

.edit-profile-page .edit-profile-zone-server--avatar .edit-profile-zone-server__media {
    width:76px;
    height:76px;
    margin-left:0;
    margin-right:auto;
    border-radius:var(--modern-rounded-lg)
}

.edit-profile-page .edit-profile-zone-server--avatar .edit-profile-zone-server__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}

.edit-profile-page .edit-profile-zone-server--bg .edit-profile-zone-server__media {
    width:100%;
    max-width:min(100%,272px);
    margin-left:0;
    margin-right:auto;
    aspect-ratio:16 / 9;
    max-height:108px
}

.edit-profile-page .edit-profile-zone-server--bg .edit-profile-zone-server__media img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    display:block
}

.edit-profile-page .upload-files-pair .upload-grid-cell>.file-upload-preview-zone.edit-profile-upload-zone {
    min-height:10.75rem
}

@media(max-width:768px) {
    .edit-profile-page .upload-files-pair {
        grid-template-columns:1fr !important
    }

}

.adm-input {
    width:100%;
    background:rgba(0,0,0,0.4);
    border:1px solid var(--adm-border);
    color:var(--adm-text-main);
    padding:.75rem 1rem;
    border-radius:4px;
    font-family:var(--font-main);
    transition:all .2s;
    appearance:auto
}

.adm-input:focus {
    outline:0;
    border-color:var(--adm-primary);
    box-shadow:0 0 5px rgba(0,255,157,0.2)
}

.icon-picker-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(40px,1fr));
    gap:8px;
    background:rgba(0,0,0,0.2);
    padding:10px;
    border:1px solid var(--adm-border);
    border-radius:4px;
    max-height:min(42vh,380px);
    overflow-y:auto
}

.icon-picker-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    background:rgba(255,255,255,0.05);
    border:1px solid var(--surface-border);
    color:var(--text-primary);
    border-radius:4px;
    cursor:pointer;
    transition:all .2s cubic-bezier(0.4,0,0.2,1);
    position:relative;
    overflow:hidden;
    font-size:1.1rem
}

.icon-picker-btn:hover {
    background:var(--accent-soft);
    border-color:var(--primary-color);
    color:var(--primary-color)
}

.icon-picker-btn.active {
    background:var(--primary-color);
    color:#000;
    border-color:var(--primary-color);
    box-shadow:0 0 10px rgba(0,255,157,0.4)
}

.profile-avatar-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity .2s ease;
    border-radius:var(--modern-rounded-lg);
    cursor:pointer;
    z-index:10;
    line-height:0
}

.profile-avatar-container:hover .profile-avatar-overlay {
    opacity:1 !important
}

.profile-avatar-overlay:active,
.profile-avatar-overlay.press-feedback {
    opacity:1 !important;
    background:rgba(0,0,0,0.76);
    transform:var(--ulp-press-transform)
}

.profile-avatar-overlay i {
    color:var(--primary-color);
    font-size:1.8rem;
    filter:drop-shadow(0 0 8px var(--primary-color));
    font-weight:900;
    margin:0 !important;
    padding:0 !important
}

.profile-avatar-container.admin .profile-avatar-overlay i {
    color:var(--error-color);
    filter:drop-shadow(0 0 8px var(--error-color))
}

.profile-avatar-container.moderator .profile-avatar-overlay i {
    color:var(--warning-color);
    filter:drop-shadow(0 0 8px var(--warning-color))
}

.profile-avatar-container.vip .profile-avatar-overlay i {
    color:#fcd34d;
    filter:drop-shadow(0 0 8px rgba(245,197,66,0.55))
}

.profile-avatar-overlay:active i,
.profile-avatar-overlay.press-feedback i {
    transform:none;
    filter:drop-shadow(0 0 5px currentColor)
}

.notification-badge[data-synced="true"] {
    animation:badgePop .3s cubic-bezier(0.18,0.89,0.32,1.28)
}

.hidden {
    display:none !important
}

@keyframes badgePop {
    0% {
        transform:translate(46%,-46%) scale(0.82)
    }

    50% {
        transform:translate(46%,-46%) scale(1.12)
    }

    100% {
        transform:translate(46%,-46%) scale(1)
    }

}

@media(max-width:768px) {
    .header-right .notification-badge {
        top:1px;
        right:1px;
        transform:none
    }

    .header-right .notification-badge[data-synced="true"] {
        animation-name:badgePopMobile
    }

}

@keyframes badgePopMobile {
    0% {
        transform:scale(0.82)
    }

    50% {
        transform:scale(1.12)
    }

}

.pile-avatar {
    box-sizing:border-box;
    width:28px;
    height:28px;
    border-radius:50%;
    border:2px solid #222;
    margin-left:-12px;
    background-color:#2a2a2a;
    object-fit:cover;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    transition:all .2s cubic-bezier(0.4,0,0.2,1);
    box-shadow:0 0 0 1px rgba(255,255,255,0.1);
    position:relative;
    z-index:1
}

.avatar-pile img:first-child,.avatar-pile span:first-child {
    margin-left:0 !important
}

.pile-avatar:hover {
    transform:translateY(-4px) scale(1.1);
    z-index:10;
    border-color:var(--primary-color);
    box-shadow:0 4px 12px rgba(0,255,157,0.3)
}

.pile-overflow {
    box-sizing:border-box;
    background:var(--accent-soft) !important;
    color:var(--primary-color);
    font-size:.7rem;
    font-family:var(--font-mono);
    font-weight:bold;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    border:2px solid #222 !important;
    text-shadow:0 0 5px rgba(0,255,157,0.2);
    transition:all .2s cubic-bezier(0.4,0,0.2,1)
}

.pile-overflow:hover {
    border-color:var(--primary-color) !important;
    transform:translateY(-4px) scale(1.1);
    z-index:10;
    box-shadow:0 4px 12px rgba(0,255,157,0.3)
}

.avatar-pile {
    display:inline-flex;
    align-items:center;
    margin-left:4px;
    vertical-align:middle
}

.avatar-pile:empty {
    display:none !important
}

.directory-tabs-scroll .filter-chip.press-feedback,.directory-tabs-scroll .filter-chip:active,.filter-chip.active.press-feedback {
    transform:var(--ulp-press-transform) !important;
    background:rgba(0,255,157,0.13) !important;
    border-color:rgba(0,255,157,0.48) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 0 0 1px rgba(0,255,157,0.24),0 2px 9px rgba(0,0,0,0.28) !important
}

.directory-tabs {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:.4rem;
    flex:1 1 auto;
    min-width:0;
    overflow:visible;
    padding:4px 2px 6px 0;
    box-sizing:border-box
}

.forum-page .page-toolbar-row>.directory-tabs {
    padding:0 !important;
    align-items:stretch !important
}

.forum-page .page-toolbar-row>.directory-tabs>.directory-tabs-scroll {
    align-self:stretch !important;
    box-sizing:border-box !important
}

.directory-tabs-scroll {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:.4rem;
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    padding-block:3px;
    box-sizing:border-box
}

.directory-tabs-scroll::-webkit-scrollbar {
    height:5px
}

.directory-tabs-scroll::-webkit-scrollbar-thumb {
    background:var(--surface-border);
    border-radius:3px
}

.directory-tabs-scroll .filter-chip,.directory-tabs-scroll .forum-index-context {
    flex-shrink:0
}

.profile-body-card .profile-tabs.directory-tabs {
    width:100%;
    display:block;
    box-sizing:border-box
}

.profile-body-card .profile-tabs .directory-tabs-scroll {
    flex:1 1 auto !important;
    width:100% !important;
    max-width:100% !important
}

.profile-body-card .profile-tabs .directory-tabs-scroll .filter-chip.profile-tab-btn {
    flex:1 1 0 !important;
    flex-shrink:1 !important
}

.filter-chip--vip:hover .filter-chip__badge {
    color:#fffbeb;
    border-color:rgba(252,211,77,0.55);
    box-shadow:0 0 0 1px rgba(18,18,18,0.92),0 2px 5px rgba(0,0,0,0.35),0 0 12px rgba(245,158,11,0.28)
}

.filter-chip--vip.active .filter-chip__badge {
    background:linear-gradient(165deg,rgba(251,191,36,0.38) 0,rgba(245,158,11,0.2) 50%,rgba(217,119,6,0.22) 100%);
    border-color:rgba(252,211,77,0.52);
    box-shadow:0 0 0 1px rgba(24,18,10,0.96),0 0 10px rgba(245,158,11,0.26)
}

.filter-chip__badge.filter-chip__badge--empty,.filter-chip__badge:empty {
    display:none !important
}

.header-actions {
    display:flex;
    align-items:center;
    gap:.55rem;
    flex-wrap:wrap
}


.header-actions .btn {
    padding:.28rem .7rem;
    height:var(--filter-chip-height);
    min-height:var(--filter-chip-height);
    box-sizing:border-box;
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    border-radius:var(--modern-rounded-sm);
    color:var(--text-primary);
    font-size:.8rem;
    letter-spacing:0;
    text-transform:none;
    line-height:1;
    transition:all .2s cubic-bezier(0.4,0,0.2,1);
    position:relative;
    white-space:nowrap
}

.header-actions .btn:hover {
    background:rgba(0,255,157,0.08) !important;
    border-color:rgba(0,255,157,0.35) !important;
    color:var(--primary-color) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.3),0 0 12px rgba(0,255,157,0.12) !important;
    text-shadow:0 0 9px rgba(0,255,157,0.45);
    z-index:3
}

.header-actions .btn.like-btn-container:hover {
    background:rgba(255,71,87,0.11) !important;
    border-color:rgba(255,99,118,0.52) !important;
    color:#ffeef1 !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.32),0 0 16px rgba(255,71,87,0.22) !important;
    text-shadow:0 0 10px rgba(255,130,150,0.4);
    z-index:3
}

.header-actions .btn.like-btn-container:hover .like-count {
    color:#ffeef1 !important
}

.header-actions .btn.like-btn-container:hover .like-btn,.header-actions .btn.like-btn-container:hover i.fa-heart {
    color:#ff7b8c !important;
    filter:drop-shadow(0 0 6px rgba(255,71,87,0.65)) !important
}

.header-actions .btn.like-btn-container.is-liked:hover .like-btn,.header-actions .btn.like-btn-container.is-liked:hover i.fa-heart {
    color:var(--error-color) !important;
    filter:drop-shadow(0 0 7px rgba(255,71,87,0.75)) !important
}

.header-actions .btn:not(:has(.icon)) {
    min-width:var(--filter-chip-height);
    padding:.28rem .6rem
}

.header-actions .filter-chip {
    padding:.28rem .7rem !important;
    height:var(--filter-chip-height,36px) !important;
    min-height:var(--filter-chip-height,36px) !important;
    box-sizing:border-box !important;
    font-size:.8rem !important;
    font-family:var(--font-mono) !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    gap:.32rem !important
}

.header-actions .filter-chip i {
    font-size:.85rem;
    line-height:1;
    opacity:.9;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    vertical-align:middle
}

.header-actions .forum-cat-back {
    flex-shrink:0;
    width:var(--filter-chip-height);
    min-width:var(--filter-chip-height);
    max-width:var(--filter-chip-height);
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center;
    box-sizing:border-box;
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    color:var(--text-primary) !important;
    box-shadow:none !important
}

.header-actions .forum-cat-back:hover {
    background:rgba(0,255,157,0.08) !important;
    border-color:rgba(0,255,157,0.35) !important;
    color:var(--primary-color) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.3),0 0 12px rgba(0,255,157,0.12) !important;
    text-shadow:0 0 9px rgba(0,255,157,0.45)
}

.header-actions .forum-cat-back:hover i {
    color:var(--primary-color) !important;
    filter:drop-shadow(0 0 4px rgba(0,255,157,0.5)) !important
}

.cyber-card.detail-main-card .header-actions {
    align-items:center;
    position:relative;
    z-index:4
}

.header-actions .btn.btn-toolbar.btn-locked,.header-actions a.btn.btn-toolbar.btn-locked {
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    color:var(--text-secondary) !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    box-shadow:none !important
}

.header-actions .btn.btn-toolbar.btn-locked:hover,.header-actions a.btn.btn-toolbar.btn-locked:hover {
    background:rgba(255,255,255,0.06) !important;
    border-color:var(--surface-border) !important;
    color:var(--text-primary) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.3) !important;
    text-shadow:none !important
}

.header-actions .btn.btn-toolbar.btn-locked i,.header-actions .btn.btn-toolbar.btn-locked .icon,.header-actions a.btn.btn-toolbar.btn-locked i,.header-actions a.btn.btn-toolbar.btn-locked .icon {
    color:#fff !important;
    filter:none !important
}

.header-actions .btn.btn-toolbar.btn-locked:hover i,.header-actions .btn.btn-toolbar.btn-locked:hover .icon,.header-actions a.btn.btn-toolbar.btn-locked:hover i,.header-actions a.btn.btn-toolbar.btn-locked:hover .icon {
    color:#fff !important;
    filter:none !important
}

.header-actions .like-btn-container.has-likes:not(.is-liked) .like-btn,.header-actions .like-btn-container.has-likes:not(.is-liked) i.fa-heart {
    color:var(--error-color) !important
}

.header-actions .filter-chip.active {
    border-color:rgba(0,255,157,0.35) !important;
    background:linear-gradient(90deg,rgba(0,255,157,0.12),var(--surface-soft)) !important;
    color:#eafff6 !important;
    box-shadow:inset 0 0 0 1px rgba(0,255,157,0.12) !important
}

.header-actions .filter-chip.active:hover {
    background:linear-gradient(90deg,rgba(0,255,157,0.12),var(--surface-soft)) !important;
    text-shadow:0 0 10px rgba(0,255,157,0.35);
    border-color:rgba(0,255,157,0.48) !important
}


@media(max-width:768px) {
    :root {
        --filter-chip-height:40px;
        --page-toolbar-band-min-height:2.65rem
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row {
        flex-wrap:wrap !important;
        align-items:center !important;
        row-gap:.35rem !important;
        column-gap:.55rem !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row>.directory-tabs {
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        order:2 !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-page:not(.forum-page) .page-toolbar-row>a.btn.btn-toolbar {
        order:1 !important;
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        /* Match the INNER chip height (capsule outer is 44px = chip 40px + 2px padding x2).
           align-self:center keeps the button vertically centered so it visually equals the chip rail. */
        height:var(--filter-chip-height) !important;
        min-height:var(--filter-chip-height) !important;
        max-height:var(--filter-chip-height) !important;
        margin-left:0 !important;
        margin-right:0 !important;
        align-self:center !important;
        justify-content:center !important;
        align-items:center !important;
        padding:.28rem .65rem !important;
        gap:.32rem !important;
        font-size:.78rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:visible !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row .directory-tabs-scroll>.filter-chip {
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        height:auto !important;
        min-height:var(--filter-chip-height) !important;
        max-height:none !important;
        padding:.26rem .55rem !important;
        gap:.3rem !important;
        font-size:.72rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        justify-content:center !important;
        align-items:center !important;
        overflow:visible !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row .directory-tabs-scroll>.filter-chip>i {
        font-size:.82rem !important;
        line-height:1 !important;
        flex-shrink:0 !important;
        margin:0 !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row>.btn.btn-toolbar>i,.page-toolbar-page:not(.forum-page) .page-toolbar-row>.btn.btn-toolbar>.icon,.page-toolbar-page:not(.forum-page) .page-toolbar-row>a.btn.btn-toolbar>i,.page-toolbar-page:not(.forum-page) .page-toolbar-row>a.btn.btn-toolbar>.icon {
        font-size:.82rem !important;
        line-height:1 !important;
        flex-shrink:0 !important;
        margin:0 !important
    }

    .forum-page .page-toolbar-row {
        flex-wrap:wrap !important;
        align-items:center !important;
        row-gap:.35rem !important;
        column-gap:.55rem !important;
        margin-bottom:0 !important
    }

    .forum-page .page-toolbar-row>.directory-tabs {
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        order:2 !important;
        padding:0 !important;
        align-items:center !important
    }

    .forum-page .page-toolbar-row>.forum-index-actions {
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        order:1 !important;
        margin-left:0 !important
    }

    /* .forum-page .directory-tabs-scroll geometry is fully handled by the shared
       "Mobile segmented capsule" rules in overrides.css — no duplicate height/padding
       here, otherwise the forum capsule ends up taller than files/resources. */

    .forum-page .page-toolbar-row .directory-tabs-scroll>.filter-chip,
    .forum-page .page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip {
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        padding:.26rem .55rem !important;
        gap:.3rem !important;
        font-size:.72rem !important;
        line-height:1 !important;
        white-space:nowrap !important;
        justify-content:center !important;
        align-items:center !important
    }

    .forum-page .page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.forum-page .page-toolbar-row .directory-tabs-scroll>.filter-chip.active:hover,.forum-page .page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active,.forum-page .page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:rgba(255,255,255,0.09) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important
    }

    .forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        /* Match the INNER chip height (capsule outer is 44px = chip 40px + 2px padding x2). */
        height:var(--filter-chip-height) !important;
        min-height:var(--filter-chip-height) !important;
        max-height:var(--filter-chip-height) !important;
        box-sizing:border-box !important;
        justify-content:center !important;
        align-items:center !important;
        align-self:center !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding:.28rem .65rem !important;
        gap:.32rem !important;
        font-size:.78rem !important;
        line-height:1 !important;
        white-space:nowrap !important
    }

    .forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar>i,.forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar>.icon,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar>i,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar>.icon {
        font-size:.82rem !important;
        line-height:1 !important;
        margin:0 !important;
        flex-shrink:0 !important
    }

    .page-toolbar-row .directory-tabs,.forum-page .page-toolbar-row .directory-tabs,.page-toolbar-page .page-toolbar-row .directory-tabs {
        overflow-x:auto !important;
        overflow-y:visible !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
        max-width:100% !important
    }

    .page-toolbar-row .directory-tabs::-webkit-scrollbar,.forum-page .page-toolbar-row .directory-tabs::-webkit-scrollbar,.page-toolbar-page .page-toolbar-row .directory-tabs::-webkit-scrollbar {
        display:none !important
    }

    .page-toolbar-page .directory-tabs-scroll {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:nowrap !important;
        gap:0 !important;
        padding:2px !important;
        border-radius:var(--modern-rounded-md) !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        border:0 !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        width:max-content !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        -webkit-overflow-scrolling:touch !important;
        min-height:calc(var(--filter-chip-height) + 4px) !important;
        height:calc(var(--filter-chip-height) + 4px) !important;
        max-height:calc(var(--filter-chip-height) + 4px) !important;
        box-sizing:border-box !important;
        align-self:center !important;
        flex-shrink:0 !important
    }

    .forum-page .page-toolbar-row .directory-tabs-scroll:has(>.filter-chip.forum-index-breadcrumb-chip),
    .forum-breadcrumb-nav .directory-tabs-scroll {
        width:max-content !important;
        max-width:100% !important;
        /* align-self:center matches non-forum capsule so forum breadcrumb sits at the same Y. */
        align-self:center !important;
        min-height:calc(var(--filter-chip-height, 40px) + 4px) !important;
        height:calc(var(--filter-chip-height, 40px) + 4px) !important;
        overflow:hidden !important
    }

    .page-toolbar-page:not(.forum-page) .page-toolbar-row>.directory-tabs {
        flex:0 1 auto !important;
        width:auto !important;
        max-width:100% !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip {
        flex:0 0 auto !important;
        align-self:stretch !important;
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        border:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        background:transparent !important;
        box-shadow:none !important;
        color:rgba(245,250,255,0.88) !important;
        text-shadow:none !important;
        transform:none !important;
        transition:background var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:first-child,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:first-child {
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:last-child,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:last-child {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:only-child,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:only-child {
        border-radius:var(--modern-rounded-sm) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:hover {
        background:var(--header-hover-fill) !important;
        color:var(--header-hover-text) !important;
        border:0 !important;
        box-shadow:none !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.active,.page-toolbar-page .directory-tabs-scroll>.filter-chip.active:hover,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:rgba(255,255,255,0.09) !important;
        border:0 !important;
        color:var(--header-hover-text) !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.active i,.page-toolbar-page .directory-tabs-scroll>.filter-chip.active .icon,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active i {
        color:var(--primary-color) !important;
        filter:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active i.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active .icon.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:hover i.icon-gem-gradient {
        filter:drop-shadow(0 0 1px rgba(0,0,0,0.28)) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:not(.active) {
        color:var(--vip-caption-color) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:hover {
        color:var(--vip-caption-color-strong) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active,
    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active:hover {
        color:var(--vip-caption-color-strong) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.forum-index-breadcrumb-chip,
    .forum-breadcrumb-nav .directory-tabs-scroll>.forum-breadcrumb-chip {
        justify-content:center !important;
        white-space:nowrap !important;
        flex-wrap:nowrap !important;
        border-radius:var(--modern-rounded-sm) !important;
        width:auto !important;
        max-width:100% !important;
        flex:0 0 auto !important;
        align-self:stretch !important;
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important
    }

    .page-toolbar-page .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar,.forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        border:0 !important;
        border-radius:var(--modern-rounded-md) !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        color:var(--header-hover-text) !important;
        text-shadow:none !important;
        transform:none !important
    }

    .page-toolbar-page .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar:hover,.forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        border:0 !important;
        color:var(--header-hover-text) !important;
        box-shadow:var(--header-glass-edge),inset 0 0 0 9999px var(--header-hover-fill),var(--header-glass-drop) !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-page .page-toolbar-row>.btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar:hover i,.forum-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover i,.forum-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover i {
        color:inherit !important;
        filter:none !important
    }

}

.resource-detail-unified-card {
    margin-top:0;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
    padding:0;
    font-size:0
}

.resource-detail-unified-card:not(.has-image) {
    display:block;
    width:100%
}

.resource-detail-unified-card:not(.has-image) .resource-detail-description-card {
    width:100%
}

.resource-detail-unified-card.has-image {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:.9rem;
    width:100%;
    max-width:100%
}

.resource-detail-unified-card.has-image .resource-detail-media-card {
    flex:0 0 auto;
    align-self:flex-start;
    width:max-content;
    max-width:min(100%,522px);
    justify-self:auto
}

.resource-detail-unified-card.has-image .resource-detail-description-card {
    flex:1 1 0;
    width:auto;
    min-width:0;
    margin-top:0;
    align-self:stretch;
    min-height:auto;
    height:auto
}

.resource-detail-media-card {
    border:1px solid var(--surface-strong);
    border-radius:var(--modern-rounded-md);
    background:rgba(255,255,255,0.008) !important;
    text-align:left;
    padding:0;
    display:block;
    width:max-content;
    max-width:min(100%,522px);
    margin-top:0 !important;
    line-height:0;
    font-size:0;
    overflow:hidden;
    box-sizing:border-box
}

.resource-detail-media-image {
    max-width:min(100%,520px);
    width:auto;
    max-height:300px;
    height:auto;
    display:block !important;
    margin:0;
    object-fit:contain;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0;
    cursor:zoom-in
}

.resource-detail-description-card {
    font-size:.98rem;
    padding:.65rem .85rem;
    border:1px solid var(--surface-strong);
    border-radius:var(--modern-rounded-md);
    background:rgba(255,255,255,0.008);
    white-space:normal;
    font-family:var(--font-main,'Inter',sans-serif);
    font-size:.98rem;
    line-height:1.45;
    color:var(--text-secondary);
    text-align:left;
    min-height:0;
    min-width:0;
    margin-top:0 !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    box-sizing:border-box
}

.resource-detail-description-text {
    display:block;
    line-height:1.45;
    max-width:100%;
    -webkit-user-select:text;
    user-select:text
}

.resource-detail-description-card .rich-body {
    margin:0;
    color:inherit;
    font-size:inherit;
    line-height:inherit
}

.resource-detail-description-card .rich-body p {
    margin:0 0 .65em
}

.resource-detail-description-card .rich-body p:last-child {
    margin-bottom:0
}

.resource-detail-description-card .rich-body ul,
.resource-detail-description-card .rich-body ol {
    margin:.35em 0 .65em;
    padding-left:1.25em
}

.resource-detail-unified-card::selection,.resource-detail-media-card::selection,.resource-detail-description-card::selection {
    background:transparent;
    color:inherit
}

.resource-detail-unified-card::-moz-selection,.resource-detail-media-card::-moz-selection,.resource-detail-description-card::-moz-selection {
    background:transparent;
    color:inherit
}

.resource-detail-description-text::selection {
    background:rgba(255,255,255,0.2);
    color:var(--text-primary)
}

.resource-detail-description-text::-moz-selection {
    background:rgba(255,255,255,0.2);
    color:var(--text-primary)
}

@media(max-width:980px) {
    .resource-detail-unified-card.has-image {
        flex-direction:column;
        align-items:flex-start
    }

    .resource-detail-unified-card.has-image .resource-detail-media-card {
        max-width:100%
    }

    .resource-detail-unified-card.has-image .resource-detail-description-card {
        flex:0 0 auto;
        align-self:stretch;
        width:100%;
        height:auto;
        min-height:0
    }

}

@keyframes flashGreen {
    0% {
        background-color:rgba(0,255,157,0.5);
        box-shadow:0 0 20px rgba(0,255,157,1);
        transform:scale(1.1)
    }

    100% {
        background-color:var(--accent-soft);
        box-shadow:none;
        transform:scale(1)
    }

}

.auth-btns {
    display:flex;
    align-items:center;
    gap:.5rem
}

@media(max-width:1240px) {
    .header-inner {
        padding:0 .85rem;
        gap:.75rem
    }

    .header-right {
        gap:.38rem
    }

    .desktop-nav {
        gap:0;
        min-width:0
    }

    .nav-item {
        padding:.35rem .7rem;
        font-size:.8rem;
        gap:.32rem
    }

    .nav-btn-icon,.profile-link-btn {
        width:34px;
        height:34px;
        min-width:34px
    }

    .profile-link-btn .avatar-tiny {
        width:30px;
        height:30px
    }

    .terminal-logo .logo-text {
        font-size:1rem
    }

    .terminal-logo .prompt {
        font-size:1.08rem
    }

    #header-search-form:focus-within .header-search-field-wrap,#header-search-form.active .header-search-field-wrap {
        width:min(175px,34vw)
    }

}

@media(max-width:1060px) and (min-width:769px) {
    .desktop-nav .nav-text {
        display:none !important
    }

    .desktop-nav .nav-item {
        width:38px;
        min-width:38px;
        max-width:38px;
        padding:0 !important;
        justify-content:center;
        gap:0 !important;
        color:transparent !important;
        text-shadow:none !important
    }

    .desktop-nav .nav-item i {
        color:#fff !important;
        margin:0 !important
    }

    .desktop-nav .nav-item:hover {
        color:transparent !important;
        text-shadow:none !important
    }

    .desktop-nav .nav-item:hover i {
        color:var(--primary-color) !important
    }

    .desktop-nav .nav-item.active {
        color:transparent !important
    }

    .desktop-nav .nav-item.active i {
        color:var(--primary-color) !important;
        filter:drop-shadow(0 0 4px rgba(0,255,157,0.55))
    }

    .desktop-nav .nav-item.active:hover i {
        color:var(--primary-color) !important
    }

    .terminal-logo .cursor {
        display:none
    }

}

@media(max-width:768px) {
    .notification-container {
        --notif-mobile-panel-top:var(--header-mobile-stack-h,72px);
        --notif-mobile-bridge-inset:118px;
        --notif-mobile-bridge-width:68px
    }

    body:has(.header-right .shield-btn) .notification-container {
        --notif-mobile-bridge-inset:92px
    }

    body:has(.header-right .admin-btn) .notification-container {
        --notif-mobile-bridge-inset:calc(var(--notif-mobile-bridge-inset) + 34px)
    }

    .site-header .header-right:has(.notification-container.notifications-open) {
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important
    }

    .notification-dropdown {
        position:fixed;
        top:var(--notif-mobile-panel-top);
        left:max(0.5rem,env(safe-area-inset-left,0));
        right:max(0.5rem,env(safe-area-inset-right,0));
        width:auto;
        max-width:none;
        transform:none;
        z-index:12600 !important;
        padding-top:0;
        isolation:auto
    }

    .notification-dropdown .cyber-card {
        width:100%;
        max-width:none;
        box-sizing:border-box
    }

    .notification-container .notification-dropdown-scroll {
        max-height:min(68vh,calc(100vh - var(--notif-mobile-panel-top) - 96px))
    }

    .notification-dropdown::before {
        display:none
    }

    .notification-container.notifications-open .notification-dropdown {
        animation:notifDropdownInMobile .3s ease-out
    }

    .notification-container.notifications-open::after {
        position:fixed;
        top:0;
        left:auto;
        right:calc(0.5rem + env(safe-area-inset-right, 0px) + var(--notif-mobile-bridge-inset));
        width:var(--notif-mobile-bridge-width);
        height:calc(var(--notif-mobile-panel-top) + 28px);
        pointer-events:auto;
        z-index:12599
    }

}

@keyframes notifDropdownInMobile {
    from {
        opacity:0;
        transform:translateY(-10px)
    }

}

@media(max-width:768px) {
    :root {
        --header-mobile-stack-h:70px;
        --sticky-header-offset:calc(var(--header-mobile-stack-h) + 0.45rem)
    }

    body {
        padding-top:calc(var(--header-mobile-stack-h) + env(safe-area-inset-top,0px)) !important;
        scroll-padding-top:calc(var(--header-mobile-stack-h) + env(safe-area-inset-top,0px)) !important
    }

    .page-toolbar-page {
        margin-top:0 !important;
        padding-top:.2rem !important;
        --page-toolbar-row-gap:1rem
    }

    main .container,.container {
        padding:.28rem .5rem .65rem !important
    }

    main.admin-root {
        padding-top:0 !important
    }

    #site-header-wrapper {
        z-index:12400 !important;
        --header-mobile-chip-size:38px;
        background:transparent !important;
        border-bottom:0 !important;
        overflow:visible !important;
        pointer-events:none !important
    }

    .site-header {
        height:auto !important;
        min-height:0 !important;
        padding:.2rem 0 !important;
        background:transparent !important;
        border-bottom:0 !important;
        box-shadow:none !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        overflow:visible !important;
        align-items:stretch !important;
        pointer-events:none !important
    }

    .site-header .mobile-menu-overlay:not(.active) {
        pointer-events:none !important
    }

    .site-header .mobile-menu-overlay.active {
        pointer-events:auto !important
    }

    .header-inner {
        flex-direction:row !important;
        flex-wrap:wrap !important;
        justify-content:flex-start !important;
        align-items:center !important;
        align-content:center !important;
        padding:0 !important;
        padding-top:0.35rem !important;
        padding-left:calc(0.5rem + env(safe-area-inset-left, 0px)) !important;
        padding-right:calc(0.5rem + env(safe-area-inset-right, 0px)) !important;
        column-gap:.5rem !important;
        row-gap:.4rem !important;
        overflow:visible !important;
        pointer-events:none !important
    }

    .site-header .header-nav-cluster {
        pointer-events:none !important
    }

    .site-header .header-nav-cluster .header-left,.site-header .header-nav-cluster .header-center .desktop-nav {
        pointer-events:auto !important
    }

    .header-nav-cluster {
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        flex:0 0 auto !important;
        width:max-content !important;
        max-width:100% !important;
        min-width:0 !important;
        min-height:calc(var(--header-mobile-chip-size) + 4px) !important;
        height:calc(var(--header-mobile-chip-size) + 4px) !important;
        max-height:calc(var(--header-mobile-chip-size) + 4px) !important;
        order:1 !important;
        gap:0 !important;
        padding:2px !important;
        border-radius:var(--modern-rounded-md) !important;
        overflow:hidden !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        border:0 !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        box-sizing:border-box !important;
        align-self:center !important
    }

    .header-left {
        flex:0 0 auto !important;
        order:0 !important
    }

    .site-header .header-nav-cluster .header-left {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        align-self:center !important;
        flex:0 0 auto !important;
        width:auto !important;
        min-width:var(--header-mobile-chip-size) !important;
        max-width:none !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important;
        padding:0 !important;
        margin:0 !important;
        top:0 !important;
        border:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        overflow:visible !important;
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
        transition:background var(--header-hover-ms) ease !important
    }

    .site-header .header-nav-cluster .header-left .terminal-logo {
        display:flex !important;
        flex:0 1 auto !important;
        align-self:center !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        max-height:100% !important
    }

    .site-header .header-nav-cluster .header-left .logo-link {
        flex:0 1 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        min-width:100% !important;
        height:100% !important;
        min-height:0 !important;
        max-height:100% !important;
        padding:0 10px !important;
        gap:.28rem !important;
        box-sizing:border-box !important;
        background:transparent !important
    }

    .site-header .header-nav-cluster .header-left:hover,
    .site-header .header-nav-cluster .header-left:has(.logo-link:focus-visible) {
        background:var(--header-logo-hover-fill) !important
    }

    .site-header .header-nav-cluster .header-left:has(.logo-link.press-feedback),
    .site-header .header-nav-cluster .header-left:has(.logo-link:active) {
        background:var(--header-logo-press-fill) !important
    }

    .site-header .header-nav-cluster .header-left .logo-link:hover {
        background:transparent !important
    }

    .site-header .header-nav-cluster .header-left .terminal-logo .prompt {
        filter:drop-shadow(0 0 7px rgba(0,255,161,0.35)) !important
    }

    .site-header .header-nav-cluster .header-left:hover .terminal-logo .prompt,
    .site-header .header-nav-cluster .header-left:has(.logo-link:focus-visible) .terminal-logo .prompt {
        background:linear-gradient(90deg,#00ffa1 0,#2ce8ff 52%,#7df7ff 100%) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
        color:transparent !important;
        text-shadow:none !important;
        filter:drop-shadow(0 0 7px rgba(0,255,161,0.35)) !important
    }

    .header-center {
        order:0 !important;
        flex:0 0 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        width:max-content !important;
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;
        align-self:center !important;
        height:auto !important;
        max-height:none !important;
        min-height:0 !important;
        position:relative !important;
        top:0 !important;
        overflow-x:visible !important;
        overflow-y:visible !important;
        pointer-events:none !important;
        z-index:1 !important
    }

    .header-right {
        flex:0 0 auto !important;
        width:max-content !important;
        order:2 !important;
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        gap:0 !important;
        position:relative !important;
        z-index:30 !important;
        margin-left:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        flex-shrink:0 !important;
        padding:2px !important;
        min-height:calc(var(--header-mobile-chip-size) + 4px) !important;
        height:calc(var(--header-mobile-chip-size) + 4px) !important;
        max-height:calc(var(--header-mobile-chip-size) + 4px) !important;
        box-sizing:border-box !important;
        align-self:center !important;
        pointer-events:none !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none
    }

    .header-right::-webkit-scrollbar {
        display:none
    }

    .site-header .header-right {
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        border:0 !important;
        border-radius:var(--modern-rounded-md) !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        padding:2px !important;
        gap:0 !important;
        align-items:center !important;
        overflow:hidden !important;
        background-clip:padding-box !important;
        box-sizing:border-box !important
    }

    .site-header .header-right:has(.notification-container:hover),
    .site-header .header-right:has(.notification-container.notifications-open),
    .site-header .header-right:has(.notification-container:focus-within) {
        overflow:visible !important
    }

    .header-inner.header-mobile-actions-wrapped .header-right {
        margin-left:auto !important;
        margin-right:0 !important;
        flex:0 0 auto !important;
        width:max-content !important;
        max-width:100% !important
    }

    .site-header .header-right:has(#header-search-form.active),.site-header .header-right:has(#header-search-form:focus-within) {
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:100% !important;
        overflow-x:hidden !important
    }

    .site-header .header-right>* {
        pointer-events:auto !important;
        flex:0 0 var(--header-mobile-chip-size) !important;
        width:var(--header-mobile-chip-size) !important;
        min-width:var(--header-mobile-chip-size) !important;
        max-width:var(--header-mobile-chip-size) !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important;
        align-self:center !important;
        box-sizing:border-box !important
    }

    .site-header .header-right .notification-container {
        padding-bottom:0 !important;
        margin-bottom:0 !important;
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        align-self:center !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important
    }

    .site-header .header-right>.search-expandable {
        pointer-events:none !important;
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        align-self:center !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important
    }

    .site-header .header-right .search-expandable #header-search-form {
        pointer-events:auto !important
    }

    .site-header .header-right .search-expandable,.site-header .header-right #header-search-form {
        max-height:var(--header-mobile-chip-size) !important;
        align-items:center !important
    }

    .site-header .header-right #header-search-form {
        display:flex !important;
        width:100% !important;
        height:100% !important;
        gap:0 !important;
        border:0 !important;
        padding:0 !important;
        margin:0 !important;
        background:transparent !important;
        box-shadow:none !important
    }

    .site-header .header-right #header-search-form:not(.active):not(:focus-within) .header-search-field-wrap {
        width:0 !important;
        min-width:0 !important;
        flex:0 0 0 !important;
        overflow:hidden !important
    }

    .site-header .header-right #header-search-form:focus-within,.site-header .header-right #header-search-form.active {
        max-height:var(--header-mobile-chip-size) !important
    }

    .site-header .header-right:has(#header-search-form.active)>.search-expandable,.site-header .header-right:has(#header-search-form:focus-within)>.search-expandable {
        flex:1 1 auto !important;
        width:auto !important;
        min-width:var(--header-mobile-chip-size) !important;
        max-width:none !important
    }

    .site-header .header-right:has(#header-search-form.active)>:not(.search-expandable),.site-header .header-right:has(#header-search-form:focus-within)>:not(.search-expandable) {
        display:none !important
    }

    .site-header .header-right:has(#header-search-form.active) #header-search-form,.site-header .header-right:has(#header-search-form:focus-within) #header-search-form {
        width:100% !important;
        min-width:0 !important
    }

    .site-header .header-right:has(#header-search-form.active) .header-search-field-wrap,.site-header .header-right:has(#header-search-form:focus-within) .header-search-field-wrap {
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important
    }

    .site-header .header-right .nav-btn-icon,.site-header .header-right .profile-link-btn,.site-header .header-right .logout-btn,.site-header .header-right .admin-btn,.site-header .header-right .auth-btns>a,.site-header .header-right #search-toggle-btn,.site-header .header-right .notification-trigger,.site-header .header-right .shield-btn {
        position:relative !important;
        display:flex !important;
        flex:0 0 var(--header-mobile-chip-size) !important;
        width:var(--header-mobile-chip-size) !important;
        min-width:var(--header-mobile-chip-size) !important;
        max-width:var(--header-mobile-chip-size) !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important;
        align-self:center !important;
        padding:0 !important;
        margin:0 !important;
        top:0 !important;
        justify-content:center !important;
        align-items:center !important;
        border-radius:var(--modern-rounded-sm) !important;
        overflow:visible !important;
        background-clip:padding-box !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
        color:transparent !important;
        text-shadow:none !important;
        transform:none !important;
        transition:background var(--header-hover-ms) ease !important
    }

    .site-header .header-right .notification-container .notification-trigger {
        width:100% !important;
        min-width:0 !important;
        max-width:none !important
    }

    .site-header .header-right .auth-btns {
        display:flex !important;
        align-items:center !important;
        gap:0 !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important;
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        align-self:center !important
    }

    .site-header .header-right .auth-btns>a {
        flex:0 0 var(--header-mobile-chip-size) !important
    }

    .site-header .header-right .nav-btn-icon i,.site-header .header-right .logout-btn i,.site-header .header-right .admin-btn i,.site-header .header-right #search-toggle-btn i,.site-header .header-right .auth-btns>a i,.site-header .header-right .notification-trigger i {
        margin:0 !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;
        font-size:1rem !important;
        line-height:1 !important;
        display:inline-block !important;
        filter:none !important
    }

    .site-header .header-right .notification-badge {
        top:2px !important;
        right:2px !important;
        transform:none !important;
        min-width:15px !important;
        height:15px !important;
        padding:0 4px !important;
        font-size:.56rem !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip {
        outline:none !important;
        animation:none !important;
        color:transparent !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip .nav-btn-vip-bg {
        opacity:0 !important;
        visibility:hidden !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip i,
    .site-header .header-right a.nav-btn-icon.nav-btn-vip i::before {
        font-size:1rem !important;
        line-height:1 !important;
        color:transparent !important;
        -webkit-text-fill-color:transparent !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip i {
        z-index:2 !important;
        filter:drop-shadow(0 0 1px rgba(0,0,0,0.35)) !important
    }

    .site-header .header-right>.search-expandable:first-child #search-toggle-btn,.site-header .header-right>.nav-btn-icon:first-child,.site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child,.site-header .header-right>.shield-btn:first-child,.site-header .header-right>.notification-container:first-child .notification-trigger,.site-header .header-right>.search-expandable:first-child #search-toggle-btn:hover,.site-header .header-right>.search-expandable:first-child #search-toggle-btn:focus-visible,.site-header .header-right>.search-expandable:first-child #search-toggle-btn:active,.site-header .header-right>.search-expandable:first-child #search-toggle-btn.press-feedback,.site-header .header-right>.nav-btn-icon:first-child:hover,.site-header .header-right>.nav-btn-icon:first-child:focus-visible,.site-header .header-right>.nav-btn-icon:first-child:active,.site-header .header-right>.nav-btn-icon:first-child.press-feedback,.site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child:hover,.site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child:focus-visible,.site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child:active,.site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child.press-feedback,.site-header .header-right>.shield-btn:first-child:hover,.site-header .header-right>.shield-btn:first-child:focus-visible,.site-header .header-right>.shield-btn:first-child:active,.site-header .header-right>.shield-btn:first-child.press-feedback,.site-header .header-right>.notification-container:first-child .notification-trigger:hover,.site-header .header-right>.notification-container:first-child .notification-trigger:focus-visible,.site-header .header-right>.notification-container:first-child .notification-trigger:active,.site-header .header-right>.notification-container:first-child .notification-trigger.press-feedback {
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-right>.admin-btn:last-child,.site-header .header-right>.profile-link-btn:last-child,.site-header .header-right>.nav-btn-vip:last-child,.site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child,.site-header .header-right>.notification-container:last-child .notification-trigger,.site-header .header-right>.search-expandable:last-child #search-toggle-btn,.site-header .header-right>.admin-btn:last-child:hover,.site-header .header-right>.admin-btn:last-child:focus-visible,.site-header .header-right>.admin-btn:last-child:active,.site-header .header-right>.admin-btn:last-child.press-feedback,.site-header .header-right>.profile-link-btn:last-child:hover,.site-header .header-right>.profile-link-btn:last-child:focus-visible,.site-header .header-right>.profile-link-btn:last-child:active,.site-header .header-right>.profile-link-btn:last-child.press-feedback,.site-header .header-right>.nav-btn-vip:last-child:hover,.site-header .header-right>.nav-btn-vip:last-child:focus-visible,.site-header .header-right>.nav-btn-vip:last-child:active,.site-header .header-right>.nav-btn-vip:last-child.press-feedback,.site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child:hover,.site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child:focus-visible,.site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child:active,.site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child.press-feedback,.site-header .header-right>.notification-container:last-child .notification-trigger:hover,.site-header .header-right>.notification-container:last-child .notification-trigger:focus-visible,.site-header .header-right>.notification-container:last-child .notification-trigger:active,.site-header .header-right>.notification-container:last-child .notification-trigger.press-feedback,.site-header .header-right>.search-expandable:last-child #search-toggle-btn:hover,.site-header .header-right>.search-expandable:last-child #search-toggle-btn:focus-visible,.site-header .header-right>.search-expandable:last-child #search-toggle-btn:active,.site-header .header-right>.search-expandable:last-child #search-toggle-btn.press-feedback {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-right>.logout-btn:last-child,
    .site-header .header-right>button.nav-btn-icon.logout-btn:last-child,
    .site-header .header-right>.logout-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>button.nav-btn-icon.logout-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback) {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-right:has(#header-search-form.active)>.search-expandable:first-child #search-toggle-btn,.site-header .header-right:has(#header-search-form:focus-within)>.search-expandable:first-child #search-toggle-btn {
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-right:has(#header-search-form.active)>.search-expandable #search-toggle-btn,.site-header .header-right:has(#header-search-form:focus-within)>.search-expandable #search-toggle-btn {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    .terminal-logo .logo-text {
        display:none !important
    }

    .terminal-logo .prompt {
        font-size:1.15rem !important
    }

    .header-center .desktop-nav,.header-center .desktop-nav a {
        pointer-events:auto !important
    }

    .site-header .header-nav-cluster .desktop-nav {
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:0 !important;
        padding:0 !important;
        border-radius:0 !important;
        width:max-content !important;
        max-width:none !important;
        flex-shrink:0 !important;
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        align-self:center !important;
        position:relative !important;
        top:0 !important;
        margin:0 !important;
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        border:0 !important;
        box-shadow:none !important;
        box-sizing:border-box !important
    }

    .site-header .desktop-nav .nav-item {
        display:flex !important;
        flex:0 0 var(--header-mobile-chip-size) !important;
        width:var(--header-mobile-chip-size) !important;
        min-width:var(--header-mobile-chip-size) !important;
        max-width:var(--header-mobile-chip-size) !important;
        height:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        max-height:var(--header-mobile-chip-size) !important;
        align-self:center !important;
        padding:0 !important;
        font-size:0 !important;
        border:0 !important;
        border-width:0 !important;
        border-color:transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        justify-content:center !important;
        align-items:center !important;
        background:transparent !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
        color:transparent !important;
        text-shadow:none !important;
        overflow:visible !important;
        position:relative !important;
        top:0 !important;
        margin:0 !important;
        transform:none !important;
        transition:background var(--header-hover-ms) ease !important
    }

    .site-header .desktop-nav .nav-item:hover,.site-header .desktop-nav .nav-item:focus-visible {
        transform:none !important;
        background:var(--header-hover-fill) !important
    }

    .site-header .desktop-nav .nav-item.press-feedback,.site-header .desktop-nav .nav-item:active {
        transform:var(--ulp-press-transform) !important;
        background:var(--header-press-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-press-text) !important;
        text-shadow:none !important;
        filter:none !important
    }

    .site-header .desktop-nav .nav-item.press-feedback i,.site-header .desktop-nav .nav-item:active i {
        color:inherit !important;
        filter:none !important
    }

    .site-header .desktop-nav .nav-item.active.press-feedback,.site-header .desktop-nav .nav-item.active:active {
        background:rgba(255,255,255,0.12) !important;
        color:var(--header-hover-text) !important
    }

    .site-header .desktop-nav .nav-item.active.press-feedback i,.site-header .desktop-nav .nav-item.active:active i {
        color:var(--primary-color) !important;
        filter:none !important
    }

    .site-header .header-right .nav-btn-icon.press-feedback,.site-header .header-right .nav-btn-icon:active,.site-header .header-right .profile-link-btn.press-feedback,.site-header .header-right .profile-link-btn:active,.site-header .header-right #search-toggle-btn.press-feedback,.site-header .header-right #search-toggle-btn:active,.site-header .header-right .notification-trigger.press-feedback,.site-header .header-right .notification-trigger:active,.site-header .header-right .logout-btn.press-feedback,.site-header .header-right .logout-btn:active,.site-header .header-right .admin-btn.press-feedback,.site-header .header-right .admin-btn:active,.site-header .header-right .auth-btns>a.press-feedback,.site-header .header-right .auth-btns>a:active,.site-header .header-right .shield-btn.press-feedback,.site-header .header-right .shield-btn:active,.site-header .header-right a.nav-btn-icon.nav-btn-vip.press-feedback,.site-header .header-right a.nav-btn-icon.nav-btn-vip:active {
        transform:var(--ulp-press-transform) !important;
        background:var(--header-press-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-press-text) !important;
        filter:none !important
    }

    .site-header .header-right .nav-btn-icon.press-feedback i:not(.icon-gem-gradient),.site-header .header-right .nav-btn-icon:active i:not(.icon-gem-gradient),.site-header .header-right #search-toggle-btn.press-feedback i,.site-header .header-right #search-toggle-btn:active i,.site-header .header-right .notification-trigger.press-feedback i,.site-header .header-right .notification-trigger:active i,.site-header .header-right .logout-btn.press-feedback i,.site-header .header-right .logout-btn:active i,.site-header .header-right .admin-btn.press-feedback i,.site-header .header-right .admin-btn:active i,.site-header .header-right .auth-btns>a.press-feedback i,.site-header .header-right .auth-btns>a:active i,.site-header .header-right .shield-btn.press-feedback i,.site-header .header-right .shield-btn:active i {
        color:inherit !important;
        -webkit-text-fill-color:inherit !important;
        filter:none !important
    }

    .site-header .desktop-nav .nav-item.active,.site-header .desktop-nav .nav-item.active:hover {
        background:rgba(255,255,255,0.09) !important;
        border:0 !important;
        border-width:0 !important;
        border-color:transparent !important;
        box-shadow:none !important;
        text-shadow:none !important;
        filter:none !important;
        transform:none !important;
        color:transparent !important
    }

    .site-header .desktop-nav .nav-item i {
        margin:0 !important;
        color:#fff !important;
        font-size:1rem !important;
        line-height:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:1em !important;
        height:1em !important;
        filter:none !important;
        text-shadow:none !important;
        transform:none !important
    }

    .site-header .desktop-nav .nav-item.active i,.site-header .desktop-nav .nav-item.active:hover i {
        color:var(--primary-color) !important;
        filter:none !important;
        text-shadow:none !important;
        transform:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child,.site-header .header-nav-cluster .desktop-nav .nav-item:last-child:hover,.site-header .header-nav-cluster .desktop-nav .nav-item:last-child:focus-visible,.site-header .header-nav-cluster .desktop-nav .nav-item:last-child.active,.site-header .header-nav-cluster .desktop-nav .nav-item:last-child.active:hover {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:only-child,.site-header .header-nav-cluster .desktop-nav .nav-item:only-child:hover,.site-header .header-nav-cluster .desktop-nav .nav-item:only-child:focus-visible,.site-header .header-nav-cluster .desktop-nav .nav-item:only-child.active,.site-header .header-nav-cluster .desktop-nav .nav-item:only-child.active:hover {
        border-radius:var(--modern-rounded-sm) !important
    }

    .desktop-nav .nav-item span,.desktop-nav .nav-item .nav-text {
        display:none !important
    }

    .profile-link-btn .username,.mobile-toggle {
        display:none !important
    }

}

@media(max-width:441px) {
    #site-header-wrapper {
        --header-mobile-chip-size:36px
    }

    .header-inner {
        column-gap:.35rem !important
    }

    .header-left {
        display:none !important
    }

    .header-center {
        order:1 !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        width:max-content !important;
        max-width:100% !important
    }

    .header-right {
        order:2 !important;
        flex-shrink:1 !important;
        gap:0 !important
    }

    .desktop-nav {
        gap:0 !important
    }

    .desktop-nav .nav-item i {
        font-size:.9rem !important
    }

    .header-right .nav-btn-icon i {
        font-size:.9rem !important
    }

    .header-right a.nav-btn-icon.nav-btn-vip i,
    .header-right a.nav-btn-icon.nav-btn-vip i::before {
        font-size:1.12rem !important
    }

}

@media(max-width:380px) {
    #site-header-wrapper {
        --header-mobile-chip-size:34px
    }

    body {
        padding-top:calc(var(--header-mobile-stack-h,72px) + env(safe-area-inset-top,0px)) !important;
        scroll-padding-top:calc(var(--header-mobile-stack-h,72px) + env(safe-area-inset-top,0px)) !important
    }

    .site-header {
        padding:.2rem 0 !important
    }

    .terminal-logo .logo-text {
        font-size:.95rem !important
    }

    .header-right {
        gap:0 !important
    }

    .site-header .header-center {
        padding:0 !important;
        margin-top:0 !important
    }

    .desktop-nav {
        gap:0 !important
    }

    .desktop-nav .nav-item {
        width:var(--header-mobile-chip-size) !important;
        height:var(--header-mobile-chip-size) !important;
        min-width:var(--header-mobile-chip-size) !important;
        min-height:var(--header-mobile-chip-size) !important;
        padding:0 !important;
        font-size:0 !important;
        gap:0 !important
    }

}

.btn-locked {
    background:rgba(255,255,255,0.02) !important;
    border:1px solid var(--primary-color) !important;
    color:var(--primary-color) !important;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);
    opacity:.8
}

.btn-locked:hover {
    background:rgba(0,255,157,0.05) !important;
    box-shadow:0 0 15px rgba(0,255,157,0.2);
    opacity:1
}

.btn-locked i.fa-lock {
    margin-right:8px;
    font-size:.9em;
    filter:drop-shadow(0 0 5px var(--primary-color))
}

.btn.btn-toolbar.btn-locked,a.btn.btn-toolbar.btn-locked,button.btn.btn-toolbar.btn-locked {
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    color:var(--text-secondary) !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-shadow:none !important;
    opacity:1 !important;
    box-shadow:none !important
}

.btn.btn-toolbar.btn-locked:hover,a.btn.btn-toolbar.btn-locked:hover,button.btn.btn-toolbar.btn-locked:hover {
    background:rgba(255,255,255,0.06) !important;
    border-color:var(--surface-border) !important;
    color:var(--text-primary) !important;
    box-shadow:0 4px 15px rgba(0,0,0,0.3) !important;
    text-shadow:none !important
}

.btn.btn-toolbar.btn-locked i,.btn.btn-toolbar.btn-locked .icon {
    color:#fff !important;
    filter:none !important;
    margin-right:0 !important
}

.btn.btn-toolbar.btn-locked i.fa-lock {
    margin-right:0 !important
}

.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-page .page-toolbar-row>button.btn.btn-toolbar,.page-toolbar-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar,.page-toolbar-page .page-toolbar-row .forum-index-actions button.btn.btn-toolbar,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar,.page-toolbar-page .forum-cat-actions button.btn.btn-toolbar {
    border:0 !important;
    border-radius:var(--modern-rounded-md) !important;
    background:var(--header-glass-bg) !important;
    backdrop-filter:var(--header-glass-blur) !important;
    -webkit-backdrop-filter:var(--header-glass-blur) !important;
    box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
    color:var(--header-hover-text) !important;
    text-shadow:none !important;
    transform:none !important;
    transition:box-shadow var(--header-hover-ms) ease,color var(--header-hover-ms) ease,background var(--header-hover-ms) ease !important
}

.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row>button.btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions button.btn.btn-toolbar:hover,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar:hover,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar:hover,.page-toolbar-page .forum-cat-actions button.btn.btn-toolbar:hover {
    border:0 !important;
    color:var(--header-hover-text) !important;
    background:var(--header-glass-bg) !important;
    box-shadow:var(--header-glass-edge),inset 0 0 0 9999px var(--header-hover-fill),var(--header-glass-drop) !important;
    transform:none !important;
    text-shadow:none !important
}

.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar:hover .icon,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar:hover .icon,.page-toolbar-page .page-toolbar-row>button.btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover i,.page-toolbar-page .page-toolbar-row .forum-index-actions button.btn.btn-toolbar:hover i,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar:hover i,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar:hover .icon,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar:hover i,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar:hover .icon,.page-toolbar-page .forum-cat-actions button.btn.btn-toolbar:hover i {
    color:inherit !important;
    filter:none !important
}

.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar.btn-locked,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar.btn-locked,.page-toolbar-page .page-toolbar-row>button.btn.btn-toolbar.btn-locked,.page-toolbar-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar.btn-locked,.page-toolbar-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar.btn-locked,.page-toolbar-page .page-toolbar-row .forum-index-actions button.btn.btn-toolbar.btn-locked,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar.btn-locked,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar.btn-locked,.page-toolbar-page .forum-cat-actions button.btn.btn-toolbar.btn-locked {
    color:var(--text-secondary) !important
}

.page-toolbar-page .page-toolbar-row>.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .page-toolbar-row>a.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .page-toolbar-row>button.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions .btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions a.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .page-toolbar-row .forum-index-actions button.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .forum-cat-actions .btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .forum-cat-actions a.btn.btn-toolbar.btn-locked:hover,.page-toolbar-page .forum-cat-actions button.btn.btn-toolbar.btn-locked:hover {
    color:var(--header-hover-text) !important
}

.notif-liked {
    color:var(--error-color) !important;
    font-weight:700
}

.notif-commented {
    color:var(--primary-color) !important;
    font-weight:700
}

.notif-approved {
    color:var(--primary-color) !important;
    font-weight:700
}

.notification-list>.notification-item.notif-like>.icon-box {
    background:rgba(255,71,87,0.1) !important;
    border-color:rgba(255,71,87,0.28) !important;
    color:#ff4757 !important
}

.notification-list>.notification-item.notif-comment>.icon-box {
    background:rgba(0,255,157,0.08) !important;
    border-color:rgba(0,255,157,0.28) !important;
    color:var(--primary-color) !important
}

.notification-list>.notification-item.notif-approval>.icon-box {
    background:rgba(46,213,115,0.1) !important;
    border-color:rgba(46,213,115,0.32) !important;
    color:#2ed573 !important
}

.notification-list>.notification-item.notif-system>.icon-box {
    background:var(--accent-soft) !important;
    border-color:rgba(0,255,157,0.3) !important;
    color:var(--primary-color) !important
}

.notification-list>.notification-item.notif-payment>.icon-box {
    background:rgba(250,204,21,0.12) !important;
    border-color:rgba(250,204,21,0.32) !important;
    color:#facc15 !important
}

.notification-list>.notification-item.notif-mention>.icon-box {
    background:var(--accent-soft) !important;
    border-color:rgba(0,255,157,0.28) !important;
    color:var(--accent-color) !important
}

.notification-list>.notification-item.notif-moderation>.icon-box {
    background:rgba(167,139,250,0.12) !important;
    border-color:rgba(167,139,250,0.3) !important;
    color:#a78bfa !important
}

.notification-list>.notification-item.notif-moderation:not(.clickable),
.alerts-history-list>.notification-item.notif-moderation:not(.clickable) {
    cursor:default
}

.notification-list>.notification-item.notif-moderation:not(.clickable) .notif-detail,
.alerts-history-list>.notification-item.notif-moderation:not(.clickable) .notif-detail {
    color:var(--text-primary);
    text-decoration:none;
    cursor:default
}

.notification-list>.notification-item.notif-moderation .notif-msg-compact__rest .notif-detail--reason {
    color: #c4b5fd;
}

.alerts-history-list>.notification-item.notif-moderation .notif-msg-compact__rest .notif-detail--reason {
    color: #c4b5fd;
}

.notification-list>.notification-item:hover>.icon-box {
    background:rgba(255,255,255,0.06) !important;
    border-color:rgba(255,255,255,0.12) !important
}

.notification-list>.notification-item.notif-like:hover>.icon-box {
    background:rgba(255,71,87,0.14) !important;
    border-color:rgba(255,71,87,0.38) !important
}

.notification-list>.notification-item.notif-comment:hover>.icon-box {
    background:rgba(0,255,157,0.12) !important;
    border-color:rgba(0,255,157,0.38) !important
}

.notification-list>.notification-item.notif-approval:hover>.icon-box {
    background:rgba(46,213,115,0.16) !important;
    border-color:rgba(46,213,115,0.42) !important
}

.notification-list>.notification-item.notif-system:hover>.icon-box {
    background:rgba(0,255,157,0.14) !important;
    border-color:rgba(0,255,157,0.4) !important
}

.notification-list>.notification-item.notif-payment:hover>.icon-box {
    background:rgba(250,204,21,0.16) !important;
    border-color:rgba(250,204,21,0.42) !important
}

.notification-list>.notification-item.notif-mention:hover>.icon-box {
    background:rgba(0,255,157,0.14) !important;
    border-color:rgba(0,255,157,0.38) !important
}

.notification-list>.notification-item.notif-moderation:hover>.icon-box {
    background:rgba(167,139,250,0.16) !important;
    border-color:rgba(167,139,250,0.4) !important
}

.notification-list>.notification-item>.icon-box.icon-box--group-badge {
    background:rgba(0,0,0,0.22) !important;
    border:1px solid rgba(255,255,255,0.1) !important;
    padding:0;
    width:var(--notif-icon-col);
    height:var(--notif-icon-col);
    min-width:var(--notif-icon-col);
    min-height:var(--notif-icon-col);
    max-width:var(--notif-icon-col);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    flex-shrink:0
}

.notification-list>.notification-item>.icon-box.icon-box--group-badge .notification-list-group-badge {
    margin-left:0;
    cursor:help;
    width:24px;
    height:24px;
    min-width:24px;
    min-height:24px;
    flex:0 0 24px;
    box-shadow:none
}

.notification-list>.notification-item>.icon-box.icon-box--group-badge .notification-list-group-badge.group-badge--admin-border {
    box-shadow:none
}

.notification-list>.notification-item>.icon-box.icon-box--group-badge .notification-list-group-badge[style*='border'],.notification-list>.notification-item>.icon-box.icon-box--group-badge .notification-list-group-badge[style*='Border'] {
    box-shadow:none
}

.notification-list>.notification-item.notif-group_badge:hover::after {
    background:rgba(255,255,255,0.035)
}

.notification-list>.notification-item.notif-group_badge:hover+.notification-item {
    border-top-color:rgba(255,255,255,0.045)
}

.notification-list>.notification-item.notif-group_badge>.notification-item-body>.msg strong {
    text-shadow:none !important;
    font-weight:600
}

.notification-list>.notification-item.notif-group_badge>.icon-box.icon-box--group-badge:hover {
    background:rgba(0,0,0,0.3) !important;
    border:1px solid rgba(255,255,255,0.16) !important
}

.chat-input-area .chat-cancel-edit-btn {
    margin-left:0;
    border:1px solid var(--surface-border);
    color:var(--text-secondary);
    background:transparent
}

.resource-description-box {
    border:0;
    background:rgba(255,255,255,0.02);
    border-radius:var(--radius);
    padding:.5rem .7rem;
    box-sizing:border-box;
    box-shadow:inset 0 0 0 1px var(--surface-soft)
}

.list-card-vstack .resource-description-box,
.list-card-main:has(> .list-card-title-row .list-bulk-checkbox-cell) > .resource-description-box {
    padding:var(--list-card-row-gap,.35rem) .7rem !important
}

.chat-input-area .chat-cancel-edit-btn:hover {
    background:rgba(255,255,255,0.05);
    border-color:rgba(255,255,255,0.2);
    color:var(--text-primary)
}

/* Unified list card layout: title+actions row, then full-width body (files, resources, forum) */
.item-main-row.list-card-vstack {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:var(--list-card-row-gap,.35rem);
    width:100% !important;
    min-width:0 !important
}

.list-card-title-actions-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:.5rem;
    align-items:start;
    width:100%;
    min-width:0
}

.list-card-title-actions-row>.list-card-title-row,
.list-card-title-actions-row>.file-title,
.list-card-title-actions-row>.forum-topic-list-card-title-row {
    grid-column:1;
    min-width:0;
    width:100%
}

.list-card-title-actions-row>.file-actions-container:has(*) {
    grid-column:2;
    grid-row:1;
    align-self:start
}

.list-card-body-rows,
.forum-topic-list-card-body {
    display:flex;
    flex-direction:column;
    gap:var(--list-card-row-gap,.35rem);
    width:100%;
    min-width:0
}

/* Same vertical rhythm: no extra margins/padding on body rows (files / resources / forum) */
.file-item .list-card-body-rows>.file-meta,
.resource-item .list-card-body-rows>.file-meta,
.forum-topic-list-card .list-card-body-rows>.file-meta,
.forum-topic-list-card .list-card-body-rows>.forum-topic-list-meta-row {
    padding:0 !important;
    margin:0 !important
}

.file-item .list-card-body-rows>.resource-description-box,
.resource-item .list-card-body-rows>.resource-description-box {
    margin:0;
    padding:var(--list-card-row-gap,.35rem) .7rem
}

.file-item .list-card-body-rows .resource-desc-snippet,
.resource-item .list-card-body-rows .resource-desc-snippet,
.file-item .list-card-body-rows .item-description.list-desc,
.resource-item .list-card-body-rows .item-description.list-desc {
    margin-top:0
}

.file-item .list-card-body-rows .file-meta-mt,
.resource-item .list-card-body-rows .file-meta-mt,
.file-item .list-card-body-rows .list-meta-spaced,
.resource-item .list-card-body-rows .list-meta-spaced {
    margin-top:0 !important
}

.forum-topic-list-card .list-card-body-rows>.forum-topic-list-card-category-row {
    margin:0;
    padding:0
}

.file-actions-container:not(:has(*)),
.item-actions-container:not(:has(*)) {
    display:none !important;
    margin:0 !important;
    min-height:0 !important;
    padding:0 !important
}

.item-main-row>.file-actions-container:has(*),
.item-main-row>.item-actions-container:has(*),
.item-main-row .list-card-title-actions-row>.file-actions-container:has(*) {
    align-self:start;
    margin-top:0;
    min-height:30px;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap
}

.file-actions-container,.item-actions-container {
    flex-shrink:0
}

@media(max-width:1024px) {
    .list-card-title-actions-row {
        display:block;
        width:100%;
        min-width:0
    }

    .file-actions-container:has(*),
    .item-actions-container:has(*) {
        display:flex !important;
        width:100% !important;
        justify-content:flex-start !important;
        align-items:center !important;
        flex-wrap:wrap !important;
        margin-top:.42rem !important;
        gap:.34rem !important
    }
}

@media(max-width:768px) {
    .file-item .item-main-row.list-card-vstack,
    .resource-item .item-main-row.list-card-vstack,
    .forum-topic-list-card .item-main-row.list-card-vstack {
        display:grid !important;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto auto auto;
        align-items:stretch;
        gap:var(--list-card-row-gap,.35rem)
    }

    .file-item .list-card-title-actions-row,
    .resource-item .list-card-title-actions-row,
    .forum-topic-list-card .list-card-title-actions-row {
        display:contents
    }

    .file-item .list-card-title-actions-row>.list-card-title-row,
    .file-item .list-card-title-actions-row>.file-title,
    .resource-item .list-card-title-actions-row>.list-card-title-row,
    .resource-item .list-card-title-actions-row>.file-title,
    .forum-topic-list-card .list-card-title-actions-row>.forum-topic-list-card-title-row,
    .forum-topic-list-card .list-card-title-actions-row>.list-card-title-row {
        grid-row:1;
        grid-column:1;
        min-width:0;
        width:100%
    }

    .file-item .list-card-body-rows,
    .resource-item .list-card-body-rows,
    .forum-topic-list-card .list-card-body-rows,
    .forum-topic-list-card .forum-topic-list-card-body {
        grid-row:2;
        grid-column:1
    }

    .file-item .list-card-title-actions-row>.file-actions-container:has(*),
    .resource-item .list-card-title-actions-row>.file-actions-container:has(*),
    .forum-topic-list-card .list-card-title-actions-row>.file-actions-container:has(*) {
        grid-row:3;
        grid-column:1;
        align-self:start;
        width:100% !important;
        justify-content:flex-start !important;
        margin-top:0 !important;
        flex-wrap:wrap !important;
        gap:.34rem !important
    }
}

.profile-showcase-editor {
    margin-bottom:1rem;
    padding:.65rem .8rem;
    border-radius:var(--modern-rounded-md);
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.03)
}

.profile-showcase-editor-head {
    margin-bottom:.5rem
}

.profile-showcase-editor-head .profile-ach-heading {
    margin:0 0 .2rem 0;
    font-size:.92rem;
    font-weight:700;
    letter-spacing:.02em
}

.profile-showcase-editor-head .profile-ach-hint {
    margin:0;
    font-size:.76rem;
    line-height:1.35;
    color:var(--text-secondary)
}

.profile-ach-heading--classic {
    margin:0 0 .2rem 0;
    font-size:.95rem
}

.profile-ach-hint--classic {
    margin:0;
    font-size:.8rem;
    opacity:.88
}

.profile-ach-hint--status {
    margin:.4rem 0 0 0;
    font-size:.75rem;
    opacity:.82;
    min-height:1.15em
}

.profile-showcase-toolbar {
    --profile-showcase-bar-height:36px;
    --profile-showcase-tile-height:42px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.5rem;
    overflow:visible
}

.profile-showcase-toolbar-row {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.45rem .65rem;
    overflow:visible
}

.profile-showcase-toolbar-row .profile-showcase-actions {
    flex-shrink:0;
    margin-left:auto;
    display:flex;
    align-items:center
}

.profile-showcase-toolbar .profile-showcase-tiles {
    flex:none;
    width:100%;
    margin-bottom:0;
    min-width:0
}

.profile-showcase-toolbar .profile-showcase-actions .btn.btn-toolbar {
    height:var(--profile-showcase-bar-height);
    min-height:var(--profile-showcase-bar-height);
    box-sizing:border-box;
    padding:0 .75rem;
    line-height:1;
    display:inline-flex;
    align-items:center
}

.profile-showcase-preview {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.55rem;
    padding:.65rem .85rem;
    margin-bottom:1rem;
    border-radius:var(--modern-rounded-sm);
    border:1px dashed rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.02)
}

.profile-showcase-preview--bar {
    flex-direction:row;
    align-items:center;
    gap:.45rem;
    padding:0 .45rem;
    margin-bottom:0;
    flex:0 1 auto;
    min-width:0;
    max-width:100%;
    min-height:var(--profile-showcase-bar-height,36px);
    box-sizing:border-box;
    border-radius:var(--modern-rounded-sm);
    overflow:visible
}

.profile-showcase-preview-label {
    font-size:.6rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--text-secondary);
    flex-shrink:0;
    opacity:.9
}

.profile-showcase-preview--bar .profile-showcase-preview-label {
    line-height:1.2;
    max-width:3.2rem
}

.profile-showcase-preview-mock {
    display:block;
    min-width:0;
    max-width:100%;
    overflow:visible;
    white-space:nowrap
}

.profile-showcase-preview-mock .profile-showcase-preview-author.username-tag {
    font-size:.75rem;
    max-width:none;
    white-space:nowrap;
    vertical-align:middle;
    position:relative;
    z-index:0
}

.profile-showcase-preview-mock .profile-showcase-preview-author.username-tag:hover {
    z-index:2
}

.profile-showcase-preview-inner {
    min-height:22px;
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.35rem
}

.profile-showcase-preview-mock .profile-showcase-preview-inner {
    flex-wrap:nowrap
}

.profile-showcase-tiles {
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-bottom:.85rem;
    align-items:center
}

.profile-showcase-tile {
    position:relative;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:.42rem;
    min-width:0;
    max-width:12rem;
    height:var(--profile-showcase-tile-height,42px);
    min-height:var(--profile-showcase-tile-height,42px);
    max-height:var(--profile-showcase-tile-height,42px);
    padding:0 .55rem 0 .42rem;
    border-radius:var(--modern-rounded-sm);
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.03);
    color:var(--text-primary);
    cursor:pointer;
    transition:border-color .15s ease,box-shadow .15s ease,transform var(--ulp-press-ms) var(--ulp-press-ease);
    font-family:inherit;
    text-align:left;
    box-sizing:border-box
}

.profile-showcase-tile:hover {
    border-color:rgba(0,255,157,0.38);
    box-shadow:0 0 0 1px rgba(0,255,157,0.06)
}

.profile-showcase-tile:is(:active,.press-feedback) {
    transform:var(--ulp-press-transform) !important;
    border-color:rgba(0,255,157,0.42);
    background:rgba(255,255,255,0.05);
    box-shadow:var(--ulp-press-inset-shadow),0 0 0 1px rgba(0,255,157,0.1) !important
}

.profile-showcase-tile.is-selected {
    border-color:rgba(0,255,157,0.55);
    box-shadow:0 0 0 1px rgba(0,255,157,0.12)
}

.profile-showcase-tile__order {
    position:absolute;
    top:3px;
    right:4px;
    min-width:1.05rem;
    height:1.05rem;
    padding:0 3px;
    font-size:.58rem;
    font-weight:800;
    line-height:1.05rem;
    text-align:center;
    border-radius:4px;
    background:var(--primary-color);
    color:#0a0a0a
}

.profile-showcase-tile__icon {
    width:28px;
    height:28px;
    border-radius:var(--modern-rounded-sm);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    background:var(--tile-bg);
    color:var(--tile-icon);
    font-size:.82rem
}

.profile-showcase-tile__icon i {
    line-height:1
}

.profile-showcase-tile__name {
    font-size:.68rem;
    min-width:0;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.15;
    padding-right:.95rem
}

@keyframes showcaseTileShake {
    0%,100% {
        transform:translateX(0)
    }

    20% {
        transform:translateX(-4px)
    }

    40% {
        transform:translateX(4px)
    }

    60% {
        transform:translateX(-3px)
    }

    80% {
        transform:translateX(3px)
    }

}

.profile-showcase-tile--shake {
    animation:showcaseTileShake .4s ease
}

.profile-showcase-actions {
    display:flex;
    gap:.5rem;
    align-items:center;
    flex-wrap:wrap
}

@media(max-width:540px) {
    .profile-showcase-toolbar-row {
        flex-direction:column;
        align-items:stretch
    }

    .profile-showcase-toolbar-row .profile-showcase-preview--bar {
        max-width:none
    }

    .profile-showcase-toolbar-row .profile-showcase-actions {
        margin-left:0;
        width:100%;
        justify-content:flex-start
    }

}

.profile-ach-list {
    display:flex;
    flex-direction:column;
    gap:.4rem
}

.profile-ach-list--classic {
    margin-top:.65rem
}

.profile-ach-card {
    display:flex;
    gap:.65rem;
    align-items:stretch;
    padding:.55rem .75rem;
    border-radius:var(--modern-rounded-md);
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.03);
    box-shadow:none
}

.profile-ach-card__icon {
    width:36px;
    height:36px;
    border-radius:var(--modern-rounded-sm);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    align-self:center;
    background:var(--badge-bg);
    color:var(--badge-icon-color);
    font-size:.9rem;
    box-shadow:0 0 12px rgba(0,0,0,0.35)
}

.profile-ach-card__icon i {
    line-height:1
}

.profile-ach-card__body {
    min-width:0;
    flex:1
}

.profile-ach-card__title {
    margin:0;
    font-size:.84rem;
    font-weight:700;
    line-height:1.25
}

.profile-ach-card__desc {
    margin:.2rem 0 0 0;
    font-size:.76rem;
    color:rgba(255,255,255,0.72);
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}

.profile-ach-card__meta {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.25rem .45rem;
    margin-top:.35rem;
    padding-top:.35rem;
    border-top:1px solid rgba(255,255,255,0.06)
}

.profile-ach-card__meta .profile-ach-card__reason,.profile-ach-card__meta .profile-ach-card__when {
    margin:0;
    font-size:.72rem;
    line-height:1.35;
    color:var(--text-secondary)
}

.telemetry-pod--granted {
    font-family:var(--font-mono,ui-monospace,monospace);
    font-size:.68rem;
    letter-spacing:.02em
}

.profile-ach-card__vip-until {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.35rem .45rem;
    margin:.4rem 0 0;
    font-size:.72rem;
    line-height:1.4;
    color:var(--text-secondary)
}

.profile-ach-k--inline {
    display:inline;
    margin-right:.2rem;
    font-size:.62rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:var(--text-secondary);
    opacity:.9
}

@keyframes ulp-rt-stat-neutral-icon-pulse-kf {
    0%,100% {
        transform:scale(1);
        filter:none;
        color:inherit
    }

    55% {
        transform:scale(1.06);
        filter:brightness(1.08)
    }

}

@keyframes ulp-rt-stat-like-icon-pulse-kf {
    0%,100% {
        transform:scale(1);
        color:inherit;
        filter:none
    }

    50% {
        transform:scale(1.1);
        color:#ff7a8c;
        filter:brightness(1.12) drop-shadow(0 0 5px rgba(255,90,110,0.55))
    }

}

@keyframes ulp-rt-stat-download-icon-pulse-kf {
    0%,100% {
        transform:scale(1);
        color:inherit;
        filter:none
    }

    50% {
        transform:scale(1.07);
        color:#5cbf96;
        filter:brightness(1.06) drop-shadow(0 0 4px rgba(55,150,115,0.32))
    }

}

@keyframes ulp-rt-stat-comment-icon-pulse-kf {
    0%,100% {
        transform:scale(1);
        color:inherit;
        filter:none
    }

    50% {
        transform:scale(1.08);
        color:#7ec8ff;
        filter:brightness(1.1) drop-shadow(0 0 5px rgba(90,175,255,0.45))
    }

}

@keyframes ulp-rt-stat-comment-count-pulse-kf {
    0%,100% {
        color:inherit;
        text-shadow:none
    }

    50% {
        color:#7ec8ff;
        text-shadow:0 0 8px rgba(90,175,255,0.4)
    }

}

.ulp-rt-stat-pulse-icon {
    display:inline-block;
    vertical-align:middle;
    transform-origin:center;
    animation:ulp-rt-stat-neutral-icon-pulse-kf .7s ease-out 1
}

.ulp-rt-stat-pulse-icon--like {
    animation-name:ulp-rt-stat-like-icon-pulse-kf
}

.ulp-rt-stat-pulse-icon--download {
    animation-name:ulp-rt-stat-download-icon-pulse-kf
}

.ulp-rt-stat-pulse-icon--comment {
    animation-name:ulp-rt-stat-comment-icon-pulse-kf
}

.ulp-rt-stat-pulse-count--comment {
    display:inline;
    animation:ulp-rt-stat-comment-count-pulse-kf .7s ease-out 1
}

footer.footer--site-meta {
    padding:.45rem 2rem 1.65rem;
    margin-top:0
}

.ulp-footer-brand-line {
    margin:0 0 .2rem;
    color:var(--text-secondary)
}

.ulp-online-footer-slot {
    margin:.25rem 0 0
}

.ulp-online-footer-slot--stack {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    width:100%;
    max-width:100%
}

.ulp-online-anchor {
    position:relative;
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    z-index:55;
    overflow:visible
}

.ulp-online-dot-btn {
    --ulp-online-btn-pill-r:999px;
    position:relative;
    align-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:5px 10px;
    margin:0;
    cursor:pointer;
    border:1px solid var(--surface-border);
    border-radius:var(--ulp-online-btn-pill-r);
    background:var(--surface-soft);
    color:var(--text-secondary,#aaa);
    font-family:var(--font-main,'Share Tech Mono',monospace);
    font-size:.78rem;
    line-height:1.2;
    vertical-align:middle;
    box-sizing:border-box;
    transition:border-color .2s ease,background .2s ease,box-shadow .15s ease;
    appearance:none;
    -webkit-appearance:none;
    direction:ltr;
    unicode-bidi:isolate
}

.ulp-online-dot-btn:hover {
    border-color:var(--surface-border);
    background:rgba(255,255,255,0.06)
}

.ulp-online-dot-btn:active,
.ulp-online-dot-btn.press-feedback {
    transform:var(--ulp-press-transform);
    background:var(--surface-strong);
    box-shadow:inset 0 1px 0 var(--surface-strong);
}

.ulp-online-dot-btn:focus-visible {
    outline:2px solid var(--surface-border);
    outline-offset:2px
}

.ulp-online-dot-btn--loading {
    pointer-events:none;
    cursor:wait
}

.ulp-online-dot-btn--loading .ulp-online-dot-btn__dot,.ulp-online-dot-btn--loading .ulp-online-dot-btn__label {
    visibility:hidden
}

.ulp-online-dot-btn--loading::after {
    content:'Loading...';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    font-size:.78rem;
    color:var(--text-secondary,#aaa);
    white-space:nowrap;
    pointer-events:none
}

.ulp-online-dot-btn__dot {
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#00ff9d;
    box-shadow:0 0 8px #00ff9d;
    flex-shrink:0
}

.ulp-online-dot-btn--with-count {
    padding-left:11px;
    padding-right:13px
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached {
    padding-left:12px !important;
    padding-right:12px !important
}

.ulp-online-dot-btn__label {
    font-size:.78rem
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached {
    position:relative;
    z-index:4;
    background:var(--surface-soft) !important;
    border:1px solid var(--surface-border) !important;
    box-shadow:none;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    transition:border-color .2s ease,background .2s ease
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached[data-ulp-popover-placement='above'] {
    border-top-width:0 !important;
    padding-top:6px;
    padding-bottom:5px;
    border-top-style:none !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    border-bottom-left-radius:999px !important;
    border-bottom-right-radius:999px !important;
    margin-top:-1px
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached[data-ulp-popover-placement='below'] {
    border-bottom-width:0 !important;
    padding-top:5px;
    padding-bottom:6px;
    border-bottom-style:none !important;
    border-top-left-radius:999px !important;
    border-top-right-radius:999px !important;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
    margin-bottom:-1px
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached:hover {
    background:rgba(255,255,255,0.06) !important;
    border-color:var(--surface-border) !important
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached[data-ulp-popover-placement='above']:hover {
    border-top-width:0 !important
}

.ulp-online-dot-btn.ulp-online-dot-btn--attached[data-ulp-popover-placement='below']:hover {
    border-bottom-width:0 !important
}

.ulp-online-popover[hidden] {
    display:none !important
}

.ulp-online-popover {
    position:absolute;
    left:0;
    right:auto;
    width:100%;
    max-width:none;
    z-index:3;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-sizing:border-box
}

.ulp-online-popover[data-placement='above'] {
    bottom:100%;
    top:auto
}

.ulp-online-popover[data-placement='below'] {
    top:100%;
    bottom:auto
}

.ulp-online-popover__card {
    width:100%;
    min-width:0;
    max-width:none;
    max-height:min(72vh,620px);
    display:flex;
    flex-direction:column;
    border-radius:var(--modern-rounded-md);
    border:1px solid var(--surface-border);
    background:var(--surface-soft);
    box-shadow:none;
    backdrop-filter:blur(5px);
    position:relative;
    overflow:visible;
    transform-origin:center bottom
}

.ulp-online-popover__card[data-placement='above'] {
    --ulp-popover-enter-y:12px;
    border-bottom-left-radius:var(--modern-rounded-md);
    border-bottom-right-radius:var(--modern-rounded-md)
}

.ulp-online-popover__card[data-placement='below'] {
    --ulp-popover-enter-y:-12px;
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin-top:-1px
}

.ulp-online-popover:not([hidden]) .ulp-online-popover__card[data-placement] {
    animation:ulp-online-popover-reveal .34s cubic-bezier(0.22,1,0.36,1) both
}

@keyframes ulp-online-popover-reveal {
    from {
        opacity:0;
        transform:translateY(var(--ulp-popover-enter-y,10px))
    }

}

@media(prefers-reduced-motion:reduce) {
    .ulp-online-popover:not([hidden]) .ulp-online-popover__card[data-placement] {
        animation:none;
        opacity:1;
        transform:none
    }

}

.ulp-online-popover__head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.65rem;
    padding:.45rem .55rem;
    border-bottom:1px solid var(--surface-border);
    flex-shrink:0
}

.ulp-online-popover__head-main {
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:.35rem .65rem;
    min-width:0
}

.ulp-online-popover__guest-meta {
    font-size:.75rem;
    font-weight:400;
    color:var(--text-secondary,#7a7a7a);
    white-space:nowrap
}

.ulp-online-popover__guest-meta:not([hidden])::before {
    content:'·';
    margin:0 .45em 0 .15em;
    color:rgba(255,255,255,0.22);
    font-weight:300
}

.ulp-online-popover__title {
    font-size:.8125rem;
    font-weight:500;
    color:rgba(0,255,157,0.88);
    font-family:var(--font-heading,'Inter',system-ui,sans-serif)
}

.ulp-online-popover__close {
    margin:0;
    padding:.15rem .35rem;
    border:0;
    background:transparent;
    color:var(--text-secondary,#777);
    font-size:1.1rem;
    line-height:1;
    cursor:pointer;
    border-radius:4px;
    transition:color .12s ease;
    flex-shrink:0
}

.ulp-online-popover__close:hover {
    color:var(--text-primary,#ccc)
}

.ulp-online-popover__body {
    padding:.45rem .55rem .55rem;
    overflow-y:auto;
    flex:1 1 auto;
    min-height:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,0.18) transparent
}

.ulp-online-popover__body::-webkit-scrollbar {
    width:6px
}

.ulp-online-popover__body::-webkit-scrollbar-track {
    background:transparent
}

.ulp-online-popover__body::-webkit-scrollbar-thumb {
    background:rgba(255,255,255,0.18);
    border-radius:4px
}

.ulp-online-popover__empty {
    margin:0;
    font-size:.78rem;
    color:var(--text-secondary,#888);
    text-align:center;
    padding:.35rem 0
}

.ulp-online-popover__list {
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:.4rem .5rem
}

.ulp-online-popover__list li {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.25rem;
    font-size:.85rem;
    flex:0 1 auto;
    max-width:100%
}

.ulp-online-popover__list .username-tag {
    font-size:.88rem
}

.ulp-online-popover__user-row {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.25rem
}

#forum-prefix-modal.modal-overlay .modal-container {
    min-height:0;
    max-height:min(92vh,720px);
    display:flex;
    flex-direction:column;
    overflow:hidden
}

#forum-prefix-modal .modal-header {
    flex-shrink:0
}

#forum-prefix-modal #forum-prefix-form {
    display:flex;
    flex-direction:column;
    min-height:0;
    flex:1 1 auto;
    overflow:hidden
}

#forum-prefix-modal #forum-prefix-form>.modal-body {
    flex:1 1 auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}

#forum-prefix-modal #forum-prefix-form>div:last-child {
    flex-shrink:0
}

.forum-prefix-categories-wrap {
    border-radius:4px;
    border:1px solid rgba(255,255,255,0.14);
    background:rgba(0,0,0,0.22);
    max-height:min(44vh,300px);
    min-height:152px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch
}

#forum-prefix-modal .forum-prefix-categories-select {
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    height:auto;
    max-height:none;
    min-height:0;
    overflow:visible;
    border:none !important;
    box-shadow:none !important;
    display:block;
    margin:0;
    padding:.35rem .45rem;
    font-size:.82rem;
    line-height:1.35;
    font-family:var(--font-mono,'JetBrains Mono',monospace)
}

@media(min-width:769px) {
    :root {
        --shell-bg:rgba(12,13,15,0.94);
        --shell-border:rgba(255,255,255,0.12);
        --shell-radius:var(--modern-rounded-xl)
    }

    body {
        padding-top:62px
    }

    #site-header-wrapper {
        border-bottom:1px solid var(--shell-border);
        background:var(--bg-color) !important
    }

    .site-header {
        height:62px;
        border-bottom:0 !important;
        background:var(--bg-color) !important;
        box-shadow:none !important
    }

    .header-inner {
        position:relative
    }

    .desktop-nav {
        gap:0 !important;
        padding:2px !important;
        background:var(--shell-bg) !important;
        border:1px solid var(--shell-border) !important;
        border-bottom:0 !important;
        border-radius:var(--modern-rounded-lg) var(--modern-rounded-lg) 0 0 !important;
        position:relative;
        top:1px
    }

    .desktop-nav .nav-item {
        border:1px solid transparent !important;
        border-right:1px solid rgba(255,255,255,0.09) !important;
        border-bottom-color:transparent !important;
        border-radius:var(--modern-rounded-sm) var(--modern-rounded-sm) 0 0 !important;
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
        margin-bottom:-1px
    }

    .desktop-nav .nav-item:last-child {
        border-right-color:transparent !important
    }

    .desktop-nav .nav-item:hover {
        background:rgba(255,255,255,0.035) !important;
        border-color:rgba(255,255,255,0.14) !important;
        border-bottom-color:transparent !important;
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.12) !important
    }

    .desktop-nav .nav-item.active,.desktop-nav .nav-item.active:hover {
        background:rgba(18,18,18,0.98) !important;
        border-color:rgba(0,255,157,0.34) !important;
        border-bottom-color:rgba(18,18,18,0.98) !important;
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.22),0 0 10px rgba(0,255,157,0.12) !important
    }

    .page-toolbar-page {
        margin-top:0 !important;
        padding-top:.22rem !important
    }

    .page-toolbar-row {
        margin-top:0 !important;
        margin-bottom:var(--page-toolbar-row-gap);
        padding:.38rem .44rem;
        border:1px solid var(--shell-border);
        border-radius:var(--shell-radius);
        background:var(--shell-bg);
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)
    }

    /* File/resource detail toolbar aligns with Add File/Add Resource row. */
    .page-toolbar-page .page-toolbar-row.page-toolbar-row--detail-nav {
        margin-top:0 !important;
        position:static !important;
        top:auto !important;
    }

    .page-toolbar-page .page-toolbar-row.page-toolbar-row--detail-nav .directory-tabs-scroll > .filter-chip {
        min-height:var(--filter-chip-height) !important;
        padding:.28rem .65rem !important;
        font-size:.78rem !important;
        line-height:1 !important;
    }

    .page-toolbar-row>.directory-tabs {
        padding:0 !important;
        margin:0 !important;
        align-self:stretch
    }

    .page-toolbar-row .directory-tabs-scroll {
        gap:0 !important;
        padding:0 !important;
        border:1px solid rgba(255,255,255,0.1);
        border-radius:var(--modern-rounded-md);
        background:rgba(255,255,255,0.02);
        overflow-x:auto;
        overflow-y:hidden
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip {
        border:0 !important;
        border-right:1px solid rgba(255,255,255,0.09) !important;
        border-radius:0 !important;
        margin:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip:first-child,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:first-child {
        border-top-left-radius:var(--modern-rounded-md) !important;
        border-bottom-left-radius:var(--modern-rounded-md) !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip:last-child,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:last-child {
        border-right:0 !important;
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:hover {
        background:var(--surface-soft) !important;
        box-shadow:inset 0 0 0 1px var(--accent-soft) !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active {
        background:rgba(0,255,157,0.14) !important;
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.26) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        border-radius:var(--modern-rounded-md) !important;
        border:1px solid rgba(255,255,255,0.12) !important;
        background:rgba(255,255,255,0.03) !important;
        box-shadow:none !important
    }

    .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        border-color:rgba(0,255,157,0.32) !important;
        background:rgba(0,255,157,0.08) !important;
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.12) !important;
        transform:none !important
    }

}

/* Clean forum category/subcategory interactions (desktop+mobile) */
.page-toolbar-row .directory-tabs-scroll > .filter-chip:hover,
.page-toolbar-row .directory-tabs-scroll > a.filter-chip:hover,
.page-toolbar-row .directory-tabs-scroll > button.filter-chip:hover,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > .filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > a.filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > button.filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip:hover,
.page-toolbar-row .directory-tabs-scroll > .filter-chip.active:hover,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip.active:hover,
.page-toolbar-page .directory-tabs-scroll > .filter-chip.active:hover,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip.active:hover,
.page-toolbar-row .directory-tabs-scroll > .filter-chip.btn:hover,
.page-toolbar-page .directory-tabs-scroll > .filter-chip.btn:hover {
    transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important
}

.page-toolbar-row .directory-tabs-scroll > .filter-chip:active,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:active,
.page-toolbar-row .directory-tabs-scroll > .filter-chip.press-feedback,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip.press-feedback,
.page-toolbar-page .directory-tabs-scroll > .filter-chip:active,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip:active,
.page-toolbar-page .directory-tabs-scroll > .filter-chip.press-feedback,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip.press-feedback {
    transform:var(--ulp-press-transform) !important;
    background: rgba(0,255,157,0.13) !important;
    border-color: rgba(0,255,157,0.48) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), inset 0 0 0 1px rgba(0,255,157,0.24), 0 2px 9px rgba(0,0,0,0.28) !important;
    text-shadow: 0 0 9px rgba(0,255,157,0.4) !important
}

/* Forum categories/subcategories: flat hover + button-like press */
.page-toolbar-row .directory-tabs-scroll > .filter-chip:hover,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > .filter-chip:hover,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip:hover,
.filter-chip.active:hover,
.filter-chip.forum-index-breadcrumb-chip:hover {
    transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important
}

.page-toolbar-row .directory-tabs-scroll > .filter-chip:active,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:active,
.page-toolbar-row .directory-tabs-scroll > .filter-chip.press-feedback,
.page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip.press-feedback,
.page-toolbar-page .directory-tabs-scroll > .filter-chip:active,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip:active,
.page-toolbar-page .directory-tabs-scroll > .filter-chip.press-feedback,
.page-toolbar-page .directory-tabs-scroll > .forum-index-context.filter-chip.press-feedback,
.filter-chip.forum-index-breadcrumb-chip:active,
.filter-chip.forum-index-breadcrumb-chip.press-feedback {
    transform:var(--ulp-press-transform) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), inset 0 0 0 1px rgba(0,255,157,0.24), 0 2px 9px rgba(0,0,0,0.28) !important;
    background: rgba(0,255,157,0.13) !important;
    border-color: rgba(0,255,157,0.48) !important;
    text-shadow: 0 0 9px rgba(0,255,157,0.4) !important
}

.detail-main-card .file-view-header .header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn:hover,.detail-main-card .file-view-header .header-actions.detail-actions-segmented>a.forum-cat-back.detail-seg-btn:hover,.detail-main-card .file-view-header .header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn:focus-visible,.detail-main-card .file-view-header .header-actions.detail-actions-segmented>a.forum-cat-back.detail-seg-btn:focus-visible {
    background:var(--surface-strong) !important;
    background-image:none !important;
    background-color:var(--surface-strong) !important;
    color:var(--text-primary) !important
}

.header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn,.header-actions.detail-actions-segmented>a.forum-cat-back.detail-seg-btn {
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    transform:none !important;
    color:var(--text-primary) !important;
    border-right:1px solid rgba(255,255,255,0.14) !important
}

.forum-topic-page .page-toolbar-row.forum-topic-toolbar {
    justify-content:flex-start !important;
    align-items:center !important;
    gap:.6rem !important
}

.forum-topic-page .page-toolbar-row.forum-topic-toolbar .directory-tabs {
    flex:0 0 auto !important;
    min-width:0 !important
}

.forum-topic-page .page-toolbar-row.forum-topic-toolbar .forum-topic-title-inline {
    margin:0 !important;
    flex:0 1 auto !important;
    min-width:0 !important
}

.forum-topic-page .page-toolbar-row.forum-topic-toolbar .forum-index-actions {
    margin-left:auto !important;
    flex:0 0 auto !important
}

.detail-main-card .file-view-header .header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn,.detail-main-card .file-view-header .header-actions.detail-actions-segmented>a.forum-cat-back.detail-seg-btn {
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    text-shadow:none !important;
    transform:none !important;
    filter:none !important;
    color:var(--text-primary) !important
}


.header-actions.detail-actions-segmented {
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
    border:1px solid var(--surface-border) !important;
    border-radius:var(--modern-rounded-md) !important;
    background:rgba(255,255,255,0.045) !important;
    box-shadow:inset 0 0 0 1px var(--surface-soft) !important;
    padding:2px !important;
    overflow:hidden !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn,.header-actions.detail-actions-segmented>a.detail-seg-btn,.header-actions.detail-actions-segmented>button.detail-seg-btn,.header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.42rem !important;
    min-height:32px !important;
    height:32px !important;
    padding:0 .62rem !important;
    border:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important;
    color:var(--text-primary) !important;
    font-family:var(--font-mono) !important;
    font-size:.8rem !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
    filter:none !important;
    transform:none;
    white-space:nowrap !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    cursor:pointer !important;
    overflow:hidden !important;
    background-clip:padding-box !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.detail-seg-btn--icon {
    min-width:32px !important;
    width:32px !important;
    padding:0 !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.detail-seg-btn--cta {
    min-width:0 !important;
    padding-left:.82rem !important;
    padding-right:.82rem !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn:first-child {
    border-top-left-radius:var(--modern-rounded-sm) !important;
    border-bottom-left-radius:var(--modern-rounded-sm) !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn:last-child {
    border-top-right-radius:var(--modern-rounded-sm) !important;
    border-bottom-right-radius:var(--modern-rounded-sm) !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn:last-child {
    border-right-color:transparent !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn i,.header-actions.detail-actions-segmented>.detail-seg-btn .icon {
    color:inherit !important;
    font-size:.9rem !important;
    filter:none !important;
    text-shadow:none !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn:is(:hover,:focus,:focus-visible) {
    background:var(--surface-strong) !important;
    color:var(--text-primary) !important;
    box-shadow:none !important;
    text-shadow:none !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn:active:not(:disabled):not([disabled]):not(.disabled),
.header-actions.detail-actions-segmented>.detail-seg-btn.press-feedback {
    background:var(--ulp-press-surface-bg) !important;
    color:var(--text-primary) !important;
    box-shadow:var(--ulp-press-inset-shadow) !important;
    text-shadow:none !important;
    transition:transform var(--ulp-press-ms) var(--ulp-press-ease),background var(--ulp-press-ms) var(--ulp-press-ease),box-shadow var(--ulp-press-ms) var(--ulp-press-ease) !important;
    transform:var(--ulp-press-transform) !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.is-liked {
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important;
    color:var(--text-primary) !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.is-liked:hover,.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.is-liked:focus-visible {
    background:var(--surface-strong) !important;
    background-image:none !important;
    background-color:var(--surface-strong) !important;
    color:var(--text-primary) !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.is-liked .like-btn,.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.is-liked i.fa-heart {
    color:var(--error-color) !important;
    opacity:1 !important;
    filter:none !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.has-likes:not(.is-liked),.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.has-likes:not(.is-liked):hover,.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.has-likes:not(.is-liked):focus-visible {
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important
}

.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.has-likes:not(.is-liked) .like-btn,.header-actions.detail-actions-segmented>.detail-seg-btn.like-btn-container.has-likes:not(.is-liked) i.fa-heart {
    color:var(--error-color) !important;
    opacity:1 !important;
    filter:none !important
}

.header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn {
    background:transparent !important;
    background-image:none !important;
    background-color:transparent !important
}

.header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn:hover,.header-actions.detail-actions-segmented>.forum-cat-back.detail-seg-btn:focus-visible {
    background:var(--surface-strong) !important;
    background-image:none !important;
    background-color:var(--surface-strong) !important
}


@media(min-width:769px) {
    :root {
        --shell-surface:rgba(10,11,14,0.96);
        --shell-stroke:rgba(255,255,255,0.11);
        --shell-glow:rgba(0,255,157,0.12)
    }

    body {
        padding-top:calc(64px + env(safe-area-inset-top,0px)) !important
    }

    #site-header-wrapper {
        border-bottom:0 !important;
        background:transparent !important
    }

    .site-header {
        height:64px !important;
        background:var(--shell-surface) !important;
        border-bottom:1px solid var(--shell-stroke) !important;
        box-shadow:0 8px 26px rgba(0,0,0,0.26) !important
    }

    body::before {
        content:'';
        position:fixed;
        top:calc(64px + env(safe-area-inset-top,0px));
        left:0;
        right:0;
        height:24px;
        pointer-events:none;
        z-index:9988;
        background:linear-gradient(to bottom,rgba(10,11,14,0.92),rgba(10,11,14,0))
    }

    .desktop-nav {
        background:transparent !important;
        border:1px solid var(--shell-stroke) !important;
        border-bottom:0 !important;
        border-radius:var(--modern-rounded-md) var(--modern-rounded-md) 0 0 !important;
        padding:2px !important;
        top:1px !important
    }

    .desktop-nav .nav-item.active,.desktop-nav .nav-item.active:hover {
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.24),0 0 10px var(--shell-glow) !important
    }

    .page-toolbar-page {
        margin-top:0 !important;
        padding-top:0 !important
    }

    .page-toolbar-page>.page-toolbar-row:first-child {
        margin-top:-1px !important;
        border-top-left-radius:0 !important;
        border-top-right-radius:0 !important
    }

    .page-toolbar-row {
        background:var(--shell-surface) !important;
        border:1px solid var(--shell-stroke) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.025),0 0 0 1px rgba(0,0,0,0.08) !important
    }

    .page-toolbar-row .directory-tabs-scroll {
        background:rgba(255,255,255,0.015) !important;
        border-color:rgba(255,255,255,0.1) !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active {
        background:rgba(0,255,157,0.16) !important;
        box-shadow:inset 0 0 0 1px rgba(0,255,157,0.28),0 0 10px var(--accent-soft) !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        background:rgba(255,255,255,0.02) !important;
        border-color:rgba(255,255,255,0.11) !important
    }

}

@media(min-width:769px) {
    :root {
        --ui-surface-0:rgba(10,11,14,0.96);
        --ui-surface-1:rgba(14,15,19,0.92);
        --ui-surface-2:rgba(255,255,255,0.022);
        --ui-btn-glass-bg:rgba(14,15,19,0.46);
        --ui-border-soft:var(--surface-strong);
        --ui-border-active:rgba(0,255,157,0.28);
        --ui-hover-bg:rgba(0,255,157,0.08);
        --ui-hover-ring:rgba(0,255,157,0.16);
        --ui-active-bg:rgba(0,255,157,0.14)
    }

    #site-header-wrapper {
        background:linear-gradient(to bottom,var(--ui-surface-0),rgba(10,11,14,0.9)) !important
    }

    .site-header {
        border-bottom:1px solid rgba(255,255,255,0.06) !important;
        box-shadow:0 8px 24px rgba(0,0,0,0.22) !important
    }

    body::before {
        height:34px !important;
        background:linear-gradient(to bottom,rgba(10,11,14,0.82) 0,rgba(10,11,14,0.48) 48%,rgba(10,11,14,0) 100%) !important
    }

    .page-toolbar-page>.page-toolbar-row:first-child {
        margin-top:-2px !important
    }

    .page-toolbar-row {
        background:linear-gradient(to bottom,var(--ui-surface-1),rgba(14,15,19,0.86)) !important;
        border-color:var(--ui-border-soft) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.018),0 10px 24px rgba(0,0,0,0.12) !important
    }

    .desktop-nav .nav-item,.page-toolbar-row .directory-tabs-scroll>.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip,.page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar,.header-right .nav-btn-icon,.header-right .profile-link-btn {
        color:var(--text-primary) !important;
        border-color:var(--ui-border-soft) !important;
        background:var(--ui-btn-glass-bg) !important;
        text-shadow:none !important;
        box-shadow:none !important;
        transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease !important
    }

    .desktop-nav .nav-item:hover,.page-toolbar-row .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:hover,.page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        background:var(--ui-hover-bg) !important;
        border-color:var(--ui-hover-ring) !important;
        box-shadow:inset 0 0 0 1px var(--ui-hover-ring) !important;
        color:#eafff6 !important
    }

    .desktop-nav .nav-item.active,.desktop-nav .nav-item.active:hover,.page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.filter-chip.active:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:var(--ui-active-bg) !important;
        border-color:var(--ui-border-active) !important;
        box-shadow:inset 0 0 0 1px var(--ui-border-active),0 0 10px var(--accent-soft) !important;
        color:#eafff6 !important
    }

    .desktop-nav .nav-item i,.page-toolbar-row .directory-tabs-scroll>.filter-chip i,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip i,.page-toolbar-row>.btn.btn-toolbar i,.page-toolbar-row>a.btn.btn-toolbar i,.page-toolbar-row .forum-index-actions .btn.btn-toolbar i,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar i {
        color:inherit !important;
        filter:none !important
    }

    .page-toolbar-row .directory-tabs-scroll {
        background:var(--ui-surface-2) !important;
        border-color:var(--ui-border-soft) !important
    }

}

@media(min-width:769px) {
    :root {
        --app-shell-bg:#101217;
        --app-shell-surface:#151922;
        --app-shell-surface-2:#171c27;
        --app-shell-border:rgba(255,255,255,0.1);
        --app-shell-border-soft:rgba(255,255,255,0.07);
        --app-shell-hover:rgba(0,255,157,0.06);
        --app-shell-active:var(--accent-soft);
        --app-shell-active-border:rgba(0,255,157,0.34)
    }

    body {
        padding-top:62px !important
    }

    body::before {
        display:none !important
    }

    #site-header-wrapper {
        background:transparent !important;
        border-bottom:0 !important
    }

    .site-header {
        height:62px !important;
        background:var(--app-shell-surface) !important;
        border-bottom:1px solid var(--app-shell-border) !important;
        box-shadow:none !important
    }

    .header-inner {
        gap:.9rem
    }

    .desktop-nav {
        background:var(--app-shell-bg) !important;
        border:1px solid var(--app-shell-border) !important;
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        gap:2px !important;
        position:static !important
    }

    .desktop-nav .nav-item {
        border:1px solid transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        background:transparent !important;
        margin:0 !important;
        box-shadow:none !important;
        transform:none !important;
        border-right:1px solid transparent !important
    }

    .desktop-nav .nav-item:hover {
        background:var(--app-shell-hover) !important;
        border-color:rgba(0,255,157,0.2) !important
    }

    .desktop-nav .nav-item.active,.desktop-nav .nav-item.active:hover {
        background:var(--app-shell-active) !important;
        border-color:var(--app-shell-active-border) !important;
        color:#eafff6 !important
    }

    .desktop-nav .nav-item i {
        color:inherit !important;
        filter:none !important
    }

    .page-toolbar-page {
        margin-top:0 !important;
        padding-top:.4rem !important
    }

    .page-toolbar-row {
        background:var(--app-shell-surface) !important;
        border:1px solid var(--app-shell-border) !important;
        border-radius:var(--modern-rounded-lg) !important;
        padding:.42rem !important;
        box-shadow:none !important;
        margin-bottom:var(--page-toolbar-row-gap)
    }

    .page-toolbar-row>.directory-tabs {
        padding:0 !important;
        margin:0 !important
    }

    .page-toolbar-row .directory-tabs-scroll {
        background:var(--app-shell-bg) !important;
        border:1px solid var(--app-shell-border-soft) !important;
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        gap:2px !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip {
        border:1px solid transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
        margin:0 !important;
        border-right:1px solid transparent !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:hover {
        background:var(--app-shell-hover) !important;
        border-color:rgba(0,255,157,0.2) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.filter-chip.active:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:var(--app-shell-active) !important;
        border-color:var(--app-shell-active-border) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip i,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip i {
        color:inherit !important;
        filter:none !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        background:var(--app-shell-bg) !important;
        border:1px solid var(--app-shell-border-soft) !important;
        border-radius:var(--modern-rounded-md) !important;
        box-shadow:none !important;
        transform:none !important
    }

    .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        background:var(--app-shell-hover) !important;
        border-color:rgba(0,255,157,0.22) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row>.btn.btn-toolbar i,.page-toolbar-row>a.btn.btn-toolbar i,.page-toolbar-row .forum-index-actions .btn.btn-toolbar i,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar i {
        color:inherit !important;
        filter:none !important
    }

}

@media(min-width:769px) {
    body {
        padding-top:62px !important
    }

    #site-header-wrapper {
        background:transparent !important;
        border:0 !important
    }

    .site-header {
        height:62px !important;
        background:var(--surface-color) !important;
        border-bottom:1px solid var(--surface-border) !important;
        box-shadow:none !important
    }

    .page-toolbar-page>.page-toolbar-row:first-child {
        margin-top:-1px !important;
        border-top:0 !important;
        border-top-left-radius:0 !important;
        border-top-right-radius:0 !important
    }

    .page-toolbar-row {
        background:var(--surface-color) !important;
        border:1px solid var(--surface-border) !important;
        border-radius:0 0 var(--modern-rounded-lg) var(--modern-rounded-lg) !important;
        box-shadow:none !important;
        padding:.42rem !important
    }

    .desktop-nav {
        background:transparent !important;
        border:1px solid var(--surface-border) !important;
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        gap:2px !important
    }

    .desktop-nav .nav-item {
        background:transparent !important;
        border:1px solid transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        box-shadow:none !important;
        transform:none !important;
        color:var(--text-primary) !important
    }

    .desktop-nav .nav-item:hover {
        background:rgba(0,255,157,0.06) !important;
        border-color:rgba(0,255,157,0.18) !important;
        color:#eafff6 !important
    }

    .desktop-nav .nav-item.active,.desktop-nav .nav-item.active:hover {
        background:rgba(0,255,157,0.12) !important;
        border-color:rgba(0,255,157,0.28) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row .directory-tabs-scroll {
        background:transparent !important;
        border:1px solid var(--surface-border) !important;
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        gap:2px !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip {
        background:transparent !important;
        border:1px solid transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        box-shadow:none !important;
        transform:none !important;
        color:var(--text-primary) !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip:hover {
        background:rgba(0,255,157,0.06) !important;
        border-color:rgba(0,255,157,0.18) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.filter-chip.active:hover,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:rgba(0,255,157,0.12) !important;
        border-color:rgba(0,255,157,0.28) !important;
        color:#eafff6 !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        background:transparent !important;
        border:1px solid var(--surface-border) !important;
        border-radius:var(--modern-rounded-md) !important;
        box-shadow:none !important;
        color:var(--text-primary) !important
    }

    .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        background:rgba(0,255,157,0.06) !important;
        border-color:rgba(0,255,157,0.2) !important;
        color:#eafff6 !important
    }

}

@media(min-width:769px) {
    :root {
        --unified-toolbar-height:40px;
        --unified-shell-radius:var(--modern-rounded-lg)
    }

    .site-header {
        border-bottom-color:var(--surface-border) !important
    }

    .page-toolbar-page>.page-toolbar-row:first-child {
        margin-top:-1px !important
    }

    .page-toolbar-row {
        min-height:calc(var(--unified-toolbar-height) + 12px) !important;
        align-items:center !important;
        background:var(--surface-color) !important;
        border:1px solid var(--surface-border) !important;
        border-radius:var(--unified-shell-radius) !important;
        padding:6px !important;
        gap:8px !important
    }

    .page-toolbar-row .directory-tabs {
        min-height:var(--unified-toolbar-height) !important;
        display:flex !important;
        align-items:center !important
    }

    .page-toolbar-row .directory-tabs-scroll {
        min-height:var(--unified-toolbar-height) !important;
        height:var(--unified-toolbar-height) !important;
        display:inline-flex !important;
        align-items:stretch !important;
        background:transparent !important;
        border:1px solid var(--surface-border) !important;
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        gap:2px !important
    }

    .page-toolbar-row .directory-tabs-scroll>.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip {
        height:calc(var(--unified-toolbar-height) - 6px) !important;
        min-height:calc(var(--unified-toolbar-height) - 6px) !important;
        max-height:calc(var(--unified-toolbar-height) - 6px) !important;
        padding:0 14px !important;
        border:1px solid transparent !important;
        border-radius:var(--modern-rounded-sm) !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        line-height:1 !important;
        white-space:nowrap !important;
        box-sizing:border-box !important
    }

    .page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip,.page-toolbar-row .directory-tabs-scroll>.forum-index-context.filter-chip.active {
        font-size:.8rem !important;
        font-family:var(--font-mono) !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        height:var(--unified-toolbar-height) !important;
        min-height:var(--unified-toolbar-height) !important;
        max-height:var(--unified-toolbar-height) !important;
        padding:0 14px !important;
        border-radius:var(--modern-rounded-md) !important;
        border:1px solid var(--surface-border) !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        line-height:1 !important;
        box-sizing:border-box !important;
        white-space:nowrap !important
    }

    .forum-page .page-toolbar-row>.forum-index-actions {
        min-height:var(--unified-toolbar-height) !important;
        display:flex !important;
        align-items:center !important
    }

}

@media(min-width:769px) {
    .page-toolbar-page {
        margin-top:-.65rem !important;
        padding-top:0 !important
    }

    .site-header {
        border-bottom:0 !important;
        box-shadow:none !important;
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important
    }

    .site-header .header-right {
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        border:0 !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        box-sizing:border-box !important
    }

    .site-header .header-nav-cluster {
        display:flex !important;
        flex-direction:row !important;
        align-items:stretch !important;
        flex:0 1 auto !important;
        min-width:0 !important;
        min-height:42px !important;
        gap:0 !important;
        padding:2px !important;
        border-radius:var(--modern-rounded-lg) !important;
        position:relative !important;
        overflow:visible !important;
        isolation:isolate !important;
        border:0 !important;
        box-sizing:border-box !important;
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        box-shadow:none !important
    }

    .site-header .header-nav-cluster::before {
        content:'' !important;
        position:absolute !important;
        inset:0 !important;
        border-radius:inherit !important;
        z-index:0 !important;
        pointer-events:none !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important
    }

    .site-header .header-nav-cluster>.header-left,.site-header .header-nav-cluster>.header-center {
        position:relative !important;
        z-index:1 !important
    }

    .site-header .header-nav-cluster .header-left,.site-header .header-nav-cluster .desktop-nav {
        background:transparent !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        box-shadow:none !important
    }

    .site-header .header-nav-cluster .header-left {
        display:flex !important;
        align-items:stretch !important;
        border-top-left-radius:var(--modern-rounded-md) !important;
        border-bottom-left-radius:var(--modern-rounded-md) !important;
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important;
        padding:0 !important;
        flex-shrink:0 !important;
        border:0 !important;
        overflow:hidden !important;
        background-clip:padding-box !important;
        transition:background var(--header-hover-ms) ease !important
    }

    .site-header .header-nav-cluster>.header-left:only-child,
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left {
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important
    }

    .site-header .header-nav-cluster .header-left .terminal-logo,.site-header .header-nav-cluster .header-left .logo-link {
        flex:1 1 auto !important;
        align-self:stretch !important;
        min-height:100% !important;
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important
    }

    .site-header .header-nav-cluster .header-left .logo-link {
        justify-content:center !important;
        padding:0 12px !important
    }

    .site-header .header-nav-cluster .header-left:hover {
        background:var(--header-logo-hover-fill) !important
    }

    .site-header .header-nav-cluster .header-left .logo-link:hover {
        background:transparent !important
    }

    .site-header .header-nav-cluster .header-left .logo-link:hover .logo-text {
        color:var(--header-hover-text) !important
    }

    .site-header .header-nav-cluster .header-left .terminal-logo .prompt,.site-header .header-nav-cluster .header-left .terminal-logo .logo-text,.site-header .header-nav-cluster .header-left .logo-link:hover .terminal-logo .logo-text {
        background:linear-gradient(90deg,#00ffa1 0,#2ce8ff 52%,#7df7ff 100%) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
        color:transparent !important;
        text-shadow:none !important
    }

    .site-header .header-nav-cluster .header-left .terminal-logo .prompt {
        filter:drop-shadow(0 0 7px rgba(0,255,161,0.35))
    }

    .site-header .header-nav-cluster .terminal-logo:hover .logo-link {
        transform:none !important
    }

    .site-header .header-nav-cluster .header-center {
        display:flex !important;
        align-items:stretch !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        overflow:hidden !important
    }

    .site-header .header-nav-cluster .desktop-nav {
        display:flex !important;
        align-items:stretch !important;
        gap:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        position:relative !important;
        top:0 !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        overflow:hidden !important
    }

    .site-header .header-right {
        border-radius:var(--modern-rounded-lg) !important;
        padding:2px !important;
        gap:0 !important;
        min-height:42px !important;
        align-items:stretch !important;
        overflow:hidden !important;
        isolation:isolate !important;
        transform:translate3d(0,0,0) !important;
        background-clip:padding-box !important
    }

    .site-header .header-right:has(.notification-container:hover),
    .site-header .header-right:has(.notification-container.notifications-open),
    .site-header .header-right:has(.notification-container:focus-within) {
        overflow:visible !important
    }

    .site-header .header-inner>.mobile-toggle {
        display:none !important
    }

    .site-header .header-right>.search-expandable {
        display:flex !important;
        align-items:stretch !important;
        align-self:stretch !important;
        flex:0 0 auto !important;
        min-width:0 !important
    }

    .site-header .header-right>.auth-btns {
        display:flex !important;
        align-items:stretch !important;
        align-self:stretch !important;
        gap:0 !important
    }

    .site-header .header-right .search-expandable #header-search-form {
        display:flex !important;
        align-items:stretch !important;
        align-self:stretch !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        padding:0 !important;
        gap:0 !important;
        min-height:0 !important
    }

    .site-header .header-right .nav-btn-icon,.site-header .header-right .profile-link-btn,.site-header .header-right #search-toggle-btn,.site-header .header-right .notification-trigger,.site-header .header-right .logout-btn,.site-header .header-right .admin-btn,.site-header .header-right .auth-btns>a {
        width:auto !important;
        min-width:38px !important;
        height:auto !important;
        min-height:0 !important;
        flex:0 0 auto !important;
        align-self:stretch !important;
        border:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important;
        background:transparent !important;
        box-shadow:none !important;
        color:rgba(245,250,255,0.88) !important;
        transition:background-color var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .site-header .header-right .notification-container {
        display:flex !important;
        align-items:stretch !important;
        flex:0 0 auto !important;
        align-self:stretch !important;
        padding-bottom:12px !important;
        margin-bottom:-12px !important;
        min-width:38px !important;
        overflow:visible !important;
        z-index:10200 !important
    }

    .site-header .header-right .notification-container.notifications-open {
        z-index:12600 !important
    }

    .site-header .header-right .notification-container .notification-trigger {
        width:100% !important;
        min-width:38px !important;
        height:100% !important
    }

    .site-header .header-right .notification-badge {
        top:2px !important;
        right:2px !important;
        transform:none !important;
        min-width:15px !important;
        height:15px !important;
        padding:0 4px !important;
        font-size:.56rem !important;
        z-index:4 !important
    }

    .site-header .header-right .nav-btn-icon i,.site-header .header-right #search-toggle-btn i,.site-header .header-right .notification-trigger i,.site-header .header-right .logout-btn i,.site-header .header-right .admin-btn i,.site-header .header-right .auth-btns>a i {
        color:inherit !important;
        -webkit-text-fill-color:inherit !important;
        filter:none !important
    }

    .site-header .header-right .notification-container.notifications-open .notification-trigger,.site-header .header-right .notification-container.notifications-open .notification-trigger:hover {
        background:var(--header-hover-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important
    }

    .site-header .header-right .notification-container.notifications-open .notification-trigger i,.site-header .header-right .notification-container.notifications-open .notification-trigger i::before,.site-header .header-right .notification-container.notifications-open .notification-trigger:hover i,.site-header .header-right .notification-container.notifications-open .notification-trigger:hover i::before {
        color:inherit !important;
        -webkit-text-fill-color:inherit !important;
        filter:none !important
    }

    .site-header .desktop-nav .nav-item {
        flex:1 1 auto !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:transparent !important;
        margin:0 !important;
        color:rgba(245,250,255,0.88) !important;
        text-shadow:none !important;
        position:relative !important;
        filter:none !important;
        transform:translate3d(0,0,0) !important;
        backface-visibility:hidden !important;
        transition:background-color var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important;
        -webkit-font-smoothing:antialiased !important;
        -moz-osx-font-smoothing:grayscale !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item .nav-text {
        -webkit-font-smoothing:antialiased !important;
        -moz-osx-font-smoothing:grayscale !important
    }

    .site-header .desktop-nav .nav-item i {
        color:inherit !important;
        filter:none !important
    }

    .site-header .desktop-nav .nav-item:hover {
        background:var(--header-hover-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important;
        text-shadow:none !important;
        filter:none !important;
        transform:translate3d(0,0,0) !important
    }

    .site-header .desktop-nav .nav-item:hover i {
        color:inherit !important;
        filter:none !important;
        transform:none !important
    }

    .site-header .desktop-nav .nav-item.active,.site-header .desktop-nav .nav-item.active:hover {
        background:rgba(255,255,255,0.09) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important;
        text-shadow:none !important;
        filter:none !important;
        transform:translate3d(0,0,0) !important
    }

    .site-header .desktop-nav .nav-item.active i,.site-header .desktop-nav .nav-item.active:hover i {
        color:var(--primary-color) !important;
        filter:none !important;
        transform:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item.press-feedback,.site-header .header-nav-cluster .desktop-nav .nav-item:active {
        transform:var(--ulp-press-transform) !important;
        background:var(--header-press-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-press-text) !important;
        text-shadow:none !important;
        filter:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item.press-feedback i,.site-header .header-nav-cluster .desktop-nav .nav-item:active i {
        color:inherit !important;
        filter:none !important;
        transform:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item.active.press-feedback,.site-header .header-nav-cluster .desktop-nav .nav-item.active:active {
        background:rgba(255,255,255,0.12) !important;
        color:var(--header-hover-text) !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item.active.press-feedback i,.site-header .header-nav-cluster .desktop-nav .nav-item.active:active i {
        color:var(--primary-color) !important;
        filter:none !important;
        transform:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item,.site-header .header-nav-cluster .desktop-nav .nav-item:hover,.site-header .header-nav-cluster .desktop-nav .nav-item:focus-visible,.site-header .header-nav-cluster .desktop-nav .nav-item.active,.site-header .header-nav-cluster .desktop-nav .nav-item.active:hover {
        border:0 !important;
        border-color:transparent !important;
        box-shadow:none !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child,
    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child:hover,
    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child:focus-visible,
    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child.active,
    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child.active:hover {
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:focus-visible {
        outline:2px solid rgba(0,255,157,0.38) !important;
        outline-offset:1px !important
    }

    .site-header .header-right .nav-btn-icon,.site-header .header-right .profile-link-btn,.site-header .header-right #search-toggle-btn,.site-header .header-right .notification-trigger,.site-header .header-right .logout-btn,.site-header .header-right .admin-btn,.site-header .header-right .shield-btn,.site-header .header-right .auth-btns>a,.site-header .header-right a.nav-btn-icon.nav-btn-vip {
        border:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important;
        background:transparent !important;
        box-shadow:none !important;
        transition:background-color var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .site-header .header-right a.nav-btn-icon.nav-btn-vip {
        transition:background-color var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .site-header .header-right .nav-btn-vip:hover,
    .site-header .header-right a.nav-btn-icon.nav-btn-vip:hover {
        overflow:visible !important;
        border:none !important;
        outline:none !important;
        animation:none !important
    }

    .site-header .header-right .nav-btn-icon:focus-visible,.site-header .header-right .profile-link-btn:focus-visible,.site-header .header-right #search-toggle-btn:focus-visible,.site-header .header-right .notification-trigger:focus-visible,
    .site-header .header-right .nav-btn-vip:focus-visible {
        outline:1px solid rgba(0,255,157,0.45) !important;
        outline-offset:2px !important
    }

    .site-header .header-right:has(#header-search-form.active)>.search-expandable,.site-header .header-right:has(#header-search-form:focus-within)>.search-expandable {
        flex:1 1 auto !important;
        width:auto !important;
        min-width:38px !important;
        max-width:min(280px,36vw) !important;
        background:rgba(255,255,255,0.05) !important;
        border-top-left-radius:var(--modern-rounded-md) !important;
        border-bottom-left-radius:var(--modern-rounded-md) !important;
        overflow:hidden !important
    }

    .site-header .header-right:has(#header-search-form.active) .search-expandable #header-search-form,.site-header .header-right:has(#header-search-form:focus-within) .search-expandable #header-search-form {
        width:100% !important;
        flex:1 1 auto !important;
        min-width:0 !important
    }

    .site-header .header-right:has(#header-search-form.active) .header-search-field-wrap,.site-header .header-right:has(#header-search-form:focus-within) .header-search-field-wrap {
        flex:1 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important
    }

    .site-header .header-right #header-search-form:focus-within,.site-header .header-right #header-search-form.active {
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important
    }

    .site-header .header-right #header-search-form:focus-within #search-toggle-btn,.site-header .header-right #header-search-form.active #search-toggle-btn {
        background:transparent !important;
        border:0 !important;
        color:inherit !important
    }

    .site-header .header-right .notification-container .notification-dropdown {
        z-index:12601 !important
    }

    .page-toolbar-page>.page-toolbar-row:first-child {
        margin-top:0 !important;
        border-top-color:transparent !important
    }

    .forum-page.page-toolbar-page {
        margin-top:-.65rem !important
    }

    .forum-page .page-toolbar-row:first-child {
        margin-top:0 !important
    }

    .page-toolbar-row,.forum-page .page-toolbar-row {
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:stretch !important;
        gap:.65rem !important;
        min-height:0 !important;
        border:0 !important;
        box-shadow:none !important;
        background:transparent !important;
        padding:0 !important;
        padding-left:0 !important;
        padding-right:0 !important
    }

    .page-toolbar-row .directory-tabs,.forum-page .page-toolbar-row .directory-tabs {
        flex:0 1 auto !important;
        min-width:0 !important;
        max-width:100% !important;
        padding:0 !important;
        gap:0 !important;
        align-self:center !important;
        display:flex !important;
        align-items:stretch !important
    }

    .page-toolbar-page .directory-tabs-scroll {
        display:flex !important;
        align-items:stretch !important;
        flex-wrap:nowrap !important;
        gap:0 !important;
        padding:2px !important;
        border-radius:var(--modern-rounded-md) !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        border:0 !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        box-sizing:border-box !important;
        flex:0 0 auto !important;
        width:max-content !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        min-height:calc(var(--filter-chip-height) + 4px) !important;
        height:calc(var(--filter-chip-height) + 4px) !important;
        max-height:calc(var(--filter-chip-height) + 4px) !important;
        align-self:center !important;
        flex-shrink:0 !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active {
        flex:0 0 auto !important;
        min-width:0 !important;
        justify-content:center !important;
        border:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        box-shadow:none !important;
        background:transparent !important;
        margin:0 !important;
        color:rgba(245,250,255,0.88) !important;
        text-shadow:none !important;
        transform:none !important;
        align-self:stretch !important;
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        padding:0 10px !important;
        line-height:1 !important;
        display:inline-flex !important;
        align-items:center !important;
        white-space:nowrap !important;
        flex-wrap:nowrap !important;
        transition:background var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip i,.page-toolbar-page .directory-tabs-scroll>.filter-chip .icon,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip i {
        color:inherit !important;
        filter:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:hover,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:hover {
        background:var(--header-hover-fill) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip:hover i,.page-toolbar-page .directory-tabs-scroll>.filter-chip:hover .icon,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip:hover i {
        color:inherit !important;
        filter:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.active,.page-toolbar-page .directory-tabs-scroll>.filter-chip.active:hover,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover {
        background:rgba(255,255,255,0.09) !important;
        border:0 !important;
        box-shadow:none !important;
        color:var(--header-hover-text) !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.active i,.page-toolbar-page .directory-tabs-scroll>.filter-chip.active .icon,.page-toolbar-page .directory-tabs-scroll>.filter-chip.active:hover i,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active i,.page-toolbar-page .directory-tabs-scroll>.forum-index-context.filter-chip.active:hover i {
        color:var(--primary-color) !important;
        filter:none !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active i.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active .icon.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active:hover i.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:hover i.icon-gem-gradient,.page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:hover .icon.icon-gem-gradient {
        filter:drop-shadow(0 0 1px rgba(0,0,0,0.28)) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:not(.active) {
        color:var(--vip-caption-color) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip:hover {
        color:var(--vip-caption-color-strong) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active,
    .page-toolbar-page .directory-tabs-scroll>.filter-chip.filter-chip--vip.active:hover {
        color:var(--vip-caption-color-strong) !important
    }

    .page-toolbar-page .directory-tabs-scroll>.filter-chip.forum-index-breadcrumb-chip,
    .forum-breadcrumb-nav .directory-tabs-scroll>.forum-breadcrumb-chip {
        justify-content:center !important;
        white-space:nowrap !important;
        flex-wrap:nowrap !important;
        border-radius:var(--modern-rounded-sm) !important;
        width:auto !important;
        max-width:100% !important;
        flex:0 0 auto !important;
        align-self:stretch !important;
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important
    }

    .page-toolbar-row>.btn.btn-toolbar,.page-toolbar-row>a.btn.btn-toolbar,.page-toolbar-row .forum-index-actions .btn.btn-toolbar,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar {
        border:0 !important;
        border-radius:var(--modern-rounded-md) !important;
        background:var(--header-glass-bg) !important;
        backdrop-filter:var(--header-glass-blur) !important;
        -webkit-backdrop-filter:var(--header-glass-blur) !important;
        box-shadow:var(--header-glass-edge),var(--header-glass-drop) !important;
        color:var(--header-hover-text) !important;
        text-shadow:none !important;
        transform:none !important;
        padding:0 14px !important;
        min-height:calc(var(--unified-toolbar-height, 40px) + 4px) !important;
        height:auto !important;
        align-self:stretch !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        transition:box-shadow var(--header-hover-ms) ease,color var(--header-hover-ms) ease !important
    }

    .page-toolbar-row>.btn.btn-toolbar:hover,.page-toolbar-row>a.btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover {
        border:0 !important;
        color:var(--header-hover-text) !important;
        box-shadow:var(--header-glass-edge),inset 0 0 0 9999px var(--header-hover-fill),var(--header-glass-drop) !important;
        transform:none !important;
        text-shadow:none !important
    }

    .page-toolbar-row>.btn.btn-toolbar:hover i,.page-toolbar-row>a.btn.btn-toolbar:hover i,.page-toolbar-row .forum-index-actions .btn.btn-toolbar:hover i,.page-toolbar-row .forum-index-actions a.btn.btn-toolbar:hover i,.page-toolbar-row>.btn.btn-toolbar:hover .icon,.page-toolbar-row>a.btn.btn-toolbar:hover .icon {
        color:inherit !important;
        filter:none !important
    }

}

@media(min-width:769px) {
    .forum-page .page-toolbar-row>.directory-tabs {
        padding:0 !important;
        align-items:stretch !important;
        align-self:stretch !important;
        flex:0 1 auto !important;
        width:auto !important;
        max-width:100% !important
    }

    .forum-page .page-toolbar-row > .directory-tabs > .directory-tabs-scroll,
    .forum-page .page-toolbar-row .forum-breadcrumb-nav > .directory-tabs-scroll {
        width:max-content !important;
        max-width:100% !important;
        flex:0 1 auto !important;
        align-self:stretch !important;
        min-height:calc(var(--filter-chip-height, 40px) + 4px) !important;
        height:calc(var(--filter-chip-height, 40px) + 4px) !important;
        padding-top:2px !important;
        padding-bottom:2px !important;
        gap:0 !important;
        box-sizing:border-box !important
    }

    .forum-page .page-toolbar-row > .directory-tabs > .directory-tabs-scroll>.filter-chip,.forum-page .page-toolbar-row>.directory-tabs>.directory-tabs-scroll>.forum-index-context.filter-chip,
    .forum-page .page-toolbar-row .forum-breadcrumb-nav > .directory-tabs-scroll > .forum-breadcrumb-chip {
        min-height:calc(var(--filter-chip-height, 40px) - 2px) !important;
        height:auto !important;
        max-height:none !important;
        align-items:center !important
    }

}

/* Forum breadcrumb uses the same segmented chips pattern as files/resources. */
.forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip {
    display:inline-flex;
    align-items:center;
    gap:.32rem
}

.forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip + .forum-breadcrumb-chip::before {
    content:"\f054";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:.72rem;
    line-height:1;
    color:var(--text-muted);
    opacity:.72;
    margin-right:.18rem
}

/* Segmented chips: keep inner hover/active surfaces aligned to outer capsule. */
@media(min-width:769px) {
    .page-toolbar-row .directory-tabs-scroll {
        border-radius:var(--modern-rounded-md) !important;
        padding:2px !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .page-toolbar-row .directory-tabs-scroll > .filter-chip,
    .page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip {
        border-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .page-toolbar-row .directory-tabs-scroll > .filter-chip:first-child,
    .page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:first-child {
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important
    }

    .page-toolbar-row .directory-tabs-scroll > .filter-chip:last-child,
    .page-toolbar-row .directory-tabs-scroll > .forum-index-context.filter-chip:last-child {
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important
    }

    /* Apply the same segmented-capsule geometry to site header categories (Files/Discussions/Resources). */
    .site-header .header-nav-cluster {
        border-radius:var(--modern-rounded-lg) !important;
        padding:2px !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-nav-cluster .desktop-nav {
        overflow:hidden !important
    }

    .site-header .desktop-nav .nav-item {
        border-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:first-child {
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important
    }

    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child,
    .site-header .header-nav-cluster .desktop-nav .nav-item:last-child:is(:hover,:focus-visible,:active,.press-feedback,.active,.active:hover) {
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important
    }

    .site-header .header-nav-cluster .header-left,
    .site-header .header-nav-cluster .header-left:hover,
    .site-header .header-nav-cluster .header-left:has(.logo-link:focus-visible),
    .site-header .header-nav-cluster .header-left:has(.logo-link.press-feedback),
    .site-header .header-nav-cluster .header-left:has(.logo-link:active) {
        border-top-left-radius:var(--modern-rounded-md) !important;
        border-bottom-left-radius:var(--modern-rounded-md) !important;
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-nav-cluster>.header-left:only-child,
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left,
    .site-header .header-nav-cluster>.header-left:only-child:hover,
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left:hover,
    .site-header .header-nav-cluster>.header-left:only-child:has(.logo-link:focus-visible),
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left:has(.logo-link:focus-visible),
    .site-header .header-nav-cluster>.header-left:only-child:has(.logo-link.press-feedback),
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left:has(.logo-link.press-feedback),
    .site-header .header-nav-cluster>.header-left:only-child:has(.logo-link:active),
    .site-header .header-nav-cluster:not(:has(> .header-center))>.header-left:has(.logo-link:active) {
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important
    }

    .site-header .header-nav-cluster .header-left:hover,
    .site-header .header-nav-cluster .header-left:has(.logo-link:focus-visible) {
        background:var(--header-logo-hover-fill) !important
    }

    .site-header .header-nav-cluster .header-left:has(.logo-link.press-feedback),
    .site-header .header-nav-cluster .header-left:has(.logo-link:active) {
        background:var(--header-logo-press-fill) !important
    }

    /* Header-right: mirror nav-cluster segmented capsule (8px chips, 10px outer corners). */
    .site-header .header-right {
        border-radius:var(--modern-rounded-lg) !important;
        padding:2px !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-right:has(.notification-container:hover),
    .site-header .header-right:has(.notification-container.notifications-open),
    .site-header .header-right:has(.notification-container:focus-within) {
        overflow:visible !important
    }

    .site-header .header-right .nav-btn-icon:not(.logout-btn),
    .site-header .header-right .profile-link-btn,
    .site-header .header-right #search-toggle-btn,
    .site-header .header-right .notification-trigger,
    .site-header .header-right .admin-btn,
    .site-header .header-right .shield-btn,
    .site-header .header-right .auth-btns>a,
    .site-header .header-right a.nav-btn-icon.nav-btn-vip,
    .site-header .header-right .nav-btn-icon:not(.logout-btn):is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .profile-link-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right #search-toggle-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .notification-trigger:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .admin-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .shield-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .auth-btns>a:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right a.nav-btn-icon.nav-btn-vip:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right .notification-container.notifications-open .notification-trigger,
    .site-header .header-right .notification-container.notifications-open .notification-trigger:hover {
        border-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important
    }

    .site-header .header-right>.search-expandable:first-child #search-toggle-btn,
    .site-header .header-right>.search-expandable:first-child #search-toggle-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.nav-btn-icon:first-child,
    .site-header .header-right>.nav-btn-icon:first-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.shield-btn:first-child,
    .site-header .header-right>.shield-btn:first-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child,
    .site-header .header-right>.auth-btns:first-child>.nav-btn-icon:first-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.notification-container:first-child .notification-trigger,
    .site-header .header-right>.notification-container:first-child .notification-trigger:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right:has(#header-search-form.active)>.search-expandable:first-child,
    .site-header .header-right:has(#header-search-form:focus-within)>.search-expandable:first-child {
        border-top-left-radius:var(--modern-rounded-md) !important;
        border-bottom-left-radius:var(--modern-rounded-md) !important
    }

    .site-header .header-right>.admin-btn:last-child,
    .site-header .header-right>.admin-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.profile-link-btn:last-child,
    .site-header .header-right>.profile-link-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.nav-btn-vip:last-child,
    .site-header .header-right>a.nav-btn-vip:last-child,
    .site-header .header-right>.nav-btn-vip:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>a.nav-btn-vip:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child,
    .site-header .header-right>.auth-btns:last-child>.nav-btn-icon:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.notification-container:last-child .notification-trigger,
    .site-header .header-right>.notification-container:last-child .notification-trigger:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.search-expandable:last-child #search-toggle-btn,
    .site-header .header-right>.search-expandable:last-child #search-toggle-btn:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>.logout-btn:last-child,
    .site-header .header-right>button.nav-btn-icon.logout-btn:last-child,
    .site-header .header-right>.logout-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback),
    .site-header .header-right>button.nav-btn-icon.logout-btn:last-child:is(:hover,:focus-visible,:active,.press-feedback) {
        border-top-right-radius:var(--modern-rounded-md) !important;
        border-bottom-right-radius:var(--modern-rounded-md) !important
    }
}

/* Canonical radii for detail action buttons (back/like/bump/edit/download). */
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > a.detail-seg-btn,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > button.detail-seg-btn,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:is(:hover,:focus,:focus-visible,:active,.active,.is-liked,.has-likes) {
    border-radius:0 !important;
}

/* Forum index breadcrumbs only (desktop): override file/resource segmented chip rules on .filter-chip */
@media(min-width:769px) {
    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip,
    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip:is(:hover,:focus-visible,:active,.press-feedback,.active,.active:hover) {
        border:0 !important;
        border-right:0 !important;
        border-radius:var(--modern-rounded-sm) !important;
        border-top-left-radius:var(--modern-rounded-sm) !important;
        border-top-right-radius:var(--modern-rounded-sm) !important;
        border-bottom-left-radius:var(--modern-rounded-sm) !important;
        border-bottom-right-radius:var(--modern-rounded-sm) !important;
        overflow:hidden !important;
        background-clip:padding-box !important;
        box-shadow:none !important;
        transform:none !important;
        text-shadow:none !important;
        margin:0 !important
    }

    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip:hover,
    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip:focus-visible {
        background:var(--header-hover-fill) !important;
        color:var(--header-hover-text) !important
    }

    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip.active,
    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip.active:hover {
        background:rgba(255,255,255,0.09) !important;
        color:var(--header-hover-text) !important
    }

    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip:active,
    .forum-breadcrumb-nav .directory-tabs-scroll > .forum-breadcrumb-chip.press-feedback {
        background:rgba(0,255,157,0.13) !important;
        color:var(--header-hover-text) !important;
        transform:var(--ulp-press-transform) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),inset 0 0 0 1px rgba(0,255,157,0.24),0 2px 9px rgba(0,0,0,0.28) !important;
        text-shadow:none !important
    }
}

.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:first-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > a.detail-seg-btn:first-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > button.detail-seg-btn:first-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:first-child:is(:hover,:focus,:focus-visible,:active,.active,.is-liked,.has-likes) {
    border-top-left-radius:var(--modern-rounded-sm) !important;
    border-bottom-left-radius:var(--modern-rounded-sm) !important;
}

.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:last-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > a.detail-seg-btn:last-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > button.detail-seg-btn:last-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:last-child:is(:hover,:focus,:focus-visible,:active,.active,.is-liked,.has-likes) {
    border-top-right-radius:var(--modern-rounded-sm) !important;
    border-bottom-right-radius:var(--modern-rounded-sm) !important;
}

.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:only-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > a.detail-seg-btn:only-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > button.detail-seg-btn:only-child,
.detail-main-card .file-view-header .header-actions.detail-actions-segmented > .detail-seg-btn:only-child:is(:hover,:focus,:focus-visible,:active,.active,.is-liked,.has-likes) {
    border-radius:var(--modern-rounded-sm) !important;
}

/* Keep desktop shell geometry consistent: header and main container share same horizontal inset. */
@media (min-width: 769px) {
    .header-inner {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}