@import '_content/Blazor.Flags/Blazor.Flags.bundle.scp.css';
@import '_content/Rungard.Dashboard.Components/Rungard.Dashboard.Components.tugid4st73.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ir0kvggamn],
.components-reconnect-repeated-attempt-visible[b-ir0kvggamn],
.components-reconnect-failed-visible[b-ir0kvggamn],
.components-pause-visible[b-ir0kvggamn],
.components-resume-failed-visible[b-ir0kvggamn],
.components-rejoining-animation[b-ir0kvggamn] {
    display: none;
}

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

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-ir0kvggamn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-first-attempt-visible[b-ir0kvggamn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-repeated-attempt-visible[b-ir0kvggamn] {
    display: none;
}

#components-reconnect-modal[b-ir0kvggamn] {
    width: min(20rem, calc(100vw - (2 * var(--rg-space-4))));
    margin: 20vh auto;
    padding: var(--rg-space-8);
    border: 0;
    border-radius: var(--rg-shape-dialog);
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    opacity: 0;
    visibility: hidden;
    outline: none;
}

#components-reconnect-modal[open][b-ir0kvggamn] {
    animation: components-reconnect-modal-reveal-b-ir0kvggamn var(--m3-motion-duration-short) var(--m3-motion-easing-effects) var(--m3-motion-duration-medium) both;
}

#components-reconnect-modal[b-ir0kvggamn]::backdrop {
    background: var(--mud-palette-overlay-dark);
    opacity: 0;
}

#components-reconnect-modal[open][b-ir0kvggamn]::backdrop {
    animation: components-reconnect-backdrop-reveal-b-ir0kvggamn var(--m3-motion-duration-short) var(--m3-motion-easing-effects) var(--m3-motion-duration-medium) both;
}

@keyframes components-reconnect-modal-reveal-b-ir0kvggamn {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    0.1%, 100% {
        visibility: visible;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-backdrop-reveal-b-ir0kvggamn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.components-reconnect-container[b-ir0kvggamn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--rg-space-4);
}

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

#components-reconnect-modal button[b-ir0kvggamn] {
    min-height: var(--rg-control-height-md);
    padding: 0 var(--rg-space-6);
    border: 0;
    border-radius: var(--rg-shape-pill);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
}

#components-reconnect-modal button:hover[b-ir0kvggamn] {
    background: color-mix(in srgb, var(--mud-palette-primary) 88%, var(--mud-palette-text-primary));
}

#components-reconnect-modal button:focus-visible[b-ir0kvggamn] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.components-rejoining-animation[b-ir0kvggamn] {
    position: relative;
    width: var(--rg-space-20);
    height: var(--rg-space-20);
}

.components-rejoining-animation div[b-ir0kvggamn] {
    position: absolute;
    border: 3px solid var(--mud-palette-primary);
    border-radius: 50%;
    animation: components-rejoining-animation-b-ir0kvggamn 1.5s var(--m3-motion-easing-effects) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-ir0kvggamn] {
    animation-delay: -500ms;
}

@keyframes components-rejoining-animation-b-ir0kvggamn {
    0%, 5% {
        inset: 50%;
        opacity: 0;
    }

    5.1% {
        opacity: 1;
    }

    100% {
        inset: 0;
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[open][b-ir0kvggamn],
    #components-reconnect-modal[open][b-ir0kvggamn]::backdrop {
        animation-duration: 0s;
    }

    #components-reconnect-modal button[b-ir0kvggamn] {
        transition: none;
    }

    .components-rejoining-animation div[b-ir0kvggamn] {
        animation: none;
        inset: var(--rg-space-4);
        opacity: 1;
    }

    .components-rejoining-animation div:nth-child(2)[b-ir0kvggamn] {
        display: none;
    }
}
/* /Components/Pages/Admin/Customers/AdminCustomersPage.razor.rz.scp.css */
.customer-directory[b-npb8v198lu] {
    overflow: hidden;
}

.customer-directory__header[b-npb8v198lu] {
    display: flex;
    align-items: stretch;
    padding: var(--rg-space-3) var(--rg-space-5);
}

.customer-directory__search[b-npb8v198lu] {
    width: 100%;
}

.customer-directory__loading[b-npb8v198lu] {
    padding: 0 var(--rg-space-5) var(--rg-space-5);
}

[b-npb8v198lu] .customer-directory__error {
    margin: 0 var(--rg-space-5) var(--rg-space-5);
}

[b-npb8v198lu] .customer-directory__row {
    cursor: pointer;
}

[b-npb8v198lu] .customer-directory__table .mud-table-cell {
    vertical-align: middle;
}

[b-npb8v198lu] .customer-directory__identity {
    min-width: 10rem;
}

[b-npb8v198lu] .customer-directory__email {
    min-width: 14rem;
}

.customer-directory__trigger[b-npb8v198lu] {
    width: fit-content;
    padding: 0;
    border: 0;
    border-radius: var(--m3-shape-xs);
    color: var(--rg-link-color);
    background: transparent;
    font: inherit;
    font-weight: var(--rg-font-weight-strong);
    text-align: left;
    text-decoration: none;
    text-underline-offset: var(--rg-link-underline-offset);
    cursor: pointer;
}

.customer-directory__trigger:focus-visible[b-npb8v198lu] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.customer-directory__count[b-npb8v198lu] {
    font-variant-numeric: tabular-nums;
}

@media (max-width: 959.98px) {
    .customer-directory__header[b-npb8v198lu] {
        padding: var(--rg-space-4);
    }

    .customer-directory__search[b-npb8v198lu] {
        width: 100%;
    }

    .customer-directory__loading[b-npb8v198lu] {
        padding: 0 var(--rg-space-4) var(--rg-space-4);
    }
}
/* /Components/Pages/Admin/Customers/AdminCustomerWorkspacePage.razor.rz.scp.css */
.customer-desk-loading[b-u0txhmq0yw] {
    display: grid;
    min-height: 720px;
    gap: var(--rg-space-4);
}

.customer-desk-loading-header[b-u0txhmq0yw],
.customer-desk-loading-copy[b-u0txhmq0yw] {
    display: grid;
    gap: var(--rg-space-1);
}

.customer-desk-loading-tabs[b-u0txhmq0yw] {
    display: flex;
    gap: var(--rg-space-4);
    overflow: hidden;
}

.customer-desk-loading-card[b-u0txhmq0yw] {
    border: 0;
    border-radius: var(--rg-shape-card);
}

.customer-desk-loading-row[b-u0txhmq0yw] {
    flex: 1;
}

.customer-desk-header[b-u0txhmq0yw],
.customer-desk-title-row[b-u0txhmq0yw],
.customer-desk-section-heading[b-u0txhmq0yw],
.customer-desk-list-row[b-u0txhmq0yw],
.customer-device-card[b-u0txhmq0yw] {
    display: flex;
    align-items: center;
}

.customer-desk-header[b-u0txhmq0yw] {
    display: grid;
    gap: var(--rg-space-4);
}

[b-u0txhmq0yw] .customer-desk-back {
    align-self: flex-start;
    justify-self: start;
    width: fit-content;
}

.customer-desk-title-row[b-u0txhmq0yw] {
    justify-content: space-between;
    gap: var(--rg-space-6);
}

.customer-desk-tabs[b-u0txhmq0yw] {
    min-width: 0;
}

.customer-desk-tabs[b-u0txhmq0yw]  .mud-tabs-tabbar {
    width: calc(100% - (2 * var(--rg-space-3)));
    margin-inline: var(--rg-space-3);
}

.customer-desk-tabs[b-u0txhmq0yw]  .customer-desk-tab-panels {
    padding: 0;
}

.customer-account-summary[b-u0txhmq0yw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-6);
    padding: var(--rg-space-5);
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-workspace-panel);
    box-shadow: var(--rg-shadow-workspace-panel);
}

.customer-account-summary__metrics[b-u0txhmq0yw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(7rem, 1fr));
    min-width: min(100%, 30rem);
    margin: 0;
}

.customer-account-summary__metrics > div[b-u0txhmq0yw] {
    display: grid;
    gap: var(--rg-space-1);
    padding-inline: var(--rg-space-5);
    border-inline-start: 1px solid var(--mud-palette-lines-default);
}

.customer-account-summary__metrics dt[b-u0txhmq0yw] {
    color: var(--mud-palette-text-secondary);
    font-size: var(--rg-type-label-medium-size);
    line-height: var(--rg-type-label-medium-line-height);
}

.customer-account-summary__metrics dd[b-u0txhmq0yw] {
    margin: 0;
    font-size: var(--rg-type-headline-small-size);
    font-weight: var(--rg-font-weight-strong);
    font-variant-numeric: tabular-nums;
    line-height: var(--rg-type-headline-small-line-height);
}

.customer-account-summary__metrics dd.is-warning[b-u0txhmq0yw] {
    color: var(--rg-status-warning-text);
}

[b-u0txhmq0yw] .customer-desk-details-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.customer-desk-detail-section[b-u0txhmq0yw] {
    min-width: 0;
    padding: var(--rg-space-5);
}

.customer-desk-detail-section + .customer-desk-detail-section[b-u0txhmq0yw] {
    border-inline-start: 1px solid var(--mud-palette-lines-default);
}

.customer-desk-detail-list[b-u0txhmq0yw] {
    display: grid;
    gap: var(--rg-space-3);
    margin: 0;
}

.customer-desk-detail-list > div[b-u0txhmq0yw] {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: var(--rg-space-3);
}

.customer-desk-detail-list dt[b-u0txhmq0yw] {
    color: var(--mud-palette-text-secondary);
    font-weight: var(--rg-font-weight-medium);
}

.customer-desk-detail-list dd[b-u0txhmq0yw] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

.customer-desk-address[b-u0txhmq0yw] {
    margin: 0;
    font: inherit;
    line-height: 1.5;
    white-space: pre-line;
}

.customer-desk-overview-grid[b-u0txhmq0yw] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
    gap: var(--rg-space-4);
}

.customer-desk-section-heading[b-u0txhmq0yw] {
    justify-content: space-between;
    gap: var(--rg-space-3);
    margin-bottom: var(--rg-space-4);
}

[b-u0txhmq0yw] .customer-desk-table-section {
    overflow: hidden;
}

.customer-desk-table-section .customer-desk-section-heading[b-u0txhmq0yw] {
    margin: 0;
    padding: var(--rg-space-5);
}

.customer-desk-table-empty[b-u0txhmq0yw] {
    padding: 0 var(--rg-space-5) var(--rg-space-5);
}

.customer-desk-list[b-u0txhmq0yw] {
    display: grid;
}

.customer-desk-list-row[b-u0txhmq0yw] {
    width: 100%;
    min-height: 64px;
    gap: var(--rg-space-3);
    padding: var(--rg-space-3) 0;
    border: 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: inherit;
    font: inherit;
    text-align: left;
    background: transparent;
}

button.customer-desk-list-row[b-u0txhmq0yw] {
    cursor: pointer;
    transition: background-color var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
}

button.customer-desk-list-row:hover[b-u0txhmq0yw] {
    background: var(--mud-palette-action-default-hover);
}

button.customer-desk-list-row:focus-visible[b-u0txhmq0yw] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.customer-desk-list-row:last-child[b-u0txhmq0yw] {
    border-bottom: 0;
}

.customer-desk-list-row--static[b-u0txhmq0yw] {
    min-height: 56px;
}

.customer-desk-list-row__grow[b-u0txhmq0yw] {
    min-width: 0;
    flex: 1;
}

.customer-desk-list-row__end[b-u0txhmq0yw] {
    flex-shrink: 0;
    text-align: right;
}

.customer-device-list[b-u0txhmq0yw] {
    display: grid;
}

.customer-device-card[b-u0txhmq0yw] {
    min-width: 0;
    gap: var(--rg-space-3);
    padding: var(--rg-space-3) 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.customer-device-card:last-child[b-u0txhmq0yw] {
    border-bottom: 0;
}

.customer-device-card__details[b-u0txhmq0yw] {
    min-width: 0;
    flex: 1;
}

.customer-device-card__cloud[b-u0txhmq0yw] {
    display: flex;
    align-items: center;
    gap: var(--rg-space-4);
    flex: 0 0 auto;
}

[b-u0txhmq0yw] .customer-order-row {
    cursor: pointer;
}

[b-u0txhmq0yw] .customer-order-table .mud-table-cell {
    vertical-align: middle;
}

[b-u0txhmq0yw] .customer-order-identity {
    min-width: 12rem;
}

.customer-order-trigger[b-u0txhmq0yw] {
    width: fit-content;
    padding: 0;
    border: 0;
    border-radius: var(--m3-shape-xs);
    color: var(--rg-link-color);
    background: transparent;
    font: inherit;
    font-weight: var(--rg-font-weight-strong);
    text-align: left;
    text-decoration: none;
    text-underline-offset: var(--rg-link-underline-offset);
    cursor: pointer;
}

.customer-order-trigger:focus-visible[b-u0txhmq0yw] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

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

    .customer-account-summary__metrics[b-u0txhmq0yw] {
        width: 100%;
        min-width: 0;
    }

    .customer-account-summary__metrics > div:first-child[b-u0txhmq0yw] {
        padding-inline-start: 0;
        border-inline-start: 0;
    }

    [b-u0txhmq0yw] .customer-desk-details-grid,
    .customer-desk-overview-grid[b-u0txhmq0yw] {
        grid-template-columns: 1fr;
    }

    .customer-desk-detail-section + .customer-desk-detail-section[b-u0txhmq0yw] {
        border-top: 1px solid var(--mud-palette-lines-default);
        border-inline-start: 0;
    }
}

@media (max-width: 600px) {
    .customer-desk-header[b-u0txhmq0yw] {
        gap: var(--rg-space-3);
    }

    .customer-desk-title-row[b-u0txhmq0yw] {
        align-items: stretch;
        flex-direction: column;
    }

    .customer-account-summary[b-u0txhmq0yw] {
        padding: var(--rg-space-4);
    }

    .customer-account-summary__metrics[b-u0txhmq0yw] {
        grid-template-columns: 1fr;
    }

    .customer-account-summary__metrics > div[b-u0txhmq0yw] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        padding: var(--rg-space-3) 0;
        border-inline-start: 0;
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .customer-account-summary__metrics dd[b-u0txhmq0yw] {
        font-size: var(--rg-type-title-large-size);
        line-height: var(--rg-type-title-large-line-height);
    }

    .customer-desk-list-row[b-u0txhmq0yw] {
        align-items: flex-start;
    }

    .customer-device-card[b-u0txhmq0yw] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .customer-device-card__cloud[b-u0txhmq0yw] {
        width: 100%;
        justify-content: space-between;
        padding-left: calc(40px + var(--rg-space-3));
    }
}
/* /Components/Pages/Admin/Customers/RecentActivityPanel.razor.rz.scp.css */
.customer-activity-timeline[b-x1deq9lmlm] {
    padding: 0;
}

.customer-activity-timeline[b-x1deq9lmlm]  .mud-timeline-item-content {
    padding: 0 0 var(--rg-space-3) var(--rg-space-3);
}

.customer-activity-row[b-x1deq9lmlm] {
    display: flex;
    width: 100%;
    min-height: 64px;
    align-items: center;
    gap: var(--rg-space-3);
    padding: var(--rg-space-3);
    border: 0;
    border-radius: var(--rg-shape-control);
    color: inherit;
    font: inherit;
    text-align: left;
    background: var(--rg-surface-workspace-panel-muted);
    cursor: pointer;
    transition: background-color var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
}

.customer-activity-row:hover[b-x1deq9lmlm] {
    background: var(--mud-palette-action-default-hover);
}

.customer-activity-row:focus-visible[b-x1deq9lmlm] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.customer-activity-row:disabled[b-x1deq9lmlm] {
    color: inherit;
    cursor: default;
}

.customer-activity-row:disabled:hover[b-x1deq9lmlm] {
    background: var(--rg-surface-workspace-panel-muted);
}

.customer-desk-list-row__grow[b-x1deq9lmlm] {
    min-width: 0;
    flex: 1;
}

@media (max-width: 600px) {
    .customer-activity-row[b-x1deq9lmlm] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/Orders/AdminOrdersPage.razor.rz.scp.css */
.orders-summary-strip[b-zcyekis7iv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-workspace-panel);
    box-shadow: var(--rg-shadow-workspace-panel);
}

.orders-summary-item[b-zcyekis7iv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--rg-space-3);
    min-width: 0;
    padding: var(--rg-space-4);
    border-inline-start: 1px solid var(--mud-palette-lines-default);
}

.orders-summary-item:first-child[b-zcyekis7iv] {
    border-inline-start: 0;
}

.orders-summary-item[b-zcyekis7iv]  .mud-icon-root {
    color: var(--mud-palette-text-secondary);
}

.orders-queue[b-zcyekis7iv] {
    overflow: hidden;
}

.orders-queue__toolbar[b-zcyekis7iv] {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: var(--rg-space-4);
    padding: var(--rg-space-3) var(--rg-space-5);
}

.orders-queue__filters[b-zcyekis7iv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--rg-space-1);
}

.orders-filter-count[b-zcyekis7iv] {
    margin-inline-start: var(--rg-space-2);
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.orders-queue__search[b-zcyekis7iv] {
    width: 100%;
}

.orders-queue__loading[b-zcyekis7iv] {
    display: grid;
    gap: var(--rg-space-2);
    padding: 0 var(--rg-space-5) var(--rg-space-5);
}

[b-zcyekis7iv] .orders-queue__error {
    margin: 0 var(--rg-space-5) var(--rg-space-5);
}

[b-zcyekis7iv] .orders-clickable-row {
    cursor: pointer;
}

[b-zcyekis7iv] .orders-data-table .mud-table-cell {
    vertical-align: middle;
}

[b-zcyekis7iv] .orders-order-identity {
    min-width: 12rem;
}

[b-zcyekis7iv] .orders-customer-email {
    min-width: 13rem;
}

.orders-order-trigger[b-zcyekis7iv] {
    width: fit-content;
    padding: 0;
    border: 0;
    border-radius: var(--m3-shape-xs);
    color: var(--rg-link-color);
    background: transparent;
    font: inherit;
    font-weight: var(--rg-font-weight-strong);
    text-align: left;
    text-decoration: none;
    text-underline-offset: var(--rg-link-underline-offset);
    cursor: pointer;
}

.orders-order-trigger:focus-visible[b-zcyekis7iv] {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.orders-order-items[b-zcyekis7iv],
.orders-order-amount[b-zcyekis7iv] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.orders-empty-state[b-zcyekis7iv] {
    width: 100%;
}

@media (max-width: 959.98px) {
    .orders-summary-strip[b-zcyekis7iv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .orders-summary-item:nth-child(odd)[b-zcyekis7iv] {
        border-inline-start: 0;
    }

    .orders-summary-item:nth-child(n + 3)[b-zcyekis7iv] {
        border-top: 1px solid var(--mud-palette-lines-default);
    }
}

@media (max-width: 599.98px) {
    .orders-summary-strip[b-zcyekis7iv] {
        grid-template-columns: 1fr;
    }

    .orders-summary-item[b-zcyekis7iv] {
        border-inline-start: 0;
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .orders-summary-item:first-child[b-zcyekis7iv] {
        border-top: 0;
    }

    .orders-queue__toolbar[b-zcyekis7iv] {
        padding: var(--rg-space-3) var(--rg-space-4);
    }

    .orders-queue__filters[b-zcyekis7iv]  .mud-button-root {
        flex: 0 0 auto;
    }

    .orders-queue__search[b-zcyekis7iv] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/Orders/Dialogs/OrderDetailDialog.razor.rz.scp.css */
.order-dialog-title[b-vr9kecdrb0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--rg-space-4);
}

.order-status-badge[b-vr9kecdrb0] {
    display: inline-flex;
    align-items: center;
    gap: var(--rg-space-2);
    min-height: var(--rg-control-height-sm);
    color: var(--mud-palette-text-primary);
    font-size: var(--rg-type-label-medium-size);
    font-weight: var(--rg-font-weight-medium);
}

.order-status-badge > span[b-vr9kecdrb0] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
}

.order-status-badge.is-success > span[b-vr9kecdrb0] {
    background: var(--rg-status-success-text);
}

.order-status-badge.is-warning > span[b-vr9kecdrb0] {
    background: var(--rg-status-warning-text);
}

.order-dialog-loading[b-vr9kecdrb0] {
    display: grid;
    gap: var(--rg-space-3);
}

.order-dialog-loading-copy[b-vr9kecdrb0],
.order-dialog-loading-section[b-vr9kecdrb0] {
    display: grid;
    gap: var(--rg-space-2);
}

.order-dialog-loading-row[b-vr9kecdrb0] {
    display: flex;
    justify-content: space-between;
    gap: var(--rg-space-4);
}

.order-dialog-summary[b-vr9kecdrb0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--rg-space-3);
    margin-bottom: var(--rg-space-4);
}

.order-dialog-summary > div[b-vr9kecdrb0],
.order-products-section[b-vr9kecdrb0] {
    min-width: 0;
    padding-block: var(--rg-space-4);
}

.order-dialog-summary[b-vr9kecdrb0]  .mud-typography-body2 {
    line-height: 1.5;
}

.order-dialog-summary[b-vr9kecdrb0]  .mud-typography-subtitle1 {
    line-height: 1.5;
    font-weight: var(--rg-font-weight-medium);
}

.order-dialog-summary-status[b-vr9kecdrb0] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--rg-space-1);
}

.order-activation-callout[b-vr9kecdrb0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-4);
    padding: var(--rg-space-4);
    margin-bottom: var(--rg-space-4);
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-container-nested);
}

.order-dialog-grid[b-vr9kecdrb0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--rg-space-6);
}

.order-detail-section[b-vr9kecdrb0] {
    min-width: 0;
    padding-block: var(--rg-space-5);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.order-terms-section[b-vr9kecdrb0] {
    grid-column: 1 / -1;
}

.order-terms-section .order-detail-list[b-vr9kecdrb0] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-detail-list[b-vr9kecdrb0] {
    display: grid;
    gap: var(--rg-space-3);
    margin: 0;
}

.order-detail-list > div[b-vr9kecdrb0] {
    display: grid;
    grid-template-columns: minmax(7rem, 0.45fr) minmax(0, 1fr);
    gap: var(--rg-space-3);
}

.order-detail-list dt[b-vr9kecdrb0] {
    color: var(--mud-palette-text-secondary);
    font-size: var(--rg-type-label-large-size);
    font-weight: var(--rg-font-weight-medium);
    line-height: 1.5;
}

.order-detail-list dd[b-vr9kecdrb0] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
    font-size: var(--rg-type-label-large-size);
    line-height: 1.5;
}

.order-address[b-vr9kecdrb0] {
    display: grid;
    color: inherit;
    overflow-wrap: anywhere;
    font-style: normal;
    font-size: var(--rg-type-label-large-size);
    line-height: 1.5;
}

.order-products-section[b-vr9kecdrb0] {
    margin-top: var(--rg-space-4);
    border-top: 1px solid var(--mud-palette-lines-default);
}

.order-product-list[b-vr9kecdrb0] {
    display: grid;
}

.order-product-row[b-vr9kecdrb0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--rg-space-3);
    min-height: 72px;
    padding: var(--rg-space-3) 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.order-product-row:last-child[b-vr9kecdrb0] {
    border-bottom: 0;
}

.order-product-row__image[b-vr9kecdrb0] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: var(--rg-shape-control);
    background: var(--mud-palette-action-default-hover);
    color: var(--mud-palette-text-secondary);
}

.order-product-row__image img[b-vr9kecdrb0] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: var(--rg-space-1);
}

.order-product-row__content[b-vr9kecdrb0] {
    min-width: 0;
}

.order-product-row__content[b-vr9kecdrb0]  .mud-typography-subtitle1,
.order-product-row__amount[b-vr9kecdrb0]  .mud-typography-body2 {
    line-height: 1.5;
    font-weight: var(--rg-font-weight-medium);
}

.order-product-row__amount[b-vr9kecdrb0] {
    display: grid;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .order-dialog-summary[b-vr9kecdrb0],
    .order-dialog-grid[b-vr9kecdrb0] {
        grid-template-columns: 1fr;
    }

    .order-terms-section .order-detail-list[b-vr9kecdrb0] {
        grid-template-columns: 1fr;
    }

    .order-activation-callout[b-vr9kecdrb0] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .order-dialog-title[b-vr9kecdrb0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-product-row[b-vr9kecdrb0] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .order-product-row__amount[b-vr9kecdrb0] {
        grid-column: 2;
        text-align: left;
    }
}
/* /Components/Pages/Dashboard/Devices/DeviceSettingsPage.razor.rz.scp.css */
.device-settings-grid[b-6tdbtl0fae] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--rg-space-4);
}

.device-appearance-preview[b-6tdbtl0fae] {
    width: min(100%, 400px);
}

.device-appearance-preview[b-6tdbtl0fae]  .devices-tile {
    min-height: 244px;
}

.device-picker-fieldset[b-6tdbtl0fae] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.device-picker-fieldset legend[b-6tdbtl0fae] {
    margin-bottom: var(--rg-space-2);
    color: var(--mud-palette-text-primary);
    font-weight: var(--rg-font-weight-medium);
}

.device-icon-picker[b-6tdbtl0fae],
.device-color-picker[b-6tdbtl0fae] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rg-space-2);
}

[b-6tdbtl0fae] .device-icon-option,
[b-6tdbtl0fae] .device-color-option {
    width: var(--rg-control-height-lg);
    min-width: var(--rg-control-height-lg);
    height: var(--rg-control-height-lg);
    min-height: var(--rg-control-height-lg);
    padding: var(--rg-space-2);
    border: 2px solid transparent;
    border-radius: var(--rg-shape-control);
    color: var(--mud-palette-text-primary);
    background: var(--rg-state-hover);
    text-transform: none;
    box-shadow: none;
}

[b-6tdbtl0fae] .device-icon-option .mud-button-label,
[b-6tdbtl0fae] .device-color-option .mud-button-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

[b-6tdbtl0fae] .device-icon-option .mud-icon-root,
[b-6tdbtl0fae] .device-color-option .device-color-swatch {
    transition: transform var(--m3-motion-duration-medium) var(--m3-motion-easing-spatial);
}

[b-6tdbtl0fae] .device-icon-option:focus-visible .mud-icon-root,
[b-6tdbtl0fae] .device-color-option:focus-visible .device-color-swatch {
    transform: scale(1.08);
}

[b-6tdbtl0fae] .device-icon-option:active .mud-icon-root,
[b-6tdbtl0fae] .device-color-option:active .device-color-swatch {
    transform: scale(0.92);
}

[b-6tdbtl0fae] .device-icon-option.is-selected,
[b-6tdbtl0fae] .device-color-option.is-selected {
    background: var(--rg-state-selected);
}

[b-6tdbtl0fae] .device-icon-option.is-selected,
[b-6tdbtl0fae] .device-color-option.is-selected {
    border-color: var(--mud-palette-primary);
}

[b-6tdbtl0fae] .device-icon-option:focus-visible,
[b-6tdbtl0fae] .device-color-option:focus-visible {
    outline: var(--rg-focus-ring);
    outline-offset: var(--rg-focus-ring-offset);
}

.device-color-swatch[b-6tdbtl0fae] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--device-appearance-color);
}

@media (hover: hover) and (pointer: fine) {
    [b-6tdbtl0fae] .device-icon-option:hover .mud-icon-root,
    [b-6tdbtl0fae] .device-color-option:hover .device-color-swatch {
        transform: scale(1.08);
    }

    [b-6tdbtl0fae] .device-icon-option:hover,
    [b-6tdbtl0fae] .device-color-option:hover {
        background: var(--rg-state-selected);
    }
}

@media (max-width: 959.98px) {
    .device-settings-grid[b-6tdbtl0fae] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-6tdbtl0fae] .device-icon-option .mud-icon-root,
    [b-6tdbtl0fae] .device-color-option .device-color-swatch {
        transition: none;
        transform: none;
    }
}
/* /Components/Pages/Dashboard/Shared/WorkspacePageHeader.razor.rz.scp.css */
.suite-page-header[b-skw5ry54qm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--rg-space-6);
}

.suite-page-header-copy[b-skw5ry54qm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-skw5ry54qm] .suite-page-description {
    max-width: 680px;
    margin-top: var(--rg-space-2);
}

.suite-page-header-metadata[b-skw5ry54qm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--rg-space-2);
    margin-top: var(--rg-space-2);
}

.suite-page-header-actions[b-skw5ry54qm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--rg-space-2);
}

@media (max-width: 599.98px) {
    .suite-page-header[b-skw5ry54qm] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--rg-space-4);
    }

    .suite-page-header-actions[b-skw5ry54qm] {
        justify-content: flex-start;
    }

    .suite-page-header-actions[b-skw5ry54qm]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/Dashboard/Users/UsersPage.razor.rz.scp.css */
.users-page-heading[b-ml6g9m80rk]  .suite-page-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--rg-space-2) var(--rg-space-4);
}

.users-page-heading[b-ml6g9m80rk]  .suite-page-header-copy {
    display: contents;
}

.users-page-heading[b-ml6g9m80rk]  .suite-page-description {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
}

.users-page-heading[b-ml6g9m80rk]  .suite-page-header-actions {
    grid-column: 2;
    grid-row: 1;
}

.users-access-heading[b-ml6g9m80rk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-4);
}

.users-access-heading[b-ml6g9m80rk]  .users-search {
    width: min(100%, 320px);
}

.users-card-header[b-ml6g9m80rk],
.users-card-identity[b-ml6g9m80rk],
.users-invitation-row[b-ml6g9m80rk] {
    display: flex;
    align-items: center;
}

.users-card-header[b-ml6g9m80rk],
.users-invitation-row[b-ml6g9m80rk] {
    justify-content: space-between;
    gap: var(--rg-space-3);
}

.users-card-header[b-ml6g9m80rk] {
    position: relative;
}

.users-card-actions[b-ml6g9m80rk] {
    display: flex;
    align-items: center;
    gap: var(--rg-space-1);
    margin-left: auto;
}

.users-collapse-header[b-ml6g9m80rk] {
    width: 100%;
    color: inherit;
    cursor: pointer;
}

.users-collapse-toggle:focus-visible[b-ml6g9m80rk],
.users-manual-header:focus-visible[b-ml6g9m80rk] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

.users-collapse-toggle[b-ml6g9m80rk] {
    position: absolute;
    inset: 0;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: inherit;
    background: transparent;
    cursor: pointer;
}

.users-card-identity[b-ml6g9m80rk],
.users-card-actions[b-ml6g9m80rk] {
    position: relative;
    pointer-events: none;
}

.users-card-menu[b-ml6g9m80rk] {
    pointer-events: auto;
}

.users-collapse-chevron[b-ml6g9m80rk] {
    display: inline-flex;
    flex: 0 0 auto;
    transition: transform var(--m3-motion-duration-medium) var(--m3-motion-easing-spatial);
}

.users-collapse-chevron.is-expanded[b-ml6g9m80rk] {
    transform: rotate(180deg);
}

.users-collapse-region[b-ml6g9m80rk] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition:
        grid-template-rows var(--m3-motion-duration-medium) var(--m3-motion-easing-spatial),
        opacity var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
}

.users-collapse-region.is-expanded[b-ml6g9m80rk] {
    grid-template-rows: 1fr;
    opacity: 1;
}

.users-collapse-region-inner[b-ml6g9m80rk] {
    min-height: 0;
    overflow: hidden;
}

.users-card-identity[b-ml6g9m80rk],
.users-card-identity-copy[b-ml6g9m80rk] {
    min-width: 0;
}

.users-card-identity[b-ml6g9m80rk] {
    gap: var(--rg-space-3);
}

.users-card-identity-copy[b-ml6g9m80rk] {
    display: grid;
}

[b-ml6g9m80rk] .users-email {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.users-device-grid[b-ml6g9m80rk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--rg-space-3);
    margin-top: var(--rg-space-3);
}

[b-ml6g9m80rk] .users-empty-client-state {
    margin-top: var(--rg-space-3);
}

.users-invitation-row[b-ml6g9m80rk] {
    padding-block: var(--rg-space-3);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.users-invitation-row:last-child[b-ml6g9m80rk] {
    border-bottom: 0;
}

[b-ml6g9m80rk] .users-device-card {
    display: flex;
    flex-direction: column;
    gap: var(--rg-space-3);
    min-width: 0;
    padding: var(--rg-space-4);
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-container-nested);
}

.users-device-card-head[b-ml6g9m80rk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--rg-space-3);
}

.users-device-copy[b-ml6g9m80rk] {
    display: grid;
    gap: var(--rg-space-1);
    min-width: 0;
}

.users-device-copy[b-ml6g9m80rk]  .suite-status-indicator {
    justify-self: start;
}

.users-manual-panel[b-ml6g9m80rk] {
    border-radius: var(--rg-shape-card);
    overflow: hidden;
    background: var(--rg-surface-workspace-panel);
    box-shadow: var(--rg-shadow-workspace-panel);
}

.users-manual-header[b-ml6g9m80rk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-3);
    width: 100%;
    padding: var(--rg-space-4);
    border: 0;
    border-radius: var(--rg-shape-card);
    color: inherit;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--rg-type-title-medium-size);
    font-weight: var(--rg-font-weight-medium);
    text-align: left;
}

.users-manual-content[b-ml6g9m80rk] {
    padding: 0 var(--rg-space-4) var(--rg-space-4);
}

.users-manual-content[b-ml6g9m80rk]  .vpn-peer-card {
    background: var(--rg-surface-container-nested);
}

.users-manual-content[b-ml6g9m80rk]  .vpn-peer-card-copy {
    display: grid;
    gap: var(--rg-space-1);
}

.users-manual-heading[b-ml6g9m80rk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-3);
}

.users-manual-heading[b-ml6g9m80rk]  .mud-typography-root {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-ml6g9m80rk] .users-cleanup-alert {
    margin-bottom: var(--rg-space-2);
}

@media (max-width: 599.98px) {
    .users-card-header[b-ml6g9m80rk],
    .users-manual-heading[b-ml6g9m80rk] {
        align-items: stretch;
        flex-direction: column;
    }

    .users-access-heading[b-ml6g9m80rk] {
        align-items: stretch;
        flex-direction: column;
    }

    .users-access-heading[b-ml6g9m80rk]  .users-search {
        width: 100%;
    }

    .users-card-header[b-ml6g9m80rk] {
        position: relative;
    }

    .users-card-actions[b-ml6g9m80rk] {
        position: absolute;
        top: 0;
        right: 0;
    }
}
/* /Components/Pages/Marketing/Tutorials/TutorialsPage.razor.rz.scp.css */
.tutorials-page[b-ahtlabvvmw] {
    padding-block: var(--rg-space-12) var(--rg-space-16);
}

.tutorials-intro[b-ahtlabvvmw] {
    display: grid;
    gap: var(--rg-space-5);
    max-width: 65ch;
}

.tutorial[b-ahtlabvvmw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    align-items: center;
    gap: var(--rg-space-12);
    margin-top: var(--rg-space-12);
    scroll-margin-top: calc(var(--topnav-height) + var(--rg-space-6));
}

.tutorial-copy[b-ahtlabvvmw] {
    display: grid;
    gap: var(--rg-space-4);
}

.tutorial-media[b-ahtlabvvmw] {
    display: grid;
    gap: var(--rg-space-2);
}

.tutorial-video[b-ahtlabvvmw] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border-radius: var(--rg-shape-control);
}

.tutorial-video-placeholder[b-ahtlabvvmw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--rg-space-3);
    aspect-ratio: 16 / 9;
    padding: var(--rg-space-6);
    background: var(--rg-surface-control);
    color: var(--mud-palette-text-secondary);
    border-radius: var(--rg-shape-control);
    text-align: center;
}

.tutorials-credits[b-ahtlabvvmw] {
    margin-top: var(--rg-space-8);
    max-width: 65ch;
    color: var(--mud-palette-text-secondary);
}

.tutorials-credits summary[b-ahtlabvvmw] {
    cursor: pointer;
    padding-block: var(--rg-space-3);
    font-size: var(--rg-type-body-medium-size);
    line-height: var(--rg-type-body-medium-line-height);
}

.tutorials-credits-content[b-ahtlabvvmw] {
    margin-top: var(--rg-space-2);
}

@media (max-width: 959.98px) {
    .tutorial[b-ahtlabvvmw] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--rg-space-6);
    }
}
/* /Components/SharedComponents/SegmentedControl.razor.rz.scp.css */
/* One pill stays on screen and slides to the selected option. */
.segmented-control[b-c5cvi1jk5u] {
    position: relative;
    display: inline-grid;
    width: max-content;
    max-width: 100%;
    grid-template-columns: repeat(var(--segment-count, 2), max-content);
    padding: var(--rg-space-1);
    border-radius: var(--rg-shape-pill);
    background: var(--rg-surface-control);
    isolation: isolate;
}

.segmented-control-indicator[b-c5cvi1jk5u] {
    position: absolute;
    z-index: 0;
    top: var(--rg-space-1);
    bottom: var(--rg-space-1);
    left: 0;
    width: var(--segment-indicator-width, 0px);
    border-radius: var(--rg-shape-pill);
    background: var(--rg-surface-control);
    pointer-events: none;
    transform: translateX(var(--segment-indicator-x, 0px));
    transition:
        transform 280ms var(--m3-motion-easing-spatial),
        width 280ms var(--m3-motion-easing-spatial),
        background-color var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
    transition:
        transform 280ms linear(0, 0.09 8%, 0.28 18%, 0.55 32%, 0.78 48%, 0.93 64%, 1.015 80%, 1.006 90%, 1),
        width 280ms linear(0, 0.09 8%, 0.28 18%, 0.55 32%, 0.78 48%, 0.93 64%, 1.015 80%, 1.006 90%, 1),
        background-color var(--m3-motion-duration-short) var(--m3-motion-easing-effects);
}

.segmented-control:not(.segmented-control-measured) .segmented-control-indicator[b-c5cvi1jk5u] {
    visibility: hidden;
    transition: none;
}

/* Keep the selected option visible while the browser measures the sliding pill. */
.segmented-control:not(.segmented-control-measured) .segmented-control-option-selected[b-c5cvi1jk5u] {
    background: var(--rg-surface-control);
}

.segmented-control:not(.segmented-control-measured) .segmented-control-option-selected:hover[b-c5cvi1jk5u] {
    background: var(--rg-surface-control-hover);
}

.segmented-control:not(.segmented-control-measured) .segmented-control-option-selected:active[b-c5cvi1jk5u] {
    background: var(--rg-surface-control-pressed);
}

.segmented-control:has(.segmented-control-option-selected:hover) .segmented-control-indicator[b-c5cvi1jk5u] {
    background: var(--rg-surface-control-hover);
}

.segmented-control:has(.segmented-control-option-selected:active) .segmented-control-indicator[b-c5cvi1jk5u] {
    background: var(--rg-surface-control-pressed);
}

.segmented-control-option[b-c5cvi1jk5u] {
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0;
    padding: 6px 16px;
    border: 0;
    border-radius: var(--rg-shape-pill);
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font-family: var(--mud-typography-button-family);
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    cursor: pointer;
    transition: color 280ms var(--m3-motion-easing-spatial);
}

.segmented-control-option-selected[b-c5cvi1jk5u] {
    color: var(--mud-palette-text-primary);
}

.segmented-control-option:focus-visible[b-c5cvi1jk5u] {
    outline: var(--rg-focus-ring);
    outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
    .segmented-control-indicator[b-c5cvi1jk5u],
    .segmented-control-option[b-c5cvi1jk5u] {
        transition: none;
    }
}
/* /Shared/LoadingContent.razor.rz.scp.css */
.loading-shell[b-pnq4fcvl2h] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-fullscreen[b-pnq4fcvl2h] {
    position: fixed;
    inset: 0;
    z-index: 1050;
}

.loading-inline[b-pnq4fcvl2h] {
    position: relative;
    width: 100%;
    min-height: 5rem;
}

.loading-backdrop[b-pnq4fcvl2h] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
}

.loading-card[b-pnq4fcvl2h] {
    position: relative;
    z-index: 1;
    background: var(--mud-palette-surface, #fafafa);
    padding: 1.25rem 1.5rem;
    border-radius: 0.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    min-width: 220px;
    max-width: 420px;
}

.loading-message[b-pnq4fcvl2h] {
    color: var(--mud-palette-text-primary, #09090b);
    font-size: 0.95rem;
    text-align: center;
    opacity: 0.9;
}

@media (max-width: 480px) {
    .loading-card[b-pnq4fcvl2h] {
        padding: 1rem;
        min-width: 180px;
    }
}