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

/* /Components/Layout/AppBarComponent.razor.rz.scp.css */
/* display:contents keeps MudLayout's direct-child geometry. The element exists so Blazor CSS isolation has a scope root. */
.elay-appbar-scope[b-fxde8zxmrr] {
    display: contents;
}

.elay-appbar-scope[b-fxde8zxmrr]  .mud-appbar.elay-appbar {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.elay-appbar-scope[b-fxde8zxmrr]  .elay-appbar-title {
    margin-inline-start: 8px;
    font-weight: 600;
    line-height: 1.5;
}

.elay-appbar-scope[b-fxde8zxmrr]  .elay-night-switch {
    min-height: 44px;
    margin-inline: 8px;
}

.elay-appbar-scope[b-fxde8zxmrr]  .mud-icon-button {
    min-width: 44px;
    min-height: 44px;
}

.elay-appbar-scope[b-fxde8zxmrr]  .mud-icon-button:focus-visible,
.elay-appbar-scope[b-fxde8zxmrr]  .mud-menu button:focus-visible,
.elay-appbar-scope[b-fxde8zxmrr]  .elay-night-switch:focus-within {
    outline: 2px solid var(--mud-palette-appbar-text);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .elay-appbar-scope[b-fxde8zxmrr]  * {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* display:contents keeps MudLayout's direct-child geometry. The element exists so Blazor CSS isolation has a scope root. */
.elay-drawer-scope[b-d0jsncqpy4] {
    display: contents;
}

.elay-drawer-scope[b-d0jsncqpy4]  .mud-drawer.elay-drawer {
    border-inline-end: 1px solid var(--mud-palette-divider);
}

@media (prefers-reduced-motion: reduce) {
    .elay-drawer-scope[b-d0jsncqpy4]  * {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.elay-nav[b-f272njtjyx] {
    padding-block: 8px;
    padding-inline: 8px;
}

.elay-nav[b-f272njtjyx]  .mud-nav-link {
    min-height: 44px;
    height: auto;
    margin-block: 4px;
    padding-inline: 12px;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    color: var(--mud-palette-drawer-text);
    border-radius: var(--elay-radius-sm, 4px);
    transition: background-color 0.2s ease, color 0.2s ease;
}

.elay-nav[b-f272njtjyx]  .mud-nav-link:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-drawer-background));
}

.elay-nav[b-f272njtjyx]  .mud-nav-link.active {
    border-inline-start: 3px solid var(--mud-palette-primary);
    font-weight: 700;
    color: var(--mud-palette-primary);
    background-color: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-drawer-background));
}

.elay-nav[b-f272njtjyx]  .mud-nav-group .mud-nav-group-header {
    min-height: 40px;
    font-weight: 600;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    border-radius: var(--elay-radius-sm, 4px);
}

.elay-nav[b-f272njtjyx]  .mud-nav-link:focus-visible,
.elay-nav[b-f272njtjyx]  .mud-nav-group-header:focus-visible {
    outline: 2px solid var(--mud-palette-drawer-text);
    outline-offset: 2px;
}

.elay-nav[b-f272njtjyx]  .elay-nav-split {
    margin-block: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .elay-nav[b-f272njtjyx]  * {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/AppUsers/AppUsers/AppUsers.razor.rz.scp.css */
/* Customer/UI/Components/Pages/AppUsers/AppUsers/AppUsers.razor.css */

.appusers-container[b-6uulzz29sw] {
    padding: var(--elay-space-4, 16px);
    width: 100%;
}

.appusers-card[b-6uulzz29sw] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.appusers-header-icon[b-6uulzz29sw] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.appuser-role-chip[b-6uulzz29sw] {
    font-family: var(--elay-font-family, inherit);
    font-size: 0.8rem;
    font-weight: 500;
    padding: 3px 10px;
    background: rgba(89, 74, 226, 0.08);
    border: 1px solid rgba(89, 74, 226, 0.2);
    border-radius: var(--elay-radius-sm, 6px);
    color: var(--elay-color-primary, #594AE2);
    display: inline-block;
}

.appuser-actions-group[b-6uulzz29sw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.appuser-action-btn[b-6uulzz29sw] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.appuser-edit-btn[b-6uulzz29sw] {
    background-color: var(--elay-color-primary, #594AE2) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(89, 74, 226, 0.25) !important;
}

.appuser-edit-btn:hover[b-6uulzz29sw] {
    box-shadow: 0 4px 10px rgba(89, 74, 226, 0.35) !important;
    transform: translateY(-1px);
}

.appuser-password-btn[b-6uulzz29sw] {
    background-color: rgba(89, 74, 226, 0.08) !important;
    color: var(--elay-color-primary, #594AE2) !important;
    border: 1px solid rgba(89, 74, 226, 0.25) !important;
    box-shadow: none !important;
}

.appuser-password-btn:hover[b-6uulzz29sw] {
    background-color: rgba(89, 74, 226, 0.16) !important;
    border-color: var(--elay-color-primary, #594AE2) !important;
    transform: translateY(-1px);
}
/* /Components/Pages/ConditionalProcess/Map/ConditionalProcessCanvas.razor.rz.scp.css */
/* Edge condition sheet. Scoped to .edge-condition-drawer.
   #c62828 is about 5.7:1 on white. Theme Error #F44336 is about 3.7:1. */

.edge-condition-drawer[b-1a8rclrvez] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 16px 16px;
    --edge-danger: #c62828;
}

.edge-condition-default[b-1a8rclrvez],
.edge-condition-logic[b-1a8rclrvez],
.edge-condition-card[b-1a8rclrvez] {
    min-width: 0;
}

.edge-condition-card-head[b-1a8rclrvez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.edge-condition-fields[b-1a8rclrvez] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 16px;
}

.edge-field-id[b-1a8rclrvez],
.edge-field-op[b-1a8rclrvez],
.edge-field-value[b-1a8rclrvez],
.edge-field-catalog[b-1a8rclrvez] {
    grid-column: span 2;
    min-width: 0;
}

.edge-field-name[b-1a8rclrvez] {
    grid-column: span 4;
    min-width: 0;
}

.edge-condition-actions[b-1a8rclrvez] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.edge-condition-drawer[b-1a8rclrvez]  .mud-input-control,
.edge-condition-drawer[b-1a8rclrvez]  .mud-input-control > .mud-input-control-input-container,
.edge-condition-drawer[b-1a8rclrvez]  .mud-input,
.edge-condition-drawer[b-1a8rclrvez]  .mud-input-slot,
.edge-condition-drawer[b-1a8rclrvez]  .mud-select-input {
    width: 100%;
}

.edge-condition-drawer[b-1a8rclrvez]  .mud-select-input,
.edge-condition-drawer[b-1a8rclrvez]  .mud-input-slot input {
    text-align: start !important;
}

.edge-condition-drawer[b-1a8rclrvez]  .mud-input-outlined,
.edge-condition-drawer[b-1a8rclrvez]  .mud-switch,
.edge-condition-drawer[b-1a8rclrvez]  .edge-hit {
    min-height: 44px;
}

.edge-condition-drawer[b-1a8rclrvez]  .edge-delete {
    color: var(--edge-danger);
    border-color: var(--edge-danger);
}

.edge-condition-drawer[b-1a8rclrvez]  .edge-add {
    width: 100%;
}

.edge-condition-drawer[b-1a8rclrvez]  .mud-button-root:focus-visible,
.edge-condition-drawer[b-1a8rclrvez]  .mud-input-slot:focus-within {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .edge-condition-fields[b-1a8rclrvez] {
        grid-template-columns: minmax(0, 1fr);
    }

    .edge-field-id[b-1a8rclrvez],
    .edge-field-name[b-1a8rclrvez],
    .edge-field-op[b-1a8rclrvez],
    .edge-field-value[b-1a8rclrvez],
    .edge-field-catalog[b-1a8rclrvez] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .edge-condition-drawer[b-1a8rclrvez],
    .edge-condition-drawer[b-1a8rclrvez]  * {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}
/* /Components/Pages/ConditionalProcess/Map/ConditionalProcessMapList.razor.rz.scp.css */
/* Map list: dense RTL admin table. Scoped to .cp-map-list. */

.cp-map-list[b-52sqzwd2x5]  .cp-map-table .mud-table-head .mud-table-cell {
    font-weight: 600;
    white-space: nowrap;
}

.cp-map-list[b-52sqzwd2x5]  .cp-map-table .mud-table-cell {
    vertical-align: middle;
}

/* Digits line up in code / item-count columns. */
.cp-map-list[b-52sqzwd2x5]  .cp-map-table .cp-num {
    font-variant-numeric: tabular-nums;
}

.cp-map-list[b-52sqzwd2x5]  .cp-map-table .cp-name {
    font-weight: 500;
}

/* Wrap long descriptions to 2 lines; full text stays in the title tooltip. */
.cp-map-list[b-52sqzwd2x5]  .cp-map-table .cp-desc span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 28rem;
    overflow-wrap: anywhere;
}

/* Visible keyboard focus on row actions. */
.cp-map-list[b-52sqzwd2x5]  .cp-map-table .mud-button-root:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .cp-map-list[b-52sqzwd2x5]  .cp-map-table * {
        transition: none !important;
        animation: none !important;
    }
}
/* /Components/Pages/ConditionalProcess/Table/ConditionalProcessList.razor.rz.scp.css */
.conditionalprocess-container[b-tgronlzdy9] {
    padding: var(--elay-space-4, 16px);
}

.conditionalprocess-card[b-tgronlzdy9] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.conditionalprocess-header-icon[b-tgronlzdy9] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.conditionalprocess-project-badge[b-tgronlzdy9] {
    font-size: 0.825rem !important;
    font-weight: 500 !important;
    border-radius: var(--elay-radius-sm, 4px) !important;
    padding: 2px 8px;
    background: rgba(89, 74, 226, 0.08);
    color: var(--elay-color-primary, #594AE2);
    display: inline-block;
}

.conditionalprocess-action-btn[b-tgronlzdy9] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

[b-tgronlzdy9] .mud-input-outlined {
    border-radius: var(--elay-radius-md, 8px);
}
/* /Components/Pages/FormFileds/FormFields/FormFields.razor.rz.scp.css */
.formfields-container[b-ska3ts2lr6] {
    padding: var(--elay-space-4, 16px);
}

.formfields-card[b-ska3ts2lr6] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.formfields-header-icon[b-ska3ts2lr6] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.formfield-type-chip[b-ska3ts2lr6] {
    font-size: 0.825rem !important;
    font-weight: 500 !important;
    border-radius: var(--elay-radius-sm, 4px) !important;
}

.formfield-action-btn[b-ska3ts2lr6] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.formfield-settings-btn[b-ska3ts2lr6] {
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
}
/* /Components/Pages/FormTemplate/FormTemplates/FormTemplates.razor.rz.scp.css */
.formtemplates-container[b-f7mfs296n7] {
    padding: var(--elay-space-4, 16px);
}

.formtemplates-card[b-f7mfs296n7] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.formtemplates-header-icon[b-f7mfs296n7] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.formtemplate-group-chip[b-f7mfs296n7] {
    font-size: 0.825rem !important;
    font-weight: 500 !important;
    border-radius: var(--elay-radius-sm, 4px) !important;
    padding: 2px 8px;
    background: rgba(89, 74, 226, 0.08);
    color: var(--elay-color-primary, #594AE2);
    display: inline-block;
}

.formtemplate-action-btn[b-f7mfs296n7] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

[b-f7mfs296n7] .mud-input-outlined {
    border-radius: var(--elay-radius-md, 8px);
}
/* /Components/Pages/Login/Login.razor.rz.scp.css */
.login-shell[b-mf1pdae0to] {
    min-height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--elay-space-4, 16px);
}

.login-card[b-mf1pdae0to] {
    border-radius: var(--elay-radius-xl, 16px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-3, 0 10px 15px -3px rgba(0, 0, 0, 0.08)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.login-logo-container[b-mf1pdae0to] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--elay-space-3, 12px);
}

.login-logo-badge[b-mf1pdae0to] {
    width: 72px;
    height: 72px;
    border-radius: var(--elay-radius-lg, 12px);
    padding: 6px;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(89, 74, 226, 0.12);
    border: 1px solid rgba(89, 74, 226, 0.15);
    object-fit: contain;
}

.login-submit-btn[b-mf1pdae0to] {
    height: 48px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    box-shadow: 0 4px 14px rgba(89, 74, 226, 0.3) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.login-submit-btn:hover[b-mf1pdae0to] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(89, 74, 226, 0.4) !important;
}

.login-footer-text[b-mf1pdae0to] {
    color: var(--elay-color-text-secondary, #64748B);
    text-align: center;
    font-size: 0.825rem;
    margin-top: var(--elay-space-5, 20px);
}
/* /Components/Pages/OrgPosition/Component/OrgNode.razor.rz.scp.css */
/* Customer/UI/Components/Pages/OrgPosition/Component/OrgNode.razor.css */

.org-node[b-fcep4b2h0b] {
    background-color: var(--mud-palette-surface, #FFFFFF);
    border: 1px solid var(--mud-palette-divider, #E2E8F0);
    border-radius: var(--elay-radius-lg, 12px);
    padding: 10px 14px;
    min-width: 210px;
    max-width: 260px;
    width: fit-content;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05));
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, filter 0.25s ease;
    position: relative;
    font-family: var(--elay-font-family);
    direction: rtl;
    user-select: none;
    cursor: pointer;
    z-index: 2;
}

.org-node:hover[b-fcep4b2h0b] {
    box-shadow: var(--elay-shadow-3, 0 10px 15px -3px rgba(0, 0, 0, 0.08));
    transform: translateY(-2px);
    border-color: rgba(89, 74, 226, 0.35);
}

.project-node[b-fcep4b2h0b] {
    background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%) !important;
    border: 1px solid #0284C7 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
}

.project-node:hover[b-fcep4b2h0b] {
    box-shadow: 0 8px 18px rgba(14, 165, 233, 0.45);
    border-color: #38BDF8 !important;
}

.project-node .node-title[b-fcep4b2h0b] {
    color: #FFFFFF !important;
}

.project-node .node-caption[b-fcep4b2h0b] {
    color: rgba(255, 255, 255, 0.9) !important;
}

.project-node .node-user-name[b-fcep4b2h0b] {
    color: #FFFFFF !important;
}

.org-node-header[b-fcep4b2h0b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
}

.node-title[b-fcep4b2h0b] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--mud-palette-text-primary, #1E293B);
    line-height: 1.4;
    word-break: break-word;
}

.node-caption[b-fcep4b2h0b] {
    font-size: 0.775rem;
    color: var(--mud-palette-text-secondary, #64748B);
    line-height: 1.3;
}

.node-user-name[b-fcep4b2h0b] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-primary, #594AE2);
    line-height: 1.3;
}

.org-node-avatar[b-fcep4b2h0b] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(89, 74, 226, 0.12);
    color: var(--mud-palette-primary, #594AE2);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.project-node .org-node-avatar[b-fcep4b2h0b] {
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}

.node-actions-stack[b-fcep4b2h0b] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.node-info-card[b-fcep4b2h0b] {
    min-width: 240px;
    max-width: 280px;
    padding: var(--elay-space-3, 12px);
    border-radius: var(--elay-radius-md, 8px);
    background: var(--mud-palette-surface, #FFFFFF);
    color: var(--mud-palette-text-primary, #1E293B);
    border: 1px solid var(--mud-palette-divider, #E2E8F0);
    box-shadow: var(--elay-shadow-3, 0 10px 15px -3px rgba(0, 0, 0, 0.08));
    font-family: var(--elay-font-family);
}

/* Phase 1: Spotlight Pulse & Node Highlighting */
.spotlight-glow[b-fcep4b2h0b] {
    border-color: var(--mud-palette-primary, #594AE2) !important;
    animation: spotlight-pulse-b-fcep4b2h0b 1.8s ease-in-out infinite;
}

@keyframes spotlight-pulse-b-fcep4b2h0b {
    0% {
        box-shadow: 0 0 0 2px rgba(89, 74, 226, 0.4), 0 0 10px rgba(89, 74, 226, 0.4);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(89, 74, 226, 0.6), 0 0 24px rgba(89, 74, 226, 0.8);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(89, 74, 226, 0.4), 0 0 10px rgba(89, 74, 226, 0.4);
    }
}

/* Phase 2: Collapsible Subtree Button */
.org-node-collapse-wrapper[b-fcep4b2h0b] {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.org-node-collapse-btn[b-fcep4b2h0b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    background: var(--mud-palette-surface, #FFFFFF);
    border: 1px solid var(--mud-palette-primary, #594AE2);
    color: var(--mud-palette-primary, #594AE2);
    font-size: 0.725rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0,0,0,0.1));
    transition: all 0.2s ease;
}

.org-node-collapse-btn:hover[b-fcep4b2h0b] {
    background: var(--mud-palette-primary, #594AE2);
    color: #FFFFFF;
    transform: scale(1.06);
}

.org-node-collapse-btn.collapsed[b-fcep4b2h0b] {
    background: var(--mud-palette-primary, #594AE2);
    color: #FFFFFF;
    border-color: var(--mud-palette-primary, #594AE2);
}

.collapse-count[b-fcep4b2h0b] {
    font-size: 0.7rem;
    line-height: 1;
}

/* Phase 4: Path to Root Trace & Non-Lineage Dimming */
.highlight-path-node[b-fcep4b2h0b] {
    border: 2px solid var(--mud-palette-primary, #594AE2) !important;
    box-shadow: 0 0 14px rgba(89, 74, 226, 0.45) !important;
}

.dimmed-node[b-fcep4b2h0b] {
    opacity: 0.28 !important;
    filter: grayscale(60%) !important;
}

.dimmed-node:hover[b-fcep4b2h0b] {
    opacity: 0.8 !important;
    filter: grayscale(0%) !important;
}

/* Phase 5: Vacant Position Highlight (Never clobber background!) */
.vacant-node[b-fcep4b2h0b] {
    border: 2px dashed #F59E0B !important;
}
/* /Components/Pages/OrgPosition/OrgPositionEdit/OrgPositionEditDialog.razor.rz.scp.css */
/* Customer/UI/Components/Pages/OrgPosition/OrgPositionEdit/OrgPositionEditDialog.razor.css */

.orgposition-dialog[b-54lmq0y5rh] {
    min-width: 520px;
    max-width: 680px;
    border-radius: var(--elay-radius-lg, 12px) !important;
}

.dialog-header-icon[b-54lmq0y5rh] {
    width: 38px;
    height: 38px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dialog-action-btn[b-54lmq0y5rh] {
    min-width: 90px;
    height: 36px;
    border-radius: var(--elay-radius-md, 8px);
    font-weight: 600;
    font-size: 0.85rem;
}
/* /Components/Pages/OrgPosition/OrgPositions/OrgPositions.razor.rz.scp.css */
/* Customer/UI/Components/Pages/OrgPosition/OrgPositions/OrgPositions.razor.css */

.orgpositions-container[b-l1jf1bz51o] {
    padding: var(--elay-space-4, 16px);
    width: 100%;
}

.orgpositions-card[b-l1jf1bz51o] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--mud-palette-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--mud-palette-surface, #FFFFFF) !important;
    overflow: hidden;
}

.orgpositions-header-icon[b-l1jf1bz51o] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.15);
    color: var(--mud-palette-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.orgpositions-canvas-wrapper[b-l1jf1bz51o] {
    position: relative;
    width: 100%;
    height: calc(100vh - 220px);
    min-height: 580px;
    background: radial-gradient(circle, var(--mud-palette-divider, #E2E8F0) 1px, transparent 1px);
    background-size: 24px 24px;
    background-color: var(--mud-palette-background, #F8FAFC);
    overflow: hidden;
    cursor: grab;
}

.orgpositions-canvas-wrapper:active[b-l1jf1bz51o] {
    cursor: grabbing;
}

.orgpositions-diagram-container[b-l1jf1bz51o] {
    width: 100%;
    height: 100%;
    position: relative;
}

.canvas-floating-toolbar[b-l1jf1bz51o] {
    position: absolute;
    top: var(--elay-space-3, 12px);
    left: var(--elay-space-4, 16px);
    z-index: 10;
    background: var(--mud-palette-surface, #FFFFFF);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--mud-palette-divider, #E2E8F0);
    border-radius: var(--elay-radius-lg, 12px);
    padding: 4px 8px;
    box-shadow: var(--elay-shadow-2, 0 4px 6px -1px rgba(0, 0, 0, 0.07));
    display: flex;
    align-items: center;
    gap: 4px;
}

.canvas-zoom-text[b-l1jf1bz51o] {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary, #64748B);
    min-width: 44px;
    text-align: center;
    user-select: none;
}

.canvas-guide-container[b-l1jf1bz51o] {
    position: absolute;
    bottom: var(--elay-space-3, 12px);
    right: var(--elay-space-4, 16px);
    z-index: 10;
}

.canvas-guide-button[b-l1jf1bz51o] {
    background: var(--mud-palette-surface, #FFFFFF) !important;
    border: 1px solid var(--mud-palette-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    border-radius: var(--elay-radius-md, 8px) !important;
}

.canvas-guide-popover[b-l1jf1bz51o] {
    min-width: 260px;
    background: var(--mud-palette-surface, #FFFFFF) !important;
    border: 1px solid var(--mud-palette-divider, #E2E8F0) !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    direction: rtl;
}

.canvas-guide-item[b-l1jf1bz51o] {
    padding: 4px 0;
}

.canvas-guide-swatch[b-l1jf1bz51o] {
    display: inline-block;
    width: 28px;
    height: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}

.canvas-guide-swatch-direct[b-l1jf1bz51o] {
    background-color: #94A3B8;
}

.canvas-guide-swatch-manager[b-l1jf1bz51o] {
    background-color: #EF4444;
    border-top: 2px dashed #EF4444;
    height: 0;
}

.canvas-guide-swatch-project[b-l1jf1bz51o] {
    background-color: #0284C7;
}

.orgposition-action-btn[b-l1jf1bz51o] {
    height: 36px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

/* Fullscreen Zen Mode (Phase 5) */
.orgpositions-fullscreen[b-l1jf1bz51o] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 1400 !important;
    padding: 0 !important;
    background: var(--mud-palette-background, #F8FAFC) !important;
}

.orgpositions-fullscreen .orgpositions-card[b-l1jf1bz51o] {
    height: 100vh !important;
    border-radius: 0 !important;
    border: none !important;
}

.orgpositions-fullscreen .orgpositions-canvas-wrapper[b-l1jf1bz51o] {
    height: calc(100vh - 75px) !important;
}

/* Autocomplete Search Box (Phase 1) */
.orgposition-search-box[b-l1jf1bz51o] {
    max-width: 320px;
    min-width: 240px;
}

.orgposition-search-box .mud-input-outlined[b-l1jf1bz51o] {
    background-color: var(--mud-palette-surface, #FFFFFF);
    border-radius: var(--elay-radius-md, 8px);
}

[b-l1jf1bz51o] svg path[stroke="#EF4444"] {
    stroke-dasharray: 6 4;
    stroke-width: 2px;
}

/* /Components/Pages/Project/Projects/Projects.razor.rz.scp.css */
.projects-container[b-bfcmu2avfs] {
    padding: var(--elay-space-4, 16px);
}

.projects-card[b-bfcmu2avfs] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.projects-header-icon[b-bfcmu2avfs] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-id-badge[b-bfcmu2avfs] {
    font-family: monospace, var(--elay-font-family);
    font-weight: 600;
    font-size: 0.85rem;
    padding: 2px 8px;
    background: rgba(100, 116, 139, 0.1);
    border-radius: var(--elay-radius-sm, 4px);
    color: var(--elay-color-text-secondary, #64748B);
    display: inline-block;
}

.project-actions-group[b-bfcmu2avfs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.project-action-btn[b-bfcmu2avfs] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.project-edit-btn[b-bfcmu2avfs] {
    background-color: var(--elay-color-primary, #594AE2) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(89, 74, 226, 0.25) !important;
}

.project-edit-btn:hover[b-bfcmu2avfs] {
    box-shadow: 0 4px 10px rgba(89, 74, 226, 0.35) !important;
    transform: translateY(-1px);
}

.project-forms-btn[b-bfcmu2avfs] {
    background-color: rgba(89, 74, 226, 0.08) !important;
    color: var(--elay-color-primary, #594AE2) !important;
    border: 1px solid rgba(89, 74, 226, 0.25) !important;
    box-shadow: none !important;
}

.project-forms-btn:hover[b-bfcmu2avfs] {
    background-color: rgba(89, 74, 226, 0.16) !important;
    border-color: var(--elay-color-primary, #594AE2) !important;
    transform: translateY(-1px);
}

.project-menu-header[b-bfcmu2avfs] {
    background: rgba(100, 116, 139, 0.04);
}
/* /Components/Pages/Users/Users/Users.razor.rz.scp.css */
/* Customer/UI/Components/Pages/Users/Users/Users.razor.css */

.users-container[b-2phq24kh9d] {
    padding: var(--elay-space-4, 16px);
    width: 100%;
}

.users-card[b-2phq24kh9d] {
    border-radius: var(--elay-radius-lg, 12px) !important;
    border: 1px solid var(--elay-color-divider, #E2E8F0) !important;
    box-shadow: var(--elay-shadow-1, 0 1px 3px rgba(0, 0, 0, 0.05)) !important;
    background-color: var(--elay-color-surface, #FFFFFF) !important;
    overflow: hidden;
}

.users-header-icon[b-2phq24kh9d] {
    width: 44px;
    height: 44px;
    border-radius: var(--elay-radius-md, 8px);
    background: rgba(89, 74, 226, 0.1);
    color: var(--elay-color-primary, #594AE2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.user-id-badge[b-2phq24kh9d] {
    font-family: monospace, var(--elay-font-family);
    font-weight: 600;
    font-size: 0.85rem;
    padding: 2px 8px;
    background: rgba(100, 116, 139, 0.1);
    border-radius: var(--elay-radius-sm, 4px);
    color: var(--elay-color-text-secondary, #64748B);
    display: inline-block;
}

.user-actions-group[b-2phq24kh9d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.user-action-btn[b-2phq24kh9d] {
    height: 34px !important;
    border-radius: var(--elay-radius-md, 8px) !important;
    font-weight: 600 !important;
    font-size: 0.825rem !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.user-edit-btn[b-2phq24kh9d] {
    background-color: var(--elay-color-primary, #594AE2) !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 6px rgba(89, 74, 226, 0.25) !important;
}

.user-edit-btn:hover[b-2phq24kh9d] {
    box-shadow: 0 4px 10px rgba(89, 74, 226, 0.35) !important;
    transform: translateY(-1px);
}

.user-password-btn[b-2phq24kh9d] {
    background-color: rgba(89, 74, 226, 0.08) !important;
    color: var(--elay-color-primary, #594AE2) !important;
    border: 1px solid rgba(89, 74, 226, 0.25) !important;
    box-shadow: none !important;
}

.user-password-btn:hover[b-2phq24kh9d] {
    background-color: rgba(89, 74, 226, 0.16) !important;
    border-color: var(--elay-color-primary, #594AE2) !important;
    transform: translateY(-1px);
}