/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-9bxe3tj6yy] {
    background: var(--sh-bg-deep);
    min-height: 100vh;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-i5j4dfh3y1] {
    min-height: 100vh;
    background: #f5f7f9;
}

.topbar[b-i5j4dfh3y1] {
    align-items: center;
    background: #17324d;
    color: #fff;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: auto 1fr auto;
    min-height: 64px;
    padding: 0 2rem;
}

.brand[b-i5j4dfh3y1] {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    text-decoration: none;
}

.mobile-menu-toggle[b-i5j4dfh3y1],
.mobile-menu-close[b-i5j4dfh3y1],
.mobile-account-actions[b-i5j4dfh3y1],
.nav-backdrop[b-i5j4dfh3y1] {
    display: none;
}

nav[b-i5j4dfh3y1] {
    display: flex;
    gap: .35rem;
}

nav[b-i5j4dfh3y1]  a {
    border-bottom: 2px solid transparent;
    color: #dce7f1;
    padding: 1.25rem .8rem 1.1rem;
    text-decoration: none;
}

nav[b-i5j4dfh3y1]  a.active,
nav[b-i5j4dfh3y1]  a:hover {
    border-color: #54b3a5;
    color: #fff;
}

.account-actions[b-i5j4dfh3y1] {
    align-items: center;
    display: flex;
    gap: .8rem;
}

.logout-button[b-i5j4dfh3y1] {
    background: transparent;
    border: 1px solid #7890a6;
    color: #fff;
    padding: .45rem .8rem;
}

.profile-link[b-i5j4dfh3y1] {
    color: #dce7f1;
    text-decoration: none;
}

.profile-link:hover[b-i5j4dfh3y1] {
    color: #fff;
}

.notification-bell-wrap[b-i5j4dfh3y1] {
    position: relative;
}

.notification-bell[b-i5j4dfh3y1] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 38px;
    padding: .45rem .85rem;
    position: relative;
}

.notification-bell:hover[b-i5j4dfh3y1] {
    background: rgba(255, 255, 255, .14);
}

.notification-count[b-i5j4dfh3y1] {
    align-items: center;
    background: #22d3ee;
    border-radius: 999px;
    color: #052135;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    justify-content: center;
    min-width: 1.35rem;
    padding: .05rem .35rem;
}

.notification-popover[b-i5j4dfh3y1] {
    background: rgba(7, 27, 46, .96);
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
    color: #e6f3ff;
    left: 0;
    max-height: min(70vh, 520px);
    overflow: hidden;
    position: absolute;
    top: calc(100% + .85rem);
    width: min(360px, 92vw);
    z-index: 50;
}

.notification-popover header[b-i5j4dfh3y1],
.notification-popover footer[b-i5j4dfh3y1] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .9rem 1rem;
}

.notification-popover header[b-i5j4dfh3y1] {
    border-bottom: 1px solid rgba(148, 163, 184, .18);
}

.notification-popover header button[b-i5j4dfh3y1] {
    background: transparent;
    border: 0;
    color: #67e8f9;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
}

.notification-popover footer[b-i5j4dfh3y1] {
    border-top: 1px solid rgba(148, 163, 184, .18);
}

.notification-popover footer a[b-i5j4dfh3y1] {
    color: #67e8f9;
    font-weight: 700;
    text-decoration: none;
}

.notification-preview-list[b-i5j4dfh3y1] {
    display: grid;
    max-height: 360px;
    overflow-y: auto;
}

.notification-preview-item[b-i5j4dfh3y1] {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, .14);
    color: #d9e8f5;
    cursor: pointer;
    display: grid;
    gap: .28rem;
    padding: .9rem 1rem;
    text-align: right;
}

.notification-preview-item:hover[b-i5j4dfh3y1] {
    background: rgba(34, 211, 238, .08);
}

.notification-preview-item.unread[b-i5j4dfh3y1] {
    background: rgba(34, 211, 238, .08);
}

.notification-preview-item strong[b-i5j4dfh3y1] {
    color: #fff;
    font-size: .92rem;
}

.notification-preview-item span[b-i5j4dfh3y1] {
    color: #bdd2e3;
    font-size: .84rem;
    line-height: 1.8;
}

.notification-preview-item small[b-i5j4dfh3y1],
.notification-state[b-i5j4dfh3y1] {
    color: #8fb0c9;
    font-size: .78rem;
}

.notification-state[b-i5j4dfh3y1] {
    padding: 1.2rem 1rem;
    text-align: center;
}

.content[b-i5j4dfh3y1] {
    margin: 0 auto;
    max-width: 1440px;
    padding: 2rem;
}

.content.customer-dashboard-content[b-i5j4dfh3y1] {
    background:
        radial-gradient(circle at 10% 8%, rgba(34, 211, 238, .14), transparent 28%),
        radial-gradient(circle at 92% 20%, rgba(29, 124, 255, .12), transparent 32%),
        linear-gradient(135deg, var(--sh-bg-deep), var(--sh-bg-navy) 58%, #071c31);
    max-width: none;
    min-height: calc(100vh - 64px);
    padding: clamp(1.25rem, 3vw, 3rem);
}

.content.ticket-premium-content[b-i5j4dfh3y1] {
    background:
        radial-gradient(circle at 8% 10%, rgba(34, 211, 238, .13), transparent 28%),
        radial-gradient(circle at 88% 16%, rgba(29, 124, 255, .12), transparent 30%),
        linear-gradient(135deg, var(--sh-bg-deep), var(--sh-bg-navy) 58%, #071c31);
    max-width: none;
    min-height: calc(100vh - 64px);
    padding: clamp(1.25rem, 3vw, 3rem);
}

.content.support-dashboard-content[b-i5j4dfh3y1] {
    background:
        radial-gradient(circle at 10% 8%, rgba(34, 211, 238, .14), transparent 28%),
        radial-gradient(circle at 92% 20%, rgba(29, 124, 255, .12), transparent 32%),
        linear-gradient(135deg, var(--sh-bg-deep), var(--sh-bg-navy) 58%, #071c31);
    max-width: none;
    min-height: calc(100vh - 64px);
    padding: clamp(1.25rem, 3vw, 3rem);
}

.layout-state[b-i5j4dfh3y1] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
    text-align: center;
}

#blazor-error-ui[b-i5j4dfh3y1] {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .18);
    color: #6b5100;
    display: none;
    left: 0;
    padding: .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-i5j4dfh3y1] {
    cursor: pointer;
    left: .75rem;
    position: absolute;
}

@media (max-width: 1100px) {
    .topbar[b-i5j4dfh3y1] {
        gap: .5rem 1rem;
        grid-template-columns: 1fr auto;
        padding: .75rem 1rem 0;
    }

    nav[b-i5j4dfh3y1] {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        white-space: nowrap;
    }

    nav[b-i5j4dfh3y1]  a {
        padding: .7rem .6rem;
    }

    .account-actions span[b-i5j4dfh3y1] {
        display: none;
    }
}

@media (max-width: 700px) {
    .topbar[b-i5j4dfh3y1] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        min-height: 64px;
        padding-bottom: .65rem;
        padding-top: max(.65rem, env(safe-area-inset-top));
        position: sticky;
        top: 0;
        z-index: 90;
    }

    .brand[b-i5j4dfh3y1] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-toggle[b-i5j4dfh3y1] {
        align-items: center;
        background: rgba(255, 255, 255, .09);
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 8px;
        color: #fff;
        display: inline-flex;
        font-size: 1.35rem;
        height: 44px;
        justify-content: center;
        padding: 0;
        width: 44px;
    }

    .main-nav[b-i5j4dfh3y1] {
        align-items: stretch;
        background: rgba(6, 18, 37, .985);
        border-left: 1px solid rgba(255, 255, 255, .14);
        box-shadow: -20px 0 60px rgba(0, 0, 0, .36);
        display: flex;
        flex-direction: column;
        gap: .3rem;
        grid-column: auto;
        grid-row: auto;
        inset: 0 0 0 auto;
        max-width: min(86vw, 340px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
        position: fixed;
        transform: translateX(105%);
        transition: transform .2s ease;
        white-space: normal;
        width: min(86vw, 340px);
        z-index: 120;
    }

    .main-nav.open[b-i5j4dfh3y1] {
        transform: translateX(0);
    }

    .main-nav[b-i5j4dfh3y1]  a {
        border: 1px solid transparent;
        border-radius: 8px;
        display: flex;
        min-height: 46px;
        padding: .65rem .8rem;
        width: 100%;
    }

    .main-nav[b-i5j4dfh3y1]  a.active,
    .main-nav[b-i5j4dfh3y1]  a:hover {
        background: rgba(34, 211, 238, .1);
        border-color: rgba(34, 211, 238, .2);
    }

    .mobile-menu-close[b-i5j4dfh3y1] {
        align-items: center;
        align-self: flex-end;
        background: rgba(255, 255, 255, .09);
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 8px;
        color: #fff;
        display: inline-flex;
        font-size: 1.55rem;
        height: 44px;
        justify-content: center;
        margin-bottom: .5rem;
        padding: 0;
        width: 44px;
    }

    .mobile-account-actions[b-i5j4dfh3y1] {
        border-top: 1px solid rgba(255, 255, 255, .12);
        display: grid;
        gap: .55rem;
        margin-top: .65rem;
        padding-top: 1rem;
    }

    .mobile-account-actions strong[b-i5j4dfh3y1] {
        color: #fff;
        overflow-wrap: anywhere;
    }

    .mobile-account-actions a[b-i5j4dfh3y1],
    .mobile-account-actions button[b-i5j4dfh3y1] {
        align-items: center;
        background: rgba(255, 255, 255, .07);
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 8px;
        color: #e6f3ff;
        display: flex;
        justify-content: center;
        min-height: 46px;
        padding: .65rem .8rem;
        text-decoration: none;
        width: 100%;
    }

    .nav-backdrop[b-i5j4dfh3y1] {
        background: rgba(2, 8, 23, .62);
        border: 0;
        display: block;
        inset: 0;
        padding: 0;
        position: fixed;
        z-index: 110;
    }

    .account-actions[b-i5j4dfh3y1] {
        gap: .5rem;
    }

    .account-actions .profile-link[b-i5j4dfh3y1],
    .account-actions .logout-button[b-i5j4dfh3y1] {
        display: none;
    }

    .notification-bell[b-i5j4dfh3y1] {
        height: 44px;
        min-height: 44px;
        padding-inline: .7rem;
    }

    .notification-popover[b-i5j4dfh3y1] {
        bottom: auto;
        left: max(.75rem, env(safe-area-inset-left));
        max-height: calc(100dvh - 5.5rem - env(safe-area-inset-bottom));
        position: fixed;
        right: max(.75rem, env(safe-area-inset-right));
        top: calc(64px + env(safe-area-inset-top));
        width: auto;
    }

    .content[b-i5j4dfh3y1] {
        padding: 1rem;
    }

    .content.customer-dashboard-content[b-i5j4dfh3y1] {
        padding: 1rem;
    }

    .content.ticket-premium-content[b-i5j4dfh3y1] {
        padding: 1rem;
    }

    .content.support-dashboard-content[b-i5j4dfh3y1] {
        padding: 1rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-80daolv0sr],
.components-reconnect-repeated-attempt-visible[b-80daolv0sr],
.components-reconnect-failed-visible[b-80daolv0sr],
.components-pause-visible[b-80daolv0sr],
.components-resume-failed-visible[b-80daolv0sr],
.components-rejoining-animation[b-80daolv0sr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-retrying[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-failed[b-80daolv0sr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-80daolv0sr] {
    display: block;
}


#components-reconnect-modal[b-80daolv0sr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-80daolv0sr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-80daolv0sr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-80daolv0sr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-80daolv0sr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-80daolv0sr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-80daolv0sr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-80daolv0sr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-80daolv0sr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-80daolv0sr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-80daolv0sr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-80daolv0sr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-80daolv0sr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-80daolv0sr] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-80daolv0sr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-80daolv0sr] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-80daolv0sr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-80daolv0sr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-80daolv0sr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdminAudit.razor.rz.scp.css */
.admin-audit-page[b-uujyhxfetr] {
    color: var(--sh-text-on-dark);
}

.admin-audit-shell[b-uujyhxfetr] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.audit-hero[b-uujyhxfetr] {
    margin-bottom: 1.25rem;
}

.eyebrow[b-uujyhxfetr] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.audit-hero h1[b-uujyhxfetr] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.audit-hero p[b-uujyhxfetr] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 780px;
}

.audit-panel[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
    overflow: hidden;
}

.audit-toolbar[b-uujyhxfetr] {
    align-items: end;
    background: rgba(6, 18, 37, .52);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(220px, 1.35fr) repeat(4, minmax(130px, .8fr)) auto;
    padding: 1rem;
}

.audit-toolbar label[b-uujyhxfetr] {
    color: var(--sh-text-muted-on-dark);
    display: grid;
    gap: .35rem;
    font-size: .88rem;
    font-weight: 800;
}

.audit-toolbar input[b-uujyhxfetr],
.audit-toolbar select[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(207, 219, 231, .95);
    border-radius: 8px;
    color: #17324d;
    min-height: 42px;
    outline: none;
    padding: .55rem .75rem;
}

.audit-toolbar input:focus[b-uujyhxfetr],
.audit-toolbar select:focus[b-uujyhxfetr] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18);
}

.toolbar-actions[b-uujyhxfetr] {
    display: flex;
    gap: .55rem;
}

.primary-audit-action[b-uujyhxfetr],
.secondary-audit-action[b-uujyhxfetr] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 40px;
    padding: .55rem .85rem;
    white-space: nowrap;
}

.primary-audit-action[b-uujyhxfetr] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .24);
    color: #fff;
}

.secondary-audit-action[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
}

.secondary-audit-action:disabled[b-uujyhxfetr] {
    cursor: not-allowed;
    opacity: .55;
}

.audit-state[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: var(--sh-text-muted-on-dark);
    margin: 1rem;
    padding: .9rem 1rem;
}

.audit-state.error[b-uujyhxfetr] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.audit-table-wrap[b-uujyhxfetr] {
    overflow-x: auto;
}

.audit-table[b-uujyhxfetr] {
    min-width: 1080px;
    width: 100%;
}

.audit-table th[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .08);
    color: #dbeafe;
    font-size: .86rem;
    font-weight: 900;
    padding: .85rem 1rem;
    text-align: right;
    white-space: nowrap;
}

.audit-table td[b-uujyhxfetr] {
    border-top: 1px solid rgba(255, 255, 255, .09);
    color: #edf6ff;
    padding: .9rem 1rem;
    vertical-align: top;
}

.audit-table tbody tr[b-uujyhxfetr] {
    background: rgba(255, 255, 255, .035);
}

.audit-table tbody tr:hover[b-uujyhxfetr] {
    background: rgba(34, 211, 238, .08);
}

.actor-cell[b-uujyhxfetr],
.entity-cell[b-uujyhxfetr],
.summary-cell[b-uujyhxfetr] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.actor-cell strong[b-uujyhxfetr],
.entity-cell strong[b-uujyhxfetr] {
    color: #fff;
}

.actor-cell small[b-uujyhxfetr],
.entity-cell small[b-uujyhxfetr],
.summary-cell small[b-uujyhxfetr] {
    color: var(--sh-text-muted-on-dark);
    overflow-wrap: anywhere;
}

.area-pill[b-uujyhxfetr],
.outcome-pill[b-uujyhxfetr] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 900;
    padding: .28rem .7rem;
    white-space: nowrap;
}

.area-pill[b-uujyhxfetr] {
    background: rgba(29, 124, 255, .16);
    color: #bfdbfe;
}

.outcome-pill.success[b-uujyhxfetr] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.outcome-pill.failed[b-uujyhxfetr] {
    background: rgba(239, 68, 68, .16);
    color: #fecaca;
}

.audit-pagination[b-uujyhxfetr] {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: var(--sh-text-muted-on-dark);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.audit-pagination div[b-uujyhxfetr] {
    display: flex;
    gap: .55rem;
}

@media (max-width: 1200px) {
    .audit-toolbar[b-uujyhxfetr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar-actions[b-uujyhxfetr] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 720px) {
    .audit-toolbar[b-uujyhxfetr] {
        grid-template-columns: 1fr;
    }

    .toolbar-actions[b-uujyhxfetr],
    .audit-pagination[b-uujyhxfetr],
    .audit-pagination div[b-uujyhxfetr] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.admin-dashboard-page[b-whv878f5y4] {
    color: var(--sh-text-on-dark);
}

.dashboard-shell[b-whv878f5y4] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.dashboard-hero[b-whv878f5y4] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.eyebrow[b-whv878f5y4] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.dashboard-hero h1[b-whv878f5y4] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.dashboard-hero p[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 760px;
}

.tenant-card[b-whv878f5y4],
.dashboard-card[b-whv878f5y4],
.metric-card[b-whv878f5y4],
.quick-links[b-whv878f5y4],
.dashboard-state[b-whv878f5y4] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
}

.tenant-card[b-whv878f5y4] {
    display: grid;
    gap: .25rem;
    min-width: 260px;
    padding: 1rem;
}

.tenant-card span[b-whv878f5y4],
.tenant-card small[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
}

.tenant-card strong[b-whv878f5y4] {
    color: #fff;
    font-size: 1.1rem;
}

.dashboard-state[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
    padding: 1rem;
}

.dashboard-state.error[b-whv878f5y4] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.quick-links[b-whv878f5y4] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem;
}

.quick-links a[b-whv878f5y4],
.dashboard-card header a[b-whv878f5y4],
.recent-ticket a[b-whv878f5y4] {
    background: rgba(34, 211, 238, .13);
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 999px;
    color: #a5f3fc;
    font-weight: 800;
    padding: .42rem .8rem;
    text-decoration: none;
}

.summary-grid[b-whv878f5y4] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.metric-card[b-whv878f5y4] {
    display: grid;
    gap: .3rem;
    min-width: 0;
    padding: 1rem;
    position: relative;
}

.metric-card[b-whv878f5y4]::before {
    border-radius: 999px;
    content: "";
    height: .45rem;
    position: absolute;
    right: 1rem;
    top: .8rem;
    width: 2.2rem;
}

.metric-card.info[b-whv878f5y4]::before {
    background: #67e8f9;
}

.metric-card.success[b-whv878f5y4]::before {
    background: #86efac;
}

.metric-card.warning[b-whv878f5y4]::before {
    background: #fde68a;
}

.metric-card.danger[b-whv878f5y4]::before {
    background: #fca5a5;
}

.metric-card span[b-whv878f5y4],
.metric-card small[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
}

.metric-card strong[b-whv878f5y4] {
    color: #fff;
    font-size: clamp(1.55rem, 2.4vw, 2.2rem);
    margin-top: .45rem;
}

.dashboard-grid[b-whv878f5y4] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-card[b-whv878f5y4] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.dashboard-card.wide[b-whv878f5y4] {
    grid-column: span 2;
}

.dashboard-card header[b-whv878f5y4] {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: .85rem;
}

.dashboard-card h2[b-whv878f5y4] {
    color: #fff;
    font-size: 1.15rem;
    margin: 0;
}

.dashboard-card header span[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
}

.dashboard-card-total[b-whv878f5y4] {
    align-items: baseline;
    background: rgba(34, 211, 238, .1);
    border: 1px solid rgba(34, 211, 238, .2);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: .35rem;
    min-height: 34px;
    padding: .3rem .7rem;
    white-space: nowrap;
}

.dashboard-card-total strong[b-whv878f5y4] {
    color: #fff;
    font-size: 1.05rem;
}

.dashboard-card-total span[b-whv878f5y4] {
    color: #a5f3fc;
    font-size: .82rem;
    font-weight: 800;
}

.status-list[b-whv878f5y4],
.admin-stat-table[b-whv878f5y4],
.system-list[b-whv878f5y4],
.audit-list[b-whv878f5y4],
.workload-list[b-whv878f5y4],
.recent-ticket-list[b-whv878f5y4] {
    display: grid;
    gap: .7rem;
}

.admin-stat-row[b-whv878f5y4],
.system-list div[b-whv878f5y4],
.audit-item[b-whv878f5y4],
.workload-row[b-whv878f5y4],
.recent-ticket[b-whv878f5y4] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
}

.admin-stat-table[b-whv878f5y4] {
    background: rgba(2, 14, 28, .18);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    gap: 0;
    overflow: hidden;
}

.admin-stat-row[b-whv878f5y4] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    column-gap: clamp(1rem, 4vw, 2.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(2.75rem, auto);
    min-height: 50px;
    padding: .65rem .85rem;
}

.admin-stat-row + .admin-stat-row[b-whv878f5y4] {
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.admin-stat-row:nth-child(even)[b-whv878f5y4] {
    background: rgba(255, 255, 255, .025);
}

.admin-stat-row:hover[b-whv878f5y4] {
    background: rgba(34, 211, 238, .055);
}

.admin-stat-label[b-whv878f5y4],
.system-list span[b-whv878f5y4],
.audit-item small[b-whv878f5y4],
.workload-row small[b-whv878f5y4],
.recent-ticket small[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
}

.admin-stat-value[b-whv878f5y4],
.system-list strong[b-whv878f5y4],
.audit-item strong[b-whv878f5y4],
.workload-row strong[b-whv878f5y4],
.recent-ticket strong[b-whv878f5y4] {
    color: #fff;
}

.admin-stat-label[b-whv878f5y4] {
    color: #dbeafe;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-stat-badge[b-whv878f5y4] {
    align-items: center;
    background: rgba(34, 211, 238, .14);
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 999px;
    display: inline-flex;
    font-size: 1rem;
    justify-content: center;
    justify-self: end;
    min-width: 2.75rem;
    padding: .24rem .72rem;
    white-space: nowrap;
}

.period-strip[b-whv878f5y4] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.period-strip span[b-whv878f5y4],
.ticket-badges span[b-whv878f5y4] {
    background: rgba(34, 211, 238, .13);
    border: 1px solid rgba(34, 211, 238, .22);
    border-radius: 999px;
    color: #a5f3fc;
    font-weight: 800;
    padding: .3rem .65rem;
}

.workload-row[b-whv878f5y4] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(180px, 1.4fr) repeat(4, minmax(90px, auto));
    padding: .85rem;
}

.workload-row div[b-whv878f5y4] {
    display: grid;
    gap: .25rem;
}

.workload-row span[b-whv878f5y4] {
    color: #dbeafe;
}

.danger-text[b-whv878f5y4] {
    color: #fecaca !important;
}

.recent-ticket[b-whv878f5y4] {
    align-items: center;
    display: grid;
    gap: .85rem;
    grid-template-columns: 1.5fr auto auto auto;
    padding: .85rem;
}

.recent-ticket div:first-child[b-whv878f5y4] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.recent-ticket div:first-child span[b-whv878f5y4] {
    color: #dbeafe;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-badges[b-whv878f5y4] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    justify-content: flex-start;
}

.ticket-badges .priority[b-whv878f5y4] {
    background: rgba(245, 158, 11, .16);
    border-color: rgba(245, 158, 11, .26);
    color: #fde68a;
}

.audit-item[b-whv878f5y4] {
    display: grid;
    gap: .35rem;
    padding: .85rem;
}

.audit-item span[b-whv878f5y4] {
    color: #dbeafe;
    line-height: 1.8;
}

.system-list[b-whv878f5y4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.system-list div[b-whv878f5y4] {
    display: grid;
    gap: .35rem;
    padding: .8rem;
}

.empty-state[b-whv878f5y4] {
    color: var(--sh-text-muted-on-dark);
    padding: 1rem;
    text-align: center;
}

@media (max-width: 1180px) {
    .summary-grid[b-whv878f5y4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .workload-row[b-whv878f5y4],
    .recent-ticket[b-whv878f5y4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .dashboard-hero[b-whv878f5y4] {
        align-items: stretch;
        flex-direction: column;
    }

    .tenant-card[b-whv878f5y4] {
        min-width: 0;
    }

    .summary-grid[b-whv878f5y4],
    .dashboard-grid[b-whv878f5y4],
    .system-list[b-whv878f5y4] {
        grid-template-columns: 1fr;
    }

    .dashboard-card.wide[b-whv878f5y4] {
        grid-column: span 1;
    }

    .dashboard-card header[b-whv878f5y4] {
        align-items: center;
        flex-direction: row;
    }

    .admin-stat-row[b-whv878f5y4] {
        column-gap: 1rem;
        padding-inline: .75rem;
    }
}
/* /Components/Pages/AdminRoles.razor.rz.scp.css */
.admin-roles-page[b-18h46ljqx9] {
    color: var(--sh-text-on-dark);
}

.admin-roles-shell[b-18h46ljqx9] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.roles-hero[b-18h46ljqx9] {
    margin-bottom: 1.25rem;
}

.eyebrow[b-18h46ljqx9] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.roles-hero h1[b-18h46ljqx9] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.roles-hero p[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 760px;
}

.roles-state[b-18h46ljqx9] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: var(--sh-text-muted-on-dark);
    margin-bottom: 1rem;
    padding: .9rem 1rem;
}

.roles-state.compact[b-18h46ljqx9] {
    margin: 0;
}

.roles-state.success[b-18h46ljqx9] {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .32);
    color: #bbf7d0;
}

.roles-state.error[b-18h46ljqx9] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.roles-layout[b-18h46ljqx9] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
}

.role-list-panel[b-18h46ljqx9],
.role-detail-panel[b-18h46ljqx9],
.assigned-users-card[b-18h46ljqx9],
.permission-group[b-18h46ljqx9] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
}

.role-list-panel[b-18h46ljqx9] {
    display: grid;
    gap: .8rem;
    padding: .85rem;
    position: sticky;
    top: 1rem;
}

.role-card[b-18h46ljqx9] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: #fff;
    display: grid;
    gap: .65rem;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    text-align: right;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.role-card[b-18h46ljqx9]::before {
    border-radius: 999px;
    content: "";
    height: 68px;
    left: -24px;
    opacity: .2;
    position: absolute;
    top: -26px;
    width: 68px;
}

.role-card:hover[b-18h46ljqx9],
.role-card.selected[b-18h46ljqx9] {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .32);
    transform: translateY(-1px);
}

.role-card.role-admin[b-18h46ljqx9] {
    border-color: rgba(245, 158, 11, .42);
}

.role-card.role-admin[b-18h46ljqx9]::before {
    background: linear-gradient(135deg, #f59e0b, #a855f7);
}

.role-card.role-support[b-18h46ljqx9] {
    border-color: rgba(34, 211, 238, .42);
}

.role-card.role-support[b-18h46ljqx9]::before {
    background: linear-gradient(135deg, #22d3ee, #1d7cff);
}

.role-card.role-customer[b-18h46ljqx9] {
    border-color: rgba(20, 184, 166, .42);
}

.role-card.role-customer[b-18h46ljqx9]::before {
    background: linear-gradient(135deg, #14b8a6, #22c55e);
}

.role-card-top[b-18h46ljqx9],
.role-metrics[b-18h46ljqx9],
.detail-badges[b-18h46ljqx9],
.section-title-row[b-18h46ljqx9] {
    align-items: center;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
}

.role-card-top strong[b-18h46ljqx9] {
    font-size: 1.04rem;
}

.role-description[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
    line-height: 1.8;
}

.role-metrics[b-18h46ljqx9] {
    color: #dbeafe;
    font-size: .86rem;
    justify-content: flex-start;
}

.protected-badge[b-18h46ljqx9],
.locked-badge[b-18h46ljqx9],
.dirty-badge[b-18h46ljqx9],
.danger-badge[b-18h46ljqx9] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    padding: .25rem .65rem;
    white-space: nowrap;
}

.protected-badge[b-18h46ljqx9],
.locked-badge[b-18h46ljqx9] {
    background: rgba(245, 158, 11, .18);
    color: #fde68a;
}

.dirty-badge[b-18h46ljqx9] {
    background: rgba(34, 211, 238, .16);
    color: #a5f3fc;
}

.danger-badge[b-18h46ljqx9] {
    background: rgba(239, 68, 68, .16);
    color: #fecaca;
}

.role-detail-panel[b-18h46ljqx9] {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.detail-header[b-18h46ljqx9] {
    align-items: flex-start;
    background: rgba(6, 18, 37, .52);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.detail-kicker[b-18h46ljqx9] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .82rem;
    font-weight: 800;
    margin-bottom: .25rem;
}

.detail-header h2[b-18h46ljqx9],
.section-title-row h3[b-18h46ljqx9],
.permission-group h4[b-18h46ljqx9] {
    color: #fff;
    margin: 0;
}

.detail-header h2[b-18h46ljqx9] {
    font-size: 1.45rem;
}

.detail-header p[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
    margin: .4rem 0 0;
}

.detail-badges[b-18h46ljqx9] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.role-warning[b-18h46ljqx9] {
    background: rgba(245, 158, 11, .14);
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 8px;
    color: #fde68a;
    padding: .85rem 1rem;
}

.assigned-users-card[b-18h46ljqx9] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.section-title-row[b-18h46ljqx9] {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: .8rem;
}

.section-title-row span[b-18h46ljqx9],
.muted-text[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
}

.assigned-users-grid[b-18h46ljqx9] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assigned-user[b-18h46ljqx9] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: grid;
    gap: .2rem;
    min-width: 0;
    padding: .75rem;
}

.assigned-user strong[b-18h46ljqx9] {
    color: #fff;
}

.assigned-user span[b-18h46ljqx9],
.assigned-user small[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
    overflow-wrap: anywhere;
}

.permission-matrix[b-18h46ljqx9] {
    display: grid;
    gap: .85rem;
}

.primary-role-action[b-18h46ljqx9] {
    align-items: center;
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .28);
    color: #fff;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 40px;
    padding: .55rem .95rem;
}

.primary-role-action:disabled[b-18h46ljqx9] {
    cursor: not-allowed;
    filter: grayscale(.6);
    opacity: .55;
}

.permission-group[b-18h46ljqx9] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.permission-list[b-18h46ljqx9] {
    display: grid;
    gap: .6rem;
}

.permission-row[b-18h46ljqx9] {
    align-items: flex-start;
    background: rgba(255, 255, 255, .065);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: .8rem;
}

.permission-row.disabled[b-18h46ljqx9] {
    opacity: .82;
}

.permission-row.dangerous[b-18h46ljqx9] {
    border-color: rgba(239, 68, 68, .24);
}

.permission-row input[b-18h46ljqx9] {
    accent-color: var(--sh-primary-2);
    height: 18px;
    margin-top: .25rem;
    width: 18px;
}

.permission-copy[b-18h46ljqx9] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.permission-copy strong[b-18h46ljqx9] {
    color: #eff6ff;
}

.permission-copy small[b-18h46ljqx9],
.permission-copy em[b-18h46ljqx9] {
    color: var(--sh-text-muted-on-dark);
    font-style: normal;
    line-height: 1.7;
}

.permission-copy em[b-18h46ljqx9] {
    color: #fde68a;
}

@media (max-width: 1100px) {
    .roles-layout[b-18h46ljqx9] {
        grid-template-columns: 1fr;
    }

    .role-list-panel[b-18h46ljqx9] {
        position: static;
    }
}

@media (max-width: 760px) {
    .detail-header[b-18h46ljqx9],
    .section-title-row[b-18h46ljqx9] {
        align-items: stretch;
        flex-direction: column;
    }

    .assigned-users-grid[b-18h46ljqx9] {
        grid-template-columns: 1fr;
    }

    .permission-row[b-18h46ljqx9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .danger-badge[b-18h46ljqx9] {
        grid-column: 2;
        justify-self: start;
    }
}
/* /Components/Pages/AdminSettings.razor.rz.scp.css */
.admin-settings-page[b-7gkwiauwtu] {
    color: var(--sh-text-on-dark);
}

.admin-settings-shell[b-7gkwiauwtu] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.settings-hero[b-7gkwiauwtu] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.eyebrow[b-7gkwiauwtu] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.settings-hero h1[b-7gkwiauwtu] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.settings-hero p[b-7gkwiauwtu] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 760px;
}

.organization-status[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
    display: grid;
    gap: .25rem;
    min-width: 240px;
    padding: 1rem;
}

.organization-status span[b-7gkwiauwtu],
.organization-status small[b-7gkwiauwtu] {
    color: var(--sh-text-muted-on-dark);
}

.organization-status strong[b-7gkwiauwtu] {
    color: #fff;
    font-size: 1.1rem;
}

.settings-state[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: var(--sh-text-muted-on-dark);
    margin-bottom: 1rem;
    padding: .9rem 1rem;
}

.settings-state.success[b-7gkwiauwtu] {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .32);
    color: #bbf7d0;
}

.settings-state.error[b-7gkwiauwtu] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.settings-grid[b-7gkwiauwtu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-card[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.organization-card[b-7gkwiauwtu] {
    grid-column: span 2;
}

.settings-card header[b-7gkwiauwtu] {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: .85rem;
}

.settings-card h2[b-7gkwiauwtu] {
    color: #fff;
    font-size: 1.15rem;
    margin: 0;
}

.settings-card p[b-7gkwiauwtu] {
    color: var(--sh-text-muted-on-dark);
    margin: .3rem 0 0;
}

.form-grid[b-7gkwiauwtu] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-grid label[b-7gkwiauwtu] {
    color: #dbeafe;
    display: grid;
    gap: .35rem;
    font-weight: 800;
    min-width: 0;
}

.form-grid input[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(207, 219, 231, .95);
    border-radius: 8px;
    color: #17324d;
    min-height: 42px;
    outline: none;
    padding: .55rem .75rem;
}

.form-grid input:focus[b-7gkwiauwtu] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18);
}

.form-grid input:disabled[b-7gkwiauwtu] {
    opacity: .72;
}

.readonly-badge[b-7gkwiauwtu] {
    background: rgba(245, 158, 11, .18);
    border-radius: 999px;
    color: #fde68a;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    padding: .25rem .65rem;
    white-space: nowrap;
}

.readonly-metrics[b-7gkwiauwtu],
.readonly-list[b-7gkwiauwtu] {
    display: grid;
    gap: .75rem;
}

.readonly-metrics[b-7gkwiauwtu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.readonly-metrics div[b-7gkwiauwtu],
.readonly-list div[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: grid;
    gap: .3rem;
    padding: .8rem;
}

.readonly-metrics span[b-7gkwiauwtu],
.readonly-list span[b-7gkwiauwtu] {
    color: var(--sh-text-muted-on-dark);
    font-size: .88rem;
}

.readonly-metrics strong[b-7gkwiauwtu],
.readonly-list strong[b-7gkwiauwtu] {
    color: #fff;
}

.extension-list[b-7gkwiauwtu] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.extension-list span[b-7gkwiauwtu] {
    background: rgba(34, 211, 238, .14);
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 999px;
    color: #a5f3fc;
    font-weight: 800;
    padding: .28rem .7rem;
}

.settings-actions[b-7gkwiauwtu] {
    align-items: center;
    display: flex;
    gap: .75rem;
    grid-column: span 2;
    justify-content: flex-end;
}

.primary-settings-action[b-7gkwiauwtu],
.secondary-settings-action[b-7gkwiauwtu] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 42px;
    padding: .6rem 1rem;
}

.push-settings-link[b-7gkwiauwtu] {
    align-items: center;
    border: 1px solid rgba(34, 211, 238, .35);
    border-radius: 8px;
    color: #a5f3fc;
    display: inline-flex;
    font-weight: 800;
    margin-top: 1rem;
    min-height: 44px;
    padding: .55rem .85rem;
    text-decoration: none;
}

.primary-settings-action[b-7gkwiauwtu] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .28);
    color: #fff;
}

.secondary-settings-action[b-7gkwiauwtu] {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
}

.primary-settings-action:disabled[b-7gkwiauwtu],
.secondary-settings-action:disabled[b-7gkwiauwtu] {
    cursor: not-allowed;
    filter: grayscale(.45);
    opacity: .6;
}

@media (max-width: 980px) {
    .settings-hero[b-7gkwiauwtu] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-grid[b-7gkwiauwtu],
    .form-grid[b-7gkwiauwtu],
    .readonly-metrics[b-7gkwiauwtu] {
        grid-template-columns: 1fr;
    }

    .organization-card[b-7gkwiauwtu],
    .settings-actions[b-7gkwiauwtu] {
        grid-column: auto;
    }
}

@media (max-width: 640px) {
    .settings-card header[b-7gkwiauwtu],
    .settings-actions[b-7gkwiauwtu] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/AdminUsers.razor.rz.scp.css */
.premium-user-page[b-1gk832c5xu] {
    color: var(--sh-text-on-dark);
}

.premium-user-shell[b-1gk832c5xu] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: auto;
}

.premium-user-hero[b-1gk832c5xu] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.eyebrow[b-1gk832c5xu] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

.premium-user-hero h1[b-1gk832c5xu] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.premium-user-hero p[b-1gk832c5xu] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 720px;
}

.primary-user-action[b-1gk832c5xu],
.secondary-user-action[b-1gk832c5xu],
.ghost-user-action[b-1gk832c5xu],
.action-button[b-1gk832c5xu] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 40px;
    padding: .55rem .9rem;
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.primary-user-action[b-1gk832c5xu] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    color: #fff;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .28);
}

.secondary-user-action[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
}

.ghost-user-action[b-1gk832c5xu] {
    background: transparent;
    border: 1px solid rgba(182, 198, 217, .28);
    color: var(--sh-text-muted-on-dark);
}

.primary-user-action:hover[b-1gk832c5xu],
.secondary-user-action:hover[b-1gk832c5xu],
.ghost-user-action:hover[b-1gk832c5xu],
.action-button:hover[b-1gk832c5xu],
.user-type-card:hover[b-1gk832c5xu] {
    transform: translateY(-1px);
}

.user-management-panel[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
    overflow: hidden;
}

.user-toolbar[b-1gk832c5xu] {
    align-items: end;
    background: rgba(6, 18, 37, .52);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    display: grid;
    gap: .9rem;
    grid-template-columns: minmax(280px, 1fr) 190px 170px auto;
    padding: 1rem;
}

.user-toolbar label[b-1gk832c5xu],
.search-field[b-1gk832c5xu] {
    color: var(--sh-text-muted-on-dark);
    display: grid;
    gap: .35rem;
    font-size: .88rem;
    font-weight: 700;
}

.user-toolbar input[b-1gk832c5xu],
.user-toolbar select[b-1gk832c5xu],
.user-modal[b-1gk832c5xu]  form.modal-form input,
.user-modal[b-1gk832c5xu]  form.modal-form select {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(207, 219, 231, .95);
    border-radius: 8px;
    color: #17324d;
    min-height: 42px;
    outline: none;
    padding: .55rem .75rem;
}

.user-toolbar input:focus[b-1gk832c5xu],
.user-toolbar select:focus[b-1gk832c5xu],
.user-modal[b-1gk832c5xu]  form.modal-form input:focus,
.user-modal[b-1gk832c5xu]  form.modal-form select:focus {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18);
}

.toolbar-actions[b-1gk832c5xu] {
    display: flex;
    gap: .55rem;
    justify-content: flex-end;
}

.premium-state[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: var(--sh-text-muted-on-dark);
    margin: 1rem;
    padding: .85rem 1rem;
}

.premium-state.success[b-1gk832c5xu] {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .32);
    color: #bbf7d0;
}

.premium-state.error[b-1gk832c5xu] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.users-table-wrap[b-1gk832c5xu] {
    overflow-x: auto;
}

.users-table[b-1gk832c5xu] {
    min-width: 980px;
    width: 100%;
}

.users-table th[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .08);
    color: #dbeafe;
    font-size: .86rem;
    font-weight: 800;
    padding: .85rem 1rem;
    text-align: right;
    white-space: nowrap;
}

.users-table td[b-1gk832c5xu] {
    border-top: 1px solid rgba(255, 255, 255, .09);
    color: #edf6ff;
    padding: .9rem 1rem;
    vertical-align: middle;
}

.users-table tbody tr[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .035);
}

.users-table tbody tr:hover[b-1gk832c5xu] {
    background: rgba(34, 211, 238, .08);
}

.user-name-cell[b-1gk832c5xu] {
    display: grid;
    gap: .2rem;
}

.user-name-cell small[b-1gk832c5xu] {
    color: var(--sh-text-muted-on-dark);
}

.role-badge[b-1gk832c5xu],
.status-pill[b-1gk832c5xu] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 800;
    padding: .28rem .7rem;
    white-space: nowrap;
}

.role-badge[b-1gk832c5xu] {
    background: rgba(29, 124, 255, .16);
    color: #bfdbfe;
}

.status-pill.active[b-1gk832c5xu] {
    background: rgba(34, 197, 94, .16);
    color: #bbf7d0;
}

.status-pill.inactive[b-1gk832c5xu] {
    background: rgba(239, 68, 68, .16);
    color: #fecaca;
}

.row-actions[b-1gk832c5xu] {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(90px, 1fr));
}

.action-button[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #eff6ff;
    font-size: .84rem;
    min-height: 44px;
    padding: .45rem .6rem;
}

.modal-backdrop[b-1gk832c5xu] {
    align-items: center;
    background: rgba(2, 8, 23, .72);
    backdrop-filter: blur(8px);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: clamp(1rem, 3vh, 1.75rem);
    position: fixed;
    overscroll-behavior: contain;
    z-index: 30;
}

.user-modal[b-1gk832c5xu] {
    background:
        linear-gradient(180deg, rgba(17, 42, 72, .98), rgba(8, 25, 48, .98));
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 30px 90px rgba(2, 8, 23, .42);
    display: flex;
    flex-direction: column;
    max-height: min(calc(100dvh - 2rem), 860px);
    max-width: 820px;
    overflow: hidden;
    overflow-x: hidden;
    width: min(100%, 820px);
}

.user-modal.compact[b-1gk832c5xu] {
    max-width: 520px;
}

.user-modal header[b-1gk832c5xu] {
    box-sizing: border-box;
    flex: 0 0 auto;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem 1.4rem;
}

.user-modal h2[b-1gk832c5xu] {
    color: #fff;
    font-size: 1.18rem;
    margin: 0;
}

.user-modal header p[b-1gk832c5xu] {
    color: var(--sh-text-muted-on-dark);
    margin: .25rem 0 0;
}

.icon-close[b-1gk832c5xu] {
    background: transparent;
    border: 0;
    color: #dbeafe;
    font-size: 1.5rem;
    line-height: 1;
    min-height: auto;
    padding: 0;
}

.type-modal[b-1gk832c5xu] {
    max-width: 860px;
}

.user-type-grid[b-1gk832c5xu] {
    box-sizing: border-box;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1.35rem;
    overflow-x: hidden;
}

.user-type-card[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    color: #fff;
    display: grid;
    gap: .45rem;
    min-height: 150px;
    max-width: 100%;
    overflow: hidden;
    padding: 1.05rem;
    position: relative;
    text-align: right;
}

.user-type-card[b-1gk832c5xu]::before {
    border-radius: 999px;
    content: "";
    height: 58px;
    left: -18px;
    opacity: .22;
    position: absolute;
    top: -18px;
    width: 58px;
}

.user-type-card.role-customer[b-1gk832c5xu] {
    border-color: rgba(20, 184, 166, .42);
}

.user-type-card.role-customer[b-1gk832c5xu]::before {
    background: var(--sh-accent);
}

.user-type-card.role-support[b-1gk832c5xu] {
    border-color: rgba(34, 211, 238, .42);
}

.user-type-card.role-support[b-1gk832c5xu]::before {
    background: var(--sh-primary-2);
}

.user-type-card.role-admin[b-1gk832c5xu] {
    border-color: rgba(245, 158, 11, .46);
}

.user-type-card.role-admin[b-1gk832c5xu]::before {
    background: var(--sh-warning);
}

.user-type-card:hover[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .32);
    box-shadow: 0 18px 45px rgba(2, 8, 23, .24);
}

.user-type-card strong[b-1gk832c5xu] {
    font-size: 1.05rem;
}

.user-type-card span[b-1gk832c5xu] {
    color: var(--sh-text-muted-on-dark);
}

.user-modal[b-1gk832c5xu]  form.modal-form {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.modal-form-body[b-1gk832c5xu] {
    box-sizing: border-box;
    display: grid;
    flex: 1 1 auto;
    gap: 1.1rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.45rem 1.6rem;
    scrollbar-gutter: stable;
}

.form-grid[b-1gk832c5xu] {
    box-sizing: border-box;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    min-width: 0;
}

.user-modal[b-1gk832c5xu]  form.modal-form label {
    min-width: 0;
    color: #dbeafe;
    display: grid;
    gap: .35rem;
    font-weight: 800;
}

.form-section[b-1gk832c5xu] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    display: grid;
    gap: .9rem;
    padding: 1.15rem;
    max-width: 100%;
    min-width: 0;
}

.form-section h3[b-1gk832c5xu] {
    color: #fff;
    font-size: .98rem;
    margin: 0;
}

.credentials-section[b-1gk832c5xu] {
    gap: 1rem;
}

.credentials-stack[b-1gk832c5xu] {
    display: grid;
    gap: .75rem;
    max-width: min(100%, 460px);
    min-width: 0;
}

.user-modal[b-1gk832c5xu]  form.modal-form small.hint {
    color: var(--sh-text-muted-on-dark);
    font-weight: 600;
}

.user-modal[b-1gk832c5xu]  form.modal-form small.hint.ok {
    color: #15803d;
}

.user-modal[b-1gk832c5xu]  form.modal-form small.hint.error {
    color: #b42318;
}

.create-meta-row[b-1gk832c5xu] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    color: var(--sh-text-muted-on-dark);
    display: flex;
    gap: .7rem;
    justify-content: space-between;
    padding: .75rem .9rem;
    max-width: 100%;
    min-width: 0;
}

.role-chip[b-1gk832c5xu] {
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: .88rem;
    padding: .28rem .75rem;
}

.role-chip.role-customer[b-1gk832c5xu] {
    background: rgba(20, 184, 166, .24);
    border: 1px solid rgba(20, 184, 166, .4);
}

.role-chip.role-support[b-1gk832c5xu] {
    background: rgba(34, 211, 238, .2);
    border: 1px solid rgba(34, 211, 238, .4);
}

.role-chip.role-admin[b-1gk832c5xu] {
    background: rgba(245, 158, 11, .22);
    border: 1px solid rgba(245, 158, 11, .42);
}

.user-modal[b-1gk832c5xu]  form.modal-form .check-row {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    display: inline-flex;
    gap: .6rem;
    justify-self: start;
    padding: .6rem .75rem;
}

.user-modal[b-1gk832c5xu]  form.modal-form .check-row input {
    min-height: auto;
}

.user-modal[b-1gk832c5xu]  form.modal-form footer {
    background: rgba(8, 25, 48, .98);
    border-top: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
    margin: 0;
    padding: 1rem 1.6rem 1.15rem;
    width: 100%;
}

.user-modal[b-1gk832c5xu]  form.modal-form footer .secondary-user-action,
.user-modal[b-1gk832c5xu]  form.modal-form footer .ghost-user-action {
    border-color: rgba(255, 255, 255, .18);
    color: #fff;
}

.user-modal[b-1gk832c5xu]  form.modal-form footer .secondary-user-action {
    background: rgba(255, 255, 255, .1);
}

.user-modal[b-1gk832c5xu]  form.modal-form footer .ghost-user-action {
    background: transparent;
}

.form-error[b-1gk832c5xu] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #b42318;
    margin: 0;
    padding: .7rem .8rem;
}

@media (max-width: 1080px) {
    .user-toolbar[b-1gk832c5xu] {
        grid-template-columns: 1fr 1fr;
    }

    .toolbar-actions[b-1gk832c5xu] {
        justify-content: stretch;
    }

    .toolbar-actions button[b-1gk832c5xu] {
        flex: 1;
    }
}

@media (max-width: 760px) {
    .premium-user-hero[b-1gk832c5xu] {
        align-items: stretch;
        flex-direction: column;
    }

    .user-toolbar[b-1gk832c5xu],
    .form-grid[b-1gk832c5xu],
    .user-type-grid[b-1gk832c5xu] {
        grid-template-columns: 1fr;
    }

    .users-table-wrap[b-1gk832c5xu] {
        overflow: visible;
        padding: .75rem;
    }

    .users-table[b-1gk832c5xu],
    .users-table tbody[b-1gk832c5xu],
    .users-table tr[b-1gk832c5xu],
    .users-table td[b-1gk832c5xu] {
        display: block;
        min-width: 0;
        width: 100%;
    }

    .users-table thead[b-1gk832c5xu] {
        display: none;
    }

    .users-table tbody[b-1gk832c5xu] {
        display: grid;
        gap: .75rem;
    }

    .users-table tbody tr[b-1gk832c5xu] {
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 8px;
        overflow: hidden;
    }

    .users-table td[b-1gk832c5xu] {
        align-items: center;
        border-top: 1px solid rgba(255, 255, 255, .08);
        display: grid;
        gap: .75rem;
        grid-template-columns: minmax(88px, .42fr) minmax(0, 1fr);
        padding: .72rem .8rem;
        overflow-wrap: anywhere;
    }

    .users-table td:first-child[b-1gk832c5xu] {
        border-top: 0;
    }

    .users-table td[b-1gk832c5xu]::before {
        color: var(--sh-text-muted-on-dark);
        content: attr(data-label);
        font-size: .82rem;
        font-weight: 800;
    }

    .users-table .actions-cell[b-1gk832c5xu] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .row-actions[b-1gk832c5xu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .modal-backdrop[b-1gk832c5xu] {
        align-items: flex-end;
        padding: max(.5rem, env(safe-area-inset-top)) .5rem max(.5rem, env(safe-area-inset-bottom));
    }

    .user-modal[b-1gk832c5xu] {
        max-height: calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)));
        width: 100%;
    }

    .user-modal header[b-1gk832c5xu] {
        padding: 1rem;
    }

    .user-type-grid[b-1gk832c5xu],
    .modal-form-body[b-1gk832c5xu] {
        padding: 1rem;
    }

    .user-modal[b-1gk832c5xu]  form.modal-form footer {
        padding: .85rem 1rem calc(.85rem + env(safe-area-inset-bottom));
    }

    .user-modal[b-1gk832c5xu]  form.modal-form footer button {
        flex: 1 1 140px;
        min-height: 44px;
    }

    .create-meta-row[b-1gk832c5xu] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 430px) {
    .row-actions[b-1gk832c5xu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CreateTicket.razor.rz.scp.css */
.ticket-premium-page[b-9z03jp0a9h] {
    color: var(--sh-text-on-dark);
    margin-inline: auto;
    max-width: 1760px;
    width: 100%;
}

.ticket-premium-shell[b-9z03jp0a9h] {
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .16), transparent 30%),
        linear-gradient(135deg, rgba(10, 31, 56, .82), rgba(8, 28, 49, .92));
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(2, 8, 23, .24);
    display: grid;
    gap: 1.25rem;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 2rem);
}

.ticket-page-header[b-9z03jp0a9h] {
    display: grid;
    gap: .45rem;
}

.ticket-page-title span[b-9z03jp0a9h] {
    color: var(--sh-primary-2);
    display: inline-block;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.back-link[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    display: inline-block;
    font-size: .9rem;
    margin-bottom: .5rem;
    text-decoration: none;
}

h1[b-9z03jp0a9h] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 1.35;
    margin: 0 0 .35rem;
}

.ticket-page-header p[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    margin: 0;
}

.create-ticket-layout[b-9z03jp0a9h] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
}

.ticket-form-card[b-9z03jp0a9h],
.ticket-help-panel[b-9z03jp0a9h],
.page-state[b-9z03jp0a9h] {
    background: rgba(10, 31, 56, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: var(--sh-radius-lg);
    box-shadow: 0 18px 55px rgba(2, 8, 23, .22);
}

.ticket-form-card[b-9z03jp0a9h] {
    padding: clamp(1rem, 2vw, 1.5rem);
}

.organization-note[b-9z03jp0a9h] {
    background: linear-gradient(135deg, rgba(29, 124, 255, .12), rgba(20, 184, 166, .12));
    border: 1px solid rgba(34, 211, 238, .22);
    border-radius: var(--sh-radius-md);
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: 1rem;
    padding: .8rem .95rem;
}

.organization-note span[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
}

.organization-note strong[b-9z03jp0a9h] {
    color: #fff;
}

.field[b-9z03jp0a9h] {
    margin-bottom: 1rem;
}

label[b-9z03jp0a9h] {
    color: #eaf6ff;
    display: block;
    font-weight: 800;
    margin-bottom: .45rem;
}

input[b-9z03jp0a9h],
textarea[b-9z03jp0a9h],
select[b-9z03jp0a9h] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: var(--sh-radius-sm);
    color: var(--sh-text);
    padding: .78rem .9rem;
    width: 100%;
}

.attachment-picker-label[b-9z03jp0a9h] {
    color: #eaf6ff;
    display: block;
    font-weight: 800;
    margin-bottom: .45rem;
}

.visually-hidden-file-input[b-9z03jp0a9h] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
    height: 1px;
    width: 1px;
}

.attachment-picker-button[b-9z03jp0a9h] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .32);
    border-radius: var(--sh-radius-sm);
    color: #eaf6ff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    margin: 0;
    padding: .65rem .9rem;
}

.attachment-help[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    font-size: .85rem;
    margin: .45rem 0 0;
}

.selected-attachments[b-9z03jp0a9h] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    margin: .75rem 0 0;
    padding: 0;
}

.attachment-chip[b-9z03jp0a9h] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-sm);
    color: #fff;
    display: inline-flex;
    gap: .45rem;
    max-width: 100%;
    padding: .45rem .55rem;
}

.attachment-chip span[b-9z03jp0a9h] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-chip small[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    direction: ltr;
    white-space: nowrap;
}

.attachment-chip button[b-9z03jp0a9h] {
    background: transparent;
    border: 0;
    color: #ffc4c4;
    cursor: pointer;
    font-weight: 800;
    padding: .1rem .25rem;
}

input:focus[b-9z03jp0a9h],
textarea:focus[b-9z03jp0a9h],
select:focus[b-9z03jp0a9h] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, .12);
    outline: none;
}

textarea[b-9z03jp0a9h] {
    line-height: 1.9;
    min-height: 190px;
    resize: vertical;
}

select[b-9z03jp0a9h] {
    max-width: 280px;
}

.requester-search-row[b-9z03jp0a9h] {
    align-items: stretch;
    display: flex;
    gap: .5rem;
}

.requester-search-row input[b-9z03jp0a9h] {
    min-width: 0;
}

.requester-search-row button[b-9z03jp0a9h],
.form-actions button[b-9z03jp0a9h] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: var(--sh-radius-sm);
    color: #fff;
    font-weight: 800;
    padding: .75rem 1rem;
}

.requester-list[b-9z03jp0a9h] {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: var(--sh-radius-md);
    margin-top: .8rem;
    overflow: hidden;
}

.requester-option[b-9z03jp0a9h] {
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, .14);
    color: #fff;
    cursor: pointer;
    display: grid;
    gap: .2rem .6rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 0;
    padding: .7rem .8rem;
}

.requester-option:last-child[b-9z03jp0a9h] {
    border-bottom: 0;
}

.requester-option:hover[b-9z03jp0a9h] {
    background: rgba(255, 255, 255, .07);
}

.requester-option input[b-9z03jp0a9h] {
    grid-row: 1 / span 2;
    width: auto;
}

.requester-option span[b-9z03jp0a9h] {
    font-weight: 800;
}

.requester-option small[b-9z03jp0a9h],
.lookup-state[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
}

.lookup-state[b-9z03jp0a9h] {
    margin: .7rem 0 0;
}

.form-actions[b-9z03jp0a9h] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1.25rem;
}

.form-actions button:disabled[b-9z03jp0a9h],
.requester-search-row button:disabled[b-9z03jp0a9h] {
    cursor: wait;
    filter: grayscale(.8);
    opacity: .65;
}

.form-actions a[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    text-decoration: none;
}

.field-error[b-9z03jp0a9h],
.form-error[b-9z03jp0a9h] {
    color: #ffc4c4;
    margin: .4rem 0 0;
}

.form-error[b-9z03jp0a9h] {
    background: rgba(239, 68, 68, .12);
    border: 1px solid rgba(239, 68, 68, .28);
    border-radius: var(--sh-radius-sm);
    padding: .75rem .9rem;
}

.page-state[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    padding: 2rem;
    text-align: center;
}

.page-state.error[b-9z03jp0a9h] {
    border-color: rgba(239, 68, 68, .28);
    color: #ffc4c4;
}

.ticket-help-panel[b-9z03jp0a9h] {
    align-self: start;
    padding: 1rem;
}

.ticket-help-panel h2[b-9z03jp0a9h] {
    color: #fff;
    font-size: 1.05rem;
    margin: 0 0 .9rem;
}

.ticket-help-panel ul[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    list-style: none;
    margin: 0;
    padding: 0;
}

.ticket-help-panel li[b-9z03jp0a9h] {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: .7rem 0;
}

.help-note[b-9z03jp0a9h] {
    background: linear-gradient(135deg, rgba(34, 211, 238, .12), rgba(139, 92, 246, .12));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-md);
    margin-top: 1rem;
    padding: 1rem;
}

.help-note strong[b-9z03jp0a9h],
.help-note span[b-9z03jp0a9h] {
    display: block;
}

.help-note strong[b-9z03jp0a9h] {
    color: #fff;
}

.help-note span[b-9z03jp0a9h] {
    color: var(--sh-text-muted-on-dark);
    font-size: .88rem;
    margin-top: .25rem;
}

@media (max-width: 980px) {
    .create-ticket-layout[b-9z03jp0a9h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .ticket-premium-shell[b-9z03jp0a9h] {
        border-radius: 20px;
    }

    .requester-search-row[b-9z03jp0a9h] {
        flex-direction: column;
    }

    select[b-9z03jp0a9h] {
        max-width: none;
    }
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-pxlp3ucchq] {
    color: #e8f4ff;
    display: grid;
    gap: 1.35rem;
    margin: 0 auto;
    max-width: 1120px;
}

.notifications-hero[b-pxlp3ucchq] {
    align-items: end;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.eyebrow[b-pxlp3ucchq] {
    color: #67e8f9;
    display: inline-block;
    font-size: .85rem;
    font-weight: 800;
    margin-bottom: .4rem;
}

.notifications-hero h1[b-pxlp3ucchq] {
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    margin: 0;
}

.notifications-hero p[b-pxlp3ucchq] {
    color: #b8cee0;
    line-height: 1.9;
    margin: .65rem 0 0;
}

.notifications-actions[b-pxlp3ucchq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.unread-toggle[b-pxlp3ucchq] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #d9e8f5;
    display: inline-flex;
    gap: .5rem;
    min-height: 42px;
    padding: .55rem .9rem;
}

.secondary-action[b-pxlp3ucchq],
.pager button[b-pxlp3ucchq],
.mark-read[b-pxlp3ucchq] {
    background: linear-gradient(135deg, #0ea5e9, #22d3ee);
    border: 0;
    border-radius: 999px;
    color: #042033;
    cursor: pointer;
    font-weight: 800;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-decoration: none;
    min-height: 42px;
    padding: .55rem 1rem;
}

.secondary-action:disabled[b-pxlp3ucchq],
.pager button:disabled[b-pxlp3ucchq] {
    cursor: default;
    opacity: .5;
}

.notice[b-pxlp3ucchq],
.notifications-panel[b-pxlp3ucchq] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 22px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .18);
}

.notice[b-pxlp3ucchq] {
    color: #cde9f8;
    padding: 1rem 1.2rem;
}

.notifications-panel[b-pxlp3ucchq] {
    overflow: hidden;
}

.empty-state[b-pxlp3ucchq] {
    color: #bdd2e3;
    padding: 2rem;
    text-align: center;
}

.notification-list[b-pxlp3ucchq] {
    display: grid;
}

.notification-card[b-pxlp3ucchq] {
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, .16);
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr auto;
    padding: 1rem;
}

.notification-card.unread[b-pxlp3ucchq] {
    background: rgba(34, 211, 238, .06);
}

.notification-content[b-pxlp3ucchq] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: .45rem;
    justify-items: start;
    text-align: right;
}

.notification-content strong[b-pxlp3ucchq] {
    color: #fff;
    font-size: 1rem;
}

.notification-content span:not(.type-pill)[b-pxlp3ucchq] {
    color: #c2d6e7;
    line-height: 1.85;
}

.notification-content small[b-pxlp3ucchq] {
    color: #8fb0c9;
}

.type-pill[b-pxlp3ucchq] {
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    padding: .22rem .65rem;
}

.type-pill.info[b-pxlp3ucchq] {
    background: rgba(103, 232, 249, .15);
    color: #67e8f9;
}

.type-pill.success[b-pxlp3ucchq] {
    background: rgba(52, 211, 153, .15);
    color: #86efac;
}

.type-pill.warning[b-pxlp3ucchq] {
    background: rgba(251, 191, 36, .17);
    color: #fde68a;
}

.type-pill.danger[b-pxlp3ucchq] {
    background: rgba(248, 113, 113, .18);
    color: #fecaca;
}

.mark-read[b-pxlp3ucchq] {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #e8f4ff;
}

.pager[b-pxlp3ucchq] {
    align-items: center;
    color: #c2d6e7;
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: 1rem;
}

@media (max-width: 760px) {
    .notifications-hero[b-pxlp3ucchq] {
        align-items: stretch;
        flex-direction: column;
    }

    .notifications-actions[b-pxlp3ucchq] {
        align-items: stretch;
        flex-direction: column;
    }

    .notification-card[b-pxlp3ucchq] {
        grid-template-columns: 1fr;
    }

    .mark-read[b-pxlp3ucchq] {
        justify-self: start;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.premium-profile-page[b-l3va3xwnhb] {
    color: var(--sh-text-on-dark);
}

.premium-profile-shell[b-l3va3xwnhb] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.premium-profile-hero[b-l3va3xwnhb] {
    align-items: stretch;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: clamp(1.15rem, 3vw, 1.75rem);
    position: relative;
}

.premium-profile-hero[b-l3va3xwnhb]::after {
    background: linear-gradient(135deg, rgba(34, 211, 238, .18), rgba(29, 124, 255, .08));
    content: "";
    inset-block: 0;
    inset-inline-end: auto;
    inset-inline-start: -18%;
    position: absolute;
    width: 38%;
}

.hero-copy[b-l3va3xwnhb] {
    position: relative;
    z-index: 1;
}

.eyebrow[b-l3va3xwnhb] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.premium-profile-hero h1[b-l3va3xwnhb] {
    color: #fff;
    font-size: clamp(1.85rem, 3vw, 3.1rem);
    line-height: 1.25;
    margin: 0;
}

.premium-profile-hero p[b-l3va3xwnhb] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 720px;
}

.profile-identity[b-l3va3xwnhb] {
    align-items: center;
    align-self: center;
    background: rgba(6, 18, 37, .44);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    min-width: 260px;
    padding: .8rem .95rem;
    position: relative;
    z-index: 1;
}

.profile-identity strong[b-l3va3xwnhb],
.identity-main strong[b-l3va3xwnhb],
.identity-metric strong[b-l3va3xwnhb] {
    color: #fff;
}

.profile-identity span[b-l3va3xwnhb],
.identity-main span[b-l3va3xwnhb],
.identity-metric span[b-l3va3xwnhb] {
    color: var(--sh-text-muted-on-dark);
}

.identity-summary-card[b-l3va3xwnhb] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .055));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: 0 18px 52px rgba(2, 8, 23, .22);
    display: grid;
    gap: .8rem;
    grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(150px, 1fr));
    margin-bottom: 1rem;
    padding: 1rem;
}

.identity-primary[b-l3va3xwnhb] {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

.identity-avatar[b-l3va3xwnhb] {
    align-items: center;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .35), transparent 34%),
        linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(29, 124, 255, .28);
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-weight: 900;
    height: 58px;
    justify-content: center;
    width: 58px;
}

.identity-avatar.small[b-l3va3xwnhb] {
    height: 44px;
    width: 44px;
}

.identity-main[b-l3va3xwnhb],
.identity-metric[b-l3va3xwnhb] {
    display: grid;
    gap: .16rem;
    min-width: 0;
}

.identity-main strong[b-l3va3xwnhb] {
    font-size: 1.05rem;
}

.identity-metric[b-l3va3xwnhb] {
    background: rgba(6, 18, 37, .32);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    padding: .75rem .85rem;
}

.identity-metric span[b-l3va3xwnhb] {
    font-size: .82rem;
}

.premium-profile-state[b-l3va3xwnhb] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    color: var(--sh-text-muted-on-dark);
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

.premium-profile-state.success[b-l3va3xwnhb] {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .32);
    color: #bbf7d0;
}

.premium-profile-state.error[b-l3va3xwnhb] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.profile-grid[b-l3va3xwnhb] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
}

.profile-card[b-l3va3xwnhb] {
    background:
        linear-gradient(180deg, rgba(17, 42, 72, .96), rgba(8, 25, 48, .96));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: 0 22px 64px rgba(2, 8, 23, .3);
    color: #eaf3ff;
    overflow: hidden;
}

.account-card[b-l3va3xwnhb],
.password-card[b-l3va3xwnhb] {
    padding: .85rem;
}

.card-heading[b-l3va3xwnhb] {
    align-items: start;
    background: rgba(255, 255, 255, .06);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    border-radius: 8px;
    padding: 1.2rem 1.35rem;
}

.card-heading span[b-l3va3xwnhb] {
    color: var(--sh-primary-2);
    font-size: .86rem;
    font-weight: 800;
}

.card-heading h2[b-l3va3xwnhb] {
    color: #fff;
    font-size: 1.15rem;
    margin: .18rem 0 0;
}

.card-heading small[b-l3va3xwnhb] {
    color: var(--sh-text-muted-on-dark);
    max-width: 220px;
    text-align: left;
}

.profile-form[b-l3va3xwnhb] {
    display: grid;
    gap: 1.15rem;
    padding: 1.35rem;
}

.profile-form-grid[b-l3va3xwnhb] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-form label[b-l3va3xwnhb] {
    color: #dbeafe;
    display: grid;
    gap: .45rem;
    font-weight: 800;
    min-width: 0;
}

.profile-form input[b-l3va3xwnhb] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(207, 219, 231, .95);
    border-radius: 8px;
    color: #17324d;
    min-height: 44px;
    outline: none;
    padding: .55rem .75rem;
    width: 100%;
}

.profile-form input:focus[b-l3va3xwnhb] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18);
}

.profile-form input[readonly][b-l3va3xwnhb] {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .14);
    color: #e5f2ff;
}

.form-actions[b-l3va3xwnhb] {
    border-top: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    justify-content: flex-end;
    margin: .35rem -1.35rem -1.35rem;
    padding: 1rem 1.35rem;
}

.form-actions button[b-l3va3xwnhb] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: 8px;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .22);
    color: #fff;
    font-weight: 800;
    min-height: 42px;
    padding: .65rem 1rem;
}

.form-actions button:disabled[b-l3va3xwnhb] {
    cursor: wait;
    opacity: .72;
}

.form-error[b-l3va3xwnhb] {
    background: rgba(239, 68, 68, .14);
    border: 1px solid rgba(239, 68, 68, .32);
    border-radius: 8px;
    color: #fecaca;
    margin: 0;
    padding: .7rem .8rem;
}

@media (max-width: 1080px) {
    .identity-summary-card[b-l3va3xwnhb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .identity-primary[b-l3va3xwnhb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .premium-profile-hero[b-l3va3xwnhb] {
        flex-direction: column;
    }

    .profile-identity[b-l3va3xwnhb] {
        min-width: 0;
        width: 100%;
    }

    .profile-grid[b-l3va3xwnhb],
    .identity-summary-card[b-l3va3xwnhb],
    .profile-form-grid[b-l3va3xwnhb] {
        grid-template-columns: 1fr;
    }

    .identity-primary[b-l3va3xwnhb] {
        grid-column: auto;
    }

    .card-heading[b-l3va3xwnhb] {
        display: grid;
    }

    .card-heading small[b-l3va3xwnhb] {
        text-align: right;
    }
}
/* /Components/Pages/PushSettings.razor.rz.scp.css */
.push-settings-page[b-gopgo2ujth] { color:var(--sh-text-on-dark); margin-inline:auto; max-width:var(--sh-container-max); width:100%; }
.push-hero[b-gopgo2ujth] { align-items:center; background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.14); border-radius:8px; box-shadow:var(--sh-shadow-glow); display:flex; gap:1rem; justify-content:space-between; margin-bottom:1rem; overflow:hidden; padding:clamp(1.15rem,3vw,1.75rem); position:relative; }
.push-hero[b-gopgo2ujth]::after { background:linear-gradient(135deg,rgba(34,211,238,.17),rgba(29,124,255,.06)); content:""; inset-block:0; inset-inline-start:-16%; pointer-events:none; position:absolute; width:36%; }
.push-hero>*[b-gopgo2ujth] { position:relative; z-index:1; }
.eyebrow[b-gopgo2ujth],.section-kicker[b-gopgo2ujth] { color:var(--sh-primary-2); font-size:.85rem; font-weight:800; }
.push-hero h1[b-gopgo2ujth] { color:#fff; font-size:clamp(1.8rem,3vw,2.8rem); margin:.25rem 0; }
.push-hero p[b-gopgo2ujth],.settings-card p[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); margin:.25rem 0; }
.hero-stat[b-gopgo2ujth] { align-items:center; background:rgba(6,18,37,.48); border:1px solid rgba(255,255,255,.14); border-radius:8px; display:grid; min-width:130px; padding:.8rem 1rem; text-align:center; }
.hero-stat strong[b-gopgo2ujth] { color:#fff; font-size:1.65rem; }.hero-stat span[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); font-size:.82rem; }
.settings-card[b-gopgo2ujth],.state[b-gopgo2ujth] { background:linear-gradient(180deg,rgba(17,42,72,.96),rgba(8,25,48,.96)); border:1px solid rgba(255,255,255,.14); border-radius:8px; box-shadow:0 22px 64px rgba(2,8,23,.26); margin-bottom:1rem; padding:1.15rem; }
.state[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); }.state.success[b-gopgo2ujth] { background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.32); color:#bbf7d0; }.state.error[b-gopgo2ujth] { background:rgba(239,68,68,.14); border-color:rgba(239,68,68,.32); color:#fecaca; }
.card-heading[b-gopgo2ujth],.section-heading[b-gopgo2ujth],.device-header[b-gopgo2ujth] { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }
.card-heading h2[b-gopgo2ujth],.section-heading h2[b-gopgo2ujth],.device-header h3[b-gopgo2ujth] { color:#fff; margin:.18rem 0 0; }.card-heading h2[b-gopgo2ujth],.section-heading h2[b-gopgo2ujth] { font-size:1.2rem; }.device-header h3[b-gopgo2ujth] { font-size:1.05rem; }
.service-badge[b-gopgo2ujth],.badges span[b-gopgo2ujth] { border:1px solid rgba(29,124,255,.35); border-radius:999px; color:#dbeafe; flex:0 0 auto; font-size:.78rem; font-weight:800; padding:.3rem .65rem; }
.service-badge.ready[b-gopgo2ujth],.badges .active[b-gopgo2ujth] { background:rgba(34,197,94,.14); border-color:rgba(34,197,94,.3); color:#bbf7d0; }.service-badge.unavailable[b-gopgo2ujth],.badges .inactive[b-gopgo2ujth] { background:rgba(239,68,68,.12); border-color:rgba(239,68,68,.26); color:#fecaca; }
.switch-row[b-gopgo2ujth] { align-items:center; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); border-radius:8px; display:flex; gap:1rem; justify-content:space-between; margin-top:1rem; padding:.85rem 1rem; }
.switch-row span[b-gopgo2ujth] { display:grid; gap:.15rem; }.switch-row small[b-gopgo2ujth],.category small[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); }.switch-row input[b-gopgo2ujth],.category input[b-gopgo2ujth] { accent-color:var(--sh-primary-2); flex:0 0 auto; height:22px; width:22px; }
.diagnostics[b-gopgo2ujth] { display:grid; gap:.6rem; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:1rem; }
.diagnostic-item[b-gopgo2ujth] { background:rgba(6,18,37,.38); border:1px solid rgba(255,255,255,.09); border-radius:8px; display:grid; gap:.25rem; min-width:0; padding:.72rem .8rem; }
.diagnostic-item span[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); font-size:.78rem; }.diagnostic-item strong[b-gopgo2ujth] { color:#fecaca; overflow-wrap:anywhere; }.diagnostic-item strong.positive[b-gopgo2ujth] { color:#bbf7d0; }
.device-guidance[b-gopgo2ujth] { background:rgba(29,124,255,.12); border:1px solid rgba(29,124,255,.28); border-radius:8px; color:#dbeafe; margin-top:.85rem; padding:.75rem .85rem; }
.device-guidance.warning[b-gopgo2ujth] { background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.3); color:#fde68a; }
.last-attempt[b-gopgo2ujth] { border-top:1px solid rgba(255,255,255,.1); font-size:.86rem; margin-top:1rem!important; padding-top:.8rem; }
.current-actions[b-gopgo2ujth],.actions[b-gopgo2ujth] { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1rem; }
button[b-gopgo2ujth] { border:0; border-radius:8px; cursor:pointer; font-weight:800; min-height:44px; padding:.62rem .9rem; }button:disabled[b-gopgo2ujth] { cursor:wait; opacity:.58; }
button.primary[b-gopgo2ujth] { background:linear-gradient(135deg,var(--sh-primary),var(--sh-primary-2)); color:#fff; }button.secondary[b-gopgo2ujth] { background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.17); color:#eaf3ff; }button.ghost[b-gopgo2ujth] { background:transparent; border:1px solid rgba(255,255,255,.14); color:var(--sh-text-muted-on-dark); }button.danger[b-gopgo2ujth] { background:rgba(239,68,68,.15); border:1px solid rgba(239,68,68,.3); color:#fecaca; }
.devices-section[b-gopgo2ujth] { margin-top:1.35rem; }.section-heading[b-gopgo2ujth] { align-items:end; margin-bottom:.75rem; padding-inline:.15rem; }.section-heading>span[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); font-size:.84rem; }
.device-grid[b-gopgo2ujth] { display:grid; gap:1rem; }.device-card.current[b-gopgo2ujth] { border-color:rgba(34,211,238,.48); box-shadow:0 22px 64px rgba(2,8,23,.3),0 0 0 1px rgba(34,211,238,.08); }
.badges[b-gopgo2ujth] { display:flex; flex-wrap:wrap; gap:.4rem; }.badges span[b-gopgo2ujth] { background:rgba(29,124,255,.14); }
.badges .previous[b-gopgo2ujth] { background:rgba(148,163,184,.12); border-color:rgba(148,163,184,.24); color:#cbd5e1; }
.name-field[b-gopgo2ujth] { color:#dbeafe; display:grid; font-weight:800; gap:.4rem; margin:1rem 0; max-width:480px; }.name-field input[b-gopgo2ujth] { background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.22); border-radius:8px; color:#0f172a; min-height:44px; padding:.55rem .75rem; width:100%; }
.categories[b-gopgo2ujth] { display:grid; gap:.65rem; grid-template-columns:repeat(2,minmax(0,1fr)); }.category[b-gopgo2ujth] { align-items:flex-start; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); border-radius:8px; display:flex; gap:.7rem; min-width:0; padding:.8rem; }.category span[b-gopgo2ujth] { display:grid; min-width:0; }
.device-meta[b-gopgo2ujth] { display:grid; gap:.6rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1rem; }.device-meta span[b-gopgo2ujth] { background:rgba(6,18,37,.32); border:1px solid rgba(255,255,255,.08); border-radius:8px; display:grid; gap:.18rem; padding:.65rem .75rem; }.device-meta small[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); }.device-meta strong[b-gopgo2ujth] { color:#eaf3ff; font-size:.86rem; }
.advanced-settings[b-gopgo2ujth] { border-top:1px solid rgba(255,255,255,.1); margin-top:1rem; padding-top:.8rem; }.advanced-settings summary[b-gopgo2ujth] { color:var(--sh-primary-2); cursor:pointer; font-weight:800; padding:.35rem 0; }.advanced-settings[open] summary[b-gopgo2ujth] { margin-bottom:.75rem; }
.actions[b-gopgo2ujth] { border-top:1px solid rgba(255,255,255,.1); padding-top:1rem; }
.empty-state[b-gopgo2ujth] { text-align:center; }.empty-state h3[b-gopgo2ujth] { color:#fff; margin-top:0; }
.modal-backdrop[b-gopgo2ujth] { align-items:center; background:rgba(2,8,23,.82); display:flex; inset:0; justify-content:center; padding:1rem; position:fixed; z-index:100; }
.confirm-modal[b-gopgo2ujth] { background:linear-gradient(180deg,#123252,#081930); border:1px solid rgba(255,255,255,.16); border-radius:8px; box-shadow:0 24px 80px rgba(0,0,0,.45); color:#fff; max-height:calc(100dvh - 2rem); max-width:520px; overflow-y:auto; padding:1.25rem; width:100%; }
.confirm-modal h2[b-gopgo2ujth] { margin-top:0; }.confirm-modal p[b-gopgo2ujth] { color:var(--sh-text-muted-on-dark); }.confirm-modal footer[b-gopgo2ujth] { display:flex; flex-wrap:wrap; gap:.6rem; justify-content:flex-end; margin-top:1rem; }
@media(max-width:760px){.push-hero[b-gopgo2ujth] { align-items:flex-start; flex-direction:column; }.hero-stat[b-gopgo2ujth] { min-width:0; width:100%; }.card-heading[b-gopgo2ujth],.device-header[b-gopgo2ujth] { flex-direction:column; }.diagnostics[b-gopgo2ujth] { grid-template-columns:repeat(2,minmax(0,1fr)); }.categories[b-gopgo2ujth] { grid-template-columns:1fr; }.current-actions[b-gopgo2ujth],.actions[b-gopgo2ujth] { display:grid; grid-template-columns:1fr; }.current-actions button[b-gopgo2ujth],.actions button[b-gopgo2ujth] { width:100%; }}
@media(max-width:430px){.settings-card[b-gopgo2ujth],.state[b-gopgo2ujth] { padding:.9rem; }.diagnostics[b-gopgo2ujth],.device-meta[b-gopgo2ujth] { grid-template-columns:1fr; }.section-heading[b-gopgo2ujth] { align-items:flex-start; flex-direction:column; }.confirm-modal footer[b-gopgo2ujth] { display:grid; grid-template-columns:1fr; }}
/* /Components/Pages/SupportConsole.razor.rz.scp.css */
.customer-dashboard-premium[b-sv42wkxgdv] {
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .18), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(29, 124, 255, .16), transparent 30%),
        linear-gradient(135deg, var(--sh-bg-deep), var(--sh-bg-navy) 56%, #071c31);
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(2, 8, 23, .22);
    color: var(--sh-text-on-dark);
    margin-inline: auto;
    max-width: 1760px;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 2rem);
    position: relative;
    width: 100%;
}

.support-dashboard-premium[b-sv42wkxgdv] {
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .18), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(29, 124, 255, .16), transparent 30%),
        linear-gradient(135deg, var(--sh-bg-deep), var(--sh-bg-navy) 56%, #071c31);
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(2, 8, 23, .22);
    color: var(--sh-text-on-dark);
    margin-inline: auto;
    max-width: 1760px;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 2rem);
    position: relative;
    width: 100%;
}

.support-dashboard-premium[b-sv42wkxgdv]::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 72px 72px;
    content: "";
    inset: 0;
    opacity: .22;
    pointer-events: none;
    position: absolute;
}

.support-dashboard-shell[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
    position: relative;
    z-index: 1;
}

.support-dashboard-header[b-sv42wkxgdv] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .5rem .25rem 1rem;
}

.support-dashboard-header h1[b-sv42wkxgdv] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.75rem);
    line-height: 1.35;
    margin: 0 0 .3rem;
}

.support-dashboard-header p[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    margin: 0;
}

.support-summary-grid[b-sv42wkxgdv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.support-work-grid[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.support-dashboard-main[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.support-side-panel[b-sv42wkxgdv] {
    min-width: 0;
}

.support-shortcut[b-sv42wkxgdv] {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--sh-radius-md);
    color: #eaf6ff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: .65rem;
    padding: .8rem .9rem;
    text-align: right;
    width: 100%;
}

.support-shortcut:hover[b-sv42wkxgdv],
.support-shortcut:focus-visible[b-sv42wkxgdv] {
    background: rgba(34, 211, 238, .1);
    border-color: rgba(34, 211, 238, .32);
    outline: none;
}

.support-shortcut span[b-sv42wkxgdv] {
    font-weight: 800;
}

.support-shortcut strong[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
}

.support-work-queue .section-heading p[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    margin: .2rem 0 0;
}

.urgent-row[b-sv42wkxgdv] {
    background: rgba(239, 68, 68, .08);
}

.unassigned-row[b-sv42wkxgdv] {
    background: rgba(245, 158, 11, .08);
}

.support-activity-list[b-sv42wkxgdv] {
    display: grid;
    gap: .7rem;
}

.support-activity-item[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--sh-radius-md);
    color: #f4fbff;
    cursor: pointer;
    padding: .85rem;
    text-align: right;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
    width: 100%;
}

.support-activity-item:hover[b-sv42wkxgdv],
.support-activity-item:focus-visible[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(34, 211, 238, .32);
    outline: none;
    transform: translateY(-1px);
}

.support-activity-item strong[b-sv42wkxgdv],
.support-activity-item span[b-sv42wkxgdv],
.support-activity-item small[b-sv42wkxgdv] {
    display: block;
}

.support-activity-item strong[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    direction: ltr;
}

.support-activity-item span[b-sv42wkxgdv] {
    margin: .25rem 0;
}

.support-activity-item small[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
}

.customer-dashboard-premium[b-sv42wkxgdv]::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 72px 72px;
    content: "";
    inset: 0;
    opacity: .22;
    pointer-events: none;
    position: absolute;
}

.customer-dashboard-shell[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
    position: relative;
    z-index: 1;
}

.customer-dashboard-header[b-sv42wkxgdv] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .5rem .25rem 1rem;
}

.dashboard-brand[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .45rem;
}

.customer-dashboard-header h1[b-sv42wkxgdv] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.75rem);
    line-height: 1.35;
    margin: 0 0 .3rem;
}

.customer-dashboard-header p[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    margin: 0;
}

.dashboard-customer-badge[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-md);
    min-width: 220px;
    padding: .8rem 1rem;
}

.dashboard-customer-badge span[b-sv42wkxgdv],
.dashboard-customer-badge strong[b-sv42wkxgdv] {
    display: block;
}

.dashboard-customer-badge span[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
}

.dashboard-customer-badge strong[b-sv42wkxgdv] {
    color: #fff;
    margin-top: .2rem;
}

.customer-dashboard-layout[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.customer-dashboard-side[b-sv42wkxgdv],
.customer-dashboard-main[b-sv42wkxgdv] {
    min-width: 0;
}

.customer-dashboard-main[b-sv42wkxgdv] {
    display: grid;
    gap: 1.25rem;
}

.side-panel[b-sv42wkxgdv],
.dashboard-card[b-sv42wkxgdv],
.summary-card[b-sv42wkxgdv] {
    background: rgba(10, 31, 56, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    box-shadow: 0 18px 55px rgba(2, 8, 23, .22);
    backdrop-filter: blur(14px);
}

.customer-dashboard-side[b-sv42wkxgdv] {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.side-panel[b-sv42wkxgdv],
.dashboard-card[b-sv42wkxgdv] {
    border-radius: var(--sh-radius-lg);
    padding: 1rem;
}

.section-heading[b-sv42wkxgdv] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.section-heading h2[b-sv42wkxgdv] {
    color: #fff;
    font-size: 1.05rem;
    margin: 0;
}

.count-badge[b-sv42wkxgdv] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: 999px;
    color: var(--sh-primary-2);
    font-size: .82rem;
    font-weight: 800;
    min-width: 2rem;
    padding: .2rem .55rem;
    text-align: center;
}

.side-primary-action[b-sv42wkxgdv],
.side-action[b-sv42wkxgdv] {
    border-radius: var(--sh-radius-md);
    display: block;
    margin-bottom: .75rem;
    padding: .9rem 1rem;
    text-decoration: none;
}

.side-primary-action[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    box-shadow: 0 16px 34px rgba(29, 124, 255, .24);
    color: #fff;
}

.side-action[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #eaf6ff;
}

.side-primary-action strong[b-sv42wkxgdv],
.side-primary-action span[b-sv42wkxgdv],
.side-action strong[b-sv42wkxgdv],
.side-action span[b-sv42wkxgdv] {
    display: block;
}

.side-primary-action span[b-sv42wkxgdv],
.side-action span[b-sv42wkxgdv] {
    color: rgba(255, 255, 255, .72);
    font-size: .85rem;
    margin-top: .15rem;
}

.side-search[b-sv42wkxgdv] {
    margin-top: 1rem;
}

.side-search label[b-sv42wkxgdv],
.quick-search label[b-sv42wkxgdv] {
    color: #eaf6ff;
    display: block;
    font-weight: 800;
    margin-bottom: .55rem;
}

.search-row[b-sv42wkxgdv] {
    display: grid;
    gap: .55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

input[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: var(--sh-radius-sm);
    color: var(--sh-text);
    min-width: 0;
    padding: .72rem .85rem;
}

input:focus[b-sv42wkxgdv] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, .12);
    outline: none;
}

.search-row button[b-sv42wkxgdv],
.row-action[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-accent));
    border: 0;
    border-radius: var(--sh-radius-sm);
    color: #fff;
    font-weight: 800;
    padding: .68rem .9rem;
}

.help-panel ul[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    list-style: none;
    margin: 0;
    padding: 0;
}

.help-panel li[b-sv42wkxgdv] {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    padding: .62rem 0;
}

.help-panel li:last-child[b-sv42wkxgdv] {
    border-bottom: 0;
}

.help-card[b-sv42wkxgdv] {
    background: linear-gradient(135deg, rgba(34, 211, 238, .12), rgba(139, 92, 246, .12));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-md);
    margin-top: 1rem;
    padding: 1rem;
}

.help-card strong[b-sv42wkxgdv],
.help-card span[b-sv42wkxgdv],
.help-card a[b-sv42wkxgdv] {
    display: block;
}

.help-card strong[b-sv42wkxgdv] {
    color: #fff;
}

.help-card span[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    font-size: .88rem;
    margin: .25rem 0 .8rem;
}

.help-card a[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    font-weight: 800;
    text-decoration: none;
}

.summary-grid[b-sv42wkxgdv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-card[b-sv42wkxgdv] {
    align-items: center;
    border-radius: var(--sh-radius-lg);
    color: #fff;
    cursor: pointer;
    display: grid;
    gap: .75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 1rem;
    text-align: right;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
    width: 100%;
}

.summary-card:hover[b-sv42wkxgdv],
.summary-card:focus-visible[b-sv42wkxgdv] {
    border-color: rgba(34, 211, 238, .45);
    box-shadow: 0 20px 60px rgba(34, 211, 238, .16);
    outline: none;
    transform: translateY(-2px);
}

.summary-icon[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(29, 124, 255, .24);
    height: 2.5rem;
    width: 2.5rem;
}

.summary-icon.active[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-accent), var(--sh-primary-2));
}

.summary-icon.attention[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-warning), var(--sh-primary-2));
}

.summary-icon.closed[b-sv42wkxgdv] {
    background: linear-gradient(135deg, #64748b, #94a3b8);
}

.summary-icon.suspended[b-sv42wkxgdv] {
    background: linear-gradient(135deg, var(--sh-purple), var(--sh-primary));
}

.summary-content[b-sv42wkxgdv],
.summary-content span[b-sv42wkxgdv],
.summary-content small[b-sv42wkxgdv] {
    display: block;
    min-width: 0;
}

.summary-content strong[b-sv42wkxgdv] {
    color: #fff;
    display: block;
    font-size: 1.65rem;
    line-height: 1.1;
}

.summary-content span[b-sv42wkxgdv] {
    font-weight: 800;
}

.summary-content small[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    font-size: .78rem;
}

.summary-arrow[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    font-size: 1.4rem;
    font-weight: 900;
}

.dashboard-split[b-sv42wkxgdv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.responsive-table[b-sv42wkxgdv] {
    overflow-x: auto;
}

table[b-sv42wkxgdv] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

th[b-sv42wkxgdv],
td[b-sv42wkxgdv] {
    border-bottom: 1px solid rgba(148, 163, 184, .16);
    padding: .8rem .7rem;
    text-align: right;
    vertical-align: middle;
}

th[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
    white-space: nowrap;
}

td[b-sv42wkxgdv] {
    color: #edf7ff;
}

tr.needs-customer[b-sv42wkxgdv] {
    background: rgba(245, 158, 11, .08);
}

.ticket-number[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    direction: ltr;
    font-weight: 800;
    white-space: nowrap;
}

.muted-line[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
    display: block;
    font-size: .84rem;
    margin-top: .15rem;
}

.status-badge[b-sv42wkxgdv],
.priority-badge[b-sv42wkxgdv] {
    border: 1px solid;
    border-radius: 999px;
    display: inline-block;
    font-size: .8rem;
    font-weight: 800;
    padding: .25rem .55rem;
    white-space: nowrap;
}

.status-badge[b-sv42wkxgdv] {
    background: rgba(20, 184, 166, .12);
    border-color: rgba(20, 184, 166, .28);
    color: #7ee7d9;
}

.priority-badge[b-sv42wkxgdv] {
    background: rgba(245, 158, 11, .13);
    border-color: rgba(245, 158, 11, .3);
    color: #ffd58a;
}

.conversation-list[b-sv42wkxgdv],
.compact-ticket-list[b-sv42wkxgdv] {
    display: grid;
    gap: .7rem;
}

.conversation-item[b-sv42wkxgdv],
.compact-ticket[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--sh-radius-md);
    color: #f4fbff;
    cursor: pointer;
    padding: .85rem;
    text-align: right;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
    width: 100%;
}

.conversation-item:hover[b-sv42wkxgdv],
.conversation-item:focus-visible[b-sv42wkxgdv],
.compact-ticket:hover[b-sv42wkxgdv],
.compact-ticket:focus-visible[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(34, 211, 238, .32);
    outline: none;
    transform: translateY(-1px);
}

.conversation-topline[b-sv42wkxgdv],
.conversation-title[b-sv42wkxgdv],
.conversation-preview[b-sv42wkxgdv],
.conversation-meta[b-sv42wkxgdv],
.compact-ticket-main[b-sv42wkxgdv],
.compact-ticket-meta[b-sv42wkxgdv] {
    display: block;
}

.conversation-topline[b-sv42wkxgdv] {
    align-items: baseline;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.conversation-topline strong[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
}

.conversation-topline small[b-sv42wkxgdv],
.conversation-meta[b-sv42wkxgdv],
.compact-ticket-meta small[b-sv42wkxgdv] {
    color: var(--sh-text-muted-on-dark);
}

.conversation-title[b-sv42wkxgdv] {
    font-weight: 800;
    margin-top: .35rem;
}

.conversation-preview[b-sv42wkxgdv] {
    color: #dbeafe;
    margin: .3rem 0;
}

.compact-ticket-main[b-sv42wkxgdv] {
    display: grid;
    gap: .25rem;
}

.compact-ticket-main strong[b-sv42wkxgdv] {
    color: var(--sh-primary-2);
    direction: ltr;
}

.compact-ticket-meta[b-sv42wkxgdv] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .55rem;
}

.empty-state[b-sv42wkxgdv],
.support-state[b-sv42wkxgdv] {
    background: #fff;
    border: 1px solid #d8e0e7;
    border-radius: var(--sh-radius-md);
    color: #607080;
    margin: 0;
    padding: 1.5rem;
    text-align: center;
}

.empty-state.dark[b-sv42wkxgdv],
.support-state.premium[b-sv42wkxgdv] {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .13);
    color: var(--sh-text-muted-on-dark);
}

.support-state.error[b-sv42wkxgdv] {
    border-color: rgba(239, 68, 68, .28);
    color: #ffc4c4;
}

.page-heading h1[b-sv42wkxgdv] {
    margin: .25rem 0 .35rem;
}

.page-heading p[b-sv42wkxgdv] {
    color: #526171;
    margin: 0;
}

.quick-search[b-sv42wkxgdv] {
    margin-top: 3rem;
    max-width: 850px;
}

.quick-search label[b-sv42wkxgdv] {
    color: var(--sh-text);
}

.new-ticket-link[b-sv42wkxgdv] {
    background: #287d75;
    border-radius: 5px;
    color: #fff;
    padding: .7rem 1rem;
    text-decoration: none;
    white-space: nowrap;
}

.support-links[b-sv42wkxgdv] {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.tickets-link[b-sv42wkxgdv] {
    color: #246b83;
}

@media (max-width: 1180px) {
    .customer-dashboard-layout[b-sv42wkxgdv] {
        grid-template-columns: 1fr;
    }

    .support-summary-grid[b-sv42wkxgdv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .support-work-grid[b-sv42wkxgdv] {
        grid-template-columns: 1fr;
    }

    .customer-dashboard-side[b-sv42wkxgdv] {
        grid-row: 1;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .customer-dashboard-header[b-sv42wkxgdv] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-customer-badge[b-sv42wkxgdv] {
        min-width: 0;
    }

    .summary-grid[b-sv42wkxgdv],
    .support-summary-grid[b-sv42wkxgdv],
    .dashboard-split[b-sv42wkxgdv],
    .customer-dashboard-side[b-sv42wkxgdv] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .customer-dashboard-premium[b-sv42wkxgdv] {
        border-radius: 20px;
        padding: 1rem;
    }

    .summary-grid[b-sv42wkxgdv],
    .support-summary-grid[b-sv42wkxgdv],
    .dashboard-split[b-sv42wkxgdv],
    .customer-dashboard-side[b-sv42wkxgdv],
    .search-row[b-sv42wkxgdv] {
        grid-template-columns: 1fr;
    }

    .summary-card[b-sv42wkxgdv] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}
/* /Components/Pages/TenantLogin.razor.rz.scp.css */
.login-page[b-7nlbyh89jh] {
    align-items: center;
    background:
        radial-gradient(circle at 18% 12%, rgba(34, 211, 238, .18), transparent 30%),
        radial-gradient(circle at 84% 82%, rgba(29, 124, 255, .16), transparent 32%),
        linear-gradient(135deg, var(--sh-bg-deep) 0%, var(--sh-bg-navy) 48%, #082238 100%);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    position: relative;
}

.login-page[b-7nlbyh89jh]::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 72px 72px;
    content: "";
    inset: 0;
    opacity: .24;
    pointer-events: none;
    position: absolute;
}

.login-shell[b-7nlbyh89jh] {
    align-items: center;
    direction: ltr;
    display: grid;
    gap: clamp(2rem, 5vw, 4.5rem);
    grid-template-columns: minmax(360px, 480px) minmax(0, 1fr);
    min-height: min(680px, calc(100vh - 3rem));
    position: relative;
    z-index: 1;
}

.login-shell[b-7nlbyh89jh]::before {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 32px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), var(--sh-shadow-glow);
    content: "";
    inset: -1.5rem;
    pointer-events: none;
    position: absolute;
}

.login-card[b-7nlbyh89jh],
.brand-hero[b-7nlbyh89jh] {
    direction: rtl;
    position: relative;
    z-index: 1;
}

.login-card[b-7nlbyh89jh] {
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(255, 255, 255, .74);
    border-radius: 28px;
    box-shadow: 0 26px 70px rgba(2, 8, 23, .28);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    width: 100%;
}

.login-card-header[b-7nlbyh89jh] {
    margin-bottom: 1.75rem;
}

.login-logo[b-7nlbyh89jh] {
    align-items: center;
    color: var(--sh-bg-navy);
    display: flex;
    font-size: 1.35rem;
    font-weight: 800;
    gap: .65rem;
    margin-bottom: 1.25rem;
}

.login-logo[b-7nlbyh89jh]::before {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border-radius: 12px;
    box-shadow: 0 12px 26px rgba(29, 124, 255, .28);
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2rem;
}

.tenant-recognition[b-7nlbyh89jh] {
    background: linear-gradient(135deg, rgba(29, 124, 255, .08), rgba(20, 184, 166, .11));
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: var(--sh-radius-md);
    color: #0f4d66;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.9;
    margin: 0 0 1.15rem;
    padding: .85rem 1rem;
}

.tenant-recognition span[b-7nlbyh89jh] {
    color: var(--sh-text-muted);
    display: block;
    font-size: .82rem;
    font-weight: 500;
}

.login-card h2[b-7nlbyh89jh] {
    color: var(--sh-text);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    line-height: 1.35;
    margin: 0 0 .35rem;
}

.login-card-header > p:not(.tenant-recognition)[b-7nlbyh89jh] {
    color: var(--sh-text-muted);
    margin: 0;
}

.field[b-7nlbyh89jh] {
    margin-bottom: 1.05rem;
}

label[b-7nlbyh89jh] {
    color: #1e334a;
    display: block;
    font-weight: 700;
    margin-bottom: .5rem;
}

input[b-7nlbyh89jh] {
    background: #f8fafc;
    border: 1px solid rgba(148, 163, 184, .62);
    border-radius: var(--sh-radius-sm);
    color: var(--sh-text);
    min-height: 3.1rem;
    padding: .8rem .95rem;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    width: 100%;
}

input:focus[b-7nlbyh89jh] {
    background: #fff;
    border-color: var(--sh-primary);
    box-shadow: 0 0 0 4px rgba(29, 124, 255, .13);
    outline: none;
}

button[b-7nlbyh89jh] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: var(--sh-radius-sm);
    box-shadow: 0 16px 34px rgba(29, 124, 255, .28);
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    margin-top: .65rem;
    min-height: 3.15rem;
    padding: .85rem 1rem;
    transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
    width: 100%;
}

button:hover:not(:disabled)[b-7nlbyh89jh] {
    box-shadow: 0 18px 38px rgba(29, 124, 255, .34);
    filter: saturate(1.08);
    transform: translateY(-1px);
}

button:disabled[b-7nlbyh89jh] {
    cursor: wait;
    opacity: .72;
}

.form-error[b-7nlbyh89jh] {
    background: #fff1f2;
    border: 1px solid rgba(239, 68, 68, .25);
    border-radius: var(--sh-radius-sm);
    color: #a21d32;
    font-size: .9rem;
    margin: .85rem 0;
    padding: .7rem .85rem;
}

.brand-hero[b-7nlbyh89jh] {
    color: var(--sh-text-on-dark);
    max-width: 720px;
}

.brand-mark[b-7nlbyh89jh] {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: .55rem;
}

.brand-subtitle[b-7nlbyh89jh] {
    color: var(--sh-primary-2);
    display: inline-flex;
    font-size: .96rem;
    font-weight: 700;
    margin-bottom: 1.05rem;
}

.brand-hero h1[b-7nlbyh89jh] {
    color: #fff;
    font-size: clamp(2.3rem, 5vw, 4.25rem);
    line-height: 1.32;
    margin: 0 0 1rem;
}

.brand-hero p[b-7nlbyh89jh] {
    color: var(--sh-text-muted-on-dark);
    font-size: 1.08rem;
    line-height: 2;
    margin: 0;
    max-width: 680px;
}

.hero-features[b-7nlbyh89jh] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 2.15rem;
}

.hero-features span[b-7nlbyh89jh] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #e8f7ff;
    font-size: .9rem;
    font-weight: 700;
    padding: .55rem .85rem;
}

@media (max-width: 980px) {
    .login-page[b-7nlbyh89jh] {
        align-items: flex-start;
        overflow: auto;
    }

    .login-shell[b-7nlbyh89jh] {
        gap: 1.75rem;
        grid-template-columns: 1fr;
        min-height: auto;
        width: min(100%, 620px);
    }

    .login-shell[b-7nlbyh89jh]::before {
        inset: -1rem;
    }

    .brand-hero[b-7nlbyh89jh] {
        order: -1;
    }

    .brand-hero h1[b-7nlbyh89jh] {
        font-size: 2.25rem;
    }

    .brand-hero p[b-7nlbyh89jh] {
        font-size: .98rem;
    }
}

@media (max-width: 560px) {
    .login-page[b-7nlbyh89jh] {
        padding: 1rem;
    }

    .login-shell[b-7nlbyh89jh]::before {
        display: none;
    }

    .login-card[b-7nlbyh89jh] {
        border-radius: 20px;
        padding: 1.25rem;
    }

    .hero-features[b-7nlbyh89jh] {
        display: none;
    }
}
/* /Components/Pages/TicketDetail.razor.rz.scp.css */
.ticket-detail-page[b-71xms1cjbn] {
    color: var(--sh-text-on-dark);
    display: grid;
    gap: 1rem;
    margin-inline: auto;
    max-width: 1760px;
    width: 100%;
}

.ticket-detail-header[b-71xms1cjbn],
.action-panel[b-71xms1cjbn],
.conversation-panel[b-71xms1cjbn],
.collapse-section[b-71xms1cjbn],
.success-message[b-71xms1cjbn],
.page-state[b-71xms1cjbn] {
    background: rgba(10, 31, 56, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: var(--sh-radius-lg);
    box-shadow: 0 18px 55px rgba(2, 8, 23, .22);
}

.ticket-detail-header[b-71xms1cjbn] {
    background:
        radial-gradient(circle at 12% 10%, rgba(34, 211, 238, .14), transparent 32%),
        linear-gradient(135deg, rgba(10, 31, 56, .88), rgba(8, 28, 49, .94));
    padding: clamp(1rem, 2vw, 1.5rem);
    position: sticky;
    top: .75rem;
    z-index: 20;
}

.header-main[b-71xms1cjbn] {
    align-items: center;
    display: grid;
    gap: .9rem 1.5rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.back-link[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    font-size: .85rem;
    grid-column: 1 / -1;
    text-decoration: none;
}

.ticket-identity[b-71xms1cjbn] {
    min-width: 0;
}

.ticket-identity h1[b-71xms1cjbn] {
    color: #fff;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    line-height: 1.45;
    margin: .25rem 0 0;
    overflow-wrap: anywhere;
}

.ticket-number[b-71xms1cjbn] {
    color: var(--sh-primary-2);
    direction: ltr;
    display: inline-block;
    font-size: .9rem;
    font-weight: 800;
}

.header-badges[b-71xms1cjbn] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.badge[b-71xms1cjbn],
.status-badge[b-71xms1cjbn],
.priority-badge[b-71xms1cjbn] {
    border: 1px solid;
    border-radius: 999px;
    display: inline-block;
    font-size: .82rem;
    font-weight: 800;
    padding: .3rem .6rem;
    white-space: nowrap;
}

.status-badge[b-71xms1cjbn] {
    background: rgba(20, 184, 166, .12);
    border-color: rgba(20, 184, 166, .28);
    color: #7ee7d9;
}

.priority-badge[b-71xms1cjbn] {
    background: rgba(245, 158, 11, .13);
    border-color: rgba(245, 158, 11, .3);
    color: #ffd58a;
}

.header-people[b-71xms1cjbn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0;
}

.header-people div[b-71xms1cjbn] {
    min-width: 110px;
}

.header-people dt[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    font-size: .75rem;
}

.header-people dd[b-71xms1cjbn] {
    color: #fff;
    font-size: .9rem;
    margin: .15rem 0 0;
}

.ticket-actions[b-71xms1cjbn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.ticket-actions button[b-71xms1cjbn],
.action-panel button[b-71xms1cjbn],
.reply-box button[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-sm);
    color: #eaf6ff;
    font-weight: 800;
    padding: .55rem .8rem;
}

.ticket-actions button:hover:not(:disabled)[b-71xms1cjbn] {
    background: rgba(34, 211, 238, .12);
    border-color: rgba(34, 211, 238, .36);
}

.ticket-actions button:disabled[b-71xms1cjbn] {
    cursor: not-allowed;
    opacity: .55;
}

.action-panel[b-71xms1cjbn] {
    padding: 1rem;
}

.action-panel-header[b-71xms1cjbn] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .8rem;
}

.action-panel h2[b-71xms1cjbn] {
    color: #fff;
    font-size: 1.05rem;
    margin: 0;
}

.action-panel label[b-71xms1cjbn] {
    color: #eaf6ff;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    margin: .75rem 0 .35rem;
}

.action-panel textarea[b-71xms1cjbn],
.action-panel input[b-71xms1cjbn],
.action-panel select[b-71xms1cjbn],
.reply-box textarea[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: var(--sh-radius-sm);
    color: var(--sh-text);
    padding: .7rem .8rem;
    width: 100%;
}

.action-panel textarea[b-71xms1cjbn] {
    min-height: 100px;
    resize: vertical;
}

.action-panel select[b-71xms1cjbn] {
    max-width: 280px;
}

.assign-search-row[b-71xms1cjbn] {
    align-items: stretch;
    display: flex;
    gap: .5rem;
    max-width: 620px;
}

.assign-search-row input[b-71xms1cjbn] {
    min-width: 0;
}

.assignable-user-list[b-71xms1cjbn] {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: var(--sh-radius-md);
    margin-top: .8rem;
    max-width: 620px;
    overflow: hidden;
}

.assignable-user-option[b-71xms1cjbn] {
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, .14);
    color: #fff;
    cursor: pointer;
    display: grid !important;
    gap: .2rem .6rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin: 0 !important;
    padding: .7rem .8rem;
}

.assignable-user-option:last-child[b-71xms1cjbn] {
    border-bottom: 0;
}

.assignable-user-option:hover[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .07);
}

.assignable-user-option input[b-71xms1cjbn] {
    grid-row: 1 / span 2;
    width: auto;
}

.assignable-user-option span[b-71xms1cjbn] {
    font-weight: 800;
}

.assignable-user-option small[b-71xms1cjbn],
.lookup-state[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
}

.lookup-state[b-71xms1cjbn] {
    margin: .8rem 0 0;
}

.action-panel .checkbox-label[b-71xms1cjbn] {
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    gap: .5rem;
    justify-content: flex-start;
    max-width: 100%;
    width: fit-content;
}

.action-panel .checkbox-label input[type="checkbox"][b-71xms1cjbn] {
    flex: 0 0 auto;
    height: 1rem;
    margin: 0;
    min-width: 1rem;
    width: 1rem;
}

.workflow-form-actions[b-71xms1cjbn] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.primary-action[b-71xms1cjbn],
.reply-box button[b-71xms1cjbn] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2)) !important;
    border-color: transparent !important;
    color: #fff !important;
    margin-top: .85rem;
}

.primary-action.danger[b-71xms1cjbn] {
    background: linear-gradient(135deg, var(--sh-danger), #b91c1c) !important;
}

.close-panel[b-71xms1cjbn] {
    background: transparent !important;
    border: 0 !important;
    color: var(--sh-text-muted-on-dark) !important;
    font-size: 1.3rem;
    padding: .15rem .45rem !important;
}

.action-warning[b-71xms1cjbn] {
    color: #ffd58a;
}

.success-message[b-71xms1cjbn] {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .28);
    color: #bbf7d0;
    padding: .75rem .95rem;
}

.conversation-panel[b-71xms1cjbn] {
    padding: 1rem;
}

.section-title[b-71xms1cjbn] {
    align-items: baseline;
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    display: flex;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.section-title h2[b-71xms1cjbn] {
    color: #fff;
    font-size: 1.2rem;
    margin: 0;
}

.section-title span[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    font-size: .85rem;
}

.message-list[b-71xms1cjbn] {
    display: grid;
    gap: .85rem;
    margin: 0;
    max-width: none;
    padding: 1rem 0;
    width: 100%;
}

.conversation-message-row[b-71xms1cjbn] {
    display: flex;
    width: 100%;
}

.conversation-message-row.mine[b-71xms1cjbn] {
    justify-content: flex-start;
}

.conversation-message-row.support[b-71xms1cjbn] {
    justify-content: flex-end;
}

.message-item[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--sh-radius-md);
    padding: .9rem;
    width: min(78%, 920px);
}

.message-item.own-message[b-71xms1cjbn] {
    background: rgba(34, 211, 238, .09);
    border-color: rgba(34, 211, 238, .24);
}

.message-item header[b-71xms1cjbn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1rem;
}

.message-item strong[b-71xms1cjbn] {
    color: #fff;
}

.message-sender-kind[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: var(--sh-primary-2);
    font-size: .78rem;
    font-weight: 800;
    padding: .15rem .5rem;
}

.message-item time[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    direction: ltr;
    font-size: .8rem;
    margin-right: auto;
}

.message-item p[b-71xms1cjbn] {
    color: #eaf6ff;
    line-height: 1.95;
    margin: .65rem 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.empty-message[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    padding: 2rem 0;
    text-align: center;
}

.reply-box[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: var(--sh-radius-lg);
    margin: 1rem 0 0;
    max-width: none;
    padding: 1rem;
    width: 100%;
}

.reply-box label[b-71xms1cjbn] {
    color: #eaf6ff;
    display: block;
    font-weight: 800;
    margin-bottom: .5rem;
}

.reply-box textarea[b-71xms1cjbn] {
    min-height: 130px;
    resize: vertical;
}

.attachment-picker[b-71xms1cjbn] {
    margin-top: .9rem;
}

.attachment-picker-label[b-71xms1cjbn] {
    color: #eaf6ff;
    display: block;
    font-weight: 800;
    margin-bottom: .45rem;
}

.visually-hidden-file-input[b-71xms1cjbn] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
    height: 1px;
    width: 1px;
}

.attachment-picker-button[b-71xms1cjbn] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .32);
    border-radius: var(--sh-radius-sm);
    color: #eaf6ff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    padding: .65rem .9rem;
}

.attachment-help[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    font-size: .85rem;
    margin: .45rem 0 0;
}

.selected-attachments[b-71xms1cjbn] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    margin: .75rem 0 0;
    padding: 0;
}

.attachment-chip[b-71xms1cjbn] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--sh-radius-sm);
    color: #fff;
    display: inline-flex;
    gap: .45rem;
    max-width: 100%;
    padding: .45rem .55rem;
}

.attachment-chip span[b-71xms1cjbn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-chip small[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    direction: ltr;
    white-space: nowrap;
}

.attachment-chip button[b-71xms1cjbn] {
    background: transparent !important;
    border: 0 !important;
    color: #ffc4c4 !important;
    cursor: pointer;
    padding: .1rem .25rem !important;
}

.reply-box button:disabled[b-71xms1cjbn],
.action-panel button:disabled[b-71xms1cjbn] {
    cursor: wait;
    opacity: .65;
}

.detail-sections[b-71xms1cjbn] {
    display: grid;
    gap: .75rem;
}

.collapse-section[b-71xms1cjbn] {
    padding: 0 1rem;
}

.collapse-section summary[b-71xms1cjbn] {
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    padding: 1rem 0;
}

.collapse-section[open] summary[b-71xms1cjbn] {
    color: var(--sh-primary-2);
}

.ticket-information[b-71xms1cjbn] {
    display: grid;
    gap: 1rem 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: .5rem 0 1.25rem;
}

.ticket-information .description-row[b-71xms1cjbn] {
    grid-column: 1 / -1;
}

.ticket-information dt[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
}

.ticket-information dd[b-71xms1cjbn] {
    color: #eaf6ff;
    line-height: 1.8;
    margin: .25rem 0 0;
    white-space: pre-wrap;
}

.history-list[b-71xms1cjbn],
.attachment-list[b-71xms1cjbn] {
    list-style: none;
    margin: 0;
    padding: .25rem 0 1rem;
}

.history-list li[b-71xms1cjbn],
.attachment-list li[b-71xms1cjbn] {
    border-bottom: 1px solid rgba(148, 163, 184, .16);
    padding: .75rem 0;
}

.history-list li:last-child[b-71xms1cjbn],
.attachment-list li:last-child[b-71xms1cjbn] {
    border-bottom: 0;
}

.history-list p[b-71xms1cjbn] {
    color: #eaf6ff;
    margin: 0 0 .25rem;
}

.history-list small[b-71xms1cjbn],
.attachment-list span[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
}

.attachment-list li[b-71xms1cjbn] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.attachment-list strong[b-71xms1cjbn] {
    color: #fff;
}

.attachment-item-main[b-71xms1cjbn] {
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.attachment-item-main strong[b-71xms1cjbn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-actions[b-71xms1cjbn] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.attachment-action-button[b-71xms1cjbn] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .32);
    border-radius: var(--sh-radius-sm);
    color: #eaf6ff;
    cursor: pointer;
    font-weight: 800;
    padding: .45rem .75rem;
    white-space: nowrap;
}

.attachment-action-button.disabled[b-71xms1cjbn] {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .12);
    color: var(--sh-text-muted-on-dark);
}

.attachment-action-button:disabled[b-71xms1cjbn] {
    cursor: wait;
    opacity: .65;
}

.attachment-action-button.disabled:disabled[b-71xms1cjbn] {
    cursor: not-allowed;
}

.collapse-empty[b-71xms1cjbn] {
    color: var(--sh-text-muted-on-dark);
    margin: 0;
    padding: .25rem 0 1rem;
}

.inline-error[b-71xms1cjbn],
.page-state.error[b-71xms1cjbn] {
    color: #ffc4c4;
}

.page-state[b-71xms1cjbn] {
    background: rgba(10, 31, 56, .74);
    border-color: rgba(148, 163, 184, .22);
    color: var(--sh-text-muted-on-dark);
    padding: 2rem;
    text-align: center;
}

@media (max-width: 900px) {
    .ticket-detail-header[b-71xms1cjbn] {
        position: static;
    }

    .header-main[b-71xms1cjbn] {
        grid-template-columns: 1fr;
    }

    .ticket-information[b-71xms1cjbn] {
        grid-template-columns: 1fr;
    }

    .ticket-information .description-row[b-71xms1cjbn] {
        grid-column: auto;
    }

    .attachment-list li[b-71xms1cjbn] {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
    }
}

@media (max-width: 560px) {
    .assign-search-row[b-71xms1cjbn] {
        flex-direction: column;
    }

    .message-item[b-71xms1cjbn] {
        width: 100%;
    }
}
/* /Components/Pages/TicketReports.razor.rz.scp.css */
.ticket-reports-page[b-qljic0jl6h] {
    color: var(--sh-text-on-dark);
}

.reports-shell[b-qljic0jl6h] {
    margin-inline: auto;
    max-width: var(--sh-container-max);
    width: 100%;
}

.reports-hero[b-qljic0jl6h] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.eyebrow[b-qljic0jl6h] {
    color: var(--sh-primary-2);
    display: block;
    font-size: .88rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.reports-hero h1[b-qljic0jl6h] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1.25;
    margin: 0;
}

.reports-hero p[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    margin: .45rem 0 0;
    max-width: 820px;
}

.filter-panel[b-qljic0jl6h],
.breakdown-panel[b-qljic0jl6h],
.results-panel[b-qljic0jl6h],
.summary-card[b-qljic0jl6h],
.report-state[b-qljic0jl6h] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    box-shadow: var(--sh-shadow-glow);
}

.filter-panel[b-qljic0jl6h] {
    margin-bottom: 1rem;
    padding: 1rem;
}

.filter-grid[b-qljic0jl6h] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.filter-grid label:not(.checkbox-filter)[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    display: grid;
    gap: .35rem;
    font-size: .88rem;
    font-weight: 800;
}

.filter-grid input[b-qljic0jl6h],
.filter-grid select[b-qljic0jl6h] {
    background: rgba(255, 255, 255, .96);
    border: 1px solid rgba(207, 219, 231, .95);
    border-radius: 8px;
    color: #17324d;
    min-height: 43px;
    outline: none;
    padding: .55rem .75rem;
    width: 100%;
}

.filter-grid input:focus[b-qljic0jl6h],
.filter-grid select:focus[b-qljic0jl6h] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .18);
}

.filter-grid select:disabled[b-qljic0jl6h] {
    cursor: not-allowed;
    opacity: .6;
}

.checkbox-filter[b-qljic0jl6h] {
    align-items: center;
    align-self: end;
    color: #e0f2fe;
    display: flex;
    gap: .55rem;
    min-height: 43px;
}

.checkbox-filter input[b-qljic0jl6h] {
    accent-color: var(--sh-primary-2);
    height: 1.05rem;
    margin: 0;
    width: 1.05rem;
}

.filter-actions[b-qljic0jl6h],
.report-pagination[b-qljic0jl6h],
.report-pagination div[b-qljic0jl6h] {
    align-items: center;
    display: flex;
    gap: .6rem;
}

.filter-actions[b-qljic0jl6h] {
    border-top: 1px solid rgba(255, 255, 255, .1);
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 1rem;
}

.primary-action[b-qljic0jl6h],
.secondary-action[b-qljic0jl6h],
.export-action[b-qljic0jl6h],
.view-action[b-qljic0jl6h] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    min-height: 40px;
    padding: .55rem .9rem;
    text-decoration: none;
}

.primary-action[b-qljic0jl6h],
.export-action[b-qljic0jl6h] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    box-shadow: 0 16px 36px rgba(29, 124, 255, .24);
    color: #fff;
}

.export-action[b-qljic0jl6h] {
    min-width: 150px;
}

.secondary-action[b-qljic0jl6h] {
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
}

.primary-action:disabled[b-qljic0jl6h],
.secondary-action:disabled[b-qljic0jl6h],
.export-action:disabled[b-qljic0jl6h] {
    cursor: not-allowed;
    opacity: .55;
}

.report-state[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    margin-bottom: 1rem;
    padding: .9rem 1rem;
}

.report-state.error[b-qljic0jl6h] {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .32);
    color: #fecaca;
}

.report-state.success[b-qljic0jl6h] {
    background: rgba(34, 197, 94, .14);
    border-color: rgba(34, 197, 94, .3);
    color: #bbf7d0;
}

.summary-grid[b-qljic0jl6h] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.summary-card[b-qljic0jl6h] {
    display: grid;
    gap: .45rem;
    min-width: 0;
    padding: .9rem;
    position: relative;
}

.summary-card[b-qljic0jl6h]::before {
    background: #67e8f9;
    border-radius: 999px;
    content: "";
    height: .36rem;
    position: absolute;
    right: .9rem;
    top: .75rem;
    width: 1.8rem;
}

.summary-card.success[b-qljic0jl6h]::before { background: #86efac; }
.summary-card.warning[b-qljic0jl6h]::before { background: #fde68a; }
.summary-card.danger[b-qljic0jl6h]::before { background: #fca5a5; }
.summary-card.active[b-qljic0jl6h]::before { background: #c4b5fd; }
.summary-card.neutral[b-qljic0jl6h]::before { background: #cbd5e1; }

.summary-card span[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
    margin-top: .35rem;
    white-space: nowrap;
}

.summary-card strong[b-qljic0jl6h] {
    color: #fff;
    font-size: 1.65rem;
}

.breakdown-grid[b-qljic0jl6h] {
    display: grid;
    gap: 1rem;
    grid-template-columns: .8fr .8fr 1.4fr;
    margin-bottom: 1rem;
}

.breakdown-panel[b-qljic0jl6h] {
    min-width: 0;
    padding: 1rem;
}

.breakdown-panel header[b-qljic0jl6h],
.results-panel > header[b-qljic0jl6h] {
    align-items: start;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .8rem;
    padding-bottom: .8rem;
}

.breakdown-panel h2[b-qljic0jl6h],
.results-panel h2[b-qljic0jl6h] {
    color: #fff;
    font-size: 1.05rem;
    margin: 0;
}

.breakdown-panel header span[b-qljic0jl6h],
.results-panel header span[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    font-size: .84rem;
}

.stat-table[b-qljic0jl6h] {
    display: grid;
    gap: .45rem;
}

.stat-row[b-qljic0jl6h],
.assignee-row[b-qljic0jl6h],
.assignee-head[b-qljic0jl6h] {
    align-items: center;
    display: grid;
    gap: .65rem;
    min-height: 43px;
}

.stat-row[b-qljic0jl6h] {
    background: rgba(255, 255, 255, .055);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .55rem .7rem;
}

.stat-row span[b-qljic0jl6h],
.assignee-row span[b-qljic0jl6h] {
    color: #e0f2fe;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-row strong[b-qljic0jl6h],
.assignee-row strong[b-qljic0jl6h] {
    background: rgba(34, 211, 238, .14);
    border: 1px solid rgba(34, 211, 238, .23);
    border-radius: 999px;
    color: #a5f3fc;
    min-width: 2.2rem;
    padding: .18rem .55rem;
    text-align: center;
}

.assignee-head[b-qljic0jl6h],
.assignee-row[b-qljic0jl6h] {
    grid-template-columns: minmax(130px, 1fr) repeat(3, 64px);
    padding: .45rem .6rem;
}

.assignee-head[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    font-size: .78rem;
    font-weight: 800;
}

.assignee-head span:not(:first-child)[b-qljic0jl6h] {
    text-align: center;
}

.assignee-row[b-qljic0jl6h] {
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.empty-mini[b-qljic0jl6h],
.report-empty[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
    padding: .85rem;
    text-align: center;
}

.results-panel[b-qljic0jl6h] {
    overflow: hidden;
}

.results-panel > header[b-qljic0jl6h] {
    margin: 0;
    padding: 1rem;
}

.results-panel > header div[b-qljic0jl6h] {
    display: grid;
    gap: .3rem;
}

.report-table-wrap[b-qljic0jl6h] {
    overflow-x: auto;
}

.report-table[b-qljic0jl6h] {
    border-collapse: collapse;
    min-width: 1180px;
    width: 100%;
}

.report-table th[b-qljic0jl6h] {
    background: rgba(255, 255, 255, .08);
    color: #dbeafe;
    font-size: .84rem;
    font-weight: 900;
    padding: .8rem .85rem;
    text-align: right;
    white-space: nowrap;
}

.report-table td[b-qljic0jl6h] {
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #edf6ff;
    padding: .85rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-qljic0jl6h] {
    background: rgba(34, 211, 238, .07);
}

.ticket-number[b-qljic0jl6h] {
    color: #a5f3fc;
    font-weight: 800;
    white-space: nowrap;
}

.title-cell[b-qljic0jl6h] {
    display: grid;
    gap: .2rem;
    max-width: 260px;
}

.title-cell strong[b-qljic0jl6h] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-cell small[b-qljic0jl6h] {
    color: var(--sh-text-muted-on-dark);
}

.status-pill[b-qljic0jl6h],
.priority-pill[b-qljic0jl6h] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 900;
    padding: .27rem .65rem;
    white-space: nowrap;
}

.status-pill[b-qljic0jl6h] {
    background: rgba(34, 211, 238, .13);
    color: #a5f3fc;
}

.priority-pill[b-qljic0jl6h] {
    background: rgba(245, 158, 11, .15);
    color: #fde68a;
}

.view-action[b-qljic0jl6h] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .23);
    color: #a5f3fc;
    min-height: 34px;
    padding: .35rem .7rem;
}

.report-pagination[b-qljic0jl6h] {
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: var(--sh-text-muted-on-dark);
    justify-content: space-between;
    padding: 1rem;
}

@media (max-width: 1250px) {
    .summary-grid[b-qljic0jl6h] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .filter-grid[b-qljic0jl6h] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .breakdown-grid[b-qljic0jl6h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assignee-panel[b-qljic0jl6h] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .reports-hero[b-qljic0jl6h] {
        align-items: stretch;
        flex-direction: column;
    }

    .export-action[b-qljic0jl6h] {
        align-self: flex-start;
    }

    .filter-grid[b-qljic0jl6h],
    .breakdown-grid[b-qljic0jl6h] {
        grid-template-columns: 1fr;
    }

    .assignee-panel[b-qljic0jl6h] {
        grid-column: auto;
    }

    .summary-grid[b-qljic0jl6h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .summary-grid[b-qljic0jl6h] {
        grid-template-columns: 1fr;
    }

    .filter-actions[b-qljic0jl6h],
    .report-pagination[b-qljic0jl6h],
    .report-pagination div[b-qljic0jl6h] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-action[b-qljic0jl6h],
    .secondary-action[b-qljic0jl6h],
    .export-action[b-qljic0jl6h] {
        width: 100%;
    }

    .assignee-head[b-qljic0jl6h],
    .assignee-row[b-qljic0jl6h] {
        grid-template-columns: minmax(100px, 1fr) repeat(3, 48px);
        padding-inline: .3rem;
    }
}
/* /Components/Pages/Tickets.razor.rz.scp.css */
.ticket-premium-page[b-01khhov449] {
    color: var(--sh-text-on-dark);
    margin-inline: auto;
    max-width: 1760px;
    width: 100%;
}

.ticket-premium-shell[b-01khhov449] {
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .16), transparent 30%),
        linear-gradient(135deg, rgba(10, 31, 56, .82), rgba(8, 28, 49, .92));
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 28px;
    box-shadow: 0 28px 80px rgba(2, 8, 23, .24);
    display: grid;
    gap: 1rem;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 2rem);
}

.ticket-page-header[b-01khhov449] {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.ticket-page-title span[b-01khhov449] {
    color: var(--sh-primary-2);
    display: inline-block;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

h1[b-01khhov449] {
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 1.35;
    margin: 0 0 .35rem;
}

.ticket-page-header p[b-01khhov449] {
    color: var(--sh-text-muted-on-dark);
    margin: 0;
}

.primary-ticket-action[b-01khhov449],
.list-search button[b-01khhov449],
.pagination button[b-01khhov449],
.row-action[b-01khhov449] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: var(--sh-radius-sm);
    color: #fff;
    font-weight: 800;
    padding: .7rem 1rem;
    text-decoration: none;
    white-space: nowrap;
}

.ticket-toolbar[b-01khhov449] {
    align-items: center;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--sh-radius-lg);
    display: grid;
    gap: .9rem;
    grid-template-columns: minmax(280px, 520px) minmax(0, 1fr);
    padding: 1rem;
}

.list-search[b-01khhov449] {
    display: grid;
    gap: .55rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.list-search input[b-01khhov449] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: var(--sh-radius-sm);
    color: var(--sh-text);
    min-width: 0;
    padding: .72rem .85rem;
}

.list-search input:focus[b-01khhov449] {
    border-color: var(--sh-primary-2);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, .12);
    outline: none;
}

.active-filters[b-01khhov449] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.active-filters span[b-01khhov449] {
    background: rgba(34, 211, 238, .12);
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: 999px;
    color: #dffaff;
    font-size: .84rem;
    font-weight: 800;
    padding: .35rem .7rem;
}

.active-filters button[b-01khhov449] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: var(--sh-text-muted-on-dark);
    padding: .35rem .7rem;
}

.ticket-table-card[b-01khhov449] {
    background: rgba(10, 31, 56, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: var(--sh-radius-lg);
    box-shadow: 0 18px 55px rgba(2, 8, 23, .22);
    overflow-x: auto;
}

table[b-01khhov449] {
    border-collapse: collapse;
    min-width: 1040px;
    width: 100%;
}

th[b-01khhov449],
td[b-01khhov449] {
    border-bottom: 1px solid rgba(148, 163, 184, .16);
    padding: .85rem;
    text-align: right;
    vertical-align: middle;
}

th[b-01khhov449] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
}

td[b-01khhov449] {
    color: #edf7ff;
}

tbody tr[b-01khhov449] {
    cursor: pointer;
    transition: background .15s ease;
}

tbody tr:hover[b-01khhov449],
tbody tr:focus[b-01khhov449] {
    background: rgba(255, 255, 255, .07);
    outline: none;
}

tbody tr:last-child td[b-01khhov449] {
    border-bottom: 0;
}

.ticket-number[b-01khhov449],
.date-cell[b-01khhov449] {
    direction: ltr;
    text-align: right;
    white-space: nowrap;
}

.ticket-number[b-01khhov449] {
    color: var(--sh-primary-2);
    font-weight: 800;
}

.ticket-title[b-01khhov449] {
    min-width: 240px;
}

.ticket-title strong[b-01khhov449],
.ticket-meta[b-01khhov449] {
    display: block;
}

.ticket-meta[b-01khhov449] {
    color: var(--sh-text-muted-on-dark);
    font-size: .82rem;
    margin-top: .2rem;
}

.status-label[b-01khhov449],
.priority-label[b-01khhov449] {
    border: 1px solid;
    border-radius: 999px;
    display: inline-block;
    font-size: .8rem;
    font-weight: 800;
    padding: .25rem .55rem;
    white-space: nowrap;
}

.status-label[b-01khhov449] {
    background: rgba(20, 184, 166, .12);
    border-color: rgba(20, 184, 166, .28);
    color: #7ee7d9;
}

.priority-label[b-01khhov449] {
    background: rgba(245, 158, 11, .13);
    border-color: rgba(245, 158, 11, .3);
    color: #ffd58a;
}

.attachment-count-badge[b-01khhov449] {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #d7f9ff;
    display: inline-block;
    font-size: .78rem;
    font-weight: 800;
    padding: .22rem .55rem;
    white-space: nowrap;
}

.muted-dash[b-01khhov449] {
    color: var(--sh-text-muted-on-dark);
}

.pagination[b-01khhov449] {
    align-items: center;
    color: var(--sh-text-muted-on-dark);
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.pagination button:disabled[b-01khhov449] {
    cursor: not-allowed;
    filter: grayscale(.8);
    opacity: .55;
}

.state-message[b-01khhov449] {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: var(--sh-radius-lg);
    color: var(--sh-text-muted-on-dark);
    padding: 2rem;
    text-align: center;
}

.state-message.error[b-01khhov449] {
    border-color: rgba(239, 68, 68, .28);
    color: #ffc4c4;
}

@media (max-width: 900px) {
    .ticket-page-header[b-01khhov449] {
        align-items: stretch;
        flex-direction: column;
    }

    .primary-ticket-action[b-01khhov449] {
        text-align: center;
    }

    .ticket-toolbar[b-01khhov449] {
        grid-template-columns: 1fr;
    }

    .active-filters[b-01khhov449] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .ticket-premium-shell[b-01khhov449] {
        border-radius: 20px;
        padding: 1rem;
    }

    .list-search[b-01khhov449] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/PushNotifications.razor.rz.scp.css */
.push-panel[b-ms51sks2ed] { align-items: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: var(--sh-text-on-dark); display: flex; gap: 1rem; justify-content: space-between; margin-top: 1rem; padding: 1rem 1.2rem; }
.push-panel p[b-ms51sks2ed] { color: var(--sh-text-muted-on-dark); margin: .25rem 0 0; }
.push-message[b-ms51sks2ed] { color: #a7f3d0; display: block; margin-top: .4rem; }
.push-actions[b-ms51sks2ed] { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; }
.push-actions button[b-ms51sks2ed], .push-actions a[b-ms51sks2ed] { align-items:center; background: linear-gradient(135deg,var(--sh-primary),var(--sh-primary-2)); border: 0; border-radius: 8px; color: #fff; display:inline-flex; font-weight: 800; justify-content:center; min-height: 44px; padding: .6rem .9rem; text-decoration:none; }
.push-actions button.secondary[b-ms51sks2ed] { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.push-actions button:disabled[b-ms51sks2ed] { cursor: wait; opacity: .65; }
@media (max-width: 760px) { .push-panel[b-ms51sks2ed] { align-items: stretch; flex-direction: column; } .push-actions[b-ms51sks2ed] { display: grid; grid-template-columns: 1fr; } .push-actions button[b-ms51sks2ed] { width: 100%; } }
/* /Components/Shared/PwaInstall.razor.rz.scp.css */
.pwa-install[b-4lsnbrneef] {
    align-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    color: var(--sh-text-on-dark);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    position: relative;
}

.pwa-install p[b-4lsnbrneef] {
    color: var(--sh-text-muted-on-dark);
    margin: .2rem 0 0;
}

.pwa-install button[b-4lsnbrneef] {
    background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-2));
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 800;
    min-height: 44px;
    padding: .6rem 1rem;
}

.pwa-install.compact[b-4lsnbrneef] {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.pwa-install.compact button[b-4lsnbrneef] {
    justify-content: flex-start;
    width: 100%;
}

.installed-state[b-4lsnbrneef] {
    color: #bbf7d0;
    font-weight: 700;
}

.ios-help[b-4lsnbrneef] {
    background: #102b4a;
    border: 1px solid rgba(34, 211, 238, .35);
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(2, 8, 23, .4);
    inset-inline-end: 0;
    max-width: 390px;
    padding: 1rem 1.15rem;
    position: absolute;
    top: calc(100% + .5rem);
    z-index: 20;
}

.ios-help ol[b-4lsnbrneef] {
    color: var(--sh-text-muted-on-dark);
    margin: .65rem 0 0;
    padding-inline-start: 1.4rem;
}

.close-help[b-4lsnbrneef] {
    background: transparent !important;
    color: #fff;
    min-height: 32px !important;
    padding: 0 !important;
    position: absolute;
    inset-inline-end: .75rem;
    top: .55rem;
    width: 32px;
}

@media (max-width: 680px) {
    .pwa-install:not(.compact)[b-4lsnbrneef] {
        align-items: stretch;
        flex-direction: column;
    }

    .ios-help[b-4lsnbrneef] {
        inset-inline: 0;
        max-width: none;
    }
}