@import '_content/Cluster.Blazor/Cluster.Blazor.0tz3t6hcv0.bundle.scp.css';
@import '_content/Cluster.Web.BlazorApp/Cluster.Web.BlazorApp.9d9kxn7n1k.bundle.scp.css';

/* /Components/ApiAccessRequests/ApiAccessApprovalEditor.razor.rz.scp.css */
.api-access-approval[b-x1oyex8vie] {
    min-width: 0;
}

.approval-section[b-x1oyex8vie] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
    min-width: 0;
    padding: var(--spacing-5);
    border: 1px solid var(--border-primary);
    border-radius: 1.2rem;
}

.approval-grid[b-x1oyex8vie],
.approval-store-effects[b-x1oyex8vie] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--spacing-4);
}

.approval-field[b-x1oyex8vie],
.approval-detail[b-x1oyex8vie] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    min-width: 0;
}

.approval-detail[b-x1oyex8vie] {
    padding: var(--spacing-3);
    border-radius: .8rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    overflow-wrap: anywhere;
}

.approval-detail span[b-x1oyex8vie],
.approval-detail small[b-x1oyex8vie] {
    color: var(--text-secondary);
}

.approval-selected-stores[b-x1oyex8vie] {
    max-height: 14rem;
    overflow-y: auto;
}

.approval-team-stores[b-x1oyex8vie] {
    padding: var(--spacing-3);
    border: 1px solid var(--border-primary);
    border-radius: .8rem;
}

.approval-team-stores summary[b-x1oyex8vie] {
    cursor: pointer;
    font-weight: 600;
}

.approval-team-stores ul[b-x1oyex8vie] {
    display: grid;
    gap: var(--spacing-2);
    max-height: 16rem;
    overflow-y: auto;
    margin: var(--spacing-3) 0 0;
    padding-left: var(--spacing-5);
}

.approval-team-stores li small[b-x1oyex8vie] {
    display: block;
    color: var(--text-secondary);
}

@media (max-width: 700px) {
    .approval-grid[b-x1oyex8vie],
    .approval-store-effects[b-x1oyex8vie] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/ApiAccessRequests/ApiAccessLinkEditor.razor.rz.scp.css */
.candidate-search[b-zigwckgtha] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.candidate-search-input[b-zigwckgtha] {
    flex: 1;
    min-width: 0;
}
/* /Components/ApiAccessRequests/ApiAccessRequestComparison.razor.rz.scp.css */
.comparison-table[b-xhs252srpx]  .mud-table {
    background: var(--bg-tertiary);
}

.comparison-table[b-xhs252srpx]  table {
    table-layout: fixed;
    width: 100%;
    min-width: 60rem;
}

.comparison-table[b-xhs252srpx]  th,
.comparison-table[b-xhs252srpx]  td {
    padding: var(--spacing-4);
    font-size: 1.4rem;
    line-height: 1.5;
    vertical-align: top;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.comparison-table[b-xhs252srpx]  th:first-child {
    width: 24%;
}

.comparison-table[b-xhs252srpx]  tbody th {
    font-weight: 500;
    color: var(--text-secondary);
}
/* /Components/ApiAccessRequests/ApiAccessReviewTable.razor.rz.scp.css */
.api-access-review-table[b-m4wmojg5tt] {
    min-width: 0;
}

.review-grid[b-m4wmojg5tt] {
    position: relative;
    display: flex;
    height: 40rem;
    min-height: 40rem;
    min-width: 0;
}

.review-state[b-m4wmojg5tt] {
    position: absolute;
    inset: 5.6rem 0 0;
    background: var(--bg-primary);
}
/* /Components/ApiAccessRequests/ApiAccessStorePickerDialog.razor.rz.scp.css */
.api-access-store-picker-list[b-1fehf4r7d8] {
    max-height: 32rem;
    overflow-y: auto;
}

.store-picker-search[b-1fehf4r7d8] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
}

.store-picker-search-input[b-1fehf4r7d8] {
    flex: 1;
    min-width: 0;
}
/* /Components/DeviceSetupCodePanel.razor.rz.scp.css */
/* Read out digit by digit over the phone, so every digit takes the same width. */
.setup-code[b-2m10jpv43y] {
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.2rem;
    margin: 0;
}
/* /Components/IntegratorRegistrationNotificationRecipientsDialog.razor.rz.scp.css */
/* A transparent MudDialog hosting a fixed-width panel with a pinned header + add row and a body that is
   the only scrollable region. Unlike the shared DialogComponent shell this dialog opens non-fullscreen
   (FullWidth + MaxWidth.Small), so it must NOT wrap the panel in <Scroll>: that shell's content is
   absolutely positioned and only has a box to fill inside a full-height overlay — here it would collapse
   the panel to zero height. The panel caps its own height (matching the paper cap in the shared
   integrator-recipients-dialog rule) so .body-container scrolls internally and the paper never scrolls. */
.dialog-container[b-m2xrw780u7] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 48rem;
    max-width: 100%;
    max-height: calc(100dvh - 4rem);
    padding: 3.2rem 2.4rem;
    border-radius: 1.6rem;
    background-color: var(--fg-secondary);
    position: relative;
}

/* The non-fullscreen paper is sized to this panel, so there is no room outside the corner: the close
   button sits INSIDE the top-right padding rather than off the edge (which the paper would clip).
   !important beats web-blazor.css's global `.esc-button { top/right: -1.8rem !important }` — meant for
   the shared full-screen DialogComponent, it would otherwise push this button off the corner and under
   the clipped paper. This scoped selector already outranks that global one on specificity, so with both
   !important it wins. */
[b-m2xrw780u7] .esc-button {
    position: absolute;
    top: 1.6rem !important;
    right: 1.6rem !important;
}

/* The email field is invisible against the panel: the global inputs.css forces
   .mud-input { background-color: transparent !important }. Give it the darker fg-primary (overriding
   that !important) so the field reads as an input, matching the shared DialogComponent treatment. */
.add-container[b-m2xrw780u7]  .mud-input {
    background-color: var(--fg-primary) !important;
}

.header-container[b-m2xrw780u7] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
}

.dialog-title[b-m2xrw780u7] {
    font-size: 2.4rem;
}

.add-container[b-m2xrw780u7] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex-shrink: 0;
}

/* Only the recipient list scrolls; min-height:0 lets it shrink so overflow-y engages instead of
   stretching the panel past max-height. overflow-x stays hidden — this is a vertical list. */
.body-container[b-m2xrw780u7] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (orientation: portrait) {
    .dialog-container[b-m2xrw780u7] {
        width: 90vw;
        padding: 1.6rem;
    }

    /* Tighter padding here (1.6rem), so tuck the close button a little closer to the corner too.
       !important for the same reason as the base rule (global web-blazor.css .esc-button override). */
    [b-m2xrw780u7] .esc-button {
        top: 0.8rem !important;
        right: 0.8rem !important;
    }
}
/* /Layouts/PublicLayout.razor.rz.scp.css */
.layout-accessibility[b-hxq2xqj9bg] {
    position: fixed;
    top: 1.2rem;
    right: 1.2rem;
    z-index: 1300;
}
/* /Layouts/SessionLayout.razor.rz.scp.css */
.layout[b-vw9jo0zm1s]  .console-form-page-content {
    min-height: 0;
    overflow: hidden;
}

.layout[b-vw9jo0zm1s]  .console-form-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.layout[b-vw9jo0zm1s]  .console-form-actions {
    padding-top: 2.4rem;
}

/* Cancel/Save on a form footer are short-labelled and render too small; give them a comfortable
   minimum so they read as primary form actions. */
.layout[b-vw9jo0zm1s]  .console-form-actions .mud-button {
    min-width: 10rem;
}

.layout[b-vw9jo0zm1s]  .console-form-divider {
    flex: 0 0 auto !important;
    height: 0 !important;
    min-height: 0 !important;
}
/* /Pages/ApiAccessRequestPage.razor.rz.scp.css */
.page-content[b-6q8a8h98n7] {
    min-width: 0;
    min-height: 0;
}
/* /Pages/ApiDocumentationPage.razor.rz.scp.css */
.page[b-b6yprvnbr1],
.page-content[b-b6yprvnbr1],
.scrollable-container[b-b6yprvnbr1] {
    min-height: 0;
}

.page[b-b6yprvnbr1],
.page-content[b-b6yprvnbr1] {
    padding: 0;
}

.page-content[b-b6yprvnbr1] {
    background: transparent;
}

#api-docs[b-b6yprvnbr1],
[b-b6yprvnbr1] .scalar-app,
[b-b6yprvnbr1] scalar-api-reference {
    min-height: 100%;
    width: 100%;
}

[b-b6yprvnbr1] aside[aria-label^="Sidebar for"] {
    height: calc(100dvh - 6rem) !important;
    max-height: calc(100dvh - 6rem) !important;
    top: 0 !important;
}

[b-b6yprvnbr1] .scalar-mcp-layer > div.scalar-mcp-layer-link {
    display: none !important;
}

[b-b6yprvnbr1] .scalar-app > .relative.z-context[style*="position: absolute"] {
    position: absolute !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) {
    inset: 6rem 0 0 25.5rem !important;
    width: auto !important;
    height: auto !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) .scalar-app-layout.scalar-client {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) .app-exit-button {
    top: 7.7rem !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) .t-app__top-container {
    box-sizing: border-box;
    padding-right: 6.4rem !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) [class*="scalar-address-bar-height"] {
    --scalar-address-bar-height: 4.8rem !important;
    min-height: 4.8rem !important;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) .address-bar-bg-states {
    height: 4.8rem !important;
    min-height: 4.8rem !important;
    align-items: center;
}

[b-b6yprvnbr1] :is(.scalar-container.scalar-client--open, .scalar-container:has(.scalar-app-layout.scalar-client)) .scroll-timeline-x {
    height: 100% !important;
    min-height: 0 !important;
    align-items: center;
    overflow-y: hidden !important;
}

[b-b6yprvnbr1] h1.section-header-label {
    font-size: 2.8rem !important;
    line-height: 1.25 !important;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

[b-b6yprvnbr1] h2.section-header-label {
    font-size: 2.2rem !important;
    line-height: 1.25 !important;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

[b-b6yprvnbr1] h3.section-header-label {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

[b-b6yprvnbr1] .scalar-client h2 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
}

[b-b6yprvnbr1] .scalar-reference-intro-auth,
[b-b6yprvnbr1] .scalar-reference-intro-clients {
    min-width: 0;
}

[b-b6yprvnbr1] .scalar-reference-intro-auth .auth-description {
    align-items: flex-start;
    overflow-wrap: anywhere;
}

[b-b6yprvnbr1] .scalar-reference-intro-clients .client-libraries-list,
[b-b6yprvnbr1] .scalar-reference-intro-clients .client-libraries-content {
    min-width: 0;
}

[b-b6yprvnbr1] .inline-flex.items-center span {
    font-size: 1.5rem;
    white-space: normal;
}
/* /Pages/Auth/MarketplaceListing.razor.rz.scp.css */
.marketplace-listing-page[b-e761wp2p0j] {
    padding: 2.4rem 1.6rem;
    overflow-y: auto;
    min-height: 0;
}

.register-language-switcher[b-e761wp2p0j] {
    position: fixed;
    top: 1.2rem;
    right: 1.2rem;
    z-index: var(--mud-zindex-appbar);
}

.register-card[b-e761wp2p0j] {
    background: var(--bg-secondary);
    border-radius: 1.6rem;
    padding: 3.2rem;
    margin: auto;
    width: min(100%, 80rem);
}

.register-header .logo-wrapper .logo[b-e761wp2p0j] {
    width: 15.6rem;
}

.register-terms[b-e761wp2p0j] {
    text-align: left;
}

.register-footer[b-e761wp2p0j] {
    gap: var(--spacing-4);
}

.register-footer[b-e761wp2p0j]  .mud-button {
    min-width: 160px;
}

.register-fields[b-e761wp2p0j],
.register-data-group[b-e761wp2p0j],
.register-choice[b-e761wp2p0j] {
    min-width: 0;
    border: 0;
    padding: 0;
    margin: 0;
}

.register-choice[b-e761wp2p0j]  .register-marketplace-choice {
    position: relative;
    width: min(100%, 28rem);
    background: var(--fg-secondary);
}

.register-choice[b-e761wp2p0j]  .register-marketplace-choice::after {
    content: "";
    position: absolute;
    top: 1.2rem;
    bottom: 1.2rem;
    left: 50%;
    width: 1px;
    background: var(--border-primary);
    pointer-events: none;
}

.register-choice[b-e761wp2p0j]  .mud-toggle-item {
    flex: 1;
}

.register-logo-section[b-e761wp2p0j]  .register-logo-upload {
    width: fit-content;
}

.register-logo-section[b-e761wp2p0j]  .register-logo-upload > .mud-input-control-input-container {
    background: transparent;
}

.register-logo-preview[b-e761wp2p0j] {
    overflow-wrap: anywhere;
}

.register-logo-preview img[b-e761wp2p0j] {
    width: 8rem;
    height: 8rem;
    object-fit: contain;
}

.register-form[b-e761wp2p0j]  .mud-input-label {
    white-space: normal;
}

@media (max-width: 768px) {
    .register-footer[b-e761wp2p0j] {
        gap: 1.2rem;
    }

    .register-footer[b-e761wp2p0j]  .mud-button {
        min-width: 0;
        flex: 1;
    }

    .register-footer-submitted[b-e761wp2p0j]  .mud-button {
        flex: 0 1 160px;
    }

    .register-terms[b-e761wp2p0j] {
        text-align: center;
    }

    .register-card[b-e761wp2p0j] {
        padding: 2.4rem 1.6rem;
        margin-top: 3.2rem;
    }

    /* Long translated labels need their own space above the selected value or text. */
    .register-form[b-e761wp2p0j]  .register-long-label .mud-input-root-filled {
        padding-top: 6rem !important;
    }
}
/* /Pages/DeviceDetailPage.razor.rz.scp.css */
.rv-split-button[b-l0jbrdyrl9]  .mud-button:not(.mud-icon-button) {
    padding-left: var(--spacing-5);
    padding-right: var(--spacing-3);
}

.rv-split-button[b-l0jbrdyrl9]  .mud-menu-icon-button-activator {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
    border-left: 0.1rem solid rgba(var(--mud-palette-text-primary-rgb), 0.25);
}

/* Cards are nearly invisible against the dark palette's page background without a border. */
.device-card[b-l0jbrdyrl9] {
    border: 0.1rem solid var(--border-primary);
}

.device-subtitle[b-l0jbrdyrl9] {
    margin-top: 0.2rem;
}

.device-card-header[b-l0jbrdyrl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
}

.device-stats[b-l0jbrdyrl9] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 4rem;
}

.device-stat[b-l0jbrdyrl9] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-width: 12rem;
}

.device-stat-wide[b-l0jbrdyrl9] {
    min-width: 24rem;
}

.battery-meter[b-l0jbrdyrl9] {
    width: 6.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    background: var(--border-primary);
    overflow: hidden;
    flex-shrink: 0;
}

.battery-meter-fill[b-l0jbrdyrl9] {
    height: 100%;
    border-radius: 0.4rem;
    min-width: 0.2rem;
}
/* /Pages/EsperPage.razor.rz.scp.css */
.page[b-blmz1qg9ql] {
    min-width: 0;
}

.page-content[b-blmz1qg9ql] {
    min-width: 0;
    overflow: hidden;
}

.esper-table-container[b-blmz1qg9ql] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.esper-table-container[b-blmz1qg9ql]  .custom-data-grid .scroll-content {
    overflow-x: auto;
}

.esper-table-container[b-blmz1qg9ql]  .custom-data-grid .e-grid .e-gridcontent .e-content {
    overflow-x: auto !important;
}

.esper-table-container[b-blmz1qg9ql]  .custom-data-grid .e-grid .e-table {
    width: max-content;
    min-width: 100%;
}

[b-blmz1qg9ql] .esper-blueprint-drawer .mud-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.esper-blueprint-drawer-content[b-blmz1qg9ql] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 2.4rem;
    overflow: hidden;
}

.esper-blueprint-drawer-content .console-form-body[b-blmz1qg9ql] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.esper-blueprint-drawer-content .console-form-actions[b-blmz1qg9ql] {
    flex: 0 0 auto;
    padding-top: 2.4rem;
}

/* Blueprint key/value detail pane: a flex row per field, label then value. */
.esper-blueprint-detail[b-blmz1qg9ql] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.esper-blueprint-detail-row[b-blmz1qg9ql] {
    display: flex;
    gap: 1.6rem;
    align-items: baseline;
}

.esper-blueprint-detail-label[b-blmz1qg9ql] {
    flex: 0 0 14rem;
}

.esper-blueprint-detail-row > :last-child[b-blmz1qg9ql] {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}

[b-blmz1qg9ql] .esper-pending-rollout-icon .mud-tooltip-root {
    display: inline-flex;
    align-items: center;
}
/* /Pages/IntegratorRegistrationDetailPage.razor.rz.scp.css */
.page-content[b-ksvy2n8mkk] {
    min-width: 0;
    min-height: 0;
}
/* /Pages/IntegratorRegistrationsPage.razor.rz.scp.css */
.page-content[b-6x04efx5xs] {
    min-width: 0;
    min-height: 0;
}

.review-header[b-6x04efx5xs]  .d-flex {
    flex-wrap: wrap;
    gap: var(--spacing-3);
}

.status-filter[b-6x04efx5xs] {
    width: 100%;
    max-width: 32rem;
}
/* /Pages/IntegratorSelfTokensPage.razor.rz.scp.css */
.self-token-layout[b-3684ccq8a6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--spacing-5);
}

.token-create-panel[b-3684ccq8a6],
.token-list-panel[b-3684ccq8a6] {
    min-width: 0;
}

.self-token-secret-field[b-3684ccq8a6] {
    flex: 1;
    min-width: 0;
}

.self-token-list[b-3684ccq8a6] {
    display: flex;
    min-height: 32rem;
}

.self-token-row-actions[b-3684ccq8a6] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-1);
}

@media (min-width: 1400px) {
    .self-token-layout[b-3684ccq8a6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}
/* /Pages/IntegratorTokensPage.razor.rz.scp.css */
.token-page-content[b-c3pruvd959] {
    min-height: 0;
    overflow-y: auto;
}

.token-secret-field[b-c3pruvd959] {
    flex: 1;
    min-width: 0;
}

.token-list[b-c3pruvd959] {
    display: flex;
    flex: 1 0 30rem;
    min-height: 30rem;
}
/* /Pages/IntegratorWorkspacePage.razor.rz.scp.css */
.workspace-links[b-1s5mlee2ao] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4);
}

.documentation-card[b-1s5mlee2ao] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 42rem;
    padding: var(--spacing-5);
    gap: var(--spacing-3);
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-primary);
    border-radius: var(--spacing-4);
    text-decoration: none;
}

.documentation-card:hover[b-1s5mlee2ao] {
    border-color: var(--primary);
}

.documentation-card:focus-visible[b-1s5mlee2ao] {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}
/* /Pages/LocationDetailPage.razor.rz.scp.css */
.esper-device-card[b-i4vh8xc51e] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1.2rem;
    background: var(--bg-secondary);
}

.esper-device-card-header[b-i4vh8xc51e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem;
    background: var(--fg-secondary);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.esper-device-card-header-main[b-i4vh8xc51e] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    flex: 1;
}

.esper-device-card-status[b-i4vh8xc51e] {
    flex-shrink: 0;
    white-space: nowrap;
}

.esper-device-card-body[b-i4vh8xc51e] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.6rem;
}

.esper-device-card-alias[b-i4vh8xc51e] {
    display: block;
    line-height: 1.5;
    word-break: break-all;
}

.esper-device-card-button[b-i4vh8xc51e] {
    margin-top: auto;
}

/* Brand-coloured outlined edit action. ::deep pierces CSS isolation to reach the
   <button> MudButton renders (the scope attribute never lands on a child component's
   own markup); !important overrides MudBlazor's built-in outlined-variant colour. */
.page[b-i4vh8xc51e]  .edit-store-button {
    color: var(--brand-300) !important;
    border-color: var(--brand-300) !important;
}

/* Scrollable, wrapping monospace log dump. */
.log-output[b-i4vh8xc51e] {
    max-height: 60vh;
    overflow: auto;
    font-family: monospace;
    font-size: var(--spacing-3);
    white-space: pre-wrap;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--spacing-1);
    padding: var(--spacing-3);
}
/* /Pages/LogViewerPage.razor.rz.scp.css */
.log-viewer-page[b-p66turj1aj] {
    display: flex;
    flex: 1;
    height: 100%;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
    padding: 1.6rem;
    overflow: hidden;
}

.log-viewer-frame[b-p66turj1aj] {
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    border: 0.1rem solid var(--border-primary);
    border-radius: 1.6rem;
    background: var(--bg-tertiary);
}
/* /Pages/RemoteViewPage.razor.rz.scp.css */
/* Both halves of a remote session read as one thing by sharing the purple the device paints its own
   page border with (the device reads the same palette entry, RemoteViewIndicator). */
.rv-control-indicator[b-djyyl3tv4w] {
    color: var(--purple-base);
}

/* Recolour through MudBlazor's own palette variables so every state stays purple — a plain
   background override only wins at rest, since Mud's :hover/:focus-visible/:active rules for the
   filled-primary button are more specific. The filled variant reads primary at rest and
   primary-darken on interaction; mapping both to our purple keeps it purple throughout and still
   shifts shade on hover. The filled variant already picks a readable foreground. */
[b-djyyl3tv4w] .rv-control-button {
    --mud-palette-primary: var(--purple-highlight);
    --mud-palette-primary-darken: var(--purple-base);
}

/* The mirror needs a real, black box with no card chrome: the JS scaler fits the device's exact pixel
   size into it, so a collapsed or padded container would re-lay-out the mirror at the agent's width. */
.rv-viewport-frame[b-djyyl3tv4w] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    background: var(--black);
}
/* /Pages/TeamsEditTeamPage.razor.rz.scp.css */
/* Each scope tab owns the whole panel now, so the picker gets the height the three-column
   layout used to deny it instead of scrolling inside a 36rem box. */
.team-scope-picker[b-1yr78cg5ho] {
    display: flex;
    flex-direction: column;
    height: clamp(32rem, calc(100vh - 40rem), 64rem);
    padding: 1.2rem;
    border: 0.1rem solid var(--mud-palette-lines-default);
    border-radius: 0.8rem;
}

.team-scope-footer[b-1yr78cg5ho] {
    margin-top: 1.6rem;
}

.team-add-member[b-1yr78cg5ho] {
    padding: 1.6rem;
    border: 0.1rem solid var(--mud-palette-lines-default);
    border-radius: 0.8rem;
}

.team-add-member .team-scope-picker[b-1yr78cg5ho] {
    height: 32rem;
    padding: 0;
    border: none;
}

/* DataGrid's scroll child is absolutely positioned, so Members needs a definite height. */
.team-members-grid[b-1yr78cg5ho] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: clamp(28rem, 50vh, 56rem);
}
/* /Pages/UsersPage.razor.rz.scp.css */
.users-role-filter__select[b-bhkjst2fww] {
    width: 100%;
    max-width: 40rem;
}

.users-role-filter__select[b-bhkjst2fww]  .mud-input-control-input-container {
    min-height: 3.5rem;
}

.users-role-filter__select[b-bhkjst2fww]  .mud-select-input {
    align-items: flex-start;
    padding-top: 1.125rem;
    padding-bottom: 0.5rem;
    white-space: normal;
    line-height: 1.25rem;
}