@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-shell[b-pqej4psq0u] {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 100vh;
}

.main-shell__main[b-pqej4psq0u] {
    flex: 1;
    min-width: 0;
    background: var(--taras-color-surface-canvas);
    color: var(--taras-color-text-primary);
}

.main-shell__sidebar[b-pqej4psq0u] {
    background-color: var(--taras-color-shell-sidebar-end);
    position: sticky;
    top: 0;
    z-index: 3;
    flex: 0 0 auto;
    width: auto;
    height: 100vh;
}

.main-shell__content[b-pqej4psq0u] {
    padding: var(--taras-spacing-4);
}

@media (min-width: 641px) {
    .main-shell__content[b-pqej4psq0u] {
        padding: var(--taras-spacing-5) calc(var(--taras-spacing-4) * 2) calc(var(--taras-spacing-4) * 2) !important;
    }
}

#blazor-error-ui[b-pqej4psq0u] {
    background: var(--taras-color-feedback-warning-soft);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pqej4psq0u] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.app-nav-shell[b-fh1s3dxirr] {
    --app-nav-rail-width: calc(var(--taras-size-theme-selector-button-min) + var(--taras-spacing-4) + var(--taras-spacing-4));
    --app-nav-activity-button-size: var(--taras-size-empty-state-icon);
    --app-nav-context-min-size: calc(var(--taras-size-permission-action-column-inline) + var(--taras-spacing-4));
    --app-nav-context-track: var(--app-nav-context-size);
    --app-nav-context-visual-track: var(--app-nav-context-track);
    --app-nav-resize-hit-size: calc(var(--taras-spacing-4) + var(--taras-spacing-2));
    --app-nav-resize-hit-half-size: calc(var(--app-nav-resize-hit-size) / 2);
    --app-nav-rail-bg: var(--taras-color-shell-sidebar-start);
    --app-nav-context-bg: var(--taras-color-shell-sidebar-end);
    --app-nav-border: var(--taras-color-border-soft);
    --app-nav-text: var(--taras-color-text-primary);
    --app-nav-muted: var(--taras-color-text-muted);
    --app-nav-link: var(--taras-color-shell-sidebar-link);
    --app-nav-hover-bg: var(--taras-color-shell-sidebar-link-hover);
    --app-nav-active-bg: var(--taras-color-shell-sidebar-link-active);
    --app-nav-active-text: var(--taras-color-brand-primary);
    --app-nav-button-bg: var(--taras-color-action-default-bg);
    --app-nav-workspace-bg: var(--taras-color-text-accent);
    --app-nav-workspace-text: var(--taras-color-action-accent-text);
    position: relative;
    display: grid;
    grid-template-columns: var(--app-nav-rail-width) var(--app-nav-context-track);
    width: calc(var(--app-nav-rail-width) + var(--app-nav-context-track));
    min-height: 100vh;
    color: var(--app-nav-text);
    transition:
        grid-template-columns 190ms cubic-bezier(0.2, 0, 0, 1),
        width 190ms cubic-bezier(0.2, 0, 0, 1);
}

.app-nav-shell--collapsed[b-fh1s3dxirr] {
    --app-nav-context-track: 0px;
}

.app-nav-shell--resizing[b-fh1s3dxirr] {
    --app-nav-context-track: var(--app-nav-context-drag-track, var(--app-nav-context-size));
    transition: none;
    user-select: none;
}

.app-nav-shell--track-transitioning[b-fh1s3dxirr] {
    --app-nav-context-track: var(--app-nav-context-transition-track, var(--app-nav-context-size));
    transition: none;
    user-select: none;
}

.app-nav-shell--collapsed.app-nav-shell--track-transitioning[b-fh1s3dxirr] {
    --app-nav-context-track: var(--app-nav-context-transition-track, calc(var(--taras-spacing-1) - var(--taras-spacing-1)));
}

.app-nav-shell--resizing .context-sidebar[b-fh1s3dxirr],
.app-nav-shell--resizing .context-sidebar-content[b-fh1s3dxirr],
.app-nav-shell--track-transitioning .context-sidebar[b-fh1s3dxirr],
.app-nav-shell--track-transitioning .context-sidebar-content[b-fh1s3dxirr] {
    transition: none;
}

.app-nav-shell--collapsed.app-nav-shell--resizing .context-sidebar[b-fh1s3dxirr],
.app-nav-shell--collapsed.app-nav-shell--track-transitioning .context-sidebar[b-fh1s3dxirr] {
    visibility: visible;
}

.activity-rail[b-fh1s3dxirr] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--taras-spacing-2);
    padding: var(--taras-spacing-3) var(--taras-spacing-2);
    border-right: var(--taras-size-border-hairline) solid var(--app-nav-border);
    background: var(--app-nav-rail-bg);
}

.activity-button[b-fh1s3dxirr] {
    position: relative;
    display: grid;
    grid-template-rows: var(--app-nav-activity-button-size) auto;
    align-content: start;
    justify-items: center;
    width: 100%;
    min-height: calc(var(--app-nav-activity-button-size) + var(--taras-size-control-md));
    gap: var(--taras-spacing-1);
    padding: var(--taras-spacing-1);
    border: 0;
    border-radius: var(--taras-radius-sm);
    color: var(--app-nav-link);
    background: transparent;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}

.activity-button:hover[b-fh1s3dxirr],
.activity-button:focus-visible[b-fh1s3dxirr],
.activity-button.active[b-fh1s3dxirr] {
    color: var(--app-nav-active-text);
    background: var(--app-nav-hover-bg);
    outline: none;
}

.activity-button:focus-visible[b-fh1s3dxirr] {
    box-shadow:
        0 0 0 var(--taras-size-focus-ring-inner) var(--taras-color-surface-default),
        0 0 0 var(--taras-size-focus-ring-outer) var(--taras-color-brand-primary-focus);
}

.activity-button > .activity-icon[b-fh1s3dxirr] {
    display: grid;
    width: var(--app-nav-activity-button-size);
    height: var(--app-nav-activity-button-size);
    place-items: center;
    border: var(--taras-size-border-hairline) solid var(--app-nav-border);
    border-radius: var(--taras-radius-sm);
    color: currentColor;
    background: var(--app-nav-button-bg);
}

.activity-button:hover > .activity-icon[b-fh1s3dxirr],
.activity-button:focus-visible > .activity-icon[b-fh1s3dxirr],
.activity-button.active > .activity-icon[b-fh1s3dxirr] {
    border-color: var(--taras-color-brand-primary-focus-border);
    background: var(--app-nav-active-bg);
}

.activity-button[b-fh1s3dxirr]::after {
    content: attr(aria-label);
    display: -webkit-box;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: currentColor;
    font-size: var(--taras-typography-size-sm);
    font-weight: 750;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.activity-button--workspace[b-fh1s3dxirr] {
    margin-bottom: var(--taras-spacing-1);
}

.activity-button--add[b-fh1s3dxirr] {
    color: var(--taras-color-brand-primary);
}

.activity-button--workspace > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace:hover > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace:focus-visible > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace.active > .activity-icon[b-fh1s3dxirr],
.activity-button--selected.activity-button--workspace > .activity-icon[b-fh1s3dxirr] {
    border-color: var(--app-nav-workspace-bg);
    color: var(--app-nav-workspace-text);
    background: var(--app-nav-workspace-bg);
}

.activity-button--workspace.activity-button--add > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace.activity-button--add:hover > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace.activity-button--add:focus-visible > .activity-icon[b-fh1s3dxirr],
.activity-button--workspace.activity-button--add.active > .activity-icon[b-fh1s3dxirr],
.activity-button--selected.activity-button--workspace.activity-button--add > .activity-icon[b-fh1s3dxirr] {
    border-style: dashed;
    border-color: var(--app-nav-border);
    color: var(--taras-color-brand-primary);
    background: var(--app-nav-button-bg);
}

.activity-button--selected[b-fh1s3dxirr] {
    background: var(--app-nav-active-bg);
    color: var(--app-nav-active-text);
}

.activity-button--selected > .activity-icon[b-fh1s3dxirr] {
    border-color: var(--taras-color-brand-primary-focus-border);
    background: var(--app-nav-active-bg);
}

.activity-button--workspace[b-fh1s3dxirr],
.activity-button--profile[b-fh1s3dxirr] {
    font-size: 0.78rem;
    font-weight: 750;
}

.activity-button--workspace.activity-button--add > .activity-icon[b-fh1s3dxirr] {
    font-size: 1.35rem;
}

.activity-button--profile > .activity-icon[b-fh1s3dxirr] {
    border-radius: 50%;
}

.workspace-context-list[b-fh1s3dxirr] {
    display: grid;
    gap: var(--taras-spacing-1);
    padding: var(--taras-spacing-3);
}

.workspace-context-note[b-fh1s3dxirr],
.workspace-context-item[b-fh1s3dxirr] {
    min-width: 0;
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
}

.workspace-context-note[b-fh1s3dxirr] {
    color: var(--app-nav-muted);
    font-size: 0.78rem;
}

.workspace-context-divider[b-fh1s3dxirr] {
    height: var(--taras-size-border-hairline);
    margin: var(--taras-spacing-1) 0;
    background: var(--app-nav-border);
}

.workspace-context-item[b-fh1s3dxirr] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--taras-spacing-2);
    align-items: center;
    width: 100%;
    border: 0;
    color: var(--app-nav-link);
    background: transparent;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

.workspace-context-item:not(:disabled):hover[b-fh1s3dxirr],
.workspace-context-item:not(:disabled):focus-visible[b-fh1s3dxirr] {
    color: var(--app-nav-active-text);
    background: var(--app-nav-active-bg);
}

.workspace-context-item:disabled[b-fh1s3dxirr] {
    cursor: default;
}

.workspace-context-item--selected[b-fh1s3dxirr] {
    color: var(--app-nav-active-text);
    background: var(--app-nav-active-bg);
}

.workspace-context-list[b-fh1s3dxirr]  .workspace-context-item {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: var(--taras-spacing-2);
    align-items: center;
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
    color: var(--app-nav-link);
    background: transparent;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

.workspace-context-list[b-fh1s3dxirr]  .workspace-context-item:hover,
.workspace-context-list[b-fh1s3dxirr]  .workspace-context-item:focus-visible,
.workspace-context-list[b-fh1s3dxirr]  .workspace-context-item.active,
.workspace-context-list[b-fh1s3dxirr]  .workspace-context-item--selected {
    color: var(--app-nav-active-text);
    background: var(--app-nav-active-bg);
    text-decoration: none;
}

.workspace-context-avatar[b-fh1s3dxirr] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: var(--taras-radius-sm);
    background: var(--app-nav-active-bg);
    color: var(--app-nav-active-text);
    font-size: 0.72rem;
    font-weight: 750;
}

.workspace-context-plus[b-fh1s3dxirr] {
    --workspace-context-plus-stroke: calc(var(--taras-size-border-hairline) * 2);

    position: relative;
    display: block;
    width: 0.95rem;
    height: 0.95rem;
}

.workspace-context-plus[b-fh1s3dxirr]::before,
.workspace-context-plus[b-fh1s3dxirr]::after {
    position: absolute;
    content: "";
    inset: 0;
    margin: auto;
    border-radius: var(--taras-radius-sm);
    background: currentColor;
}

.workspace-context-plus[b-fh1s3dxirr]::before {
    width: 100%;
    height: var(--workspace-context-plus-stroke);
}

.workspace-context-plus[b-fh1s3dxirr]::after {
    width: var(--workspace-context-plus-stroke);
    height: 100%;
}

.workspace-context-item strong[b-fh1s3dxirr],
.workspace-context-item small[b-fh1s3dxirr] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workspace-context-item small[b-fh1s3dxirr] {
    margin-top: var(--taras-spacing-1);
    color: var(--app-nav-muted);
    font-size: 0.75rem;
}

.activity-icon[b-fh1s3dxirr] {
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    color: currentColor;
}

.activity-icon--help[b-fh1s3dxirr] {
    font-size: var(--taras-typography-size-lg);
    font-weight: 750;
}

.activity-icon--workspace-management[b-fh1s3dxirr]::before {
    content: "";
    width: 1.05rem;
    height: 1.05rem;
    border: 2px solid currentColor;
    border-radius: 4px;
    box-shadow: inset 0 -0.35rem 0 currentColor;
}

.activity-icon--workspace-tasks[b-fh1s3dxirr] {
    position: relative;
}

.activity-icon--workspace-tasks[b-fh1s3dxirr]::before,
.activity-icon--workspace-tasks[b-fh1s3dxirr]::after {
    content: "";
    position: absolute;
}

.activity-icon--workspace-tasks[b-fh1s3dxirr]::before {
    width: 1rem;
    height: 0.92rem;
    border: 2px solid currentColor;
    border-radius: 3px;
}

.activity-icon--workspace-tasks[b-fh1s3dxirr]::after {
    width: 0.58rem;
    height: 0.38rem;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    box-shadow: 0 -0.34rem 0 -0.07rem currentColor;
}

.activity-icon--global-settings[b-fh1s3dxirr] {
    position: relative;
}

.activity-icon--global-settings[b-fh1s3dxirr]::before,
.activity-icon--global-settings[b-fh1s3dxirr]::after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.activity-icon--global-settings[b-fh1s3dxirr]::before {
    width: 0.95rem;
    height: 0.95rem;
    border: 2px solid currentColor;
    box-shadow:
        0 -0.42rem 0 -0.18rem currentColor,
        0 0.42rem 0 -0.18rem currentColor,
        0.42rem 0 0 -0.18rem currentColor,
        -0.42rem 0 0 -0.18rem currentColor,
        0.3rem 0.3rem 0 -0.2rem currentColor,
        -0.3rem 0.3rem 0 -0.2rem currentColor,
        0.3rem -0.3rem 0 -0.2rem currentColor,
        -0.3rem -0.3rem 0 -0.2rem currentColor;
}

.activity-icon--global-settings[b-fh1s3dxirr]::after {
    width: 0.25rem;
    height: 0.25rem;
    border: 2px solid currentColor;
}

.activity-rail-divider[b-fh1s3dxirr] {
    width: calc(var(--app-nav-activity-button-size) + var(--taras-spacing-2));
    height: var(--taras-size-border-hairline);
    background: var(--app-nav-border);
}

.activity-rail-spacer[b-fh1s3dxirr] {
    flex: 1 1 auto;
}

.context-sidebar-edge-handle[b-fh1s3dxirr] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--app-nav-rail-width) + var(--app-nav-context-visual-track) - var(--app-nav-resize-hit-half-size));
    z-index: 6;
    width: var(--app-nav-resize-hit-size);
    border: 0;
    padding: 0;
    background: transparent;
    cursor: col-resize;
    touch-action: none;
}

.context-sidebar-edge-handle[b-fh1s3dxirr]::after {
    content: "";
    position: absolute;
    top: var(--taras-spacing-3);
    bottom: var(--taras-spacing-3);
    left: calc(50% - var(--taras-size-border-hairline));
    width: calc(var(--taras-size-border-hairline) * 2);
    border-radius: var(--taras-size-role-chip-radius);
    background: transparent;
    transition: background-color 120ms ease;
}

.context-sidebar-edge-handle:hover[b-fh1s3dxirr]::after,
.context-sidebar-edge-handle:focus-visible[b-fh1s3dxirr]::after,
.app-nav-shell--resizing .context-sidebar-edge-handle[b-fh1s3dxirr]::after,
.app-nav-shell--track-transitioning .context-sidebar-edge-handle[b-fh1s3dxirr]::after {
    background: var(--taras-color-brand-primary-focus-border);
}

.context-sidebar[b-fh1s3dxirr] {
    position: relative;
    min-width: 0;
    width: var(--app-nav-context-visual-track);
    overflow: hidden;
    visibility: visible;
    background: var(--app-nav-context-bg);
    box-shadow: inset calc(var(--taras-size-border-hairline) * -1) 0 0 var(--app-nav-border);
    color: var(--app-nav-text);
    transition:
        width 190ms cubic-bezier(0.2, 0, 0, 1),
        visibility 0s;
}

.context-sidebar-content[b-fh1s3dxirr] {
    width: max(var(--app-nav-context-visual-track), var(--app-nav-context-min-size));
    min-width: 0;
    min-height: 100vh;
    transform: translateX(min(0px, calc(var(--app-nav-context-visual-track) - var(--app-nav-context-min-size))));
    transition:
        width 190ms cubic-bezier(0.2, 0, 0, 1),
        transform 190ms cubic-bezier(0.2, 0, 0, 1);
}

.app-nav-shell--collapsed .context-sidebar[b-fh1s3dxirr] {
    pointer-events: none;
    visibility: hidden;
    transition:
        width 190ms cubic-bezier(0.2, 0, 0, 1),
        visibility 0s;
}

.context-sidebar-header[b-fh1s3dxirr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--taras-spacing-1);
    align-items: start;
    min-height: 4rem;
    padding: var(--taras-spacing-4) var(--taras-spacing-4) var(--taras-spacing-3);
    border-bottom: var(--taras-size-border-hairline) solid var(--app-nav-border);
}

.context-sidebar-header > div[b-fh1s3dxirr] {
    min-width: 0;
}

.context-sidebar-header span[b-fh1s3dxirr] {
    min-width: 0;
    overflow: hidden;
    color: var(--app-nav-muted);
    font-size: 0.78rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-sidebar-header h2[b-fh1s3dxirr] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--app-nav-text);
    font-size: var(--taras-typography-size-md);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-menu[b-fh1s3dxirr] {
    display: grid;
    gap: var(--taras-spacing-1);
    padding: var(--taras-spacing-3);
}

.context-menu-group[b-fh1s3dxirr] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.context-menu-sublist[b-fh1s3dxirr] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    margin-left: var(--taras-spacing-4);
    padding-left: var(--taras-spacing-2);
    border-left: var(--taras-size-border-hairline) solid var(--app-nav-border);
}

.context-menu-link[b-fh1s3dxirr],
.context-empty-action[b-fh1s3dxirr] {
    display: grid;
    min-width: 0;
    color: var(--app-nav-link);
    text-decoration: none;
}

.context-menu-link[b-fh1s3dxirr] {
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: var(--taras-spacing-2);
    align-items: start;
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
}

.context-menu-link:hover[b-fh1s3dxirr],
.context-menu-link:focus-visible[b-fh1s3dxirr],
.context-menu-link.active[b-fh1s3dxirr] {
    color: var(--app-nav-active-text);
    background: var(--app-nav-active-bg);
}

.context-menu-link--disabled[b-fh1s3dxirr] {
    opacity: 0.62;
}

.context-menu-link--nested[b-fh1s3dxirr] {
    padding-top: var(--taras-spacing-1);
    padding-bottom: var(--taras-spacing-1);
}

.context-menu-link--nested .context-menu-mark[b-fh1s3dxirr] {
    width: var(--taras-spacing-1);
    height: var(--taras-spacing-1);
    margin-top: var(--taras-spacing-2);
}

[b-fh1s3dxirr] .context-menu-link {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: var(--taras-spacing-2);
    align-items: start;
    min-width: 0;
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
    color: var(--app-nav-link);
    text-decoration: none;
}

[b-fh1s3dxirr] .context-menu-link:hover,
[b-fh1s3dxirr] .context-menu-link:focus-visible,
[b-fh1s3dxirr] .context-menu-link.active {
    color: var(--app-nav-active-text);
    background: var(--app-nav-active-bg);
    text-decoration: none;
}

[b-fh1s3dxirr] .context-menu-link:hover small,
[b-fh1s3dxirr] .context-menu-link:focus-visible small,
[b-fh1s3dxirr] .context-menu-link.active small {
    color: var(--app-nav-active-text);
}

[b-fh1s3dxirr] .context-menu-link--disabled {
    opacity: 0.62;
}

.context-menu-mark[b-fh1s3dxirr] {
    width: 0.45rem;
    height: 0.45rem;
    margin-top: 0.45rem;
    border-radius: 50%;
    background: currentColor;
}

.context-menu-link span[b-fh1s3dxirr],
.context-empty-action[b-fh1s3dxirr] {
    min-width: 0;
}

.context-menu-link strong[b-fh1s3dxirr],
.context-menu-link small[b-fh1s3dxirr],
.context-empty-action strong[b-fh1s3dxirr],
.context-empty-action small[b-fh1s3dxirr] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.context-menu-link strong[b-fh1s3dxirr],
.context-empty-action strong[b-fh1s3dxirr] {
    font-size: 0.9rem;
}

.context-menu-link small[b-fh1s3dxirr],
.context-empty-action small[b-fh1s3dxirr] {
    margin-top: var(--taras-spacing-1);
    color: var(--app-nav-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.context-empty-action[b-fh1s3dxirr] {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: var(--taras-spacing-3);
    align-items: center;
    margin: var(--taras-spacing-3);
    border: var(--taras-size-border-hairline) dashed var(--taras-color-action-default-border);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-3);
    background: var(--taras-color-action-default-bg);
}

.context-empty-action > span[b-fh1s3dxirr] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: var(--taras-radius-sm);
    background: var(--app-nav-active-bg);
    color: var(--app-nav-active-text);
    font-size: 1.3rem;
    font-weight: 700;
}

[data-bs-theme="dark"] .app-nav-shell[b-fh1s3dxirr] {
    --app-nav-rail-bg: var(--taras-color-shell-sidebar-start);
    --app-nav-context-bg: var(--taras-color-shell-sidebar-end);
    --app-nav-border: var(--taras-color-border-subtle);
    --app-nav-text: var(--taras-color-text-primary);
    --app-nav-muted: var(--taras-color-text-muted);
    --app-nav-link: var(--taras-color-shell-sidebar-link);
    --app-nav-hover-bg: var(--taras-color-shell-sidebar-link-hover);
    --app-nav-active-bg: var(--taras-color-shell-sidebar-link-active);
    --app-nav-active-text: var(--taras-color-brand-primary-border);
    --app-nav-button-bg: var(--taras-color-action-default-bg);
    --app-nav-workspace-bg: var(--taras-color-brand-primary);
    --app-nav-workspace-text: var(--taras-color-action-accent-text);
}

@media (max-width: 840.98px) {
    .app-nav-shell[b-fh1s3dxirr] {
        --app-nav-context-visual-track: min(var(--app-nav-context-track), calc(100vw - var(--app-nav-rail-width) - var(--taras-spacing-2)));
        grid-template-columns: var(--app-nav-rail-width);
        width: var(--app-nav-rail-width);
        min-height: 100vh;
    }

    .context-sidebar[b-fh1s3dxirr] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: var(--app-nav-rail-width);
        z-index: 20;
        border-right: var(--taras-size-border-hairline) solid var(--app-nav-border);
        box-shadow: var(--bs-box-shadow-lg);
        pointer-events: auto;
    }

    .app-nav-shell--collapsed .context-sidebar[b-fh1s3dxirr] {
        pointer-events: none;
    }

    .context-sidebar-edge-handle[b-fh1s3dxirr] {
        position: fixed;
        z-index: 40;
    }

    .activity-rail[b-fh1s3dxirr] {
        z-index: 30;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-nav-shell[b-fh1s3dxirr],
    .app-nav-shell--collapsed .context-sidebar[b-fh1s3dxirr],
    .context-sidebar[b-fh1s3dxirr],
    .context-sidebar-content[b-fh1s3dxirr],
    .context-sidebar-edge-handle[b-fh1s3dxirr]::after {
        transition: none;
    }
}
/* /Components/Layout/PublicAuthLayout.razor.rz.scp.css */
.public-auth-shell[b-ol85h2jxp2] {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(var(--taras-spacing-5), 6vh, calc(var(--taras-spacing-5) * 3)) var(--taras-spacing-5);
    background-color: var(--taras-color-surface-canvas);
    background:
        linear-gradient(135deg, var(--taras-color-brand-primary-soft), transparent 48%),
        linear-gradient(315deg, var(--taras-color-brand-secondary-soft), transparent 56%),
        var(--taras-color-surface-canvas);
}

.public-auth-shell[b-ol85h2jxp2]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    block-size: var(--taras-size-auth-accent-strip-block);
    background: linear-gradient(
        90deg,
        var(--taras-color-brand-primary-border),
        var(--taras-color-brand-primary) 52%,
        var(--taras-color-brand-secondary)
    );
}

.public-auth-shell > *[b-ol85h2jxp2] {
    position: relative;
}

#blazor-error-ui[b-ol85h2jxp2] {
    display: none;
}
/* /Components/Layout/PublicGuideLayout.razor.rz.scp.css */
.registration-guide-shell[b-l5jg5rwkca] {
    min-height: 100vh;
    background: var(--taras-color-surface-muted);
    color: var(--taras-color-text-primary);
}

#blazor-error-ui[b-l5jg5rwkca] {
    display: none;
}
/* /Components/Layout/ThemeSelector.razor.rz.scp.css */
.theme-selector[b-ajx68ig5dg] {
    display: grid;
    --theme-selector-preview-size: calc(var(--taras-size-empty-state-icon) + var(--taras-spacing-2));
    --theme-selector-button-min-block: calc(var(--taras-size-theme-selector-button-min) + var(--taras-spacing-3));
    grid-template-columns: repeat(auto-fit, minmax(var(--taras-size-settings-option-grid-min), 1fr));
    gap: var(--taras-spacing-3);
    align-items: stretch;
}

.theme-selector__button[b-ajx68ig5dg] {
    display: grid;
    grid-template-columns: var(--theme-selector-preview-size) minmax(0, 1fr);
    gap: var(--taras-spacing-3);
    align-items: center;
    min-width: 0;
    min-height: var(--theme-selector-button-min-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-action-default-border);
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-3);
    background: var(--taras-color-action-default-bg);
    color: var(--taras-color-action-default-text);
    font: inherit;
    text-align: left;
    transition:
        border-color 140ms ease,
        background-color 140ms ease,
        box-shadow 140ms ease;
}

.theme-selector__button:hover[b-ajx68ig5dg] {
    border-color: var(--taras-color-action-default-border-hover);
    background: var(--taras-color-action-default-bg-hover);
    color: var(--taras-color-action-default-text-hover);
    box-shadow: var(--taras-shadow-surface);
}

.theme-selector__button--selected[b-ajx68ig5dg] {
    border-color: var(--taras-color-action-accent-border);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--taras-color-brand-primary-soft) 82%, var(--taras-color-action-default-bg)),
            var(--taras-color-action-default-bg)
        );
    box-shadow:
        inset 0 0 0 var(--taras-size-border-hairline) var(--taras-color-action-accent-border),
        var(--taras-shadow-surface);
}

.theme-selector__button--selected:hover[b-ajx68ig5dg] {
    border-color: var(--taras-color-action-accent-border-hover);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--taras-color-brand-primary-soft) 72%, var(--taras-color-action-default-bg-hover)),
            var(--taras-color-action-default-bg-hover)
        );
    color: var(--taras-color-action-default-text-hover);
    box-shadow:
        inset 0 0 0 var(--taras-size-border-hairline) var(--taras-color-action-accent-border-hover),
        var(--taras-shadow-surface);
}

.theme-selector__button:focus-visible[b-ajx68ig5dg] {
    outline: none;
    box-shadow:
        0 0 0 var(--taras-size-focus-ring-inner) var(--taras-color-surface-default),
        0 0 0 var(--taras-size-focus-ring-outer) var(--taras-color-brand-primary-focus);
}

.theme-selector__button--selected:focus-visible[b-ajx68ig5dg] {
    box-shadow:
        inset 0 0 0 var(--taras-size-border-hairline) var(--taras-color-action-accent-border),
        0 0 0 var(--taras-size-focus-ring-inner) var(--taras-color-surface-default),
        0 0 0 var(--taras-size-focus-ring-outer) var(--taras-color-brand-primary-focus);
}

.theme-selector__preview[b-ajx68ig5dg] {
    display: grid;
    grid-template-columns: 0.72fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: var(--theme-selector-preview-size);
    height: var(--theme-selector-preview-size);
    overflow: hidden;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    background: var(--theme-preview-surface);
    box-shadow: inset 0 0 0 var(--taras-size-border-hairline) color-mix(in srgb, var(--theme-preview-accent) 18%, transparent);
}

.theme-selector__swatch--rail[b-ajx68ig5dg] {
    grid-column: 1;
    grid-row: 1 / -1;
    background: var(--theme-preview-rail);
}

.theme-selector__swatch--surface[b-ajx68ig5dg] {
    background: var(--theme-preview-surface);
}

.theme-selector__swatch--accent[b-ajx68ig5dg] {
    background: var(--theme-preview-accent);
}

.theme-selector__button--selected .theme-selector__preview[b-ajx68ig5dg] {
    border-color: color-mix(in srgb, var(--theme-preview-accent) 56%, var(--taras-color-border-default));
}

.theme-selector__copy[b-ajx68ig5dg],
.theme-selector__copy-header[b-ajx68ig5dg],
.theme-selector__copy strong[b-ajx68ig5dg],
.theme-selector__copy small[b-ajx68ig5dg] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.theme-selector__copy-header[b-ajx68ig5dg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--taras-spacing-2);
}

.theme-selector__copy strong[b-ajx68ig5dg] {
    font-size: var(--taras-typography-size-md);
    font-weight: 650;
}

.theme-selector__copy small[b-ajx68ig5dg] {
    margin-top: var(--taras-spacing-1);
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    line-height: 1.35;
}

.theme-selector__status[b-ajx68ig5dg] {
    position: absolute;
    width: var(--taras-size-border-hairline);
    height: var(--taras-size-border-hairline);
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (forced-colors: active) {
    .theme-selector__button[b-ajx68ig5dg],
    .theme-selector__preview[b-ajx68ig5dg] {
        border-color: ButtonText;
        background: Canvas;
        color: ButtonText;
    }

    .theme-selector__button--selected[b-ajx68ig5dg] {
        background: Highlight;
        color: HighlightText;
    }
}
/* /Components/Pages/Account.razor.rz.scp.css */
.account-page[b-1kccpsi6s7] {
    max-inline-size: var(--taras-size-auth-account-inline);
}

.profile-form[b-1kccpsi6s7] {
    display: grid;
    gap: var(--taras-spacing-4);
}

.account-actions[b-1kccpsi6s7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    align-items: center;
}

.auth-validation-summary[b-1kccpsi6s7] {
    color: var(--taras-color-feedback-danger);
    font-size: var(--taras-typography-size-sm);
}
/* /Components/Pages/AccountAuthentication.razor.rz.scp.css */
.account-page[b-hz6aprzliz] {
    display: grid;
    max-width: var(--taras-size-auth-account-inline);
    gap: var(--taras-spacing-5);
}

.account-page-header[b-hz6aprzliz],
.account-section-header[b-hz6aprzliz] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
}

.account-page-header[b-hz6aprzliz] {
    position: relative;
    gap: var(--taras-spacing-4);
    padding-block-start: var(--taras-spacing-3);
    padding-block-end: var(--taras-spacing-4);
    border-block-end: var(--taras-size-border-hairline) solid var(--taras-color-border-soft);
}

.account-page-header[b-hz6aprzliz]::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: var(--taras-size-page-header-accent-inline);
    block-size: var(--taras-size-page-header-accent-block);
    border-radius: var(--taras-radius-sm);
    background: var(--taras-color-brand-secondary);
}

.account-page-header > div:first-child[b-hz6aprzliz] {
    max-inline-size: var(--taras-size-page-header-copy-max-inline);
    min-width: 0;
}

.account-page-header h1[b-hz6aprzliz] {
    margin: 0;
    color: var(--taras-color-text-accent);
    font-size: var(--taras-typography-size-xl);
    font-weight: 650;
    line-height: 1.18;
}

.account-section-header h2[b-hz6aprzliz] {
    margin: 0;
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-md);
    font-weight: 650;
}

.account-page-header p[b-hz6aprzliz],
.account-section-header p[b-hz6aprzliz] {
    margin: var(--taras-spacing-2) 0 0;
    color: var(--taras-color-text-secondary);
    line-height: 1.5;
}

.authentication-tabset[b-hz6aprzliz] {
    position: relative;
    display: grid;
    overflow: hidden;
    border: var(--taras-size-border-hairline) solid color-mix(in srgb, var(--taras-color-border-default) 76%, var(--taras-color-brand-secondary));
    border-radius: var(--taras-radius-md);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--taras-color-surface-raised) 90%, var(--taras-color-brand-secondary-soft)) 0,
            var(--taras-color-surface-raised) var(--taras-size-section-tint-stop)
        );
    box-shadow: var(--taras-shadow-surface);
}

.authentication-tabset[b-hz6aprzliz]::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: var(--taras-size-section-accent-block);
    background: var(--taras-color-brand-secondary);
    z-index: 3;
    pointer-events: none;
}

.authentication-tabs[b-hz6aprzliz] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 0;
    border-block-end: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    background: var(--taras-color-surface-subtle);
}

.authentication-tab[b-hz6aprzliz] {
    display: inline-flex;
    min-width: 0;
    min-height: var(--taras-size-auth-control-min-block);
    align-items: center;
    justify-content: center;
    border: 0;
    border-inline-end: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-block-start: var(--taras-size-section-accent-block) solid transparent;
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-surface-subtle);
    color: var(--taras-color-text-secondary);
    font: inherit;
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
}

.authentication-tab:last-child[b-hz6aprzliz] {
    border-inline-end: 0;
}

.authentication-tab:hover[b-hz6aprzliz] {
    background: var(--taras-color-surface-muted);
    color: var(--taras-color-text-primary);
}

.authentication-tab.is-active[b-hz6aprzliz] {
    border-block-start-color: var(--taras-color-brand-secondary);
    background: var(--taras-color-surface-default);
    color: var(--taras-color-text-primary);
}

.authentication-tab:focus-visible[b-hz6aprzliz] {
    outline: none;
    box-shadow:
        inset 0 0 0 var(--taras-size-focus-ring-inner) var(--taras-color-surface-default),
        inset 0 0 0 var(--taras-size-focus-ring-outer) var(--taras-color-brand-primary-focus);
}

.account-panel[b-hz6aprzliz] {
    display: grid;
    gap: var(--taras-spacing-4);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-5);
    background: var(--taras-color-surface-default);
}

.account-panel--tabbed[b-hz6aprzliz] {
    position: relative;
    z-index: 1;
    border: 0;
    border-radius: 0;
}

.passkey-management[b-hz6aprzliz],
.passkey-add-form[b-hz6aprzliz],
.totp-management[b-hz6aprzliz],
.totp-confirm-form[b-hz6aprzliz],
.password-management[b-hz6aprzliz],
.password-add-form[b-hz6aprzliz],
.auth-field[b-hz6aprzliz] {
    display: grid;
    gap: var(--taras-spacing-2);
}

.passkey-management[b-hz6aprzliz],
.totp-management[b-hz6aprzliz],
.password-management[b-hz6aprzliz] {
    gap: var(--taras-spacing-3);
}

.account-section-header > div[b-hz6aprzliz] {
    min-width: 0;
}

.passkey-actions[b-hz6aprzliz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    align-items: center;
}

.passkey-count[b-hz6aprzliz],
.passkey-detail span[b-hz6aprzliz] {
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
}

.passkey-count[b-hz6aprzliz] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.passkey-list[b-hz6aprzliz] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.passkey-list li[b-hz6aprzliz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
    min-width: 0;
    padding-block: var(--taras-spacing-2);
    border-bottom: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.totp-setup-grid[b-hz6aprzliz] {
    display: grid;
    grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
    gap: var(--taras-spacing-4);
    align-items: start;
}

.totp-qr-code[b-hz6aprzliz] {
    display: grid;
    place-items: center;
    inline-size: min(100%, 12rem);
    aspect-ratio: 1;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
    background: #fff;
}

.totp-qr-code[b-hz6aprzliz]  svg {
    display: block;
    inline-size: 100%;
    block-size: 100%;
}

.totp-shared-key[b-hz6aprzliz] {
    display: grid;
    gap: var(--taras-spacing-2);
    min-width: 0;
    color: var(--taras-color-text-secondary);
    font-size: var(--taras-typography-size-sm);
}

.totp-shared-key code[b-hz6aprzliz] {
    display: block;
    overflow-wrap: anywhere;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2);
    background: var(--taras-color-surface-subtle);
    color: var(--taras-color-text-primary);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    line-height: 1.5;
}

.passkey-detail[b-hz6aprzliz] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--taras-spacing-1);
    min-width: 0;
}

.passkey-detail strong[b-hz6aprzliz],
.passkey-detail span[b-hz6aprzliz] {
    overflow-wrap: anywhere;
}

.auth-field[b-hz6aprzliz] {
    margin-block-end: var(--taras-spacing-3);
}

.auth-label[b-hz6aprzliz] {
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

[b-hz6aprzliz] .auth-input {
    width: 100%;
    min-height: var(--taras-size-auth-control-min-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-surface-default);
    color: var(--taras-color-text-primary);
    font: inherit;
}

[b-hz6aprzliz] .auth-input:focus {
    outline: var(--taras-size-focus-ring-inner) solid var(--taras-color-brand-primary-focus);
    outline-offset: var(--taras-size-focus-ring-inner);
}

.auth-validation-summary[b-hz6aprzliz] {
    color: var(--taras-color-feedback-danger);
    font-size: var(--taras-typography-size-sm);
}

.auth-help[b-hz6aprzliz] {
    margin: 0;
    color: var(--taras-color-text-secondary);
    font-size: var(--taras-typography-size-sm);
}

@media (max-width: 42rem) {
    .authentication-tab[b-hz6aprzliz] {
        padding-inline: var(--taras-spacing-2);
    }

    .totp-setup-grid[b-hz6aprzliz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AppearanceSettings.razor.rz.scp.css */
.appearance-page[b-j9m5uzkfb0] {
    max-inline-size: min(100%, var(--taras-size-container-product));
}
/* /Components/Pages/ConfirmEmail.razor.rz.scp.css */
.confirmation-page[b-t8gjj78ixv] {
    width: 100%;
    max-width: var(--taras-size-container-auth);
}

.confirmation-panel[b-t8gjj78ixv] {
    display: grid;
    gap: var(--taras-spacing-4);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-5);
    background: var(--taras-color-surface-default);
}

.confirmation-panel h1[b-t8gjj78ixv] {
    margin: 0;
    font-size: var(--taras-typography-size-md);
}

.confirmation-panel p[b-t8gjj78ixv] {
    margin: 0;
    color: var(--taras-color-text-secondary);
}

.confirmation-actions[b-t8gjj78ixv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
}

.confirmation-link[b-t8gjj78ixv] {
    display: inline-flex;
    align-items: center;
    border: var(--taras-size-border-hairline) solid var(--taras-color-action-accent-border);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-action-accent-bg);
    color: var(--taras-color-action-accent-text);
    text-decoration: none;
}

.confirmation-link:focus-visible[b-t8gjj78ixv] {
    outline: var(--taras-size-focus-ring-inner) solid var(--taras-color-brand-primary-focus);
    outline-offset: var(--taras-size-focus-ring-inner);
}

@media (forced-colors: active) {
    .confirmation-panel[b-t8gjj78ixv],
    .confirmation-link[b-t8gjj78ixv] {
        border-color: CanvasText;
    }

    .confirmation-link[b-t8gjj78ixv] {
        background: Highlight;
        color: HighlightText;
    }
}
/* /Components/Pages/DesignSystemCatalog.razor.rz.scp.css */
.design-system-catalog[b-p5hmmx7xte] {
    min-width: 0;
    padding: var(--taras-spacing-5);
    background: var(--taras-color-surface-canvas);
    color: var(--taras-color-text-primary);
}

.catalog-token-grid[b-p5hmmx7xte],
.catalog-tone-grid[b-p5hmmx7xte],
.catalog-split[b-p5hmmx7xte] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-4);
}

.catalog-token-grid[b-p5hmmx7xte] {
    grid-template-columns: repeat(
        auto-fit,
        minmax(var(--taras-size-dev-catalog-token-grid-min-inline), var(--taras-size-dev-catalog-grid-fill))
    );
}

.catalog-token[b-p5hmmx7xte] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-2);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-3);
    background: var(--taras-color-surface-default);
}

.catalog-token__swatch[b-p5hmmx7xte] {
    min-block-size: var(--taras-size-dev-catalog-token-swatch-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-soft);
    border-radius: var(--taras-radius-sm);
    background: var(--catalog-token-color);
}

.catalog-token strong[b-p5hmmx7xte],
.catalog-token code[b-p5hmmx7xte] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.catalog-tone-grid[b-p5hmmx7xte] {
    grid-template-columns: repeat(
        auto-fit,
        minmax(var(--taras-size-dev-catalog-tone-grid-min-inline), var(--taras-size-dev-catalog-grid-fill))
    );
}

.catalog-tone[b-p5hmmx7xte] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: var(--taras-spacing-2);
}

.catalog-tone[b-p5hmmx7xte]  .taras-status-message {
    display: grid;
    gap: var(--taras-spacing-1);
}

.catalog-layout-sample[b-p5hmmx7xte] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-4);
}

.catalog-split[b-p5hmmx7xte] {
    grid-template-columns: repeat(
        auto-fit,
        minmax(min(100%, var(--taras-size-dev-catalog-split-min-inline)), var(--taras-size-dev-catalog-grid-fill))
    );
    align-items: start;
}

.catalog-empty-icon[b-p5hmmx7xte] {
    font-weight: 700;
}
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-3yowysyasx] {
    display: grid;
    max-width: var(--taras-size-container-audit-log);
    gap: var(--taras-spacing-5);
}

.help-page-header[b-3yowysyasx],
.help-section-header[b-3yowysyasx] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
}

.help-page-header h1[b-3yowysyasx],
.help-section-header h2[b-3yowysyasx] {
    margin: 0;
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-lg);
    font-weight: 700;
}

.help-section-header h2[b-3yowysyasx] {
    font-size: var(--taras-typography-size-lg);
}

.help-page-header span[b-3yowysyasx],
.help-section-header span[b-3yowysyasx],
.help-card-kicker[b-3yowysyasx] {
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

.help-page-header p[b-3yowysyasx],
.help-section-header p[b-3yowysyasx] {
    max-width: var(--taras-size-auth-account-inline);
    margin: var(--taras-spacing-1) 0 0;
    color: var(--taras-color-text-secondary);
    overflow-wrap: anywhere;
}

.help-page-status[b-3yowysyasx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--taras-spacing-2);
}

.help-section[b-3yowysyasx] {
    display: grid;
    gap: var(--taras-spacing-4);
}

.help-card-grid[b-3yowysyasx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--taras-size-admin-diagnostic-grid-min), 1fr));
    gap: var(--taras-spacing-3);
}

.help-card[b-3yowysyasx],
.help-glossary-list > div[b-3yowysyasx] {
    min-width: 0;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-md);
    background: var(--taras-color-surface-default);
}

.help-card[b-3yowysyasx] {
    display: grid;
    align-content: start;
    gap: var(--taras-spacing-3);
    padding: var(--taras-spacing-4);
}

.help-card h3[b-3yowysyasx] {
    margin: 0;
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-md);
    font-weight: 700;
}

.help-card p[b-3yowysyasx],
.help-glossary-list dd[b-3yowysyasx] {
    margin: 0;
    color: var(--taras-color-text-secondary);
    overflow-wrap: anywhere;
}

.help-link-list[b-3yowysyasx] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-2);
}

.help-step-list[b-3yowysyasx] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin: 0;
    padding-inline-start: var(--taras-spacing-5);
    color: var(--taras-color-text-secondary);
}

.help-step-list li[b-3yowysyasx] {
    padding-inline-start: var(--taras-spacing-1);
}

.help-glossary-list[b-3yowysyasx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--taras-size-admin-card-grid-min), 1fr));
    gap: var(--taras-spacing-3);
    margin: 0;
}

.help-glossary-list > div[b-3yowysyasx] {
    display: grid;
    gap: var(--taras-spacing-2);
    padding: var(--taras-spacing-4);
}

.help-glossary-list dt[b-3yowysyasx] {
    color: var(--taras-color-text-primary);
    font-weight: 700;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.app-home-page[b-4a7e4bwmuh] {
    max-inline-size: var(--taras-size-container-product);
}

.app-home-status[b-4a7e4bwmuh],
.app-home-section-meta[b-4a7e4bwmuh] {
    display: flex;
    max-width: 100%;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
}

.app-home-status[b-4a7e4bwmuh] {
    justify-content: flex-end;
}

.app-home-section-meta[b-4a7e4bwmuh] {
    padding-block-end: var(--taras-spacing-1);
}

.app-home-menu-grid[b-4a7e4bwmuh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--taras-size-home-menu-grid-min-inline)), 1fr));
    gap: var(--taras-spacing-3);
}

.app-home-menu-item[b-4a7e4bwmuh] {
    display: grid;
    grid-template-columns: var(--taras-size-home-menu-icon) minmax(0, 1fr);
    align-items: start;
    gap: var(--taras-spacing-3);
    min-width: 0;
    min-height: var(--taras-size-home-menu-min-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-4);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--taras-color-surface-default) 86%, var(--taras-color-brand-primary-soft)),
            var(--taras-color-surface-default)
        );
    color: var(--taras-color-text-primary);
    text-decoration: none;
    transition:
        border-color 140ms ease,
        box-shadow 140ms ease;
}

.app-home-menu-item:not(.app-home-menu-item--planned):not([aria-disabled="true"]):hover[b-4a7e4bwmuh],
.app-home-menu-item:not(.app-home-menu-item--planned):not([aria-disabled="true"]):focus-visible[b-4a7e4bwmuh] {
    border-color: var(--taras-color-brand-primary-focus-border);
    box-shadow: var(--taras-shadow-surface-hover);
    color: var(--taras-color-text-primary);
    text-decoration: none;
}

.app-home-menu-item:focus-visible[b-4a7e4bwmuh] {
    outline: var(--taras-size-focus-ring-inner) solid var(--taras-color-brand-primary-focus);
    outline-offset: var(--taras-size-focus-ring-inner);
}

.app-home-menu-item--primary[b-4a7e4bwmuh] {
    border-color: color-mix(in srgb, var(--taras-color-brand-secondary) 48%, var(--taras-color-border-default));
}

.app-home-menu-item--planned[b-4a7e4bwmuh],
.app-home-menu-item[aria-disabled="true"][b-4a7e4bwmuh] {
    border-color: var(--taras-color-border-subtle);
    background: var(--taras-color-surface-subtle);
    color: var(--taras-color-text-secondary);
    cursor: not-allowed;
    pointer-events: none;
}

.app-home-menu-item--planned .app-home-menu-icon[b-4a7e4bwmuh],
.app-home-menu-item[aria-disabled="true"] .app-home-menu-icon[b-4a7e4bwmuh] {
    background: var(--taras-color-surface-muted);
    color: var(--taras-color-text-muted);
}

.app-home-menu-icon[b-4a7e4bwmuh] {
    display: grid;
    width: var(--taras-size-home-menu-icon);
    height: var(--taras-size-home-menu-icon);
    place-items: center;
    border-radius: var(--taras-radius-sm);
    background: var(--taras-color-brand-secondary-soft);
    color: var(--taras-color-brand-secondary-strong);
    font-weight: 700;
}

.app-home-menu-icon[b-4a7e4bwmuh]::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-radius: 4px;
}

.app-home-menu-icon--members[b-4a7e4bwmuh]::before {
    width: 1.1rem;
    height: 0.75rem;
    border-radius: 999px 999px 4px 4px;
}

.app-home-menu-icon--roles[b-4a7e4bwmuh]::before {
    border-radius: 50%;
}

.app-home-menu-copy[b-4a7e4bwmuh] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-2);
}

.app-home-menu-copy strong[b-4a7e4bwmuh],
.app-home-menu-copy small[b-4a7e4bwmuh],
.app-home-menu-status[b-4a7e4bwmuh] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.app-home-menu-copy strong[b-4a7e4bwmuh] {
    font-size: var(--taras-typography-size-lg);
    line-height: 1.25;
}

.app-home-menu-copy small[b-4a7e4bwmuh] {
    color: var(--taras-color-text-secondary);
    font-size: var(--taras-typography-size-sm);
    line-height: 1.45;
}

.app-home-menu-status[b-4a7e4bwmuh] {
    grid-column: 2;
    justify-self: start;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-1) var(--taras-spacing-2);
    background: var(--taras-color-surface-muted);
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

.app-home-empty-mark[b-4a7e4bwmuh] {
    font-size: var(--taras-typography-size-lg);
    font-weight: 700;
}

@media (max-width: 640px) {
    .app-home-status[b-4a7e4bwmuh] {
        justify-content: flex-start;
    }

    .app-home-menu-item[b-4a7e4bwmuh] {
        min-height: 0;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-5);
    width: 100%;
    max-width: var(--taras-size-auth-entry-inline);
}

.login-page--account[b-zogqzk06r7] {
    max-width: var(--taras-size-auth-account-inline);
}

.login-panel[b-zogqzk06r7] {
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-block-start: var(--taras-size-system-role-accent-border) solid var(--taras-color-brand-secondary);
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-5);
    background: var(--taras-color-surface-raised);
    box-shadow: var(--taras-shadow-panel);
}

.login-panel-header[b-zogqzk06r7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--taras-spacing-4);
    margin-bottom: var(--taras-spacing-4);
}

.login-panel-header h2[b-zogqzk06r7] {
    margin: 0;
    color: var(--taras-color-text-accent);
    font-size: var(--taras-typography-size-md);
    font-weight: 650;
}

.login-brand-title[b-zogqzk06r7] {
    margin: 0 0 var(--taras-spacing-4);
    color: var(--taras-color-text-accent);
    font-size: calc(var(--taras-typography-size-xl) + var(--taras-typography-size-xl));
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.auth-mode-selector[b-zogqzk06r7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--taras-spacing-2);
    width: 100%;
    margin-bottom: var(--taras-spacing-4);
}

.auth-mode-button[b-zogqzk06r7] {
    min-width: 0;
    border: var(--taras-size-border-hairline) solid var(--taras-color-action-default-border);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-action-default-bg);
    color: var(--taras-color-action-default-text);
    font: inherit;
}

.auth-mode-button--selected[b-zogqzk06r7] {
    border-color: var(--taras-color-action-accent-border);
    background: var(--taras-color-action-accent-bg);
    color: var(--taras-color-action-accent-text);
}

.auth-mode-button:hover:not(:disabled)[b-zogqzk06r7] {
    border-color: var(--taras-color-action-default-border-hover);
    background: var(--taras-color-action-default-bg-hover);
    color: var(--taras-color-action-default-text-hover);
}

.auth-mode-button--selected:hover:not(:disabled)[b-zogqzk06r7] {
    border-color: var(--taras-color-action-accent-border-hover);
    background: var(--taras-color-action-accent-bg-hover);
    color: var(--taras-color-action-accent-text);
}

.auth-mode-button:disabled[b-zogqzk06r7],
[b-zogqzk06r7] .auth-input:disabled,
[b-zogqzk06r7] .auth-select:disabled {
    opacity: 0.72;
}

.auth-field[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-1);
    margin-block-end: var(--taras-spacing-4);
}

.auth-label[b-zogqzk06r7] {
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

.auth-label--visually-hidden[b-zogqzk06r7] {
    position: absolute;
    width: var(--taras-size-border-hairline);
    height: var(--taras-size-border-hairline);
    margin: calc(var(--taras-size-border-hairline) * -1);
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

[b-zogqzk06r7] .auth-input,
[b-zogqzk06r7] .auth-select {
    width: 100%;
    min-height: var(--taras-size-auth-control-min-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-surface-default);
    color: var(--taras-color-text-primary);
    font: inherit;
}

[b-zogqzk06r7] .auth-input::placeholder {
    color: var(--taras-color-text-muted);
}

.auth-input-readonly[b-zogqzk06r7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--taras-spacing-2);
}

.auth-field--summary[b-zogqzk06r7] {
    margin-block-end: var(--taras-spacing-3);
}

.auth-field--summary .auth-input-readonly[b-zogqzk06r7] {
    justify-content: space-between;
    min-height: var(--taras-size-auth-control-min-block);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-surface-muted);
}

.auth-readonly-value[b-zogqzk06r7] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.auth-inline-link[b-zogqzk06r7] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--taras-color-brand-primary);
    cursor: pointer;
    font-size: var(--taras-typography-size-sm);
}

[b-zogqzk06r7] .auth-input:focus,
[b-zogqzk06r7] .auth-select:focus,
.auth-mode-button:focus-visible[b-zogqzk06r7],
.auth-inline-link:focus-visible[b-zogqzk06r7] {
    outline: var(--taras-size-focus-ring-inner) solid var(--taras-color-brand-primary-focus);
    outline-offset: var(--taras-size-focus-ring-inner);
}

.auth-field-hint[b-zogqzk06r7] {
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
}

.auth-registration-hint[b-zogqzk06r7] {
    margin-block-end: var(--taras-spacing-4);
}

.login-methods[b-zogqzk06r7] {
    display: grid;
    margin-block-start: var(--taras-spacing-3);
    border-top: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.login-method[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-3);
    padding-block: var(--taras-spacing-4);
    border-bottom: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.login-method-header[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-1);
}

.login-method-header h3[b-zogqzk06r7] {
    margin: 0;
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

.login-method-header p[b-zogqzk06r7] {
    margin: 0;
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    line-height: 1.45;
}

.login-method-form[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.login-method-form .auth-field[b-zogqzk06r7] {
    margin-block-end: 0;
}

.auth-validation-summary[b-zogqzk06r7] {
    color: var(--taras-color-feedback-danger);
    font-size: var(--taras-typography-size-sm);
    margin-block-end: var(--taras-spacing-3);
}

.auth-validation-summary ul[b-zogqzk06r7] {
    margin: 0;
    padding-inline-start: var(--taras-spacing-5);
}

.login-actions[b-zogqzk06r7],
.confirmation-action[b-zogqzk06r7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    align-items: center;
}

.confirmation-action[b-zogqzk06r7] {
    justify-content: space-between;
    margin-block-start: var(--taras-spacing-3);
}

.login-actions[b-zogqzk06r7] {
    margin-top: var(--taras-spacing-4);
}

.login-actions--method[b-zogqzk06r7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0;
    width: 100%;
}

.login-actions--method[b-zogqzk06r7]  fluent-button {
    width: 100%;
    min-height: var(--taras-size-auth-control-min-block);
}

.login-actions--code-entry[b-zogqzk06r7] {
    grid-template-columns: repeat(auto-fit, minmax(var(--taras-size-admin-toolbar-secondary-min-inline), 1fr));
}

.login-actions--primary[b-zogqzk06r7] {
    display: grid;
    width: 100%;
}

.login-actions--primary[b-zogqzk06r7]  fluent-button,
.login-primary-button[b-zogqzk06r7] {
    width: 100%;
    min-height: var(--taras-size-auth-control-min-block);
}

.account-summary[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.account-summary > div[b-zogqzk06r7] {
    min-width: 0;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-3);
    background: var(--taras-color-surface-subtle);
}

.account-summary span[b-zogqzk06r7] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
}

.account-summary strong[b-zogqzk06r7] {
    display: block;
    overflow-wrap: anywhere;
    margin-top: var(--taras-spacing-1);
}

.passkey-management[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-3);
    margin-block-start: var(--taras-spacing-4);
    padding-block-start: var(--taras-spacing-4);
    border-top: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.passkey-management-header[b-zogqzk06r7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
}

.passkey-management-header > div[b-zogqzk06r7] {
    min-width: 0;
}

.passkey-management-header h3[b-zogqzk06r7] {
    margin: 0;
    font-size: var(--taras-typography-size-md);
}

.passkey-management-header p[b-zogqzk06r7] {
    margin: var(--taras-spacing-1) 0 0;
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
}

.passkey-count[b-zogqzk06r7] {
    flex: 0 0 auto;
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    white-space: nowrap;
}

.passkey-list[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.passkey-list li[b-zogqzk06r7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
    min-width: 0;
    padding-block: var(--taras-spacing-2);
    border-bottom: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.passkey-detail[b-zogqzk06r7] {
    display: grid;
    flex: 1 1 auto;
    gap: var(--taras-spacing-1);
    min-width: 0;
}

.passkey-detail strong[b-zogqzk06r7],
.passkey-detail span[b-zogqzk06r7] {
    overflow-wrap: anywhere;
}

.passkey-detail span[b-zogqzk06r7] {
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
}

.passkey-add-form[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.passkey-actions[b-zogqzk06r7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
}

.workspace-selector[b-zogqzk06r7] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin-block-start: var(--taras-spacing-3);
}

.login-panel > .taras-status-message[b-zogqzk06r7],
.login-panel form + .taras-status-message[b-zogqzk06r7],
.account-summary + .taras-status-message[b-zogqzk06r7],
.passkey-management + .taras-status-message[b-zogqzk06r7],
.workspace-selector + .taras-status-message[b-zogqzk06r7] {
    margin-block-start: var(--taras-spacing-3);
}

@media (forced-colors: active) {
    .login-panel[b-zogqzk06r7],
    .account-summary > div[b-zogqzk06r7],
    [b-zogqzk06r7] .auth-input,
    [b-zogqzk06r7] .auth-select,
    .auth-field--summary .auth-input-readonly[b-zogqzk06r7] {
        border-color: CanvasText;
        background: Canvas;
        color: CanvasText;
    }

    .auth-mode-button[b-zogqzk06r7] {
        border-color: ButtonText;
        background: Canvas;
        color: ButtonText;
    }

    .auth-mode-button--selected[b-zogqzk06r7] {
        background: Highlight;
        color: HighlightText;
    }
}
/* /Components/Pages/TaskBatchRegistrationGuide.razor.rz.scp.css */
.registration-guide[b-tw0153ww8b] {
    max-width: 1120px;
    margin: 0 auto;
    padding: var(--taras-spacing-5);
}

.registration-guide-hero[b-tw0153ww8b] {
    padding: var(--taras-spacing-5) 0;
    border-bottom: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
}

.registration-guide-kicker[b-tw0153ww8b] {
    margin-bottom: var(--taras-spacing-2);
    color: var(--taras-color-text-muted);
    font-size: var(--taras-typography-size-sm);
    font-weight: 700;
    text-transform: uppercase;
}

.registration-guide-hero h1[b-tw0153ww8b] {
    max-width: 820px;
    margin-bottom: var(--taras-spacing-3);
    font-size: 2.35rem;
    line-height: 1.08;
}

.registration-guide-hero p[b-tw0153ww8b] {
    max-width: 760px;
    color: var(--taras-color-text-secondary);
    font-size: 1.05rem;
}

.registration-guide-actions[b-tw0153ww8b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    margin-top: var(--taras-spacing-4);
}

.registration-guide-alert[b-tw0153ww8b],
.registration-guide-section[b-tw0153ww8b] {
    margin-top: var(--taras-spacing-4);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-sm);
    background: var(--taras-color-surface-default);
}

.registration-guide-alert[b-tw0153ww8b] {
    padding: var(--taras-spacing-3);
    border-color: var(--taras-color-feedback-warning);
    background: var(--taras-color-feedback-warning-soft);
}

.registration-guide-alert strong[b-tw0153ww8b] {
    display: block;
    margin-bottom: var(--taras-spacing-1);
}

.registration-guide-section[b-tw0153ww8b] {
    padding: var(--taras-spacing-4);
}

.registration-guide-section h2[b-tw0153ww8b] {
    margin-bottom: var(--taras-spacing-2);
    font-size: 1.35rem;
}

.registration-guide-section h3[b-tw0153ww8b] {
    margin: var(--taras-spacing-3) 0 var(--taras-spacing-2);
    font-size: 1rem;
}

.registration-guide-section p[b-tw0153ww8b],
.registration-guide-section li[b-tw0153ww8b] {
    color: var(--taras-color-text-secondary);
}

.registration-guide-subsection[b-tw0153ww8b] {
    margin-top: var(--taras-spacing-3);
}

.registration-guide-steps[b-tw0153ww8b] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin: var(--taras-spacing-2) 0 var(--taras-spacing-3);
    padding-left: var(--taras-spacing-4);
}

.registration-guide-endpoint[b-tw0153ww8b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    align-items: center;
    margin: var(--taras-spacing-3) 0;
}

.registration-guide-endpoint span[b-tw0153ww8b] {
    border-radius: var(--taras-radius-sm);
    padding: 0.18rem 0.5rem;
    background: var(--taras-color-brand-primary-soft);
    color: var(--taras-color-text-accent);
    font-weight: 700;
}

.registration-guide code[b-tw0153ww8b],
.registration-guide pre[b-tw0153ww8b] {
    overflow-wrap: anywhere;
}

.registration-guide pre[b-tw0153ww8b] {
    overflow-x: auto;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-3);
    background: var(--taras-color-surface-code);
    color: var(--taras-color-text-code);
    font-size: 0.86rem;
}

.registration-guide-table-wrap[b-tw0153ww8b] {
    overflow-x: auto;
}

.registration-guide-table[b-tw0153ww8b] {
    min-width: 760px;
    margin-bottom: 0;
}

.registration-guide-checklist ul[b-tw0153ww8b] {
    display: grid;
    gap: var(--taras-spacing-2);
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .registration-guide[b-tw0153ww8b] {
        padding: var(--taras-spacing-3);
    }

    .registration-guide-hero h1[b-tw0153ww8b] {
        font-size: 1.8rem;
    }

    .registration-guide-section[b-tw0153ww8b] {
        padding: var(--taras-spacing-3);
    }
}
/* /Components/Pages/WorkspaceJoin.razor.rz.scp.css */
.workspace-join-page[b-fvg0xbnai2] {
    display: grid;
    width: 100%;
    max-width: none;
    gap: var(--taras-spacing-5);
}

.workspace-join-header[b-fvg0xbnai2],
.workspace-join-panel-header[b-fvg0xbnai2] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--taras-spacing-3);
}

.workspace-join-header[b-fvg0xbnai2] {
    position: relative;
    gap: var(--taras-spacing-4);
    padding-block-start: var(--taras-spacing-3);
    padding-block-end: var(--taras-spacing-4);
    border-block-end: var(--taras-size-border-hairline) solid var(--taras-color-border-soft);
}

.workspace-join-header[b-fvg0xbnai2]::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: var(--taras-size-page-header-accent-inline);
    block-size: var(--taras-size-page-header-accent-block);
    border-radius: var(--taras-radius-sm);
    background: var(--taras-color-brand-secondary);
}

.workspace-join-header > div:first-child[b-fvg0xbnai2] {
    max-inline-size: var(--taras-size-page-header-copy-max-inline);
    min-width: 0;
}

.workspace-join-header h1[b-fvg0xbnai2] {
    margin: 0;
    color: var(--taras-color-text-accent);
    font-size: var(--taras-typography-size-xl);
    font-weight: 650;
    line-height: 1.18;
}

.workspace-join-panel h2[b-fvg0xbnai2] {
    margin: 0;
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-lg);
    font-weight: 650;
    line-height: 1.25;
}

.workspace-join-header p[b-fvg0xbnai2],
.workspace-join-panel p[b-fvg0xbnai2] {
    margin: var(--taras-spacing-2) 0 0;
    color: var(--taras-color-text-secondary);
    line-height: 1.5;
}

.workspace-join-panel[b-fvg0xbnai2] {
    position: relative;
    display: grid;
    gap: var(--taras-spacing-4);
    min-width: 0;
    overflow: hidden;
    border: var(--taras-size-border-hairline) solid color-mix(in srgb, var(--taras-color-border-default) 76%, var(--taras-color-brand-secondary));
    border-radius: var(--taras-radius-md);
    padding: var(--taras-spacing-5);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--taras-color-surface-raised) 90%, var(--taras-color-brand-secondary-soft)) 0,
            var(--taras-color-surface-raised) var(--taras-size-section-tint-stop)
        );
    box-shadow: var(--taras-shadow-surface);
}

.workspace-join-panel[b-fvg0xbnai2]::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    block-size: var(--taras-size-section-accent-block);
    background: var(--taras-color-brand-secondary);
}

.workspace-join-form[b-fvg0xbnai2] {
    display: grid;
    gap: var(--taras-spacing-3);
    max-inline-size: var(--taras-size-admin-users-table-min-inline);
}

.workspace-join-form label[b-fvg0xbnai2] {
    display: grid;
    gap: var(--taras-spacing-1);
    color: var(--taras-color-text-primary);
    font-size: var(--taras-typography-size-sm);
    font-weight: 650;
}

.workspace-join-input[b-fvg0xbnai2] {
    width: 100%;
    min-width: 0;
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-sm);
    padding: var(--taras-spacing-2) var(--taras-spacing-3);
    background: var(--taras-color-surface-default);
    color: var(--taras-color-text-primary);
    font: inherit;
}

.workspace-join-input--textarea[b-fvg0xbnai2] {
    resize: vertical;
}

.workspace-join-input:focus-visible[b-fvg0xbnai2] {
    outline: none;
    border-color: var(--taras-color-brand-primary-focus-border);
    box-shadow:
        0 0 0 var(--taras-size-focus-ring-inner) var(--taras-color-surface-default),
        0 0 0 var(--taras-size-focus-ring-outer) var(--taras-color-brand-primary-focus);
}

@media (max-width: 640px) {
    .workspace-join-header[b-fvg0xbnai2],
    .workspace-join-panel-header[b-fvg0xbnai2] {
        display: grid;
    }
}
/* /Components/Pages/WorkspaceTaskBatchDetail.razor.rz.scp.css */
.workspace-task-detail-page[b-pz0dx61pji] {
    min-width: 0;
}

.workspace-task-detail-back-link[b-pz0dx61pji] {
    display: inline-flex;
    width: fit-content;
    margin-bottom: var(--taras-spacing-2);
    color: var(--taras-color-brand-primary);
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
}

.workspace-task-detail-back-link:hover[b-pz0dx61pji],
.workspace-task-detail-back-link:focus-visible[b-pz0dx61pji] {
    text-decoration: underline;
}

.workspace-task-detail-panel[b-pz0dx61pji] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-detail-correction-panel[b-pz0dx61pji] {
    border-color: var(--taras-color-feedback-warning);
    background: var(--taras-color-feedback-warning-soft);
}

.workspace-task-detail-grid[b-pz0dx61pji],
.workspace-task-detail-progress-grid[b-pz0dx61pji] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: var(--taras-spacing-3);
    margin: 0;
}

.workspace-task-detail-grid > div[b-pz0dx61pji],
.workspace-task-detail-progress-grid > div[b-pz0dx61pji] {
    min-width: 0;
    padding-top: var(--taras-spacing-2);
    border-top: var(--taras-size-border-hairline) solid var(--taras-color-border-subtle);
}

.workspace-task-detail-grid dt[b-pz0dx61pji],
.workspace-task-detail-progress-grid dt[b-pz0dx61pji] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-detail-grid dd[b-pz0dx61pji],
.workspace-task-detail-progress-grid dd[b-pz0dx61pji] {
    min-width: 0;
    margin: var(--taras-spacing-1) 0 0;
    color: var(--taras-color-text-primary);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.workspace-task-detail-progress-grid dd[b-pz0dx61pji] {
    font-size: 1.35rem;
}

.workspace-task-detail-table[b-pz0dx61pji] {
    min-width: 68rem;
    table-layout: fixed;
}

.workspace-task-detail-work-table[b-pz0dx61pji] {
    min-width: 78rem;
}

.workspace-task-detail-table td[b-pz0dx61pji] {
    vertical-align: top;
}

.workspace-task-detail-identity-cell[b-pz0dx61pji],
.workspace-task-detail-route-cell[b-pz0dx61pji],
.workspace-task-detail-progress-cell[b-pz0dx61pji],
.workspace-task-detail-location-cell[b-pz0dx61pji] {
    min-width: 0;
}

.workspace-task-detail-identity-cell > * + *[b-pz0dx61pji],
.workspace-task-detail-route-cell > * + *[b-pz0dx61pji],
.workspace-task-detail-progress-cell > * + *[b-pz0dx61pji],
.workspace-task-detail-location-cell > * + *[b-pz0dx61pji] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-detail-identity-cell strong[b-pz0dx61pji] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-detail-table code[b-pz0dx61pji] {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-detail-link[b-pz0dx61pji] {
    display: grid;
    gap: var(--taras-spacing-1);
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.workspace-task-detail-link:hover[b-pz0dx61pji],
.workspace-task-detail-link:focus-visible[b-pz0dx61pji] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-task-detail-link strong[b-pz0dx61pji] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-detail-table small[b-pz0dx61pji] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.workspace-task-detail-location-cell[b-pz0dx61pji]  .taras-badge {
    width: fit-content;
}

.workspace-task-detail-action-cell[b-pz0dx61pji] {
    color: var(--taras-color-feedback-warning-strong);
    font-weight: 700;
}

.workspace-task-detail-empty[b-pz0dx61pji] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-detail-grid[b-pz0dx61pji],
    .workspace-task-detail-progress-grid[b-pz0dx61pji] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-detail-table[b-pz0dx61pji] {
        min-width: 58rem;
    }

    .workspace-task-detail-work-table[b-pz0dx61pji] {
        min-width: 64rem;
    }

}
/* /Components/Pages/WorkspaceTaskInstructions.razor.rz.scp.css */
.workspace-task-directory-page[b-z61lbkrhyj] {
    min-width: 0;
}

.workspace-task-directory-panel[b-z61lbkrhyj] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-directory-filter-bar[b-z61lbkrhyj] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-task-directory-filter-bar > label[b-z61lbkrhyj] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.workspace-task-directory-filter-bar > label > span[b-z61lbkrhyj] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-directory-filter-bar .taras-button[b-z61lbkrhyj] {
    min-height: 2.5rem;
}

.workspace-task-directory-table[b-z61lbkrhyj] {
    min-width: max(100%, var(--taras-size-container-auth));
    table-layout: fixed;
}

.workspace-task-directory-table th:first-child[b-z61lbkrhyj],
.workspace-task-directory-table td:first-child[b-z61lbkrhyj] {
    width: 18%;
}

.workspace-task-directory-table th:nth-child(2)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(2)[b-z61lbkrhyj] {
    width: 20%;
}

.workspace-task-directory-table th:nth-child(3)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(3)[b-z61lbkrhyj] {
    width: 14%;
}

.workspace-task-directory-table th:nth-child(4)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(4)[b-z61lbkrhyj] {
    width: 10%;
}

.workspace-task-directory-table th:nth-child(5)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(5)[b-z61lbkrhyj] {
    width: 8%;
}

.workspace-task-directory-table th:nth-child(6)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(6)[b-z61lbkrhyj] {
    width: 14%;
}

.workspace-task-directory-table th:nth-child(7)[b-z61lbkrhyj],
.workspace-task-directory-table td:nth-child(7)[b-z61lbkrhyj] {
    width: 16%;
}

.workspace-task-directory-table td[b-z61lbkrhyj] {
    vertical-align: top;
}

.workspace-task-directory-identity-cell[b-z61lbkrhyj],
.workspace-task-directory-route-cell[b-z61lbkrhyj] {
    min-width: 0;
}

.workspace-task-directory-identity-cell > * + *[b-z61lbkrhyj],
.workspace-task-directory-route-cell > * + *[b-z61lbkrhyj] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-directory-identity-cell strong[b-z61lbkrhyj] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-directory-link[b-z61lbkrhyj] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    color: inherit;
    text-decoration: none;
}

.workspace-task-directory-link:hover strong[b-z61lbkrhyj],
.workspace-task-directory-link:focus-visible strong[b-z61lbkrhyj] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-task-directory-table code[b-z61lbkrhyj] {
    display: block;
    max-width: 20rem;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-directory-table small[b-z61lbkrhyj] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.workspace-task-directory-empty-state[b-z61lbkrhyj] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-directory-filter-bar[b-z61lbkrhyj] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-directory-filter-bar .taras-button[b-z61lbkrhyj] {
        justify-self: stretch;
    }

    .workspace-task-directory-table[b-z61lbkrhyj] {
        min-width: 62rem;
    }
}
/* /Components/Pages/WorkspaceTaskInstructionSummaryTable.razor.rz.scp.css */
.workspace-task-instruction-summary-table[b-lgrfiptydw] {
    min-width: 76rem;
    table-layout: fixed;
}

.workspace-task-instruction-summary-table td[b-lgrfiptydw] {
    vertical-align: top;
}

.workspace-task-instruction-summary-identity[b-lgrfiptydw],
.workspace-task-instruction-summary-route[b-lgrfiptydw] {
    min-width: 0;
}

.workspace-task-instruction-summary-identity > * + *[b-lgrfiptydw],
.workspace-task-instruction-summary-route > * + *[b-lgrfiptydw] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-instruction-summary-identity strong[b-lgrfiptydw] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-instruction-summary-link[b-lgrfiptydw] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    color: inherit;
    text-decoration: none;
}

.workspace-task-instruction-summary-link:hover strong[b-lgrfiptydw],
.workspace-task-instruction-summary-link:focus-visible strong[b-lgrfiptydw],
.workspace-task-instruction-summary-link:hover code[b-lgrfiptydw],
.workspace-task-instruction-summary-link:focus-visible code[b-lgrfiptydw] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-task-instruction-summary-table code[b-lgrfiptydw] {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-instruction-summary-table small[b-lgrfiptydw] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    .workspace-task-instruction-summary-table[b-lgrfiptydw] {
        min-width: 62rem;
    }
}
/* /Components/Pages/WorkspaceTaskLocations.razor.rz.scp.css */
.workspace-task-directory-page[b-ni2h63gigw] {
    min-width: 0;
}

.workspace-task-directory-panel[b-ni2h63gigw] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-directory-filter-bar[b-ni2h63gigw] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-task-directory-filter-bar > label[b-ni2h63gigw] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.workspace-task-directory-filter-bar > label > span[b-ni2h63gigw] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-directory-filter-bar .taras-button[b-ni2h63gigw] {
    min-height: 2.5rem;
}

.workspace-task-directory-table[b-ni2h63gigw] {
    min-width: 52rem;
}

.workspace-task-directory-table td[b-ni2h63gigw] {
    vertical-align: top;
}

.workspace-task-directory-identity-cell[b-ni2h63gigw] {
    min-width: 0;
}

.workspace-task-directory-identity-cell > * + *[b-ni2h63gigw] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-directory-identity-cell strong[b-ni2h63gigw] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-directory-table code[b-ni2h63gigw] {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-directory-table small[b-ni2h63gigw] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.workspace-task-directory-empty-state[b-ni2h63gigw] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-directory-filter-bar[b-ni2h63gigw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-directory-filter-bar .taras-button[b-ni2h63gigw] {
        justify-self: stretch;
    }

    .workspace-task-directory-table[b-ni2h63gigw] {
        min-width: 46rem;
    }
}
/* /Components/Pages/WorkspaceTaskOrders.razor.rz.scp.css */
.workspace-task-directory-page[b-ucm8ivhrz2] {
    min-width: 0;
}

.workspace-task-directory-panel[b-ucm8ivhrz2] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-directory-filter-bar[b-ucm8ivhrz2] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-task-directory-filter-bar > label[b-ucm8ivhrz2] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.workspace-task-directory-filter-bar > label > span[b-ucm8ivhrz2] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-directory-filter-bar .taras-button[b-ucm8ivhrz2] {
    min-height: 2.5rem;
}

.workspace-task-directory-table[b-ucm8ivhrz2] {
    min-width: max(100%, var(--taras-size-data-table-min-inline));
    table-layout: fixed;
}

.workspace-task-orders-table th:first-child[b-ucm8ivhrz2],
.workspace-task-orders-table td:first-child[b-ucm8ivhrz2] {
    width: 46%;
}

.workspace-task-orders-table th:nth-child(2)[b-ucm8ivhrz2],
.workspace-task-orders-table td:nth-child(2)[b-ucm8ivhrz2],
.workspace-task-orders-table th:nth-child(3)[b-ucm8ivhrz2],
.workspace-task-orders-table td:nth-child(3)[b-ucm8ivhrz2] {
    width: 18%;
}

.workspace-task-orders-table th:nth-child(4)[b-ucm8ivhrz2],
.workspace-task-orders-table td:nth-child(4)[b-ucm8ivhrz2] {
    width: 18%;
}

.workspace-task-orders-table td:not(:first-child)[b-ucm8ivhrz2] {
    font-variant-numeric: tabular-nums;
}

.workspace-task-directory-table td[b-ucm8ivhrz2] {
    vertical-align: top;
}

.workspace-task-directory-identity-cell[b-ucm8ivhrz2] {
    min-width: 0;
}

.workspace-task-directory-identity-cell > * + *[b-ucm8ivhrz2] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-directory-identity-cell strong[b-ucm8ivhrz2] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-directory-link[b-ucm8ivhrz2] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    color: inherit;
    text-decoration: none;
}

.workspace-task-directory-link:hover strong[b-ucm8ivhrz2],
.workspace-task-directory-link:focus-visible strong[b-ucm8ivhrz2] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-task-directory-empty-state[b-ucm8ivhrz2] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-directory-filter-bar[b-ucm8ivhrz2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-directory-filter-bar .taras-button[b-ucm8ivhrz2] {
        justify-self: stretch;
    }

    .workspace-task-directory-table[b-ucm8ivhrz2] {
        min-width: 34rem;
    }
}
/* /Components/Pages/WorkspaceTaskProductOptions.razor.rz.scp.css */
.workspace-task-directory-page[b-a738xpjvzn] {
    min-width: 0;
}

.workspace-task-directory-panel[b-a738xpjvzn] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-directory-filter-bar[b-a738xpjvzn] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-task-directory-filter-bar > label[b-a738xpjvzn] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.workspace-task-directory-filter-bar > label > span[b-a738xpjvzn] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-directory-filter-bar .taras-button[b-a738xpjvzn] {
    min-height: 2.5rem;
}

.workspace-task-directory-table[b-a738xpjvzn] {
    min-width: max(100%, var(--taras-size-container-audit-log));
    table-layout: fixed;
}

.workspace-task-product-options-table th:first-child[b-a738xpjvzn],
.workspace-task-product-options-table td:first-child[b-a738xpjvzn] {
    width: 18%;
}

.workspace-task-product-options-table th:nth-child(2)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(2)[b-a738xpjvzn] {
    width: 18%;
}

.workspace-task-product-options-table th:nth-child(3)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(3)[b-a738xpjvzn] {
    width: 10%;
}

.workspace-task-product-options-table th:nth-child(4)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(4)[b-a738xpjvzn] {
    width: 9%;
}

.workspace-task-product-options-table th:nth-child(5)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(5)[b-a738xpjvzn],
.workspace-task-product-options-table th:nth-child(6)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(6)[b-a738xpjvzn] {
    width: 13%;
}

.workspace-task-product-options-table th:nth-child(7)[b-a738xpjvzn],
.workspace-task-product-options-table td:nth-child(7)[b-a738xpjvzn] {
    width: 19%;
}

.workspace-task-directory-table td[b-a738xpjvzn] {
    vertical-align: top;
}

.workspace-task-directory-identity-cell[b-a738xpjvzn] {
    min-width: 0;
}

.workspace-task-directory-identity-cell > * + *[b-a738xpjvzn] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-directory-identity-cell strong[b-a738xpjvzn] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-directory-table code[b-a738xpjvzn] {
    display: block;
    max-width: 20rem;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-directory-table small[b-a738xpjvzn] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.workspace-task-directory-barcode-list[b-a738xpjvzn] {
    overflow-wrap: anywhere;
}

.workspace-task-directory-empty-state[b-a738xpjvzn] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-directory-filter-bar[b-a738xpjvzn] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-directory-filter-bar .taras-button[b-a738xpjvzn] {
        justify-self: stretch;
    }

    .workspace-task-directory-table[b-a738xpjvzn] {
        min-width: 80rem;
    }
}
/* /Components/Pages/WorkspaceTaskProducts.razor.rz.scp.css */
.workspace-task-directory-page[b-nb61yxmn3d] {
    min-width: 0;
}

.workspace-task-directory-panel[b-nb61yxmn3d] {
    display: grid;
    gap: var(--taras-spacing-3);
}

.workspace-task-directory-filter-bar[b-nb61yxmn3d] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-task-directory-filter-bar > label[b-nb61yxmn3d] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
}

.workspace-task-directory-filter-bar > label > span[b-nb61yxmn3d] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-task-directory-filter-bar .taras-button[b-nb61yxmn3d] {
    min-height: 2.5rem;
}

.workspace-task-directory-table[b-nb61yxmn3d] {
    min-width: 58rem;
}

.workspace-task-directory-table td[b-nb61yxmn3d] {
    vertical-align: top;
}

.workspace-task-directory-identity-cell[b-nb61yxmn3d] {
    min-width: 0;
}

.workspace-task-directory-identity-cell > * + *[b-nb61yxmn3d] {
    margin-top: var(--taras-spacing-1);
}

.workspace-task-directory-identity-cell strong[b-nb61yxmn3d] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-task-directory-link[b-nb61yxmn3d] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    color: inherit;
    text-decoration: none;
}

.workspace-task-directory-link:hover strong[b-nb61yxmn3d],
.workspace-task-directory-link:focus-visible strong[b-nb61yxmn3d] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-task-directory-table code[b-nb61yxmn3d] {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-task-directory-table small[b-nb61yxmn3d] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.workspace-task-directory-empty-state[b-nb61yxmn3d] {
    margin: 0;
}

@media (max-width: 720px) {
    .workspace-task-directory-filter-bar[b-nb61yxmn3d] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-task-directory-filter-bar .taras-button[b-nb61yxmn3d] {
        justify-self: stretch;
    }

    .workspace-task-directory-table[b-nb61yxmn3d] {
        min-width: 50rem;
    }
}
/* /Components/Pages/WorkspaceTasks.razor.rz.scp.css */
.workspace-tasks-page[b-v5zjbclphf] {
    min-width: 0;
    max-inline-size: none;
    margin-inline: 0;
}

.workspace-tasks-status[b-v5zjbclphf],
.workspace-tasks-panel-meta[b-v5zjbclphf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--taras-spacing-2);
    align-items: center;
}

.workspace-tasks-status[b-v5zjbclphf] {
    justify-content: flex-end;
}

.workspace-tasks-panel-meta[b-v5zjbclphf] {
    justify-content: flex-start;
}

.workspace-tasks-table[b-v5zjbclphf] {
    min-width: max(100%, var(--taras-size-admin-workspaces-table-min-inline));
    table-layout: fixed;
}

.workspace-tasks-table th:first-child[b-v5zjbclphf],
.workspace-tasks-table td:first-child[b-v5zjbclphf] {
    width: 30%;
}

.workspace-tasks-table th:nth-child(2)[b-v5zjbclphf],
.workspace-tasks-table td:nth-child(2)[b-v5zjbclphf] {
    width: 16%;
}

.workspace-tasks-table th:nth-child(3)[b-v5zjbclphf],
.workspace-tasks-table td:nth-child(3)[b-v5zjbclphf] {
    width: 16%;
}

.workspace-tasks-table th:nth-child(4)[b-v5zjbclphf],
.workspace-tasks-table td:nth-child(4)[b-v5zjbclphf] {
    width: 26%;
}

.workspace-tasks-table th:nth-child(5)[b-v5zjbclphf],
.workspace-tasks-table td:nth-child(5)[b-v5zjbclphf] {
    width: 12%;
}

.workspace-tasks-filter-bar[b-v5zjbclphf] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(16rem, 22rem) auto;
    gap: var(--taras-spacing-3);
    align-items: end;
}

.workspace-tasks-filter-bar > label[b-v5zjbclphf],
.workspace-tasks-status-filter[b-v5zjbclphf] {
    display: grid;
    gap: var(--taras-spacing-1);
    min-width: 0;
}

.workspace-tasks-filter-bar > label > span[b-v5zjbclphf],
.workspace-tasks-status-filter > span[b-v5zjbclphf] {
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.workspace-tasks-filter-bar .taras-button[b-v5zjbclphf] {
    min-height: 2.5rem;
}

.workspace-tasks-status-filter[b-v5zjbclphf] {
    position: relative;
}

.workspace-tasks-status-trigger[b-v5zjbclphf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    min-height: 2.5rem;
    gap: var(--taras-spacing-2);
    padding: 0 var(--taras-spacing-3);
    border: var(--taras-size-border-hairline) solid var(--taras-color-action-default-border);
    border-radius: var(--taras-radius-sm);
    background: var(--taras-color-action-default-bg);
    color: var(--taras-color-action-default-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.workspace-tasks-status-trigger > span:first-child[b-v5zjbclphf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-tasks-status-trigger:hover[b-v5zjbclphf],
.workspace-tasks-status-trigger:focus-visible[b-v5zjbclphf] {
    border-color: var(--taras-color-action-default-border-hover);
    background: var(--taras-color-action-default-bg-hover);
    color: var(--taras-color-action-default-text-hover);
    outline: none;
}

.workspace-tasks-status-trigger-active[b-v5zjbclphf] {
    border-color: var(--taras-color-brand-primary-border);
    background: var(--taras-color-brand-primary-soft);
    color: var(--taras-color-text-accent);
}

.workspace-tasks-status-trigger-chevron[b-v5zjbclphf] {
    width: 0.55rem;
    height: 0.55rem;
    flex: 0 0 auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-0.1rem) rotate(45deg);
}

.workspace-tasks-status-popover[b-v5zjbclphf] {
    position: absolute;
    top: calc(100% + var(--taras-spacing-2));
    left: 0;
    z-index: 20;
    display: grid;
    width: min(22rem, calc(100vw - 2rem));
    gap: var(--taras-spacing-2);
    padding: var(--taras-spacing-2);
    border: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    border-radius: var(--taras-radius-md);
    background: var(--taras-color-surface-default);
    box-shadow: var(--taras-shadow-panel);
}

.workspace-tasks-status-options[b-v5zjbclphf] {
    display: grid;
    gap: var(--taras-spacing-1);
}

.workspace-tasks-status-option[b-v5zjbclphf] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: var(--taras-spacing-2);
    padding: 0.45rem var(--taras-spacing-2);
    border-radius: var(--taras-radius-sm);
    cursor: pointer;
}

.workspace-tasks-status-option:hover[b-v5zjbclphf] {
    background: var(--taras-color-surface-muted);
}

.workspace-tasks-status-option input[b-v5zjbclphf] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin: 0;
    accent-color: var(--taras-color-brand-primary);
}

.workspace-tasks-status-clear[b-v5zjbclphf] {
    justify-self: start;
    padding: var(--taras-spacing-2) 0 0;
    border: 0;
    border-top: var(--taras-size-border-hairline) solid var(--taras-color-border-default);
    background: transparent;
    color: var(--taras-color-text-secondary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.workspace-tasks-status-clear:disabled[b-v5zjbclphf] {
    color: var(--taras-color-text-muted);
    cursor: not-allowed;
}

.workspace-tasks-status-clear:not(:disabled):hover[b-v5zjbclphf] {
    color: var(--taras-color-brand-primary);
}

.workspace-tasks-table td[b-v5zjbclphf] {
    vertical-align: top;
}

.workspace-tasks-batch-cell[b-v5zjbclphf],
.workspace-tasks-status-cell[b-v5zjbclphf],
.workspace-tasks-progress-cell[b-v5zjbclphf] {
    min-width: 0;
}

.workspace-tasks-batch-cell > * + *[b-v5zjbclphf],
.workspace-tasks-status-cell > * + *[b-v5zjbclphf] {
    margin-top: var(--taras-spacing-1);
}

.workspace-tasks-batch-cell strong[b-v5zjbclphf],
.workspace-tasks-status-cell strong[b-v5zjbclphf] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.workspace-tasks-batch-link[b-v5zjbclphf] {
    display: grid;
    min-width: 0;
    gap: var(--taras-spacing-1);
    color: inherit;
    text-decoration: none;
}

.workspace-tasks-batch-link:hover strong[b-v5zjbclphf],
.workspace-tasks-batch-link:focus-visible strong[b-v5zjbclphf] {
    color: var(--taras-color-brand-primary);
    text-decoration: underline;
}

.workspace-tasks-batch-cell code[b-v5zjbclphf] {
    max-width: 18rem;
    overflow-wrap: anywhere;
    white-space: normal;
}

.workspace-tasks-batch-cell small[b-v5zjbclphf],
.workspace-tasks-status-cell small[b-v5zjbclphf],
.workspace-tasks-table td small[b-v5zjbclphf] {
    display: block;
    color: var(--taras-color-text-muted);
    font-size: 0.78rem;
}

.workspace-tasks-progress-cell[b-v5zjbclphf] {
    overflow-wrap: anywhere;
}

.workspace-tasks-progress-cell span[b-v5zjbclphf] {
    display: inline-block;
    min-width: 0;
    margin-right: var(--taras-spacing-2);
    color: var(--taras-color-text-secondary);
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.workspace-tasks-empty-state[b-v5zjbclphf] {
    margin: 0;
    min-height: calc(var(--taras-size-empty-state-min-block) + var(--taras-spacing-4));
}

@media (max-width: 720px) {
    .workspace-tasks-status[b-v5zjbclphf] {
        justify-content: flex-start;
    }

    .workspace-tasks-filter-bar[b-v5zjbclphf] {
        grid-template-columns: minmax(0, 1fr);
    }

    .workspace-tasks-filter-bar .taras-button[b-v5zjbclphf] {
        justify-self: stretch;
    }

    .workspace-tasks-status-popover[b-v5zjbclphf] {
        right: 0;
        width: min(100%, calc(100vw - 2rem));
    }

    .workspace-tasks-table[b-v5zjbclphf] {
        min-width: 52rem;
    }

    .workspace-tasks-progress-cell[b-v5zjbclphf] {
        white-space: normal;
    }
}