@import '_content/Blazor.Flags/Blazor.Flags.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: underline;
    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;
}

[b-u0txhmq0yw] .customer-account-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rg-space-6);
    padding: var(--rg-space-5);
}

.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(--mud-palette-warning);
}

[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, 1.2fr) minmax(0, 1fr);
    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-invoice-address-title[b-u0txhmq0yw] {
    margin-top: var(--rg-space-4);
    margin-bottom: var(--rg-space-2);
    color: var(--mud-palette-text-secondary);
}

.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: underline;
    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) {
    [b-u0txhmq0yw] .customer-account-summary {
        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;
    }

    [b-u0txhmq0yw] .customer-account-summary {
        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-primary);
}

.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: underline;
    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);
    padding-inline: var(--rg-space-3);
    border-radius: var(--rg-shape-pill);
    color: var(--mud-palette-text-secondary);
    background: var(--rg-surface-container-nested);
    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[b-vr9kecdrb0] {
    color: var(--rg-status-success-text);
    background: var(--rg-status-success-container);
}

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

.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: var(--rg-space-4);
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-container-nested);
}

.order-dialog-summary[b-vr9kecdrb0]  .mud-typography-overline {
    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));
    overflow: hidden;
    border-radius: var(--rg-shape-card);
    background: var(--rg-surface-container-nested);
}

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

.order-detail-section:nth-child(even)[b-vr9kecdrb0] {
    border-inline-start: 1px solid var(--mud-palette-lines-default);
}

.order-detail-section:nth-child(n + 3)[b-vr9kecdrb0] {
    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;
    text-align: right;
    font-size: var(--rg-type-label-large-size);
    line-height: 1.5;
}

.order-address[b-vr9kecdrb0] {
    display: grid;
    color: inherit;
    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);
}

.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-detail-section:nth-child(even)[b-vr9kecdrb0] {
        border-inline-start: 0;
    }

    .order-detail-section:nth-child(n + 2)[b-vr9kecdrb0] {
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .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/SuiteStatusIndicator.razor.rz.scp.css */
.suite-status-indicator[b-9vt2154uup] {
    display: inline-flex;
    align-items: center;
    gap: var(--rg-space-2);
    width: fit-content;
    min-height: var(--rg-control-height-sm);
    padding-inline: var(--rg-space-3);
    border-radius: var(--rg-shape-pill);
    color: var(--mud-palette-text-secondary);
    background: var(--rg-surface-control);
    font-size: 0.8125rem;
    font-weight: var(--rg-font-weight-medium);
    line-height: 1.25rem;
}

.suite-status-dot[b-9vt2154uup] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: var(--rg-shape-pill);
    background: currentColor;
}

.suite-status-indicator.is-success[b-9vt2154uup] {
    color: var(--rg-status-success-text);
    background: var(--rg-status-success-container);
}

.suite-status-indicator.is-warning[b-9vt2154uup] {
    color: var(--rg-status-warning-text);
    background: var(--rg-status-warning-container);
}

.suite-status-indicator.is-error[b-9vt2154uup] {
    color: var(--rg-status-error-text);
    background: var(--rg-status-error-container);
}

.suite-status-indicator.is-info[b-9vt2154uup] {
    color: var(--rg-status-info-text);
    background: var(--rg-status-info-container);
}
/* /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/SharedComponents/EmptyState.razor.rz.scp.css */
@keyframes empty-state-spin-b-jkujuih9as {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.empty-state[b-jkujuih9as]  .empty-state-spin {
    animation: empty-state-spin-b-jkujuih9as var(--rg-motion-duration-spinner) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .empty-state[b-jkujuih9as]  .empty-state-spin {
        animation: 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;
    }
}