@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/ChefPlanner.UI/Components/AdminLayout/AdminTenantsControlModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-yhafudlwsv] {
    width: auto;
    min-width: 700px;
}

.zahlwerk-modal-body[b-yhafudlwsv] {
    height: auto;
}
/* _content/ChefPlanner.UI/Components/AlternativePlanning/Modals/AlternativePlanningModal.razor.rz.scp.css */
.modal-header-revenue[b-f8vnb25mtm] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.modal-content[b-f8vnb25mtm] {
    /*border: none;*/
    border-radius: 16px;
    width: 700px;
}

.modal-revenue[b-f8vnb25mtm] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    max-width: 750px;
    z-index:100;
}

.modal-body-revenue[b-f8vnb25mtm] {
    padding: 50px;
}

.modal-footer-revenue[b-f8vnb25mtm] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}

.button-zahlwerk.primary.revenue[b-f8vnb25mtm] {
    margin-left: 10px;
}
.radio-button-revenue[b-f8vnb25mtm] {
    background-color: red;
    border-color: red;
    margin-right:50px;
}

.custom-radio[b-f8vnb25mtm] {
    margin-right: 8px;
    border: 5px solid var(--Zahlwerk-primary);
}

    .custom-radio + label[b-f8vnb25mtm] {
        color: var(--Zahlwerk-black);
        margin-right:50px;
        margin-top:20px;
    }

.modal-revenue input[type="radio"][b-f8vnb25mtm] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--Zahlwerk-primary);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    outline: none;
    transition: all 0.3s ease;
}

    .modal-revenue input[type="radio"]:checked[b-f8vnb25mtm] {
        background-color: var(--Zahlwerk-primary) !important;
        border-color: var(--Zahlwerk-primary) !important
    }

.modal-overlay[b-f8vnb25mtm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index:99;
}
/* _content/ChefPlanner.UI/Components/AlternativePlanning/Modals/BackToRevenuePlanningModal.razor.rz.scp.css */
.modal-header-revenue-back[b-4qn2y8urdm] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.modal-content[b-4qn2y8urdm] {
    /*border: none;*/
    border-radius: 16px;
    width: 700px;
}

.modal-revenue-back[b-4qn2y8urdm] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    max-width: 750px;
    z-index: 100;
}

.modal-body-revenue-back[b-4qn2y8urdm] {
    padding: 50px;
}

.modal-footer-revenue-back[b-4qn2y8urdm] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}

.button-zahlwerk.primary.revenue[b-4qn2y8urdm] {
    margin-left: 10px;
}

.modal-overlay[b-4qn2y8urdm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}
/* _content/ChefPlanner.UI/Components/Analyses/AnalysesDevelopmentTable.razor.rz.scp.css */
.details-table[b-7amfq8ive4] {
    margin: 0;
}

.details-wrapper[b-7amfq8ive4] {
    max-height: 60vh;
    overflow-y: auto; 
}

.details-table thead th[b-7amfq8ive4] {
    position: sticky;
    top: 0;
    background: var(--Zahlwerk-soft-light-primary);
    z-index: 2; 
}

.details-table[b-7amfq8ive4] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.header-only[b-7amfq8ive4] {
    height: 88px;
}

.body-wrapper[b-7amfq8ive4] {
    max-height: 60vh;
    overflow-y: auto; 
}
    .body-wrapper[b-7amfq8ive4]::-webkit-scrollbar {
        display: none;
    }

.header-only[b-7amfq8ive4],
.body-wrapper[b-7amfq8ive4] {
    margin: 0;
    padding: 0;
}

.body-wrapper[b-7amfq8ive4] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.header-only thead th[b-7amfq8ive4] {
    position: sticky;
    top: 0; 
    background: var(--Zahlwerk-soft-light-primary);
    z-index: 2;
}



/* _content/ChefPlanner.UI/Components/Analyses/AnalysesDeviationsTable.razor.rz.scp.css */
.details-table[b-ew3qlsiqs2] {
    margin: 0;
}

.details-wrapper[b-ew3qlsiqs2] {
    max-height: 60vh;
    overflow-y: auto;
}

.details-table thead th[b-ew3qlsiqs2] {
    position: sticky;
    top: 0;
    background: var(--Zahlwerk-soft-light-primary);
    z-index: 2;
}

.details-table[b-ew3qlsiqs2] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.header-only[b-ew3qlsiqs2] {
    height: 88px;
}

.body-wrapper[b-ew3qlsiqs2] {
    max-height: 60vh;
    overflow-y: auto;
}

    .body-wrapper[b-ew3qlsiqs2]::-webkit-scrollbar {
        display: none;
    }

.header-only[b-ew3qlsiqs2],
.body-wrapper[b-ew3qlsiqs2] {
    margin: 0;
    padding: 0;
}

.body-wrapper[b-ew3qlsiqs2] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.header-only thead th[b-ew3qlsiqs2] {
    position: sticky;
    top: 0;
    background: var(--Zahlwerk-soft-light-primary);
    z-index: 2;
}

.deviation-cell-container[b-ew3qlsiqs2] {
    position: relative;
    padding-left:40px;
    padding-right:40px;
}

    .deviation-cell-container[b-ew3qlsiqs2]::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 2px;
        background-color: var(--Zahlwerk-black);
        transform: translateX(-50%);
        z-index: 0;
    }
/* _content/ChefPlanner.UI/Components/Analyses/AnalysesTableHeaderComponent.razor.rz.scp.css */
.selected-year[b-b4ii810l06]{
    border: solid 1px var(--Zahlwerk-primary);
    border-radius:4px;
    padding:8px 10px;
}
/* _content/ChefPlanner.UI/Components/Analyses/DeviationCell.razor.rz.scp.css */
.deviation-cell[b-rtlj9brnii] {
    position: relative;
    width: 100%;
    height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deviation-bar[b-rtlj9brnii] {
    display: block; /* so top:0;bottom:0 work */
}

.deviation-label[b-rtlj9brnii] {
    white-space: nowrap;
    font-size: 0.85rem;
}
/* _content/ChefPlanner.UI/Components/Analyses/TripleButtonComponent.razor.rz.scp.css */
/*.btn-group {
    display: flex;
    gap: 0;
    width: 120px;
}*/

.btn-check[b-yzdo0gnrmi] {
    display: none;
}

.custom-btn[b-yzdo0gnrmi] {
    flex: 1;
    padding: 8px 22px;
    border: 2px solid var(--Zahlwerk-primary);
    text-align: center;
    background-color: var(--Zahlwerk-white);
    color: var(--Zahlwerk-primary);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.btn-check:checked + .custom-btn[b-yzdo0gnrmi] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}

.monthly-btn[b-yzdo0gnrmi] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.cumulative-btn[b-yzdo0gnrmi] {
    border-radius: 0;
}

.forecast-btn[b-yzdo0gnrmi] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* _content/ChefPlanner.UI/Components/Analyses/TwoRadioButtonsAnalyses.razor.rz.scp.css */
.form-check-input[b-7yzujusbke] {
    position: relative;
    width: 20px;
    height: 20px;
    appearance: none;
    border: 1px solid var(--Zahlwerk-primary);
    border-radius: 50%;
    background-color: var(--white);
    cursor: pointer;
}

    .form-check-input:checked[b-7yzujusbke] {
        border-color: var(--Zahlwerk-primary);
    }

        .form-check-input:checked[b-7yzujusbke]::before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: var(--Zahlwerk-primary);
        }

    .form-check-input[b-7yzujusbke]::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: var(--white);
    }

.form-check-label[b-7yzujusbke] {
    font-family: 'Arial', sans-serif;
    color: var(--Zahlwerk-black);
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 2px;
}

.form-check.form-check-inline[b-7yzujusbke] {
    margin-left: 25px;
    /*    margin-top:10px;
*/
}
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/AdjustMonthlyValuesForLiquidityModalComponent.razor.rz.scp.css */
.planning-container[b-2d8bto5zma] {
    height: 100vh;
    width: 1600px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-2d8bto5zma] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 1;
}

    .modal-header h3[b-2d8bto5zma] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-2d8bto5zma] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .modal-header .close-button i[b-2d8bto5zma] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-2d8bto5zma]:before {
                font-weight: 900 !important;
            }

.modal-body[b-2d8bto5zma] {
    background-color: var(--Zahlwerk-white);
    border-radius: 0 0 16px 16px;
    display: flex;
    padding: 60px;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

.modal-footer[b-2d8bto5zma] {
    padding: 30px 60px;
}

.insights-panel[b-2d8bto5zma] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    font-family: Arial, sans-serif;
    color: var(--Zahlwerk-black);
    font-weight: 400;
    width: 340px;
}

.insights-header[b-2d8bto5zma] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 1.6;
}

    .insights-header .bi-info-circle-fill[b-2d8bto5zma] {
        color: var(--Zahlwerk-primary);
        font-size: 20px;
    }

.insights-title[b-2d8bto5zma] {
    align-self: stretch;
    margin: auto 0;
}

.insights-content[b-2d8bto5zma] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
}

.bold-text[b-2d8bto5zma] {
    font-weight: 700;
}

.main-content[b-2d8bto5zma] {
    margin: 0;
    flex: 1;
}

.step-heading[b-2d8bto5zma] {
    color: var(--Zahlwerk-black);
    font-size: 20px;
    line-height: 1.6;
}

.planning-options[b-2d8bto5zma] {
    display: flex;
    margin-top: 20px;
    min-height: 40px;
    width: 100%;
    align-items: center;
    gap: 27px;
    font-size: 16px;
    color: var(--Zahlwerk-primary);
    justify-content: start;
    flex-wrap: wrap;
}

.planning-options-button[b-2d8bto5zma] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.planning-options .bi-info-circle-fill[b-2d8bto5zma] {
    color: var(--Zahlwerk-light-gray);
    font-size: 20px;
}

.planning-options button[b-2d8bto5zma] {
    margin: 0;
}

.option-button[b-2d8bto5zma] {
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 12px;
    width: 150px;
    background-color: var(--Zahlwerk-white);
}

.step-container[b-2d8bto5zma] {
    margin-top: 40px;
}

.input-group[b-2d8bto5zma] {
    display: flex;
    margin-top: 20px;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.form-group[b-2d8bto5zma] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

    .form-group button[b-2d8bto5zma] {
        margin-top: 0;
    }

.form-label[b-2d8bto5zma] {
    margin: 0;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.number-input[b-2d8bto5zma] {
    width: 120px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
    text-align: right;
}

.select-field[b-2d8bto5zma] {
    width: 240px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
}

.percent-input[b-2d8bto5zma] {
    position: relative;
    display: flex;
    align-items: center;
}

    .percent-input input[b-2d8bto5zma] {
        padding-right: 40px;
    }

.percent-symbol[b-2d8bto5zma] {
    position: absolute;
    right: 30px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.manual-entry-info[b-2d8bto5zma] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 12px;
    background-color: var(--Zahlwerk-soft-light-primary);
    border-radius: 4px;
    font-size: 14px;
}

    .manual-entry-info i[b-2d8bto5zma] {
        color: var(--Zahlwerk-primary);
        font-size: 18px;
    }

.tip-container[b-2d8bto5zma] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: var(--Zahlwerk-black);
    margin-top: 20px;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
}

.data-table[b-2d8bto5zma] {
    margin-top: 40px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

    .data-table[b-2d8bto5zma]::-webkit-scrollbar {
        height: 6px;
    }

    .data-table[b-2d8bto5zma]::-webkit-scrollbar-track {
        background: transparent;
    }

    .data-table[b-2d8bto5zma]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-primary);
        border-radius: 4px;
    }

    .data-table table[b-2d8bto5zma] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table th[b-2d8bto5zma],
    .data-table td[b-2d8bto5zma] {
        padding: 8px 12px;
        text-align: right;
        font-size: 14px;
        border-bottom: 1px solid var(--Zahlwerk-light-primary);
    }

        .data-table th:first-child[b-2d8bto5zma],
        .data-table td:first-child[b-2d8bto5zma] {
            text-align: left;
            padding-left: 16px;
            font-weight: bold;
        }

        .data-table th:last-child[b-2d8bto5zma],
        .data-table td:last-child[b-2d8bto5zma] {
            border-left: 1px solid var(--Zahlwerk-light-primary);
        }

    .data-table thead tr[b-2d8bto5zma] {
        background-color: var(--Zahlwerk-soft-light-primary);
        border-top: none;
    }

        .data-table thead tr th[b-2d8bto5zma] {
            border-top: none;
            text-align: center;
        }

            .data-table thead tr th:first-of-type[b-2d8bto5zma],
            .data-table tbody tr td:first-of-type[b-2d8bto5zma] {
                border-left: none;
                position: sticky;
                left: 0;
                background-color: #fff;
                z-index: 1;
                overflow: visible;
            }

                .data-table thead tr th:first-of-type[b-2d8bto5zma]:after,
                .data-table tbody tr td:first-of-type[b-2d8bto5zma]:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    width: calc(100% + 2px);
                    height: calc(100% + 2px);
                    background-color: #fff;
                    border-right: 1px solid var(--Zahlwerk-light-primary);
                    z-index: -1;
                }

                .data-table thead tr th:first-of-type[b-2d8bto5zma]:after {
                    background-color: var(--Zahlwerk-soft-light-primary);
                }

.first-tr td[b-2d8bto5zma]:after {
    box-shadow: inset 0px 1px 0 0 var(--Zahlwerk-light-primary), inset 0px -1px 0 0 var(--Zahlwerk-light-primary);
}

.data-table thead tr th:last-of-type[b-2d8bto5zma],
.data-table tbody tr td:last-of-type[b-2d8bto5zma] {
    border-right: none;
}

.data-table tbody tr:last-child td[b-2d8bto5zma] {
    border-bottom: none;
}

.data-table input[b-2d8bto5zma] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    padding: 4px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

    .data-table input:focus[b-2d8bto5zma] {
        outline: none;
        background-color: var(--Zahlwerk-soft-light-primary);
    }

.data-table .positive[b-2d8bto5zma] {
    color: var(--Zahlwerk-success);
}

.data-table .negative[b-2d8bto5zma] {
    color: var(--Zahlwerk-error);
}

.data-table tr:last-child td:not(:first-child):not(:last-child)[b-2d8bto5zma] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.data-table tr:last-child td.positive:not(:first-child):not(:last-child)[b-2d8bto5zma]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-success);
}

.data-table tr:last-child td.negative:not(:first-child):not(:last-child)[b-2d8bto5zma]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-error);
}

.chart-section[b-2d8bto5zma] {
    margin-top: 20px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
}

/* .notes-field {
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    min-height: 80px;
    margin-top: 40px;
} */

.action-buttons[b-2d8bto5zma] {
    margin: 0;
    display: flex;
    gap: 30px;
    justify-content: flex-end;
}

    .action-buttons button[b-2d8bto5zma] {
        margin: 0;
    }

.visually-hidden[b-2d8bto5zma] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.positive[b-2d8bto5zma] {
    color: var(--Zahlwerk-success);
}

.negative[b-2d8bto5zma] {
    color: var(--Zahlwerk-error);
}

.chart-container[b-2d8bto5zma] {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
}

    .chart-container canvas[b-2d8bto5zma] {
        padding-left: 25px;
        padding-right: 25px;
    }

.form-control-sm[b-2d8bto5zma] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-height: 30px;
    width: 80px;
    text-align: right;
}

    .form-control-sm:focus[b-2d8bto5zma] {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.manual-entry-cell[b-2d8bto5zma] {
    padding: 0 !important;
}

.target-value-inputs[b-2d8bto5zma] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.input-row[b-2d8bto5zma] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .input-row label[b-2d8bto5zma] {
        font-size: 0.875rem;
        color: #666;
    }

    .input-row input[b-2d8bto5zma] {
        width: 120px;
        height: 38px;
        padding: 0.375rem 0.75rem;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        text-align: right;
    }

        .input-row input:focus[b-2d8bto5zma] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.target-value-section[b-2d8bto5zma] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.target-input[b-2d8bto5zma] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .target-input label[b-2d8bto5zma] {
        font-size: 14px;
        color: #333;
    }

    .target-input input[b-2d8bto5zma] {
        width: 150px;
        height: 38px;
        padding: 8px 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        text-align: right;
        font-size: 14px;
    }

        .target-input input:focus[b-2d8bto5zma] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.button-zahlwerk.primary[b-2d8bto5zma] {
    height: 38px;
    padding: 0 1.5rem;
    font-size: 14px;
    align-self: flex-end;
}

.notes-section[b-2d8bto5zma] {
    margin-top: 40px;
}

    .notes-section textarea[b-2d8bto5zma] {
        width: 100%;
        min-height: 56px;
        height: 56px;
        padding: 12px 12px;
        border: 1px solid var(--Zahlwerk-light-gray);
        border-radius: 5px;
        background-color: transparent;
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    .notes-section label[b-2d8bto5zma] {
        position: absolute;
        top: -10px;
        left: 10px;
        font-size: 12px;
        font-weight: 400;
        color: var(--Zahlwerk-primary);
        background-color: var(--white);
        padding: 0 5px;
        border: none;
        pointer-events: none;
    }

.row-separator[b-2d8bto5zma] {
    border: none;
    height: 30px;
}

    .row-separator + tr td:first-of-type[b-2d8bto5zma] {
        border: none;
    }

.diagram-tr td[colspan='12'][b-2d8bto5zma] {
    border-right: none;
}

.diagram-tr td:last-of-type[b-2d8bto5zma] {
    border-left: none;
}

.data-table tr.second-tr td[b-2d8bto5zma] {
    background: var(--Zahlwerk-yellow-edit);
}

    .data-table tr.second-tr td:focus-within[b-2d8bto5zma] {
        background: var(--Zahlwerk-white);
        box-shadow: inset 0 0 0 2px var(--Zahlwerk-primary);
    }

.data-table td .apn-input[b-2d8bto5zma],
.data-table td[b-2d8bto5zma]  .apn-input {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    font: inherit;
    box-sizing: border-box;
}

    .data-table td .apn-input:focus[b-2d8bto5zma],
    .data-table td[b-2d8bto5zma]  .apn-input:focus {
        outline: none;
        box-shadow: none;
    }

.data-table tr.first-tr td:last-of-type[b-2d8bto5zma],
.data-table tr.second-tr td:last-of-type[b-2d8bto5zma] {
    background: inherit !important;
    padding: 8px;
}

.data-table .row-separator[b-2d8bto5zma] {
    height: 20px;
    background: transparent;
    border-bottom: 1px solid var(--Zahlwerk-light-primary);
    padding: 0;
}

.planning-container .data-table tr.second-tr td[b-2d8bto5zma] {
    padding-top: 2px;
    padding-bottom: 2px;
}

    .planning-container .data-table tr.second-tr td[b-2d8bto5zma]  .formatted-number-input {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .planning-container .data-table tr.second-tr td[b-2d8bto5zma]  .apn-input,
    .planning-container .data-table tr.second-tr td .apn-input[b-2d8bto5zma] {
        padding: 0 4px;
        height: 32px;
        min-height: 0;
        border: none;
        background: transparent;
        box-sizing: border-box;
    }

    .planning-container .data-table tr.second-tr td input.apn-input[b-2d8bto5zma] {
        padding: 0 4px;
    }
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/AdjustMonthlyValuesModalComponent.razor.rz.scp.css */
.planning-container[b-3hior2vcfs] {
    height: 100vh;
    width: 1600px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-3hior2vcfs] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 1;
}

    .modal-header h3[b-3hior2vcfs] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-3hior2vcfs] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .modal-header .close-button i[b-3hior2vcfs] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-3hior2vcfs]:before {
                font-weight: 900 !important;
            }

.modal-body[b-3hior2vcfs] {
    background-color: var(--Zahlwerk-white);
    border-radius: 0 0 16px 16px;
    display: flex;
    padding: 60px;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

.modal-footer[b-3hior2vcfs] {
    padding: 30px 60px;
}

.insights-panel[b-3hior2vcfs] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    font-family: Arial, sans-serif;
    color: var(--Zahlwerk-black);
    font-weight: 400;
    width: 340px;
}

.insights-header[b-3hior2vcfs] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 1.6;
}

    .insights-header .bi-info-circle-fill[b-3hior2vcfs] {
        color: var(--Zahlwerk-primary);
        font-size: 20px;
    }

.insights-title[b-3hior2vcfs] {
    align-self: stretch;
    margin: auto 0;
}

.insights-content[b-3hior2vcfs] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
}

.bold-text[b-3hior2vcfs] {
    font-weight: 700;
}

.main-content[b-3hior2vcfs] {
    margin: 0;
    flex: 1;
    overflow-x: hidden;
}

.step-heading[b-3hior2vcfs] {
    color: var(--Zahlwerk-black);
    font-size: 20px;
    line-height: 1.6;
}

.planning-options[b-3hior2vcfs] {
    display: flex;
    margin-top: 20px;
    min-height: 40px;
    width: 100%;
    align-items: center;
    gap: 27px;
    font-size: 16px;
    color: var(--Zahlwerk-primary);
    justify-content: start;
    flex-wrap: wrap;
}

.planning-options-button[b-3hior2vcfs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.planning-options .bi-info-circle-fill[b-3hior2vcfs] {
    color: var(--Zahlwerk-light-gray);
    font-size: 20px;
}

.planning-options button[b-3hior2vcfs] {
    margin: 0;
}

.option-button[b-3hior2vcfs] {
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 12px;
    width: 150px;
    background-color: var(--Zahlwerk-white);
}

.step-container[b-3hior2vcfs] {
    margin-top: 40px;
}

.input-group[b-3hior2vcfs] {
    display: flex;
    margin-top: 20px;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.form-group[b-3hior2vcfs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

    .form-group button[b-3hior2vcfs] {
        margin-top: 0;
    }

    .form-group.relative-to[b-3hior2vcfs] {
        display: flex;
        flex-direction: row;
    }

.left-column.relative-to[b-3hior2vcfs] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.left-row[b-3hior2vcfs] {
    display:flex;
    align-items:center;
    gap:12px;
}

.right-column.relative-to[b-3hior2vcfs] {
    display: flex;
    flex-direction: column;
    align-self: start;
    gap: 6px;
}

.form-label[b-3hior2vcfs] {
    margin: 0;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.number-input[b-3hior2vcfs] {
    width: 120px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
    text-align: right;
}

.select-field[b-3hior2vcfs] {
    width: 240px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
}

.percent-input[b-3hior2vcfs] {
    position: relative;
    display: flex;
    align-items: center;
}

    .percent-input input[b-3hior2vcfs] {
        padding-right: 40px;
    }

.percent-symbol[b-3hior2vcfs] {
    position: absolute;
    right: 30px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.manual-entry-info[b-3hior2vcfs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 12px;
    background-color: var(--Zahlwerk-soft-light-primary);
    border-radius: 4px;
    font-size: 14px;
}

    .manual-entry-info i[b-3hior2vcfs] {
        color: var(--Zahlwerk-primary);
        font-size: 18px;
    }

.tip-container[b-3hior2vcfs] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: var(--Zahlwerk-black);
    margin-top: 20px;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
}

.data-table[b-3hior2vcfs] {
    margin-top: 40px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

    .data-table[b-3hior2vcfs]::-webkit-scrollbar {
        height: 6px;
    }

    .data-table[b-3hior2vcfs]::-webkit-scrollbar-track {
        background: transparent;
    }

    .data-table[b-3hior2vcfs]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-primary);
        border-radius: 4px;
    }

    .data-table table[b-3hior2vcfs] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table th[b-3hior2vcfs],
    .data-table td[b-3hior2vcfs] {
        padding: 8px;
        text-align: right;
        font-size: 14px;
        border-bottom: 1px solid var(--Zahlwerk-light-primary);
    }

        .data-table th:first-child[b-3hior2vcfs],
        .data-table td:first-child[b-3hior2vcfs] {
            text-align: left;
            padding-left: 16px;
            font-weight: bold;
        }

        .data-table th:last-child[b-3hior2vcfs],
        .data-table td:last-child[b-3hior2vcfs] {
            border-left: 1px solid var(--Zahlwerk-light-primary);
        }

    .data-table thead tr[b-3hior2vcfs] {
        background-color: var(--Zahlwerk-soft-light-primary);
        border-top: none;
    }

        .data-table thead tr th[b-3hior2vcfs] {
            border-top: none;
            text-align: center;
        }

            .data-table thead tr th:first-of-type[b-3hior2vcfs],
            .data-table tbody tr td:first-of-type[b-3hior2vcfs] {
                border-left: none;
                position: sticky;
                left: 0;
                background-color: #fff;
                z-index: 1;
                overflow: visible;
            }

                .data-table thead tr th:first-of-type[b-3hior2vcfs]:after,
                .data-table tbody tr td:first-of-type[b-3hior2vcfs]:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    width: calc(100% + 2px);
                    height: calc(100% + 2px);
                    background-color: var(--Zahlwerk-white);
                    border-right: 1px solid var(--Zahlwerk-light-primary);
                    z-index: -1;
                }

                .data-table thead tr th:first-of-type[b-3hior2vcfs]:after {
                    background-color: var(--Zahlwerk-soft-light-primary);
                }

.first-tr td[b-3hior2vcfs]:after {
    box-shadow: inset 0px 1px 0 0 var(--Zahlwerk-light-primary), inset 0px -1px 0 0 var(--Zahlwerk-light-primary);
}

.data-table thead tr th:last-of-type[b-3hior2vcfs],
.data-table tbody tr td:last-of-type[b-3hior2vcfs] {
    border-right: none;
}

.data-table tbody tr:last-child td[b-3hior2vcfs] {
    border-bottom: none;
}

.data-table input[b-3hior2vcfs] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    padding: 4px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

    .data-table input:focus[b-3hior2vcfs] {
        outline: none;
        background-color: var(--Zahlwerk-soft-light-primary);
    }

.data-table .positive[b-3hior2vcfs] {
    color: var(--Zahlwerk-success);
}

.data-table .negative[b-3hior2vcfs] {
    color: var(--Zahlwerk-error);
}

.data-table tr:last-child td:not(:first-child):not(:last-child)[b-3hior2vcfs] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.data-table tr:last-child td.positive:not(:first-child):not(:last-child)[b-3hior2vcfs]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-success);
}

.data-table tr:last-child td.negative:not(:first-child):not(:last-child)[b-3hior2vcfs]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-error);
}

.chart-section[b-3hior2vcfs] {
    margin-top: 20px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
}

/* .notes-field {
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    min-height: 80px;
    margin-top: 40px;
} */

.action-buttons[b-3hior2vcfs] {
    margin: 0;
    display: flex;
    gap: 30px;
    justify-content: flex-end;
}

    .action-buttons button[b-3hior2vcfs] {
        margin: 0;
    }

.visually-hidden[b-3hior2vcfs] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.positive[b-3hior2vcfs] {
    color: var(--Zahlwerk-success);
}

.negative[b-3hior2vcfs] {
    color: var(--Zahlwerk-error);
}

.chart-container[b-3hior2vcfs] {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
}

    .chart-container canvas[b-3hior2vcfs] {
        padding-left: 25px;
        padding-right: 25px;
    }

.form-control-sm[b-3hior2vcfs] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-height: 30px;
    width: 80px;
    text-align: right;
}

    .form-control-sm:focus[b-3hior2vcfs] {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.manual-entry-cell[b-3hior2vcfs] {
    padding: 0 !important;
}

.target-value-inputs[b-3hior2vcfs] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.input-row[b-3hior2vcfs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .input-row label[b-3hior2vcfs] {
        font-size: 0.875rem;
        color: #666;
    }

    .input-row input[b-3hior2vcfs] {
        width: 120px;
        height: 38px;
        padding: 0.375rem 0.75rem;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        text-align: right;
    }

        .input-row input:focus[b-3hior2vcfs] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.target-value-section[b-3hior2vcfs] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.target-input[b-3hior2vcfs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .target-input label[b-3hior2vcfs] {
        font-size: 14px;
        color: #333;
    }

    .target-input input[b-3hior2vcfs] {
        width: 150px;
        height: 38px;
        padding: 8px 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        text-align: right;
        font-size: 14px;
    }

        .target-input input:focus[b-3hior2vcfs] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.button-zahlwerk.primary[b-3hior2vcfs] {
    height: 38px;
    padding: 0 1.5rem;
    font-size: 14px;
    align-self: flex-end;
}

.notes-section[b-3hior2vcfs] {
    margin-top: 40px;
}

    .notes-section textarea[b-3hior2vcfs] {
        width: 100%;
        min-height: 56px;
        height: 56px;
        padding: 12px 12px;
        border: 1px solid var(--Zahlwerk-light-gray);
        border-radius: 5px;
        background-color: transparent;
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    .notes-section label[b-3hior2vcfs] {
        position: absolute;
        top: -10px;
        left: 10px;
        font-size: 12px;
        font-weight: 400;
        color: var(--Zahlwerk-primary);
        background-color: var(--white);
        padding: 0 5px;
        border: none;
        pointer-events: none;
    }

.row-separator[b-3hior2vcfs] {
    border: none;
    height: 30px;
}

    .row-separator + tr td:first-of-type[b-3hior2vcfs] {
        border: none;
    }

.diagram-tr td[colspan='12'][b-3hior2vcfs] {
    border-right: none;
}

.diagram-tr td:last-of-type[b-3hior2vcfs] {
    border-left: none;
}

.info-button-container[b-3hior2vcfs] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.info-button[b-3hior2vcfs] {
    background: none;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 0;
}

    .info-button img[b-3hior2vcfs] {
        width: 100%;
        height: auto;
    }

.info-tooltip[b-3hior2vcfs] {
    position: absolute;
    top: calc(100% + 8px);
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    max-width: min(80vw, 360px);
    background: var(--Zahlwerk-light-primary, #eef7fb);
    color: var(--Zahlwerk-black, #111);
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 1000;
}

    .info-tooltip[b-3hior2vcfs]::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent var(--Zahlwerk-light-primary, #eef7fb) transparent;
    }

.info-button-container:hover .info-tooltip[b-3hior2vcfs],
.info-button:focus + .info-tooltip[b-3hior2vcfs] {
    opacity: 1;
    visibility: visible;
}

.data-table tr.second-tr td[b-3hior2vcfs] {
    background: var(--Zahlwerk-yellow-edit);
}

    .data-table tr.second-tr td:focus-within[b-3hior2vcfs] {
        background: var(--Zahlwerk-white);
        box-shadow: inset 0 0 0 2px var(--Zahlwerk-primary);
    }

.data-table td .apn-input[b-3hior2vcfs],
.data-table td[b-3hior2vcfs]  .apn-input {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    font: inherit;
    box-sizing: border-box;
}

    .data-table td .apn-input:focus[b-3hior2vcfs],
    .data-table td[b-3hior2vcfs]  .apn-input:focus {
        outline: none;
        box-shadow: none;
    }

.data-table tr.first-tr td:last-of-type[b-3hior2vcfs],
.data-table tr.second-tr td:last-of-type[b-3hior2vcfs] {
    background: inherit !important;
    padding: 8px;
}

.data-table .row-separator[b-3hior2vcfs] {
    height: 20px;
    background: transparent;
    border-bottom: 1px solid var(--Zahlwerk-light-primary);
    padding: 0;
}


.planning-container .data-table tr.second-tr td[b-3hior2vcfs] {
    padding-top: 2px;
    padding-bottom: 2px;
}

    .planning-container .data-table tr.second-tr td[b-3hior2vcfs]  .formatted-number-input {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .planning-container .data-table tr.second-tr td[b-3hior2vcfs]  .apn-input,
    .planning-container .data-table tr.second-tr td .apn-input[b-3hior2vcfs] {
        padding: 0 4px;
        height: 32px;
        min-height: 0;
        border: none;
        background: transparent;
        box-sizing: border-box;
    }

    .planning-container .data-table tr.second-tr td input.apn-input[b-3hior2vcfs] {
        padding: 0 4px;
    }
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/CashAtBeginningModal.razor.rz.scp.css */
.modal-overlay[b-9njacybmq1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-9njacybmq1] {
    background-color: white;
    border-radius: 8px;
    width: 500px;
    max-width: 90%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-header[b-9njacybmq1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.modal-title[b-9njacybmq1] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.close-button[b-9njacybmq1] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.close-button img[b-9njacybmq1] {
    width: 20px;
    height: 20px;
}

.modal-body[b-9njacybmq1] {
    padding: 1rem;
}

.form-group[b-9njacybmq1] {
    margin-bottom: 1rem;
}

.form-group label[b-9njacybmq1] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.form-control[b-9njacybmq1] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal-footer[b-9njacybmq1] {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    gap: 0.5rem;
}

.btn[b-9njacybmq1] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/CreatePlanModal/CreatePlanModalComponent.razor.rz.scp.css */

.card[b-ydiaq2hne6] {
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;
    height: 100%;
    background-color: var(--bs-white);
}

    .card:hover[b-ydiaq2hne6] {
        border: 2px solid var(--Zahlwerk-primary);
    }

 .selected[b-ydiaq2hne6] {
        border: 2px solid var(--Zahlwerk-primary);
        border-radius: 6px;
    }

.card-title[b-ydiaq2hne6] {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: var(--bs-dark);
}

.card-text[b-ydiaq2hne6] {
    font-size: 0.9rem;
    color: var(--bs-secondary);
}

.form-label[b-ydiaq2hne6] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--bs-dark);
}

.form-control[b-ydiaq2hne6], .form-select[b-ydiaq2hne6] {
    border-radius: 4px;
    border: 1px solid var(--bs-gray-300);
    padding: 0.5rem 0.75rem;
}

    .form-control:focus[b-ydiaq2hne6], .form-select:focus[b-ydiaq2hne6] {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
    }

.row[b-ydiaq2hne6] {
    margin: 0 -0.75rem;
}

.col-md-6[b-ydiaq2hne6] {
    padding: 0 0.75rem;
}
.card.disabled[b-ydiaq2hne6] {
    pointer-events: none;
    opacity: 0.6;
}

.input-label[b-ydiaq2hne6] {
    top: 30px;
}

.zahlwerk-modal-body[b-ydiaq2hne6]{
    overflow-y: hidden;
}
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/ImproveCalculationPopup/AnnualPlanTable.razor.rz.scp.css */
.data-table th[b-1fcu2nwm4e],
.data-table td[b-1fcu2nwm4e] {
    padding: 6px 10px;
    text-align: right;
    font-size: 14px;
    border-bottom: 1px solid var(--Zahlwerk-light-primary);
}

        .data-table th:first-child[b-1fcu2nwm4e],
        .data-table td:first-child[b-1fcu2nwm4e] {
            text-align: left;
            padding-left: 16px;
            font-weight: bold;
        }

        .data-table th:last-child[b-1fcu2nwm4e],
        .data-table td:last-child[b-1fcu2nwm4e] {
            border-left: 1px solid var(--Zahlwerk-light-primary);
        }

        .data-table thead tr th[b-1fcu2nwm4e] {
            text-align: center;
        }

            .data-table thead tr th:first-of-type[b-1fcu2nwm4e],
            .data-table tbody tr td:first-of-type[b-1fcu2nwm4e] {
                position: sticky;
                left: 0;
                background-color: #fff;
                z-index: 1;
                overflow: visible;
            }

            .data-table thead tr th:last-of-type[b-1fcu2nwm4e] {
                position: sticky;
                right: 0;
                z-index: 1;
                overflow: visible;
            }

            .data-table tbody td:last-of-type[b-1fcu2nwm4e] {
                position: sticky;
                right: 0;
                background: var(--Zahlwerk-white) !important;
                z-index: 2;
            }

                .data-table thead tr th:first-of-type[b-1fcu2nwm4e]:after,
                .data-table tbody tr td:first-of-type[b-1fcu2nwm4e]:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    width: calc(100% + 2px);
                    height: calc(100% + 2px);
                    background-color: #fff;
                    border-right: 1px solid var(--Zahlwerk-light-primary);
                    z-index: -1;
                }

                .data-table thead tr th:first-of-type[b-1fcu2nwm4e]:after {
                    background-color: var(--Zahlwerk-soft-light-primary);
                }

.data-table .positive[b-1fcu2nwm4e] {
    color: var(--Zahlwerk-success);
}

.data-table .negative[b-1fcu2nwm4e] {
    color: var(--Zahlwerk-error);
}

.data-table tr:last-child td:not(:first-child):not(:last-child)[b-1fcu2nwm4e] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.data-table tr:last-child td.positive:not(:first-child):not(:last-child)[b-1fcu2nwm4e]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-success);
}

.data-table tr:last-child td.negative:not(:first-child):not(:last-child)[b-1fcu2nwm4e]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-error);
}

.data-table td[b-1fcu2nwm4e] {
    position: relative;
    background: var(--Zahlwerk-yellow-edit);
    padding-top: 0;
    padding-bottom: 0;
    transition: background-color .12s ease, box-shadow .12s ease;
}


    .data-table td[b-1fcu2nwm4e]  .apn-input,
    .data-table td input.apn-input[b-1fcu2nwm4e] {
        display: inline-block;
        background: transparent;
        border: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0 4px; 
        height: 32px; 
        min-height: 0; 
        text-align: right;
        font: inherit;
        color: inherit;
        box-sizing: border-box;
    }

        .data-table td[b-1fcu2nwm4e]  input.apn-input:focus,
        .data-table td[b-1fcu2nwm4e]  .apn-input:focus {
            outline: none;
            box-shadow: none;
        }

    .data-table td:focus-within[b-1fcu2nwm4e] {
        background: var(--Zahlwerk-white);
        box-shadow: inset 0 0 0 2px var(--Zahlwerk-primary);
    }

        .data-table td:focus-within[b-1fcu2nwm4e]  .apn-input,
        .data-table td:focus-within input.apn-input[b-1fcu2nwm4e] {
            background: transparent !important;
        }

.table-scroll[b-1fcu2nwm4e] {
    inline-size: 970px; 
    max-inline-size: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 6px;
    margin: 15px 0 15px 0;
}

    .table-scroll[b-1fcu2nwm4e]::-webkit-scrollbar {
        height: 6px;
    }

    .table-scroll[b-1fcu2nwm4e]::-webkit-scrollbar-track {
        background: transparent;
    }

    .table-scroll[b-1fcu2nwm4e]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-primary);
        border-radius: 4px;
    }

    .table-scroll > .data-table[b-1fcu2nwm4e] {
        border-collapse: collapse;
        table-layout: auto;
        width: max-content; 
        min-width: 100%; 
    }

.data-table td[b-1fcu2nwm4e]  .formatted-number-input {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.data-table tbody td[b-1fcu2nwm4e] {
    padding-top: 1px;
    padding-bottom: 1px;
}
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/ImproveCalculationPopup/ImproveCalculationDialog.razor.rz.scp.css */
.dialog-container[b-ujonw9ap74] {
    height: 1000px;
    width: 1100px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-content[b-ujonw9ap74] {
    height: 1000px;
    width: 1100px;
}

.modal-header[b-ujonw9ap74] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 1;
}

    .modal-header h3[b-ujonw9ap74] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-ujonw9ap74] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        border: 2px solid var(--Zahlwerk-primary);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--Zahlwerk-primary);
    }

        .modal-header .close-button i[b-ujonw9ap74] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-ujonw9ap74]:before {
                font-weight: 900 !important;
            }

.modal-body[b-ujonw9ap74] {
    background-color: var(--Zahlwerk-white);
    display: flex;
    padding: 60px;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
    overflow-y: auto;
}

    .modal-body[b-ujonw9ap74]::-webkit-scrollbar {
        width: 6px;
        height: 8px;
    }

    .modal-body[b-ujonw9ap74]::-webkit-scrollbar-track {
        background: transparent;
    }

    .modal-body[b-ujonw9ap74]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 4px;
        border: none;
    }

    .modal-body[b-ujonw9ap74]::-webkit-scrollbar-button {
        display: none;
    }

.modal-footer[b-ujonw9ap74] {
    padding: 30px 60px;
}

.bold-text[b-ujonw9ap74] {
    font-weight: 700;
}

.main-content[b-ujonw9ap74] {
    margin: 0;
    flex: 1;
}


.step-container[b-ujonw9ap74] {
    margin-top: 40px;
}

.input-group[b-ujonw9ap74] {
    display: flex;
    margin-top: 20px;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.form-group[b-ujonw9ap74] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

    .form-group button[b-ujonw9ap74] {
        margin-top: 0;
    }

.form-label[b-ujonw9ap74] {
    margin: 0;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.number-input[b-ujonw9ap74] {
    width: 120px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
    text-align: right;
}

.select-field[b-ujonw9ap74] {
    width: 240px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
}



.tip-container[b-ujonw9ap74] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: var(--Zahlwerk-black);
    margin-top: 20px;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
}

.table-disabled[b-ujonw9ap74] {
    opacity: 0.5;
    pointer-events: none;
}

.table-active[b-ujonw9ap74] {
    opacity: 1;
}

.section[b-ujonw9ap74] {
    width: 1000px;
    gap: 20px;
}

.section label[b-ujonw9ap74] {
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
}

.checkbox-row[b-ujonw9ap74] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.checkbox-row label[b-ujonw9ap74] {
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
}




/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/ImputedCosts/AdjustMonthlyValuesForImputedCostsModalComponent.razor.rz.scp.css */
.planning-container[b-lkywbtvyzr] {
    height: 100vh;
    width: 1600px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-lkywbtvyzr] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 1;
}

    .modal-header h3[b-lkywbtvyzr] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-lkywbtvyzr] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .modal-header .close-button i[b-lkywbtvyzr] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-lkywbtvyzr]:before {
                font-weight: 900 !important;
            }

.modal-body[b-lkywbtvyzr] {
    background-color: var(--Zahlwerk-white);
    border-radius: 0 0 16px 16px;
    display: flex;
    padding: 60px;
    gap: 20px;
    justify-content: end;
    flex-wrap: wrap;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

.modal-footer[b-lkywbtvyzr] {
    padding: 30px 60px;
}

.insights-panel[b-lkywbtvyzr] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    font-family: Arial, sans-serif;
    color: var(--Zahlwerk-black);
    font-weight: 400;
    width: 340px;
}

.insights-header[b-lkywbtvyzr] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 1.6;
}

    .insights-header .bi-info-circle-fill[b-lkywbtvyzr] {
        color: var(--Zahlwerk-primary);
        font-size: 20px;
    }

.insights-title[b-lkywbtvyzr] {
    align-self: stretch;
    margin: auto 0;
}

.insights-content[b-lkywbtvyzr] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 40px;
}

.bold-text[b-lkywbtvyzr] {
    font-weight: 700;
}

.main-content[b-lkywbtvyzr] {
    margin: 0;
    flex: 1;
}

.step-heading[b-lkywbtvyzr] {
    color: var(--Zahlwerk-black);
    font-size: 20px;
    line-height: 1.6;
}

.planning-options[b-lkywbtvyzr] {
    display: flex;
    margin-top: 20px;
    min-height: 40px;
    width: 100%;
    align-items: center;
    gap: 27px;
    font-size: 16px;
    color: var(--Zahlwerk-primary);
    justify-content: start;
    flex-wrap: wrap;
}

.planning-options-button[b-lkywbtvyzr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.planning-options .bi-info-circle-fill[b-lkywbtvyzr] {
    color: var(--Zahlwerk-light-gray);
    font-size: 20px;
}

.planning-options button[b-lkywbtvyzr] {
    margin: 0;
}

.option-button[b-lkywbtvyzr] {
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 12px;
    width: 150px;
    background-color: var(--Zahlwerk-white);
}

.step-container[b-lkywbtvyzr] {
    margin-top: 40px;
}

.input-group[b-lkywbtvyzr] {
    display: flex;
    margin-top: 20px;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.form-group[b-lkywbtvyzr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

    .form-group button[b-lkywbtvyzr] {
        margin-top: 0;
    }

    .form-group.relative-to[b-lkywbtvyzr] {
        display: flex;
        flex-direction: row;
    }

.left-column.relative-to[b-lkywbtvyzr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.left-row[b-lkywbtvyzr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.right-column.relative-to[b-lkywbtvyzr] {
    display: flex;
    flex-direction: column;
    align-self: start;
    gap: 6px;
}
.form-label[b-lkywbtvyzr] {
    margin: 0;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.number-input[b-lkywbtvyzr] {
    width: 120px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
    text-align: right;
}

.select-field[b-lkywbtvyzr] {
    width: 240px;
    padding: 8px 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    font-size: 14px;
}

.percent-input[b-lkywbtvyzr] {
    position: relative;
    display: flex;
    align-items: center;
}

    .percent-input input[b-lkywbtvyzr] {
        padding-right: 40px;
    }

.percent-symbol[b-lkywbtvyzr] {
    position: absolute;
    right: 30px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.manual-entry-info[b-lkywbtvyzr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 12px;
    background-color: var(--Zahlwerk-soft-light-primary);
    border-radius: 4px;
    font-size: 14px;
}

    .manual-entry-info i[b-lkywbtvyzr] {
        color: var(--Zahlwerk-primary);
        font-size: 18px;
    }

.tip-container[b-lkywbtvyzr] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    color: var(--Zahlwerk-black);
    margin-top: 20px;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
}

.data-table[b-lkywbtvyzr] {
    margin-top: 40px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: thin;
    scrollbar-color: var(--Zahlwerk-primary) transparent;
}

    .data-table[b-lkywbtvyzr]::-webkit-scrollbar {
        height: 6px;
    }

    .data-table[b-lkywbtvyzr]::-webkit-scrollbar-track {
        background: transparent;
    }

    .data-table[b-lkywbtvyzr]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-primary);
        border-radius: 4px;
    }

    .data-table table[b-lkywbtvyzr] {
        width: 100%;
        border-collapse: collapse;
    }

    .data-table th[b-lkywbtvyzr],
    .data-table td[b-lkywbtvyzr] {
        padding: 8px 12px;
        text-align: right;
        font-size: 14px;
        border-bottom: 1px solid var(--Zahlwerk-light-primary);
    }

        .data-table th:first-child[b-lkywbtvyzr],
        .data-table td:first-child[b-lkywbtvyzr] {
            text-align: left;
            padding-left: 16px;
            font-weight: bold;
        }

        .data-table th:last-child[b-lkywbtvyzr],
        .data-table td:last-child[b-lkywbtvyzr] {
            border-left: 1px solid var(--Zahlwerk-light-primary);
        }

    .data-table thead tr[b-lkywbtvyzr] {
        background-color: var(--Zahlwerk-soft-light-primary);
        border-top: none;
    }

        .data-table thead tr th[b-lkywbtvyzr] {
            border-top: none;
            text-align: center;
        }

            .data-table thead tr th:first-of-type[b-lkywbtvyzr],
            .data-table tbody tr td:first-of-type[b-lkywbtvyzr] {
                border-left: none;
                position: sticky;
                left: 0;
                background-color: #fff;
                z-index: 1;
                overflow: visible;
            }

                .data-table thead tr th:first-of-type[b-lkywbtvyzr]:after,
                .data-table tbody tr td:first-of-type[b-lkywbtvyzr]:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    width: calc(100% + 2px);
                    height: calc(100% + 2px);
                    background-color: #fff;
                    border-right: 1px solid var(--Zahlwerk-light-primary);
                    z-index: -1;
                }

                .data-table thead tr th:first-of-type[b-lkywbtvyzr]:after {
                    background-color: var(--Zahlwerk-soft-light-primary);
                }

.first-tr td[b-lkywbtvyzr]:after {
    box-shadow: inset 0px 1px 0 0 var(--Zahlwerk-light-primary), inset 0px -1px 0 0 var(--Zahlwerk-light-primary);
}

.data-table thead tr th:last-of-type[b-lkywbtvyzr],
.data-table tbody tr td:last-of-type[b-lkywbtvyzr] {
    border-right: none;
}

.data-table tbody tr:last-child td[b-lkywbtvyzr] {
    border-bottom: none;
}

.data-table input[b-lkywbtvyzr] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    padding: 4px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

    .data-table input:focus[b-lkywbtvyzr] {
        outline: none;
        background-color: var(--Zahlwerk-soft-light-primary);
    }

.data-table .positive[b-lkywbtvyzr] {
    color: var(--Zahlwerk-success);
}

.data-table .negative[b-lkywbtvyzr] {
    color: var(--Zahlwerk-error);
}

.data-table tr:last-child td:not(:first-child):not(:last-child)[b-lkywbtvyzr] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.data-table tr:last-child td.positive:not(:first-child):not(:last-child)[b-lkywbtvyzr]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-success);
}

.data-table tr:last-child td.negative:not(:first-child):not(:last-child)[b-lkywbtvyzr]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-error);
}

.chart-section[b-lkywbtvyzr] {
    margin-top: 20px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    width: 100%;
    height: 200px;
    position: relative;
    display: flex;
}

/* .notes-field {
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    padding: 12px;
    width: 100%;
    min-height: 80px;
    margin-top: 40px;
} */

.action-buttons[b-lkywbtvyzr] {
    margin: 0;
    display: flex;
    gap: 30px;
    justify-content: flex-end;
}

    .action-buttons button[b-lkywbtvyzr] {
        margin: 0;
    }

.visually-hidden[b-lkywbtvyzr] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.positive[b-lkywbtvyzr] {
    color: var(--Zahlwerk-success);
}

.negative[b-lkywbtvyzr] {
    color: var(--Zahlwerk-error);
}

.chart-container[b-lkywbtvyzr] {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
}

    .chart-container canvas[b-lkywbtvyzr] {
        padding-left: 25px;
        padding-right: 25px;
    }

.form-control-sm[b-lkywbtvyzr] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    min-height: 30px;
    width: 80px;
    text-align: right;
}

    .form-control-sm:focus[b-lkywbtvyzr] {
        border-color: var(--primary-color);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.manual-entry-cell[b-lkywbtvyzr] {
    padding: 0 !important;
}

.target-value-inputs[b-lkywbtvyzr] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.input-row[b-lkywbtvyzr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .input-row label[b-lkywbtvyzr] {
        font-size: 0.875rem;
        color: #666;
    }

    .input-row input[b-lkywbtvyzr] {
        width: 120px;
        height: 38px;
        padding: 0.375rem 0.75rem;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        text-align: right;
    }

        .input-row input:focus[b-lkywbtvyzr] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.target-value-section[b-lkywbtvyzr] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.target-input[b-lkywbtvyzr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .target-input label[b-lkywbtvyzr] {
        font-size: 14px;
        color: #333;
    }

    .target-input input[b-lkywbtvyzr] {
        width: 150px;
        height: 38px;
        padding: 8px 12px;
        border: 1px solid #ced4da;
        border-radius: 4px;
        text-align: right;
        font-size: 14px;
    }

        .target-input input:focus[b-lkywbtvyzr] {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
            outline: none;
        }

.button-zahlwerk.primary[b-lkywbtvyzr] {
    height: 38px;
    padding: 0 1.5rem;
    font-size: 14px;
    align-self: flex-end;
}

.notes-section[b-lkywbtvyzr] {
    margin-top: 40px;
}

    .notes-section textarea[b-lkywbtvyzr] {
        width: 100%;
        min-height: 56px;
        height: 56px;
        padding: 12px 12px;
        border: 1px solid var(--Zahlwerk-light-gray);
        border-radius: 5px;
        background-color: transparent;
        transition: border-color 0.3s, box-shadow 0.3s;
    }

    .notes-section label[b-lkywbtvyzr] {
        position: absolute;
        top: -10px;
        left: 10px;
        font-size: 12px;
        font-weight: 400;
        color: var(--Zahlwerk-primary);
        background-color: var(--white);
        padding: 0 5px;
        border: none;
        pointer-events: none;
    }

.row-separator[b-lkywbtvyzr] {
    border: none;
    height: 30px;
}

    .row-separator + tr td:first-of-type[b-lkywbtvyzr] {
        border: none;
    }

.diagram-tr td[colspan='12'][b-lkywbtvyzr] {
    border-right: none;
}

.diagram-tr td:last-of-type[b-lkywbtvyzr] {
    border-left: none;
}

.data-table tr.second-tr td[b-lkywbtvyzr] {
    background: var(--Zahlwerk-yellow-edit);
}

    .data-table tr.second-tr td:focus-within[b-lkywbtvyzr] {
        background: var(--Zahlwerk-white);
        box-shadow: inset 0 0 0 2px var(--Zahlwerk-primary);
    }

.data-table td .apn-input[b-lkywbtvyzr],
.data-table td[b-lkywbtvyzr]  .apn-input {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    font: inherit;
    box-sizing: border-box;
}

    .data-table td .apn-input:focus[b-lkywbtvyzr],
    .data-table td[b-lkywbtvyzr]  .apn-input:focus {
        outline: none;
        box-shadow: none;
    }

.data-table tr.first-tr td:last-of-type[b-lkywbtvyzr],
.data-table tr.second-tr td:last-of-type[b-lkywbtvyzr] {
    background: inherit !important;
    padding: 8px;
}

.data-table .row-separator[b-lkywbtvyzr] {
    height: 20px;
    background: transparent;
    border-bottom: 1px solid var(--Zahlwerk-light-primary);
    padding: 0;
}

.planning-container .data-table tr.second-tr td[b-lkywbtvyzr] {
    padding-top: 2px;
    padding-bottom: 2px;
}

    .planning-container .data-table tr.second-tr td[b-lkywbtvyzr]  .formatted-number-input {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .planning-container .data-table tr.second-tr td[b-lkywbtvyzr]  .apn-input,
    .planning-container .data-table tr.second-tr td .apn-input[b-lkywbtvyzr] {
        padding: 0 4px;
        height: 32px;
        min-height: 0;
        border: none;
        background: transparent;
        box-sizing: border-box;
    }

    .planning-container .data-table tr.second-tr td input.apn-input[b-lkywbtvyzr] {
        padding: 0 4px;
    }
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/MonthlyLiquidityPlanningTableComponent.razor.rz.scp.css */
.results-table td[b-f86erzs8us],
.results-table th[b-f86erzs8us],
.results-table tr[b-f86erzs8us] {
    position: relative;
    overflow: visible;
}

.info-tooltip[b-f86erzs8us] {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(8px, -50%);
    z-index: 99999; 
    width: 300px;
    background-color: var(--Zahlwerk-light-primary);
    color: var(--Zahlwerk-black);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    white-space: pre-line;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    overflow-wrap: anywhere;
    text-align: left;
}



/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/OverridePlanConfirmationModal.razor.rz.scp.css */
/* _content/ChefPlanner.UI/Components/AnnualPlanDetails/QuitPlanConfirmationModal.razor.rz.scp.css */
.quit-modal-overlay[b-g4ybioo4b6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.quit-modal-content[b-g4ybioo4b6] {
    background-color: white;
    border-radius: 16px;
    width: 800px;
    height:316px;
    max-width: 90%;
    position: relative;
    z-index: 101;
}

.quit-modal-header[b-g4ybioo4b6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 800px;
    height: 92px;
    padding: 30px 30px 30px 60px;
    border-bottom: none;
    background-color: var(--Zahlwerk-soft-light-primary);
}

    .quit-modal-header h3[b-g4ybioo4b6] {
        margin: 0;
    }

.close-button[b-g4ybioo4b6] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
}

.quit-modal-body[b-g4ybioo4b6] {
    margin-bottom: 20px;
    padding:60px;
}

.quit-modal-footer[b-g4ybioo4b6] {
    display: flex;
    justify-content: flex-end;
    margin-top:30px;
    gap: 10px;
}
/* _content/ChefPlanner.UI/Components/AnualPlanning/AnnualPlanningOverviewComponent.razor.rz.scp.css */
.header-planning[b-9xui6yj03s]{
    display:flex;
    justify-content:end;
    padding-right:20px;
}

.spinner-container[b-9xui6yj03s] {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
}

.plan-name-link[b-9xui6yj03s] {
    color: var(--Zahlwerk-primary);
    text-decoration: none;
    cursor: pointer;
}

.plan-name-link:hover[b-9xui6yj03s] {
    text-decoration: underline;
}
.button-zahlwerk[b-9xui6yj03s]{
    margin-top: 0;
    margin-bottom: 20px;
}

    .table th:first-child[b-9xui6yj03s],
    .table td:first-child[b-9xui6yj03s] {
        width: auto;
    }

    .table th:nth-child(3)[b-9xui6yj03s],
    .table td:nth-child(3)[b-9xui6yj03s],
    .table th:nth-child(4)[b-9xui6yj03s],
    .table td:nth-child(4)[b-9xui6yj03s],
    .table th:nth-child(5)[b-9xui6yj03s],
    .table td:nth-child(5)[b-9xui6yj03s] {
        width: 16%;
    }
    .table th:last-child[b-9xui6yj03s],
    .table td:last-child[b-9xui6yj03s] {
        position: sticky;
        width: 44px;
    }

/* _content/ChefPlanner.UI/Components/AnualPlanning/Modals/LiquidityAssumptionsModal.razor.rz.scp.css */


h4[b-fal1n2q526] {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--Zahlwerk-dark-gray);
    font-size: 16px;
    line-height: 1.4;
}

.loading-container[b-fal1n2q526] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    height: 200px;
}

.spinner[b-fal1n2q526] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 138, 157, 0.1);
    border-radius: 50%;
    border-top-color: var(--Zahlwerk-Primary, #008A9D);
    animation: spin-b-fal1n2q526 1s ease-in-out infinite;
    margin-bottom: 16px;
}

@keyframes spin-b-fal1n2q526 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/ChefPlanner.UI/Components/AnualPlanning/Modals/RemoveAnnualPlanModal.razor.rz.scp.css */
.modal-header-remove-plan[b-8fb2qij0ga] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.modal-content[b-8fb2qij0ga] {
    /*border: none;*/
    border-radius: 16px;
    width: 700px;
}

.button-zahlwerk.primary.remove-plan[b-8fb2qij0ga] {
    margin-left: 10px;
}

.modal-remove-plan[b-8fb2qij0ga] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    max-width: 750px;
}

.modal-body-remove-plan[b-8fb2qij0ga] {
    padding: 50px;
}

.modal-footer-remove-plan[b-8fb2qij0ga] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}
/* _content/ChefPlanner.UI/Components/AnualPlanning/Modals/YearAlreadyExistsModal.razor.rz.scp.css */
.modal-header-info-plan[b-g5yx6kkmsh] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.modal-content[b-g5yx6kkmsh] {
    /*border: none;*/
    border-radius: 16px;
    width: 700px;
}

.button-zahlwerk.primary.info-plan[b-g5yx6kkmsh] {
    margin-left: 10px;
}

.modal-info-plan[b-g5yx6kkmsh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    max-width: 750px;
    z-index:20000;
}

.modal-body-info-plan[b-g5yx6kkmsh] {
    padding: 50px;
}

.modal-footer-info-plan[b-g5yx6kkmsh] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}
/* _content/ChefPlanner.UI/Components/AnualPlanning/PlanDetailsHeaderComponent.razor.rz.scp.css */
.container[b-icykz4s6mc] {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background-color: var(--Zahlwerk-Light-Primary);
	border-radius: 8px;
	width: 100%;
	max-width: 100%;
}

.plan-info[b-icykz4s6mc] {
	margin-bottom: 40px;
}

.form-group[b-icykz4s6mc] {
	margin: 0;
}

.form-group-name[b-icykz4s6mc] {
	width: 220px;
}

.form-group-note[b-icykz4s6mc] {
	width: 100%;
}

.form-group label[b-icykz4s6mc] {
	display: block;
	font-size: 0.9rem;
}

.form-group .input[b-icykz4s6mc] {
	height: 40px;
}

.form-group textarea[b-icykz4s6mc] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 1rem;
}

.form-group textarea[b-icykz4s6mc] {
	min-height: 100px;
	resize: vertical;
}

.meta-info[b-icykz4s6mc] {
	display: flex;
	gap: 20px;
	font-size: 0.9rem;
	margin-bottom: 20px;
}

.plan-status[b-icykz4s6mc] {
	margin-bottom: 30px;
}

	.plan-status h2[b-icykz4s6mc] {
		font-size: 1.5rem;
		margin-bottom: 10px;
		font-weight: normal;
	}

	.plan-status p[b-icykz4s6mc] {
		color: #666;
	}

.options[b-icykz4s6mc] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 20px;
}

.option[b-icykz4s6mc] {
	background-color: var(--Zahlwerk-Light-Primary);
	border-radius: 8px;
}

.custom-btn[b-icykz4s6mc] {
	border: 1px solid var(--Zahlwerk-primary);
	font-size: 16px;
	padding: 8px 22px;
	justify-content: center;
	align-items: center;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	border-radius: 4px 0 0 4px;
	transition: background-color 0.3s ease, color 0.3s ease;
	white-space: nowrap;
}

.cumulative-btn[b-icykz4s6mc] {
	border-radius: 0 4px 4px 0;
}

.btn-check:not(:checked) + .custom-btn[b-icykz4s6mc] {
	background-color: var(--Zahlwerk-white);
	color: var(--Zahlwerk-primary);
}

.btn-check:checked + .custom-btn[b-icykz4s6mc] {
	background-color: var(--Zahlwerk-primary);
	color: var(--Zahlwerk-white);
}

.header-tabs[b-icykz4s6mc] {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.annual-plan-container[b-icykz4s6mc] {
	/*    padding: 20px;
*/
}

.header-tabs[b-icykz4s6mc] {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.btn-group[b-icykz4s6mc] {
	margin-right: auto;
}

.custom-btn[b-icykz4s6mc] {
	border: 1px solid #ccc;
	background-color: white;
	padding: 6px 20px;
	color: #333;
}

.plan-details[b-icykz4s6mc] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px;
	margin-top: 0;
}

	.plan-details .year-label[b-icykz4s6mc],
	.plan-details .edit-label[b-icykz4s6mc],
	.plan-details .plan-note[b-icykz4s6mc] {
		width: 100%;
		max-width: fit-content;
	}

.static-text[b-icykz4s6mc] {
	border-radius: 4px;
	border: 1px solid var(--Zahlwerk-Light-Primary, #e6f2f4);
	background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
	padding: 8px 12px;
	display: flex;
	max-width: 330px;
	width: 60%;
	height: 40px;
	align-items: center;
	white-space: nowrap;
}

.static-text-label[b-icykz4s6mc] {
	color: var(--Zahlwerk-Primary, #008a9d);
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-right: 4px;
}

.static-text-value[b-icykz4s6mc] {
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.plan-inputs[b-icykz4s6mc] {
	display: flex;
	gap: 20px;
	flex-grow: 1;
}

.button-zahlwerk-orange[b-icykz4s6mc] {
	font-family: 'Arial', sans-serif;
	color: #F1A81B;
	height: 40px;
	padding: 8px 12px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #F1A81B;
	min-width: 150px;
	transition: background-color 0.3s;
	display: inline-flex; /* Postavlja flexbox model za poravnanje */
	justify-content: center; /* Horizontalno centriranje */
	align-items: center; /* Vertikalno centriranje */
	text-align: center;
}

.button-zahlwerk[b-icykz4s6mc] {
	margin-top: 0;
}

.header[b-icykz4s6mc] {
	padding: 20px;
	padding-top: 0;
}
/* _content/ChefPlanner.UI/Components/Cockpit/CockpitHeader/CockpitHeaderComponent.razor.rz.scp.css */
.main-container[b-wqrdb9au80] {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: var(--Zahlwerk-white, #fff);
}

.box[b-wqrdb9au80] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.header-section[b-wqrdb9au80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.header-right[b-wqrdb9au80]{
    margin-right: 20px;
}

.group .text[b-wqrdb9au80] {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--Zahlwerk-black, #000);
    text-align: left;
}

.controls-view[b-wqrdb9au80] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.controls[b-wqrdb9au80] {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.financial-data-container[b-wqrdb9au80] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 20px auto;
    overflow-x: hidden;
}

.result-label[b-wqrdb9au80] {
    font-weight: 600;
    font-size: 1rem;
}

.label-container[b-wqrdb9au80] {
    height: 220px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.label-item:not(:last-child)[b-wqrdb9au80] {
    margin-bottom: 24px;
}

canvas[b-wqrdb9au80] {
    border: 1px dashed #dadada;
    image-rendering: optimizeQuality;
    display: block;
}

.radio-group[b-wqrdb9au80] {
    display: flex;
    gap: 20px;
    align-items: center;
}

.radio-option[b-wqrdb9au80] {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.radio-option input[type="radio"][b-wqrdb9au80] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-circle[b-wqrdb9au80] {
    height: 20px;
    width: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.radio-circle.selected[b-wqrdb9au80] {
    border-color: #008B8B;
}

.radio-circle.selected[b-wqrdb9au80]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #008B8B;
}

.radio-label[b-wqrdb9au80] {
    font-size: 14px;
    color: #333;
}
/* _content/ChefPlanner.UI/Components/Cockpit/View1ComparisonOfFinancialData/DoubleButtonGroup.razor.rz.scp.css */
.custom-btn[b-gm13rti4a9] {
    border: 1px solid var(--Zahlwerk-primary);
    font-size: 16px;
    padding: 8px 22px;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-transform: none;
    border-radius: 4px 0 0 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
}

.adjusted-btn[b-gm13rti4a9] {
    border-radius: 0 4px 4px 0;
}

.btn-check:not(:checked) + .custom-btn[b-gm13rti4a9] {
    background-color: var(--Zahlwerk-white); 
    color: var(--Zahlwerk-primary); 
}

.btn-check:checked + .custom-btn[b-gm13rti4a9] {
    background-color: var(--Zahlwerk-primary); 
    color: var(--Zahlwerk-white);
}
/* _content/ChefPlanner.UI/Components/Cockpit/View1ComparisonOfFinancialData/View1ComparisonOfFinancialDataComponent.razor.rz.scp.css */
.main-container[b-4ua8dbtfbs] {
    width: 100%;
    max-width: 100%; /* Adjust as needed */
    margin: 0 auto;
    padding: 20px;
    background-color: var(--Zahlwerk-white, #fff);
}

.box[b-4ua8dbtfbs] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.header-section[b-4ua8dbtfbs] {
    display: flex;
    justify-content: space-between; /* Title on the left, controls on the right */
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.group .text[b-4ua8dbtfbs] {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--Zahlwerk-black, #000);
    text-align: left;
}

.controls-view[b-4ua8dbtfbs] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.controls[b-4ua8dbtfbs] {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.financial-data-container[b-4ua8dbtfbs] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 20px auto;
    overflow-x: hidden;
}

.financial-data-container .row[b-4ua8dbtfbs] {
    flex-wrap: nowrap;
}

.result-label[b-4ua8dbtfbs] {
    font-weight: 600;
    font-size: 1rem;
}

.label-container[b-4ua8dbtfbs] {
    height: 220px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.label-item:not(:last-child)[b-4ua8dbtfbs] {
    margin-bottom: 24px;  /* Adjust the spacing as needed */
}

canvas[b-4ua8dbtfbs] {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px dashed #dadada;
    image-rendering: optimizeQuality;
    display: block;
}

.radio-group[b-4ua8dbtfbs] {
    display: flex;
    gap: 20px;
    align-items: center;
}

.radio-option[b-4ua8dbtfbs] {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.radio-option input[type="radio"][b-4ua8dbtfbs] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-circle[b-4ua8dbtfbs] {
    height: 20px;
    width: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.radio-circle.selected[b-4ua8dbtfbs] {
    border-color: #008B8B;
}

.radio-circle.selected[b-4ua8dbtfbs]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #008B8B;
}

.radio-label[b-4ua8dbtfbs] {
    font-size: 14px;
    color: #333;
}
/* _content/ChefPlanner.UI/Components/Cockpit/View2LiquidityChart/View2LiquidityChart.razor.rz.scp.css */
canvas[b-l91o8eakjj] {
    image-rendering: optimizeQuality;
    display: block;
}

.label-container[b-l91o8eakjj] {
    height: 220px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.label-item:not(:last-child)[b-l91o8eakjj] {
    margin-bottom: 24px;  /* Adjust the spacing as needed */
}

.financial-data-container[b-l91o8eakjj] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 20px auto;
    overflow-x: hidden;
}

.result-label[b-l91o8eakjj] {
    font-weight: 600;
    font-size: 1rem;
}

.custom-radio[b-l91o8eakjj] {
    border: 1px solid var(--Zahlwerk-primary);
    color: var(--Zahlwerk-primary);
    background-color: transparent;
    padding: 0.5rem 1rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    /* Optional: adjust border-radius, font-size etc. */
}

.btn-check:checked + .custom-radio[b-l91o8eakjj] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}

.custom-switch-container[b-l91o8eakjj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-label[b-l91o8eakjj] {
    margin: 0;
}

.custom-switch[b-l91o8eakjj] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 14px;
}

.custom-switch-input[b-l91o8eakjj] {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-slider[b-l91o8eakjj] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 7px;
    transition: background-color 0.3s ease;
}

.custom-slider[b-l91o8eakjj]:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    left: -3px;
    bottom: -4px;
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 100%;
    transition: transform 0.3s, background-color 0.3s;
}

.custom-switch-input:checked + .custom-slider[b-l91o8eakjj] {
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-primary, #008a9d);
}

.custom-switch-input:checked + .custom-slider[b-l91o8eakjj]:before {
    transform: translateX(19px);
    background-color: var(--Zahlwerk-primary, #008080);
}

.custom-switch-input:disabled + .custom-slider[b-l91o8eakjj] {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    cursor: not-allowed;
}

.custom-switch-input:disabled + .custom-slider[b-l91o8eakjj]:before {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
}
/* _content/ChefPlanner.UI/Components/Cockpit/View3LiquidityWaterfall/View3LiquidityWaterfall.razor.rz.scp.css */
.main-container[b-1t80kbz2l2] {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: var(--Zahlwerk-white, #fff);
}

.box[b-1t80kbz2l2] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.header-section[b-1t80kbz2l2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.group .text[b-1t80kbz2l2] {
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: var(--Zahlwerk-black, #000);
    text-align: left;
}

.controls-view[b-1t80kbz2l2] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.controls[b-1t80kbz2l2] {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.financial-data-container[b-1t80kbz2l2] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 20px auto;
    overflow-x: hidden;
}

.result-label[b-1t80kbz2l2] {
    font-weight: 600;
    font-size: 1rem;
}

.label-container[b-1t80kbz2l2] {
    height: 220px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.label-item:not(:last-child)[b-1t80kbz2l2] {
    margin-bottom: 24px;
}

canvas[b-1t80kbz2l2] {
    image-rendering: optimizeQuality;
    display: block;
}

.radio-group[b-1t80kbz2l2] {
    display: flex;
    gap: 20px;
    align-items: center;
}

.radio-option[b-1t80kbz2l2] {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.radio-option input[type="radio"][b-1t80kbz2l2] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-circle[b-1t80kbz2l2] {
    height: 20px;
    width: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.radio-circle.selected[b-1t80kbz2l2] {
    border-color: #008B8B;
}

.radio-circle.selected[b-1t80kbz2l2]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #008B8B;
}

.radio-label[b-1t80kbz2l2] {
    font-size: 14px;
    color: #333;
}
/* _content/ChefPlanner.UI/Components/Cockpit/View4ReceivablesAndLiabilities/View4ReceivablesAndLiabilitiesComponent.razor.rz.scp.css */
canvas[b-lde0dz8nq1] {
    image-rendering: optimizeQuality;
    display: block;
}

.label-container[b-lde0dz8nq1] {
    height: 220px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #000000;
}

.label-item:not(:last-child)[b-lde0dz8nq1] {
    margin-bottom: 24px;
}

.financial-data-container[b-lde0dz8nq1] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 20px auto;
    overflow-x: hidden;
}

.result-label[b-lde0dz8nq1] {
    font-weight: 600;
    font-size: 1rem;
}

.custom-radio[b-lde0dz8nq1] {
    border: 1px solid var(--Zahlwerk-primary);
    color: var(--Zahlwerk-primary);
    background-color: transparent;
    padding: 0.5rem 1rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.btn-check:checked + .custom-radio[b-lde0dz8nq1] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}

.custom-switch-container[b-lde0dz8nq1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-label[b-lde0dz8nq1] {
    margin: 0;
}

.custom-switch[b-lde0dz8nq1] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 14px;
}

.custom-switch-input[b-lde0dz8nq1] {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-slider[b-lde0dz8nq1] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 7px;
    transition: background-color 0.3s ease;
}

.custom-slider[b-lde0dz8nq1]:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    left: -3px;
    bottom: -4px;
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 100%;
    transition: transform 0.3s, background-color 0.3s;
}

.custom-switch-input:checked + .custom-slider[b-lde0dz8nq1] {
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-primary, #008a9d);
}

.custom-switch-input:checked + .custom-slider[b-lde0dz8nq1]:before {
    transform: translateX(19px);
    background-color: var(--Zahlwerk-primary, #008080);
}

.custom-switch-input:disabled + .custom-slider[b-lde0dz8nq1] {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    cursor: not-allowed;
}

.custom-switch-input:disabled + .custom-slider[b-lde0dz8nq1]:before {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
}

.popover-mismatch[b-lde0dz8nq1] {
    position: absolute;
    top: -50%;
    left: 0;
    background: var(--Zahlwerk-light-primary);
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 0.96rem;
    color: var(--Zahlwerk-black);
    z-index: 2000;
    min-width: 500px; 
    width: 600px;
    max-width: 650px; 
    transition: opacity 0.13s;
}

.popover-warning-btn[b-lde0dz8nq1] {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0 3px;
    margin-left: 5px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/AssetTypeMonthSelector.razor.rz.scp.css */
.month-selector-container[b-n0e83hv07b] {
    position: relative;
}

.input-container[b-n0e83hv07b] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.month-selector-container .month-selector-label[b-n0e83hv07b] {
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: var(--Zahlwerk-light-gray) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

    .month-selector-container .month-selector-label.floated[b-n0e83hv07b] {
        top: -10px !important;
        transform: none !important;
        font-size: 12px !important;
        color: var(--Zahlwerk-primary) !important;
        background-color: var(--Zahlwerk-white);
        padding: 0 4px;
    }

.month-selector-header[b-n0e83hv07b] {
    width: 100%;
    height: 40px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .month-selector-header:focus[b-n0e83hv07b],
    .month-selector-header:hover[b-n0e83hv07b] {
        outline: none;
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
    }

.input-label[b-n0e83hv07b] {
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    .input-label.floated[b-n0e83hv07b] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.month-selector-dropdown[b-n0e83hv07b] {
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.month-grid[b-n0e83hv07b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10%;
    row-gap: 10%;
    margin-bottom: 20%;
    margin-top: 10%;
    justify-items: center;
}

.month-button[b-n0e83hv07b] {
    width: 100%;
    height: 120%;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 20px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .month-button.active[b-n0e83hv07b] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .month-button:hover[b-n0e83hv07b] {
        background-color: #e9ecef;
    }

.year-navigation[b-n0e83hv07b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
}

.nav-button[b-n0e83hv07b] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--Zahlwerk-primary);
    padding: 4px 8px;
    transition: transform 0.2s;
}

    .nav-button:hover[b-n0e83hv07b] {
        transform: scale(1.2);
    }

.dropdown-icon[b-n0e83hv07b] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
}

    .dropdown-icon.active[b-n0e83hv07b] {
        transform: rotate(180deg);
    }

.custom-dropdown[b-n0e83hv07b] {
    position: relative;
    width: auto;
}

    .custom-dropdown .custom-floating-label[b-n0e83hv07b] {
        color: var(--Zahlwerk-primary);
        font-size: 12px;
        font-family: Arial, sans-serif;
        top: -0.5rem;
        left: 0.35rem;
        font-size: 0.75rem;
        z-index: 5;
    }

.selected-month[b-n0e83hv07b] {
    background: transparent;
    display: inline-block;
    line-height: 1;
}
    .selected-month.placeholder[b-n0e83hv07b] {
        color: var(--Zahlwerk-light-gray);
        opacity: .95;
    }
/* _content/ChefPlanner.UI/Components/DesignSystem/AutoWidthNumberInput.razor.rz.scp.css */

/* _content/ChefPlanner.UI/Components/DesignSystem/DatePickerComponent.razor.rz.scp.css */
.date-picker-container[b-os8dyz7gj5] {
    width: 100%;
}

.input-container[b-os8dyz7gj5] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.custom-dropdown[b-os8dyz7gj5] {
    position: absolute;
    width: 100%;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 6px;
    z-index: 10;
}

.input-label[b-os8dyz7gj5] {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    .input-label.floated[b-os8dyz7gj5] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.date-picker-dropdown[data-portal="true"][b-os8dyz7gj5] {
    width: auto;
    transition: none;
}

.date-picker-dropdown[b-os8dyz7gj5] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.calendar-grid[b-os8dyz7gj5] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-top: 10px;
}

.calendar-weekday[b-os8dyz7gj5] {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: var(--Zahlwerk-primary);
}

.calendar-day[b-os8dyz7gj5],
.calendar-day.empty[b-os8dyz7gj5] {
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .calendar-day.empty[b-os8dyz7gj5] {
        cursor: default;
        background: none;
    }

    .calendar-day.active[b-os8dyz7gj5] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .calendar-day:hover:not(.active)[b-os8dyz7gj5] {
        background-color: #e9ecef;
    }

.custom-floating-label.floated[b-os8dyz7gj5] {
    top: -10px !important;
    font-size: 12px !important;
    color: var(--Zahlwerk-primary) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

.dropdown-icon[b-os8dyz7gj5] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
    margin-left: auto;
}

    .dropdown-icon.active[b-os8dyz7gj5] {
        transform: rotate(180deg);
    }

    .custom-dropdown .custom-floating-label[b-os8dyz7gj5] {
        color: var(--Zahlwerk-primary);
        font-size: 12px;
        font-family: Arial, sans-serif;
        top: -0.5rem;
        left: 0.35rem;
        font-size: 0.75rem;
        z-index: 5;
    }

.date-picker-header .dropdown-icon[b-os8dyz7gj5] {
    margin-left: 8px;
}

.nav-button[b-os8dyz7gj5] {
    border: none !important;
    background: none !important;
    outline: none;
    cursor: pointer;
    padding: 4px 8px;
    color: var(--Zahlwerk-primary);
    font-size: 18px;
    box-shadow: none;
    transition: transform 0.2s;
}

    .nav-button:hover[b-os8dyz7gj5] {
        transform: scale(1.15);
        background: none !important;
        border: none !important;
        box-shadow: none;
    }

.date-picker-header[b-os8dyz7gj5] {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
}
    .date-picker-header:focus[b-os8dyz7gj5],
    .date-picker-header:hover[b-os8dyz7gj5] {
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
        border-radius: 5px;
    }

.dropdown-icon[b-os8dyz7gj5] {
    flex: 0 0 auto;
    margin-left: 8px;
}

.clear-btn[b-os8dyz7gj5] {
    border: none;
    background: transparent;
    font-size: 16px;
    line-height: 1;
    padding: 4px 6px;
    cursor: pointer;
    opacity: .7;
}

    .clear-btn:hover[b-os8dyz7gj5] {
        opacity: 1;
    }

.date-picker-header[b-os8dyz7gj5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .date-picker-header > span:first-child[b-os8dyz7gj5] {
        flex: 1 1 auto;
    }

    .date-picker-header .placeholder[b-os8dyz7gj5] {
        color: var(--Zahlwerk-gray);
        opacity: .9;
    }

.clear-btn[b-os8dyz7gj5] {
    margin-left: auto;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    padding: 0 4px;
}

    .clear-btn:hover[b-os8dyz7gj5] {
        opacity: .8;
    }

.custom-dropdown[b-os8dyz7gj5],
.date-picker-container[b-os8dyz7gj5],
.date-picker-header[b-os8dyz7gj5] {
    background-color: var(--Zahlwerk-white);
}

    .date-picker-header > span[b-os8dyz7gj5],
    .date-picker-header .placeholder[b-os8dyz7gj5] {
        background-color: var(--Zahlwerk-white) !important;
    }

.input-container[b-os8dyz7gj5],
.input-container *:where(span)[b-os8dyz7gj5] {
    background-color: transparent;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/DatePickerComponentJS.razor.rz.scp.css */
.date-picker-container[b-qwbqfu1lqp] {
    width: 100%;
}

.input-container[b-qwbqfu1lqp] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.custom-dropdown[b-qwbqfu1lqp] {
    position: absolute;
    width: 100%;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 6px;
    z-index: 10;
}

.input-label[b-qwbqfu1lqp] {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    .input-label.floated[b-qwbqfu1lqp] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.date-picker-dropdown[b-qwbqfu1lqp] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.calendar-grid[b-qwbqfu1lqp] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-top: 10px;
}

.calendar-weekday[b-qwbqfu1lqp] {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: var(--Zahlwerk-primary);
}

.calendar-day[b-qwbqfu1lqp],
.calendar-day.empty[b-qwbqfu1lqp] {
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .calendar-day.empty[b-qwbqfu1lqp] {
        cursor: default;
        background: none;
    }

    .calendar-day.active[b-qwbqfu1lqp] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .calendar-day:hover:not(.active)[b-qwbqfu1lqp] {
        background-color: #e9ecef;
    }

.custom-floating-label.floated[b-qwbqfu1lqp] {
    top: -10px !important;
    font-size: 12px !important;
    color: var(--Zahlwerk-primary) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

.dropdown-icon[b-qwbqfu1lqp] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
    margin-left: auto;
}

    .dropdown-icon.active[b-qwbqfu1lqp] {
        transform: rotate(180deg);
    }

.custom-dropdown .custom-floating-label[b-qwbqfu1lqp] {
    color: var(--Zahlwerk-primary);
    font-size: 12px;
    font-family: Arial, sans-serif;
    top: -0.5rem;
    left: 0.35rem;
    font-size: 0.75rem;
    z-index: 5;
}

.date-picker-header .dropdown-icon[b-qwbqfu1lqp] {
    margin-left: 8px;
}

.nav-button[b-qwbqfu1lqp] {
    border: none !important;
    background: none !important;
    outline: none;
    cursor: pointer;
    padding: 4px 8px;
    color: var(--Zahlwerk-primary);
    font-size: 18px;
    box-shadow: none;
    transition: transform 0.2s;
}

    .nav-button:hover[b-qwbqfu1lqp] {
        transform: scale(1.15);
        background: none !important;
        border: none !important;
        box-shadow: none;
    }

.date-picker-header[b-qwbqfu1lqp] {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
}

    .date-picker-header:focus[b-qwbqfu1lqp],
    .date-picker-header:hover[b-qwbqfu1lqp] {
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
        border-radius: 5px;
    }

.dropdown-icon[b-qwbqfu1lqp] {
    flex: 0 0 auto;
    margin-left: 8px;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/DeleteButton.razor.rz.scp.css */
.delete-button[b-151ynekev3] {
    background: url('/images/delete.svg') no-repeat center;
    background-size: contain;
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 0;
}

    .delete-button:hover[b-151ynekev3] {
        background: url('/images/delete.svg') no-repeat center;
        background-size: contain; 
        cursor: pointer;
    }

    .delete-button:focus[b-151ynekev3] {
        outline: none; 
    }

    .delete-button:disabled[b-151ynekev3] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.confirmation-overlay[b-151ynekev3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.confirmation-dialog[b-151ynekev3] {
    background-color: var(--Zahlwerk-white);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.confirmation-actions[b-151ynekev3] {
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
}

.confirm-button[b-151ynekev3] {
    background-color: var(--Zahlwerk-primary);
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.cancel-button[b-151ynekev3] {
    background-color: var(--Zahlwerk-light-primary);
    color: black;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

    .confirm-button:hover[b-151ynekev3], .cancel-button:hover[b-151ynekev3] {
        opacity: 0.9;
    }

/* _content/ChefPlanner.UI/Components/DesignSystem/DropdownList.razor.rz.scp.css */
.dropdownlist-wrapper[b-1sp89v3d09] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.dropdownlist-default[b-1sp89v3d09] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: var(--Zahlwerk-white);
    padding: 5px;
    border-radius: 4px;
    transition: background-color 0.3s;
}
    .dropdownlist-default.disabled[b-1sp89v3d09] {
        cursor: not-allowed; 
        color: var(--Zahlwerk-gray); 
    }


.dropdownlist-container[b-1sp89v3d09] {
    position: absolute;
    top: calc(100% + 5px); 
    left: 0;
    background-color: var(--Zahlwerk-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 5px 0;
    border-radius: 4px;
    width: 100%;
}

.dropdownlist-arrow[b-1sp89v3d09] {
    position: absolute;
    top: -5px;
    left: 45%; 
    width: 10px;
    height: 10px;
    background-color: var(--Zahlwerk-light-primary);
    transform: rotate(45deg);
    border-left: 1px solid var(--Zahlwerk-light-primary);
    border-top: 1px solid var(--Zahlwerk-light-primary);
    z-index: 1000;
}

.dropdownlist[b-1sp89v3d09] {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: var(--Zahlwerk-light-primary);
}

.dropdownlist li[b-1sp89v3d09] {
    padding: 5px 10px;
    cursor: pointer;
}

.more-indicator[b-1sp89v3d09] {
    flex-shrink: 0;
    margin-left: 5px;
    color: var(--Zahlwerk-gray);
    font-size: 12px;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/EnumDropdownBasic.razor.rz.scp.css */
.dropdown-wrapper[b-6r1iz6d53x] {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
}

.dropdown-header[b-6r1iz6d53x] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 5px;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

    .dropdown-header.disabled[b-6r1iz6d53x],
    .dropdown-wrapper.disabled[b-6r1iz6d53x] {
        background-color: var(--Zahlwerk-disabled-grey);
        cursor: not-allowed;
        color: var(--Zahlwerk-gray);
    }
    .dropdown-wrapper.disabled .dropdown-label[b-6r1iz6d53x] {
        background-color: var(--Zahlwerk-disabled-grey);
    }

.dropdown-selected[b-6r1iz6d53x] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.dropdown-label[b-6r1iz6d53x] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.2s ease;
}

    .dropdown-label.floated[b-6r1iz6d53x] {
        top: -10px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.dropdown-arrow[b-6r1iz6d53x] {
    width: 18px;
    height: 18px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s;
}

    .dropdown-arrow.expanded[b-6r1iz6d53x] {
        transform: rotate(180deg);
    }

.dropdown-list[b-6r1iz6d53x] {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
}

    .dropdown-list li[b-6r1iz6d53x] {
        color: var(--Zahlwerk-black);
        line-height: 24px;
        letter-spacing: 0.15px;
        padding: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .dropdown-list li:hover[b-6r1iz6d53x] {
            background-color: var(--Zahlwerk-light-primary);
        }

.dropdown-wrapper.tall[b-6r1iz6d53x] {
    position: relative;
}

    .dropdown-wrapper.tall .dropdown-header[b-6r1iz6d53x] {
        height: 56px !important;
        display: flex;
        align-items: center;
        padding: 0 12px;
    }

    .dropdown-wrapper.tall .dropdown-selected[b-6r1iz6d53x] {
        line-height: 56px !important;
    }

    .dropdown-wrapper.tall .dropdown-label[b-6r1iz6d53x] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--Zahlwerk-white);
        padding: 0 4px;
        transition: all 0.2s ease;
    }

        .dropdown-wrapper.tall .dropdown-label.floated[b-6r1iz6d53x] {
            top: -10px;
            transform: translateY(0);
            font-size: 12px;
            color: var(--Zahlwerk-primary);
        }

.fixed-width[b-6r1iz6d53x],
.fixed-width .dropdown-wrapper[b-6r1iz6d53x],
.fixed-width .custom-dropdown[b-6r1iz6d53x] {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
}

.dropdown-list-item.disabled[b-6r1iz6d53x] {
    color: var(--Zahlwerk-light-gray);
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/EnumDropdownJS.razor.rz.scp.css */
.dropdown-wrapper[b-2wnvvet2qt] {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
}

.dropdown-header[b-2wnvvet2qt] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 5px;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.dropdown-header.disabled[b-2wnvvet2qt],
.dropdown-wrapper.disabled[b-2wnvvet2qt] {
    background-color: #e9ecef;
    cursor: not-allowed;
    color: var(--Zahlwerk-gray);
}

.dropdown-selected[b-2wnvvet2qt] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.dropdown-label[b-2wnvvet2qt] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.2s ease;
}

.dropdown-label.floated[b-2wnvvet2qt] {
    top: -10px;
    font-size: 12px;
    color: var(--Zahlwerk-primary);
    transform: translateY(0);
}

.dropdown-arrow[b-2wnvvet2qt] {
    width: 18px;
    height: 18px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s;
}

.dropdown-arrow.expanded[b-2wnvvet2qt] {
    transform: rotate(180deg);
}

.dropdown-list[data-portal="true"][b-2wnvvet2qt] {
    width: auto;
    transition: none;
}

.dropdown-list[b-2wnvvet2qt] {
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
}

    .dropdown-list[b-2wnvvet2qt]::-webkit-scrollbar {
        width: 15px;
        background: var(--Zahlwerk-Light-Primary, #e6f2f4);
    }

    .dropdown-list[b-2wnvvet2qt]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-Dark-Primary, #146d8f);
        border-radius: 100px;
        border: 4px solid var(--Zahlwerk-Light-Primary, #e6f2f4);
    }

    .dropdown-list[b-2wnvvet2qt]::-webkit-scrollbar-thumb:hover {
        background: var(--Zahlwerk-Primary, #008a9d);
    }

    .dropdown-list li[b-2wnvvet2qt] {
    color: var(--Zahlwerk-black);
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.dropdown-list li:hover[b-2wnvvet2qt] {
    background-color: var(--Zahlwerk-light-primary);
}

.dropdown-wrapper.tall[b-2wnvvet2qt] {
    position: relative;
}

    .dropdown-wrapper.tall .dropdown-header[b-2wnvvet2qt] {
        height: 56px !important;
        display: flex;
        align-items: center;
        padding: 0 12px;
    }

    .dropdown-wrapper.tall .dropdown-selected[b-2wnvvet2qt] {
        line-height: 56px !important;
    }

    .dropdown-wrapper.tall .dropdown-label[b-2wnvvet2qt] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--Zahlwerk-white);
        padding: 0 4px;
        transition: all 0.2s ease;
    }

        .dropdown-wrapper.tall .dropdown-label.floated[b-2wnvvet2qt] {
            top: -10px;
            transform: translateY(0);
            font-size: 12px;
            color: var(--Zahlwerk-primary);
        }

.fixed-width[b-2wnvvet2qt],
.fixed-width .dropdown-wrapper[b-2wnvvet2qt],
.fixed-width .custom-dropdown[b-2wnvvet2qt] {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
}

.dropdown-list-item.disabled[b-2wnvvet2qt] {
    color: var(--Zahlwerk-light-gray);
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.dropdown-header[b-2wnvvet2qt] {
    padding: 0 12px;
}

.dropdown-list[b-2wnvvet2qt] {
    padding: 0;
}

    .dropdown-list li[b-2wnvvet2qt] {
        padding: 10px 12px;
    }
.dropdown-wrapper.import[b-2wnvvet2qt] {
    position: relative;
    width: 220px;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/ExportButton.razor.rz.scp.css */
.export-button[b-lktf1b1enb] {
    display: flex;
    width: 150px;
    padding: 8px 12px;
    flex-direction: row;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Zahlwerk-primary);
}

.export-text[b-lktf1b1enb] {
    color: var(--Zahlwerk-white, #fff);
    margin: 0;
}

.export-icon[b-lktf1b1enb],
.arrow-down-icon[b-lktf1b1enb] {
    width: 24px;
    height: 24px;
}

.arrow-down-icon[b-lktf1b1enb] {
    margin-left: auto;
}

.export-button:disabled[b-lktf1b1enb] {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    color: #9c9c9c;
    cursor: not-allowed;
}

.disabled-menu[b-lktf1b1enb] {
    pointer-events: none;
    opacity: 0.6;
}

.dropdown-item.disabled[b-lktf1b1enb] {
    color: #9c9c9c;
    pointer-events: none;
    text-decoration: none;
}

/* Remove this below when enabling the button for use*/
.dropdown:hover .dropdown-menu[b-lktf1b1enb] {
    display: none !important;
}

.dropdown-menu[b-lktf1b1enb] {
    display: none;
}

.dropdown.show .dropdown-menu[b-lktf1b1enb] {
    display: block;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/GenericDropdown.razor.rz.scp.css */
.dropdown-wrapper[b-v55swx3zi6] {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
}

.dropdown-header[b-v55swx3zi6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 5px;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

    .dropdown-header.disabled[b-v55swx3zi6],
    .dropdown-wrapper.disabled[b-v55swx3zi6] {
        background-color: var(--Zahlwerk-light-primary);
        cursor: not-allowed;
        color: var(--Zahlwerk-gray);
    }

.dropdown-selected[b-v55swx3zi6] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.dropdown-label[b-v55swx3zi6] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.2s ease;
}

    .dropdown-label.floated[b-v55swx3zi6] {
        top: -10px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.dropdown-arrow[b-v55swx3zi6] {
    width: 18px;
    height: 18px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s;
}

    .dropdown-arrow.expanded[b-v55swx3zi6] {
        transform: rotate(180deg);
    }

.dropdown-list[b-v55swx3zi6] {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
}

    .dropdown-list li[b-v55swx3zi6] {
        color: var(--Zahlwerk-black);
        line-height: 24px;
        letter-spacing: 0.15px;
        padding: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .dropdown-list li:hover[b-v55swx3zi6] {
            background-color: var(--Zahlwerk-light-primary);
        }


.dropdown-wrapper.tall[b-v55swx3zi6] {
    position: relative;
}

    .dropdown-wrapper.tall .dropdown-header[b-v55swx3zi6] {
        height: 56px !important;
        display: flex;
        align-items: center;
        padding: 0 12px;
    }

    .dropdown-wrapper.tall .dropdown-selected[b-v55swx3zi6] {
        line-height: 56px !important;
        font-size: 18px;
        font-weight: 400;
    }

    .dropdown-wrapper.tall .dropdown-label[b-v55swx3zi6] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--Zahlwerk-white);
        padding: 0 4px;
        transition: all 0.2s ease;
    }

        .dropdown-wrapper.tall .dropdown-label.floated[b-v55swx3zi6] {
            top: -10px;
            transform: translateY(0);
            font-size: 12px;
            color: var(--Zahlwerk-primary);
        }
/* _content/ChefPlanner.UI/Components/DesignSystem/GenericDropdownJS.razor.rz.scp.css */
.dropdown-wrapper[b-6bc7jop8l7] {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
}

.dropdown-header[b-6bc7jop8l7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 5px;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

    .dropdown-header.disabled[b-6bc7jop8l7],
    .dropdown-wrapper.disabled[b-6bc7jop8l7] {
        background-color: var(--Zahlwerk-light-primary);
        cursor: not-allowed;
        color: var(--Zahlwerk-gray);
    }

.dropdown-selected[b-6bc7jop8l7] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
}

.dropdown-label[b-6bc7jop8l7] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.2s ease;
}

    .dropdown-label.floated[b-6bc7jop8l7] {
        top: -10px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.dropdown-arrow[b-6bc7jop8l7] {
    width: 18px;
    height: 18px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s;
}

    .dropdown-arrow.expanded[b-6bc7jop8l7] {
        transform: rotate(180deg);
    }

.dropdown-list[data-portal="true"][b-6bc7jop8l7] {
    width: auto;
    transition: none; 
}

.dropdown-list[b-6bc7jop8l7] {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
}

    .dropdown-list li[b-6bc7jop8l7] {
        color: var(--Zahlwerk-black);
        line-height: 24px;
        letter-spacing: 0.15px;
        padding: 10px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .dropdown-list li:hover[b-6bc7jop8l7] {
            background-color: var(--Zahlwerk-light-primary);
        }


.dropdown-wrapper.tall[b-6bc7jop8l7] {
    position: relative;
}

    .dropdown-wrapper.tall .dropdown-header[b-6bc7jop8l7] {
        height: 56px !important;
        display: flex;
        align-items: center;
        padding: 0 12px;
    }

    .dropdown-wrapper.tall .dropdown-selected[b-6bc7jop8l7] {
        line-height: 56px !important;
        font-size: 18px;
        font-weight: 400;
    }

    .dropdown-wrapper.tall .dropdown-label[b-6bc7jop8l7] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        background: var(--Zahlwerk-white);
        padding: 0 4px;
        transition: all 0.2s ease;
    }

        .dropdown-wrapper.tall .dropdown-label.floated[b-6bc7jop8l7] {
            top: -10px;
            transform: translateY(0);
            font-size: 12px;
            color: var(--Zahlwerk-primary);
        }
/* _content/ChefPlanner.UI/Components/DesignSystem/LoadingSpinner.razor.rz.scp.css */
.spinner-container[b-agmbsf3diz], .processing-container[b-agmbsf3diz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.spinner[b-agmbsf3diz] {
    border: 15px solid var(--Zahlwerk-primary);
    border-top: 15px solid var(--Zahlwerk-light-primary);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin-b-agmbsf3diz 2s linear infinite;
    margin-bottom: 40px;
}

@keyframes spin-b-agmbsf3diz {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/ChefPlanner.UI/Components/DesignSystem/MonthlyRoutineComponent.razor.rz.scp.css */
.persistent-img[b-2jrav8je5y] {
    position: absolute;
    border-radius: 6px;
    right: 20px;
    bottom: 20px;
    max-height: 34px;
    background-color: var(--Zahlwerk-yellow);
    overflow: hidden;
}

    .persistent-img.allChackedClass[b-2jrav8je5y] {
        background-color: var(--Zahlwerk-success);
    }

.select-persistent[b-2jrav8je5y] {
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    max-height: 34px;
    border: none;
    width: 0px;
    overflow: hidden;
    padding: 0px;
    position: relative;
    background-color: var(--Zahlwerk-yellow);
    color: var(--Zahlwerk-white);
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .select-persistent.allChackedClass[b-2jrav8je5y] {
        background-color: var(--Zahlwerk-success);
    }

.persistent-img:hover .select-persistent[b-2jrav8je5y] {
    opacity: 1;
    width: 150px;
    padding: 0px 6px;
}

.info-monthly-routine-icon[b-2jrav8je5y] {
    display: inline-flex;
    align-self: center;
    margin-bottom: 8px;
    width: 20px;
    height: 20px;
}

.select-persistent-open[b-2jrav8je5y] {
    display: inline-flex;
    align-items: center;
    border-radius: 6px;
    height: 28px;
    max-height: 28px;
    width: 150px;
    border: none;
    position: relative;
    background-color: var(--Zahlwerk-yellow);
    color: var(--Zahlwerk-white);
}

    .select-persistent-open.allChackedClass[b-2jrav8je5y] {
        background-color: var(--Zahlwerk-success);
    }

.popup-modal[b-2jrav8je5y] {
    position: absolute;
    width: 420px;
    height: 580px;
    background-color: var(--Zahlwerk-light-primary);
    border-radius: 6px;
    right: 20px;
    bottom: 65px;
    z-index: 1000;
}

.popup-modal-header[b-2jrav8je5y] {
    width: 420px;
    height: 120px;
    padding-left:20px;
    padding-top:20px;
    background-color: var(--Zahlwerk-yellow);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .popup-modal-header.allChackedClass[b-2jrav8je5y] {
        background-color: var(--Zahlwerk-success);
    }

.content-with-info-icon[b-2jrav8je5y] {
    display: flex;
    flex-direction: row;
}

.check-content[b-2jrav8je5y] {
    position: relative;
    border-radius: 6px;
    padding: 3px 3px 3px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 376px;
    height: 36px;
    margin: 8px 8px;
    background-color: var(--Zahlwerk-white);
    border: 1px solid var(--Zahlwerk-light-gray);
}

    .check-content.checked-box[b-2jrav8je5y] {
        border: 1px solid var(--Zahlwerk-success);
    }

.check-box-content[b-2jrav8je5y] {
    display: flex;
    align-items: center;
}

.form-check-input-monthly-routine[b-2jrav8je5y] {
    height: 16px;
    width: 16px;
    margin-right: 4px;
}

.form-check-label-monthly-routine[b-2jrav8je5y] {
    font-size: 12px;
    font-weight: 400;
    margin-left: 4px;
}

.monthly-routine-link[b-2jrav8je5y] {
    font-size: 12px;
    font-weight: 400;
    cursor:pointer;
    color: var(--Zahlwerk-primary);
}

.title-text[b-2jrav8je5y] {
    color: var(--Zahlwerk-white);
    font-size: 18px;
    font-weight: 700;
    margin-left: 8px;
}

.header-text[b-2jrav8je5y] {
    color: var(--Zahlwerk-white);
    font-size: 14px;
    font-weight: 400;
}
/* _content/ChefPlanner.UI/Components/DesignSystem/MonthSelectorComponent.razor.rz.scp.css */
.month-selector-container[b-zr59fp7vjm] {
    position: relative;
    min-width: 100px;
    width: 100%;
}

.input-container[b-zr59fp7vjm] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.month-selector-container .month-selector-label[b-zr59fp7vjm] {
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: var(--Zahlwerk-light-gray) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

    .month-selector-container .month-selector-label.floated[b-zr59fp7vjm] {
        top: -10px !important;
        transform: none !important;
        font-size: 12px !important;
        color: var(--Zahlwerk-primary) !important;
        background-color: var(--Zahlwerk-white);
        padding: 0 4px;
    }

.month-selector-header[b-zr59fp7vjm] {
    width: 100%;
    height: 40px; 
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .month-selector-header:focus[b-zr59fp7vjm],
    .month-selector-header:hover[b-zr59fp7vjm] {
        outline: none;
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
    }

.input-label[b-zr59fp7vjm] {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    /* Floated label: when the field is focused or has a selection */
    .input-label.floated[b-zr59fp7vjm] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.month-selector-dropdown[b-zr59fp7vjm] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.month-grid[b-zr59fp7vjm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10%;
    row-gap: 10%;
    margin-bottom: 20%;
    margin-top: 10%;
    justify-items: center;
}

.month-button[b-zr59fp7vjm] {
    width: 100%;
    height: 120%;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 20px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .month-button.active[b-zr59fp7vjm] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .month-button:hover[b-zr59fp7vjm] {
        background-color: #e9ecef;
    }

.year-navigation[b-zr59fp7vjm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
}

.nav-button[b-zr59fp7vjm] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--Zahlwerk-primary);
    padding: 4px 8px;
    transition: transform 0.2s;
}

    .nav-button:hover[b-zr59fp7vjm] {
        transform: scale(1.2);
    }

.dropdown-icon[b-zr59fp7vjm] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
}

    .dropdown-icon.active[b-zr59fp7vjm] {
        transform: rotate(180deg);
    }

.custom-dropdown[b-zr59fp7vjm] {
    position: relative;
    width: 220px;
}

    .custom-dropdown .custom-floating-label[b-zr59fp7vjm] {
        color: var(--Zahlwerk-primary);
        font-size: 12px;
        font-family: Arial, sans-serif;
        top: -0.5rem;
        left: 0.35rem;
        font-size: 0.75rem;
        z-index: 5;
    }
/* _content/ChefPlanner.UI/Components/DesignSystem/MonthSelectorComponentJS.razor.rz.scp.css */
.month-selector-container[b-jw6cvu6vwk] {
    position: relative;
}

.input-container[b-jw6cvu6vwk] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.month-selector-container .month-selector-label[b-jw6cvu6vwk] {
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: var(--Zahlwerk-light-gray) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

    .month-selector-container .month-selector-label.floated[b-jw6cvu6vwk] {
        top: -10px !important;
        transform: none !important;
        font-size: 12px !important;
        color: var(--Zahlwerk-primary) !important;
        background-color: var(--Zahlwerk-white);
        padding: 0 4px;
    }

.month-selector-header[b-jw6cvu6vwk] {
    width: 100%;
    height: 40px;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    background-color: var(--Zahlwerk-white);
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .month-selector-header:focus[b-jw6cvu6vwk],
    .month-selector-header:hover[b-jw6cvu6vwk] {
        outline: none;
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
    }

.input-label[b-jw6cvu6vwk] {
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    .input-label.floated[b-jw6cvu6vwk] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.month-selector-dropdown[data-portal="true"][b-jw6cvu6vwk] {
    width: auto;
    transition: none;
}

.month-selector-dropdown[b-jw6cvu6vwk] {
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 5px;
    z-index: 10;
    padding: 10px;
}

.month-grid[b-jw6cvu6vwk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10%;
    row-gap: 10%;
    margin-bottom: 20%;
    margin-top: 10%;
    justify-items: center;
}

.month-button[b-jw6cvu6vwk] {
    width: 100%;
    height: 120%;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 20px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .month-button.active[b-jw6cvu6vwk] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .month-button:hover[b-jw6cvu6vwk] {
        background-color: #e9ecef;
    }

.year-navigation[b-jw6cvu6vwk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
}

.nav-button[b-jw6cvu6vwk] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--Zahlwerk-primary);
    padding: 4px 8px;
    transition: transform 0.2s;
}

    .nav-button:hover[b-jw6cvu6vwk] {
        transform: scale(1.2);
    }

.dropdown-icon[b-jw6cvu6vwk] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
}

    .dropdown-icon.active[b-jw6cvu6vwk] {
        transform: rotate(180deg);
    }

.custom-dropdown[b-jw6cvu6vwk] {
    position: relative;
    width: auto;
}

    .custom-dropdown .custom-floating-label[b-jw6cvu6vwk] {
        color: var(--Zahlwerk-primary);
        font-size: 12px;
        font-family: Arial, sans-serif;
        top: -0.5rem;
        left: 0.35rem;
        font-size: 0.75rem;
        z-index: 5;
    }
/* _content/ChefPlanner.UI/Components/DesignSystem/PaymentTermRow.razor.rz.scp.css */
.delete-btn[b-nx3lnypp84] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .delete-btn img[b-nx3lnypp84] {
        width: 28px;
        height: 28px;
    }

.payment-term-grid.two-col[b-nx3lnypp84] {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    column-gap: 20px;
    row-gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

.payment-term-grid .month-cell[b-nx3lnypp84] {
    min-width: 0;
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
}

.payment-term-grid .month-wrap[b-nx3lnypp84] {
    width: 100%;
    max-width: 260px; 
    min-width: 0; 
}

.payment-term-grid .right-col[b-nx3lnypp84] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) 40px;
    column-gap: 12px;
    align-items: center;
    min-width: 0;
}

.payment-term-grid .input-container[b-nx3lnypp84] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
}

    .payment-term-grid .input-container input[b-nx3lnypp84] {
        width: 100%;
        min-width: 0;
        height: 40px;
        padding: 10px 12px;
    }

.payment-term-grid .input-label[b-nx3lnypp84] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    transition: .2s;
}

.payment-term-grid .input-container.has-value .input-label[b-nx3lnypp84],
.payment-term-grid .input-container:focus-within .input-label[b-nx3lnypp84] {
    top: -8px;
    left: 10px;
    font-size: 12px;
    transform: none;
}

.payment-term-grid .delete-btn[b-nx3lnypp84] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
}

    .payment-term-grid .delete-btn img[b-nx3lnypp84] {
        width: 24px;
        height: 24px;
    }

.payment-term-grid .right-col-error[b-nx3lnypp84] {
    grid-column: 1 / -1;
    margin-top: 6px;
    font-size: 12px;
    color: var(--Zahlwerk-error, #c62828);
}

@media (max-width: 720px) {
    .payment-term-grid.two-col[b-nx3lnypp84] {
        grid-template-columns: 1fr;
    }

    .payment-term-grid .month-wrap[b-nx3lnypp84] {
        max-width: 100%;
    }

    .payment-term-grid .right-col[b-nx3lnypp84] {
        grid-template-columns: 1fr 40px;
    }
}

/* _content/ChefPlanner.UI/Components/DesignSystem/SelectDropdownSmall.razor.rz.scp.css */
.custom-dropdown .custom-floating-label[b-o9gzno4jcf] {
    color: var(--Zahlwerk-primary, #008a9d);
    font-size: 12px;
}
.custom-dropdown .custom-option[b-o9gzno4jcf] {
}
/* _content/ChefPlanner.UI/Components/DesignSystem/SmallMonthSelector.razor.rz.scp.css */
.small-month-selector-container[b-bk6wg8f2uc] {
    position: relative;
    width: 100%;
}

.input-container[b-bk6wg8f2uc] {
    position: relative;
}

.small-month-selector-header[b-bk6wg8f2uc] {
    width: 100%;
    height: 40px; /* Consistent height */
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    background-color: var(--Zahlwerk-white);
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .small-month-selector-header:focus[b-bk6wg8f2uc],
    .small-month-selector-header:hover[b-bk6wg8f2uc] {
        outline: none;
        border-color: var(--Zahlwerk-primary);
        box-shadow: 0 0 0 2px var(--Zahlwerk-primary);
    }

/* Use a specific class for the small selector label */
.small-month-selector-container .small-month-selector-label[b-bk6wg8f2uc] {
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: var(--Zahlwerk-light-gray) !important;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
}

    .small-month-selector-container .small-month-selector-label.floated[b-bk6wg8f2uc] {
        top: -10px !important;
        transform: none !important;
        font-size: 12px !important;
        color: var(--Zahlwerk-primary) !important;
        background-color: var(--Zahlwerk-white);
        padding: 0 4px;
    }

.input-label[b-bk6wg8f2uc] {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    background-color: transparent;
    padding: 0 4px;
    transition: all 0.2s ease;
    pointer-events: none;
    border-radius: 3px;
}

    .input-label.floated[b-bk6wg8f2uc] {
        top: -10px;
        left: 8px;
        font-size: 12px;
        color: var(--Zahlwerk-primary);
        transform: translateY(0);
    }

.small-month-selector-dropdown[b-bk6wg8f2uc] {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    z-index: 10000;
    padding: 8px;
}

.small-year-navigation[b-bk6wg8f2uc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.3rem;
}

.small-nav-button[b-bk6wg8f2uc] {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    color: var(--Zahlwerk-primary);
    padding: 2px 4px;
    transition: transform 0.2s;
}

    .small-nav-button:hover[b-bk6wg8f2uc] {
        transform: scale(1.1);
    }

.small-month-grid[b-bk6wg8f2uc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    justify-items: center;
}

.small-month-button[b-bk6wg8f2uc] {
    width: 35px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 15px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .small-month-button.active[b-bk6wg8f2uc] {
        background-color: var(--Zahlwerk-primary);
        color: #fff;
        border-color: var(--Zahlwerk-primary);
    }

    .small-month-button:hover[b-bk6wg8f2uc] {
        background-color: #e9ecef;
    }

.dropdown-icon[b-bk6wg8f2uc] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.1s ease;
}

    .dropdown-icon.active[b-bk6wg8f2uc] {
        transform: rotate(180deg);
    }
/* _content/ChefPlanner.UI/Components/DesignSystem/StatusActionButton.razor.rz.scp.css */
.button-zahlwerk[b-dxmcouv315] {
    border-radius: 10px;
    font-weight: 600;
    margin-top: 0;
}

    .button-zahlwerk.small[b-dxmcouv315] {
        padding: .4rem .7rem;
        font-size: .85rem;
    }

.zw-btn--green[b-dxmcouv315] {
    background: var(--Zahlwerk-green);
    color: var(--Zahlwerk-white);
    border: none;
}

.zw-btn--teal:hover[b-dxmcouv315] {
    filter: brightness(0.95);
}

.zw-btn--neutral[b-dxmcouv315] {
    background: #E5E7EB;
    color: #111827;
    border: none;
}

    .zw-btn--neutral:hover[b-dxmcouv315] {
        filter: brightness(0.98);
    }
/* _content/ChefPlanner.UI/Components/DesignSystem/StatusBadge.razor.rz.scp.css */
.zw-badge[b-p3cgrbsqpg] {
    display: inline-flex;
    justify-content: center;
    gap: .35rem;
    font-weight: 700;
    border-radius: 9999px;
    white-space: nowrap;
    width: 75px;
    font-size: .75rem;
    padding: .15rem .5rem;
}

.zw-badge--sm[b-p3cgrbsqpg] {
    font-size: .75rem;
    padding: .15rem .5rem;
}

.zw-badge--md[b-p3cgrbsqpg] {
    font-size: .875rem;
    padding: .25rem .65rem;
}

.zw-badge--amber[b-p3cgrbsqpg] {
    background: var(--Zahlwerk-amber);
    color: var(--Zahlwerk-white);
}
.zw-badge--red[b-p3cgrbsqpg] {
    background: var(--Zahlwerk-red);
    color: var(--Zahlwerk-white);
}
.zw-badge--green[b-p3cgrbsqpg] {
    background: var(--Zahlwerk-green);
    color: var(--Zahlwerk-white);
}
.zw-badge--gray[b-p3cgrbsqpg] {
    background: #6B7280;
    color: var(--Zahlwerk-white);
}


/* _content/ChefPlanner.UI/Components/DesignSystem/Switch.razor.rz.scp.css */
.custom-switch-container[b-q93a61967s] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right:10px;
}

.switch-label[b-q93a61967s] {
    margin: 0;
}

.custom-switch[b-q93a61967s] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 14px;
}

.custom-switch-input[b-q93a61967s] {
    opacity: 0;
    width: 0;
    height: 0;
}

.custom-slider[b-q93a61967s] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 7px;
    transition: background-color 0.3s ease;
}

.custom-slider[b-q93a61967s]:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    left: -3px;
    bottom: -4px;
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    border-radius: 100%;
    transition: transform 0.3s, background-color 0.3s;
}

.custom-switch-input:checked + .custom-slider[b-q93a61967s] {
    background-color: var(--Zahlwerk-white, #008080);
    border: 1px solid var(--Zahlwerk-primary, #008a9d);
}

.custom-switch-input:checked + .custom-slider[b-q93a61967s]:before {
    transform: translateX(19px);
    background-color: var(--Zahlwerk-primary, #008080);
}

.custom-switch-input:disabled + .custom-slider[b-q93a61967s] {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
    cursor: not-allowed;
}

.custom-switch-input:disabled + .custom-slider[b-q93a61967s]:before {
    background-color: var(--Zahlwerk-light-gray, #9d9d9c);
}
/* _content/ChefPlanner.UI/Components/DesignSystem/YearSelectorComponent.razor.rz.scp.css */
.custom-dropdown[b-kq3n3bs0gc] {
    position: relative;
    width: 220px;
}

.custom-dropdown .custom-floating-label[b-kq3n3bs0gc] {
    color: var(--Zahlwerk-primary);
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.year-selector-container[b-kq3n3bs0gc] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
}

.year-selector-header[b-kq3n3bs0gc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
}

.selected-year[b-kq3n3bs0gc], .current-year[b-kq3n3bs0gc], .current-range[b-kq3n3bs0gc] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--Zahlwerk-black);
}

.dropdown-icon[b-kq3n3bs0gc] {
    background: url('/images/arrow-down.svg') no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.dropdown-icon.active[b-kq3n3bs0gc] {
    transform: rotate(180deg);
}

.year-selector-dropdown[b-kq3n3bs0gc] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 8px;
    background-color: var(--Zahlwerk-soft-light-primary);
    z-index: 1000;
    padding: 1rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.year-navigation[b-kq3n3bs0gc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0.5rem;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
}

.arrows-container[b-kq3n3bs0gc] {
    display: flex;
    gap: 0.5rem;
}

.arrow-button[b-kq3n3bs0gc] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #007bff;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s ease;
}

.arrow-button:hover[b-kq3n3bs0gc] {
    color: #0056b3;
}

.year-grid[b-kq3n3bs0gc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10%;
    row-gap: 10%;
    margin-bottom: 15%;
    margin-top: 10%;
    justify-items: center;
}

.year-button[b-kq3n3bs0gc] {
    width: 100%;
/*    height: 120%;
*/    font-size: 14px;
    text-align: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 20px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

    .year-button.active[b-kq3n3bs0gc] {
        background-color: var(--Zahlwerk-primary);
        color: var(--Zahlwerk-white);
        border-color: var(--Zahlwerk-primary);
    }

.year-button:hover[b-kq3n3bs0gc] {
    background-color: var(--Zahlwerk-soft-light-primary);
}

.custom-floating-label[b-kq3n3bs0gc] {
    top: -0.5rem;
    left: 0.35rem;
    font-size: 0.75rem;
    z-index: var(--z-index-floating-label);
}
/* _content/ChefPlanner.UI/Components/Employees/CompanyDataComponent.razor.rz.scp.css */
.header[b-25cbnw5sw4] {
    padding-top: 0;
    padding-bottom: 20px;
}

.header-left[b-25cbnw5sw4] {
    margin-left: 20px;
}

.header-right[b-25cbnw5sw4] {
    margin-right: 20px;
}

.one-row[b-25cbnw5sw4] {
    display: flex;
    flex-direction: row;    
    align-content:center;
    margin-bottom:30px;
    margin-left: 20px;
    height:40px;
}

.icon-container-minus[b-25cbnw5sw4] {
    display: flex;
    position: absolute;
    left: 400px;
    width: 40px;
    height: 40px;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    padding:8px;
}


.icon-container-plus[b-25cbnw5sw4] {
    display: flex;
    position: absolute;
    left: 470px;
    width: 40px;
    height: 40px;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    padding:8px;
}

.label-company-data[b-25cbnw5sw4] {
    display: flex;
    position: absolute;
    justify-content: center;
    align-content: center;
    padding: 5px;
    left: 435px;
    width: 40px;
    height: 40px;
    border: 2px solid var(--Zahlwerk-light-gray);
    color: var(--Zahlwerk-light-gray);
}

.body-text1.bold.company-data[b-25cbnw5sw4]{
    height:40px;
    padding:8px;
}

.spinner-container[b-25cbnw5sw4]{
    position:fixed;
    left:50%;
    top:50%;
    z-index:10;
}
/* _content/ChefPlanner.UI/Components/Employees/EmployeeSalariesComponent.razor.rz.scp.css */
.header-container[b-s9mv6r4kro]{
    padding: 20px 0 20px 20px;
}
.header[b-s9mv6r4kro] {
   margin: 20px;
    padding: 0;
}

.one-row[b-s9mv6r4kro] {
    display: flex;
    flex-direction: row;
    padding: 10px 10px;
}

.one-row.property[b-s9mv6r4kro] {
    font-weight: 700;
    margin-right: 10px;
    padding: 0px;
}

.one-row.value[b-s9mv6r4kro] {
    font-weight: 400;
    margin-right: 25px;
    padding: 0px;
}

.one-row.employee[b-s9mv6r4kro] {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.content.employee[b-s9mv6r4kro] {
    border: 2px solid var(--Zahlwerk-primary);
    border-radius: 6px;
    padding: 10px 0px;
    margin: 20px;
}

.body-employee-salary[b-s9mv6r4kro]{
    padding-bottom:30px;
}

.td.user-list.employee[b-s9mv6r4kro] {
    display: inline-flex;
    flex-direction: row;
    background-color: var(--Zahlwerk-soft-light-primary);
    width: 220px;
    text-size-adjust: auto;
}

.table[b-s9mv6r4kro] {
    width: 100%;
}

.th.user-list.employee[b-s9mv6r4kro] {
    border-top: 1px solid var(--Zahlwerk-light-primary);
    border-bottom: 1px solid var(--Zahlwerk-light-primary);
}

.input-table[b-s9mv6r4kro] {
    display: inline-flex;
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
    border: none;
    padding: 10px;
    justify-items:end;
    background-color: transparent;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
.input-table:focus[b-s9mv6r4kro] {
    outline: 1px solid var(--Zahlwerk-primary);
    background-color: transparent;
}

.input-table:disabled[b-s9mv6r4kro] {
    border: none;
    color: black;
    background-color: transparent;
}

.input-table.error[b-s9mv6r4kro] {
    outline: 1px solid var(--Zahlwerk-error);
    background-color: transparent;
}
.td.user-list.sum[b-s9mv6r4kro] {
    width: 40px;
}

.input-table[type='number'][b-s9mv6r4kro]::-webkit-outer-spin-button,
.input-table[type='number'][b-s9mv6r4kro]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.td.user-list.field[b-s9mv6r4kro] {
    padding: 0px;
}

.spinner-container[b-s9mv6r4kro] {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
}

.td.user-list.editable[b-s9mv6r4kro] {
    background-color: var(--Zahlwerk-yellow-edit);
    border: 1px solid var(--Zahlwerk-light-primary);
    padding: 0px;
}

.td.user-list.noneditable[b-s9mv6r4kro] {
    background-color: var(--Zahlwerk-white);
    border: 1px solid var(--Zahlwerk-light-primary);
    padding: 0px;
}

.info-wrapper[b-s9mv6r4kro] {
    display: inline-flex;
    align-items: center;
    position: relative; 
}

.info-button[b-s9mv6r4kro] {
    margin-left: 25px;
    cursor: pointer;
}

.popup[b-s9mv6r4kro] {
    display: none;
    position: absolute;
    top: -110px; 
    left: 0;
    padding: 8px;
    max-width: 200px;
    white-space: normal;
    word-break: break-word;
    background-color: var(--Zahlwerk-soft-light-primary);
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    z-index: 10;
    transform: translateY(40px) translateX(110px);
}

    .popup.show[b-s9mv6r4kro] {
        display: block;
    }

td.info-cell[b-s9mv6r4kro] {
    position: relative;
    padding: 0.5rem; 
    padding-right: 2.5rem; 
}

.info-button-container[b-s9mv6r4kro] {
    position: absolute;
    top: 0.5rem; 
    right: 0.5rem;
}

.info-button-container:hover .info-tooltip[b-s9mv6r4kro] {
    opacity: 1;
    visibility: visible;
}

.info-button-container:hover .info-tooltip[b-s9mv6r4kro] {
    display: block;
}

.button-row[b-s9mv6r4kro] {
    text-align: right;
    margin: 1rem;
}

.details-table-employee[b-s9mv6r4kro] {
    margin: 20px;
    width: auto;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
    .details-table-employee[b-s9mv6r4kro]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }


.custom-dropdown[b-s9mv6r4kro] {
    position: relative;
    width: 220px;
}

    .custom-dropdown .custom-floating-label[b-s9mv6r4kro] {
        color: var(--Zahlwerk-primary);
        font-size: 12px;
        font-family: Arial, sans-serif;
    }

.year-selector-container[b-s9mv6r4kro] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
}

.year-selector-header[b-s9mv6r4kro] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 4px;
    background-color: var(--Zahlwerk-white);
    cursor: pointer;
}

.selected-year[b-s9mv6r4kro], .current-year[b-s9mv6r4kro], .current-range[b-s9mv6r4kro] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--Zahlwerk-black);
}
/* _content/ChefPlanner.UI/Components/Employees/EmployeesWorkMetricsComponent.razor.rz.scp.css */
.header-container[b-ih90d7337o] {
	padding: 20px 0 20px 20px;
}

.header[b-ih90d7337o] {
	margin: 20px;
	padding: 0;
}

.one-row[b-ih90d7337o] {
	display: flex;
	flex-direction: row;
	padding: 10px 10px;
}

	.one-row.property[b-ih90d7337o] {
		font-weight: 700;
		margin-right: 10px;
		padding: 0px;
	}

	.one-row.value[b-ih90d7337o] {
		font-weight: 400;
		margin-right: 25px;
		padding: 0px;
	}

	.one-row.employee[b-ih90d7337o] {
		display: flex;
		justify-content: space-between;
		align-content: center;
	}

.content.employee[b-ih90d7337o] {
	border: 2px solid var(--Zahlwerk-primary);
	border-radius: 6px;
	padding: 10px 0px;
	margin: 20px;
}

.body-employee-salary[b-ih90d7337o] {
	padding-bottom: 30px;
}

.td.user-list.employee[b-ih90d7337o] {
	display: inline-flex;
	flex-direction: row;
	background-color: var(--Zahlwerk-soft-light-primary);
	width: 220px;
	text-size-adjust: auto;
}

.table[b-ih90d7337o] {
	width: 100%;
}

.th.user-list.employee[b-ih90d7337o] {
	border-top: 1px solid var(--Zahlwerk-light-primary);
	border-bottom: 1px solid var(--Zahlwerk-light-primary);
}

.input-table[b-ih90d7337o] {
	display: inline-flex;
	border: 1px solid transparent;
	width: 100%;
	height: 100%;
	border: none;
	padding: 10px;
	justify-items: end;
	background-color: transparent;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.input-table:focus[b-ih90d7337o] {
	outline: 1px solid var(--Zahlwerk-primary);
	background-color: transparent;
}

.input-table:disabled[b-ih90d7337o] {
	border: none;
	color: black;
	background-color: transparent;
}

.input-table.error[b-ih90d7337o] {
	outline: 1px solid var(--Zahlwerk-error);
	background-color: transparent;
}

.td.user-list.sum[b-ih90d7337o] {
	width: 40px;
}

.input-table[type='number'][b-ih90d7337o]::-webkit-outer-spin-button,
.input-table[type='number'][b-ih90d7337o]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.td.user-list.field[b-ih90d7337o] {
	padding: 0px;
}

.spinner-container[b-ih90d7337o] {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999;
}

.td.user-list.editable[b-ih90d7337o] {
	background-color: var(--Zahlwerk-yellow-edit);
	border: 1px solid var(--Zahlwerk-light-primary);
	padding: 0px;
}

.td.user-list.noneditable[b-ih90d7337o] {
	background-color: var(--Zahlwerk-white);
	border: 1px solid var(--Zahlwerk-light-primary);
	padding: 0px;
}

.info-wrapper[b-ih90d7337o] {
	display: inline-flex;
	align-items: center;
	position: relative;
}

.info-button[b-ih90d7337o] {
	margin-left: 25px;
	cursor: pointer;
}

.popup[b-ih90d7337o] {
	display: none;
	position: absolute;
	top: -110px;
	left: 0;
	padding: 8px;
	max-width: 200px;
	white-space: normal;
	word-break: break-word;
	background-color: var(--Zahlwerk-soft-light-primary);
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	z-index: 10;
	transform: translateY(40px) translateX(110px);
}

	.popup.show[b-ih90d7337o] {
		display: block;
	}

td.info-cell[b-ih90d7337o] {
	position: relative;
	padding: 0.5rem;
	padding-right: 2.5rem;
}

.info-button-container[b-ih90d7337o] {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}

	.info-button-container:hover .info-tooltip[b-ih90d7337o] {
		opacity: 1;
		visibility: visible;
	}

	.info-button-container:hover .info-tooltip[b-ih90d7337o] {
		display: block;
	}

.button-row[b-ih90d7337o] {
	text-align: right;
	margin: 1rem;
}

.details-table-employee[b-ih90d7337o] {
	margin: 20px;
	width: auto;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

	.details-table-employee[b-ih90d7337o]::-webkit-scrollbar {
		width: 0;
		height: 0;
	}


.custom-dropdown[b-ih90d7337o] {
	position: relative;
	width: 220px;
}

	.custom-dropdown .custom-floating-label[b-ih90d7337o] {
		color: var(--Zahlwerk-primary);
		font-size: 12px;
		font-family: Arial, sans-serif;
	}

.year-selector-container[b-ih90d7337o] {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 40px;
}

.year-selector-header[b-ih90d7337o] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
	border: 1px solid var(--Zahlwerk-light-gray);
	border-radius: 4px;
	background-color: var(--Zahlwerk-white);
	cursor: pointer;
}

.selected-year[b-ih90d7337o], .current-year[b-ih90d7337o], .current-range[b-ih90d7337o] {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: var(--Zahlwerk-black);
}
/* _content/ChefPlanner.UI/Components/Employees/Modals/CreateNewEmployeeModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-uqfvwxmlro] {
    width: 900px;
    max-width: 900px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}

.zahlwerk-modal-body[b-uqfvwxmlro] {
    overflow-y: hidden;
}
/* _content/ChefPlanner.UI/Components/Employees/Modals/EditEmployeeModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-spvbyzg43k] {
    width: 900px;
    max-width: 900px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}

.zahlwerk-modal-footer[b-spvbyzg43k]{
    padding: 0;
}

.zahlwerk-modal-body[b-spvbyzg43k] {
    overflow-y: hidden;
}
/* _content/ChefPlanner.UI/Components/Employees/Modals/QuitEmployeeSalaryTableConfirmationModal.razor.rz.scp.css */
.quit-modal-content[b-3t5smlbtd6] {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    width: 800px;
    z-index: 999;
}

.modal-content[b-3t5smlbtd6] {
    border-radius: 16px;
}

.quit-modal-header[b-3t5smlbtd6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 800px;
    height: 92px;
    padding: 30px 30px 30px 60px;
    border-bottom: none;
    background-color: var(--Zahlwerk-soft-light-primary);
}

    .quit-modal-header h3[b-3t5smlbtd6] {
        margin: 0;
    }

.close-button[b-3t5smlbtd6] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
}

.quit-modal-body[b-3t5smlbtd6] {
    margin-bottom: 20px;
    padding:60px;
}

.quit-modal-footer[b-3t5smlbtd6] {
    display: flex;
    justify-content: flex-end;
    margin-top:30px;
    gap: 10px;
}
/* _content/ChefPlanner.UI/Components/Employees/Modals/RemoveEmployeeModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-8fxyqo3bbl] {
    width: 800px;
    height: 500px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Employees/NumericCell.razor.rz.scp.css */
.input-table[b-4jt6lo250f] {
	display: inline-flex;
	border: 1px solid transparent;
	width: 100%;
	height: 100%;
	border: none;
	padding: 10px;
	justify-items: end;
	background-color: transparent;
	box-sizing: border-box;
	transition: border-color 0.2s ease;
}

.input-table:focus[b-4jt6lo250f] {
	outline: 1px solid var(--Zahlwerk-primary);
	background-color: transparent;
}

.input-table:disabled[b-4jt6lo250f] {
	border: none;
	color: black;
	background-color: transparent;
}

.input-table.error[b-4jt6lo250f] {
	outline: 1px solid var(--Zahlwerk-error);
	background-color: transparent;
}

.input-table[type='number'][b-4jt6lo250f]::-webkit-outer-spin-button,
.input-table[type='number'][b-4jt6lo250f]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* _content/ChefPlanner.UI/Components/Employees/TeamMembersComponent.razor.rz.scp.css */
.header[b-9fxl76o1n5] {
    padding-top: 0;
    padding-bottom: 20px;
}

.header-left[b-9fxl76o1n5] {
    margin-left: 20px;
    flex: 1 1 760px;
}

.header-right[b-9fxl76o1n5] {
    margin: 0 20px;
}
.spinner[b-9fxl76o1n5] {
    border: 8px var(--Zahlwerk-primary);
    border-top: 8px solid var(--Zahlwerk-light-primary);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-9fxl76o1n5 2s linear infinite;
}

.table td[b-9fxl76o1n5] {
    white-space: normal;
    word-wrap: break-word;
}
    .table th:last-child[b-9fxl76o1n5],
    .table td:last-child[b-9fxl76o1n5] {
        width: 60px;
        text-align: center;
        padding: 0;
    }

@keyframes spin-b-9fxl76o1n5 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner-container[b-9fxl76o1n5] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; 
}
/* _content/ChefPlanner.UI/Components/HourlyRateCalculation/HourlyRateAssumptions.razor.rz.scp.css */
.hourly-rate-assumptions[b-mkwougscje] {
    display: flex;
    width: 100%;
    padding: 40px;
    align-items: flex-start;
    gap: 40px;
    border-radius: 6px;
    border: 1px solid var(--Zahlwerk-light-primary);
}

.assumptions-panel[b-mkwougscje] {
    width: 100%;
    padding: 20px 40px 20px 40px;
    align-items: flex-start;
    border-radius: 6px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: #fff;
    height: 100%;
    overflow: auto;
}

    .assumptions-panel[b-mkwougscje]::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .assumptions-panel[b-mkwougscje]::-webkit-scrollbar-track {
        background-color: var(--Zahlwerk-primary);
    }

    .assumptions-panel[b-mkwougscje]::-webkit-scrollbar-thumb {
        background: var(--Zahlwerk-primary);
        border-radius: 4px;
    }

.assumption-row[b-mkwougscje] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-container-left[b-mkwougscje] {
    width: 100%;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    color: var(--Zahlwerk-primary)
}

.input-container-right[b-mkwougscje] {
    width: 60%;
}

.assumption-value[b-mkwougscje] {
    font-weight: 600;
    color: var(--Zahlwerk-black);
}

.assumption-row[b-mkwougscje] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px; 
}

.assumptions-header[b-mkwougscje]{

}
/* _content/ChefPlanner.UI/Components/HourlyRateCalculation/HourlyRateCalculationHeader.razor.rz.scp.css */
.header-right[b-lhejcvjzfj] {
    gap: 24px;
}
/* _content/ChefPlanner.UI/Components/HourlyRateCalculation/HourlyRateTable.razor.rz.scp.css */
.hourly-rate-table[b-3b9qlnscnu] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: inherit;
    border-radius: 8px;
    margin-bottom: 24px;
}

    .hourly-rate-table thead tr[b-3b9qlnscnu] {
        background: var(--Zahlwerk-primary);
        color: var(--Zahlwerk-white);
        font-weight: 600;
    }

    .hourly-rate-table th[b-3b9qlnscnu],
    .hourly-rate-table td[b-3b9qlnscnu] {
        padding: 12px 16px;
        text-align: left;
        font-size: 1rem;
        border-right: 1px solid var(--Zahlwerk-light-primary);
    }

    .hourly-rate-table tbody tr[b-3b9qlnscnu] {
        background: var(--Zahlwerk-soft-light-primary);
        border: 1px solid var(--Zahlwerk-light-primary);
    }

    .hourly-rate-table thead th:first-child[b-3b9qlnscnu] {
        border-top-left-radius: 8px;
    }

    .hourly-rate-table thead th:last-child[b-3b9qlnscnu] {
        border-top-right-radius: 8px;
    }

    .hourly-rate-table tbody tr:last-child td:first-child[b-3b9qlnscnu] {
        border-bottom-left-radius: 8px;
    }

    .hourly-rate-table tbody tr:last-child td:last-child[b-3b9qlnscnu] {
        border-bottom-right-radius: 8px;
    }

    .hourly-rate-table th[b-3b9qlnscnu],
    .hourly-rate-table td[b-3b9qlnscnu] {
        overflow: visible;
    }

.info-button-container[b-3b9qlnscnu] {
    position: relative; 
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

.info-button[b-3b9qlnscnu] {
    background: none;
    border: none;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 2px solid transparent;
}

.info-tooltip[b-3b9qlnscnu] {
    position: absolute;
    top: 50%;
    left: calc(100% + 8px);
    transform: translateY(-50%) scale(.98);
    transform-origin: left center;
    max-width: 400px;
}

.info-button-container:hover .info-tooltip[b-3b9qlnscnu],
.info-button-container:focus-within .info-tooltip[b-3b9qlnscnu] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) scale(1);
}
/* _content/ChefPlanner.UI/Components/HourlyRateCalculation/HourlyRateTips.razor.rz.scp.css */
.hourly-rate-tips[b-4amxnfg6ep] {
    height: 100%;
    width: 100%;
    padding: 20px 20px 12px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    border-radius: 8px;
    border: 1px solid var(--Zahlwerk-light-primary);
    background: var(--Zahlwerk-soft-light-primary);
    font-size: 1rem;
}

.tips-header[b-4amxnfg6ep] {
    display: flex;
    margin-bottom: 8px;
    font-size: 1.06rem;
    font-weight: 400;
}

.tips-icon[b-4amxnfg6ep] {
    margin-right: 8px;
    display: flex;
    align-items: center;
    height: 32px;
    width: 32px;
}

.tips-title[b-4amxnfg6ep] {
    font-weight: 600;
}

.tips-content p[b-4amxnfg6ep] {
    margin-bottom: 12px;
    color: #1b2433;
    line-height: 1.5;
    font-size: 0.98rem;
}

.tips-content strong[b-4amxnfg6ep] {
    color: #243c6b;
}
/* _content/ChefPlanner.UI/Components/IdentityAccount/Shared/PasswordField.razor.rz.scp.css */
.toggle-visibility-button[b-bt91ugvydz] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

    .toggle-visibility-button img[b-bt91ugvydz] {
        width: 20px;
        height: 20px;
    }
/* _content/ChefPlanner.UI/Components/Investments/InvestmentsDetailsComponent.razor.rz.scp.css */
.header-left[b-wlgwudio5z] {
    max-width: 820px;
}

.table[b-wlgwudio5z] {
    width: 100%;
}

.table th[b-wlgwudio5z] {
        text-align: right;
    }

@media screen and (max-width: 768px) {
    .table th[b-wlgwudio5z],
    .table td[b-wlgwudio5z] {
        font-size: 12px;
        padding: 8px;
    }

    .year-selection select[b-wlgwudio5z] {
        font-size: 14px;
    }
}
/* _content/ChefPlanner.UI/Components/Investments/InvestmentsListComponent.razor.rz.scp.css */
.table th:nth-child(1)[b-tn52qy1hz3],
.table td:nth-child(1)[b-tn52qy1hz3],
.table th:nth-child(2)[b-tn52qy1hz3],
.table td:nth-child(2)[b-tn52qy1hz3]{
    width: auto;
}

.table th:nth-child(3)[b-tn52qy1hz3],
.table td:nth-child(3)[b-tn52qy1hz3],
.table th:nth-child(4)[b-tn52qy1hz3],
.table td:nth-child(4)[b-tn52qy1hz3],
.table th:nth-child(5)[b-tn52qy1hz3],
.table td:nth-child(5)[b-tn52qy1hz3],
.table th:nth-child(6)[b-tn52qy1hz3],
.table td:nth-child(6)[b-tn52qy1hz3] {
    width: 15%;
}

.table th:last-child[b-tn52qy1hz3],
.table td:last-child[b-tn52qy1hz3] {
    width: 44px;
    position: sticky;
    z-index: 2;
}
.table th:last-child[b-tn52qy1hz3]{
    right: 0;
}

.header-only[b-tn52qy1hz3] {
    display: block;
    width: 100%;
    overflow: hidden; 
}

    .header-only thead[b-tn52qy1hz3] {
        display: table;
        width: 100%;
    }

        .header-only thead tr[b-tn52qy1hz3] {
            height: 44px;
        }

    .header-only tbody[b-tn52qy1hz3] {
        display: none;
    }
/* _content/ChefPlanner.UI/Components/LiquidityAssumptions/LiquidityAssumptionsComponent.razor.rz.scp.css */
.liquidity-assumptions-container[b-pco3cfd8sf] {
    display:flex;
    flex-direction: column;
    padding: 20px;
    padding-top: 0;
    max-width: 800px;
    font-family: var(--font-family);
}

.section[b-pco3cfd8sf] {
    width: 80%;
    background-color: var(--Zahlwerk-white);
    padding: 20px;
}

.section-wide[b-pco3cfd8sf] {
    width: 100%;
    background-color: var(--Zahlwerk-white);
    padding: 20px;
}

/*h4 {
    margin-top: 0;
    margin-bottom: 16px;
    color: var(--Zahlwerk-dark-gray);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}*/

.employee-payment-section .inline-header h4[b-pco3cfd8sf] {
    font-size: 24px; 
    line-height: 1.2;
}

.input-pair[b-pco3cfd8sf] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-bottom: 5px;
}

.input-container[b-pco3cfd8sf] {
    width: 100%;
}

.enum-dropdown[b-pco3cfd8sf] {
    width: 330px;
    padding: 8px 12px;
    display: flex;
    width: 330px;
    height: 40px;
}
.static-text[b-pco3cfd8sf] {
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-Light-Primary, #E6F2F4);
    background: var(--Zahlwerk-Soft-LightPrimary, #F5FCFD);
    padding: 8px 12px;
    display: flex;
    width: 100%;
}

.static-text-label[b-pco3cfd8sf] {
    color: var(--Zahlwerk-Primary, #008A9D);
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 4px;
}
.static-text-value[b-pco3cfd8sf] {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* Loading indicator styles */
.loading-container[b-pco3cfd8sf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    height: 200px;
}

.spinner[b-pco3cfd8sf] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 138, 157, 0.1);
    border-radius: 50%;
    border-top-color: var(--Zahlwerk-Primary, #008A9D);
    animation: spin-b-pco3cfd8sf 1s ease-in-out infinite;
    margin-bottom: 16px;
}

.inline-header[b-pco3cfd8sf] {
    width: 100%;
    justify-content:space-between;
    display: inline-flex;
    gap: 0.5rem; 
}

@keyframes spin-b-pco3cfd8sf {
    to {
        transform: rotate(360deg);
    }
}
/* _content/ChefPlanner.UI/Components/LiquidityAssumptions/MonthlyTable.razor.rz.scp.css */
.data-table[b-hq95irct9x] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: clip;
}

    .data-table table[b-hq95irct9x] {
        width: 100%;
    }

    .data-table th[b-hq95irct9x],
    .data-table td[b-hq95irct9x] {
        padding: 8px 2px;
        text-align: right;
        font-size: 14px;
        border: 1px solid var(--Zahlwerk-light-primary);
    }

        .data-table th:first-child[b-hq95irct9x],
        .data-table td:first-child[b-hq95irct9x] {
            text-align: left;
            padding-left: 8px;
            font-weight: bold;
            border-left: 2px solid var(--Zahlwerk-light-primary);
            border-bottom: 2px solid var(--Zahlwerk-light-primary);
            z-index:2;
        }

        .data-table th:last-child[b-hq95irct9x],
        .data-table td:last-child[b-hq95irct9x] {
            border-left: 1px solid var(--Zahlwerk-light-primary);
        }

    .data-table thead tr[b-hq95irct9x] {
        background-color: var(--Zahlwerk-soft-light-primary);
    }

        .data-table thead tr th[b-hq95irct9x] {
            text-align: center;
        }

            .data-table thead tr th:first-of-type[b-hq95irct9x],
            .data-table tbody tr td:first-of-type[b-hq95irct9x] {
                position: sticky;
                left: 0;
                z-index: 1;
                overflow: visible;
            }
    
        .data-table thead tr th:first-of-type[b-hq95irct9x]:after, .data-table tbody tr td:first-of-type[b-hq95irct9x]:after {
                    content: '';
                    position: absolute;
                    top: -1px;
                    right: -1px;
                    width: calc(100% + 2px);
                    height: calc(100% + 2px);
                    background-color: #fff;
                    border-right: 1px solid var(--Zahlwerk-light-primary);
                    z-index: -1;
                }

                .data-table thead tr th:first-of-type[b-hq95irct9x]:after {
                    background-color: var(--Zahlwerk-soft-light-primary);
                }

.first-tr td[b-hq95irct9x] {
    background: var(--Zahlwerk-yellow-edit);
}

.data-table input[b-hq95irct9x] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: right;
    padding: 4px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}

    .data-table input:focus[b-hq95irct9x] {
        outline: none;
        background-color: var(--Zahlwerk-soft-light-primary);
    }

.data-table .positive[b-hq95irct9x] {
    color: var(--Zahlwerk-success);
}

.data-table .negative[b-hq95irct9x] {
    color: var(--Zahlwerk-error);
}

.data-table tr:last-child td:not(:first-child):not(:last-child)[b-hq95irct9x] {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.data-table tr:last-child td.positive:not(:first-child):not(:last-child)[b-hq95irct9x]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: var(--Zahlwerk-success);
}

.data-table tr:last-child td.negative:not(:first-child):not(:last-child)[b-hq95irct9x]::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 16px;
    background-color: var(--Zahlwerk-error);
}
/* _content/ChefPlanner.UI/Components/LiquidityAssumptions/PaymentTermsSection.razor.rz.scp.css */
.payment-terms-list[b-dhahj49wnm] {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 8px;
    padding-right: 8px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .payment-terms-list[b-dhahj49wnm]::-webkit-scrollbar {
        width: 4px;
    }

    .payment-terms-list[b-dhahj49wnm]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 2px;
    }

        .payment-terms-list[b-dhahj49wnm]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-primary);
        }
.static-text[b-dhahj49wnm] {
    border-radius: 4px;
    border: 1px solid var(--Zahlwerk-Light-Primary, #E6F2F4);
    background: var(--Zahlwerk-Soft-LightPrimary, #F5FCFD);
    padding: 8px 12px;
    display: flex;
    width: 100%;
}

.static-text-label[b-dhahj49wnm] {
    color: var(--Zahlwerk-Primary, #008A9D);
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-right: 4px;
}
.inline-header[b-dhahj49wnm] {
    width: 100%;
    justify-content: space-between;
    display: inline-flex;
    gap: 0.5rem;
}

.static-text.has-error[b-dhahj49wnm] {
    border-color: var(--Zahlwerk-error-border);
    background: var(--Zahlwerk-error-bg);
}

.static-text-value.remaining-negative[b-dhahj49wnm] {
    color: var(--Zahlwerk-error);
    font-weight: 600;
}

.payment-terms-section .validation-message[b-dhahj49wnm],
.payment-terms-section .validation-error[b-dhahj49wnm],
.payment-terms-section .validation-error-list li[b-dhahj49wnm] {
    color: var(--Zahlwerk-error);
    margin-top: 4px;
    font-size: 0.9rem;
}


/* _content/ChefPlanner.UI/Components/LiquidityAssumptions/RevenuePaymentTermComponent.razor.rz.scp.css */
.revenue-term-row[b-e0nlz2wsnp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.delete-btn[b-e0nlz2wsnp] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .delete-btn img[b-e0nlz2wsnp] {
        width: 28px;
        height: 28px;
    }
/* _content/ChefPlanner.UI/Components/LiquidityTable/LiquidityTableHeader.razor.rz.scp.css */
.main-container[b-oe5a502j9o] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    padding: 20px;
    background-color: var(--Zahlwerk-white, #fff);
}

.box[b-oe5a502j9o] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--Zahlwerk-light-primary, #e6f2f4);
    padding-bottom: 10px;
}

.group .text[b-oe5a502j9o] {
    font-size: 24px;
    text-align: left;
}

.tabs[b-oe5a502j9o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tabs .divider[b-oe5a502j9o] {
    color: var(--Zahlwerk-light-gray, #9d9d9c);
}

.tabs a[b-oe5a502j9o] {
    color: var(--Zahlwerk-light-gray, #9d9d9c);
    text-decoration: none;
}

.dropdown-wrapper[b-oe5a502j9o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.controls-view[b-oe5a502j9o] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.controls[b-oe5a502j9o] {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.controls button[b-oe5a502j9o],
.controls select[b-oe5a502j9o] {
    height: 36px;
    border-radius: 4px;
}

.header[b-oe5a502j9o]{
    padding: 0;
}

.header-left[b-oe5a502j9o] {
    flex: 1 1 1080px; 
}

.info-button-container[b-oe5a502j9o] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.info-button[b-oe5a502j9o] {
    background: none;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 0;
}

    .info-button img[b-oe5a502j9o] {
        width: 100%;
        height: auto;
    }

.info-tooltip[b-oe5a502j9o] {
    position: absolute;
    top: calc(100% + 8px);
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    max-width: min(80vw, 360px);
    background: var(--Zahlwerk-light-primary, #eef7fb);
    color: var(--Zahlwerk-black, #111);
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 1000;
}

    .info-tooltip[b-oe5a502j9o]::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent var(--Zahlwerk-light-primary, #eef7fb) transparent;
    }

.info-button-container:hover .info-tooltip[b-oe5a502j9o],
.info-button:focus + .info-tooltip[b-oe5a502j9o] {
    opacity: 1;
    visibility: visible;
}

/* _content/ChefPlanner.UI/Components/LiquidityTable/LiquidityTableMain.razor.rz.scp.css */
/* _content/ChefPlanner.UI/Components/Loans/LoanPaymentTermRow.razor.rz.scp.css */
.payment-term-row[b-nier7itk3p] {
    display: flex;
    gap: 16px;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

    .payment-term-row > .payment-term-type[b-nier7itk3p] {
        flex: 0 0 35%;
    }

    .payment-term-row > .payment-term-sum[b-nier7itk3p],
    .payment-term-row > .amount-field[b-nier7itk3p] {
        flex: 0 0 15%;
    }

    .payment-term-row > .payment-term-month[b-nier7itk3p] {
        flex: 0 0 150px;
    }

    .payment-term-row > .payment-term-delete[b-nier7itk3p] {
        margin-left: auto;
        flex: 0 0 auto;
    }

.payment-term-type[b-nier7itk3p]{
    min-width: 35%;
}

.payment-term-month[b-nier7itk3p] {
    min-width: 150px;
}

.amount-field[b-nier7itk3p] {
    min-width: 150px;
    text-align: right;
}

.input-container[b-nier7itk3p] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
}

    .input-container input.input[b-nier7itk3p],
    .input-container input[b-nier7itk3p] {
        flex: 1;
        min-width: 120px;
        height: 40px;
        padding: 10px 12px;
        font-size: 14px;
        font-family: inherit;
        border: 1px solid var(--Zahlwerk-light-gray);
        border-radius: 5px;
        background-color: var(--Zahlwerk-white);
        box-sizing: border-box;
    }

        .input-container input[b-nier7itk3p]::placeholder {
            color: #aaa;
            font-size: 14px;
            font-family: inherit;
            opacity: 1; 
        }

.input-label[b-nier7itk3p] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    font-size: 14px;
    color: var(--Zahlwerk-light-gray);
    pointer-events: none;
    background-color: var(--Zahlwerk-white);
    padding: 0 4px;
    transition: all 0.2s ease;
}

.input-container.has-value .input-label[b-nier7itk3p],
.input-container:focus-within .input-label[b-nier7itk3p] {
    top: -8px;
    left: 10px;
    font-size: 12px;
    transform: none;
    color: var(--Zahlwerk-primary);
}

.delete-btn[b-nier7itk3p] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .delete-btn img[b-nier7itk3p] {
        width: 28px;
        height: 28px;
    }

.payment-term-row.flex-row[b-nier7itk3p] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.validation-error-inline[b-nier7itk3p] {
    color: #d32f2f;
    font-size: 0.92em;
    margin-left: 12px;
}

.payment-term-row.grid-row[b-nier7itk3p] {
    display: grid;
    grid-template-columns: 30% 18% 1fr 1fr 40px;
    column-gap: 16px;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.payment-term-row .col[b-nier7itk3p] {
    min-width: 0;
}
    /* let cells shrink */
    .payment-term-row .col.delete[b-nier7itk3p] {
        justify-self: end;
    }

.payment-terms-list[b-nier7itk3p],
.payment-term-row.grid-row[b-nier7itk3p],
.payment-term-row .col[b-nier7itk3p] {
    min-width: 0;
}

.payment-term-row .amount-field .input.field[b-nier7itk3p],
.payment-term-row .amount-field input[b-nier7itk3p] {
    width: 100%;
    min-width: 0;
}

.payment-term-row .payment-term-month .custom-dropdown[b-nier7itk3p] {
    width: 100% !important;
}

.payment-term-row .placeholder[b-nier7itk3p] {
    visibility: hidden; 
    pointer-events: none;
}

@media (max-width: 720px) {
    .payment-term-row.grid-row[b-nier7itk3p] {
        grid-template-columns: 1fr 1fr;
        row-gap: 8px;
    }

    .payment-term-row .col.type[b-nier7itk3p],
    .payment-term-row .col.amount[b-nier7itk3p],
    .payment-term-row .col.error[b-nier7itk3p] {
        grid-column: 1 / -1;
    }

    .payment-term-row .col.delete[b-nier7itk3p] {
        grid-column: 2 / 3;
        justify-content: end;
    }
}
/* _content/ChefPlanner.UI/Components/Loans/LoansDetailsComponent.razor.rz.scp.css */
.header-left[b-s45qvccnx9] {
    max-width: 920px;
}


.table[b-s45qvccnx9] {
    width: 100%;
}

.table th[b-s45qvccnx9]{
    text-align: right;
}

.details-table[b-s45qvccnx9]{
    height: 60vh;
}

@media screen and (max-width: 768px) {
    .table th[b-s45qvccnx9],
    .table td[b-s45qvccnx9] {
        font-size: 12px;
        padding: 8px;
    }

    .year-selection select[b-s45qvccnx9] {
        font-size: 14px;
    }
}
/* _content/ChefPlanner.UI/Components/Loans/LoansListComponent.razor.rz.scp.css */
.table[b-mh7llrtojf] {
    min-width: 130%;
}
    .table th:first-child[b-mh7llrtojf],
    .table td:first-child[b-mh7llrtojf] {
        width: auto;
    }

    .table th:nth-child(4)[b-mh7llrtojf],
    .table td:nth-child(4)[b-mh7llrtojf],
    .table th:nth-child(8)[b-mh7llrtojf],
    .table td:nth-child(8)[b-mh7llrtojf],
    .table th:nth-child(11)[b-mh7llrtojf],
    .table td:nth-child(11)[b-mh7llrtojf] {
        width: 5%;
    }


    .table th:nth-child(9)[b-mh7llrtojf],
    .table td:nth-child(9)[b-mh7llrtojf],
    .table th:nth-child(11)[b-mh7llrtojf],
    .table td:nth-child(11)[b-mh7llrtojf],
    {
        width: 9%;
        white-space: normal;
    }

    .table th:nth-child(2)[b-mh7llrtojf],
    .table td:nth-child(2)[b-mh7llrtojf],
    .table th:nth-child(3)[b-mh7llrtojf],
    .table td:nth-child(3)[b-mh7llrtojf],
    .table th:nth-child(5)[b-mh7llrtojf],
    .table td:nth-child(5)[b-mh7llrtojf],
    .table th:nth-child(6)[b-mh7llrtojf],
    .table td:nth-child(6)[b-mh7llrtojf],
    .table th:nth-child(7)[b-mh7llrtojf],
    .table td:nth-child(7)[b-mh7llrtojf],
    .table th:nth-child(9)[b-mh7llrtojf],
    .table td:nth-child(9)[b-mh7llrtojf],
    .table th:nth-child(10)[b-mh7llrtojf],
    .table td:nth-child(10)[b-mh7llrtojf],
    .table th:nth-child(12)[b-mh7llrtojf],
    .table td:nth-child(12)[b-mh7llrtojf] {
        width: 6%;
    }

    .table th.note-cell[b-mh7llrtojf],
    .table td.note-cell[b-mh7llrtojf] {
        width: auto;
    }

    .table th:last-child[b-mh7llrtojf],
    .table td:last-child[b-mh7llrtojf] {
        position: sticky;
        width: 44px;
    }

.table-wrapper[b-mh7llrtojf]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-wrapper[b-mh7llrtojf]::-webkit-scrollbar-thumb {
    background-color: var(--Zahlwerk-primary);
    border-radius: 4px;
}

    .table-wrapper[b-mh7llrtojf]::-webkit-scrollbar-thumb:hover {
        background-color: var(--Zahlwerk-dark-primary);
    }

.table-wrapper[b-mh7llrtojf]::-webkit-scrollbar-track {
    background-color: var(--Zahlwerk-light-primary);
}
/* _content/ChefPlanner.UI/Components/Modals/ConfirmModal.razor.rz.scp.css */
.modal-dialog[b-z81nwm7v9b]{
    max-width: 700px;
}
.modal-header[b-z81nwm7v9b] {
    background-color: rgba(220, 234, 236, 1);
    border-bottom: none;
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
}
.modal-footer[b-z81nwm7v9b] {
    border-top: none;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
}

.modal-content[b-z81nwm7v9b] {
    /*border: none;*/
    border-radius: 16px;
}

.load-files-label[b-z81nwm7v9b] {
    padding: 20px;
    background-color: #f55442;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    margin: 4rem;
    display: block;
}

[b-z81nwm7v9b] input {
    padding: 16px;
    border-radius: 6px;
    min-height: 150px;
    width: 100%;
    border: 1px dashed rgba(164, 182, 185, 1);
    font-size: 0px;
    background-color: rgba(220, 234, 236, 1);
    font-size: 0px;
}

[b-z81nwm7v9b] input::file-selector-button {
    display: none;
}

.input-container[b-z81nwm7v9b] {
    position: relative;
    padding: 0;
    /*width: 100%;*/
}
.file-input-overlay[b-z81nwm7v9b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /*Place the overlay above the input */
    pointer-events: none; /* Allow clicks to go through the overlay to the input */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-align: center;
}

.btn-close[b-z81nwm7v9b] {
    background: url('/images/close-circle.svg') no-repeat;
    background-image: url("/images/close-circle.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Button Close */
.btn-close:focus[b-z81nwm7v9b], .btn-close:active[b-z81nwm7v9b] {
    outline: none;
    box-shadow: none;
}

.loading-overlay[b-z81nwm7v9b] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--Zahlwerk-white);
    border-radius: 8px;
    border: 3px solid var(--Zahlwerk-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
}

.loading-spinner-container[b-z81nwm7v9b] {
    text-align: center;
    background-color: var(--Zahlwerk-white);
    padding: 2rem;
    border-radius: 8px;
}
/* _content/ChefPlanner.UI/Components/Modals/CreateEntityModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-kc55a8e95s] {
    width: 700px;
    max-width: 800px;
    min-width: 400px;
    height: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Modals/CreateUserModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-ol9zztz2xq] {
    width: 700px;
    max-width: 800px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Modals/EditUserModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-5g105xhcnf] {
    width: 800px;
    max-width: 800px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Modals/ImportCsvModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-z1c9aibsnk] {
    width: 900px;   
    max-width: 900px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.body-text2.link[b-z1c9aibsnk]{
    color:var(--Zahlwerk-primary)
}

.body-text2.disabled[b-z1c9aibsnk] {
    color: var(--Zahlwerk-light-gray)
}

.load-files-label[b-z1c9aibsnk] {
    padding: 20px;
    background-color: #f55442;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    margin: 4rem;
    display: block;
}

[b-z1c9aibsnk] input {
    padding: 16px;
    border-radius: 6px;
    min-height: 150px;
    height:200px;
    width: 100%;
    border: 1px dashed var(--Zahlwerk-light-gray);
    font-size: 0px;
    background-color: var(--White);
    font-size: 0px;
}

[b-z1c9aibsnk] input::file-selector-button {
    display: none;
}

.input-container[b-z1c9aibsnk] {
    position: relative;
    padding: 0;
    /*width: 100%;*/
}
.file-input-overlay[b-z1c9aibsnk] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /*Place the overlay above the input */
    pointer-events: none; /* Allow clicks to go through the overlay to the input */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-align: center;
}


.modal-footer-configuration[b-z1c9aibsnk] {
    border-top: none;
    display: flex;
    justify-content: space-between;
}

.button-zahlwerk.primary.configuration[b-z1c9aibsnk] {
    margin-left: 10px;
}

.button-zahlwerk.secondary.configuration[b-z1c9aibsnk] {
    margin-left: 10px;
}
.buttons[b-z1c9aibsnk]{
    display:flex;
    justify-items:end;
    flex-direction:row;
}

.input-container[b-z1c9aibsnk]{
    display:flex;
    flex-direction:row;
    gap:8px;
}
/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/ImportConfigurationModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-z7rgxrjyuc] {
    width: 900px;
    max-width: 900px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}

.modal-footer-configuration[b-z7rgxrjyuc] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 20px;
}

.button-zahlwerk.primary.configuration[b-z7rgxrjyuc] {
    margin-left: 10px;
}

.button-zahlwerk.secondary.configuration[b-z7rgxrjyuc] {
    margin-left: 10px;
}
/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/ImportingProgressIndicatorModal.razor.rz.scp.css */
.import-overlay[b-8imxbnhsri] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.import-box[b-8imxbnhsri] {
    background: var(--white);
    border-radius: 16px;
    width:800px;
    height:520px;
    text-align: center;
    z-index: 2000;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.header-box[b-8imxbnhsri] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:92px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    padding:30px 30px 30px 60px; 
    border-bottom: 1px solid var(--Zahlwerk-Light-Primary, #e6f2f4);
    background-color: var(--Zahlwerk-soft-light-primary);
}

.body-box[b-8imxbnhsri] {
    display:flex;
    padding: 60px;
    justify-content: center;
    align-items: center;
    flex-direction:column;
}

.highlight[b-8imxbnhsri] {
    background: yellow;
}

.circular-container[b-8imxbnhsri] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 20px auto;
}

.rotated[b-8imxbnhsri] {
    transform: rotate(-90deg);
}

.bg-circle[b-8imxbnhsri] {
    fill: none;
    stroke: var(--Zahlwerk-light-primary);
    stroke-width: 20;
    stroke-linecap: butt;
    stroke-dasharray: 14 5.625;
}

.progress-circle[b-8imxbnhsri] {
    fill: none;
    stroke: var(--Zahlwerk-primary);
    stroke-width: 20;
    stroke-linecap: butt;
    transition: stroke-dashoffset 0.3s ease;
}

.percentage-text[b-8imxbnhsri] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-size: 18px;
}
/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/RemoveAllDemoDataConfirmationModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-ot986uzgwx] {
    width: 900px;
    display: flex;
    flex-direction: column;
}

.body-text1.warning[b-ot986uzgwx] {
    font-size: 18px;
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom: 0px;
}

    .body-text1.warning.margin[b-ot986uzgwx] {
        margin-bottom: 0px;
    }

zahlwerk-modal-body.warning[b-ot986uzgwx] {
    padding: 10px;
}
/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/SetLiquidityMappingModal.razor.rz.scp.css */
.modal-mapping-container[b-pmyez0wl9k] {
/*    height: 100vh;
*/    width: 1600px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-pmyez0wl9k] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 2;
}

    .modal-header h3[b-pmyez0wl9k] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-pmyez0wl9k] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        border: 2px solid var(--Zahlwerk-primary);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--Zahlwerk-primary);
    }

        .modal-header .close-button i[b-pmyez0wl9k] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-pmyez0wl9k]:before {
                font-weight: 900 !important;
            }

.modal-body[b-pmyez0wl9k] {
    background-color: var(--Zahlwerk-white);
    display: flex;
    padding: 20px 20px;
    flex-direction: column;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow-y: auto;
}

.modal-footer[b-pmyez0wl9k] {
    padding: 30px 60px;
    flex-wrap: wrap;
}

.main-mapping[b-pmyez0wl9k] {
    background-color: var(--white);
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding: 10px 0px;
    overflow-x: auto;
}

    .main-mapping[b-pmyez0wl9k]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .main-mapping[b-pmyez0wl9k]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .main-mapping[b-pmyez0wl9k]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .main-mapping[b-pmyez0wl9k]::-webkit-scrollbar-button {
        display: none;
    }

.modal-footer-mapping[b-pmyez0wl9k] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}

.button-zahlwerk.primary.mapping[b-pmyez0wl9k] {
    margin-left: 10px;
}
.button-zahlwerk.secondary.mapping[b-pmyez0wl9k] {
    margin-left: 10px;
}


.table.content[b-pmyez0wl9k] {
    display: flex;
    max-height: 1000px;
    justify-items:start;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
}

    .table.content[b-pmyez0wl9k]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .table.content[b-pmyez0wl9k]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .table.content[b-pmyez0wl9k]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .table.content[b-pmyez0wl9k]::-webkit-scrollbar-button {
        display: none;
    }

    .table.content thead th[b-pmyez0wl9k] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.td.user-list.mapping[b-pmyez0wl9k] {
    display: flex;
    padding: 0;
    align-items: stretch;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.select.field.mapping[b-pmyez0wl9k] {
    padding: 0;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
}

.input-invalid[b-pmyez0wl9k] {
    border: 3px solid red;
    background-color: #ffe6e6;
}

/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/SetResultMappingModal.razor.rz.scp.css */
.modal-mapping-container[b-a5s6dirbc3] {
/*    height: 100vh;
*/    width: 1600px;
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 60px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-a5s6dirbc3] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 2;
}

    .modal-header h3[b-a5s6dirbc3] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-a5s6dirbc3] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        border: 2px solid var(--Zahlwerk-primary);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--Zahlwerk-primary);
    }

        .modal-header .close-button i[b-a5s6dirbc3] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-a5s6dirbc3]:before {
                font-weight: 900 !important;
            }
            
.modal-body[b-a5s6dirbc3] {
    background-color: var(--Zahlwerk-white);
    display: flex;
    padding: 20px 20px;
    flex-direction: column;
    flex-wrap: wrap;
    flex-grow:1;
    overflow-y:auto;
}    

.modal-footer[b-a5s6dirbc3] {
    padding: 30px 60px;
    flex-wrap: wrap;    
}

.main-mapping[b-a5s6dirbc3] {
    background-color: var(--white);
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding:10px 0px;
    overflow-x: auto;
}

    .main-mapping[b-a5s6dirbc3]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .main-mapping[b-a5s6dirbc3]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .main-mapping[b-a5s6dirbc3]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .main-mapping[b-a5s6dirbc3]::-webkit-scrollbar-button {
        display: none;
    }

.modal-footer-mapping[b-a5s6dirbc3] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}

.button-zahlwerk.primary.mapping[b-a5s6dirbc3] {
    margin-left: 10px;
}

.table.content[b-a5s6dirbc3] {
    display: flex;
    max-height:1000px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
}

    .table.content[b-a5s6dirbc3]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .table.content[b-a5s6dirbc3]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .table.content[b-a5s6dirbc3]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .table.content[b-a5s6dirbc3]::-webkit-scrollbar-button {
        display: none;
    }

    .table.content thead th[b-a5s6dirbc3] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.select.field.mapping[b-a5s6dirbc3] {
    padding: 0px;
    flex-grow: 1;
    width: 100%;
    height:100%;
    border: none;
    outline: none;
    box-sizing: border-box;
}

    .select.field.mapping[b-a5s6dirbc3]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .select.field.mapping[b-a5s6dirbc3]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .select.field.mapping[b-a5s6dirbc3]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .select.field.mapping[b-a5s6dirbc3]::-webkit-scrollbar-button {
        display: none;
    }

.td.user-list.mapping[b-a5s6dirbc3] {
    display: flex;
    padding: 0;
    align-items: stretch;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.input-invalid[b-a5s6dirbc3] {
    border: 3px solid red;
    background-color: #ffe6e6;
}

/* _content/ChefPlanner.UI/Components/Modals/ImportSettings/WarningModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-pfyr6tojxi] {
    width: 900px;
    display: flex;
    flex-direction: column;
}

.body-text1.warning[b-pfyr6tojxi] {
    font-size: 18px;
    white-space: pre-wrap;
    word-break: break-word;
    margin-bottom:0px;
    
}

    .body-text1.warning.margin[b-pfyr6tojxi] {
        margin-bottom: 0px;
    }

    zahlwerk-modal-body.warning[b-pfyr6tojxi] {
        padding: 10px;
    }
/* _content/ChefPlanner.UI/Components/Modals/Investments/InvestmentModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-dmm2xui8gr] {
    width: 800px;
}

.payment-terms-title[b-dmm2xui8gr] {
    color: var(--Zahlwerk-black);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin: 30px 0 15px;
}

.payment-terms-section .input-pair[b-dmm2xui8gr] {
    /* margin-top: 20px; */
}

.payment-field[b-dmm2xui8gr] {
    background-color: var(--Zahlwerk-soft-light-primary);
    width: auto;
    height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    gap: 1px;
    border: 1px solid var(--Zahlwerk-light-primary);
    box-sizing: border-box;
}

.payment-label[b-dmm2xui8gr] {
    margin-right: 5px;
    color: var(--Zahlwerk-primary);
    line-height: 24px;
}

.payment-value[b-dmm2xui8gr] {
    color: var(--Zahlwerk-black);
    line-height: 24px;
}

.payment-terms-list[b-dmm2xui8gr] {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 8px;
    padding-right: 8px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc(100% + 4px);
}

    .payment-terms-list[b-dmm2xui8gr]::-webkit-scrollbar {
        width: 4px;
    }

    .payment-terms-list[b-dmm2xui8gr]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 2px;
    }

        .payment-terms-list[b-dmm2xui8gr]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-primary);
        }

.payment-field-delete[b-dmm2xui8gr] {
    display: flex;
    align-items: center;
}

.payment-amount-delete-container[b-dmm2xui8gr] {
    display: flex;
    align-items: center;
    width: 100%;
}

.payment-term-row[b-dmm2xui8gr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.amount-delete-container[b-dmm2xui8gr] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    border-color: red;
}

.delete-btn[b-dmm2xui8gr] {
    flex: 1 1 auto;
    height: 40px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
}

.additional-button-section[b-dmm2xui8gr] {
    margin-top: 20px;
}

.additional-button-section .btn.btn-info[b-dmm2xui8gr] {
    background-color: var(--Zahlwerk-primary) !important;
    border-color: var(--Zahlwerk-primary) !important;
    color: var(--Zahlwerk-white) !important;
}

.table-wrapper[b-dmm2xui8gr] {
    width: 100%;
    overflow: visible;
    max-height: 80vh;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.button-icon[b-dmm2xui8gr] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

/* Month selector: fixed width with bottom alignment */
.month-selector[b-dmm2xui8gr] {
    flex: 0 0 330px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Align contents (the month selector component) to the bottom */
    margin-right: 10px;
}

/* New class for wider amount inputs */
.wide-amount[b-dmm2xui8gr] {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    height: 40px;
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 5px;
    font-size: 14px;
    color: var(--Zahlwerk-black);
    background-color: var(--Zahlwerk-white);
    padding: 8px 12px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.input-label[b-dmm2xui8gr] {
    top: 20px;
}

.remaining-amount-error[b-dmm2xui8gr] {
    color: #d32f2f;
    font-weight: bold;
}

.validation-error-inline[b-dmm2xui8gr] {
    color: #d32f2f;
    font-size: 0.95em;
    margin-top: 2px;
}

@media screen and (max-width: 768px) {
    .table th[b-dmm2xui8gr],
    .table td[b-dmm2xui8gr] {
        font-size: 12px;
        padding: 8px;
    }

    .year-selection select[b-dmm2xui8gr] {
        font-size: 14px;
    }
}

.info-tooltip[b-dmm2xui8gr] {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%); /* default center */
    width: 400px;
    max-width: min(80vw, 480px);
    background-color: var(--Zahlwerk-light-primary);
    color: var(--Zahlwerk-black);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    white-space: pre-line;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 99999;
    overflow-wrap: anywhere;
    text-align: left;
}

.info-tooltip--left[b-dmm2xui8gr] {
    left: auto;
    right: calc(100% + 8px);
    top: -50%;
}

.info-button-container:hover .info-tooltip[b-dmm2xui8gr],
.info-button-container:focus-within .info-tooltip[b-dmm2xui8gr] {
    opacity: 1;
    visibility: visible;
}

.input-container[b-dmm2xui8gr]{
    margin: 0;
}

.month-picker--sm[b-dmm2xui8gr] {
    max-width: 260px;
    width: 100%;
}
/* _content/ChefPlanner.UI/Components/Modals/Loans/LoansModal.razor.rz.scp.css */

.note-field[b-k7r3i67y6w] {
    height: 120px;
}

.additional-button-section .btn.btn-info[b-k7r3i67y6w] {
    background-color: var(--Zahlwerk-primary) !important;
    border-color: var(--Zahlwerk-primary) !important;
    color: var(--Zahlwerk-white) !important;
}

.financing-type-container[b-k7r3i67y6w] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.financing-type-container 
.enum-dropdown[b-k7r3i67y6w] {
    flex: 1;
}

.btn-delete[b-k7r3i67y6w] {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-delete:focus[b-k7r3i67y6w] {
    outline: none;
}

.btn-delete img[b-k7r3i67y6w] {
    width: 24px;
    height: auto;
    display: block;
}

.payment-terms-list[b-k7r3i67y6w] {
    min-height: 0;
    max-height: none;
    overflow: visible;
    padding-right: 0;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 15px; 
}

    .payment-terms-list:has(.payment-term-row)[b-k7r3i67y6w] {
        min-height: 100px;
        max-height: 250px;
        overflow-y: auto;
        padding-right: 8px;
    }

    .payment-terms-list:not(:has(.payment-term-row)) + .additional-button-section[b-k7r3i67y6w] {
        margin-top: 10px;
    }

    .payment-terms-list[b-k7r3i67y6w]::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .payment-terms-list[b-k7r3i67y6w]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 2px;
    }

        .payment-terms-list[b-k7r3i67y6w]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-primary);
        }

.payment-terms-section h4[b-k7r3i67y6w] {
    margin-bottom: 20px;
}

.additional-button-section[b-k7r3i67y6w] {
    margin-top: 20px;
}

.opening-balance-left .ob-inline[b-k7r3i67y6w] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-container[b-k7r3i67y6w] {
    margin: 0;
}

.payment-terms-section[b-k7r3i67y6w] {
    min-height: 0;
    overflow-x: hidden;
    height: auto;
}

.zahlwerk-modal-body-grid[b-k7r3i67y6w] {
    min-height: 0;
}

.input-container.month-compact[b-k7r3i67y6w] {
   width: 220px;
}
/* _content/ChefPlanner.UI/Components/Modals/MonthlyRoutine/MonthlyRoutineHelpInformationModal.razor.rz.scp.css */
.modal-monthly-routine-container[b-tssu37ug8q] {
    height: 100vh;
    width: 1200px;
    max-height: calc(100vh - 150px);
    max-width: calc(100vw - 400px);
    /* max-width: 1500px; */
    display: flex;
    flex-direction: column;
}

.modal-header[b-tssu37ug8q] {
    position: sticky;
    top: 0;
    padding: 30px 30px 30px 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.6;
    background: var(--Zahlwerk-Soft-LightPrimary, #f5fcfd);
    z-index: 2;
}

    .modal-header h3[b-tssu37ug8q] {
        margin-bottom: 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .modal-header .close-button[b-tssu37ug8q] {
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        border: 2px solid var(--Zahlwerk-primary);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--Zahlwerk-primary);
    }

        .modal-header .close-button i[b-tssu37ug8q] {
            font-size: 24px;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .modal-header .close-button i[b-tssu37ug8q]:before {
                font-weight: 900 !important;
            }

.modal-body[b-tssu37ug8q] {
    background-color: var(--Zahlwerk-white);
    display: flex;
    padding: 20px 20px;
    flex-direction: row;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow-y: auto;
}

.modal-footer[b-tssu37ug8q] {
    padding: 30px 60px;
    flex-wrap: wrap;
}

.main-monthly-routine[b-tssu37ug8q] {
    background-color: var(--white);
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding: 10px 0px;
    width: 100%;
    overflow-x: hidden;
}

    .main-monthly-routine[b-tssu37ug8q]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .main-monthly-routine[b-tssu37ug8q]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .main-monthly-routine[b-tssu37ug8q]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .main-monthly-routine[b-tssu37ug8q]::-webkit-scrollbar-button {
        display: none;
    }

.modal-footer-monthly-routine[b-tssu37ug8q] {
    border-top: none;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    padding-top: 50px;
}

.button-zahlwerk.primary.-monthly-routine[b-tssu37ug8q] {
    margin-left: 10px;
}

.button-zahlwerk.secondary.-monthly-routine[b-tssu37ug8q] {
    margin-left: 10px;
}

.body-text1[b-tssu37ug8q] {
    margin-bottom: 15px;
}

    .body-text1.gray[b-tssu37ug8q] {
        color: var(--Zahlwerk-disabled-grey);
    }


.list-image[b-tssu37ug8q] {
    display: flex;
    flex-direction: row;
}

.image-help[b-tssu37ug8q] {
    margin-right: 15px;
}
/* _content/ChefPlanner.UI/Components/Modals/RemoveUserModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-v0odg52nhu] {
    width: 900px;
    height: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Modals/ResendInvitationMessage.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-5ypu9xicbl] {
    width: 900px;
    height: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/Modals/SwitchTenantModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-b99g16s7sa] {
    width: 700px;
}

.zahlwerk-modal-body[b-b99g16s7sa]{
    padding: 60px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* _content/ChefPlanner.UI/Components/Reports/ReportAreaComponent.razor.rz.scp.css */
.report-area[b-y9mnl7p66c] {
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 6px;
    padding: 20px; 
    margin: 0 20px 20px;
    background-color: var(--Zahlwerk-white);
    height: 400px;
    border-width: 1px;
}

.preview-content[b-y9mnl7p66c] {
    margin-bottom: 20px;
}

.depth-selector[b-y9mnl7p66c] {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    display: flex;
    flex-direction: column;
}

    .depth-selector > label[b-y9mnl7p66c] {
        margin-bottom: 0.2em;
    }

    .depth-selector .radio-option[b-y9mnl7p66c] {
        display: flex;
        align-items: center;
        margin: 0 1.2em 0 0;
    }

    .depth-selector .detail-radio[b-y9mnl7p66c] {
        accent-color: var(--Zahlwerk-primary);
        width: 18px;
        height: 18px;
        margin-right: 0.45em;
    }

    .depth-selector .report-type-label[b-y9mnl7p66c] {
        font-size: 1.15rem;
        font-weight: 500;
        cursor: pointer;
        padding: 0.2em 0.8em 0.2em 0;
    }

.depth-selector-inline[b-y9mnl7p66c] {
    display: flex;
    flex-direction: row;
    gap: 1em;
    align-items: center;
}

.input-container[b-y9mnl7p66c]{
    margin: 0;
}
/* _content/ChefPlanner.UI/Components/Reports/ReportsHeaderComponent.razor.rz.scp.css */
.controls-view[b-4kwfywakjf],
.depth-selector-inline[b-4kwfywakjf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.7rem; 
    margin-bottom: 0.5em;
}

.radio-option[b-4kwfywakjf],
.report-type-radio[b-4kwfywakjf] {
    display: inline-flex;
    align-items: center;
    margin-right: 1.5rem;
    margin-bottom: 0.2em;
}

input[type="radio"][b-4kwfywakjf] {
    accent-color: var(--Zahlwerk-primary); 
    width: 24px; 
    height: 24px;
    margin-right: 0.7em;
    vertical-align: middle;
}

.report-type-label[b-4kwfywakjf],
.radio-label[b-4kwfywakjf] {
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    padding-left: 0.5em;
    user-select: none;
}
.header-row[b-4kwfywakjf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
}

.header[b-4kwfywakjf] {
    flex-wrap: nowrap;
}
/* _content/ChefPlanner.UI/Components/ResultCategory/DoubleButtonGroup.razor.rz.scp.css */
.custom-btn[b-hc4301i629] {
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 22px;
    justify-content: center;
    align-items: center;
    text-transform: none;
    border-radius: 4px 0 0 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
}

.cumulative-btn[b-hc4301i629] {
    border-radius: 0 4px 4px 0;
}

.btn-check:not(:checked) + .custom-btn[b-hc4301i629] {
    background-color: var(--Zahlwerk-white);
    color: var(--Zahlwerk-primary);
}

.btn-check:checked + .custom-btn[b-hc4301i629] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}
/* _content/ChefPlanner.UI/Components/ResultCategory/ResultTableHeaderComponent.razor.rz.scp.css */
.info-button-container[b-8mm54nqstk] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.info-button[b-8mm54nqstk] {
    background: none;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    padding: 0;
}

    .info-button img[b-8mm54nqstk] {
        width: 100%;
        height: auto;
    }

.info-tooltip[b-8mm54nqstk] {
    position: absolute;
    top: calc(100% + 8px);
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    max-width: min(80vw, 360px);
    background: var(--Zahlwerk-light-primary, #eef7fb);
    color: var(--Zahlwerk-black, #111);
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 1000;
}

    .info-tooltip[b-8mm54nqstk]::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent var(--Zahlwerk-light-primary, #eef7fb) transparent;
    }

.info-button-container:hover .info-tooltip[b-8mm54nqstk],
.info-button:focus + .info-tooltip[b-8mm54nqstk] {
    opacity: 1;
    visibility: visible;
}
/* _content/ChefPlanner.UI/Components/ResultCategory/TripleButtonGroup.razor.rz.scp.css */
.custom-btn[b-exrb025yfl] {
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 22px;
    justify-content: center;
    align-items: center;
    text-transform: none;
    border-radius: 4px 0 0 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: inline-flex;
    min-height: 40px;
    max-height: 40px;
    margin: 0;
    min-width: 0;
    width: auto;
    white-space: nowrap;
}

.half-yearly-btn[b-exrb025yfl] {
    border-radius: 0;
}

.quarterly-btn[b-exrb025yfl] {
    border-radius: 0 4px 4px 0;
}

.yearly-btn[b-exrb025yfl] {
    border-radius: 4px 0 0 4px;
}

.btn-check:not(:checked) + .custom-btn[b-exrb025yfl] {
    background-color: var(--Zahlwerk-white);
    color: var(--Zahlwerk-primary);
}

.btn-check:checked + .custom-btn[b-exrb025yfl] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}

.btn-group[b-exrb025yfl] {
    display: inline-flex;
    gap: 0;
    max-width: fit-content;
}
/* _content/ChefPlanner.UI/Components/Tenants/AdminTenantsTable.razor.rz.scp.css */
.table td[b-415oz4vimn]{
    font-weight: normal;
    text-align: left;
}

.table td:last-child[b-415oz4vimn]{
    text-align:center
}
/* _content/ChefPlanner.UI/Components/Tenants/TenantList.razor.rz.scp.css */
.tenant-list-container[b-j0wofpr0cj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tenant-item[b-j0wofpr0cj] {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    grid-template-rows: auto auto; 
    gap: 6px 16px;
    padding: 16px;
    border-radius: 12px;
    background: #e9f3f5;
    cursor: pointer;
    align-items: center;
}

.tenant-avatar[b-j0wofpr0cj] {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background: #0ea5a4;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .tenant-avatar .admin-avatar[b-j0wofpr0cj] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ti-left1[b-j0wofpr0cj] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    min-width: 0;
}

.tenant-name[b-j0wofpr0cj] {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ti-right1[b-j0wofpr0cj] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    align-items: center;
}

.ti-left2[b-j0wofpr0cj] {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ti-right2[b-j0wofpr0cj] {
    grid-column: 3;
    grid-row: 2;
    display: flex;
    justify-content: flex-end;
}

.tenant-item.is-blocked[b-j0wofpr0cj] {
    cursor: not-allowed;
}
    .tenant-item.is-blocked .button-zahlwerk[b-j0wofpr0cj] {
        cursor: pointer;
    }

@media (max-width: 640px) {
    .tenant-item[b-j0wofpr0cj] {
        grid-template-columns: 56px 1fr; 
    }

    .ti-right1[b-j0wofpr0cj], .ti-right2[b-j0wofpr0cj] {
        grid-column: 2;
        justify-content: flex-start;
    }
}
/* _content/ChefPlanner.UI/Components/UserProfile/AccountmapperComponent.razor.rz.scp.css */
.header[b-f8sw9h5u24] {
    padding: 20px;
    padding-top: 0;
}
.header-left[b-f8sw9h5u24]{
    max-width:100%;
}
/* _content/ChefPlanner.UI/Components/UserProfile/AdminUsersTable.razor.rz.scp.css */
.users-table-wrapper[b-53uwyu8p4j] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    max-height: 80vh;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
}

.users-table[b-53uwyu8p4j] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--Zahlwerk-white);
    table-layout: fixed;
    margin-top: 20px;
    z-index: 10;
}

.users-table th[b-53uwyu8p4j],
.users-table td[b-53uwyu8p4j] {
    padding: 0 15px;
    text-align: left;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-left: none;
    height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: visible;
}

.users-table td[b-53uwyu8p4j] {
    white-space: normal;
    word-wrap: break-word;
}

.users-table-wrapper[b-53uwyu8p4j]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.users-table-wrapper[b-53uwyu8p4j]::-webkit-scrollbar-thumb {
    background-color: var(--Zahlwerk-primary);
    border-radius: 4px;
}

.users-table-wrapper[b-53uwyu8p4j]::-webkit-scrollbar-thumb:hover {
    background-color: var(--Zahlwerk-dark-primary);
}

.users-table-wrapper[b-53uwyu8p4j]::-webkit-scrollbar-track {
    background-color: var(--Zahlwerk-light-primary);
}

.tenant-list li[b-53uwyu8p4j] {
    padding: 5px 10px;
    cursor: pointer;
    font-weight: normal;
}

.tenant-list li:hover[b-53uwyu8p4j] {
    background-color: var(--Zahlwerk-soft-light-primary);
}

@media (max-width: 640px) {
    .users-table-wrapper[b-53uwyu8p4j] {
        overflow-x: auto;
        overflow-y: visible;
    }

    .users-table[b-53uwyu8p4j] {
        display: block;
        overflow-x: auto;
        overflow-y: visible;
        white-space: nowrap;
    }

    .users-table th[b-53uwyu8p4j],
    .users-table td[b-53uwyu8p4j] {
        text-align: center;
        padding: 10px;
    }
}
/* _content/ChefPlanner.UI/Components/UserProfile/CategoryStructuresComponent.razor.rz.scp.css */
.header-account-mapping[b-t5d72tkj8w] {
    padding: 0px 10px 10px 10px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.header[b-t5d72tkj8w] {
    padding: 20px;
    padding-top: 0;
}

.header-left[b-t5d72tkj8w] {
    max-width: 100%;
}
/* _content/ChefPlanner.UI/Components/UserProfile/Components/DoubleButtonGroup.razor.rz.scp.css */
.custom-btn[b-uzbi7nofg1] {
    border: 1px solid var(--Zahlwerk-primary);
    padding: 8px 22px;
    justify-content: center;
    align-items: center;
    text-transform: none;
    border-radius: 4px 0 0 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
}

.cumulative-btn[b-uzbi7nofg1] {
    border-radius: 0 4px 4px 0;
    margin-right: 10px;
}

.btn-check:not(:checked) + .custom-btn[b-uzbi7nofg1] {
    background-color: var(--Zahlwerk-white);
    color: var(--Zahlwerk-primary);
}

.btn-check:checked + .custom-btn[b-uzbi7nofg1] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
}
/* _content/ChefPlanner.UI/Components/UserProfile/Components/LiquiditySubCategoriesStructureComponent.razor.rz.scp.css */
.table.content[b-60ztd175h3] {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
}

    .table.content[b-60ztd175h3]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .table.content[b-60ztd175h3]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .table.content[b-60ztd175h3]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .table.content[b-60ztd175h3]::-webkit-scrollbar-button {
        display: none;
    }

    .table.content thead th[b-60ztd175h3] {
        position: sticky;
        top: 0;
        z-index: 4;
    }

   
/* _content/ChefPlanner.UI/Components/UserProfile/Components/LiquidityTableAccountMapping.razor.rz.scp.css */
.select.field.mapping[b-g5icnmg4z4] {
    padding: 0px;
    flex-grow: 1;
    width: 100%;
    border: none;
    outline: none;
}

.td.user-list.mapping[b-g5icnmg4z4] {
    display: flex;
    padding: 0;
    align-items: stretch
}

.table tbody[b-g5icnmg4z4] {
    display: block;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .table tbody[b-g5icnmg4z4]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .table tbody tr[b-g5icnmg4z4] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.table thead[b-g5icnmg4z4] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-wrapper[b-g5icnmg4z4] {
    overflow: hidden;
}

.table td.mapping[b-g5icnmg4z4] {
    padding: 0;
    vertical-align: middle;
    position: relative;
}

    .table td.mapping .select.field.mapping[b-g5icnmg4z4] {
        height: 44px !important;
        min-height: 0;
        margin: 0;
        padding: 0 8px;
        line-height: 44px;
        border-radius: 0;
        box-sizing: border-box;
        background: transparent;
        border: none;
        appearance: none;
    }

    .table td.mapping[b-g5icnmg4z4]::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        width: 12px;
        height: 12px;
        background-size: contain;
        pointer-events: none;
        transform: translateY(-50%);
    }

.table th:nth-child(4)[b-g5icnmg4z4],
.table td:nth-child(4)[b-g5icnmg4z4] {
    width: 50px;
    vertical-align: middle;
    text-align: center;
}


.select.field.mapping[b-g5icnmg4z4] {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px;
    line-height: 44px;
    border-radius: 0 !important;
    border: none !important;
    background: transparent;
    box-sizing: border-box;
    appearance: none;
}

.td.user-list.mapping[b-g5icnmg4z4] {
    position: relative;
}

    .td.user-list.mapping[b-g5icnmg4z4]::after {
        position: absolute;
        top: 50%;
        right: 12px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .td.user-list.mapping.open[b-g5icnmg4z4]::after {
        transform: translateY(-50%) rotate(180deg);
    }
/* _content/ChefPlanner.UI/Components/UserProfile/Components/ResultSubCategoriesStructureComponent.razor.rz.scp.css */
.table.content[b-i9aoe4h0bx] {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow-y: auto;
}

    .table.content[b-i9aoe4h0bx]::-webkit-scrollbar {
        width: 10px;
        background-color: var(--Zahlwerk-light-primary);
    }

    .table.content[b-i9aoe4h0bx]::-webkit-scrollbar-thumb {
        background-color: var(--Zahlwerk-primary);
        border-radius: 10px;
        border: 2px solid var(--Zahlwerk-light-primary);
    }

        .table.content[b-i9aoe4h0bx]::-webkit-scrollbar-thumb:hover {
            background-color: var(--Zahlwerk-dark-primary, #146D8F);
        }

    .table.content[b-i9aoe4h0bx]::-webkit-scrollbar-button {
        display: none;
    }

    .table.content thead th[b-i9aoe4h0bx] {
        position: sticky;
        top: 0;
        z-index: 4;
    }

/* _content/ChefPlanner.UI/Components/UserProfile/Components/ResultTableAccountMapping.razor.rz.scp.css */
.select.field.mapping[b-zdcjj4sd5n] {
    padding: 0px;
    flex-grow: 1;
    width: 100%;
    border: none;
    outline: none;
}

.td.user-list.mapping[b-zdcjj4sd5n] {
    display: flex;
    padding: 0;
    align-items: stretch
}

.table tbody[b-zdcjj4sd5n] {
    display: block;
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
    .table tbody[b-zdcjj4sd5n]::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .table tbody tr[b-zdcjj4sd5n] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

.table thead[b-zdcjj4sd5n] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-wrapper[b-zdcjj4sd5n] {
    overflow: hidden;
}

.table td.mapping[b-zdcjj4sd5n] {
    padding: 0;
    vertical-align: middle;
    position: relative;
}

    .table td.mapping .select.field.mapping[b-zdcjj4sd5n] {
        height: 44px !important;
        min-height: 0;
        margin: 0;
        padding: 0 8px;
        line-height: 44px;
        border-radius: 0;
        box-sizing: border-box;
        background: transparent;
        border: none;
        appearance: none;
    }

    .table td.mapping[b-zdcjj4sd5n]::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        width: 12px;
        height: 12px;
        background-size: contain;
        pointer-events: none;
        transform: translateY(-50%);
    }

.table th:nth-child(4)[b-zdcjj4sd5n],
.table td:nth-child(4)[b-zdcjj4sd5n] {
    width: 50px;
    vertical-align: middle;
    text-align: center;
}


.select.field.mapping[b-zdcjj4sd5n] {
    height: 44px !important; 
    min-height: 44px !important;
    padding: 0 8px; 
    line-height: 44px; 
    border-radius: 0 !important;
    border: none !important;
    background: transparent; 
    box-sizing: border-box;
    appearance: none;
}

.td.user-list.mapping[b-zdcjj4sd5n] {
    position: relative;
}

    .td.user-list.mapping[b-zdcjj4sd5n]::after {
        position: absolute;
        top: 50%;
        right: 12px;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .td.user-list.mapping.open[b-zdcjj4sd5n]::after {
        transform: translateY(-50%) rotate(180deg);
    }
/* _content/ChefPlanner.UI/Components/UserProfile/Components/TwoRadioGroupComponent.razor.rz.scp.css */
.form-check-input[b-fmdyl8ri1r] {
    position: relative;

    width: 20px; 
    height: 20px; 
    appearance: none;
    border: 1px solid var(--Zahlwerk-primary);
    border-radius: 50%;
    background-color: var(--white);
    cursor: pointer;
}

    .form-check-input:checked[b-fmdyl8ri1r] {
        border-color: var(--Zahlwerk-primary);
    }

        .form-check-input:checked[b-fmdyl8ri1r]::before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px; 
            height: 14px; 
            border-radius: 50%;
            background-color: var(--Zahlwerk-primary);
        }

    .form-check-input[b-fmdyl8ri1r]::before {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: var(--white);
    }    

.form-check-label[b-fmdyl8ri1r] {
    font-family: 'Arial', sans-serif;
    color: var(--Zahlwerk-black);
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    margin-top:2px;
}

.form-check.form-check-inline[b-fmdyl8ri1r]{
    margin-left:25px;
/*    margin-top:10px;
*/}
/* _content/ChefPlanner.UI/Components/UserProfile/EntityListComponent.razor.rz.scp.css */
.table td[b-c8g977t7dc] {
    white-space: normal;
    word-wrap: break-word;
}

    .table th:nth-child(7)[b-c8g977t7dc],
    .table td:nth-child(7)[b-c8g977t7dc] {
        width: 80px;
        text-align: center;
        padding: 0;
    }

    .table th:last-child[b-c8g977t7dc],
    .table td:last-child[b-c8g977t7dc] {
        width: 60px;
        text-align: center;
        padding: 0;
    }

    .header[b-c8g977t7dc]{
        padding: 20px;
        padding-top: 0;
    }
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/AddNewCategoryModal.razor.rz.scp.css */
.form-check-input-category[b-lvcctxhf3m] {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.form-check-label-category[b-lvcctxhf3m] {
    font-size: 16px;
    color: var(--Zahlwerk-primary);
    font-weight: 400;
    margin-left: 4px;
}
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/ChangeTenantOwnerModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-ryp6vfci37] {
    width: 700px;
    max-width: 800px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/EditCategoryModal.razor.rz.scp.css */
body[b-abmgg61465] {
}
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/EditEntityModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-79khq634c3] {
    width: 800px;
    max-width: 800px;
    min-width: 400px;
    display: flex;
    flex-direction: column;
}

.zahlwerk-modal-body[b-79khq634c3] {
    overflow-y: hidden;
}
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/MappingChangeModal.razor.rz.scp.css */
.modal-header-mapping-change[b-wrvkc929l4] {
    background-color: var(--Zahlwerk-soft-light-primary);
    border-top-left-radius: calc(16px - 1px);
    border-top-right-radius: calc(16px - 1px);
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;   
}

.modal-content[b-wrvkc929l4] {
    /*border: none;*/
    border-radius: 16px;
    width: 700px;   
}

.button-zahlwerk.primary.mapping-change[b-wrvkc929l4] {
    margin-left: 10px;
}

.modal-mapping-change[b-wrvkc929l4] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: calc(16px - 1px);
    max-width: 750px;
    z-index: 10;
}

.modal-body-mapping-change[b-wrvkc929l4] {
    padding: 50px;
}

.modal-footer-mapping-change[b-wrvkc929l4] {
    border-top: none;
    display: flex;
    justify-content: end;
    padding-top: 50px;
}
/* _content/ChefPlanner.UI/Components/UserProfile/Modals/RemoveEntityModal.razor.rz.scp.css */
.zahlwerk-modal-dialog[b-c7brxt6we5] {
    width: 900px;
    height: 400px;
    display: flex;
    flex-direction: column;
}
/* _content/ChefPlanner.UI/Components/UserProfile/UserDetailsComponent.razor.rz.scp.css */

.profile-details[b-0dkqyo5a2j] {
	margin-left: 20px;
	margin-right: 20px;
}
.profile-card[b-0dkqyo5a2j] {
	border-radius: 16px;
	border: 1px solid var(--Zahlwerk-light-primary);
	padding: 20px;
}
	.profile-card-title[b-0dkqyo5a2j] {
		padding-bottom: 20px;
	}

.row-container[b-0dkqyo5a2j] {
	--bs-gutter-x: 20px;
	--bs-gutter-y: 20px;

	/*margin-left: 20px;
	margin-right: 20px;*/
}

.flex-container[b-0dkqyo5a2j] {
	gap: 20px;
}

.profile-user-photo-container[b-0dkqyo5a2j] {
	border-radius: 16px;
	border: 1px solid var(--Zahlwerk-light-primary);
	padding: 20px;
	/*height: auto;*/
}

.input-container[b-0dkqyo5a2j]{
	margin-bottom: 15px;
}
/* _content/ChefPlanner.UI/Components/UserProfile/UserListComponent.razor.rz.scp.css */
    .table td[b-itfgr0qiut] {
        white-space: normal;
        word-wrap: break-word;
        text-align: left;
    }
        .table th:last-child[b-itfgr0qiut],
        .table td:last-child[b-itfgr0qiut] {
            width: 60px;
            text-align: center;
            padding: 0;
        }

.header[b-itfgr0qiut] {
    padding: 20px;
    padding-top: 0;
}

.icon-user-list[b-itfgr0qiut]{
    width:34px;
    height:34px;
}

.add-user-tooltip[b-itfgr0qiut] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .add-user-tooltip .info-tooltip[b-itfgr0qiut] {
        position: absolute;
        top: calc(100% - 8px);
        left: -100%; 
        transform: none; 
        width: auto;
        white-space: normal;
        overflow-wrap: anywhere;
        pointer-events: none;
        z-index: 99999;
    }

    .add-user-tooltip:hover .info-tooltip[b-itfgr0qiut],
    .add-user-tooltip:focus-within .info-tooltip[b-itfgr0qiut] {
        opacity: 1;
        visibility: visible;
    }
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/AssumptionsPage.razor.rz.scp.css */

@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-e56ep52c8e], body[b-e56ep52c8e] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-e56ep52c8e] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.report-main-container[b-e56ep52c8e] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/DeskCard.razor.rz.scp.css */
.desc-card[b-mz2y0l1xua] {
    background: var(--Zahlwerk-soft-light-primary);
    padding: 16px 20px;
    margin: 36px 0 0 0;
    border-radius: 8px;
    font-size: 1rem;
}

    .desc-card strong[b-mz2y0l1xua] {
        color: var(--Zahlwerk-primary);
        font-weight: 600;
        margin-right: 0.5em;
    }
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/LiquidityChartPage.razor.rz.scp.css */

@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-vqs88m1scn], body[b-vqs88m1scn] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-vqs88m1scn] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.report-main-container[b-vqs88m1scn] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/LiquidityTable.razor.rz.scp.css */

@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-q2e8iqdae6], body[b-q2e8iqdae6] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-q2e8iqdae6] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.report-main-container[b-q2e8iqdae6] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}

.report-table[b-q2e8iqdae6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

    .report-table th[b-q2e8iqdae6],
    .report-table td[b-q2e8iqdae6] {
        padding: 3px 6px;
        border: 1px solid var(--Zahlwerk-soft-light-primary);
        text-align: right;
    }

    .report-table th[b-q2e8iqdae6] {
        background: var(--Zahlwerk-light-primary);
        font-weight: 600;
        text-align: left;
    }

        .report-table th:first-child[b-q2e8iqdae6],
        .report-table td:first-child[b-q2e8iqdae6] {
            font-weight: 600;
            text-align: left;
        }
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/ReportCover.razor.rz.scp.css */

@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-j79ze0sx9y], body[b-j79ze0sx9y] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-j79ze0sx9y] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.cover-bg[b-j79ze0sx9y] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/png;base64,...') no-repeat center center;
    background-size: cover;
}

.report-main-container[b-j79ze0sx9y] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}

.cover-box[b-j79ze0sx9y],
.cb-section[b-j79ze0sx9y],
.cb-company__name[b-j79ze0sx9y],
.cb-period__value[b-j79ze0sx9y],
.cb-period__label[b-j79ze0sx9y],
.cb-overview__label[b-j79ze0sx9y] {
    font-family: Arial, sans-serif !important;
}

.cb-section[b-j79ze0sx9y] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cb-separator[b-j79ze0sx9y] {
    border-bottom: 1.7px solid #e3eaf5;
    margin: 12px 0 22px 0;
}

.cb-period__label[b-j79ze0sx9y],
.cb-overview__label[b-j79ze0sx9y] {
    font-weight: 400;
    font-size: 14px;
    line-height: 139%;
    text-align: center;
    color: var(--Zahlwerk-light-gray);
    font-style: normal;
}

.cb-company__name[b-j79ze0sx9y] {
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0;
    text-align: center;
}

.cb-section.cb-date[b-j79ze0sx9y] {
    flex-direction: row;
    align-items: center;
}

.cb-date__value[b-j79ze0sx9y] {
    margin-left: 4px;
    color: var(--Zahlwerk-primary);
}

.cb-company__label[b-j79ze0sx9y] {
    color: var(--Zahlwerk-primary) !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 139%;
    text-align: center;
}

.cb-address__text[b-j79ze0sx9y] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.cb-icon[b-j79ze0sx9y] {
    width: 22px;
    height: 22px;
}

.cb-address__text > div[b-j79ze0sx9y] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.2;
}

.cb-period__value[b-j79ze0sx9y] {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #222;
    font-style: normal;
    margin-bottom: 20px;
}

.cb-desc[b-j79ze0sx9y] {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    font-size: 1.05em;
    background: var(--Zahlwerk-light-primary);
    padding: 1em 1.2em;
    border-radius: 10px;
}

.cb-overview__list[b-j79ze0sx9y] {
    padding-left: 2em;
    margin: 0;
    font-size: 1em;
    padding: 12px 0 12px 0;
    list-style: none;
}

    .cb-overview__list li[b-j79ze0sx9y] {
        margin-bottom: 6px;
        font-size: 1.06em;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.cover-box[b-j79ze0sx9y] {
    position: absolute;
    top: 60px;
    left: 60px;
    bottom: 60px;
    width: 125mm;
    padding: 30px;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
    background-color: var(--Zahlwerk-white);
}

.cb-logo[b-j79ze0sx9y] {
    position: absolute;
    right: 26mm;
    bottom: 18mm;
    z-index: 3;
}

    .cb-logo img[b-j79ze0sx9y] {
        width: 45mm;
        opacity: 0.93;
    }
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/ReportHeader.razor.rz.scp.css */
.report-page-title[b-n5wo005k6i] {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    font-weight: 400;
    font-size: 16px;
}

.report-header[b-n5wo005k6i] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.report-header-left[b-n5wo005k6i] {
    flex-grow: 1;
    word-wrap: break-word;
    line-height: 1.5;
    max-width: 60%;
    font-weight: 400;
    font: 10px;
}

.report-header-right[b-n5wo005k6i] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--Zahlwerk-light-gray);
    font-weight: 400;
    font: 10px;
}
/* _content/ChefPlanner.UI/ExportTemplates/ComponentsForExport/ResultsTable.razor.rz.scp.css */

@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-41nr1og47n], body[b-41nr1og47n] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-41nr1og47n] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.report-main-container[b-41nr1og47n] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}

.report-table[b-41nr1og47n] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

    .report-table th[b-41nr1og47n],
    .report-table td[b-41nr1og47n] {
        padding: 3px 6px;
        border: 1px solid var(--Zahlwerk-soft-light-primary);
        text-align: right;
    }

    .report-table th[b-41nr1og47n] {
        background: var(--Zahlwerk-light-primary);
        font-weight: 600;
        text-align: left;
    }

        .report-table th:first-child[b-41nr1og47n],
        .report-table td:first-child[b-41nr1og47n] {
            font-weight: 600;
            text-align: left;
        }
/* _content/ChefPlanner.UI/ExportTemplates/ExportPdfReport.razor.rz.scp.css */
@media print {
    @page {
        margin: 20px 10px;
    }

    @page :first {
        margin: 0;
    }
}

html[b-k6lojvohbn], body[b-k6lojvohbn] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.report-main-container.cover-page[b-k6lojvohbn] {
    position: relative;
    height: 100%;
    min-height: 297mm;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.cover-bg[b-k6lojvohbn] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/png;base64,...') no-repeat center center;
    background-size: cover;
}

.desc-card[b-k6lojvohbn] {
    background: var(--Zahlwerk-soft-light-primary);
    padding: 16px 20px;
    margin: 36px 0 0 0;
    border-radius: 8px;
    font-size: 1rem;
}

    .desc-card strong[b-k6lojvohbn] {
        color: var(--Zahlwerk-primary);
        font-weight: 600;
        margin-right: 0.5em;
    }

.report-main-container[b-k6lojvohbn] {
    width: 100%;
    font-size: 12px;
    page-break-after: always;
}

.report-page-title[b-k6lojvohbn] {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    font-weight: 400;
    font-size: 16px;
}

.report-header[b-k6lojvohbn] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.report-header-left[b-k6lojvohbn] {
    flex-grow: 1;
    word-wrap: break-word;
    line-height: 1.5;
    max-width: 60%;
    font-weight: 400;
    font: 10px;
}

.report-header-right[b-k6lojvohbn] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--Zahlwerk-light-gray);
    font-weight: 400;
    font: 10px;
}

.report-table[b-k6lojvohbn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

    .report-table th[b-k6lojvohbn],
    .report-table td[b-k6lojvohbn] {
        padding: 3px 6px;
        border: 1px solid var(--Zahlwerk-soft-light-primary);
        text-align: right;
    }

    .report-table th[b-k6lojvohbn] {
        background: var(--Zahlwerk-light-primary);
        font-weight: 600;
        text-align: left;
    }

        .report-table th:first-child[b-k6lojvohbn],
        .report-table td:first-child[b-k6lojvohbn] {
            font-weight: 600;
            text-align: left;
        }

.cover-box[b-k6lojvohbn],
.cb-section[b-k6lojvohbn],
.cb-company__name[b-k6lojvohbn],
.cb-period__value[b-k6lojvohbn],
.cb-period__label[b-k6lojvohbn],
.cb-overview__label[b-k6lojvohbn] {
    font-family: Arial, sans-serif !important;
}

.cb-section[b-k6lojvohbn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cb-separator[b-k6lojvohbn] {
    border-bottom: 1.7px solid #e3eaf5;
    margin: 12px 0 22px 0;
}

.cb-period__label[b-k6lojvohbn],
.cb-overview__label[b-k6lojvohbn] {
    font-weight: 400;
    font-size: 14px;
    line-height: 139%;
    text-align: center;
    color: var(--Zahlwerk-light-gray);
    font-style: normal;
}

.cb-company__name[b-k6lojvohbn] {
    font-weight: 700;
    font-size: 24px;
    line-height: 133%;
    letter-spacing: 0;
    text-align: center;
}

.cb-section.cb-date[b-k6lojvohbn] {
    flex-direction: row;
    align-items: center;
}

.cb-date__value[b-k6lojvohbn] {
    margin-left: 4px;
    color: var(--Zahlwerk-primary);
}

.cb-company__label[b-k6lojvohbn] {
    color: var(--Zahlwerk-primary) !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 139%;
    text-align: center;
}

.cb-address__text[b-k6lojvohbn] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.cb-icon[b-k6lojvohbn] {
    width: 22px;
    height: 22px;
}

.cb-address__text > div[b-k6lojvohbn] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.2;
}

.cb-period__value[b-k6lojvohbn] {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #222;
    font-style: normal;
    margin-bottom: 20px;
}

.cb-desc[b-k6lojvohbn] {
    margin-top: auto !important;
    margin-bottom: 0 !important;
    font-size: 1.05em;
    background: var(--Zahlwerk-light-primary);
    padding: 1em 1.2em;
    border-radius: 10px;
}

.cb-overview__list[b-k6lojvohbn] {
    padding-left: 2em;
    margin: 0;
    font-size: 1em;
    padding: 12px 0 12px 0;
    list-style: none;
}

    .cb-overview__list li[b-k6lojvohbn] {
        margin-bottom: 6px;
        font-size: 1.06em;
        display: flex;
        align-items: center;
        gap: 12px;
    }

.cover-box[b-k6lojvohbn] {
    position: absolute;
    top: 60px;
    left: 60px;
    bottom: 60px;
    width: 125mm;
    padding: 30px;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    z-index: 2;
    background-color: var(--Zahlwerk-white);
}

.cb-logo[b-k6lojvohbn] {
    position: absolute;
    right: 26mm;
    bottom: 18mm;
    z-index: 3;
}

    .cb-logo img[b-k6lojvohbn] {
        width: 45mm;
        opacity: 0.93;
    }
/* _content/ChefPlanner.UI/Pages/AdminLayout/AdminTenantManagementPage.razor.rz.scp.css */
.tenants-page-header[b-9cfpyl5wdi] {
    height: 72px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-bottom: 2px solid var(--Zahlwerk-soft-light-primary);
    background-color: var(--Zahlwerk-white);
    font-size: 1.5rem;
    font-weight: bold;
}
/* _content/ChefPlanner.UI/Pages/AdminLayout/AdminUserManagementPage.razor.rz.scp.css */
.users-page-header[b-foyla15w1z] {
    height: 72px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-bottom: 2px solid var(--Zahlwerk-soft-light-primary);
    background-color: var(--Zahlwerk-white);
    font-size: 1.5rem;
    font-weight: bold;
}
/* _content/ChefPlanner.UI/Pages/HourlyRateCalculation/HourlyRatePage.razor.rz.scp.css */
.hourly-rate-page[b-ggrrr9mufp] {
    height: 100vh; 
    display: flex;
    flex-direction: column;
    overflow: auto; 
}

.hourly-rate-body[b-ggrrr9mufp] {
    flex: 1; 
    min-height: 0; 
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    padding: 0 20px 20px 20px;
}

.calculation-column[b-ggrrr9mufp] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 24px;
    min-height: 0;
    overflow: visible;
}
/* _content/ChefPlanner.UI/Pages/Register/RegisterInvitedUserPage.razor.rz.scp.css */
.title[b-hgs3f456m9]{
    display:flex;
    justify-content:center;
    align-items:center;
}
/* _content/ChefPlanner.UI/Pages/Reports/ReportsPage.razor.rz.scp.css */
/* _content/ChefPlanner.UI/Pages/TenantSettings/TenantSettings.razor.rz.scp.css */
/* _content/ChefPlanner.UI/Pages/TermsConditionsPage.razor.rz.scp.css */
.terms-container[b-c1qf1s7snw] {
    margin: 0 auto;
    padding: 20px;
}

    .terms-container h2[b-c1qf1s7snw] {
        text-align: center;
    }

.terms-content[b-c1qf1s7snw] {
    width: 100%;
    text-align: left;
}

    .terms-content .address-block[b-c1qf1s7snw] {
        white-space: pre-line; /* respects \n as line breaks */
        line-height: 1.6;
        margin: .5rem 0 1.25rem;
    }

    .terms-content h1[b-c1qf1s7snw],
    .terms-content h2[b-c1qf1s7snw],
    .terms-content h3[b-c1qf1s7snw] {
        margin-top: 20px;
    }

    .terms-content h1[b-c1qf1s7snw] {
        margin-bottom: 40px;
    }

    .terms-content ol[b-c1qf1s7snw],
    .terms-content ul[b-c1qf1s7snw] {
        margin-left: 20px;
    }

    .terms-content p[b-c1qf1s7snw] {
        line-height: 1.6;
    }
/* _content/ChefPlanner.UI/Pages/TwoFactorAuthenicate/ConfirmCodePage.razor.rz.scp.css */
.input.field.box[b-bch3o409zb] {
    display: flex;
    text-align: center;
    justify-content: center;
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 4px;
    padding-left: 20px;
}

.input.field.box.error[b-bch3o409zb] {
    border-color: var(--Zahlwerk-error);
}

.input-box:focus[b-bch3o409zb] {
    border-color: var(--Zahlwerk-primary);
}

.input-numbers-container[b-bch3o409zb] {
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
    flex: 1;
    max-width: 10%;
    max-height: 10px;
    margin-bottom: 50px;
}

.body-text1.info[b-bch3o409zb] {
    color: var(--Zahlwerk-light-gray);
    display: flex;
    justify-content: center;
}

input.field.box[type='number'][b-bch3o409zb]::-webkit-outer-spin-button,
input.field.box[type='number'][b-bch3o409zb]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input[type='number'][b-bch3o409zb] {
    -moz-appearance: textfield;
}
/* _content/ChefPlanner.UI/Pages/TwoFactorAuthenicate/QRCodePage.razor.rz.scp.css */
.body-text1.info[b-expk21i21w] {
    color: var(--Zahlwerk-light-gray);
    display: flex;
    justify-content: center;
}
.qrcode[b-expk21i21w]{
    width:300px;
    height:300px;
       
}

.container-qrcode[b-expk21i21w] {
    display: flex;
    justify-items: center;
    padding-left:130px;
}

.spinner-container[b-expk21i21w] {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
}
/* _content/ChefPlanner.UI/Pages/UserProfile/UserProfilePage.razor.rz.scp.css */
.dropdown[b-jnc42ivcwr] {
    position: relative;
    display: inline-block;
}

.dropdown-menu[b-jnc42ivcwr] {
    min-width: 170px;
    padding: 2px 0;
}

.dropdown-item[b-jnc42ivcwr] {
    display: flex;
    justify-content: flex-start;
}

    .dropdown-item i[b-jnc42ivcwr] {
        color: var(--Zahlwerk-primary);
    }

    .dropdown-item:hover[b-jnc42ivcwr] {
        background-color: var(--Zahlwerk-dark-light-primary);
        color: var(--Zahlwerk-dark-primary);
    }

.flag-icon[b-jnc42ivcwr] {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.language-img[b-jnc42ivcwr] {
   margin-right:12px;
}

.arrow-img[b-jnc42ivcwr] {
    margin-left:12px;
}

.button-zahlwerk.primary[b-jnc42ivcwr] {    
    width: 170px;
}

.header-right[b-jnc42ivcwr] {
    gap: 15px;
}
/* _content/ChefPlanner.UI/Pages/Zoho/DoubleButtonGroup.razor.rz.scp.css */
.custom-btn[b-vdp1pfnqzd] {
    border: 1px solid var(--Zahlwerk-primary);
    font-size: 16px;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    text-transform: none;
    border-radius: 4px 0 0 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap;
}

.adjusted-btn[b-vdp1pfnqzd] {
    border-radius: 0 4px 4px 0;
}

.btn-check:not(:checked) + .custom-btn[b-vdp1pfnqzd] {
    background-color: var(--Zahlwerk-white);
    color: var(--Zahlwerk-primary);
    border: hidden;
    border-radius: 32px;
    padding: 8px;
    margin-left:5px;
    margin-right:5px;
}

.btn-check:checked + .custom-btn[b-vdp1pfnqzd] {
    background-color: var(--Zahlwerk-primary);
    color: var(--Zahlwerk-white);
    border-radius: 32px;
    padding: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-group[b-vdp1pfnqzd] {
    padding: 8px;
    border-radius: 32px;
    border: 1px solid var(--Zahlwerk-primary);
}
/* _content/ChefPlanner.UI/Pages/Zoho/ZohoBillingPage.razor.rz.scp.css */
.fullscreen-widget[b-r5q4rewig9] {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width: 100%;
    height: 100%;
}

.end-form[b-r5q4rewig9]{
    display:flex;
    flex-direction:column;
    align-self:center;
    align-items:center;
    padding:60px 0px 60px 0px;
}
.billing-body[b-r5q4rewig9] {
    width: 450px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-items:center;
    flex-direction: column;
    border: solid 1px var(--Zahlwerk-primary);
    border-radius:12px;
    padding:20px;
    margin-top:20px;
}

.button-zahlwerk.primary[b-r5q4rewig9]{
    display: flex;
    width: 100%;
    align-self:end;
    bottom:5px;
    background-color: var(--zoho-billing);
}
/* _content/ChefPlanner.UI/Pages/Zoho/ZohoBillingScopePage.razor.rz.scp.css */
.fullscreen-widget[b-q9doxg8kpb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.end-form[b-q9doxg8kpb] {
    display: flex;
    flex-direction: column;
    align-self: center;
    align-items: center;
    padding: 60px 0px 60px 0px;
}

.billing-body[b-q9doxg8kpb] {
    width: 450px;
    height: 500px;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
    border: solid 1px var(--Zahlwerk-primary);
    border-radius: 12px;
    padding: 20px;
    margin-top: 20px;
}

.button-zahlwerk.primary[b-q9doxg8kpb] {
    display: flex;
    width: 100%;
    align-self: end;
    bottom: 5px;
    background-color: var(--zoho-billing);
}
/* _content/ChefPlanner.UI/Shared/ZahlwerkAdminLayout.razor.rz.scp.css */
.page[b-df3mepb2im] {
    --sidebar-width: 270px;
    position: relative;
    max-width: 100vw;
    display: flex;
    background-color: var(--Zahlwerk-light-primary);
}

.sidebar[b-df3mepb2im] {
    width: var(--sidebar-width);
    height: 100svh;
    padding: 0px 10px 30px 20px;
    overflow-y: auto;
    overflow-x: clip;
}

    .sidebar[b-df3mepb2im]::-webkit-scrollbar {
        display: none;
    }

.main[b-df3mepb2im] {
    width: calc(100% - var(--sidebar-width));
    height: 100svh;
    padding: 10px;
}

.main__wrap[b-df3mepb2im] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--Zahlwerk-white);
    border-radius: 20px;
    overflow: hidden;
}

.top-row-nav[b-df3mepb2im] {
    position: sticky;
    top: 0;
    z-index: var(--z-index-global-header);
    background-color: var(--Zahlwerk-light-primary);
}

.content[b-df3mepb2im] {
    position: relative;
    height: calc(100% - 130px);
    border-bottom: 1px solid #e6f2f4;
    overflow-y: auto;
}

    .content.no-scroll[b-df3mepb2im] {
        overflow-y: hidden;
    }

.content__wrap[b-df3mepb2im] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.modal-container[b-df3mepb2im] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.modal-overlay[b-df3mepb2im] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.modal-content[b-df3mepb2im] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--Zahlwerk-white);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 1001;
    overflow: visible;
    width: auto;
}
/* _content/ChefPlanner.UI/Shared/ZahlwerkAdminSidebar.razor.rz.scp.css */
.sidebar-top[b-msanf3rkhk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
    padding-left: 20px;
    background-color: var(--Zahlwerk-light-primary);
    z-index: 1;
}

.sidebar-logo .logo[b-msanf3rkhk] {
    height: 20px;
    width: auto;
}
.sidebar-logo .logo:focus[b-msanf3rkhk] {
    outline: none;
    border: none;
}

.navbar-toggler[b-msanf3rkhk] {
    background-color: var(--Zahlwerk-light-primary);
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: block;
    position: relative;
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon[b-msanf3rkhk] {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('/images/menu.svg') no-repeat center center;
    background-size: contain;
}

.navbar-toggler:focus[b-msanf3rkhk],
.navbar-toggler:active[b-msanf3rkhk],
.navbar-toggler:focus-visible[b-msanf3rkhk] {
    outline: none;
    box-shadow: none;
    background-color: var(--Zahlwerk-light-primary);
}

.nav-list[b-msanf3rkhk] {
    display: none;
    background-color: var(--Zahlwerk-light-primary);
}

.nav-list.show[b-msanf3rkhk] {
    display: block;
}

.nav-item[b-msanf3rkhk] {
    margin-bottom: 10px;
}
.nav-item[b-msanf3rkhk]  a {
    color: var(--Zahlwerk-black);
    border-radius: 6px;
    height: 40px;
    display: flex;
    margin: 0px 20px 0 0;
    padding: 0 12px;
    align-items: center;
    line-height: 2.5rem;
}

.nav-item[b-msanf3rkhk]  a.active {
    background-color: var(--Zahlwerk-dark-light-primary);
}

.nav-item[b-msanf3rkhk]  a:hover {
    background-color: var(--Zahlwerk-soft-light-primary);
}

@media (min-width: 641px) {
    .sidebar[b-msanf3rkhk] {
        width: 257px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .navbar-toggler[b-msanf3rkhk] {
        display: none;
    }

    .nav-list[b-msanf3rkhk] {
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 640.98px) {
    .sidebar[b-msanf3rkhk] {
        width: auto;
        position: sticky;
        top: 0;
        z-index: 20;
    }

    .nav-list.show[b-msanf3rkhk] {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        z-index: 30;
    }
}

/* _content/ChefPlanner.UI/Shared/ZahlwerkHeader.razor.rz.scp.css */
.top-nav-content[b-w9feiiadtp] {
    padding: 0 20px;
    background-color: var(--Zahlwerk-soft-light-primary);
    justify-content: flex-end;
    display: flex;
    height: 65px;
    gap: 10px;
    align-items: center;
    border-bottom: 1px solid #e6f2f4;
}

.settings-icon[b-w9feiiadtp] {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.dropdown[b-w9feiiadtp] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-w9feiiadtp] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: none;
}

.dropdown-toggle[b-w9feiiadtp]::after {
    display: none;
}

.dropdown-toggle i[b-w9feiiadtp] {
    font-size: 24px;
    color: var(--Zahlwerk-primary, #008a9d);
}

.dropdown-menu[b-w9feiiadtp] {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--Zahlwerk-light-primary, #e6f2f4);
    border: 1px solid var(--Zahlwerk-light-gray);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    min-width: 180px;
    z-index: 1000;
    padding: 10px 0;
}

.dropdown-item[b-w9feiiadtp] {
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dropdown-item i[b-w9feiiadtp] {
    font-size: 18px;
    color: var(--Zahlwerk-Primary, #008a9d);
}

.dropdown-item:hover[b-w9feiiadtp] {
    background-color: var(--Zahlwerk-dark-light-primary, #cbebf0);
    color: var(--Zahlwerk-Dark-Primary, #146d8f);
}

.dropdown:hover .dropdown-menu[b-w9feiiadtp],
.dropdown-menu.show[b-w9feiiadtp] {
    display: block;
}

.tenant-name[b-w9feiiadtp] {
}

.user-fullname[b-w9feiiadtp] {
    font-size: 14px;
    font-weight: normal;
    color: var(--Zahlwerk-dark-gray);
    white-space: nowrap;
}

.dropdown[b-w9feiiadtp] {
    position: relative;
    display: inline-block;
    width: 24px;
}

.dropdown-toggle[b-w9feiiadtp] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    width: 24px;
    height: 24px;
    background-image: url('/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.dropdown-menu[b-w9feiiadtp] {
    display: none;
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    background-color: var(--Zahlwerk-soft-light-primary);
    border: 1px solid var(--Zahlwerk-light-primary);
    border-radius: 0 0 6px 6px;
    min-width: 180px;
    z-index: 1000;
    box-shadow: none;
}

.dropdown-menu.show[b-w9feiiadtp] {
    display: block;
}

.dropdown-item-icon[b-w9feiiadtp] {
    width: 18px;
    height: 18px;
}

.dropdown-item[b-w9feiiadtp] {
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dropdown-item i[b-w9feiiadtp] {
    font-size: 18px;
    color: var(--Zahlwerk-Primary, #008a9d);
}

.dropdown-item:hover[b-w9feiiadtp] {
    background-color: var(--Zahlwerk-dark-light-primary, #cbebf0);
    color: var(--Zahlwerk-Dark-Primary, #146d8f);
}

.dropdown:hover .dropdown-menu[b-w9feiiadtp],
.dropdown-menu.show[b-w9feiiadtp] {
    display: block;
}

.trial-chip[b-w9feiiadtp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.9rem;
    white-space: nowrap;
}

    .trial-chip.warning[b-w9feiiadtp] {
        background: var(--Zahlwerk-soft-light-primary);
        border-color: var(--Zahlwerk-light-primary);
    }

    .trial-chip.danger[b-w9feiiadtp] {
        background: #ffe8e8;
        border-color: #ffc3c3;
    }

.chip-text[b-w9feiiadtp] {
    font-weight: 600;
}

.chip-cta[b-w9feiiadtp] {
    border: none;
    padding: 4px 10px;
    border-radius: 999px;
    cursor: pointer;
    background: var(--Zahlwerk-primary);
    color: #fff;
}

    .chip-cta:hover[b-w9feiiadtp] {
        opacity: .92;
    }

/* Top trial bar above header */
.trial-topbar[b-w9feiiadtp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 20px;
    background: var(--Zahlwerk-primary); /* teal band like in screenshot */
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.trial-left[b-w9feiiadtp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.trial-title[b-w9feiiadtp] {
    font-weight: 700;
    line-height: 1.2;
}

.trial-subtitle[b-w9feiiadtp] {
    opacity: 0.9;
    font-size: 0.9rem;
    line-height: 1.2;
}

.trial-upgrade-btn[b-w9feiiadtp] {
    background: #29a745; /* adjust to your DS (success/cta) */
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .trial-upgrade-btn:hover[b-w9feiiadtp] {
        opacity: .92;
    }

/* keep your existing .top-nav-content styles below */
/* _content/ChefPlanner.UI/Shared/ZahlwerkLayout.razor.rz.scp.css */
.page[b-zlqjjsm0ds] {
    --sidebar-width: 270px;
    position: relative;
    max-width: 100vw;
    display: flex;
    background-color: var(--Zahlwerk-light-primary);
}

.sidebar[b-zlqjjsm0ds] {
    width: var(--sidebar-width);
    height: 100svh;
    padding: 0px 10px 30px 20px;
    overflow-y: auto;
    overflow-x: clip;
}

.sidebar[b-zlqjjsm0ds]::-webkit-scrollbar {
    display: none;
}

.main[b-zlqjjsm0ds] {
    width: calc(100% - var(--sidebar-width));
    height: 100svh;
    padding: 10px;
}

.main__wrap[b-zlqjjsm0ds] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--Zahlwerk-white);
    border-radius: 20px;
    overflow: hidden;
}

.top-row-nav[b-zlqjjsm0ds] {
    position: sticky;
    top: 0;
    z-index: var(--z-index-global-header);
    background-color: var(--Zahlwerk-light-primary);
}

.content[b-zlqjjsm0ds] {
    position: relative;
    height: calc(100% - 130px);
    border-bottom: 1px solid #e6f2f4;
    overflow-y: auto;
}

    .content.no-scroll[b-zlqjjsm0ds] {
        overflow-y: hidden;
    }

.content__wrap[b-zlqjjsm0ds] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.modal-container[b-zlqjjsm0ds] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.modal-overlay[b-zlqjjsm0ds] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.modal-content[b-zlqjjsm0ds] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--Zahlwerk-white);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 1001;
    overflow: visible;
    width: auto;
}
/* _content/ChefPlanner.UI/Shared/ZahlwerkSidebar.razor.rz.scp.css */
.top-row-logo[b-enwftwd6vb] {
    height: 75px;
    padding: 0;
    padding-top: 30px;
    background-color: var(--Zahlwerk-light-primary);
    position: sticky;
    top: 0;
    align-items: flex-start;
}

.navbar-logo[b-enwftwd6vb] {
    width: 100%;
    height: 100%;
}

.navbar-logo img[b-enwftwd6vb] {
    width: 170px;
    height: auto;
}

.import-container[b-enwftwd6vb] {
    border-radius: 6px;
    background-color: var(--Zahlwerk-white);
    display: flex;
    top: 5px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
}

.navbar-toggler[b-enwftwd6vb] {
    background-color: #3c3c3c;
}

.oi[b-enwftwd6vb] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.sidebar-nav[b-enwftwd6vb] {
    width: 100%;
}

.sidebar-nav nav[b-enwftwd6vb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sidebar-nav .nav-item[b-enwftwd6vb] {
    margin: 0;
}

.nav-item[b-enwftwd6vb]  a {
    color: var(--Zahlwerk-black);
    border-radius: 6px;
    height: 40px;
    display: flex;
    margin: 5px 0 5px 0;
    padding: 0 12px 0 12px;
    align-items: center;
}
.nav-item[b-enwftwd6vb]  a.active {
    background-color: var(--Zahlwerk-dark-light-primary);
}

.nav-item[b-enwftwd6vb]  a:hover {
    background-color: var(--Zahlwerk-soft-light-primary);
}

@media (min-width: 641px) {
    .navbar-toggler[b-enwftwd6vb] {
        display: none;
    }

    .collapse[b-enwftwd6vb] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}