@import '_content/Deloitte.Vca.AiAssistant.Client/Deloitte.Vca.AiAssistant.Client.sb9tty04oj.bundle.scp.css';

/* /Layouts/DefaultLayout.razor.rz.scp.css */
.project-header[b-i6z8i0bqr6] {
    font-weight: 400;
    max-width: 20rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgb(255, 255, 255);
    margin-left: 2rem;
    font-size: .8rem;
}

/* /Layouts/MainLayout.razor.rz.scp.css */
.project-header[b-lbtm8w0dfn] {
    font-weight: 400;
    max-width: 20rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgb(255, 255, 255);
    margin-left: 1.5rem;
    font-size: .8rem;
}

.settings-button[b-lbtm8w0dfn] {
    background-color: transparent !important;
    margin-bottom: -0.6rem;
}

.progress-container[b-lbtm8w0dfn] {
    top: 40%;
    left: 40%;
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 7.5rem;
    justify-content: space-between;
}

.ellipsis[b-lbtm8w0dfn]::after {
    content: ".";
    animation: ellipsis-b-lbtm8w0dfn 1s infinite;
    display: inline-block;
    width: 1em;
    text-align: left;
}

@keyframes ellipsis-b-lbtm8w0dfn {
    0% {
        content: ".";
    }

    33% {
        content: "..";
    }

    66% {
        content: "...";
    }
}

/* Keep the persistent drawer between the app bar and the footer */
[b-lbtm8w0dfn] .mud-drawer.mud-drawer-persistent.chat-assistant-widget {
    position: absolute !important;
    height: calc(100% - var(--mud-appbar-height) - 2.35rem) !important;
    border-right: .05rem solid #D0D0CE;
}
/* /Pages/Admin/Admin.razor.rz.scp.css */
.project-list-container[b-zzqqlhmyn7] {
    margin: 0 auto;
    padding-top: 1rem;
    max-width: 89rem;
    position: relative;
}

.project-list-controls[b-zzqqlhmyn7] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    margin: 1rem 0;
}

[b-zzqqlhmyn7] .table-header {
    background-color: #022169 !important;
    color: white !important; 
}

[b-zzqqlhmyn7] .table-header span:hover{
    color: white !important;
}

[b-zzqqlhmyn7].project-list-container .mud-table-cell .mud-tooltip-root,
[b-zzqqlhmyn7].project-list-container .mud-table-cell .mud-tooltip-root .mud-typography {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100%;
}

[b-zzqqlhmyn7] .mud-table-cell {
    border: 0;
}

[b-zzqqlhmyn7].project-list-container .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 600 !important;
}

[b-zzqqlhmyn7].project-list-container .mud-typography.no-projects-found {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-zzqqlhmyn7] .project-name {
    color: #005587 !important;
}

[b-zzqqlhmyn7] .project-name:hover {
    text-decoration: underline !important; 
    text-decoration-color: #005587 !important;
}

[b-zzqqlhmyn7] .action-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

[b-zzqqlhmyn7] .mud-input-control.mud-input-control-margin-dense {
    margin: 0 !important;
}
/* /Pages/Authentication.razor.rz.scp.css */
.centered[b-sy2wuvz9xa] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* /Pages/CurrentState/CurrentStateFlows.razor.rz.scp.css */
.flow-editor-container[b-etvdhf27i7] {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[b-etvdhf27i7] .exit-editor-button {
    margin-left: auto;
    border-radius: 0;
    height: 100%;
    width: 10rem;
    text-transform: none;
}

[b-etvdhf27i7] .flow-name-field {
    position: absolute;
    top: 6.5rem;
    left: calc(50%);
    transform: translateX(-50%);
    background-color: #FAFAFA;
    border: 2px solid #D0D0CE;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

[b-etvdhf27i7] .flow-name-field input {
    text-align: center;
}

.flow-editor-mode-toggle[b-etvdhf27i7] {
    display: flex;
    justify-content: center;
    justify-items: center;
    height: 10%;
}

.flow-editor-actions[b-etvdhf27i7] {
    position: absolute;
    left: 0;
    top: 2.5rem;
    width: 12rem;
    height: calc(100% - 2.35rem);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: 1rem;
    border-right: .05rem solid #D0D0CE;
}

[b-etvdhf27i7] .flow-editor-actions .mud-expansion-panels .mud-expand-panel {
    margin: 0;
}

[b-etvdhf27i7] .flow-editor-expansion-header {
    font-size: .65rem;
    font-weight: bold;
    min-height: .8rem;
    padding: .15rem .5rem;
}

[b-etvdhf27i7] .flow-editor-expansion-header .mud-expand-panel-text {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-etvdhf27i7] .flow-editor-expansion-header svg {
    width: .9rem;
    height: .9rem;
}

.action-group[b-etvdhf27i7] {
    width: 100%;
    padding: .5rem;
    height: fit-content;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}
    
.action-button[b-etvdhf27i7] {
    /*margin-top: .3rem;*/
    width: 100%;
    height: 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    justify-items: center;
    font-size: .6rem;
    background-color: #FAFAFA;
    border: 1px solid #E0E0EE;
    border-radius: 0.2rem;
}

    .action-button:disabled[b-etvdhf27i7] {
        opacity: .5;
        cursor: not-allowed;
    }

.add-entity-button[b-etvdhf27i7] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid rgba(237, 139, 0, 1);
    border-radius: 0;
}

.add-3p-button[b-etvdhf27i7] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid rgba(237, 139, 0, 1);
    border-radius: 45%;
}

.add-3p-shape-button[b-etvdhf27i7] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid black;
    border-radius: 45%;
}

.add-rectangle-button[b-etvdhf27i7] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid black;
    border-radius: 0;
    font-weight: bold;
}

.add-textbox-button[b-etvdhf27i7] {
    width: 1rem;
    height: .65rem;
    background-color: white;
    outline: 2px solid black;
    border-radius: 0;
    font-size: .44rem;
    font-weight: bold;
    text-align: center;
    line-height: .65rem;
}

.add-callout-button[b-etvdhf27i7] {
    position: relative;
    width: 1rem;
    height: 0.65rem;
    background-color: white;
    outline: 2px solid black;
    border-radius: 0.2rem;
    font-size: .43rem;
    font-weight: bold;
    text-align: center;
    line-height: .65rem;
}

.add-callout-button[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    bottom: -0.39rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4rem 0.3rem 0 0.3rem;
    border-color: black transparent transparent transparent;
    pointer-events: none;
}

.add-callout-button[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    bottom: -0.24rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.36rem 0.26rem 0 0.26rem;
    border-color: white transparent transparent transparent;
    pointer-events: none;
}

/* Flow type button styles */
.flow-button-physical[b-etvdhf27i7],
.flow-button-legal[b-etvdhf27i7],
.flow-button-payment[b-etvdhf27i7],
.flow-button-service[b-etvdhf27i7],
.flow-button-iptransfer[b-etvdhf27i7],
.flow-button-iplicense[b-etvdhf27i7],
.flow-button-agreement[b-etvdhf27i7],
.flow-button-ownership[b-etvdhf27i7] {
    position: relative;
    width: 1.4rem;
    height: .65rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flow-button-physical[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #CE1210;
    left: 0;
}

.flow-button-physical[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #CE1210;
}

.flow-button-legal[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #99C13C 0,
        #99C13C 3px,
        transparent 3px,
        transparent 6px
    );
    left: 0;
}

.flow-button-legal[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #99C13C;
}

.flow-button-payment[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #9B9B9D 0,
        #9B9B9D 3px,
        transparent 3px,
        transparent 6px
    );
    left: 0;
}

.flow-button-payment[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #9B9B9D;
}

.flow-button-service[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    left: 0;
}

.flow-button-service[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #000000;
}

.flow-button-iptransfer[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FFA500;
    left: 0;
}

.flow-button-iptransfer[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #FFA500;
}

.flow-button-iplicense[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #8E25AB;
    left: 0;
}

.flow-button-iplicense[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #8E25AB;
}

.flow-button-agreement[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #256F8C;
    left: 0;
}

.flow-button-agreement[b-etvdhf27i7]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #256F8C;
}

.flow-button-ownership[b-etvdhf27i7]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000000;
    left: 0;
}

/* Active state for flow buttons */
.flow-mode-active[b-etvdhf27i7] {
    filter: drop-shadow(0 0 3px #86BC25) drop-shadow(0 0 6px #86BC25);
}

.action-button:has(.flow-mode-active)[b-etvdhf27i7] {
    background-color: rgba(134, 188, 37, 0.1) !important;
    border-color: #86BC25 !important;
}

.flow-list[b-etvdhf27i7] {
    z-index: 1000;
    width: 100%;
    height: 2.5rem;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 0.05rem solid #D0D0CE;
}

.flow-list-inner[b-etvdhf27i7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    width: fit-content;
    max-width: 80%;
    overflow: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    border-left: 0.05rem solid #D0D0CE;
}

.add-flow-button[b-etvdhf27i7] {
    height: 100%;
    padding: 0 .5rem;
    border-right: 0.05rem solid #D0D0CE;
    color: #26890D;
}

.add-flow-button:disabled[b-etvdhf27i7] {
    opacity: .5;
    cursor: not-allowed;
}

.mud-menu-wrapper[b-etvdhf27i7] {
    position: absolute;
    z-index: 1;
    right: 0;
    /*top: calc(100% - 2.6rem);*/
    visibility: hidden;
}

.flow-list-item[b-etvdhf27i7] {
    flex-shrink: 0;
    display: flex;
    width: 8rem;
    height: 100%;
    border-right: 0.05rem solid #D0D0CE;
    /*justify-content: center;*/
    align-items: center;
    cursor: pointer;
}

.flow-list-item:hover .mud-menu-wrapper[b-etvdhf27i7] {
    visibility: visible;
}

[b-etvdhf27i7] .flow-list-item:hover .flow-list-item-label {
    padding-right: 1.4rem;
}

[b-etvdhf27i7] .flow-list-item-label {
    height: 100%;
    width: 100%;
    padding-left: .35rem;
    overflow: hidden;
    align-content: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: .2rem solid transparent;
    border-bottom: .2rem solid transparent;
}

[b-etvdhf27i7] .selected-flow .flow-list-item-label {
    border-bottom: .2rem solid #86BC25;
}

[b-etvdhf27i7] .orange-dashed-border {
    stroke-dasharray: 5, 5;
    stroke: rgba(237, 139, 0, 1);
    stroke-width: 2;
}

.rectangle-mode-active[b-etvdhf27i7] {
    filter: drop-shadow(0 0 3px #86BC25) drop-shadow(0 0 6px #86BC25);
}

.action-button:has(.rectangle-mode-active)[b-etvdhf27i7] {
    background-color: rgba(134, 188, 37, 0.1) !important;
    border-color: #86BC25 !important;
}

.add-icon-button[b-etvdhf27i7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: .65rem;
    overflow: visible;
}

.flow-editor-actions.hidden[b-etvdhf27i7] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}


/* Workaround to prevent multiple MudMenus being open at a time (for the Clone/Delete menus) */
[b-etvdhf27i7] .mud-overlay {
    top: -25vh;
    left: -1.5rem;
    width: 100vw;
    height: 125vh;
}
/* /Pages/CurrentState/CurrentStatePnlPreviewDialog.razor.rz.scp.css */
/* Component-specific styles for CurrentStatePnlPreviewDialog */
[b-eo1is5nr3n] .mud-dialog-content {
    height: 43rem;
    max-height: calc(100vh - 3rem) !important;
    margin-top: 0;
}

.cards-container[b-eo1is5nr3n] {
    display: flex;
    justify-content: center;
    align-content: center;
}

.step-entity-dialog[b-eo1is5nr3n] {
    max-width: none !important;
}
/* /Pages/ExecutiveSummary/ExecutiveSummary.razor.rz.scp.css */
.executive-summary-root[b-nu34peouvf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

.summary-header[b-nu34peouvf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-left: 0.5rem;
    background-color: white;
    border-bottom: 0.05rem solid #D0D0CE;
    height: 2.5rem;
}

.header-left[b-nu34peouvf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
}

.save-status[b-nu34peouvf] {
    padding-right: 0.75rem;
    font-size: 0.75rem;
    color: #75787B;
}

.dashboard-message[b-nu34peouvf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
    background: #fff;
    border-bottom: 1px solid #D0D0CE;
}

.dashboard-message.error[b-nu34peouvf] {
    color: #9e2525;
    background: #fff2f2;
}

.dashboard-message button[b-nu34peouvf] {
    border: 1px solid currentColor;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}

button:disabled[b-nu34peouvf] {
    opacity: 0.45;
    cursor: default;
}

.header-title[b-nu34peouvf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.summary-body[b-nu34peouvf] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.summary-canvas[b-nu34peouvf] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    overflow-y: auto;
}

.canvas-dropzone[b-nu34peouvf] {
    flex: 1;
    color: #75787B;
    font-size: 0.875rem;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.canvas-dropzone.empty[b-nu34peouvf] {
    display: flex;
}

.canvas-empty[b-nu34peouvf] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    transition: background-color 0.1s ease;
}

    .canvas-empty.active[b-nu34peouvf] {
        background-color: #86BC2510;
    }

.canvas-dropzone.populated[b-nu34peouvf] {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
}

.row-slot[b-nu34peouvf] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}

.insert-half[b-nu34peouvf] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 2;
    pointer-events: none;
}

.insert-half-left[b-nu34peouvf] {
    left: 0;
}

.insert-half-right[b-nu34peouvf] {
    right: 0;
}

.canvas-dropzone.dragging .insert-half[b-nu34peouvf] {
    pointer-events: auto;
}

/* The card being moved, dimmed and shrunk in place so its origin stays readable during the drag,
   as the prototype's `opacity-30 scale-95` does. Applied a turn late, on purpose — see
   HandleWidgetDragStart. */
.row-slot.reorder-source .placed-widget[b-nu34peouvf] {
    opacity: 0.3;
    transform: scale(0.95);
}

/* Gaps — the v-gap between rows is a drop target, the h-gap between cards is only the indicator
   for the halves either side of it. */
.v-gap[b-nu34peouvf] {
    position: relative;
    flex: 0 0 100%;
    height: 1rem;
    pointer-events: none;
    transition: height 0.1s ease;
}

.canvas-dropzone.dragging .v-gap[b-nu34peouvf] {
    height: 1.25rem;
    pointer-events: auto;
}

.h-gap[b-nu34peouvf] {
    position: relative;
    flex: none;
    width: 1rem;
    align-self: stretch;
    pointer-events: none;
}

.gap-line[b-nu34peouvf] {
    position: absolute;
    border-radius: 1px;
    background-color: #86BC25;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.v-gap .gap-line[b-nu34peouvf] {
    left: 0.75rem;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
}

.h-gap .gap-line[b-nu34peouvf] {
    top: 0.5rem;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
}

/* Every gap ghosts in while a drag is live, or a 1rem strip is undiscoverable */
.canvas-dropzone.dragging .gap-line[b-nu34peouvf] {
    opacity: 0.2;
}

.v-gap.active .gap-line[b-nu34peouvf],
.h-gap.active .gap-line[b-nu34peouvf] {
    opacity: 1;
}

    .v-gap.active .gap-line[b-nu34peouvf]::before,
    .v-gap.active .gap-line[b-nu34peouvf]::after,
    .h-gap.active .gap-line[b-nu34peouvf]::before,
    .h-gap.active .gap-line[b-nu34peouvf]::after {
        content: "";
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background-color: #86BC25;
    }

    .v-gap.active .gap-line[b-nu34peouvf]::before,
    .v-gap.active .gap-line[b-nu34peouvf]::after {
        top: 50%;
        transform: translateY(-50%);
    }

    .v-gap.active .gap-line[b-nu34peouvf]::before {
        left: -0.25rem;
    }

    .v-gap.active .gap-line[b-nu34peouvf]::after {
        right: -0.25rem;
    }

    .h-gap.active .gap-line[b-nu34peouvf]::before,
    .h-gap.active .gap-line[b-nu34peouvf]::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .h-gap.active .gap-line[b-nu34peouvf]::before {
        top: -0.25rem;
    }

    .h-gap.active .gap-line[b-nu34peouvf]::after {
        bottom: -0.25rem;
    }

.placed-widget[b-nu34peouvf] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 18rem;
    overflow: hidden;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.5rem;
    background-color: white;
    box-shadow: 0 1px 2px #00000014;
    padding: 0 .5rem .5rem;
}

.row-slot.mixed-sizing-row[b-nu34peouvf] {
    min-height: 18rem;
}

/* Applied to every card in the row, not just the one that asked for the taller height, so the row
   keeps a single card height. A concrete height rather than min-height, because widget internals
   size themselves off this with percentages - see the content-sized rule below. */
.row-slot.tall-row .placed-widget:not(.content-sized)[b-nu34peouvf] {
    height: 26rem;
}

/* Fixed-size widget internals frequently use height: 100%. In a content-sized row, take those
   cards out of intrinsic row measurement and stretch them over the height established by the
   content-sized card. This avoids cyclic percentage sizing inflating charts beyond the viewport. */
.row-slot.content-sized-row .placed-widget:not(.content-sized)[b-nu34peouvf] {
    position: absolute;
    inset: 0;
    height: auto;
}

.placed-widget.content-sized[b-nu34peouvf] {
    height: auto;
}

.placed-widget-header[b-nu34peouvf] {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: none;
    height: 2rem;
    padding: 0 0.25rem 0 0.375rem;
    border-bottom: 0.05rem solid #D0D0CE;
}

/* The grip is the only draggable part of a placed widget. Keeping drag off the card itself lets
   widget buttons, selects, links, and text selection receive their normal pointer interactions. */
.placed-widget-grip[b-nu34peouvf] {
    display: flex;
    align-items: center;
    flex: none;
    padding: 0.125rem;
    border-radius: 0.25rem;
    color: #75787B;
    opacity: 0.5;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color 0.15s ease, opacity 0.15s ease;
}

    .placed-widget:hover .placed-widget-grip[b-nu34peouvf] {
        opacity: 1;
    }

    .placed-widget-grip:hover[b-nu34peouvf] {
        background-color: #aeaeae20;
    }

    .placed-widget-grip:active[b-nu34peouvf] {
        cursor: grabbing;
    }

.placed-widget-name[b-nu34peouvf] {
    flex: 1;
    font-size: 0.75rem;
    font-weight: 600;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.placed-widget-remove[b-nu34peouvf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    padding: 0.25rem;
    border: none;
    border-radius: 0.25rem;
    background-color: transparent;
    color: #75787B;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .placed-widget-remove:hover[b-nu34peouvf] {
        background-color: #aeaeae20;
        color: #000000;
    }

.placed-widget-body[b-nu34peouvf] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Panel entry being dragged */
.widget-row.dragging[b-nu34peouvf],
.widget-rail-chip.dragging[b-nu34peouvf] {
    opacity: 0.4;
}

.widget-panel[b-nu34peouvf] {
    flex: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    background-color: white;
    transition: width 0.3s ease-in-out;
}

.widget-panel.open[b-nu34peouvf] {
    width: 20rem;
}

.widget-panel.collapsed[b-nu34peouvf] {
    width: 3rem;
}

.widget-panel-header[b-nu34peouvf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
    height: 2.75rem;
    padding: 0 1rem;
}

.widget-panel-title[b-nu34peouvf] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #000000;
}

.widget-panel-list[b-nu34peouvf] {
    flex: 1;
    min-height: 0;
    padding: 0.25rem 0.5rem;
    overflow-y: auto;
}

/* Expanded row — grip + name */
.widget-row[b-nu34peouvf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 0.25rem;
    border-radius: 0.25rem;
    cursor: move;
    transition: background-color 0.15s ease;
}

    .widget-row:hover[b-nu34peouvf] {
        background-color: #aeaeae20;
    }

.widget-row-grip[b-nu34peouvf] {
    flex: none;
    color: #75787B;
    opacity: 0.4;
}

.widget-row:hover .widget-row-grip[b-nu34peouvf] {
    opacity: 0.8;
}

.widget-row-name[b-nu34peouvf] {
    flex: 1;
    font-size: 0.8125rem;
    line-height: 1.1;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Collapsed rail chip — rotated label */
.widget-rail-divider[b-nu34peouvf] {
    flex: none;
    width: 1.5rem;
    height: 1px;
    margin-bottom: 0.25rem;
    background-color: #D0D0CE;
}

.widget-rail-chip[b-nu34peouvf] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 5rem;
    margin-bottom: 0.25rem;
    border-radius: 0.375rem;
    background-color: #F5F5F4;
    cursor: move;
    transition: background-color 0.15s ease;
}

    .widget-rail-chip:hover[b-nu34peouvf] {
        background-color: #D0D0CE;
    }

.widget-rail-chip-label[b-nu34peouvf] {
    display: flex;
    align-items: center;
    transform: rotate(-90deg);
    white-space: nowrap;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #000000;
}

.widget-panel-rail[b-nu34peouvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3rem;
    height: 100%;
    padding-top: 0.75rem;
}

.panel-toggle[b-nu34peouvf] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
    border: none;
    border-radius: 0.5rem;
    background-color: transparent;
    color: #75787B;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .panel-toggle:hover[b-nu34peouvf] {
        background-color: #aeaeae20;
        color: #000000;
    }
/* /Pages/ExecutiveSummary/ExecutiveSummaryWidgetRenderer.razor.rz.scp.css */
.widget-placeholder[b-rtgbpobv7o] {
    margin: 0;
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #75787B;
    text-align: justify;
}
/* /Pages/ExecutiveSummary/Widgets/EngagementRoadmapDialog.razor.rz.scp.css */
.roadmap-editor[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    height: 70vh;
    max-height: 42rem;
    min-height: 0;
}

.editor-toolbar[b-rqxysvhxhh] {
    display: flex;
    flex-wrap: wrap;
    flex: none;
    align-items: center;
    gap: .5rem;
    padding-bottom: .65rem;
    padding-top: .25rem;
    border-bottom: 1px solid #D0D0CE;
}

.roadmap-template[b-rqxysvhxhh] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 22rem;
    margin-right: .5rem;
    appearance: none;
    padding: .4rem 1.75rem .4rem .5rem;
    border: 1px solid #A7A8AA;
    border-radius: .25rem;
    background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2363666A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .6rem center;
    color: #202020;
    text-overflow: ellipsis;
    font: inherit;
    font-size: .75rem;
    cursor: pointer;
}

.editor-sections[b-rqxysvhxhh] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.editor-sections button[b-rqxysvhxhh] {
    padding: .4rem .65rem;
    border: 1px solid #D0D0CE;
    border-radius: .25rem;
    background: #FFFFFF;
    color: #202020;
    font: inherit;
    font-size: .75rem;
    cursor: pointer;
}

.editor-sections button.selected[b-rqxysvhxhh] {
    border-color: #0076A8;
    background: #EAF4F8;
    color: #005587;
    font-weight: 600;
}

.editor-sections button:focus-visible[b-rqxysvhxhh],
.roadmap-template:focus-visible[b-rqxysvhxhh],
.editor-field input:focus[b-rqxysvhxhh],
.editor-field textarea:focus[b-rqxysvhxhh],
.nested-title-input:focus[b-rqxysvhxhh] {
    outline: 2px solid #26890D;
    outline-offset: 1px;
}

.phase-editor-content[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: .85rem;
    min-height: 0;
}

.editor-field[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
    color: #202020;
    font-size: .8rem;
    font-weight: 600;
}

.editor-field small[b-rqxysvhxhh] {
    color: #63666A;
    font-size: .7rem;
    font-weight: 400;
}

.editor-checkbox[b-rqxysvhxhh] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    min-width: 0;
    color: #202020;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
}

.editor-checkbox.unavailable[b-rqxysvhxhh] {
    color: #63666A;
    cursor: default;
}

.editor-checkbox input[b-rqxysvhxhh] {
    flex: none;
    margin: .1rem 0 0;
    accent-color: #26890D;
}

.editor-checkbox small[b-rqxysvhxhh] {
    display: block;
    color: #63666A;
    font-size: .7rem;
    font-weight: 400;
}

.editor-field input[b-rqxysvhxhh],
.editor-field textarea[b-rqxysvhxhh],
.nested-title-input[b-rqxysvhxhh] {
    width: 100%;
    padding: .48rem .55rem;
    border: 1px solid #A7A8AA;
    border-radius: .25rem;
    background: #FFFFFF;
    color: #202020;
    font: inherit;
    font-size: .82rem;
    font-weight: 400;
}

.editor-field textarea[b-rqxysvhxhh] {
    min-height: 5.5rem;
    resize: vertical;
}

.editor-layout[b-rqxysvhxhh] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    flex: 1;
    min-height: 0;
    border: 1px solid #D0D0CE;
    border-radius: .35rem;
    overflow: hidden;
}

.subphase-panel[b-rqxysvhxhh] {
    min-height: 0;
    overflow-y: auto;
    padding: .7rem;
    border-right: 1px solid #D0D0CE;
    background: #F5F5F4;
}

.subphase-panel-heading[b-rqxysvhxhh],
.selected-heading[b-rqxysvhxhh],
.nested-item-actions[b-rqxysvhxhh],
.collection-heading[b-rqxysvhxhh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.subphase-panel-heading[b-rqxysvhxhh] {
    margin-bottom: .4rem;
    font-size: .8rem;
}

.move-actions[b-rqxysvhxhh],
.nested-item-actions span[b-rqxysvhxhh] {
    display: inline-flex;
    gap: .15rem;
}

.move-actions button[b-rqxysvhxhh],
.nested-item-actions button[b-rqxysvhxhh],
.remove-subphase[b-rqxysvhxhh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    height: 1.8rem;
    padding: 0 .3rem;
    border: 0;
    border-radius: .2rem;
    background: transparent;
    color: #63666A;
    cursor: pointer;
}

.move-actions button:hover:not(:disabled)[b-rqxysvhxhh],
.nested-item-actions button:hover:not(:disabled)[b-rqxysvhxhh],
.remove-subphase:hover[b-rqxysvhxhh] {
    background: #E8E8E6;
    color: #202020;
}

button:disabled[b-rqxysvhxhh] {
    opacity: .35;
    cursor: default;
}

.clear-current[b-rqxysvhxhh] {
    margin: 0 0 .45rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #63666A;
    font-size: .7rem;
    text-decoration: underline;
    cursor: pointer;
}

.subphase-list[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.subphase-list-item[b-rqxysvhxhh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.5rem;
    align-items: center;
    gap: .4rem;
    padding-right: .25rem;
    border: 1px solid transparent;
    border-radius: .3rem;
}

.subphase-list-item.selected[b-rqxysvhxhh] {
    border-color: #0076A8;
    background: #EAF4F8;
}

.select-subphase[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    width: 100%;
    min-width: 0;
    padding: .5rem .45rem;
    border: 0;
    background: transparent;
    color: #202020;
    text-align: left;
    cursor: pointer;
}

.subphase-list-title[b-rqxysvhxhh],
.subphase-list-meta[b-rqxysvhxhh] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subphase-list-title[b-rqxysvhxhh] {
    font-size: .76rem;
    font-weight: 600;
}

.subphase-list-meta[b-rqxysvhxhh] {
    padding: .12rem .4rem;
    border-radius: 999px;
    background: #DBEED2;
    color: #226D13;
    font-size: .68rem;
    font-weight: 600;
}

.current-radio[b-rqxysvhxhh] {
    accent-color: #26890D;
}

.add-subphase[b-rqxysvhxhh],
.add-nested[b-rqxysvhxhh],
.empty-editor button[b-rqxysvhxhh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    width: 100%;
    margin-top: .5rem;
    padding: .42rem .55rem;
    border: 1px solid #A7A8AA;
    border-radius: .25rem;
    background: #FFFFFF;
    color: #202020;
    font-size: .75rem;
    cursor: pointer;
}

.subphase-editor[b-rqxysvhxhh],
.collection-editor[b-rqxysvhxhh] {
    min-width: 0;
    min-height: 0;
}

.subphase-editor[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    overflow-y: auto;
    padding: .9rem;
}

.selected-heading h3[b-rqxysvhxhh],
.collection-heading h3[b-rqxysvhxhh] {
    margin: 0;
    font-size: .95rem;
}

.remove-subphase[b-rqxysvhxhh] {
    color: #B91C1C;
}

.two-fields[b-rqxysvhxhh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.three-fields[b-rqxysvhxhh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

/* The name carries most of the text; the two estimates beside it are short. */
.phase-fields[b-rqxysvhxhh],
.collection-fields[b-rqxysvhxhh] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: .7rem;
}

.empty-editor[b-rqxysvhxhh] {
    margin: auto;
    color: #63666A;
    text-align: center;
}

.collection-editor[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: .9rem;
    border: 1px solid #D0D0CE;
    border-radius: .35rem;
}

.collection-heading[b-rqxysvhxhh] {
    align-items: flex-start;
    padding-bottom: .7rem;
    border-bottom: 1px solid #D0D0CE;
}

.collection-heading p[b-rqxysvhxhh] {
    margin: .2rem 0 0;
    color: #63666A;
    font-size: .72rem;
}

.collection-heading > span[b-rqxysvhxhh] {
    flex: none;
    color: #63666A;
    font-size: .7rem;
}

.collection-fields[b-rqxysvhxhh] {
    margin-top: .7rem;
}

.next-steps-recommendation-field[b-rqxysvhxhh] {
    flex: none;
    margin-top: .7rem;
}

.next-steps-recommendation-field textarea[b-rqxysvhxhh] {
    min-height: 3.5rem;
}

.nested-list[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding-top: .7rem;
}

.collection-editor > .nested-list[b-rqxysvhxhh] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: .25rem;
}

.nested-item[b-rqxysvhxhh] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .6rem;
    border-left: 2px solid #D0D0CE;
    background: #FAFAFA;
}

.nested-item-actions[b-rqxysvhxhh] {
    font-size: .72rem;
}

.nested-title-label[b-rqxysvhxhh] {
    color: #202020;
    font-size: .8rem;
    font-weight: 600;
}

.fixed-step-heading[b-rqxysvhxhh] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.fixed-next-step[b-rqxysvhxhh] {
    padding: .7rem;
}

.next-step-description[b-rqxysvhxhh] {
    field-sizing: content;
    min-height: 2.35rem !important;
    max-height: 6rem;
    overflow-y: auto;
    resize: none !important;
}

@media (max-width: 700px) {
    .editor-layout[b-rqxysvhxhh] {
        grid-template-columns: 1fr;
    }

    .subphase-panel[b-rqxysvhxhh] {
        border-right: 0;
        border-bottom: 1px solid #D0D0CE;
    }

    .two-fields[b-rqxysvhxhh],
    .three-fields[b-rqxysvhxhh],
    .phase-fields[b-rqxysvhxhh],
    .collection-fields[b-rqxysvhxhh] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ExecutiveSummary/Widgets/EngagementRoadmapNextStepIcon.razor.rz.scp.css */
.next-step-icon[b-00s9nxpbmj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    color: #FFFFFF;
}

.next-step-icon svg[b-00s9nxpbmj] {
    width: .85rem;
    height: .85rem;
}

.next-step-icon-1[b-00s9nxpbmj] {
    background: #86BC25;
}

.next-step-icon-2[b-00s9nxpbmj] {
    background: #0EA5E9;
}

.next-step-icon-3[b-00s9nxpbmj] {
    background: #6B7280;
}
/* /Pages/ExecutiveSummary/Widgets/EngagementRoadmapWidget.razor.rz.scp.css */
.engagement-roadmap[b-pdq637ixsx] {
    display: flex;
    flex-direction: column;
    height: auto;
    min-width: 0;
    color: #000000;
}

.roadmap-toolbar[b-pdq637ixsx] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .375rem .75rem;
    flex: none;
    padding: .375rem .625rem;
    border-bottom: 1px solid #D0D0CE;
}

.here-marker[b-pdq637ixsx],
.step-here[b-pdq637ixsx] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    white-space: nowrap;
}

.roadmap-tabs[b-pdq637ixsx] {
    display: flex;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid #D0D0CE;
    border-radius: .3rem;
}

.roadmap-toolbar-controls[b-pdq637ixsx] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    flex: none;
    min-width: 0;
    max-width: 100%;
}

.roadmap-edit[b-pdq637ixsx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: 1px solid #D0D0CE;
    border-radius: .25rem;
    background: #FFFFFF;
    color: #26890D;
    cursor: pointer;
}

.roadmap-edit:hover[b-pdq637ixsx] {
    border-color: #86BC25;
    background: #86BC2511;
}

.roadmap-tab[b-pdq637ixsx] {
    flex: none;
    padding: .1875rem .5rem;
    border: 0;
    border-right: 1px solid #D0D0CE;
    background: #FFFFFF;
    color: #000000;
    white-space: nowrap;
    font-family: inherit;
    font-size: .6875rem;
    cursor: pointer;
}

.roadmap-tab:last-child[b-pdq637ixsx] {
    border-right: 0;
}

.roadmap-tab.active[b-pdq637ixsx] {
    background: #202020;
    color: #FFFFFF;
}

.roadmap-tab:focus-visible[b-pdq637ixsx],
.roadmap-edit:focus-visible[b-pdq637ixsx] {
    outline: 2px solid #26890D;
    outline-offset: 1px;
}

.roadmap-scroll[b-pdq637ixsx] {
    flex: none;
    min-height: 0;
    overflow: visible;
    padding: .375rem .625rem .25rem;
}

.roadmap-stepper[b-pdq637ixsx],
.roadmap-columns[b-pdq637ixsx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.roadmap-stepper[b-pdq637ixsx] {
    margin-bottom: .5rem;
}

.roadmap-step[b-pdq637ixsx] {
    display: grid;
    grid-template-columns: minmax(.3rem, 1fr) 1.5rem minmax(.3rem, 1fr);
    grid-template-rows: 1.5rem auto auto;
    align-items: center;
    min-width: 0;
    color: #75787B;
}

.step-rule[b-pdq637ixsx] {
    height: 2px;
    background: #D0D0CE;
}

.roadmap-step:first-child .before[b-pdq637ixsx],
.roadmap-step:last-child .after[b-pdq637ixsx] {
    background: transparent;
}

.step-icon[b-pdq637ixsx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid var(--roadmap-phase-border);
    border-radius: 50%;
    background: var(--roadmap-phase-tint);
    color: var(--roadmap-phase-color);
}

.step-label[b-pdq637ixsx] {
    grid-column: 1 / -1;
    min-width: 0;
    padding: .18rem .2rem 0;
    overflow-wrap: anywhere;
    text-align: center;
    font-size: .5625rem;
}

.roadmap-step.current .step-icon[b-pdq637ixsx] {
    border-color: var(--roadmap-phase-color);
    background: var(--roadmap-phase-color);
    color: #FFFFFF;
    box-shadow: 0 0 0 2px var(--roadmap-phase-halo);
}

.phase-1[b-pdq637ixsx] {
    --roadmap-phase-color: #007CB0;
    --roadmap-phase-tint: #E5F3F8;
    --roadmap-phase-border: #BDDDEB;
    --roadmap-phase-halo: #007CB02E;
}

.phase-2[b-pdq637ixsx] {
    --roadmap-phase-color: #005EB8;
    --roadmap-phase-tint: #E8F2FC;
    --roadmap-phase-border: #C6DAEE;
    --roadmap-phase-halo: #005EB82E;
}

.phase-3[b-pdq637ixsx] {
    --roadmap-phase-color: #4C8C00;
    --roadmap-phase-tint: #EEF5E5;
    --roadmap-phase-border: #D5E6BE;
    --roadmap-phase-halo: #4C8C002E;
}

.roadmap-step.current[b-pdq637ixsx],
.roadmap-phase h3[b-pdq637ixsx] {
    color: var(--roadmap-phase-color);
}

.roadmap-step.current .step-label[b-pdq637ixsx] {
    font-weight: 600;
}

.step-here[b-pdq637ixsx] {
    grid-column: 1 / -1;
    justify-self: center;
    gap: .15rem;
    margin-top: .125rem;
    padding: .0625rem .375rem;
    background: var(--roadmap-phase-color);
    color: #FFFFFF;
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.roadmap-columns[b-pdq637ixsx] {
    gap: .625rem;
    align-items: start;
}

.roadmap-phase[b-pdq637ixsx] {
    min-width: 0;
}

.phase-heading[b-pdq637ixsx],
.section-heading[b-pdq637ixsx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .35rem;
}

.phase-heading h3[b-pdq637ixsx],
.section-heading h3[b-pdq637ixsx],
.milestone-group h4[b-pdq637ixsx],
.next-step h4[b-pdq637ixsx] {
    margin: 0;
    overflow-wrap: anywhere;
}

.phase-heading h3[b-pdq637ixsx] {
    font-size: .6875rem;
    line-height: 1.2;
}

.roadmap-subphase[b-pdq637ixsx] {
    margin-top: .3rem;
    padding-left: .4rem;
    border-left: 2px solid #D0D0CE;
    overflow-wrap: anywhere;
}

.roadmap-phase.phase-1 .roadmap-subphase.current[b-pdq637ixsx] { border-color: #007CB0; }
.roadmap-phase.phase-2 .roadmap-subphase.current[b-pdq637ixsx] { border-color: #005EB8; }
.roadmap-phase.phase-3 .roadmap-subphase.current[b-pdq637ixsx] { border-color: #4C8C00; }

.subphase-heading[b-pdq637ixsx] {
    display: flex;
    align-items: flex-start;
    gap: .3rem;
    flex-wrap: wrap;
    font-size: .625rem;
    line-height: 1.25;
}

.here-marker[b-pdq637ixsx] {
    flex: none;
    gap: .15rem;
    padding: .0625rem .25rem;
    background: var(--roadmap-phase-color);
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.phase-note[b-pdq637ixsx],
.subphase-note[b-pdq637ixsx],
.phase-empty[b-pdq637ixsx],
.roadmap-empty[b-pdq637ixsx] {
    margin: .125rem 0;
    color: #75787B;
    font-size: .5625rem;
    line-height: 1.3;
}

.subphase-status[b-pdq637ixsx] {
    font-style: italic;
}

.engagement-roadmap ul[b-pdq637ixsx] {
    margin: .1875rem 0 0;
    padding-left: .875rem;
    font-size: .5625rem;
    line-height: 1.3;
}

.engagement-roadmap li + li[b-pdq637ixsx] {
    margin-top: .1rem;
}

.stage-gate[b-pdq637ixsx] {
    margin: .25rem 0 .1rem;
    color: #8A6100;
    font-size: .5625rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.stage-gate strong[b-pdq637ixsx] {
    font-weight: 700;
}

/* The deck parks "We Are Here" on the gate decision itself, so the flag follows the gate text. */
.gate-marker[b-pdq637ixsx] {
    margin-left: .25rem;
    vertical-align: middle;
}

.section-content[b-pdq637ixsx] {
    min-width: 0;
    padding: .05rem .25rem;
}

.section-heading[b-pdq637ixsx] {
    margin-bottom: .4rem;
}

.milestone-heading[b-pdq637ixsx] {
    margin-bottom: .15rem;
}

.section-heading h3[b-pdq637ixsx] {
    font-size: .6875rem;
}

.milestone-phase[b-pdq637ixsx] {
    margin: 0 0 .25rem;
    color: #63666A;
    font-size: .5625rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.milestone-meta[b-pdq637ixsx] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-bottom: .45rem;
}

.milestone-timeline[b-pdq637ixsx],
.milestone-fees[b-pdq637ixsx] {
    display: inline-flex;
    max-width: 100%;
    padding: .125rem .45rem;
    border-radius: 999px;
    background: #0EA5E922;
    color: #007CB0;
    font-size: .5625rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.milestone-groups[b-pdq637ixsx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .55rem;
}

.milestone-group h4[b-pdq637ixsx],
.next-step h4[b-pdq637ixsx] {
    font-size: .625rem;
}

.next-steps[b-pdq637ixsx] {
    display: grid;
    gap: .55rem;
}

.next-steps-recommendation[b-pdq637ixsx] {
    margin: 0 0 .45rem;
    color: #63666A;
    font-size: .5625rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.next-step[b-pdq637ixsx] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: .55rem;
    align-items: start;
    padding: .45rem;
    border-radius: .3rem;
    background: #F5F5F4;
}

.next-step p[b-pdq637ixsx] {
    margin: .18rem 0 0;
    color: #63666A;
    overflow-wrap: anywhere;
    font-size: .5625rem;
    line-height: 1.3;
}
/* /Pages/ExecutiveSummary/Widgets/EtrPeerCompaniesDialog.razor.rz.scp.css */

.peer-import[b-op4j4v4rdx] {
    margin-bottom: 1rem;
}

.peer-dropzone[b-op4j4v4rdx] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    padding: 1rem;
    border: 2px dashed #B1B3B3;
    border-radius: 0.375rem;
    background: #FAFAFA;
    text-align: center;
}

.peer-dropzone.drag-over[b-op4j4v4rdx],
.peer-dropzone:focus-within[b-op4j4v4rdx] {
    border-color: #26890D;
    background: #F3F8EA;
}

.peer-dropzone.disabled[b-op4j4v4rdx] {
    opacity: 0.55;
}

.peer-dropzone[b-op4j4v4rdx]  .peer-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.peer-dropzone[b-op4j4v4rdx]  .peer-file-input:disabled {
    cursor: default;
}

.peer-dropzone-title[b-op4j4v4rdx] {
    font-weight: 600;
}

.peer-dropzone-hint[b-op4j4v4rdx],
.peer-import-message[b-op4j4v4rdx] {
    font-size: 0.75rem;
    color: #595B5D;
}

.peer-import-progress[b-op4j4v4rdx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.8125rem;
}

.peer-import-message[b-op4j4v4rdx] {
    margin-top: 0.5rem;
}

/* A year's label line: the field name on the left, that year's filing link on the right. */
.peer-field-header[b-op4j4v4rdx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    height: 1.125rem;
}

.peer-source-slot[b-op4j4v4rdx] {
    display: inline-flex;
    flex: 0 0 1.125rem;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
}

.peer-source-link[b-op4j4v4rdx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0.1875rem;
    background: none;
    color: #0076A8;
    cursor: pointer;
}

.peer-source-link[b-op4j4v4rdx]  .mud-icon-root {
    font-size: 1rem;
}

.peer-source-link:hover:not(:disabled)[b-op4j4v4rdx],
.peer-source-link:focus-visible[b-op4j4v4rdx] {
    background: #E6F2F8;
}

.peer-source-link:disabled[b-op4j4v4rdx] {
    color: #75787B;
    cursor: default;
}

.peer-grid-scroll[b-op4j4v4rdx] {
    max-height: 26rem;
    min-height: 26rem;
    overflow-x: auto;
    overflow-y: auto;
}

.peer-grid[b-op4j4v4rdx] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0.25rem 0.125rem;
}

    .peer-grid th[b-op4j4v4rdx] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 0.125rem 0.25rem;
        background-color: #FFFFFF;
        font-size: 0.75rem;
        font-weight: 600;
        text-align: left;
        white-space: nowrap;
        color: #75787B;
    }

    .peer-grid td[b-op4j4v4rdx] {
        padding: 0.125rem 0.25rem;
        background-color: #FFFFFF;
        vertical-align: top;
    }

.peer-name-col[b-op4j4v4rdx] {
    width: 12rem;
    min-width: 12rem;
    max-width: 12rem;
}

.peer-year-col[b-op4j4v4rdx] {
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem;
}

    th.peer-year-col[b-op4j4v4rdx] {
        text-align: left;
    }

.peer-name-field[b-op4j4v4rdx],
.peer-metric-field[b-op4j4v4rdx] {
    display: flex;
    min-width: 0;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.1875rem;
}

.peer-name-field[b-op4j4v4rdx]  .mud-input-control,
.peer-metric-field[b-op4j4v4rdx]  .mud-input-control {
    width: 100%;
}

.peer-field-label[b-op4j4v4rdx] {
    font-size: 0.625rem;
    line-height: 1.1;
    text-align: left;
    white-space: nowrap;
    color: #75787B;
}

.peer-field-spacer[b-op4j4v4rdx] {
    visibility: hidden;
}

.peer-rate-row td[b-op4j4v4rdx] {
    padding-bottom: 0.0625rem;
}

.peer-tax-row td[b-op4j4v4rdx] {
    padding-top: 0.0625rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #E6E6E6;
}

.peer-company-group .peer-name-col[b-op4j4v4rdx],
.peer-company-group .peer-action-col[b-op4j4v4rdx] {
    border-bottom: 1px solid #E6E6E6;
}

.peer-grid th.peer-name-col[b-op4j4v4rdx],
.peer-grid td.peer-name-col[b-op4j4v4rdx] {
    position: sticky;
    left: 0;
    z-index: 3;
    box-shadow: 0.375rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.35);
}

.peer-action-col[b-op4j4v4rdx] {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    text-align: center;
}

.peer-grid th.peer-action-col[b-op4j4v4rdx],
.peer-grid td.peer-action-col[b-op4j4v4rdx] {
    position: sticky;
    right: 0;
    z-index: 3;
    box-shadow: -0.375rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.35);
}

.peer-grid td.peer-action-col[b-op4j4v4rdx]  .mud-icon-button {
    margin-top: 0.875rem;
}

.peer-grid th.peer-name-col[b-op4j4v4rdx],
.peer-grid th.peer-action-col[b-op4j4v4rdx] {
    z-index: 4;
}

.peer-empty[b-op4j4v4rdx] {
    padding: 1rem 0;
    color: #75787B;
}
/* /Pages/ExecutiveSummary/Widgets/EtrWithBenchmarksWidget.razor.rz.scp.css */
/* Deloitte hex throughout rather than --widget-* tokens: nothing in this solution defines that
   family, so a token carried over from the React prototype renders colourless. */
.etr-benchmarks[b-qdd4g4k4p4] {
    /* --label-w / --value-w set the name and figure gutters, and the axis row pads itself by the
       same two values so its ticks sit under the ends of the bars at every card width. */
    --label-w: 8.125rem;
    --value-w: 7rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    color: #000000;
}

.etr-benchmarks.size-half[b-qdd4g4k4p4] {
    --label-w: 5rem;
    --value-w: 7rem;
}

.etr-benchmarks.size-third[b-qdd4g4k4p4] {
    --label-w: 4.25rem;
    --value-w: 3.375rem;
}

/* Toolbar */
.widget-toolbar[b-qdd4g4k4p4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex: none;
    padding: 0.375rem 0.625rem;
    border-bottom: 0.05rem solid #D0D0CE;
    cursor: default;
}

.toolbar-controls[b-qdd4g4k4p4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: none;
}

.etr-select[b-qdd4g4k4p4] {
    flex: none;
    padding: 0.125rem 0.25rem;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    color: #000000;
    font-family: inherit;
    font-size: 0.6875rem;
    cursor: pointer;
}

    .etr-select:focus-visible[b-qdd4g4k4p4] {
        outline: 0.125rem solid #86BC25;
        outline-offset: 0.0625rem;
    }

    .etr-select:disabled[b-qdd4g4k4p4] {
        cursor: default;
        color: #75787B;
    }

/* Icon-only at every width: the two selects and a labelled button would not fit a third-width card. */
.peer-button[b-qdd4g4k4p4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    color: #26890D;
    cursor: pointer;
}

    .peer-button:hover:not(:disabled)[b-qdd4g4k4p4] {
        border-color: #86BC25;
        background-color: #86BC2511;
    }

    .peer-button:focus-visible[b-qdd4g4k4p4] {
        outline: 0.125rem solid #86BC25;
        outline-offset: 0.0625rem;
    }

    .peer-button:disabled[b-qdd4g4k4p4] {
        cursor: default;
        color: #75787B;
    }

/* KPI strip — the prototype's cells, at a smaller step. A card here is 240px tall against the
   prototype's full-height panel, so the hero figure sits at 0.9375rem rather than its 24px. */
.kpi-strip[b-qdd4g4k4p4] {
    display: flex;
    flex: none;
    border-bottom: 0.05rem solid #D0D0CE;
}

.kpi[b-qdd4g4k4p4] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    flex: 1 1 0;
    min-width: 0;
    padding: 0.25rem 0.5rem;
    border-right: 0.05rem solid #E6E6E6;
}

    .kpi:last-child[b-qdd4g4k4p4] {
        border-right: none;
    }

    .kpi.primary[b-qdd4g4k4p4] {
        background-color: #86BC2514;
    }

    .kpi.primary.warn[b-qdd4g4k4p4] {
        background-color: #F8C83C26;
    }

.kpi-label[b-qdd4g4k4p4] {
    font-size: 0.5rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #75787B;
}

.kpi.primary .kpi-label[b-qdd4g4k4p4] {
    color: #26890D;
}

.kpi.primary.warn .kpi-label[b-qdd4g4k4p4] {
    color: #8A6100;
}

.kpi-value[b-qdd4g4k4p4] {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kpi.primary .kpi-value[b-qdd4g4k4p4] {
    color: #26890D;
}

.kpi.primary.warn .kpi-value[b-qdd4g4k4p4] {
    color: #8A6100;
}

/* An absent cohort is stated, never papered over with a borrowed one. */
.peer-note[b-qdd4g4k4p4] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    margin: 0;
    flex: none;
    padding: 0.25rem 0.625rem;
    border-bottom: 0.05rem dashed #E6E6E6;
    font-size: 0.5625rem;
    line-height: 1.4;
    color: #8A6100;
}

/* The note is the card's own empty state, so it carries the way out of it rather than making the
   reader hunt for the toolbar icon. */
.peer-note-action[b-qdd4g4k4p4] {
    flex: none;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    color: #26890D;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

    .peer-note-action:focus-visible[b-qdd4g4k4p4] {
        outline: 0.125rem solid #86BC25;
        outline-offset: 0.0625rem;
    }

/* Legend — one clipped line. Wrapping would take its height out of the bars. */
.legend[b-qdd4g4k4p4] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: none;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 0.3125rem 0.625rem;
    border-bottom: 0.05rem dashed #E6E6E6;
    font-size: 0.5625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #75787B;
}

.legend-item[b-qdd4g4k4p4] {
    display: inline-flex;
    align-items: center;
    flex: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legend-swatch[b-qdd4g4k4p4] {
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.25rem;
    border-radius: 0.125rem;
}

    .legend-swatch.baseline[b-qdd4g4k4p4] {
        background-color: #26890D;
    }

    .legend-swatch.scenario[b-qdd4g4k4p4] {
        background-color: #86BC25;
    }

    .legend-swatch.peer[b-qdd4g4k4p4] {
        background-color: #022169;
    }

/* Bars */
.bars[b-qdd4g4k4p4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.375rem 0.625rem;
}

.bar-row[b-qdd4g4k4p4] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex: none;
    border-radius: 0.1875rem;
}

    .bar-row.is-hovered[b-qdd4g4k4p4] {
        background-color: #F4F4F4;
    }

.bar-label[b-qdd4g4k4p4] {
    flex: none;
    width: var(--label-w);
    font-size: 0.5625rem;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #75787B;
}

.bar-row.is-baseline .bar-label[b-qdd4g4k4p4],
.bar-row.is-scenario .bar-label[b-qdd4g4k4p4] {
    font-weight: 700;
    color: #26890D;
}

.bar-track[b-qdd4g4k4p4] {
    position: relative;
    display: block;
    flex: 1;
    min-width: 0;
    height: 0.875rem;
    border-radius: 0.1875rem;
    background-color: #F1F1F1;
}

.bar-fill[b-qdd4g4k4p4] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    border-radius: 0.1875rem;
    background-color: #022169;
}

.bar-row.is-baseline .bar-fill[b-qdd4g4k4p4] {
    background-color: #26890D;
}

.bar-row.is-scenario .bar-fill[b-qdd4g4k4p4] {
    background-color: #86BC25;
}

.bar-value[b-qdd4g4k4p4] {
    flex: none;
    width: var(--value-w);
    font-size: 0.5625rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #75787B;
}

.bar-row.is-baseline .bar-value[b-qdd4g4k4p4],
.bar-row.is-scenario .bar-value[b-qdd4g4k4p4] {
    font-weight: 700;
    color: #26890D;
}

.bar-secondary[b-qdd4g4k4p4] {
    margin-left: 0.1875rem;
    font-weight: 400;
    color: #75787B;
}

/* The axis scale, and the hovered row's readout in its place — a card this short cannot spare a
   line for each. */
.chart-footer[b-qdd4g4k4p4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
    min-height: 0.875rem;
    padding: 0.125rem 0.625rem 0.25rem 0.625rem;
    font-size: 0.5rem;
    color: #75787B;
}

.chart-footer.axis[b-qdd4g4k4p4] {
    padding-left: calc(0.625rem + var(--label-w) + 0.375rem);
    padding-right: calc(0.625rem + var(--value-w) + 0.375rem);
}

.axis-tick[b-qdd4g4k4p4] {
    font-variant-numeric: tabular-nums;
}

.readout[b-qdd4g4k4p4] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

/* Table */
.table-scroll[b-qdd4g4k4p4] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.etr-table[b-qdd4g4k4p4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.625rem;
}

    .etr-table th[b-qdd4g4k4p4] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding: 0.25rem 0.625rem;
        border-bottom: 0.05rem solid #D0D0CE;
        background-color: #FFFFFF;
        font-size: 0.5rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        text-align: left;
        white-space: nowrap;
        color: #75787B;
    }

    .etr-table td[b-qdd4g4k4p4] {
        padding: 0.25rem 0.625rem;
        border-bottom: 0.05rem dashed #E6E6E6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .etr-table .num[b-qdd4g4k4p4] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .etr-table .name[b-qdd4g4k4p4] {
        max-width: 0;
        width: 60%;
    }

    .etr-table .basis[b-qdd4g4k4p4] {
        color: #75787B;
    }

    .etr-table tr.is-hovered td[b-qdd4g4k4p4] {
        background-color: #F4F4F4;
    }

    .etr-table tr.is-baseline td.name[b-qdd4g4k4p4],
    .etr-table tr.is-scenario td.name[b-qdd4g4k4p4],
    .etr-table tr.is-baseline td.num[b-qdd4g4k4p4],
    .etr-table tr.is-scenario td.num[b-qdd4g4k4p4] {
        font-weight: 700;
        color: #26890D;
    }

    .etr-table tr.is-baseline td[b-qdd4g4k4p4],
    .etr-table tr.is-scenario td[b-qdd4g4k4p4] {
        background-color: #86BC250F;
    }

    .etr-table tr.is-baseline.is-hovered td[b-qdd4g4k4p4],
    .etr-table tr.is-scenario.is-hovered td[b-qdd4g4k4p4] {
        background-color: #86BC251F;
    }

.etr-message[b-qdd4g4k4p4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.75rem;
    font-size: 0.75rem;
    color: #75787B;
    text-align: center;
}
/* /Pages/ExecutiveSummary/Widgets/FlowPreviewWidget.razor.rz.scp.css */
.flow-previews[b-gv6lu0ebgv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    color: #000000;
}

.widget-toolbar[b-gv6lu0ebgv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: none;
    padding: 0.375rem 0.625rem;
    border-bottom: 0.05rem solid #D0D0CE;
    cursor: default;
}

/* Preview mode header — the way back, then the flow on screen */
.back-button[b-gv6lu0ebgv] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: none;
    padding: 0.1875rem 0.5rem;
    border: 0.05rem solid #86BC25;
    border-radius: 0.25rem;
    background-color: #86BC25;
    color: #FFFFFF;
    font-family: inherit;
    font-size: 0.6875rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

    .back-button:hover[b-gv6lu0ebgv] {
        background-color: #6FA21F;
        border-color: #6FA21F;
    }

    .back-button:focus-visible[b-gv6lu0ebgv] {
        outline: 0.125rem solid #000000;
        outline-offset: 0.0625rem;
    }

/* Opens the flow on screen in the full-size dialog the flow lists use */
.expand-button[b-gv6lu0ebgv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    color: #26890D;
    cursor: pointer;
}

    .expand-button:hover:not(:disabled)[b-gv6lu0ebgv] {
        border-color: #86BC25;
        background-color: #86BC2511;
    }

    .expand-button:focus-visible[b-gv6lu0ebgv] {
        outline: 0.125rem solid #86BC25;
        outline-offset: 0.0625rem;
    }

    .expand-button:disabled[b-gv6lu0ebgv] {
        cursor: default;
        color: #75787B;
    }

.preview-name[b-gv6lu0ebgv] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Current State / Future States */
.segmented[b-gv6lu0ebgv] {
    display: inline-flex;
    flex: none;
    margin-left: auto;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    overflow: hidden;
}

.segment[b-gv6lu0ebgv] {
    padding: 0.1875rem 0.5rem;
    border: none;
    background-color: transparent;
    color: #75787B;
    font-family: inherit;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
    cursor: pointer;
}

    .segment + .segment[b-gv6lu0ebgv] {
        border-left: 0.05rem solid #D0D0CE;
    }

    .segment:hover[b-gv6lu0ebgv] {
        background-color: #F3F3F3;
        color: #000000;
    }

    .segment.is-active[b-gv6lu0ebgv] {
        background-color: #86BC25;
        color: #FFFFFF;
    }

    .segment:focus-visible[b-gv6lu0ebgv] {
        outline: 0.125rem solid #000000;
        outline-offset: -0.125rem;
    }

/* Gallery — auto-fill so the tile count follows the card's width, and scrolls past what fits */
.gallery[b-gv6lu0ebgv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    align-content: start;
    gap: 0.625rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 0.5rem 0.625rem;
}

.size-half .gallery[b-gv6lu0ebgv] {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
}

.size-third .gallery[b-gv6lu0ebgv] {
    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));
    gap: 0.5rem;
}

/* More flows than the card shows at once: smaller tiles put more of the set in view before the
   grid has to scroll for the rest. */
.gallery.is-compact[b-gv6lu0ebgv] {
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: 0.5rem;
}

.size-half .gallery.is-compact[b-gv6lu0ebgv] {
    grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr));
}

.size-third .gallery.is-compact[b-gv6lu0ebgv] {
    grid-template-columns: repeat(auto-fill, minmax(5.25rem, 1fr));
    gap: 0.375rem;
}

.tile[b-gv6lu0ebgv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tile-caption[b-gv6lu0ebgv] {
    display: block;
    margin-bottom: 0.1875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #75787B;
}

.gallery.is-compact .tile-caption[b-gv6lu0ebgv] {
    font-size: 0.5625rem;
}

.tile-button[b-gv6lu0ebgv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 4 / 3;
    padding: 0.125rem;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    overflow: hidden;
    cursor: pointer;
}

    .tile-button:hover[b-gv6lu0ebgv] {
        border-color: #86BC25;
        box-shadow: 0 0 0 0.0625rem #86BC2555;
    }

    .tile-button:focus-visible[b-gv6lu0ebgv] {
        outline: 0.125rem solid #000000;
        outline-offset: 0.0625rem;
    }

    .tile-button.is-selected[b-gv6lu0ebgv] {
        border-color: #86BC25;
        box-shadow: 0 0 0 0.125rem #86BC2544;
    }

    /* The preview draws its own SVG into the tile; keeping it out of hit testing leaves the whole
       tile a single click target and a single focus stop. */
    .tile-button[b-gv6lu0ebgv]  * {
        pointer-events: none;
    }

/* Preview — fills the body, capped by whichever of width or height runs out first */
.preview-body[b-gv6lu0ebgv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 0;
    padding: 0.5rem 0.625rem;
}

.preview-stage[b-gv6lu0ebgv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 4 / 3;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    overflow: hidden;
}

.tile-unavailable[b-gv6lu0ebgv],
.preview-unavailable[b-gv6lu0ebgv] {
    margin: 0;
    padding: 0.25rem;
    font-size: 0.625rem;
    color: #75787B;
    text-align: center;
}

.preview-unavailable[b-gv6lu0ebgv] {
    font-size: 0.75rem;
}

.flow-previews-message[b-gv6lu0ebgv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin: 0;
    padding: 0.75rem;
    font-size: 0.75rem;
    color: #75787B;
    text-align: center;
}

/* A third-width card cannot hold the toolbar on one line, so it wraps rather than clipping the
   toggle the whole card is driven by. */
.size-third .widget-toolbar[b-gv6lu0ebgv] {
    flex-wrap: wrap;
    row-gap: 0.25rem;
    padding: 0.375rem 0.5rem;
}

.size-third .segment[b-gv6lu0ebgv] {
    padding: 0.125rem 0.375rem;
    font-size: 0.5625rem;
    letter-spacing: 0;
}

.size-third .back-button[b-gv6lu0ebgv] {
    font-size: 0.625rem;
    padding: 0.125rem 0.375rem;
}

.size-third .preview-name[b-gv6lu0ebgv] {
    font-size: 0.6875rem;
}

.size-third .expand-button[b-gv6lu0ebgv] {
    width: 1.125rem;
    height: 1.125rem;
}

.size-third .preview-body[b-gv6lu0ebgv],
.size-third .gallery[b-gv6lu0ebgv] {
    padding: 0.375rem 0.5rem;
}
/* /Pages/ExecutiveSummary/Widgets/FutureStateImpactOverTimeWidget.razor.rz.scp.css */
.future-state-impact[b-0bt37mc6ab] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    color: #000000;
}

.widget-toolbar[b-0bt37mc6ab] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex: none;
    padding: 0.375rem 0.625rem;
    border-bottom: 0.05rem solid #D0D0CE;
    cursor: default;
}

.metric-select[b-0bt37mc6ab] {
    flex: none;
    max-width: 9rem;
    padding: 0.125rem 0.375rem;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    color: #000000;
    font-family: inherit;
    font-size: 0.6875rem;
    cursor: pointer;
}

    .metric-select:focus-visible[b-0bt37mc6ab] {
        outline: 0.125rem solid #86BC25;
        outline-offset: 0.0625rem;
    }

.legend[b-0bt37mc6ab] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
    flex: none;
    overflow: hidden;
    padding: 0.3125rem 0.625rem;
    border-bottom: 0.05rem dashed #E6E6E6;
    font-size: 0.5625rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #75787B;
    white-space: wrap;
}

.legend-item[b-0bt37mc6ab] {
    display: inline-flex;
    align-items: center;
    flex: none;
}

.legend-swatch[b-0bt37mc6ab] {
    width: 0.75rem;
    height: 0.125rem;
    margin-right: 0.25rem;
    border-radius: 0.125rem;
}

/* Chart */
.chart[b-0bt37mc6ab] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0.375rem 0.5rem 0.25rem 0.375rem;
}

.chart-body[b-0bt37mc6ab] {
    display: flex;
    flex: 1;
    min-height: 0;
}

.y-axis[b-0bt37mc6ab] {
    position: relative;
    flex: none;
    width: 2.25rem;
}

.y-tick[b-0bt37mc6ab] {
    position: absolute;
    right: 0.25rem;
    transform: translateY(-50%);
    font-size: 0.5rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: #75787B;
}

.plot[b-0bt37mc6ab] {
    position: relative;
    flex: 1;
    min-width: 0;
}

/* preserveAspectRatio="none" lets the 0-100 square fill a card of any width. It also scales the
   stroke with it, which non-scaling-stroke undoes — without it a wide card draws hairlines and a
   narrow one draws slabs, and the dash patterns stretch with them. */
.plot-svg[b-0bt37mc6ab] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.grid-line[b-0bt37mc6ab] {
    stroke: #E6E6E6;
    stroke-width: 1;
    stroke-dasharray: 3 3;
    vector-effect: non-scaling-stroke;
}

.series-line[b-0bt37mc6ab] {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

    /* The selected baseline is dashed so it reads as the reference for the other states. */
    .series-line.is-baseline[b-0bt37mc6ab] {
        stroke-width: 1.5;
        stroke-dasharray: 4 3;
    }

/* Hover — a rule down the year, a dot on every line, and the readout */
.hover-band[b-0bt37mc6ab] {
    position: absolute;
    top: 0;
    bottom: 0;
}

.hover-rule[b-0bt37mc6ab] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.0625rem;
    transform: translateX(-50%);
    background-color: #D0D0CE;
    pointer-events: none;
}

.hover-dot[b-0bt37mc6ab] {
    position: absolute;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0.09375rem #FFFFFF;
    pointer-events: none;
}

.chart-tooltip[b-0bt37mc6ab] {
    position: absolute;
    top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
    margin-left: 0.375rem;
    padding: 0.25rem 0.375rem;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px #00000022;
    font-size: 0.5625rem;
    pointer-events: none;
}

    /* Past the midpoint of the horizon the readout hangs to the left instead, so the last years
       don't push it off the card. */
    .chart-tooltip.flip[b-0bt37mc6ab] {
        margin-left: -0.375rem;
        transform: translateX(-100%);
    }

.tooltip-year[b-0bt37mc6ab] {
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #000000;
}

.tooltip-row[b-0bt37mc6ab] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.tooltip-swatch[b-0bt37mc6ab] {
    flex: none;
    width: 0.5rem;
    height: 0.125rem;
    border-radius: 0.125rem;
}

.tooltip-name[b-0bt37mc6ab] {
    color: #75787B;
}

.tooltip-value[b-0bt37mc6ab] {
    margin-left: auto;
    padding-left: 0.375rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #000000;
}

.x-axis[b-0bt37mc6ab] {
    display: flex;
    justify-content: space-between;
    flex: none;
    padding-top: 0.125rem;
    padding-left: 2.25rem;
    font-size: 0.5rem;
    font-variant-numeric: tabular-nums;
    color: #75787B;
}

.future-state-impact-message[b-0bt37mc6ab] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0.75rem;
    font-size: 0.75rem;
    color: #75787B;
    text-align: center;
}
/* /Pages/ExecutiveSummary/Widgets/WorldMapWidget.razor.rz.scp.css */
/* Raw Deloitte hex rather than --widget-* tokens: nothing in this solution defines them here. Small
   text takes #26890D, because #86BC25 fails WCAG against the white card. */
.world-map[b-r4dy591nza] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    color: #000000;
}

.world-map-message[b-r4dy591nza] {
    margin: 0;
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.5;
    color: #75787B;
}

.world-map-state-select[b-r4dy591nza] {
    flex: 0 1 8rem;
    min-width: 5rem;
    max-width: 8rem;
    padding: 0.125rem 0.375rem;
    border: 0.05rem solid #D0D0CE;
    border-radius: 0.25rem;
    background-color: #FFFFFF;
    color: #000000;
    font-family: inherit;
    font-size: 0.6875rem;
    cursor: pointer;
}

.world-map-state-select:focus-visible[b-r4dy591nza] {
    outline: 0.125rem solid #86BC25;
    outline-offset: 0.0625rem;
}

.world-map-crumbs[b-r4dy591nza] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex: none;
    min-width: 0;
    padding: 0.375rem 0.625rem;
    border-bottom: 0.05rem solid #D0D0CE;
    font-size: 0.6875rem;
    cursor: default;
}

.world-map-path[b-r4dy591nza] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 auto;
}

.crumb[b-r4dy591nza] {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    border: none;
    background: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    color: #26890D;
    cursor: pointer;
}

    .crumb:hover:not(:disabled)[b-r4dy591nza] {
        text-decoration: underline;
    }

    .crumb:disabled[b-r4dy591nza],
    .crumb.is-current[b-r4dy591nza] {
        color: #000000;
        cursor: default;
    }

    .crumb:focus-visible[b-r4dy591nza] {
        outline: 0.125rem solid #000000;
        outline-offset: 0.0625rem;
    }

.crumb-separator[b-r4dy591nza] {
    flex: none;
    color: #75787B;
}

/* The map container positions itself absolutely, so the stage is what gives it a size. */
.world-map-stage[b-r4dy591nza] {
    position: relative;
    flex: 1 1 auto;
    min-height: 6rem;
    overflow: hidden;
}

.world-map-hint[b-r4dy591nza] {
    position: absolute;
    right: 0.5rem;
    bottom: 0.25rem;
    z-index: 1;
    font-size: 0.6875rem;
    color: #75787B;
    pointer-events: none;
}

.world-map.size-third .world-map-hint[b-r4dy591nza] {
    display: none;
}
/* /Pages/FutureState/FutureStateFlowBuilder.razor.rz.scp.css */
.flow-editor-container[b-d0td16c42p] {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.function-dialog[b-d0td16c42p] {
    padding: 1.25rem !important;
}

.flow-top-bar[b-d0td16c42p] {
    z-index: 1000;
    width: 100%;
    height: 2.5rem;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 0.05rem solid #D0D0CE;
}

[b-d0td16c42p] .flow-name-field {
    position: absolute;
    top: 4rem;
    left: calc(50%);
    transform: translateX(-50%);
    background-color: #FAFAFA;
    border: 2px solid #D0D0CE;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    [b-d0td16c42p] .flow-name-field input {
        text-align: center;
    }

[b-d0td16c42p] .save-fs-button {
    margin-left: auto;
    border-radius: 0;
    height: 100%;
    width: 10rem;
    text-transform: none;
}

.flow-editor-mode-toggle[b-d0td16c42p] {
    display: flex;
    justify-content: center;
    justify-items: center;
    height: 10%;
}

.flow-editor-actions[b-d0td16c42p] {
    position: absolute;
    left: 0;
    top: 2.5rem;
    width: 12rem;
    height: calc(100% - 2.35rem);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: 1rem;
    border-right: .05rem solid #D0D0CE;
}

[b-d0td16c42p] .flow-editor-actions .mud-expansion-panels .mud-expand-panel {
    margin: 0;
}

[b-d0td16c42p] .flow-editor-expansion-header {
    font-size: .65rem;
    font-weight: bold;
    min-height: .8rem;
    padding: .15rem .5rem;
}

[b-d0td16c42p] .flow-editor-expansion-header .mud-expand-panel-text {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-d0td16c42p] .flow-editor-expansion-header svg {
    width: .9rem;
    height: .9rem;
}

.action-group[b-d0td16c42p] {
    width: 100%;
    padding: .5rem;
    height: fit-content;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

.action-button[b-d0td16c42p] {
    width: 100%;
    height: 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    justify-items: center;
    font-size: .6rem;
    background-color: #FAFAFA;
    border: 1px solid #E0E0EE;
    border-radius: 0.2rem;
}

    .action-button:disabled[b-d0td16c42p] {
        opacity: .5;
        cursor: not-allowed;
    }
    
.customs-count-indicator[b-d0td16c42p] {
    font-weight: bold;
    background-color: #FFCD00;
    border-radius: 0.5rem;
    padding: 0 .2rem;
}

.new-entity-button[b-d0td16c42p] {
    width: .9rem;
    height: .65rem;
    outline: 2px dashed rgba(237, 139, 0, 1);
    border-radius: 0;
}

.add-entity-button[b-d0td16c42p] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid rgba(237, 139, 0, 1);
    border-radius: 0;
}

.add-3p-button[b-d0td16c42p] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid rgba(237, 139, 0, 1);
    border-radius: 45%;
}

.add-3p-shape-button[b-d0td16c42p] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid black;
    border-radius: 45%;
}

.add-rectangle-button[b-d0td16c42p] {
    width: .9rem;
    height: .65rem;
    outline: 2px solid black;
    border-radius: 0;
    font-weight: bold;
}

.add-textbox-button[b-d0td16c42p] {
    width: 1rem;
    height: .65rem;
    background-color: white;
    outline: 2px solid black;
    border-radius: 0;
    font-size: .44rem;
    font-weight: bold;
    text-align: center;
    line-height: .65rem;
}

.add-callout-button[b-d0td16c42p] {
    position: relative;
    width: 1rem;
    height: 0.65rem;
    background-color: white;
    outline: 2px solid black;
    border-radius: 0.2rem;
    font-size: .43rem;
    font-weight: bold;
    text-align: center;
    line-height: .65rem;
}

.add-callout-button[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    bottom: -0.39rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4rem 0.3rem 0 0.3rem;
    border-color: black transparent transparent transparent;
    pointer-events: none;
}

.add-callout-button[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    bottom: -0.24rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.36rem 0.26rem 0 0.26rem;
    border-color: white transparent transparent transparent;
    pointer-events: none;
}

/* Flow type button styles */
.flow-button-physical[b-d0td16c42p],
.flow-button-legal[b-d0td16c42p],
.flow-button-payment[b-d0td16c42p],
.flow-button-service[b-d0td16c42p],
.flow-button-iptransfer[b-d0td16c42p],
.flow-button-iplicense[b-d0td16c42p],
.flow-button-agreement[b-d0td16c42p],
.flow-button-ownership[b-d0td16c42p] {
    position: relative;
    width: 1.4rem;
    height: .65rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flow-button-physical[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #CE1210;
    left: 0;
}

.flow-button-physical[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #CE1210;
}

.flow-button-legal[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #99C13C 0,
        #99C13C 3px,
        transparent 3px,
        transparent 6px
    );
    left: 0;
}

.flow-button-legal[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #99C13C;
}

.flow-button-payment[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #9B9B9D 0,
        #9B9B9D 3px,
        transparent 3px,
        transparent 6px
    );
    left: 0;
}

.flow-button-payment[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #9B9B9D;
}

.flow-button-service[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000000;
    left: 0;
}

.flow-button-service[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #000000;
}

.flow-button-iptransfer[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #FFA500;
    left: 0;
}

.flow-button-iptransfer[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #FFA500;
}

.flow-button-iplicense[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #8E25AB;
    left: 0;
}

.flow-button-iplicense[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #8E25AB;
}

.flow-button-agreement[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #256F8C;
    left: 0;
}

.flow-button-agreement[b-d0td16c42p]::after {
    content: "";
    position: absolute;
    right: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #256F8C;
}

.flow-button-ownership[b-d0td16c42p]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000000;
    left: 0;
}

/* Active state for flow buttons */
.flow-mode-active[b-d0td16c42p] {
    filter: drop-shadow(0 0 3px #86BC25) drop-shadow(0 0 6px #86BC25);
}

.action-button:has(.flow-mode-active)[b-d0td16c42p] {
    background-color: rgba(134, 188, 37, 0.1) !important;
    border-color: #86BC25 !important;
}

/* Active state for transaction buttons */
.transaction-mode-active[b-d0td16c42p] {
    background-color: rgba(134, 188, 37, 0.1) !important;
    border-color: #86BC25 !important;
}

.transaction-mode-active .mud-icon-root[b-d0td16c42p] {
    filter: drop-shadow(0 0 3px #86BC25) drop-shadow(0 0 6px #86BC25);
}

.open-step-list-button[b-d0td16c42p] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .85rem;
    height: 3.5rem;
    background-color: #acacac;
    border-left: .05rem solid #D0D0CE;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 500;
}

.close-step-list-button[b-d0td16c42p] {
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 500;
}

.close-step-list-button:hover[b-d0td16c42p] {
    background-color: #D0D0CE;
}

[b-d0td16c42p] .step-list {
    height: calc(100% - 2.5rem) !important;
    background-color: #FFFFFF;
    padding-top: .5rem;
    border-left: .05rem solid #D0D0CE;
}

.add-flow-button[b-d0td16c42p] {
    justify-self: flex-end;
    height: 1.5rem;
    margin: 1rem 0;
    color: #26890D;
}

.flow-preview[b-d0td16c42p] {
    width: 7.4rem;
    height: 5.8rem;
    margin-bottom: .75rem;
    border-radius: .2rem;
    text-align: center;
    justify-content: center;
}

.flow-preview-icon[b-d0td16c42p] {
    width: 100%;
    height: 4.6rem;
    border: 2px solid #D0D0CE;
    border-radius: .25rem;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
}

    .flow-preview-icon[b-d0td16c42p] >  * {
        visibility: hidden;
    }

    .flow-preview-icon:hover[b-d0td16c42p] >  * {
        visibility: visible;
    }

.flow-preview-label[b-d0td16c42p] {
    font-size: 0.8rem;
    border: 2px solid transparent;
    border-top: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-flow[b-d0td16c42p] {
    border-color: #86BC25;
}

    .selected-flow.flow-preview[b-d0td16c42p] {
        background-color: #86BC25;
    }

    .selected-flow .flow-preview-icon[b-d0td16c42p] {
        border-color: #86BC25;
    }

    .selected-flow .flow-preview-label[b-d0td16c42p] {
        font-weight: bold;
        background-color: #86BC25;
        border-bottom-left-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }

[b-d0td16c42p] .orange-dashed-border {
    stroke-dasharray: 5, 5;
    stroke: rgba(237, 139, 0, 1);
    stroke-width: 2;
}

.mode-toggle[b-d0td16c42p] {
    width: 40%;
    border-bottom: 2px solid transparent;
    margin-bottom: 1rem;
}

    .mode-toggle.active-toggle[b-d0td16c42p] {
        font-weight: bold;
        border-bottom-color: #86BC25;
    }

.rectangle-mode-active[b-d0td16c42p] {
    filter: drop-shadow(0 0 3px #86BC25) drop-shadow(0 0 6px #86BC25);
}

.action-button:has(.rectangle-mode-active)[b-d0td16c42p] {
    background-color: rgba(134, 188, 37, 0.1) !important;
    border-color: #86BC25 !important;
}

.add-icon-button[b-d0td16c42p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: .65rem;
    overflow: visible;
}

.flow-editor-actions.hidden[b-d0td16c42p] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}

/* /Pages/FutureState/Shared/AddLoanDialog.razor.rz.scp.css */
[b-36hs9jj64g] .borrowers-field .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-36hs9jj64g] .mud-stepper-content {
    min-height: 26rem;
    max-height: 26rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-36hs9jj64g] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-36hs9jj64g] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-36hs9jj64g] {
    padding: .4rem .75rem;
}
[b-36hs9jj64g] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-36hs9jj64g] .mud-input-control-helper-container {
    display: none;
}
/* /Pages/FutureState/Shared/AddNewEntityDialog.razor.rz.scp.css */
[b-5wg5g4pw4f] .input-label {
    min-width: 10rem;
    max-width: 10rem;
}

[b-5wg5g4pw4f] .mud-button-root {
    text-transform: none;
}

@keyframes slideOutLeft-b-5wg5g4pw4f {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes slideInRight-b-5wg5g4pw4f {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInLeft-b-5wg5g4pw4f {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight-b-5wg5g4pw4f {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

[b-5wg5g4pw4f] .slide-out-left {
    animation: slideOutLeft-b-5wg5g4pw4f 0.5s forwards !important;
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 100%;
}

[b-5wg5g4pw4f] .slide-in-left {
    animation: slideInLeft-b-5wg5g4pw4f 0.5s forwards !important;

}

[b-5wg5g4pw4f] .slide-out-right {
    animation: slideOutRight-b-5wg5g4pw4f 0.5s forwards !important;
}

[b-5wg5g4pw4f] .slide-in-right {
    animation: slideInRight-b-5wg5g4pw4f 0.5s forwards !important;
}

[b-5wg5g4pw4f] .second-view.hidden {
    display: none !important;
}

[b-5wg5g4pw4f] .mud-dialog {
    overflow: hidden !important;
}

[b-5wg5g4pw4f] .mud-dialog-content {
    overflow: hidden !important;
}

[b-5wg5g4pw4f] .arrow-back {
    margin-left: 0;
    margin-right: auto;
    outline: 1px solid rgb(66, 66, 66);
    border-radius: .2rem;
    height: 2rem;
}
/* /Pages/FutureState/Shared/AddPnlDialog.razor.rz.scp.css */
[b-h60vtw0c08] .field-name-column {
    font-size: .65rem;
    max-width: 12.5rem !important;
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem !important;
    white-space: nowrap !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    background-color: white;
}

[b-h60vtw0c08] .field-value-column {
    font-size: .65rem;
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem !important;
    padding-left: .78rem !important;
    white-space: nowrap !important;
}

[b-h60vtw0c08] .mud-data-grid .mud-table-cell .column-header {
    font-size: .7rem !important;
    line-height: 1rem;
}

[b-h60vtw0c08] .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 700 !important;
    background-color: #022169 !important;
    color: white;
}

[b-h60vtw0c08] .mud-table-head .mud-table-row .mud-table-cell:not(:nth-of-type(-n+2)) {
    border-left: 1px solid rgb(224, 224, 224) !important;
    font-weight: 700 !important;
}


[b-h60vtw0c08] .mud-table-head .mud-table-row .mud-table-cell:first-of-type {
    border-right: 1px solid rgb(224, 224, 224) !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    background-color: white;
}

[b-h60vtw0c08] .field-calculated {
    font-size: .6rem;
    padding-left: 0 !important;
    text-align: right;
}

[b-h60vtw0c08] .field-input {
    font-size: .6rem;
    text-align: right !important;
}

[b-h60vtw0c08] .mud-table {
    box-shadow: none !important;
    border: 2px solid #022169;
    border-radius: .2rem;
}

[b-h60vtw0c08] .mud-input {
    padding-left: 0 !important;
}

[b-h60vtw0c08] .mud-input .mud-input-slot {
    padding-bottom: 0 !important;
    text-align: right !important;
}

[b-h60vtw0c08] .mud-input-adornment-end > p {
    padding-top: 3px;
    font-size: .65rem !important;
}

[b-h60vtw0c08] .mud-button-root {
    text-transform: none;
}
/* /Pages/FutureState/Shared/AddRoyaltyFeeDialog.razor.rz.scp.css */
[b-f5dib9kpqs] .licensees-field .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-f5dib9kpqs] .mud-stepper-content {
    min-height: 29rem;
    max-height: 29rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-f5dib9kpqs] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-f5dib9kpqs] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-f5dib9kpqs] {
    padding: .4rem .75rem;
}
[b-f5dib9kpqs] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-f5dib9kpqs] .mud-input-control-helper-container {
    display: none;
}

.wht-container[b-f5dib9kpqs] {
    max-height: 9rem;
}
/* /Pages/FutureState/Shared/AddServiceFeeDialog.razor.rz.scp.css */
[b-92kmheq7ui] .service-recipients-field .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-92kmheq7ui] .mud-stepper-content {
    min-height: 29rem;
    max-height: 29rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-92kmheq7ui] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-92kmheq7ui] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-92kmheq7ui] {
    padding: .4rem .75rem;
}
[b-92kmheq7ui] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-92kmheq7ui] .mud-input-control-helper-container {
    display: none;
}

.wht-container[b-92kmheq7ui] {
    max-height: 9rem;
}
/* /Pages/FutureState/Shared/BuySellMiniWizard.razor.rz.scp.css */
[b-e9o7rjktdx] .mud-data-grid .mud-table-cell .column-header {
    padding: 10px 12px;
}

[b-e9o7rjktdx] .mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0;
}

[b-e9o7rjktdx] .mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-right: .25rem;
    padding-inline-end: .25rem;
}

[b-e9o7rjktdx] .text-right input {
    text-align: right;
}

[b-e9o7rjktdx] .mud-list-item-text {
    font-size: .75rem !important;
}
/* /Pages/FutureState/Shared/CurrentStateFlowSelectorDialog.razor.rz.scp.css */
.flow-preview[b-wksg07omyy] {
    width: 12.5rem;
    height: 8.6rem;
    margin-bottom: 1.3rem;
    border-radius: .2rem;
    text-align: center;
    justify-content: center;
}

    .flow-preview:hover[b-wksg07omyy] {
        background-color: #f0f0f0;
    }

.flow-preview-icon[b-wksg07omyy] {
    width: 100%;
    height: 100%;
    padding: .25rem;
    border: 2px solid #D0D0CE;
    border-radius: .25rem;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
}

.flow-preview-icon-inner[b-wksg07omyy] {
    width: 100%;
    height: 100%;
}

.flow-preview-icon.blank[b-wksg07omyy] {
    background: #F5F5F4;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .flow-preview-icon.blank img[b-wksg07omyy] {
        border-radius: 50%;
        border: 1px solid #86BC25;
        width: 2rem;
        height: 2rem
    }

.flow-preview:hover[b-wksg07omyy] {
    background-color: #86BC25;
}

    .flow-preview:hover .flow-preview-icon[b-wksg07omyy] {
        border-color: #86BC25;
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
    }

    .flow-preview:hover .flow-preview-label[b-wksg07omyy] {
        background-color: #86BC25;
    }

.flow-preview-label[b-wksg07omyy] {
    font-size: 0.8rem;
    border: 2px solid transparent;
    border-top: none;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/FutureState/Shared/CustomsWizard.razor.rz.scp.css */
.flag[b-xczx8qamzw] {
    width: 1rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-xczx8qamzw] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-xczx8qamzw] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-xczx8qamzw] {
    padding: .4rem .75rem;
}

[b-xczx8qamzw] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-xczx8qamzw] .mud-input-control-helper-container {
    display: none;
}

/*Reduce padding, prevent text wrap in header columns*/
[b-xczx8qamzw] .mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0.4rem 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 10rem;
}

[b-xczx8qamzw] .mud-table-dense * .mud-table-row .mud-table-cell.align-right {
    text-align: right;
}

[b-xczx8qamzw] .mud-table-dense * .mud-table-row .mud-table-cell.align-right > span {
    justify-content: flex-end;
}

[b-xczx8qamzw] .mud-table-dense {
    margin-bottom: .1rem;
}

[b-xczx8qamzw] .mud-grid-item-xs-customs-rate {
    flex-grow: 0;
    max-width: calc(100% / 12 * 1 + 2rem);
    flex-basis: calc(100% / 12 * 1 + 2rem);
}

[b-xczx8qamzw] .mud-grid-item-xs-start-year-customs-amount {
    flex-grow: 0;
    max-width: calc(100% / 12 * 3 - 2rem);
    flex-basis: calc(100% / 12 * 3 - 2rem);
}

[b-xczx8qamzw] .mud-input-control.nominal-amount-input .mud-input > .mud-input-slot {
    padding: 0.4rem 0.4rem;
    text-align: right;
}
/* /Pages/FutureState/Shared/DisallowedExpenseEditComponent.razor.rz.scp.css */
.mud-simple-table.mud-table-dense * tr td[b-2ks69gs65u], .mud-simple-table.mud-table-dense * tr th[b-2ks69gs65u] {
    padding: .25rem .3rem;
    text-align: center;
}

[b-2ks69gs65u] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-2ks69gs65u] {
    padding: .25rem;
    text-align: center;
}

[b-2ks69gs65u] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input {
    padding-left: .25rem;
    padding-right: 0;
}

[b-2ks69gs65u] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .25rem;
}

[b-2ks69gs65u] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell {
    position: relative;
    height: 3rem;
    line-height: 1rem;
}

[b-2ks69gs65u] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell div {
    position: absolute;
    bottom: 0;
}

[b-2ks69gs65u] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell,
[b-2ks69gs65u] .mud-table-root > .mud-table-body > .mud-table-row > .mud-table-cell,
[b-2ks69gs65u] .mud-table-cell {
    padding: .1rem .25rem;
    font-size: .7rem;
    text-align: center;
}

[b-2ks69gs65u] .mud-table-root > .mud-table-body > .mud-table-row > .mud-table-cell {
    border: none;
}

[b-2ks69gs65u] .mud-table-root > .mud-table-body > .mud-table-cell {
    font-size: .6rem;
}
/* /Pages/FutureState/Shared/EditLineItemDialog.razor.rz.scp.css */
[b-mgk6ym6ecw] .field-name-column {
    font-size: .65rem;
    max-width: 12.5rem !important;
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem !important;
    white-space: nowrap !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    background-color: white;
}

[b-mgk6ym6ecw] .field-value-column {
    font-size: .65rem;
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem !important;
    padding-left: .78rem !important;
    white-space: nowrap !important;
}

[b-mgk6ym6ecw] .mud-data-grid .mud-table-cell .column-header {
    font-size: .7rem !important;
    line-height: 1rem;
}

[b-mgk6ym6ecw] .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 700 !important;
    background-color: #022169 !important;
    color: white;
}

[b-mgk6ym6ecw] .mud-table-head .mud-table-row .mud-table-cell:not(:nth-of-type(-n+2)) {
    border-left: 1px solid rgb(224, 224, 224) !important;
    font-weight: 700 !important;
}


[b-mgk6ym6ecw] .mud-table-head .mud-table-row .mud-table-cell:first-of-type {
    border-right: 1px solid rgb(224, 224, 224) !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    background-color: white;
}

[b-mgk6ym6ecw] .field-calculated {
    font-size: .6rem;
    padding-left: 0 !important;
    text-align: right;
}

[b-mgk6ym6ecw] .field-input {
    font-size: .6rem;
    text-align: right !important;
}

[b-mgk6ym6ecw] .mud-table {
    box-shadow: none !important;
    border: 2px solid #022169;
    border-radius: .2rem;
}

[b-mgk6ym6ecw] .mud-input {
    padding-left: 0 !important;
}

[b-mgk6ym6ecw] .mud-input-control:not(.tax-rate-select) .mud-input .mud-input-slot {
    padding-bottom: 0 !important;
    text-align: right !important;
}

[b-mgk6ym6ecw] .mud-input-adornment-end > p {
    padding-top: 3px;
    font-size: .65rem !important;
}

[b-mgk6ym6ecw] .mud-button-root {
    text-transform: none;
}
/* /Pages/FutureState/Shared/FlowFutureStateStepsList.razor.rz.scp.css */
.steps-list-wrapper[b-gxmh8zx0e9] {
    width: 100%;
    padding: 0 .5rem 0 0;
    height: 100%;
    overflow-y: hidden;
    justify-content: left;
}

.steps-list-title[b-gxmh8zx0e9] {
    margin-top: .75rem;
    margin-bottom: .25rem;
}

    .steps-list-title:first-of-type[b-gxmh8zx0e9] {
        margin-top: 0;
    }
    
.tax-impacts[b-gxmh8zx0e9] {
    margin-left: .5rem;
}

.impact-row[b-gxmh8zx0e9] {
    margin-left: 1rem;
    width: 8rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.impact-row.subtotal[b-gxmh8zx0e9] {
    font-weight: 600;
}

.future-state-step[b-gxmh8zx0e9] {
    width: 100%;
    margin: .5rem 0;
    display: flex;
    flex-direction: row;
}

.future-state-step.draggable[b-gxmh8zx0e9] {
    cursor: grab;
}

.step-handle[b-gxmh8zx0e9] {
    width: 10%;
}

.step-content[b-gxmh8zx0e9] {
    width: 82%;
}

    .step-content p[b-gxmh8zx0e9] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.text-wrap[b-gxmh8zx0e9] {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: unset !important;
}

.step-actions[b-gxmh8zx0e9] {
    width: 8%;
}

.steps-list[b-gxmh8zx0e9] {
    height: calc(100% - 6rem);
    overflow-y: scroll;
    overflow-x: hidden;
}

summary[b-gxmh8zx0e9] {
    cursor: pointer;
}

[b-gxmh8zx0e9] .drop-zone {
    border: 2px solid transparent;
    padding: 0 .1rem;
    border-radius: .2rem;
}

[b-gxmh8zx0e9] .drop-zone-dragging {
    border: 2px solid rgb(38, 137, 13);
    border-radius: .2rem;
}

[b-gxmh8zx0e9] .item-dragging {
    background-color: rgb(38, 137, 13);
    border-radius: .2rem;
    color: white;
    margin-top: 0;
}

    [b-gxmh8zx0e9] .item-dragging svg {
        color: white;
    }

[b-gxmh8zx0e9] .mud-drop-item {
    touch-action: none;
    transform: translate3d(0px, 0px, 0px);
}

[b-gxmh8zx0e9] .mud-dropitem-placeholder {
    margin: .5rem 0
}

/* Workaround to prevent multiple MudMenus being open at a time (for the Clone/Delete menus) */
[b-gxmh8zx0e9] .mud-overlay {
    top: -25vh;
    left: -1.5rem;
    width: 100vw;
    height: 125vh;
}
/* /Pages/FutureState/Shared/FutureStatePnlPreviewDialog.razor.rz.scp.css */
/* Component-specific styles for FutureStatePnlPreviewDialog */
[b-k9yhlkmxmd] .mud-dialog-content {
    height: 44rem;
    max-height: calc(100vh - 3rem) !important;
    margin-top: 0;
}

.cards-container[b-k9yhlkmxmd] {
    display: flex;
    justify-content: center;
    align-content: center;
}

.step-entity-dialog[b-k9yhlkmxmd] {
    max-width: none !important;
}
/* /Pages/FutureState/Shared/IPTransferDialog.razor.rz.scp.css */
[b-uzcdqvlyow] .transferees-field .mud-input-slot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-uzcdqvlyow] .royalty-declining-rate {
    display: flex;
    flex: 1;
    height: 2rem;
}

[b-uzcdqvlyow] .royalty-declining-rate .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: .4rem .3rem;
    text-align: right;
}

[b-uzcdqvlyow] .royalty-declining-rate .mud-input > div.mud-input-adornment.mud-input-adornment-end.mud-text > p {
    font-size: .7rem;
}

[b-uzcdqvlyow] .royalty-declining-rate .mud-input > .mud-input-outlined-border > legend {
    font-size: .65rem;
}

[b-uzcdqvlyow] .royalty-declining-rate .mud-input-label {
    font-size: .85rem;
    font-weight: bold;
}

[b-uzcdqvlyow] .mud-stepper-content {
    min-height: 29rem;
    max-height: 29rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-uzcdqvlyow] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-uzcdqvlyow] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-uzcdqvlyow] {
    padding: .4rem .75rem;
}
[b-uzcdqvlyow] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-uzcdqvlyow] .mud-input-control-helper-container {
    display: none;
}

.wht-container[b-uzcdqvlyow] {
    max-height: 9rem;
}
/* /Pages/FutureState/Shared/MoveFunctionWizard.razor.rz.scp.css */
/*A fixed height keeps the step panels from resizing as you move between them. It is kept well under
  the viewport (unlike the 32rem the data-grid dialogs use) so the Back/Next/Save row stays visible.*/
[b-lfmvpdt8ik] .mud-stepper-content {
    min-height: 20rem;
    max-height: 20rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

/*The helper-text container is hidden below, so restore the gap fields normally get beneath them.*/
[b-lfmvpdt8ik] .mud-input-control {
    margin-bottom: .5rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-lfmvpdt8ik] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-lfmvpdt8ik] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-lfmvpdt8ik] {
    padding: .4rem .75rem;
}

[b-lfmvpdt8ik] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-lfmvpdt8ik] .mud-input-control-helper-container {
    display: none;
}

/*Reduce padding, prevent text wrap in header columns*/
[b-lfmvpdt8ik] .mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0.4rem 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 10rem;
}

[b-lfmvpdt8ik] .mud-table-dense * .mud-table-row .mud-table-cell.align-right {
    text-align: right;
}

[b-lfmvpdt8ik] .mud-table-dense {
    margin-bottom: .1rem;
}
/* /Pages/FutureState/Shared/MoveRevenueExpenseDialog.razor.rz.scp.css */
[b-aa6vqlg1v4] .mud-stepper-content {
    min-height: 32rem;
    max-height: 32rem;
    overflow-y: auto;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}

[b-aa6vqlg1v4] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input {
    padding-right: .35rem;
}

/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-aa6vqlg1v4] .mud-input-label::after {
    display: none;
}

/*Make all MudBlazor fields smaller to fit more on the dialog window.*/
[b-aa6vqlg1v4] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-aa6vqlg1v4] {
    padding: .4rem .75rem;
}
[b-aa6vqlg1v4] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .4rem .75rem;
}

/*Hide the HelperText and RequiredError on MudBlazor fields.*/
[b-aa6vqlg1v4] .mud-input-control-helper-container {
    display: none;
}

/*Reduce padding, prevent text wrap in data grid header/cell columns*/
[b-aa6vqlg1v4] .mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0.4rem 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 10rem;
}

[b-aa6vqlg1v4] .mud-table-dense * .mud-table-row .mud-table-cell.align-right {
    text-align: right;
}

[b-aa6vqlg1v4] .mud-table-dense * .mud-table-row .mud-table-cell.align-right > span {
    justify-content: flex-end;
}

[b-aa6vqlg1v4] .align-right .mud-input-slot {
    text-align: right;
}

[b-aa6vqlg1v4] .percent-field .mud-input-slot {
    padding-right: 0.25rem !important;
}

[b-aa6vqlg1v4] .mud-table-dense {
    margin-bottom: .1rem;
}

.wht-container[b-aa6vqlg1v4] {
    max-height: 9rem;
}
/* /Pages/FutureState/Shared/NolUtilizationRatesEditComponent.razor.rz.scp.css */
[b-95q4l9gj80] .mud-table {
    margin-bottom: .1rem;
    width: fit-content;
}

.label-col[b-95q4l9gj80] {
    min-width: 6rem;
}

.data-col[b-95q4l9gj80] {
    max-width: 6rem;
}

.mud-simple-table.mud-table-dense * tr td[b-95q4l9gj80], .mud-simple-table.mud-table-dense * tr th[b-95q4l9gj80] {
    padding: 0 .3rem;
    text-align: center;
}

[b-95q4l9gj80] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-95q4l9gj80] {
    max-width: 3rem;
    padding: .35rem;
    text-align: center;
}
/* /Pages/FutureState/Shared/SaveFlowFutureStateDialog.razor.rz.scp.css */
.row[b-pthpjxqjmk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.col[b-pthpjxqjmk] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
    gap: .5rem;
}

.form-container[b-pthpjxqjmk] {
    position: relative;
    padding-top: 1rem;
}
[b-pthpjxqjmk] .form-container .select-Custom .mud-input {
    padding-right: 0.7rem !important;
    padding-inline-end: 0.7rem !important;
    padding-inline-start: unset !important;
    background-color: white !important;
    border-radius: 0.35rem !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
}

[b-pthpjxqjmk].form-container .mud-input-control {
    width: 33.5rem;
    height: 4rem;
}

[b-pthpjxqjmk] .mud-input.mud-input-text {
    margin-top: 0 !important;
}

[b-pthpjxqjmk] .impact-text-field {
    width: 12rem !important;
    height: 1.5rem !important;
    margin: 0 0 .3rem 0 !important;
}

[b-pthpjxqjmk] .impact-label-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
    height: 1.5rem;
    margin-top: .3rem;
}

[b-pthpjxqjmk] .impact-label {
    max-width: 10rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1rem;
}

[b-pthpjxqjmk].form-container .mud-select {
    width: 12rem !important;
    height: 3rem !important;
}

[b-pthpjxqjmk] .edit-impact-button {
    margin: 0 0 0 .5rem;
}

[b-pthpjxqjmk] .mud-dialog .mud-dialog-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    padding: 0 2rem !important;
    align-items: center !important;
    border: none !important;
    justify-content: space-between !important;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
    width: 23rem !important;
    margin: 0 auto !important;
}

[b-pthpjxqjmk] .save-button, [b-pthpjxqjmk] .cancel-button {
    width: 8rem;
    height: 2.5rem;
    margin-top: 0.6rem;
    text-align: center;
    text-transform: none;
    font-size: 1.1rem;
    border-radius: .275rem;
}

[b-pthpjxqjmk] .cancel-button {
    color: rgba(38, 137, 13, 1) !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-transform: none;
}

[b-pthpjxqjmk] .save-button {
    box-shadow: none !important;
    text-transform: none;
}

    [b-pthpjxqjmk] .save-button:disabled {
        border-color: white !important;    
    }
/* /Pages/FutureState/Shared/VariableTaxRateEntryComponent.razor.rz.scp.css */
[b-fm8235nq9v] .mud-table {
    margin-bottom: .1rem;
    width: fit-content;
}

.label-col[b-fm8235nq9v] {
    min-width: 6rem;
}

.data-col[b-fm8235nq9v] {
    max-width: 6rem;
}

.mud-simple-table.mud-table-dense * tr td[b-fm8235nq9v], .mud-simple-table.mud-table-dense * tr th[b-fm8235nq9v] {
    padding: 0 .3rem;
    text-align: center;
}

[b-fm8235nq9v] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-fm8235nq9v] {
    max-width: 3rem;
    padding: .35rem;
    text-align: center;
}
/* /Pages/FutureState/Shared/WithholdingTaxRateEditComponent.razor.rz.scp.css */
.mud-simple-table.mud-table-dense * tr td[b-qp5a4se52i], .mud-simple-table.mud-table-dense * tr th[b-qp5a4se52i] {
    padding: .25rem .3rem;
    text-align: center;
}

[b-qp5a4se52i] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-qp5a4se52i] {
    padding: .25rem;
    text-align: center;
}

[b-qp5a4se52i] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input {
    padding-left: .25rem;
    padding-right: 0;
}

[b-qp5a4se52i] .mud-select > .mud-input-control.mud-input-control-margin-dense > .mud-input-control-input-container > .mud-input > .mud-input-slot {
    padding: .25rem;
}

[b-qp5a4se52i] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell {
    position: relative;
    height: 3rem;
    line-height: 1rem;
}

[b-qp5a4se52i] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell div {
    position: absolute;
    bottom: 0;
}

[b-qp5a4se52i] .mud-table-root > .mud-table-head > .mud-table-row > .mud-table-cell, 
[b-qp5a4se52i] .mud-table-root > .mud-table-body > .mud-table-row > .mud-table-cell,
[b-qp5a4se52i] .mud-table-cell {
    padding: .1rem .25rem;
    font-size: .7rem;
    text-align: center;
}

[b-qp5a4se52i] .mud-table-root > .mud-table-body > .mud-table-row > .mud-table-cell {
    border: none;
}

[b-qp5a4se52i] .mud-table-root > .mud-table-body > .mud-table-cell {
    font-size: .6rem;
}
/* /Pages/FutureState/TaxImpactChart.razor.rz.scp.css */
.impacts-wrapper[b-q2jjautan0] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tax-impact-wrapper[b-q2jjautan0] {
    border-bottom: 1px solid #CCC;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-weight: 600;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
}

.tax-impact-line[b-q2jjautan0] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    font-weight: normal;
}

.tax-impact-line.subtotal[b-q2jjautan0] {
    font-weight: 600;
}

.impact-row[b-q2jjautan0] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: .25rem;
}

.impact-row.title[b-q2jjautan0] {
    font-weight: 800;
    margin-bottom: 1.1rem;
}

.impact-name[b-q2jjautan0] {
    width: calc(100% - 1.1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
}

.circle[b-q2jjautan0] {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    border: 1px solid #FAFAFA;
}

.green[b-q2jjautan0] {
    background-color: #52A309;
}

.green-yellow[b-q2jjautan0] {
    background: linear-gradient(90deg, #52A309 50%, #F8C83C 50%);
}

.yellow[b-q2jjautan0] {
    background-color: #F8C83C;
}

.yellow-red[b-q2jjautan0] {
    background: linear-gradient(90deg, #F8C83C 50%, #f44336 50%);
}

.red[b-q2jjautan0] {
    background-color: #f44336;
}
/* /Pages/Map/CurrentStateFlowListComponent.razor.rz.scp.css */
.flow-list[b-syb1mtylct] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1rem;
}

.flow-list-inner[b-syb1mtylct] {
    height: 100%;
    width: 100%;
    /*justify-items: center;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    padding: 0 1rem;
    margin-top: 1rem;
    gap: 1rem;
    overflow-y: scroll;
    scrollbar-width: none;
    border-bottom: 0.05rem solid #D0D0CE;
}

.add-flow-button[b-syb1mtylct] {
    justify-self: flex-end;
    height: 1.5rem;
    margin: 1rem 0;
    color: #26890D;
}

.mud-menu-wrapper[b-syb1mtylct] {
    position: absolute;
    z-index: 1;
    right: 0;
    top: calc(100% - 4.35rem);
    visibility: hidden;
}

.flow-preview[b-syb1mtylct] {
    width: 7.4rem;
    height: 5.8rem;
    margin-bottom: .75rem;
    border-radius: .2rem;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}

    .flow-preview:hover .mud-menu-wrapper[b-syb1mtylct] {
        visibility: visible;
    }

.flow-preview-icon[b-syb1mtylct] {
    width: 100%;
    height: 4.6rem;
    border: 2px solid #D0D0CE;
    border-radius: .25rem;
    background-color: #ffffff;
    display: flex;
    justify-content: flex-start;
    padding: .25rem;
    position: relative;
}

.flow-preview-icon-inner[b-syb1mtylct] {
    width: 100%;
    height: 100%;
}

.flow-preview-label[b-syb1mtylct] {
    font-size: 0.8rem;
    border: 2px solid transparent;
    border-top: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-flow[b-syb1mtylct] {
    border-color: #86BC25;
}

    .selected-flow.flow-preview[b-syb1mtylct] {
        background-color: #86BC25;
    }

    .selected-flow .flow-preview-icon[b-syb1mtylct] {
        border-color: #86BC25;
    }

    .selected-flow .flow-preview-label[b-syb1mtylct] {
        font-weight: bold;
        background-color: #86BC25;
        border-bottom-left-radius: .2rem;
        border-bottom-right-radius: .2rem;
    }
/* /Pages/Map/CurrentStateMapSurface.razor.rz.scp.css */
/* Fills the host's container rather than the viewport: the JavaScript map measures this element, so
   a widget-sized host gets a widget-sized map without any change to the map itself. */
.map-container[b-0bx3evuu4n] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.map[b-0bx3evuu4n] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: grab;
}

.map-container.no-pan .map[b-0bx3evuu4n] {
    cursor: default;
}

[b-0bx3evuu4n] .svg-content {
    display: block;
    width: 100%;
    height: 100%;
    cursor: unset;
}

[b-0bx3evuu4n] .drop-shadow {
    transition: filter 0.3s ease-in;
    filter: drop-shadow(0 .3rem 0 #acacac);
}

/* Set on the region groups themselves so the hover shadow animates off as well as on, and eased to match
   the 300ms d3 opacity fade of the other regions (d3.easeCubicInOut). */
[b-0bx3evuu4n] #regions-group > g {
    transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

[b-0bx3evuu4n] .mapNode {
    cursor: pointer;
}
/* /Pages/Map/FutureStateChangeLogComponent.razor.rz.scp.css */
.futureState-steps-wrapper[b-pv0u2r7wft] {
    width: 100%;
    height: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 3;
    padding: 1rem .5rem;
    gap: .3rem;
}

.future-state-actions[b-pv0u2r7wft] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .25rem;
}

.walkthrough-controls[b-pv0u2r7wft] {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .4rem .5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-grey);
}

.walkthrough-status[b-pv0u2r7wft],
.walkthrough-buttons[b-pv0u2r7wft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.walkthrough-buttons[b-pv0u2r7wft] {
    justify-content: center;
    gap: .2rem;
}

.futureState-steps[b-pv0u2r7wft] {
    background-color: white;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    z-index: 4;
}

.futureState-step:first-of-type[b-pv0u2r7wft] {
    margin-top: 0;
}

.futureState-step:last-of-type[b-pv0u2r7wft] {
    margin-bottom: 0;
}

.futureState-change-log-title[b-pv0u2r7wft] {
    font-family: "Open Sans", sans-serif;
    font-size: .8rem;
    font-weight: 400;
    position: relative;
    z-index: 2;
    pointer-events: none;
    background-color: transparent !important;
}

.futureState-step[b-pv0u2r7wft] {
    position: relative;
    /*width: 15rem;*/
    margin: .3rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0.1rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
    width: 100%;
}

.futureState-step.child[b-pv0u2r7wft] {
    margin: 0;
    border: .1rem solid #DCE1D2;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.futureState-step.child.selected[b-pv0u2r7wft] {
    background-color: #e3f4c3;
}

.futureState-step-children[b-pv0u2r7wft] {
    margin-top: .45rem;
    padding-left: .25rem;
    padding-right: .25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: -.3rem;
}

.futureState-step-line[b-pv0u2r7wft] {
    position: absolute;
    width: 2px;
    height: 100%;
    margin-left: 1.5rem;
}

.futureState-step-circle[b-pv0u2r7wft] {
    position: relative;
    margin-left: .7rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    font-size: .8rem;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
}

.futureState-step-content[b-pv0u2r7wft] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    transition: all .2s ease-in-out;
}

.futureState-step-header[b-pv0u2r7wft] {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0 0.6rem;
}

.futureState-step-detail[b-pv0u2r7wft] {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0 0.6rem;
    transition: all .2s ease-in-out;
}

.unselected[b-pv0u2r7wft] {
    background-color: #f7f8f9;
    transition: all .2s ease-in-out;
}

    .unselected > .futureState-step-line[b-pv0u2r7wft],
    .unselected > .futureState-step-circle[b-pv0u2r7wft] {
        background-color: #86BC24;
        transition: all .2s ease-in-out;
    }

.selected[b-pv0u2r7wft] {
    background-color: #86BC24;
    transition: all .2s ease-in-out;
}

    .selected > .futureState-step-line[b-pv0u2r7wft],
    .selected > .futureState-step-circle[b-pv0u2r7wft] {
        background-color: #F7F8F9;
        color: black;
        transition: all .2s ease-in-out;
    }

    .selected > .futureState-step-content > .futureState-step-detail[b-pv0u2r7wft] {
        text-overflow: ellipsis;
        transition: all .2s ease-in-out;
    }

.step-actions[b-pv0u2r7wft] {
    float: right;
    margin-top: -.5rem;
    margin-right: -.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-expand[b-pv0u2r7wft] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -.2rem;
    width: fit-content;
    align-self: center;
}

[b-pv0u2r7wft] .export-button {
    position: absolute;
    top: .25rem;
    right: .25rem;
    padding: .25rem;
}

.action-button[b-pv0u2r7wft] {
    width: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.customs-count-indicator[b-pv0u2r7wft] {
    position: absolute;
    top: -0.2rem;
    right: -0.3rem;
    font-size: .7rem;
    font-weight: bold;
    background-color: #FFCD00;
    border-radius: 0.5rem;
    padding: 0 .2rem;
}
/* /Pages/Map/FutureStateListComponent.razor.rz.scp.css */
.future-state-list[b-5j22c1l7gi] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 5rem;
    padding: 0.3rem;
    gap: .3rem; /* Adjust gap to account for FS Tile drop shadow blur distance */
    background-color: white;
}

.current-state-tab[b-5j22c1l7gi] {
    position: relative;
    width: 11.4rem;
    height: 4.2rem;
    margin: .1rem;
    flex-shrink: 0;
    display: grid;
    grid-template-rows: 2.5rem 1fr;
    grid-template-columns: repeat(7, 1fr);
    border-radius: 0.1rem;
    border: 1px solid transparent;
    background-color: #F5F5F4;
    cursor: pointer;
    scroll-snap-align: start; /* Align items to the start of the viewport */
    pointer-events: auto;
    transition: all 0.5s ease;
}

    .current-state-tab.active[b-5j22c1l7gi] {
        background-color: #86BC25;
    }

.tab-title[b-5j22c1l7gi] {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: .15rem;
    padding-left: .65rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000000;
    font-size: 0.85rem;
    line-height: 1.1rem;
    font-weight: 700;
}

.tab-description[b-5j22c1l7gi] {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: .65rem;
    display: flex;
    align-items: flex-start;
    font-size: 0.85rem;
    font-weight: 400;
    color: #000000;
}
    
.separator[b-5j22c1l7gi] {
    width: .1rem;
    margin: .1rem 0 .1rem .1rem;
    background-color: #CCC;
    height: 70%;
    align-self: center;
}

[b-5j22c1l7gi] .drop-zone {
    flex-grow: 1;
    display: flex;
    padding-left: .1rem;
    padding-right: .1rem;
    gap: 0.2rem;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
    min-height: 22rem !important;
    align-content: start;
    pointer-events: none;
}
    [b-5j22c1l7gi] .drop-zone::-webkit-scrollbar {
        display: none;
    }

[b-5j22c1l7gi] .mud-dropitem-placeholder {
    height: 4.2rem;
    margin: .1rem;
}

[b-5j22c1l7gi] .mud-drop-item-preview-start {
    pointer-events: auto;
    width: 2rem;
    height: 4.2rem;
    margin: .1rem;
}

.add-future-state-button[b-5j22c1l7gi] {
    flex-shrink: 0;
    display: flex;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.6rem;
    margin: .1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(38, 137, 13, 0.10);
    border-radius: 0.1rem;
}

    .add-future-state-button:disabled[b-5j22c1l7gi] {
        opacity: .5;
        cursor: not-allowed;
    }

    .add-future-state-button:not(:disabled):hover[b-5j22c1l7gi] {
        background-color: #E3E48D;
    }

.show-hidden-button[b-5j22c1l7gi] {
    flex-shrink: 0;
    display: flex;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    margin: .1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(128, 128, 128, 0.10);
    border-radius: 0.1rem;
    border: none;
    cursor: pointer;
}

    .show-hidden-button:hover[b-5j22c1l7gi] {
        background-color: rgba(128, 128, 128, 0.20);
    }

.executive-summary-button[b-5j22c1l7gi] {
    flex-shrink: 0;
    display: flex;
    width: 4.4rem;
    height: 4.2rem;
    padding: 0 0.3rem;
    margin: .1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .15rem;
    background-color: #F5F5F4;
    border: 1px solid transparent;
    border-radius: 0.1rem;
    color: #000000;
    font-size: 0.7rem;
    line-height: .85rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}

    .executive-summary-button:hover[b-5j22c1l7gi] {
        background-color: #E3E48D;
    }

.spinner-overlay[b-5j22c1l7gi] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.25rem;
    padding: 2rem;
}
/* /Pages/Map/FutureStateTile.razor.rz.scp.css */
.future-state-tile[b-i2gvg36hxs] {
    position: relative;
    width: 12rem;
    height: 4.2rem;
    margin: .1rem;
    flex-shrink: 0;
    display: grid;
    grid-template-rows: 2.5rem 1fr;
    grid-template-columns: repeat(9, 1fr);
    border-radius: 0.1rem;
    border: 1px solid transparent;
    background-color: #F5F5F4;
    cursor: pointer;
    pointer-events: auto;
    scroll-snap-align: start; /* Align items to the start of the viewport */
}

.future-state-tile.expanded[b-i2gvg36hxs] {
    height: fit-content;
    background-color: white;
    box-shadow: 0 .1rem .5rem rgba(0, 0, 0, 0.15);
}

.future-state-tile.base-state[b-i2gvg36hxs] {
    border: 1px solid #000;
}

.future-state-tile.active[b-i2gvg36hxs] {
    background-color: #86BC25;
}

.future-state-tile.hidden[b-i2gvg36hxs] {
    opacity: 0.6;
    filter: grayscale(30%);
}

.future-state-tile.hidden:hover[b-i2gvg36hxs] {
    opacity: 0.75;
}

.future-state-tile .fs-title[b-i2gvg36hxs] {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: .15rem;
    padding-left: .65rem;
    display: flex;
    align-items: center;
}

.future-state-tile.expanded .fs-title[b-i2gvg36hxs] {
    grid-column-end: 9;
}

.future-state-tile .fs-title div[b-i2gvg36hxs] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    color: #000000;
    font-size: 0.85rem;
    line-height: 1.1rem;
    font-weight: 700;
}

.future-state-tile .fs-description[b-i2gvg36hxs] {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-left: .65rem;
    display: flex;
    align-items: flex-start;
    font-size: 0.85rem;
    font-weight: 400;
    color: #000000;
}

.future-state-tile.expanded .fs-description[b-i2gvg36hxs] {
    grid-column-start: 1;
    grid-column-end: 10;
    padding-right: .85rem;
    padding-bottom: .6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fs-impacts-sm[b-i2gvg36hxs] {
    grid-column-start: 8;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.fs-top-action[b-i2gvg36hxs], .fs-bottom-action[b-i2gvg36hxs] {
    grid-column-start: 9;
    grid-column-end: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fs-top-action[b-i2gvg36hxs] {
    grid-row-start: 1;
    grid-row-end: 2;
    height: 2.1rem;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.fs-bottom-action[b-i2gvg36hxs] {
    grid-row-start: 2;
    grid-row-end: 3;
    margin-top: -0.4rem;
    border-left: 1px solid #CCC;
}

.future-state-tile.expanded .fs-top-action[b-i2gvg36hxs] {
    border: none;
}

.tax-impact-wrapper[b-i2gvg36hxs] {
    border-bottom: 1px solid #CCC;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-weight: 600;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
}

.tax-impact-line[b-i2gvg36hxs] {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    font-weight: normal;
}

.tax-impact-line.subtotal[b-i2gvg36hxs] {
    font-weight: 600;
}

.impacts-wrapper[b-i2gvg36hxs] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.impact-row[b-i2gvg36hxs] {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: .25rem;
}

.impact-name[b-i2gvg36hxs] {
    width: calc(100% - 1.1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
}

.circle[b-i2gvg36hxs] {
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    border: 1px solid #FAFAFA;
}

.circle-sm[b-i2gvg36hxs] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 1px solid #FAFAFA;
}

.green[b-i2gvg36hxs] {
    background-color: #52A309;
}

.green-yellow[b-i2gvg36hxs] {
    background: linear-gradient(90deg, #52A309 50%, #F8C83C 50%);
}

.yellow[b-i2gvg36hxs] {
    background-color: #F8C83C;
}

.yellow-red[b-i2gvg36hxs] {
    background: linear-gradient(90deg, #F8C83C 50%, #f44336 50%);
}

.red[b-i2gvg36hxs] {
    background-color: #f44336;
}
/* /Pages/Map/Map.razor.rz.scp.css */
.future-state-list-wrapper[b-s2lje1admu] {
    position: relative;
    width: calc(100% - 32.6rem);
    z-index: 1000;
}

.flow-toggle-buttons-wrapper[b-s2lje1admu] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.9rem;
    width: fit-content;
    z-index: 999;
}

.future-state-steps-container[b-s2lje1admu] {
    position: relative;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    height: calc(100% - 9rem);
    max-height: calc(100% - 9rem);
    width: 12rem;
    overflow: hidden;
    border-radius: 0.2rem;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.08);
}

.flow-list-container[b-s2lje1admu] {
    position: relative;
    left: 0;
    z-index: 1000;
    width: 9.4rem;
    height: calc(100% - 9rem);
    max-height: calc(100% - 9rem);
    background-color: #FAFAFA;
    border-radius: 0.2rem;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.flow-legend-container[b-s2lje1admu] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: fit-content;
    height: fit-content;
}

.side-container[b-s2lje1admu] {
    position: absolute;
    height: 100%;
    max-height: 100%;
    top: 0;
    right: 0;
    margin-top: .9rem; 
    margin-right: .9rem;
    margin-bottom: .9rem;
    pointer-events: none !important;
    max-width: 31.5rem;
    min-width: 31.5rem;
    z-index: 1000;
}

.side-title-text[b-s2lje1admu] {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: 0;
    text-align: left;
}

.side-element[b-s2lje1admu] {
    background-color: #F5F5F4;
    padding: .25rem .5rem;
    border-radius: .5rem;
}

.shadow[b-s2lje1admu] {
    box-shadow: 0 0 .5rem 0 #e5e5e5;
}

.root-container[b-s2lje1admu] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: .9rem;
    gap: 0.9rem;
    pointer-events: none;
}

    .root-container *[b-s2lje1admu] {
        pointer-events: all;
    }

[b-s2lje1admu] .current-flows-buttons {
    height: 2.15rem !important;
    background-color: #E6E6E6 !important;
    border-radius: .2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .2rem !important;
    padding: .2rem !important;
}

    [b-s2lje1admu] .current-flows-buttons button {
        border: none !important;
        display: flex;
        padding: .39rem .59rem;
        justify-content: center;
        align-items: center;
        gap: .595rem;
        align-self: stretch;
        height: 1.78rem !important;
        border-radius: .1rem !important;
    }

    [b-s2lje1admu] .current-flows-buttons img {
        width: 1.2rem !important;
        height: 1.2rem !important;
    }

    [b-s2lje1admu] .current-flows-buttons button.active {
        background-color: white !important;
    }


.entity-dialog-wrapper[b-s2lje1admu] {
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300 !important;
}

.entity-details-dialog[b-s2lje1admu] {
    width: auto;
    min-height: 27rem !important;
    max-width: 85rem;
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: 1.25rem;
    padding-top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    font-family: "Open Sans", sans-serif;
}

.mud-tooltip[b-s2lje1admu] {
    position: relative !important;
    z-index: 2400 !important;
}

.dialog-header[b-s2lje1admu] {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}

.exit-dialog-icon[b-s2lje1admu] {
    margin-left: 2rem;
    width: 1.25rem;
    filter: brightness(5) invert(1);
}

.entity-title[b-s2lje1admu] {
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.flag[b-s2lje1admu] {
    height: .8rem;
    margin-right: .5rem;
}

.dialog-actions[b-s2lje1admu] {
    display: flex;
}

    .dialog-actions .camera-button[b-s2lje1admu] {
        border-radius: .275rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.48rem;
        height: 2.48rem;
    }

.dialog-details[b-s2lje1admu] {
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .5rem;
    font-size: 1.1rem;
}

.entity-name[b-s2lje1admu] {
    margin-right: 2rem;
    font-weight: 700;
}

.entity-type[b-s2lje1admu] {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialog-content[b-s2lje1admu] {
    overflow: hidden;
}

.map-control-buttons[b-s2lje1admu] {
    position: absolute;
    left: calc(100% - 34.75rem);
    top: 9.4rem;
    transform: translateX(-50%);
    transition: all 1s ease;
    gap: .25rem;
    display: flex;
    z-index: 999;
    flex-direction: column;
}

    .map-control-buttons.fullscreen[b-s2lje1admu] {
        position: absolute;
        margin-left: 32.5rem;
        transition-delay: 0.25s;
    }

    .map-control-buttons:not(.fullscreen)[b-s2lje1admu] {
        transition-delay: 0s;
    }
/* /Pages/Map/MapFiltersComponent.razor.rz.scp.css */
.container[b-0ms1er9o83] {
    display: flex;
    gap: .5rem;
    height: 2rem;
    width: 100%;
    max-width: 100%;
}

[b-0ms1er9o83] .select-Custom {
    flex: 1 1 50%;
    /*max-width: 50%;*/
    /*max-width: 10rem !important;*/
    /*min-width: 10rem !important;*/
}

    [b-0ms1er9o83] .select-Custom .mud-input {
        padding-right: .2rem !important;
        padding-top: -1rem !important;
        padding-bottom: -1rem !important;
        padding-inline-end: .2rem !important;
        padding-inline-start: unset !important;
        background-color: white !important;
        border-radius: .25rem !important;
    }


[b-0ms1er9o83] .mud-input.mud-input-outlined.mud-input-adorned-start {
    padding-inline-start: 1rem !important
}

[b-0ms1er9o83] .mud-input-control.mud-input-control-margin-dense {
    margin-top: auto !important;
    margin-bottom: auto !important;
    min-width: 100%;
}

[b-0ms1er9o83] .mud-typography {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0 !important;
}






/* /Pages/ProjectsList/CloneProjectDialog.razor.rz.scp.css */
/*Hide the asterisk that MudBlazor adds to required field labels.*/
[b-thhsqd9mow] .mud-input-label::after {
    display: none;
}
/* /Pages/ProjectsList/ProjectDialog.razor.rz.scp.css */
#back-button[b-1hf33pinub] {
    width: fit-content;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.arrow-back-icon[b-1hf33pinub] {
    width: 1rem;
}

[b-1hf33pinub] .mud-dialog-content {
    padding: 0 !important;
    margin: 0 !important;
}

.form-container[b-1hf33pinub] {
    position: relative;
    width: 38rem;
    height: fit-content;
    padding-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}

[b-1hf33pinub].form-container .mud-input-control {
    margin-top: 1.5rem;
    border-bottom: 1px solid #1C1B1F !important;
}

[b-1hf33pinub].form-container .mud-input.mud-input-filled.mud-input-underline:after {
    border-bottom: 2px solid #86BC24 !important;
}

[b-1hf33pinub].form-container .mud-button-root.import-button {
    margin-left: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
    width: 12rem !important;
}

.form-container .browse-button[b-1hf33pinub],
[b-1hf33pinub].form-container .mud-button-root.import-button,
[b-1hf33pinub].file-status-container .create-project-button {
    margin-left: 1.5rem;
    height: 2.8rem !important;
    width: 8rem;
    background-color: rgba(38, 137, 13, 1) !important;
    border-radius: 0.275rem !important;
    color: white !important;
    font-size: 1.3rem !important;
    border: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
}

[b-1hf33pinub].form-container .mud-input-control-helper-container.px-1 {
    outline: none;
    position: absolute;
    margin-top: 2.5rem;
}

.form-container .file-drop-zone[b-1hf33pinub] {
    width: 100%;
    height: 8.75rem;
}

[b-1hf33pinub].form-container .mud-button-root.import-button.disabled,
[b-1hf33pinub].file-status-container .create-project-button.disabled {
    background-color: lightgray !important;
    border-radius: 0.275rem !important;
}

[b-1hf33pinub].form-container .input-file {
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    border-radius: 0.275rem !important;
    cursor: pointer !important;
}

[b-1hf33pinub].form-container .file-upload-name {
    position: absolute !important;
    margin-top: -4.75rem;
    margin-left: 10rem;
    max-width: 20rem;
    word-wrap: break-word;
}

.form-container .browse-button[b-1hf33pinub] {
    position: relative;
    margin-top: -7rem;
    cursor: pointer !important;
    width: 8rem;
    font-size: 1rem;
    border-radius: 0.275rem !important;
}

[b-1hf33pinub] .mud-dialog-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
    margin: 0 auto !important;
}


[b-1hf33pinub] .cancel-button {
    border-radius: .275rem;
    background-color: transparent !important;
    box-shadow: none !important;
    color: rgba(38, 137, 13, 1) !important;
    margin-left: 50%;
}

[b-1hf33pinub] .save-button {
    color: rgba(38, 137, 13, 1) !important;
    border: 2px solid rgba(38, 137, 13, 1) !important;
    border-radius: .275rem;
    background-color: transparent !important;
    box-shadow: none !important;
}

    [b-1hf33pinub] .save-button:disabled {
        background: rgb(240, 240, 240) !important;
        color: white !important;
        border-color: white !important;
    }

.form-container input[b-1hf33pinub] {
    height: 100% !important;
    width: 100%;
    position: absolute;
}

.spinner[b-1hf33pinub] {
    border: .6rem solid rgba(205, 205, 205, 0.486);
    border-top: .6rem solid #86BC24;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 45%;
    position: absolute;
}

.file-status-container[b-1hf33pinub] {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 2rem;
}

[b-1hf33pinub].file-status-container .create-project-button {
    margin-top: 2rem !important;
    margin-left: 0 !important;
    text-transform: none !important;
}

[b-1hf33pinub].file-status-container .import-result-label {
    margin-bottom: 2rem !important;
    font-weight: bold !important;
    line-height: 0.6 !important;
    font-size: 1.35rem !important;
}

[b-1hf33pinub].file-status-container .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 600 !important;
}

[b-1hf33pinub].file-status-container .mud-table-cell.information-level {
    color: #489A54 !important;
}

[b-1hf33pinub].file-status-container .mud-table-cell.warning-level {
    color: #E59535 !important;
}

[b-1hf33pinub].file-status-container .mud-table-cell.error-level {
    color: #e60000 !important;
}
/* /Pages/ProjectsList/ProjectsList.razor.rz.scp.css */
.project-list-container[b-haeyz6vp9q] {
    margin: 0 auto;
    padding-top: 1rem;
    max-width: 89rem;
    position: relative;
}

.project-list-controls[b-haeyz6vp9q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0;
}

[b-haeyz6vp9q] .table-header {
    background-color: #022169 !important;
    color: white !important; 
}

[b-haeyz6vp9q] .table-header span:hover{
    color: white !important;
}

[b-haeyz6vp9q] .create-project-button {
    width: 9rem !important;
    color: white !important;
    background-color: rgba(38, 137, 13, 1) !important;
    border: none !important;
}

[b-haeyz6vp9q].project-list-container .mud-table-cell .mud-tooltip-root,
[b-haeyz6vp9q].project-list-container .mud-table-cell .mud-tooltip-root .mud-typography {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100%;
}

[b-haeyz6vp9q] .mud-table-cell {
    border: 0;
}

[b-haeyz6vp9q].project-list-container .mud-table-head .mud-table-row .mud-table-cell {
    font-weight: 600 !important;
}

[b-haeyz6vp9q].project-list-container .mud-typography.no-projects-found {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-haeyz6vp9q] .project-name {
    color: #005587 !important;
}

[b-haeyz6vp9q] .project-name:hover {
    text-decoration: underline !important; 
    text-decoration-color: #005587 !important;
}

[b-haeyz6vp9q] .action-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/* /Pages/Settings/ProjectSettings.razor.rz.scp.css */
.project-settings-root[b-qin9898h2s] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

/* Header Styles */
.settings-header[b-qin9898h2s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    padding-left: 0.5rem;
    background-color: white;
    border-bottom: 0.05rem solid #D0D0CE;
    height: 2.5rem;
}

.header-left[b-qin9898h2s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
}

.header-title[b-qin9898h2s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

/*.title-text {*/
/*    color: #666;*/
/*}*/

/*.title-separator {*/
/*    color: #999;*/
/*}*/

/*.title-section {*/
/*    font-weight: 600;*/
/*    color: #333;*/
/*}*/

.header-right[b-qin9898h2s] {
    display: flex;
    align-items: center;
    height: 100%;
}

[b-qin9898h2s] .save-exit-button {
    border-radius: 0;
    height: 100%;
    width: 10rem;
    text-transform: none;
}

/* Body Layout */
.settings-body[b-qin9898h2s] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* Navigation Sidebar */
.settings-nav[b-qin9898h2s] {
    width: 12rem;
    background-color: white;
    border-right: 1px solid #e0e0e0;
    padding: .2rem .1rem;
    overflow-y: auto;
}

.nav-category[b-qin9898h2s] {
    margin-bottom: 0.5rem;
}

.nav-category-header[b-qin9898h2s] {
    padding: 0.5rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.03em;
}

.nav-category-items[b-qin9898h2s] {
    display: flex;
    flex-direction: column;
}

.nav-item[b-qin9898h2s] {
    margin: 0.15rem 0.5rem;
    padding: 0.35rem 0.5rem;
    border-radius: .15rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.nav-item:hover[b-qin9898h2s] {
    background-color: #aeaeae20;
}

.nav-item.selected[b-qin9898h2s] {
    background-color: #aeaeae45;
}

/* Main Content Area */
.settings-content[b-qin9898h2s] {
    display: flex;
    flex-direction: column;
    min-width: 52rem;
    max-width: 100%;
    overflow-y: auto;
    margin: 1rem auto;
}

.content-header[b-qin9898h2s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.filter-input[b-qin9898h2s] {
    flex: 1;
    max-width: 400px;
}

.content-body[b-qin9898h2s] {
    flex: 1;
    overflow-y: auto;
}

.content-placeholder[b-qin9898h2s] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #999;
}

.section-container[b-qin9898h2s] {
    display: block;
    width: 100%;
    height: 100%;
}

.section-container.hidden[b-qin9898h2s] {
    display: none;
}

.placeholder-text[b-qin9898h2s] {
    text-align: center;
    padding: 2rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .settings-content[b-qin9898h2s] {
        margin: 0;
        padding: 1rem;
    }
}
/* /Pages/Settings/Sections/AiModelSettings.razor.rz.scp.css */
.settings-section[b-wc8m41e271] {
    padding: 0;
}

.model-description[b-wc8m41e271] {
    margin-top: 0.35rem;
    max-width: 36rem;
}

[b-wc8m41e271] .model-options {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1rem;
}

.model-scope-note[b-wc8m41e271] {
    display: block;
    margin-top: 1rem;
    max-width: 36rem;
}
/* /Pages/Settings/Sections/EntityTypesIconSettings.razor.rz.scp.css */
.settings-section[b-v5j2d9894a] {
    padding: 0;
}

.loading-container[b-v5j2d9894a] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.add-row-container[b-v5j2d9894a] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

[b-v5j2d9894a] .icon-table {
    background-color: transparent;
}

[b-v5j2d9894a] .mud-table-head .mud-table-row {
    height: 2.5rem;
}

[b-v5j2d9894a] .mud-table-head * .mud-table-cell {
    background-color: transparent !important;
    font-weight: normal;
}

[b-v5j2d9894a] .mud-table-body .mud-table-row {
    height: 3rem;
}

[b-v5j2d9894a] .mud-table-body * .mud-table-cell {
    background-color: var(--mud-palette-surface);
    font-weight: normal;
}

[b-v5j2d9894a] .mud-table-body * .mud-table-cell:first-of-type {
    border-left: 1px solid var(--mud-palette-divider);
}

[b-v5j2d9894a] .mud-table-body * .mud-table-cell:last-of-type {
    border-right: 1px solid var(--mud-palette-divider);
}

[b-v5j2d9894a] .mud-table-root>.mud-table-body:last-child>.mud-table-row:last-child>.mud-table-cell,
[b-v5j2d9894a] .mud-table-root>.mud-table-foot:last-child>.mud-table-row:last-child>.mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-v5j2d9894a] .project-icon {
    width: 1.95rem;
    height: 1.95rem;
    cursor: pointer;
}

.properties-column[b-v5j2d9894a] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.property-group[b-v5j2d9894a] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    min-width: 64px;
}

.color-input[b-v5j2d9894a] {
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    cursor: pointer;
}

input[type="color" i][b-v5j2d9894a] {
    border-radius: 50%;
    padding: 0;
}

input[type="color" i][b-v5j2d9894a]::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}

input[type="color" i][b-v5j2d9894a]::-webkit-color-swatch {
    border-radius: 50%;
    border: none;
}

.icon-actions-row[b-v5j2d9894a] {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
/* /Pages/Settings/Sections/FunctionsIconSettings.razor.rz.scp.css */
.settings-section[b-ore5w4d0rn] {
    padding: 0;
}

.loading-container[b-ore5w4d0rn] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.add-row-container[b-ore5w4d0rn] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

[b-ore5w4d0rn] .icon-table {
    background-color: transparent;
}

[b-ore5w4d0rn] .mud-table-head .mud-table-row {
    height: 2.5rem;
}

[b-ore5w4d0rn] .mud-table-head * .mud-table-cell {
    background-color: transparent !important;
    font-weight: normal;
}

[b-ore5w4d0rn] .mud-table-body .mud-table-row {
    height: 3rem;
}

[b-ore5w4d0rn] .mud-table-body * .mud-table-cell {
    background-color: var(--mud-palette-surface);
    font-weight: normal;
}

[b-ore5w4d0rn] .mud-table-body * .mud-table-cell:first-of-type {
    border-left: 1px solid var(--mud-palette-divider);
}

[b-ore5w4d0rn] .mud-table-body * .mud-table-cell:last-of-type {
    border-right: 1px solid var(--mud-palette-divider);
}

[b-ore5w4d0rn] .mud-table-root>.mud-table-body:last-child>.mud-table-row:last-child>.mud-table-cell,
[b-ore5w4d0rn] .mud-table-root>.mud-table-foot:last-child>.mud-table-row:last-child>.mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-ore5w4d0rn] .project-icon {
    width: 1.95rem;
    height: 1.95rem;
    cursor: pointer;
}

.properties-column[b-ore5w4d0rn] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.property-group[b-ore5w4d0rn] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    min-width: 64px;
}

.color-input[b-ore5w4d0rn] {
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    cursor: pointer;
}

input[type="color" i][b-ore5w4d0rn] {
    border-radius: 50%;
    padding: 0;
}

input[type="color" i][b-ore5w4d0rn]::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}

input[type="color" i][b-ore5w4d0rn]::-webkit-color-swatch {
    border-radius: 50%;
    border: none;
}

.icon-actions-row[b-ore5w4d0rn] {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
/* /Pages/Settings/Sections/TagsIconSettings.razor.rz.scp.css */
.settings-section[b-q718lirz7s] {
    padding: 0;
}

.loading-container[b-q718lirz7s] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.add-row-container[b-q718lirz7s] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.add-row-select[b-q718lirz7s] {
    flex: 0 0 300px;
}

[b-q718lirz7s] .icon-table {
    background-color: transparent;
}

[b-q718lirz7s] .mud-table-head .mud-table-row {
    height: 2.5rem;
}

[b-q718lirz7s] .mud-table-head * .mud-table-cell {
    background-color: transparent !important;
    font-weight: normal;
}

[b-q718lirz7s] .mud-table-body .mud-table-row {
    height: 3rem;
}

[b-q718lirz7s] .mud-table-body * .mud-table-cell {
    background-color: var(--mud-palette-surface);
    font-weight: normal;
}

[b-q718lirz7s] .mud-table-body * .mud-table-cell:first-of-type {
    border-left: 1px solid var(--mud-palette-divider);
}

[b-q718lirz7s] .mud-table-body * .mud-table-cell:last-of-type {
    border-right: 1px solid var(--mud-palette-divider);
}

[b-q718lirz7s] .mud-table-root>.mud-table-body:last-child>.mud-table-row:last-child>.mud-table-cell,
[b-q718lirz7s] .mud-table-root>.mud-table-foot:last-child>.mud-table-row:last-child>.mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-divider);
}

[b-q718lirz7s] .project-icon {
    width: 1.95rem;
    height: 1.95rem;
    cursor: pointer;
}

.properties-column[b-q718lirz7s] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.property-group[b-q718lirz7s] {
    display: flex;
    flex-direction: row;
    gap: 0.25rem;
    align-items: center;
    min-width: 64px;
}

.color-input[b-q718lirz7s] {
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    cursor: pointer;
}

input[type="color" i][b-q718lirz7s] {
    border-radius: 50%;
    padding: 0;
}

input[type="color" i][b-q718lirz7s]::-webkit-color-swatch-wrapper {
    padding: 0;
    border: none;
}

input[type="color" i][b-q718lirz7s]::-webkit-color-swatch {
    border-radius: 50%;
    border: none;
}

.icon-actions-row[b-q718lirz7s] {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
/* /Shared/Components/AlertDialog.razor.rz.scp.css */
[b-9efxy0nsnm] ul {
    padding: 1rem 0 0 2rem !important;
}

[b-9efxy0nsnm] .mud-dialog-actions {
    padding: .4rem 1.2rem 1.2rem 1.2rem !important;
}

[b-9efxy0nsnm] .confirm-button {
     width: 8rem !important;
     height: 2.5rem !important;
     margin-top: 0.6rem !important;
     text-align: center !important;
     text-transform: none !important;
     font-size: 1.1rem !important;
     border-radius: .275rem;
     color: rgba(38, 137, 13, 1) !important;
     background-color: transparent !important;
     box-shadow: none !important;
     border: 2px solid rgba(38, 137, 13, 1);
 }
/* /Shared/Components/AssignUserDialog.razor.rz.scp.css */
[b-a6bb9yy0b1] .mud-input {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    background: white;
}
/* /Shared/Components/BaseDialogTemplate.razor.rz.scp.css */
/* Common dialog structure styles */
[b-quexnai5ji] div.outline-none {
    display: flex;
    flex-direction: column-reverse;
}

[b-quexnai5ji] .mud-dialog-actions {
    justify-content: space-between;
    padding: 0 .75rem;
    height: 2.48rem;
}

[b-quexnai5ji] .dialog-action-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
}

[b-quexnai5ji] .mud-dialog-content {
    margin-top: 0;
}

/* Button styles */
[b-quexnai5ji] .screenshot-button, [b-quexnai5ji] .close-button, [b-quexnai5ji] .telestration-button {
    width: 2.39rem !important;
    height: 2.19rem !important;
    border-radius: .25rem;
}

/* Telestration button should mimic the hover effect of MudIconButton (to match the Screenshot and Close buttons) */
[b-quexnai5ji] .telestration-button:hover:not(.active) {
    /*noinspection CssUnresolvedCustomProperty*/
    background-color: var(--mud-palette-action-default-hover);
}
/* /Shared/Components/ConfirmDialog.razor.rz.scp.css */
[b-klvpmys0x3].confirm-dialog-container .mud-button-root {
    width: 8rem !important;
    height: 2.5rem !important;
    margin-top: 0.6rem !important;
    text-align: center !important;
    text-transform: none !important;
    font-size: 1.1rem !important;
    border-radius: .275rem;
    color: rgba(38, 137, 13, 1) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

[b-klvpmys0x3] .mud-input {
    border-radius: 0.35rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    background: white;
}

[b-klvpmys0x3].confirm-dialog-container .cancel-button {
    border: none !important;
}

[b-klvpmys0x3].confirm-dialog-container .confirm-button {
    border: 2px solid rgba(38, 137, 13, 1);
}

[b-klvpmys0x3].confirm-dialog-container .mud-dialog-actions {
    padding: .4rem 1.2rem 1.2rem 1.2rem !important;
}

[b-klvpmys0x3].confirm-dialog-container .dialog-body {
    word-wrap: break-word;
}

[b-klvpmys0x3].confirm-dialog-container .dialog-body .confirm-input-field {
    min-height: 4.25rem;
}
/* /Shared/Components/CurrentStateTable.razor.rz.scp.css */
.table-wrapper[b-cuh44ndrn2] {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
}

.table-wrapper *[b-cuh44ndrn2] {
    pointer-events: auto;
}

.metric-header-wrapper[b-cuh44ndrn2] {
    height: 5rem;
    width: 100%;
    background-color: rgba(1, 33, 105, 1);
    display: flex;
    padding: .4rem;
    align-items: flex-start;
    gap: .2rem;
    border-radius: .6rem;
    margin-bottom: 1.2rem;
    flex-grow: 1;
}

.metric-header[b-cuh44ndrn2] {
    color: white;
    background-color: rgb(27, 55, 120);
    height: 100%;
    flex: 1;
    padding: .25rem .8rem;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: .85rem;
    line-height: 1.1rem;
}

.metric-header span[b-cuh44ndrn2] {
    white-space: nowrap;
}

.metric-header span:nth-of-type(2)[b-cuh44ndrn2], .metric-header > .mud-tooltip-root > span[b-cuh44ndrn2] {
    font-size: 1rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.metric-header.selected[b-cuh44ndrn2] {
    color: rgba(1, 33, 105, 1);
    background-color: white;
    font-weight: 700;
}

.metric-body[b-cuh44ndrn2] {
    transition: opacity 0.5s ease-in-out;
}

.fade-in[b-cuh44ndrn2] {
    opacity: 1;
    transition: opacity 0.5s ease-in-out 0.5s;
}

.fade-out[b-cuh44ndrn2] {
    opacity: 0;
    pointer-events: none;
}

.fade-out *[b-cuh44ndrn2] {
    pointer-events: none !important;
}

.filter-wrapper[b-cuh44ndrn2] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: .43rem;
    background-color: #fff;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    padding: .9rem;
    box-sizing: border-box;
}

.top-level[b-cuh44ndrn2], .bottom-level[b-cuh44ndrn2] {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: .78rem;
    font-weight: 600;
    gap: .5rem;
    margin: 0;
}

[b-cuh44ndrn2] .top-level .mud-button-root .mud-button-label {
    max-height: calc(100% - 2px);
    width: fit-content;
}

[b-cuh44ndrn2] .top-level img {
    height: .89rem;
}

[b-cuh44ndrn2] .top-level .reset-filter-button {
    flex: 0 0 10%;
    height: stretch;
    max-width: 10%;
    margin-left: auto !important;
}

[b-cuh44ndrn2] .top-level .reset-filter-button:not(:disabled) {
    border: 1px solid #bdbdbd;
}

[b-cuh44ndrn2] .top-level .reset-filter-button:disabled {
    color: white;
    cursor: not-allowed;
}

[b-cuh44ndrn2] .top-level .mud-button-root.selected:not(:first-child) {
    color: white;
}

[b-cuh44ndrn2] .top-level .year-select {
    margin: auto !important;
}

[b-cuh44ndrn2] .bottom-level .mud-input, [b-cuh44ndrn2] .top-level .mud-input {
    padding-right: .25rem !important;
}

[b-cuh44ndrn2] .bottom-level .mud-input-control, [b-cuh44ndrn2] .top-level .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-cuh44ndrn2] .mud-table {
    box-shadow: none !important;
    background-color: transparent !important;
    min-width: 31.5rem !important;
    max-width: 31.5rem !important;
}

[b-cuh44ndrn2] .mud-table-head .mud-table-cell {
    overflow: hidden;
    background-color: #F2F2F2 !important;
}

[b-cuh44ndrn2] .mud-table-row .mud-table-cell {
    padding: .5rem .7rem .5rem 0;
    align-content: center;
    vertical-align: middle;
    line-height: 1.25rem;
    transition: vertical-align 0.9s ease, align-content 0.9s ease;
    max-height: none !important;
    border-top: 4px solid #F5F5F5 !important;
    border-bottom: none !important;
}

    [b-cuh44ndrn2] .mud-table-row .mud-table-cell:not(:first-child):not(:last-child) {
        border-left: none !important;
        border-right: none !important;
    }

    [b-cuh44ndrn2] .mud-table-row .mud-table-cell:first-of-type {
        border-right: none !important;
        /*border-left: 2px solid transparent;*/
        border-left: none;
    }

    [b-cuh44ndrn2] .mud-table-row .mud-table-cell:last-of-type {
        border-left: none !important;
        /*border-right: 2px solid transparent;*/
        border-right: none;
        /*padding-right: .6rem;*/
    }

[b-cuh44ndrn2] .child-row-content .mud-table-cell {
    padding: 0 .3rem !important;
    border-top: none !important;
} 

[b-cuh44ndrn2] .child-row-content .mud-table-cell:first-of-type {
    border-left: none;
    border-right: none;
}

[b-cuh44ndrn2] .mud-table-row:hover {
    background-color: #e7e8ef !important;
}

/* set background color of expanded content area when hovering over a row */
[b-cuh44ndrn2] .mud-table-row:hover + .mud-table-row.child-row-content {
    background-color: #e7e8ef;
}

/* set background color of the preceding row when hovering over its expanded content area */
[b-cuh44ndrn2] .mud-table-row:has(+ .child-row-content:hover) {
    background-color: #e7e8ef;
}

[b-cuh44ndrn2] .mud-table-row:has(> .highlight) + .mud-table-row.child-row-content {
    background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important
}

/* remove padding to reduce space between expanded content and it preceding row */
[b-cuh44ndrn2] .mud-table-row:has(+ .child-row-content) > .mud-table-cell {
    padding-bottom: 0 !important;
}

[b-cuh44ndrn2] .icon-hovered, [b-cuh44ndrn2] .icon-hovered + .mud-table-row.child-row-content {
    background-color: #e7e8ef !important;
}

.table[b-cuh44ndrn2] {
    display: flex;
    min-width: 100% !important;
    box-shadow: none !important;
}

[b-cuh44ndrn2] .mud-tabs-scroll-button {
    display: none !important;
}

[b-cuh44ndrn2] .mud-tabs-panels .table .mud-table {
    max-height: calc(100vh - 19rem) !important;
    overflow-y: auto !important;
}

[b-cuh44ndrn2] .mud-tabs-panels .table .mud-table.future-state {
    max-height: calc(100vh - 19rem - 48px) !important;
}

[b-cuh44ndrn2] .table .mud-table-container {
    box-shadow: none !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
    min-height: 0;
    max-height: 100%;
}

[b-cuh44ndrn2] .mud-table-head .mud-table-cell {
    font-size: .8rem !important;
    text-align: right;
}

[b-cuh44ndrn2] .mud-table-body .mud-table-cell {
    font-size: .75rem;
    text-align: right;
    cursor: pointer;
    background-color: transparent !important;
}

[b-cuh44ndrn2] .mud-table-body .mud-table-row {
    position: relative;
    background-color: white;
    vertical-align: top !important;
    transition: height 0.5s ease;
    align-items: center;
    max-height: none !important;
}

[b-cuh44ndrn2] .mud-table-row:has(.mud-table-cell.expanded) {
    transition: height 0.5s ease;
    max-height: none !important;
}

[b-cuh44ndrn2] .mud-table-row:has(.mud-table-cell.expanded) .mud-table-cell {
    transition: height 0.5s ease;
    vertical-align: initial; 
    align-content: initial; 
}

[b-cuh44ndrn2] .entity-type-container {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

[b-cuh44ndrn2] .entity-type-name {
    display: block;
    white-space: nowrap;
}

[b-cuh44ndrn2] .entity-pill {
    display: flex;
    align-items: center;
    border-radius: 9rem;
    border: .8rem solid #F2F2F2;
    background: #F2F2F2;
    gap: .4rem;
    width: fit-content;
    height: 2rem;
}

[b-cuh44ndrn2] .entity-pill .pill-entity-icon {
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
}

[b-cuh44ndrn2] .function-container {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    height: fit-content;
    min-height: 2rem;
    border-radius: .2rem;
    gap: .4rem;
    padding: .4rem 0;
}

[b-cuh44ndrn2] .function-icon {
    width: 1.6rem;
    height: 1.6rem;
}

[b-cuh44ndrn2] .headcount-icon {
    width: 1rem;
    height: 1rem;
}

[b-cuh44ndrn2] .function-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-cuh44ndrn2] .function-row > div
{
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 .5rem;
}

[b-cuh44ndrn2] .pnl-link {
    color: #006400 !important;
    font-weight: bold;
    text-decoration: underline;
    align-self: flex-end;
}

[b-cuh44ndrn2] .mud-table-row:has(.mud-table-cell.highlight) {
    background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
}

[b-cuh44ndrn2] .entity-name {
    max-width: 8rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: .75rem;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

[b-cuh44ndrn2] .entity-name.customs {
    max-width: 12rem;
}

[b-cuh44ndrn2] .country-name {
    color: #666666;
    font-size: .9rem;
}

[b-cuh44ndrn2] .mud-table-cell .mud-button-root svg {
    margin-right: -.6rem !important;
    font-size: .6rem;
}

[b-cuh44ndrn2] .mud-table-row.expanded .expanded-content {
    display: flex;
    flex-direction: column;
}

[b-cuh44ndrn2] .expanded-content > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-cuh44ndrn2] .mud-table-body div {
    text-align: left;
}
[b-cuh44ndrn2] .mud-table-body span {
    line-height: 1.15rem;
}

[b-cuh44ndrn2] .country-label-column {
    display: flex;
    align-items: center;
    gap: .65rem;
}

[b-cuh44ndrn2] .entity-name-column {
    display: flex;
    justify-content: start;
    text-align: left;
}

[b-cuh44ndrn2] .flag-column {
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-cuh44ndrn2] .flag-icon {
    height: 1.15rem;
    width: auto;
    box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, 0.25);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

[b-cuh44ndrn2] .mud-table-sort-label.flag-column .mud-table-sort-label-icon {
    display: none;
}

[b-cuh44ndrn2] .mud-table-head .mud-table-cell:first-of-type {
    padding-right: 0 !important;
}

[b-cuh44ndrn2] .mud-table-body .mud-table-row .mud-table-cell:first-of-type {
    padding-right: 0 !important;
}

[b-cuh44ndrn2] .mud-table-head .mud-table-cell span {
    font-size: .75rem;
    white-space: nowrap;
}

/* /Shared/Components/EntityAccordionCustoms.razor.rz.scp.css */
.expanded-content[b-ac5fmz8tc8] {
    padding: .4rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    height: fit-content;
    cursor: pointer;
}

    .expanded-content.popup[b-ac5fmz8tc8] {
        background: white;
        border-radius: .4rem;
        padding: .5rem .9rem;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        pointer-events: all;
        position: relative;
    }

        .expanded-content.popup:hover[b-ac5fmz8tc8] {
            background-color: #e7e8ef;
        }

        .expanded-content.popup .flag-icon[b-ac5fmz8tc8] {
            box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
            width: 1.5rem;
            margin-right: auto;
        }

        .expanded-content.popup .metrics-container[b-ac5fmz8tc8] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /*gap: 1rem;*/
            /*margin-right: .4rem;*/
        }

.expanded-content.popup .entity-pill[b-ac5fmz8tc8] {
    height: 1.6rem;
    border: .6rem solid #F2F2F2;
}

[b-ac5fmz8tc8] .expanded-content.popup .entity-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: -.7rem;
}

[b-ac5fmz8tc8] .expanded-content.popup .function-icon {
    width: 1.3rem;
    height: 1.3rem;
    overflow: visible;
}

.expanded-content.popup .full-entity-name[b-ac5fmz8tc8], .expanded-content.popup .full-entity-name[b-ac5fmz8tc8] {
    font-size: .9rem;
}

.entity-type-container[b-ac5fmz8tc8] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.entity-type-name[b-ac5fmz8tc8] {
    display: block;
    white-space: nowrap;
}

.entity-pill[b-ac5fmz8tc8] {
    display: flex;
    align-items: center;
    border-radius: 9rem;
    border: .8rem solid #F2F2F2;
    background: #F2F2F2;
    gap: .4rem;
    width: fit-content;
    height: 2rem;
}

[b-ac5fmz8tc8] .entity-icon {
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
}

.function-container[b-ac5fmz8tc8] {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    height: fit-content;
    border-radius: .2rem;
    gap: .6rem;
    padding: .6rem 0;
}

.function-icon[b-ac5fmz8tc8] {
    width: 1.6rem;
    height: 1.6rem;
}

.headcount-icon[b-ac5fmz8tc8] {
    width: 1rem;
    height: 1rem;
}

.function-row[b-ac5fmz8tc8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .function-row > div[b-ac5fmz8tc8] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: 0 .6rem;
    }

[b-ac5fmz8tc8] .pnl-link {
    color: #006400 !important;
    font-weight: bold;
    text-decoration: underline;
    align-self: flex-end;
}

.full-entity-name[b-ac5fmz8tc8] {
    font-size: .9rem;
    font-weight: bold;
}

.country-name[b-ac5fmz8tc8] {
    color: #666;
    font-size: .9rem;
}

.metric-column[b-ac5fmz8tc8] {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.metric-column.flag[b-ac5fmz8tc8] {
    width: 1.5rem;
    flex: 0 0 5%;
}

.metric-column.name[b-ac5fmz8tc8] {
    flex: 0 0 20%;
}

.metric-label[b-ac5fmz8tc8] {
    font-weight: 600;
}

.entity-info-container[b-ac5fmz8tc8] {
    width: 33rem;
    height: fit-content;
    max-height: 45rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 2;
    pointer-events: all;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.table-header-row[b-ac5fmz8tc8], .table-row[b-ac5fmz8tc8] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: .5rem .9rem;
}

.table-header-row[b-ac5fmz8tc8] {
    background-color: #F2F2F2;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.table-row[b-ac5fmz8tc8] {
    background-color: #FFF;
    border-bottom: 2px solid #F2F2F2;
    display: flex;
    justify-content: space-between;
}

    .table-row.highlight[b-ac5fmz8tc8] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .table-row:hover[b-ac5fmz8tc8] {
        background-color: #e7e8ef;
    }

    .table-row:last-of-type[b-ac5fmz8tc8] {
        border-bottom: none;
    }

.table-header-cell[b-ac5fmz8tc8] {
    font-weight: 600;
}

.table-header-icon[b-ac5fmz8tc8] {
    width: 1.2rem;
    height: 1.2rem;
}

.table-header-icon[b-ac5fmz8tc8], .table-cell.flag[b-ac5fmz8tc8] {
    flex: 0 0 5%;
}

.flag[b-ac5fmz8tc8] {
    box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
}

.table-header-cell[b-ac5fmz8tc8], .table-cell[b-ac5fmz8tc8] {
    text-align: right;
}

    /*.table-header-cell.profit,*/
    /*.table-header-cell.tax,*/
    /*.table-header-cell.etr,*/
    /*.table-header-cell.om,*/
    /*.table-cell.profit,*/
    /*.table-cell.tax,*/
    /*.table-cell.etr,*/
    /*.table-cell.om,*/
    .table-header-cell[b-ac5fmz8tc8],
    .table-cell[b-ac5fmz8tc8],
    .metric-column[b-ac5fmz8tc8] {
        flex: 0 0 17%;
    }

    .table-header-cell.name[b-ac5fmz8tc8], .table-cell.name[b-ac5fmz8tc8] {
        flex: 0 0 20%;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none !important;
    }

    .table-cell.flag[b-ac5fmz8tc8] {
        width: 1.5rem;
    }

    .table-cell.name[b-ac5fmz8tc8] {
        font-weight: 600;
    }

/* When .entity-info-container has the .future-state class */
.entity-info-container.future-state .table-header-icon[b-ac5fmz8tc8],
.entity-info-container.future-state .table-cell.flag[b-ac5fmz8tc8] {
    flex: 0 0 4.5%;
}

.entity-info-container.future-state .table-header-cell.name[b-ac5fmz8tc8],
.entity-info-container.future-state .table-cell.name[b-ac5fmz8tc8] {
    flex: 0 0 20%;
}

/*.entity-info-container.future-state .table-header-cell.profit,*/
/*.entity-info-container.future-state .table-header-cell.tax,*/
/*.entity-info-container.future-state .table-header-cell.taxChange,*/
/*.entity-info-container.future-state .table-header-cell.etr,*/
/*.entity-info-container.future-state .table-header-cell.om,*/
/*.entity-info-container.future-state .table-cell.profit,*/
/*.entity-info-container.future-state .table-cell.tax,*/
/*.entity-info-container.future-state .table-cell.taxChange,*/
/*.entity-info-container.future-state .table-cell.etr,*/
/*.entity-info-container.future-state .table-cell.om {*/
/*    flex: 0 0 15%;*/
/*}*/

.entity-list[b-ac5fmz8tc8] {
    width: 100%;
    height: fit-content;
    max-height: 40rem;
    overflow: auto;
    overflow-x: hidden;
}

.entity-row[b-ac5fmz8tc8] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    transition: height 0.3s ease;
    cursor: pointer;
    border-bottom: 2px solid #F2F2F2;
}

    .entity-row.expanded[b-ac5fmz8tc8] {
        height: fit-content;
    }

    .entity-row.expanded.highlight > .expanded-content.popup[b-ac5fmz8tc8] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .entity-row:last-of-type[b-ac5fmz8tc8] {
        border-bottom: none;
    }
/* /Shared/Components/EntityAccordionInfo.razor.rz.scp.css */
.expanded-content[b-ubu0yepsts] {
    padding: .4rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    height: fit-content;
    cursor: pointer;
}

    .expanded-content.popup[b-ubu0yepsts] {
        background: white;
        border-radius: .4rem;
        padding: .5rem .9rem;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        pointer-events: all;
        position: relative;
    }

        .expanded-content.popup:hover[b-ubu0yepsts] {
            background-color: #e7e8ef;
        }

        .expanded-content.popup .flag-icon[b-ubu0yepsts] {
            box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
            width: 1.5rem;
            margin-right: auto;
        }

        .expanded-content.popup .metrics-container[b-ubu0yepsts] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /*gap: 1rem;*/
            /*margin-right: .4rem;*/
        }

.expanded-content.popup .entity-pill[b-ubu0yepsts] {
    height: 1.6rem;
    border: .6rem solid #F2F2F2;
}

[b-ubu0yepsts] .expanded-content.popup .entity-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: -.7rem;
}

[b-ubu0yepsts] .expanded-content.popup .function-icon {
    width: 1.3rem;
    height: 1.3rem;
    overflow: visible;
}

.expanded-content.popup .full-entity-name[b-ubu0yepsts], .expanded-content.popup .full-entity-name[b-ubu0yepsts] {
    font-size: .9rem;
}

.entity-type-container[b-ubu0yepsts] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.entity-type-name[b-ubu0yepsts] {
    display: block;
    white-space: nowrap;
}

.entity-pill[b-ubu0yepsts] {
    display: flex;
    align-items: center;
    border-radius: 9rem;
    border: .8rem solid #F2F2F2;
    background: #F2F2F2;
    gap: .4rem;
    width: fit-content;
    height: 2rem;
}

[b-ubu0yepsts] .entity-icon {
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
}

.function-container[b-ubu0yepsts] {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    height: fit-content;
    border-radius: .2rem;
    gap: .6rem;
    padding: .6rem 0;
}

.function-icon[b-ubu0yepsts] {
    width: 1.6rem;
    height: 1.6rem;
}

.headcount-icon[b-ubu0yepsts] {
    width: 1rem;
    height: 1rem;
}

.function-row[b-ubu0yepsts] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .function-row > div[b-ubu0yepsts] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: 0 .6rem;
    }

[b-ubu0yepsts] .pnl-link {
    color: #006400 !important;
    font-weight: bold;
    text-decoration: underline;
    align-self: flex-end;
}

.full-entity-name[b-ubu0yepsts] {
    font-size: .9rem;
    font-weight: bold;
}

.country-name[b-ubu0yepsts] {
    color: #666;
    font-size: .9rem;
}

.metric-column[b-ubu0yepsts] {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.metric-column.flag[b-ubu0yepsts] {
    width: 1.5rem;
    flex: 0 0 5%;
}

.metric-column.name[b-ubu0yepsts] {
    flex: 0 0 20%;
}

.metric-label[b-ubu0yepsts] {
    font-weight: 600;
}

.entity-info-container[b-ubu0yepsts] {
    width: 33rem;
    height: fit-content;
    max-height: 45rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 2;
    pointer-events: all;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.table-header-row[b-ubu0yepsts], .table-row[b-ubu0yepsts] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: .5rem .9rem;
}

.table-header-row[b-ubu0yepsts] {
    background-color: #F2F2F2;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.table-row[b-ubu0yepsts] {
    background-color: #FFF;
    border-bottom: 2px solid #F2F2F2;
    display: flex;
    justify-content: space-between;
}

    .table-row.highlight[b-ubu0yepsts] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .table-row:hover[b-ubu0yepsts] {
        background-color: #e7e8ef;
    }

    .table-row:last-of-type[b-ubu0yepsts] {
        border-bottom: none;
    }

.table-header-cell[b-ubu0yepsts] {
    font-weight: 600;
}

.table-header-icon[b-ubu0yepsts] {
    width: 1.2rem;
    height: 1.2rem;
}

.table-header-icon[b-ubu0yepsts], .table-cell.flag[b-ubu0yepsts] {
    flex: 0 0 5%;
}

.flag[b-ubu0yepsts] {
    box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
}

.table-header-cell[b-ubu0yepsts], .table-cell[b-ubu0yepsts] {
    text-align: right;
}

    /*.table-header-cell.profit,*/
    /*.table-header-cell.tax,*/
    /*.table-header-cell.etr,*/
    /*.table-header-cell.om,*/
    /*.table-cell.profit,*/
    /*.table-cell.tax,*/
    /*.table-cell.etr,*/
    /*.table-cell.om,*/
    .table-header-cell[b-ubu0yepsts],
    .table-cell[b-ubu0yepsts],
    .metric-column[b-ubu0yepsts] {
        flex: 0 0 14%;
    }

    .table-header-cell.name[b-ubu0yepsts], .table-cell.name[b-ubu0yepsts] {
        flex: 0 0 20%;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none !important;
    }

    .table-cell.flag[b-ubu0yepsts] {
        width: 1.5rem;
    }

    .table-cell.name[b-ubu0yepsts] {
        font-weight: 600;
    }

/* When .entity-info-container has the .future-state class */
.entity-info-container.future-state .table-header-icon[b-ubu0yepsts],
.entity-info-container.future-state .table-cell.flag[b-ubu0yepsts] {
    flex: 0 0 4.5%;
}

.entity-info-container.future-state .table-header-cell.name[b-ubu0yepsts],
.entity-info-container.future-state .table-cell.name[b-ubu0yepsts] {
    flex: 0 0 20%;
}

/*.entity-info-container.future-state .table-header-cell.profit,*/
/*.entity-info-container.future-state .table-header-cell.tax,*/
/*.entity-info-container.future-state .table-header-cell.taxChange,*/
/*.entity-info-container.future-state .table-header-cell.etr,*/
/*.entity-info-container.future-state .table-header-cell.om,*/
/*.entity-info-container.future-state .table-cell.profit,*/
/*.entity-info-container.future-state .table-cell.tax,*/
/*.entity-info-container.future-state .table-cell.taxChange,*/
/*.entity-info-container.future-state .table-cell.etr,*/
/*.entity-info-container.future-state .table-cell.om {*/
/*    flex: 0 0 15%;*/
/*}*/

.entity-list[b-ubu0yepsts] {
    width: 100%;
    height: fit-content;
    max-height: 40rem;
    overflow: auto;
    overflow-x: hidden;
}

.entity-row[b-ubu0yepsts] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    transition: height 0.3s ease;
    cursor: pointer;
    border-bottom: 2px solid #F2F2F2;
}

    .entity-row.expanded[b-ubu0yepsts] {
        height: fit-content;
    }

    .entity-row.expanded.highlight > .expanded-content.popup[b-ubu0yepsts] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .entity-row:last-of-type[b-ubu0yepsts] {
        border-bottom: none;
    }
/* /Shared/Components/EntityAccordionWht.razor.rz.scp.css */
.expanded-content[b-epfkr3leb6] {
    padding: .4rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    height: fit-content;
    cursor: pointer;
}

    .expanded-content.popup[b-epfkr3leb6] {
        background: white;
        border-radius: .4rem;
        padding: .5rem .9rem;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        pointer-events: all;
        position: relative;
    }

        .expanded-content.popup:hover[b-epfkr3leb6] {
            background-color: #e7e8ef;
        }

        .expanded-content.popup .flag-icon[b-epfkr3leb6] {
            box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
            width: 1.5rem;
            margin-right: auto;
        }

        .expanded-content.popup .metrics-container[b-epfkr3leb6] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /*gap: 1rem;*/
            /*margin-right: .4rem;*/
        }

.expanded-content.popup .entity-pill[b-epfkr3leb6] {
    height: 1.6rem;
    border: .6rem solid #F2F2F2;
}

[b-epfkr3leb6] .expanded-content.popup .entity-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: -.7rem;
}

[b-epfkr3leb6] .expanded-content.popup .function-icon {
    width: 1.3rem;
    height: 1.3rem;
    overflow: visible;
}

.expanded-content.popup .full-entity-name[b-epfkr3leb6], .expanded-content.popup .full-entity-name[b-epfkr3leb6] {
    font-size: .9rem;
}

.entity-type-container[b-epfkr3leb6] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.entity-type-name[b-epfkr3leb6] {
    display: block;
    white-space: nowrap;
}

.entity-pill[b-epfkr3leb6] {
    display: flex;
    align-items: center;
    border-radius: 9rem;
    border: .8rem solid #F2F2F2;
    background: #F2F2F2;
    gap: .4rem;
    width: fit-content;
    height: 2rem;
}

[b-epfkr3leb6] .entity-icon {
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
}

.function-container[b-epfkr3leb6] {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    height: fit-content;
    border-radius: .2rem;
    gap: .6rem;
    padding: .6rem 0;
}

.function-icon[b-epfkr3leb6] {
    width: 1.6rem;
    height: 1.6rem;
}

.headcount-icon[b-epfkr3leb6] {
    width: 1rem;
    height: 1rem;
}

.function-row[b-epfkr3leb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .function-row > div[b-epfkr3leb6] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding: 0 .6rem;
    }

[b-epfkr3leb6] .pnl-link {
    color: #006400 !important;
    font-weight: bold;
    text-decoration: underline;
    align-self: flex-end;
}

.full-entity-name[b-epfkr3leb6] {
    font-size: .9rem;
    font-weight: bold;
}

.country-name[b-epfkr3leb6] {
    color: #666;
    font-size: .9rem;
}

.metric-column[b-epfkr3leb6] {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.metric-column.flag[b-epfkr3leb6] {
    width: 1.5rem;
    flex: 0 0 5%;
}

.metric-column.name[b-epfkr3leb6] {
    flex: 0 0 20%;
}

.metric-label[b-epfkr3leb6] {
    font-weight: 600;
}

.entity-info-container[b-epfkr3leb6] {
    width: 33rem;
    height: fit-content;
    max-height: 45rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 2;
    pointer-events: all;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.table-header-row[b-epfkr3leb6], .table-row[b-epfkr3leb6] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: .5rem .9rem;
}

.table-header-row[b-epfkr3leb6] {
    background-color: #F2F2F2;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.table-row[b-epfkr3leb6] {
    background-color: #FFF;
    border-bottom: 2px solid #F2F2F2;
    display: flex;
    justify-content: space-between;
}

    .table-row.highlight[b-epfkr3leb6] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .table-row:hover[b-epfkr3leb6] {
        background-color: #e7e8ef;
    }

    .table-row:last-of-type[b-epfkr3leb6] {
        border-bottom: none;
    }

.table-header-cell[b-epfkr3leb6] {
    font-weight: 600;
}

.table-header-icon[b-epfkr3leb6] {
    width: 1.2rem;
    height: 1.2rem;
}

.table-header-icon[b-epfkr3leb6], .table-cell.flag[b-epfkr3leb6] {
    flex: 0 0 5%;
}

.flag[b-epfkr3leb6] {
    box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
}

.table-header-cell[b-epfkr3leb6], .table-cell[b-epfkr3leb6] {
    text-align: right;
}

    /*.table-header-cell.profit,*/
    /*.table-header-cell.tax,*/
    /*.table-header-cell.etr,*/
    /*.table-header-cell.om,*/
    /*.table-cell.profit,*/
    /*.table-cell.tax,*/
    /*.table-cell.etr,*/
    /*.table-cell.om,*/
    .table-header-cell[b-epfkr3leb6],
    .table-cell[b-epfkr3leb6],
    .metric-column[b-epfkr3leb6] {
        flex: 0 0 17%;
    }

    .table-header-cell.name[b-epfkr3leb6], .table-cell.name[b-epfkr3leb6] {
        flex: 0 0 20%;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none !important;
    }

    .table-cell.flag[b-epfkr3leb6] {
        width: 1.5rem;
    }

    .table-cell.name[b-epfkr3leb6] {
        font-weight: 600;
    }

/* When .entity-info-container has the .future-state class */
.entity-info-container.future-state .table-header-icon[b-epfkr3leb6],
.entity-info-container.future-state .table-cell.flag[b-epfkr3leb6] {
    flex: 0 0 4.5%;
}

.entity-info-container.future-state .table-header-cell.name[b-epfkr3leb6],
.entity-info-container.future-state .table-cell.name[b-epfkr3leb6] {
    flex: 0 0 20%;
}

/*.entity-info-container.future-state .table-header-cell.profit,*/
/*.entity-info-container.future-state .table-header-cell.tax,*/
/*.entity-info-container.future-state .table-header-cell.taxChange,*/
/*.entity-info-container.future-state .table-header-cell.etr,*/
/*.entity-info-container.future-state .table-header-cell.om,*/
/*.entity-info-container.future-state .table-cell.profit,*/
/*.entity-info-container.future-state .table-cell.tax,*/
/*.entity-info-container.future-state .table-cell.taxChange,*/
/*.entity-info-container.future-state .table-cell.etr,*/
/*.entity-info-container.future-state .table-cell.om {*/
/*    flex: 0 0 15%;*/
/*}*/

.entity-list[b-epfkr3leb6] {
    width: 100%;
    height: fit-content;
    max-height: 40rem;
    overflow: auto;
    overflow-x: hidden;
}

.entity-row[b-epfkr3leb6] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    transition: height 0.3s ease;
    cursor: pointer;
    border-bottom: 2px solid #F2F2F2;
}

    .entity-row.expanded[b-epfkr3leb6] {
        height: fit-content;
    }

    .entity-row.expanded.highlight > .expanded-content.popup[b-epfkr3leb6] {
        background: linear-gradient(0deg, rgba(255, 213, 0, 0.16) 0%, rgba(255, 213, 0, 0.16) 100%), #FFF !important;
    }

    .entity-row:last-of-type[b-epfkr3leb6] {
        border-bottom: none;
    }
/* /Shared/Components/EntityDetailsTable.razor.rz.scp.css */
*[b-1r3b5dig4x] {
    font-family: "Open Sans", "Verdana", "Helvetica", "sans-serif";
}

.entity-table-wrapper[b-1r3b5dig4x] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    gap: 1.5rem;
}

[b-1r3b5dig4x] .entity-details-table {
    flex-grow: 1;
    width: calc(100% - 18rem) !important;
}

[b-1r3b5dig4x] .mud-table {
    background-color: transparent !important;
}

[b-1r3b5dig4x] .mud-table-container {
    overflow-x: auto !important;
}

[b-1r3b5dig4x] .mud-table-root {
    width: auto !important;
    border-bottom: 2px solid #022169;
}

[b-1r3b5dig4x] .table-header {
    background-color: #022169 !important;
    color: white !important;
    padding: .4rem !important;
    font-size: .9rem !important;
}

.table-header:last-child[b-1r3b5dig4x] {
    border-right: 2px solid #022169 !important;
}

[b-1r3b5dig4x] .table-toggle-button {
    text-transform: none !important;
    border-radius: .2rem !important;
    font-weight: 700 !important;
    height: 1.4rem !important;
}

[b-1r3b5dig4x] .table-toggle-button span {
    font-size: .7rem !important;
    padding: 0 .4rem !important;
}

[b-1r3b5dig4x] .table-toggle-button:nth-of-type(1) {
    min-width: 2.7rem !important;
    max-width: 2.7rem !important;
}

[b-1r3b5dig4x] .table-toggle-button:nth-of-type(2) {
    margin-left: .2rem !important;
}

[b-1r3b5dig4x] .mud-table-cell {
    padding: .05rem .7rem !important;
    white-space: nowrap !important;
    max-height: 1.8rem !important;
    border: none !important;
    margin: 0 !important;
    font-size: .65rem !important;
}

[b-1r3b5dig4x] .table-row {
    background-color: white !important;
}

[b-1r3b5dig4x] .table-row .mud-table-cell.metric-value-header.pnl:last-child {
    border-right: 2px solid #022169 !important;
}

[b-1r3b5dig4x] .table-row .mud-table-cell.metric-value.pnl:last-child {
    border-right: 2px solid #022169 !important;
}

[b-1r3b5dig4x] .table-row .mud-table-cell.metric-value-header.function.total:last-child {
    border-right: 2px solid #022169 !important;
}

[b-1r3b5dig4x] .table-row .mud-table-cell.metric-value.function:last-child {
    border-right: 2px solid #022169 !important;
}

[b-1r3b5dig4x] .table-row:nth-child(even) {
    background-color: rgba(245, 246, 246, 1) !important;
}

[b-1r3b5dig4x] .table-row:nth-child(even) .metric-name:first-child {
    background-color: rgba(245, 246, 246, 1);
}

[b-1r3b5dig4x] .table-header.metric {
    min-width: 12rem !important;
    max-width: 12rem !important;
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
}

[b-1r3b5dig4x] .metric-value-header {
    text-align: right !important;
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
    font-size: .69rem !important;
}

[b-1r3b5dig4x] .metric-value-header.function {
    max-width: 3.275rem !important;
    min-width: 3.275rem !important;
}

[b-1r3b5dig4x] .metric-value-header.function.total {
    font-weight: 700 !important;
    border-right: 1px solid #022169 !important;
}

[b-1r3b5dig4x] .empty-header {
    min-width: 12rem;
    max-width: 12rem;
    border-left: 2px solid #022169 !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
    background-color: white !important;
    position: sticky !important;
    z-index: 2 !important;
    left: 0 !important;
}

[b-1r3b5dig4x] .mud-table-cell.metric-name {
    min-width: 12rem !important;
    max-width: 12rem !important;
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
    border-left: 2px solid #022169 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 2 !important;
    background-color: white;
}

[b-1r3b5dig4x] .mud-table-cell.metric-name.total {
    font-weight: 700;
}

[b-1r3b5dig4x] .table-header.year {
    padding: .2rem .7rem !important;
    text-align: right !important;
    font-weight: 700 !important;
    pointer-events: none !important;
}

[b-1r3b5dig4x] .table-header.year.pnl {
    min-width: 5rem !important;
    max-width: 5rem !important;
}

[b-1r3b5dig4x] .table-header.year.pnl:not(:last-of-type) {
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-1r3b5dig4x] .table-header.year.functions {
    min-width: 13.1rem !important;
    max-width: 13.1rem !important;
}

[b-1r3b5dig4x] .table-header.year.functions:not(:last-of-type) {
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-1r3b5dig4x] .mud-table-cell.metric-value.pnl {
    min-width: 5rem !important;
    max-width: 5rem !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: .2rem !important;
}

[b-1r3b5dig4x] .mud-table-cell.metric-value.function {
    max-width: 3.275rem !important;
    min-width: 3.275rem !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: .2rem !important;
}

[b-1r3b5dig4x] .mud-table-cell.metric-value.function.total {
    font-weight: 700 !important;
    border-right: 1px solid #022169 !important;
}

[b-1r3b5dig4x] .mud-table-cell.metric-value.pnl {
    border-right: 1px solid #022169 !important;
}

[b-1r3b5dig4x] .mud-elevation-1 {
    box-shadow: none !important;
}

[b-1r3b5dig4x] .bold {
    font-weight: 700 !important;
}

[b-1r3b5dig4x] .border-bottom {
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-1r3b5dig4x] .italics {
    font-style: italic;
}

[b-1r3b5dig4x] .indented {
    padding-left: 1.3rem !important;
}

[b-1r3b5dig4x] .entities-selector-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 15rem;
    min-width: 15rem;
}

[b-1r3b5dig4x] .entity-filter-controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    height: auto;
    margin: 0.5rem 0rem;
}

[b-1r3b5dig4x] .entity-filter-search {
    flex: 1;
    margin-bottom: 0 !important;
}

[b-1r3b5dig4x] .mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
    margin-top: 0rem;
}

[b-1r3b5dig4x] .entity-filter-favorite {
    margin-top: 0;
    margin-bottom: 0;
}

[b-1r3b5dig4x] .entity-no-results {
    padding: 0.5rem 0.75rem;
}
.mud-dialog-actions[b-1r3b5dig4x] {
    margin-bottom: 1rem !important;
}
[b-1r3b5dig4x] .entities-selector {
    display: flex !important;
    flex-direction: column !important;
    gap: .2rem !important;
    width: 15rem !important;
    min-width: 15rem !important;
    max-height: 38rem !important;
    background-color: #fff !important;
    border-radius: 0.2rem !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

[b-1r3b5dig4x] .entities-selector .mud-button {
    display: flex !important;
    flex-direction: column !important;
    max-height: 2.085rem !important;
    min-height: 2.085rem !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
    text-align: left !important;
    background-color: rgba(1, 33, 105, 0.08) !important;
    border: none !important;
    border-radius: 0.2rem !important;
    cursor: pointer !important;
    text-transform: none !important;
    justify-content: flex-start !important;
}

[b-1r3b5dig4x] .entities-selector .mud-button.highlighted-entity {
    border: 1px solid #fcff00 !important;
}

[b-1r3b5dig4x] .entities-selector .entity .mud-button-label {
    max-height: 1.45rem;
}

[b-1r3b5dig4x] .entities-selector .entity.selected .mud-button-label {
    max-height: 4rem;
}

[b-1r3b5dig4x] .flag {
    width: .9rem;
    margin-right: .4rem;
}

[b-1r3b5dig4x] .entity-button-content {
    width: 100% !important;
    padding: 0.215rem 0.7rem !important;
}

[b-1r3b5dig4x] .entity.selected .entity-button-content {
    line-height: 1.4rem !important;
}

[b-1r3b5dig4x] .entity .entity-button-content {
    line-height: 1.6rem !important;
}

[b-1r3b5dig4x] .entity-name,
[b-1r3b5dig4x] .entity-types-list {
    width: calc(15rem - 2rem) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

[b-1r3b5dig4x] .entity-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

[b-1r3b5dig4x] .entity-types-list {
    font-weight: 400 !important;
    position: relative !important;
    max-width: calc(15rem - 2rem) !important;
}

[b-1r3b5dig4x] .entities-selector .mud-button.entity.selected {
    background-color: #022169 !important;
    color: #fff !important;
    font-weight: 700 !important;
    min-height: 4.55rem !important;
    max-height: 4.55rem !important;
}

[b-1r3b5dig4x] .selected-entity-size {
    width: 13.875rem !important;
    height: 1.625rem !important;
}

[b-1r3b5dig4x] .entity-button-gap {
    margin-bottom: 0.5rem !important;
}

[b-1r3b5dig4x] .entities-selector .mud-tooltip-root {
    position: relative !important;
    z-index: 10000 !important;
    width: 13rem;
}

[b-1r3b5dig4x] .entity-button-content .country {
    display: flex !important;
    align-items: center !important;
    font-weight: 400 !important;
    font-size: .69rem !important;
}
/* /Shared/Components/EntitySearchDialog.razor.rz.scp.css */
.entity-item[b-0lx0rnki6o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 3rem;
    width: 100%;
    padding: 0 1rem;
    background-color: #e6e6e6;
    border-radius: 9.55px;
}

.entity-actions[b-0lx0rnki6o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-0lx0rnki6o] .filtered-entities-column {
    display: flex;
    width: 50%;
    overflow-y: scroll;
}

[b-0lx0rnki6o] .selected-entities-column {
    display: flex;
    width: 50%;
    padding-left: 0.85rem;
    border-left: 2px dashed #62ad41;
    overflow-y: scroll;
}

[b-0lx0rnki6o] .mud-button-root {
    text-transform: none;
}

/* match default margins of MudBlazor inputs for consistent appearance */
[b-0lx0rnki6o] .dialog-favorite-filter {
    margin-top: 8px;
    margin-bottom: 4px;
}

[b-0lx0rnki6o] .filter-control-col {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

[b-0lx0rnki6o] .filter-control-col.lg {
    flex: 1.25;
}
/* /Shared/Components/EntitySelectorComponent.razor.rz.scp.css */
.entity-item[b-lbjdup5c1e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 2rem;
    width: 100%;
    padding: 0 1rem;
    background-color: #E6E6E6;
    border-radius: 9.55px;
}

[b-lbjdup5c1e] .filtered-entities-column {
    display: flex;
    width: 40%;
    overflow-y: scroll;
}

[b-lbjdup5c1e] .add-remove-button-column {
    width: 20%;
}

[b-lbjdup5c1e] .selected-entities-column {
    display: flex;
    width: 40%;
    padding-left: 0.85rem;
    border-left: 2px dashed #62AD41;
    overflow-y: scroll;
}

[b-lbjdup5c1e] .mud-button-root {
    text-transform: none;
}

[b-lbjdup5c1e] .dialog-favorite-filter {
    margin-top: 8px;
    margin-bottom: 4px;
}

[b-lbjdup5c1e] .filter-control-col {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 12px;
}

[b-lbjdup5c1e] .filter-control-col.lg {
    flex: 1.25;
}

[b-lbjdup5c1e] .flow-diagram-filter-row {
    margin-top: -4px;
}

[b-lbjdup5c1e] .add-remove-all-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
/* /Shared/Components/ExportControls.razor.rz.scp.css */
/*.export-menu {
    See app.css
    We cannot style it here because the pop-over menu 
    is not a child element of this component in the 
    rendered DOM, and CSS isolation only works in one
    direction (parent to child).
}*/
/* /Shared/Components/ExternalEntitySearchDialog.razor.rz.scp.css */
.entity-item[b-h6iz4stcl4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 3rem;
    width: 100%;
    padding: 0 1rem;
    background-color: #E6E6E6;
    border-radius: 9.55px;
}

[b-h6iz4stcl4] .filtered-entities-column {
    display: flex;
    width: 50%;
    /*margin-right: 0.2rem !important;*/
    overflow-y: scroll;
}

[b-h6iz4stcl4] .selected-entities-column {
    display: flex;
    width: 50%;
    padding-left: 0.85rem;
    border-left: 2px dashed #62AD41;
    overflow-y: scroll;
}

[b-h6iz4stcl4] .mud-button-root {
    text-transform: none;
}
/* /Shared/Components/FavoriteFilterButtonGroup.razor.rz.scp.css */
[b-bnvad8zokl] .favorite-button-group {
    background-color: #eee;
    display: flex;
    width: 6rem;
    height: stretch;
    border: 1px solid #bdbdbd;
}

[b-bnvad8zokl] .favorite-button-group .mud-button-label {
    width: 100%;
    justify-content: center;
}

[b-bnvad8zokl] .favorite-button {
    height: 100% !important;
    padding: unset !important;
    flex: 1 1 0;
    max-width: 2rem;
    min-width: 2rem;
}

[b-bnvad8zokl] .favorite-button:not(.active) {
    border-color: transparent;
    background-color: #fff;
}

[b-bnvad8zokl] .favorite-button.active {
    border-color: transparent;
}

[b-bnvad8zokl] .favorite-button-group .favorite-button .favorite-icon {
    width: 0.9rem;
    height: 0.9rem;
    display: block;
}

[b-bnvad8zokl] .favorite-button-group .favorite-button .mud-icon-root {
    width: 1.2rem;
    height: 1.2rem;
}
/* /Shared/Components/FlowDetailsPopup.razor.rz.scp.css */
.flow-details-popup[b-u203wpvqpt] {
    background-color: white;
    height: fit-content;
    max-height: 25rem;
    overflow: auto;
    z-index: 999;
    border-radius: .2rem;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.flow-details-table[b-u203wpvqpt] {
    width: 100%;
    font-size: .8rem;
    border-spacing: 0;
}

    .flow-details-table thead tr th[b-u203wpvqpt] {
        background-color: #F2F2F2;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        padding-top: .5rem;
        padding-bottom: .5rem;
        height: 3rem;
        min-height: 3rem;
    }

        .flow-details-table thead tr th:first-of-type[b-u203wpvqpt] {
            padding-left: .9rem;
        }

        .flow-details-table thead tr th:last-of-type[b-u203wpvqpt] {
            padding-right: .9rem;
        }

    .flow-details-table tbody tr td[b-u203wpvqpt] {
        width: 8rem;
        max-width: 8rem;
        overflow: clip;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: .5rem .5rem .5rem 0;
    }

        .flow-details-table tbody tr td.flag-cell[b-u203wpvqpt] {
            text-align: right;
            width: 2rem;
            max-width: 2rem;
        }

        .flow-details-table tbody tr td.details-cell[b-u203wpvqpt] {
            width: fit-content;
            max-width: 15rem;
        }

        .flow-details-table tbody tr td:first-of-type[b-u203wpvqpt] {
            padding-left: .9rem;
        }

        .flow-details-table tbody tr td:last-of-type[b-u203wpvqpt] {
            padding-right: .9rem;
        }

    .flow-details-table tbody tr:not(:last-of-type) td[b-u203wpvqpt] {
        border-bottom-width: .1rem;
        border-bottom-color: #F2F2F2;
    }

.country-flag[b-u203wpvqpt] {
    box-shadow: 0 .133rem .133rem 0 rgba(0, 0, 0, 0.25);
    margin-top: .2rem;
    margin-right: .5rem;
    width: 1.5rem;
}

.table-header-icon[b-u203wpvqpt] {
    margin-top: .2rem;
    margin-right: .5rem;
    width: 1.2rem;
}

tr.details-row > td[b-u203wpvqpt] {
    padding: 0 !important;
}
/* /Shared/Components/FlowEditorPropertiesPanel.razor.rz.scp.css */
.element-properties-panel[b-2szeg8awyo] {
    position: absolute;
    left: -18rem;
    top: 2.5rem;
    width: 18rem;
    height: calc(100% - 2.5rem);
    background-color: #FFFFFF;
    border-right: 1px solid #E2E8F0;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    transition: left 0.3s ease-in-out;
    z-index: 1001;
}

.element-properties-panel.visible[b-2szeg8awyo] {
    left: 0;
}

.properties-header[b-2szeg8awyo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem 1rem;
    border-bottom: 1px solid #E2E8F0;
    background: #F8FAFC;
}

.properties-content[b-2szeg8awyo] {
    padding: .75rem 1rem 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.text-input-field[b-2szeg8awyo] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.color-picker-field[b-2szeg8awyo] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.color-picker-field input[type="color"][b-2szeg8awyo] {
    width: 2.25rem;
    height: 1.75rem;
    border-radius: .15rem;
    border: 1px solid #D0D7DE;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

[b-2szeg8awyo] .element-properties-panel .mud-typography-subtitle2 {
    font-weight: 600;
    color: #0F172A;
}

[b-2szeg8awyo] .element-properties-panel .mud-input-control {
    margin: 0;
}

[b-2szeg8awyo] .element-properties-panel .mud-input-slot,
[b-2szeg8awyo] .element-properties-panel .mud-select-input {
    background: #F8FAFC;
}

[b-2szeg8awyo] .entity-edit-actions .mud-button {
    justify-content: flex-start;
    text-transform: none;
    padding-top: .15rem;
    padding-bottom: .15rem;
    font-size: .8rem;
}

[b-2szeg8awyo] .mud-button-label .mud-button-icon-end {
    margin-left: auto;
}
/* /Shared/Components/FlowLegend.razor.rz.scp.css */
.flow-legend-wrapper[b-hb0l7nxdbl] {
    position: absolute;
    z-index: 1000;
    left: 12rem;
    bottom: 0rem;
    width: fit-content;
    height: fit-content;
    background-color: transparent;
    padding: 1rem;
    /* Flex column, left-aligned contents */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.flow-legend-body[b-hb0l7nxdbl] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.flow-legend-row[b-hb0l7nxdbl] {
    display: flex;
    gap: .7rem;
    height: 1rem;
}

.flow-legend-item[b-hb0l7nxdbl] {
    width: fit-content;
    height: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: .6rem;
}

.flow-legend-item.entity[b-hb0l7nxdbl] {
    cursor: default !important;
}

.flow-legend-item-color[b-hb0l7nxdbl] {
    width: 1.85rem;
    height: 0;
    margin-right: 0.5rem;
    transition: background-image 0.3s ease, background-color 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flow-legend-item:hover .flow-legend-item-color[b-hb0l7nxdbl] {
    background-image: url('/icons/eye-hide.svg');
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item-color.clicked[b-hb0l7nxdbl] {
    background-image: url('/icons/eye-hide.svg');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item:hover .flow-legend-item-color.clicked.hidden[b-hb0l7nxdbl] {
    background-image: url('/icons/eye-show.svg');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item-entity[b-hb0l7nxdbl] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    cursor: default;
}
/* /Shared/Components/FlowPreviewPopup.razor.rz.scp.css */
/* Component-specific styles for FlowPreviewPopup */
[b-o1q67uwq3g].flow-preview {
    width: 100%;
    height: 100%;
}

.tax-impact-container[b-o1q67uwq3g] {
    position: absolute;
    top: 0;
    left: .5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    width: fit-content;
    height: fit-content;
    z-index: 1000;
    padding: .5rem .65rem;
    border: 1px solid var(--mud-palette-action-default-hover);
    border-radius: .5rem;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.impact-row[b-o1q67uwq3g] {
    margin-left: 1rem;
    width: 8rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.impact-row.subtotal[b-o1q67uwq3g] {
    font-weight: 600;
}
/* /Shared/Components/FullScreenButton.razor.rz.scp.css */
.full-screen-button[b-49bx2wwubi] {
    background-color: #FFFFFF;
/*    position: absolute;
    left: calc(100% - 34.75rem);
    top: 7.2rem;
    transform: translateX(-50%);*/
    padding: .4rem;
    cursor: pointer;
    border-radius: .2rem;
    z-index: 10;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    height: 2.2rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

    .full-screen-button img[b-49bx2wwubi] {
        width: 1.25rem;
        height: 1.25rem;
    }
/* /Shared/Components/FunctionHeadCount.razor.rz.scp.css */
/* /Shared/Components/FutureStateEntityTable.razor.rz.scp.css */
*[b-02w9b60ue9] {
    font-family: "Open Sans", "Verdana", "Helvetica", "sans-serif";
}

.entity-table-wrapper[b-02w9b60ue9] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    gap: 1.5rem;
}

[b-02w9b60ue9] .entity-details-table {
    flex-grow: 1;
    width: calc(100% - 18rem) !important;
}

[b-02w9b60ue9] .mud-table {
    background-color: transparent !important;
}

[b-02w9b60ue9] .mud-table-container {
    overflow-x: auto !important;
}

[b-02w9b60ue9] .mud-table-root {
    width: auto !important;
    border-bottom: 2px solid #022169;
}

[b-02w9b60ue9] .table-header {
    background-color: #022169 !important;
    color: white !important;
    padding: .4rem !important;
    font-size: .9rem !important;
}

.table-header:last-child[b-02w9b60ue9] {
    border-right: 2px solid #022169 !important;
}

[b-02w9b60ue9] .table-toggle-button {
    text-transform: none !important;
    border-radius: .2rem !important;
    font-weight: 700 !important;
    height: 1.4rem !important;
}

[b-02w9b60ue9] .table-toggle-button span {
    font-size: .7rem !important;
    padding: 0 .4rem !important;
}

[b-02w9b60ue9] .table-toggle-button:nth-of-type(1) {
    min-width: 2.7rem !important;
    max-width: 2.7rem !important;
}

[b-02w9b60ue9] .table-toggle-button:nth-of-type(2) {
    margin-left: .2rem !important;
}

[b-02w9b60ue9] .mud-table-cell {
    padding: .05rem .7rem !important;
    white-space: nowrap !important;
    max-height: 1.8rem !important;
    border: none !important;
    margin: 0 !important;
    font-size: .65rem !important;
}

[b-02w9b60ue9] .table-row {
    background-color: white !important;
}

[b-02w9b60ue9] .table-row .mud-table-cell.metric-value-header.pnl:last-child {
    border-right: 2px solid #022169 !important;
}

[b-02w9b60ue9] .table-row .mud-table-cell.metric-value.pnl:last-child {
    border-right: 2px solid #022169 !important;
}

[b-02w9b60ue9] .table-row .mud-table-cell.metric-value-header.function.total:last-child {
    border-right: 2px solid #022169 !important;
}

[b-02w9b60ue9] .table-row .mud-table-cell.metric-value.function:last-child {
    border-right: 2px solid #022169 !important;
}

[b-02w9b60ue9] .metric-value-header.pnl:nth-of-type(3n) {
    border-right: 1px solid #022169 !important;
}

[b-02w9b60ue9] .table-row:nth-child(even) {
    background-color: rgba(245, 246, 246, 1) !important;
}

[b-02w9b60ue9] .table-row:nth-child(even) .metric-name:first-child {
    background-color: rgba(245, 246, 246, 1);
}

[b-02w9b60ue9] .table-header.metric {
    min-width: 12rem !important;
    max-width: 12rem !important;
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
}

[b-02w9b60ue9] .metric-value-header {
    text-align: right !important;
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
    font-size: .69rem !important;
}

[b-02w9b60ue9] .metric-value-header.function {
    max-width: 3.275rem !important;
    min-width: 3.275rem !important;
}

[b-02w9b60ue9] .metric-value-header.function.total {
    font-weight: 700 !important;
    border-right: 1px solid #022169 !important;
}

[b-02w9b60ue9] .empty-header {
    min-width: 12rem;
    max-width: 12rem;
    border-left: 2px solid #022169 !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
    background-color: white !important;
    position: sticky !important;
    z-index: 2 !important;
    left: 0 !important;
}

[b-02w9b60ue9] .mud-table-cell.metric-name {
    min-width: 12rem !important;
    max-width: 12rem !important;
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
    border-left: 2px solid #022169 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 2 !important;
    background-color: white;
}

[b-02w9b60ue9] .mud-table-cell.metric-name.total {
    font-weight: 700;
}

[b-02w9b60ue9] .table-header.year {
    padding: .2rem .7rem !important;
    text-align: right !important;
    font-weight: 700 !important;
    pointer-events: none !important;
}

[b-02w9b60ue9] .table-header.year.pnl {
    min-width: 13.5rem !important;
    max-width: 13.5rem !important;
}

[b-02w9b60ue9] .table-header.year.pnl:not(:last-child) {
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-02w9b60ue9] .table-header.year.functions {
    min-width: 13.1rem !important;
    max-width: 13.1rem !important;
}

[b-02w9b60ue9] .table-header.year.functions:not(:last-child) {
    border-right: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-02w9b60ue9] .mud-table-cell.metric-value.pnl {
    min-width: 4.5rem !important;
    max-width: 4.5rem !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: .2rem !important;
}

[b-02w9b60ue9] .mud-table-cell.metric-value.function {
    max-width: 3.275rem !important;
    min-width: 3.275rem !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: .2rem !important;
}

[b-02w9b60ue9] .mud-table-cell.metric-value.function.total {
    font-weight: 700 !important;
    border-right: 1px solid #022169 !important;
}

[b-02w9b60ue9] .mud-table-cell.metric-value.pnl {
    border-right: 1px solid #022169 !important;
}

[b-02w9b60ue9] .mud-elevation-1 {
    box-shadow: none !important;
}

[b-02w9b60ue9] .bold {
    font-weight: 700 !important;
}

[b-02w9b60ue9] .highlighted {
    background-color: #e3e48e !important;
}

[b-02w9b60ue9] .border-bottom {
    border-bottom: 1px solid rgba(204, 204, 204, 1) !important;
}

[b-02w9b60ue9] .italics {
    font-style: italic;
}

[b-02w9b60ue9] .indented {
    padding-left: 1.3rem !important;
}

[b-02w9b60ue9] .entities-selector-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 15rem;
    min-width: 15rem;
}

[b-02w9b60ue9] .entity-filter-controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    height: auto;
    margin: 0.5rem 0rem;
}

[b-02w9b60ue9] .entity-filter-search {
    flex: 1;
    margin-bottom: 0 !important;
}
[b-02w9b60ue9] .mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
    margin-top:0rem
}
    [b-02w9b60ue9] .entity-filter-favorite {
        margin-top: 0;
        margin-bottom: 0;
    }

    [b-02w9b60ue9] .entity-no-results {
        padding: 0.5rem 0.75rem;
    }

    [b-02w9b60ue9] .entities-selector {
        display: flex !important;
        flex-direction: column !important;
        gap: .2rem !important;
        width: 15rem !important;
        min-width: 15rem !important;
        max-height: 38rem !important;
        background-color: #fff !important;
        border-radius: 0.2rem !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

        [b-02w9b60ue9] .entities-selector .mud-button {
            display: flex !important;
            flex-direction: column !important;
            max-height: 2.085rem !important;
            min-height: 2.085rem !important;
            font-family: 'Open Sans', sans-serif !important;
            font-weight: 400 !important;
            font-size: 0.9rem !important;
            text-align: left !important;
            background-color: rgba(1, 33, 105, 0.08) !important;
            border: none !important;
            border-radius: 0.2rem !important;
            cursor: pointer !important;
            text-transform: none !important;
            justify-content: flex-start !important;
        }

            [b-02w9b60ue9] .entities-selector .mud-button.highlighted-entity {
                border: 1px solid #fcff00 !important;
            }

        [b-02w9b60ue9] .entities-selector .entity .mud-button-label {
            max-height: 1.45rem;
        }

        [b-02w9b60ue9] .entities-selector .entity.selected .mud-button-label {
            max-height: 4rem;
        }

    [b-02w9b60ue9] .flag {
        width: .9rem;
        margin-right: .4rem;
    }

    [b-02w9b60ue9] .entity-button-content {
        width: 100% !important;
        padding: 0.215rem 0.7rem !important;
    }

    [b-02w9b60ue9] .entity.selected .entity-button-content {
        line-height: 1.4rem !important;
    }

    [b-02w9b60ue9] .entity .entity-button-content {
        line-height: 1.6rem !important;
    }

    [b-02w9b60ue9] .entity-name,
    [b-02w9b60ue9] .entity-types-list {
        width: calc(15rem - 2rem) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    [b-02w9b60ue9] .entity-type {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    [b-02w9b60ue9] .entity-types-list {
        font-weight: 400 !important;
        position: relative !important;
        max-width: calc(15rem - 2rem) !important;
    }

    [b-02w9b60ue9] .entities-selector .mud-button.entity.selected {
        background-color: #022169 !important;
        color: #fff !important;
        font-weight: 700 !important;
        min-height: 4.55rem !important;
        max-height: 4.55rem !important;
    }

    [b-02w9b60ue9] .selected-entity-size {
        width: 13.875rem !important;
        height: 1.625rem !important;
    }

    [b-02w9b60ue9] .entity-button-gap {
        margin-bottom: 0.5rem !important;
    }

    [b-02w9b60ue9] .entities-selector .mud-tooltip-root {
        position: relative !important;
        z-index: 10000 !important;
        width: 13rem;
    }

    [b-02w9b60ue9] .entity-button-content .country {
        display: flex !important;
        align-items: center !important;
        font-weight: 400 !important;
        font-size: .69rem !important;
    }
/* /Shared/Components/IconBundlePickerDialog.razor.rz.scp.css */
.icon-picker-container[b-s3rj287nzn] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.icon-picker-body[b-s3rj287nzn] {
    display: flex;
    overflow: hidden;
    margin-top: 1rem;
}

/* Navigation Sidebar - styled like Project Settings */
.icon-picker-nav[b-s3rj287nzn] {
    width: 12rem;
    background-color: white;
    border-right: 1px solid #e0e0e0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.nav-item[b-s3rj287nzn] {
    margin: 0.15rem 0.5rem 0.15rem 0;
    padding: 0.35rem 0.5rem;
    border-radius: .15rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.nav-item:hover[b-s3rj287nzn] {
    background-color: #aeaeae20;
}

.nav-item.selected[b-s3rj287nzn] {
    background-color: #aeaeae45;
}

/* Main Icon Grid Content */
.icon-picker-content[b-s3rj287nzn] {
    flex: 1;
    overflow-y: auto;
    padding-left: 1rem;
}

.category-grid[b-s3rj287nzn] {
    margin: 0;
}

[b-s3rj287nzn] .icon-card {
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dddddd;
    background-color: #fcfcfc;
    border-radius: 0.25rem;
    margin: .15rem;
    padding: .5rem .1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-s3rj287nzn] .icon-card.selected {
    border: 1px solid #53a30a;
    background-color: #eef6e6;
}

[b-s3rj287nzn] .icon-card:hover {
    transform: translateY(-.1rem);
}
/* /Shared/Components/LeaveFlowBuilderDialog.razor.rz.scp.css */
[b-0d9nw05sg8].confirm-dialog-container .mud-button-root {
    min-width: 7rem !important;
    height: 2.5rem !important;
    margin-top: 0.6rem !important;
    text-align: center !important;
    font-size: 1rem !important;
    border-radius: .275rem;
    box-shadow: none !important;
}

[b-0d9nw05sg8].confirm-dialog-container .cancel-button,
[b-0d9nw05sg8].confirm-dialog-container .discard-button {
    color: rgba(38, 137, 13, 1) !important;
    background-color: transparent !important;
}

[b-0d9nw05sg8].confirm-dialog-container .cancel-button {
    border: none !important;
}

[b-0d9nw05sg8].confirm-dialog-container .discard-button {
    border: 2px solid rgba(38, 137, 13, 1) !important;
}

[b-0d9nw05sg8].confirm-dialog-container .save-button {
    box-shadow: none !important;
}

[b-0d9nw05sg8].confirm-dialog-container .mud-dialog-actions {
    padding: .4rem 1.2rem 1.2rem 1.2rem !important;
    gap: 1rem !important;
}
/* /Shared/Components/license/OSSCopyrightDialog.razor.rz.scp.css */
/* /Shared/Components/MapFlowLegend.razor.rz.scp.css */
.flow-legend-wrapper[b-zgxta37h6b] {
    z-index: 1000;
    /* Flex column, left-aligned contents */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.flow-legend-body[b-zgxta37h6b] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.flow-legend-row[b-zgxta37h6b] {
    display: flex;
    gap: .7rem;
    height: 1rem;
}

.flow-legend-item[b-zgxta37h6b] {
    width: fit-content;
    height: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: .6rem;
}

.flow-legend-item.entity[b-zgxta37h6b] {
    cursor: default !important;
}

.flow-legend-item-color[b-zgxta37h6b] {
    width: 1.85rem;
    height: 0;
    margin-right: 0.5rem;
    transition: background-image 0.3s ease, background-color 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.flow-legend-item:hover .flow-legend-item-color[b-zgxta37h6b] {
    background-image: url('/icons/eye-hide.svg');
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item-color.clicked[b-zgxta37h6b] {
    background-image: url('/icons/eye-hide.svg');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item:hover .flow-legend-item-color.clicked.hidden[b-zgxta37h6b] {
    background-image: url('/icons/eye-show.svg');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    border: none !important;
}

.flow-legend-item-entity[b-zgxta37h6b] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.85rem;
    height: 1rem;
    cursor: default;
}
/* /Shared/Components/PrivacyPolicyDialog.razor.rz.scp.css */
[b-qacnr53f0v] .mud-list-item-avatar {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
/* /Shared/Components/ProjectStaleBanner.razor.rz.scp.css */
.project-stale-banner[b-f02568dmt1] {
    border-radius: 0;
}

.project-stale-banner-content[b-f02568dmt1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.project-stale-banner-actions[b-f02568dmt1] {
    display: flex;
    flex-shrink: 0;
    gap: .5rem;
}
/* /Shared/Components/ResetZoomButton.razor.rz.scp.css */
.reset-zoom-button[b-ogbokixupn] {
    background-color: #FFFFFF;
/*    position: absolute;
    left: calc(100% - 34.75rem);
    top: 10rem;
    transform: translateX(-50%);*/
    padding: .4rem;
    cursor: pointer;
    border-radius: .2rem;
    z-index: 10;
    width: 2.4rem;
    height: 2.2rem;
    display: flex;
    align-items: center;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

    .reset-zoom-button img[b-ogbokixupn] {
        width: 1rem;
        height: 1rem;
    }
/* /Shared/Components/RoutineReturnEditor.razor.rz.scp.css */
/* /Shared/Components/SessionTimeoutDialog.razor.rz.scp.css */
[b-6nurumlk8x].dialog-container {
    background-color: #F5F5F4;
}

[b-6nurumlk8x].dialog-header .mud-typography {
    font-weight: bold !important;
    font-size: 1.4rem !important;
    padding: 1rem 0rem !important;
}

[b-6nurumlk8x].dialog-container .mud-button-root {
    width: 8rem !important;
    height: 2.5rem !important;
    font-size: 1.1rem !important;
    background-color: transparent !important;
}

[b-6nurumlk8x].dialog-container .mud-dialog-actions {
    padding: .4rem 1.2rem 1.2rem 1.2rem !important;
}
/* /Shared/Components/SplashPage.razor.rz.scp.css */
.splash-page-wrapper[b-l7ss46dnhr] {
    position: absolute;
    left: 0;
    background-color: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    z-index: 1209;
}

.back-container[b-l7ss46dnhr] {
    position: absolute;
    top: 5rem;
    left: 8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
}

.back-arrow[b-l7ss46dnhr] {
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
}

.client-name[b-l7ss46dnhr] {
    color: white;
    font-size: 2rem;
    font-weight: 600;
}

.app-logo[b-l7ss46dnhr] {
    /* Uncomment to center the logo */
    /*position: absolute;*/
    /*top: calc(50% + 1.15rem);*/
    /*left: 50%;*/
    /*translate: -50% -50%;*/
    
    /* Logo in the top right corner */
    /*position: absolute;*/
    /*top: 7rem;*/
    /*right: 8rem;*/
    
    height: 15rem;
    width: 15rem;
    background: radial-gradient(circle, rgba(0,0,0,1) 35%, transparent 65%);
    padding: 1rem;
    z-index: 0;
}

.details-container[b-l7ss46dnhr] {
    position: absolute;
    left: 8rem;
    bottom: 6rem;
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    line-height: 1.5rem;
    z-index: 2;
}

.sci-text[b-l7ss46dnhr] {
    color: white;
    font-size: 1.1rem;
    font-weight: 500;
    z-index: 2;
}

.sci-emphasis[b-l7ss46dnhr] {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0.02rem;
    margin-left: 0.15rem;
    text-shadow: 0 0 .1rem #26890D;
}

.sci-acronym[b-l7ss46dnhr] {
    font-size: 1.2rem;
    font-weight: 700;
    text-shadow: 0 0 .15rem #26890D;
}

.sci-meta[b-l7ss46dnhr] {
    color: rgba(255,255,255,0.95);
    font-size: .9rem;
    display: block;
    margin-top: 0.5rem;
    font-weight: 500;
}

.deloitte-logo[b-l7ss46dnhr] {
    margin-top: 1rem;
    width: 9rem;
    z-index: 2;
}

.forward-container[b-l7ss46dnhr] {
    position: absolute;
    right: 8rem;
    bottom: 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
}

.forward-container span[b-l7ss46dnhr] {
    color: white;
    font-size: 1.5rem;
}

.forward-arrow[b-l7ss46dnhr] {
    height: 4rem;
    cursor: pointer;
}
/* /Shared/Components/TelestrationControls.razor.rz.scp.css */
.telestration-controls[b-t8fzhphi1o] {
    width: 2.4rem;
    height: 2.2rem;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .1rem;
    transition: height 0.3s ease, width 0.3s ease, border 0.3s ease;
}

.telestration-options[b-t8fzhphi1o] {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: .2rem;
}

.telestration-controls.map-mode .telestration-options[b-t8fzhphi1o] {
    flex-direction: column;
    align-items: center;
}

.color-picker[b-t8fzhphi1o] {
    width: 1.7rem;
    height: 1.8rem;
    padding: 0.1rem;
    border-radius: .2rem;
    background: transparent;
    cursor: pointer;
}

.telestration-controls.dark .color-picker[b-t8fzhphi1o] {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0.2rem;
    border-radius: .2rem;
    background: transparent;
    cursor: pointer;
}

input[type="color" i][b-t8fzhphi1o]::-webkit-color-swatch-wrapper {
    padding: 0.1rem;
}

input[type="color" i][b-t8fzhphi1o]::-webkit-color-swatch {
    border-radius: 0.2rem;
    border-width: 0rem;
}

.eraser-button[b-t8fzhphi1o] {
    width: 1.75rem !important;
    height: 1.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.telestration-controls.dark .eraser-button[b-t8fzhphi1o] {
    background: transparent;
    border-color: transparent;
}

.eraser-icon[b-t8fzhphi1o] {
    width: 1.3rem;
    height: 1.3rem;
}

.telestration-controls.map-mode[b-t8fzhphi1o] {
    background-color: #FFFFFF;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
}

.telestration-controls.dark[b-t8fzhphi1o] {
    background-color: transparent;
    border-radius: .25rem;
    border: 0.1rem solid transparent;
}

.telestration-controls.horizontal[b-t8fzhphi1o] {
    flex-direction: row-reverse;
    height: 2rem;
}

.telestration-controls.open.vertical[b-t8fzhphi1o] {
    height: auto;
    width: auto;
}

.telestration-controls.open.horizontal[b-t8fzhphi1o] {
    width: auto;
}

.telestration-controls.open.dark[b-t8fzhphi1o] {
    border: 0.1rem solid #FFFFFF;
}

.telestration-controls button[b-t8fzhphi1o] {
    width: 2.4rem;
    height: 2rem;
    padding: 0;
    border-radius: .2rem;
    background-color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 0.2s ease, width 0.2s ease;
}

.telestration-controls .telestration-button[b-t8fzhphi1o],
.telestration-controls .clear-all-button[b-t8fzhphi1o] {
    flex-shrink: 0;
    height: 2.2rem;
}

.telestration-controls.dark button[b-t8fzhphi1o] {
    background-color: transparent;
}

.telestration-controls.horizontal button[b-t8fzhphi1o] {
    height: 1.8rem;
}

.telestration-controls.closed button:not(.telestration-button)[b-t8fzhphi1o] {
    height: 0;
    width: 0;
}


 .telestration-controls.closed button:not(.telestration-button) img[b-t8fzhphi1o] {
        height: 0;
        width: 0;
        transition: height 0.1s ease, width 0.1s ease;
 }

.telestration-button img[b-t8fzhphi1o],
.clear-all-button img[b-t8fzhphi1o] {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.1rem;
    border-radius: .2rem;
    transition: height 0.2s ease 0.1s, width 0.2s ease 0.1s;
}

.telestration-controls:not(.dark) .telestration-button img[b-t8fzhphi1o] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.1rem;
}

.color-sample[b-t8fzhphi1o] {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    transition: height 0.2s ease 0.1s, width 0.2s ease 0.1s;
}

.telestration-controls.closed .color-sample[b-t8fzhphi1o] {
    height: 0;
    width: 0;
    transition: height 0.1s ease, width 0.1s ease;
}

/* When controls are closed, reset color picker cursor */
.telestration-controls.closed .color-picker[b-t8fzhphi1o] {
    cursor: auto;
}

.color-picker[b-t8fzhphi1o],
.eraser-button[b-t8fzhphi1o] {
    box-sizing: border-box;
    border: 1px solid transparent;
}

.telestration-controls:not(.dark) .color-picker.active[b-t8fzhphi1o] {
    border-color: #000000;
    background-color: #eee;
    outline: none;
}

.eraser-button[aria-pressed="true"][b-t8fzhphi1o] {
    border-color: #000000;
    background-color: #eee;
    outline: none;
}

.telestration-controls.dark .eraser-button[aria-pressed="true"][b-t8fzhphi1o] {
    border-color: #FFFFFF;
    outline: none;
}

.telestration-controls.dark .color-picker.active[b-t8fzhphi1o] {
    border-color: #FFFFFF;
    outline: none;
}
/* /Shared/Components/TermsAndConditionsDialog.razor.rz.scp.css */


.sub-header[b-bh1zf8xntq] {
    margin: .75rem 0rem;
    font-size: .8rem;
    text-decoration: underline;
}

p[b-bh1zf8xntq] {
    font-size: .78rem;
    padding-right: .75rem
}

[b-bh1zf8xntq] .mud-container {
    padding: 0 !important;
}

[b-bh1zf8xntq].terms-dialog .mud-dialog-title {
    padding: .795rem 1.195rem !important;
}

[b-bh1zf8xntq] .accept-terms-button {
    display: flex;
    height: 2.195rem;
    padding: .89rem 1.195rem;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    background-color: #26890D;
    border-radius: .2rem;
    color: white !important;
    text-transform: none;
}

    [b-bh1zf8xntq] .accept-terms-button:hover {
        background-color: #26890D;
    }

    [b-bh1zf8xntq] .accept-terms-button.disabled {
        background-color: lightgray !important;
    }

[b-bh1zf8xntq] .accept-checkbox {
    margin-right: 1.5rem;
}

[b-bh1zf8xntq] .accept-checkbox .mud-icon-root {
    fill: rgba(134, 188, 37, 1);
}

[b-bh1zf8xntq] .terms-content {
    max-height: 36rem !important;
    max-width: 47rem !important;
    overflow-y: scroll
}

[b-bh1zf8xntq] .mud-dialog-actions {
    padding-bottom: .75rem;
    padding-right: 2rem;
    position: sticky;
    bottom: -.1rem;
    background-color: white;
}