@import '_content/CodeX.Shared/CodeX.Shared.s3eqqoibwq.bundle.scp.css';

/* /Components/Files/BackupStatusBadge.razor.rz.scp.css */
.backup-status-badge[b-dkg8kgg3ds] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    place-items: center;
    color: #87919d;
    cursor: help;
}

.backup-status-badge.current[b-dkg8kgg3ds] {
    color: #62c98a;
}

.backup-status-badge.pending[b-dkg8kgg3ds] {
    color: #d5aa55;
}

.backup-status-badge.unavailable[b-dkg8kgg3ds],
.backup-status-badge.failed[b-dkg8kgg3ds] {
    color: #ed7a72;
}

.backup-status-badge.disabled[b-dkg8kgg3ds] {
    color: #66717c;
}

.backup-status-badge .fa-solid[b-dkg8kgg3ds] {
    width: 15px;
    height: 15px;
}
/* /Components/Files/DeleteErrorDialog.razor.rz.scp.css */
.delete-error-backdrop[b-dbpt4hj01w] {
    position: fixed;
    inset: 0;
    z-index: 84;
    background: rgb(0 0 0 / 58%);
}

.delete-error-dialog[b-dbpt4hj01w] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 85;
    display: grid;
    width: min(660px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    gap: 14px;
    padding: 18px;
    overflow: auto;
    border: 1px solid #934b4b;
    border-radius: 9px;
    background: #1d1517;
    box-shadow: 0 20px 80px rgb(0 0 0 / 55%);
    transform: translate(-50%, -50%);
}

.delete-error-dialog header[b-dbpt4hj01w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.delete-error-dialog h2[b-dbpt4hj01w] {
    margin: 0;
    color: #ffb7b7;
    font-size: 19px;
}

.delete-error-dialog header button[b-dbpt4hj01w] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.delete-error-dialog pre[b-dbpt4hj01w] {
    margin: 0;
    padding: 12px;
    overflow: auto;
    border: 1px solid #633b3f;
    border-radius: 7px;
    background: #130f11;
    color: #ffd6d6;
    font: inherit;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.delete-error-dialog footer[b-dbpt4hj01w] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
}

.copy-error-button[b-dbpt4hj01w] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 480px) {
    .delete-error-dialog footer[b-dbpt4hj01w] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Files/DistroFileNameCell.razor.rz.scp.css */
.file-name-cell[b-n7mfx3ivtg] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tree-name[b-n7mfx3ivtg] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.locked-name-icon[b-n7mfx3ivtg] {
    flex: 0 0 auto;
    width: 13px;
    color: #d0b15a;
}

.docker-file-badge[b-n7mfx3ivtg] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    place-items: center;
}

.docker-file-badge img[b-n7mfx3ivtg] {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 999px;
}

.folder-kind-badge[b-n7mfx3ivtg] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid #2c3540;
    border-radius: 50%;
    background: #11171d;
}

.folder-kind-badge img[b-n7mfx3ivtg] {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.game-folder-badge[b-n7mfx3ivtg] {
    color: #a7d87b;
}

.git-folder-badge[b-n7mfx3ivtg] {
    color: #f0c66b;
}

.folder-kind-badge.inherited[b-n7mfx3ivtg] {
    border-color: #303943;
    background: #161b20;
    color: #7f8a95;
}

.folder-kind-badge.inherited img[b-n7mfx3ivtg] {
    opacity: .5;
    filter: grayscale(1);
}

.game-folder-badge .fa-solid[b-n7mfx3ivtg],
.git-folder-badge .fa-solid[b-n7mfx3ivtg] {
    width: 14px;
    height: 14px;
}

.docker-tag-list[b-n7mfx3ivtg] {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    max-width: min(360px, 38vw);
    gap: 4px;
    overflow: hidden;
}

.docker-tag-chip[b-n7mfx3ivtg] {
    flex: 0 1 auto;
    max-width: 120px;
    padding: 2px 6px;
    overflow: hidden;
    border: 1px solid #3d4b5a;
    border-radius: 999px;
    background: #202933;
    color: #dbe5ee;
    font-size: 11px;
    font-weight: 650;
    text-overflow: ellipsis;
}
/* /Components/Files/DistroFilesContextMenu.razor.rz.scp.css */
.file-context-content[b-1o236dvusb] {
    display: grid;
}

[b-1o236dvusb] .file-context-submenu button,
[b-1o236dvusb] .file-context-submenu-trigger {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    align-items: center;
    justify-content: start;
    gap: 8px;
    width: 100%;
    min-height: 30px;
    border: 0;
    background: transparent;
    color: #edf1f5;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

[b-1o236dvusb] .file-context-submenu-root {
    position: relative;
}

[b-1o236dvusb] .file-context-submenu-root > .file-context-submenu-trigger {
    grid-template-columns: minmax(0, 1fr) 12px;
}

[b-1o236dvusb] .file-context-arrow {
    width: 7px;
    height: 7px;
    border-top: 1px solid #87919d;
    border-right: 1px solid #87919d;
    transform: rotate(45deg);
}

[b-1o236dvusb] .file-context-submenu {
    position: absolute;
    top: -5px;
    left: calc(100% - 1px);
    z-index: 22;
    display: none;
    min-width: 180px;
    max-width: 260px;
    max-height: min(420px, calc(100vh - 24px));
    overflow: auto;
    padding: 5px;
    border: 1px solid #303842;
    border-radius: 6px;
    background: #171c21;
    box-shadow: 0 12px 28px rgb(0 0 0 / 36%);
}

[b-1o236dvusb] .file-context-submenu-root:hover > .file-context-submenu,
[b-1o236dvusb] .file-context-submenu-root:focus-within > .file-context-submenu {
    display: grid;
}

[b-1o236dvusb] .file-context-check {
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 16px;
}

[b-1o236dvusb] .file-context-check::after {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #8fc7ff;
    border-bottom: 2px solid #8fc7ff;
    content: "";
    transform: rotate(45deg);
}

[b-1o236dvusb] .file-context-icon-spacer {
    width: 16px;
    min-width: 16px;
}

[b-1o236dvusb] .file-context-submenu button:hover:not(:disabled),
[b-1o236dvusb] .file-context-submenu button:focus-visible,
[b-1o236dvusb] .file-context-submenu-trigger:hover:not(:disabled),
[b-1o236dvusb] .file-context-submenu-trigger:focus-visible {
    background: #222932;
}

.danger-action:hover:not(:disabled)[b-1o236dvusb],
.danger-action:focus-visible[b-1o236dvusb] {
    border-color: #8d5249;
    background: #33201d;
}
/* /Components/Files/DistroFilesTree.razor.rz.scp.css */
.distro-files-panel[b-gop6eh8at7] {
    --file-viewer-bg: #14171b;
    --file-viewer-header-bg: #171c21;
    --file-viewer-header-color: #87919d;
    --file-viewer-hover-bg: #1a2026;
    --file-viewer-border: #1d2228;
    --browser-surface-bg: var(--file-viewer-bg);
    --browser-path-bg: var(--file-viewer-header-bg);
    --browser-divider: var(--file-viewer-border);
    --browser-breadcrumb-color: var(--file-viewer-header-color);
    --browser-breadcrumb-current: #edf1f5;
    --browser-breadcrumb-hover: var(--file-viewer-hover-bg);
    --browser-row-columns: var(--explorer-grid-columns, 18px minmax(180px, 1fr) minmax(104px, max-content) minmax(80px, 120px) minmax(120px, .55fr));
    --browser-row-gap: 10px;
    --browser-row-height: 32px;
    --browser-row-padding: 0 10px;
    --browser-row-border: var(--file-viewer-border);
    --browser-row-color: #edf1f5;
    --browser-row-hover: var(--file-viewer-hover-bg);
    --browser-folder-color: #b4c3d3;
    --browser-shared-color: #f1d49b;
    --browser-selected-bg: #143b5f;
    --browser-shared-selected-bg: #3e2d12;
    --browser-shared-accent: #f2b84b;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.distro-files-panel.feature-docker[b-gop6eh8at7] {
    --file-viewer-header-bg: #14212a;
    --file-viewer-header-color: #a9c9d9;
}

.distro-files-panel.feature-git[b-gop6eh8at7] {
    --file-viewer-header-bg: #201b27;
    --file-viewer-header-color: #cdbdd8;
}

.distro-files-panel.feature-game[b-gop6eh8at7] {
    --file-viewer-header-bg: #17241d;
    --file-viewer-header-color: #bad5c3;
}

.alert[b-gop6eh8at7] {
    padding: 10px;
    border: 1px solid #79513e;
    border-radius: 0;
    background: #241a16;
    color: #ffc7a8;
}

.project-file-tree[b-gop6eh8at7] {
    min-height: 0;
    overflow: auto;
    border: 0;
    background: var(--file-viewer-bg);
}

.project-file-row[b-gop6eh8at7] {
    --depth: 0;
    --tree-scan-column-width: 118px;
    --tree-size-column-width: 88px;
    display: grid;
    grid-template-columns:
        calc(var(--depth) * 18px)
        18px
        18px
        minmax(0, 1fr)
        var(--tree-scan-column-width)
        var(--tree-size-column-width);
    align-items: center;
    min-height: 30px;
    gap: 8px;
    padding: 0 8px;
    border-bottom: 1px solid var(--file-viewer-border);
    color: #edf1f5;
    cursor: pointer;
    white-space: nowrap;
}

.project-file-row:last-child[b-gop6eh8at7] {
    border-bottom: 0;
}

.project-file-row.folder[b-gop6eh8at7] {
    color: #b4c3d3;
}

.project-file-row.shared[b-gop6eh8at7],
.explorer-row.shared[b-gop6eh8at7] {
    color: #f1d49b;
}

.project-file-row.shared .tree-file-icon[b-gop6eh8at7],
.explorer-row.shared .tree-file-icon[b-gop6eh8at7] {
    color: #f2b84b;
}

.new-folder-row[b-gop6eh8at7] {
    cursor: default;
}

.project-file-row:hover[b-gop6eh8at7],
.project-file-row:focus-visible[b-gop6eh8at7] {
    background: var(--file-viewer-hover-bg);
}

.project-file-row.previewed:not(.selected)[b-gop6eh8at7] {
    box-shadow: inset 3px 0 0 #59616c;
}

.project-file-row.selected[b-gop6eh8at7],
.project-file-row.folder-selected:not(.selected)[b-gop6eh8at7] {
    background: #143b5f;
    box-shadow: inset 3px 0 0 #4aa3ff;
}

.project-file-row.shared.selected[b-gop6eh8at7],
.project-file-row.shared.folder-selected:not(.selected)[b-gop6eh8at7],
.explorer-row.shared.selected[b-gop6eh8at7] {
    background: #3e2d12;
    box-shadow: inset 3px 0 0 #f2b84b;
}

.tree-file-icon[b-gop6eh8at7] {
    width: 18px;
    color: #82cfff;
    text-align: center;
}

.tree-expander[b-gop6eh8at7],
.tree-expander-placeholder[b-gop6eh8at7] {
    width: 18px;
    min-width: 18px;
}

.tree-expander[b-gop6eh8at7] {
    min-height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #87919d;
    font-size: 12px;
    line-height: 18px;
}

.project-file-row.file .tree-file-icon[b-gop6eh8at7] {
    color: #a8b2be;
}

.tree-name[b-gop6eh8at7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.virus-scan-column[b-gop6eh8at7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    overflow: visible;
}

.new-folder-input[b-gop6eh8at7] {
    width: 100%;
    min-width: 0;
    min-height: 24px;
    padding: 0 7px;
    border-color: #4aa3ff;
    background: #10151a;
    color: #ffffff;
}

.new-folder-input:focus[b-gop6eh8at7] {
    outline: none;
    box-shadow: 0 0 0 2px rgb(74 163 255 / 24%);
}

.rename-input[b-gop6eh8at7] {
    width: 100%;
    min-width: 0;
    min-height: 24px;
    padding: 0 7px;
    border: 1px solid #4aa3ff;
    border-radius: 3px;
    background: #10151a;
    color: #ffffff;
    font: inherit;
}

.rename-input:focus[b-gop6eh8at7] {
    outline: none;
    box-shadow: 0 0 0 2px rgb(74 163 255 / 24%);
}

.file-size[b-gop6eh8at7] {
    justify-self: end;
    min-width: var(--tree-size-column-width);
    color: #87919d;
    font-size: 12px;
    text-align: right;
}

.empty-state[b-gop6eh8at7] {
    display: grid;
    height: 100%;
    min-height: 180px;
    place-items: center;
    border: 0;
    color: #87919d;
    background: var(--file-viewer-bg);
}

.explorer-header[b-gop6eh8at7],
.explorer-row[b-gop6eh8at7] {
    display: grid;
    grid-template-columns: var(--explorer-grid-columns, 18px minmax(180px, 1fr) minmax(104px, max-content) minmax(80px, 120px) minmax(120px, .55fr));
    align-items: center;
    gap: 10px;
    min-height: 32px;
    padding: 0 10px;
    border-bottom: 1px solid var(--file-viewer-border);
    white-space: nowrap;
}

.explorer-header[b-gop6eh8at7] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 30px;
    background: var(--file-viewer-header-bg);
    color: var(--file-viewer-header-color);
    font-size: 12px;
}

.explorer-row[b-gop6eh8at7] {
    color: #edf1f5;
    cursor: default;
}

.explorer-row:hover[b-gop6eh8at7] {
    background: var(--file-viewer-hover-bg);
}

.explorer-row.folder[b-gop6eh8at7] {
    color: #b4c3d3;
}

.explorer-row.shared[b-gop6eh8at7],
.project-file-row.shared.folder[b-gop6eh8at7] {
    color: #f1d49b;
}

.parent-folder-row[b-gop6eh8at7] {
    color: #d3dbe4;
}

.explorer-row.selected[b-gop6eh8at7] {
    background: #143b5f;
    box-shadow: inset 3px 0 0 #4aa3ff;
}

.explorer-row > span[b-gop6eh8at7] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.explorer-row > .virus-scan-column[b-gop6eh8at7] {
    overflow: visible;
}

.explorer-heading-button[b-gop6eh8at7] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    min-width: 0;
    min-height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    font-weight: 700;
    text-align: left;
}

.explorer-heading-button:hover[b-gop6eh8at7],
.explorer-heading-button:focus-visible[b-gop6eh8at7] {
    color: #edf1f5;
}

.explorer-heading-button.dragging[b-gop6eh8at7] {
    opacity: .55;
}

.explorer-heading-button span:first-child[b-gop6eh8at7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.explorer-sort-indicator[b-gop6eh8at7] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.explorer-sort-indicator.active[b-gop6eh8at7] {
    opacity: 1;
}

.explorer-col-name[b-gop6eh8at7] {
    grid-column: span 2;
}

.explorer-name-cell[b-gop6eh8at7] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.explorer-col-scan[b-gop6eh8at7] {
    display: flex;
    align-items: center;
    overflow: visible;
}
/* /Components/Files/DistroSelectionDetails.razor.rz.scp.css */
.empty-details[b-nhm1pexn58] {
    display: grid;
    min-height: 220px;
    place-items: center;
    gap: 10px;
    color: #87919d;
    text-align: center;
}

.file-details[b-nhm1pexn58],
.share-panel[b-nhm1pexn58] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.file-details header[b-nhm1pexn58] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.file-details-meta[b-nhm1pexn58] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.file-details h2[b-nhm1pexn58],
.share-panel h2[b-nhm1pexn58] {
    margin: 0;
    font-size: 16px;
}

.file-details-title[b-nhm1pexn58] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
}

.file-details-title h2[b-nhm1pexn58] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.file-info-button[b-nhm1pexn58] {
    width: 24px;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    border-radius: 999px;
    color: #b9c8d7;
    font-weight: 750;
}

.share-panel-title[b-nhm1pexn58] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.share-panel-brand[b-nhm1pexn58] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.share-panel-brand-icon[b-nhm1pexn58] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.share-panel-brand-wordmark[b-nhm1pexn58] {
    width: 78px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.file-details header span[b-nhm1pexn58] {
    color: #a8b2be;
}

.folder-share-tabs[b-nhm1pexn58] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    padding: 4px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.folder-share-tab[b-nhm1pexn58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 34px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: #a8b2be;
}

.folder-share-tab img[b-nhm1pexn58] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.folder-share-tab .fa-solid[b-nhm1pexn58] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.folder-share-tab.active[b-nhm1pexn58] {
    background: #20262d;
    color: #f0f5fa;
    box-shadow: inset 0 0 0 1px #343c46;
}

.folder-share-tab:focus-visible[b-nhm1pexn58] {
    outline: 2px solid #8fb4ff;
    outline-offset: 2px;
}

.file-details dl[b-nhm1pexn58] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 6px 10px;
    margin: 0;
}

.file-details dt[b-nhm1pexn58] {
    color: #87919d;
}

.file-details dd[b-nhm1pexn58] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.docker-file-detail[b-nhm1pexn58] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 7px;
}

.docker-file-detail img[b-nhm1pexn58] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
}

.docker-detail-tags[b-nhm1pexn58] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.docker-detail-tag[b-nhm1pexn58] {
    max-width: 100%;
    padding: 2px 6px;
    overflow: hidden;
    border: 1px solid #3d4b5a;
    border-radius: 999px;
    background: #202933;
    color: #dbe5ee;
    font-size: 11px;
    font-weight: 650;
    text-overflow: ellipsis;
}

.docker-detail-empty[b-nhm1pexn58] {
    color: #87919d;
}

.file-details button[b-nhm1pexn58],
.share-panel button[b-nhm1pexn58],
.created-link button[b-nhm1pexn58] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.created-link[b-nhm1pexn58] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
}

.created-link input[b-nhm1pexn58] {
    min-height: 36px;
    padding: 0 10px;
}

.user-share-form[b-nhm1pexn58] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.user-share-form input[b-nhm1pexn58] {
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
}

.share-name-field[b-nhm1pexn58] {
    display: grid;
    gap: 5px;
    color: #a8b2be;
    font-size: 12px;
    font-weight: 650;
}

.share-name-field input[b-nhm1pexn58] {
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
    color: #f0f5fa;
    font-size: 14px;
    font-weight: 400;
}
/* /Components/Files/FileDownloadStatsPanel.razor.rz.scp.css */
.download-stats[b-34vbcvzclf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.stat-item[b-34vbcvzclf],
.stat-action[b-34vbcvzclf] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11161b;
}

.stat-action[b-34vbcvzclf] {
    align-content: center;
    justify-items: center;
    border-color: #303842;
    color: #cdd6df;
    cursor: pointer;
    font: inherit;
}

.stat-action:hover[b-34vbcvzclf],
.stat-action:focus-visible[b-34vbcvzclf] {
    border-color: #4a5968;
    color: #f3f7fb;
}

.stat-item span[b-34vbcvzclf] {
    color: #87919d;
    font-size: 12px;
}

.stat-item strong[b-34vbcvzclf] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #e8eef5;
    font-size: 15px;
    font-weight: 700;
}

@media (max-width: 640px) {
    .download-stats[b-34vbcvzclf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Files/FileInfoDialog.razor.rz.scp.css */
.file-info-backdrop[b-6rdngj7vrw] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgb(0 0 0 / 58%);
}

.file-info-dialog[b-6rdngj7vrw] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    display: grid;
    width: min(680px, calc(100vw - 28px));
    max-height: min(760px, calc(100vh - 28px));
    gap: 16px;
    padding: 16px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 20px 80px rgb(0 0 0 / 48%);
    color: #edf1f5;
    transform: translate(-50%, -50%);
}

.file-info-dialog header[b-6rdngj7vrw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.file-info-dialog h2[b-6rdngj7vrw],
.file-info-dialog p[b-6rdngj7vrw] {
    margin: 0;
}

.file-info-dialog h2[b-6rdngj7vrw] {
    font-size: 18px;
}

.file-info-dialog header p[b-6rdngj7vrw] {
    margin-top: 4px;
    color: #a8b2be;
    overflow-wrap: anywhere;
}

.file-info-dialog header button[b-6rdngj7vrw] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}

.file-info-dialog dl[b-6rdngj7vrw] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 9px 14px;
    margin: 0;
}

.file-info-dialog dt[b-6rdngj7vrw] {
    color: #87919d;
}

.file-info-dialog dd[b-6rdngj7vrw] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.file-info-hash[b-6rdngj7vrw] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 12px;
}

@media (max-width: 520px) {
    .file-info-dialog dl[b-6rdngj7vrw] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .file-info-dialog dd + dt[b-6rdngj7vrw] {
        margin-top: 8px;
    }
}
/* /Components/Files/FolderCapabilityTabs.razor.rz.scp.css */
.folder-share-tabs[b-si25np9ljx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 4px;
    padding: 4px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.folder-share-tab[b-si25np9ljx] {
    --folder-tab-accent: #343c46;
    --folder-tab-bg: #20262d;
    --folder-tab-text: #f0f5fa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 34px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: #a8b2be;
}

.folder-share-tab.docker-tab[b-si25np9ljx] {
    --folder-tab-accent: #406f86;
    --folder-tab-bg: #172832;
    --folder-tab-text: #d8edf7;
    color: #a9c9d9;
}

.folder-share-tab.git-tab[b-si25np9ljx] {
    --folder-tab-accent: #5c4c6a;
    --folder-tab-bg: #282230;
    --folder-tab-text: #eadff2;
    color: #cdbdd8;
}

.folder-share-tab.game-tab[b-si25np9ljx] {
    --folder-tab-accent: #456d54;
    --folder-tab-bg: #1b2b23;
    --folder-tab-text: #dff0e4;
    color: #bad5c3;
}

.folder-share-tab img[b-si25np9ljx] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.folder-share-tab .fa-solid[b-si25np9ljx] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.folder-share-tab span:last-child[b-si25np9ljx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-share-tab.active[b-si25np9ljx] {
    background: var(--folder-tab-bg);
    color: var(--folder-tab-text);
    box-shadow: inset 0 0 0 1px var(--folder-tab-accent);
}

.folder-share-tab:focus-visible[b-si25np9ljx] {
    outline: 2px solid #8fb4ff;
    outline-offset: 2px;
}
/* /Components/Files/FolderDeleteDialog.razor.rz.scp.css */
.folder-delete-backdrop[b-qg7dgt6cmb] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgb(0 0 0 / 58%);
}

.folder-delete-dialog[b-qg7dgt6cmb] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    display: grid;
    width: min(620px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    gap: 16px;
    padding: 18px;
    overflow: auto;
    border: 1px solid #794747;
    border-radius: 9px;
    background: #15191e;
    box-shadow: 0 20px 80px rgb(0 0 0 / 52%);
    transform: translate(-50%, -50%);
}

.folder-delete-dialog header[b-qg7dgt6cmb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.folder-delete-dialog h2[b-qg7dgt6cmb],
.folder-delete-dialog h3[b-qg7dgt6cmb],
.folder-delete-dialog p[b-qg7dgt6cmb],
.folder-delete-dialog dl[b-qg7dgt6cmb] {
    margin: 0;
}

.folder-delete-dialog h2[b-qg7dgt6cmb] {
    font-size: 19px;
}

.folder-delete-dialog header p[b-qg7dgt6cmb] {
    max-width: 520px;
    margin-top: 5px;
    overflow: hidden;
    color: #a8b2be;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-delete-dialog header button[b-qg7dgt6cmb] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.folder-delete-counts[b-qg7dgt6cmb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.folder-delete-counts div[b-qg7dgt6cmb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid #303842;
    border-radius: 7px;
    background: #11151a;
}

.folder-delete-counts dt[b-qg7dgt6cmb] {
    color: #a8b2be;
}

.folder-delete-counts dd[b-qg7dgt6cmb] {
    font-size: 20px;
    font-weight: 700;
}

.folder-delete-features[b-qg7dgt6cmb] {
    display: grid;
    gap: 9px;
    padding: 12px;
    border: 1px solid #79513e;
    border-radius: 7px;
    background: #241a16;
}

.folder-delete-features h3[b-qg7dgt6cmb] {
    color: #ffc7a8;
    font-size: 14px;
}

.folder-delete-features ul[b-qg7dgt6cmb] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.folder-delete-features li[b-qg7dgt6cmb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 3px 9px;
}

.folder-delete-features li span[b-qg7dgt6cmb],
.folder-delete-features li small[b-qg7dgt6cmb] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-delete-features li span[b-qg7dgt6cmb] {
    color: #edf1f5;
}

.folder-delete-features li small[b-qg7dgt6cmb] {
    grid-column: 1 / -1;
    color: #a8b2be;
}

.folder-delete-dialog footer[b-qg7dgt6cmb] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
}

.delete-confirm-button[b-qg7dgt6cmb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-color: #8f4444;
    background: #7d3030;
}

.delete-confirm-button:hover:not(:disabled)[b-qg7dgt6cmb],
.delete-confirm-button:focus-visible[b-qg7dgt6cmb] {
    border-color: #b65d5d;
    background: #963b3b;
}

@media (max-width: 520px) {
    .folder-delete-counts[b-qg7dgt6cmb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Files/FolderGameAssetPanel.razor.rz.scp.css */
.game-panel[b-7qi7w4zoyx] {
    display: grid;
    min-width: 0;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.game-panel-title[b-7qi7w4zoyx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.game-panel-title h2[b-7qi7w4zoyx] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
    line-height: 1.2;
}

.game-panel-title h2 .fa-solid[b-7qi7w4zoyx] {
    width: 20px;
    height: 20px;
    color: #a7d87b;
}

.game-panel-actions[b-7qi7w4zoyx] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.game-panel-actions .danger[b-7qi7w4zoyx] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    color: #ffb5ac;
}

.game-action-link[b-7qi7w4zoyx] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid #343b45;
    border-radius: 6px;
    background: #1a2027;
    color: #dbe5ee;
    font-weight: 650;
    text-decoration: none;
}

.game-action-link:hover[b-7qi7w4zoyx],
.game-action-link:focus-visible[b-7qi7w4zoyx] {
    border-color: #536071;
    background: #202833;
}

.game-details[b-7qi7w4zoyx] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 7px 12px;
    margin: 0;
}

.game-details dt[b-7qi7w4zoyx] {
    color: #87919d;
}

.game-details dd[b-7qi7w4zoyx] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.game-public-toggle[b-7qi7w4zoyx] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.game-public-toggle-input[b-7qi7w4zoyx] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.game-public-toggle-copy[b-7qi7w4zoyx] {
    display: grid;
    gap: 3px;
}

.game-public-toggle-copy span[b-7qi7w4zoyx] {
    color: #87919d;
    font-size: 12px;
}

.game-public-toggle-control[b-7qi7w4zoyx] {
    position: relative;
    width: 46px;
    height: 24px;
    border-radius: 999px;
    background: #303842;
}

.game-public-toggle-control[b-7qi7w4zoyx]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #dbe5ee;
    content: "";
    transition: transform 120ms ease;
}

.game-public-toggle-input:checked ~ .game-public-toggle-control[b-7qi7w4zoyx] {
    background: #477c38;
}

.game-public-toggle-input:checked ~ .game-public-toggle-control[b-7qi7w4zoyx]::after {
    transform: translateX(22px);
}

.game-public-toggle-input:focus-visible ~ .game-public-toggle-control[b-7qi7w4zoyx] {
    outline: 2px solid #8fb4ff;
    outline-offset: 2px;
}

.game-command-list[b-7qi7w4zoyx] {
    display: grid;
    gap: 9px;
}

.game-command[b-7qi7w4zoyx] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 8px;
}

.game-command > span[b-7qi7w4zoyx] {
    color: #87919d;
    font-size: 12px;
    font-weight: 650;
}

.game-command code[b-7qi7w4zoyx] {
    min-width: 0;
    padding: 7px 8px;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 5px;
    background: #11151a;
    color: #dbe5ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-command button[b-7qi7w4zoyx] {
    width: 34px;
    min-width: 34px;
    min-height: 32px;
    padding: 0;
}

.game-error[b-7qi7w4zoyx] {
    padding: 9px 10px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
}
/* /Components/Files/FolderGitPanel.razor.rz.scp.css */
.git-panel[b-7385zhyxjz] {
    display: grid;
    min-width: 0;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-panel-title[b-7385zhyxjz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.git-panel-title h2[b-7385zhyxjz] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
    line-height: 1.2;
}

.git-panel-title h2 .fa-solid[b-7385zhyxjz] {
    width: 20px;
    height: 20px;
    color: #f0c66b;
}

.git-panel-actions[b-7385zhyxjz] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.git-open-repo[b-7385zhyxjz] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #343a42;
    border-radius: 6px;
    background: #181c21;
    color: #edf1f5;
    text-decoration: none;
}

.git-open-repo:hover[b-7385zhyxjz],
.git-open-repo:focus-visible[b-7385zhyxjz] {
    border-color: #58616e;
    background: #20262d;
}

.git-panel-actions .danger[b-7385zhyxjz] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    color: #ffb5ac;
}

.git-details[b-7385zhyxjz] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 7px 12px;
    margin: 0;
}

.git-details dt[b-7385zhyxjz] {
    color: #87919d;
}

.git-details dd[b-7385zhyxjz] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.git-public-toggle[b-7385zhyxjz] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.git-public-toggle-input[b-7385zhyxjz] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.git-public-toggle-copy[b-7385zhyxjz] {
    display: grid;
    gap: 3px;
}

.git-public-toggle-copy span[b-7385zhyxjz] {
    color: #87919d;
    font-size: 12px;
}

.git-public-toggle-control[b-7385zhyxjz] {
    position: relative;
    width: 46px;
    height: 24px;
    border-radius: 999px;
    background: #303842;
}

.git-public-toggle-control[b-7385zhyxjz]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #dbe5ee;
    content: "";
    transition: transform 120ms ease;
}

.git-public-toggle-input:checked ~ .git-public-toggle-control[b-7385zhyxjz] {
    background: #836327;
}

.git-public-toggle-input:checked ~ .git-public-toggle-control[b-7385zhyxjz]::after {
    transform: translateX(22px);
}

.git-public-toggle-input:focus-visible ~ .git-public-toggle-control[b-7385zhyxjz] {
    outline: 2px solid #8fb4ff;
    outline-offset: 2px;
}

.git-command-list[b-7385zhyxjz],
.git-create-user[b-7385zhyxjz],
.git-user-list[b-7385zhyxjz] {
    display: grid;
    gap: 9px;
}

.git-command[b-7385zhyxjz] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 8px;
}

.git-command > span[b-7385zhyxjz] {
    color: #87919d;
    font-size: 12px;
    font-weight: 650;
}

.git-command code[b-7385zhyxjz] {
    min-width: 0;
    padding: 7px 8px;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 5px;
    background: #11151a;
    color: #dbe5ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-command button[b-7385zhyxjz] {
    width: 34px;
    min-width: 34px;
    min-height: 32px;
    padding: 0;
}

.git-create-user h3[b-7385zhyxjz],
.git-user-list h3[b-7385zhyxjz] {
    margin: 0;
    font-size: 14px;
}

.git-create-grid[b-7385zhyxjz] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
    align-items: end;
    gap: 10px;
}

.git-create-grid label:not(.git-check)[b-7385zhyxjz] {
    display: grid;
    gap: 6px;
    color: #d7dde4;
    font-size: 13px;
}

.git-create-grid input[type="text"][b-7385zhyxjz],
.git-create-grid input:not([type])[b-7385zhyxjz] {
    min-height: 36px;
    padding: 0 10px;
}

.git-check[b-7385zhyxjz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    color: #d7dde4;
}

.git-user-row[b-7385zhyxjz] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.git-user-row.revoked[b-7385zhyxjz] {
    opacity: .62;
}

.git-user-main[b-7385zhyxjz] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.git-user-main strong[b-7385zhyxjz],
.git-user-main span[b-7385zhyxjz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-user-main span[b-7385zhyxjz] {
    color: #a8b2be;
    font-size: 13px;
}

.git-user-actions[b-7385zhyxjz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.git-error[b-7385zhyxjz],
.git-empty[b-7385zhyxjz] {
    padding: 9px 10px;
    border-radius: 6px;
}

.git-error[b-7385zhyxjz] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.git-empty[b-7385zhyxjz] {
    border: 1px solid #252a31;
    background: #11151a;
    color: #a8b2be;
}

@media (max-width: 760px) {
    .git-details[b-7385zhyxjz],
    .git-create-grid[b-7385zhyxjz],
    .git-user-row[b-7385zhyxjz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .git-user-actions[b-7385zhyxjz] {
        justify-content: flex-start;
    }
}
/* /Components/Files/FolderRegistryPanel.razor.rz.scp.css */
.registry-panel-title[b-ymxkid3qwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.registry-panel-title h2[b-ymxkid3qwo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.registry-panel-title h2 .fa-solid[b-ymxkid3qwo] {
    color: #8fb4ff;
}

.registry-panel-actions[b-ymxkid3qwo] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.registry-panel-actions .danger[b-ymxkid3qwo] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    color: #ffb5ac;
}

.registry-details[b-ymxkid3qwo] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 6px 10px;
    margin: 0;
}

.registry-details dt[b-ymxkid3qwo] {
    color: #87919d;
}

.registry-details dd[b-ymxkid3qwo] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.registry-command-list[b-ymxkid3qwo] {
    display: grid;
    gap: 8px;
}

.registry-command[b-ymxkid3qwo] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 8px;
}

.registry-command span[b-ymxkid3qwo] {
    color: #87919d;
    font-size: 12px;
    font-weight: 650;
}

.registry-command code[b-ymxkid3qwo] {
    min-width: 0;
    padding: 7px 8px;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 5px;
    background: #11151a;
    color: #dbe5ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-command button[b-ymxkid3qwo] {
    width: 34px;
    min-width: 34px;
    min-height: 32px;
    padding: 0;
}

.registry-error[b-ymxkid3qwo],
.registry-status[b-ymxkid3qwo] {
    padding: 9px 10px;
    border-radius: 6px;
}

.registry-error[b-ymxkid3qwo] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.registry-status[b-ymxkid3qwo] {
    border: 1px solid #2e5648;
    background: #12231d;
    color: #a8e0cc;
}
/* /Components/Files/FolderShareLinksList.razor.rz.scp.css */
.links-panel[b-ry4lhetsz9] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.links-panel h2[b-ry4lhetsz9] {
    margin: 0;
    font-size: 16px;
}

.links-panel-header[b-ry4lhetsz9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.links-panel-header button[b-ry4lhetsz9] {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
}

.muted[b-ry4lhetsz9],
.share-link span[b-ry4lhetsz9] {
    color: #a8b2be;
}

.share-link[b-ry4lhetsz9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.share-link.inactive[b-ry4lhetsz9] {
    opacity: .62;
}

.share-link strong[b-ry4lhetsz9],
.share-link span[b-ry4lhetsz9] {
    display: block;
}

.share-link span[b-ry4lhetsz9] {
    font-size: 12px;
}

.link-actions[b-ry4lhetsz9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.link-actions button[b-ry4lhetsz9] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
/* /Components/Files/FolderStandardSharePanel.razor.rz.scp.css */
.share-panel[b-6oboq8waxm] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.share-panel h2[b-6oboq8waxm] {
    margin: 0;
    font-size: 16px;
}

.share-panel-title[b-6oboq8waxm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.share-panel-brand[b-6oboq8waxm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.share-panel-brand-icon[b-6oboq8waxm] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.share-panel-brand-wordmark[b-6oboq8waxm] {
    width: 78px;
    height: 20px;
    flex: 0 0 auto;
    object-fit: contain;
}

.share-panel button[b-6oboq8waxm],
.created-link button[b-6oboq8waxm] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.created-link[b-6oboq8waxm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
}

.created-link input[b-6oboq8waxm] {
    min-height: 36px;
    padding: 0 10px;
}

.user-share-form[b-6oboq8waxm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.user-share-form input[b-6oboq8waxm] {
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
}

.share-name-field[b-6oboq8waxm] {
    display: grid;
    gap: 5px;
    color: #a8b2be;
    font-size: 12px;
    font-weight: 650;
}

.share-name-field input[b-6oboq8waxm] {
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
    color: #f0f5fa;
    font-size: 14px;
    font-weight: 400;
}
/* /Components/Files/GameAssetClientDialog.razor.rz.scp.css */
.game-dialog-backdrop[b-cmjeks2vix] {
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgb(0 0 0 / 55%);
}

.game-dialog[b-cmjeks2vix] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 71;
    display: grid;
    width: min(720px, calc(100vw - 28px));
    max-height: min(720px, calc(100vh - 28px));
    gap: 14px;
    padding: 16px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 20px 80px rgb(0 0 0 / 45%);
    transform: translate(-50%, -50%);
}

.game-dialog header[b-cmjeks2vix] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.game-dialog h2[b-cmjeks2vix],
.game-dialog h3[b-cmjeks2vix],
.game-dialog p[b-cmjeks2vix] {
    margin: 0;
}

.game-dialog h2[b-cmjeks2vix] {
    font-size: 18px;
}

.game-dialog h3[b-cmjeks2vix] {
    font-size: 14px;
}

.game-dialog p[b-cmjeks2vix] {
    color: #87919d;
    overflow-wrap: anywhere;
}

.game-dialog header button[b-cmjeks2vix] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}

.game-dialog-error[b-cmjeks2vix] {
    padding: 9px 10px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
}

.game-create-client[b-cmjeks2vix],
.game-client-list[b-cmjeks2vix] {
    display: grid;
    gap: 10px;
}

.game-create-grid[b-cmjeks2vix] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
}

.game-create-grid label[b-cmjeks2vix] {
    display: grid;
    gap: 5px;
    color: #a8b2be;
    font-size: 12px;
    font-weight: 650;
}

.game-create-grid input[b-cmjeks2vix] {
    min-width: 0;
    min-height: 36px;
    padding: 0 10px;
    color: #f0f5fa;
    font-size: 14px;
    font-weight: 400;
}

.game-client-list[b-cmjeks2vix] {
    border-top: 1px solid #252a31;
    padding-top: 12px;
}

.game-empty[b-cmjeks2vix] {
    color: #87919d;
}

.game-client-row[b-cmjeks2vix] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.game-client-row.revoked[b-cmjeks2vix] {
    opacity: .58;
}

.game-client-main[b-cmjeks2vix] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.game-client-main span[b-cmjeks2vix] {
    color: #87919d;
    overflow-wrap: anywhere;
}

.game-client-actions[b-cmjeks2vix] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.danger-button[b-cmjeks2vix] {
    color: #ffb5ac;
}

@media (max-width: 620px) {
    .game-create-grid[b-cmjeks2vix],
    .game-client-row[b-cmjeks2vix] {
        grid-template-columns: minmax(0, 1fr);
    }

    .game-client-actions[b-cmjeks2vix] {
        justify-content: flex-start;
    }
}
/* /Components/Files/OneTimeTokenDialog.razor.rz.scp.css */
.one-time-token-backdrop[b-66pk29qkzn] {
    position: fixed;
    inset: 0;
    z-index: 42;
    background: rgb(0 0 0 / 58%);
}

.one-time-token-dialog[b-66pk29qkzn] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 43;
    display: grid;
    width: min(560px, calc(100vw - 32px));
    gap: 14px;
    padding: 16px;
    border: 1px solid #3d4b5a;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 48%);
    transform: translate(-50%, -50%);
}

.one-time-token-dialog header[b-66pk29qkzn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.one-time-token-dialog h2[b-66pk29qkzn] {
    margin: 0;
    font-size: 18px;
}

.one-time-token-dialog header button[b-66pk29qkzn] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.one-time-token-dialog p[b-66pk29qkzn] {
    margin: 0;
    color: #cfd8e3;
}

.one-time-token-field[b-66pk29qkzn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
}

.one-time-token-field input[b-66pk29qkzn] {
    min-width: 0;
    min-height: 38px;
    padding: 0 10px;
}

.one-time-token-field button[b-66pk29qkzn] {
    display: grid;
    min-height: 38px;
    place-items: center;
    padding: 0;
}
/* /Components/Files/RegistryInventoryPanel.razor.rz.scp.css */
.registry-inventory-panel[b-bhf2qvqmel] {
    display: grid;
    gap: 12px;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid #252a31;
}

.registry-inventory-title[b-bhf2qvqmel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.registry-inventory-title h3[b-bhf2qvqmel] {
    margin: 0;
    font-size: 14px;
}

.registry-inventory-title span[b-bhf2qvqmel] {
    color: #87919d;
    font-size: 12px;
}

.registry-empty-state[b-bhf2qvqmel] {
    padding: 10px;
    border: 1px dashed #303741;
    border-radius: 6px;
    color: #87919d;
    font-size: 13px;
}

.registry-tag-list[b-bhf2qvqmel] {
    display: grid;
    gap: 8px;
}

.registry-tag-row[b-bhf2qvqmel] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 9px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.registry-tag-main[b-bhf2qvqmel] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.registry-tag-main strong[b-bhf2qvqmel],
.registry-tag-main span[b-bhf2qvqmel] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-tag-main strong[b-bhf2qvqmel] {
    color: #dbe5ee;
    font-size: 13px;
}

.registry-tag-main span[b-bhf2qvqmel] {
    color: #87919d;
    font-size: 12px;
}

.registry-tag-actions[b-bhf2qvqmel] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.registry-tag-actions button[b-bhf2qvqmel] {
    min-width: 46px;
    min-height: 32px;
    padding: 0 8px;
}

.registry-tag-actions .danger[b-bhf2qvqmel] {
    color: #ffb5ac;
}

.registry-tag-editor[b-bhf2qvqmel] {
    display: grid;
    grid-template-columns: minmax(76px, 0.7fr) minmax(0, 1.3fr) auto;
    gap: 8px;
}

.registry-tag-editor input[b-bhf2qvqmel],
.registry-tag-editor select[b-bhf2qvqmel] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #303741;
    border-radius: 6px;
    background: #0c1015;
    color: #dbe5ee;
}

.registry-tag-editor button[b-bhf2qvqmel] {
    white-space: nowrap;
}

@media (max-width: 720px) {
    .registry-tag-row[b-bhf2qvqmel],
    .registry-tag-editor[b-bhf2qvqmel] {
        grid-template-columns: minmax(0, 1fr);
    }

    .registry-tag-actions[b-bhf2qvqmel] {
        justify-content: flex-start;
    }
}
/* /Components/Files/RegistryManifestDialog.razor.rz.scp.css */
.registry-manifest-backdrop[b-m39sh7fuqr] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 48%);
}

.registry-manifest-dialog[b-m39sh7fuqr] {
    position: fixed;
    top: 56px;
    left: 50%;
    z-index: 41;
    display: grid;
    width: min(980px, calc(100vw - 32px));
    max-height: calc(100vh - 80px);
    gap: 14px;
    padding: 14px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.registry-manifest-dialog header[b-m39sh7fuqr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.registry-manifest-dialog h2[b-m39sh7fuqr] {
    margin: 0;
    font-size: 18px;
}

.registry-manifest-dialog p[b-m39sh7fuqr] {
    margin: 5px 0 0;
    color: #a8b2be;
    overflow-wrap: anywhere;
}

.registry-manifest-dialog header button[b-m39sh7fuqr] {
    min-height: 32px;
}

.registry-manifest-empty[b-m39sh7fuqr] {
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #a8b2be;
}

.registry-manifest-editor[b-m39sh7fuqr] {
    display: grid;
    grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr) auto;
    gap: 8px;
}

.registry-manifest-editor input[b-m39sh7fuqr],
.registry-manifest-editor select[b-m39sh7fuqr] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #303741;
    border-radius: 6px;
    background: #0c1015;
    color: #dbe5ee;
}

.registry-manifest-editor button[b-m39sh7fuqr] {
    white-space: nowrap;
}

.registry-manifest-list[b-m39sh7fuqr] {
    display: grid;
    gap: 8px;
}

.registry-manifest-row[b-m39sh7fuqr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.registry-manifest-main[b-m39sh7fuqr] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.registry-manifest-main strong[b-m39sh7fuqr],
.registry-manifest-main span[b-m39sh7fuqr] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-manifest-main strong[b-m39sh7fuqr] {
    color: #dbe5ee;
    font-size: 13px;
}

.registry-manifest-main span[b-m39sh7fuqr] {
    color: #87919d;
    font-size: 12px;
}

.registry-manifest-tags[b-m39sh7fuqr] {
    display: inline-flex;
    max-width: 180px;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.registry-manifest-tags span[b-m39sh7fuqr] {
    max-width: 100%;
    padding: 3px 6px;
    overflow: hidden;
    border: 1px solid #303741;
    border-radius: 999px;
    color: #c2cbd5;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-manifest-tags .empty[b-m39sh7fuqr] {
    color: #87919d;
}

.registry-manifest-actions[b-m39sh7fuqr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.registry-manifest-actions button[b-m39sh7fuqr] {
    min-height: 32px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .registry-manifest-dialog[b-m39sh7fuqr] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .registry-manifest-editor[b-m39sh7fuqr],
    .registry-manifest-row[b-m39sh7fuqr] {
        grid-template-columns: minmax(0, 1fr);
    }

    .registry-manifest-actions[b-m39sh7fuqr],
    .registry-manifest-tags[b-m39sh7fuqr] {
        justify-content: flex-start;
    }
}
/* /Components/Files/RegistryUserAdminDialog.razor.rz.scp.css */
.registry-dialog-backdrop[b-f2q68mqssn] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 48%);
}

.registry-dialog[b-f2q68mqssn] {
    position: fixed;
    top: 56px;
    left: 50%;
    z-index: 41;
    display: grid;
    width: min(960px, calc(100vw - 32px));
    max-height: calc(100vh - 80px);
    gap: 14px;
    padding: 14px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.registry-dialog header[b-f2q68mqssn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.registry-dialog h2[b-f2q68mqssn],
.registry-dialog h3[b-f2q68mqssn] {
    margin: 0;
}

.registry-dialog h2[b-f2q68mqssn] {
    font-size: 18px;
}

.registry-dialog h3[b-f2q68mqssn] {
    font-size: 15px;
}

.registry-dialog p[b-f2q68mqssn] {
    margin: 5px 0 0;
    color: #a8b2be;
    overflow-wrap: anywhere;
}

.registry-dialog header button[b-f2q68mqssn] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.registry-dialog-error[b-f2q68mqssn],
.registry-empty[b-f2q68mqssn] {
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #a8b2be;
}

.registry-dialog-error[b-f2q68mqssn] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.registry-user-toggle[b-f2q68mqssn] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #dbe5ee;
    cursor: pointer;
}

.registry-user-toggle-input[b-f2q68mqssn] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.registry-user-toggle-copy[b-f2q68mqssn] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.registry-user-toggle-copy strong[b-f2q68mqssn] {
    font-size: 13px;
}

.registry-user-toggle-copy span[b-f2q68mqssn] {
    color: #87919d;
    font-size: 12px;
    line-height: 1.35;
}

.registry-user-toggle-control[b-f2q68mqssn] {
    position: relative;
    width: 42px;
    height: 22px;
    border: 1px solid #3d4652;
    border-radius: 999px;
    background: #1a2027;
    transition: border-color .15s ease, background .15s ease;
}

.registry-user-toggle-control[b-f2q68mqssn]::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #b8c3cf;
    content: "";
    transition: background .15s ease, transform .15s ease;
}

.registry-user-toggle-input:checked + .registry-user-toggle-copy + .registry-user-toggle-control[b-f2q68mqssn] {
    border-color: #4f7896;
    background: #18344a;
}

.registry-user-toggle-input:checked + .registry-user-toggle-copy + .registry-user-toggle-control[b-f2q68mqssn]::after {
    background: #dbeafe;
    transform: translateX(20px);
}

.registry-user-toggle-input:focus-visible + .registry-user-toggle-copy + .registry-user-toggle-control[b-f2q68mqssn] {
    box-shadow: 0 0 0 2px #8fb4ff;
}

.registry-user-toggle-input:disabled + .registry-user-toggle-copy[b-f2q68mqssn],
.registry-user-toggle-input:disabled + .registry-user-toggle-copy + .registry-user-toggle-control[b-f2q68mqssn] {
    opacity: .58;
}

.registry-user-toggle:has(.registry-user-toggle-input:disabled)[b-f2q68mqssn] {
    cursor: default;
}

.registry-create-user[b-f2q68mqssn],
.registry-user-list[b-f2q68mqssn] {
    display: grid;
    gap: 10px;
}

.registry-create-grid[b-f2q68mqssn] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
    align-items: end;
    gap: 10px;
}

.registry-create-grid label:not(.registry-check)[b-f2q68mqssn] {
    display: grid;
    gap: 6px;
    color: #d7dde4;
    font-size: 13px;
}

.registry-create-grid input[type="text"][b-f2q68mqssn],
.registry-create-grid input:not([type])[b-f2q68mqssn] {
    min-height: 36px;
    padding: 0 10px;
}

.registry-check[b-f2q68mqssn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    color: #d7dde4;
}

.registry-user-row[b-f2q68mqssn] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.registry-user-row.revoked[b-f2q68mqssn] {
    opacity: .62;
}

.registry-user-main[b-f2q68mqssn] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.registry-user-main strong[b-f2q68mqssn],
.registry-user-main span[b-f2q68mqssn] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-user-main span[b-f2q68mqssn] {
    color: #a8b2be;
    font-size: 13px;
}

.registry-user-actions[b-f2q68mqssn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 760px) {
    .registry-dialog[b-f2q68mqssn] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .registry-create-grid[b-f2q68mqssn],
    .registry-user-row[b-f2q68mqssn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .registry-user-actions[b-f2q68mqssn] {
        justify-content: flex-start;
    }
}
/* /Components/Files/RevokedShareLinksDialog.razor.rz.scp.css */
.revoked-links-backdrop[b-9lqfb8pmlz] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgb(0 0 0 / 58%);
}

.revoked-links-dialog[b-9lqfb8pmlz] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    display: grid;
    width: min(620px, calc(100vw - 28px));
    max-height: min(720px, calc(100vh - 28px));
    gap: 14px;
    padding: 16px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 20px 80px rgb(0 0 0 / 48%);
    color: #edf1f5;
    transform: translate(-50%, -50%);
}

.revoked-links-dialog header[b-9lqfb8pmlz],
.revoked-links-list article[b-9lqfb8pmlz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.revoked-links-dialog h2[b-9lqfb8pmlz],
.revoked-links-dialog p[b-9lqfb8pmlz] {
    margin: 0;
}

.revoked-links-dialog h2[b-9lqfb8pmlz] {
    font-size: 18px;
}

.revoked-links-dialog header p[b-9lqfb8pmlz],
.revoked-links-empty[b-9lqfb8pmlz],
.revoked-links-list span[b-9lqfb8pmlz],
.revoked-links-list time[b-9lqfb8pmlz] {
    color: #87919d;
}

.revoked-links-dialog header p[b-9lqfb8pmlz] {
    margin-top: 4px;
}

.revoked-links-dialog header button[b-9lqfb8pmlz],
.revoked-links-list button[b-9lqfb8pmlz] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}

.revoked-links-list[b-9lqfb8pmlz] {
    display: grid;
    gap: 8px;
}

.revoked-links-list article[b-9lqfb8pmlz] {
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.revoked-links-list article > div[b-9lqfb8pmlz],
.revoked-links-list span[b-9lqfb8pmlz],
.revoked-links-list time[b-9lqfb8pmlz] {
    display: grid;
    gap: 3px;
}

.revoked-links-list span[b-9lqfb8pmlz],
.revoked-links-list time[b-9lqfb8pmlz] {
    font-size: 12px;
}
/* /Components/Files/ShareCopyNotification.razor.rz.scp.css */
.share-copy-notification[b-gaw3sem74l] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1200;
    max-width: min(420px, calc(100vw - 32px));
    padding: 12px 18px;
    border: 1px solid #3c7653;
    border-radius: 8px;
    background: rgba(20, 26, 31, 0.97);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.42);
    color: #eaf7ef;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    text-align: center;
    pointer-events: none;
    transform: translate(-50%, -50%);
    animation: share-copy-notification-in-b-gaw3sem74l 160ms ease-out both;
}

.share-copy-notification.error[b-gaw3sem74l] {
    border-color: #8a6338;
    color: #ffe0b2;
}

@keyframes share-copy-notification-in-b-gaw3sem74l {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 8px)) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .share-copy-notification[b-gaw3sem74l] {
        animation: none;
    }
}
/* /Components/Files/ShareCredentialDialog.razor.rz.scp.css */
.share-credential-backdrop[b-hezxfpm5m3] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 48%);
}

.share-credential-dialog[b-hezxfpm5m3] {
    position: fixed;
    top: 56px;
    left: 50%;
    z-index: 41;
    display: grid;
    width: min(880px, calc(100vw - 32px));
    max-height: calc(100vh - 80px);
    gap: 14px;
    padding: 14px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.share-credential-dialog header[b-hezxfpm5m3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.share-credential-dialog h2[b-hezxfpm5m3],
.share-credential-dialog h3[b-hezxfpm5m3] {
    margin: 0;
}

.share-credential-dialog h2[b-hezxfpm5m3] {
    font-size: 18px;
}

.share-credential-dialog h3[b-hezxfpm5m3] {
    font-size: 15px;
}

.share-credential-dialog p[b-hezxfpm5m3] {
    margin: 5px 0 0;
    color: #a8b2be;
    overflow-wrap: anywhere;
}

.share-credential-dialog header button[b-hezxfpm5m3] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.share-credential-error[b-hezxfpm5m3],
.share-credential-empty[b-hezxfpm5m3] {
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #a8b2be;
}

.share-credential-error[b-hezxfpm5m3] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.share-credential-field[b-hezxfpm5m3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 36px;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #2e5648;
    border-radius: 6px;
    background: #12231d;
}

.share-credential-field span[b-hezxfpm5m3] {
    color: #a8e0cc;
    font-size: 12px;
    font-weight: 700;
}

.share-credential-field input[b-hezxfpm5m3] {
    min-width: 0;
    min-height: 34px;
    padding: 0 10px;
}

.share-credential-field button[b-hezxfpm5m3] {
    display: grid;
    min-height: 34px;
    place-items: center;
    padding: 0;
}

.share-credential-create[b-hezxfpm5m3],
.share-credential-list[b-hezxfpm5m3] {
    display: grid;
    gap: 10px;
}

.share-credential-create-grid[b-hezxfpm5m3] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto auto auto;
    align-items: end;
    gap: 10px;
}

.share-credential-create-grid label:not(.share-credential-check)[b-hezxfpm5m3] {
    display: grid;
    gap: 6px;
    color: #d7dde4;
    font-size: 13px;
}

.share-credential-create-grid input[b-hezxfpm5m3] {
    min-height: 36px;
    padding: 0 10px;
}

.share-credential-check[b-hezxfpm5m3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    color: #d7dde4;
}

.share-credential-row[b-hezxfpm5m3] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.share-credential-row.revoked[b-hezxfpm5m3] {
    opacity: .62;
}

.share-credential-main[b-hezxfpm5m3] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.share-credential-main strong[b-hezxfpm5m3],
.share-credential-main span[b-hezxfpm5m3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-credential-main span[b-hezxfpm5m3] {
    color: #a8b2be;
    font-size: 13px;
}

.share-credential-actions[b-hezxfpm5m3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.share-credential-actions button[title][b-hezxfpm5m3] {
    display: grid;
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    place-items: center;
    padding: 0;
}

@media (max-width: 760px) {
    .share-credential-dialog[b-hezxfpm5m3] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .share-credential-create-grid[b-hezxfpm5m3],
    .share-credential-row[b-hezxfpm5m3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .share-credential-actions[b-hezxfpm5m3] {
        justify-content: flex-start;
    }
}
/* /Components/Files/ShareDownloadActivityDialog.razor.rz.scp.css */
.activity-backdrop[b-j4evr9ysic] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 48%);
}

.activity-dialog[b-j4evr9ysic] {
    position: fixed;
    top: 72px;
    left: 50%;
    z-index: 41;
    display: grid;
    width: min(920px, calc(100vw - 32px));
    max-height: calc(100vh - 96px);
    gap: 12px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.activity-dialog header[b-j4evr9ysic] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.activity-dialog h2[b-j4evr9ysic] {
    margin: 0;
    font-size: 18px;
}

.activity-dialog p[b-j4evr9ysic] {
    margin: 5px 0 0;
    color: #a8b2be;
}

.activity-dialog header button[b-j4evr9ysic] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.activity-list[b-j4evr9ysic] {
    min-height: 0;
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 6px;
}

.activity-row[b-j4evr9ysic] {
    display: grid;
    grid-template-columns: var(--activity-grid-columns, minmax(128px, .65fr) minmax(140px, .8fr) minmax(120px, .7fr) minmax(110px, .55fr) minmax(170px, 1fr));
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 0 10px;
    border-bottom: 1px solid #252a31;
}

.activity-row:last-child[b-j4evr9ysic] {
    border-bottom: 0;
}

.activity-row span[b-j4evr9ysic] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-header[b-j4evr9ysic] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #11151a;
    color: #87919d;
    font-size: 12px;
    font-weight: 650;
}

.activity-heading-button[b-j4evr9ysic] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    text-align: left;
}

.activity-heading-button:hover[b-j4evr9ysic],
.activity-heading-button:focus-visible[b-j4evr9ysic] {
    color: #edf1f5;
}

.activity-heading-button.dragging[b-j4evr9ysic] {
    opacity: .55;
}

.activity-heading-button span:first-child[b-j4evr9ysic] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activity-sort-indicator[b-j4evr9ysic] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.activity-sort-indicator.active[b-j4evr9ysic] {
    opacity: 1;
}

.activity-empty[b-j4evr9ysic],
.activity-error[b-j4evr9ysic] {
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #a8b2be;
}

.activity-error[b-j4evr9ysic] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

@media (max-width: 760px) {
    .activity-dialog[b-j4evr9ysic] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .activity-row[b-j4evr9ysic] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        padding: 8px 10px;
    }

    .activity-header[b-j4evr9ysic] {
        display: none;
    }
}
/* /Components/Files/ShareLimitFields.razor.rz.scp.css */
.share-grid[b-n9sd7jih51] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.share-grid label[b-n9sd7jih51] {
    display: grid;
    gap: 6px;
}

.share-grid span[b-n9sd7jih51] {
    color: #a8b2be;
    font-size: 12px;
}

.share-grid input[b-n9sd7jih51] {
    min-height: 36px;
    padding: 0 10px;
}
/* /Components/Files/ShareLinkCreateFields.razor.rz.scp.css */
.share-create-fields[b-49mo4tnkx7] {
    display: grid;
    gap: 10px;
}

.share-name-input-row[b-49mo4tnkx7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 6px;
}

.share-name-input-row input[b-49mo4tnkx7] {
    min-width: 0;
}

.share-options-button[b-49mo4tnkx7] {
    min-height: 36px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.share-options-button[aria-expanded="true"][b-49mo4tnkx7] {
    border-color: #2c725d;
    background: #12382d;
    color: #9ee6cf;
}
/* /Components/Files/ShareLinksList.razor.rz.scp.css */
.links-panel[b-kapt97vxyp] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.links-panel h2[b-kapt97vxyp] {
    margin: 0;
    font-size: 16px;
}

.links-panel-header[b-kapt97vxyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.links-panel-header button[b-kapt97vxyp] {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    padding: 0;
}

.muted[b-kapt97vxyp],
.share-link span[b-kapt97vxyp] {
    color: #a8b2be;
}

.share-link[b-kapt97vxyp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.share-link.inactive[b-kapt97vxyp] {
    opacity: .62;
}

.share-link strong[b-kapt97vxyp],
.share-link span[b-kapt97vxyp] {
    display: block;
}

.share-link span[b-kapt97vxyp] {
    font-size: 12px;
}

.link-actions[b-kapt97vxyp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.link-actions button[b-kapt97vxyp] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
/* /Components/Files/UserShareRecipients.razor.rz.scp.css */
.user-share-empty[b-y2j8d1ea64] {
    color: #87919d;
    font-size: 13px;
}

.user-share-list[b-y2j8d1ea64] {
    display: grid;
    gap: 6px;
}

.user-share-row[b-y2j8d1ea64] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 0 0 0 8px;
    border: 1px solid #252a31;
    border-radius: 5px;
    background: #11151a;
}

.user-share-row span[b-y2j8d1ea64] {
    min-width: 0;
    overflow: hidden;
    color: #cdd6df;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-share-row button[b-y2j8d1ea64] {
    display: grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    place-items: center;
    padding: 0;
}
/* /Components/Files/VirusScanBadge.razor.rz.scp.css */
.virus-scan-badge[b-czegliizx6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    padding: 1px 6px;
    border: 1px solid #2c725d;
    border-radius: 999px;
    background: #12382d;
    color: #9ee6cf;
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
}

button.virus-scan-badge[b-czegliizx6] {
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 1px 6px;
    font-family: inherit;
    font-size: 11px;
    line-height: 16px;
    cursor: pointer;
}

button.virus-scan-badge:hover[b-czegliizx6],
button.virus-scan-badge:focus-visible[b-czegliizx6] {
    border-color: #c76c60;
    background: #48231f;
}

.virus-scan-badge span[b-czegliizx6] {
    color: inherit;
}

.virus-scan-badge.queued[b-czegliizx6] {
    border-color: #60541f;
    background: #2f2811;
    color: #f1d37a;
}

.virus-scan-badge.pending[b-czegliizx6] {
    border-color: #60541f;
    background: #2f2811;
    color: #f1d37a;
}

.virus-scan-badge.scanning[b-czegliizx6] {
    border-color: #275a83;
    background: #102b40;
    color: #9ed4ff;
}

.virus-scan-badge.error[b-czegliizx6] {
    border-color: #87483f;
    background: #351b18;
    color: #ffb5ac;
}

.virus-scan-badge.scanning .fa-solid[b-czegliizx6] {
    animation: virus-scan-spin-b-czegliizx6 1s linear infinite;
}

@keyframes virus-scan-spin-b-czegliizx6 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Files/VirusScanFailureDialog.razor.rz.scp.css */
.virus-failure-backdrop[b-ng06ij6x5q] {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgb(0 0 0 / 58%);
}

.virus-failure-dialog[b-ng06ij6x5q] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 81;
    display: grid;
    width: min(560px, calc(100vw - 28px));
    gap: 14px;
    padding: 16px;
    border: 1px solid #4b3532;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 20px 80px rgb(0 0 0 / 48%);
    color: #edf1f5;
    white-space: normal;
    transform: translate(-50%, -50%);
}

.virus-failure-dialog > *[b-ng06ij6x5q],
.virus-failure-dialog header > div[b-ng06ij6x5q],
.virus-failure-reason[b-ng06ij6x5q] {
    min-width: 0;
    max-width: 100%;
}

.virus-failure-list[b-ng06ij6x5q],
.virus-failure-item[b-ng06ij6x5q],
.virus-failure-file[b-ng06ij6x5q] {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.virus-failure-list[b-ng06ij6x5q] {
    max-height: min(480px, calc(100vh - 260px));
    overflow: auto;
}

.virus-failure-item[b-ng06ij6x5q] {
    padding-bottom: 12px;
    border-bottom: 1px solid #2b3037;
}

.virus-failure-item:last-child[b-ng06ij6x5q] {
    padding-bottom: 0;
    border-bottom: 0;
}

.virus-failure-file[b-ng06ij6x5q] {
    gap: 2px;
}

.virus-failure-file span[b-ng06ij6x5q] {
    color: #87919d;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.virus-failure-item-action[b-ng06ij6x5q] {
    justify-self: end;
}

.virus-failure-dialog header[b-ng06ij6x5q],
.virus-failure-dialog footer[b-ng06ij6x5q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.virus-failure-dialog h2[b-ng06ij6x5q],
.virus-failure-dialog p[b-ng06ij6x5q] {
    margin: 0;
}

.virus-failure-dialog h2[b-ng06ij6x5q] {
    font-size: 18px;
}

.virus-failure-dialog header p[b-ng06ij6x5q],
.virus-failure-warning[b-ng06ij6x5q] {
    margin-top: 4px;
    color: #a8b2be;
}

.virus-failure-dialog header button[b-ng06ij6x5q] {
    width: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}

.virus-failure-reason[b-ng06ij6x5q] {
    display: grid;
    gap: 7px;
    padding: 11px;
    border: 1px solid #74463f;
    border-radius: 6px;
    background: #261916;
}

.virus-failure-reason p[b-ng06ij6x5q] {
    color: #ffc7bd;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.virus-failure-error[b-ng06ij6x5q] {
    color: #ffb5ac;
}

.virus-failure-dialog footer[b-ng06ij6x5q] {
    justify-content: flex-end;
}
/* /Components/Git/GitBlobViewer.razor.rz.scp.css */
.git-blob-viewer[b-hfjh3a4kqx] {
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-blob-viewer header[b-hfjh3a4kqx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.git-blob-viewer header div[b-hfjh3a4kqx] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.git-blob-viewer header a[b-hfjh3a4kqx] {
    color: #8fd5c3;
    text-decoration: none;
    white-space: nowrap;
}

.git-blob-viewer header strong[b-hfjh3a4kqx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-blob-viewer header span[b-hfjh3a4kqx] {
    color: #a8b2be;
    font-size: 12px;
}

.git-blob-viewer pre[b-hfjh3a4kqx] {
    max-height: 68vh;
    margin: 0;
    overflow: auto;
    padding: 14px;
    background: #0f1318;
}

.git-blob-viewer code[b-hfjh3a4kqx] {
    color: #dbe5ee;
    font-family: Consolas, "SFMono-Regular", monospace;
    font-size: 13px;
    line-height: 1.45;
    white-space: pre;
}

.git-blob-empty[b-hfjh3a4kqx] {
    padding: 18px;
    color: #a8b2be;
}
/* /Components/Git/GitClonePanel.razor.rz.scp.css */
.git-clone-panel[b-t7f5dat7na] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-clone-panel p[b-t7f5dat7na] {
    margin: 6px 0 0;
    color: #a8b2be;
}

.git-visibility[b-t7f5dat7na] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
}

.git-visibility.public[b-t7f5dat7na] {
    color: #8fd5c3;
}

.git-visibility.private[b-t7f5dat7na] {
    color: #f0c66b;
}

.git-clone-command[b-t7f5dat7na] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 8px;
}

.git-clone-command code[b-t7f5dat7na] {
    min-width: 0;
    padding: 9px 10px;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
    color: #dbe5ee;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-clone-command button[b-t7f5dat7na] {
    display: grid;
    min-height: 38px;
    place-items: center;
    padding: 0;
}

@media (max-width: 760px) {
    .git-clone-panel[b-t7f5dat7na] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Git/GitCommitList.razor.rz.scp.css */
.git-commit-list[b-hop7djb8vx] {
    display: grid;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-commit-list header[b-hop7djb8vx],
.git-commit-row[b-hop7djb8vx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
}

.git-commit-list header[b-hop7djb8vx] {
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.git-commit-list h2[b-hop7djb8vx] {
    margin: 0;
    font-size: 16px;
}

.git-commit-list header span[b-hop7djb8vx],
.git-commit-row span[b-hop7djb8vx] {
    color: #a8b2be;
    font-size: 12px;
}

.git-commit-row[b-hop7djb8vx] {
    min-height: 52px;
    border-top: 1px solid #252a31;
}

.git-commit-row:first-of-type[b-hop7djb8vx] {
    border-top: 0;
}

.git-commit-row div[b-hop7djb8vx] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.git-commit-row strong[b-hop7djb8vx],
.git-commit-row span[b-hop7djb8vx] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-commit-row code[b-hop7djb8vx] {
    padding: 4px 7px;
    border: 1px solid #343a42;
    border-radius: 999px;
    background: #11151a;
    color: #dbe5ee;
}

.git-commit-empty[b-hop7djb8vx] {
    padding: 16px;
    color: #a8b2be;
}

@media (max-width: 560px) {
    .git-commit-list header[b-hop7djb8vx],
    .git-commit-row[b-hop7djb8vx] {
        grid-template-columns: minmax(0, 1fr);
    }

    .git-commit-row code[b-hop7djb8vx] {
        justify-self: start;
    }
}
/* /Components/Git/GitFileTable.razor.rz.scp.css */
.git-file-table[b-p39u265lfq] {
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-file-table header[b-p39u265lfq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.git-file-table header div[b-p39u265lfq] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.git-file-table header span[b-p39u265lfq] {
    padding: 2px 7px;
    border: 1px solid #343a42;
    border-radius: 999px;
    color: #cfd8e3;
    font-size: 12px;
}

.git-file-table header strong[b-p39u265lfq] {
    min-width: 0;
    overflow: hidden;
    color: #edf1f5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-file-table header a[b-p39u265lfq] {
    color: #8fd5c3;
    text-decoration: none;
    white-space: nowrap;
}

.git-file-list[b-p39u265lfq] {
    display: grid;
}

.git-file-heading[b-p39u265lfq],
.git-file-row[b-p39u265lfq] {
    display: grid;
    grid-template-columns: var(--git-file-grid-columns, minmax(0, 1fr) 92px 88px);
    align-items: center;
    gap: 10px;
}

.git-file-heading[b-p39u265lfq] {
    min-height: 32px;
    padding: 0 12px;
    background: #11151a;
    color: #87919d;
    font-size: 12px;
    font-weight: 700;
}

.git-file-heading-button[b-p39u265lfq] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    text-align: left;
}

.git-file-heading-button:hover[b-p39u265lfq],
.git-file-heading-button:focus-visible[b-p39u265lfq] {
    color: #edf1f5;
}

.git-file-heading-button.dragging[b-p39u265lfq] {
    opacity: .55;
}

.git-file-sort-indicator[b-p39u265lfq] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.git-file-sort-indicator.active[b-p39u265lfq] {
    opacity: 1;
}

.git-file-row[b-p39u265lfq] {
    min-height: 42px;
    padding: 0 12px;
    border-top: 1px solid #252a31;
    color: #e7ebef;
    text-decoration: none;
}

.git-file-row:hover[b-p39u265lfq],
.git-file-row:focus-visible[b-p39u265lfq] {
    background: #1a2027;
}

.git-file-col-name[b-p39u265lfq] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.git-file-col-name .fa-folder[b-p39u265lfq] {
    color: #82cfff;
}

.git-file-col-name .fa-file-lines[b-p39u265lfq] {
    color: #a8b2be;
}

.git-file-col-name span:last-child[b-p39u265lfq],
.git-file-heading-button span:first-child[b-p39u265lfq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-file-col-kind[b-p39u265lfq],
.git-file-col-size[b-p39u265lfq] {
    color: #87919d;
    font-size: 12px;
}

.git-file-col-size[b-p39u265lfq] {
    text-align: right;
}

.git-empty-row[b-p39u265lfq] {
    padding: 16px;
    color: #a8b2be;
}

@media (max-width: 680px) {
    .git-file-heading[b-p39u265lfq],
    .git-file-row[b-p39u265lfq] {
        grid-template-columns: minmax(0, 1fr) 68px;
    }

    .git-file-col-kind[b-p39u265lfq] {
        display: none;
    }
}
/* /Components/Git/GitReadmePanel.razor.rz.scp.css */
.git-readme-panel[b-5dfhvve5tc] {
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-readme-panel header[b-5dfhvve5tc] {
    padding: 10px 12px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.git-readme-panel h2[b-5dfhvve5tc] {
    margin: 0;
    font-size: 16px;
}

.git-readme-panel pre[b-5dfhvve5tc] {
    max-height: 520px;
    margin: 0;
    overflow: auto;
    padding: 14px;
    white-space: pre-wrap;
}

.git-readme-panel code[b-5dfhvve5tc] {
    color: #dbe5ee;
    font-family: "Segoe UI", system-ui, sans-serif;
    line-height: 1.5;
}
/* /Components/Git/GitRepositorySettingsPanel.razor.rz.scp.css */
.git-settings-panel[b-dwb3g958qp] {
    display: grid;
    gap: 12px;
}

.git-settings-panel > header[b-dwb3g958qp],
.git-settings-section[b-dwb3g958qp],
.git-settings-toggle[b-dwb3g958qp] {
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-settings-panel h2[b-dwb3g958qp],
.git-settings-panel h3[b-dwb3g958qp],
.git-settings-panel p[b-dwb3g958qp] {
    margin: 0;
}

.git-settings-panel h2[b-dwb3g958qp] {
    font-size: 18px;
}

.git-settings-panel h3[b-dwb3g958qp] {
    font-size: 15px;
}

.git-settings-panel p[b-dwb3g958qp],
.git-settings-toggle small[b-dwb3g958qp] {
    color: #a8b2be;
}

.git-settings-panel > header p[b-dwb3g958qp] {
    margin-top: 5px;
}

.git-settings-toggle[b-dwb3g958qp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.git-settings-toggle span[b-dwb3g958qp] {
    display: grid;
    gap: 3px;
}

.git-settings-section[b-dwb3g958qp] {
    display: grid;
    gap: 10px;
}

.git-settings-create[b-dwb3g958qp] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
    align-items: center;
    gap: 10px;
}

.git-settings-create input[type="text"][b-dwb3g958qp],
.git-settings-create input:not([type])[b-dwb3g958qp] {
    min-height: 36px;
    padding: 0 10px;
}

.git-settings-create label[b-dwb3g958qp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d7dde4;
}

.git-settings-user[b-dwb3g958qp] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.git-settings-user.revoked[b-dwb3g958qp] {
    opacity: .62;
}

.git-settings-user-main[b-dwb3g958qp] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.git-settings-user-main strong[b-dwb3g958qp],
.git-settings-user-main span[b-dwb3g958qp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-settings-user-main span[b-dwb3g958qp] {
    color: #a8b2be;
    font-size: 13px;
}

.git-settings-user-actions[b-dwb3g958qp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.danger-button[b-dwb3g958qp] {
    border-color: #74443f;
    background: #2a1817;
    color: #ffb5ac;
}

.danger-button:hover:not(:disabled)[b-dwb3g958qp] {
    border-color: #9a5a52;
    background: #3a1d1b;
}

.danger-zone[b-dwb3g958qp] {
    border-color: #74443f;
}

.git-delete-confirm[b-dwb3g958qp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #ffc7a8;
}

.git-settings-error[b-dwb3g958qp],
.git-settings-empty[b-dwb3g958qp] {
    padding: 10px;
    border-radius: 6px;
}

.git-settings-error[b-dwb3g958qp] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.git-settings-empty[b-dwb3g958qp] {
    border: 1px solid #252a31;
    background: #11151a;
    color: #a8b2be;
}

@media (max-width: 760px) {
    .git-settings-create[b-dwb3g958qp],
    .git-settings-user[b-dwb3g958qp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .git-settings-user-actions[b-dwb3g958qp],
    .git-delete-confirm[b-dwb3g958qp] {
        justify-content: flex-start;
    }
}
/* /Components/GoogleMark.razor.rz.scp.css */
.google-mark[b-xmeuzfaqkw] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}
/* /Components/Layout/AdminErrorBoundary.razor.rz.scp.css */
.admin-error-boundary[b-2sn5duyi33] {
    display: grid;
    gap: 12px;
    margin: 16px;
    padding: 14px;
    border: 1px solid #79513e;
    border-radius: 8px;
    background: #241a16;
    color: #ffc7a8;
}

.admin-error-boundary header[b-2sn5duyi33] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.admin-error-boundary h2[b-2sn5duyi33],
.admin-error-boundary p[b-2sn5duyi33] {
    margin: 0;
}

.admin-error-boundary h2[b-2sn5duyi33] {
    font-size: 18px;
}

.admin-error-boundary p[b-2sn5duyi33] {
    margin-top: 4px;
    color: #ffd4bd;
}

.admin-error-boundary pre[b-2sn5duyi33] {
    max-height: 52vh;
    margin: 0;
    padding: 12px;
    overflow: auto;
    border: 1px solid #5f3b30;
    border-radius: 6px;
    background: #140f0d;
    color: #ffd8c2;
    white-space: pre-wrap;
}

.admin-error-boundary button[b-2sn5duyi33] {
    flex: 0 0 auto;
}
/* /Components/Layout/AppStorageDialog.razor.rz.scp.css */
.app-storage-backdrop[b-q1g38ta04y] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgb(0 0 0 / 55%);
}

.app-storage-dialog[b-q1g38ta04y] {
    position: fixed;
    top: 72px;
    left: 50%;
    z-index: 51;
    display: grid;
    width: min(880px, calc(100vw - 32px));
    max-height: calc(100vh - 96px);
    gap: 14px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.app-storage-dialog header[b-q1g38ta04y],
.app-storage-actions[b-q1g38ta04y] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.app-storage-dialog h2[b-q1g38ta04y] {
    margin: 0;
    font-size: 18px;
}

.app-storage-dialog header p[b-q1g38ta04y] {
    margin: 5px 0 0;
    color: #a8b2be;
}

.app-storage-actions button[b-q1g38ta04y] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.app-storage-overview[b-q1g38ta04y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.app-storage-overview div[b-q1g38ta04y] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.app-storage-overview span[b-q1g38ta04y],
.app-storage-overview small[b-q1g38ta04y] {
    overflow: hidden;
    color: #a8b2be;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-storage-overview strong[b-q1g38ta04y] {
    color: #edf1f5;
    font-size: 20px;
}

.app-storage-table-wrap[b-q1g38ta04y] {
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 6px;
}

.app-storage-dialog table[b-q1g38ta04y] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    white-space: nowrap;
}

.app-storage-dialog th[b-q1g38ta04y],
.app-storage-dialog td[b-q1g38ta04y] {
    padding: 10px 12px;
    border-bottom: 1px solid #252a31;
    text-align: right;
}

.app-storage-dialog th:first-child[b-q1g38ta04y] {
    text-align: left;
}

.app-storage-dialog thead th[b-q1g38ta04y],
.app-storage-dialog tfoot th[b-q1g38ta04y],
.app-storage-dialog tfoot td[b-q1g38ta04y] {
    color: #d8e0e8;
    font-weight: 700;
}

.app-storage-dialog thead th[b-q1g38ta04y],
.app-storage-dialog tfoot th[b-q1g38ta04y],
.app-storage-dialog tfoot td[b-q1g38ta04y] {
    background: #11151a;
}

.app-storage-dialog tbody td[b-q1g38ta04y] {
    color: #c2cbd5;
}

.app-storage-dialog tfoot th[b-q1g38ta04y],
.app-storage-dialog tfoot td[b-q1g38ta04y] {
    border-bottom: 0;
}

.app-storage-distribution[b-q1g38ta04y] {
    display: grid;
    grid-template-columns: minmax(90px, 1fr) 58px;
    align-items: center;
    gap: 8px;
}

.app-storage-bar[b-q1g38ta04y] {
    display: block;
    width: 150px;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #252a31;
}

.app-storage-bar span[b-q1g38ta04y] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #82cfff;
}

.app-storage-state[b-q1g38ta04y] {
    padding: 28px;
    color: #a8b2be;
    text-align: center;
}

.app-storage-state.error[b-q1g38ta04y] {
    color: #ffc7a8;
}

@media (max-width: 660px) {
    .app-storage-dialog[b-q1g38ta04y] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .app-storage-overview[b-q1g38ta04y] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/HeaderStatusBadges.razor.rz.scp.css */
.header-status-badges[b-3mob9npa3b] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.header-status-badge[b-3mob9npa3b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #15191e;
    color: #c8d0d9;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

button.header-status-badge[b-3mob9npa3b] {
    min-height: 30px;
    border: 0;
    cursor: pointer;
}

button.header-status-badge:hover[b-3mob9npa3b],
button.header-status-badge:focus-visible[b-3mob9npa3b] {
    background: #20303c;
    color: #edf1f5;
}

.header-status-badge .fa-solid[b-3mob9npa3b] {
    color: #82cfff;
    font-size: 11px;
}

.header-status-badge.active[b-3mob9npa3b] {
    background: #241a16;
    color: #ffc7a8;
}

.header-status-badge.active .fa-solid[b-3mob9npa3b] {
    color: #ffc777;
}

.header-status-badge.antivirus[b-3mob9npa3b] {
    gap: 7px;
}

.header-status-badge.online[b-3mob9npa3b] {
    background: #14211d;
    color: #d8f3e8;
}

.header-status-badge.online .fa-solid[b-3mob9npa3b] {
    color: #7ee787;
}

.header-status-badge.meetings[b-3mob9npa3b] {
    background: #172330;
    color: #dcebf8;
}

.header-status-badge.meetings .fa-solid[b-3mob9npa3b] {
    color: #82cfff;
}

button.header-status-badge.meetings:hover[b-3mob9npa3b],
button.header-status-badge.meetings:focus-visible[b-3mob9npa3b] {
    background: #20364a;
    color: #fff;
}

@media (max-width: 760px) {
    .header-status-badges[b-3mob9npa3b] {
        flex-wrap: wrap;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-t5ewzwe7j4] {
    min-height: 100vh;
}

.app-header[b-t5ewzwe7j4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.header-status-slot[b-t5ewzwe7j4] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 16px;
    overflow: hidden;
}

.brand[b-t5ewzwe7j4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #edf1f5;
    text-decoration: none;
}

.brand-icon[b-t5ewzwe7j4] {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.brand-wordmark[b-t5ewzwe7j4] {
    width: 128px;
    height: auto;
    object-fit: contain;
}

.app-header nav[b-t5ewzwe7j4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.app-header nav a[b-t5ewzwe7j4],
.link-button[b-t5ewzwe7j4] {
    color: #a8b2be;
    font: inherit;
    text-decoration: none;
}

.app-header nav a:hover[b-t5ewzwe7j4],
.app-header nav a:focus-visible[b-t5ewzwe7j4],
.link-button:hover[b-t5ewzwe7j4],
.link-button:focus-visible[b-t5ewzwe7j4] {
    color: #edf1f5;
}

.app-header nav form[b-t5ewzwe7j4] {
    margin: 0;
}

.current-user[b-t5ewzwe7j4] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 220px;
    overflow: hidden;
    color: #c2cbd5;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-user .fa-solid[b-t5ewzwe7j4] {
    color: #82cfff;
    font-size: 12px;
}

.link-button[b-t5ewzwe7j4],
.settings-button[b-t5ewzwe7j4],
.logout-button[b-t5ewzwe7j4] {
    border: 0;
    background: transparent;
}

.link-button[b-t5ewzwe7j4] {
    min-height: 0;
    padding: 0;
}

.settings-button[b-t5ewzwe7j4],
.logout-button[b-t5ewzwe7j4] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
    color: #a8b2be;
}

.settings-button[aria-expanded="true"][b-t5ewzwe7j4] {
    background: #17342f;
    color: #7ee787;
}

.settings-button:hover[b-t5ewzwe7j4],
.settings-button:focus-visible[b-t5ewzwe7j4],
.logout-button:hover[b-t5ewzwe7j4],
.logout-button:focus-visible[b-t5ewzwe7j4] {
    color: #edf1f5;
}

.dialog-backdrop[b-t5ewzwe7j4] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 48%);
}

.invite-dialog[b-t5ewzwe7j4],
.settings-dialog[b-t5ewzwe7j4] {
    position: fixed;
    top: 72px;
    left: 50%;
    z-index: 41;
    display: grid;
    width: min(640px, calc(100vw - 32px));
    max-height: calc(100vh - 96px);
    gap: 12px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.settings-dialog[b-t5ewzwe7j4] {
    width: min(520px, calc(100vw - 32px));
}

.invite-dialog header[b-t5ewzwe7j4],
.settings-dialog header[b-t5ewzwe7j4] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.invite-dialog h2[b-t5ewzwe7j4],
.settings-dialog h2[b-t5ewzwe7j4] {
    margin: 0;
    font-size: 18px;
}

.invite-dialog p[b-t5ewzwe7j4],
.settings-dialog p[b-t5ewzwe7j4] {
    margin: 5px 0 0;
    color: #a8b2be;
}

.invite-dialog header button[b-t5ewzwe7j4],
.settings-dialog header button[b-t5ewzwe7j4] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.settings-section[b-t5ewzwe7j4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.settings-section h3[b-t5ewzwe7j4] {
    margin: 0;
    font-size: 14px;
}

.settings-action[b-t5ewzwe7j4] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
}

.invite-status[b-t5ewzwe7j4],
.empty-invites[b-t5ewzwe7j4] {
    padding: 10px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
}

.invite-status.error[b-t5ewzwe7j4],
.empty-invites[b-t5ewzwe7j4] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.invite-count[b-t5ewzwe7j4] {
    color: #a8b2be;
    font-size: 12px;
}

.invite-email-list[b-t5ewzwe7j4] {
    display: grid;
    max-height: min(36vh, 320px);
    gap: 8px;
    overflow: auto;
    padding-right: 4px;
}

.invite-email-list input[b-t5ewzwe7j4] {
    min-height: 34px;
    padding: 0 10px;
}

.personal-message[b-t5ewzwe7j4] {
    display: grid;
    gap: 6px;
}

.personal-message span[b-t5ewzwe7j4] {
    color: #a8b2be;
    font-size: 12px;
}

.personal-message textarea[b-t5ewzwe7j4] {
    min-height: 90px;
    resize: vertical;
}

.send-invites-button[b-t5ewzwe7j4] {
    justify-self: end;
}

@media (max-width: 760px) {
    .app-header[b-t5ewzwe7j4] {
        height: auto;
        min-height: 54px;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px 12px;
    }

    .header-status-slot[b-t5ewzwe7j4] {
        position: static;
        order: 3;
        width: 100%;
        max-width: none;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        transform: none;
    }

    .app-header nav[b-t5ewzwe7j4] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
/* /Components/Layout/MeetingRoomsDialog.razor.rz.scp.css */
.meeting-rooms-backdrop[b-st0ihqhmk4] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgb(0 0 0 / 55%);
}

.meeting-rooms-dialog[b-st0ihqhmk4] {
    position: fixed;
    top: 72px;
    left: 50%;
    z-index: 51;
    display: grid;
    width: min(980px, calc(100vw - 32px));
    max-height: calc(100vh - 96px);
    gap: 14px;
    padding: 16px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.meeting-rooms-dialog > header[b-st0ihqhmk4],
.meeting-rooms-actions[b-st0ihqhmk4] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.meeting-rooms-dialog h2[b-st0ihqhmk4],
.meeting-rooms-dialog p[b-st0ihqhmk4] {
    margin: 0;
}

.meeting-rooms-dialog h2[b-st0ihqhmk4] {
    font-size: 18px;
}

.meeting-rooms-dialog header p[b-st0ihqhmk4] {
    margin-top: 5px;
    color: #a8b2be;
}

.meeting-rooms-actions[b-st0ihqhmk4] {
    align-items: center;
}

.meeting-rooms-actions .button[b-st0ihqhmk4] {
    min-height: 32px;
}

.meeting-rooms-actions button[b-st0ihqhmk4] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

@media (max-width: 660px) {
    .meeting-rooms-dialog[b-st0ihqhmk4] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .meeting-rooms-dialog > header[b-st0ihqhmk4] {
        display: grid;
    }
}
/* /Components/Layout/MemoryDiagnosticsDialog.razor.rz.scp.css */
.memory-diagnostics-backdrop[b-x1afwfc6i7] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgb(0 0 0 / 55%);
}

.memory-diagnostics-dialog[b-x1afwfc6i7] {
    position: fixed;
    top: 32px;
    left: 50%;
    z-index: 51;
    display: grid;
    width: min(1080px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    gap: 16px;
    padding: 18px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.memory-diagnostics-dialog header[b-x1afwfc6i7],
.memory-diagnostics-actions[b-x1afwfc6i7],
.memory-diagnostics-section-heading[b-x1afwfc6i7] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.memory-diagnostics-dialog h2[b-x1afwfc6i7],
.memory-diagnostics-dialog h3[b-x1afwfc6i7],
.memory-diagnostics-dialog p[b-x1afwfc6i7] {
    margin: 0;
}

.memory-diagnostics-dialog h2[b-x1afwfc6i7] {
    font-size: 18px;
}

.memory-diagnostics-dialog h3[b-x1afwfc6i7] {
    font-size: 15px;
}

.memory-diagnostics-dialog header p[b-x1afwfc6i7],
.memory-diagnostics-section-heading p[b-x1afwfc6i7],
.memory-diagnostics-section-heading > span[b-x1afwfc6i7] {
    margin-top: 5px;
    color: #a8b2be;
    font-size: 13px;
}

.memory-diagnostics-actions button[b-x1afwfc6i7] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.memory-diagnostics-overview[b-x1afwfc6i7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.memory-diagnostics-overview > div[b-x1afwfc6i7] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.memory-diagnostics-overview span[b-x1afwfc6i7],
.memory-diagnostics-overview small[b-x1afwfc6i7] {
    color: #a8b2be;
}

.memory-diagnostics-overview strong[b-x1afwfc6i7] {
    color: #edf1f5;
    font-size: 20px;
}

.memory-diagnostics-section[b-x1afwfc6i7] {
    display: grid;
    gap: 9px;
}

.memory-diagnostics-table-wrap[b-x1afwfc6i7] {
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 6px;
}

.memory-diagnostics-dialog table[b-x1afwfc6i7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.memory-diagnostics-dialog th[b-x1afwfc6i7],
.memory-diagnostics-dialog td[b-x1afwfc6i7] {
    padding: 9px 11px;
    border-bottom: 1px solid #252a31;
    text-align: right;
}

.memory-diagnostics-dialog th:first-child[b-x1afwfc6i7],
.memory-diagnostics-dialog td:last-child[b-x1afwfc6i7] {
    text-align: left;
}

.memory-diagnostics-dialog thead th[b-x1afwfc6i7] {
    background: #11151a;
    color: #d8e0e8;
    font-weight: 700;
    white-space: nowrap;
}

.memory-diagnostics-dialog tbody th[b-x1afwfc6i7] {
    color: #d8e0e8;
    font-weight: 650;
    white-space: nowrap;
}

.memory-diagnostics-dialog tbody td[b-x1afwfc6i7] {
    color: #c2cbd5;
}

.memory-diagnostics-dialog tbody tr:last-child th[b-x1afwfc6i7],
.memory-diagnostics-dialog tbody tr:last-child td[b-x1afwfc6i7] {
    border-bottom: 0;
}

.memory-diagnostics-state[b-x1afwfc6i7],
.memory-diagnostics-warning[b-x1afwfc6i7] {
    padding: 20px;
    color: #a8b2be;
    text-align: center;
}

.memory-diagnostics-state.error[b-x1afwfc6i7],
.memory-diagnostics-warning[b-x1afwfc6i7] {
    color: #ffc7a8;
}

.memory-diagnostics-warning[b-x1afwfc6i7] {
    padding: 9px 12px;
    border: 1px solid #5a3727;
    border-radius: 6px;
    background: #241a16;
}

@media (max-width: 760px) {
    .memory-diagnostics-dialog[b-x1afwfc6i7] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .memory-diagnostics-overview[b-x1afwfc6i7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .memory-diagnostics-overview[b-x1afwfc6i7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-bawgh7nnbd],
.components-reconnect-repeated-attempt-visible[b-bawgh7nnbd],
.components-reconnect-failed-visible[b-bawgh7nnbd],
.components-pause-visible[b-bawgh7nnbd],
.components-resume-failed-visible[b-bawgh7nnbd],
.components-rejoining-animation[b-bawgh7nnbd] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/StorageFreeSpaceIndicator.razor.rz.scp.css */
.storage-free-space[b-ougs3ucbtp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 148px;
    max-width: 220px;
    height: 30px;
    padding: 0 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #15191e;
    color: #c8d0d9;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.storage-free-space[b-ougs3ucbtp] {
    min-height: 30px;
    border: 0;
    cursor: pointer;
}

button.storage-free-space:hover[b-ougs3ucbtp],
button.storage-free-space:focus-visible[b-ougs3ucbtp] {
    background: #20303c;
    color: #edf1f5;
}

.storage-free-space.unavailable[b-ougs3ucbtp] {
    background: #241a16;
    color: #ffc7a8;
}

.storage-free-space-pie[b-ougs3ucbtp] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    border-radius: 50%;
    background:
        conic-gradient(
            #82cfff 0 var(--free-space),
            rgba(130, 207, 255, 0.18) var(--free-space) 100%);
    box-shadow: inset 0 0 0 2px #15191e;
}

.storage-free-space.unavailable .storage-free-space-pie[b-ougs3ucbtp] {
    background:
        conic-gradient(
            #ffc7a8 0 var(--free-space),
            rgba(255, 199, 168, 0.18) var(--free-space) 100%);
    box-shadow: inset 0 0 0 2px #241a16;
}
/* /Components/Layout/TransferSummaryDialog.razor.rz.scp.css */
.transfer-summary-backdrop[b-k7mdpw4btm] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgb(0 0 0 / 55%);
}

.transfer-summary-dialog[b-k7mdpw4btm] {
    position: fixed;
    top: 72px;
    left: 50%;
    z-index: 51;
    display: grid;
    width: min(980px, calc(100vw - 32px));
    max-height: calc(100vh - 96px);
    gap: 14px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    transform: translateX(-50%);
}

.transfer-summary-dialog header[b-k7mdpw4btm],
.transfer-summary-actions[b-k7mdpw4btm] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
}

.transfer-summary-dialog h2[b-k7mdpw4btm] {
    margin: 0;
    font-size: 18px;
}

.transfer-summary-dialog header p[b-k7mdpw4btm] {
    margin: 5px 0 0;
    color: #a8b2be;
}

.transfer-summary-actions button[b-k7mdpw4btm] {
    display: grid;
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    place-items: center;
    padding: 0;
}

.transfer-summary-overview[b-k7mdpw4btm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.transfer-summary-overview div[b-k7mdpw4btm] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.transfer-summary-overview span[b-k7mdpw4btm],
.transfer-summary-overview small[b-k7mdpw4btm] {
    color: #a8b2be;
}

.transfer-summary-overview strong[b-k7mdpw4btm] {
    color: #edf1f5;
    font-size: 20px;
}

.transfer-summary-table-wrap[b-k7mdpw4btm] {
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 6px;
}

.transfer-summary-dialog table[b-k7mdpw4btm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    white-space: nowrap;
}

.transfer-summary-dialog th[b-k7mdpw4btm],
.transfer-summary-dialog td[b-k7mdpw4btm] {
    padding: 10px 12px;
    border-bottom: 1px solid #252a31;
    text-align: right;
}

.transfer-summary-dialog th:first-child[b-k7mdpw4btm] {
    position: sticky;
    left: 0;
    background: #15191e;
    text-align: left;
}

.transfer-summary-dialog thead th[b-k7mdpw4btm],
.transfer-summary-dialog tfoot th[b-k7mdpw4btm],
.transfer-summary-dialog tfoot td[b-k7mdpw4btm] {
    color: #d8e0e8;
    font-weight: 700;
}

.transfer-summary-dialog thead th[b-k7mdpw4btm] {
    background: #11151a;
}

.transfer-summary-dialog tbody td[b-k7mdpw4btm] {
    color: #c2cbd5;
}

.transfer-summary-dialog tfoot th[b-k7mdpw4btm],
.transfer-summary-dialog tfoot td[b-k7mdpw4btm] {
    border-bottom: 0;
    background: #11151a;
}

.transfer-summary-state[b-k7mdpw4btm] {
    padding: 28px;
    color: #a8b2be;
    text-align: center;
}

.transfer-summary-state.error[b-k7mdpw4btm] {
    color: #ffc7a8;
}

@media (max-width: 660px) {
    .transfer-summary-dialog[b-k7mdpw4btm] {
        top: 16px;
        max-height: calc(100vh - 32px);
    }

    .transfer-summary-overview[b-k7mdpw4btm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
.admin-shell[b-dg6x7o5o3m] {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: calc(100vh - 54px);
    padding: 16px;
}

.admin-shell header[b-dg6x7o5o3m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-shell h1[b-dg6x7o5o3m] {
    margin: 0;
    font-size: 24px;
}

.admin-tabs[b-dg6x7o5o3m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 3px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #11151a;
}

.admin-tabs button[b-dg6x7o5o3m] {
    min-height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #a8b2be;
}

.admin-tabs button.active[b-dg6x7o5o3m] {
    background: #17342f;
    color: #d9f3ed;
}

.section-header[b-dg6x7o5o3m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.section-header h2[b-dg6x7o5o3m] {
    margin: 0;
    font-size: 18px;
}

.section-header span[b-dg6x7o5o3m] {
    color: #87919d;
    font-size: 12px;
}

.alert[b-dg6x7o5o3m],
.empty-state[b-dg6x7o5o3m] {
    padding: 10px;
    border-radius: 6px;
}

.alert[b-dg6x7o5o3m] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.empty-state[b-dg6x7o5o3m] {
    border: 1px solid #252a31;
    background: #15191e;
    color: #87919d;
}

.request-stream[b-dg6x7o5o3m] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.audit-stream[b-dg6x7o5o3m] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.general-settings[b-dg6x7o5o3m],
.google-auth-settings[b-dg6x7o5o3m],
.settings-grid[b-dg6x7o5o3m] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.settings-grid[b-dg6x7o5o3m] {
    width: min(680px, 100%);
}

.settings-grid label[b-dg6x7o5o3m] {
    display: grid;
    gap: 6px;
    color: #c8d0d9;
    font-size: 13px;
}

.settings-grid input[b-dg6x7o5o3m] {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
}

.settings-grid input[readonly][b-dg6x7o5o3m] {
    background: #11151a;
    color: #a8b2be;
}

.settings-actions[b-dg6x7o5o3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.button-link[b-dg6x7o5o3m] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
    text-decoration: none;
}

.admin-setting-card[b-dg6x7o5o3m] {
    display: flex;
    width: min(680px, 100%);
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.admin-setting-card h3[b-dg6x7o5o3m],
.admin-setting-card p[b-dg6x7o5o3m] {
    margin: 0;
}

.admin-setting-card h3[b-dg6x7o5o3m] {
    font-size: 16px;
}

.admin-setting-card p[b-dg6x7o5o3m] {
    margin-top: 5px;
    color: #a8b2be;
    font-size: 13px;
    line-height: 1.4;
}

.transfer-status-card[b-dg6x7o5o3m] {
    display: grid;
    width: min(680px, 100%);
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.transfer-status-card.idle[b-dg6x7o5o3m] {
    border-color: #2c6f64;
}

.transfer-status-card.active[b-dg6x7o5o3m] {
    border-color: #79513e;
}

.transfer-status-card h3[b-dg6x7o5o3m],
.transfer-status-card p[b-dg6x7o5o3m],
.transfer-status-breakdown[b-dg6x7o5o3m] {
    margin: 0;
}

.transfer-status-card h3[b-dg6x7o5o3m] {
    font-size: 16px;
}

.transfer-status-card p[b-dg6x7o5o3m] {
    margin-top: 5px;
    color: #a8b2be;
    font-size: 13px;
    line-height: 1.4;
}

.transfer-status-count[b-dg6x7o5o3m] {
    display: grid;
    min-width: 72px;
    justify-items: center;
    gap: 2px;
}

.transfer-status-count strong[b-dg6x7o5o3m] {
    font-size: 28px;
    line-height: 1;
}

.transfer-status-count span[b-dg6x7o5o3m] {
    color: #87919d;
    font-size: 12px;
}

.transfer-status-breakdown[b-dg6x7o5o3m] {
    display: grid;
    gap: 5px;
    color: #a8b2be;
    font-size: 12px;
}

.transfer-status-breakdown div[b-dg6x7o5o3m] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.transfer-status-breakdown dd[b-dg6x7o5o3m] {
    margin: 0;
    color: #e7ebef;
    font-weight: 700;
}

.danger-button[b-dg6x7o5o3m] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.danger-button:hover:not(:disabled)[b-dg6x7o5o3m],
.danger-button:focus-visible[b-dg6x7o5o3m] {
    border-color: #ad7258;
    background: #2f211b;
}

.notice[b-dg6x7o5o3m] {
    width: min(680px, 100%);
    padding: 10px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
}

.request-table[b-dg6x7o5o3m] {
    display: grid;
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.audit-table[b-dg6x7o5o3m] {
    display: grid;
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.request-row[b-dg6x7o5o3m] {
    display: grid;
    grid-template-columns: var(--request-grid-columns, 168px 78px minmax(220px, 1fr) 74px minmax(220px, .8fr) 86px);
    align-items: center;
    min-width: 960px;
    border-top: 1px solid #252a31;
}

.audit-row[b-dg6x7o5o3m] {
    display: grid;
    grid-template-columns: var(--audit-grid-columns, 168px minmax(180px, .75fr) minmax(180px, .8fr) minmax(180px, .8fr) minmax(220px, 1fr) minmax(260px, 1.1fr));
    align-items: center;
    min-width: 1180px;
    border-top: 1px solid #252a31;
}

.request-row:first-child[b-dg6x7o5o3m] {
    border-top: 0;
}

.audit-row:first-child[b-dg6x7o5o3m] {
    border-top: 0;
}

.request-row > *[b-dg6x7o5o3m] {
    min-width: 0;
    padding: 9px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-row > *[b-dg6x7o5o3m] {
    min-width: 0;
    padding: 9px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.request-heading[b-dg6x7o5o3m] {
    color: #87919d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.request-heading-button[b-dg6x7o5o3m] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    text-align: left;
    text-transform: inherit;
}

.request-heading-button:hover[b-dg6x7o5o3m],
.request-heading-button:focus-visible[b-dg6x7o5o3m] {
    color: #edf1f5;
}

.request-heading-button.dragging[b-dg6x7o5o3m] {
    opacity: .55;
}

.request-heading-button span:first-child[b-dg6x7o5o3m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.request-sort-indicator[b-dg6x7o5o3m] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.request-sort-indicator.active[b-dg6x7o5o3m] {
    opacity: 1;
}

.audit-heading[b-dg6x7o5o3m] {
    color: #87919d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.audit-heading-button[b-dg6x7o5o3m] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    text-align: left;
    text-transform: inherit;
}

.audit-heading-button:hover[b-dg6x7o5o3m],
.audit-heading-button:focus-visible[b-dg6x7o5o3m] {
    color: #edf1f5;
}

.audit-heading-button.dragging[b-dg6x7o5o3m] {
    opacity: .55;
}

.audit-heading-button span:first-child[b-dg6x7o5o3m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audit-sort-indicator[b-dg6x7o5o3m] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.audit-sort-indicator.active[b-dg6x7o5o3m] {
    opacity: 1;
}

.request-method[b-dg6x7o5o3m],
.request-status[b-dg6x7o5o3m] {
    font-weight: 700;
}

.audit-action[b-dg6x7o5o3m] {
    font-weight: 700;
}

.request-target[b-dg6x7o5o3m],
.requester[b-dg6x7o5o3m],
.request-duration[b-dg6x7o5o3m],
.audit-actor[b-dg6x7o5o3m],
.audit-path[b-dg6x7o5o3m],
.audit-details[b-dg6x7o5o3m] {
    color: #cdd6df;
}

.request-status[b-dg6x7o5o3m] {
    color: #7ee787;
}

.request-status.redirect[b-dg6x7o5o3m] {
    color: #82cfff;
}

.request-status.client-error[b-dg6x7o5o3m] {
    color: #ffc777;
}

.request-status.server-error[b-dg6x7o5o3m] {
    color: #ffb8ae;
}

@media (max-width: 760px) {
    .admin-tabs[b-dg6x7o5o3m] {
        align-items: stretch;
    }

    .admin-tabs button[b-dg6x7o5o3m] {
        flex: 1;
    }

    .admin-setting-card[b-dg6x7o5o3m] {
        align-items: start;
        flex-direction: column;
    }

    .transfer-status-card[b-dg6x7o5o3m] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .transfer-status-count[b-dg6x7o5o3m] {
        justify-items: start;
    }
}
/* /Components/Pages/AdminGeneralTab.razor.rz.scp.css */
.general-settings[b-mfd8353l7w] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.section-header[b-mfd8353l7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.section-header h2[b-mfd8353l7w] {
    margin: 0;
    font-size: 18px;
}

.section-header span[b-mfd8353l7w] {
    color: #87919d;
    font-size: 12px;
}

.alert[b-mfd8353l7w],
.notice[b-mfd8353l7w] {
    width: min(680px, 100%);
    padding: 10px;
    border-radius: 6px;
}

.alert[b-mfd8353l7w] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.notice[b-mfd8353l7w] {
    border: 1px solid #2c6f64;
    background: #17342f;
    color: #d9f3ed;
}

.admin-setting-card[b-mfd8353l7w] {
    display: flex;
    width: min(680px, 100%);
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.admin-setting-card h3[b-mfd8353l7w],
.admin-setting-card p[b-mfd8353l7w] {
    margin: 0;
}

.admin-setting-card h3[b-mfd8353l7w] {
    font-size: 16px;
}

.admin-setting-card p[b-mfd8353l7w] {
    margin-top: 5px;
    color: #a8b2be;
    font-size: 13px;
    line-height: 1.4;
}

.danger-button[b-mfd8353l7w] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.danger-button:hover:not(:disabled)[b-mfd8353l7w],
.danger-button:focus-visible[b-mfd8353l7w] {
    border-color: #ad7258;
    background: #2f211b;
}

.antivirus-update-card[b-mfd8353l7w] {
    align-items: start;
}

.antivirus-update-card p[b-mfd8353l7w] {
    max-width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.antivirus-update-controls[b-mfd8353l7w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.inline-setting[b-mfd8353l7w],
.time-setting[b-mfd8353l7w] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    color: #c8d0d9;
    font-size: 13px;
}

.inline-setting input[b-mfd8353l7w] {
    width: 16px;
    height: 16px;
}

.time-setting input[b-mfd8353l7w] {
    min-height: 34px;
    padding: 0 8px;
}

@media (max-width: 760px) {
    .admin-setting-card[b-mfd8353l7w] {
        align-items: start;
        flex-direction: column;
    }

    .antivirus-update-controls[b-mfd8353l7w] {
        justify-content: start;
    }
}
/* /Components/Pages/AdminUsersTab.razor.rz.scp.css */
.user-admin[b-5ph9j22p5p],
.account-list[b-5ph9j22p5p],
.rejected-list[b-5ph9j22p5p] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.user-admin[b-5ph9j22p5p] {
    gap: 16px;
}

.section-header[b-5ph9j22p5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.section-header h2[b-5ph9j22p5p] {
    margin: 0;
    font-size: 18px;
}

.section-header span[b-5ph9j22p5p],
.user-main span[b-5ph9j22p5p],
.search-field span[b-5ph9j22p5p] {
    color: #87919d;
    font-size: 12px;
}

.user-row[b-5ph9j22p5p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.user-row.rejected[b-5ph9j22p5p] {
    border-color: #47322b;
}

.user-main[b-5ph9j22p5p] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.user-main strong[b-5ph9j22p5p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-actions[b-5ph9j22p5p] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.search-field[b-5ph9j22p5p] {
    display: grid;
    width: min(420px, 100%);
    gap: 6px;
}

.search-field input[b-5ph9j22p5p] {
    min-height: 36px;
    padding: 0 10px;
}

.alert[b-5ph9j22p5p],
.empty-state[b-5ph9j22p5p],
.notice[b-5ph9j22p5p] {
    padding: 10px;
    border-radius: 6px;
}

.alert[b-5ph9j22p5p] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.notice[b-5ph9j22p5p] {
    border: 1px solid #2c6f64;
    background: #17342f;
    color: #d9f3ed;
}

.empty-state[b-5ph9j22p5p] {
    border: 1px solid #252a31;
    background: #15191e;
    color: #87919d;
}

.danger-button[b-5ph9j22p5p] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.danger-button:hover:not(:disabled)[b-5ph9j22p5p],
.danger-button:focus-visible[b-5ph9j22p5p] {
    border-color: #ad7258;
    background: #2f211b;
}

@media (max-width: 760px) {
    .user-row[b-5ph9j22p5p] {
        grid-template-columns: 1fr;
    }

    .user-actions[b-5ph9j22p5p] {
        justify-content: start;
    }
}
/* /Components/Pages/AntivirusAdminTab.razor.rz.scp.css */
.antivirus-admin[b-bh9lvofdq4] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.antivirus-summary-grid[b-bh9lvofdq4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}

.antivirus-summary-grid article[b-bh9lvofdq4] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.antivirus-summary-grid strong[b-bh9lvofdq4] {
    font-size: 22px;
}

.antivirus-summary-grid span[b-bh9lvofdq4],
.antivirus-config-card p[b-bh9lvofdq4],
.antivirus-test-result span[b-bh9lvofdq4] {
    color: #a8b2be;
    font-size: 12px;
}

.antivirus-config-card[b-bh9lvofdq4] {
    align-items: start;
}

.antivirus-config-card p[b-bh9lvofdq4] {
    margin: 4px 0 0;
    overflow-wrap: anywhere;
}

.antivirus-actions[b-bh9lvofdq4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.antivirus-test-results[b-bh9lvofdq4],
.antivirus-test-result[b-bh9lvofdq4] {
    display: grid;
}

.antivirus-test-results[b-bh9lvofdq4] {
    gap: 8px;
}

.antivirus-test-result[b-bh9lvofdq4] {
    gap: 5px;
}

.antivirus-test-result code[b-bh9lvofdq4] {
    overflow: auto;
    padding: 8px;
    border-radius: 4px;
    background: #101317;
    color: inherit;
    white-space: pre-wrap;
}

.quarantine-panel[b-bh9lvofdq4] {
    display: grid;
    gap: 10px;
}

.quarantine-panel h3[b-bh9lvofdq4] {
    margin: 0;
    font-size: 16px;
}

.quarantine-table[b-bh9lvofdq4] {
    display: grid;
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.quarantine-row[b-bh9lvofdq4] {
    display: grid;
    grid-template-columns: var(--quarantine-grid-columns, 168px 86px minmax(240px, 1fr) minmax(180px, .6fr) 86px 86px);
    align-items: center;
    min-width: 900px;
    border-top: 1px solid #252a31;
}

.quarantine-row:first-child[b-bh9lvofdq4] {
    border-top: 0;
}

.quarantine-row > *[b-bh9lvofdq4] {
    min-width: 0;
    margin: 0;
    padding: 9px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quarantine-heading[b-bh9lvofdq4] {
    color: #87919d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.quarantine-heading-button[b-bh9lvofdq4] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: grab;
    font: inherit;
    text-align: left;
    text-transform: inherit;
}

.quarantine-heading-button:hover:not([aria-disabled="true"])[b-bh9lvofdq4],
.quarantine-heading-button:focus-visible:not([aria-disabled="true"])[b-bh9lvofdq4] {
    color: #edf1f5;
}

.quarantine-heading-button.dragging[b-bh9lvofdq4] {
    opacity: .55;
}

.quarantine-heading-button span:first-child[b-bh9lvofdq4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quarantine-sort-indicator[b-bh9lvofdq4] {
    width: 12px;
    flex: none;
    color: #82cfff;
    opacity: 0;
}

.quarantine-sort-indicator.active[b-bh9lvofdq4] {
    opacity: 1;
}

.quarantine-status[b-bh9lvofdq4] {
    font-weight: 700;
}

.quarantine-status.infected[b-bh9lvofdq4] {
    color: #ffb8ae;
}

.quarantine-status.error[b-bh9lvofdq4] {
    color: #ffc777;
}

.quarantine-file[b-bh9lvofdq4],
.quarantine-owner[b-bh9lvofdq4] {
    color: #cdd6df;
}

@media (max-width: 760px) {
    .antivirus-summary-grid[b-bh9lvofdq4] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/BackupAdminTab.razor.rz.scp.css */
.backup-admin[b-7l7uspuusu] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.backup-admin-header > div[b-7l7uspuusu],
.backup-queue-heading > div[b-7l7uspuusu] {
    display: grid;
    gap: 4px;
}

.backup-admin-header button[b-7l7uspuusu] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.backup-summary-grid[b-7l7uspuusu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.backup-summary-grid article[b-7l7uspuusu] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
}

.backup-summary-grid article.healthy[b-7l7uspuusu] {
    border-color: #2c6f64;
}

.backup-summary-grid article.active[b-7l7uspuusu] {
    border-color: #547fa5;
}

.backup-summary-grid article.warning[b-7l7uspuusu] {
    border-color: #79513e;
}

.backup-summary-grid strong[b-7l7uspuusu] {
    color: #edf1f5;
    font-size: 24px;
}

.backup-summary-grid span[b-7l7uspuusu] {
    color: #d8e0e8;
}

.backup-summary-grid small[b-7l7uspuusu],
.backup-policy-card span[b-7l7uspuusu],
.backup-queue-heading span[b-7l7uspuusu] {
    min-width: 0;
    overflow: hidden;
    color: #87919d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backup-policy-card[b-7l7uspuusu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #252a31;
}

.backup-policy-card div[b-7l7uspuusu] {
    display: grid;
    gap: 5px;
    padding: 11px;
    background: #11151a;
}

.backup-policy-card strong[b-7l7uspuusu] {
    color: #cdd6df;
    font-size: 12px;
    text-transform: uppercase;
}

.backup-view-tabs[b-7l7uspuusu] {
    display: flex;
    gap: 4px;
    padding-bottom: 5px;
    border-bottom: 1px solid #252a31;
}

.backup-view-tabs button[b-7l7uspuusu] {
    padding: 7px 12px;
    border-color: transparent;
    background: transparent;
    color: #9aa5b1;
}

.backup-view-tabs button:hover[b-7l7uspuusu],
.backup-view-tabs button.active[b-7l7uspuusu] {
    border-color: #315e58;
    background: #153a34;
    color: #e7f7f4;
}

.backup-queue-heading[b-7l7uspuusu] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.backup-queue-heading h3[b-7l7uspuusu] {
    margin: 0;
    font-size: 16px;
}

.backup-job-table-wrap[b-7l7uspuusu] {
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 8px;
}

.backup-job-table[b-7l7uspuusu] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    background: #15191e;
    font-size: 13px;
    white-space: nowrap;
}

.backup-job-table th[b-7l7uspuusu],
.backup-job-table td[b-7l7uspuusu] {
    padding: 9px 10px;
    border-bottom: 1px solid #252a31;
    text-align: left;
}

.backup-job-table th[b-7l7uspuusu] {
    position: sticky;
    top: 0;
    background: #11151a;
    color: #87919d;
    font-size: 12px;
    text-transform: uppercase;
}

.backup-job-table tbody tr:last-child td[b-7l7uspuusu] {
    border-bottom: 0;
}

.backup-job-table tbody tr:hover[b-7l7uspuusu] {
    background: #1a2026;
}

.backup-job-name[b-7l7uspuusu] {
    max-width: 360px;
    overflow: hidden;
    color: #d8e0e8;
    text-overflow: ellipsis;
}

.backup-job-state[b-7l7uspuusu] {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    background: #252a31;
    color: #a8b2be;
    font-size: 11px;
    font-weight: 700;
}

.backup-job-state.running[b-7l7uspuusu] {
    background: #183650;
    color: #b8dcfa;
}

.backup-job-state.pending[b-7l7uspuusu] {
    background: #3a301b;
    color: #f0d18d;
}

.backup-job-state.completed[b-7l7uspuusu] {
    background: #17342f;
    color: #9ee5d5;
}

.backup-job-state.failed[b-7l7uspuusu] {
    background: #3b211d;
    color: #ffc0b7;
}

@media (max-width: 700px) {
    .backup-queue-heading[b-7l7uspuusu] {
        align-items: start;
        flex-direction: column;
    }
}
/* /Components/Pages/BrandLink.razor.rz.scp.css */
.meet-brand[b-otklomeoql] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.meet-brand img:first-child[b-otklomeoql] {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.meet-brand img:last-child[b-otklomeoql] {
    width: 132px;
    height: auto;
    object-fit: contain;
}
/* /Components/Pages/GameApi.razor.rz.scp.css */
.game-api-docs[b-m2c8bt1ixg] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-height: calc(100vh - 54px);
    padding: 18px;
}

.docs-header[b-m2c8bt1ixg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.docs-header h1[b-m2c8bt1ixg],
.docs-header p[b-m2c8bt1ixg],
.docs-section h2[b-m2c8bt1ixg],
.docs-section p[b-m2c8bt1ixg] {
    margin: 0;
}

.docs-header h1[b-m2c8bt1ixg] {
    font-size: 26px;
}

.docs-header p[b-m2c8bt1ixg],
.docs-section p[b-m2c8bt1ixg],
.docs-section li[b-m2c8bt1ixg] {
    color: #a8b2be;
    line-height: 1.5;
}

.docs-action[b-m2c8bt1ixg] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
    text-decoration: none;
}

.docs-section[b-m2c8bt1ixg] {
    display: grid;
    max-width: 980px;
    gap: 10px;
}

.docs-section h2[b-m2c8bt1ixg] {
    font-size: 18px;
}

.docs-callout[b-m2c8bt1ixg] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
}

.docs-callout span[b-m2c8bt1ixg] {
    color: #bcd1cc;
    font-size: 13px;
}

.endpoint-table[b-m2c8bt1ixg] {
    display: grid;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 6px;
}

.endpoint-row[b-m2c8bt1ixg] {
    display: grid;
    grid-template-columns: 86px minmax(260px, 1.1fr) minmax(260px, 1fr);
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-top: 1px solid #252a31;
}

.endpoint-row:first-child[b-m2c8bt1ixg] {
    border-top: 0;
}

.endpoint-row.heading[b-m2c8bt1ixg] {
    background: #11151a;
    color: #dbe5ee;
    font-weight: 700;
}

.endpoint-row code[b-m2c8bt1ixg],
.docs-section pre[b-m2c8bt1ixg] {
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.endpoint-row code[b-m2c8bt1ixg] {
    padding: 4px 6px;
    overflow-wrap: anywhere;
}

.docs-section pre[b-m2c8bt1ixg] {
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
}

@media (max-width: 780px) {
    .docs-header[b-m2c8bt1ixg] {
        display: grid;
    }

    .endpoint-row[b-m2c8bt1ixg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GameApiClients.razor.rz.scp.css */
.game-clients-docs[b-krd5sk2iyv] {
    display: grid;
    align-content: start;
    gap: 18px;
    min-height: calc(100vh - 54px);
    padding: 18px;
}

.clients-header[b-krd5sk2iyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.clients-header h1[b-krd5sk2iyv],
.clients-header p[b-krd5sk2iyv],
.client-card h2[b-krd5sk2iyv],
.client-card p[b-krd5sk2iyv],
.client-section h2[b-krd5sk2iyv],
.client-section p[b-krd5sk2iyv] {
    margin: 0;
}

.clients-header h1[b-krd5sk2iyv] {
    font-size: 26px;
}

.clients-header p[b-krd5sk2iyv],
.client-card p[b-krd5sk2iyv],
.client-section p[b-krd5sk2iyv] {
    color: #a8b2be;
    line-height: 1.5;
}

.docs-action[b-krd5sk2iyv] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
    text-decoration: none;
}

.clients-grid[b-krd5sk2iyv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 980px;
}

.client-card[b-krd5sk2iyv] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.client-card header[b-krd5sk2iyv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.client-card h2[b-krd5sk2iyv],
.client-section h2[b-krd5sk2iyv] {
    font-size: 18px;
}

.client-card header span[b-krd5sk2iyv] {
    color: #9fc6ff;
    font-size: 12px;
    font-weight: 700;
}

.download-list[b-krd5sk2iyv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.download-list a[b-krd5sk2iyv],
.stage-list span[b-krd5sk2iyv] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #2c3540;
    border-radius: 6px;
    background: #11151a;
    color: #dbe5ee;
    text-decoration: none;
}

.client-section[b-krd5sk2iyv] {
    display: grid;
    max-width: 980px;
    gap: 10px;
}

.client-section pre[b-krd5sk2iyv] {
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.stage-list[b-krd5sk2iyv] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 780px) {
    .clients-header[b-krd5sk2iyv],
    .clients-grid[b-krd5sk2iyv] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/GitAdminTab.razor.rz.scp.css */
.git-admin[b-j0j1jao6id] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.git-summary-grid[b-j0j1jao6id] {
    display: grid;
    width: min(860px, 100%);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.git-summary-grid article[b-j0j1jao6id] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.git-summary-grid strong[b-j0j1jao6id] {
    font-size: 24px;
    line-height: 1;
}

.git-summary-grid span[b-j0j1jao6id] {
    color: #87919d;
    font-size: 12px;
}

.git-status-card p[b-j0j1jao6id] {
    overflow-wrap: anywhere;
}

.git-action-row[b-j0j1jao6id] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.danger-button[b-j0j1jao6id] {
    border-color: #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.danger-button:hover:not(:disabled)[b-j0j1jao6id],
.danger-button:focus-visible[b-j0j1jao6id] {
    border-color: #ad7258;
    background: #2f211b;
}

.git-detail-list[b-j0j1jao6id] {
    display: grid;
    width: min(860px, 100%);
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.git-detail-list div[b-j0j1jao6id] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    border-top: 1px solid #252a31;
}

.git-detail-list div:first-child[b-j0j1jao6id] {
    border-top: 0;
}

.git-detail-list dt[b-j0j1jao6id],
.git-detail-list dd[b-j0j1jao6id] {
    min-width: 0;
    margin: 0;
    padding: 9px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-detail-list dt[b-j0j1jao6id] {
    color: #87919d;
    font-weight: 700;
}

@media (max-width: 760px) {
    .git-summary-grid[b-j0j1jao6id] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .git-detail-list div[b-j0j1jao6id] {
        grid-template-columns: 1fr;
    }

    .git-detail-list dd[b-j0j1jao6id] {
        padding-top: 0;
    }
}
/* /Components/Pages/GitRepositories.razor.rz.scp.css */
.git-repos-page[b-wb9eyeu4ek] {
    display: grid;
    align-content: start;
    gap: 16px;
    min-height: calc(100vh - 54px);
    padding: 18px;
}

.git-repos-page > header[b-wb9eyeu4ek] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.git-repos-page h1[b-wb9eyeu4ek],
.git-repos-page h2[b-wb9eyeu4ek],
.git-repos-page p[b-wb9eyeu4ek] {
    margin: 0;
}

.git-repos-page h1[b-wb9eyeu4ek] {
    font-size: 26px;
}

.git-repos-page header p[b-wb9eyeu4ek],
.git-repo-card p[b-wb9eyeu4ek] {
    margin-top: 5px;
    color: #a8b2be;
}

.git-repos-actions[b-wb9eyeu4ek],
.git-repos-page .button[b-wb9eyeu4ek] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 8px;
}

.git-repos-actions[b-wb9eyeu4ek] {
    grid-auto-columns: max-content;
}

.codex-key-panel[b-wb9eyeu4ek] {
    display: grid;
    max-width: 980px;
    gap: 10px;
    padding: 12px;
    border: 1px solid #2c4d66;
    border-radius: 6px;
    background: #132331;
}

.codex-key-panel h2[b-wb9eyeu4ek] {
    font-size: 18px;
}

.codex-key-value[b-wb9eyeu4ek] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: stretch;
    gap: 8px;
}

.codex-key-input[b-wb9eyeu4ek] {
    min-width: 0;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid #284257;
    border-radius: 6px;
    background: #0d171f;
    color: #edf1f5;
}

.codex-key-icon-button[b-wb9eyeu4ek] {
    width: 38px;
    min-width: 38px;
    justify-content: center;
    padding: 0;
}

.git-repo-list[b-wb9eyeu4ek] {
    display: grid;
    max-width: 980px;
    gap: 10px;
}

.git-repo-card[b-wb9eyeu4ek] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-repo-card h2[b-wb9eyeu4ek] {
    font-size: 18px;
}

.git-repo-card a[b-wb9eyeu4ek] {
    color: #edf1f5;
    text-decoration: none;
}

.git-repo-card a:hover[b-wb9eyeu4ek],
.git-repo-card a:focus-visible[b-wb9eyeu4ek] {
    color: #8fd5c3;
}

.repo-public[b-wb9eyeu4ek],
.repo-private[b-wb9eyeu4ek] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.repo-public[b-wb9eyeu4ek] {
    color: #8fd5c3;
}

.repo-private[b-wb9eyeu4ek] {
    color: #f0c66b;
}

.git-repos-empty[b-wb9eyeu4ek],
.git-repos-error[b-wb9eyeu4ek] {
    max-width: 760px;
    padding: 12px;
    border-radius: 6px;
}

.git-repos-empty[b-wb9eyeu4ek] {
    border: 1px solid #252a31;
    background: #15191e;
    color: #a8b2be;
}

.git-repos-error[b-wb9eyeu4ek] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

@media (max-width: 640px) {
    .git-repos-page > header[b-wb9eyeu4ek],
    .git-repo-card[b-wb9eyeu4ek] {
        grid-template-columns: minmax(0, 1fr);
    }

    .git-repos-page > header[b-wb9eyeu4ek] {
        display: grid;
    }

    .codex-key-value[b-wb9eyeu4ek] {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }
}
/* /Components/Pages/GitRepositoryPage.razor.rz.scp.css */
.git-repo-page[b-w40ykwwjly] {
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: calc(100vh - 54px);
    padding: 18px;
}

.git-repo-header[b-w40ykwwjly] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 14px;
}

.git-repo-kicker[b-w40ykwwjly] {
    color: #8fd5c3;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.git-repo-header h1[b-w40ykwwjly],
.git-repo-header p[b-w40ykwwjly] {
    margin: 0;
}

.git-repo-header h1[b-w40ykwwjly] {
    margin-top: 3px;
    font-size: 28px;
}

.git-repo-header p[b-w40ykwwjly] {
    margin-top: 4px;
    color: #a8b2be;
}

.git-repo-header-actions[b-w40ykwwjly] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.git-repo-header-actions select[b-w40ykwwjly] {
    min-height: 34px;
    max-width: 220px;
    padding: 0 10px;
}

.git-repo-header-actions .button[b-w40ykwwjly] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 8px;
}

.git-repo-tabs[b-w40ykwwjly] {
    display: flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.git-repo-tabs a[b-w40ykwwjly] {
    display: inline-grid;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border-radius: 4px;
    color: #a8b2be;
    text-decoration: none;
}

.git-repo-tabs a.active[b-w40ykwwjly] {
    background: #20262d;
    color: #f0f5fa;
    box-shadow: inset 0 0 0 1px #343c46;
}

.git-current-commit[b-w40ykwwjly] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
}

.git-current-commit div[b-w40ykwwjly] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.git-current-commit strong[b-w40ykwwjly],
.git-current-commit span[b-w40ykwwjly] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.git-current-commit span[b-w40ykwwjly] {
    color: #a8b2be;
    font-size: 12px;
}

.git-current-commit code[b-w40ykwwjly] {
    padding: 4px 7px;
    border: 1px solid #343a42;
    border-radius: 999px;
    background: #11151a;
    color: #dbe5ee;
}

.git-repo-empty[b-w40ykwwjly],
.git-repo-error[b-w40ykwwjly] {
    display: grid;
    max-width: 760px;
    gap: 10px;
    padding: 14px;
    border-radius: 6px;
}

.git-repo-empty[b-w40ykwwjly] {
    border: 1px solid #252a31;
    background: #15191e;
    color: #a8b2be;
}

.git-repo-empty h1[b-w40ykwwjly],
.git-repo-empty h2[b-w40ykwwjly],
.git-repo-empty p[b-w40ykwwjly] {
    margin: 0;
}

.git-repo-empty h1[b-w40ykwwjly],
.git-repo-empty h2[b-w40ykwwjly] {
    color: #edf1f5;
}

.git-repo-empty .button[b-w40ykwwjly] {
    justify-self: start;
}

.git-repo-error[b-w40ykwwjly] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

@media (max-width: 760px) {
    .git-repo-header[b-w40ykwwjly],
    .git-current-commit[b-w40ykwwjly] {
        grid-template-columns: minmax(0, 1fr);
    }

    .git-repo-header-actions[b-w40ykwwjly] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .git-repo-tabs[b-w40ykwwjly] {
        overflow-x: auto;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hub-shell[b-nx4u573r5q] {
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    height: calc(100vh - 54px);
    min-height: 0;
    gap: 0;
    padding: 0;
}

.hub-shell.has-alert[b-nx4u573r5q] {
    grid-template-rows: auto minmax(0, 1fr);
}

.file-actions[b-nx4u573r5q],
.view-switch[b-nx4u573r5q] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.count[b-nx4u573r5q] {
    padding: 2px 8px;
    border: 1px solid #343a42;
    border-radius: 999px;
    color: #a8b2be;
    font-size: 12px;
    white-space: nowrap;
}

.count.has-selection[b-nx4u573r5q] {
    border-color: #2c6f64;
    background: #17342f;
    color: #d9f3ed;
}

.view-switch[b-nx4u573r5q] {
    padding: 2px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

.view-button[b-nx4u573r5q],
.new-folder-button[b-nx4u573r5q] {
    display: grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    place-items: center;
    padding: 0;
}

.view-button[b-nx4u573r5q] {
    border: 0;
    border-radius: 4px;
    background: transparent;
}

.view-button.active[b-nx4u573r5q] {
    background: #17342f;
    color: #7ee787;
}

.toolbar-text-button[b-nx4u573r5q] {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 10px;
}

.new-folder-button[b-nx4u573r5q] {
    position: relative;
    color: #82cfff;
}

.new-folder-button .fa-folder[b-nx4u573r5q] {
    font-size: 19px;
    line-height: 1;
}

.new-folder-button:focus-visible[b-nx4u573r5q] {
    background: #20262d;
}

.new-folder-plus[b-nx4u573r5q] {
    position: absolute;
    top: 52%;
    left: 50%;
    color: #181c21;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    pointer-events: none;
    text-shadow: 0 0 1px #181c21;
    transform: translate(-50%, -50%);
}

.new-folder-button:hover:not(:disabled) .new-folder-plus[b-nx4u573r5q],
.new-folder-button:focus-visible .new-folder-plus[b-nx4u573r5q] {
    color: #20262d;
    text-shadow: 0 0 1px #20262d;
}

.hub-grid[b-nx4u573r5q] {
    display: grid;
    grid-template-columns: minmax(360px, 1.25fr) 8px minmax(320px, var(--details-pane-width, .75fr));
    min-height: 0;
    gap: 0;
}

.file-pane[b-nx4u573r5q],
.details-pane[b-nx4u573r5q] {
    min-height: 0;
    border: 0;
    background: #11151a;
}

.file-pane[b-nx4u573r5q] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    position: relative;
}

.file-titlebar[b-nx4u573r5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 6px 10px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.file-titlebar h2[b-nx4u573r5q] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
}

.file-title[b-nx4u573r5q] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.file-title .new-folder-button[b-nx4u573r5q] {
    flex: 0 0 auto;
}

.file-actions[b-nx4u573r5q] {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}

.file-pane.drag-active[b-nx4u573r5q] {
    border-color: #4aa3ff;
    box-shadow: inset 0 0 0 1px #4aa3ff, 0 0 0 2px rgb(74 163 255 / 14%);
}

.pane-divider[b-nx4u573r5q] {
    position: relative;
    min-width: 8px;
    border-right: 1px solid #252a31;
    border-left: 1px solid #252a31;
    background: #11151a;
    cursor: col-resize;
    touch-action: none;
}

.pane-divider[b-nx4u573r5q]::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 50%;
    width: 2px;
    border-radius: 999px;
    background: #303842;
    content: "";
    transform: translateX(-50%);
}

.pane-divider:hover[b-nx4u573r5q]::before,
.pane-divider.dragging[b-nx4u573r5q]::before {
    background: #3d7e70;
}

.pane-divider:focus-visible[b-nx4u573r5q] {
    outline: 1px solid #4aa3ff;
    outline-offset: -1px;
}

.pane-divider:focus-visible[b-nx4u573r5q]::before {
    background: #4aa3ff;
}

.details-pane[b-nx4u573r5q] {
    display: grid;
    align-content: start;
    gap: 12px;
    overflow: auto;
    padding: 12px;
}

.transfer-row[b-nx4u573r5q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #11151a;
}

progress[b-nx4u573r5q] {
    width: 100%;
}

.transfer-dismiss-layer[b-nx4u573r5q] {
    position: fixed;
    inset: 0;
    z-index: 29;
    background: transparent;
}

.upload-progress[b-nx4u573r5q] {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 30;
    display: grid;
    width: min(620px, calc(100vw - 36px));
    max-height: min(48vh, 420px);
    gap: 10px;
    padding: 12px;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    animation: transfer-rise-b-nx4u573r5q 180ms ease-out;
}

.upload-progress:focus[b-nx4u573r5q] {
    outline: 1px solid #3d7e70;
    outline-offset: 2px;
}

.upload-progress h2[b-nx4u573r5q] {
    margin: 0;
    font-size: 15px;
}

.hub-shell.has-undo .upload-progress[b-nx4u573r5q] {
    bottom: 86px;
}

.undo-toast[b-nx4u573r5q] {
    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 31;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 30px;
    align-items: center;
    width: min(460px, calc(100vw - 36px));
    min-height: 48px;
    gap: 10px;
    padding: 8px 8px 8px 12px;
    border: 1px solid #345247;
    border-radius: 8px;
    background: #14211d;
    box-shadow: 0 18px 48px rgb(0 0 0 / 42%);
    color: #d8f3e8;
    animation: transfer-rise-b-nx4u573r5q 180ms ease-out;
}

.undo-toast span[b-nx4u573r5q] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.undo-action[b-nx4u573r5q] {
    min-height: 30px;
    padding: 0 12px;
    border-color: #3d7e70;
    background: #1d3a34;
    color: #d8f3e8;
    font-weight: 650;
}

.undo-dismiss[b-nx4u573r5q] {
    display: grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    place-items: center;
    padding: 0;
}

.transfer-header[b-nx4u573r5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.transfer-clear[b-nx4u573r5q] {
    min-height: 28px;
    padding: 0 10px;
    font-size: 12px;
}

.transfer-row[b-nx4u573r5q] {
    grid-template-columns: minmax(0, 1fr) minmax(110px, 160px) minmax(68px, auto) 30px;
}

.transfer-row span[b-nx4u573r5q] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-row strong[b-nx4u573r5q] {
    color: #cdd6df;
    font-size: 12px;
    font-weight: 650;
    text-align: right;
}

.transfer-row button[b-nx4u573r5q] {
    display: grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    place-items: center;
    padding: 0;
}

.transfer-row.done strong[b-nx4u573r5q] {
    color: #7ee787;
}

.transfer-row.failed strong[b-nx4u573r5q] {
    color: #ffb8ae;
}

.transfer-row.canceled strong[b-nx4u573r5q] {
    color: #a8b2be;
}

@keyframes transfer-rise-b-nx4u573r5q {
    from {
        opacity: 0;
        transform: translateY(120%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert[b-nx4u573r5q] {
    margin: 10px;
    padding: 10px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
}

@media (max-width: 960px) {
    .hub-shell[b-nx4u573r5q] {
        height: auto;
        min-height: calc(100vh - 54px);
    }

    .hub-grid[b-nx4u573r5q] {
        grid-template-columns: 1fr;
    }

    .pane-divider[b-nx4u573r5q] {
        display: none;
    }

    .file-pane[b-nx4u573r5q] {
        min-height: 520px;
    }

    .details-pane[b-nx4u573r5q] {
        border-top: 1px solid #252a31;
    }

    .transfer-row[b-nx4u573r5q] {
        grid-template-columns: minmax(0, 1fr) 30px;
    }

    .transfer-row progress[b-nx4u573r5q],
    .transfer-row strong[b-nx4u573r5q] {
        grid-column: 1 / -1;
    }

    .transfer-row strong[b-nx4u573r5q] {
        text-align: left;
    }

    .file-titlebar[b-nx4u573r5q],
    .file-actions[b-nx4u573r5q] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/JsonTableWindowPage.razor.rz.scp.css */
.json-table-window-page[b-usqf8l3y5a] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background: #101419;
    color: #edf1f5;
}

.json-table-window-header[b-usqf8l3y5a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(320px, 560px);
    align-items: center;
    gap: 16px;
    min-height: 60px;
    padding: 10px 16px;
    border-bottom: 1px solid #26313a;
    background: #151a20;
}

.json-table-window-actions[b-usqf8l3y5a] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.json-table-window-actions button[b-usqf8l3y5a] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.json-table-window-actions span:not(.fa-solid)[b-usqf8l3y5a] {
    color: #9be9a8;
    font-size: 12px;
    white-space: nowrap;
}

.json-table-window-brand[b-usqf8l3y5a] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.json-table-window-brand img:first-child[b-usqf8l3y5a] {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.json-table-window-brand img:last-child[b-usqf8l3y5a] {
    width: 128px;
    height: auto;
    object-fit: contain;
}

.json-table-window-header h1[b-usqf8l3y5a] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #edf1f5;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.json-table-window-search[b-usqf8l3y5a] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid #4a5966;
    border-radius: 7px;
    background: #0d1116;
}

.json-table-window-search .fa-solid[b-usqf8l3y5a] {
    width: 15px;
    height: 15px;
    color: #79c0ff;
}

.json-table-window-search input[b-usqf8l3y5a] {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #edf1f5;
    font: inherit;
    font-size: 14px;
}

.json-table-window-search input:focus[b-usqf8l3y5a] {
    outline: 0;
}

.json-table-window-body[b-usqf8l3y5a] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.json-table-window-state[b-usqf8l3y5a] {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: #9ca7b3;
    text-align: center;
}

.json-table-window-state.error[b-usqf8l3y5a] {
    color: #ffc7a8;
}

@media (max-width: 840px) {
    .json-table-window-header[b-usqf8l3y5a] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .json-table-window-actions[b-usqf8l3y5a] {
        justify-content: flex-end;
    }

    .json-table-window-search[b-usqf8l3y5a] {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/JsonViewerPage.razor.rz.scp.css */
.jsonviewer-page[b-uui1x2yib8] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background: #111316;
    color: #e7ebef;
}

.jsonviewer-header[b-uui1x2yib8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 58px;
    padding: 10px 16px;
    border-bottom: 1px solid #252a31;
    background: #11151a;
}

.jsonviewer-brand[b-uui1x2yib8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.jsonviewer-brand img:first-child[b-uui1x2yib8] {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.jsonviewer-brand img:last-child[b-uui1x2yib8] {
    width: 128px;
    height: auto;
    object-fit: contain;
}

.jsonviewer-header h1[b-uui1x2yib8] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #edf1f5;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jsonviewer-header-actions[b-uui1x2yib8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.jsonviewer-header-actions span[b-uui1x2yib8] {
    color: #9ca7b3;
    font-size: 12px;
    white-space: nowrap;
}

.jsonviewer-header-actions button[b-uui1x2yib8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.jsonviewer-surface[b-uui1x2yib8] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background: #101419;
    outline: 0;
}

.jsonviewer-surface.loaded[b-uui1x2yib8] {
    grid-template-rows: minmax(0, 1fr) auto;
}

.jsonviewer-surface.json-drop-active[b-uui1x2yib8] {
    outline: 2px solid #7ee787;
    outline-offset: -2px;
    background: #10201b;
}

.jsonviewer-has-content[b-uui1x2yib8] {
    min-width: 0;
    min-height: 100%;
}

.jsonviewer-drop-watermark[b-uui1x2yib8] {
    position: absolute;
    inset: 0;
    z-index: 0;
    height: auto;
}

.jsonviewer-drop-watermark span[b-uui1x2yib8] {
    max-width: min(82%, 560px);
    transform: none;
}

.jsonviewer-error[b-uui1x2yib8] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 10px 12px;
    border-top: 1px solid #443229;
    background: #221a17;
    color: #ffc7a8;
}

.jsonviewer-share-status[b-uui1x2yib8] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 10px 12px;
    border-top: 1px solid #26313a;
    background: #132018;
    color: #9be9a8;
}

@media (max-width: 760px) {
    .jsonviewer-header[b-uui1x2yib8] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 10px;
    }

    .jsonviewer-header-actions[b-uui1x2yib8] {
        grid-column: 1 / -1;
        justify-content: space-between;
    }
}
/* /Components/Pages/MeetCallStage.razor.rz.scp.css */
.call-stage[b-bivinztqh9] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px 94px;
}

.media-error[b-bivinztqh9] {
    position: absolute;
    bottom: 82px;
    left: 50%;
    z-index: 6;
    width: min(520px, calc(100% - 40px));
    padding: 10px 12px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
    transform: translateX(-50%);
    text-align: center;
}

.call-controls[b-bivinztqh9] {
    position: absolute;
    bottom: 24px;
    left: 50%;
    z-index: 5;
    display: flex;
    gap: 12px;
    padding: 8px;
    border: 1px solid #2b323a;
    border-radius: 999px;
    background: rgb(17 21 26 / 92%);
    box-shadow: 0 12px 32px rgb(0 0 0 / 35%);
    transform: translateX(-50%);
}

.media-controls-group[b-bivinztqh9] {
    display: flex;
    gap: 8px;
    padding-right: 12px;
    border-right: 1px solid #39414a;
}

.round-control[b-bivinztqh9] {
    display: grid;
    width: 46px;
    min-width: 46px;
    height: 46px;
    padding: 0;
    place-items: center;
    border-color: #3a5368;
    border-radius: 50%;
    background: #1b2833;
    color: #9cc7e8;
}

.round-control:hover:not(:disabled)[b-bivinztqh9] {
    border-color: #5680a1;
    background: #22384a;
    color: #d7eafa;
}

.round-control.active[b-bivinztqh9] {
    border-color: #2c6f64;
    background: #217364;
    color: #fff;
}

.media-control-icon[b-bivinztqh9] {
    position: relative;
    display: grid;
    place-items: center;
}

.media-control-icon.off[b-bivinztqh9]::after {
    position: absolute;
    width: 3px;
    height: 24px;
    border: 2px solid #181c21;
    border-radius: 4px;
    background: currentColor;
    content: "";
    transform: rotate(-45deg);
}

@media (max-width: 900px) {
    #meet-present-screen[b-bivinztqh9] {
        display: none;
    }
}

@media (max-width: 700px) {
    .call-stage[b-bivinztqh9] {
        justify-content: stretch;
        padding: 8px 8px 84px;
    }

    .call-controls[b-bivinztqh9] {
        gap: 7px;
        padding: 6px;
    }

    .media-controls-group[b-bivinztqh9] {
        gap: 6px;
        padding-right: 8px;
    }

    .round-control[b-bivinztqh9] {
        width: 42px;
        min-width: 42px;
        height: 42px;
    }
}
/* /Components/Pages/MeetingAdminTab.razor.rz.scp.css */
.meeting-admin[b-fsdhhgf383] {
    display: grid;
    min-width: 0;
    gap: 14px;
}

.meeting-tabs[b-fsdhhgf383] {
    display: inline-flex;
    width: fit-content;
    gap: 4px;
    padding: 3px;
    border: 1px solid #303842;
    border-radius: 7px;
    background: #11151a;
}

.meeting-tabs button[b-fsdhhgf383] {
    min-height: 30px;
    padding: 0 13px;
    border: 0;
    background: transparent;
    color: #98a4b1;
}

.meeting-tabs button.active[b-fsdhhgf383] {
    background: #17342f;
    color: #d9f3ed;
}
/* /Components/Pages/MeetingConnectivityPanel.razor.rz.scp.css */
.connectivity-settings[b-fy67rmmwl4] {
    display: grid;
    min-width: 0;
    gap: 12px;
}

.section-header[b-fy67rmmwl4] {
    display: flex;
    width: min(760px, 100%);
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.section-header h2[b-fy67rmmwl4],
.section-header p[b-fy67rmmwl4] {
    margin: 0;
}

.section-header h2[b-fy67rmmwl4] {
    font-size: 18px;
}

.section-header p[b-fy67rmmwl4] {
    margin-top: 4px;
    color: #a8b2be;
    font-size: 13px;
}

.section-header > span[b-fy67rmmwl4] {
    flex: none;
    color: #87919d;
    font-size: 12px;
}

.alert[b-fy67rmmwl4],
.notice[b-fy67rmmwl4] {
    width: min(760px, 100%);
    padding: 10px;
    border-radius: 6px;
}

.alert[b-fy67rmmwl4] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.notice[b-fy67rmmwl4] {
    border: 1px solid #2c6f64;
    background: #17342f;
    color: #d9f3ed;
}

.meeting-settings-grid[b-fy67rmmwl4] {
    display: grid;
    width: min(760px, 100%);
    gap: 12px;
    padding: 14px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.meeting-settings-grid label[b-fy67rmmwl4] {
    display: grid;
    gap: 6px;
    color: #c8d0d9;
    font-size: 13px;
}

.meeting-settings-grid input[b-fy67rmmwl4],
.meeting-settings-grid select[b-fy67rmmwl4],
.meeting-settings-grid textarea[b-fy67rmmwl4] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
}

.meeting-settings-grid textarea[b-fy67rmmwl4] {
    resize: vertical;
    font-family: var(--code-editor-font);
    font-size: 12px;
    line-height: 1.45;
}

.meeting-settings-grid small[b-fy67rmmwl4] {
    color: #7f8995;
    line-height: 1.4;
}

.credential-fields[b-fy67rmmwl4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr);
    gap: 12px;
}

.settings-actions[b-fy67rmmwl4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ice-test-result[b-fy67rmmwl4] {
    display: grid;
    width: min(760px, 100%);
    gap: 10px;
    padding: 14px;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
}

.ice-test-result > div[b-fy67rmmwl4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ice-test-result h3[b-fy67rmmwl4],
.ice-test-result p[b-fy67rmmwl4],
.ice-test-result ul[b-fy67rmmwl4] {
    margin: 0;
}

.ice-test-result h3[b-fy67rmmwl4] {
    font-size: 15px;
}

.ice-test-result > div span[b-fy67rmmwl4],
.ice-test-result p[b-fy67rmmwl4] {
    color: #87919d;
    font-size: 12px;
}

.ice-test-result ul[b-fy67rmmwl4] {
    display: grid;
    gap: 6px;
    padding: 0;
    list-style: none;
}

.ice-test-result li[b-fy67rmmwl4]::before {
    display: inline-block;
    width: 18px;
    font-weight: 700;
}

.candidate-found[b-fy67rmmwl4] {
    color: #7ee787;
}

.candidate-found[b-fy67rmmwl4]::before {
    content: "✓";
}

.candidate-missing[b-fy67rmmwl4] {
    color: #ffc777;
}

.candidate-missing[b-fy67rmmwl4]::before {
    content: "–";
}

.ice-test-result .test-error[b-fy67rmmwl4] {
    color: #ffb8ae;
}

@media (max-width: 640px) {
    .section-header[b-fy67rmmwl4],
    .credential-fields[b-fy67rmmwl4] {
        grid-template-columns: 1fr;
    }

    .section-header[b-fy67rmmwl4] {
        display: grid;
    }
}
/* /Components/Pages/MeetingDeviceMenu.razor.rz.scp.css */
.device-menu[b-m3s93daq1w] {
    position: absolute;
    top: 58px;
    right: 16px;
    z-index: 20;
    display: grid;
    width: min(360px, calc(100% - 24px));
    gap: 12px;
    padding: 13px;
    border: 1px solid #39434e;
    border-radius: 10px;
    background: #151a20;
    box-shadow: 0 18px 42px rgb(0 0 0 / 48%);
}

.device-menu header[b-m3s93daq1w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.device-menu header button[b-m3s93daq1w] {
    display: grid;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    place-items: center;
}

.device-menu[b-m3s93daq1w]  label {
    display: grid;
    gap: 6px;
    color: #b9c2cc;
    font-size: 12px;
}

.device-menu[b-m3s93daq1w]  select {
    min-width: 0;
    min-height: 38px;
    padding: 0 9px;
}

.device-menu-empty[b-m3s93daq1w] {
    margin: 0;
    color: #929da8;
    font-size: 13px;
}

@media (max-width: 560px) {
    .device-menu[b-m3s93daq1w] {
        right: 8px;
        width: min(360px, calc(100vw - 16px));
    }
}
/* /Components/Pages/MeetingDonate.razor.rz.scp.css */
.donate-page[b-d61sq98mvf] {
    min-height: 100vh;
    padding: 0 24px 48px;
    background:
        radial-gradient(circle at 18% 12%, rgb(33 115 100 / 22%), transparent 34%),
        #0d1014;
    color: #edf1f5;
}

.donate-page > header[b-d61sq98mvf] {
    display: flex;
    max-width: 960px;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    border-bottom: 1px solid #303842;
}

.donate-page > header > a[b-d61sq98mvf] {
    color: #aab5c0;
    font-size: 13px;
    text-decoration: none;
}

.donate-intro[b-d61sq98mvf] {
    display: grid;
    max-width: 680px;
    gap: 10px;
    margin: 64px auto 34px;
    text-align: center;
}

.donate-intro > span[b-d61sq98mvf] {
    color: #78cbbb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.donate-intro h1[b-d61sq98mvf],
.donate-intro p[b-d61sq98mvf],
.donation-card h2[b-d61sq98mvf],
.donation-card p[b-d61sq98mvf] {
    margin: 0;
}

.donate-intro h1[b-d61sq98mvf] {
    font-size: clamp(38px, 7vw, 58px);
}

.donate-intro p[b-d61sq98mvf],
.donation-warning[b-d61sq98mvf] {
    color: #98a4b1;
    line-height: 1.55;
}

.donation-grid[b-d61sq98mvf] {
    display: grid;
    max-width: 760px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: auto;
}

.donation-card[b-d61sq98mvf] {
    display: grid;
    justify-items: center;
    gap: 14px;
    padding: 22px;
    border: 1px solid #303942;
    border-radius: 12px;
    background: #14191f;
    box-shadow: 0 16px 42px rgb(0 0 0 / 22%);
}

.donation-card > div[b-d61sq98mvf] {
    text-align: center;
}

.donation-card > div > span[b-d61sq98mvf] {
    color: #78cbbb;
    font-size: 11px;
    font-weight: 700;
}

.donation-card img[b-d61sq98mvf] {
    width: 210px;
    max-width: 100%;
    border: 10px solid white;
    background: white;
}

.donation-card code[b-d61sq98mvf] {
    width: 100%;
    color: #bdc8d3;
    font-size: 11px;
    overflow-wrap: anywhere;
    text-align: center;
}

.donation-card button[b-d61sq98mvf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.donation-card p[b-d61sq98mvf] {
    color: #78cbbb;
    font-size: 12px;
}

.donation-warning[b-d61sq98mvf] {
    max-width: 680px;
    margin: 28px auto 0;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 680px) {
    .donation-grid[b-d61sq98mvf] {
        grid-template-columns: 1fr;
    }

    .donate-page[b-d61sq98mvf] {
        padding-inline: 14px;
    }
}
/* /Components/Pages/MeetingGameChallengeBanner.razor.rz.scp.css */
.game-challenge-banner[b-9oi47squno] {
    position: absolute;
    z-index: 7;
    top: 56px;
    left: 50%;
    display: grid;
    width: min(620px, calc(100% - 280px));
    min-width: 360px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid #43695f;
    border-radius: 10px;
    background: rgb(19 32 30 / 96%);
    box-shadow: 0 12px 34px rgb(0 0 0 / 38%);
    transform: translateX(-50%);
}

.challenge-icon[b-9oi47squno] {
    color: #78cbbb;
    font-size: 20px;
}

.challenge-copy[b-9oi47squno] {
    min-width: 0;
}

.challenge-copy > strong[b-9oi47squno] {
    color: #a7ded4;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.challenge-copy p[b-9oi47squno] {
    margin: 2px 0 0;
    color: #e5ecea;
    font-size: 13px;
    line-height: 1.35;
}

.challenge-copy .challenge-error[b-9oi47squno] {
    color: #ffc7a8;
    font-size: 12px;
}

.game-challenge-banner button[b-9oi47squno] {
    min-height: 34px;
    padding: 5px 11px;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .game-challenge-banner[b-9oi47squno] {
        top: 48px;
        width: calc(100% - 16px);
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
    }

    .game-challenge-banner button[b-9oi47squno] {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* /Components/Pages/MeetingGameHost.razor.rz.scp.css */
.meeting-game-host[b-p9ftu03vu1] {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: inherit;
    background: #0c1014;
}

.meeting-game-host iframe[b-p9ftu03vu1] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #0c1014;
}

.game-player-callouts[b-p9ftu03vu1] {
    position: absolute;
    z-index: 2;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.game-player-callouts[hidden][b-p9ftu03vu1] {
    display: none;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout {
    position: absolute;
    width: var(--game-callout-size, 42px);
    height: var(--game-callout-size, 42px);
    margin: 0;
    transform: translate(-50%, calc(-100% - 5px));
    transition: left 120ms ease, top 120ms ease;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout-bubble {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    overflow: visible;
    place-items: center;
    border: 2px solid var(--game-callout-color, #8bdac6);
    border-radius: 50%;
    background: #17342f;
    box-shadow: 0 5px 16px rgb(0 0 0 / 48%), inset 0 0 0 2px rgb(255 255 255 / 9%);
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout-bubble::after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--game-callout-color, #8bdac6);
    border-bottom: 2px solid var(--game-callout-color, #8bdac6);
    background: #17342f;
    content: "";
    transform: translateX(-50%) rotate(45deg);
}

.game-player-callouts[b-p9ftu03vu1]  video,
.game-player-callouts[b-p9ftu03vu1]  .game-player-callout-avatar {
    position: absolute;
    z-index: 1;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 50%;
}

.game-player-callouts[b-p9ftu03vu1]  video {
    opacity: 0;
    background: #0c0f12;
    object-fit: cover;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout-avatar {
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 35% 25%, #2a6658, #17342f 70%);
    color: #c8f2e8;
    font-size: calc(var(--game-callout-size, 42px) * .25);
    font-weight: 800;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout.has-video video {
    opacity: 1;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout.has-video .game-player-callout-avatar {
    opacity: 0;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout.active .game-player-callout-bubble {
    border-color: #ffe08a;
    box-shadow: 0 0 0 3px rgb(255 224 138 / 24%), 0 6px 18px rgb(0 0 0 / 52%);
    animation: game-callout-pulse-b-p9ftu03vu1 1.8s ease-in-out infinite;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout.active {
    z-index: 2;
}

.game-player-callouts[b-p9ftu03vu1]  .game-player-callout.active .game-player-callout-bubble::after {
    border-color: #ffe08a;
}

@keyframes game-callout-pulse-b-p9ftu03vu1 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
    .game-player-callouts[b-p9ftu03vu1]  .game-player-callout,
    .game-player-callouts[b-p9ftu03vu1]  .game-player-callout-bubble {
        animation: none;
        transition: none;
    }
}

.game-frame-cover[b-p9ftu03vu1] {
    position: absolute;
    display: grid;
    z-index: 3;
    inset: 0;
    place-content: center;
    justify-items: center;
    gap: 8px;
    padding: 20px;
    background: radial-gradient(circle at 50% 40%, #1d2930, #0c1014 68%);
    color: #dce4ea;
    text-align: center;
}

.game-frame-cover > .fa-solid[b-p9ftu03vu1] {
    color: #78cbbb;
    font-size: 34px;
}

.game-frame-cover > span:last-child[b-p9ftu03vu1] {
    max-width: 420px;
    color: #8995a0;
    font-size: 12px;
}

.game-frame-cover.frame-error > .fa-solid[b-p9ftu03vu1],
.game-frame-cover.frame-error > span:last-child[b-p9ftu03vu1] {
    color: #ffc1aa;
}

.game-host-error[b-p9ftu03vu1] {
    position: absolute;
    z-index: 4;
    right: 12px;
    bottom: 10px;
    left: 12px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: rgb(36 26 22 / 94%);
    color: #ffc7a8;
    font-size: 11px;
    text-align: center;
}
/* /Components/Pages/MeetingGameLobbyBanner.razor.rz.scp.css */
.game-lobby-banner[b-o36d87cmob] {
    position: absolute;
    z-index: 8;
    top: 1rem;
    left: 50%;
    width: min(44rem, calc(100% - 2rem));
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .85rem;
    padding: .8rem .9rem;
    border: 1px solid color-mix(in srgb, var(--accent, #64d5c3) 42%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--panel, #12221e) 92%, transparent);
    box-shadow: 0 1rem 2.4rem #0007;
    backdrop-filter: blur(16px);
}

.lobby-icon[b-o36d87cmob] {
    display: grid;
    width: 2.5rem;
    aspect-ratio: 1;
    place-items: center;
    border-radius: .75rem;
    background: #64d5c326;
    color: #8cebd9;
}

.lobby-copy strong[b-o36d87cmob],
.lobby-copy p[b-o36d87cmob] { margin: 0; }
.lobby-copy p[b-o36d87cmob] { margin-top: .15rem; color: var(--text-muted, #b8c8c2); font-size: .88rem; }
.lobby-copy .lobby-error[b-o36d87cmob] { color: #ffb6b6; }
.game-lobby-banner button[b-o36d87cmob] { white-space: nowrap; }

@media (max-width: 580px) {
    .game-lobby-banner[b-o36d87cmob] { grid-template-columns: auto 1fr; }
    .game-lobby-banner button[b-o36d87cmob] { grid-column: 1 / -1; width: 100%; }
}
/* /Components/Pages/MeetingGameOpenLobbyIntro.razor.rz.scp.css */
.game-open-lobby-intro[b-pjshm556o5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    padding: 14px;
    border: 1px solid #386b61;
    border-radius: 10px;
    background: linear-gradient(135deg, #17342e, #101b1a);
}

.game-open-lobby-intro > span:last-child[b-pjshm556o5] {
    display: grid;
    gap: 3px;
}

.game-open-lobby-intro strong[b-pjshm556o5] {
    font-size: 13px;
}

.game-open-lobby-intro small[b-pjshm556o5] {
    color: #b5c8c3;
    font-size: 11px;
    line-height: 1.4;
}

.open-lobby-die[b-pjshm556o5] {
    color: #f1c879;
    font-size: 32px;
    line-height: 1;
    filter: drop-shadow(0 3px 5px rgb(0 0 0 / 35%));
}
/* /Components/Pages/MeetingGamePicker.razor.rz.scp.css */
.game-picker-navigation[b-ymdbs7m2om] {
    display: flex;
    align-items: center;
}

.game-picker-back[b-ymdbs7m2om] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: #cbd5df;
    font-size: 12px;
}

.game-picker-back > span[b-ymdbs7m2om] {
    color: #78cbbb;
    font-size: 16px;
    line-height: 1;
}

.game-picker[b-ymdbs7m2om] {
    display: grid;
    gap: 8px;
}

.game-option[b-ymdbs7m2om] {
    display: grid;
    width: 100%;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border-radius: 9px;
    text-align: left;
}

.game-option.collection[b-ymdbs7m2om] {
    border-color: #386b61;
    background: linear-gradient(135deg, #17342e, #101b1a);
}

.game-option.selected[b-ymdbs7m2om] {
    border-color: #4d8f83;
    background: #18352f;
}

.game-option > .fa-solid[b-ymdbs7m2om] {
    color: #78cbbb;
    font-size: 22px;
}

.game-option > span:nth-child(2)[b-ymdbs7m2om] {
    display: grid;
    gap: 2px;
}

.game-option small[b-ymdbs7m2om],
.game-player-count[b-ymdbs7m2om] {
    color: #aeb8c3;
    font-size: 11px;
    line-height: 1.35;
}

.game-player-count[b-ymdbs7m2om] {
    white-space: nowrap;
}

.game-option.host-setup .game-player-count[b-ymdbs7m2om] {
    color: #d1ad5e;
}

.game-option.open-lobby .game-player-count[b-ymdbs7m2om],
.game-option.collection .game-player-count[b-ymdbs7m2om] {
    color: #82d9c6;
}

@media (max-width: 440px) {
    .game-option[b-ymdbs7m2om] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .game-player-count[b-ymdbs7m2om] {
        grid-column: 2;
        white-space: normal;
    }
}
/* /Components/Pages/MeetingGamePresenceBanner.razor.rz.scp.css */
.game-presence-banner[b-6b0on428mi] {
    position: absolute;
    z-index: 7;
    top: 56px;
    left: 50%;
    display: grid;
    width: min(680px, calc(100% - 280px));
    min-width: 400px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid #75613c;
    border-radius: 10px;
    background: rgb(42 35 21 / 97%);
    box-shadow: 0 12px 34px rgb(0 0 0 / 38%);
    transform: translateX(-50%);
}

.presence-icon[b-6b0on428mi] {
    color: #e0bd6a;
    font-size: 20px;
}

.presence-copy[b-6b0on428mi] {
    min-width: 0;
}

.presence-copy > strong[b-6b0on428mi] {
    color: #ead49e;
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.presence-copy p[b-6b0on428mi] {
    margin: 2px 0 0;
    color: #f0eadc;
    font-size: 13px;
    line-height: 1.35;
}

.presence-copy .presence-error[b-6b0on428mi] {
    color: #ffc7a8;
    font-size: 12px;
}

.presence-actions[b-6b0on428mi] {
    display: flex;
    gap: 7px;
}

.presence-actions button[b-6b0on428mi] {
    min-height: 34px;
    padding: 5px 11px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .game-presence-banner[b-6b0on428mi] {
        top: 48px;
        width: calc(100% - 16px);
        min-width: 0;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 8px;
    }

    .presence-actions[b-6b0on428mi] {
        grid-column: 1 / -1;
        justify-content: stretch;
    }

    .presence-actions button[b-6b0on428mi] {
        flex: 1;
    }
}
/* /Components/Pages/MeetingGamesDialog.razor.rz.scp.css */
.games-dialog-backdrop[b-c925832tbx] {
    position: fixed;
    z-index: 30;
    inset: 0;
    background: rgb(0 0 0 / 58%);
}

.games-dialog[b-c925832tbx] {
    position: fixed;
    z-index: 31;
    top: 50%;
    left: 50%;
    display: grid;
    width: min(500px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    gap: 18px;
    padding: 20px;
    overflow: auto;
    border: 1px solid #3b4856;
    border-radius: 12px;
    outline: none;
    background: #141a20;
    box-shadow: 0 24px 70px rgb(0 0 0 / 58%);
    transform: translate(-50%, -50%);
}

.games-dialog > header[b-c925832tbx],
.games-dialog footer[b-c925832tbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.games-dialog header > div > span[b-c925832tbx] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #78cbbb;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.games-dialog h2[b-c925832tbx],
.games-dialog h3[b-c925832tbx],
.games-dialog p[b-c925832tbx] {
    margin: 0;
}

.games-dialog h2[b-c925832tbx] {
    margin-top: 3px;
    font-size: 22px;
}

.close-button[b-c925832tbx] {
    display: grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    border-radius: 50%;
}

.game-dialog-state[b-c925832tbx] {
    display: grid;
    justify-items: center;
    gap: 9px;
    padding: 22px 16px;
    border: 1px solid #303b45;
    border-radius: 10px;
    background: #10151a;
    text-align: center;
}

.game-dialog-state > .fa-solid[b-c925832tbx] {
    color: #78cbbb;
    font-size: 32px;
}

.game-dialog-state h3[b-c925832tbx] {
    font-size: 17px;
}

.game-dialog-state p[b-c925832tbx] {
    color: #aeb8c3;
    font-size: 13px;
    line-height: 1.45;
}

.game-dialog-state.compact-state[b-c925832tbx] {
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: start;
    padding: 12px 14px;
    text-align: left;
}

.game-dialog-state.compact-state > .fa-solid[b-c925832tbx] {
    font-size: 22px;
}

.game-request-note[b-c925832tbx] {
    color: #aeb8c3;
    font-size: 11px;
    line-height: 1.35;
}

.game-player-setup[b-c925832tbx] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 14px;
    border: 1px solid #303b45;
    border-radius: 10px;
    background: #10151a;
}

.game-player-setup legend[b-c925832tbx] {
    padding: 0 6px;
    color: #d8e0e8;
    font-size: 13px;
    font-weight: 700;
}

.game-player-slots[b-c925832tbx] {
    display: grid;
    gap: 9px;
}

.game-player-slot[b-c925832tbx] {
    display: grid;
    grid-template-columns: minmax(95px, .7fr) minmax(160px, 1.3fr);
    align-items: center;
    gap: 12px;
}

.game-player-slot > span[b-c925832tbx] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.game-player-slot strong[b-c925832tbx] {
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-player-slot small[b-c925832tbx] {
    overflow: hidden;
    color: #8f9aa6;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-player-slot select[b-c925832tbx] {
    width: 100%;
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid #3b4856;
    border-radius: 6px;
    background: #182027;
    color: #f3f6f8;
    font: inherit;
    font-size: 12px;
}

.game-slot-actions[b-c925832tbx] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.game-slot-actions button[b-c925832tbx] {
    padding: 7px 9px;
    font-size: 11px;
}

.game-request-note[b-c925832tbx] {
    margin: -7px 0 0;
    text-align: center;
}

.dialog-error[b-c925832tbx] {
    padding: 9px 11px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
    font-size: 12px;
}

.games-dialog footer[b-c925832tbx] {
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .games-dialog[b-c925832tbx] {
        gap: 14px;
        padding: 16px;
    }

    .games-dialog footer[b-c925832tbx] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .game-player-slot[b-c925832tbx] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .game-slot-actions[b-c925832tbx] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/MeetingJoinPanel.razor.rz.scp.css */
.meeting-intro[b-rl78yxfhlb] {
    display: grid;
    align-content: start;
    gap: 18px;
}

.eyebrow[b-rl78yxfhlb] {
    color: #78cbbb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.meeting-intro h1[b-rl78yxfhlb] {
    max-width: 680px;
    margin: 0;
    font-size: clamp(38px, 6vw, 66px);
    letter-spacing: -.035em;
    line-height: 1.02;
}

.meeting-intro h1:focus[b-rl78yxfhlb] {
    outline: none;
}

.meeting-intro > p[b-rl78yxfhlb] {
    max-width: 640px;
    margin: 0;
    color: #aeb8c3;
    font-size: 17px;
    line-height: 1.55;
}

.room-form[b-rl78yxfhlb] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.room-form > label[b-rl78yxfhlb] {
    color: #c8d0d9;
    font-size: 13px;
}

.room-entry[b-rl78yxfhlb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    overflow: hidden;
    border: 1px solid #39434e;
    border-radius: 9px;
    background: #151a20;
    box-shadow: 0 14px 34px rgb(0 0 0 / 20%);
}

.room-entry:focus-within[b-rl78yxfhlb] {
    border-color: #459a89;
    box-shadow: 0 0 0 3px rgb(69 154 137 / 14%);
}

.room-entry > span[b-rl78yxfhlb] {
    padding-left: 13px;
    color: #6f7a86;
    font-family: var(--code-editor-font);
    font-size: 13px;
}

.room-form input[b-rl78yxfhlb] {
    min-width: 0;
    min-height: 50px;
    padding: 0 10px 0 2px;
    border: 0;
    border-radius: 0;
    outline: 0;
    background: transparent;
    font-family: var(--code-editor-font);
}

.room-entry button[b-rl78yxfhlb] {
    min-height: 38px;
    margin-right: 6px;
}

.room-password-field[b-rl78yxfhlb] {
    display: grid;
    gap: 7px;
    margin-top: 4px;
}

.room-password-field input[b-rl78yxfhlb] {
    min-height: 46px;
    padding: 0 12px;
    border: 1px solid #39434e;
    border-radius: 9px;
    background: #151a20;
    font-family: inherit;
}

.room-password-field input:focus[b-rl78yxfhlb] {
    border-color: #459a89;
    box-shadow: 0 0 0 3px rgb(69 154 137 / 14%);
}

.room-generator[b-rl78yxfhlb] {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 10px;
}

.room-generator button[b-rl78yxfhlb] {
    min-height: 38px;
}

.room-copy-status[b-rl78yxfhlb] {
    color: #78cbbb;
    font-size: 13px;
}

.room-error[b-rl78yxfhlb] {
    margin: -6px 0 0;
    color: #ffb8ae;
    font-size: 13px;
}

.qr-scanner[b-rl78yxfhlb] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #39434e;
    border-radius: 9px;
    background: #11151a;
}

.qr-scanner video[b-rl78yxfhlb] {
    width: 100%;
    max-height: 320px;
    border-radius: 6px;
    background: #050607;
    object-fit: cover;
}

.qr-scanner p[b-rl78yxfhlb] {
    margin: 0;
    color: #aeb8c3;
    font-size: 13px;
}

.meeting-points[b-rl78yxfhlb] {
    display: grid;
    gap: 8px;
    margin: 4px 0 0;
    padding: 0;
    color: #8995a2;
    font-size: 13px;
    list-style: none;
}

.meeting-points li[b-rl78yxfhlb]::before {
    margin-right: 8px;
    color: #61b8a7;
    content: "✓";
}

@media (max-width: 560px) {
    .meeting-intro h1[b-rl78yxfhlb] {
        font-size: 40px;
    }

    .meeting-intro > p[b-rl78yxfhlb] {
        font-size: 15px;
    }

    .room-entry[b-rl78yxfhlb] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .room-entry button[b-rl78yxfhlb] {
        grid-column: 1 / -1;
        width: calc(100% - 12px);
        margin: 0 6px 6px;
    }
}
/* /Components/Pages/MeetingLayoutControls.razor.rz.scp.css */
.layout-controls[b-axn6rpuf9i] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    display: flex;
    gap: 3px;
    padding: 3px;
    border: 1px solid #2b323a;
    border-radius: 8px;
    background: #11151a;
}

.layout-controls button[b-axn6rpuf9i] {
    min-height: 30px;
    padding: 4px 10px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #9aa5b1;
    font-size: 12px;
}

.layout-controls button:hover[b-axn6rpuf9i],
.layout-controls button.active[b-axn6rpuf9i] {
    background: #26313a;
    color: #fff;
}

.layout-controls.pinned[b-axn6rpuf9i] {
    position: fixed;
    top: auto;
    right: 24px;
    bottom: 24px;
    z-index: 9;
    padding: 8px;
    border-radius: 999px;
    box-shadow: 0 12px 32px rgb(0 0 0 / 35%);
}

.layout-controls.pinned button[data-layout-unpin][b-axn6rpuf9i] {
    min-height: 46px;
    padding: 0 16px;
    border-radius: 999px;
}

@media (max-width: 700px) {
    .layout-controls[b-axn6rpuf9i] {
        top: 6px;
        right: 6px;
    }

    .layout-controls.with-rail[b-axn6rpuf9i] {
        right: 121px;
    }

    .layout-controls.pinned[b-axn6rpuf9i] {
        right: 8px;
        bottom: 24px;
        padding: 6px;
    }

    .layout-controls.pinned button[data-layout-unpin][b-axn6rpuf9i] {
        min-height: 42px;
    }
}
/* /Components/Pages/MeetingVideoLayout.razor.rz.scp.css */
.meeting-video-shell[b-1sp9s8xo19] {
    position: static;
    width: 100%;
    min-height: 0;
}

.meeting-video-shell.has-pinned-tile[b-1sp9s8xo19] {
    display: flex;
    height: 100%;
    flex: 1;
    flex-direction: column;
}

.video-layout[b-1sp9s8xo19] {
    display: grid;
    width: 100%;
    min-height: 0;
    gap: 12px;
}

.featured-videos[b-1sp9s8xo19] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: 12px;
}

.video-stack[b-1sp9s8xo19] {
    display: contents;
}

.video-stack:empty[b-1sp9s8xo19] {
    display: none;
}

.featured-videos:empty[b-1sp9s8xo19] {
    display: none;
}

.video-layout.side-layout[b-1sp9s8xo19] {
    grid-template-columns: minmax(0, 1fr) 148px;
    align-items: stretch;
}

.side-layout .featured-videos[b-1sp9s8xo19] {
    grid-column: 1;
    grid-row: 1;
}

.side-layout .video-stack[b-1sp9s8xo19] {
    display: flex;
    max-height: min(70vh, 680px);
    min-height: 0;
    grid-column: 2;
    grid-row: 1;
    flex-direction: column;
    gap: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

.grid-layout .featured-videos[b-1sp9s8xo19] {
    display: contents;
}

.video-layout.grid-layout[b-1sp9s8xo19] {
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}

.grid-layout .video-stack[b-1sp9s8xo19] {
    display: contents;
}

.side-layout.local-featured .video-stack[b-1sp9s8xo19] {
    display: grid;
    max-height: none;
    grid-column: 1;
    overflow: visible;
}

.side-layout.local-featured .featured-videos[b-1sp9s8xo19] {
    display: flex;
    max-height: min(70vh, 680px);
    grid-column: 2;
    flex-direction: column;
    gap: 8px;
    overflow-x: hidden;
    overflow-y: auto;
}

.side-layout .featured-videos[data-count="1"] .video-tile[b-1sp9s8xo19],
.side-layout .featured-videos[data-count="1"][b-1sp9s8xo19]  .video-tile {
    min-height: min(70vh, 680px);
}

.side-layout.local-featured .video-stack .local-video-tile[b-1sp9s8xo19] {
    min-height: min(70vh, 680px);
    height: auto;
}

.side-layout .video-stack .video-tile[b-1sp9s8xo19],
.side-layout .video-stack[b-1sp9s8xo19]  .video-tile {
    width: 100%;
    min-height: 104px;
    height: 104px;
    flex: 0 0 104px;
    border-radius: 8px;
}

.side-layout.local-featured .featured-videos[b-1sp9s8xo19]  .video-tile {
    width: 100%;
    min-height: 104px;
    height: 104px;
    flex: 0 0 104px;
    border-radius: 8px;
}

.side-layout .video-stack .video-avatar[b-1sp9s8xo19],
.side-layout .video-stack[b-1sp9s8xo19]  .video-avatar {
    width: 38px;
    height: 38px;
    font-size: 12px;
}

.side-layout.local-featured .featured-videos[b-1sp9s8xo19]  .video-avatar {
    width: 38px;
    height: 38px;
    font-size: 12px;
}

.side-layout .video-stack .video-label[b-1sp9s8xo19],
.side-layout .video-stack[b-1sp9s8xo19]  .video-label {
    right: 4px;
    bottom: 4px;
    left: 4px;
    padding: 4px 5px;
    font-size: 9px;
}

.side-layout.local-featured .featured-videos[b-1sp9s8xo19]  .video-label {
    right: 4px;
    bottom: 4px;
    left: 4px;
    padding: 4px 5px;
    font-size: 9px;
}

.side-layout .video-stack .media-indicator[b-1sp9s8xo19],
.side-layout .video-stack[b-1sp9s8xo19]  .media-indicator {
    display: none;
}

.side-layout.local-featured .featured-videos[b-1sp9s8xo19]  .media-indicator {
    display: none;
}

@media (max-width: 700px) {
    .meeting-video-shell[b-1sp9s8xo19] {
        position: relative;
        display: flex;
        min-height: 0;
        flex: 1;
        flex-direction: column;
    }

    .video-layout[b-1sp9s8xo19] {
        min-height: 0;
        flex: 1;
    }

    .video-layout.side-layout[b-1sp9s8xo19] {
        height: 100%;
        grid-template-columns: minmax(0, 1fr) 104px;
        gap: 7px;
    }

    .side-layout .featured-videos[b-1sp9s8xo19] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(var(--featured-count, 1), minmax(0, 1fr));
        gap: 7px;
    }

    .side-layout .featured-videos[data-count="2"][b-1sp9s8xo19] {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .side-layout .featured-videos .video-tile[b-1sp9s8xo19],
    .side-layout .featured-videos[b-1sp9s8xo19]  .video-tile,
    .side-layout .featured-videos[data-count="1"] .video-tile[b-1sp9s8xo19],
    .side-layout .featured-videos[data-count="1"][b-1sp9s8xo19]  .video-tile {
        min-height: 0;
        height: auto;
    }

    .side-layout .video-stack[b-1sp9s8xo19] {
        max-height: none;
    }

    .side-layout.local-featured .featured-videos[b-1sp9s8xo19] {
        max-height: none;
    }

    .side-layout .video-stack .video-tile[b-1sp9s8xo19],
    .side-layout .video-stack[b-1sp9s8xo19]  .video-tile {
        min-height: 78px;
        height: 78px;
        flex-basis: 78px;
    }

    .side-layout.local-featured .featured-videos[b-1sp9s8xo19]  .video-tile {
        min-height: 78px;
        height: 78px;
        flex-basis: 78px;
    }

    .side-layout.local-featured .video-stack .local-video-tile[b-1sp9s8xo19] {
        min-height: 0;
        height: auto;
    }

    .video-layout.grid-layout[b-1sp9s8xo19] {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 7px;
    }

    .grid-layout .video-tile[b-1sp9s8xo19],
    .grid-layout[b-1sp9s8xo19]  .video-tile {
        min-height: 180px;
    }
}

.video-layout.pinned-layout[b-1sp9s8xo19] {
    height: 100%;
    min-height: 0;
    flex: 1;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

.pinned-layout .featured-videos[b-1sp9s8xo19] {
    display: grid;
    height: 100%;
    min-height: 0;
    grid-column: 1;
    grid-row: 1;
}

.pinned-layout .featured-videos[data-count="1"] .video-tile[b-1sp9s8xo19],
.pinned-layout .featured-videos[data-count="1"][b-1sp9s8xo19]  .video-tile {
    height: 100%;
    min-height: 0;
}

.pinned-layout .video-stack[b-1sp9s8xo19] {
    display: none;
}
/* /Components/Pages/MeetLanding.razor.rz.scp.css */
.meet-landing[b-j321w5gedz] {
    min-height: 100vh;
    padding: 0 24px 48px;
    background:
        radial-gradient(circle at 18% 12%, rgb(33 115 100 / 22%), transparent 34%),
        radial-gradient(circle at 92% 78%, rgb(36 91 130 / 13%), transparent 30%),
        #0d1014;
    color: #edf1f5;
}

.landing-header[b-j321w5gedz] {
    display: flex;
    max-width: 1120px;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 auto;
    border-bottom: 1px solid rgb(48 56 66 / 72%);
}

.landing-actions[b-j321w5gedz] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.landing-actions a[b-j321w5gedz] {
    color: #98a4b1;
    font-size: 13px;
    text-decoration: none;
}

.landing-actions a:hover[b-j321w5gedz],
.landing-actions a:focus-visible[b-j321w5gedz] {
    color: #edf1f5;
}

.landing-actions .meeting-app-link[b-j321w5gedz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #b9d9d2;
}

.landing-actions .donate-link[b-j321w5gedz] {
    padding: 6px 10px;
    border: 1px solid #3d766c;
    border-radius: 999px;
    background: #17342f;
    color: #bce8df;
}

.landing-actions .donate-link:hover[b-j321w5gedz],
.landing-actions .donate-link:focus-visible[b-j321w5gedz] {
    border-color: #65b5a5;
    background: #1d443c;
    color: white;
}

.landing-content[b-j321w5gedz] {
    display: grid;
    max-width: 1120px;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: clamp(42px, 8vw, 110px);
    margin: 0 auto;
    padding-top: clamp(58px, 10vh, 110px);
}

@media (max-width: 840px) {
    .landing-content[b-j321w5gedz] {
        grid-template-columns: 1fr;
        gap: 44px;
        padding-top: 52px;
    }
}

@media (max-width: 560px) {
    .meet-landing[b-j321w5gedz] {
        padding: 0 14px 34px;
    }

    .landing-header[b-j321w5gedz] {
        min-height: 62px;
    }

    .landing-header[b-j321w5gedz]  .meet-brand img:last-child {
        display: none;
    }

    .landing-actions[b-j321w5gedz] {
        gap: 12px;
    }

    .landing-content[b-j321w5gedz] {
        gap: 34px;
        padding-top: 38px;
    }
}
/* /Components/Pages/MeetRoom.razor.rz.scp.css */
.meet-page[b-qaauwr3hz5] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 20% 0%, rgb(33 115 100 / 16%), transparent 35%),
        #0d1014;
    color: #edf1f5;
}

.meet-page h1:focus[b-qaauwr3hz5] {
    outline: none;
}

.meet-entry-card[b-qaauwr3hz5] {
    display: grid;
    width: min(480px, calc(100vw - 32px));
    gap: 20px;
    margin: 0 auto;
    padding: max(28px, 8vh) 0 32px;
}

.meet-entry-heading[b-qaauwr3hz5] {
    display: grid;
    gap: 7px;
    margin-top: 24px;
}

.room-kicker[b-qaauwr3hz5],
.room-heading span[b-qaauwr3hz5] {
    color: #78cbbb;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.meet-entry-card h1[b-qaauwr3hz5],
.room-heading h1[b-qaauwr3hz5] {
    margin: 0;
    overflow-wrap: anywhere;
}

.meet-entry-card h1[b-qaauwr3hz5] {
    font-size: clamp(30px, 7vw, 48px);
}

.meet-entry-card p[b-qaauwr3hz5] {
    margin: 0;
    color: #a8b2be;
    line-height: 1.5;
}

.display-name-field[b-qaauwr3hz5] {
    display: grid;
    gap: 7px;
}

.display-name-field span[b-qaauwr3hz5] {
    color: #c8d0d9;
    font-size: 13px;
}

.display-name-field input[b-qaauwr3hz5] {
    min-height: 46px;
    padding: 0 13px;
    font-size: 16px;
}

.lobby-preview[b-qaauwr3hz5] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid #2d353e;
    border-radius: 8px;
    background: #11161b;
}

.lobby-preview header[b-qaauwr3hz5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c8d0d9;
    font-size: 13px;
}

.lobby-preview header strong[b-qaauwr3hz5] {
    color: #78cbbb;
}

.meet-entry-card .lobby-preview p[b-qaauwr3hz5] {
    color: #78838f;
    font-size: 13px;
}

.lobby-people[b-qaauwr3hz5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lobby-people > span[b-qaauwr3hz5] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 9px 5px 5px;
    border-radius: 999px;
    background: #1b2329;
    color: #d8dee5;
    font-size: 12px;
}

.lobby-avatar[b-qaauwr3hz5] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: #17342f;
    color: #91dace;
    font-size: 9px;
    font-weight: 700;
}

.join-button[b-qaauwr3hz5] {
    min-height: 44px;
}

.meet-entry-card .privacy-note[b-qaauwr3hz5] {
    color: #78838f;
    font-size: 12px;
}

.meet-entry-card .meet-error[b-qaauwr3hz5] {
    padding: 10px 12px;
    border: 1px solid #79513e;
    border-radius: 6px;
    background: #241a16;
    color: #ffc7a8;
}

.meet-header[b-qaauwr3hz5] {
    position: relative;
    display: grid;
    min-height: 64px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 10px 16px;
    border-bottom: 1px solid #252a31;
    background: rgb(17 21 26 / 92%);
}

.invite-popover[b-qaauwr3hz5] {
    position: absolute;
    z-index: 20;
    top: 58px;
    right: 16px;
    display: grid;
    width: min(300px, calc(100vw - 32px));
    gap: 10px;
    padding: 16px;
    border: 1px solid #39434e;
    border-radius: 10px;
    background: #151a20;
    box-shadow: 0 18px 50px rgb(0 0 0 / 45%);
}

.invite-popover h2[b-qaauwr3hz5],
.invite-popover p[b-qaauwr3hz5] {
    margin: 0;
    text-align: center;
}

.invite-popover img[b-qaauwr3hz5] {
    width: 220px;
    max-width: 100%;
    margin: auto;
    border: 10px solid white;
    background: white;
}

.invite-popover > div[b-qaauwr3hz5] {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.room-heading[b-qaauwr3hz5] {
    min-width: 0;
}

.room-heading h1[b-qaauwr3hz5] {
    overflow: hidden;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-header-actions[b-qaauwr3hz5],
.meet-header-actions button[b-qaauwr3hz5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meet-header-actions button.active[b-qaauwr3hz5] {
    border-color: #2c6f64;
    background: #173b35;
    color: #9fe0d4;
}

.leave-button[b-qaauwr3hz5] {
    border-color: #744047;
    background: #3a2025;
    color: #ffb3bb;
}

.meeting-shell[b-qaauwr3hz5] {
    display: grid;
    min-height: calc(100vh - 64px);
    grid-template-columns: minmax(0, 1fr) 24px 340px;
}

.meeting-shell.sidebar-collapsed[b-qaauwr3hz5] {
    grid-template-columns: minmax(0, 1fr) 24px 0;
}

.meeting-pane[b-qaauwr3hz5],
.sidebar-pane[b-qaauwr3hz5] {
    display: grid;
    min-width: 0;
    min-height: 0;
}

.sidebar-pane[b-qaauwr3hz5] {
    overflow: hidden;
}

.meeting-shell.sidebar-collapsed .sidebar-pane[b-qaauwr3hz5] {
    visibility: hidden;
}

.desktop-sidebar-divider[b-qaauwr3hz5] {
    position: relative;
    z-index: 7;
    display: grid;
    min-width: 0;
    min-height: 0;
    place-items: center;
}

.desktop-sidebar-divider[b-qaauwr3hz5]::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #303841;
    content: "";
}

.desktop-sidebar-divider button[b-qaauwr3hz5] {
    z-index: 1;
    display: grid;
    width: 24px;
    min-width: 24px;
    height: 54px;
    min-height: 54px;
    padding: 0;
    place-items: center;
    border-color: #3b4650;
    border-radius: 999px;
    background: #151b20;
    color: #8bd5c7;
    box-shadow: 0 5px 18px rgb(0 0 0 / 35%);
}

.meeting-mobile-tabs[b-qaauwr3hz5] {
    display: none;
}

@media (max-width: 900px) {
    .meet-page.joined.mobile-tab-chat[b-qaauwr3hz5] {
        display: grid;
        height: 100dvh;
        min-height: 0;
        grid-template-rows: auto auto minmax(0, 1fr);
        overflow: hidden;
    }

    .meeting-mobile-tabs[b-qaauwr3hz5] {
        position: relative;
        z-index: 8;
        display: grid;
        min-height: 48px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 4px 8px;
        border-bottom: 1px solid #252a31;
        background: #11151a;
    }

    .meeting-mobile-tabs button[b-qaauwr3hz5] {
        min-width: 0;
        min-height: 40px;
        padding: 4px 8px;
        border: 0;
        border-bottom: 2px solid transparent;
        border-radius: 5px 5px 0 0;
        background: transparent;
        color: #8f9aa6;
        font-size: 13px;
    }

    .meeting-mobile-tabs button.active[b-qaauwr3hz5] {
        border-bottom-color: #78cbbb;
        background: #1b242b;
        color: #f2f6f8;
    }

    .meeting-mobile-tabs button span[b-qaauwr3hz5] {
        margin-left: 3px;
        color: #78cbbb;
        font-size: 10px;
    }

    .meeting-shell[b-qaauwr3hz5],
    .meeting-shell.sidebar-collapsed[b-qaauwr3hz5] {
        height: calc(100dvh - 114px);
        min-height: 0;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr);
    }

    .meet-page.joined.mobile-tab-chat .meeting-shell[b-qaauwr3hz5],
    .meet-page.joined.mobile-tab-chat .meeting-shell.sidebar-collapsed[b-qaauwr3hz5] {
        height: auto;
    }

    .desktop-sidebar-divider[b-qaauwr3hz5] {
        display: none;
    }

    .meeting-shell.sidebar-collapsed .sidebar-pane[b-qaauwr3hz5] {
        visibility: visible;
    }

    .meeting-shell.mobile-tab-meeting .sidebar-pane[b-qaauwr3hz5],
    .meeting-shell.mobile-tab-people .meeting-pane[b-qaauwr3hz5],
    .meeting-shell.mobile-tab-chat .meeting-pane[b-qaauwr3hz5] {
        display: none;
    }

    .meeting-pane[b-qaauwr3hz5],
    .sidebar-pane[b-qaauwr3hz5],
    .sidebar-pane[b-qaauwr3hz5]  .meeting-sidebar {
        height: 100%;
    }
}

@media (max-width: 560px) {
    .meet-header[b-qaauwr3hz5] {
        gap: 10px;
    }

    .meet-header[b-qaauwr3hz5]  .meet-brand img:last-child,
    .wide-label[b-qaauwr3hz5] {
        display: none;
    }

    .meet-header-actions button:not(.leave-button)[b-qaauwr3hz5] {
        width: 36px;
        padding: 0;
        justify-content: center;
    }
}
/* /Components/Pages/MeetRoomSidebar.razor.rz.scp.css */
.meeting-sidebar[b-6s13nbir69] {
    display: grid;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    border-left: 1px solid #252a31;
    background: #11151a;
}

.participants-panel[b-6s13nbir69],
.chat-panel[b-6s13nbir69] {
    display: grid;
    min-height: 0;
}

.participants-panel[b-6s13nbir69] {
    max-height: 220px;
    grid-template-rows: auto minmax(0, 1fr);
    border-bottom: 1px solid #252a31;
}

.participants-panel header[b-6s13nbir69],
.chat-panel > header[b-6s13nbir69] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
}

.participants-panel h2[b-6s13nbir69],
.chat-panel h2[b-6s13nbir69] {
    margin: 0;
    font-size: 14px;
}

.participants-panel header span[b-6s13nbir69] {
    color: #87919d;
    font-size: 12px;
}

.participant-list[b-6s13nbir69],
.chat-messages[b-6s13nbir69] {
    overflow: auto;
    scrollbar-color: #3b444f transparent;
}

.participant-list[b-6s13nbir69] {
    padding: 0 10px 10px;
}

.participant-row[b-6s13nbir69] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 5px;
    color: #c8d0d9;
    font-size: 13px;
}

.participant-name[b-6s13nbir69] {
    display: grid;
    min-width: 0;
    flex: 1;
}

.participant-name small[b-6s13nbir69] {
    color: #78cbbb;
    font-size: 10px;
}

.participant-actions[b-6s13nbir69] {
    display: flex;
    gap: 4px;
}

.participant-actions button[b-6s13nbir69] {
    min-height: 28px;
    padding: 0 7px;
    font-size: 11px;
}

.participant-actions .ban-action[b-6s13nbir69] {
    border-color: #744047;
    color: #ffb3bb;
}

.participant-avatar[b-6s13nbir69] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    background: #17342f;
    color: #91dace;
    font-size: 10px;
    font-weight: 600;
}

.chat-panel[b-6s13nbir69] {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.chat-messages[b-6s13nbir69] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 14px 14px;
}

.empty-chat[b-6s13nbir69] {
    margin: auto;
    color: #6f7a86;
    font-size: 13px;
}

.chat-message[b-6s13nbir69] {
    display: grid;
    gap: 4px;
}

.chat-message > div[b-6s13nbir69] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.chat-message strong[b-6s13nbir69] {
    color: #dce2e8;
    font-size: 12px;
}

.chat-message time[b-6s13nbir69] {
    color: #697480;
    font-size: 10px;
}

.chat-message p[b-6s13nbir69] {
    width: fit-content;
    max-width: 92%;
    margin: 0;
    padding: 8px 10px;
    border-radius: 3px 10px 10px;
    background: #1c2229;
    color: #cbd3dc;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.own-message p[b-6s13nbir69] {
    align-self: end;
    border-radius: 10px 3px 10px 10px;
    background: #17342f;
    color: #d9f3ed;
}

.chat-composer[b-6s13nbir69] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #252a31;
}

.chat-composer input[b-6s13nbir69] {
    min-width: 0;
    padding: 0 10px;
}

@media (max-width: 900px) {
    .meeting-sidebar[b-6s13nbir69] {
        height: 100%;
        min-height: 0;
        grid-template-rows: minmax(0, 1fr);
        border-left: 0;
    }

    .meeting-sidebar.mobile-people .chat-panel[b-6s13nbir69],
    .meeting-sidebar.mobile-chat .participants-panel[b-6s13nbir69],
    .meeting-sidebar.mobile-people .participants-panel > header[b-6s13nbir69],
    .meeting-sidebar.mobile-chat .chat-panel > header[b-6s13nbir69] {
        display: none;
    }

    .meeting-sidebar.mobile-people .participants-panel[b-6s13nbir69] {
        max-height: none;
        border-bottom: 0;
    }

    .meeting-sidebar.mobile-chat .chat-panel[b-6s13nbir69] {
        height: 100%;
        min-height: 0;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: hidden;
    }

    .meeting-sidebar.mobile-chat .chat-messages[b-6s13nbir69] {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .meeting-sidebar.mobile-chat .chat-composer[b-6s13nbir69] {
        min-height: 64px;
        align-items: center;
        flex: none;
    }

    .meeting-sidebar.mobile-chat .chat-composer input[b-6s13nbir69],
    .meeting-sidebar.mobile-chat .chat-composer button[b-6s13nbir69] {
        height: 40px;
        min-height: 40px;
    }

    .meeting-sidebar.mobile-chat .chat-composer button[b-6s13nbir69] {
        min-width: 64px;
    }

    .participant-list[b-6s13nbir69] {
        padding-top: 10px;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-vft64dpw24] {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding: 24px;
    background: #111316;
    color: #e7ebef;
}

.not-found-panel[b-vft64dpw24] {
    display: grid;
    justify-items: center;
    width: min(420px, 100%);
    gap: 12px;
    padding: 28px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
    text-align: center;
}

.not-found-panel .fa-solid[b-vft64dpw24] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid #2b3640;
    border-radius: 999px;
    color: #82cfff;
    font-size: 22px;
}

.not-found-panel h1[b-vft64dpw24] {
    margin: 0;
    font-size: 28px;
}

.not-found-panel p[b-vft64dpw24] {
    margin: 0;
    color: #a8b2be;
}

.not-found-panel a[b-vft64dpw24] {
    display: inline-grid;
    min-height: 36px;
    align-items: center;
    margin-top: 4px;
    padding: 0 14px;
    border: 1px solid #2c6f64;
    border-radius: 6px;
    background: #17342f;
    color: #d9f3ed;
    text-decoration: none;
}

.not-found-panel a:hover[b-vft64dpw24],
.not-found-panel a:focus-visible[b-vft64dpw24] {
    border-color: #3d8f82;
    background: #1d433c;
}
/* /Components/Pages/OpenMeetingRoomsPanel.razor.rz.scp.css */
.open-rooms[b-y5u6mco29b] {
    display: grid;
    width: min(980px, 100%);
    gap: 10px;
}

.open-rooms > header[b-y5u6mco29b] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.open-rooms h2[b-y5u6mco29b],
.open-rooms p[b-y5u6mco29b] {
    margin: 0;
}

.open-rooms h2[b-y5u6mco29b] {
    font-size: 18px;
}

.open-rooms p[b-y5u6mco29b] {
    margin-top: 4px;
    color: #a8b2be;
    font-size: 13px;
}

.open-rooms > header > span[b-y5u6mco29b] {
    flex: none;
    color: #87919d;
    font-size: 12px;
}

.empty-open-rooms[b-y5u6mco29b] {
    padding: 16px;
    border: 1px dashed #303842;
    border-radius: 8px;
    color: #87919d;
    text-align: center;
}

.room-table[b-y5u6mco29b] {
    display: grid;
    overflow: auto;
    border: 1px solid #303842;
    border-radius: 8px;
    background: #15191e;
}

.room-row[b-y5u6mco29b] {
    display: grid;
    min-width: 820px;
    grid-template-columns: minmax(180px, 1fr) 72px 130px 125px 110px 58px;
    align-items: center;
    border-top: 1px solid #252a31;
}

.room-row:first-child[b-y5u6mco29b] {
    border-top: 0;
}

.room-row > *[b-y5u6mco29b] {
    min-width: 0;
    padding: 9px 10px;
    overflow: hidden;
    color: #cdd6df;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-row strong[b-y5u6mco29b] {
    color: #e4e9ee;
    font-size: 13px;
}

.room-heading[b-y5u6mco29b] {
    color: #87919d;
    font-weight: 700;
    text-transform: uppercase;
}

.room-heading > *[b-y5u6mco29b] {
    color: inherit;
    font-size: 11px;
}

.room-row a[b-y5u6mco29b] {
    color: #82cfff;
    text-decoration: none;
}

.room-row a:hover[b-y5u6mco29b],
.room-row a:focus-visible[b-y5u6mco29b] {
    color: #b9e3ff;
}

@media (max-width: 640px) {
    .open-rooms > header[b-y5u6mco29b] {
        display: grid;
    }
}
/* /Components/Pages/Pending.razor.rz.scp.css */
.status-page[b-2eay2h06lf] {
    display: grid;
    min-height: calc(100vh - 54px);
    place-items: center;
    padding: 24px;
}

.status-panel[b-2eay2h06lf] {
    display: grid;
    width: min(460px, 100%);
    gap: 14px;
    padding: 24px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.status-panel h1[b-2eay2h06lf],
.status-panel p[b-2eay2h06lf] {
    margin: 0;
}

.status-panel p[b-2eay2h06lf] {
    color: #a8b2be;
}

.actions[b-2eay2h06lf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-kt3rzcjbvr] {
    min-height: 100vh;
    padding: 28px 18px;
    background: #111316;
    color: #e7ebef;
}

.privacy-panel[b-kt3rzcjbvr] {
    display: grid;
    max-width: 760px;
    gap: 18px;
    margin: 0 auto;
    padding: 24px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.brand-link[b-kt3rzcjbvr] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.brand-link img:first-child[b-kt3rzcjbvr] {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.brand-link img:last-child[b-kt3rzcjbvr] {
    width: 148px;
    height: auto;
    object-fit: contain;
}

header[b-kt3rzcjbvr] {
    display: grid;
    gap: 6px;
}

h1[b-kt3rzcjbvr],
h2[b-kt3rzcjbvr],
p[b-kt3rzcjbvr] {
    margin: 0;
}

h1[b-kt3rzcjbvr] {
    font-size: 30px;
}

h2[b-kt3rzcjbvr] {
    margin-bottom: 8px;
    font-size: 17px;
}

p[b-kt3rzcjbvr] {
    color: #c8d0d9;
    line-height: 1.55;
}

header p[b-kt3rzcjbvr] {
    color: #87919d;
}

section[b-kt3rzcjbvr] {
    display: grid;
    gap: 9px;
}
/* /Components/Pages/RecentMeetingRooms.razor.rz.scp.css */
.recent-rooms[b-h91d9j2jx3] {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 18px;
    border: 1px solid #29313a;
    border-radius: 12px;
    background: rgb(17 21 26 / 76%);
    box-shadow: 0 20px 50px rgb(0 0 0 / 22%);
    backdrop-filter: blur(12px);
}

.recent-rooms > header[b-h91d9j2jx3] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
}

.eyebrow[b-h91d9j2jx3] {
    color: #78cbbb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.recent-rooms h2[b-h91d9j2jx3] {
    margin: 4px 0 0;
    font-size: 21px;
}

.clear-history[b-h91d9j2jx3] {
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8995a2;
    font-size: 12px;
}

.history-empty[b-h91d9j2jx3] {
    display: grid;
    min-height: 160px;
    place-content: center;
    gap: 5px;
    margin: 0;
    padding: 18px;
    border: 1px dashed #303842;
    border-radius: 8px;
    color: #8995a2;
    text-align: center;
}

.history-empty strong[b-h91d9j2jx3] {
    color: #cbd3dc;
}

.history-empty p[b-h91d9j2jx3] {
    max-width: 280px;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.room-history-list[b-h91d9j2jx3] {
    display: grid;
    max-height: 430px;
    gap: 8px;
    overflow: auto;
}

.room-history-card[b-h91d9j2jx3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 1px solid #2b333d;
    border-radius: 8px;
    background: #151a20;
}

.room-history-card > a[b-h91d9j2jx3] {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 11px 12px;
    color: #e2e7ec;
    text-decoration: none;
}

.room-history-card > a:hover strong[b-h91d9j2jx3],
.room-history-card > a:focus-visible strong[b-h91d9j2jx3] {
    color: #8ed9cb;
}

.room-history-card strong[b-h91d9j2jx3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-history-card span[b-h91d9j2jx3] {
    color: #77828e;
    font-size: 11px;
}

.room-history-card button[b-h91d9j2jx3] {
    min-height: 30px;
    margin-right: 7px;
    padding: 0 7px;
    border: 0;
    background: transparent;
    color: #8995a2;
    font-size: 11px;
}

@media (max-width: 840px) {
    .recent-rooms[b-h91d9j2jx3] {
        width: 100%;
    }
}
/* /Components/Pages/ServiceLogPanel.razor.rz.scp.css */
.service-log-panel[b-ivagic6etr] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.service-log-heading[b-ivagic6etr],
.service-log-toolbar[b-ivagic6etr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.service-log-heading[b-ivagic6etr] {
    justify-content: space-between;
}

.service-log-heading > div:first-child[b-ivagic6etr] {
    display: grid;
    gap: 4px;
}

.service-log-heading h3[b-ivagic6etr] {
    margin: 0;
    font-size: 16px;
}

.service-log-description[b-ivagic6etr],
.service-log-count[b-ivagic6etr],
.service-log-copy-status[b-ivagic6etr] {
    color: #87919d;
    font-size: 13px;
}

.service-log-toolbar[b-ivagic6etr] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.service-log-download[b-ivagic6etr] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #353b45;
    border-radius: 6px;
    background: #181c21;
    color: #edf1f5;
    text-decoration: none;
}

.service-log-download:hover[b-ivagic6etr],
.service-log-download:focus-visible[b-ivagic6etr] {
    border-color: #58616e;
    background: #20262d;
}

.empty-state[b-ivagic6etr] {
    padding: 10px;
    border: 1px solid #252a31;
    border-radius: 6px;
    background: #15191e;
    color: #87919d;
}

.service-log[b-ivagic6etr] {
    max-height: 520px;
    overflow: auto;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #0d1014;
}

.service-log-entry[b-ivagic6etr] {
    display: grid;
    grid-template-columns: 180px 90px minmax(0, 1fr);
    gap: 10px;
    padding: 9px 10px;
    border-bottom: 1px solid #252a31;
    color: #cdd6df;
    font: 12px/1.5 Consolas, "Courier New", monospace;
}

.service-log-entry:last-child[b-ivagic6etr] {
    border-bottom: 0;
}

.service-log-entry time[b-ivagic6etr] {
    color: #87919d;
}

.service-log-entry strong[b-ivagic6etr] {
    color: #9fc4e7;
}

.service-log-entry.warning strong[b-ivagic6etr] {
    color: #f0d18d;
}

.service-log-entry.error strong[b-ivagic6etr] {
    color: #ffc0b7;
}

.service-log-entry pre[b-ivagic6etr] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: inherit;
    font: inherit;
    white-space: pre-wrap;
}

@media (max-width: 800px) {
    .service-log-heading[b-ivagic6etr] {
        align-items: start;
        flex-direction: column;
    }

    .service-log-toolbar[b-ivagic6etr] {
        justify-content: flex-start;
    }

    .service-log-entry[b-ivagic6etr] {
        grid-template-columns: 1fr;
        gap: 3px;
    }
}
/* /Components/Pages/SignIn.razor.rz.scp.css */
.auth-page[b-bkmbvgz1d4] {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(320px, 420px);
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    gap: 28px;
    padding: 24px;
}

.auth-intro[b-bkmbvgz1d4] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.intro-brand[b-bkmbvgz1d4] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 6px;
}

.intro-brand-icon[b-bkmbvgz1d4] {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.intro-brand-wordmark[b-bkmbvgz1d4] {
    width: 170px;
    height: auto;
    object-fit: contain;
}

.auth-kicker[b-bkmbvgz1d4] {
    margin: 0;
    color: #82cfff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.auth-intro h1[b-bkmbvgz1d4] {
    margin: 0;
    color: #f1f5f9;
    font-size: 42px;
    line-height: 1.05;
}

.auth-intro h1:focus[b-bkmbvgz1d4] {
    outline: none;
}

.auth-intro h1 span[b-bkmbvgz1d4] {
    display: block;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .auth-page[b-bkmbvgz1d4] {
        grid-template-columns: 1fr;
        align-content: center;
    }

    .auth-intro[b-bkmbvgz1d4] {
        width: min(420px, 100%);
        justify-self: center;
    }

    .auth-intro h1[b-bkmbvgz1d4] {
        font-size: 34px;
    }
}

@media (max-width: 520px) {
    .auth-page[b-bkmbvgz1d4] {
        padding: 16px;
    }
}

.auth-panel[b-bkmbvgz1d4] {
    display: grid;
    width: min(420px, 100%);
    gap: 14px;
    padding: 24px;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.muted[b-bkmbvgz1d4],
.notice[b-bkmbvgz1d4] {
    margin: 0;
    color: #a8b2be;
}

.auth-form[b-bkmbvgz1d4],
.verify-form[b-bkmbvgz1d4] {
    display: grid;
    gap: 12px;
}

.google-auth-button[b-bkmbvgz1d4] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 12px;
    border-radius: 6px;
    color: #edf1f5;
    text-decoration: none;
}

.field[b-bkmbvgz1d4] {
    display: grid;
    gap: 6px;
}

.field label[b-bkmbvgz1d4] {
    color: #c8d0d9;
    font-size: 13px;
}

.field input[b-bkmbvgz1d4] {
    min-height: 38px;
    padding: 0 10px;
}

.field-note[b-bkmbvgz1d4] {
    color: #87919d;
    font-size: 12px;
}

.divider[b-bkmbvgz1d4] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    color: #87919d;
    font-size: 12px;
    text-transform: uppercase;
}

.divider[b-bkmbvgz1d4]::before,
.divider[b-bkmbvgz1d4]::after {
    height: 1px;
    background: #252a31;
    content: "";
}

.access-request[b-bkmbvgz1d4] {
    display: grid;
    gap: 5px;
}

.access-request h2[b-bkmbvgz1d4] {
    margin: 0;
    color: #edf1f5;
    font-size: 16px;
}

.access-request p[b-bkmbvgz1d4] {
    margin: 0;
    color: #a8b2be;
    font-size: 13px;
    line-height: 1.45;
}

.dev-code[b-bkmbvgz1d4],
.alert[b-bkmbvgz1d4] {
    padding: 10px;
    border-radius: 6px;
}

.dev-code[b-bkmbvgz1d4] {
    border: 1px solid #66541f;
    background: #211d12;
    color: #f0d58a;
}

.alert[b-bkmbvgz1d4] {
    border: 1px solid #79513e;
    background: #241a16;
    color: #ffc7a8;
}

.auth-footer[b-bkmbvgz1d4] {
    margin: 0;
    text-align: center;
    font-size: 13px;
}

.auth-footer a[b-bkmbvgz1d4] {
    color: #82cfff;
    text-decoration: none;
}

.auth-footer a:hover[b-bkmbvgz1d4],
.auth-footer a:focus-visible[b-bkmbvgz1d4] {
    text-decoration: underline;
}
/* /Components/Pages/UploadSharesAdminTab.razor.rz.scp.css */
.upload-shares-admin[b-x32ai5se1a],
.upload-share-list[b-x32ai5se1a] {
    display: grid;
    gap: 12px;
}

.section-header > div[b-x32ai5se1a],
.section-header h2[b-x32ai5se1a],
.section-header p[b-x32ai5se1a],
.upload-share-owner h3[b-x32ai5se1a],
.upload-share-owner span[b-x32ai5se1a] {
    margin: 0;
}

.section-header p[b-x32ai5se1a],
.upload-share-owner span[b-x32ai5se1a],
.upload-share-main span[b-x32ai5se1a],
.upload-share-row dt[b-x32ai5se1a] {
    color: #87919d;
    font-size: 12px;
}

.upload-share-owner[b-x32ai5se1a] {
    overflow: hidden;
    border: 1px solid #252a31;
    border-radius: 8px;
    background: #15191e;
}

.upload-share-owner > header[b-x32ai5se1a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #252a31;
}

.upload-share-owner h3[b-x32ai5se1a] {
    font-size: 16px;
}

.upload-share-row[b-x32ai5se1a] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(440px, 1.5fr) auto;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-top: 1px solid #252a31;
}

.upload-share-row:first-child[b-x32ai5se1a] {
    border-top: 0;
}

.upload-share-main[b-x32ai5se1a],
.upload-share-main a[b-x32ai5se1a] {
    min-width: 0;
}

.upload-share-main[b-x32ai5se1a] {
    display: grid;
    gap: 4px;
}

.upload-share-main a[b-x32ai5se1a],
.upload-share-main span[b-x32ai5se1a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-share-main a[b-x32ai5se1a] {
    color: #82cfff;
}

.upload-share-row dl[b-x32ai5se1a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(90px, 1fr));
    gap: 12px;
    margin: 0;
}

.upload-share-row dl div[b-x32ai5se1a] {
    display: grid;
    gap: 3px;
}

.upload-share-row dd[b-x32ai5se1a] {
    margin: 0;
}

.upload-share-row > button[b-x32ai5se1a] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .upload-share-row[b-x32ai5se1a],
    .upload-share-row dl[b-x32ai5se1a] {
        grid-template-columns: 1fr;
    }
}