@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
/* /Components/Pages/User/Employees.razor.rz.scp.css */
/* /Components/Pages/User/Result.razor.rz.scp.css */
.result-toolbar-container[b-6b8vlw4jkm] {
    container-type: inline-size;
}

.result-toolbar[b-6b8vlw4jkm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.result-year-selector[b-6b8vlw4jkm] {
    grid-column: 2;
    width: 200px;
    justify-self: center;
}

.result-view-controls[b-6b8vlw4jkm] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
    max-width: 100%;
}

/* Keep full labels on one line; wrap whole buttons only when space is limited. */
.capacity-view-controls[b-6b8vlw4jkm] {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 4px;
    padding: 4px;
    border-radius: 8px;
    background: var(--mud-palette-surface);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.capacity-view-btn[b-6b8vlw4jkm] {
    flex: 0 0 auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    padding: 8px 12px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font: inherit;
    font-size: .875rem;
    line-height: 1.3;
    min-height: 36px;
    white-space: nowrap;
    cursor: pointer;
}

.capacity-view-btn[aria-pressed="true"][b-6b8vlw4jkm] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.capacity-view-btn:hover:not(:disabled):not([aria-pressed="true"])[b-6b8vlw4jkm] {
    background: var(--mud-palette-action-default-hover);
}

.capacity-view-btn:focus-visible[b-6b8vlw4jkm] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.capacity-view-btn:disabled[b-6b8vlw4jkm] {
    color: var(--mud-palette-text-disabled);
    cursor: not-allowed;
}

/* Use the available content width, so the sidebar cannot cause overlapping controls. */
@container (max-width: 1460px) {
    .result-toolbar[b-6b8vlw4jkm] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .result-year-selector[b-6b8vlw4jkm],
    .result-view-controls[b-6b8vlw4jkm] {
        grid-column: 1;
    }
}

@container (max-width: 480px) {
    .capacity-view-btn[b-6b8vlw4jkm] {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Components/Shared/Dialogs/Version/VersionFeaturesDialog.razor.rz.scp.css */
.feature-dialog-title[b-1vuons6kc3] { display: flex; align-items: center; gap: 12px; padding-right: 28px; }
.feature-dialog-title h2[b-1vuons6kc3] { font-size: 1.15rem; font-weight: 600; line-height: 1.35; }
.feature-rollout[b-1vuons6kc3], .rollout-actions[b-1vuons6kc3] { --feature-muted-text: color-mix(in srgb, var(--mud-palette-text-primary) 88%, transparent); }
.feature-rollout[b-1vuons6kc3] { padding: 0 2px 4px; }
.rollout-overview[b-1vuons6kc3] {
    padding: 24px; border-radius: 14px;
    background: linear-gradient(120deg, rgba(var(--mud-palette-primary-rgb), .11), rgba(var(--mud-palette-primary-rgb), .025));
    border: 1px solid rgba(var(--mud-palette-primary-rgb), .15);
}
.rollout-eyebrow[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .65rem; font-weight: 700; letter-spacing: .13em; }
.rollout-overview h2[b-1vuons6kc3] { font-size: 1.6rem; font-weight: 700; line-height: 1.3; margin: 9px 0 6px; overflow-wrap: anywhere; }
.rollout-overview p[b-1vuons6kc3] { font-size: .875rem; color: var(--feature-muted-text); }
.rollout-summary[b-1vuons6kc3] { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; font-size: .78rem; font-weight: 500; }
.rollout-summary span[b-1vuons6kc3] { display: inline-flex; gap: 7px; align-items: center; }
.enabled-features[b-1vuons6kc3] { margin-top: 24px; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; }
.enabled-features > summary[b-1vuons6kc3] { display: flex; align-items: center; gap: 12px; padding: 16px 18px; cursor: pointer; list-style: none; border-radius: 11px; }
.enabled-features > summary[b-1vuons6kc3]::-webkit-details-marker { display: none; }
.enabled-features > summary:hover[b-1vuons6kc3] { background: color-mix(in srgb, var(--mud-palette-text-primary) 3%, transparent); }
.enabled-features > summary:focus-visible[b-1vuons6kc3] { outline: 2px solid var(--mud-palette-text-primary); outline-offset: 3px; }
.enabled-features-icon[b-1vuons6kc3] { display: inline-flex; color: var(--feature-muted-text); }
.enabled-features-heading[b-1vuons6kc3] { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.enabled-features-title[b-1vuons6kc3] { font-size: .875rem; font-weight: 600; }
.enabled-features-hint[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .72rem; }
.enabled-features-count[b-1vuons6kc3] { min-width: 26px; padding: 3px 8px; border-radius: 20px; text-align: center; background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent); font-size: .75rem; font-weight: 600; }
.enabled-features-chevron[b-1vuons6kc3] { display: inline-flex; color: var(--feature-muted-text); transition: transform .18s; }
.enabled-features[open] > summary .enabled-features-chevron[b-1vuons6kc3] { transform: rotate(180deg); }
.enabled-features-content[b-1vuons6kc3] { padding: 0 16px 16px; }
.rollout-section-heading[b-1vuons6kc3] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 26px 0 14px; }
.rollout-section-heading h3[b-1vuons6kc3] { font-size: .95rem; font-weight: 650; }
.rollout-section-heading > span[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .72rem; }
.feature-grid[b-1vuons6kc3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.feature-card[b-1vuons6kc3] {
    display: flex; flex-direction: column; padding: 18px 20px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 12px;
    background: var(--mud-palette-surface); transition: border-color .18s, box-shadow .18s;
}
.feature-card:hover[b-1vuons6kc3] { border-color: var(--feature-muted-text); }
.feature-card:focus-within[b-1vuons6kc3] { outline: 2px solid var(--mud-palette-text-primary); outline-offset: 3px; }
.feature-card.is-enabled[b-1vuons6kc3] { border-color: var(--feature-muted-text); box-shadow: 0 0 0 1px rgba(var(--mud-palette-primary-rgb), .08); }
.feature-card-top[b-1vuons6kc3] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.feature-rollout[b-1vuons6kc3]  .mud-switch-base:not(.mud-disabled) { color: var(--mud-palette-text-primary); }
.feature-rollout[b-1vuons6kc3]  .mud-switch-base:not(.mud-disabled) + .mud-switch-track { background-color: var(--mud-palette-text-primary); opacity: .18; }
.feature-rollout[b-1vuons6kc3]  .mud-switch-base.mud-checked:not(.mud-disabled) + .mud-switch-track { opacity: .32; }
.feature-icon[b-1vuons6kc3] { display: inline-flex; padding: 10px; border-radius: 11px; background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent); color: var(--feature-muted-text); }
.is-enabled .feature-icon[b-1vuons6kc3] { color: var(--mud-palette-text-primary); background: rgba(var(--mud-palette-primary-rgb), .09); }
.feature-area[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .65rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 650; }
.feature-card h4[b-1vuons6kc3] { font-size: 1rem; line-height: 1.4; font-weight: 650; margin: 5px 0 9px; }
.feature-card p[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .8rem; line-height: 1.65; margin-bottom: 20px; }
.feature-card-bottom[b-1vuons6kc3] { display: flex; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--mud-palette-lines-default); color: var(--feature-muted-text); font-size: .68rem; }
.feature-state[b-1vuons6kc3] { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.feature-state-dot[b-1vuons6kc3] { width: 6px; height: 6px; border-radius: 50%; background: var(--mud-palette-text-disabled); }
.is-enabled .feature-state-dot[b-1vuons6kc3] { background: var(--mud-palette-success); }
.rollout-complete[b-1vuons6kc3] { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--feature-muted-text); font-size: .8rem; }
.rollout-scope-note[b-1vuons6kc3] { color: var(--feature-muted-text); font-size: .7rem; line-height: 1.7; margin: 20px 2px 0; }
.rollout-bank-names[b-1vuons6kc3] { display: block; overflow-wrap: anywhere; max-height: 70px; overflow-y: auto; }
.rollout-actions[b-1vuons6kc3] { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px 12px; }
.rollout-change-count[b-1vuons6kc3] { font-size: .72rem; color: var(--feature-muted-text); }
.rollout-action-buttons[b-1vuons6kc3] { display: flex; gap: 8px; flex-shrink: 0; }
@media (max-width: 600px) {
    .feature-dialog-title[b-1vuons6kc3] { gap: 8px; }
    .feature-dialog-title h2[b-1vuons6kc3] { font-size: 1rem; }
    .enabled-features > summary[b-1vuons6kc3] { gap: 8px; padding: 14px 12px; }
    .enabled-features-icon[b-1vuons6kc3] { display: none; }
    .enabled-features-content[b-1vuons6kc3] { padding: 0 10px 10px; }
    .feature-grid[b-1vuons6kc3] { grid-template-columns: 1fr; }
    .rollout-overview[b-1vuons6kc3] { padding: 20px; }
    .rollout-section-heading[b-1vuons6kc3], .rollout-actions[b-1vuons6kc3] { flex-direction: column; align-items: flex-start; }
    .rollout-action-buttons[b-1vuons6kc3] { flex-wrap: wrap; width: 100%; justify-content: flex-end; }
    .rollout-actions[b-1vuons6kc3] { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) { .feature-card[b-1vuons6kc3], .enabled-features-chevron[b-1vuons6kc3] { transition: none; } }
/* /Components/Shared/VersionSelector.razor.rz.scp.css */
.version-features-launcher[b-yw62nedqmz] { display: inline-flex; }
.version-features-launcher[b-yw62nedqmz]  .version-features-button:focus-visible {
    outline: 2px solid var(--mud-palette-text-primary);
    outline-offset: 3px;
}