@import '_content/AutoStore.BlazorComponents/AutoStore.BlazorComponents.gb137q3trj.bundle.scp.css';
@import '_content/DesignToolsShared/DesignToolsShared.2z2jlscig0.bundle.scp.css';

/* /Components/Header/AppHeader.razor.rz.scp.css */
.app-header[b-6qjo0q975e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--color-mono-white, #FFF);
    padding: 0 24px 0 12px;
    position: sticky;
    top: 0;
    z-index: 1002;
}

.logo-title-box[b-6qjo0q975e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    font-size: 16px;
    font-weight: 500;
}

.logo-title-box[b-6qjo0q975e]  .tooltip-wrapper {
    display: flex;
    align-items: center;
}

.header-navigation[b-6qjo0q975e] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.header-breadcrumb[b-6qjo0q975e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.header-breadcrumb span[b-6qjo0q975e],
.header-breadcrumb a[b-6qjo0q975e] {
    color: var(--color-text-default-secondary)
}

.header-breadcrumb[b-6qjo0q975e]  svg {
    fill: var(--color-text-default-secondary)
}

.app-header-actions[b-6qjo0q975e] {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* /Components/Header/AppHeaderDropdown.razor.rz.scp.css */
.avatar-menu[b-b5xi7rxyxy] {
    top: 43px;
    right: 22px;
    z-index: 1001;
    position: absolute;
    display: none;
    margin-top: 4px;
    padding: 8px 0;
    gap: 2px;
    flex-direction: column;
    border: 1px solid rgba(80,80,80,0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-color: white;
    color: black;
    width: max-content;
}

.avatar-menu[b-b5xi7rxyxy]  .export-button-option {
    margin: 0 8px;
    padding: 8px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14px;
}

.avatar-menu form.logout-form button[b-b5xi7rxyxy] {
    border: none;
    background: transparent;

    &:focus {
        outline: none;
    }
}

.avatar-menu[b-b5xi7rxyxy]  > div.divider {
    margin: 8px 0;
}

.avatar-menu[b-b5xi7rxyxy]  > div.menu-header {
    padding: 4px 8px;
    margin: 0 8px;
}

.avatar-menu.open[b-b5xi7rxyxy] {
    display: flex;
}
/* /Components/Header/CustomerDataModal.razor.rz.scp.css */
.customer-data-modal[b-ybr2u05wjv] {
    display: contents;
}

.customer-data-modal[b-ybr2u05wjv]  .modal-content {
    width: 628px;
    min-height: 269px;
    padding: 28px;
}

.customer-data-modal[b-ybr2u05wjv]  .modal-header.no-border,
.customer-data-modal[b-ybr2u05wjv]  .modal-body,
.customer-data-modal[b-ybr2u05wjv]  .modal-footer {
    padding: 0;
}

.customer-data-modal[b-ybr2u05wjv]  .modal-body {
    margin-top: 24px;
    margin-bottom: 24px;
}

.customer-data-modal .description[b-ybr2u05wjv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.customer-data-modal .checkboxes[b-ybr2u05wjv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.customer-data-modal .footer[b-ybr2u05wjv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.customer-data-modal .actions[b-ybr2u05wjv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.customer-data-modal .button[b-ybr2u05wjv] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.customer-data-modal .spinner[b-ybr2u05wjv] {
    width: 1rem;
    height: 1rem;
    border: 2px solid color-mix(in srgb, currentColor 25%, transparent);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spinner-rotate-b-ybr2u05wjv 0.55s linear infinite;
    flex-shrink: 0;
}

@keyframes spinner-rotate-b-ybr2u05wjv {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Header/FeedbackForm.razor.rz.scp.css */
.option-header-row[b-vh86n5dde9] {
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    padding-bottom: 10px;
}

.option-text[b-vh86n5dde9] {
    white-space: normal;
}

.h2 .sub-heading[b-vh86n5dde9] {
    font-weight: 800;
}

.outer-card[b-vh86n5dde9] {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.feed-back-text[b-vh86n5dde9] {
    align-self: center;
    padding-bottom: 20px;
    white-space: normal;
    text-align:center;
}

.feedback-container[b-vh86n5dde9] {
    display:flex;
    flex-direction: column;
    gap: 8px;
}

.form-control[b-vh86n5dde9] {
    height: 100px;
}

.greyed-out[b-vh86n5dde9] {
    color: var(--color-icon-default-secondary);
}

.feedback-button[b-vh86n5dde9] {
    padding: 8px;
    margin: 8px;
}
/* /Components/Header/Settings/AutoStoreIntelligencePanel.razor.rz.scp.css */
.prefill-fields-setting[b-5s36hyk1qn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prefill-fields-row[b-5s36hyk1qn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.description[b-5s36hyk1qn] {
    font-size: 14px;
}
/* /Components/Header/Settings/ChartTypesPanel.razor.rz.scp.css */
.chart-type-list[b-etivv0wa2x] {
    .radio-group-options {
        display: flex;
        flex-wrap: wrap;
        column-gap: 16px;
        padding-top: 8px;
    }

    .as-radio-label[b-etivv0wa2x] {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }

    .horizontal-divider[b-etivv0wa2x] {
        margin: 16px 0;
    }
}
/* /Components/Header/SettingsForm.razor.rz.scp.css */
.settings-form[b-z63ora72f1] {
    display: contents;
}

.settings-form[b-z63ora72f1]  .modal-content {
    display: flex;
    flex-direction: column;
    width: 807px;
    height: 746px;
    max-height: none;
    padding: 28px;
    gap: 24px;
}

.settings-form[b-z63ora72f1]  .modal-header.no-border {
    padding: 0;
}

.settings-form[b-z63ora72f1]  .modal-body {
    padding: 0;
    gap: 0;
    overflow: hidden;
    flex: 1;
}

.settings-layout[b-z63ora72f1] {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.settings-tabs[b-z63ora72f1] {
    display: flex;
    flex-direction: column;
    flex: 0 0 184px;

    & .as-button
    {
        width: 100%;
        justify-content: flex-start;
        outline: none;
        padding: 10px;
        gap: 10px;
        font-weight: 400;
    }

    & .as-subtle[b-z63ora72f1] {
        font-weight: 500;
    }
}

.settings-content[b-z63ora72f1] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    padding-left: 32px;
    overflow-y: auto;
}

.settings-content[b-z63ora72f1]  .label {
    font-size: 14px;
    font-weight: 500;
}

.settings-content[b-z63ora72f1]  .content-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;

    .as-button {
        flex-shrink: 0;
        gap: 8px;
    }
}

.settings-content[b-z63ora72f1]  .content-header-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 16px;
}

.settings-content[b-z63ora72f1]  .content-header-text .title {
    font-weight: 500;
}

.settings-content[b-z63ora72f1]  .body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.settings-content[b-z63ora72f1]  .content-header-text .details {
    font-size: 12px;
}

.settings-form[b-z63ora72f1]  .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0;
}
/* /Components/MainLayout.razor.rz.scp.css */
.page[b-6p57gexhd3] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
}

.main[b-6p57gexhd3] {
    display: flex;
    flex: 1;
}
/* /Components/ProjectNavigation/Cubie.razor.rz.scp.css */
.cubie-container[b-pfhk6o0ec9] {
    display: flex;
    margin-top: 150px;
    justify-content: center;
    align-items: end;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .cubie-container.show[b-pfhk6o0ec9] {
        opacity: 1;
    }

    .cubie-container .text-wrapper[b-pfhk6o0ec9] {
        margin-left: 12px;
        border-radius: 12px;
        width: 531px;
        height: 315px;
        padding: 25px 48px 28px 48px;
    }
/* /Components/ProjectNavigation/FileTree.razor.rz.scp.css */
.scenarios-table[b-p2p9dcfj3q] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr repeat(4, 180px);
    gap: 4px;
}

    .scenarios-table > span:last-of-type[b-p2p9dcfj3q],
    .scenarios-table > span:first-of-type[b-p2p9dcfj3q] {
        padding-left: 14px;
        padding-right: 14px;
    }

.bold-text-row[b-p2p9dcfj3q] {
    font-weight: 500;
}

.filetree-row[b-p2p9dcfj3q] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 12px 0;
}

    .filetree-row:hover[b-p2p9dcfj3q] {
        border-radius: 6px;
        background-color: var(--color-background-default-secondary);
    }

    .filetree-row > *[b-p2p9dcfj3q] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

.chevron[b-p2p9dcfj3q] {
    transition: transform 0.3s ease;
}

    .chevron.closed[b-p2p9dcfj3q] {
        transform: rotate(0deg);
    }

    .chevron.open[b-p2p9dcfj3q] {
        transform: rotate(90deg);
    }
/* /Components/ProjectNavigation/ProjectDesignsBrowser.razor.rz.scp.css */
.page-header[b-rcpjk2m217] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.content-wrapper[b-rcpjk2m217] {
    width: 100%;
    max-width: 1340px;
    min-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;

    h1, h3 {
        margin: 0;
    }
}

.projects[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 20px;
    justify-content: space-between;
    max-width: 1340px;
}

.revisions[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.project-browser[b-rcpjk2m217] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.preview-card .open-simulation-button[b-rcpjk2m217] {
    margin-top: 5px;
}

[b-rcpjk2m217] .preview-card .simulation-card-wrapper {
    margin-bottom: 10px;
}

.welcome-text-header[b-rcpjk2m217] {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}

.welcome-text[b-rcpjk2m217] {
    width: 90%;
    margin-top: 8px;
    margin-bottom: 12px;
}

.welcome-text-label[b-rcpjk2m217] {
    font-size: 16px;
    font-weight: 500;
}

[b-rcpjk2m217] .project-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    width: clamp(30%, 40%, 50%);
}

.table-column-title[b-rcpjk2m217] {
    display: inline-flex;
    cursor: pointer
}

.sort-icon[b-rcpjk2m217] {
    color: transparent
}

.table-column-title:hover .sort-icon[b-rcpjk2m217] {
    color: #d1cbcb;
}

[b-rcpjk2m217] th {
    color: #808080;
    font-weight: normal;
}

table[b-rcpjk2m217] {
    width: 100%;
    background-color: var(--color-background-default-primary);
    border-collapse: separate;
    border-radius: 5px;
    padding: 8px;
}

.column-tooltip[b-rcpjk2m217] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    margin-top: -30px;
    top: 60px;
    left: 100%;
    color: #808080;
}

.most-recent-scenarios[b-rcpjk2m217] {
    display: flex;
    justify-content: flex-start;
    max-width: 1340px;
    flex-wrap: wrap;
    gap: 16px;
}

.grey-background[b-rcpjk2m217] {
    background-color: var(--color-background-default-secondary);
}

.preview-card-wrapper[b-rcpjk2m217] {
    position: fixed;
    z-index: 1003;
    left: 50%;
}

[b-rcpjk2m217] .preview-card-wrapper .simulation-card-wrapper {
    margin-bottom: 0;
}

.scenario-actions[b-rcpjk2m217] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;

    .scenario-actions-buttons {
        display: flex;
        align-items: flex-end;
        gap: 16px;
    }
}

.scenario-sort[b-rcpjk2m217] {
    display: flex;
    flex-direction: column;

    .as-select .as-select-button {
        width: 180px;
    }
}

.project-browser-list[b-rcpjk2m217] {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    padding: 6px 16px 16px 16px;
    gap: 4px 0;
    background-color: var(--color-background-default-primary);
    border-radius: 6px;
}

.project-browser-header[b-rcpjk2m217] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    position: sticky;
    top: 48px;
    background-color: var(--color-background-default-primary);
    z-index: 1;
    padding-top: 10px;
}

[b-rcpjk2m217] .as-select-option {
    gap: 10px;
}
/* /Components/ProjectNavigation/ScenarioItem.razor.rz.scp.css */
.scenarios-table-row[b-xjh9070m7j] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: 4px 14px;
    border-radius: 6px;
    line-height: 24px;
}

    .scenarios-table-row:nth-child(even)[b-xjh9070m7j] {
        background-color: var(--color-background-default-secondary);
    }

    .scenarios-table-row:hover:not(.grid-designer-errors)[b-xjh9070m7j] {
        background-color: var(--color-background-accent-light-primary);
        cursor: pointer;
    }
/* /Components/ProjectNavigation/SimulationCard.razor.rz.scp.css */
.inner-card[b-thveh1sqix] {
    display: flex;
    flex-direction: column;
}

    .inner-card.simulation-card[b-thveh1sqix] {
        border: none;
        width: 274px;
        flex-grow: 0;
        text-align: left;
        padding: 16px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11px;
    }

.previw-container[b-thveh1sqix] {
    background-color: var(--color-background-default-secondary);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 242px;
    height: 180px;
}

    .previw-container img.grid-preview-image[b-thveh1sqix] {
        width: 100%;
        max-height: 100%;
        object-fit: cover;
    }

[b-thveh1sqix] .grid-preview-container .icon-container {
    width: 100%;
    height: 100%;
}

    [b-thveh1sqix] .grid-preview-container .icon-container i {
        font-size: 50px;
        top: calc(50% - 25px);
    }

.description[b-thveh1sqix] {
    margin-top: 5px;
    margin-bottom: 10px;
    max-width: 220px;
    height: 100px;
    line-height: 117%;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
}

button.simulation-card:hover[b-thveh1sqix] {
    outline: 2px solid var(--color-border-accent-primary);
}

.details-container[b-thveh1sqix] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.simulation-revision[b-thveh1sqix] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .tooltip-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-background-default-secondary);
        border-radius: 100%;
        width: 28px;
        height: 28px;
    }
}

.simulation-revision span[b-thveh1sqix] {
    font-weight: 500;
}

.simulation-name[b-thveh1sqix] {
    width: 220px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/ProjectNavigation/SimulationScenariosList.razor.rz.scp.css */
.project-list-empty[b-79ak956ye9] {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

[b-79ak956ye9] .project-heading {
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
    width: clamp(30%, 40%, 50%);
}

.visibility[b-79ak956ye9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.table-column-title[b-79ak956ye9] {
    display: inline-flex;
    cursor: pointer
}

.sort-icon[b-79ak956ye9] {
    color: transparent
}

.table-column-title:hover .sort-icon[b-79ak956ye9] {
    color: #d1cbcb;
}

[b-79ak956ye9] th {
    color: #808080;
    font-weight: normal;
}

[b-79ak956ye9] tr {
    height: 90px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table[b-79ak956ye9] {
    width: 100%;
}

.column-tooltip[b-79ak956ye9] {
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: -30px;
    margin-top: -30px;
    top: 60px;
    left: 100%;
    color: #808080;
}
/* /Components/Scenario/Actions/FavoriteToggle.razor.rz.scp.css */
.favorite-readonly[b-c5fr24s9cl] {
    display: inline-flex;
    align-items: center;
    cursor: default;
}
/* /Components/Scenario/Actions/OptimizationModal.razor.rz.scp.css */
.optimization-modal-root[b-a437q5ixjg]  .popup-modal-dialog {
    min-width: min(100%, 628px);
}

.optimization-modal-content[b-a437q5ixjg] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px;
}

.optimization-modal-title[b-a437q5ixjg] {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.optimization-modal-text[b-a437q5ixjg] {
    font-size: 16px;
    line-height: 1.4em;
    margin: 0;
    color: var(--color-text-default-primary);
}

.optimization-modal-buttons[b-a437q5ixjg] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}
/* /Components/Scenario/Actions/OptimizeRunButton.razor.rz.scp.css */
.optimize-run-button[b-pzqrx3aerb] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.optimize-run-button__spinner[b-pzqrx3aerb] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: optimize-run-button-spinner-rotate-b-pzqrx3aerb 0.55s linear infinite;
    vertical-align: middle;
    flex-shrink: 0;
}

@keyframes optimize-run-button-spinner-rotate-b-pzqrx3aerb {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Scenario/Actions/RunActions.razor.rz.scp.css */
/* Secondary text color for the vertical "more" menu on run cards (ASS-1850) */
.run-card-actions[b-2wz7pap70z]  .transparent-button .as-icon-more-vertical {
    color: var(--color-text-default-secondary);
}

.run-card-actions[b-2wz7pap70z]  .transparent-button {
    color: var(--color-text-default-secondary);
}
/* /Components/Scenario/Actions/StopRunButton.razor.rz.scp.css */
.stop-run-button[b-pkvswlfhm3] {
    display: inline-flex;
    align-items: center;
}

.stop-run-button--solid[b-pkvswlfhm3] {
    gap: 10px;
}

.stop-run-button--transparent[b-pkvswlfhm3] {
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
}

.stop-run-button--transparent:disabled[b-pkvswlfhm3] {
    cursor: wait;
    opacity: 0.9;
}
/* /Components/Scenario/AllRuns/AllRuns.razor.rz.scp.css */
.container[b-orgnih6jg7] {
    min-width: 1140px;
}

.all-runs-navigation[b-orgnih6jg7] {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    position: relative;

    h3 {
        font-weight: 500;
        font-size: 20px;
    }
}

.status-buttons[b-orgnih6jg7] {
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: 100%;
    max-width: 570px;
}

.status-buttons[b-orgnih6jg7]  .tab {
    flex: 1 1 0;
    padding: 6px 8px;
}

.all-runs-header[b-orgnih6jg7] {
    padding: 16px;

    font-weight: 500;
    margin-bottom: 0;
}

.all-runs-cards[b-orgnih6jg7] {
    --bins-column: 168px;
    --wait-column: 90px;
    --prepared-column: 100px;
    padding: 0 16px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.all-runs-cards[b-orgnih6jg7]  .run-card {
    border: 1px solid var(--color-border-default-secondary);
    border-radius: 6px;
}

.all-runs-cards[b-orgnih6jg7]  .summary-values {
    display: grid;
    grid-template-columns: minmax(10px, 10px) minmax(0, 100px);
    align-items: center;
    column-gap: 8px;

    > * {
        word-wrap: normal;
    }
}

.all-runs-cards[b-orgnih6jg7]  .mode-total {
    font-weight: 500;
}

.all-runs-cards[b-orgnih6jg7]  .mode-icon {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.all-runs-cards[b-orgnih6jg7]  .mode-icon.pick {
    background: var(--color-infographic-1);
}

.all-runs-cards[b-orgnih6jg7]  .mode-icon.goods-in {
    background: var(--color-infographic-4);
}

.all-runs-cards[b-orgnih6jg7]  .bins {
    display: flex;
    align-items: center;
    gap: 16px;
}

.all-runs-actions[b-orgnih6jg7] {
    padding: 16px;
    margin-left: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .left-options {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .right-options[b-orgnih6jg7] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .left-options > .vertical-divider[b-orgnih6jg7] {
        align-self: stretch;
        height: auto;
    }
}

.all-runs-actions[b-orgnih6jg7]  button {
    gap: 16px;
}

.all-runs-actions[b-orgnih6jg7]  .tabs {
    background: transparent;
    gap: 8px;
}

.all-runs-actions[b-orgnih6jg7]  .tabs .tab {
    margin: 0;
    padding: 4px 8px;
    border-radius: 100px;
    gap: 4px;
    background: var(--color-background-default-primary);
    border: 1px solid var(--color-border-default-secondary);
}

.all-runs-actions[b-orgnih6jg7]  .tabs .tab.active {
    background: var(--color-background-accent-primary);
    color: var(--color-text-inverse-primary);
    fill: var(--color-text-inverse-primary);
}

.card[b-orgnih6jg7] {
    border-radius: 10px 10px 0 0;
    background: var(--color-background-default-primary, #FFF);
    box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.25);
}

.all-runs-empty-state[b-orgnih6jg7] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    padding: 48px 32px;
}

.empty-state-title[b-orgnih6jg7] {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-default-primary);
    margin-bottom: 8px;
}

.empty-state-content[b-orgnih6jg7] {
    text-align: center;
    max-width: 400px;
}

.empty-state-content > div:first-child[b-orgnih6jg7] {
    margin-bottom: 16px;
}

.empty-state-description[b-orgnih6jg7] {
    color: var(--color-text-default-primary);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
}
/* /Components/Scenario/AllRuns/ArchiveRunsModal.razor.rz.scp.css */
.archive-runs-modal-root[b-n7r4are466]  .popup-modal-dialog {
    min-width: min(100%, 628px);
}

.archive-runs-modal-content[b-n7r4are466] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px;
}

.archive-runs-modal-title[b-n7r4are466] {
    font-weight: 500;
    font-size: 20px;
}

.archive-runs-modal-text[b-n7r4are466] {
    font-size: 16px;
    margin: 0;
}

.archive-runs-modal-buttons[b-n7r4are466] {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
/* /Components/Scenario/AllRuns/Card.razor.rz.scp.css */
.run-card[b-1vsg0rmn35] {
    .run-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--color-border-default-secondary);
        padding: 8px 16px;

        > * {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .time-info[b-1vsg0rmn35] {
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--color-text-default-secondary);
            fill: var(--color-text-default-secondary);
        }

        .run-label[b-1vsg0rmn35] {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px;
            font-weight: 500;
            cursor: pointer;

            ::deep .tooltip-wrapper {
                display: flex;
            }
        }
    }

    .run-data-result[b-1vsg0rmn35] {
        display: grid;
        grid-template-rows: repeat(2, auto);
        grid-template-columns: minmax(124px, 124px) minmax(78px, 78px) minmax(var(--bins-column), var(--bins-column)) minmax(var(--wait-column), var(--wait-column)) minmax(var(--prepared-column), var(--prepared-column)) min-content repeat(3, minmax(0, 1fr)) minmax(0, auto);
        row-gap: 8px;
        padding: 24px;
        column-gap: 16px;

        .vertical-divider {
            grid-column: 6;
        }

        .content-group--results-layout[b-1vsg0rmn35] {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 90px));
            min-width: 0;
            grid-column: 7 / 10;
            column-gap: 16px;
        }

        .run-data-result--progress-column[b-1vsg0rmn35] {
            grid-column: 10;
        }

        .chart[b-1vsg0rmn35] {
            width: 100px;

            canvas {
                border-radius: 0;
            }
        }


        .run-progress[b-1vsg0rmn35]  .pb-progress > div {
            font-size: 14px;
            font-weight: 400;
        }
    }

    .run-data-result-preview[b-1vsg0rmn35] {
        display: grid;
        grid-template-rows: repeat(2, auto);
        row-gap: 8px;
        column-gap: 16px;
        padding: 24px;
        grid-template-columns: repeat(6, minmax(0, 1fr));

        .vertical-divider {
            grid-column: 3;
        }

        .content-group--preview-layout[b-1vsg0rmn35] {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 16px;
            min-width: 0;
            grid-column: 4 / 7;
        }
    }
}
/* /Components/Scenario/AllRuns/OptimizationCard.razor.rz.scp.css */
.run-card[b-1m11b18cuv] {
    position: relative;
    margin-left: 48px;
    min-width: 0;
    width: calc(100% - 48px);

    &::before {
        content: "";
        position: absolute;
        left: -21px;
        top: -16px;
        width: 20px;
        height: 44px;
        border-left: 1px solid var(--color-border-default-secondary);
        border-bottom: 1px solid var(--color-border-default-secondary);
        pointer-events: none;
    }

    .header-running[b-1m11b18cuv] {
        border-bottom: 1px solid var(--color-border-default-secondary);
        padding: 8px 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .header-finalized[b-1m11b18cuv] {
        border-bottom: none;
    }

    .header-stopped[b-1m11b18cuv] {
        padding: 8px 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .header-stopped--with-results[b-1m11b18cuv] {
        border-bottom: 1px solid var(--color-border-default-secondary);
    }

    .header-trailing[b-1m11b18cuv] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .run-card-actions[b-1m11b18cuv]  .transparent-button .as-icon-more-vertical {
        color: var(--color-text-default-secondary);
    }

    .run-card-actions[b-1m11b18cuv]  .transparent-button {
        color: var(--color-text-default-secondary);
    }

    .header-leading[b-1m11b18cuv] {
        display: flex;
        align-items: center;
        font-weight: 500;
        gap: 8px;

        .transparent-button {
            gap: 8px;
        }
    }

    .optimization-card-content[b-1m11b18cuv] {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 0;

        ::deep .optimization-progress-bar {
            width: 100%;
        }
    }

    .optimization-card-running[b-1m11b18cuv] {
        min-width: 0;
        width: 100%;
    }

    .optimization-card-running--with-summary[b-1m11b18cuv] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 32px;
    }

    .optimization-card-running-progress-bar[b-1m11b18cuv] {
        flex: 1 1 0;
        min-width: 0;
        align-self: center;
        width: 100%;
    }

    .summary-grid[b-1m11b18cuv] {
        align-items: start;
        box-sizing: border-box;
        column-gap: 16px;
        display: grid;
        max-width: 100%;
        min-width: 0;
    }

    .summary-grid > .summary-column[b-1m11b18cuv] {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;

        &.skeleton {
            align-self: center;
        }
    }

    .summary-grid--running[b-1m11b18cuv] {
        flex: 0 0 auto;
        column-gap: 32px;
        grid-template-columns: min-content minmax(0, var(--bins-column)) minmax(0, var(--wait-column)) minmax(0, var(--prepared-column));
        width: max-content;
    }

    .summary-grid--running > .vertical-divider[b-1m11b18cuv] {
        align-self: stretch;
        grid-column: 1;
        height: auto;
        min-height: 80px;
    }

    .summary-grid--finalized[b-1m11b18cuv] {
        grid-template-columns:
            minmax(0, 172px)
            minmax(0, var(--bins-column))
            minmax(0, var(--wait-column))
            minmax(0, var(--prepared-column))
            auto;
        padding: 8px 16px 8px 16px;
        width: 100%;
    }

    .summary-grid--finalized > .summary-throughput-cell[b-1m11b18cuv] {
        border: 1px solid var(--color-border-default-secondary);
        border-radius: 100px;
        background: linear-gradient(180deg, #612A70 0%, #0F1E38 100%);
        color: var(--color-text-inverse-primary);
        justify-self: end;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
        padding: 4px 8px;
    }
    
    .summary-grid--stopped-results[b-1m11b18cuv] {
        grid-template-columns:
            minmax(0, var(--bins-column))
            minmax(0, var(--wait-column))
            minmax(0, var(--prepared-column))
            auto;
        padding: 16px;
        width: 100%;
    }

    .summary-grid .chart[b-1m11b18cuv] {
        border: none;
        flex-shrink: 0;
        width: var(--prepared-column);
    }

    .summary-grid .chart[b-1m11b18cuv]  canvas {
        border: none;
        border-radius: 0;
    }
}
/* /Components/Scenario/AllRuns/StopRunsModal.razor.rz.scp.css */
.stop-runs-modal-root[b-7rd426rvac]  .popup-modal-dialog {
    min-width: min(100%, 628px);
}
.stop-runs-modal-content[b-7rd426rvac] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px;
}

.stop-runs-modal-title[b-7rd426rvac] {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

.stop-runs-modal-text[b-7rd426rvac] {
    font-size: 16px;
    margin: 0;
}

.stop-runs-modal-buttons[b-7rd426rvac] {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
/* /Components/Scenario/CompareRuns/CompareRuns.razor.rz.scp.css */
.run-comparison-card[b-ulosyx31h6] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: var(--color-background-default-primary);

    .run-comparison-card-content {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 24px;
    }
}

.duration-alert[b-ulosyx31h6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;

    > div {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--color-text-default-primary);
    }

    > button[b-ulosyx31h6] {
        padding: 8px;
    }
}

.run-comparison-navigation[b-ulosyx31h6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;

    .back-link {
        display: flex;
        gap: 16px;
        align-items: center;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        font-size: 20px;
        font-weight: 500;
    }

    .back-link:focus-visible[b-ulosyx31h6] {
        outline: 2px solid var(--color-border-focus-default, #0066cc);
        outline-offset: 2px;
        border-radius: 4px;
    }

    .print-mode[b-ulosyx31h6] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
        color: var(--color-text-default-secondary);
    }
}

.run-comparison-grid[b-ulosyx31h6]  {
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;

    > *:not(.vertical-divider):not(.run-comparison-sticky):not(.run-comparison-header) {
        padding: 12px 24px;
    }
}

.run-comparison-sticky[b-ulosyx31h6] {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-row: 1 / -1;

    position: sticky;
    left: 0;
    background-color: var(--color-background-default-primary);
    padding: 0;
    z-index: 1;

    > *:not(.vertical-divider):not(.run-comparison-header) {
        padding: 12px 24px;
    }

    .run-comparison-row-labels[b-ulosyx31h6] {
        display: contents;
        padding: 0;

        > * {
            padding: 12px 16px;
            font-weight: 500;
            color: var(--color-text-default-secondary);
        }
    }

    .baseline[b-ulosyx31h6] {
        font-weight: 400;
        gap: 8px;
    }
}

.run-comparison-header[b-ulosyx31h6] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--color-border-default-secondary);
}

[b-ulosyx31h6] .separator {
    align-self: center;
    justify-self: center;
    height: 1px;
    width: 100%;
    background-color: var(--color-border-default-secondary);
}

[b-ulosyx31h6] .run-comparison-list {
    display: grid;
    justify-content: start;
    color: var(--color-text-default-secondary);

    > span:first-child {
        margin-bottom: 4px;
    }

    > span:not(:first-child)[b-ulosyx31h6] {
        font-weight: 400;
    }
}
/* /Components/Scenario/CompareRuns/ResultsChart.razor.rz.scp.css */
.run-comparison-chart-section[b-s9x4i339t3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}

.run-comparison-chart-title[b-s9x4i339t3] {
    flex-grow: 1
}

.run-comparison-chart-header[b-s9x4i339t3] {
    display: flex;
    align-items: center;
    gap: 20px;

    > div {
        display: flex;
        align-items: center;
        gap: 12px;
    }
}
/* /Components/Scenario/CompareRuns/ResultsColumn.razor.rz.scp.css */
.run-comparison-robots[b-vcq73re53v] {
    display: flex;
    flex-direction: column;

    > * {
        display: flex;
        gap: 8px;
    }
}

.run-comparison-diff[b-vcq73re53v] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.35;
}

.run-comparison-diff .diff-better[b-vcq73re53v] {
    color: var(--color-text-accent-primary);
}

.run-comparison-diff .diff-worse[b-vcq73re53v] {
    color: var(--color-text-error-primary);
}

.run-comparison-diff .diff-neutral[b-vcq73re53v] {
    color: var(--color-text-default-primary);
}

.run-comparison-breakdown-item[b-vcq73re53v] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.loading[b-vcq73re53v] {
    grid-row: 2 / -1;
    place-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
}

.legend-color[b-vcq73re53v] {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    flex-shrink: 0;
}
/* /Components/Scenario/CompareRuns/Selector.razor.rz.scp.css */
.compare-runs-empty-state[b-8b79nj23ve] {
    flex: 1;
    padding: 24px;
    text-align: center;
    color: var(--color-text-default-secondary);
    font-size: 16px;
}

.compare-runs-run-label[b-8b79nj23ve] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compare-runs-selector-row[b-8b79nj23ve] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.compare-runs-selector-row[b-8b79nj23ve]  .as-select-option {
    display: flex;
    align-items: center;
    gap: 8px;

    > span {
        display: flex;
        align-items: center;
        gap: 8px;

        > svg {
            flex-shrink: 0;
        }
    }
}

.compare-runs-selector-row[b-8b79nj23ve]  .as-select {
    min-width: 100%;

    > button {
        min-width: 100%;
    }
}

.compare-runs-selector-row[b-8b79nj23ve]  .as-select-content {
    width: max-content;
}

.compare-runs-selector-row[b-8b79nj23ve]  .divider {
    margin: 6px 0 6px -8px;
    width: calc(100% + 16px);
}

.compare-runs-selector-row[b-8b79nj23ve]  .compare-runs-remove-column-option {
    color: var(--color-background-error-primary);
}
/* /Components/Scenario/Editor.razor.rz.scp.css */
.project-page-wrapper[b-s5ji4o0wwr] {
    width: 100%;
    display: flex;
}

.project-page-left-menu[b-s5ji4o0wwr] {
    width: 220px;
    flex-shrink: 0;
    z-index: 1;
}

.project-page-main[b-s5ji4o0wwr] {
    flex-grow: 1;
    min-width: 0;
}

/* Let the card shrink below its content's min width so wide tabs scroll inside it, not the page */
.outer-card[b-s5ji4o0wwr] {
    min-width: 0;
}

.outer-card.no-border-radius[b-s5ji4o0wwr] {
    border-radius: 0;
}

/* InfoBanner defaults assume inner-card padding; reset for outer-card */
.prefill-applied-banner[b-s5ji4o0wwr]  .info-banner {
    width: auto;
    margin: 0 0;
}

.hidden[b-s5ji4o0wwr] {
    display: none;
}

.loading-content[b-s5ji4o0wwr] {
    position:relative;
    text-align-last: center;
    width: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* /Components/Scenario/Overview.razor.rz.scp.css */
.overview-card[b-geg3itmk9u] {
    position: relative;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.content-header[b-geg3itmk9u] {
    padding: 20px;
    min-height: 64px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}

.header-title[b-geg3itmk9u] {
    font-size: 20px;
    font-weight: bold;
}

.po-header[b-geg3itmk9u] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.po-content-body[b-geg3itmk9u] {
    display: flex;
}

.po-section[b-geg3itmk9u] {
    width: fit-content;
    margin-right: 40px;
}

.po-section-title[b-geg3itmk9u] {
    font-weight: bold;
    padding-bottom: 10px;
}

.po-description-row[b-geg3itmk9u] {
    margin-bottom: 20px;
}

.po-requirements-table[b-geg3itmk9u] {
    display: table;
}
/* /Components/Scenario/RenameModal.razor.rz.scp.css */
.rename-modal-content[b-jhjqh6n4rs] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
}

.rename-modal-title[b-jhjqh6n4rs] {
    font-family: 'CircularXX', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.35;
    color: var(--color-text-default-primary, rgba(0, 0, 0, 0.87));
    margin: 0;
}

.rename-input-group[b-jhjqh6n4rs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rename-label[b-jhjqh6n4rs] {
    font-family: 'CircularXX', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 4px;
    color: var(--color-text-default-secondary, #757575);
}

.rename-modal-buttons[b-jhjqh6n4rs] {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}
/* /Components/Scenario/Run/Configuration/Advanced/SimulatorVersionSelect.razor.rz.scp.css */
[b-xaqherdf39].sw-select-version-width .as-select-button,
[b-xaqherdf39].sw-select-version-width .as-select-content,
[b-xaqherdf39].sw-select-version-width .as-select .border-element {
    width: 200px;
}

.option-second-line[b-xaqherdf39] {
    font-size: 12px;
    color: var(--color-text-default-secondary);
}
/* /Components/Scenario/Run/Configuration/Advanced/TabAdvanced.razor.rz.scp.css */
.tab-advanced-wrapper[b-d2a5oosl46] {
    display: flex;
    flex-direction: column;
    padding: 24px;
    min-height: 800px;
}

.tabadvanced-row[b-d2a5oosl46] {
    display: flex;
    align-items: center;
    padding: 1px 0;
    padding-bottom: 12px;
}

.tabadvanced-key[b-d2a5oosl46] {
    width: 170px;
}

.tabadvanced-value[b-d2a5oosl46] {
    width: 96px;
    margin-right: 104px;
}

.logsegment-textarea[b-d2a5oosl46] {
    width: 370px;
}

.logsegment-key[b-d2a5oosl46] {
    width: 370px;
    padding-bottom: 6px;
}
/* /Components/Scenario/Run/Configuration/Bins/TabBins.razor.rz.scp.css */
.tab-bins-wrapper[b-b2j3rib4bw] {
    display: flex;
    padding: 16px;
}

.content-information[b-b2j3rib4bw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.bin-dist-grid[b-b2j3rib4bw] {
    display: grid;
    grid-template-columns: 1fr 70px 100px;
    row-gap: 2px;
    column-gap: 8px;
}

.bin-dist-grid > div[b-b2j3rib4bw] {
    display: flex;
    align-items: center;
}

.content-config-wrapper[b-b2j3rib4bw] {
    display: flex;
    flex-direction: column;
    gap: 16px;

    .accordion {
        border: 1px solid var(--color-border-default-secondary);
        border-radius: 8px;
    }
}

.distribution-label[b-b2j3rib4bw],
.digging-depth[b-b2j3rib4bw],
.content-id[b-b2j3rib4bw] {
    font-weight: 600;
}

.copy-buttons[b-b2j3rib4bw] {
    gap: 8px;
}

.bin-request-percent[b-b2j3rib4bw] {
    display: flex;
    align-items: center;
}

.bin-dist-grid input[b-b2j3rib4bw] {
    width: 100%;
    box-sizing: border-box;
}

.disabled[b-b2j3rib4bw] {
    color: var(--color-mono-400);
}
/* /Components/Scenario/Run/Configuration/Options/ContentArea.razor.rz.scp.css */
.setting-group-row[b-be3c8a7t4i] {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.setting-group-row:nth-child(odd)[b-be3c8a7t4i] {
    background-color: var(--color-mono-50);
    border-radius: 6px;
}

.setting-group-title[b-be3c8a7t4i] {
    font-weight: 600;
}

.key-row[b-be3c8a7t4i] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.key[b-be3c8a7t4i] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.content-id[b-be3c8a7t4i] {
    font-weight: 500;
    color: var(--color-mono-600);
}

.bin-type[b-be3c8a7t4i] {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}

[b-be3c8a7t4i] .input-with-suffix {
    width: 100px;
}

/* /Components/Scenario/Run/Configuration/Options/GoalArea.razor.rz.scp.css */
.content-set-row[b-a24i04k37r] {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.content-set-row:nth-child(even)[b-a24i04k37r] {
    background-color: var(--color-mono-50);
    border-radius: 6px;
}

.content-id[b-a24i04k37r] {
    font-weight: 500;
    color: var(--color-mono-600);
}

.bin-type[b-a24i04k37r] {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}

[b-a24i04k37r] .content-goal-bins-per-hour-input {
    width: 100px;
}
/* /Components/Scenario/Run/Configuration/Options/TabOptions.razor.rz.scp.css */
.tab-options-wrapper[b-ya3cpnb2um] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    min-width: 0;
}

.information-wrapper[b-ya3cpnb2um] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) repeat(2, auto);
    align-items: center;
    column-gap: 8px;
}

[b-ya3cpnb2um] .information-title {
    font-weight: 600;
}

[b-ya3cpnb2um] .information-section-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
}

[b-ya3cpnb2um] .information-row {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;

    &.top-row {
        align-items: flex-start;
    }
}

.parameter-row[b-ya3cpnb2um] 
{
    grid-column: span 2;
    gap: 8px;

    &.disabled-row {
        opacity: 0.55;
        cursor: not-allowed;
    }
}

.as-radio-label[b-ya3cpnb2um] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;

    &.disabled {
        opacity: 0.55;
        cursor: not-allowed;
    }
}

.robot-row[b-ya3cpnb2um] {
    padding: 12px;

    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
}

.robot-row:nth-child(even)[b-ya3cpnb2um] {
    background-color: var(--color-mono-50);
    border-radius: 6px;
}


[b-ya3cpnb2um] .value.input-and-range {
    display: flex;
    justify-content: space-between;
}

[b-ya3cpnb2um] .input-and-range input[type="number"] {
    width: 100px;
    margin-right: 5px;
}

[b-ya3cpnb2um] input[type="range"] {
    width: 80px;
    padding: 0;
    border: 0;
}

[b-ya3cpnb2um] input[type=range] {
    -webkit-appearance: none;
}

    [b-ya3cpnb2um] input[type=range]::-webkit-slider-runnable-track {
        height: 3px;
        background: black;
        border: none;
        border-radius: 3px;
        cursor: pointer;
    }

    [b-ya3cpnb2um] input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 25px;
        width: 25px;
        border-radius: 100%;
        margin-top: -12px;
        background: white;
        border: 3px solid var(--red);
        cursor: pointer;
    }

    [b-ya3cpnb2um] input[type=range]:focus {
        outline: none;
    }


[b-ya3cpnb2um] .input-and-range input ::-webkit-outer-spin-button {
    opacity: 1.0;
}

[b-ya3cpnb2um] .robot-input {
    width: 100px;
}

.divider[b-ya3cpnb2um] {
    margin: 8px 0;
}

[b-ya3cpnb2um] .emphasis-single {
    font-family: 'CircularXXWeb', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.information-row-content-sets-header .information-section-help-trigger[b-ya3cpnb2um] {
    grid-column: 2 / -1;
    justify-self: end;
}

.information-section-help-trigger[b-ya3cpnb2um] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    white-space: nowrap;
    color: var(--text-on-standard-link-default, #264885);
}

    .information-section-help-trigger span[b-ya3cpnb2um] {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        text-underline-position: from-font;
        color: inherit;
    }

.information-section-help-trigger .as-icon-help[b-ya3cpnb2um] {
    font-size: 16px;
}
/* /Components/Scenario/Run/Configuration/Options/ThroughputPredictor.razor.rz.scp.css */
.throughput-predictor[b-2r2gf3zlcf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border-radius: 6px;
    background-color: var(--color-mono-50);

    .tp-header {
        font-weight: 500;
    }

    .tp-progress[b-2r2gf3zlcf] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;

        &.has-marker {
            align-items: flex-start;

            .tp-track {
                margin-top: 7px;
                margin-bottom: 28px;
            }
        }
    }

    .tp-scale[b-2r2gf3zlcf] {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .tp-track[b-2r2gf3zlcf] {
        flex: 1;
        min-width: 0;
        position: relative;
        height: 6px;
        border-radius: 64px;
        background-color: var(--color-mono-200);
    }

    .tp-bar[b-2r2gf3zlcf] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-radius: inherit;
        transition: width 2s;

        &.under {
            background-color: var(--color-icon-error-primary);
        }

        &.mid[b-2r2gf3zlcf] {
            background-color: var(--color-icon-warning-primary);
        }

        &.meet[b-2r2gf3zlcf] {
            background-color: var(--color-icon-success-primary);
        }

        &.exceed[b-2r2gf3zlcf] {
            left: auto;
            right: 0;
            background-color: var(--color-green-200);
        }
    }

    .tp-marker[b-2r2gf3zlcf] {
        position: absolute;
        top: 14px;
        transform: translateX(-50%);
        white-space: nowrap;
        transition: left 2s;
    }
}
/* /Components/Scenario/Run/Configuration/Ports/BalanceCard/ContentSetCard.razor.rz.scp.css */
.content-set-card[b-k2h9jpsp3w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    padding: 16px;
    background: var(--color-background-default-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.content-set-card-header[b-k2h9jpsp3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}

.content-set-card-title[b-k2h9jpsp3w] {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.content-set-card-status[b-k2h9jpsp3w] {
    padding: 4px 8px;
    border-radius: 64px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.content-set-card-status--moderate[b-k2h9jpsp3w] {
    background: var(--color-background-success-light-primary);
    color: var(--color-text-success-primary);
}

.content-set-card-status--critical[b-k2h9jpsp3w] {
    background: var(--color-background-error-light-primary);
    color: var(--color-text-error-primary);
}

.content-set-card-body[b-k2h9jpsp3w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.content-set-card-fill[b-k2h9jpsp3w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.content-set-card-fill-label[b-k2h9jpsp3w] {
    align-self: stretch;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.content-set-card-progress[b-k2h9jpsp3w] {
    position: relative;
    align-self: stretch;
    min-height: 6px;
    border-radius: 64px;
    background: var(--color-mono-200);
    overflow: hidden;
}

.content-set-card-progress-filled[b-k2h9jpsp3w],
.content-set-card-progress-range[b-k2h9jpsp3w] {
    position: absolute;
    top: 0;
    height: 6px;
}

.content-set-card-progress--moderate .content-set-card-progress-filled[b-k2h9jpsp3w] {
    background: var(--color-icon-success-primary);
}

.content-set-card-progress--moderate .content-set-card-progress-range[b-k2h9jpsp3w] {
    background: var(--color-background-success-light-primary-hover);
}

.content-set-card-progress--critical .content-set-card-progress-filled[b-k2h9jpsp3w] {
    background: var(--color-icon-error-primary);
}

.content-set-card-progress--critical .content-set-card-progress-range[b-k2h9jpsp3w] {
    background: var(--color-background-error-light-primary);
}

.content-set-card-stats[b-k2h9jpsp3w] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.content-set-card-stat[b-k2h9jpsp3w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
}

.content-set-card-stat-label[b-k2h9jpsp3w] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.content-set-card-stat-value[b-k2h9jpsp3w] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.content-set-card-stat-percent[b-k2h9jpsp3w] {
    min-width: 37px;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.content-set-card-stat-value--moderate .content-set-card-stat-percent[b-k2h9jpsp3w] {
    color: var(--color-text-success-primary);
}

.content-set-card-stat-value--critical .content-set-card-stat-percent[b-k2h9jpsp3w] {
    color: var(--color-text-error-primary);
}

.content-set-card-stat-separator[b-k2h9jpsp3w] {
    width: 4px;
    height: 4px;
    border-radius: 9999px;
    background: var(--color-text-default-secondary);
}

.content-set-card-stat-time[b-k2h9jpsp3w] {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
/* /Components/Scenario/Run/Configuration/Ports/BalanceCard/ContentSetCardRow.razor.rz.scp.css */
.content-set-cards[b-vfgb9bu541] {
    display: flex;
    align-items: flex-start;
    flex-flow: wrap;
    gap: 16px;
    padding: 24px 24px 4px;
    align-self: stretch;
    min-width: 0;
    overflow-x: auto;
}

.content-set-card-item[b-vfgb9bu541] {
    flex: 0 0 auto;
    min-width: 300px;
}
/* /Components/Scenario/Run/Configuration/Ports/PortTable/ConfigureMultiportModal.razor.rz.scp.css */
.custom-multiport-section[b-r0mlt0dezz] {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.custom-multiport-label[b-r0mlt0dezz] {
    white-space: nowrap;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}

.configure-multiport-description[b-r0mlt0dezz] {
    margin: 0 0 16px;
    font-size: 16px;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}

.configure-multiport-options[b-r0mlt0dezz] {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.as-radio-label[b-r0mlt0dezz] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.as-radio-label span[b-r0mlt0dezz] {
    font-size: 16px;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}

.port-picker-section[b-r0mlt0dezz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 4px;
}

.port-picker-description[b-r0mlt0dezz] {
    margin: 0;
    font-size: 16px;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}

.port-cells-modal-container[b-r0mlt0dezz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    justify-content: center;
    background-color: var(--mono-50, #f6f6f6);
    border-radius: 6px;
    padding: 40px 16px;
}

.port-cells-preview-container[b-r0mlt0dezz] {
    display: flex;
    gap: 2px;
    align-items: center;
}

.port-cell-group[b-r0mlt0dezz] {
    display: flex;
    gap: 4px;
}

.port-cells-preview-container .port-cell-group[b-r0mlt0dezz] {
    gap: 2px;
}

.port-cells-modal-container .port-cell-group.multiport-group[b-r0mlt0dezz] {
    outline: 4px solid var(--colour-tertiary-AS-Yellow-500, #F0C577);
}

.port-cells-preview-container .port-cell-group.multiport-group[b-r0mlt0dezz] {
    outline: 2px solid var(--colour-tertiary-AS-Yellow-500, #F0C577);
}

.port-cell[b-r0mlt0dezz] {
    width: 72px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background-color: var(--parts-ports-background, #38643c);
    color: var(--parts-ports-text, #ffffff);
    border-radius: 0;
    padding: 0;
    outline: none;
}

.port-cells-preview-container .port-cell[b-r0mlt0dezz] {
    width: 28px;
    height: 18px;
    font-size: 12px;
    pointer-events: none;
}

.port-cell:hover[b-r0mlt0dezz] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.port-cell.disabled[b-r0mlt0dezz] {
    opacity: 0.5;
}

.port-cell.disabled:hover[b-r0mlt0dezz] {
    background-image: none;
}

.port-cell:focus[b-r0mlt0dezz],
.port-cell:focus-visible[b-r0mlt0dezz] {
    outline: none;
    box-shadow: none;
}

.port-picker-buttons[b-r0mlt0dezz] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.port-selection-summary[b-r0mlt0dezz] {
    margin: 0;
    color: var(--text-default-primary, rgba(0, 0, 0, 0.87));
}
/* /Components/Scenario/Run/Configuration/Ports/PortTable/PortCard.razor.rz.scp.css */
.port-card[b-dvk6ncatt9] {
    border-top: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));

    .port-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 12px 16px;
        border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
        background: var(--color-mono-50, #F0F0F0);
    }

    .port-card-align[b-dvk6ncatt9] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .port-throughput-divider[b-dvk6ncatt9] {
        width: 1px;
        height: 24px;
        background-color: var(--color-border-default-secondary);
        flex-shrink: 0;
    }

    &.no-workstation[b-dvk6ncatt9] {
        border-radius: 6px;
        border: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));

        .port-card-header {
            border-radius: 6px;
            background: var(--color-background-default-primary, #F0F0F0);
        }
    }

    .port-card-body[b-dvk6ncatt9] {
        display: grid;
        gap: 12px;
        padding: 12px 16px;

        > * {
            display: flex;
            align-items: center;
            min-width: 0;

            /* Every control fills its cell; the grid template decides the column widths */
            > * {
                flex: 1 1 0;
                min-width: 0;
            }
        }

        [b-dvk6ncatt9] .tooltip-wrapper {
            width: 100%;
        }

        .as-text-input-wrapper[b-dvk6ncatt9] {
            flex: 1 1 0;
            min-width: 0;

            > input {
                flex: 1 1 0;
                min-width: 0;
            }
        }

        /* The unit overlays the input instead of taking its own 15px, so the input fills the cell */
        .as-right-enhancer[b-dvk6ncatt9] {
            margin-left: calc(-1 * var(--enhancer-width));
            right: 10px;
        }

        .port-card-body-header[b-dvk6ncatt9] {
            display: contents;
            > * {
                color: var(--color-text-default-secondary);
            }
        }

        .port-card-category-accordion[b-dvk6ncatt9] {
            display: unset;
            grid-column: bin / categories;

            button {
                display: flex;
                align-items: center;
                gap: 8px;
                font-weight: 500;

                svg {
                    transition: transform 0.2s ease-in-out;
                    transform: rotate(0deg);
                }

                &.open[b-dvk6ncatt9] {
                    svg {
                        transform: rotate(90deg);
                    }
                }
            }
        }

        .port-card-categories[b-dvk6ncatt9] {
            grid-column: categories / end;
            display: grid;
            grid-template-columns: subgrid;
            gap: 12px;

            height: 0;
            overflow: hidden;
            transition: height 0.2s ease-in-out;

            &.open {
                height: 100%;
            }

            > *[b-dvk6ncatt9] {
                display: flex;
                align-items: center;
            }

            /* Long category labels wrap instead of widening the columns they span */
            .port-card-category-label[b-dvk6ncatt9] {
                grid-column: categories / picks;
                contain: inline-size;
            }

            .port-card-category-picks[b-dvk6ncatt9] {
                grid-column: picks;
            }

            .port-card-category-handling[b-dvk6ncatt9] {
                grid-column: handling;
            }

            .port-card-category-post[b-dvk6ncatt9] {
                grid-column: post;
            }
        }
    }
}

.port-card-header[b-dvk6ncatt9]  .port-card-header-label button span {
    font-weight: 500;
}

[b-dvk6ncatt9] .accordion {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;

    .accordion-header {
        grid-column: 1 / 3;

        .accordion-title {
            flex-grow: unset;
        }
    }
}
/* /Components/Scenario/Run/Configuration/Ports/PortTable/PortTable.razor.rz.scp.css */
.port-configuration-container[b-wsugs52xp0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    contain: inline-size;
}

[b-wsugs52xp0] .handling-time-input-group .handling-time-input::placeholder {
    opacity: 50%;
}
[b-wsugs52xp0] .handling-time-input-group .handling-time-input.with-reset-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* /Components/Scenario/Run/Configuration/Ports/PortTable/WorkstationCard.razor.rz.scp.css */
.workstation-card[b-hkqn2pvvtd] {
    border-radius: 6px;
    border: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));

    .workstation-card-header {
        padding: 12px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;

        border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
        background: var(--color-background-default-secondary, #F0F0F0);

        > * {
            display: flex;
            align-items: center;
            gap: 32px;
        }

        /* Same spacing as the port card header, so the validation icon sits next to the name */
        .workstation-card-title[b-hkqn2pvvtd] {
            gap: 8px;
        }

        .multiport-toggle-section[b-hkqn2pvvtd] {
            display: flex;
            align-items: center;
            gap: 8px;
        }
    }
}

.workstation-card-header[b-hkqn2pvvtd]  button span {
    font-weight: 500;
}
/* /Components/Scenario/Run/Configuration/Ports/TabPorts.razor.rz.scp.css */
.tab-ports-loops-wrapper[b-09tkggb2ba] {
    display: flex; 
    flex-direction: column; 
    gap: 24px;
    padding: 24px;
}

.throughput-predictor-slot[b-09tkggb2ba] {
    padding: 24px;
    min-width: 0;
}

.port-table-header[b-09tkggb2ba] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.align-items-center[b-09tkggb2ba] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.port-table-header-actions[b-09tkggb2ba] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
}

.max-bins[b-09tkggb2ba] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-btn[b-09tkggb2ba] {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    line-height: 1;
}

.filter-btn i[b-09tkggb2ba] {
    font-size: 15px;
}

.filter-btn--active[b-09tkggb2ba] {
    background-color: var(--color-background-default-secondary);
}

.filter-toolbar-overlay[b-09tkggb2ba] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.filter-toolbar[b-09tkggb2ba] {
    position: relative;
    z-index: 1100;
    box-sizing: border-box;
    padding: 16px 24px;
    background-color: var(--color-background-default-primary);
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.filter-toolbar-divider[b-09tkggb2ba] {
    height: 1px;
    margin: 16px 0;
    background-color: var(--color-border-default-secondary);
}

.issues-toggle[b-09tkggb2ba] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ports-empty-state[b-09tkggb2ba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 32px;
    text-align: center;
}

.port-table-divider[b-09tkggb2ba] {
    width: 1px;
    height: 24px;
    flex-shrink: 0;
    background-color: var(--color-border-default-secondary);
}

.no-ports-message[b-09tkggb2ba] {
    color: var(--color-text-default-secondary);
    font-weight: bold;
}

[b-09tkggb2ba] .port-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Apply scrolling to grid */
[b-09tkggb2ba] [class^="wgl-grid"], 
[b-09tkggb2ba] [class*=" wgl-grid"] {
    position: sticky;
    top: 50px;
    max-height: calc(100vh - 40px);
    overflow-x: auto;
    display: flex;
    flex-direction: column;
}

.timeline-wrapper[b-09tkggb2ba] {
    position: sticky;
    padding: 24px;
    z-index: 1002; /*Keeps timeline in front of the tool bar buttons on the grid preview (dropdowns use z-index 1001)*/
    bottom: 0;
    max-width: 100vw;
    background-color: white;
    border-radius: 6px;
}

.timeline-wrapper.border-shadow[b-09tkggb2ba] {
    box-shadow: 0 -6px 5px -4px rgba(57, 63, 72, 0.3);
}

/* Selects and tooltips in the port table open over the sticky timeline (1002) so bottom rows can reach every option */
.tab-ports-loops-wrapper[b-09tkggb2ba]  .as-select-content,
.tab-ports-loops-wrapper[b-09tkggb2ba]  .tooltip-wrapper > span {
    z-index: 1003;
}

.pasting-content[b-09tkggb2ba] {
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
/* /Components/Scenario/Run/Configuration/Ports/TimelineComponents/BulkEditor.razor.rz.scp.css */
.be-wrapper[b-zk8t4wruhh] {
    background-color: var(--color-background-accent-light-primary);
    border-radius: 12px;
    display: flex;
    padding: 16px;
    flex-direction: column;
}

.be-edit-info-quantity[b-zk8t4wruhh] {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 0;
    align-items: center;
    color: #000000;
    padding: 0 10px;
}

.be-edit-info-apply[b-zk8t4wruhh] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.be-actions[b-zk8t4wruhh] {
    display: flex;
    align-items: center;
}

.be-checkbox[b-zk8t4wruhh] {
    height: 100%;
    display: flex;
    justify-content: end;
}

.be-checkbox-narrow[b-zk8t4wruhh] {
    width: 90px;
}

.be-checkbox-wide[b-zk8t4wruhh] {
    width: 130px
}

th[b-zk8t4wruhh], [b-zk8t4wruhh] td {
    padding: 5px 5px;
}

th[b-zk8t4wruhh] {
    font-weight: 500;
}

.divider[b-zk8t4wruhh] {
    margin: 16px 0;
    border: .5px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}
/* /Components/Scenario/Run/Configuration/Ports/TimelineComponents/BulkEditorFields.razor.rz.scp.css */
[b-37kw80hg4t] button.as-select-button {
    width: 130px;
}
/* /Components/Scenario/Run/Configuration/Ports/TimelineComponents/PortSummary.razor.rz.scp.css */
.port-summary-wrapper[b-jbqa3cm37w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.port-summary-item[b-jbqa3cm37w] {
    font-size: 14px;
}

.port-summary-item:first-child[b-jbqa3cm37w] {
    margin-right: 16px;
}

.dot-item[b-jbqa3cm37w] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--color-text-default-secondary);
}
/* /Components/Scenario/Run/Configuration/Ports/TimelineComponents/Timeline.razor.rz.scp.css */
.timestep-wrapper[b-3vxpn0bhwx] {
    position: absolute;
    padding-right: 16px;
    padding-left: 16px;
    width: calc(100% - 40px);
    display: inline-flex;
}

.timeline-title[b-3vxpn0bhwx] {
    font-size: 16px;
    font-weight: 500;
}

.timeline[b-3vxpn0bhwx] {
    display: inline-flex;
    width: calc(100% - 40px);
    justify-content: center;
    position: relative;
    height: 40px;
}

.timeline-section[b-3vxpn0bhwx] {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    position: relative;
    width: 100%;
    border-top: 1px solid var(--color-border-default-secondary);
    border-bottom: 1px solid var(--color-border-default-secondary);
}

.relative[b-3vxpn0bhwx] {
    position: relative;
}

.timestep-warning[b-3vxpn0bhwx]::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: rgba(255, 192, 67, 1);
    display: block;
    width: 100%;
    z-index: 1;
    border-radius: 20px;
    border-width: 5px;
    height: 100%;
}

.timeline-button-multiselected-active[b-3vxpn0bhwx]::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: white;
    display: block;
    width: 100%;
    z-index: 1;
    border-radius: 20px;
    border-width: 2.5px;
    height: 100%;
}


.timeline-button[b-3vxpn0bhwx] {
    display: flex;
    align-items: center;
    height: 40px;
    background: #E9D5FA;
    border-radius: 20px;
}

.timeline-button-no-active-ports[b-3vxpn0bhwx] {
    background: repeating-linear-gradient( -45deg, transparent, transparent 7px, rgba(96, 53, 217, 0.2) 7px, rgba(96, 53, 217, 0.2) 10px ), #E9D5FA;
}

.timeline-button-active[b-3vxpn0bhwx] {
    height: 40px;
    background: #603285;
    border-radius: 20px;
}

.timeline-button-active .timeline-timestep-text[b-3vxpn0bhwx] {
    color: white;
}

.timeline-button-select.timeline-button-active[b-3vxpn0bhwx] {
    background: #603285;
}

.timeline-button-deselectable.timeline-button-select.timeline-button-active:hover[b-3vxpn0bhwx] {
    background: #8D50BF;
}

.timeline-button-multiselected[b-3vxpn0bhwx] {
    outline: 4px solid #603285;
}

.timeline-button-select:not(.timeline-button-active):hover[b-3vxpn0bhwx] {
    background: #DDBDF8;
}

.timeline-button-select.timeline-button-active.timeline-button-no-active-ports[b-3vxpn0bhwx] {
    background: repeating-linear-gradient( -45deg, transparent, transparent 7px, rgba(246, 237, 252, 0.3) 7px, rgba(246, 237, 252, 0.3) 10px ), #603285;
}

.timeline-button-deselectable.timeline-button-select.timeline-button-active.timeline-button-no-active-ports:hover[b-3vxpn0bhwx] {
    background: repeating-linear-gradient( -45deg, transparent, transparent 7px, rgba(246, 237, 252, 0.3) 7px, rgba(246, 237, 252, 0.3) 10px ), #8D50BF;
}

.timeline-button-select:not(.timeline-button-active).timeline-button-no-active-ports:hover[b-3vxpn0bhwx] {
    background: repeating-linear-gradient( -45deg, transparent, transparent 7px, rgba(96, 53, 217, 0.2) 7px, rgba(96, 53, 217, 0.2) 10px ), #DDBDF8;
}

.timeline-button-remove:hover[b-3vxpn0bhwx] {
    cursor: url(cursors/eraser.png), pointer;
    background: #E2E2E2;
}

.timeline-button-remove:hover span[b-3vxpn0bhwx] {
    color: rgba(0, 0, 0, 0.4);
}

.timeline-button-remove:hover div[b-3vxpn0bhwx]::after {
    content: "\e984";
    font-family: 'ASIcons';
    color: rgba(0, 0, 0, 0.4);
}

.timestep-content[b-3vxpn0bhwx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.timestep-issues[b-3vxpn0bhwx] {
    flex-shrink: 0;
    margin-left: auto;
    margin-right: 10px;
    padding: 2px 6px;
    border: 2px solid var(--color-mono-white);
    border-radius: 64px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.timestep-issues--error[b-3vxpn0bhwx] {
    color: var(--color-text-inverse-primary);
    background-color: var(--color-background-error-primary);
}

.timestep-issues--warning[b-3vxpn0bhwx] {
    color: var(--color-text-default-primary);
    background-color: var(--color-background-warning-primary);
}

/* Count dot on the top-right corner of steps too narrow for the pill */
.timestep-issues-badge[b-3vxpn0bhwx] {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2;
}

.timestep-issues-badge[b-3vxpn0bhwx]  .as-badge {
    min-width: 16px;
    height: 16px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 16px;
}

.timeline-timestep-text[b-3vxpn0bhwx] {
    color: #281438;
    font-weight: 500;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-bar[b-3vxpn0bhwx] {
    display: inline-flex;
    width: 100%;
    height: 20px;
    background: gray;
    position: relative;
}

/*The time indicators*/
.timeline-indicator[b-3vxpn0bhwx] {
    width: inherit;
    height: 34px;
    justify-content: space-between;
    display: flex;
    margin-top: 8px;
}

.timestamp-indicator[b-3vxpn0bhwx] {
    position: absolute;
    top: -18px;
    text-align: center;
    pointer-events: none;
}

.timestamp-hover-indicator[b-3vxpn0bhwx] {
    border-left: 1px solid rgba(0, 0, 0, 0.54);
    top: 2px;
    height: 40px;
    position: absolute;
    z-index: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.timestamp-hover-indicator[b-3vxpn0bhwx]::before {
    content: "\e9b8";
    font-family: 'ASIcons';
    position: absolute;
    left: -25px;
    top: 1px;
    font-size: 20px;
}


.timeline-divider[b-3vxpn0bhwx] {
    border-left: 1px solid rgba(0, 0, 0, 0.54);
    height: 6px;
    position: relative;
    left: 50%;
    top: 0;
}

/* text/mono/secondary */
.timestamp-text[b-3vxpn0bhwx] {
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    margin-left: 1px;
}

/*Removes clock icon from time input*/
input[type="time"][b-3vxpn0bhwx]::-webkit-calendar-picker-indicator {
    background: none;
    display: none;
}

.start-time[b-3vxpn0bhwx] {
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    gap: 8px;
    align-items: center;
}

.timeline-header[b-3vxpn0bhwx] {
    display: flex;
    justify-content: space-between;
}

input:invalid[b-3vxpn0bhwx] {
    background: #FFEFED;
    outline: 1px solid #E11B22;
    box-sizing: border-box;
    border-radius: 6px;
}

.timeline-tools-wrapper[b-3vxpn0bhwx] {
    flex-wrap: wrap;
    display: flex;
    transition: opacity 0.2s ease-out;
    gap: 20px;
    align-items: center;
}

.timeline-header-element[b-3vxpn0bhwx] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.timeline-collapsible[b-3vxpn0bhwx] {
    max-height: 0;
    overflow: hidden;
    padding-top: 24px;
    transition: max-height 0.2s ease-out;
}

.timestep[b-3vxpn0bhwx] {
    position: absolute;
    top: 0;
    padding: 2px;
}

.as-button-w-icon[b-3vxpn0bhwx] {
    display: flex;
    padding: 8px;
    gap: 8px;
}

.vertical-border[b-3vxpn0bhwx] {
    border-left: 1px solid;
    height: 20px;
    color: rgba(0, 0, 0, 0.1);
}
/* /Components/Scenario/Run/Configuration/Ports/TimelineComponents/TimestepIndicator.razor.rz.scp.css */
.timestep-indicator[b-tffr5kvh8s] {
    padding: 4px 8px;
    border-radius: 100px;
    background: #603285;
    color: var(--color-text-inverse-primary);
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    white-space: nowrap;
}
/* /Components/Scenario/Run/Configuration/Ports/TransferLoopsComponents/TransferLoopsEditor.razor.rz.scp.css */
.transfer-loops-container[b-28vap6qr74] {
    display: flex;
    flex-direction: column;
    background-color: var(--color-background-accent-light-primary);
    padding: 10px 15px;
    border: 1px solid var(--color-border-default-primary);
    border-radius: 10px;
    margin-top: 30px;
}

.transfer-loops-container-header[b-28vap6qr74] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}

.transfer-loops-container[b-28vap6qr74]  th {
    color: var(--color-text-default-secondary);
}

.transfer-loops-container[b-28vap6qr74]  th, .transfer-loops-container[b-28vap6qr74]  td {
    padding: 8px 0 8px 16px;
}

.transfer-cells-container[b-28vap6qr74] {
    background-color: var(--color-background-default-primary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}

.transfer-cells-actions[b-28vap6qr74] {
    padding: 15px 0;
}

[b-28vap6qr74] .number-field-wrapper {
    max-width: 80px;
}
/* /Components/Scenario/Run/Configuration/Shared/Input/BinDistributionSelect.razor.rz.scp.css */
[b-y7e64qnw9b].bin-distribution-select .as-select-button, 
[b-y7e64qnw9b].bin-distribution-select .as-select-content, 
[b-y7e64qnw9b].bin-distribution-select .as-select .border-element {
    width: 200px;
}
/* /Components/Scenario/Run/Configuration/Shared/PasteErrorDialog.razor.rz.scp.css */
ol[b-fbny5z5yyu] {
    padding-inline-start: 24px;
}

ul[b-fbny5z5yyu] {
    margin-top: -8px;
    padding-inline-start: 16px;
}

ul.indented[b-fbny5z5yyu] {
    margin-left: 24px;
}
/* /Components/Scenario/Run/Configuration/Shared/TabContentHeader.razor.rz.scp.css */
.tab-content-header[b-nim1hpwty4] {
    padding: 20px;
    min-height: 64px;
    line-height: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}

.header-title[b-nim1hpwty4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    gap: 12px;
}

.header-buttons[b-nim1hpwty4] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.help-panel-btn[b-nim1hpwty4] {
    background-color: rgba(0, 0, 0, 0.12);
    padding: 0;
}
/* /Components/Scenario/Run/Configuration/Tasks/TabTasks.razor.rz.scp.css */
.task-card[b-n30xi85yo6] {
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.task-card--compact[b-n30xi85yo6] {
    gap: 0;
}

.task-card-header[b-n30xi85yo6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: CircularXXWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 135%;

    > * {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.tasks-container[b-n30xi85yo6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}

.pasting-content[b-n30xi85yo6] {
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/CategoryDistribution.razor.rz.scp.css */
.category-distribution-container[b-f544zlyp5v] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.category-distribution-header[b-f544zlyp5v] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    > * {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.category-distribution-items[b-f544zlyp5v] {
    display: grid;
    grid-template-columns: 8px 110px 1fr 60px 60px 40px 24px;
    grid-gap: 8px;
    align-items: center;

    &.readonly {
        grid-template-columns: 8px 110px 1fr 60px;
    }
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/CategoryDistributionItem.razor.rz.scp.css */
.category-dist-row[b-mvrri59805] {
    display: contents;
}

.category-name[b-mvrri59805] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/CategoryList.razor.rz.scp.css */
.category-list-wrapper[b-cc42naqrqa] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 10px;

    > div {
        border: 1px solid var(--color-border-default-primary);
        border-radius: 8px;
    }
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/GeneralTaskOptions.razor.rz.scp.css */
.general-task-options-grid[b-sta8z4oopw] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-column-gap: 32px;

    &.advanced-mode {
        grid-template-columns: repeat(4, auto);
    }

    > div[b-sta8z4oopw] {
        display: flex;
        align-items: center;
        gap: 8px;
    }
}

.general-task-options-tooltip[b-sta8z4oopw] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.general-task-options-input[b-sta8z4oopw] {
    width: 100px;
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/TaskCategory/CategoryDetails.razor.rz.scp.css */
.category-details-wrapper[b-88mwqqlwag] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    padding: 24px;
}

.category-details-header[b-88mwqqlwag] {
    font-size: 16px;
    font-weight: 500;
}

.category-option-row[b-88mwqqlwag] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/TaskCategory/CategoryListItem.razor.rz.scp.css */
.category-wrapper[b-2jvuuyrjfa] {
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.category-header[b-2jvuuyrjfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-grow: 1;
    padding: 0 24px;
}

.category-header-right-menu[b-2jvuuyrjfa]  .as-dropdown-menu-item {
    font-size: 14px;
    font-weight: normal;
}

.category-header-right-menu[b-2jvuuyrjfa]  .delete-item {
    color: #b1140b;
}
/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/TaskCategory/OrderDistribution.razor.rz.scp.css */
.order-size-wrapper[b-7jpernncey] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    padding: 24px;
}

.order-size-container[b-7jpernncey] {
    display: grid;
    grid-template-columns: 60px 1fr 40px 90px 90px 10px;
    grid-gap: 8px;
    align-items: center;
}

.bins-per-order-header[b-7jpernncey] {
    font-weight: 600;
    display: contents;

    > :last-child {
        justify-self: center;
    }
}

.order-size-header[b-7jpernncey] {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
}

/* /Components/Scenario/Run/Configuration/Tasks/TaskSettings/TaskCategory/OrderDistributionItem.razor.rz.scp.css */
.order-line-row[b-yc8atso1ru] {
    display: contents;
}
/* /Components/Scenario/Run/ConfigureRun.razor.rz.scp.css */
[b-tauprqmsu7] select, [b-tauprqmsu7] input {
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid rgba(80,80,80,0.2);
}

[b-tauprqmsu7] .as-error {
    padding-top: 5px;
}

[b-tauprqmsu7] .simulation-status #delete {
    display: none;
}

[b-tauprqmsu7] .port-configuration-cell {
    display: flex;
    align-items: center;
}

[b-tauprqmsu7] .port-configuration-cell.stacked-inputs {
    flex-direction: column;    
    gap: 4px;
    align-items: stretch;
    max-width: 96px;
}

.configure-simulation-header[b-tauprqmsu7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.configure-simulation-header-actions[b-tauprqmsu7] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.configure-simulation-header-title[b-tauprqmsu7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.configure-simulation-content[b-tauprqmsu7] {
    position: relative;
}

.configure-simulation-tab-wrapper[b-tauprqmsu7] {
	position: relative;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.header-title[b-tauprqmsu7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    gap: 12px;
}

.header-buttons[b-tauprqmsu7] {
    display: flex;
    align-items: center; 
    gap: 16px;
}

.configure-simulation-tab-content-header[b-tauprqmsu7] {
    padding: 20px;
    min-height: 64px;
    line-height: 100%;
    font-weight: 500;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    border-bottom: 1px solid var(--color-border-default-secondary, rgba(0, 0, 0, 0.10));
}

.tab-title-row[b-tauprqmsu7] {
    display: flex;
    gap: 4px;
    align-items: center;
    height: 16px;
}

.configure-simulation-tab-content[b-tauprqmsu7] {
    display: flex;
    padding: 16px;
}

.loading-content[b-tauprqmsu7] {
    height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.help-panel-btn[b-tauprqmsu7] {
    background-color: rgba(0, 0, 0, 0.12); 
    padding: 0;
}
/* /Components/Scenario/Run/CustomerDataInformation.razor.rz.scp.css */
.customer-data-banner[b-gkwfrkwwe9]  .info-banner {
    width: 100%;
    margin: 0;
    gap: 16px;
}

.customer-data-banner[b-gkwfrkwwe9]  .banner-text {
    min-width: 0;
    width: auto;
    flex: 1 1 0;
}

.customer-data-banner[b-gkwfrkwwe9]  .button-container {
    flex-shrink: 0;
}

.send-button[b-gkwfrkwwe9] {
    white-space: nowrap;
}
/* /Components/Scenario/Run/HelpPanel.razor.rz.scp.css */
.help-panel[b-die5gek398] {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: max(48px, calc(120px - var(--scroll-y)));
    right: 16px;
    bottom: 0;
    width: 0;
    overflow: hidden;
    background-color: white;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 12px 12px 0;
    transition: width 0.25s ease;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
    z-index: 1004; /* Above the Ports tab sticky timeline (1002) and its table popovers (1003), below modals (1050) */
}

.help-panel.open[b-die5gek398] {
    width: 396px;
}

.help-panel-header[b-die5gek398] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    min-height: 64px;
    font-size: 20px;
}

.help-panel-content[b-die5gek398] {
    padding: 20px;
    overflow-y: scroll;
    overscroll-behavior: contain;
    white-space: normal;
    flex: 1;
    min-height: 0;
}
    [b-die5gek398] p {
        color: var(--color-text-default-primary);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4em;
    }
    /* List Item */
    [b-die5gek398] li {
        color: var(--color-text-default-primary);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4em;
        padding-bottom: 8px;
    }

    [b-die5gek398] h5 {
        font-style: normal;
        font-weight: 400;
        line-height: 1.4em;
        font-size: 20px;
    }

    [b-die5gek398] .section-heading {
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 8px;
    }
    
    [b-die5gek398] ul {
        padding: 0 20px;
    }

    [b-die5gek398] .help-panel-info-bar {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        margin-top: 12px;
        padding: 10px;
        border-radius: 6px;
        background: var(--color-background-accent-light-primary);
        border: 1px solid var(--color-border-accent-primary);
    }

    [b-die5gek398] .help-panel-info-bar-text {
        flex: 1;
        padding-top: 2px;
        font-size: 14px;
        line-height: 1.4;
        color: var(--color-text-default-primary);
    }

    [b-die5gek398] .help-panel-info-bar > i {
        flex-shrink: 0;
        color: var(--color-icon-accent-primary);
    }
    
    [b-die5gek398] .section-divider {
        border: 0.5px solid var(--color-border-default-secondary);
        margin: 24px 0;
    }
/* /Components/Scenario/Run/LiveViewer/TabLiveViewer.razor.rz.scp.css */
.live-viewer-container[b-43dfhvrika] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.run-finished-warning[b-43dfhvrika] {
    margin-left: 24px;
    width: 100%;
}
/* /Components/Scenario/Run/Results/Charts/BinsClosedPerHourChart.razor.rz.scp.css */
.bins-closed-chart-controls[b-71tl4aktus] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bins-closed-select-label[b-71tl4aktus] {
    color: var(--color-text-default-secondary);
    white-space: nowrap;
}

.bins-closed-filter-btn[b-71tl4aktus] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: none;
}

.bins-closed-filter-btn i[b-71tl4aktus] {
    font-size: 18px;
    line-height: 1;
}

.bins-closed-filter-btn.active[b-71tl4aktus] {
    background-color: rgba(0, 0, 0, 0.15);
}

.bins-closed-filter-btn[b-71tl4aktus]  .as-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    pointer-events: none;
}

.bins-closed-nav-row[b-71tl4aktus] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.bins-closed-nav-btn[b-71tl4aktus] {
    min-width: 32px;
    padding: 4px 8px;
}

.bins-closed-nav-label[b-71tl4aktus] {
    font-size: 14px;
    font-weight: 500;
    min-width: 120px;
    text-align: center;
}

/* /Components/Scenario/Run/Results/Charts/ChartPreferences.razor.rz.scp.css */
.chart-preferences .as-button[b-wsbjcds3z2] {
    padding: 0 6px;
}

.chart-preferences[b-wsbjcds3z2]  .as-dropdown-menu-content {
    padding: 6px;
}

.chart-preferences[b-wsbjcds3z2]  .as-dropdown-menu-item {
    min-width: 112px;
    margin-bottom: 0;
    padding: 6px;
}

.chart-preferences-label[b-wsbjcds3z2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    color: var(--text-default-primary);
    font-weight: 400;
}
/* /Components/Scenario/Run/Results/Charts/SelectPortsForGraphModal.razor.rz.scp.css */
.select-ports-modal-backdrop[b-kyr1f1np5n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-ports-modal-dialog[b-kyr1f1np5n] {
    background: #fff;
    border-radius: 12px;
    width: min(95vw, 1100px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: visible; /* visible so absolutely-positioned dropdown content (ASSelect) is not clipped */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.select-ports-modal-filter[b-kyr1f1np5n] {
    position: relative;
    z-index: 20; /* above sticky header cells (z-index: 5) so dropdown paints in front */
    padding: 16px 24px;
    flex-shrink: 0;
    background-color: var(--color-background-default-primary, white);
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    margin: 8px 16px;
}

.select-ports-modal-header[b-kyr1f1np5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    flex-shrink: 0;
}

.select-ports-modal-title-group[b-kyr1f1np5n] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.select-ports-filter-btn[b-kyr1f1np5n] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    flex: none;

    & i {
        font-size: 15px;
    }
}

.select-ports-filter-btn--active[b-kyr1f1np5n] {
    background-color: var(--color-background-default-secondary);
}

.select-ports-filter-btn[b-kyr1f1np5n]  .as-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    pointer-events: none;
}

.select-ports-modal-title[b-kyr1f1np5n] {
    font-size: 18px;
    font-weight: 600;
}

.select-ports-timestamp-tag[b-kyr1f1np5n] {
    background-color: var(--color-background-infographic-1);
    color: var(--color-text-infographic-1, #276FEC);
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 500;
}


.select-ports-modal-table-wrapper[b-kyr1f1np5n] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.select-ports-modal-footer[b-kyr1f1np5n] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid var(--color-border-default-secondary);
    flex-shrink: 0;
    background: #fff;
}

.select-ports-grid[b-kyr1f1np5n] {
    display: grid;
    padding: 0 24px 8px;
}

.select-ports-grid .grid-header[b-kyr1f1np5n] {
    display: contents;
}

.select-ports-grid .grid-header > div[b-kyr1f1np5n] {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    color: var(--color-text-default-secondary);
}

.select-ports-grid .grid-group[b-kyr1f1np5n] {
    display: contents;
}

.select-ports-grid .grid-group:nth-of-type(even) .select-ports-row > div[b-kyr1f1np5n] {
    background-color: var(--color-background-default-secondary);
}

.select-ports-row[b-kyr1f1np5n] {
    display: contents;
}

.select-ports-row > div[b-kyr1f1np5n] {
    padding: 12px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.select-ports-row.selected > div[b-kyr1f1np5n] {
    background-color: var(--color-background-info-subtle, #EEF5FF) !important;
}

.select-ports-grid .grid-group .select-ports-row:first-child > div:first-child[b-kyr1f1np5n] {
    border-top-left-radius: 6px;
}

.select-ports-grid .grid-group .select-ports-row:last-child > div:first-child[b-kyr1f1np5n] {
    border-bottom-left-radius: 6px;
}

.select-ports-grid .grid-group .select-ports-row:first-child > div:last-child[b-kyr1f1np5n] {
    border-top-right-radius: 6px;
}

.select-ports-grid .grid-group .select-ports-row:last-child > div:last-child[b-kyr1f1np5n] {
    border-bottom-right-radius: 6px;
}

.select-ports-task-category[b-kyr1f1np5n] {
    overflow: hidden;
}

.select-ports-task-category[b-kyr1f1np5n]  .tc-label {
    overflow: hidden;
}

.select-ports-task-category[b-kyr1f1np5n]  .tc-label span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Scenario/Run/Results/InfoItem.razor.rz.scp.css */
.info-item[b-ifz3jv1xsl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

.info-item:first-of-type[b-ifz3jv1xsl] {
    margin-top: 0;
}

.info-item:last-of-type[b-ifz3jv1xsl] {
    margin-bottom: 0;
}

.info-data[b-ifz3jv1xsl] {
    font-weight: bold;
    text-align: left;
    font-size: 16px;
    min-width: max-content;
}

.info-label[b-ifz3jv1xsl] {
    display: flex;
    width: 75%;
    gap: 15px;
}
/* /Components/Scenario/Run/Results/LoopsTable.razor.rz.scp.css */
.loops-grid[b-7jslego9a3] {
    display: grid;
}

.title-group[b-7jslego9a3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.grid-header[b-7jslego9a3] {
    display: contents;
}

.grid-header > div[b-7jslego9a3] {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    color: var(--color-text-default-secondary);
}

.grid-group[b-7jslego9a3] {
    display: contents;
}

.grid-group:nth-of-type(even)[b-7jslego9a3]  > .grid-row > div {
    background-color: var(--color-background-default-secondary);
}

.grid-group[b-7jslego9a3]  > .grid-row:first-child > div:first-child {
    border-top-left-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:last-child > div:first-child {
    border-bottom-left-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:first-child > div:last-child {
    border-top-right-radius: 6px;
}

.grid-group[b-7jslego9a3]  > .grid-row:last-child > div:last-child {
    border-bottom-right-radius: 6px;
}
/* /Components/Scenario/Run/Results/LoopsTableRow.razor.rz.scp.css */
.grid-row[b-685x8jdhdv] {
    display: contents;
}

.grid-row > div[b-685x8jdhdv] {
    padding: 12px 10px;
    display: flex;
    align-items: center;

    .bcph-wrapper {
        width: 100%;
    }
}

.transfer-loop-row > div[b-685x8jdhdv] {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color-border-default-secondary);
}
/* /Components/Scenario/Run/Results/OptimizationInformationCard.razor.rz.scp.css */
.optimization-informative-card[b-v0q57mlzui] {
    display: grid;
    background: #0F1E38;
    padding: 20px;
    border-radius: 12px;
    gap: 16px;
    grid-template-columns: auto 1fr auto;

    .optimization-informative-card-content {
        grid-column: 2;
        color: var(--color-text-inverse-primary);
        font-size: 14px;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.optimization-information-card[b-v0q57mlzui] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 16px;
    background: #0F1E38;
    border-radius: 6px;
    padding: 20px;
    color: var(--color-text-inverse-primary);
    font-size: 14px;
    line-height: 1.4;

    .optimization-information-card-accordion-column {
        min-width: 0;

        ::deep(.accordion-header .accordion-title) {
            min-height: 28px;
        }

        [b-v0q57mlzui](.accordion-header > .as-button) {
            height: 28px;
        }
    }

    .optimization-information-card-body[b-v0q57mlzui] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .optimization-information-card-list[b-v0q57mlzui] {
        margin: 0;
        padding-inline-start: 21px;
    }
}
/* /Components/Scenario/Run/Results/PortsTable.razor.rz.scp.css */
.ports-grid[b-4kj0uuj05j] {
    display: grid;
}

.grid-header[b-4kj0uuj05j] {
    display: contents;
}

.grid-header > div[b-4kj0uuj05j] {
    padding: 12px 10px;
    border-bottom: 1px solid var(--color-border-default-secondary);
    color: var(--color-text-default-secondary);
}

.grid-group[b-4kj0uuj05j] {
    display: contents;
}

.grid-group:nth-of-type(even)[b-4kj0uuj05j]  > .grid-row > div {
    background-color: var(--color-background-default-secondary);
}

.grid-group[b-4kj0uuj05j]  > .grid-row:first-child > div:first-child {
    border-top-left-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:last-child > div:first-child {
    border-bottom-left-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:first-child > div:last-child {
    border-top-right-radius: 6px;
}

.grid-group[b-4kj0uuj05j]  > .grid-row:last-child > div:last-child {
    border-bottom-right-radius: 6px;
}

.ports-table-wrapper[b-4kj0uuj05j] {
    position: relative;
}

.port-table-header[b-4kj0uuj05j] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
}

.port-table-title-group[b-4kj0uuj05j] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.filter-btn[b-4kj0uuj05j] {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 6px;
    line-height: 1;

    & i {
        font-size: 15px;
    }
}

.filter-btn--active[b-4kj0uuj05j] {
    background-color: var(--color-background-default-secondary);
}

.filter-toolbar-overlay[b-4kj0uuj05j] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.bins-closed-header[b-4kj0uuj05j] {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.filter-toolbar[b-4kj0uuj05j] {
    position: relative;
    z-index: 1100;
    box-sizing: border-box;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 16px 24px;
    background-color: var(--color-background-default-primary, white);
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
/* /Components/Scenario/Run/Results/PortsTableRow.razor.rz.scp.css */
.grid-row[b-jhhidzu5s9] {
    display: contents;
}

.grid-row > div[b-jhhidzu5s9] {
    padding: 12px 10px;
    display: flex;
    align-items: center;

    .bcph-wrapper {
        width: 100%;
    }
}

.comparison[b-jhhidzu5s9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.comparison-item[b-jhhidzu5s9] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
/* /Components/Scenario/Run/Results/PortTableFilter.razor.rz.scp.css */
.filter-container[b-bmvdvks6um] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-grow: 1;
}

.filter-reset-btn[b-bmvdvks6um] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-divider[b-bmvdvks6um] {
    width: 1px;
    height: 24px;
    background-color: #ccc7c4;
    flex-shrink: 0;
}

.range-section[b-bmvdvks6um] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.range-label[b-bmvdvks6um] {
    color: var(--color-text-default-secondary);
    font-size: 14px;
    white-space: nowrap;
}

.range-input[b-bmvdvks6um] {
    width: 64px;
    height: 32px;
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    -moz-appearance: textfield;
}

.range-input[b-bmvdvks6um]::-webkit-outer-spin-button,
.range-input[b-bmvdvks6um]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.range-separator[b-bmvdvks6um] {
    color: var(--color-text-default-secondary);
}

.dropdowns-section[b-bmvdvks6um] {
    display: flex;
    gap: 8px;
    flex: 1 0 0;
    min-width: 0;
}

.dropdowns-section[b-bmvdvks6um]  .as-select {
    flex: 1 1 0;
    min-width: 100px;
}

.filter-container[b-bmvdvks6um]  .as-select-content {
    z-index: 9999;
}

.filter-container[b-bmvdvks6um]  .as-select-close-mask {
    z-index: 9998;
}

.dropdowns-section[b-bmvdvks6um]  .as-select .as-select-button .as-select-option,
.dropdowns-section[b-bmvdvks6um]  .as-select .as-select-button .placeholder {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0;
    white-space: nowrap;
}
/* /Components/Scenario/Run/Results/RunOverviewCard.razor.rz.scp.css */
.run-overview-card[b-ph52t8zcjn] {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.info-column[b-ph52t8zcjn] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 4px 8px;
    justify-content: space-between;
}

.vertical-divider[b-ph52t8zcjn] {
    display: flex;
    border-left: 1px solid;
    color: rgba(0, 0, 0, 0.1);
    height: auto;
    margin: 0 12px;
}
/* /Components/Scenario/Run/Results/SimulationOptimizationProgressBar.razor.rz.scp.css */
.optimization-progress-bar[b-19jhgz98kw] {
    display: grid;
    gap: 8px;
    font-size: 14px;
    padding: 24px;

    &.stage-1 {
        grid-template-columns: minmax(0, auto) 141px;
    }

    &.stage-2[b-19jhgz98kw] {
        grid-template-columns: 141px minmax(0, auto);
    }
}

.optimization-progress-header[b-19jhgz98kw] {
    grid-column: 1 / -1;
    display: flex;
}

.optimization-progress-title[b-19jhgz98kw],
.optimization-progress-overall[b-19jhgz98kw] {
    font-weight: 500;
}

.optimization-progress-info[b-19jhgz98kw] {
    margin-left: auto;
    display: flex;
    gap: 8px;
    
    .time-info {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: var(--color-text-default-secondary);
    }
}

.optimization-progress[b-19jhgz98kw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
/* /Components/Scenario/Run/Results/TabResults.razor.rz.scp.css */
.tab-results-wrapper[b-s0qsg2n9ua] {
    padding: 16px;
    background-color: var(--color-background-default-secondary);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.tab-results-options[b-s0qsg2n9ua] {
    display: flex;
    align-items: center;
    gap: 16px;

    .tab-results-options-tab {
        min-width: 547px;
    }

    .tab-results-options-view[b-s0qsg2n9ua] {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-left: auto;
    }
}

.results-overview-container[b-s0qsg2n9ua] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-s0qsg2n9ua] .results-card {
    background: white;
    border-radius: 12px;
    padding: 20px 24px;
    width: auto;
    flex: auto;

    &.optimization {
        padding: 0;
    }

    .empty_state[b-s0qsg2n9ua] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 40vh;
        gap: 16px;
    }

    .empty_state-text[b-s0qsg2n9ua] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }
}

[b-s0qsg2n9ua] .results-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

[b-s0qsg2n9ua] .chart-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-s0qsg2n9ua] .results-card-title {
    font-size: 20px;
    font-weight: 500;
}

[b-s0qsg2n9ua] .results-card-header-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

[b-s0qsg2n9ua] .results-card-title-data {
    font-weight: 500;
    font-size: 32px;
}

[b-s0qsg2n9ua] .results-card-header .diff-better {
    color: var(--color-text-accent-primary);
}

[b-s0qsg2n9ua] .results-card-header .diff-worse {
    color: var(--color-text-error-primary);
}

[b-s0qsg2n9ua] .results-card-header .diff-neutral {
    color: var(--color-text-default-primary);
}

[b-s0qsg2n9ua] .divider {
    margin: 16px 0;
}

[b-s0qsg2n9ua] .results-card-header--comparison {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 16px;
}

[b-s0qsg2n9ua] .results-card-title--run {
    font-size: 14px;
}

[b-s0qsg2n9ua] .results-card-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    column-gap: 16px;
    width: 100%;
    min-width: 0;
}

[b-s0qsg2n9ua] .results-card-content-base {
    grid-column: 1;
    min-width: 0;
    padding-right: 24px;
}

[b-s0qsg2n9ua] .results-card-content > .vertical-divider {
    grid-column: 2;
}

[b-s0qsg2n9ua] .results-card-content-optimized {
    grid-column: 3;
    min-width: 0;
    padding-left: 24px;
}

[b-s0qsg2n9ua] .average-wait-time-card .spc-legend {
    padding-left: 0;
}

[b-s0qsg2n9ua] .average-wait-time-card .spc-legend-value {
    font-weight: 500;
}

[b-s0qsg2n9ua] .chart-empty-message {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-default-secondary);
    line-height: 1.4;
}

[b-s0qsg2n9ua] .chart-placeholder {
    min-height: 300px;
}

[b-s0qsg2n9ua] .results-flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-width: 0;
    max-width: 100% !important;
    overflow-x: hidden;
}

[b-s0qsg2n9ua] .results-flex-row--overflow-visible {
    overflow: visible; /* allow filter dropdowns to extend below the row */
}

[b-s0qsg2n9ua] .results-card-graph {
    background: white;
    border-radius: 12px;
    padding: 16px 24px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
    resize: horizontal;
    contain: layout;
    width: 100%;
    overflow-x: hidden;
}

.stats-cards-vertical[b-s0qsg2n9ua] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: auto;
}

[b-s0qsg2n9ua] .results-header-dropdown {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

/* Needed to scale graphs */
[b-s0qsg2n9ua] .results-card-graph .line-chart-wrapper,
[b-s0qsg2n9ua] .results-card-graph .line-chart-plot,
[b-s0qsg2n9ua] .results-card-graph .column-chart-plot {
    flex-shrink: 1 !important;
    flex-basis: 0 !important;
    width: 100% !important;
    max-width: 100% !important; /* Fitting results window width */
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

[b-s0qsg2n9ua] .results-card-graph canvas,
[b-s0qsg2n9ua] .line-chart-plot canvas, 
[b-s0qsg2n9ua] .column-chart-plot canvas {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
/* /Components/Scenario/Run/Results/TransferCellResult.razor.rz.scp.css */
.grid-row[b-hgmkw36rsv] {
    display: contents;
}

.grid-row > div[b-hgmkw36rsv] {
    padding: 5px 10px;
}

.transfer-cell-row > div[b-hgmkw36rsv] {
    padding-bottom: 12px;
}
/* /Components/Scenario/RunSidebar/RunList.razor.rz.scp.css */
.run-list-sort[b-c2cdg1stwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
}

.run-list-sort-label[b-c2cdg1stwo] {
    font-size: 14px;
    color: var(--color-text-default-secondary);
}

.run-list-item[b-c2cdg1stwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 8px;
    border-radius: 6px;
}

.run-list-item-content[b-c2cdg1stwo] {
    flex: 1 1 0;
    min-width: 0;
    height: 42px;
    display: flex;
    flex-direction: column;
}

/* Icon + label row inside .run-list-item-content */
.run-list-label-row[b-c2cdg1stwo] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.run-list-item-content.run-list-content-router-ai[b-c2cdg1stwo] {
    position: relative;
    padding-left: 21px;
}

.run-list-item-content.run-list-content-router-ai[b-c2cdg1stwo]::before {
    content: "";
    position: absolute;
    left: 7px;
    top: -23px;
    width: 11px;
    height: 34px;
    border-left: 1px solid var(--color-border-default-secondary);
    border-bottom: 1px solid var(--color-border-default-secondary);
    pointer-events: none;
}

.run-list-item-icon[b-c2cdg1stwo] {
    flex-shrink: 0;
    line-height: 0;
}

.run-list-item-name[b-c2cdg1stwo] {
    flex: 1 1 0;
    min-width: 0;
    color: var(--color-text-default-primary);
    font-family: CircularXXWeb, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
}

.run-list-item-status[b-c2cdg1stwo] {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 6px;
}

.run-list-item-status-pct-bar[b-c2cdg1stwo] {
    flex-grow: 1;
    padding-left: 10px;
}

.run-list-item-right[b-c2cdg1stwo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    position: relative;
    align-self: stretch;
    gap: 4px;
}

.run-list-ro .run-list-item-actions[b-c2cdg1stwo] {
    order: 1;
}

.run-list-ro[b-c2cdg1stwo]  .favorite-button {
    order: 2;
}

.run-list-item-actions[b-c2cdg1stwo] {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.run-list-item:hover .run-list-item-actions[b-c2cdg1stwo],
.run-list-item-actions:focus-within[b-c2cdg1stwo] {
    visibility: visible;
    pointer-events: auto;
    position: static;
    transform: none;
}

input.like-span[b-c2cdg1stwo] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    max-width: 110px;
    text-overflow: ellipsis;
}

input.like-span:focus[b-c2cdg1stwo] {
    outline: none; /* remove focus ring */
}

.run-list-item-right[b-c2cdg1stwo]  .favorite-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: relative;
    z-index: 1;
}

.run-list-item:hover .run-list-item-right[b-c2cdg1stwo]  .favorite-button,
.run-list-item-right[b-c2cdg1stwo]  .favorite-button:hover,
.run-list-item-right[b-c2cdg1stwo]  .favorite-button.favoured {
    opacity: 1;
}
/* /Components/Scenario/RunSidebar/Sidebar.razor.rz.scp.css */
.project-sidebar-container[b-wpgy0fhw18] {
    position: sticky;
    top: 48px;
    height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}

.project-sidebar-container .project-sidebar-section:last-child[b-wpgy0fhw18] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}
/* /Components/Scenario/Sharelink/ActiveShareLinksTable.razor.rz.scp.css */
.section-divider[b-73l1ydmu0r] {
    border: none;
    border-top: 1px solid var(--color-border-default-primary);
    margin: 0;
}

.active-sharelinks-section[b-73l1ydmu0r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sharelinks-grid[b-73l1ydmu0r] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    width: 100%;
}

.col-header[b-73l1ydmu0r] {
    padding: 8px 12px 8px 0;
    font-weight: 400;
    white-space: nowrap;
}

.row-divider[b-73l1ydmu0r] {
    grid-column: 1 / -1;
    border: none;
    border-top: 1px solid var(--color-border-default-primary);
    margin: 0;
}

.row-divider:last-child[b-73l1ydmu0r] {
    display: none;
}

.grid-row[b-73l1ydmu0r] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
}

.col-cell[b-73l1ydmu0r] {
    padding: 8px 12px 8px 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.col-link[b-73l1ydmu0r] {
    overflow: hidden;
    min-width: 0;
}

.col-actions[b-73l1ydmu0r] {
    gap: 4px;
    padding-right: 0;
}

.sharelink-url[b-73l1ydmu0r] {
    color: var(--color-text-accent-primary);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icon-button[b-73l1ydmu0r] {
    width: 32px;
    height: 32px;
    background: none;
}

.icon-button:hover[b-73l1ydmu0r] {
    background-color: var(--color-background-default-secondary);
}

.icon-button--danger[b-73l1ydmu0r] {
    color: var(--color-text-error-primary);
}
/* /Components/Scenario/Sharelink/NewShareLinkButton.razor.rz.scp.css */
/* /Components/Scenario/Sharelink/ShareLinksSection.razor.rz.scp.css */
.sharing-section[b-5hn0xnko3f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.owner-text[b-5hn0xnko3f] {
    margin: 0;
}

.sharing-section[b-5hn0xnko3f]  .section-label {
    margin: 0;
    font-size: 14px;
}

.new-sharelink-section[b-5hn0xnko3f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sharelink-buttons[b-5hn0xnko3f] {
    display: flex;
    gap: 8px;
    align-items: start;
}

.sharelink-buttons[b-5hn0xnko3f]  .as-button {
    margin: 0;
}
/* /Components/Shared/ASLoadingLogo.razor.rz.scp.css */

.autostore-logo-animation[b-fdt0257w3d] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 130px;
}

    .autostore-logo-animation div[b-fdt0257w3d] {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #000;
        animation: lds-grid-b-fdt0257w3d 1900ms linear infinite;
    }

        .autostore-logo-animation div:nth-child(1)[b-fdt0257w3d] {
            top: 26px;
            left: 8px;
            animation-delay: 0ms;
        }

        .autostore-logo-animation div:nth-child(2)[b-fdt0257w3d] {
            top: 0;
            left: 32px;
            animation-delay: 0ms;
        }

        .autostore-logo-animation div:nth-child(3)[b-fdt0257w3d] {
            top: 26px;
            left: 56px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(4)[b-fdt0257w3d] {
            top: 78px;
            left: 8px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(5)[b-fdt0257w3d] {
            top: 52px;
            left: 32px;
            animation-delay: 400ms;
        }

        .autostore-logo-animation div:nth-child(6)[b-fdt0257w3d] {
            top: 78px;
            left: 56px;
            animation-delay: 800ms;
        }


@keyframes lds-grid-b-fdt0257w3d {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}
/* /Components/Shared/ASTextarea.razor.rz.scp.css */
.read-only-text[b-ojdt3kodb2] {
    padding: 10px 0;
    font-family: 'CircularXXWeb', sans-serif;
    font-size: 14px;
}
/* /Components/Shared/Bone.razor.rz.scp.css */
.bone[b-647medq2pq] {
    --delay: 0s;
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 40px;
    background: #ddd;
    display: inline-block;
    border-radius: 5px;
    animation: blink-b-647medq2pq 2s ease-in-out var(--delay) infinite;
}

@keyframes blink-b-647medq2pq {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}
/* /Components/Shared/BrowserVersionControl.razor.rz.scp.css */
#browser-version-control[b-zfqkm2qa7y]  .info-banner {
    padding: 0 0 0 24px;
    width: unset;
    margin: 0;
}

.hidden[b-zfqkm2qa7y] {
    display: none;
}
/* /Components/Shared/DropdownMenu.razor.rz.scp.css */
.as-dropdown-menu[b-ujx6xh2ko1] {
    position: relative;
}

.as-dropdown-menu-content[b-ujx6xh2ko1] {
    z-index: 1001;
    color: black;
    background-color: white;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    position: absolute;
    visibility: hidden;
    
    &.toLeft {
        top: 100%;
        right: 0;
    }

    &.toRight[b-ujx6xh2ko1] {
        top: 100%;
        left: 0;
    }
}

.as-dropdown-menu-close-mask[b-ujx6xh2ko1] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.as-visible[b-ujx6xh2ko1] {
    display: block;
}

.as-hidden[b-ujx6xh2ko1] {
    display: none;
}

.as-menu-option[b-ujx6xh2ko1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: 32px;
    padding: 0 10px;
    color: var(--color-background-inverse-primary);
    background-color: var(--color-text-inverse-primary);
    border: 0;
    border-radius: 6px;
    font-weight: 500;
    line-height: 100%;
    cursor: pointer;
    outline: 0;
}

    .as-menu-option.is-clicked[b-ujx6xh2ko1] {
        background-color: rgba(239, 243, 254, 1);
        color: var(--color-background-accent-primary);
        outline-color: var(--color-text-inverse-primary);
    }

    .as-menu-option.is-active[b-ujx6xh2ko1] {
        color: var(--color-background-accent-primary);
    }

    .as-menu-option.as-clear[b-ujx6xh2ko1] {
        background-color: transparent;
        opacity: 50%;
    }

        .as-menu-option.as-clear i.as-icon-filter[b-ujx6xh2ko1] {
            visibility: hidden;
        }

        .as-menu-option.as-clear:hover[b-ujx6xh2ko1] {
            opacity: 100%;
            outline-color: var(--color-text-inverse-primary);
        }

            .as-menu-option.as-clear:hover i.as-icon-filter[b-ujx6xh2ko1] {
                visibility: visible;
            }

.as-icon-filter[b-ujx6xh2ko1] {
    width: 15px;
    transform: scale(0.7);
}
/* /Components/Shared/DropdownMenuItem.razor.rz.scp.css */
.as-dropdown-menu-item[b-pjdzqvsooo] {
    padding: 6px 12px;
    margin-bottom: 6px;
}

    .as-dropdown-menu-item:last-child[b-pjdzqvsooo] {
        margin-bottom: 0;
    }

.disabled[b-pjdzqvsooo] {
    color: rgba(0, 0, 0, 0.5);
    cursor: default;
}

    .disabled:hover[b-pjdzqvsooo] {
        background-color: transparent;
    }
/* /Components/Shared/EditableLabel.razor.rz.scp.css */
input.like-span[b-m1f0ocvcj3] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    width: 100%;
    text-overflow: ellipsis;
}

input.like-span:focus[b-m1f0ocvcj3] {
    outline: none;
}

span[b-m1f0ocvcj3] {
    font-family: CircularXXWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}

/* /Components/Shared/Modal.razor.rz.scp.css */
.modal[b-rbl4xvct8i] {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overscroll-behavior: none;
}

.modal.show[b-rbl4xvct8i] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-border[b-rbl4xvct8i] {
    border: none;
    box-shadow: none;
}

.modal-header[b-rbl4xvct8i] {
    font-weight: 500;
    font-size: 1.25rem;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal-header.no-border[b-rbl4xvct8i] {
    border-bottom: none;
}

.modal-content[b-rbl4xvct8i] {
    max-height: 70vh;
}

.modal-content.no-border[b-rbl4xvct8i] {
    border: none;
    box-shadow: none;
}

.modal-body[b-rbl4xvct8i] {
    padding: 0 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    ul, ol, p {
        margin-bottom: 0;
    }
}

.modal-dialog[b-rbl4xvct8i] {
    max-width: 650px;
    width: min(650px, calc(100% - 2rem));
    margin: 0;
}

.modal-footer[b-rbl4xvct8i] {
    padding: 20px;
}
/* /Components/Shared/Popup.razor.rz.scp.css */
.overlay[b-uxfjtdqw4n] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
}

.popup[b-uxfjtdqw4n] {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
}

.button-container[b-uxfjtdqw4n] {
    margin: 20px;
    display: flex;
    justify-content: space-evenly;
}

.button-container button[b-uxfjtdqw4n] {
    min-width: 100px;
}
/* /Components/Shared/PopupModal.razor.rz.scp.css */
.popup-modal[b-vh1ephajku] {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    overscroll-behavior: none;
}

.popup-modal.show[b-vh1ephajku] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-modal-dialog[b-vh1ephajku] {
    position: relative;
    width: 100%;
    max-width: 500px;
    pointer-events: auto;
}

.popup-modal-content[b-vh1ephajku] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
/* /Pages/Home.razor.rz.scp.css */
.welcome-text-wrapper[b-6fjazob0yo] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.welcome-text[b-6fjazob0yo] {
    margin-top: 4px;
}

.enjoy-simulating[b-6fjazob0yo] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.log-in-button[b-6fjazob0yo] {
    width: 144px;
}
/* /Pages/NewScenario.razor.rz.scp.css */
.inner-card-body[b-dd3crvgsnv] {
    background: #F8F8F8;
    border-radius: 15px;
}

.create-project-row[b-dd3crvgsnv] {
    margin-top: 20px;
    padding-top: 20px;
}

.upload-title[b-dd3crvgsnv] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.project-title-input[b-dd3crvgsnv] {
    margin-left: 30px;
}

.selected-file-name[b-dd3crvgsnv] {
    margin-top: 10px;
    margin-bottom: 40px;
}

    .selected-file-name .maximum-file-size-text[b-dd3crvgsnv] {
        margin-left: 20px;
        color: var(--color-text-default-secondary);
    }

    .selected-file-name .no-file-selected[b-dd3crvgsnv] {
        color: var(--color-text-default-secondary);
    }

[b-dd3crvgsnv] .selected-file-name .as-error {
    display: inline-block;
}

.input-container[b-dd3crvgsnv] {
    height: 400px;
}

[b-dd3crvgsnv] .input-file {
    height: 100%;
    width: 100%;
    padding-top: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.drag-and-drop-upload-icon[b-dd3crvgsnv] {
    font-size: 45px;
    color: var(--color-icon-default-secondary);
}

.drag-and-drop-content-container[b-dd3crvgsnv] {
    height: 100%;
    align-items: center;
    justify-items: center;
    border: dashed 3px var(--color-text-default-disabled);
    border-radius: 15px;
}

    .drag-and-drop-content-container.dragover[b-dd3crvgsnv] {
        transform: scale(0.95);
        background-color: white;
    }

    .drag-and-drop-content-container .as-button[b-dd3crvgsnv] {
        margin-bottom: 0;
    }


    .drag-and-drop-content-container .drag-and-drop-upload-text[b-dd3crvgsnv] {
        font-size: 16px;
        font-weight: 500;
    }
/* /Pages/NewScenarioManual.razor.rz.scp.css */
.inner-card-body[b-fx6qm7czox] {
    background: #F8F8F8;
    border-radius: 15px;
}

.create-project-row[b-fx6qm7czox] {
    margin-top: 20px;
    padding-top: 20px;
}

.upload-title[b-fx6qm7czox] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.project-title-input[b-fx6qm7czox] {
    margin-left: 30px;
}

.selected-file-name[b-fx6qm7czox] {
    margin-top: 10px;
    margin-bottom: 40px;
}

    .selected-file-name .maximum-file-size-text[b-fx6qm7czox] {
        margin-left: 20px;
        color: var(--color-text-default-secondary);
    }

    .selected-file-name .no-file-selected[b-fx6qm7czox] {
        color: var(--color-text-default-secondary);
    }

[b-fx6qm7czox] .selected-file-name .as-error {
    display: inline-block;
}

.input-container[b-fx6qm7czox] {
    height: 400px;
}

[b-fx6qm7czox] .input-file {
    height: 100%;
    width: 100%;
    padding-top: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.drag-and-drop-upload-icon[b-fx6qm7czox] {
    font-size: 45px;
    color: var(--color-icon-default-secondary);
}

.drag-and-drop-content-container[b-fx6qm7czox] {
    height: 100%;
    align-items: center;
    justify-items: center;
    border: dashed 3px var(--color-text-default-disabled);
    border-radius: 15px;
}

    .drag-and-drop-content-container.dragover[b-fx6qm7czox] {
        transform: scale(0.95);
        background-color: white;
    }

    .drag-and-drop-content-container .as-button[b-fx6qm7czox] {
        margin-bottom: 0;
    }


    .drag-and-drop-content-container .drag-and-drop-upload-text[b-fx6qm7czox] {
        font-size: 16px;
        font-weight: 500;
    }
/* /Pages/SimulationScenarios.razor.rz.scp.css */
.projects[b-orf0xc9b3p] {
    padding: 16px 32px;
}

.description-box[b-orf0xc9b3p] {
    width: 800px
}