/* _content/Ascenden/Components/Communications/ChannelChatPanel.razor.rz.scp.css */
.chat-panel-shell[b-onddbz3pxu] {
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
    gap:0;
    background:transparent;
    border:none;
    border-radius:0;
    padding:0;
}

.chat-empty[b-onddbz3pxu] {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    color:rgba(255,255,255,.6);
}

.chat-message-hover-actions[b-onddbz3pxu] {
    position: absolute;
    top: 4px;
    right: 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 6px;
    padding: 6px 10px;
    background: rgba(8, 12, 16, 0.96);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 20;
}

.chat-message-item:hover .chat-message-hover-actions[b-onddbz3pxu],
.chat-message-item:focus-within .chat-message-hover-actions[b-onddbz3pxu] {
    opacity: 1;
    pointer-events: auto;
}

.chat-message-list[b-onddbz3pxu] {
    flex:1;
    min-height:0;
    overflow:auto;
    display:flex;
    flex-direction:column;
    gap: 0;
    padding:18px;
}

.chat-message-item[b-onddbz3pxu] {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 12px;
    padding: 2px 18px;
    position: relative;
    background: transparent;
    border-radius: 0;
    transition: background .12s ease;
}
    .chat-message-item.grouped[b-onddbz3pxu] {
        grid-template-columns: 52px 1fr;
        padding-top: 1px;
        
    }

    .chat-message-item.grouped[b-onddbz3pxu] {
        
        padding-top: 0;
    }

    .chat-message-item:not(.grouped)[b-onddbz3pxu] {
        margin-top: 25px;
    }
        .chat-message-item.grouped img[b-onddbz3pxu] {
            visibility: hidden;
        }

        .chat-message-item.grouped .chat-message-meta[b-onddbz3pxu] {
            display: none;
        }

        

.chat-message-item img[b-onddbz3pxu] {
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover;
}

.chat-message-meta[b-onddbz3pxu] {
    display:flex;
    gap:10px;
    margin-bottom: 4px;
    align-items:baseline;
}

.chat-message-meta span[b-onddbz3pxu],
.chat-message-meta em[b-onddbz3pxu] {
    font-size:.72rem;
    color:rgba(255,255,255,.55);
}
.chat-reply-btn[b-onddbz3pxu] {
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.75);
    font-size: .72rem;
    cursor: pointer;
    display: none;
}

.chat-message-item:hover .chat-reply-btn[b-onddbz3pxu],
.chat-message-item:focus-within .chat-reply-btn[b-onddbz3pxu] {
    display: inline-flex;
}



.chat-message-actions-row[b-onddbz3pxu] {
    display: flex;
    margin-top: 6px;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.chat-message-jump-highlight[b-onddbz3pxu] {
    box-shadow: 0 0 0 2px rgba(0,245,210,.45) inset;
}

.chat-message-item p[b-onddbz3pxu] {
    margin:10px 0 0 0;
    white-space:pre-wrap;
    line-height:1.45;
}

.chat-input-row[b-onddbz3pxu] {
    padding: 3px 50px 3px 3px;
    background: transparent;
    
}

.chat-input-row button[b-onddbz3pxu] {
    min-height:42px;
    padding:0 18px;
    border-radius:12px;
    border:1px solid rgba(0,245,210,.32);
    background:rgba(0,145,120,.78);
    color:#fff;
    font-weight:600;
}

.chat-error[b-onddbz3pxu] {
    color:#ffb2b2;
    font-size:.84rem;
    padding:0 18px 10px;
}

.chat-unread-divider[b-onddbz3pxu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 6px 0;
    color: rgba(0,245,210,.9);
    font-size: .75rem;
    font-weight: 600;
}

.chat-unread-divider[b-onddbz3pxu]::before,
.chat-unread-divider[b-onddbz3pxu]::after {
    content: "";
    height: 1px;
    background: rgba(0,245,210,.4);
    flex: 1;
}

.chat-jump-present-wrap[b-onddbz3pxu] {
    position: sticky;
    bottom: 10px;
    display: flex;
    justify-content: center;
    pointer-events: none;
    z-index: 25;
}

.chat-jump-present-btn[b-onddbz3pxu] {
    pointer-events: auto;
    border: 1px solid rgba(0,245,210,.38);
    background: rgba(8,12,16,.92);
    color: #eafffb;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: .78rem;
    box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

.chat-message-item .message-line[b-onddbz3pxu] { white-space: pre-wrap; line-height:1.45; margin-top:4px; }

.chat-message-list[b-onddbz3pxu] {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,245,210,.32) rgba(0,0,0,.14);
}

    .chat-message-list[b-onddbz3pxu]::-webkit-scrollbar {
        width: 8px;
    }

    .chat-message-list[b-onddbz3pxu]::-webkit-scrollbar-track {
        background: rgba(0,0,0,.12);
        border-radius: 999px;
    }

    .chat-message-list[b-onddbz3pxu]::-webkit-scrollbar-thumb {
        background: rgba(0,245,210,.24);
        border-radius: 999px;
        border: 1px solid rgba(0,245,210,.16);
    }

        .chat-message-list[b-onddbz3pxu]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,245,210,.42);
        }
/* _content/Ascenden/Components/Communications/ChannelPinsControl.razor.rz.scp.css */
/* =========================
   Pins Utility Shell
========================= */

.pins-utility[b-a1b92kfeqr] {
    position: relative;
    display: flex;
    align-items: center;
}

/* =========================
   Pins Button
========================= */

.title-utility-btn[b-a1b92kfeqr] {
    height: 34px;

    padding: 0 12px;

    border-radius: 10px;

    border:
        1px solid rgba(0,255,210,.14);

    background:
        rgba(5,10,16,.82);

    color:
        rgba(220,255,250,.82);

    font-size: .82rem;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .12s ease,
        box-shadow .16s ease;
}

.title-utility-btn:hover[b-a1b92kfeqr] {
    background:
        rgba(0,255,210,.08);

    border-color:
        rgba(0,255,210,.28);

    box-shadow:
        0 0 12px rgba(0,255,210,.08);
}

.title-utility-btn:active[b-a1b92kfeqr] {
    transform: translateY(1px);
}

/* =========================
   Pins Popover
========================= */

.title-utility-popover[b-a1b92kfeqr] {
    position: absolute;

    top: calc(100% + 8px);
    right: 0;

    width: 340px;
    max-height: 420px;

    overflow-y: auto;

    padding: 10px;

    border-radius: 14px;

    background:
        rgba(8,12,18,.96);

    border:
        1px solid rgba(0,255,210,.14);

    box-shadow:
        0 12px 32px rgba(0,0,0,.45);

    backdrop-filter: blur(14px);

    z-index: 100;
}

/* =========================
   Empty State
========================= */

.chat-pins-empty[b-a1b92kfeqr] {
    padding: 14px 12px;

    color:
        rgba(220,255,250,.52);

    font-size: .82rem;

    line-height: 1.4;
}

/* =========================
   Pin List
========================= */

.chat-pins-list[b-a1b92kfeqr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* =========================
   Pin Row
========================= */

.chat-pin-item[b-a1b92kfeqr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(0,255,210,.08);
    transition: background .14s ease, border-color .14s ease;
}

    .chat-pin-item:hover[b-a1b92kfeqr] {
        background: rgba(0,255,210,.08);
        border-color: rgba(0,255,210,.18);
    }

/* =========================
   Pin Message Content
========================= */

.chat-pin-main[b-a1b92kfeqr] {
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.chat-pin-author[b-a1b92kfeqr] {
    font-size: .72rem;
    font-weight: 700;
    color: rgba(170,255,240,.88);
}      rgba(170,255,240,.92);[b-a1b92kfeqr]
}

.chat-pin-snippet[b-a1b92kfeqr] {
    font-size: .8rem;
    color: rgba(235,245,245,.84);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================
   Pin Actions
========================= */

.chat-pin-actions[b-a1b92kfeqr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* =========================
   Pin Action Buttons
========================= */

.chat-pin-action-btn[b-a1b92kfeqr] {
    border: none;

    border-radius: 8px;

    padding: 6px 10px;

    background:
        rgba(255,255,255,.05);

    color:
        rgba(220,255,250,.82);

    font-size: .75rem;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .14s ease,
        color .14s ease,
        transform .12s ease;
}

.chat-pin-action-btn:hover[b-a1b92kfeqr] {
    background:
        rgba(0,255,210,.12);

    color:
        #fff;
}

.chat-pin-action-btn:active[b-a1b92kfeqr] {
    transform: translateY(1px);
}

/* =========================
   Danger Action
========================= */

.chat-pin-action-btn.danger:hover[b-a1b92kfeqr] {
    background:
        rgba(255,80,80,.18);

    color:
        #ffdede;
}

.chat-pin-remove[b-a1b92kfeqr] {
    opacity: .45;
    background: transparent;
    border: none;
    color: rgba(255,255,255,.72);
    cursor: pointer;
    transition: opacity .12s ease, color .12s ease;
}

    .chat-pin-remove:hover[b-a1b92kfeqr] {
        opacity: 1;
        color: #ff8a8a;
    }

/* =========================
   Responsive
========================= */

@media (max-width: 900px) {

    .title-utility-popover[b-a1b92kfeqr] {
        width: min(320px, 82vw);
    }
}
/* _content/Ascenden/Components/Communications/ChannelSearchControl.razor.rz.scp.css */
/* =========================
   Search Shell
========================= */

.title-search-shell[b-7jn7kt3s6c] {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5000;
}

/* =========================
   Search Input
========================= */

.chat-search-input[b-7jn7kt3s6c] {
    width: 240px;
    height: 34px;

    padding: 0 14px;

    border-radius: 10px;

    border:
        1px solid rgba(0,255,210,.14);

    background:
        rgba(5,10,16,.82);

    color:
        #d9fdf8;

    font-size: .88rem;

    outline: none;

    transition:
        width .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.chat-search-input:focus[b-7jn7kt3s6c] {
    width: 320px;

    border-color:
        rgba(0,255,210,.32);

    box-shadow:
        0 0 0 1px rgba(0,255,210,.14),
        0 0 16px rgba(0,255,210,.10);

    background:
        rgba(8,14,22,.94);
}

.chat-search-input[b-7jn7kt3s6c]::placeholder {
    color:
        rgba(220,255,250,.34);
}

/* =========================
   Search Dropdown
========================= */

.title-search-results-dropdown[b-7jn7kt3s6c] {
    position: absolute;

    top: calc(100% + 8px);
    right: 0;

    width: 360px;
    max-height: 420px;

    overflow-y: auto;

    padding: 10px;

    border-radius: 14px;

    background:
        rgba(8,12,18,.96);

    border:
        1px solid rgba(0,255,210,.14);

    box-shadow:
        0 12px 32px rgba(0,0,0,.45);

    backdrop-filter: blur(14px);

    z-index: 99999;
}

.title-search-results-dropdown[b-7jn7kt3s6c] {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,255,210,.18) transparent;
}

    .title-search-results-dropdown[b-7jn7kt3s6c]::-webkit-scrollbar {
        width: 6px;
    }

    .title-search-results-dropdown[b-7jn7kt3s6c]::-webkit-scrollbar-track {
        background: transparent;
    }

    .title-search-results-dropdown[b-7jn7kt3s6c]::-webkit-scrollbar-thumb {
        background: rgba(0,255,210,.16);
        border-radius: 999px;
    }

        .title-search-results-dropdown[b-7jn7kt3s6c]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,255,210,.28);
        }

/* =========================
   Search Meta States
========================= */

.chat-search-meta[b-7jn7kt3s6c] {
    padding: 10px 12px;

    color:
        rgba(220,255,250,.52);

    font-size: .82rem;

    line-height: 1.4;
}

/* =========================
   Search Results
========================= */

.chat-search-results[b-7jn7kt3s6c] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* =========================
   Search Result Row
========================= */

.chat-search-result-btn[b-7jn7kt3s6c] {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 3px;

    padding: 10px 12px;

    border: none;

    border-radius: 10px;

    background:
        rgba(255,255,255,.03);

    color: #fff;

    cursor: pointer;

    text-align: left;

    transition:
        background .14s ease,
        border-color .14s ease,
        transform .12s ease;
}

.chat-search-result-btn:hover[b-7jn7kt3s6c] {
    background:
        rgba(0,255,210,.08);
}

.chat-search-result-btn.active[b-7jn7kt3s6c] {
    background:
        rgba(0,255,210,.14);

    box-shadow:
        0 0 0 1px rgba(0,255,210,.14);
}

/* =========================
   Result Content
========================= */

.chat-search-result-author[b-7jn7kt3s6c] {
    font-size: .78rem;
    font-weight: 700;

    color:
        rgba(170,255,240,.92);
}

.chat-search-result-snippet[b-7jn7kt3s6c] {
    font-size: .82rem;
    line-height: 1.35;

    color:
        rgba(235,245,245,.82);

    overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* =========================
   Responsive
========================= */

@media (max-width: 900px) {

    .chat-search-input[b-7jn7kt3s6c] {
        width: 180px;
    }

    .chat-search-input:focus[b-7jn7kt3s6c] {
        width: 240px;
    }

    .title-search-results-dropdown[b-7jn7kt3s6c] {
        width: min(320px, 82vw);
    }
}
/* _content/Ascenden/Components/Communications/ChannelSidebar.razor.rz.scp.css */
.channel-sidebar-panel[b-3lcuaur71r] {
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:220px;
    max-width:300px;
}

.channel-sidebar-header h3[b-3lcuaur71r] {
    margin:0;
    font-size:1rem;
    color:#fff;
}

.channel-sidebar-muted[b-3lcuaur71r] {
    color:rgba(255,255,255,.6);
    font-size:.9rem;
    padding:6px 2px;
}

.voice-app-notice[b-3lcuaur71r] {
    border:1px solid rgba(20,184,166,.24);
    border-radius:8px;
    background:rgba(20,184,166,.08);
    color:#c7fff6;
    font-size:.82rem;
    line-height:1.35;
    padding:8px 10px;
}

.channel-category-list[b-3lcuaur71r] {
    display:flex;
    flex-direction:column;
    gap:18px;
}

.channel-category-group h4[b-3lcuaur71r] {
    margin:0 0 8px 0;
    color:rgba(235,255,252,.52);
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.08em;
    padding-left:8px;
}

.channel-node[b-3lcuaur71r] {
    margin-left: calc(var(--depth) * 14px);
    display:flex;
    flex-direction:column;
    gap:2px;
}

.channel-button[b-3lcuaur71r] {
    appearance:none;
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    border:none;
    outline:none;
    border-radius:8px;
    background:transparent;
    color:rgba(170,182,194,.76);
    padding:0 10px;
    cursor:pointer;
    text-align:left;
    transition:background .12s ease,color .12s ease,transform .12s ease;
}

.channel-button:hover[b-3lcuaur71r] {
    background:rgba(255,255,255,.06);
    color:#fff;
}

.channel-button.has-unread:not(.selected)[b-3lcuaur71r] {
    color:#fff;
}

.channel-button.selected[b-3lcuaur71r],
.channel-button.active-voice[b-3lcuaur71r] {
    background:rgba(0,220,190,.18);
    color:#14B8A6;
    box-shadow: inset 0 0 0 1px rgba(0,245,210,.18);
}

.channel-icon[b-3lcuaur71r] {
    width:16px;
    text-align:center;
    font-size:.95rem;
    color:currentColor;
    opacity:.95;
}

.channel-name[b-3lcuaur71r] {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:.92rem;
}

.voice-members-list[b-3lcuaur71r] {
    margin:0 0 4px 30px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.voice-member-row[b-3lcuaur71r] {
    display:flex;
    align-items:center;
    gap:6px;
    color:rgba(255,255,255,.72);
    font-size:.84rem;
}

.voice-member-row.current-user[b-3lcuaur71r] {
    color:#fff;
    font-weight:600;
}

.voice-member-avatar[b-3lcuaur71r] {
    width:16px;
    height:16px;
    border-radius:50%;
    object-fit:cover;
}
/* _content/Ascenden/Components/Events/EventCalendarModal.razor.rz.scp.css */
.modal-backdrop[b-t7wq2daut9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.event-modal[b-t7wq2daut9] {
    width: min(980px, 92vw);
    height: min(780px, 90vh);
    background: rgba(20, 22, 28, .92);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    padding: 12px;
    overflow: auto;
}

.modal-head[b-t7wq2daut9] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.month-grid[b-t7wq2daut9] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-top: 10px;
}

.day-cell[b-t7wq2daut9] {
    min-height: 92px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    padding: 6px;
}

.day-num[b-t7wq2daut9] {
    font-size: 12px;
    opacity: .7;
}

.evt-chip[b-t7wq2daut9] {
    display: block;
    width: 100%;
    margin-top: 4px;
    background: rgba(0, 180, 140, .14);
    border: 1px solid rgba(0, 180, 140, .35);
    color: white;
    border-radius: 6px;
}

.detail-image[b-t7wq2daut9] {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 10px;
}
/* _content/Ascenden/Components/Events/EventCalendarView.razor.rz.scp.css */
.event-calendar-workspace[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: minmax(420px, 0.95fr) minmax(420px, 1.05fr);
    gap: 22px;
    padding: 15px;
    width: 98%;
    height: 98%;
    min-height: 0;
    color: #f4f8f8;
}

.event-calendar-left[b-plc3pfegqy],
.event-calendar-right[b-plc3pfegqy] {
    min-height: 0;
}

.event-calendar-left[b-plc3pfegqy] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 14px;
}

.event-calendar-header[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    gap: 14px;
    padding: 10px 6px 2px 6px;
}

.event-calendar-title-block[b-plc3pfegqy] {
    text-align: center;
}

.event-calendar-title-block h2[b-plc3pfegqy] {
    margin: 0;
    font-size: clamp(1.6rem, 2vw, 2.35rem);
    line-height: 1;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0 0 14px rgba(0, 220, 190, 0.22);
}

.event-calendar-title-block p[b-plc3pfegqy] {
    margin: 8px 0 0 0;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    color: rgba(235, 255, 252, 0.68);
}

.event-calendar-nav[b-plc3pfegqy] {
    width: 38px;
    height: 34px;
    border: 1px solid rgba(0, 220, 190, 0.42);
    border-radius: 8px;
    background: rgba(3, 10, 14, 0.68);
    color: #f7ffff;
    cursor: pointer;
    font-size: 1rem;
    box-shadow: inset 0 0 14px rgba(0, 220, 190, 0.08), 0 0 14px rgba(0, 220, 190, 0.08);
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.event-calendar-nav:hover[b-plc3pfegqy] {
    transform: translateY(-1px);
    border-color: rgba(0, 245, 210, 0.75);
    background: rgba(0, 120, 105, 0.24);
    box-shadow: inset 0 0 18px rgba(0, 220, 190, 0.12), 0 0 18px rgba(0, 220, 190, 0.16);
}

.month-grid-shell[b-plc3pfegqy] {
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 0;
    border: 1px solid rgba(0, 220, 190, 0.28);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(4, 16, 20, 0.68), rgba(4, 9, 13, 0.74));
    box-shadow: inset 0 0 30px rgba(0, 220, 190, 0.045), 0 18px 45px rgba(0, 0, 0, 0.24);
    overflow: hidden;
}

.weekday-row[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.035);
}

.weekday-row div[b-plc3pfegqy] {
    padding: 9px 4px;
    text-align: center;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(235, 255, 252, 0.62);
}

.month-grid[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(58px, 1fr));
    min-height: 0;
}

.day-cell[b-plc3pfegqy] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.055);
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    background: rgba(255, 255, 255, 0.018);
    color: rgba(245, 255, 253, 0.84);
    cursor: pointer;
    text-align: left;
    transition: background 0.14s ease, box-shadow 0.14s ease, color 0.14s ease;
}

.day-cell:nth-child(7n)[b-plc3pfegqy] {
    border-right: 0;
}

.day-cell:nth-last-child(-n + 7)[b-plc3pfegqy] {
    border-bottom: 0;
}

.day-cell:hover[b-plc3pfegqy] {
    background: rgba(0, 180, 150, 0.11);
    box-shadow: inset 0 0 0 1px rgba(0, 240, 210, 0.2), inset 0 0 20px rgba(0, 220, 190, 0.07);
}

.day-cell.muted[b-plc3pfegqy] {
    color: rgba(245, 255, 253, 0.28);
    background: rgba(0, 0, 0, 0.12);
}

.day-cell.has-events[b-plc3pfegqy] {
    color: #ffffff;
}

.day-cell.has-events[b-plc3pfegqy]::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 255, 210, 0.9), rgba(120, 255, 235, 0.18));
    box-shadow: 0 0 10px rgba(0, 255, 210, 0.28);
}

.day-cell.selected[b-plc3pfegqy] {
    background: rgba(0, 180, 150, 0.18);
    box-shadow: inset 0 0 0 1px rgba(0, 245, 210, 0.58), inset 0 0 26px rgba(0, 220, 190, 0.12);
}

.day-num[b-plc3pfegqy] {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
}

.day-event-count[b-plc3pfegqy] {
    position: absolute;
    top: 7px;
    right: 7px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 800;
    color: #061311;
    background: rgba(125, 255, 232, 0.88);
    box-shadow: 0 0 12px rgba(0, 255, 210, 0.22);
}

.event-calendar-right[b-plc3pfegqy] {
    display: flex;
    min-height: 0;
}

.event-detail-panel[b-plc3pfegqy] {
    position: relative;
    display: grid;
    grid-template-rows: minmax(190px, 34%) 1fr;
    width: 100%;
    min-height: 0;
    border: 1px solid rgba(0, 220, 190, 0.28);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(5, 17, 21, 0.72), rgba(5, 9, 13, 0.82));
    box-shadow: inset 0 0 32px rgba(0, 220, 190, 0.05), 0 18px 45px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}

.detail-image[b-plc3pfegqy],
.detail-image-placeholder[b-plc3pfegqy] {
    width: 100%;
    height: 100%;
    min-height: 190px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.detail-image[b-plc3pfegqy] {
    object-fit: cover;
    display: block;
}

.detail-image-placeholder[b-plc3pfegqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at center, rgba(0, 220, 190, 0.12), transparent 44%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
    color: rgba(235, 255, 252, 0.48);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.82rem;
}

.event-detail-body[b-plc3pfegqy] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 18px 20px 20px 20px;
}

.event-detail-mainline[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: baseline;
}

.event-detail-mainline h2[b-plc3pfegqy] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 0.92;
    letter-spacing: 0.025em;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 0 18px rgba(0, 220, 190, 0.18);
}

.event-detail-large-time[b-plc3pfegqy] {
    font-size: clamp(1.6rem, 3vw, 3.4rem);
    line-height: 1;
    color: rgba(255, 255, 255, 0.96);
    text-transform: uppercase;
    white-space: nowrap;
}

.event-detail-time[b-plc3pfegqy],
.event-detail-meta[b-plc3pfegqy],
.event-detail-description[b-plc3pfegqy],
.event-rsvp-summary[b-plc3pfegqy] {
    margin: 0;
    color: rgba(235, 255, 252, 0.72);
}

.event-detail-time[b-plc3pfegqy] {
    font-size: 0.95rem;
    letter-spacing: 0.045em;
}

.event-detail-meta[b-plc3pfegqy] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 0.85rem;
}

.event-detail-meta span[b-plc3pfegqy] {
    padding: 4px 8px;
    border: 1px solid rgba(0, 220, 190, 0.22);
    border-radius: 999px;
    background: rgba(0, 220, 190, 0.07);
}

.event-detail-description[b-plc3pfegqy] {
    max-width: 72ch;
    font-size: 0.98rem;
    line-height: 1.55;
    color: rgba(245, 255, 253, 0.82);
    overflow: auto;
}

.rsvp-row[b-plc3pfegqy] {
    margin-top: auto;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.rsvp-btn[b-plc3pfegqy],
.rsvp-submit[b-plc3pfegqy] {
    min-width: 112px;
    min-height: 32px;
    border: 1px solid rgba(0, 220, 190, 0.42);
    border-radius: 8px;
    background: rgba(3, 10, 14, 0.74);
    color: rgba(245, 255, 253, 0.88);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    font-weight: 800;
    transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, transform 0.14s ease;
}

.rsvp-btn:hover:not(:disabled)[b-plc3pfegqy],
.rsvp-submit:hover:not(:disabled)[b-plc3pfegqy] {
    transform: translateY(-1px);
    border-color: rgba(0, 255, 210, 0.76);
    background: rgba(0, 150, 130, 0.24);
    box-shadow: 0 0 16px rgba(0, 255, 210, 0.14);
}

.rsvp-btn.active[b-plc3pfegqy] {
    color: #061311;
    background: rgba(125, 255, 232, 0.9);
    border-color: rgba(125, 255, 232, 0.95);
    box-shadow: 0 0 18px rgba(0, 255, 210, 0.2);
}

.rsvp-submit:disabled[b-plc3pfegqy] {
    opacity: 0.45;
    cursor: not-allowed;
}

.event-rsvp-summary[b-plc3pfegqy] {
    text-align: right;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    color: rgba(235, 255, 252, 0.58);
}

.event-share-panel[b-plc3pfegqy] {
    position: fixed;
    inset: 0;
    z-index: 2000;
}

.event-share-backdrop[b-plc3pfegqy] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.52);
    backdrop-filter: blur(6px);
}

.event-share-window[b-plc3pfegqy] {
    width: min(520px, 100%);
    border: 1px solid rgba(0, 220, 190, 0.34);
    border-radius: 12px;
    background: rgba(8, 14, 20, 0.96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48), inset 0 0 24px rgba(0, 220, 190, 0.04);
    color: #f4f8f8;
    overflow: hidden;
}

.event-share-header[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.event-share-kicker[b-plc3pfegqy] {
    color: #57f0dd;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.event-share-header h2[b-plc3pfegqy] {
    margin: 4px 0 0;
    color: #fff;
    font-size: 1.35rem;
}

.event-share-header p[b-plc3pfegqy] {
    margin: 4px 0 0;
    color: rgba(235, 255, 252, 0.66);
}

.event-share-close[b-plc3pfegqy] {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #e8f7f5;
    cursor: pointer;
}

.event-share-body[b-plc3pfegqy] {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.event-share-mode-row[b-plc3pfegqy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
}

.event-share-mode[b-plc3pfegqy] {
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: rgba(17, 22, 29, 0.85);
    color: rgba(220, 229, 238, 0.8);
    cursor: pointer;
    font-weight: 800;
}

.event-share-mode.active[b-plc3pfegqy] {
    border-color: #14b8a6;
    background: #14b8a6;
    color: #fff;
}

.event-share-form[b-plc3pfegqy] {
    display: grid;
    gap: 8px;
}

.event-share-form label[b-plc3pfegqy] {
    color: rgba(235, 255, 252, 0.62);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.event-share-form input[b-plc3pfegqy],
.event-share-form select[b-plc3pfegqy] {
    min-height: 38px;
    border: 1px solid rgba(0, 220, 190, 0.24);
    border-radius: 8px;
    background: rgba(3, 10, 14, 0.74);
    color: #f4f8f8;
    padding: 0 10px;
}

.event-share-results[b-plc3pfegqy] {
    display: grid;
    gap: 4px;
    max-height: 180px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
    padding: 4px;
}

.event-share-results button[b-plc3pfegqy] {
    min-height: 30px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #dce5ee;
    text-align: left;
    padding: 0 8px;
    cursor: pointer;
}

.event-share-results button:hover[b-plc3pfegqy],
.event-share-results button.active[b-plc3pfegqy] {
    background: rgba(20, 184, 166, 0.22);
    color: #fff;
}

.event-share-error[b-plc3pfegqy] {
    border: 1px solid rgba(240, 82, 82, 0.34);
    border-radius: 8px;
    background: rgba(90, 32, 40, 0.28);
    color: #ffd8dc;
    padding: 8px 10px;
    font-size: 0.82rem;
}

.event-share-actions[b-plc3pfegqy] {
    display: flex;
    justify-content: flex-end;
}

.empty-detail .event-detail-mainline h2[b-plc3pfegqy],
.empty-detail .event-detail-large-time[b-plc3pfegqy] {
    color: rgba(255, 255, 255, 0.45);
}

@media (max-width: 1100px) {
    .event-calendar-workspace[b-plc3pfegqy] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(440px, 1fr) minmax(420px, 0.9fr);
        overflow: auto;
    }

    .event-calendar-right[b-plc3pfegqy] {
        min-height: 420px;
    }
}

@media (max-width: 720px) {
    .event-calendar-workspace[b-plc3pfegqy] {
        gap: 14px;
    }

    .event-calendar-header[b-plc3pfegqy] {
        grid-template-columns: 36px 1fr 36px;
        gap: 8px;
    }

    .event-calendar-title-block h2[b-plc3pfegqy] {
        font-size: 1.35rem;
    }

    .event-calendar-title-block p[b-plc3pfegqy] {
        font-size: 0.7rem;
    }

    .month-grid[b-plc3pfegqy] {
        grid-template-rows: repeat(6, 48px);
    }

    .day-cell[b-plc3pfegqy] {
        padding: 6px;
    }

    .event-detail-mainline[b-plc3pfegqy] {
        grid-template-columns: 1fr;
    }

    .event-detail-mainline h2[b-plc3pfegqy] {
        font-size: 2rem;
    }

    .event-detail-large-time[b-plc3pfegqy] {
        font-size: 1.5rem;
    }

    .rsvp-row[b-plc3pfegqy] {
        justify-content: stretch;
    }

    .rsvp-btn[b-plc3pfegqy],
    .rsvp-submit[b-plc3pfegqy] {
        flex: 1;
        min-width: 0;
    }
}

/* ---------- Main Hero Layout ---------- */
.event-detail-mainline[b-plc3pfegqy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.event-detail-mainline h2[b-plc3pfegqy] {
    margin: 0;
    font-size: clamp(2.4rem, 3.4vw, 4.2rem);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.96);
    text-shadow: 0 0 18px rgba(255,255,255,0.08), 0 0 40px rgba(0,220,190,0.08);
}

.event-detail-large-time[b-plc3pfegqy] {
    flex-shrink: 0;
    font-size: clamp(1.9rem, 2.8vw, 3.4rem);
    font-weight: 300;
    color: rgba(255,255,255,0.94);
    letter-spacing: -0.03em;
}

/* ---------- Identity Strip ---------- */

.event-identity-strip[b-plc3pfegqy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 16px;
}

.event-type-badge[b-plc3pfegqy],
.event-meta-pill[b-plc3pfegqy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.event-meta-pill[b-plc3pfegqy] {
    color: rgba(240,255,252,0.82);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
}

    .event-meta-pill:hover[b-plc3pfegqy] {
        background: rgba(255,255,255,0.07);
        border-color: rgba(255,255,255,0.14);
        transform: translateY(-1px);
    }

/* ---------- Event Type Colors ---------- */

.event-type-badge.operation[b-plc3pfegqy] {
    background: rgba(255,110,60,0.16);
    border: 1px solid rgba(255,130,90,0.34);
    color: #ffb08a;
}

.event-type-badge.training[b-plc3pfegqy] {
    background: rgba(255,220,90,0.14);
    border: 1px solid rgba(255,220,90,0.32);
    color: #ffe28f;
}

.event-type-badge.social[b-plc3pfegqy] {
    background: rgba(0,220,190,0.14);
    border: 1px solid rgba(0,220,190,0.34);
    color: #8fffee;
}

.event-type-badge.meeting[b-plc3pfegqy] {
    background: rgba(140,160,255,0.14);
    border: 1px solid rgba(140,160,255,0.34);
    color: #b7c6ff;
}

.event-type-badge.general[b-plc3pfegqy] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    color: rgba(255,255,255,0.82);
}

/* ---------- Detail Body ---------- */

.event-detail-body[b-plc3pfegqy] {
    display: flex;
    flex-direction: column;
    padding: 18px 22px 20px;
}

.event-detail-time[b-plc3pfegqy] {
    margin-top: 2px;
    margin-bottom: 14px;
    font-size: 0.92rem;
    font-weight: 600;
    color: rgba(235,255,252,0.62);
    letter-spacing: 0.03em;
}

.event-detail-description[b-plc3pfegqy] {
    margin-top: 14px;
    max-width: 70ch;
    font-size: 0.94rem;
    line-height: 1.65;
    color: rgba(255,255,255,0.78);
}

/* ---------- Host Area ---------- */

.event-detail-host[b-plc3pfegqy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}

.hosted-by-label[b-plc3pfegqy] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(235,255,252,0.48);
}

/* ---------- RSVP Area ---------- */

.rsvp-row[b-plc3pfegqy] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: auto;
    padding-top: 30px;
}

.rsvp-btn[b-plc3pfegqy] {
    min-width: 110px;
    height: 40px;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgba(0,220,190,0.24);
    background: rgba(255,255,255,0.03);
    color: rgba(240,255,252,0.72);
    transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

    .rsvp-btn:hover[b-plc3pfegqy] {
        transform: translateY(-1px);
        border-color: rgba(0,220,190,0.42);
        background: rgba(0,220,190,0.08);
        box-shadow: 0 0 18px rgba(0,220,190,0.08);
    }

    .rsvp-btn.active[b-plc3pfegqy] {
        background: linear-gradient( 180deg, rgba(110,255,235,0.95), rgba(70,230,210,0.92) );
        color: #041312;
        border-color: rgba(130,255,240,0.85);
        box-shadow: 0 0 20px rgba(0,220,190,0.22);
    }

.event-rsvp-summary[b-plc3pfegqy] {
    margin-top: 10px;
    text-align: right;
    font-size: 0.76rem;
    font-weight: 600;
    color: rgba(235,255,252,0.44);
}

/* ---------- Attendee Preview ---------- */

.event-attendees-preview[b-plc3pfegqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
}

.event-attendee-placeholder[b-plc3pfegqy],
.event-attendee-count[b-plc3pfegqy] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.event-attendee-placeholder[b-plc3pfegqy] {
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.18), rgba(255,255,255,0.03)), rgba(0,220,190,0.12);
    border: 1px solid rgba(0,220,190,0.22);
    box-shadow: inset 0 0 12px rgba(255,255,255,0.04), 0 0 14px rgba(0,220,190,0.08);
}

.event-attendee-count[b-plc3pfegqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    font-size: 0.76rem;
    font-weight: 800;
    color: rgba(255,255,255,0.76);
}

/* ---------- Calendar Cell Improvements ---------- */

.day-event-preview[b-plc3pfegqy] {
    position: absolute;
    left: 8px;
    right: 8px;
    top: 30px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.day-event-line[b-plc3pfegqy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.70rem;
    font-weight: 700;
    padding-left: 8px;
    border-left: 3px solid rgba(255,255,255,0.22);
    color: rgba(255,255,255,0.72);
}

    .day-event-line.operation[b-plc3pfegqy] {
        border-color: #ff7a4d;
    }

    .day-event-line.training[b-plc3pfegqy] {
        border-color: #ffd45c;
    }

    .day-event-line.social[b-plc3pfegqy] {
        border-color: #00d8bd;
    }

    .day-event-line.meeting[b-plc3pfegqy] {
        border-color: #8ea4ff;
    }

.day-event-more[b-plc3pfegqy] {
    font-size: 0.62rem;
    opacity: 0.52;
    padding-left: 10px;
}

/* ---------- Selected Day ---------- */

.day-cell.selected[b-plc3pfegqy] {
    background: linear-gradient( 180deg, rgba(0,220,190,0.12), rgba(0,220,190,0.03) );
    border-color: rgba(0,220,190,0.45);
    box-shadow: inset 0 0 25px rgba(0,220,190,0.08), 0 0 18px rgba(0,220,190,0.10);
}



/* _content/Ascenden/Components/Events/TodaysEventsPanel.razor.rz.scp.css */
.todays-events-root[b-wcqf0dku8l] {
    position: relative;
}

.event-card[b-wcqf0dku8l] {
    position: relative;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    padding: 7px;
    cursor: pointer;
}

.event-thumb[b-wcqf0dku8l] {
    width: 100%;
    height: 112px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.event-thumb-empty[b-wcqf0dku8l] {
    background: linear-gradient(135deg, rgba(20, 184, 166, .20), rgba(255, 255, 255, .04));
}

.event-title[b-wcqf0dku8l] {
    margin-top: 7px;
    color: rgba(238, 243, 248, .96);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
}

.event-empty[b-wcqf0dku8l] {
    padding: 12px;
    border: 1px dashed rgba(255, 255, 255, .16);
    border-radius: 10px;
    background: rgba(255, 255, 255, .025);
}

.event-empty .event-title[b-wcqf0dku8l] {
    margin-top: 0;
}

.event-empty-copy[b-wcqf0dku8l] {
    margin-top: 4px;
    color: rgba(220, 229, 238, .66);
    font-size: 12px;
    line-height: 1.35;
}

.event-preview[b-wcqf0dku8l] {
    position: absolute;
    left: calc(100% + 12px);
    top: 0;
    width: min(360px, 42vw);
    z-index: 20;
    overflow: hidden;
    border: 1px solid rgba(70, 207, 192, .32);
    border-radius: 12px;
    background: rgba(12, 18, 24, .98);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .42), 0 0 24px rgba(20, 184, 166, .12);
}

.event-preview-image[b-wcqf0dku8l] {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.event-preview-body[b-wcqf0dku8l] {
    padding: 12px;
}

.event-preview h3[b-wcqf0dku8l] {
    margin: 0;
    color: #eef3f8;
    font-size: 16px;
    line-height: 1.25;
}

.event-description[b-wcqf0dku8l] {
    margin: 8px 0 10px;
    color: rgba(220, 229, 238, .82);
    font-size: 12px;
    line-height: 1.4;
}

.event-detail-grid[b-wcqf0dku8l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    margin: 0;
}

.event-detail-grid div[b-wcqf0dku8l] {
    min-width: 0;
}

.event-detail-grid dt[b-wcqf0dku8l] {
    color: rgba(170, 182, 194, .72);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.event-detail-grid dd[b-wcqf0dku8l] {
    margin: 2px 0 0;
    color: rgba(238, 243, 248, .92);
    font-size: 12px;
}

.rsvp-row[b-wcqf0dku8l] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.rsvp-btn[b-wcqf0dku8l] {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
    border-radius: 8px;
    padding: 6px 9px;
    cursor: pointer;
}

.rsvp-btn.active[b-wcqf0dku8l] {
    background: rgba(20, 184, 166, .24);
    border-color: rgba(20, 184, 166, .60);
}

.event-rsvp-summary[b-wcqf0dku8l] {
    margin-top: 8px;
    color: rgba(170, 182, 194, .78);
    font-size: 11px;
}
/* _content/Ascenden/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-1bu0306xjl] {
    display: grid;
    grid-template-columns: 60px 275px 1fr;
    grid-template-rows: 40px 1fr 60px;
    height: 100vh;
    background: transparent;
    color: white;
}

.gadget-rail-logo[b-1bu0306xjl] {
    width: 100%;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    margin-bottom: 20px;
    opacity: 0.95;
}

    .gadget-rail-logo img[b-1bu0306xjl] {
        width: 75px;
        height: 75px;
        object-fit: contain;
        filter: drop-shadow(0 0 8px rgba(0, 255, 220, 0.22));
    }

.title-bar[b-1bu0306xjl] {
    position: relative;
    z-index: 10000;
}

.title-bar[b-1bu0306xjl],
.right-panel[b-1bu0306xjl],
.todays-event-panel[b-1bu0306xjl],
.content-area[b-1bu0306xjl] {
    background: rgba(20, 22, 28, 0.55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.content-area[b-1bu0306xjl] {
    border-bottom: none;
}

.user-dock[b-1bu0306xjl] {
    background: rgba(8, 14, 20, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: none;
    border-bottom: none;
}
.user-dock[b-1bu0306xjl] {
    position: relative;
}

    .user-dock[b-1bu0306xjl]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 180deg, rgba(10, 18, 24, 0.84) 0%, rgba(12, 22, 30, 0.78) 100% );
        border-right: 1px solid rgba(0, 180, 180, 0.18);
        z-index: 0;
        pointer-events: none;
    }

.gadget-rail[b-1bu0306xjl] {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    background: rgba(4, 6, 10, 0.82);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.gadget[b-1bu0306xjl] {
    width: 40px;
    height: 40px;
    margin: 5px;
    background: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid transparent;
}

.gadget:hover[b-1bu0306xjl] {
    background: rgba(0, 180, 140, 0.16);
    border-color: rgba(0, 180, 140, 0.35);
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(0, 180, 140, 0.18);
}

.gadget:active[b-1bu0306xjl] {
    transform: translateY(0px) scale(0.96);
}

.gadget-unread-glow[b-1bu0306xjl] {
    border-color: rgba(0, 245, 210, 0.6);
    box-shadow: 0 0 14px rgba(0, 245, 210, 0.45), inset 0 0 10px rgba(0, 245, 210, 0.18);
    animation: gadgetUnreadPulse-b-1bu0306xjl 1.6s ease-in-out infinite;
}

@keyframes gadgetUnreadPulse-b-1bu0306xjl {
    0%, 100% {
        box-shadow: 0 0 10px rgba(0, 245, 210, 0.28), inset 0 0 8px rgba(0, 245, 210, 0.12);
    }
    50% {
        box-shadow: 0 0 18px rgba(0, 245, 210, 0.58), inset 0 0 14px rgba(0, 245, 210, 0.22);
    }
}

.gadget-icon[b-1bu0306xjl] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    pointer-events: none;
}

.channel-sidebar[b-1bu0306xjl] {
    grid-column: 2;
    grid-row: 1 / 3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 6px;
    border-bottom: none;
    background: linear-gradient( 180deg, rgba(10, 18, 24, 0.84) 0%, rgba(12, 22, 30, 0.78) 100% );
    border-right: 1px solid rgba(0, 180, 180, 0.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset -1px 0 0 rgba(255,255,255,0.025), 4px 0 14px rgba(0,0,0,0.14);
    position: relative;
    overflow: hidden;
    z-index: 3;
}
    .channel-sidebar[b-1bu0306xjl]::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 90px;
        background: linear-gradient( 180deg, rgba(12, 22, 30, 0) 0%, rgba(12, 22, 30, 0.92) 100% );
        pointer-events: none;
        z-index: 4;
    }

.todays-event-panel[b-1bu0306xjl] {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 0 18px 0;
}

    .todays-event-panel .section-title[b-1bu0306xjl] {
        margin: 0;
        padding: 4px 4px 8px 4px;
    }

.user-dock[b-1bu0306xjl] {
    grid-column: 1 / 3;
    grid-row: 3;
    width: 100%;
    min-height: 60px;
    align-self: end;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 0 6px 6px 6px;
    overflow: visible;
    box-sizing: border-box;
}

.dock-settings-button[b-1bu0306xjl] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 180, 180, 0.18);
    backdrop-filter: blur(8px);
    box-shadow: 0 0 10px rgba(0,180,180,0.08);
    transition: all 0.15s ease;
    cursor: pointer;
    z-index: 50;
}

    .dock-settings-button:hover[b-1bu0306xjl] {
        background: rgba(0, 180, 180, 0.12);
        border-color: rgba(0, 180, 180, 0.35);
    }

.main-area[b-1bu0306xjl] {
    grid-row: 1 / 4;
    grid-column:3;
    display: grid;
    grid-template-columns: 1fr minmax(120px, 10%);
    grid-template-rows: 40px 1fr;
}

.title-bar[b-1bu0306xjl] {
    grid-column: 1 / 3;
    padding: 0 14px;
    display: flex;
    align-items: center;
}

.title-bar-utilities[b-1bu0306xjl] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.title-utility[b-1bu0306xjl] { position: relative; }

.title-utility-btn[b-1bu0306xjl] {
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,255,210,.14);
    background: rgba(5,10,16,.82);
    color: rgba(220,255,250,.82);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
}

    .title-utility-btn:hover[b-1bu0306xjl] {
        background: rgba(0,255,210,.08);
        border-color: rgba(0,255,210,.28);
        box-shadow: 0 0 12px rgba(0,255,210,.08);
    }

    .title-utility-btn:active[b-1bu0306xjl] {
        transform: translateY(1px);
    }

.title-utility-popover[b-1bu0306xjl] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(420px, 72vw);
    max-height: 380px;
    overflow: auto;
    z-index: 30;
    padding: 10px;
    border-radius: 14px;
    background: rgba(8,12,18,.96);
    border: 1px solid rgba(0,255,210,.14);
    box-shadow: 0 12px 32px rgba(0,0,0,.45);
    backdrop-filter: blur(14px);
}

.search-popover[b-1bu0306xjl] { display: grid; gap: 8px; }
.chat-search-input[b-1bu0306xjl] {
    width: 240px;
    height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(0,255,210,.14);
    background: rgba(5,10,16,.82);
    color: #d9fdf8;
    font-size: .88rem;
    outline: none;
    transition: width .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

    .chat-search-input:focus[b-1bu0306xjl] {
        width: 320px;
        border-color: rgba(0,255,210,.32);
        box-shadow: 0 0 0 1px rgba(0,255,210,.14), 0 0 16px rgba(0,255,210,.10);
        background: rgba(8,14,22,.94);
    }

    .chat-search-input[b-1bu0306xjl]::placeholder {
        color: rgba(220,255,250,.34);
    }

.chat-search-meta[b-1bu0306xjl] {
    font-size: .78rem;
    color: rgba(255,255,255,.65);
}

.chat-search-results[b-1bu0306xjl] {
    display: grid;
    gap: 6px;
    max-height: 220px;
    overflow: auto;
}

.chat-search-result-btn[b-1bu0306xjl] {
    display: grid;
    gap: 2px;
    text-align: left;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
    color: #fff;
    border-radius: 8px;
    padding: 7px 10px;
}

.chat-search-result-btn.active[b-1bu0306xjl] {
    border-color: rgba(0,245,210,.45);
    box-shadow: 0 0 0 1px rgba(0,245,210,.25) inset;
}

.chat-search-result-author[b-1bu0306xjl] {
    font-size: .73rem;
    color: rgba(255,255,255,.78);
}

.chat-search-result-snippet[b-1bu0306xjl] {
    font-size: .78rem;
    color: rgba(255,255,255,.92);
}

.pins-popover[b-1bu0306xjl] { width: min(360px, 70vw); }
.pins-list[b-1bu0306xjl] { display: flex; flex-direction: column; gap: 6px; }
.pin-row[b-1bu0306xjl] { display: flex; gap: 6px; align-items: center; }
.pin-jump[b-1bu0306xjl] {
    flex: 1;
    text-align: left;
    border: 1px solid #38404b;
    background: #2a303a;
    color: #e7ecf3;
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 12px;
}
.pin-unpin[b-1bu0306xjl] {
    border: 1px solid #4b2f33;
    background: #3a2528;
    color: #ffd4d8;
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 11px;
}

@media (max-width: 1100px) {
    .title-bar[b-1bu0306xjl] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .title-bar-utilities[b-1bu0306xjl] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
}

.active-channel-title[b-1bu0306xjl] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 600;
}

.channel-title-icon[b-1bu0306xjl] {
    color: rgba(0,245,210,.92);
    font-size: 1.2rem;
}

.content-area[b-1bu0306xjl] {
    grid-column: 1;
    padding: 5px;
    border-radius: 8px;
    overflow: hidden;
}

.content-area.chat-mode[b-1bu0306xjl] {
    padding: 0;
}

.right-panel[b-1bu0306xjl] {
    grid-column: 2;
    padding: 10px;
}
.messaging-panel-wrapper[b-1bu0306xjl] {
    position: fixed;
    right: 90px;
    bottom: 90px;
    width: 900px;
    height: 650px;
    z-index: 500;
    background: rgba(10, 15, 20, 0.96);
    border: 1px solid rgba(0, 180, 180, 0.25);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0,0,0,0.5), 0 0 12px rgba(0,180,180,0.15);
    backdrop-filter: blur(10px);
}

.messaging-panel[b-1bu0306xjl] {
    display: flex;
    width: 100%;
    height: 100%;
}

.messaging-sidebar[b-1bu0306xjl] {
    width: 280px;
    border-right: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    display: flex;
    flex-direction: column;
}

.messaging-sidebar-header[b-1bu0306xjl] {
    padding: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.messaging-content[b-1bu0306xjl] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.conversation-list[b-1bu0306xjl] {
    overflow-y: auto;
    flex: 1;
}

.conversation-list-item[b-1bu0306xjl] {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    transition: background 0.15s ease;
}

    .conversation-list-item:hover[b-1bu0306xjl] {
        background: rgba(255,255,255,0.04);
    }

    .conversation-list-item.selected[b-1bu0306xjl] {
        background: rgba(0,180,180,0.12);
    }

.conversation-view[b-1bu0306xjl] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.conversation-messages[b-1bu0306xjl] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.conversation-message-item[b-1bu0306xjl] {
    margin-bottom: 14px;
}

.conversation-message-header[b-1bu0306xjl] {
    display: flex;
    gap: 10px;
    margin-bottom: 4px;
}

.conversation-message-author[b-1bu0306xjl] {
    font-weight: 600;
}

.conversation-message-time[b-1bu0306xjl] {
    opacity: 0.6;
    font-size: 0.8rem;
}

.conversation-message-body[b-1bu0306xjl] {
    line-height: 1.4;
}

.conversation-composer[b-1bu0306xjl] {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.conversation-composer-input[b-1bu0306xjl] {
    flex: 1;
    min-height: 80px;
    resize: none;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: white;
    padding: 10px;
    border-radius: 8px;
}

.conversation-send-button[b-1bu0306xjl] {
    width: 100px;
}


/* _content/Ascenden/Components/Layout/OnlineUsersPanel.razor.rz.scp.css */
.online-users-panel[b-gshti7c3fc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}

.online-empty[b-gshti7c3fc] {
    font-size: 12px;
    opacity: 0.55;
    padding: 6px 4px;
}

.online-user-row[b-gshti7c3fc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    transition: background 0.15s ease, border-color 0.15s ease;
    border: 1px solid transparent;
}

.online-user-row:hover[b-gshti7c3fc] {
    background: rgba(0, 180, 140, 0.10);
    border-color: rgba(0, 180, 140, 0.18);
}

.online-user-avatar[b-gshti7c3fc] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.12);
}

.online-user-name[b-gshti7c3fc] {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================
1080p Compact Online Rail
========================= */

@media (max-width: 1920px) {

    .online-users-panel[b-gshti7c3fc] {
        gap: 4px;
    }

    .online-user-row[b-gshti7c3fc] {
        gap: 6px;
        padding: 4px 5px;
        border-radius: 6px;
    }

    .online-user-avatar[b-gshti7c3fc] {
        width: 24px;
        height: 24px;
    }

    .online-user-name[b-gshti7c3fc] {
        font-size: 12px;
    }

    .online-empty[b-gshti7c3fc] {
        font-size: 11px;
        padding: 4px 2px;
    }
}
/* _content/Ascenden/Components/Layout/UserDock.razor.rz.scp.css */
.dock-shell[b-gocu37cd0c] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 54px;
    min-height: 54px;
    padding: 10px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.06);
    border-left: none;
}

.dock-shell[b-gocu37cd0c]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(8,12,16,0.72), rgba(8,12,16,0.34));
    pointer-events: none;
}

.dock-shell[b-gocu37cd0c]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.03);
    pointer-events: none;
    mix-blend-mode: screen;
    box-shadow: inset -1px 0 0 rgba(255,255,255,0.12),
                inset 0 1px 0 rgba(255,255,255,0.12),
                inset 0 -1px 0 rgba(255,255,255,0.12);
    border-radius: 6px;
}

.dock-shell > *[b-gocu37cd0c] {
    position: relative;
    z-index: 1;
}

.dock-avatar[b-gocu37cd0c] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    background: rgba(255,255,255,0.1);
    border: 2px solid rgba(255,255,255,0.15);
    flex-shrink: 0;
}

.dock-avatar-guest[b-gocu37cd0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.dock-user-info[b-gocu37cd0c] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.dock-name[b-gocu37cd0c] {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dock-status[b-gocu37cd0c] {
    font-size: 11px;
    color: rgba(120, 255, 180, 0.9);
}

.dock-actions[b-gocu37cd0c] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dock-action[b-gocu37cd0c] {
    color: rgba(255,255,255,0.90);
    text-decoration: none;
    font-size: 12px;
    transition: color 0.15s ease;
}

.dock-action:hover[b-gocu37cd0c] {
    color: white;
}


.dock-award[b-gocu37cd0c] { display:inline-flex; align-items:center; gap:6px; }
/* _content/Ascenden/Components/Messaging/ConversationList.razor.rz.scp.css */
.conversation-list[b-sd55t6lw8x] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
}

.conversation-list[b-sd55t6lw8x]::-webkit-scrollbar {
    width: 6px;
}

.conversation-list[b-sd55t6lw8x]::-webkit-scrollbar-thumb {
    background: rgba(0, 180, 180, 0.22);
    border-radius: 999px;
}

[b-sd55t6lw8x](.conversation-list-empty) {
    margin-top: 18px;
}
/* _content/Ascenden/Components/Messaging/ConversationListItem.razor.rz.scp.css */
.conversation-list-item[b-g3wz6qe60o] {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 11px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.conversation-list-item + .conversation-list-item[b-g3wz6qe60o] {
    margin-top: 5px;
}

.conversation-list-item:hover[b-g3wz6qe60o] {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.06);
}

.conversation-list-item.selected[b-g3wz6qe60o] {
    background: linear-gradient(90deg, rgba(0, 180, 180, 0.2), rgba(0, 180, 180, 0.08));
    border-color: rgba(0, 245, 210, 0.28);
    box-shadow: inset 3px 0 0 rgba(0, 245, 210, 0.72);
}

.conversation-list-item.has-unread .conversation-title[b-g3wz6qe60o] {
    color: #fff;
    font-weight: 840;
}

.conversation-avatar[b-g3wz6qe60o] {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 14px;
    object-fit: cover;
    border: 1px solid rgba(0, 220, 200, 0.18);
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.22);
}

.conversation-group-avatar[b-g3wz6qe60o] {
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(0, 180, 180, 0.26), rgba(80, 120, 150, 0.18));
    color: rgba(0, 255, 220, 0.92);
    font-weight: 850;
}

.conversation-main[b-g3wz6qe60o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

.conversation-title[b-g3wz6qe60o] {
    min-width: 0;
    font-size: 0.94rem;
    font-weight: 750;
    color: rgba(255, 255, 255, 0.88);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-title[b-g3wz6qe60o] (.user-identity-inline) {
    min-width: 0;
}

.conversation-title[b-g3wz6qe60o] (.user-identity-name) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-preview[b-g3wz6qe60o] {
    margin-top: 3px;
    font-size: 0.79rem;
    color: rgba(255, 255, 255, 0.52);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-list-item.has-unread .conversation-preview[b-g3wz6qe60o] {
    color: rgba(255, 255, 255, 0.78);
}

.conversation-meta[b-g3wz6qe60o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 7px;
    margin-left: 2px;
    flex-shrink: 0;
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.42);
    white-space: nowrap;
}

.conversation-unread-badge[b-g3wz6qe60o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #14B8A6;
    color: #001819;
    font-size: 0.68rem;
    font-weight: 850;
}
/* _content/Ascenden/Components/Messaging/ConversationView.razor.rz.scp.css */
.conversation-view[b-98ggnsd7tv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.conversation-header[b-98ggnsd7tv] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-height: 82px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: linear-gradient(180deg, rgba(0, 20, 22, 0.32), rgba(0, 0, 0, 0.13));
}

.conversation-header-avatar-wrap[b-98ggnsd7tv] {
    display: flex;
    align-items: center;
}

.conversation-header-avatar[b-98ggnsd7tv] {
    width: 56px;
    height: 56px;
    border-radius: 15px;
    object-fit: cover;
    border: 1px solid rgba(0, 220, 200, 0.24);
    background: rgba(0, 0, 0, 0.22);
}

.conversation-header-avatar.group[b-98ggnsd7tv] {
    display: grid;
    place-items: center;
    color: rgba(0, 255, 220, 0.92);
    font-weight: 850;
    background: linear-gradient(135deg, rgba(0, 180, 180, 0.28), rgba(80, 120, 150, 0.2));
}

.conversation-header-main[b-98ggnsd7tv] {
    min-width: 0;
}

.conversation-header-title[b-98ggnsd7tv] {
    min-width: 0;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 780;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-header-title[b-98ggnsd7tv] (.user-identity-inline) {
    min-width: 0;
}

.conversation-header-title[b-98ggnsd7tv] (.user-identity-name) {
    font-size: 1.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-header-subtitle[b-98ggnsd7tv] {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.84rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-messages[b-98ggnsd7tv] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.conversation-messages[b-98ggnsd7tv]::-webkit-scrollbar {
    width: 6px;
}

.conversation-messages[b-98ggnsd7tv]::-webkit-scrollbar-thumb {
    background: rgba(0, 180, 180, 0.22);
    border-radius: 999px;
}

.conversation-empty[b-98ggnsd7tv] {
    display: grid;
    place-items: center;
    min-height: 220px;
    margin: 18px;
    padding: 24px;
    color: rgba(255, 255, 255, 0.62);
    border: 1px dashed rgba(0, 245, 210, 0.18);
    border-radius: 14px;
    background: rgba(0, 180, 180, 0.045);
}

.conversation-reply-row[b-98ggnsd7tv] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: 12px 16px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(0, 0, 0, 0.2);
    min-height: 74px;
    box-sizing: border-box;
}

.conversation-reply-row[b-98ggnsd7tv] (.shared-message-composer) {
    background: transparent;
    box-sizing: border-box;
}

.conversation-reply-row[b-98ggnsd7tv] (.shared-message-shell) {
    border-radius: 14px;
    background: rgba(2, 10, 14, 0.92);
    box-sizing: border-box;
}

@media (max-width: 720px) {
    .conversation-header[b-98ggnsd7tv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .conversation-messages[b-98ggnsd7tv] {
        padding: 0 0 14px;
    }
}
/* _content/Ascenden/Components/Messaging/MessagingPanel.razor.rz.scp.css */
.messaging-shell[b-6wkaaro67u] {
    height: 100%;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
}

.messaging-main[b-6wkaaro67u] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
}

.messaging-sidebar[b-6wkaaro67u],
.messaging-content[b-6wkaaro67u] {
    min-height: 0;
    border: 1px solid rgba(0, 180, 180, 0.18);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(4, 16, 20, 0.78), rgba(2, 7, 10, 0.72));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(12px);
}

.messaging-sidebar[b-6wkaaro67u] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 14px;
}

.messaging-sidebar-header[b-6wkaaro67u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.messaging-sidebar-title[b-6wkaaro67u] {
    min-width: 0;
}

.messaging-sidebar-title span[b-6wkaaro67u],
.new-message-modal-header span[b-6wkaaro67u] {
    display: block;
    color: rgba(0, 245, 210, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.messaging-sidebar-title h2[b-6wkaaro67u],
.new-message-modal-header h3[b-6wkaaro67u] {
    margin: 2px 0 0;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 750;
}

.new-message-btn[b-6wkaaro67u],
.empty-new-message-btn[b-6wkaaro67u],
.start-message-btn[b-6wkaaro67u] {
    border: 1px solid rgba(0, 220, 200, 0.32);
    border-radius: 10px;
    background: rgba(0, 180, 180, 0.16);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.new-message-btn[b-6wkaaro67u] {
    flex-shrink: 0;
    height: 38px;
    padding: 0 14px;
}

.new-message-btn:hover[b-6wkaaro67u],
.empty-new-message-btn:hover[b-6wkaaro67u],
.start-message-btn:hover:not(:disabled)[b-6wkaaro67u] {
    border-color: rgba(0, 245, 210, 0.52);
    background: rgba(0, 190, 180, 0.24);
}

.conversation-search-wrap[b-6wkaaro67u] {
    margin-bottom: 10px;
}

.conversation-search[b-6wkaaro67u],
.messaging-search[b-6wkaaro67u] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.34);
    color: #fff;
}

.conversation-search[b-6wkaaro67u]::placeholder,
.messaging-search[b-6wkaaro67u]::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

.conversation-search:focus[b-6wkaaro67u],
.messaging-search:focus[b-6wkaaro67u] {
    outline: none;
    border-color: rgba(0, 245, 210, 0.42);
    box-shadow: 0 0 0 1px rgba(0, 245, 210, 0.08);
}

.conversation-filter-tabs[b-6wkaaro67u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    margin-bottom: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.24);
}

.filter-tab[b-6wkaaro67u] {
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, 0.62);
    cursor: pointer;
    font-weight: 700;
}

.filter-tab:hover[b-6wkaaro67u] {
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.04);
}

.filter-tab.active[b-6wkaaro67u] {
    color: #fff;
    background: rgba(0, 180, 180, 0.18);
    box-shadow: inset 0 0 0 1px rgba(0, 245, 210, 0.18);
}

.messaging-content[b-6wkaaro67u] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.messaging-empty-state[b-6wkaaro67u] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 28px;
    text-align: center;
    color: rgba(255, 255, 255, 0.78);
    gap: 12px;
}

.messaging-empty-icon[b-6wkaaro67u] {
    display: inline-grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border-radius: 18px;
    border: 1px solid rgba(0, 245, 210, 0.22);
    background: rgba(0, 180, 180, 0.12);
    color: rgba(0, 255, 220, 0.9);
    font-size: 1rem;
    font-weight: 800;
}

.messaging-empty-state h2[b-6wkaaro67u] {
    margin: 8px 0 0;
    font-size: 1.75rem;
    color: #fff;
}

.messaging-empty-state p[b-6wkaaro67u] {
    max-width: 340px;
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.5;
}

.empty-new-message-btn[b-6wkaaro67u] {
    height: 42px;
    padding: 0 18px;
}

.new-message-modal-backdrop[b-6wkaaro67u] {
    position: fixed;
    inset: 0;
    z-index: 2600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(8px);
}

.new-message-modal[b-6wkaaro67u] {
    width: min(560px, 100%);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: visible;
    border: 1px solid rgba(0, 220, 200, 0.2);
    border-radius: 16px;
    background: rgba(6, 14, 18, 0.98);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.46);
}

.new-message-modal-header[b-6wkaaro67u],
.new-message-modal-footer[b-6wkaaro67u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
}

.new-message-modal-header[b-6wkaaro67u] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.new-message-modal-footer[b-6wkaaro67u] {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.56);
    font-size: 0.86rem;
}

.modal-close-btn[b-6wkaaro67u] {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.76);
    cursor: pointer;
}

.modal-close-btn:hover[b-6wkaaro67u] {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.new-message-modal-body[b-6wkaaro67u] {
    display: grid;
    gap: 12px;
    padding: 16px;
    overflow: visible;
}

.recipient-search-wrap[b-6wkaaro67u] {
    position: relative;
}

.recipient-results[b-6wkaaro67u] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 50;
    max-height: 260px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 180, 180, 0.2);
    border-radius: 10px;
    background: rgba(5, 10, 15, 0.98);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.recipient-result[b-6wkaaro67u] {
    padding: 11px 12px;
    border: none;
    text-align: left;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.recipient-result:hover[b-6wkaaro67u] {
    background: rgba(0, 180, 180, 0.15);
}

.recipient-chips[b-6wkaaro67u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 42px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
}

.recipient-chips.is-empty[b-6wkaaro67u] {
    color: rgba(255, 255, 255, 0.44);
}

.recipient-chip-placeholder[b-6wkaaro67u] {
    font-size: 0.85rem;
}

.recipient-chip[b-6wkaaro67u] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(0, 180, 180, 0.14);
    border: 1px solid rgba(0, 220, 200, 0.24);
    color: #fff;
    font-size: 0.82rem;
    white-space: nowrap;
}

.recipient-chip-remove[b-6wkaaro67u] {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.78);
    cursor: pointer;
}

.recipient-chip-remove:hover[b-6wkaaro67u] {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.start-message-btn[b-6wkaaro67u] {
    height: 38px;
    min-width: 96px;
    padding: 0 16px;
}

.start-message-btn:disabled[b-6wkaaro67u] {
    cursor: default;
    opacity: 0.42;
}

@media (max-width: 860px) {
    .messaging-main[b-6wkaaro67u] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(260px, 42vh) minmax(0, 1fr);
    }

    .messaging-sidebar[b-6wkaaro67u] {
        min-height: 0;
    }

    .messaging-empty-state h2[b-6wkaaro67u] {
        font-size: 1.45rem;
    }
}
/* _content/Ascenden/Components/Pages/Admin/AdminPage.razor.rz.scp.css */
.admin-workspace[b-t2gmaajt6a] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 24px;
    padding: 15px;
    width: 98%;
    height: 98%;
    min-height: 0;
}

.admin-sidebar[b-t2gmaajt6a] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 24px;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.admin-nav-button[b-t2gmaajt6a] {
    height: 42px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    color: white;
    text-align: left;
    padding: 0 14px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.admin-nav-button:hover[b-t2gmaajt6a] {
    background: rgba(255,255,255,0.08);
}

.admin-nav-button.active[b-t2gmaajt6a] {
    background: rgba(0,180,140,0.18);
    border: 1px solid rgba(0,180,140,0.35);
}

.admin-content[b-t2gmaajt6a] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.admin-panel[b-t2gmaajt6a] {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 24px;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.admin-panel h2[b-t2gmaajt6a] {
    margin-top: 0;
}

.admin-panel p[b-t2gmaajt6a] {
    color: rgba(255,255,255,0.68);
}

.admin-denied-panel[b-t2gmaajt6a] {
    max-width: 520px;
}
/* _content/Ascenden/Components/Pages/Admin/Sections/CommunicationsAdmin.razor.rz.scp.css */
.communications-admin-panel[b-fdkkqq536q] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    padding-right: 6px;
}

.comms-hero-card[b-fdkkqq536q] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
    padding: 22px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(0,245,210,.05), rgba(255,255,255,.02));
}

.comms-kicker[b-fdkkqq536q] {
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    color: rgba(0,245,210,.75);
    margin-bottom: 6px;
}

.comms-hero-card h2[b-fdkkqq536q] {
    margin: 0;
    font-size: 2rem;
}

.comms-hero-card p[b-fdkkqq536q] {
    margin: 4px 0 0;
    color: rgba(255,255,255,.72);
}

.comms-create-category-row[b-fdkkqq536q] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.comms-category-list[b-fdkkqq536q] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.comms-category-card[b-fdkkqq536q] {
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(12px);
}

.comms-category-header[b-fdkkqq536q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.comms-category-title-block[b-fdkkqq536q] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.comms-category-chevron[b-fdkkqq536q] {
    font-size: 1.2rem;
    color: rgba(0,245,210,.85);
}

.comms-category-title-block h3[b-fdkkqq536q] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.comms-category-title-block small[b-fdkkqq536q] {
    color: rgba(255,255,255,.55);
}

.comms-channel-tree[b-fdkkqq536q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

.comms-channel-node[b-fdkkqq536q] {
    position: relative;
    padding-left: calc(var(--depth) * 18px);
}

.comms-channel-node[b-fdkkqq536q]::before {
    content: "";
    position: absolute;
    left: calc(var(--depth) * 18px - 10px);
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255,255,255,.08);
}

.comms-channel-row[b-fdkkqq536q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    background: rgba(255,255,255,.025);
    border: 1px solid transparent;
    transition: all .15s ease;
}

.comms-channel-row:hover[b-fdkkqq536q] {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
}

.comms-channel-main[b-fdkkqq536q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comms-channel-icon[b-fdkkqq536q] {
    width: 18px;
    text-align: center;
    color: rgba(255,255,255,.7);
}

.comms-channel-node.voice .comms-channel-icon[b-fdkkqq536q],
.comms-channel-node.voice .comms-channel-name[b-fdkkqq536q] {
    color: rgba(0,245,210,.92);
}

.comms-channel-name[b-fdkkqq536q] {
    font-size: .95rem;
}

.comms-icon-actions[b-fdkkqq536q] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.icon-button[b-fdkkqq536q] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.82);
    cursor: pointer;
    transition: all .15s ease;
}

.icon-button:hover[b-fdkkqq536q] {
    background: rgba(255,255,255,.08);
    transform: translateY(-1px);
}

.icon-button.confirm[b-fdkkqq536q] {
    border-color: rgba(0,245,210,.3);
    color: rgba(0,245,210,.95);
}

.icon-button.danger[b-fdkkqq536q] {
    border-color: rgba(255,120,120,.22);
    color: rgba(255,140,140,.92);
}

.comms-create-row[b-fdkkqq536q] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.comms-create-field[b-fdkkqq536q] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.05);
}

.comms-create-field.voice span[b-fdkkqq536q] {
    color: rgba(0,245,210,.92);
}

.comms-nested-create[b-fdkkqq536q] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 8px 32px;
    padding: 10px 12px;
    border-left: 2px solid rgba(0,245,210,.2);
}

.comms-status[b-fdkkqq536q] {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
}

.comms-status.success[b-fdkkqq536q] {
    border-color: rgba(0,245,210,.2);
    color: rgba(0,245,210,.95);
}

.comms-status.error[b-fdkkqq536q] {
    border-color: rgba(255,120,120,.25);
    color: rgba(255,140,140,.92);
}

.comms-empty-state[b-fdkkqq536q],
.comms-empty-category[b-fdkkqq536q] {
    padding: 18px;
    border-radius: 14px;
    background: rgba(255,255,255,.025);
    color: rgba(255,255,255,.62);
}

.comms-rename-input[b-fdkkqq536q],
.communications-admin-panel input[b-fdkkqq536q] {
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(7,18,23,.78);
    color: #fff;
    padding: 0 12px;
}

.comms-rename-input.channel[b-fdkkqq536q] {
    min-width: 220px;
}

.communications-admin-panel button[b-fdkkqq536q] {
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.05);
    color: #fff;
    padding: 0 14px;
    cursor: pointer;
}

.communications-admin-panel button:hover[b-fdkkqq536q] {
    background: rgba(255,255,255,.08);
}

.primary-action[b-fdkkqq536q] {
    border-color: rgba(0,245,210,.25) !important;
    background: rgba(0,245,210,.12) !important;
}
.comms-subnav[b-fdkkqq536q] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.comms-subnav button[b-fdkkqq536q] {
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    color: #fff;
    border-radius: 10px;
    padding: 6px 10px;
}

.comms-subnav button.active[b-fdkkqq536q] {
    border-color: rgba(0,245,210,.4);
    box-shadow: 0 0 0 1px rgba(0,245,210,.22) inset;
}
/* _content/Ascenden/Components/Pages/Admin/Sections/PresenceActivityAdmin.razor.rz.scp.css */
.presence-activity-shell[b-amw5q2obck] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    width: 100%;
    height: 100%;
}

.glass-panel[b-amw5q2obck] {
    background: rgba(7, 17, 24, 0.58);

    border: 1px solid rgba(90, 180, 180, 0.18);

    border-radius: 16px;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow:
        0 0 18px rgba(0, 0, 0, 0.25),
        inset 0 0 24px rgba(0, 255, 255, 0.03);

    padding: 1.25rem;
}

.section-header[b-amw5q2obck] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 1.25rem;
}

.section-header h2[b-amw5q2obck] {
    margin: 0;

    font-size: 1.6rem;
    font-weight: 700;

    color: #f3f7f8;
}

.section-subtitle[b-amw5q2obck] {
    display: block;

    margin-top: 0.2rem;

    color: rgba(220, 235, 240, 0.58);

    font-size: 0.9rem;
}

.metrics-grid[b-amw5q2obck] {
    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));

    gap: 1rem;
}

.metric-card[b-amw5q2obck] {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 110px;

    padding: 1rem;

    border-radius: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );

    border: 1px solid rgba(255,255,255,0.06);

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease;
}

.metric-card:hover[b-amw5q2obck] {
    transform: translateY(-2px);

    border-color: rgba(90, 220, 220, 0.22);

    box-shadow:
        0 0 16px rgba(0,255,255,0.05),
        inset 0 0 16px rgba(255,255,255,0.015);
}

.metric-label[b-amw5q2obck] {
    font-size: 0.85rem;

    text-transform: uppercase;

    letter-spacing: 0.05rem;

    color: rgba(220,235,240,0.62);

    margin-bottom: 0.65rem;
}

.metric-value[b-amw5q2obck] {
    font-size: 2rem;

    font-weight: 700;

    color: #f5f9fa;
}

.metric-value.small[b-amw5q2obck] {
    font-size: 1.05rem;
}

.metric-card.online[b-amw5q2obck] {
    border-left: 3px solid #2bd9a0;
}

.metric-card.realtime[b-amw5q2obck] {
    border-left: 3px solid #4fb6ff;
}

.metric-card.fanout[b-amw5q2obck] {
    border-left: 3px solid #f4c95d;
}

.metric-card.global[b-amw5q2obck] {
    border-left: 3px solid #ff9f6e;
}

.metric-card.reload[b-amw5q2obck] {
    border-left: 3px solid #b692f6;
}

.metric-card.delta[b-amw5q2obck] {
    border-left: 3px solid #73d9a6;
}

.metric-card.memory[b-amw5q2obck] {
    border-left: 3px solid #b9d26d;
}

.metric-card.uptime[b-amw5q2obck] {
    border-left: 3px solid #d6d6d6;
}

.metric-card.auth[b-amw5q2obck] {
    border-left: 3px solid #ff7b7b;
}

.metric-card.audit[b-amw5q2obck] {
    border-left: 3px solid #69d9d2;
}

.audit-panel[b-amw5q2obck] {
    display: flex;
    flex-direction: column;

    min-height: 480px;
    max-height: 620px;

    overflow: hidden;
}

.audit-header[b-amw5q2obck] {
    align-items: center;
}

.audit-filters[b-amw5q2obck] {
    display: flex;

    gap: 1rem;
}

.audit-filters label[b-amw5q2obck] {
    display: flex;
    flex-direction: column;

    gap: 0.3rem;

    font-size: 0.82rem;

    color: rgba(220,235,240,0.72);
}

.audit-filters select[b-amw5q2obck] {
    min-width: 120px;

    background: rgba(0,0,0,0.35);

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 8px;

    color: #f3f7f8;

    padding: 0.45rem 0.6rem;
}

.audit-table-wrapper[b-amw5q2obck] {
    flex: 1;

    overflow-y: auto;
    overflow-x: hidden;

    border-radius: 12px;

    background: rgba(0,0,0,0.16);

    border: 1px solid rgba(255,255,255,0.04);
}

.audit-table[b-amw5q2obck] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.audit-table .col-timestamp[b-amw5q2obck] { width: 170px; }
.audit-table .col-category[b-amw5q2obck] { width: 120px; }
.audit-table .col-severity[b-amw5q2obck] { width: 110px; }
.audit-table .col-user[b-amw5q2obck] { width: 170px; }
.audit-table .col-message[b-amw5q2obck] { width: auto; }

.audit-table th[b-amw5q2obck],
.audit-table td[b-amw5q2obck] {
    text-align: left;
    vertical-align: top;
}

.audit-table th[b-amw5q2obck] {
    position: sticky;
    top: 0;

    background: rgba(8, 18, 24, 0.96);

    color: rgba(230,240,245,0.78);

    text-transform: uppercase;

    font-size: 0.78rem;

    letter-spacing: 0.05rem;

    padding: 0.9rem;

    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.audit-table td[b-amw5q2obck] {
    padding: 0.9rem;

    border-bottom: 1px solid rgba(255,255,255,0.04);

    color: rgba(235,240,242,0.92);

    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.audit-table tr:hover[b-amw5q2obck] {
    background: rgba(255,255,255,0.025);
}

.audit-severity[b-amw5q2obck] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 72px;

    padding: 0.28rem 0.6rem;

    border-radius: 999px;

    font-size: 0.78rem;
    font-weight: 700;

    text-transform: uppercase;
}

.audit-severity.info[b-amw5q2obck] {
    background: rgba(70, 170, 255, 0.12);

    color: #73c2ff;
}

.audit-severity.warning[b-amw5q2obck] {
    background: rgba(255, 190, 70, 0.12);

    color: #ffd26a;
}

.audit-severity.error[b-amw5q2obck],
.audit-severity.critical[b-amw5q2obck] {
    background: rgba(255, 90, 90, 0.12);

    color: #ff8f8f;
}

.audit-pagination[b-amw5q2obck] {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    gap: 0.75rem;

    margin-top: 1rem;
}

.audit-pagination button[b-amw5q2obck] {
    background: rgba(255,255,255,0.04);

    border: 1px solid rgba(255,255,255,0.08);

    color: rgba(235,240,242,0.9);

    border-radius: 8px;

    padding: 0.45rem 0.8rem;

    transition: all 0.18s ease;
}

.audit-pagination button:hover:not(:disabled)[b-amw5q2obck] {
    background: rgba(80, 200, 200, 0.14);

    border-color: rgba(80, 200, 200, 0.3);
}

.audit-pagination button:disabled[b-amw5q2obck] {
    opacity: 0.35;
}

@media (max-width: 900px) {

    .section-header[b-amw5q2obck],
    .audit-header[b-amw5q2obck] {
        flex-direction: column;
        gap: 1rem;
    }

    .audit-filters[b-amw5q2obck] {
        width: 100%;
        flex-wrap: wrap;
    }

    .metrics-grid[b-amw5q2obck] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/RolesPermissionsAdmin.razor.rz.scp.css */
.roles-permissions-panel[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.admin-panel-header h2[b-sxfvs33m8q] {
    margin: 0 0 10px 0;
}

.admin-panel-header p[b-sxfvs33m8q],
.admin-muted[b-sxfvs33m8q] {
    color: rgba(255,255,255,0.68);
}

/* -------------------------
   Top toolbar
------------------------- */

.role-editor-toolbar[b-sxfvs33m8q] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.role-search-input[b-sxfvs33m8q] {
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.06);
    color: white;
    padding: 0 14px;
    outline: none;
}

    .role-search-input:focus[b-sxfvs33m8q] {
        border-color: rgba(0,180,140,0.45);
    }

.role-create-button[b-sxfvs33m8q],
.role-save-button[b-sxfvs33m8q],
.role-delete-button[b-sxfvs33m8q] {
    height: 42px;
    border: none;
    border-radius: 10px;
    padding: 0 16px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

.role-create-button[b-sxfvs33m8q],
.role-save-button[b-sxfvs33m8q] {
    background: rgba(0,180,140,0.88);
}

.role-delete-button[b-sxfvs33m8q] {
    background: rgba(185,45,45,0.85);
}

    .role-create-button:disabled[b-sxfvs33m8q],
    .role-save-button:disabled[b-sxfvs33m8q],
    .role-delete-button:disabled[b-sxfvs33m8q] {
        cursor: not-allowed;
        opacity: 0.42;
    }

/* -------------------------
   Main layout
------------------------- */

.role-editor-layout[b-sxfvs33m8q] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 28px;
    min-height: 520px;
}

.role-master-list[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 22px;
    border-right: 1px solid rgba(255,255,255,0.12);
}

.role-list-item[b-sxfvs33m8q] {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    padding: 0 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .role-list-item:hover[b-sxfvs33m8q] {
        background: rgba(255,255,255,0.06);
    }

    .role-list-item.selected[b-sxfvs33m8q] {
        background: rgba(0,180,140,0.18);
        border-color: rgba(0,180,140,0.35);
        color: white;
    }

.role-list-item-main[b-sxfvs33m8q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.role-list-name[b-sxfvs33m8q] {
    font-weight: 600;
    opacity: 1;
}

.role-list-item.selected .role-list-name[b-sxfvs33m8q] {
    filter: brightness(1.15);
}

.role-list-badge[b-sxfvs33m8q],
.system-role-badge[b-sxfvs33m8q] {
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 700;
    background: rgba(255,255,255,0.09);
    color: rgba(255,255,255,0.75);
    white-space: nowrap;
}

.system-role-badge[b-sxfvs33m8q] {
    background: rgba(0,180,140,0.16);
    border: 1px solid rgba(0,180,140,0.30);
    color: rgba(190,255,235,0.92);
}

/* -------------------------
   Role detail header
------------------------- */

.role-detail-panel[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.role-detail-header[b-sxfvs33m8q] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.role-detail-title-row[b-sxfvs33m8q] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .role-detail-title-row h3[b-sxfvs33m8q] {
        margin: 0;
        font-size: 24px;
    }

.role-color-preview-large[b-sxfvs33m8q] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 14px rgba(0,0,0,0.35);
}

.role-detail-header p[b-sxfvs33m8q] {
    margin: 10px 0 0 0;
    color: rgba(255,255,255,0.72);
}

.role-user-count-large[b-sxfvs33m8q] {
    min-width: 130px;
    border-radius: 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

    .role-user-count-large strong[b-sxfvs33m8q] {
        font-size: 24px;
    }

    .role-user-count-large span[b-sxfvs33m8q] {
        font-size: 12px;
        color: rgba(255,255,255,0.62);
    }

/* -------------------------
   Tabs
------------------------- */

.role-tabs[b-sxfvs33m8q] {
    display: flex;
    gap: 10px;
}

.role-tab[b-sxfvs33m8q] {
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.04);
    color: white;
    padding: 0 14px;
    cursor: pointer;
}

    .role-tab:hover[b-sxfvs33m8q] {
        background: rgba(255,255,255,0.07);
    }

    .role-tab.active[b-sxfvs33m8q] {
        background: rgba(0,180,140,0.24);
        border-color: rgba(0,180,140,0.42);
    }

/* -------------------------
   Overview tab
------------------------- */

.role-identity-editor[b-sxfvs33m8q] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 24px;
    align-items: start;
}

.role-detail-form-grid[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

    .role-detail-form-grid label[b-sxfvs33m8q] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        font-size: 13px;
        color: rgba(255,255,255,0.70);
    }

    .role-detail-form-grid input[b-sxfvs33m8q] {
        height: 40px;
        border-radius: 10px;
        border: 1px solid rgba(255,255,255,0.10);
        background: rgba(255,255,255,0.06);
        color: white;
        padding: 0 12px;
    }

        .role-detail-form-grid input:disabled[b-sxfvs33m8q] {
            opacity: 0.65;
        }

.role-color-editor[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.role-color-editor-header[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .role-color-editor-header h4[b-sxfvs33m8q] {
        margin: 0;
    }

.role-color-card[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.08);
}

.role-color-swatch[b-sxfvs33m8q] {
    width: 100%;
    height: 70px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: inset 0 0 25px rgba(255,255,255,0.08);
}

.role-color-controls[b-sxfvs33m8q] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.role-color-picker[b-sxfvs33m8q] {
    appearance: none;
    -webkit-appearance: none;
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
    padding: 0;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
}

    .role-color-picker[b-sxfvs33m8q]::-webkit-color-swatch-wrapper {
        padding: 0;
    }

    .role-color-picker[b-sxfvs33m8q]::-webkit-color-swatch {
        border: none;
        border-radius: 14px;
    }

    .role-color-picker[b-sxfvs33m8q]::-moz-color-swatch {
        border: none;
        border-radius: 14px;
    }

.role-color-hex-input[b-sxfvs33m8q] {
    flex: 1;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(255,255,255,0.06);
    color: white;
    padding: 0 14px;
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 0.5px;
}

    .role-color-hex-input:focus[b-sxfvs33m8q] {
        outline: none;
        border-color: rgba(0,180,140,0.45);
    }

.role-detail-actions[b-sxfvs33m8q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: auto;
}

/* -------------------------
   Global permissions
------------------------- */

.permission-groups[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.permission-group-card[b-sxfvs33m8q] {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 14px;
    background: rgba(255,255,255,0.02);
}

.permission-group-header[b-sxfvs33m8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
}

    .permission-group-header h4[b-sxfvs33m8q] {
        margin: 0;
        font-size: 15px;
        letter-spacing: 0.2px;
    }

    .permission-group-header span[b-sxfvs33m8q] {
        display: inline-block;
        margin-top: 4px;
        font-size: 12px;
        color: rgba(255,255,255,0.58);
    }

.permission-compact-list[b-sxfvs33m8q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.permission-compact-row[b-sxfvs33m8q] {
    min-height: 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.045);
}

    .permission-compact-row.enabled[b-sxfvs33m8q] {
        background: rgba(0,180,140,0.09);
        border-color: rgba(0,180,140,0.20);
    }

.permission-compact-copy[b-sxfvs33m8q] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(170px, 220px) minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: center;
}

    .permission-compact-copy strong[b-sxfvs33m8q] {
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .permission-compact-copy span[b-sxfvs33m8q] {
        color: rgba(255,255,255,0.62);
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .permission-compact-copy code[b-sxfvs33m8q] {
        justify-self: end;
        font-size: 11px;
        color: rgba(190,255,235,0.88);
        background: rgba(0,0,0,0.18);
        border-radius: 6px;
        padding: 3px 6px;
        white-space: nowrap;
    }

.permission-compact-row input[type="checkbox"][b-sxfvs33m8q] {
    width: 16px;
    height: 16px;
}

/* -------------------------
   Channel access
------------------------- */

.channel-grid-header[b-sxfvs33m8q],
.channel-row[b-sxfvs33m8q] {
    display: grid;
    grid-template-columns: minmax(200px,1fr) repeat(6,70px);
    align-items: center;
    gap: 8px;
}

.channel-grid-header[b-sxfvs33m8q] {
    color: rgba(255,255,255,0.68);
    font-size: 12px;
    margin-bottom: 8px;
}

.channel-row[b-sxfvs33m8q] {
    padding: 8px 0;
    border-top: 1px solid rgba(255,255,255,0.06);
}

.channel-name[b-sxfvs33m8q] {
    font-weight: 600;
}

/* -------------------------
   Responsive
------------------------- */

@media (max-width: 1300px) {
    .permission-compact-copy[b-sxfvs33m8q] {
        grid-template-columns: minmax(150px, 220px) minmax(160px, 1fr);
    }

        .permission-compact-copy code[b-sxfvs33m8q] {
            justify-self: start;
            grid-column: 1 / -1;
        }
}

@media (max-width: 1100px) {
    .role-editor-layout[b-sxfvs33m8q] {
        grid-template-columns: 1fr;
    }

    .role-master-list[b-sxfvs33m8q] {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.12);
        padding-right: 0;
        padding-bottom: 16px;
    }

    .role-identity-editor[b-sxfvs33m8q] {
        grid-template-columns: 1fr;
    }

    .permission-compact-copy[b-sxfvs33m8q] {
        grid-template-columns: 1fr;
    }

        .permission-compact-copy code[b-sxfvs33m8q] {
            justify-self: start;
        }

    .channel-grid-header[b-sxfvs33m8q],
    .channel-row[b-sxfvs33m8q] {
        grid-template-columns: minmax(180px, 1fr) repeat(6, 54px);
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/EventAdminPanel.razor.rz.scp.css */
.event-admin-panel[b-e784yv88v0] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-height: 0;
    width: 100%;
}

.event-create-panel[b-e784yv88v0],
.event-list-panel[b-e784yv88v0] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 0 26px rgba(0, 220, 190, 0.035);
    padding: 18px;
}

.event-admin-section-title[b-e784yv88v0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.event-admin-section-title.compact[b-e784yv88v0] { margin-bottom: 12px; }

.event-admin-section-title h3[b-e784yv88v0] {
    margin: 0;
    font-size: 1.28rem;
    color: #ffffff;
}

.event-admin-section-title p[b-e784yv88v0] {
    margin: 5px 0 0 0;
    color: rgba(235, 255, 252, 0.62);
    font-size: 0.88rem;
}

.event-create-grid[b-e784yv88v0] {
    display: grid;
    grid-template-columns: minmax(220px, 0.85fr) minmax(310px, 1.15fr) minmax(360px, 1.45fr);
    gap: 14px;
    align-items: stretch;
}

.event-create-column[b-e784yv88v0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.event-create-column-details[b-e784yv88v0] {
    display: grid;
    grid-template-rows: minmax(108px, 1fr) auto;
    gap: 10px;
}

.event-field-stack[b-e784yv88v0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.event-field-stack label[b-e784yv88v0],
.event-checkbox-line[b-e784yv88v0] {
    color: rgba(235, 255, 252, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.event-field-stack input[b-e784yv88v0],
.event-field-stack textarea[b-e784yv88v0],
.event-field-stack select[b-e784yv88v0] {
    width: 100%;
    min-height: 34px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    background: rgba(7, 18, 23, 0.72);
    color: #f4ffff;
    padding: 7px 10px;
    outline: none;
    transition: border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
}

.event-field-stack textarea[b-e784yv88v0] {
    min-height: 118px;
    height: 100%;
    resize: vertical;
}

.event-field-stack input:focus[b-e784yv88v0],
.event-field-stack textarea:focus[b-e784yv88v0],
.event-field-stack select:focus[b-e784yv88v0] {
    border-color: rgba(0, 245, 210, 0.55);
    box-shadow: 0 0 0 1px rgba(0, 245, 210, 0.16), 0 0 18px rgba(0, 245, 210, 0.08);
    background: rgba(8, 28, 32, 0.8);
}

.event-description-field[b-e784yv88v0] { height: 100%; }

.event-schedule-grid[b-e784yv88v0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.event-image-uploader[b-e784yv88v0] {
    position: relative;
    min-height: 124px;
    flex: 1;
    border: 1px dashed rgba(0, 220, 190, 0.38);
    border-radius: 10px;
    background:
        radial-gradient(circle at center, rgba(0, 220, 190, 0.10), transparent 48%),
        rgba(7, 18, 23, 0.72);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    cursor: pointer;
}

.event-image-uploader:hover[b-e784yv88v0] {
    border-color: rgba(0, 245, 210, 0.68);
    box-shadow: 0 0 18px rgba(0, 245, 210, 0.12), inset 0 0 24px rgba(0, 245, 210, 0.05);
}

.event-image-input[b-e784yv88v0],
.event-image-uploader input[type="file"][b-e784yv88v0],
.event-image-uploader[b-e784yv88v0]  input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    z-index: 4 !important;
    font-size: 0 !important;
}

.event-image-uploader[b-e784yv88v0]  input[type="file"]::file-selector-button,
.event-image-input[b-e784yv88v0]::file-selector-button {
    visibility: hidden !important;
    width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.event-camera-button[b-e784yv88v0] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(5, 12, 15, 0.88);
    border: 1px solid rgba(255,255,255,0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 0 16px rgba(0,0,0,0.28);
    pointer-events: none;
}

.event-camera-button img[b-e784yv88v0] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    opacity: 0.92;
}

.event-date-input[b-e784yv88v0],
.event-time-input[b-e784yv88v0],
.event-field-stack input.event-date-input[b-e784yv88v0],
.event-field-stack input.event-time-input[b-e784yv88v0],
.event-schedule-grid input.event-date-input[b-e784yv88v0],
.event-schedule-grid input.event-time-input[b-e784yv88v0] {
    color-scheme: dark !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 8px !important;
    background: rgba(7, 18, 23, 0.72) !important;
    color: #f4ffff !important;
    padding: 7px 10px !important;
    outline: none !important;
}

.event-date-input[b-e784yv88v0]::-webkit-calendar-picker-indicator,
.event-time-input[b-e784yv88v0]::-webkit-calendar-picker-indicator {
    filter: invert(1) opacity(0.72) !important;
    cursor: pointer !important;
}

.event-date-input:focus[b-e784yv88v0],
.event-time-input:focus[b-e784yv88v0] {
    border-color: rgba(0, 245, 210, 0.55) !important;
    box-shadow: 0 0 0 1px rgba(0, 245, 210, 0.16), 0 0 18px rgba(0, 245, 210, 0.08) !important;
    background: rgba(8, 28, 32, 0.8) !important;
}

.event-admin-primary[b-e784yv88v0],
.event-admin-secondary[b-e784yv88v0],
.event-row-actions button[b-e784yv88v0] {
    min-height: 36px;
    border-radius: 9px;
    padding: 0 16px;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 0.04em;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.event-admin-primary[b-e784yv88v0] {
    border: 1px solid rgba(0, 245, 210, 0.42);
    background: rgba(0, 135, 115, 0.72);
    color: #f4ffff;
    box-shadow: 0 0 18px rgba(0, 220, 190, 0.12);
}

.event-admin-secondary[b-e784yv88v0],
.event-row-actions button[b-e784yv88v0] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(245, 255, 253, 0.86);
}

.event-admin-primary:hover[b-e784yv88v0],
.event-admin-secondary:hover[b-e784yv88v0],
.event-row-actions button:hover[b-e784yv88v0] {
    transform: translateY(-1px);
    border-color: rgba(0, 245, 210, 0.68);
    box-shadow: 0 0 18px rgba(0, 245, 210, 0.12);
}

.event-admin-message[b-e784yv88v0] {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 220, 190, 0.24);
    border-radius: 10px;
    background: rgba(0, 220, 190, 0.07);
    color: rgba(235, 255, 252, 0.82);
}

.event-empty-list[b-e784yv88v0] {
    min-height: 120px;
    border: 1px dashed rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(235, 255, 252, 0.52);
    background: rgba(0, 0, 0, 0.12);
}

.event-admin-table[b-e784yv88v0] {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
}

.event-admin-table-head[b-e784yv88v0],
.event-admin-row[b-e784yv88v0] {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) minmax(160px, 0.85fr) minmax(100px, 0.55fr) minmax(100px, 0.55fr) minmax(150px, auto);
    gap: 14px;
    align-items: center;
}

.event-admin-table-head[b-e784yv88v0] {
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.035);
    color: rgba(235, 255, 252, 0.58);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.event-admin-row[b-e784yv88v0] {
    padding: 12px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(245, 255, 253, 0.82);
    background: rgba(255, 255, 255, 0.015);
}

.event-admin-event-cell[b-e784yv88v0] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.event-admin-event-cell img[b-e784yv88v0],
.event-admin-thumb-placeholder[b-e784yv88v0] { width: 58px; height: 34px; flex: 0 0 auto; border-radius: 7px; border: 1px solid rgba(0, 220, 190, 0.18); object-fit: cover; background: radial-gradient(circle at center, rgba(0, 220, 190, 0.18), rgba(255, 255, 255, 0.03)); }
.event-admin-event-cell strong[b-e784yv88v0],
.event-admin-event-cell small[b-e784yv88v0] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.event-admin-event-cell strong[b-e784yv88v0] { color: #ffffff; }
.event-admin-event-cell small[b-e784yv88v0] { margin-top: 3px; color: rgba(235, 255, 252, 0.54); }

.event-status[b-e784yv88v0] { width: fit-content; padding: 4px 8px; border-radius: 999px; font-size: 0.72rem; font-weight: 800; }
.event-status.active[b-e784yv88v0] { background: rgba(0, 220, 150, 0.12); color: rgba(145, 255, 214, 0.92); border: 1px solid rgba(0, 220, 150, 0.20); }
.event-status.cancelled[b-e784yv88v0] { background: rgba(255, 100, 100, 0.12); color: rgba(255, 180, 180, 0.95); border: 1px solid rgba(255, 100, 100, 0.22); }
.event-row-actions[b-e784yv88v0] { display: flex; gap: 8px; justify-content: flex-end; }
.event-row-actions button.danger:hover[b-e784yv88v0] { border-color: rgba(255, 100, 100, 0.46); background: rgba(255, 100, 100, 0.12); box-shadow: 0 0 18px rgba(255, 100, 100, 0.08); }

.event-edit-backdrop[b-e784yv88v0],
.cropper-backdrop[b-e784yv88v0] { position: fixed; inset: 0; z-index: 2000; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; padding: 30px; }
.event-edit-modal[b-e784yv88v0],
.cropper-modal[b-e784yv88v0] { width: min(1180px, 96vw); max-height: 92vh; overflow: auto; border: 1px solid rgba(0, 220, 190, 0.32); border-radius: 18px; background: linear-gradient(180deg, rgba(8, 25, 30, 0.96), rgba(3, 9, 13, 0.97)); color: #f4ffff; box-shadow: 0 22px 70px rgba(0, 0, 0, 0.55), inset 0 0 36px rgba(0, 220, 190, 0.055); }
.event-edit-header[b-e784yv88v0],
.cropper-header[b-e784yv88v0] { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding: 20px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.event-edit-header h3[b-e784yv88v0],
.cropper-header h3[b-e784yv88v0] { margin: 0; font-size: 1.45rem; }
.event-edit-header p[b-e784yv88v0],
.cropper-header p[b-e784yv88v0] { margin: 6px 0 0 0; color: rgba(235, 255, 252, 0.62); }
.event-icon-button[b-e784yv88v0],
.cropper-icon-button[b-e784yv88v0] { width: 34px; height: 34px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgba(245, 255, 253, 0.82); cursor: pointer; font-size: 1.25rem; }
.event-edit-grid[b-e784yv88v0] { display: grid; grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr); gap: 18px; padding: 22px; }
.edit-uploader[b-e784yv88v0] { min-height: 260px; }
.event-edit-fields[b-e784yv88v0] { display: flex; flex-direction: column; gap: 14px; }
.event-two-column-fields[b-e784yv88v0] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.event-two-column-fields.align-end[b-e784yv88v0] { align-items: end; }
.event-checkbox-line[b-e784yv88v0] { min-height: 38px; display: flex; align-items: center; gap: 8px; padding: 0 2px; }
.event-edit-actions[b-e784yv88v0] { display: flex; justify-content: flex-end; gap: 10px; padding: 0 22px 22px 22px; }
.cropper-canvas[b-e784yv88v0] { display: block; width: min(1000px, calc(96vw - 70px)); max-width: 100%; aspect-ratio: 16 / 9; height: auto; margin: 20px auto; border-radius: 12px; border: 1px solid rgba(0, 220, 190, 0.24); background: #050b0f; }
.cropper-controls[b-e784yv88v0] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 22px 22px 22px; }
.cropper-zoom-control[b-e784yv88v0] { display: flex; align-items: center; gap: 10px; flex: 1; color: rgba(235, 255, 252, 0.72); }
.cropper-zoom-control input[b-e784yv88v0] { width: 100%; }
.cropper-actions[b-e784yv88v0] { display: flex; gap: 10px; }
.cropper-button[b-e784yv88v0] { min-height: 34px; border-radius: 9px; padding: 0 14px; cursor: pointer; font-weight: 800; }
.cropper-button.primary[b-e784yv88v0] { border: 1px solid rgba(0, 245, 210, 0.42); background: rgba(0, 135, 115, 0.72); color: #f4ffff; }
.cropper-button.secondary[b-e784yv88v0] { border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.04); color: rgba(245, 255, 253, 0.86); }

@media (max-width: 1280px) {
    .event-create-grid[b-e784yv88v0] { grid-template-columns: 1fr; }
    .event-schedule-grid[b-e784yv88v0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .event-admin-section-title[b-e784yv88v0],
    .event-edit-header[b-e784yv88v0],
    .cropper-header[b-e784yv88v0],
    .cropper-controls[b-e784yv88v0] { flex-direction: column; align-items: stretch; }
    .event-edit-grid[b-e784yv88v0],
    .event-two-column-fields[b-e784yv88v0],
    .event-schedule-grid[b-e784yv88v0] { grid-template-columns: 1fr; }
    .event-admin-table[b-e784yv88v0] { overflow-x: auto; }
    .event-admin-table-head[b-e784yv88v0],
    .event-admin-row[b-e784yv88v0] { min-width: 820px; }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/OrgBankAdminPanel.razor.rz.scp.css */
.orgbank-admin-panel[b-a970ppyoy4] { display:flex; flex-direction:column; gap:16px; }
.orgbank-card[b-a970ppyoy4] { border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px; background:rgba(255,255,255,.02); }
.orgbank-card-header[b-a970ppyoy4] { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:10px; }
.orgbank-card-header h3[b-a970ppyoy4] { margin:0; }
.orgbank-card-header p[b-a970ppyoy4] { margin:4px 0 0; color:rgba(235,255,252,.72); }
.orgbank-form-grid[b-a970ppyoy4] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.orgbank-form-grid textarea[b-a970ppyoy4] { grid-column:1 / -1; min-height:74px; }
.orgbank-form-grid input[b-a970ppyoy4],.orgbank-form-grid textarea[b-a970ppyoy4],.orgbank-card select[b-a970ppyoy4] { background:rgba(0,0,0,.25); color:white; border:1px solid rgba(255,255,255,.16); border-radius:8px; padding:8px 10px; }
.orgbank-table[b-a970ppyoy4] { display:flex; flex-direction:column; gap:6px; }
.orgbank-table-head[b-a970ppyoy4],.orgbank-row[b-a970ppyoy4] { display:grid; grid-template-columns:1.5fr 1fr 1fr .7fr .8fr 1fr; gap:8px; align-items:center; }
.orgbank-table-head.requests[b-a970ppyoy4],.orgbank-row.requests[b-a970ppyoy4] { grid-template-columns:1.5fr .8fr .5fr .8fr 1fr 1.2fr; }
.orgbank-table-head[b-a970ppyoy4] { font-weight:700; color:rgba(255,255,255,.85); }
.orgbank-row[b-a970ppyoy4] { padding:8px; border-radius:8px; background:rgba(255,255,255,.02); }
.orgbank-actions[b-a970ppyoy4] { display:flex; gap:6px; }
.orgbank-actions button[b-a970ppyoy4],.orgbank-primary[b-a970ppyoy4] { border:1px solid rgba(0,220,190,.22); background:rgba(255,255,255,.03); color:white; border-radius:8px; padding:6px 10px; cursor:pointer; }
.orgbank-primary[b-a970ppyoy4] { background:rgba(0,160,135,.25); }
.orgbank-empty[b-a970ppyoy4] { color:rgba(235,255,252,.72); }
.orgbank-status[b-a970ppyoy4] { padding:8px 10px; border-radius:8px; background:rgba(0,160,135,.2); }
.orgbank-backdrop[b-a970ppyoy4] { position:fixed; inset:0; background:rgba(0,0,0,.6); display:grid; place-items:center; z-index:1200; }
.orgbank-modal[b-a970ppyoy4] { width:min(760px,92vw); background:#12171d; border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:14px; display:flex; flex-direction:column; gap:10px; }
.orgbank-checkbox-row[b-a970ppyoy4] { display:flex; align-items:center; gap:8px; }
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/PhotoGalleryAdminPanel.razor.rz.scp.css */
.photo-gallery-admin-panel[b-agxpueui7k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}

.photo-gallery-admin-card[b-agxpueui7k] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    box-shadow: inset 0 0 28px rgba(0, 220, 190, 0.035);
    padding: 16px;
}

.photo-gallery-admin-card.detail[b-agxpueui7k] {
    background: rgba(7, 18, 23, 0.62);
}

.photo-gallery-admin-card-header[b-agxpueui7k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.photo-gallery-admin-card-header h3[b-agxpueui7k] {
    margin: 0;
    color: #ffffff;
    font-size: 1.22rem;
}

.photo-gallery-admin-card-header p[b-agxpueui7k] {
    margin: 5px 0 0;
    color: rgba(235, 255, 252, 0.68);
    font-size: 0.9rem;
}

.photo-gallery-admin-list[b-agxpueui7k] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.photo-gallery-admin-row[b-agxpueui7k] {
    display: grid;
    grid-template-columns: minmax(220px, 1.6fr) 0.7fr minmax(120px, 0.9fr) minmax(120px, 0.9fr) 0.7fr minmax(130px, 0.9fr) minmax(210px, 1.25fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.photo-gallery-admin-row.head[b-agxpueui7k] {
    color: rgba(235, 255, 252, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: transparent;
    border-color: transparent;
    padding-block: 0;
}

.photo-gallery-admin-row.selected[b-agxpueui7k] {
    border-color: rgba(0, 245, 210, 0.45);
    box-shadow: inset 0 0 20px rgba(0, 220, 190, 0.07);
}

.photo-gallery-admin-row strong[b-agxpueui7k],
.photo-gallery-admin-photo strong[b-agxpueui7k],
.photo-gallery-admin-comment strong[b-agxpueui7k] {
    display: block;
    color: #f8ffff;
}

.photo-gallery-admin-row small[b-agxpueui7k],
.photo-gallery-admin-photo span[b-agxpueui7k],
.photo-gallery-admin-comment small[b-agxpueui7k],
.photo-gallery-admin-label[b-agxpueui7k] {
    display: block;
    color: rgba(235, 255, 252, 0.62);
    font-size: 0.78rem;
}

.photo-gallery-admin-actions[b-agxpueui7k] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.photo-gallery-admin-button[b-agxpueui7k],
.photo-gallery-admin-actions button[b-agxpueui7k],
.photo-gallery-admin-photo button[b-agxpueui7k],
.photo-gallery-admin-comment button[b-agxpueui7k] {
    border: 1px solid rgba(0, 220, 190, 0.24);
    border-radius: 8px;
    background: rgba(0, 160, 135, 0.15);
    color: #f4ffff;
    padding: 7px 10px;
    cursor: pointer;
}

.photo-gallery-admin-button:disabled[b-agxpueui7k],
.photo-gallery-admin-actions button:disabled[b-agxpueui7k],
.photo-gallery-admin-photo button:disabled[b-agxpueui7k],
.photo-gallery-admin-comment button:disabled[b-agxpueui7k] {
    cursor: not-allowed;
    opacity: 0.55;
}

.photo-gallery-admin-status[b-agxpueui7k],
.photo-gallery-admin-warning[b-agxpueui7k],
.photo-gallery-admin-empty[b-agxpueui7k] {
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    background: rgba(0, 160, 135, 0.16);
    color: rgba(245, 255, 253, 0.88);
}

.photo-gallery-admin-warning[b-agxpueui7k] {
    background: rgba(255, 190, 80, 0.14);
    color: rgba(255, 236, 199, 0.92);
}

.photo-gallery-admin-empty[b-agxpueui7k] {
    background: rgba(255, 255, 255, 0.035);
    color: rgba(235, 255, 252, 0.68);
}

.photo-gallery-admin-reason[b-agxpueui7k] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
}

.photo-gallery-admin-reason label[b-agxpueui7k] {
    color: rgba(235, 255, 252, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.photo-gallery-admin-reason input[b-agxpueui7k] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.22);
    color: #ffffff;
    padding: 9px 11px;
}

.photo-gallery-admin-detail-grid[b-agxpueui7k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.photo-gallery-admin-detail-grid > div[b-agxpueui7k] {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
    padding: 10px;
}

.photo-gallery-admin-photo-grid[b-agxpueui7k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}

.photo-gallery-admin-photo[b-agxpueui7k] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

.photo-gallery-admin-photo.removed[b-agxpueui7k],
.photo-gallery-admin-comment.removed[b-agxpueui7k] {
    opacity: 0.68;
    border-color: rgba(255, 120, 120, 0.24);
}

.photo-gallery-admin-photo-thumb[b-agxpueui7k] {
    min-height: 150px;
    background-color: rgba(0, 0, 0, 0.32);
    background-position: center;
    background-size: cover;
}

.photo-gallery-admin-photo-body[b-agxpueui7k],
.photo-gallery-admin-comments[b-agxpueui7k] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 10px;
}

.photo-gallery-admin-photo-body p[b-agxpueui7k],
.photo-gallery-admin-comment p[b-agxpueui7k] {
    margin: 0;
    color: rgba(245, 255, 253, 0.82);
}

.photo-gallery-admin-comments[b-agxpueui7k] {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.photo-gallery-admin-comment[b-agxpueui7k] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 9px;
    padding: 9px;
    background: rgba(0, 0, 0, 0.12);
}

@media (max-width: 1100px) {
    .photo-gallery-admin-row[b-agxpueui7k] {
        grid-template-columns: 1fr;
    }

    .photo-gallery-admin-row.head[b-agxpueui7k] {
        display: none;
    }

    .photo-gallery-admin-detail-grid[b-agxpueui7k] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/PlatformSettingsAdminPanel.razor.rz.scp.css */
.platform-settings-panel[b-4zz07wupx4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.platform-settings-section[b-4zz07wupx4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
}

.platform-settings-header[b-4zz07wupx4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.platform-settings-header h3[b-4zz07wupx4] {
    margin: 0;
    color: #f6fffd;
    font-size: 1.1rem;
}

.platform-settings-table[b-4zz07wupx4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.platform-settings-row[b-4zz07wupx4] {
    display: grid;
    grid-template-columns: minmax(90px, 0.7fr) minmax(180px, 1.4fr) minmax(220px, 2fr) 80px auto;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
    color: rgba(245,255,253,0.82);
}

.platform-settings-head[b-4zz07wupx4] {
    color: rgba(245,255,253,0.58);
    font-size: 0.8rem;
    text-transform: uppercase;
}

.platform-settings-row strong[b-4zz07wupx4],
.platform-settings-row small[b-4zz07wupx4] {
    display: block;
}

.platform-settings-row small[b-4zz07wupx4] {
    margin-top: 3px;
    color: rgba(245,255,253,0.55);
    font-size: 0.78rem;
    line-height: 1.35;
}

.platform-settings-row input[b-4zz07wupx4] {
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    background: rgba(0,0,0,0.24);
    color: #ffffff;
}

.platform-settings-header button[b-4zz07wupx4],
.platform-settings-row button[b-4zz07wupx4] {
    border: 1px solid rgba(0,220,190,0.25);
    border-radius: 6px;
    background: rgba(0,160,135,0.16);
    color: #e9fffb;
    padding: 8px 12px;
    cursor: pointer;
}

.platform-settings-header button:disabled[b-4zz07wupx4],
.platform-settings-row button:disabled[b-4zz07wupx4] {
    cursor: default;
    opacity: 0.55;
}

.platform-settings-empty[b-4zz07wupx4],
.platform-settings-status[b-4zz07wupx4] {
    color: rgba(245,255,253,0.72);
}

@media (max-width: 980px) {
    .platform-settings-row[b-4zz07wupx4] {
        grid-template-columns: 1fr;
    }

    .platform-settings-head[b-4zz07wupx4] {
        display: none;
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/PrestigeAwardsAdminPanel.razor.rz.scp.css */
.awards-admin-shell[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.awards-admin-top[b-iidq9in7ld] {
    display: grid;
    grid-template-columns: minmax(720px, 50%) 1fr;
    gap: 20px;
    align-items: start;
}

.awards-panel[b-iidq9in7ld] {
    background:
        linear-gradient(
            180deg,
            rgba(8,18,24,.92),
            rgba(6,14,20,.88)
        );

    border: 1px solid rgba(0,255,220,.12);

    border-radius: 18px;

    padding: 20px;

    box-shadow:
        0 0 18px rgba(0,255,220,.05),
        inset 0 0 20px rgba(255,255,255,.02);

    backdrop-filter: blur(10px);
}

.awards-panel-header[b-iidq9in7ld] {
    margin-bottom: 20px;
}

.awards-panel-header h2[b-iidq9in7ld] {
    margin: 0 0 6px 0;

    color: #ecfefe;

    font-size: 1.35rem;
    font-weight: 700;
}

.awards-panel-header p[b-iidq9in7ld] {
    margin: 0;

    color: rgba(220,240,245,.62);

    font-size: .92rem;
}

/* =========================
   CREATE / EDIT
========================= */

.award-editor-layout[b-iidq9in7ld] {
    display: grid;
    grid-template-columns: 200px 1fr;
 }

.award-preview-panel[b-iidq9in7ld] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-right: 18px;
}

.award-preview-card[b-iidq9in7ld] {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 12px;

    padding: 18px;

    background:
        linear-gradient(
            180deg,
            rgba(0,255,220,.08),
            rgba(255,255,255,.02)
        );

    border: 1px solid rgba(0,255,220,.14);

    border-radius: 16px;
}

.award-preview-placeholder[b-iidq9in7ld] {
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: rgba(255,255,255,.04);

    color: rgba(255,255,255,.45);

    font-size: .85rem;
}

.award-preview-name[b-iidq9in7ld] {
    color: #fff;

    font-size: 1rem;
    font-weight: 700;

    text-align: center;
}

.award-preview-type[b-iidq9in7ld] {
    color: rgba(0,255,220,.75);

    font-size: .82rem;

    text-transform: uppercase;
    letter-spacing: .08em;
}

.award-editor-form[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.award-field[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.award-field label[b-iidq9in7ld] {
    color: rgba(220,240,245,.82);

    font-size: .85rem;
    font-weight: 600;
}

.award-field input[b-iidq9in7ld],
.award-field textarea[b-iidq9in7ld],
.award-field select[b-iidq9in7ld] {
    width: 100%;

    padding: 10px 12px;

    background: rgba(0,0,0,.28);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 10px;

    color: white;

    box-sizing: border-box;
}

.award-field textarea[b-iidq9in7ld] {
    min-height: 100px;

    resize: vertical;
}

.award-field-inline[b-iidq9in7ld] {
    display: flex;
    align-items: center;

    color: rgba(255,255,255,.78);
}

.award-upload-message[b-iidq9in7ld] {
    color: rgba(0,255,220,.72);

    font-size: .78rem;
}

.award-editor-actions[b-iidq9in7ld] {
    display: flex;
    gap: 10px;

    margin-top: 10px;
}

/* =========================
   AWARDS GRID
========================= */

.awards-library-grid[b-iidq9in7ld] {
    display: grid;

    grid-template-columns:
        repeat(auto-fill, minmax(260px, 1fr));

    gap: 14px;
}

.awards-library-panel[b-iidq9in7ld] {
    width: 100%;
}

.award-library-card[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;

    gap: 14px;

    padding: 16px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.015)
        );

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 16px;

    transition:
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.award-library-card:hover[b-iidq9in7ld] {
    transform: translateY(-2px);

    border-color: rgba(0,255,220,.25);

    box-shadow:
        0 8px 18px rgba(0,0,0,.28),
        0 0 18px rgba(0,255,220,.08);
}

.award-library-top[b-iidq9in7ld] {
    display: flex;
    align-items: center;

    gap: 12px;
}

.award-library-info[b-iidq9in7ld] {
    min-width: 0;
}

.award-library-name[b-iidq9in7ld] {
    color: #fff;

    font-size: .98rem;
    font-weight: 700;
}

.award-library-key[b-iidq9in7ld] {
    color: rgba(220,240,245,.45);

    font-size: .75rem;

    word-break: break-word;
}

.award-library-description[b-iidq9in7ld] {
    color: rgba(220,240,245,.7);

    font-size: .85rem;

    line-height: 1.45;

    min-height: 42px;
}

.award-library-footer[b-iidq9in7ld] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}

.award-library-actions[b-iidq9in7ld] {
    display: flex;
    gap: 8px;
}

.award-status[b-iidq9in7ld] {
    padding: 4px 10px;

    border-radius: 999px;

    font-size: .72rem;
    font-weight: 700;

    text-transform: uppercase;
}

.award-status.active[b-iidq9in7ld] {
    background: rgba(0,255,180,.12);

    color: #70ffd4;
}

.award-status.inactive[b-iidq9in7ld] {
    background: rgba(255,120,120,.12);

    color: #ff9b9b;
}

.award-delete-warning[b-iidq9in7ld] {
    color: #ff9b9b;

    font-size: .78rem;

    line-height: 1.35;
}

/* =========================
   USER MANAGEMENT
========================= */

.award-user-search[b-iidq9in7ld] {
    display: flex;
    gap: 10px;

    margin-bottom: 18px;
}

.award-user-search input[b-iidq9in7ld] {
    flex: 1;

    padding: 10px 12px;

    background: rgba(0,0,0,.28);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 10px;

    color: white;
}

.award-user-results[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.award-user-card[b-iidq9in7ld],
.award-user-award-row[b-iidq9in7ld] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    padding: 12px;

    background: rgba(255,255,255,.03);

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 12px;
}

.award-user-name[b-iidq9in7ld] {
    color: white;

    font-weight: 600;
}

.award-user-management[b-iidq9in7ld] {
    margin-top: 22px;

    padding-top: 18px;

    border-top: 1px solid rgba(255,255,255,.08);
}

.award-management-header[b-iidq9in7ld] {
    margin-bottom: 14px;

    color: rgba(220,240,245,.82);

    font-size: .95rem;
    font-weight: 700;
}

.award-grant-row[b-iidq9in7ld] {
    display: grid;
    grid-template-columns: 220px 1fr auto;

    gap: 10px;

    margin-bottom: 16px;
}

.award-grant-row select[b-iidq9in7ld],
.award-grant-row input[b-iidq9in7ld] {
    padding: 10px 12px;

    background: rgba(0,0,0,.28);

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 10px;

    color: white;
}

.award-user-awards[b-iidq9in7ld] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.award-granted-date[b-iidq9in7ld] {
    color: rgba(220,240,245,.5);

    font-size: .75rem;

    margin-top: 2px;
}

.award-revoked-label[b-iidq9in7ld] {
    color: #ff9b9b;

    font-size: .82rem;
    font-weight: 600;
}

/* =========================
   BUTTONS
========================= */

.award-btn[b-iidq9in7ld] {
    padding: 9px 14px;

    border: none;
    border-radius: 10px;

    cursor: pointer;

    font-weight: 600;

    transition:
        transform .15s ease,
        opacity .15s ease,
        background .15s ease;
}

.award-btn:hover[b-iidq9in7ld] {
    transform: translateY(-1px);
}

.award-btn.primary[b-iidq9in7ld] {
    background:
        linear-gradient(
            180deg,
            rgba(0,255,220,.18),
            rgba(0,200,180,.18)
        );

    color: #dffff9;

    border: 1px solid rgba(0,255,220,.22);
}

.award-btn.secondary[b-iidq9in7ld] {
    background: rgba(255,255,255,.08);

    color: rgba(255,255,255,.82);
}

.award-btn.danger[b-iidq9in7ld] {
    background: rgba(255,80,80,.12);

    color: #ffb4b4;

    border: 1px solid rgba(255,80,80,.18);
}

.award-btn.small[b-iidq9in7ld] {
    padding: 6px 10px;

    font-size: .78rem;
}

/* =========================
   DELETE MODAL
========================= */

.award-delete-modal-backdrop[b-iidq9in7ld] {
    position: fixed;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0,0,0,.55);

    z-index: 9999;
}

.award-delete-modal[b-iidq9in7ld] {
    width: 360px;

    padding: 24px;

    background:
        linear-gradient(
            180deg,
            rgba(10,18,24,.98),
            rgba(8,14,20,.96)
        );

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 18px;

    box-shadow:
        0 20px 40px rgba(0,0,0,.45);
}

.award-delete-modal h3[b-iidq9in7ld] {
    margin-top: 0;

    color: white;
}

.award-delete-actions[b-iidq9in7ld] {
    display: flex;
    justify-content: flex-end;

    gap: 10px;

    margin-top: 18px;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1200px) {

    .awards-admin-top[b-iidq9in7ld] {
        grid-template-columns: 1fr;
    }

    .award-editor-layout[b-iidq9in7ld] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {

    .award-grant-row[b-iidq9in7ld] {
        grid-template-columns: 1fr;
    }

    .award-user-search[b-iidq9in7ld] {
        flex-direction: column;
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/SystemModules/SystemNotificationsAdminPanel.razor.rz.scp.css */
.system-notifications-panel[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.system-notifications-section[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
}

.system-notifications-header[b-1x38w60u3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.system-notifications-header h3[b-1x38w60u3d] {
    margin: 0;
    color: #f6fffd;
    font-size: 1.1rem;
}

.system-notifications-header select[b-1x38w60u3d],
.system-notifications-field select[b-1x38w60u3d],
.system-notifications-field textarea[b-1x38w60u3d],
.system-notifications-field input[b-1x38w60u3d] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 6px;
    background: rgba(0,0,0,0.24);
    color: #ffffff;
}

.system-notifications-header select[b-1x38w60u3d],
.system-notifications-field select[b-1x38w60u3d],
.system-notifications-field input[b-1x38w60u3d] {
    min-height: 38px;
    padding: 8px 10px;
}

.template-editor-grid[b-1x38w60u3d],
.test-notification-grid[b-1x38w60u3d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.45fr);
    gap: 14px;
    align-items: start;
}

.template-editor-main[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.system-notifications-field[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: rgba(245,255,253,0.78);
    font-size: 0.9rem;
    font-weight: 600;
}

.system-notifications-field.compact[b-1x38w60u3d] {
    max-width: 520px;
}

.system-notifications-field textarea[b-1x38w60u3d] {
    min-height: 150px;
    padding: 10px;
    resize: vertical;
    line-height: 1.45;
}

.system-notifications-toggle[b-1x38w60u3d] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(245,255,253,0.78);
}

.system-notifications-actions[b-1x38w60u3d] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.system-notifications-actions button[b-1x38w60u3d] {
    border: 1px solid rgba(0,220,190,0.25);
    border-radius: 6px;
    background: rgba(0,160,135,0.16);
    color: #e9fffb;
    padding: 8px 12px;
    cursor: pointer;
}

.system-notifications-actions button:disabled[b-1x38w60u3d] {
    cursor: default;
    opacity: 0.55;
}

.template-side-panel[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background: rgba(0,0,0,0.16);
}

.template-side-panel h4[b-1x38w60u3d],
.template-preview h4[b-1x38w60u3d] {
    margin: 0;
    color: #f6fffd;
    font-size: 0.95rem;
}

.template-side-panel p[b-1x38w60u3d] {
    margin: 0;
    color: rgba(245,255,253,0.64);
    line-height: 1.45;
}

.placeholder-list[b-1x38w60u3d] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.placeholder-list span[b-1x38w60u3d] {
    padding: 4px 7px;
    border: 1px solid rgba(0,220,190,0.22);
    border-radius: 6px;
    color: #cffff8;
    background: rgba(0,160,135,0.12);
    font-size: 0.78rem;
}

.template-preview[b-1x38w60u3d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    background: rgba(0,0,0,0.16);
}

.template-preview pre[b-1x38w60u3d] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: rgba(245,255,253,0.86);
    font-family: inherit;
    line-height: 1.45;
}

.system-notifications-empty[b-1x38w60u3d],
.system-notifications-status[b-1x38w60u3d] {
    color: rgba(245,255,253,0.72);
}

@media (max-width: 980px) {
    .template-editor-grid[b-1x38w60u3d],
    .test-notification-grid[b-1x38w60u3d] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ascenden/Components/Pages/Admin/Sections/UsersAdmin.razor.rz.scp.css */
.users-admin-panel[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.users-admin-layout[b-5zpto7ueda] {
    display: grid;
    grid-template-rows: 260px minmax(360px, 1fr);
    gap: 24px;
    min-height: 680px;
}

.users-admin-picker[b-5zpto7ueda] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    align-content: start;
    gap: 14px;
    overflow-y: auto;
    padding: 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.user-admin-avatar-card[b-5zpto7ueda] {
    min-height: 116px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: rgba(255,255,255,0.025);
    color: rgba(255,255,255,0.80);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.user-admin-avatar-card:hover[b-5zpto7ueda] {
    background: rgba(255,255,255,0.06);
    transform: translateY(-1px);
}

.user-admin-avatar-card.selected[b-5zpto7ueda] {
    background: rgba(0,180,140,0.16);
    border-color: rgba(0,180,140,0.38);
}

.user-admin-avatar-card img[b-5zpto7ueda] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
}

.user-admin-avatar-card span[b-5zpto7ueda] {
    max-width: 82px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.users-admin-detail[b-5zpto7ueda] {
    min-height: 0;
    padding: 20px;
    border-radius: 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
}

.user-admin-header[b-5zpto7ueda] {
    position: relative;
    margin-bottom: 58px;
}

.user-admin-banner[b-5zpto7ueda] {
    height: 140px;
    border-radius: 16px;
    background-color: rgba(255,255,255,0.04);
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(255,255,255,0.08);
}

.user-admin-profile-row[b-5zpto7ueda] {
    position: absolute;
    left: 22px;
    bottom: -46px;
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.user-admin-avatar[b-5zpto7ueda] {
    width: 92px;
    height: 92px;
    border-radius: 22px;
    object-fit: cover;
    background: rgba(20,22,28,0.96);
    border: 4px solid rgba(20,22,28,1);
    box-shadow: 0 0 18px rgba(0,0,0,0.35);
}

.user-admin-profile-row h3[b-5zpto7ueda] {
    margin: 0 0 4px 0;
    font-size: 24px;
}

.user-admin-profile-row p[b-5zpto7ueda] {
    margin: 0;
    color: rgba(255,255,255,0.66);
}

.user-admin-grid[b-5zpto7ueda] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.8fr;
    gap: 18px;
}

.user-admin-card[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    border-radius: 14px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.07);
}

.user-admin-card h4[b-5zpto7ueda] {
    margin: 0;
}

.user-admin-field[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.user-admin-field label[b-5zpto7ueda] {
    font-size: 12px;
    color: rgba(255,255,255,0.52);
}

.user-admin-field span[b-5zpto7ueda] {
    color: rgba(255,255,255,0.86);
}

.user-admin-role-list[b-5zpto7ueda],
.user-admin-flag-list[b-5zpto7ueda] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.user-admin-role-pill[b-5zpto7ueda],
.user-admin-flag[b-5zpto7ueda] {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.76);
}

.user-admin-flag.enabled[b-5zpto7ueda] {
    background: rgba(185,45,45,0.22);
    border: 1px solid rgba(185,45,45,0.35);
    color: rgba(255,210,210,0.95);
}

.users-admin-picker[b-5zpto7ueda]::-webkit-scrollbar {
    width: 10px;
}

.users-admin-picker[b-5zpto7ueda]::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.04);
    border-radius: 999px;
}

.users-admin-picker[b-5zpto7ueda]::-webkit-scrollbar-thumb {
    background: rgba(0,180,140,0.35);
    border-radius: 999px;
}

.user-admin-edit-card[b-5zpto7ueda] {
    gap: 18px;
}

.user-admin-edit-field[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(255,255,255,0.82);
}

    .user-admin-edit-field input[b-5zpto7ueda] {
        height: 42px;
        border: 1px solid rgba(255,255,255,0.08);
        border-radius: 10px;
        background: rgba(255,255,255,0.05);
        color: white;
        padding: 0 14px;
        font-size: 14px;
    }

.user-admin-default-actions[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-admin-default-button[b-5zpto7ueda],
.user-admin-save-button[b-5zpto7ueda] {
    height: 42px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    transition: 0.15s ease;
}

.user-admin-default-button[b-5zpto7ueda] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.82);
}

    .user-admin-default-button:hover[b-5zpto7ueda] {
        background: rgba(255,255,255,0.14);
    }

.user-admin-save-button[b-5zpto7ueda] {
    background: linear-gradient( 135deg, rgba(0,180,140,0.9), rgba(0,140,120,0.9) );
    color: white;
}

    .user-admin-save-button:hover[b-5zpto7ueda] {
        transform: translateY(-1px);
        filter: brightness(1.08);
    }

.user-admin-role-toggle-list[b-5zpto7ueda] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.user-admin-role-toggle[b-5zpto7ueda] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    background: rgba(255,255,255,0.035);
    border: 1px solid rgba(255,255,255,0.06);
    cursor: pointer;
    transition: 0.15s ease;
}

    .user-admin-role-toggle:hover[b-5zpto7ueda] {
        background: rgba(255,255,255,0.06);
    }

    .user-admin-role-toggle.assigned[b-5zpto7ueda] {
        background: rgba(0,180,140,0.14);
        border-color: rgba(0,180,140,0.22);
    }

    .user-admin-role-toggle input[b-5zpto7ueda] {
        display: none;
    }

.user-admin-role-check[b-5zpto7ueda] {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 2px solid rgba(255,255,255,0.28);
    background: rgba(255,255,255,0.04);
    transition: 0.15s ease;
}

.user-admin-role-toggle.assigned .user-admin-role-check[b-5zpto7ueda] {
    background: rgba(0,180,140,0.9);
    border-color: rgba(0,180,140,1);
    box-shadow: 0 0 12px rgba(0,180,140,0.35);
}

.user-admin-role-name[b-5zpto7ueda] {
    font-size: 15px;
    font-weight: 700;
}

.user-admin-role-toggle small[b-5zpto7ueda] {
    margin-left: auto;
    opacity: 0.6;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

@media (max-width: 1200px) {
    .user-admin-grid[b-5zpto7ueda] {
        grid-template-columns: 1fr;
    }

    .users-admin-layout[b-5zpto7ueda] {
        grid-template-rows: 300px auto;
    }
}
/* _content/Ascenden/Components/Pages/Auth/Login.razor.rz.scp.css */
.auth-page[b-c79c7c4r58] {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 32px;
    box-sizing: border-box;
}

.auth-card[b-c79c7c4r58] {
    width: 100%;
    max-width: 420px;

    padding: 32px;

    border-radius: 16px;

    background: rgba(15, 18, 24, 0.72);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(255,255,255,0.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,0.45);
}

.auth-card-header[b-c79c7c4r58] {
    margin-bottom: 24px;
}

.auth-kicker[b-c79c7c4r58] {
    margin: 0 0 6px 0;

    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: rgba(255,255,255,0.55);
}

.auth-card h1[b-c79c7c4r58] {
    margin: 0;

    font-size: 32px;
    font-weight: 700;
}

.auth-subtitle[b-c79c7c4r58] {
    margin-top: 8px;

    font-size: 14px;
    color: rgba(255,255,255,0.65);
}

.auth-form[b-c79c7c4r58] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auth-field[b-c79c7c4r58] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auth-field span[b-c79c7c4r58] {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
}

.auth-field input[b-c79c7c4r58] {
    height: 46px;

    padding: 0 14px;

    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);

    background: rgba(255,255,255,0.05);
    color: white;

    outline: none;

    transition:
        border-color 0.15s ease,
        background 0.15s ease;
}

.auth-field input:focus[b-c79c7c4r58] {
    border-color: rgba(94, 129, 244, 0.7);
    background: rgba(255,255,255,0.08);
}

.auth-actions[b-c79c7c4r58] {
    display: flex;
    gap: 12px;
}

.auth-button[b-c79c7c4r58] {
    height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 18px;

    border-radius: 10px;
    border: none;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
    cursor: pointer;

    transition:
        transform 0.12s ease,
        opacity 0.12s ease,
        background 0.12s ease;
}

.auth-button:hover[b-c79c7c4r58] {
    transform: translateY(-1px);
}

.auth-button.primary[b-c79c7c4r58] {
    background: rgba(0, 180, 140, 0.9);
    color: white;

    flex: 1;
}

.auth-button.secondary[b-c79c7c4r58] {
    background: rgba(255,255,255,0.08);
    color: white;
}

.auth-divider[b-c79c7c4r58] {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 24px 0;

    color: rgba(255,255,255,0.4);
    font-size: 12px;
    text-transform: uppercase;
}

.auth-divider[b-c79c7c4r58]::before,
.auth-divider[b-c79c7c4r58]::after {
    content: "";

    flex: 1;
    height: 1px;

    background: rgba(255,255,255,0.08);
}

.discord-button[b-c79c7c4r58] {
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    border-radius: 10px;

    background: #5865F2;
    color: white;

    text-decoration: none;
    font-weight: 600;

    transition:
        transform 0.12s ease,
        opacity 0.12s ease;
}

.discord-button:hover[b-c79c7c4r58] {
    transform: translateY(-1px);
    opacity: 0.95;
}

.discord-icon[b-c79c7c4r58] {
    width: 26px;
    height: 26px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,0.18);

    font-size: 12px;
    font-weight: 700;
}
/* _content/Ascenden/Components/Pages/Auth/Register.razor.rz.scp.css */
.auth-page-shell[b-fkaqcopflo] {
    width: 100%;
    min-height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px;
}

.auth-card[b-fkaqcopflo] {
    width: 100%;
    max-width: 430px;

    padding: 32px;

    border-radius: 20px;

    background: rgba(10, 16, 22, 0.92);

    border: 1px solid rgba(255,255,255,0.06);

    backdrop-filter: blur(12px);

    box-shadow:
        0 20px 60px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.02);
}

.auth-header[b-fkaqcopflo] {
    margin-bottom: 28px;
}

.auth-kicker[b-fkaqcopflo] {
    display: inline-block;

    margin-bottom: 12px;

    font-size: .72rem;
    letter-spacing: .12em;

    color: rgba(255,255,255,.45);
}

.auth-header h1[b-fkaqcopflo] {
    margin: 0 0 10px 0;

    font-size: 2.2rem;
    font-weight: 700;

    color: rgba(255,255,255,.96);
}

.auth-header p[b-fkaqcopflo] {
    margin: 0;

    color: rgba(255,255,255,.58);

    line-height: 1.5;
}

.auth-form[b-fkaqcopflo] {
    display: grid;
    gap: 18px;
    
}

.auth-field[b-fkaqcopflo] {
    display: grid;
    gap: 8px;
    padding-right: 35px;
}

.auth-field label[b-fkaqcopflo] {
    font-size: .82rem;
    color: rgba(255,255,255,.72);
}

.auth-field input[b-fkaqcopflo] {
    width: 100%;

    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;

    background: rgba(255,255,255,.04);

    color: #fff;

    padding: 14px 16px;

    font-size: .95rem;

    transition:
        border-color .15s ease,
        background .15s ease,
        box-shadow .15s ease;
}

.auth-field input:focus[b-fkaqcopflo] {
    outline: none;

    border-color: rgba(0,245,210,.22);

    background: rgba(255,255,255,.06);

    box-shadow:
        0 0 0 1px rgba(0,245,210,.08),
        0 0 18px rgba(0,245,210,.08);
}

.auth-primary-btn[b-fkaqcopflo] {
    margin-top: 8px;

    height: 48px;

    border: none;
    border-radius: 12px;

    background: #08b392;

    color: white;

    font-size: .95rem;
    font-weight: 700;

    cursor: pointer;

    transition:
        transform .12s ease,
        filter .15s ease;
}

.auth-primary-btn:hover[b-fkaqcopflo] {
    filter: brightness(1.05);
}

.auth-primary-btn:active[b-fkaqcopflo] {
    transform: translateY(1px);
}

.auth-footer[b-fkaqcopflo] {
    margin-top: 22px;

    text-align: center;
}

.auth-footer a[b-fkaqcopflo] {
    color: rgba(255,255,255,.62);
    text-decoration: none;
}

.auth-footer a:hover[b-fkaqcopflo] {
    color: rgba(255,255,255,.92);
}
/* _content/Ascenden/Components/Pages/Home.razor.rz.scp.css */
.home-page[b-qe9em1sg00] {
    height: 100%;
    min-height: 100%;
    color: #f3f7f7;
    overflow-y: auto;
}

.hero-section[b-qe9em1sg00] {
    position: relative;
    border: 1px solid rgba(80, 255, 220, 0.16);
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient( 90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.75) 20%, rgba(0,0,0,.20) 50%, rgba(0,0,0,.45) 100% ), linear-gradient( 0deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.20) 20%, transparent 40% ), url('/images/home.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.35);
}

.guest-hero[b-qe9em1sg00] {
    min-height: 50vh;
    -webkit-mask-image: linear-gradient( to bottom, black 0%, black 65%, transparent 100% );
    mask-image: linear-gradient( to bottom, black 0%, black 65%, transparent 100% );
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    padding: 4rem 4rem 6rem 4rem;
    box-shadow: none;
}


.hero-content[b-qe9em1sg00],
.member-hero > *[b-qe9em1sg00] {
    position: relative;
    z-index: 2;
    max-width: 620px;
}

.eyebrow[b-qe9em1sg00] {
    color: rgba(255,255,255,.65);
    font-size: 1rem;
    letter-spacing: .75rem;
    font-weight: 300;
    margin-bottom: 1rem;
}

.hero-section h1[b-qe9em1sg00] {
    margin: 0 0 1rem;
    line-height: 0.95;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.guest-hero h1[b-qe9em1sg00] {
    font-size: clamp(5rem, 8vw, 8rem);
    font-weight: 600;
    letter-spacing: .18em;
    line-height: .9;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(255,255,255,.08);
    margin-bottom: 1.5rem;
}

.hero-tagline[b-qe9em1sg00] {
    color: #00e6b0;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    max-width: 700px;
    margin-bottom: 1.5rem;
}

.hero-description[b-qe9em1sg00] {
    color: rgba(255,255,255,.8);
    font-size: 1.1rem;
    line-height: 1.8;
    max-width: 650px;
}

.member-hero[b-qe9em1sg00] {
    min-height: 40vh;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    padding: 4rem 4rem 6rem 4rem;
    box-shadow: none;
    -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,.85) 80%, rgba(0,0,0,.4) 92%, rgba(0,0,0,0) 100% );
    mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,.85) 80%, rgba(0,0,0,.4) 92%, rgba(0,0,0,0) 100% );
}

.member-name[b-qe9em1sg00] {
    color: #00e6b0;
    font-style: italic;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    text-transform: uppercase;
}

.member-hero h1[b-qe9em1sg00] {
    font-size: clamp(5rem, 8vw, 8rem);
    font-weight: 600;
    letter-spacing: .18em;
    line-height: .9;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.member-home[b-qe9em1sg00] {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}

.dashboard-grid[b-qe9em1sg00] {
    flex: 1;
    display: grid;
    grid-template-columns: 2fr 1.7fr 1.3fr;
    gap: 1rem;
}

.hero-section p[b-qe9em1sg00] {
    max-width: 560px;
    font-size: 1rem;
    line-height: 1.65;
}

.hero-actions[b-qe9em1sg00] {
    display: flex;
    gap: 0.85rem;
    margin-top: 1.75rem;
    flex-wrap: wrap;
}

.btn-primary[b-qe9em1sg00],
.btn-secondary[b-qe9em1sg00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 135px;
    padding: 0.85rem 1.25rem;
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
}

.btn-primary[b-qe9em1sg00] {
    color: #04110f;
    background: linear-gradient(135deg, #18dca7, #079b7d);
    box-shadow: 0 0 24px rgba(0, 230, 176, 0.25);
}

.btn-secondary[b-qe9em1sg00] {
    color: #f3f7f7;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.045);
}

.feature-header[b-qe9em1sg00] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

    .feature-header span[b-qe9em1sg00] {
        color: #00e6b0;
        font-size: .85rem;
        font-weight: 700;
        letter-spacing: .2em;
        white-space: nowrap;
        text-transform: uppercase;
    }

.feature-line[b-qe9em1sg00] {
    height: 1px;
    flex: 1;
    background: linear-gradient( to right, rgba(0,230,176,.35), rgba(0,230,176,.05) );
}

.feature-grid[b-qe9em1sg00] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.feature-card[b-qe9em1sg00],
.dashboard-card[b-qe9em1sg00],
.home-loading[b-qe9em1sg00] {
    border: 1px solid rgba(80, 255, 220, 0.13);
    border-radius: 14px;
    background: rgba(5, 16, 20, 0.76);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(12px);
}

.feature-card[b-qe9em1sg00] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 225px;
    padding: 1.5rem 1rem;
    border-radius: 12px;
    background: rgba(3,12,16,.55);
    border: 1px solid rgba(0,230,176,.12);
    backdrop-filter: blur(12px);
    transition: transform .15s ease, border-color .15s ease;
}

.feature-icon[b-qe9em1sg00] {
    width: 58px;
    height: 58px;
    object-fit: contain;
    margin-bottom: 1rem;
    opacity: .95;
    filter: brightness(50%) saturate(100%) invert(29%) sepia(67%) saturate(1014%) hue-rotate(126deg) brightness(73%) contrast(97%) drop-shadow(0 0 3px rgba(5,109,71,.35));
}

    .feature-card:hover[b-qe9em1sg00] {
        transform: translateY(-2px);
        border-color: rgba(0,230,176,.35);
    }

.feature-card h3[b-qe9em1sg00] {
    margin: 0 0 .75rem;
    color: white;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.feature-card p[b-qe9em1sg00] {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: .85rem;
    line-height: 1.55;
}

.dashboard-grid[b-qe9em1sg00] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.9fr;
    gap: 1rem;
    margin-top: 1.5rem;
}

.dashboard-card[b-qe9em1sg00] {
    padding: 1.25rem;
    min-height: 280px;
}

.card-header[b-qe9em1sg00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .card-header h2[b-qe9em1sg00] {
        margin: 0;
        font-size: 1rem;
    }

    .card-header a[b-qe9em1sg00],
    .card-header-note[b-qe9em1sg00] {
        color: #00e6b0;
        font-size: 0.82rem;
        text-decoration: none;
    }

.announcement-list[b-qe9em1sg00],
.event-list[b-qe9em1sg00],
.quick-links[b-qe9em1sg00] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

    .announcement-item[b-qe9em1sg00],
    .event-item[b-qe9em1sg00],
    .quick-links a[b-qe9em1sg00] {
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.06);
    }

.announcement-item[b-qe9em1sg00] {
    padding: 1rem;
}

    .announcement-item h3[b-qe9em1sg00] {
        margin: 0 0 0.4rem;
        font-size: 0.95rem;
    }

    .announcement-item p[b-qe9em1sg00] {
        margin: 0;
        color: rgba(243, 247, 247, 0.7);
        font-size: 0.85rem;
        line-height: 1.5;
    }

.event-item[b-qe9em1sg00] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

    .event-item strong[b-qe9em1sg00] {
        display: block;
        margin-bottom: 0.25rem;
    }

    .event-item span[b-qe9em1sg00],
    .event-item time[b-qe9em1sg00] {
        color: rgba(243, 247, 247, 0.65);
        font-size: 0.8rem;
    }

.quick-links a[b-qe9em1sg00] {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    color: #f3f7f7;
    text-decoration: none;
}

    .quick-links a[b-qe9em1sg00]::after {
        content: "�";
        color: #00e6b0;
    }

.empty-card-message[b-qe9em1sg00] {
    color: rgba(243, 247, 247, 0.65);
}

.home-loading[b-qe9em1sg00] {
    max-width: 520px;
    margin: 20vh auto 0;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 2000px) {
    .feature-grid[b-qe9em1sg00] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .guest-hero h1[b-qe9em1sg00] {
        font-size: clamp(4rem, 6vw, 6rem);
    }

    .hero-description[b-qe9em1sg00] {
        font-size: 1rem;
    }

    .hero-tagline[b-qe9em1sg00] {
        font-size: .95rem;
    }

    .dashboard-grid[b-qe9em1sg00] {
        grid-template-columns: 1fr;
    }

    .feature-card[b-qe9em1sg00] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        min-height: 120px; /* was 225 */

        padding: .75rem .75rem;
        border-radius: 12px;
    }

    .feature-icon[b-qe9em1sg00] {
        width: 32px;
        height: 32px;
        margin-bottom: .5rem;
    }

    .feature-card h3[b-qe9em1sg00] {
        margin: 0 0 .35rem;
        font-size: .8rem;
        line-height: 1.2;
    }

    .feature-card p[b-qe9em1sg00] {
        font-size: .75rem;
        line-height: 1.3;
        max-width: 90%;
    }

    .feature-header[b-qe9em1sg00] {
        margin-top: .25rem;
        margin-bottom: .75rem;
    }

    .feature-grid[b-qe9em1sg00] {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: .75rem;
    }

    .member-hero[b-qe9em1sg00] {
        min-height: 32vh;
    }

    .dashboard-grid[b-qe9em1sg00] {
        display: grid;
        grid-template-columns: 2fr 1.7fr 1.3fr;
        grid-template-rows: 1fr;
        gap: 1rem;
        align-items: stretch;
    }

    .dashboard-card[b-qe9em1sg00] {
        min-height: 220px;
        max-height: 400px;
    }

    .dashboard-card[b-qe9em1sg00] {
        padding: .75rem;
    }

    .card-header[b-qe9em1sg00] {
        margin-bottom: .5rem;
    }

    .announcement-item[b-qe9em1sg00] {
        padding: .6rem;
    }

    .quick-links a[b-qe9em1sg00] {
        padding: .75rem;
    }
    
}

@media (max-width: 760px) {
    .home-page[b-qe9em1sg00] {
        padding: 1rem;
    }

    .hero-section[b-qe9em1sg00] {
        padding: 2rem;
    }

    .feature-grid[b-qe9em1sg00] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ascenden/Components/Pages/Marketplace.razor.rz.scp.css */
.market-exchange-shell[b-1pqil5flz1] {
    display: flex;
    padding: 5px;
    height: 93vh;
    flex-direction: column;
    gap: 16px;
}

/* ==========================================
   HERO
========================================== */

.marketplace-top-section[b-1pqil5flz1] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 26px 26px 18px 26px;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient( 90deg, rgba(0,8,12,.78) 0%, rgba(0,8,12,.72) 28%, rgba(0,8,12,.38) 58%, rgba(0,8,12,.82) 100% ), linear-gradient( 180deg, rgba(0,0,0,.10), rgba(0,0,0,.45) ), url('/images/marketplace-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 80px rgba(0,220,190,.04), 0 0 40px rgba(0,0,0,.25);
}

.market-exchange-hero[b-1pqil5flz1] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    min-height: auto;
}

.market-exchange-kicker[b-1pqil5flz1] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #57f0dd;
    margin-bottom: 10px;
}

.market-exchange-hero h2[b-1pqil5flz1] {
    margin: 0;
    font-size: clamp(42px, 4vw, 68px);
    line-height: .95;
    font-weight: 900;
    text-transform: uppercase;
}

.market-exchange-hero p[b-1pqil5flz1] {
    margin-top: 12px;
    max-width: 600px;
    color: rgba(255,255,255,.75);
    font-size: 15px;
}

.market-exchange-create[b-1pqil5flz1] {
    background: rgba(0,255,220,.15);
    border: 1px solid rgba(0,255,220,.35);
    color: white;
    border-radius: 10px;
    padding: 12px 18px;
    cursor: pointer;
    font-weight: 700;
}

/* ==========================================
   STATS
========================================== */

.market-exchange-stats[b-1pqil5flz1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
}

.market-stat-card[b-1pqil5flz1] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient( 180deg, rgba(10,24,28,.38), rgba(10,18,22,.22) );
    border: 1px solid rgba(120,255,240,.08);
}

.market-stat-icon[b-1pqil5flz1] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(0,255,220,.25);
    color: #57f0dd;
}

.market-stat-label[b-1pqil5flz1] {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    opacity: .65;
}

.market-stat-card strong[b-1pqil5flz1] {
    font-size: 30px;
}

/* ==========================================
   MAIN GRID
========================================== */

.market-exchange-main-grid[b-1pqil5flz1] {
    display: grid;
    flex: 1;
    min-height:0;
    grid-template-columns: 240px minmax(0, 1fr) 280px;
    gap: 16px;
    align-items: stretch;
}

/* ==========================================
   PANELS
========================================== */

.market-filter-panel[b-1pqil5flz1],
.market-listings-panel[b-1pqil5flz1],
.market-side-card[b-1pqil5flz1] {
    background: rgba(0,0,0,.32);
    border: 1px solid rgba(0,255,220,.12);
    border-radius: 16px;
    backdrop-filter: blur(12px);
}

.market-filter-panel[b-1pqil5flz1],
.market-listings-panel[b-1pqil5flz1],
.market-side-panel[b-1pqil5flz1] {
    min-height: 0;
}

.market-listings-panel[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    padding: 18px;
    min-height: 0;
}

.market-filter-panel[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
}

.market-filter-bottom[b-1pqil5flz1] {
    margin-top: auto;
}

.market-create-grid[b-1pqil5flz1] {
    padding: 24px;
}

.market-side-panel[b-1pqil5flz1] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    align-self: stretch;
}

.market-side-card[b-1pqil5flz1] {
    padding: 15px;
}


/* ==========================================
   SECTION HEADERS
========================================== */

.market-exchange-section-header[b-1pqil5flz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

    .market-exchange-section-header h3[b-1pqil5flz1] {
        margin: 0;
        padding: 5px 15px 0 15px;
        font-size: 28px;
        font-weight: 800;
    }

    .market-exchange-section-header p[b-1pqil5flz1] {
        margin: 4px 0 0;
        padding: 0px 15px 0 15px;
        opacity: .65;
        font-size: 13px;
    }

/* ==========================================
   FILTERS
========================================== */

.market-filter-group[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px;
    margin-bottom: 0px;
}

.market-field-label[b-1pqil5flz1] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .12em;
    opacity: .65;
}

.market-filter-option[b-1pqil5flz1] {
    border: none;
    text-align: left;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.03);
    color: white;
}

    .market-filter-option.active[b-1pqil5flz1] {
        background: rgba(0,255,220,.14);
        border: 1px solid rgba(0,255,220,.25);
    }

.market-filter-panel .market-exchange-section-header h3[b-1pqil5flz1] {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .9;
}

.market-filter-panel .market-exchange-section-header p[b-1pqil5flz1] {
    font-size: .8rem;
    opacity: .55;
}

.market-filter-panel[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.market-filter-group[b-1pqil5flz1] {
    margin-bottom: 14px;
}


.market-filter-bottom[b-1pqil5flz1] {
    
    padding-top: 18px;
    border-top: 1px solid rgba(0,255,220,.08);
}

/* ==========================================
   SEARCH
========================================== */

.market-listing-toolbar[b-1pqil5flz1] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 14px;
}

.market-listing-tools input[b-1pqil5flz1] {
    width: 280px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(0,255,220,.15);
    border-radius: 10px;
    color: white;
}

.market-filter-group select[b-1pqil5flz1],
.market-create-fields input[b-1pqil5flz1],
.market-create-fields textarea[b-1pqil5flz1] {
    width: 100%;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(0,255,220,.15);
    border-radius: 10px;
    color: white;
}

.market-listing-tools input[b-1pqil5flz1],
.market-create-fields input[b-1pqil5flz1] {
    padding: 10px 12px;
}

.market-create-fields textarea[b-1pqil5flz1] {
    min-height: 120px;
    resize: vertical;
    padding: 12px;
}

.market-pagination[b-1pqil5flz1] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}
/* ==========================================
   LISTINGS
========================================== */

.market-listing-feed[b-1pqil5flz1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.market-listing-row[b-1pqil5flz1],
.market-listing-info[b-1pqil5flz1],
.market-listings-panel[b-1pqil5flz1] {
    min-width: 0;
}

.market-listing-row[b-1pqil5flz1] {
    display: grid;
    grid-template-columns: 160px minmax(280px, 1fr) 100px 150px 140px 120px;
    gap: 20px;
    align-items: center;
    padding: 18px 20px;
    min-height: 120px;
    border-radius: 14px;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.05);
    transition: .15s ease;
}

    .market-listing-row:hover[b-1pqil5flz1] {
        border-color: rgba(0,255,220,.20);
        box-shadow: 0 0 18px rgba(0,255,220,.08);
    }

.market-listing-image[b-1pqil5flz1] {
    width: 160px;
    height: 96px;
    overflow: hidden;
    border-radius: 10px;
}

    .market-listing-image img[b-1pqil5flz1] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* ==========================================
   LISTING INFO
========================================== */

.market-listing-info[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.market-listing-title[b-1pqil5flz1] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
}

.market-listing-category[b-1pqil5flz1] {
    color: #57f0dd;
    font-size: .9rem;
    font-weight: 600;
}

.market-listing-description[b-1pqil5flz1] {
    margin: 0;
    opacity: .75;
    line-height: 1.4;
}

/* ==========================================
   META COLUMNS
========================================== */

.market-listing-qty[b-1pqil5flz1],
.market-listing-price[b-1pqil5flz1],
.market-listing-seller[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .market-listing-qty span[b-1pqil5flz1],
    .market-listing-price span[b-1pqil5flz1],
    .market-listing-seller span[b-1pqil5flz1] {
        font-size: .70rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        opacity: .55;
    }

    .market-listing-qty strong[b-1pqil5flz1],
    .market-listing-price strong[b-1pqil5flz1] {
        font-size: 1.2rem;
        font-weight: 800;
    }

.market-listing-price[b-1pqil5flz1] {
    min-width: 160px;
}

.market-listing-seller[b-1pqil5flz1] {
    text-align: right;
    align-items: flex-end;
}

/* ==========================================
   ACTIONS
========================================== */

.market-listing-actions[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-self: end;
    align-items: stretch;
}

    .market-listing-actions button[b-1pqil5flz1] {
        width: 120px;
        padding: 10px 14px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        font-weight: 700;
        color: white;
        background: rgba(0,255,220,.15);
        border: 1px solid rgba(0,255,220,.20);
        transition: .15s ease;
    }

        .market-listing-actions button:hover[b-1pqil5flz1] {
            background: rgba(0,255,220,.25);
            border-color: rgba(0,255,220,.40);
        }

/* ==========================================
   ACTIVITY
========================================== */

.market-activity-list[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.market-activity-row[b-1pqil5flz1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
}

.market-activity-avatar img[b-1pqil5flz1] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(0,255,220,.15);
}

.market-activity-content[b-1pqil5flz1] {
    flex: 1;
    min-width: 0;
}

.market-activity-header[b-1pqil5flz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

    .market-activity-header strong[b-1pqil5flz1] {
        font-size: .82rem;
        font-weight: 700;
        color: #fff;
    }

    .market-activity-header small[b-1pqil5flz1] {
        font-size: .68rem;
        color: #7d8b92;
        white-space: nowrap;
    }

.market-activity-title[b-1pqil5flz1] {
    display: block;
    font-size: .75rem;
    color: #b9c7cc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.market-activity-row span[b-1pqil5flz1],
.market-activity-row small[b-1pqil5flz1] {
    display: block;
}

.market-activity-row small[b-1pqil5flz1] {
    opacity: .6;
}

.market-side-card .market-exchange-section-header h3[b-1pqil5flz1] {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .9;
}

.market-side-card .market-exchange-section-header p[b-1pqil5flz1] {
    font-size: .8rem;
    opacity: .55;
}

/* ==========================================
   CATEGORY BARS
========================================== */

.market-category-list[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.market-category-row[b-1pqil5flz1] {
    display: grid;
    grid-template-columns: 80px 1fr 30px;
    gap: 10px;
    align-items: center;
}

.market-category-bar[b-1pqil5flz1] {
    height: 6px;
    background: rgba(255,255,255,.06);
    border-radius: 999px;
    overflow: hidden;
}

    .market-category-bar span[b-1pqil5flz1] {
        display: block;
        height: 100%;
        background: #57f0dd;
    }

/* ==========================================
   CREATE
========================================== */

.market-create-grid[b-1pqil5flz1] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 20px;
}

.market-create-fields[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.market-create-split[b-1pqil5flz1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.market-upload-box[b-1pqil5flz1] {
    padding: 20px;
    border-radius: 12px;
    border: 1px dashed rgba(0,255,220,.25);
}

.market-pending-images[b-1pqil5flz1] {
    margin-top: 14px;
    display: grid;
    gap: 10px;
}

.market-pending-image img[b-1pqil5flz1] {
    width: 100%;
    border-radius: 10px;
}


/* ==========================================
   MODAL
========================================== */

.market-modal-backdrop[b-1pqil5flz1] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: center !important;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(8px);
    z-index: 999999 !important;
}

.market-modal-window[b-1pqil5flz1] {
    width: min(1100px, 90vw);
    max-height: 85vh;
    overflow-y: auto;
    background: rgba(8,12,16,.96);
    border: 1px solid rgba(0,255,220,.18);
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45), 0 0 40px rgba(0,255,220,.08);
}

.market-create-fields[b-1pqil5flz1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 15px;
}

    .market-create-fields label[b-1pqil5flz1] {
        margin-bottom: 4px;
    }

.market-create-actions[b-1pqil5flz1] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,255,220,.08);
}

.market-create-split[b-1pqil5flz1] {
    margin-top: 4px;
    margin-bottom: 4px;
    gap: 50px;
}

.market-primary-action[b-1pqil5flz1] {
    padding: 12px 22px;
    border-radius: 10px;
    border: 1px solid rgba(0,255,220,.25);
    background: rgba(0,255,220,.15);
    color: white;
    font-weight: 700;
    font-size: .95rem;
    cursor: pointer;
    transition: all .15s ease;
}

    .market-primary-action:hover[b-1pqil5flz1] {
        background: rgba(0,255,220,.25);
        border-color: rgba(0,255,220,.45);
        box-shadow: 0 0 18px rgba(0,255,220,.15);
    }

    .market-primary-action:active[b-1pqil5flz1] {
        transform: translateY(1px);
    }

.market-modal-header[b-1pqil5flz1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 24px 18px;
    border-bottom: 1px solid rgba(0,255,220,.08);
}

    .market-modal-header h2[b-1pqil5flz1] {
        margin: 6px 0 0;
        font-size: 2rem;
        font-weight: 800;
    }

    .market-modal-header p[b-1pqil5flz1] {
        margin-top: 8px;
        opacity: .7;
    }

.market-modal-close[b-1pqil5flz1] {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    color: white;
    cursor: pointer;
}

.market-upload-box[b-1pqil5flz1] {
    padding: 24px;
    background: rgba(255,255,255,.02);
    border: 1px dashed rgba(0,255,220,.25);
    border-radius: 12px;
    min-height: 120px;
}

.market-upload-status[b-1pqil5flz1] {
    margin: 8px 0 0;
    color: #57f0dd;
    font-size: .8rem;
}

.market-share-window[b-1pqil5flz1] {
    width: min(640px, 90vw);
}

.market-share-mode-row[b-1pqil5flz1] {
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}

.market-share-mode[b-1pqil5flz1],
.market-share-results button[b-1pqil5flz1] {
    border: 1px solid rgba(120,255,240,.12);
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.78);
    cursor: pointer;
    font-weight: 700;
}

.market-share-mode[b-1pqil5flz1] {
    padding: 10px 14px;
}

.market-share-mode.active[b-1pqil5flz1],
.market-share-results button.active[b-1pqil5flz1] {
    border-color: rgba(0,255,220,.35);
    background: rgba(0,255,220,.16);
    color: #fff;
}

.market-share-form[b-1pqil5flz1] {
    display: grid;
    gap: 8px;
}

.market-share-form input[b-1pqil5flz1],
.market-share-form select[b-1pqil5flz1] {
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,255,220,.15);
    background: rgba(255,255,255,.03);
    color: white;
}

.market-share-results[b-1pqil5flz1] {
    display: grid;
    gap: 6px;
    max-height: 180px;
    overflow-y: auto;
}

.market-share-results button[b-1pqil5flz1] {
    padding: 9px 11px;
    text-align: left;
}

.market-share-error[b-1pqil5flz1] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(239,68,68,.25);
    background: rgba(239,68,68,.08);
    color: #ffb4b4;
    font-size: .85rem;
}
.market-modal-body[b-1pqil5flz1] {
    padding: 24px;
}

    .market-modal-close:hover[b-1pqil5flz1] {
        background: rgba(0,255,220,.15);
    }

/* ==========================================
   RESPONSIVE
========================================== */

/* 1080p / laptops */
@media (max-width: 2000px) {
    .market-side-panel[b-1pqil5flz1], .market-side-card[b-1pqil5flz1], .market-exchange-stats[b-1pqil5flz1]{
        display: none !important;
    }

       .market-exchange-main-grid[b-1pqil5flz1] {
        grid-template-columns: 240px minmax(0,1fr);
    }
}

/* tablets */
@media (max-width: 1080px) {

    .market-exchange-main-grid[b-1pqil5flz1] {
        grid-template-columns: 1fr;
    }

    .market-filter-panel[b-1pqil5flz1] {
        display: none;
    }

    .market-exchange-stats[b-1pqil5flz1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .market-listing-row[b-1pqil5flz1] {
        grid-template-columns: 1fr;
    }

    .market-create-grid[b-1pqil5flz1] {
        grid-template-columns: 1fr;
    }

    .market-exchange-main-grid[b-1pqil5flz1] {
        grid-template-columns: 1fr;
    }

    .market-side-panel[b-1pqil5flz1] {
        grid-template-columns: 1fr;
    }
}

/* _content/Ascenden/Components/Pages/OrgBankWorkspace.razor.rz.scp.css */
/* =========================================================
   ORG LOGISTICS WORKSPACE
========================================================= */

.orglogistics-workspace[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 5px;
}

.orglogistics-top-section[b-4s17haent1] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 26px 26px 18px 26px;
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient( 90deg, rgba(0, 8, 12, 0.78) 0%, rgba(0, 8, 12, 0.72) 28%, rgba(0, 8, 12, 0.38) 58%, rgba(0, 8, 12, 0.82) 100% ), linear-gradient( 180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.45) ), url('/images/orglogistics-banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 80px rgba(0,220,190,0.04), 0 0 40px rgba(0,0,0,0.25);
}

/* =========================================================
   HERO HEADER
========================================================= */

.orglogistics-hero[b-4s17haent1] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.orglogistics-kicker[b-4s17haent1] {
    margin-bottom: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(0, 220, 190, 0.72);
}

.orglogistics-hero h2[b-4s17haent1] {
    margin: 0;
    font-size: clamp(2.6rem, 4vw, 4.6rem);
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.96);
    text-shadow: 0 0 24px rgba(255,255,255,0.05), 0 0 50px rgba(0,220,190,0.06);
}

.orglogistics-hero p[b-4s17haent1] {
    margin-top: 12px;
    margin-bottom: 0;
    max-width: 720px;
    font-size: 0.98rem;
    line-height: 1.6;
    color: rgba(235,255,252,0.72);
}

.orglogistics-refresh[b-4s17haent1] {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid rgba(120,255,240,0.18);
    background: linear-gradient( 180deg, rgba(0,220,190,0.14), rgba(0,120,110,0.10) );
    color: rgba(220,255,250,0.88);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: inset 0 0 18px rgba(120,255,240,0.04), 0 0 18px rgba(0,220,190,0.08);
}

    .orglogistics-refresh:hover[b-4s17haent1] {
        transform: translateY(-1px);
        border-color: rgba(120,255,240,0.34);
        background: linear-gradient( 180deg, rgba(0,220,190,0.22), rgba(0,140,125,0.18) );
        box-shadow: inset 0 0 18px rgba(120,255,240,0.08), 0 0 24px rgba(0,220,190,0.16);
    }

    .orglogistics-refresh:active[b-4s17haent1] {
        transform: translateY(0);
    }

/* =========================================================
   STATUS STRIP
========================================================= */

.orglogistics-status-strip[b-4s17haent1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.orglogistics-status-card[b-4s17haent1] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient( 180deg, rgba(10,24,28,0.38), rgba(10,18,22,0.22) );
    border: 1px solid rgba(120,255,240,0.08);
    box-shadow: inset 0 0 18px rgba(255,255,255,0.02);
}

.status-icon[b-4s17haent1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: 700;
    background: rgba(0, 220, 190, 0.08);
    border: 1px solid rgba(0, 220, 190, 0.18);
    color: rgba(120,255,240,0.95);
}

.orglogistics-status-card.warning .status-icon[b-4s17haent1] {
    color: #ffbe6b;
    border-color: rgba(255,190,107,0.25);
    background: rgba(255,190,107,0.08);
}

.orglogistics-status-card.danger .status-icon[b-4s17haent1] {
    color: #ff7272;
    border-color: rgba(255,114,114,0.25);
    background: rgba(255,114,114,0.08);
}

.status-label[b-4s17haent1] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(235,255,252,0.46);
}

.orglogistics-status-card strong[b-4s17haent1] {
    font-size: 1.5rem;
    font-weight: 800;
    color: rgba(255,255,255,0.94);
}

/* =========================================================
   MAIN GRID
========================================================= */

.orglogistics-main-grid[b-4s17haent1] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 340px;
    gap: 18px;
    align-items: stretch;
}

.orglogistics-left-column[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
}
.orglogistics-right-column[b-4s17haent1] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 18px;
    min-height: 100%;
}

    .orglogistics-left-column > *[b-4s17haent1],
    .orglogistics-right-column > *[b-4s17haent1] {
        flex: 1;
    }

/* =========================================================
   PANELS
========================================================= */

.orgbank-panel[b-4s17haent1] {
    position: relative;
    padding: 20px;
    border-radius: 18px;
    background: linear-gradient( 180deg, rgba(8,18,24,0.88), rgba(4,10,16,0.92) );
    border: 1px solid rgba(0, 220, 190, 0.14);
    box-shadow: inset 0 0 25px rgba(255,255,255,0.015), 0 0 20px rgba(0,0,0,0.18);
}

.orglogistics-requests-panel[b-4s17haent1],
.orglogistics-activity-panel[b-4s17haent1] {
    flex: 1;
}

.orglogistics-requests-panel[b-4s17haent1],
.orglogistics-activity-panel[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.orglogistics-manifest-panel[b-4s17haent1],
.orglogistics-left-column[b-4s17haent1],
.orglogistics-right-column[b-4s17haent1] {
    height: 98%;
}

.orglogistics-manifest-panel[b-4s17haent1] {
    min-height: 720px;
}

.orglogistics-section-header[b-4s17haent1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

    .orglogistics-section-header h3[b-4s17haent1] {
        margin: 0;
        font-size: 1.45rem;
        font-weight: 800;
        letter-spacing: -0.03em;
        color: rgba(255,255,255,0.95);
    }

    .orglogistics-section-header p[b-4s17haent1] {
        margin-top: 6px;
        margin-bottom: 0;
        font-size: 0.88rem;
        line-height: 1.5;
        color: rgba(235,255,252,0.56);
    }

/* =========================================================
   FORM
========================================================= */

.orgbank-request-form[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.orglogistics-field-label[b-4s17haent1] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(235,255,252,0.52);
}

.orgbank-request-form select[b-4s17haent1],
.orgbank-request-form input[b-4s17haent1],
.orgbank-request-form textarea[b-4s17haent1] {
    width: 100%;
    border: 1px solid rgba(0, 220, 190, 0.16);
    border-radius: 12px;
    background: rgba(0,0,0,0.28);
    color: rgba(255,255,255,0.92);
    padding: 12px 14px;
    font-size: 0.94rem;
}

.orgbank-request-form textarea[b-4s17haent1] {
    min-height: 110px;
    resize: vertical;
}

.orgbank-request-form textarea[b-4s17haent1] {
    min-height: 110px;
    resize: vertical;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

    .orgbank-request-form select:focus[b-4s17haent1],
    .orgbank-request-form input:focus[b-4s17haent1],
    .orgbank-request-form textarea:focus[b-4s17haent1] {
        outline: none;
        border-color: rgba(0,220,190,0.34);
        box-shadow: 0 0 0 3px rgba(0,220,190,0.08);
    }

.orglogistics-selected-item-preview[b-4s17haent1] {
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
}

.preview-item-name[b-4s17haent1] {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgba(255,255,255,0.94);
}

.preview-item-meta[b-4s17haent1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    font-size: 0.82rem;
    color: rgba(235,255,252,0.62);
}

.preview-muted[b-4s17haent1] {
    color: rgba(235,255,252,0.42);
}

/* =========================================================
   QUANTITY CONTROL
========================================================= */

.orglogistics-quantity-control[b-4s17haent1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-stepper[b-4s17haent1] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(0,220,190,0.16);
    background: rgba(255,255,255,0.03);
    color: rgba(255,255,255,0.82);
    font-size: 1.2rem;
    font-weight: 700;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

    .quantity-stepper:hover[b-4s17haent1] {
        background: rgba(0,220,190,0.08);
        border-color: rgba(0,220,190,0.32);
        transform: translateY(-1px);
    }

.orglogistics-quantity-control input[b-4s17haent1] {
    text-align: center;
}

/* =========================================================
   SUBMIT BUTTON
========================================================= */

.orglogistics-submit[b-4s17haent1] {
    width: 100%;
    height: 48px;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid rgba(120,255,240,0.35);
    background: linear-gradient( 180deg, rgba(90,255,235,0.92), rgba(50,220,200,0.88) );
    color: #021212;
    box-shadow: 0 0 20px rgba(0,220,190,0.18);
}

/* =========================================================
   MANIFEST TABLE
========================================================= */

.orglogistics-manifest-table[b-4s17haent1] {
    display: flex;
    flex-direction: column;
}

.orglogistics-manifest-head[b-4s17haent1],
.orglogistics-manifest-row[b-4s17haent1] {
    display: grid;
    grid-template-columns: minmax(250px, 1.8fr) minmax(140px, .8fr) minmax(120px, .6fr) minmax(140px, .8fr);
    gap: 18px;
    align-items: center;
}

.orglogistics-manifest-head[b-4s17haent1] {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(235,255,252,0.48);
}

    .orglogistics-manifest-head > *:last-child[b-4s17haent1] {
        text-align: right;
    }

.orglogistics-manifest-row[b-4s17haent1] {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    transition: background 0.15s ease, border-color 0.15s ease;
}

    .orglogistics-manifest-row:hover[b-4s17haent1] {
        background: rgba(255,255,255,0.02);
    }

.manifest-item-cell[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .manifest-item-cell strong[b-4s17haent1] {
        font-size: 1rem;
        font-weight: 700;
        color: rgba(255,255,255,0.94);
    }

    .manifest-item-cell small[b-4s17haent1] {
        font-size: 0.82rem;
        line-height: 1.4;
        color: rgba(235,255,252,0.52);
    }

.manifest-category-pill[b-4s17haent1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(0,220,190,0.10);
    border: 1px solid rgba(0,220,190,0.20);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(120,255,240,0.92);
}

.manifest-quality[b-4s17haent1] {
    font-weight: 600;
    color: rgba(255,255,255,0.82);
}

.manifest-available[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.manifest-stock-bar[b-4s17haent1] {
    width: 100%;
    max-width: 120px;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
}

    .manifest-stock-bar span[b-4s17haent1] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient( 90deg, rgba(0,220,190,0.72), rgba(120,255,240,0.92) );
    }

/* =========================================================
   REQUESTS / ACTIVITY
========================================================= */

.orglogistics-requests-list[b-4s17haent1] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
}

    .orglogistics-requests-list[b-4s17haent1]::-webkit-scrollbar {
        width: 8px;
    }

    .orglogistics-requests-list[b-4s17haent1]::-webkit-scrollbar-track {
        background: rgba(0,0,0,.25);
        border-radius: 999px;
    }

    .orglogistics-requests-list[b-4s17haent1]::-webkit-scrollbar-thumb {
        background: rgba(0,220,190,.35);
        border-radius: 999px;
    }

        .orglogistics-requests-list[b-4s17haent1]::-webkit-scrollbar-thumb:hover {
            background: rgba(0,220,190,.55);
        }

.orglogistics-request-list[b-4s17haent1],
.orglogistics-activity-list[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.orglogistics-request-row[b-4s17haent1],
.orglogistics-activity-row[b-4s17haent1] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.05);
}

    .orglogistics-request-row strong[b-4s17haent1],
    .orglogistics-activity-row strong[b-4s17haent1] {
        display: block;
        margin-bottom: 5px;
        font-size: 0.96rem;
        color: rgba(255,255,255,0.92);
    }

    .orglogistics-request-row span[b-4s17haent1],
    .orglogistics-activity-row span[b-4s17haent1],
    .orglogistics-activity-row small[b-4s17haent1] {
        display: block;
        font-size: 0.82rem;
        line-height: 1.5;
        color: rgba(235,255,252,0.56);
    }

.request-status-pill[b-4s17haent1] {
    align-self: flex-start;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

    .request-status-pill.pending[b-4s17haent1] {
        background: rgba(255,190,107,0.12);
        color: #ffbe6b;
    }

    .request-status-pill.approved[b-4s17haent1],
    .activity-dot.approved[b-4s17haent1] {
        background: rgba(120,255,180,0.12);
        color: #84ffb5;
    }

    .request-status-pill.fulfilled[b-4s17haent1],
    .activity-dot.fulfilled[b-4s17haent1] {
        background: rgba(0,220,190,0.12);
        color: #8fffee;
    }

    .request-status-pill.denied[b-4s17haent1],
    .activity-dot.denied[b-4s17haent1] {
        background: rgba(255,114,114,0.12);
        color: #ff8e8e;
    }

.activity-icon[b-4s17haent1] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =========================================================
   QUICK INFO
========================================================= */

.orglogistics-request-console[b-4s17haent1] {
    flex: 1.4;
}

.orglogistics-quick-info[b-4s17haent1] {
    flex: 0.7;
}
.quick-info-list[b-4s17haent1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.quick-info-row[b-4s17haent1] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.quick-info-icon[b-4s17haent1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0,220,190,0.08);
    border: 1px solid rgba(0,220,190,0.18);
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(120,255,240,0.92);
}

.quick-info-row p[b-4s17haent1] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.6;
    color: rgba(235,255,252,0.68);
}

/* =========================================================
   MESSAGE
========================================================= */

.orgbank-message[b-4s17haent1] {
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(0,220,190,0.08);
    border: 1px solid rgba(0,220,190,0.16);
    color: rgba(240,255,252,0.88);
    font-size: 0.92rem;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1920px) {

    .orglogistics-main-grid[b-4s17haent1] {
        grid-template-columns: 280px minmax(0, 1fr) 300px;
    }
}

@media (max-height: 1100px) {

    .orglogistics-workspace[b-4s17haent1] {
        gap: 14px;
    }

    .orglogistics-hero[b-4s17haent1] {
        padding: 18px 22px;
    }

        .orglogistics-hero h2[b-4s17haent1] {
            font-size: clamp(2rem, 3vw, 3.2rem);
        }

        .orglogistics-hero p[b-4s17haent1] {
            margin-top: 8px;
            font-size: 0.88rem;
        }

    .orglogistics-status-strip[b-4s17haent1] {
        gap: 10px;
    }

    .orglogistics-status-card[b-4s17haent1] {
        padding: 12px 14px;
    }

    .status-icon[b-4s17haent1] {
        width: 38px;
        height: 38px;
    }

    .orglogistics-main-grid[b-4s17haent1] {
        gap: 14px;
    }

    .orgbank-panel[b-4s17haent1] {
        padding: 16px;
    }

    .orglogistics-section-header[b-4s17haent1] {
        margin-bottom: 14px;
    }

        .orglogistics-section-header h3[b-4s17haent1] {
            font-size: 1.2rem;
        }

    .orgbank-request-form[b-4s17haent1] {
        gap: 10px;
    }

        .orgbank-request-form textarea[b-4s17haent1] {
            min-height: 80px;
        }

    .quick-info-list[b-4s17haent1] {
        gap: 10px;
    }

    .quick-info-row p[b-4s17haent1] {
        font-size: 0.82rem;
    }

    .orglogistics-manifest-panel[b-4s17haent1] {
        min-height: 560px;
    }
}

@media (min-height: 1300px) {

    .orglogistics-workspace[b-4s17haent1] {
        min-height: calc(100vh - 140px);
    }

    .orglogistics-main-grid[b-4s17haent1] {
        flex: 1;
    }

    .orglogistics-manifest-panel[b-4s17haent1] {
        min-height: 980px;
    }
}

@media (max-width: 1400px) {

    .orglogistics-main-grid[b-4s17haent1] {
        grid-template-columns: 1fr;
    }
    .orglogistics-main-grid[b-4s17haent1] {
        align-items: stretch;
    }
    .orglogistics-manifest-panel[b-4s17haent1] {
        min-height: 950px;
    }

    .orglogistics-status-strip[b-4s17haent1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {

    .orglogistics-status-strip[b-4s17haent1] {
        grid-template-columns: 1fr;
    }

    .orglogistics-manifest-head[b-4s17haent1],
    .orglogistics-manifest-row[b-4s17haent1] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ascenden/Components/Pages/Profile.razor.rz.scp.css */
.profile-page-shell[b-3rlxqdpgyi] {
    display:grid;
    gap:12px;
    padding:12px;
}
.profile-loading[b-3rlxqdpgyi],.profile-error[b-3rlxqdpgyi] {
    padding:12px;
    border-radius:10px;
    background:rgba(20,22,28,.86);
    color:#eaf4ff;
}
.profile-hero[b-3rlxqdpgyi] {
    display:flex;
    justify-content:flex-start;
}
.profile-placeholder-grid[b-3rlxqdpgyi] {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:10px;
}
.profile-placeholder-card[b-3rlxqdpgyi] {
    background: rgba(20, 22, 28, 0.86);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 10px;
    color: #dce9f6;
}
.profile-placeholder-card h4[b-3rlxqdpgyi] { margin:0 0 6px 0; }
.profile-placeholder-card p[b-3rlxqdpgyi] { margin:0; opacity:.8; }
/* _content/Ascenden/Components/Pages/Settings/Sections/AwardsProfileSection.razor.rz.scp.css */
/* =========================================================
   AWARDS SHOWCASE PAGE
   ========================================================= */

.awards-profile-framework[b-59ania8krj] {
    width: 100%;
    min-width: 0;
}

.awards-showcase-page[b-59ania8krj] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* =========================================================
   PAGE HEADER
   ========================================================= */

.awards-page-header h2[b-59ania8krj] {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
}

.awards-page-header p[b-59ania8krj] {
    margin: 6px 0 0;
    color: rgba(255,255,255,.7);
}

/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.awards-layout[b-59ania8krj] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    align-items: stretch;
}

.awards-left-column[b-59ania8krj],
.awards-right-column[b-59ania8krj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Left column should fill the available page height */
.awards-left-column[b-59ania8krj] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto 1fr 1fr;
    gap: 20px;
}

    .awards-left-column > .awards-panel:first-child[b-59ania8krj] {
        padding: 14px;
    }

        .awards-left-column > .awards-panel:first-child .panel-header[b-59ania8krj] {
            margin-bottom: 10px;
        }

    .awards-left-column > .awards-panel:nth-child(2)[b-59ania8krj],
    .awards-left-column > .awards-panel:nth-child(3)[b-59ania8krj] {
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

.prestige-awards-list[b-59ania8krj],
.timeline-scroll[b-59ania8krj] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}
/* =========================================================
   PANELS
   ========================================================= */

.awards-panel[b-59ania8krj] {
    background: rgba(4,12,18,.82);
    border: 1px solid rgba(0,255,210,.15);
    border-radius: 14px;
    padding: 18px;
    backdrop-filter: blur(10px);
}

.panel-header[b-59ania8krj] {
    margin-bottom: 16px;
}

    .panel-header h3[b-59ania8krj] {
        margin: 0;
        color: #12f0d0;
        font-size: 1rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .panel-header p[b-59ania8krj] {
        margin: 4px 0 0;
        color: rgba(255,255,255,.7);
        font-size: .9rem;
    }

/* =========================================================
   SHOWCASED AWARDS
   ========================================================= */

.showcase-awards-row[b-59ania8krj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.showcase-award-card[b-59ania8krj] {
    height: 140px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .showcase-award-card .award-icon-xl[b-59ania8krj],
    .showcase-award-card img[b-59ania8krj] {
        width: 96px;
        height: 96px;
        object-fit: contain;
    }

/* =========================================================
   PRESTIGE AWARDS
   ========================================================= */

.prestige-awards-list[b-59ania8krj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 280px;
    overflow-y: auto;
}

.prestige-award-row[b-59ania8krj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
}

.prestige-award-info h4[b-59ania8krj] {
    margin: 0;
    color: white;
}

.prestige-award-info span[b-59ania8krj] {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.65);
    font-size: .82rem;
}

/* =========================================================
   TIMELINE
   ========================================================= */

.timeline-scroll[b-59ania8krj] {
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.timeline-row[b-59ania8krj] {
    display: grid;
    grid-template-columns: 42px 90px 1fr;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

    .timeline-row:last-child[b-59ania8krj] {
        border-bottom: none;
    }

.timeline-date[b-59ania8krj] {
    color: #12f0d0;
    font-size: .82rem;
    white-space: nowrap;
}

.timeline-text[b-59ania8krj] {
    color: rgba(255,255,255,.85);
    font-size: .9rem;
}

/* =========================================================
   SYSTEM AWARDS
   ========================================================= */

.system-awards-list[b-59ania8krj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 75vh;
    overflow-y: auto;
    padding-right: 6px;
}

.system-award-row[b-59ania8krj] {
    display: grid;
    grid-template-columns: minmax(220px,320px) 1fr minmax(160px,220px);
    gap: 18px;
    align-items: center;
    padding: 16px;
    border-radius: 12px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
}

.system-award-left[b-59ania8krj] {
    display: flex;
    align-items: center;
    gap: 14px;
}

    .system-award-left h4[b-59ania8krj] {
        margin: 0;
        color: white;
        font-size: 1.05rem;
    }

    .system-award-left p[b-59ania8krj] {
        margin: 4px 0 0;
        color: rgba(255,255,255,.7);
        font-size: .85rem;
        line-height: 1.4;
    }

.system-award-center[b-59ania8krj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.progress-label[b-59ania8krj] {
    text-align: right;
    font-size: 1.7rem;
    font-weight: 800;
    color: #12f0d0;
}

.progress-bar[b-59ania8krj] {
    height: 10px;
    background: rgba(0,0,0,.55);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill[b-59ania8krj] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient( 90deg, #0fd9c0, #25ffd8 );
}

.system-award-right[b-59ania8krj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.next-award-label[b-59ania8krj] {
    color: #12f0d0;
    font-size: .75rem;
    text-transform: uppercase;
}

.system-award-right strong[b-59ania8krj] {
    color: white;
    font-size: 1rem;
    overflow-wrap: break-word;
}

.system-award-right span[b-59ania8krj] {
    color: rgba(255,255,255,.7);
    font-size: .85rem;
}

/* =========================================================
   SCROLLBAR STYLING
   ========================================================= */

.system-awards-list[b-59ania8krj]::-webkit-scrollbar,
.prestige-awards-list[b-59ania8krj]::-webkit-scrollbar,
.timeline-scroll[b-59ania8krj]::-webkit-scrollbar {
    width: 8px;
}

.system-awards-list[b-59ania8krj]::-webkit-scrollbar-thumb,
.prestige-awards-list[b-59ania8krj]::-webkit-scrollbar-thumb,
.timeline-scroll[b-59ania8krj]::-webkit-scrollbar-thumb {
    background: rgba(18,240,208,.35);
    border-radius: 999px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 2000px) {

    .awards-layout[b-59ania8krj] {
        grid-template-columns: 1fr;
    }

    .system-award-row[b-59ania8krj] {
        grid-template-columns: 1fr;
    }

    .progress-label[b-59ania8krj] {
        text-align: left;
    }

    .system-awards-list[b-59ania8krj] {
        max-height: none;
    }

    .prestige-awards-list[b-59ania8krj],
    .timeline-scroll[b-59ania8krj] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        max-height: none;
    }
}
/* _content/Ascenden/Components/Pages/Settings/Sections/ProfileSettings.razor.rz.scp.css */
/* _content/Ascenden/Components/Pages/Settings/SettingsPage.razor.rz.scp.css */
/* =========================================================
   SETTINGS WORKSPACE
========================================================= */

.settings-workspace[b-ihicdnjrvz] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    width: 100%;
    height: 100%;
    padding: 18px;
    min-height: 0;
    box-sizing: border-box;
}

/* =========================================================
   LEFT SETTINGS NAV
========================================================= */

.settings-sidebar[b-ihicdnjrvz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 18px;
    border-right: 1px solid rgba(255,255,255,.08);
    width: 100%;
}

.settings-nav-button[b-ihicdnjrvz] {
    height: 42px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,.04);
    color: white;
    text-align: left;
    padding: 0 14px;
    cursor: pointer;
    transition: background .15s ease, transform .15s ease, border-color .15s ease;
}

    .settings-nav-button:hover[b-ihicdnjrvz] {
        background: rgba(255,255,255,.08);
    }

    .settings-nav-button.active[b-ihicdnjrvz] {
        background: rgba(0,180,140,.18);
        border: 1px solid rgba(0,180,140,.35);
    }

/* =========================================================
   LOGOUT BUTTONS
========================================================= */

.settings-nav-button-danger[b-ihicdnjrvz] {
    margin-top: 10px;
    background: rgba(180,35,35,.18);
    border: 1px solid rgba(180,35,35,.22);
}

    .settings-nav-button-danger:hover[b-ihicdnjrvz] {
        background: rgba(180,35,35,.30);
    }

    .settings-nav-button-danger.active-danger[b-ihicdnjrvz] {
        background: rgba(180,35,35,.40);
        border-color: rgba(255,90,90,.38);
    }

.logout-confirm-panel[b-ihicdnjrvz] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
}

.logout-confirm-text[b-ihicdnjrvz] {
    font-size: 13px;
    color: rgba(255,255,255,.75);
    line-height: 1.4;
}

.logout-confirm-actions[b-ihicdnjrvz] {
    display: flex;
    gap: 10px;
}

.logout-cancel-button[b-ihicdnjrvz],
.logout-confirm-button[b-ihicdnjrvz] {
    height: 36px;
    border-radius: 10px;
    border: none;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: white;
    cursor: pointer;
    font-size: 13px;
}

.logout-cancel-button[b-ihicdnjrvz] {
    background: rgba(255,255,255,.08);
}

.logout-confirm-button[b-ihicdnjrvz] {
    background: rgba(185,45,45,.85);
}

/* =========================================================
   SETTINGS CONTENT AREA
========================================================= */

.settings-content[b-ihicdnjrvz] {
    min-width: 0;
    min-height: 0;
}

    /* =========================================================
   PROFILE SETTINGS 2.0
========================================================= */

    .settings-content[b-ihicdnjrvz]  .profile-settings-shell {
        display: grid;
        grid-template-columns: minmax(0,1fr) 320px;
        gap: 24px;
        padding: 15px;
    }

    .settings-content[b-ihicdnjrvz]  .profile-main-panel {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .settings-content[b-ihicdnjrvz]  .profile-sidebar-rail {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    /* =========================================================
   HERO
========================================================= */

    .settings-content[b-ihicdnjrvz]  .profile-hero {
        position: relative;
        border-radius: 18px;
        overflow: visible;
    }

    .settings-content[b-ihicdnjrvz]  .profile-avatar-upload input,
    .settings-content[b-ihicdnjrvz]  .profile-banner-upload input {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .settings-content[b-ihicdnjrvz]  .profile-banner-upload {
        height: 220px;
        border-radius: 18px;
        background-size: cover;
        background-position: center;
        border: 1px solid rgba(255,255,255,.05);
    }

    .settings-content[b-ihicdnjrvz]  .profile-hero-content {
        display: flex;
        align-items: flex-end;
        gap: 22px;
        margin-top: -70px;
        padding: 0 24px;
        position: relative;
        z-index: 2;
    }

    .settings-content[b-ihicdnjrvz]  .profile-avatar-upload {
        width: 140px;
        height: 140px;
        border-radius: 18px;
        overflow: hidden;
        flex-shrink: 0;
        border: 4px solid rgba(8,14,20,.95);
        background: rgba(0,0,0,.35);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 0 10px 25px rgba(0,0,0,.4);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        

    .settings-content[b-ihicdnjrvz]  .profile-hero-details {
        padding-bottom: 10px;
    }

        .settings-content[b-ihicdnjrvz]  .profile-hero-details h2 {
            margin: 0;
            font-size: 2rem;
            font-weight: 800;
        }

    .settings-content[b-ihicdnjrvz]  .profile-current-title {
        margin-top: 6px;
        color: rgba(255,255,255,.65);
        font-size: .9rem;
    }

    /* =========================================================
   CONTENT CARDS
========================================================= */

    .settings-content[b-ihicdnjrvz]  .profile-content-stack {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .settings-content[b-ihicdnjrvz]  .settings-card,
    .settings-content[b-ihicdnjrvz]  .profile-sidebar-card {
        padding: 22px;
        border-radius: 18px;
        background: linear-gradient( 180deg, rgba(18,32,38,.18), rgba(10,18,24,.12) );
        border: 1px solid rgba(255,255,255,.03);
        backdrop-filter: blur(10px);
    }

        .settings-content[b-ihicdnjrvz]  .settings-card h3,
        .settings-content[b-ihicdnjrvz]  .profile-sidebar-card h3 {
            margin: 0 0 18px;
            text-transform: uppercase;
            letter-spacing: .08em;
            font-size: .8rem;
        }

    /* =========================================================
   PROFILE INFO
========================================================= */

    .settings-content[b-ihicdnjrvz]  .profile-info-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 24px;
        min-width: 0;
    }

    .settings-content[b-ihicdnjrvz]  .social-links-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding: 10px;
        min-width: 0;
    }

    .settings-content[b-ihicdnjrvz]  input {
        min-width: 0;
    }

    /* =========================================================
   FORM CONTROLS
========================================================= */

    .settings-content[b-ihicdnjrvz]  .settings-group {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
    }

        .settings-content[b-ihicdnjrvz]  .settings-group label {
            font-size: .72rem;
            text-transform: uppercase;
            letter-spacing: .08em;
            color: rgba(255,255,255,.65);
        }

    .settings-content[b-ihicdnjrvz]  input,
    .settings-content[b-ihicdnjrvz]  textarea,
    .settings-content[b-ihicdnjrvz]  select {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,.05);
        background: rgba(255,255,255,.04);
        color: white;
    }

    .settings-content[b-ihicdnjrvz]  textarea {
        min-height: 220px;
        resize: vertical;
    }

    /* =========================================================
   STATS
========================================================= */

    .settings-content[b-ihicdnjrvz]  .profile-stat-item {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 12px;
        margin-bottom: 10px;
        border-radius: 12px;
        background: rgba(255,255,255,.03);
    }

        .settings-content[b-ihicdnjrvz]  .profile-stat-item span {
            font-size: .72rem;
            text-transform: uppercase;
            color: rgba(255,255,255,.55);
        }

    /* =========================================================
   BUTTONS
========================================================= */

    .settings-content[b-ihicdnjrvz]  .settings-save-button {
        border: none;
        border-radius: 12px;
        padding: 12px 18px;
        background: linear-gradient( 180deg, rgba(0,220,180,.95), rgba(0,180,150,.92) );
        color: white;
        font-weight: 700;
        cursor: pointer;
    }

    .settings-content[b-ihicdnjrvz]  .profile-editor-actions {
        display: flex;
        justify-content: flex-end;
    }

    /* =========================================================
   AWARDS
========================================================= */

    .settings-content[b-ihicdnjrvz]  .featured-award-slot {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 12px;
    }
   

    /* ============================= */
    /* FEATURED AWARDS               */
    /* ============================= */

    .settings-content[b-ihicdnjrvz]  .featured-award-slot {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 14px;
        margin-top: 12px;
        border-radius: 12px;
        background: rgba(255,255,255,.03);
        border: 1px solid rgba(255,255,255,.04);
    }

/* =========================================================
   CROPPER
========================================================= */

[b-ihicdnjrvz] .cropper-backdrop {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(0,0,0,.70);
    backdrop-filter: blur(10px);
    z-index: 9999;
}

[b-ihicdnjrvz] .cropper-modal {
    width: min(900px, 100%);
    max-height: 92vh;
    overflow: auto;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(18,32,38,.88), rgba(10,18,24,.82) );
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 40px rgba(0,0,0,.45);
}

[b-ihicdnjrvz] .cropper-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

    [b-ihicdnjrvz] .cropper-header h3 {
        margin: 0 0 4px 0;
    }

    [b-ihicdnjrvz] .cropper-header p {
        margin: 0;
        color: rgba(255,255,255,.65);
        font-size: .84rem;
    }

[b-ihicdnjrvz] .cropper-icon-button {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: white;
    cursor: pointer;
}

[b-ihicdnjrvz] .cropper-canvas {
    width: 100%;
    border-radius: 14px;
    background: black;
    overflow: hidden;
}

[b-ihicdnjrvz] .cropper-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    flex-wrap: wrap;
}

[b-ihicdnjrvz] .cropper-zoom-control {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-ihicdnjrvz] .cropper-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

[b-ihicdnjrvz] .cropper-button {
    border: none;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 700;
}

    [b-ihicdnjrvz] .cropper-button.primary {
        background: rgba(0,180,140,.92);
        color: white;
    }

    [b-ihicdnjrvz] .cropper-button.secondary {
        background: rgba(255,255,255,.08);
        color: white;
    }

/* ============================= */
/* RESPONSIVE                    */
/* ============================= */

@media (max-width: 2000px) {

    .settings-content[b-ihicdnjrvz]  .profile-settings-shell {
        grid-template-columns: 1fr !important;
    }

    .settings-content[b-ihicdnjrvz]  .profile-sidebar-rail {
        display: grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 18px;
    }

    .settings-content[b-ihicdnjrvz] {
        overflow-y: auto;
        min-height: 0;
    }

        .settings-content[b-ihicdnjrvz]  .profile-settings-shell {
            grid-template-columns: 1fr !important;
            height: auto;
            min-height: max-content;
        }

        .settings-content[b-ihicdnjrvz]  .profile-sidebar-rail {
            display: grid;
            grid-template-columns: repeat(3, minmax(0,1fr));
            gap: 18px;
        }

        .settings-content[b-ihicdnjrvz]::-webkit-scrollbar {
            width: 10px;
        }

        .settings-content[b-ihicdnjrvz]::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.15);
            border-radius: 999px;
        }

        .settings-content[b-ihicdnjrvz]::-webkit-scrollbar-thumb {
            background: linear-gradient( 180deg, rgba(0, 220, 180, 0.85), rgba(0, 180, 150, 0.85) );
            border-radius: 999px;
            border: 2px solid transparent;
            background-clip: padding-box;
        }

            .settings-content[b-ihicdnjrvz]::-webkit-scrollbar-thumb:hover {
                background: linear-gradient( 180deg, rgba(0, 240, 200, 1), rgba(0, 200, 170, 1) );
            }

    /* Firefox */
    .settings-content[b-ihicdnjrvz] {
        scrollbar-width: thin;
        scrollbar-color: rgba(0,220,180,.85) rgba(0,0,0,.15);
    }
}





/* _content/Ascenden/Components/PhotoGallery/PhotoGalleryWorkspace.razor.rz.scp.css */
.photo-gallery-workspace[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 97%;
    min-height: 0;
}

.photo-gallery-hero[b-hege3cdx5x],
.photo-gallery-create-panel[b-hege3cdx5x],
.photo-gallery-album-panel[b-hege3cdx5x],
.photo-gallery-detail-panel[b-hege3cdx5x],
.photo-gallery-photo-panel[b-hege3cdx5x] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 0 28px rgba(0, 220, 190, 0.035);
}

.photo-gallery-detail-panel[b-hege3cdx5x] {
    overflow: hidden;
}

.photo-gallery-photo-grid[b-hege3cdx5x] {
    overflow-y: auto;
    max-height: 700px;
}

.photo-gallery-hero[b-hege3cdx5x] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 240px;
    padding: 18px;
    background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.65) ), url('/images/gallery-banner.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.photo-gallery-hero h2[b-hege3cdx5x],
.photo-gallery-detail-header h3[b-hege3cdx5x],
.photo-gallery-photo-details h3[b-hege3cdx5x],
.photo-gallery-comments h4[b-hege3cdx5x] {
    margin: 0;
    color: #ffffff;
}

.photo-gallery-hero p[b-hege3cdx5x],
.photo-gallery-detail-header p[b-hege3cdx5x],
.photo-gallery-photo-details p[b-hege3cdx5x] {
    margin: 6px 0 0;
    color: rgba(235, 255, 252, 0.68);
}

.photo-gallery-kicker[b-hege3cdx5x] {
    display: block;
    color: rgba(0, 245, 210, 0.82);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.photo-gallery-status[b-hege3cdx5x],
.photo-gallery-empty[b-hege3cdx5x] {
    border-radius: 12px;
    padding: 12px;
    background: rgba(0, 160, 135, 0.15);
    color: rgba(245, 255, 253, 0.88);
}

.photo-gallery-sort-row[b-hege3cdx5x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: .8rem;
    color: rgba(255,255,255,.55);
}

.photo-gallery-sort-label[b-hege3cdx5x] {
    color: rgba(0,245,210,.75);
    font-weight: 600;
}

.photo-gallery-empty[b-hege3cdx5x] {
    background: rgba(255, 255, 255, 0.035);
    color: rgba(235, 255, 252, 0.66);
}

.photo-gallery-empty.tall[b-hege3cdx5x] {
    min-height: 180px;
    height: 100%;
    display: grid;
    place-items: center;
    text-align: center;
}

.photo-gallery-create-panel[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.2fr) auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
}

.photo-gallery-field-stack[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.photo-gallery-field-stack label[b-hege3cdx5x] {
    color: rgba(235, 255, 252, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.photo-gallery-field-stack input[b-hege3cdx5x],
.photo-gallery-field-stack textarea[b-hege3cdx5x],
.photo-gallery-comment-box textarea[b-hege3cdx5x] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.24);
    color: #ffffff;
    padding: 9px 11px;
}

.photo-gallery-field-stack textarea[b-hege3cdx5x],
.photo-gallery-comment-box textarea[b-hege3cdx5x] {
    min-height: 74px;
    resize: vertical;
}

.photo-gallery-create-actions[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: rgba(235, 255, 252, 0.62);
    font-size: 0.82rem;
}

.photo-gallery-main-grid[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 16px;
    flex: 1;
    min-height: 0;
}

.photo-gallery-album-panel[b-hege3cdx5x],
.photo-gallery-detail-panel[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.photo-gallery-album-panel[b-hege3cdx5x],
.photo-gallery-detail-panel[b-hege3cdx5x],
.photo-gallery-photo-panel[b-hege3cdx5x] {
    padding: 14px;
    min-width: 0;
}

.photo-gallery-tabs[b-hege3cdx5x],
.photo-gallery-upload-panel[b-hege3cdx5x],
.photo-gallery-detail-meta[b-hege3cdx5x],
.photo-gallery-comments header[b-hege3cdx5x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.photo-gallery-tabs[b-hege3cdx5x] {
    margin-bottom: 12px;
}

.photo-gallery-tab[b-hege3cdx5x],
.photo-gallery-primary[b-hege3cdx5x],
.photo-gallery-danger[b-hege3cdx5x],
.photo-gallery-comments button[b-hege3cdx5x] {
    border: 1px solid rgba(0, 220, 190, 0.24);
    border-radius: 9px;
    background: rgba(0, 160, 135, 0.15);
    color: #f4ffff;
    padding: 8px 11px;
    cursor: pointer;
}

.photo-gallery-tab.active[b-hege3cdx5x],
.photo-gallery-primary[b-hege3cdx5x] {
    border-color: rgba(0, 245, 210, 0.52);
    background: rgba(0, 160, 135, 0.28);
}

.photo-gallery-danger[b-hege3cdx5x] {
    border-color: rgba(255, 120, 120, 0.38);
    background: rgba(180, 45, 45, 0.22);
}

.photo-gallery-primary:disabled[b-hege3cdx5x],
.photo-gallery-danger:disabled[b-hege3cdx5x],
.photo-gallery-comments button:disabled[b-hege3cdx5x] {
    cursor: not-allowed;
    opacity: 0.55;
}

.photo-gallery-album-grid[b-hege3cdx5x] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-right: 4px;
}

.photo-gallery-album-grid[b-hege3cdx5x],
.photo-gallery-comments[b-hege3cdx5x],
.photo-gallery-photo-details[b-hege3cdx5x],
.photo-gallery-comment-box[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.photo-gallery-album-card[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 10px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    color: inherit;
    padding: 8px;
    text-align: left;
    cursor: pointer;
}

.photo-gallery-album-card.selected[b-hege3cdx5x],
.photo-gallery-photo-tile.selected[b-hege3cdx5x] {
    border-color: rgba(0, 245, 210, 0.48);
    box-shadow: inset 0 0 18px rgba(0, 220, 190, 0.07);
}

.photo-gallery-album-cover[b-hege3cdx5x] {
    min-height: 90px;
    border-radius: 9px;
    background: radial-gradient(circle at center, rgba(0, 220, 190, 0.16), transparent 60%), rgba(0, 0, 0, 0.24);
    background-position: center;
    background-size: cover;
    display: grid;
    place-items: center;
    color: rgba(0, 245, 210, 0.78);
}

.photo-gallery-album-info strong[b-hege3cdx5x],
.photo-gallery-photo-details h3[b-hege3cdx5x],
.photo-gallery-comment strong[b-hege3cdx5x] {
    color: #ffffff;
}

.photo-gallery-album-info small[b-hege3cdx5x],
.photo-gallery-photo-tile span[b-hege3cdx5x],
.photo-gallery-comment small[b-hege3cdx5x] {
    display: block;
    color: rgba(235, 255, 252, 0.62);
    font-size: 0.78rem;
}

.photo-gallery-detail-header[b-hege3cdx5x] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.photo-gallery-detail-actions[b-hege3cdx5x] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.photo-gallery-detail-meta[b-hege3cdx5x] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.photo-gallery-detail-meta span[b-hege3cdx5x] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    padding: 6px 9px;
    color: rgba(235, 255, 252, 0.72);
    font-size: 0.78rem;
}

.photo-gallery-upload-panel[b-hege3cdx5x] {
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 10px;
    border: 1px dashed rgba(0, 220, 190, 0.26);
    border-radius: 12px;
}

.photo-gallery-photo-grid[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.photo-gallery-photo-tile[b-hege3cdx5x] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.025);
    color: inherit;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

    .photo-gallery-photo-tile img[b-hege3cdx5x] {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        display: block;
        background: rgba(0, 0, 0, 0.28);
    }

.photo-gallery-photo-tile span[b-hege3cdx5x] {
    padding: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.photo-gallery-album-card:hover[b-hege3cdx5x],
.photo-gallery-photo-tile:hover[b-hege3cdx5x] {
    border-color: rgba(0, 245, 210, 0.4);
    transform: translateY(-2px);
    transition: all 0.15s ease;
}

.photo-gallery-modal[b-hege3cdx5x] {
    width: min(1500px, 95vw);
    height: min(900px, 92vh);
    display: grid;
    grid-template-columns: 1fr 420px;
    overflow: hidden;
    background: #08141c;
    border: 1px solid rgba(0,245,210,.15);
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 40px rgba(0,220,190,.08);
    position: relative;
}

.photo-gallery-modal-image-wrap[b-hege3cdx5x] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.45);
    overflow: hidden;
    padding: 24px;
}

    .photo-gallery-modal-image-wrap img[b-hege3cdx5x] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 12px;
    }

.photo-gallery-modal-info[b-hege3cdx5x] {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-left: 1px solid rgba(255,255,255,.06);
    overflow: hidden;
}

..photo-gallery-comments[b-hege3cdx5x] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin-top: 16px;
    padding-right: 6px;
}

.photo-gallery-comment-box[b-hege3cdx5x] {
    margin-top: auto;
    border-top: 1px solid rgba(255,255,255,.06);
    padding-top: 16px;
}

.photo-gallery-modal-close[b-hege3cdx5x] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 5;
}

    .photo-gallery-modal-close:hover[b-hege3cdx5x] {
        background: rgba(0,220,190,.25);
    }

.photo-gallery-comment.removed[b-hege3cdx5x] {
    opacity: 0.65;
    border-color: rgba(255, 120, 120, 0.22);
}

.photo-gallery-comment header[b-hege3cdx5x] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
}

.photo-gallery-title[b-hege3cdx5x] {
    margin: 0;
    font-size: clamp(2.6rem, 4vw, 4.6rem);
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.96);
    text-shadow: 0 0 24px rgba(255,255,255,0.05), 0 0 50px rgba(0,220,190,0.06);
}

.photo-gallery-hero-content[b-hege3cdx5x] {
    max-width: 900px;
    z-index: 2;
}

.photo-gallery-stat-grid[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.photo-gallery-stat-card[b-hege3cdx5x] {
    padding: 14px 18px;
    border-radius: 14px;
    background: rgba(0,0,0,.25);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.08);
}

.photo-gallery-stat-label[b-hege3cdx5x] {
    display: block;
    font-size: .72rem;
    text-transform: uppercase;
    color: rgba(255,255,255,.55);
}

.photo-gallery-stat-value[b-hege3cdx5x] {
    display: block;
    margin-top: 4px;
    font-size: 2rem;
    font-weight: 800;
    color: white;
}

.photo-gallery-upload-modal[b-hege3cdx5x] {
    width: min(550px, 90vw);
    padding: 24px;
    background: #08141c;
    border: 1px solid rgba(0,245,210,.2);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 30px rgba(0,220,190,.08);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .photo-gallery-upload-modal h3[b-hege3cdx5x] {
        margin: 0;
        color: white;
        font-size: 1.4rem;
        font-weight: 700;
    }

.photo-gallery-modal-actions[b-hege3cdx5x] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 8px;
}

.photo-gallery-modal-backdrop[b-hege3cdx5x] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    z-index: 5000;
}

.photo-gallery-secondary[b-hege3cdx5x] {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.04);
    color: rgba(235,255,252,.85);
    padding: 8px 11px;
    cursor: pointer;
}

    .photo-gallery-secondary:hover[b-hege3cdx5x] {
        background: rgba(255,255,255,.08);
    }

.photo-gallery-upload-picker[b-hege3cdx5x] {
    padding: 16px;
    border: 1px dashed rgba(0,245,210,.25);
    border-radius: 12px;
    background: rgba(255,255,255,.02);
}

.photo-gallery-selected-files[b-hege3cdx5x] {
    color: rgba(0,245,210,.8);
    font-size: .85rem;
}

.photo-gallery-create-modal[b-hege3cdx5x] {
    width: min(650px, 90vw);
    padding: 24px;
    background: #08141c;
    border: 1px solid rgba(0,245,210,.2);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 30px rgba(0,220,190,.08);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.photo-gallery-share-modal[b-hege3cdx5x] {
    width: min(560px, 90vw);
}

.photo-gallery-share-subtitle[b-hege3cdx5x] {
    margin: -8px 0 0;
    color: rgba(235,255,252,.65);
    font-size: .9rem;
}

.photo-gallery-share-results[b-hege3cdx5x] {
    display: grid;
    gap: 5px;
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(0,0,0,.18);
    padding: 5px;
}

.photo-gallery-share-results button[b-hege3cdx5x] {
    min-height: 31px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(235,255,252,.82);
    text-align: left;
    padding: 0 9px;
    cursor: pointer;
}

.photo-gallery-share-results button:hover[b-hege3cdx5x],
.photo-gallery-share-results button.active[b-hege3cdx5x] {
    background: rgba(0,160,135,.28);
    color: #fff;
}

.photo-gallery-create-note[b-hege3cdx5x] {
    color: rgba(235,255,252,.65);
    font-size: .85rem;
    line-height: 1.4;
}

.photo-gallery-visibility-toggle[b-hege3cdx5x] {
    display: flex;
    gap: 8px;
}

.photo-gallery-visibility-option[b-hege3cdx5x] {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.04);
    color: rgba(235,255,252,.78);
    padding: 8px 11px;
    cursor: pointer;
}

.photo-gallery-visibility-option.active[b-hege3cdx5x] {
    border-color: rgba(0,245,210,.52);
    background: rgba(0,160,135,.28);
    color: #f4ffff;
}

.photo-gallery-role-grid[b-hege3cdx5x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 4px;
}

.photo-gallery-role-option[b-hege3cdx5x] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(255,255,255,.035);
    color: rgba(235,255,252,.82);
    padding: 8px 10px;
    font-size: .85rem;
}

@media (max-width: 1220px) {
    .photo-gallery-main-grid[b-hege3cdx5x] {
        grid-template-columns: 1fr;
    }

    .photo-gallery-create-panel[b-hege3cdx5x] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .photo-gallery-modal[b-hege3cdx5x] {
        grid-template-columns: 1fr;
        height: 95vh;
    }

    .photo-gallery-modal-info[b-hege3cdx5x] {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,.06);
    }
}
/* _content/Ascenden/Components/Shared/AwardIcon.razor.rz.scp.css */
.award-icon[b-2kxxxud3bf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    border-radius: 6px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.12);
    flex-shrink: 0;
    color: var(--award-tier-color, currentColor);
}

.award-icon-sm[b-2kxxxud3bf] { width: 20px; height: 20px; }
.award-icon-md[b-2kxxxud3bf] { width: 28px; height: 28px; }
.award-icon-lg[b-2kxxxud3bf] { width: 40px; height: 40px; }
.award-icon-xl[b-2kxxxud3bf] { width: 84px; height: 84px; }

.award-icon-fallback[b-2kxxxud3bf] {
    text-shadow: var(--award-tier-glow, none);
}

.award-icon-tinted[b-2kxxxud3bf] {
    overflow: hidden;
}

.award-icon-tint-glyph[b-2kxxxud3bf] {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--award-tier-color);
    filter: var(--award-tier-glow, none);
    -webkit-mask: var(--award-icon-url) center / contain no-repeat;
    mask: var(--award-icon-url) center / contain no-repeat;
}

.award-tier-bronze[b-2kxxxud3bf] {
    --award-tier-color: #B87333;
}

.award-tier-silver[b-2kxxxud3bf] {
    --award-tier-color: #C8D0D8;
}

.award-tier-gold[b-2kxxxud3bf] {
    --award-tier-color: #FFCF33;
}

.award-tier-platinum[b-2kxxxud3bf] {
    --award-tier-color: #C43DFF;
    --award-tier-glow: drop-shadow(0 0 2px rgba(196,61,255,.5)) drop-shadow(0 0 6px rgba(196,61,255,.35));
}
/* _content/Ascenden/Components/Shared/ChatMessageRow.razor.rz.scp.css */
.shared-chat-message-row[b-q2mqivuo74] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    padding: 2px 18px;
    position: relative;
    background: transparent;
    border-radius: 0;
    transition: background .12s ease;
}

.shared-chat-message-row.grouped[b-q2mqivuo74] {
    padding-top: 0;
}

.shared-chat-message-row:not(.grouped)[b-q2mqivuo74] {
    margin-top: 25px;
}

.chat-message-avatar[b-q2mqivuo74],
.chat-message-avatar-placeholder[b-q2mqivuo74] {
    width: 44px;
    height: 44px;
}

.chat-message-avatar[b-q2mqivuo74] {
    border-radius: 50%;
    object-fit: cover;
}

.chat-message-content[b-q2mqivuo74] {
    min-width: 0;
}

.chat-message-meta[b-q2mqivuo74] {
    display: flex;
    gap: 10px;
    margin-bottom: 4px;
    align-items: baseline;
    min-width: 0;
}

.chat-message-meta span[b-q2mqivuo74],
.chat-message-meta em[b-q2mqivuo74] {
    font-size: .72rem;
    color: rgba(255,255,255,.55);
}

.chat-message-meta em[b-q2mqivuo74] {
    font-style: normal;
}

.chat-message-hover-actions[b-q2mqivuo74] {
    position: absolute;
    top: 4px;
    right: 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 6px;
    padding: 6px 10px;
    background: rgba(8, 12, 16, 0.96);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 20;
}

.shared-chat-message-row:hover .chat-message-hover-actions[b-q2mqivuo74],
.shared-chat-message-row:focus-within .chat-message-hover-actions[b-q2mqivuo74] {
    opacity: 1;
    pointer-events: auto;
}

.chat-message-hover-actions[b-q2mqivuo74] (.message-reaction-controls) {
    display: inline-flex;
}

.chat-message-action[b-q2mqivuo74] {
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.75);
    font-size: .72rem;
    cursor: pointer;
    display: inline-flex;
    padding: 2px 4px;
}

.chat-message-action:hover[b-q2mqivuo74] {
    color: #fff;
}

.chat-message-reactions-inline[b-q2mqivuo74] {
    display: flex;
    margin-top: 6px;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.chat-message-jump-highlight[b-q2mqivuo74] {
    box-shadow: 0 0 0 2px rgba(0,245,210,.45) inset;
}

.shared-chat-message-row[b-q2mqivuo74] (.message-line) {
    white-space: pre-wrap;
    line-height: 1.45;
    margin-top: 4px;
}

.message-context-menu[b-q2mqivuo74] {
    position: fixed;
    z-index: 2600;
    min-width: 150px;
    display: grid;
    gap: 2px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(7, 10, 14, .98);
    box-shadow: 0 16px 42px rgba(0,0,0,.42);
}

.message-context-menu button[b-q2mqivuo74] {
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(255,255,255,.84);
    cursor: pointer;
    padding: 8px 10px;
    text-align: left;
}

.message-context-menu button:hover[b-q2mqivuo74] {
    background: rgba(255,255,255,.07);
    color: #fff;
}

.message-context-menu button.danger[b-q2mqivuo74] {
    color: #ffb2b2;
}

.message-removed[b-q2mqivuo74] {
    color: rgba(255,255,255,.58);
    font-style: italic;
}

@media (max-width: 720px) {
    .shared-chat-message-row[b-q2mqivuo74] {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 10px;
        padding: 2px 10px;
    }

    .chat-message-avatar[b-q2mqivuo74],
    .chat-message-avatar-placeholder[b-q2mqivuo74] {
        width: 36px;
        height: 36px;
    }
}
/* _content/Ascenden/Components/Shared/EmptyStatePanel.razor.rz.scp.css */
.empty-state-panel[b-lq8v5t67wz] {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(20,22,28,.52);
    color: rgba(240,250,255,.82);
    border: 1px solid rgba(255,255,255,.08);
    display: grid;
    gap: 4px;
}
.empty-state-title[b-lq8v5t67wz] { font-weight: 600; color: #f3fbff; }
.empty-state-description[b-lq8v5t67wz] { font-size: .9rem; opacity: .85; }
/* _content/Ascenden/Components/Shared/MessageEmbedBlock.razor.rz.scp.css */
.message-embed-card[b-bnvgaaxz0n] {
    margin-top: 10px;
    width: min(520px, 100%);
    background: rgba(8,12,18,.78);
    border: 1px solid rgba(255,255,255,.06);
    border-left: 4px solid rgba(0,245,210,.72);
    border-radius: 12px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(0,0,0,.28);
    transition: background .12s ease, border-color .12s ease, transform .12s ease;
}

    .message-embed-card:hover[b-bnvgaaxz0n] {
        background: rgba(12,18,26,.92);
        border-color: rgba(0,245,210,.16);
    }

.message-embed-meta[b-bnvgaaxz0n] {
    padding: 10px 14px 8px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(190,255,245,.62);
}

.message-embed-block[b-bnvgaaxz0n] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: rgba(0,0,0,.24);
    border-top: 1px solid rgba(255,255,255,.04);
}

    .message-embed-block iframe[b-bnvgaaxz0n] {
        width: 100%;
        height: 100%;
        border: 0;
    }
/* _content/Ascenden/Components/Shared/MessageReactionBar.razor.rz.scp.css */
.message-reaction-bar[b-o8d33xsh8w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.message-reaction-existing[b-o8d33xsh8w],
.message-reaction-controls[b-o8d33xsh8w] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.message-reaction-pill[b-o8d33xsh8w],
.message-reaction-add[b-o8d33xsh8w] {
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.06);
    color: #fff;
    border-radius: 999px;
    font-size: .78rem;
    padding: 2px 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.message-reaction-pill.is-active[b-o8d33xsh8w] {
    border-color: rgba(0,245,210,.45);
    background: rgba(0,245,210,.16);
}

.message-reaction-add[b-o8d33xsh8w] {
    opacity: .75;
}

.message-reaction-controls[b-o8d33xsh8w] {
    display: none;
}
/* _content/Ascenden/Components/Shared/MessageRenderer.razor.rz.scp.css */
.message-renderer[b-87noktmsq0] {
    min-width: 0;
}

.message-attachment-strip[b-87noktmsq0] {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.message-attachment-link[b-87noktmsq0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: min(640px, 100%);
    max-height: 420px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.24);
}

.message-attachment-link img[b-87noktmsq0] {
    display: block;
    width: auto;
    height: auto;
    max-width: min(640px, 100%);
    max-height: 420px;
    object-fit: contain;
}

.message-attachment-gif img[b-87noktmsq0] {
    max-width: min(480px, 100%);
    max-height: 300px;
}

.message-marketplace-card[b-87noktmsq0] {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 12px;
    width: min(560px, 100%);
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(0, 255, 220, 0.18);
    background: rgba(8, 14, 20, 0.82);
}

.message-marketplace-image[b-87noktmsq0] {
    width: 128px;
    height: 118px;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.28);
}

.message-marketplace-body[b-87noktmsq0] {
    min-width: 0;
    padding: 12px 12px 12px 0;
}

.message-marketplace-kicker[b-87noktmsq0] {
    color: #57f0dd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.message-marketplace-title[b-87noktmsq0] {
    margin-top: 3px;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.message-marketplace-meta[b-87noktmsq0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
}

.message-marketplace-body p[b-87noktmsq0] {
    margin: 8px 0 10px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.35;
}

.message-marketplace-action[b-87noktmsq0] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 7px;
    border: 1px solid rgba(0, 255, 220, .28);
    background: rgba(0, 255, 220, .12);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.message-event-card[b-87noktmsq0] {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 12px;
    width: min(600px, 100%);
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(0, 255, 220, 0.18);
    background: rgba(8, 14, 20, 0.82);
}

.message-event-image[b-87noktmsq0] {
    width: 148px;
    height: 124px;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.28);
}

.message-event-body[b-87noktmsq0] {
    min-width: 0;
    padding: 12px 12px 12px 0;
}

.message-event-kicker[b-87noktmsq0] {
    color: #57f0dd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.message-event-title[b-87noktmsq0] {
    margin-top: 3px;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.message-event-meta[b-87noktmsq0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
}

.message-event-body p[b-87noktmsq0] {
    margin: 8px 0 10px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.35;
}

.message-event-action[b-87noktmsq0] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 7px;
    border: 1px solid rgba(0, 255, 220, .28);
    background: rgba(0, 255, 220, .12);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.message-gallery-card[b-87noktmsq0] {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 12px;
    width: min(580px, 100%);
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(0, 255, 220, 0.18);
    background: rgba(8, 14, 20, 0.82);
}

.message-gallery-image[b-87noktmsq0] {
    width: 132px;
    height: 122px;
    object-fit: cover;
    background: rgba(0, 0, 0, 0.28);
}

.message-gallery-body[b-87noktmsq0] {
    min-width: 0;
    padding: 12px 12px 12px 0;
}

.message-gallery-kicker[b-87noktmsq0] {
    color: #57f0dd;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.message-gallery-title[b-87noktmsq0] {
    margin-top: 3px;
    color: #fff;
    font-weight: 800;
    line-height: 1.2;
}

.message-gallery-meta[b-87noktmsq0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
}

.message-gallery-body p[b-87noktmsq0] {
    margin: 8px 0 10px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.35;
}

.message-gallery-action[b-87noktmsq0] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 7px;
    border: 1px solid rgba(0, 255, 220, .28);
    background: rgba(0, 255, 220, .12);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.message-inline-emoji[b-87noktmsq0] {
    width: 1.2em;
    height: 1.2em;
    vertical-align: -0.2em;
    object-fit: contain;
}

@media (max-width: 900px) {
    .message-attachment-link[b-87noktmsq0],
    .message-attachment-link img[b-87noktmsq0] {
        max-width: min(520px, 100%);
        max-height: 360px;
    }

    .message-attachment-gif img[b-87noktmsq0] {
        max-width: min(380px, 100%);
        max-height: 240px;
    }
}
/* _content/Ascenden/Components/Shared/MessageReplyPreview.razor.rz.scp.css */
.message-reply-preview[b-2c9rt5yycf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    margin-top: 4px;
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.86);
    text-align: left;
}

.message-reply-preview span[b-2c9rt5yycf] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: .78rem;
}
/* _content/Ascenden/Components/Shared/SharedMessageComposer.razor.rz.scp.css */
.shared-message-composer[b-p0hmkmszjk] {
    display: grid;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    background: rgba(20, 22, 28, 0.55);
    backdrop-filter: blur(12px);
}

/* =========================
   Reply Context
========================= */

.shared-message-replying[b-p0hmkmszjk] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    font-size: .78rem;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.025);
    border-left: 2px solid rgba(0,245,210,.35);
    border-radius: 8px;
}

.shared-message-reply-label[b-p0hmkmszjk] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.shared-message-replying button[b-p0hmkmszjk] {
    border: none;
    background: transparent;
    color: rgba(255,255,255,.6);
    cursor: pointer;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    transition: .15s ease;
}

    .shared-message-replying button:hover[b-p0hmkmszjk] {
        background: rgba(255,255,255,.05);
        color: rgba(255,255,255,.95);
    }

/* =========================
   Main Composer Shell
========================= */

.shared-message-shell[b-p0hmkmszjk] {
    display: grid;
    position: relative;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 16px 6px 8px;
    border-radius: 16px;
    background: rgba(10, 16, 22, .94);
    border: 1px solid rgba(255,255,255,.06);
    backdrop-filter: blur(10px);
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

    .shared-message-shell:focus-within[b-p0hmkmszjk] {
        border-color: rgba(0,245,210,.18);
        box-shadow: 0 0 0 1px rgba(0,245,210,.06), 0 0 18px rgba(0,245,210,.06);
    }

/* =========================
   Right Action Rail
========================= */

.shared-message-actions-right[b-p0hmkmszjk] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-wrap: nowrap;
    flex-shrink: 0;
    padding-right: 4px;
}

/* =========================
   Input Region
========================= */

.shared-message-input-region[b-p0hmkmszjk] {
    min-width: 0;
    display: flex;
    align-items: center;
}

.shared-message-input[b-p0hmkmszjk] {
    width: 100%;
    height: 32px;
    min-height: 32px;
    max-height: 140px;
    resize: none;
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
    padding: 7px 6px 5px 6px;
    line-height: 22px;
    font-size: 1rem;
    overflow-y: auto;
}

    .shared-message-input[b-p0hmkmszjk]::placeholder {
        color: rgba(255,255,255,.38);
    }

    .shared-message-input:focus[b-p0hmkmszjk] {
        outline: none;
        box-shadow: none;
    }


.shared-message-attachments-queued[b-p0hmkmszjk] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 6px 12px;
    font-size: .74rem;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.02);
    border-left: 2px solid rgba(90,170,255,.35);
    border-radius: 8px;
}

.shared-message-queued-label[b-p0hmkmszjk] {
    color: rgba(255,255,255,.82);
}

.shared-message-queued-clear[b-p0hmkmszjk] {
    border: none;
    background: transparent;
    color: rgba(255,255,255,.62);
    cursor: pointer;
    border-radius: 6px;
    padding: 2px 6px;
}

.shared-message-queued-clear:hover[b-p0hmkmszjk] {
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.95);
}

/* =========================
   File / Attachment Status
========================= */

.shared-message-files[b-p0hmkmszjk] {
    color: rgba(255,255,255,.55);
    font-size: .72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hide native ugly file picker */
.shared-message-upload-input[b-p0hmkmszjk] {
    display: none !important;
}

/* =========================
   Shared Icon Buttons
========================= */

.shared-message-upload[b-p0hmkmszjk],
.shared-message-icon-btn[b-p0hmkmszjk],
.shared-message-send[b-p0hmkmszjk] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
    outline: none;
    background: transparent;
    color: rgba(255,255,255,.72);
    cursor: pointer;
    transition: background .15s ease, color .15s ease, opacity .15s ease, transform .12s ease;
}

/* =========================
   Upload Button
========================= */

.shared-message-upload[b-p0hmkmszjk] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 1rem;
}

    .shared-message-upload:hover[b-p0hmkmszjk] {
        background: rgba(255,255,255,.06);
        color: rgba(255,255,255,.95);
    }

/* =========================
   Emoji / GIF / Sticker Buttons
========================= */

.shared-message-icon-btn[b-p0hmkmszjk] {
    height: 32px;
    min-width: 32px;
    padding: 0 8px;
    border-radius: 8px;
    font-size: .72rem;
    opacity: .75;
}

    .shared-message-icon-btn:hover:not(:disabled)[b-p0hmkmszjk] {
        opacity: 1;
        background: rgba(255,255,255,.05);
        color: rgba(255,255,255,.95);
    }

    .shared-message-icon-btn:disabled[b-p0hmkmszjk] {
        opacity: .35;
        cursor: default;
    }

/* =========================
   Send Button
========================= */

.shared-message-send[b-p0hmkmszjk] {
    min-width: 42px;
    height: 38px;
    padding: 0 10px;
    border-radius: 10px;
    color: rgba(0,245,210,.82);
    font-weight: 600;
    font-size: .84rem;
}

    .shared-message-send:hover:not(:disabled)[b-p0hmkmszjk] {
        background: rgba(255,255,255,.05);
        color: rgba(0,255,220,.98);
    }

    .shared-message-send:disabled[b-p0hmkmszjk] {
        opacity: .32;
        cursor: default;
    }

/* =========================
   Error Text
========================= */

.shared-message-error[b-p0hmkmszjk] {
    color: #ffb2b2;
    font-size: .74rem;
}

/* =========================
   Scrollbar Polish
========================= */

.shared-message-input[b-p0hmkmszjk]::-webkit-scrollbar {
    width: 8px;
}

.shared-message-input[b-p0hmkmszjk]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
}

.shared-message-input[b-p0hmkmszjk]::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,.2);
    }

.shared-gif-anchor[b-p0hmkmszjk] {
    position: relative;
    display: inline-flex;
}

.shared-gif-picker-popover[b-p0hmkmszjk] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    z-index: 1400;
}

.shared-gif-picker[b-p0hmkmszjk] {
    width: min(760px, 88vw);
    height: min(460px, 58vh);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0,1fr);
    background: #0f141c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0,0,0,.45);
}

.shared-gif-picker-header[b-p0hmkmszjk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.shared-gif-search[b-p0hmkmszjk] {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(255,255,255,.04);
    color: #fff;
    padding: 8px 10px;
}

.shared-gif-close[b-p0hmkmszjk] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,.8);
}

.shared-gif-grid[b-p0hmkmszjk] {
    padding: 10px;
    overflow: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.shared-gif-tile[b-p0hmkmszjk] {
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.02);
    padding: 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.shared-gif-tile img[b-p0hmkmszjk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shared-gif-status[b-p0hmkmszjk] {
    grid-column: 1 / -1;
    color: rgba(255,255,255,.7);
    font-size: .9rem;
}

.shared-gif-error[b-p0hmkmszjk] {
    color: #ffb2b2;
}

.shared-gif-grid[b-p0hmkmszjk]::-webkit-scrollbar {
    width: 8px;
}

.shared-gif-grid[b-p0hmkmszjk]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
}

    .shared-gif-grid[b-p0hmkmszjk]::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,.2);
    }

.shared-gif-tile:hover[b-p0hmkmszjk] {
    transform: translateY(-2px);
    border-color: rgba(0,245,210,.25);
}
/* =========================
   Responsive
========================= */
@media (max-width: 840px) {
    .shared-message-shell[b-p0hmkmszjk] {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 8px;
    }

    .shared-message-actions-left[b-p0hmkmszjk] {
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .shared-message-send[b-p0hmkmszjk] {
        width: 100%;
        justify-content: center;
    }

    .shared-gif-picker-popover[b-p0hmkmszjk] {
        right: -8px;
    }

    .shared-gif-picker[b-p0hmkmszjk] {
        width: min(92vw, 520px);
        height: min(52vh, 380px);
    }
}
/* _content/Ascenden/Components/Shared/UserIdentityInline.razor.rz.scp.css */
.user-identity-inline[b-l3q7nli2wb] { display:inline-flex; align-items:center; gap:6px; }
.user-identity-title[b-l3q7nli2wb] { font-size: 0.8rem; opacity: 0.85; }
.user-identity-inline-wrap[b-l3q7nli2wb] { position: relative; display: inline-flex; }
.user-identity-inline.trigger[b-l3q7nli2wb] {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    cursor: pointer;
}
.user-identity-inline.trigger:hover[b-l3q7nli2wb] { opacity: .95; }
.user-identity-card-pop[b-l3q7nli2wb] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    visibility: hidden;
    z-index: 12000;
}
.mini-profile-loading[b-l3q7nli2wb] {
    background: rgba(20,22,28,.96);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: 10px;
    color: #eef7ff;
}
.identity-presence-dot[b-l3q7nli2wb] { width:8px; height:8px; border-radius:50%; background:#7a7a7a; display:inline-block; }
.identity-presence-dot.online[b-l3q7nli2wb] { background:#4be07d; }
.identity-presence-dot.idle[b-l3q7nli2wb] { background:#ffcb4a; }
.identity-presence-dot.dnd[b-l3q7nli2wb] { background:#ff6f6f; }
/* _content/Ascenden/Components/Shared/UserProfileCard.razor.rz.scp.css */
.mini-profile-card[b-sucmvu26w3] {
    width: min(380px, calc(100vw - 20px));
    position: relative;
    background: linear-gradient( 180deg, rgba(10,14,20,.98) 0%, rgba(6,9,14,.98) 100%);
    border: 1px solid rgba(0,230,176,.16);
    border-radius: 14px;
    color: #eef7ff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(0,230,176,.05) inset;
}

/* =====================================
   Banner
===================================== */

.mini-profile-banner[b-sucmvu26w3] {
    height: 135px;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

/* =====================================
   Avatar
===================================== */

.mini-profile-avatar-wrap[b-sucmvu26w3] {
    position: relative;
    margin: -48px 0 0 18px;
    z-index: 2;
}

.mini-profile-avatar[b-sucmvu26w3] {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(0,230,176,.75);
    box-shadow: 0 10px 28px rgba(0,0,0,.65), 0 0 18px rgba(0,230,176,.24);
}

/* =====================================
   Body
===================================== */

.mini-profile-body[b-sucmvu26w3] {
    display: grid;
    gap: 12px;
    padding-top: 0;
    padding: 12px 16px 16px;
}

/* =====================================
   Header
===================================== */

.mini-profile-header[b-sucmvu26w3] {
    display: grid;
    gap: 4px;
}

.mini-profile-name-row[b-sucmvu26w3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.mini-profile-name[b-sucmvu26w3] {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-profile-title[b-sucmvu26w3] {
    font-size: .88rem;
    color: rgba(255,255,255,.75);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-profile-top-row[b-sucmvu26w3] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    margin-left: 120px;
    /* was -48px */
    margin-top: -78px;
    min-height: 62px;
    align-items: center;
}

.mini-profile-identity[b-sucmvu26w3] {
    min-width: 0;
}
/* =====================================
   Presence
===================================== */

.mini-profile-presence[b-sucmvu26w3] {
    display: flex;
    justify-content: flex-end;
    align-self: end;
    flex-wrap: wrap;
    gap: 6px;
    font-size: .78rem;
}

.presence-dot[b-sucmvu26w3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7a7a7a;
}

    .presence-dot.online[b-sucmvu26w3] {
        background: #4be07d;
    }

    .presence-dot.idle[b-sucmvu26w3] {
        background: #ffcb4a;
    }

    .presence-dot.dnd[b-sucmvu26w3] {
        background: #ff6f6f;
    }

.presence-label[b-sucmvu26w3] {
    font-weight: 600;
}

.presence-chip[b-sucmvu26w3] {
    border-radius: 999px;
    padding: 2px 8px;
    font-size: .68rem;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
}

/* =====================================
   Bio
===================================== */

.mini-profile-bio[b-sucmvu26w3] {
    padding: 10px 12px;
    border-left: 2px solid rgba(0,230,176,.55);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
    font-size: .86rem;
    line-height: 1.45;
    font-style: italic;
    color: rgba(238,247,255,.88);
}

/* =====================================
   Awards
===================================== */

.mini-profile-badges[b-sucmvu26w3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
}

/* =====================================
   Stats
===================================== */

.mini-profile-stats[b-sucmvu26w3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,230,176,.18);
    background: rgba(0,18,20,.55);
}

.mini-profile-stat[b-sucmvu26w3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-label[b-sucmvu26w3] {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255,255,255,.65);
}

.stat-value[b-sucmvu26w3] {
    font-size: .95rem;
    font-weight: 800;
}

/* =====================================
   Role Badge
===================================== */

.mini-profile-role-pill[b-sucmvu26w3] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    border: 1px solid rgba(255,80,80,.45);
    background: rgba(255,45,45,.08);
    color: #ff5c5c;
    flex-shrink: 0;
}

/* =====================================
   Socials
===================================== */

.mini-profile-socials[b-sucmvu26w3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(0,230,176,.12);
    background: rgba(255,255,255,.025);
}

.mini-profile-social-link[b-sucmvu26w3] {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #00e6b0;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    font-size: .72rem;
    font-weight: 700;
    text-decoration: none;
    transition: .15s ease;
}

    .mini-profile-social-link:hover[b-sucmvu26w3] {
        border-color: rgba(0,230,176,.45);
        background: rgba(0,230,176,.08);
        transform: translateY(-1px);
    }

/* =====================================
   Actions
===================================== */

.mini-profile-actions[b-sucmvu26w3] {
    display: grid;
    grid-template-columns: 1fr;
}

.mini-profile-btn[b-sucmvu26w3] {
    appearance: none;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: .15s ease;
}

.mini-profile-btn-primary[b-sucmvu26w3] {
    color: #04110f;
    background: linear-gradient( 135deg, #18dca7, #079b7d);
    border: 1px solid rgba(0,230,176,.45);
}

    .mini-profile-btn-primary:hover:not([disabled])[b-sucmvu26w3] {
        filter: brightness(1.08);
    }

.mini-profile-btn[disabled][b-sucmvu26w3] {
    opacity: .75;
    cursor: not-allowed;
}

/* ==========================
   Featured Awards Section
   ========================== */

.mini-profile-awards-section[b-sucmvu26w3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mini-profile-section-title[b-sucmvu26w3] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #00e6b0;
    opacity: .9;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(0, 230, 176, 0.15);
}

.mini-profile-awards[b-sucmvu26w3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.mini-profile-award-card[b-sucmvu26w3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 92px;
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid rgba(0,230,176,.15);
    background: linear-gradient( 180deg, rgba(0,230,176,.08), rgba(0,230,176,.02) );
    transition: .15s ease;
}

    .mini-profile-award-card:hover[b-sucmvu26w3] {
        border-color: rgba(0,230,176,0.3);
        background: linear-gradient( 90deg, rgba(0,230,176,0.12), rgba(0,230,176,0.03) );
    }

    .mini-profile-award-card img[b-sucmvu26w3] {
        width: 40px;
        height: 40px;
        object-fit: contain;
        flex-shrink: 0;
        filter: drop-shadow(0 0 6px rgba(0,230,176,0.25));
    }

.mini-profile-award-info[b-sucmvu26w3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.award-name[b-sucmvu26w3] {
    font-size: .82rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.1;
}

.award-description[b-sucmvu26w3] {
    font-size: .72rem;
    color: rgba(255,255,255,.65);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =====================================
   Mobile
===================================== */

@media (max-width: 520px) {

    .mini-profile-card[b-sucmvu26w3] {
        width: min(340px, calc(100vw - 12px));
    }

    .mini-profile-banner[b-sucmvu26w3] {
        height: 110px;
    }

    .mini-profile-avatar[b-sucmvu26w3] {
        width: 88px;
        height: 88px;
    }
}