@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xhmh396fvf] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xhmh396fvf] {
    flex: 1;
    min-width: 0;
}

.sidebar[b-xhmh396fvf] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-image: linear-gradient(180deg, #5C4A00 0%, #1A1400 100%);
}

.top-row[b-xhmh396fvf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-xhmh396fvf]  a, .top-row[b-xhmh396fvf]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-xhmh396fvf]  a:hover, .top-row[b-xhmh396fvf]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-xhmh396fvf]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-xhmh396fvf] {
        justify-content: space-between;
    }

    .top-row[b-xhmh396fvf]  a, .top-row[b-xhmh396fvf]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xhmh396fvf] {
        flex-direction: row;
    }

    .sidebar[b-xhmh396fvf] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xhmh396fvf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-xhmh396fvf]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-xhmh396fvf], article[b-xhmh396fvf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-xhmh396fvf] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-xhmh396fvf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MasterCrud.razor.rz.scp.css */
.muchlight-page[b-heixwad5de] {
    padding: 1rem;
}

.muchlight-page-header[b-heixwad5de] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-heixwad5de] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-heixwad5de] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-heixwad5de] {
    background: #ffffff;
    border: 1px solid #efe5cf;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.muchlight-toolbar[b-heixwad5de] {
    padding: 1rem;
    background: linear-gradient(180deg, #fffdf8 0%, #fff8eb 100%);
    border-bottom: 1px solid #efe5cf;
}

.muchlight-toolbar-actions[b-heixwad5de] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.muchlight-search-icon[b-heixwad5de] {
    background: #fffaf0;
    color: #8a6500;
    border-color: #d8c8a0;
}

.muchlight-toolbar .form-control[b-heixwad5de] {
    border-color: #d8c8a0;
}

    .muchlight-toolbar .form-control:focus[b-heixwad5de] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .2rem rgba(138,101,0,.15);
    }

.muchlight-record-count[b-heixwad5de] {
    display: inline-block;
    background: #8a6500;
    color: #ffffff;
    border-radius: 25px;
    padding: .55rem 1rem;
    font-size: .85rem;
    font-weight: 600;
}

.muchlight-btn-primary[b-heixwad5de] {
    background-color: #8a6500;
    border-color: #8a6500;
    color: #ffffff;
}

    .muchlight-btn-primary:hover[b-heixwad5de] {
        background-color: #6f5100;
        border-color: #6f5100;
        color: #ffffff;
    }

.muchlight-btn-excel[b-heixwad5de] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-heixwad5de] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-heixwad5de] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-heixwad5de] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

    .muchlight-btn-primary:disabled[b-heixwad5de],
    .muchlight-btn-excel:disabled[b-heixwad5de],
    .muchlight-btn-pdf:disabled[b-heixwad5de] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-heixwad5de] {
    margin-bottom: 0;
}

    .muchlight-table thead[b-heixwad5de] {
        background: linear-gradient(135deg, #3a2a10 0%, #5c4015 100%);
        color: #ffffff;
    }

        .muchlight-table thead th[b-heixwad5de] {
            border: none;
            padding: 1rem;
            font-size: .9rem;
            font-weight: 600;
            white-space: nowrap;
            letter-spacing: .3px;
            vertical-align: middle;
        }

    .muchlight-table tbody td[b-heixwad5de] {
        padding: .9rem 1rem;
        vertical-align: middle;
        border-color: #f3ead8;
    }

    .muchlight-table tbody tr:nth-child(even)[b-heixwad5de] {
        background: #fcfcfc;
    }

    .muchlight-table tbody tr:hover[b-heixwad5de] {
        background: #fffaf0;
        transition: .2s ease;
    }

.muchlight-badge-active[b-heixwad5de] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.muchlight-badge-inactive[b-heixwad5de] {
    background: #f3f4f6;
    color: #4b5563;
    border: 1px solid #d1d5db;
}

.muchlight-icon-btn-edit[b-heixwad5de],
.muchlight-icon-btn-delete[b-heixwad5de] {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: .25rem;
    transition: .2s ease;
}

.muchlight-icon-btn-edit[b-heixwad5de] {
    background: #fff3cd;
    color: #8a6500;
    border: 1px solid #f1d38a;
}

    .muchlight-icon-btn-edit:hover[b-heixwad5de] {
        background: #8a6500;
        color: #ffffff;
    }

.muchlight-icon-btn-delete[b-heixwad5de] {
    background: #f8d7da;
    color: #b02a37;
    border: 1px solid #f1aeb5;
}

    .muchlight-icon-btn-delete:hover[b-heixwad5de] {
        background: #b02a37;
        color: #ffffff;
    }

.muchlight-loading[b-heixwad5de] {
    text-align: center;
    padding: 3rem;
    color: #6c757d;
}

.muchlight-spinner[b-heixwad5de] {
    color: #8a6500;
}

.muchlight-empty[b-heixwad5de] {
    text-align: center;
    padding: 3rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-heixwad5de] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-heixwad5de] {
    font-weight: 700;
    color: #2b220f;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-heixwad5de] {
    font-size: .9rem;
}

@media (max-width: 768px) {
    .muchlight-toolbar-actions[b-heixwad5de] {
        width: 100%;
        justify-content: flex-start;
    }

        .muchlight-toolbar-actions .btn[b-heixwad5de] {
            flex: 1;
        }

    .muchlight-record-count[b-heixwad5de] {
        margin-top: .25rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-m3liey702y] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked ~ .nav-scrollable[b-m3liey702y] {
        display: block;
    }

.top-row[b-m3liey702y] {
    min-height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.logo[b-m3liey702y] {
    max-height: 42px;
    width: auto;
}

.navbar-brand[b-m3liey702y] {
    font-size: 1.1rem;
}

.nav-scrollable[b-m3liey702y] {
    display: none;
}

.nav-item[b-m3liey702y] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

    /* Actual page links rendered by NavLink */
    .nav-item[b-m3liey702y]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        width: 100%;
        min-height: 3rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
        padding: 0.5rem 1rem;
        box-sizing: border-box;
    }

    .nav-item[b-m3liey702y]  a.active {
        background-color: rgba(255, 255, 255, 0.37);
        color: white;
    }

    .nav-item[b-m3liey702y]  .nav-link:hover {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

/* Expandable headings such as Payroll, Masters and Finance */
.menu-toggle[b-m3liey702y] {
    width: 100%;
    min-height: 3rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    font: inherit;
    line-height: 1.25;
}

    .menu-toggle:hover[b-m3liey702y] {
        background-color: rgba(255, 255, 255, 0.1);
        color: white;
    }

/* Keeps the icon and menu text on one horizontal line */
.menu-label[b-m3liey702y] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    line-height: 1.25;
}

    .menu-label > .bi[b-m3liey702y] {
        flex: 0 0 auto;
    }

/* Keeps the > or down arrow aligned horizontally with the text */
.menu-chevron[b-m3liey702y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.75rem;
    line-height: 1;
    font-size: 0.85rem;
}

/* First submenu level: Transactions, Setup, Organisation, Finance, Fiscal */
.submenu-level1[b-m3liey702y] {
    margin-left: 1.25rem;
    padding-left: 0.5rem;
    padding-right: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.16);
}

/* Second submenu level: Payroll Runs, Banks, Companies, etc. */
.submenu-level2[b-m3liey702y] {
    margin-left: 3rem;
    padding-left: 0.75rem;
    padding-right: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

/* Available for any future fourth-level items */
.submenu-level3[b-m3liey702y] {
    margin-left: 4.75rem;
    padding-left: 0.75rem;
    padding-right: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

    /* Reduce the internal left padding of nested links so indentation stays balanced */
    .submenu-level1[b-m3liey702y]  .nav-link,
    .submenu-level1 .menu-toggle[b-m3liey702y],
    .submenu-level2[b-m3liey702y]  .nav-link,
    .submenu-level2 .menu-toggle[b-m3liey702y],
    .submenu-level3[b-m3liey702y]  .nav-link,
    .submenu-level3 .menu-toggle[b-m3liey702y] {
        padding-left: 0.6rem;
    }

@media (min-width: 641px) {
    .navbar-toggler[b-m3liey702y] {
        display: none;
    }

    .nav-scrollable[b-m3liey702y] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-j3ruv6akuc],
.components-reconnect-repeated-attempt-visible[b-j3ruv6akuc],
.components-reconnect-failed-visible[b-j3ruv6akuc],
.components-pause-visible[b-j3ruv6akuc],
.components-resume-failed-visible[b-j3ruv6akuc],
.components-rejoining-animation[b-j3ruv6akuc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-retrying[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-failed[b-j3ruv6akuc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-j3ruv6akuc] {
    display: block;
}


#components-reconnect-modal[b-j3ruv6akuc] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-j3ruv6akuc 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-j3ruv6akuc 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-j3ruv6akuc 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-j3ruv6akuc]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-j3ruv6akuc 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-j3ruv6akuc {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-j3ruv6akuc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-j3ruv6akuc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-j3ruv6akuc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-j3ruv6akuc] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-j3ruv6akuc] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-j3ruv6akuc] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-j3ruv6akuc] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-j3ruv6akuc] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-j3ruv6akuc] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-j3ruv6akuc 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-j3ruv6akuc] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-j3ruv6akuc {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Employees/EmployeeEdit.razor.rz.scp.css */
/* CSS for EmployeeEdit component */
.employee-edit-header[b-wvawbc3e9u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.employee-edit-header-actions[b-wvawbc3e9u] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.muchlight-tabs[b-wvawbc3e9u] {
    border-bottom: 1px solid #efe5cf;
}

    .muchlight-tabs .nav-link[b-wvawbc3e9u] {
        color: #5f4300;
        font-weight: 600;
        border: 1px solid transparent;
        border-radius: 10px 10px 0 0;
    }

        .muchlight-tabs .nav-link:hover[b-wvawbc3e9u] {
            background: #fff8eb;
            border-color: #efe5cf;
        }

        .muchlight-tabs .nav-link.active[b-wvawbc3e9u] {
            background: #8a6500;
            color: #ffffff;
            border-color: #8a6500;
        }

.muchlight-tab-content[b-wvawbc3e9u] {
    padding: 1.2rem 0 .5rem 0;
}

.employee-section-title[b-wvawbc3e9u] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.employee-check[b-wvawbc3e9u] {
    padding-top: 2rem;
}

.employee-form-footer[b-wvawbc3e9u] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.validation-message[b-wvawbc3e9u] {
    color: #b02a37;
    font-size: .8rem;
    margin-top: .25rem;
}

@media (max-width: 768px) {
    .employee-edit-header[b-wvawbc3e9u] {
        flex-direction: column;
    }

    .employee-edit-header-actions[b-wvawbc3e9u] {
        width: 100%;
    }

        .employee-edit-header-actions .btn[b-wvawbc3e9u] {
            flex: 1;
        }

    .employee-form-footer[b-wvawbc3e9u] {
        flex-direction: column-reverse;
    }

        .employee-form-footer .btn[b-wvawbc3e9u] {
            width: 100%;
        }
}
/* /Components/Pages/Employees/Employees.razor.rz.scp.css */
/* CSS for Employees component */
.muchlight-page[b-x2r51l2ow0] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-header[b-x2r51l2ow0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.muchlight-title[b-x2r51l2ow0] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.muchlight-subtitle[b-x2r51l2ow0] {
    color: #6c757d;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.muchlight-header-actions[b-x2r51l2ow0] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.muchlight-toolbar-actions[b-x2r51l2ow0] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-card[b-x2r51l2ow0] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, 0.06);
}

.employee-filter-grid[b-x2r51l2ow0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 0.8rem;
    align-items: end;
}

.filter-item[b-x2r51l2ow0] {
    min-width: 0;
}

.filter-actions[b-x2r51l2ow0] {
    display: flex;
    align-items: end;
}

.muchlight-label[b-x2r51l2ow0] {
    color: #5f4300;
    font-weight: 600;
    font-size: 0.85rem;
}

.muchlight-input[b-x2r51l2ow0] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: 0.9rem;
}

    .muchlight-input:focus[b-x2r51l2ow0] {
        border-color: #8a6500;
        box-shadow: 0 0 0 0.15rem rgba(138, 101, 0, 0.18);
    }

.muchlight-btn-primary[b-x2r51l2ow0] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-x2r51l2ow0] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-secondary[b-x2r51l2ow0] {
    background: #ffffff;
    border: 1px solid #8a6500;
    color: #6f4f00;
    font-weight: 600;
}

    .muchlight-btn-secondary:hover[b-x2r51l2ow0] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-light[b-x2r51l2ow0] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

.muchlight-table[b-x2r51l2ow0] {
    font-size: 0.9rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-x2r51l2ow0] {
        background: #f8f5ea;
        color: #5f4300;
    }

.action-buttons[b-x2r51l2ow0] {
    display: flex;
    justify-content: center;
    gap: 0.35rem;
}

.muchlight-icon-btn[b-x2r51l2ow0] {
    border: 1px solid #d6c48a;
    color: #6f4f00;
    background: #ffffff;
}

    .muchlight-icon-btn:hover[b-x2r51l2ow0] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-icon-btn-danger[b-x2r51l2ow0] {
    border: 1px solid #e2b6b6;
    color: #a40000;
    background: #ffffff;
}

    .muchlight-icon-btn-danger:hover[b-x2r51l2ow0] {
        background: #fff0f0;
        color: #7a0000;
    }

.muchlight-badge-success[b-x2r51l2ow0] {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #b7dfb9;
}

.muchlight-badge-danger[b-x2r51l2ow0] {
    background: #fdecea;
    color: #a40000;
    border: 1px solid #efb5ad;
}

.muchlight-badge-muted[b-x2r51l2ow0] {
    background: #f1f1f1;
    color: #555;
    border: 1px solid #ddd;
}

.muchlight-loading[b-x2r51l2ow0] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #5f4300;
    font-weight: 600;
}

.muchlight-empty[b-x2r51l2ow0] {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
}

    .muchlight-empty i[b-x2r51l2ow0] {
        font-size: 2.5rem;
        color: #8a6500;
    }

.muchlight-pagination[b-x2r51l2ow0] {
    padding-top: 0.8rem;
    display: flex;
    justify-content: flex-end;
}

.muchlight-btn-excel[b-x2r51l2ow0] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-x2r51l2ow0] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-x2r51l2ow0] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-x2r51l2ow0] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

    .muchlight-btn-primary:disabled[b-x2r51l2ow0],
    .muchlight-btn-excel:disabled[b-x2r51l2ow0],
    .muchlight-btn-pdf:disabled[b-x2r51l2ow0] {
        opacity: .6;
        cursor: not-allowed;
    }

@media (max-width: 992px) {
    .muchlight-header[b-x2r51l2ow0] {
        flex-direction: column;
    }

    .employee-filter-grid[b-x2r51l2ow0] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 576px) {
    .employee-filter-grid[b-x2r51l2ow0] {
        grid-template-columns: 1fr;
    }

    .muchlight-header-actions[b-x2r51l2ow0] {
        width: 100%;
    }

        .muchlight-header-actions .btn[b-x2r51l2ow0] {
            flex: 1;
        }
}
/* /Components/Pages/Payrolls/LeaveBalances.razor.rz.scp.css */
.master-page[b-cm4irvot7a] {
  padding: 1rem;
  background: #fff;
}

.master-header[b-cm4irvot7a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.master-header h3[b-cm4irvot7a] {
  margin: 0;
  color: #5f4300;
  font-weight: 700;
}

.master-header p[b-cm4irvot7a] {
  margin: .2rem 0 0;
  color: #6c757d;
}

.master-card[b-cm4irvot7a] {
  background: #fff;
  border: 1px solid #eadfbd;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
  overflow: hidden;
}

.master-toolbar[b-cm4irvot7a] {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: 1rem;
  background: #fffdf7;
  border-bottom: 1px solid #eadfbd;
}

.master-search[b-cm4irvot7a] {
  max-width: 360px;
}

.filter-select[b-cm4irvot7a] {
  max-width: 420px;
}

.record-count[b-cm4irvot7a] {
  margin-left: auto;
  background: #6f4f00;
  color: #fff;
  border-radius: 18px;
  padding: .4rem .8rem;
  font-size: .78rem;
}

.master-table[b-cm4irvot7a] {
  margin: 0;
  font-size: .86rem;
}

.master-table thead[b-cm4irvot7a] {
  background: #f8f5ea;
  color: #5f4300;
}

.master-table th[b-cm4irvot7a] {
  white-space: nowrap;
}

.master-btn-primary[b-cm4irvot7a] {
  background: #6f4f00;
  border-color: #6f4f00;
  color: #fff;
}

.master-btn-primary:hover[b-cm4irvot7a] {
  background: #563d00;
  color: #fff;
}

.master-modal[b-cm4irvot7a] {
  border: 1px solid #eadfbd;
}

.master-modal .modal-header[b-cm4irvot7a] {
  background: #f8f5ea;
  color: #5f4300;
}

.balance-value[b-cm4irvot7a] {
  font-weight: 700;
  color: #0f5132;
}

.error-preline[b-cm4irvot7a] {
  white-space: pre-line;
}

@media (max-width: 768px) {
  .master-header[b-cm4irvot7a],
  .master-toolbar[b-cm4irvot7a] {
    flex-direction: column;
  }

  .master-search[b-cm4irvot7a],
  .filter-select[b-cm4irvot7a] {
    max-width: none;
    width: 100%;
  }

  .record-count[b-cm4irvot7a] {
    margin-left: 0;
  }
}
/* /Components/Pages/Payrolls/LeaveTransactions.razor.rz.scp.css */
.master-page[b-ekrtl6jd2u] {
    padding: 1rem;
    background: #fff
}

.master-header[b-ekrtl6jd2u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem
}

    .master-header h3[b-ekrtl6jd2u] {
        margin: 0;
        color: #5f4300;
        font-weight: 700
    }

    .master-header p[b-ekrtl6jd2u] {
        margin: .2rem 0 0;
        color: #6c757d
    }

.master-card[b-ekrtl6jd2u] {
    background: #fff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(95,67,0,.06);
    overflow: hidden
}

.master-toolbar[b-ekrtl6jd2u] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1rem;
    background: #fffdf7;
    border-bottom: 1px solid #eadfbd
}

.master-search[b-ekrtl6jd2u] {
    max-width: 360px
}

.filter-select[b-ekrtl6jd2u] {
    max-width: 420px
}

.record-count[b-ekrtl6jd2u] {
    margin-left: auto;
    background: #6f4f00;
    color: #fff;
    border-radius: 18px;
    padding: .4rem .8rem;
    font-size: .78rem
}

.master-table[b-ekrtl6jd2u] {
    margin: 0;
    font-size: .86rem
}

    .master-table thead[b-ekrtl6jd2u] {
        background: #f8f5ea;
        color: #5f4300
    }

    .master-table th[b-ekrtl6jd2u] {
        white-space: nowrap
    }

.master-btn-primary[b-ekrtl6jd2u] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #fff
}

    .master-btn-primary:hover[b-ekrtl6jd2u] {
        background: #563d00;
        color: #fff
    }

.master-modal[b-ekrtl6jd2u] {
    border: 1px solid #eadfbd
}

    .master-modal .modal-header[b-ekrtl6jd2u] {
        background: #f8f5ea;
        color: #5f4300
    }

.balance-value[b-ekrtl6jd2u] {
    font-weight: 700;
    color: #0f5132
}

.error-preline[b-ekrtl6jd2u] {
    white-space: pre-line
}

@media(max-width:768px) {
    .master-header[b-ekrtl6jd2u], .master-toolbar[b-ekrtl6jd2u] {
        flex-direction: column
    }

    .master-search[b-ekrtl6jd2u], .filter-select[b-ekrtl6jd2u] {
        max-width: none;
        width: 100%
    }

    .record-count[b-ekrtl6jd2u] {
        margin-left: 0
    }
}
/* /Components/Pages/Payrolls/LeaveTypes.razor.rz.scp.css */
.master-page[b-dveqmtgr2s] {
  padding: 1rem;
  background: #fff;
}

.master-header[b-dveqmtgr2s] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.master-header h3[b-dveqmtgr2s] {
  margin: 0;
  color: #5f4300;
  font-weight: 700;
}

.master-header p[b-dveqmtgr2s] {
  margin: 0.2rem 0 0;
  color: #6c757d;
}

.master-card[b-dveqmtgr2s] {
  background: #fff;
  border: 1px solid #eadfbd;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(95, 67, 0, 0.06);
  overflow: hidden;
}

.master-toolbar[b-dveqmtgr2s] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1rem;
  background: #fffdf7;
  border-bottom: 1px solid #eadfbd;
}

.master-search[b-dveqmtgr2s] {
  max-width: 360px;
}

.filter-select[b-dveqmtgr2s] {
  max-width: 420px;
}

.record-count[b-dveqmtgr2s] {
  margin-left: auto;
  background: #6f4f00;
  color: #fff;
  border-radius: 18px;
  padding: 0.4rem 0.8rem;
  font-size: 0.78rem;
}

.master-table[b-dveqmtgr2s] {
  margin: 0;
  font-size: 0.86rem;
}

.master-table thead[b-dveqmtgr2s] {
  background: #f8f5ea;
  color: #5f4300;
}

.master-table th[b-dveqmtgr2s] {
  white-space: nowrap;
}

.master-btn-primary[b-dveqmtgr2s] {
  background: #6f4f00;
  border-color: #6f4f00;
  color: #fff;
}

.master-btn-primary:hover[b-dveqmtgr2s] {
  background: #563d00;
  color: #fff;
}

.master-modal[b-dveqmtgr2s] {
  border: 1px solid #eadfbd;
}

.master-modal .modal-header[b-dveqmtgr2s] {
  background: #f8f5ea;
  color: #5f4300;
}

.balance-value[b-dveqmtgr2s] {
  font-weight: 700;
  color: #0f5132;
}

.error-preline[b-dveqmtgr2s] {
  white-space: pre-line;
}

@media (max-width: 768px) {
  .master-header[b-dveqmtgr2s],
  .master-toolbar[b-dveqmtgr2s] {
    flex-direction: column;
  }

  .master-search[b-dveqmtgr2s],
  .filter-select[b-dveqmtgr2s] {
    max-width: none;
    width: 100%;
  }

  .record-count[b-dveqmtgr2s] {
    margin-left: 0;
  }
}
/* /Components/Pages/Payrolls/PayrollAllowances.razor.rz.scp.css */
.master-page[b-1td0g3jrfg] {
    padding: 1rem;
    background: #fff
}

.master-header[b-1td0g3jrfg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem
}

    .master-header h3[b-1td0g3jrfg] {
        margin: 0;
        color: #5f4300;
        font-weight: 700
    }

    .master-header p[b-1td0g3jrfg] {
        margin: .2rem 0 0;
        color: #6c757d
    }

.master-card[b-1td0g3jrfg] {
    background: #fff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(95,67,0,.06);
    overflow: hidden
}

.generation-panel[b-1td0g3jrfg] {
    display: grid;
    grid-template-columns: 1.4fr 1.3fr 1fr auto auto;
    gap: .75rem;
    align-items: end;
    padding: 1rem;
    background: #fffaf0;
    border-bottom: 1px solid #eadfbd
}

    .generation-panel label[b-1td0g3jrfg], .master-modal label[b-1td0g3jrfg] {
        font-weight: 600;
        color: #5f4300
    }

.replace-check[b-1td0g3jrfg] {
    padding-bottom: .55rem
}

.generation-actions[b-1td0g3jrfg] {
    display: flex;
    gap: .4rem
}

.master-toolbar[b-1td0g3jrfg] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1rem;
    background: #fffdf7;
    border-bottom: 1px solid #eadfbd
}

.master-search[b-1td0g3jrfg] {
    max-width: 360px
}

.record-count[b-1td0g3jrfg] {
    margin-left: auto;
    background: #6f4f00;
    color: #fff;
    border-radius: 18px;
    padding: .4rem .8rem;
    font-size: .78rem
}

.master-table[b-1td0g3jrfg] {
    margin: 0;
    font-size: .86rem
}

    .master-table thead[b-1td0g3jrfg] {
        background: #f8f5ea;
        color: #5f4300
    }

    .master-table th[b-1td0g3jrfg] {
        white-space: nowrap
    }

.amount-cell[b-1td0g3jrfg] {
    font-weight: 700;
    color: #0f5132
}

.master-btn-primary[b-1td0g3jrfg] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #fff
}

.master-modal[b-1td0g3jrfg] {
    border: 1px solid #eadfbd
}

    .master-modal .modal-header[b-1td0g3jrfg] {
        background: #f8f5ea;
        color: #5f4300
    }

.employee-banner[b-1td0g3jrfg] {
    padding: .7rem;
    margin-bottom: 1rem;
    background: #fffaf0;
    border: 1px solid #eadfbd;
    border-radius: 6px
}

.source-badge[b-1td0g3jrfg] {
    padding: .2rem .5rem;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 700
}

    .source-badge.generated[b-1td0g3jrfg] {
        background: #e7f1ff;
        color: #084298
    }

    .source-badge.manual[b-1td0g3jrfg] {
        background: #eaf8ea;
        color: #0f5132
    }

.error-preline[b-1td0g3jrfg] {
    white-space: pre-line
}

@media(max-width:1200px) {
    .generation-panel[b-1td0g3jrfg] {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:768px) {
    .master-header[b-1td0g3jrfg], .master-toolbar[b-1td0g3jrfg] {
        flex-direction: column
    }

    .generation-panel[b-1td0g3jrfg] {
        grid-template-columns: 1fr
    }

    .master-search[b-1td0g3jrfg] {
        max-width: none;
        width: 100%
    }

    .record-count[b-1td0g3jrfg] {
        margin-left: 0
    }
}
/* /Components/Pages/Payrolls/PayrollDeductions.razor.rz.scp.css */
.master-page[b-zzd5wj4mg4] {
    padding: 1rem;
    background: #fff
}

.master-header[b-zzd5wj4mg4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem
}

    .master-header h3[b-zzd5wj4mg4] {
        margin: 0;
        color: #5f4300;
        font-weight: 700
    }

    .master-header p[b-zzd5wj4mg4] {
        margin: .2rem 0 0;
        color: #6c757d
    }

.master-card[b-zzd5wj4mg4] {
    background: #fff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(95,67,0,.06);
    overflow: hidden
}

.generation-panel[b-zzd5wj4mg4] {
    display: grid;
    grid-template-columns: 1.4fr 1.3fr 1fr auto auto;
    gap: .75rem;
    align-items: end;
    padding: 1rem;
    background: #fffaf0;
    border-bottom: 1px solid #eadfbd
}

    .generation-panel label[b-zzd5wj4mg4], .master-modal label[b-zzd5wj4mg4] {
        font-weight: 600;
        color: #5f4300
    }

.replace-check[b-zzd5wj4mg4] {
    padding-bottom: .55rem
}

.generation-actions[b-zzd5wj4mg4] {
    display: flex;
    gap: .4rem
}

.master-toolbar[b-zzd5wj4mg4] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1rem;
    background: #fffdf7;
    border-bottom: 1px solid #eadfbd
}

.master-search[b-zzd5wj4mg4] {
    max-width: 360px
}

.record-count[b-zzd5wj4mg4] {
    margin-left: auto;
    background: #6f4f00;
    color: #fff;
    border-radius: 18px;
    padding: .4rem .8rem;
    font-size: .78rem
}

.master-table[b-zzd5wj4mg4] {
    margin: 0;
    font-size: .86rem
}

    .master-table thead[b-zzd5wj4mg4] {
        background: #f8f5ea;
        color: #5f4300
    }

    .master-table th[b-zzd5wj4mg4] {
        white-space: nowrap
    }

.amount-cell[b-zzd5wj4mg4] {
    font-weight: 700;
    color: #0f5132
}

.master-btn-primary[b-zzd5wj4mg4] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #fff
}

.master-modal[b-zzd5wj4mg4] {
    border: 1px solid #eadfbd
}

    .master-modal .modal-header[b-zzd5wj4mg4] {
        background: #f8f5ea;
        color: #5f4300
    }

.employee-banner[b-zzd5wj4mg4] {
    padding: .7rem;
    margin-bottom: 1rem;
    background: #fffaf0;
    border: 1px solid #eadfbd;
    border-radius: 6px
}

.source-badge[b-zzd5wj4mg4] {
    padding: .2rem .5rem;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 700
}

    .source-badge.generated[b-zzd5wj4mg4] {
        background: #e7f1ff;
        color: #084298
    }

    .source-badge.manual[b-zzd5wj4mg4] {
        background: #eaf8ea;
        color: #0f5132
    }

.error-preline[b-zzd5wj4mg4] {
    white-space: pre-line
}

@media(max-width:1200px) {
    .generation-panel[b-zzd5wj4mg4] {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:768px) {
    .master-header[b-zzd5wj4mg4], .master-toolbar[b-zzd5wj4mg4] {
        flex-direction: column
    }

    .generation-panel[b-zzd5wj4mg4] {
        grid-template-columns: 1fr
    }

    .master-search[b-zzd5wj4mg4] {
        max-width: none;
        width: 100%
    }

    .record-count[b-zzd5wj4mg4] {
        margin-left: 0
    }
}
/* /Components/Pages/Payrolls/PayrollDetails.razor.rz.scp.css */
/* =========================================================
   MFAS Payroll Details
   Internal table scrollbar + frozen Employee column
   ========================================================= */

.muchlight-page[b-80bj37auvg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 1rem;
    background: #ffffff;
    overflow-x: hidden;
}

.muchlight-header[b-80bj37auvg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.muchlight-title[b-80bj37auvg] {
    margin: 0 0 .2rem 0;
    color: #5f4300;
    font-weight: 700;
}

.muchlight-subtitle[b-80bj37auvg] {
    margin: 0;
    color: #6c757d;
}

.muchlight-header-actions[b-80bj37auvg],
.payroll-command-actions[b-80bj37auvg] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.muchlight-card[b-80bj37auvg],
.payroll-command-card[b-80bj37auvg] {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

/* Summary cards */
.payroll-summary-grid[b-80bj37auvg] {
    display: grid;
    grid-template-columns: repeat(8, minmax(120px, 1fr));
    gap: .65rem;
    min-width: 0;
    margin-bottom: 1rem;
}

.payroll-summary-card[b-80bj37auvg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: .75rem;
    background: #fffaf0;
    border: 1px solid #eadfbd;
    border-radius: 10px;
}

    .payroll-summary-card span[b-80bj37auvg] {
        color: #6c757d;
        font-size: .78rem;
    }

    .payroll-summary-card strong[b-80bj37auvg] {
        color: #5f4300;
    }

.earnings-summary[b-80bj37auvg],
.earnings-heading[b-80bj37auvg],
.earnings-cell[b-80bj37auvg] {
    background: #eefbf0 !important;
}

.deductions-summary[b-80bj37auvg],
.deductions-heading[b-80bj37auvg],
.deductions-cell[b-80bj37auvg] {
    background: #fff4f4 !important;
}

.gross-summary[b-80bj37auvg],
.results-heading[b-80bj37auvg],
.gross-cell[b-80bj37auvg] {
    background: #fff8d8 !important;
}

.net-summary[b-80bj37auvg],
.net-cell[b-80bj37auvg] {
    background: #eaf8ea !important;
}

.status-summary[b-80bj37auvg] {
    background: #e7f1ff;
}

/* Command cards */
.payroll-command-grid[b-80bj37auvg] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    min-width: 0;
    margin-bottom: 1rem;
}

.payroll-command-card[b-80bj37auvg] {
    min-width: 0;
    padding: 1rem;
}

.payroll-command-header[b-80bj37auvg] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding-bottom: .7rem;
    margin-bottom: .7rem;
    color: #5f4300;
    border-bottom: 1px solid #f0e7cc;
}

    .payroll-command-header h6[b-80bj37auvg] {
        margin: 0;
        font-weight: 700;
    }

    .payroll-command-header small[b-80bj37auvg] {
        color: #6c757d;
    }

.payroll-actions-card[b-80bj37auvg] {
    border-top: 3px solid #6f42c1;
}

.reports-card[b-80bj37auvg] {
    border-top: 3px solid #198754;
}

.payroll-template-link[b-80bj37auvg] {
    padding-top: .5rem;
    margin-top: .7rem;
    color: #6c757d;
    border-top: 1px solid #f0e7cc;
}

/* Payroll grid outer card. This must not scroll horizontally. */
.payroll-grid-card[b-80bj37auvg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    overflow: hidden;
}

.payroll-grid-heading[b-80bj37auvg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: #fffdf7;
    border-bottom: 1px solid #eadfbd;
}

    .payroll-grid-heading h5[b-80bj37auvg] {
        margin: 0;
        color: #5f4300;
        font-weight: 700;
    }

    .payroll-grid-heading small[b-80bj37auvg] {
        color: #6c757d;
    }

.muchlight-record-count[b-80bj37auvg] {
    flex: 0 0 auto;
    height: fit-content;
    padding: .4rem .8rem;
    color: #ffffff;
    background: #6f4f00;
    border-radius: 18px;
    white-space: nowrap;
}

/* Buttons */
.muchlight-btn-primary[b-80bj37auvg] {
    color: #ffffff;
    background: #6f4f00;
    border-color: #6f4f00;
}

.muchlight-btn-light[b-80bj37auvg] {
    color: #5f4300;
    background: #f8f5ea;
    border: 1px solid #d6c48a;
}

.muchlight-btn-import[b-80bj37auvg],
.muchlight-btn-upload[b-80bj37auvg] {
    color: #ffffff;
    background: #0d6efd;
    border-color: #0d6efd;
}

.muchlight-btn-add[b-80bj37auvg] {
    color: #052c65;
    background: #0dcaf0;
    border-color: #0dcaf0;
}

.muchlight-btn-process[b-80bj37auvg] {
    color: #ffffff;
    background: #6f42c1;
    border-color: #6f42c1;
}

.muchlight-btn-excel[b-80bj37auvg] {
    color: #ffffff;
    background: #198754;
    border-color: #198754;
}

.muchlight-btn-pdf[b-80bj37auvg] {
    color: #ffffff;
    background: #b02a37;
    border-color: #b02a37;
}

.btn:disabled[b-80bj37auvg],
.btn.disabled[b-80bj37auvg] {
    opacity: .6;
    pointer-events: none;
}

/* =========================================================
   TABLE SCROLL CONTAINER
   The horizontal scrollbar appears at the bottom of this div.
   ========================================================= */
.payroll-detail-grid[b-80bj37auvg] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    max-height: 68vh;
    overflow-x: scroll;
    overflow-y: auto;
    position: relative;
    border-top: 1px solid #eadfbd;
    scrollbar-width: auto;
    scrollbar-color: #8a6500 #f4ecd4;
    -webkit-overflow-scrolling: touch;
/*    overflow-x: auto !important;
    overflow-y: auto;*/

}

    /* Chromium / Edge scrollbar */
    .payroll-detail-grid[b-80bj37auvg]::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }

    .payroll-detail-grid[b-80bj37auvg]::-webkit-scrollbar-track {
        background: #f4ecd4;
        border-top: 1px solid #d6c48a;
    }

    .payroll-detail-grid[b-80bj37auvg]::-webkit-scrollbar-thumb {
        background: #8a6500;
        border: 3px solid #f4ecd4;
        border-radius: 8px;
    }

        .payroll-detail-grid[b-80bj37auvg]::-webkit-scrollbar-thumb:hover {
            background: #6f4f00;
        }

    .payroll-detail-grid[b-80bj37auvg]::-webkit-scrollbar-corner {
        background: #f4ecd4;
    }

/* The table must be wider than its container to create overflow. */
.muchlight-table[b-80bj37auvg] {
    width: 3500px !important;
    min-width: 3500px !important;
    max-width: none !important;
    border-collapse: separate;
    border-spacing: 0;
    max-width: none !important;
    margin: 0;
    font-size: .78rem;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

    .muchlight-table thead[b-80bj37auvg] {
        position: sticky;
        top: 0;
        z-index: 40;
        color: #5f4300;
        background: #f8f5ea;
    }

    .muchlight-table th[b-80bj37auvg],
    .muchlight-table td[b-80bj37auvg] {
        padding: .5rem;
        white-space: nowrap;
    }

/* =========================================================
   FROZEN EMPLOYEE COLUMN
   ========================================================= */
.sticky-col[b-80bj37auvg] {
    position: sticky !important;
    left: 0 !important;
    z-index: 70 !important;
    background: #ffffff !important;
    border-right: 2px solid #d6c48a !important;
    box-shadow: 5px 0 10px rgba(0, 0, 0, .12);
    background-clip: padding-box;
}

.muchlight-table thead .sticky-col[b-80bj37auvg] {
    z-index: 100 !important;
    background: #f8f5ea !important;
}

.muchlight-table tbody .sticky-col[b-80bj37auvg] {
    z-index: 70 !important;
    background: #ffffff !important;
}

.muchlight-table tfoot .sticky-col[b-80bj37auvg] {
    z-index: 90 !important;
    background: #f8f5ea !important;
}

.employee-col[b-80bj37auvg] {
    min-width: 280px !important;
    width: 280px !important;
    max-width: 280px !important;
}

/* Inputs and cells */
.grid-input[b-80bj37auvg] {
    min-width: 96px;
    padding: .3rem .4rem;
    font-size: .78rem;
    border-color: #d6c48a;
}

.readonly-balance[b-80bj37auvg] {
    background: #f3f3f3;
}

.money-cell[b-80bj37auvg] {
    min-width: 95px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.gross-cell[b-80bj37auvg],
.net-cell[b-80bj37auvg] {
    font-weight: 700;
}

/* Frozen totals row */
.payroll-total-row td[b-80bj37auvg] {
    position: sticky;
    bottom: 0;
    z-index: 50;
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 700;
}

.payroll-total-row .sticky-col[b-80bj37auvg] {
    z-index: 95 !important;
}

.muchlight-icon-btn-danger[b-80bj37auvg] {
    color: #a40000;
    background: #ffffff;
    border: 1px solid #e2b6b6;
}

/* States and modal */
.muchlight-loading[b-80bj37auvg],
.muchlight-empty[b-80bj37auvg] {
    padding: 3rem;
    color: #6c757d;
    text-align: center;
}

.error-preline[b-80bj37auvg] {
    white-space: pre-line;
}

.muchlight-modal[b-80bj37auvg] {
    border: 1px solid #eadfbd;
}

/* Responsive layout */
@media (max-width: 1400px) {
    .payroll-summary-grid[b-80bj37auvg] {
        grid-template-columns: repeat(4, 1fr);
    }

    .payroll-command-grid[b-80bj37auvg] {
        grid-template-columns: 1fr 1fr;
    }

    .reports-card[b-80bj37auvg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 992px) {
    .muchlight-header[b-80bj37auvg] {
        flex-direction: column;
    }

    .payroll-summary-grid[b-80bj37auvg] {
        grid-template-columns: repeat(2, 1fr);
    }

    .payroll-command-grid[b-80bj37auvg] {
        grid-template-columns: 1fr;
    }

    .reports-card[b-80bj37auvg] {
        grid-column: auto;
    }
}

@media (max-width: 576px) {
    .muchlight-page[b-80bj37auvg] {
        padding: .5rem;
    }

    .payroll-summary-grid[b-80bj37auvg] {
        grid-template-columns: 1fr;
    }

    .employee-col[b-80bj37auvg] {
        min-width: 230px !important;
        width: 230px !important;
        max-width: 230px !important;
    }
}
/* /Components/Pages/Payrolls/PayrollList.razor.rz.scp.css */
/* CSS for PayrollList component */
/* PayrollList component styling aligned to the MFAS Employee list */
.muchlight-page[b-bdtt11q5p2] {
    padding: 1rem;
    background: #ffffff;
}

.payroll-type-cell[b-bdtt11q5p2] {
    font-size: .75rem;
}


.muchlight-header[b-bdtt11q5p2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.muchlight-title[b-bdtt11q5p2] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .2rem;
}

.muchlight-subtitle[b-bdtt11q5p2] {
    color: #6c757d;
    margin-bottom: 0;
    font-size: .9rem;
}

.muchlight-header-actions[b-bdtt11q5p2],
.muchlight-toolbar-actions[b-bdtt11q5p2] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.muchlight-card[b-bdtt11q5p2] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.payroll-filter-grid[b-bdtt11q5p2] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) repeat(4, minmax(165px, 1fr)) minmax(145px, .8fr);
    gap: .8rem;
    align-items: end;
}

.filter-item[b-bdtt11q5p2] {
    min-width: 0;
}

.filter-actions[b-bdtt11q5p2] {
    display: flex;
    align-items: end;
}

.payroll-toolbar-row[b-bdtt11q5p2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0e7cc;
}

.muchlight-label[b-bdtt11q5p2] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-bdtt11q5p2] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-bdtt11q5p2] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-bdtt11q5p2] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-bdtt11q5p2] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-btn-primary[b-bdtt11q5p2] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-bdtt11q5p2] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-bdtt11q5p2] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-bdtt11q5p2] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-excel[b-bdtt11q5p2] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-bdtt11q5p2] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-bdtt11q5p2] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-bdtt11q5p2] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

    .muchlight-btn-primary:disabled[b-bdtt11q5p2],
    .muchlight-btn-excel:disabled[b-bdtt11q5p2],
    .muchlight-btn-pdf:disabled[b-bdtt11q5p2],
    .muchlight-btn-light:disabled[b-bdtt11q5p2] {
        opacity: .6;
        cursor: not-allowed;
    }

.payroll-grid-container[b-bdtt11q5p2] {
    border: 1px solid #eee5cc;
    border-radius: 8px;
}

.muchlight-table[b-bdtt11q5p2] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-bdtt11q5p2] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-bdtt11q5p2] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-bdtt11q5p2] {
        background: #fffdf7;
    }

.action-buttons[b-bdtt11q5p2] {
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
    white-space: nowrap;
}

.muchlight-icon-btn[b-bdtt11q5p2] {
    border: 1px solid #d6c48a;
    color: #6f4f00;
    background: #ffffff;
}

    .muchlight-icon-btn:hover[b-bdtt11q5p2] {
        background: #fff8e1;
        color: #563d00;
    }

.payroll-employees-btn[b-bdtt11q5p2] {
    border-color: #9ec5fe;
    color: #084298;
}

    .payroll-employees-btn:hover[b-bdtt11q5p2] {
        background: #e7f1ff;
        color: #052c65;
    }

.muchlight-icon-btn-danger[b-bdtt11q5p2] {
    border: 1px solid #e2b6b6;
    color: #a40000;
    background: #ffffff;
}

    .muchlight-icon-btn-danger:hover:not(:disabled)[b-bdtt11q5p2] {
        background: #fff0f0;
        color: #7a0000;
    }

    .muchlight-icon-btn-danger:disabled[b-bdtt11q5p2] {
        opacity: .4;
        cursor: not-allowed;
    }

.payroll-currency-badge[b-bdtt11q5p2] {
    background: #f8f5ea;
    color: #5f4300;
    border: 1px solid #d6c48a;
}

.payroll-employee-count[b-bdtt11q5p2] {
    min-width: 34px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #e7f1ff;
    color: #084298;
    border: 1px solid #b6d4fe;
    font-weight: 700;
}

.payroll-status-draft[b-bdtt11q5p2] {
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}

.payroll-status-processed[b-bdtt11q5p2] {
    background: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
}

.payroll-status-approved[b-bdtt11q5p2] {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.payroll-status-posted[b-bdtt11q5p2] {
    background: #e2d9f3;
    color: #432874;
    border: 1px solid #c5b3e6;
}

.payroll-status-paid[b-bdtt11q5p2] {
    background: #198754;
    color: #ffffff;
    border: 1px solid #146c43;
}

.payroll-status-default[b-bdtt11q5p2] {
    background: #f1f1f1;
    color: #555;
    border: 1px solid #ddd;
}

.muchlight-loading[b-bdtt11q5p2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-bdtt11q5p2] {
    color: #6f4f00;
}

.muchlight-empty[b-bdtt11q5p2] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-bdtt11q5p2] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-bdtt11q5p2] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-bdtt11q5p2] {
    font-size: .9rem;
}

.muchlight-pagination[b-bdtt11q5p2] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 1400px) {
    .payroll-filter-grid[b-bdtt11q5p2] {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}

@media (max-width: 992px) {
    .muchlight-header[b-bdtt11q5p2] {
        flex-direction: column;
    }

    .payroll-filter-grid[b-bdtt11q5p2] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .payroll-toolbar-row[b-bdtt11q5p2] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .payroll-filter-grid[b-bdtt11q5p2] {
        grid-template-columns: 1fr;
    }

    .muchlight-header-actions[b-bdtt11q5p2],
    .muchlight-toolbar-actions[b-bdtt11q5p2] {
        width: 100%;
    }

        .muchlight-header-actions .btn[b-bdtt11q5p2],
        .muchlight-toolbar-actions .btn[b-bdtt11q5p2] {
            flex: 1;
        }
}
/* /Components/Pages/Payrolls/PayrollRunEdit.razor.rz.scp.css */
/* CSS for PayrollRunEdit component */
.payroll-edit-header[b-36hi7a266w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.payroll-edit-header-actions[b-36hi7a266w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.muchlight-btn-light[b-36hi7a266w] {
    background: #fffaf0;
    color: #5c4015;
    border: 1px solid #d8c8a0;
}

    .muchlight-btn-light:hover[b-36hi7a266w] {
        background: #f7ebcf;
        color: #3a2a10;
        border-color: #bda76f;
    }

.payroll-validation-summary[b-36hi7a266w] {
    padding: 1rem 1.25rem 0;
}

    .payroll-validation-summary:empty[b-36hi7a266w] {
        display: none;
    }

.muchlight-tabs[b-36hi7a266w] {
    padding: 0 1rem;
    background: linear-gradient( 180deg, #fffdf8 0%, #fff8eb 100%);
    border-bottom: 1px solid #efe5cf;
}

    .muchlight-tabs .nav-link[b-36hi7a266w] {
        color: #6c5831;
        border: none;
        border-bottom: 3px solid transparent;
        border-radius: 0;
        padding: 1rem 1.15rem;
        font-weight: 600;
    }

        .muchlight-tabs .nav-link:hover[b-36hi7a266w] {
            color: #8a6500;
            border-bottom-color: #d8c8a0;
        }

        .muchlight-tabs .nav-link.active[b-36hi7a266w] {
            color: #8a6500;
            background: transparent;
            border-bottom-color: #8a6500;
        }

.muchlight-tab-content[b-36hi7a266w] {
    padding: 1.25rem;
}

.payroll-section[b-36hi7a266w] {
    background: #ffffff;
}

.payroll-section-title[b-36hi7a266w] {
    display: flex;
    align-items: center;
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #efe5cf;
}

.muchlight-label[b-36hi7a266w] {
    color: #3a2a10;
    font-weight: 600;
}

.muchlight-input[b-36hi7a266w] {
    border-color: #d8c8a0;
}

    .muchlight-input:focus[b-36hi7a266w] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .2rem rgba(138, 101, 0, .15);
    }

    .muchlight-input[readonly][b-36hi7a266w] {
        background-color: #f8f5ed;
    }

.payroll-readonly-control[b-36hi7a266w] {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    background-color: #f8f5ed;
    border: 1px solid #d8c8a0;
    border-radius: .375rem;
}

    .payroll-readonly-control .badge[b-36hi7a266w] {
        padding: .5rem .75rem;
        font-size: .82rem;
    }

.payroll-status-draft[b-36hi7a266w] {
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}

.payroll-status-processed[b-36hi7a266w] {
    background: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
}

.payroll-status-posted[b-36hi7a266w] {
    background: #cfe2ff;
    color: #084298;
    border: 1px solid #b6d4fe;
}

.payroll-status-approved[b-36hi7a266w] {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.payroll-status-cancelled[b-36hi7a266w] {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

.payroll-status-default[b-36hi7a266w] {
    background: #e2e3e5;
    color: #41464b;
    border: 1px solid #d3d6d8;
}

.payroll-workflow-box[b-36hi7a266w] {
    padding: 1rem;
    background: #fffaf0;
    border: 1px solid #efe5cf;
    border-radius: 12px;
}

.payroll-workflow-heading[b-36hi7a266w] {
    margin-bottom: .75rem;
    color: #2b220f;
    font-weight: 700;
}

.payroll-form-footer[b-36hi7a266w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background: #fffaf0;
    border-top: 1px solid #efe5cf;
}

@media (max-width: 768px) {
    .payroll-edit-header[b-36hi7a266w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payroll-edit-header-actions[b-36hi7a266w] {
        width: 100%;
        justify-content: flex-start;
    }

        .payroll-edit-header-actions .btn[b-36hi7a266w] {
            flex: 1;
        }

    .muchlight-tabs[b-36hi7a266w] {
        padding: 0 .5rem;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

        .muchlight-tabs .nav-link[b-36hi7a266w] {
            padding: .85rem;
            white-space: nowrap;
        }

    .muchlight-tab-content[b-36hi7a266w] {
        padding: 1rem;
    }

    .payroll-form-footer .btn[b-36hi7a266w] {
        flex: 1;
    }
}
/* /Components/Pages/Payrolls/PayslipBatchPrint.razor.rz.scp.css */
.payslip-page-shell[b-e87igitoo1],
.batch-page-shell[b-e87igitoo1] {
    min-height: 100vh;
    padding: 1rem;
    background: #f3f5f7;
}

.screen-actions[b-e87igitoo1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    max-width: 920px;
    margin: 0 auto 1rem;
}

.batch-count[b-e87igitoo1] {
    margin-right: auto;
    color: #5f4300;
    font-weight: 700;
}

.payslip-print-button[b-e87igitoo1] {
    color: #ffffff;
    background: #6f4f00;
    border-color: #6f4f00;
}

.payslip-document[b-e87igitoo1] {
    max-width: 920px;
    min-height: 1120px;
    padding: 1.7rem;
    margin: 0 auto;
    color: #1f2933;
    background: #ffffff;
    border-top: 7px solid #6f4f00;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
}

.batch-payslip-page[b-e87igitoo1] {
    margin-bottom: 1.5rem;
}

.payslip-header[b-e87igitoo1] {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #d6c48a;
}

.company-mark[b-e87igitoo1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #ffffff;
    background: #5f4300;
    border: 5px solid #eadfbd;
    border-radius: 50%;
    font-weight: 800;
}

.company-heading h1[b-e87igitoo1] {
    margin: 0;
    color: #5f4300;
    font-size: 1.5rem;
    font-weight: 800;
}

.company-heading h2[b-e87igitoo1] {
    margin: .1rem 0;
    font-size: 1.05rem;
}

.company-heading p[b-e87igitoo1] {
    margin: 0;
    color: #6c757d;
}

.payslip-number[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.payslip-number span[b-e87igitoo1],
.info-item span[b-e87igitoo1],
.basis-item span[b-e87igitoo1],
.summary-block span[b-e87igitoo1] {
    color: #6c757d;
    font-size: .72rem;
    text-transform: uppercase;
}

.employee-information[b-e87igitoo1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 1rem;
    border: 1px solid #d9d9d9;
}

.info-item[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    min-height: 60px;
    padding: .65rem;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.employee-name-item[b-e87igitoo1] {
    grid-column: span 2;
}

.bank-account-item[b-e87igitoo1] {
    grid-column: span 2;
}

.exchange-rate-item[b-e87igitoo1] {
    grid-column: span 2;
}

.basis-section[b-e87igitoo1] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 1rem;
    background: #fffaf0;
    border: 1px solid #d6c48a;
}

.permanent-basis[b-e87igitoo1],
.overtime-basis[b-e87igitoo1] {
    grid-template-columns: repeat(4, 1fr);
}

.basis-item[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    min-height: 66px;
    padding: .7rem;
    border-right: 1px solid #d6c48a;
}

.payslip-lines-grid[b-e87igitoo1] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.payslip-lines-panel[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    min-height: 285px;
    border: 1px solid #d9d9d9;
}

.panel-title[b-e87igitoo1],
.panel-total[b-e87igitoo1],
.payslip-line[b-e87igitoo1] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: .58rem .75rem;
}

.panel-title[b-e87igitoo1] {
    color: #ffffff;
    background: #5f4300;
    font-weight: 700;
}

.deductions-panel .panel-title[b-e87igitoo1] {
    background: #7a3030;
}

.line-list[b-e87igitoo1] {
    flex: 1;
}

.payslip-line[b-e87igitoo1] {
    border-bottom: 1px solid #eeeeee;
}

.panel-total[b-e87igitoo1] {
    color: #5f4300;
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 800;
}

.pay-summary[b-e87igitoo1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

.summary-block[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    padding: .9rem;
    background: #fff8d8;
    border: 1px solid #d6c48a;
}

.summary-block strong[b-e87igitoo1] {
    color: #5f4300;
    font-size: 1.2rem;
}

.deduction-summary-block[b-e87igitoo1] {
    background: #fff4f4;
    border-color: #e6bcbc;
}

.net-summary-block[b-e87igitoo1] {
    background: #176b45;
    border-color: #176b45;
}

.net-summary-block span[b-e87igitoo1],
.net-summary-block strong[b-e87igitoo1] {
    color: #ffffff;
}

.leave-section[b-e87igitoo1] {
    padding: .8rem;
    margin-top: 1rem;
    background: #f8fafc;
    border: 1px solid #d9d9d9;
}

.leave-section h3[b-e87igitoo1] {
    margin: 0 0 .6rem;
    color: #5f4300;
    font-size: .95rem;
}

.leave-grid[b-e87igitoo1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

.leave-item[b-e87igitoo1] {
    display: flex;
    flex-direction: column;
    padding: .55rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

.payslip-footer[b-e87igitoo1] {
    display: flex;
    justify-content: space-between;
    padding-top: .8rem;
    margin-top: 1rem;
    color: #6c757d;
    border-top: 1px solid #d9d9d9;
    font-size: .72rem;
}

.payslip-status[b-e87igitoo1] {
    padding: 3rem;
    text-align: center;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 7mm;
    }

    html[b-e87igitoo1],
    body[b-e87igitoo1] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    body *[b-e87igitoo1] {
        visibility: hidden !important;
    }

    #payslip-print-area[b-e87igitoo1],
    #payslip-print-area *[b-e87igitoo1] {
        visibility: visible !important;
    }

    #payslip-print-area[b-e87igitoo1] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .no-print[b-e87igitoo1] {
        display: none !important;
    }

    .payslip-page-shell[b-e87igitoo1],
    .batch-page-shell[b-e87igitoo1] {
        min-height: auto;
        padding: 0;
        background: #ffffff;
    }

    .payslip-document[b-e87igitoo1] {
        width: 100%;
        max-width: none;
        min-height: auto;
        padding: 6mm;
        box-shadow: none;
        break-inside: avoid;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .batch-payslip-page[b-e87igitoo1] {
        margin: 0;
        break-after: page;
        page-break-after: always;
    }

    .batch-payslip-page:last-child[b-e87igitoo1] {
        break-after: auto;
        page-break-after: auto;
    }
}
/* /Components/Pages/Payrolls/Payslips.razor.rz.scp.css */
.master-page[b-ntblg05drx] {
    padding: 1rem;
    background: #ffffff;
}

.master-header[b-ntblg05drx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.master-header h3[b-ntblg05drx] {
    margin: 0;
    color: #5f4300;
    font-weight: 700;
}

.master-header p[b-ntblg05drx] {
    margin: .25rem 0 0;
    color: #6c757d;
}

.master-card[b-ntblg05drx] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.master-toolbar[b-ntblg05drx] {
    display: flex;
    align-items: end;
    gap: .75rem;
    padding: 1rem;
    background: #fffdf7;
    border-bottom: 1px solid #eadfbd;
}

.payroll-filter[b-ntblg05drx] {
    width: 380px;
}

.payroll-filter label[b-ntblg05drx] {
    color: #5f4300;
    font-weight: 600;
}

.master-search[b-ntblg05drx] {
    max-width: 320px;
}

.record-count[b-ntblg05drx] {
    padding: .4rem .8rem;
    margin-left: auto;
    color: #ffffff;
    background: #6f4f00;
    border-radius: 18px;
    font-size: .78rem;
}

.master-table[b-ntblg05drx] {
    margin: 0;
}

.master-table thead[b-ntblg05drx] {
    color: #5f4300;
    background: #f8f5ea;
}

.amount-cell[b-ntblg05drx] {
    color: #0f5132;
    font-weight: 700;
}

.type-badge[b-ntblg05drx] {
    display: inline-block;
    padding: .2rem .55rem;
    color: #5f4300;
    background: #fff8d8;
    border-radius: 12px;
    font-size: .75rem;
    font-weight: 700;
}

.master-btn-primary[b-ntblg05drx] {
    color: #ffffff;
    background: #6f4f00;
    border-color: #6f4f00;
}

@media (max-width: 768px) {
    .master-header[b-ntblg05drx],
    .master-toolbar[b-ntblg05drx] {
        align-items: stretch;
        flex-direction: column;
    }

    .payroll-filter[b-ntblg05drx],
    .master-search[b-ntblg05drx] {
        width: 100%;
        max-width: none;
    }

    .record-count[b-ntblg05drx] {
        margin-left: 0;
    }
}
/* /Components/Pages/Payrolls/PayslipView.razor.rz.scp.css */
.payslip-page-shell[b-k4fvhzyno6],
.batch-page-shell[b-k4fvhzyno6] {
    min-height: 100vh;
    padding: 1rem;
    background: #f3f5f7;
}

.screen-actions[b-k4fvhzyno6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    max-width: 920px;
    margin: 0 auto 1rem;
}

.batch-count[b-k4fvhzyno6] {
    margin-right: auto;
    color: #5f4300;
    font-weight: 700;
}

.payslip-print-button[b-k4fvhzyno6] {
    color: #ffffff;
    background: #6f4f00;
    border-color: #6f4f00;
}

.payslip-document[b-k4fvhzyno6] {
    max-width: 920px;
    min-height: 1120px;
    padding: 1.7rem;
    margin: 0 auto;
    color: #1f2933;
    background: #ffffff;
    border-top: 7px solid #6f4f00;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
}

.batch-payslip-page[b-k4fvhzyno6] {
    margin-bottom: 1.5rem;
}

.payslip-header[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #d6c48a;
}

.company-mark[b-k4fvhzyno6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #ffffff;
    background: #5f4300;
    border: 5px solid #eadfbd;
    border-radius: 50%;
    font-weight: 800;
}

.company-heading h1[b-k4fvhzyno6] {
    margin: 0;
    color: #5f4300;
    font-size: 1.5rem;
    font-weight: 800;
}

.company-heading h2[b-k4fvhzyno6] {
    margin: .1rem 0;
    font-size: 1.05rem;
}

.company-heading p[b-k4fvhzyno6] {
    margin: 0;
    color: #6c757d;
}

.payslip-number[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.payslip-number span[b-k4fvhzyno6],
.info-item span[b-k4fvhzyno6],
.basis-item span[b-k4fvhzyno6],
.summary-block span[b-k4fvhzyno6] {
    color: #6c757d;
    font-size: .72rem;
    text-transform: uppercase;
}

.employee-information[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 1rem;
    border: 1px solid #d9d9d9;
}

.info-item[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    min-height: 60px;
    padding: .65rem;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.employee-name-item[b-k4fvhzyno6] {
    grid-column: span 2;
}

.bank-account-item[b-k4fvhzyno6] {
    grid-column: span 2;
}

.exchange-rate-item[b-k4fvhzyno6] {
    grid-column: span 2;
}

.basis-section[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 1rem;
    background: #fffaf0;
    border: 1px solid #d6c48a;
}

.permanent-basis[b-k4fvhzyno6],
.overtime-basis[b-k4fvhzyno6] {
    grid-template-columns: repeat(4, 1fr);
}

.basis-item[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    min-height: 66px;
    padding: .7rem;
    border-right: 1px solid #d6c48a;
}

.payslip-lines-grid[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
}

.payslip-lines-panel[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    min-height: 285px;
    border: 1px solid #d9d9d9;
}

.panel-title[b-k4fvhzyno6],
.panel-total[b-k4fvhzyno6],
.payslip-line[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: .58rem .75rem;
}

.panel-title[b-k4fvhzyno6] {
    color: #ffffff;
    background: #5f4300;
    font-weight: 700;
}

.deductions-panel .panel-title[b-k4fvhzyno6] {
    background: #7a3030;
}

.line-list[b-k4fvhzyno6] {
    flex: 1;
}

.payslip-line[b-k4fvhzyno6] {
    border-bottom: 1px solid #eeeeee;
}

.panel-total[b-k4fvhzyno6] {
    color: #5f4300;
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 800;
}

.pay-summary[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    margin-top: 1rem;
}

.summary-block[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    padding: .9rem;
    background: #fff8d8;
    border: 1px solid #d6c48a;
}

.summary-block strong[b-k4fvhzyno6] {
    color: #5f4300;
    font-size: 1.2rem;
}

.deduction-summary-block[b-k4fvhzyno6] {
    background: #fff4f4;
    border-color: #e6bcbc;
}

.net-summary-block[b-k4fvhzyno6] {
    background: #176b45;
    border-color: #176b45;
}

.net-summary-block span[b-k4fvhzyno6],
.net-summary-block strong[b-k4fvhzyno6] {
    color: #ffffff;
}

.leave-section[b-k4fvhzyno6] {
    padding: .8rem;
    margin-top: 1rem;
    background: #f8fafc;
    border: 1px solid #d9d9d9;
}

.leave-section h3[b-k4fvhzyno6] {
    margin: 0 0 .6rem;
    color: #5f4300;
    font-size: .95rem;
}

.leave-grid[b-k4fvhzyno6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}

.leave-item[b-k4fvhzyno6] {
    display: flex;
    flex-direction: column;
    padding: .55rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

.payslip-footer[b-k4fvhzyno6] {
    display: flex;
    justify-content: space-between;
    padding-top: .8rem;
    margin-top: 1rem;
    color: #6c757d;
    border-top: 1px solid #d9d9d9;
    font-size: .72rem;
}

.payslip-status[b-k4fvhzyno6] {
    padding: 3rem;
    text-align: center;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 7mm;
    }

    html[b-k4fvhzyno6],
    body[b-k4fvhzyno6] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    body *[b-k4fvhzyno6] {
        visibility: hidden !important;
    }

    #payslip-print-area[b-k4fvhzyno6],
    #payslip-print-area *[b-k4fvhzyno6] {
        visibility: visible !important;
    }

    #payslip-print-area[b-k4fvhzyno6] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .no-print[b-k4fvhzyno6] {
        display: none !important;
    }

    .payslip-page-shell[b-k4fvhzyno6],
    .batch-page-shell[b-k4fvhzyno6] {
        min-height: auto;
        padding: 0;
        background: #ffffff;
    }

    .payslip-document[b-k4fvhzyno6] {
        width: 100%;
        max-width: none;
        min-height: auto;
        padding: 6mm;
        box-shadow: none;
        break-inside: avoid;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .batch-payslip-page[b-k4fvhzyno6] {
        margin: 0;
        break-after: page;
        page-break-after: always;
    }

    .batch-payslip-page:last-child[b-k4fvhzyno6] {
        break-after: auto;
        page-break-after: auto;
    }
}
/* /Components/Pages/Revenue/FiscalInvoiceEdit.razor.rz.scp.css */
/* CSS for FiscalInvoiceEdit component */
.muchlight-page[b-y412v1k6jl] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-y412v1k6jl] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-y412v1k6jl] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

.muchlight-card[b-y412v1k6jl] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    margin-bottom: 1rem;
}

.muchlight-label[b-y412v1k6jl] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-y412v1k6jl] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-y412v1k6jl] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.employee-section[b-y412v1k6jl] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

    .employee-section:last-of-type[b-y412v1k6jl] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.employee-section-title[b-y412v1k6jl] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.muchlight-table[b-y412v1k6jl] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-y412v1k6jl] {
        background: #f8f5ea;
        color: #5f4300;
    }

.money-cell[b-y412v1k6jl] {
    min-width: 95px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.employee-form-footer[b-y412v1k6jl] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.muchlight-btn-primary[b-y412v1k6jl] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-y412v1k6jl] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-y412v1k6jl] {
    background: #b3302c;
    border-color: #b3302c;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-pdf:hover[b-y412v1k6jl] {
        background: #8f2622;
        border-color: #8f2622;
        color: #ffffff;
    }

.muchlight-btn-excel[b-y412v1k6jl] {
    background: #1c7a4d;
    border-color: #1c7a4d;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-excel:hover[b-y412v1k6jl] {
        background: #145c39;
        border-color: #145c39;
        color: #ffffff;
    }

    .muchlight-btn-pdf:disabled[b-y412v1k6jl],
    .muchlight-btn-excel:disabled[b-y412v1k6jl],
    .muchlight-btn-primary:disabled[b-y412v1k6jl] {
        opacity: .65;
    }

.muchlight-btn-light[b-y412v1k6jl] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-y412v1k6jl] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-loading[b-y412v1k6jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-y412v1k6jl] {
    color: #6f4f00;
}

@media (max-width: 768px) {
    .employee-form-footer[b-y412v1k6jl] {
        flex-direction: column-reverse;
    }

        .employee-form-footer .btn[b-y412v1k6jl] {
            width: 100%;
        }
}
/* /Components/Pages/Revenue/FiscalInvoices.razor.rz.scp.css */
/* CSS for FiscalInvoices list component */
.muchlight-page[b-tzu4m3bwmt] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-tzu4m3bwmt] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-tzu4m3bwmt] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-tzu4m3bwmt] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-tzu4m3bwmt] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.muchlight-toolbar[b-tzu4m3bwmt] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-tzu4m3bwmt] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-tzu4m3bwmt] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-tzu4m3bwmt] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-tzu4m3bwmt] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-tzu4m3bwmt] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-tzu4m3bwmt] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-btn-primary[b-tzu4m3bwmt] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-tzu4m3bwmt] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-tzu4m3bwmt] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-tzu4m3bwmt] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-excel[b-tzu4m3bwmt] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-tzu4m3bwmt] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-tzu4m3bwmt] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-tzu4m3bwmt] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

    .muchlight-btn-primary:disabled[b-tzu4m3bwmt],
    .muchlight-btn-excel:disabled[b-tzu4m3bwmt],
    .muchlight-btn-pdf:disabled[b-tzu4m3bwmt],
    .muchlight-btn-light:disabled[b-tzu4m3bwmt] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-tzu4m3bwmt] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-tzu4m3bwmt] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-tzu4m3bwmt] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-tzu4m3bwmt] {
        background: #fffdf7;
    }

.muchlight-loading[b-tzu4m3bwmt] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-tzu4m3bwmt] {
    color: #6f4f00;
}

.muchlight-empty[b-tzu4m3bwmt] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-tzu4m3bwmt] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-tzu4m3bwmt] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-tzu4m3bwmt] {
    font-size: .9rem;
}

.muchlight-pagination[b-tzu4m3bwmt] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-tzu4m3bwmt] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-tzu4m3bwmt] {
            flex: 1;
        }
}
/* /Components/Pages/Revenue/InvoiceEdit.razor.rz.scp.css */
/* CSS for InvoiceEdit component */
.muchlight-page[b-3bxm8yhlgo] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-3bxm8yhlgo] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-3bxm8yhlgo] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

.muchlight-card[b-3bxm8yhlgo] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    margin-bottom: 1rem;
}

.muchlight-label[b-3bxm8yhlgo] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-3bxm8yhlgo] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-3bxm8yhlgo] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-3bxm8yhlgo] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.employee-section[b-3bxm8yhlgo] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

    .employee-section:last-of-type[b-3bxm8yhlgo] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.employee-section-title[b-3bxm8yhlgo] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.muchlight-btn-add[b-3bxm8yhlgo] {
    color: #052c65;
    background: #0dcaf0;
    border-color: #0dcaf0;
}

.muchlight-table[b-3bxm8yhlgo] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-3bxm8yhlgo] {
        background: #f8f5ea;
        color: #5f4300;
    }

.grid-input[b-3bxm8yhlgo] {
    min-width: 96px;
    padding: .3rem .4rem;
    font-size: .82rem;
    border-color: #d6c48a;
}

.money-cell[b-3bxm8yhlgo] {
    min-width: 95px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.payroll-total-row td[b-3bxm8yhlgo] {
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 700;
}

.muchlight-icon-btn-danger[b-3bxm8yhlgo] {
    color: #a40000;
    background: #ffffff;
    border: 1px solid #e2b6b6;
}

    .muchlight-icon-btn-danger:hover[b-3bxm8yhlgo] {
        background: #fff0f0;
        color: #7a0000;
    }

.employee-form-footer[b-3bxm8yhlgo] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.muchlight-btn-primary[b-3bxm8yhlgo] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

.muchlight-btn-pdf[b-3bxm8yhlgo] {
    background: #b3302c;
    border-color: #b3302c;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-pdf:hover[b-3bxm8yhlgo] {
        background: #8f2622;
        border-color: #8f2622;
        color: #ffffff;
    }

.muchlight-btn-excel[b-3bxm8yhlgo] {
    background: #1c7a4d;
    border-color: #1c7a4d;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-excel:hover[b-3bxm8yhlgo] {
        background: #145c39;
        border-color: #145c39;
        color: #ffffff;
    }

    .muchlight-btn-pdf:disabled[b-3bxm8yhlgo],
    .muchlight-btn-excel:disabled[b-3bxm8yhlgo] {
        opacity: .65;
    }

    .muchlight-btn-primary:hover[b-3bxm8yhlgo] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-3bxm8yhlgo] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-3bxm8yhlgo] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-loading[b-3bxm8yhlgo] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-3bxm8yhlgo] {
    color: #6f4f00;
}

@media (max-width: 768px) {
    .employee-form-footer[b-3bxm8yhlgo] {
        flex-direction: column-reverse;
    }

        .employee-form-footer .btn[b-3bxm8yhlgo] {
            width: 100%;
        }
}

.service-sheet-table td[b-3bxm8yhlgo] {
    vertical-align: top;
}

.quotation-search-box[b-3bxm8yhlgo] {
    position: relative;
}

.quotation-suggestions[b-3bxm8yhlgo] {
    position: absolute;
    z-index: 20;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgba(95, 67, 0, .18);
    border: 1px solid #d6c48a;
    border-radius: 7px;
    margin-top: 2px;
}

    .quotation-suggestions .list-group-item[b-3bxm8yhlgo] {
        cursor: pointer;
        font-size: .82rem;
        border-color: #f0e7cc;
    }

        .quotation-suggestions .list-group-item:hover[b-3bxm8yhlgo] {
            background: #fff8e1;
        }

.selected-quotation[b-3bxm8yhlgo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .6rem;
    border: 1px solid #d6c48a;
    border-radius: 7px;
    background: #f8f5ea;
}

.selected-quotation-info[b-3bxm8yhlgo] {
    font-size: .85rem;
}

.quotation-suggestions-modal[b-3bxm8yhlgo] {
    max-height: 360px;
    overflow-y: auto;
}

    .quotation-suggestions-modal .list-group-item[b-3bxm8yhlgo] {
        cursor: pointer;
        font-size: .88rem;
        border-color: #f0e7cc;
    }

        .quotation-suggestions-modal .list-group-item:hover[b-3bxm8yhlgo] {
            background: #fff8e1;
        }

.muchlight-modal[b-3bxm8yhlgo] {
    border: 1px solid #eadfbd;
    border-radius: 10px;
}

    .muchlight-modal .modal-header[b-3bxm8yhlgo] {
        background: #f8f5ea;
        color: #5f4300;
        border-bottom-color: #eadfbd;
    }
/* /Components/Pages/Revenue/Invoices.razor.rz.scp.css */
/* CSS for Invoices list component */
.muchlight-page[b-0quo7fqr39] {
    padding: 1rem;
    background: #ffffff;
}

.invoice-row-unavailable[b-0quo7fqr39] {
    opacity: 0.55;
    background-color: #f5f5f5;
}

.muchlight-page-header[b-0quo7fqr39] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-0quo7fqr39] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-0quo7fqr39] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-0quo7fqr39] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.muchlight-toolbar[b-0quo7fqr39] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-0quo7fqr39] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-0quo7fqr39] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-0quo7fqr39] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-0quo7fqr39] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-0quo7fqr39] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-0quo7fqr39] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-template-link[b-0quo7fqr39] {
    display: inline-block;
    margin-left: .75rem;
    font-size: .82rem;
    color: #6f4f00;
    text-decoration: none;
    padding: 0;
}

    .muchlight-template-link:hover[b-0quo7fqr39] {
        color: #4d3700;
        text-decoration: underline;
    }

    .muchlight-template-link:disabled[b-0quo7fqr39] {
        color: #a9a9a9;
    }


.muchlight-btn-primary[b-0quo7fqr39] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-0quo7fqr39] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-0quo7fqr39] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-0quo7fqr39] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-excel[b-0quo7fqr39] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-0quo7fqr39] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-0quo7fqr39] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-0quo7fqr39] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

.muchlight-btn-upload[b-0quo7fqr39] {
    color: #ffffff;
    background: #0d6efd;
    border-color: #0d6efd;
}

    .muchlight-btn-primary:disabled[b-0quo7fqr39],
    .muchlight-btn-excel:disabled[b-0quo7fqr39],
    .muchlight-btn-pdf:disabled[b-0quo7fqr39],
    .muchlight-btn-light:disabled[b-0quo7fqr39],
    .muchlight-btn-upload.disabled[b-0quo7fqr39] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-0quo7fqr39] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-0quo7fqr39] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-0quo7fqr39] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-0quo7fqr39] {
        background: #fffdf7;
    }

.status-select[b-0quo7fqr39] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .82rem;
}

.muchlight-loading[b-0quo7fqr39] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-0quo7fqr39] {
    color: #6f4f00;
}

.muchlight-empty[b-0quo7fqr39] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-0quo7fqr39] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-0quo7fqr39] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-0quo7fqr39] {
    font-size: .9rem;
}

.muchlight-pagination[b-0quo7fqr39] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-0quo7fqr39] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-0quo7fqr39] {
            flex: 1;
        }
}
/* /Components/Pages/Revenue/PaymentEdit.razor.rz.scp.css */
/* CSS for PaymentEdit component */
.muchlight-page[b-si7yulk7sy] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-si7yulk7sy] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-si7yulk7sy] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

.muchlight-card[b-si7yulk7sy] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    margin-bottom: 1rem;
}

.muchlight-label[b-si7yulk7sy] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-si7yulk7sy] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-si7yulk7sy] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.employee-section[b-si7yulk7sy] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

    .employee-section:last-of-type[b-si7yulk7sy] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.employee-section-title[b-si7yulk7sy] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.employee-form-footer[b-si7yulk7sy] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.muchlight-btn-primary[b-si7yulk7sy] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-si7yulk7sy] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

    .muchlight-btn-primary:disabled[b-si7yulk7sy] {
        opacity: .65;
    }

.muchlight-btn-light[b-si7yulk7sy] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-si7yulk7sy] {
        background: #fff8e1;
        color: #563d00;
    }

    .muchlight-btn-light:disabled[b-si7yulk7sy] {
        opacity: .65;
    }

.muchlight-loading[b-si7yulk7sy] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-si7yulk7sy] {
    color: #6f4f00;
}
/* /Components/Pages/Revenue/Payments.razor.rz.scp.css */
/* CSS for Payments list component */
.muchlight-page[b-hhc1awij3o] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-hhc1awij3o] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-hhc1awij3o] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-hhc1awij3o] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-hhc1awij3o] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.muchlight-toolbar[b-hhc1awij3o] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-hhc1awij3o] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-hhc1awij3o] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-hhc1awij3o] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-hhc1awij3o] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-hhc1awij3o] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-hhc1awij3o] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-btn-primary[b-hhc1awij3o] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-hhc1awij3o] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-hhc1awij3o] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-hhc1awij3o] {
        background: #fff8e1;
        color: #563d00;
    }

    .muchlight-btn-primary:disabled[b-hhc1awij3o],
    .muchlight-btn-light:disabled[b-hhc1awij3o] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-hhc1awij3o] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-hhc1awij3o] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-hhc1awij3o] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-hhc1awij3o] {
        background: #fffdf7;
    }

.muchlight-loading[b-hhc1awij3o] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-hhc1awij3o] {
    color: #6f4f00;
}

.muchlight-empty[b-hhc1awij3o] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-hhc1awij3o] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-hhc1awij3o] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-hhc1awij3o] {
    font-size: .9rem;
}

.muchlight-pagination[b-hhc1awij3o] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-hhc1awij3o] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-hhc1awij3o] {
            flex: 1;
        }
}
/* /Components/Pages/Revenue/QuotationEdit.razor.rz.scp.css */
/* CSS for QuotationEdit component */
.muchlight-page[b-qpteu59viw] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-qpteu59viw] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-qpteu59viw] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

.muchlight-card[b-qpteu59viw] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    margin-bottom: 1rem;
}

.muchlight-label[b-qpteu59viw] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-qpteu59viw] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-qpteu59viw] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.employee-section[b-qpteu59viw] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

    .employee-section:last-of-type[b-qpteu59viw] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.employee-section-title[b-qpteu59viw] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.muchlight-btn-add[b-qpteu59viw] {
    color: #052c65;
    background: #0dcaf0;
    border-color: #0dcaf0;
}

.muchlight-table[b-qpteu59viw] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-qpteu59viw] {
        background: #f8f5ea;
        color: #5f4300;
    }

.grid-input[b-qpteu59viw] {
    min-width: 96px;
    padding: .3rem .4rem;
    font-size: .82rem;
    border-color: #d6c48a;
}

.money-cell[b-qpteu59viw] {
    min-width: 95px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.payroll-total-row td[b-qpteu59viw] {
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 700;
}

.muchlight-icon-btn-danger[b-qpteu59viw] {
    color: #a40000;
    background: #ffffff;
    border: 1px solid #e2b6b6;
}

    .muchlight-icon-btn-danger:hover[b-qpteu59viw] {
        background: #fff0f0;
        color: #7a0000;
    }

.employee-form-footer[b-qpteu59viw] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.muchlight-btn-primary[b-qpteu59viw] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

.muchlight-btn-pdf[b-qpteu59viw] {
    background: #b3302c;
    border-color: #b3302c;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-pdf:hover[b-qpteu59viw] {
        background: #8f2622;
        border-color: #8f2622;
        color: #ffffff;
    }

.muchlight-btn-excel[b-qpteu59viw] {
    background: #1c7a4d;
    border-color: #1c7a4d;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-excel:hover[b-qpteu59viw] {
        background: #145c39;
        border-color: #145c39;
        color: #ffffff;
    }

    .muchlight-btn-pdf:disabled[b-qpteu59viw],
    .muchlight-btn-excel:disabled[b-qpteu59viw] {
        opacity: .65;
    }

    .muchlight-btn-primary:hover[b-qpteu59viw] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-qpteu59viw] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-qpteu59viw] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-loading[b-qpteu59viw] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-qpteu59viw] {
    color: #6f4f00;
}

@media (max-width: 768px) {
    .employee-form-footer[b-qpteu59viw] {
        flex-direction: column-reverse;
    }

        .employee-form-footer .btn[b-qpteu59viw] {
            width: 100%;
        }
}
/* /Components/Pages/Revenue/Quotations.razor.rz.scp.css */
/* CSS for Quotations list component */
.muchlight-page[b-x2rz0ilvay] {
    padding: 1rem;
    background: #ffffff;
}

.quotation-description-cell[b-x2rz0ilvay] {
    font-size: .75rem;
}

.quotation-customer-cell[b-x2rz0ilvay] {
    font-size: .75rem;
}

.quotation-branch-cell[b-x2rz0ilvay] {
    font-size: .75rem;
}

.quotation-date-cell[b-x2rz0ilvay] {
    font-size: .75rem;
}

.quotation-row-unavailable[b-x2rz0ilvay] {
    opacity: 0.55;
    background-color: #f5f5f5;
}


.muchlight-page-header[b-x2rz0ilvay] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-x2rz0ilvay] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-x2rz0ilvay] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-x2rz0ilvay] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.muchlight-toolbar[b-x2rz0ilvay] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-x2rz0ilvay] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-x2rz0ilvay] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-x2rz0ilvay] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-x2rz0ilvay] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-x2rz0ilvay] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-x2rz0ilvay] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-template-link[b-x2rz0ilvay] {
    display: inline-block;
    margin-left: .75rem;
    font-size: .82rem;
    color: #6f4f00;
    text-decoration: none;
    padding: 0;
}

    .muchlight-template-link:hover[b-x2rz0ilvay] {
        color: #4d3700;
        text-decoration: underline;
    }

    .muchlight-template-link:disabled[b-x2rz0ilvay] {
        color: #a9a9a9;
    }


.muchlight-btn-primary[b-x2rz0ilvay] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-x2rz0ilvay] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-x2rz0ilvay] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-x2rz0ilvay] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-excel[b-x2rz0ilvay] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-x2rz0ilvay] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-x2rz0ilvay] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-x2rz0ilvay] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

.muchlight-btn-upload[b-x2rz0ilvay] {
    color: #ffffff;
    background: #0d6efd;
    border-color: #0d6efd;
}

    .muchlight-btn-primary:disabled[b-x2rz0ilvay],
    .muchlight-btn-excel:disabled[b-x2rz0ilvay],
    .muchlight-btn-pdf:disabled[b-x2rz0ilvay],
    .muchlight-btn-light:disabled[b-x2rz0ilvay],
    .muchlight-btn-upload.disabled[b-x2rz0ilvay] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-x2rz0ilvay] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-x2rz0ilvay] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-x2rz0ilvay] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-x2rz0ilvay] {
        background: #fffdf7;
    }

.status-select[b-x2rz0ilvay] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .82rem;
}

.muchlight-loading[b-x2rz0ilvay] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-x2rz0ilvay] {
    color: #6f4f00;
}

.muchlight-empty[b-x2rz0ilvay] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-x2rz0ilvay] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-x2rz0ilvay] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-x2rz0ilvay] {
    font-size: .9rem;
}

.muchlight-pagination[b-x2rz0ilvay] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-x2rz0ilvay] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-x2rz0ilvay] {
            flex: 1;
        }
}
/* /Components/Pages/Revenue/Revenue.razor.rz.scp.css */
/* CSS for Revenue dashboard component */
.muchlight-page[b-lyub4gnvzl] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-lyub4gnvzl] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-lyub4gnvzl] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-lyub4gnvzl] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-lyub4gnvzl] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    height: 100%;
}

.muchlight-card-title[b-lyub4gnvzl] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.muchlight-loading[b-lyub4gnvzl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-lyub4gnvzl] {
    color: #6f4f00;
}

.muchlight-kpi-row[b-lyub4gnvzl] {
    margin-bottom: .5rem;
}

.muchlight-kpi-card[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #6f4f00, #8a6500);
    border-radius: 12px;
    padding: 1.25rem;
    color: #ffffff;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .18);
    height: 100%;
}

    .muchlight-kpi-card:hover[b-lyub4gnvzl] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(95, 67, 0, .28);
    }

.muchlight-kpi-icon[b-lyub4gnvzl] {
    font-size: 1.6rem;
    opacity: .85;
    margin-bottom: .5rem;
}

.muchlight-kpi-value[b-lyub4gnvzl] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.muchlight-kpi-label[b-lyub4gnvzl] {
    margin-top: .35rem;
    font-size: .9rem;
    font-weight: 600;
    opacity: .9;
}

.muchlight-summary-card[b-lyub4gnvzl] {
    background: #f8f5ea;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    height: 100%;
}

.muchlight-summary-label[b-lyub4gnvzl] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
    margin-bottom: .35rem;
}

.muchlight-summary-value[b-lyub4gnvzl] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2b220f;
}

.muchlight-status-row[b-lyub4gnvzl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
    border-bottom: 1px solid #f0e7cc;
}

    .muchlight-status-row:last-child[b-lyub4gnvzl] {
        border-bottom: none;
    }

.muchlight-status-badge[b-lyub4gnvzl] {
    background: #6f4f00;
    color: #ffffff;
    font-weight: 600;
    padding: .35rem .7rem;
}

.muchlight-empty-inline[b-lyub4gnvzl] {
    color: #6c757d;
    font-style: italic;
    padding: .5rem 0;
}

.muchlight-status-bar-wrap[b-lyub4gnvzl] {
    flex: 1;
    height: 8px;
    background: #f0e7cc;
    border-radius: 4px;
    margin: 0 .75rem;
    overflow: hidden;
}

.muchlight-status-bar[b-lyub4gnvzl] {
    height: 100%;
    background: linear-gradient(90deg, #6f4f00, #b98900);
    border-radius: 4px;
    transition: width .3s ease;
}

.muchlight-status-bar-alt[b-lyub4gnvzl] {
    background: linear-gradient(90deg, #0d6efd, #4dabf7);
}

.muchlight-kpi-po[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #495057, #6c757d);
}

.muchlight-kpi-ss[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #0b7285, #15aabf);
}

.muchlight-kpi-quote[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #5f3dc4, #7048e8);
}

.muchlight-kpi-inv[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #6f4f00, #8a6500);
}

.muchlight-kpi-fisc[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #2b8a3e, #37b24d);
}

.muchlight-kpi-pay[b-lyub4gnvzl] {
    background: linear-gradient(135deg, #c92a2a, #e03131);
}

.muchlight-summary-success[b-lyub4gnvzl] {
    border-color: #b7e4c7;
    background: #f2fbf5;
}

.muchlight-summary-danger[b-lyub4gnvzl] {
    border-color: #f3c6c6;
    background: #fdf3f3;
}

.muchlight-summary-info[b-lyub4gnvzl] {
    border-color: #bcdcf7;
    background: #f2f8fd;
}

/* /Components/Pages/Revenue/SAPOrderEdit.razor.rz.scp.css */
/* CSS for SAPOrderEdit component */
.muchlight-page[b-urt09xjls4] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-urt09xjls4] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-urt09xjls4] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

.muchlight-card[b-urt09xjls4] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
    margin-bottom: 1rem;
}

.muchlight-label[b-urt09xjls4] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-urt09xjls4] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-urt09xjls4] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-urt09xjls4] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.employee-section[b-urt09xjls4] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

    .employee-section:last-of-type[b-urt09xjls4] {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.employee-section-title[b-urt09xjls4] {
    color: #2b220f;
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.muchlight-btn-add[b-urt09xjls4] {
    color: #052c65;
    background: #0dcaf0;
    border-color: #0dcaf0;
}

.muchlight-table[b-urt09xjls4] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-urt09xjls4] {
        background: #f8f5ea;
        color: #5f4300;
    }

.grid-input[b-urt09xjls4] {
    min-width: 96px;
    padding: .3rem .4rem;
    font-size: .82rem;
    border-color: #d6c48a;
}

.money-cell[b-urt09xjls4] {
    min-width: 95px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.payroll-total-row td[b-urt09xjls4] {
    background: #f8f5ea;
    border-top: 2px solid #d6c48a;
    font-weight: 700;
}

.muchlight-icon-btn-danger[b-urt09xjls4] {
    color: #a40000;
    background: #ffffff;
    border: 1px solid #e2b6b6;
}

    .muchlight-icon-btn-danger:hover[b-urt09xjls4] {
        background: #fff0f0;
        color: #7a0000;
    }

.employee-form-footer[b-urt09xjls4] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #efe5cf;
}

.muchlight-btn-primary[b-urt09xjls4] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

.muchlight-btn-pdf[b-urt09xjls4] {
    background: #b3302c;
    border-color: #b3302c;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-pdf:hover[b-urt09xjls4] {
        background: #8f2622;
        border-color: #8f2622;
        color: #ffffff;
    }

.muchlight-btn-excel[b-urt09xjls4] {
    background: #1c7a4d;
    border-color: #1c7a4d;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-excel:hover[b-urt09xjls4] {
        background: #145c39;
        border-color: #145c39;
        color: #ffffff;
    }

    .muchlight-btn-pdf:disabled[b-urt09xjls4],
    .muchlight-btn-excel:disabled[b-urt09xjls4] {
        opacity: .65;
    }

    .muchlight-btn-primary:hover[b-urt09xjls4] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-urt09xjls4] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-urt09xjls4] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-loading[b-urt09xjls4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-urt09xjls4] {
    color: #6f4f00;
}

@media (max-width: 768px) {
    .employee-form-footer[b-urt09xjls4] {
        flex-direction: column-reverse;
    }

        .employee-form-footer .btn[b-urt09xjls4] {
            width: 100%;
        }
}

.service-sheet-table td[b-urt09xjls4] {
    vertical-align: top;
}

.quotation-search-box[b-urt09xjls4] {
    position: relative;
}

.quotation-suggestions[b-urt09xjls4] {
    position: absolute;
    z-index: 20;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgba(95, 67, 0, .18);
    border: 1px solid #d6c48a;
    border-radius: 7px;
    margin-top: 2px;
}

    .quotation-suggestions .list-group-item[b-urt09xjls4] {
        cursor: pointer;
        font-size: .82rem;
        border-color: #f0e7cc;
    }

        .quotation-suggestions .list-group-item:hover[b-urt09xjls4] {
            background: #fff8e1;
        }

.selected-quotation[b-urt09xjls4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .6rem;
    border: 1px solid #d6c48a;
    border-radius: 7px;
    background: #f8f5ea;
}

.selected-quotation-info[b-urt09xjls4] {
    font-size: .85rem;
}

.quotation-suggestions-modal[b-urt09xjls4] {
    max-height: 360px;
    overflow-y: auto;
}

    .quotation-suggestions-modal .list-group-item[b-urt09xjls4] {
        cursor: pointer;
        font-size: .88rem;
        border-color: #f0e7cc;
    }

        .quotation-suggestions-modal .list-group-item:hover[b-urt09xjls4] {
            background: #fff8e1;
        }

.muchlight-modal[b-urt09xjls4] {
    border: 1px solid #eadfbd;
    border-radius: 10px;
}

    .muchlight-modal .modal-header[b-urt09xjls4] {
        background: #f8f5ea;
        color: #5f4300;
        border-bottom-color: #eadfbd;
    }

/* /Components/Pages/Revenue/SAPOrders.razor.rz.scp.css */
/* CSS for SAPOrders list component */
.muchlight-page[b-xss4b93dgp] {
    padding: 1rem;
    background: #ffffff;
}

.saporder-row-unavailable[b-xss4b93dgp] {
    opacity: 0.55;
    background-color: #f5f5f5;
}

.muchlight-page-header[b-xss4b93dgp] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-xss4b93dgp] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-xss4b93dgp] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-xss4b93dgp] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}

.muchlight-toolbar[b-xss4b93dgp] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-xss4b93dgp] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-xss4b93dgp] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-xss4b93dgp] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-xss4b93dgp] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-xss4b93dgp] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-xss4b93dgp] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-template-link[b-xss4b93dgp] {
    display: inline-block;
    margin-left: .75rem;
    font-size: .82rem;
    color: #6f4f00;
    text-decoration: none;
    padding: 0;
}

    .muchlight-template-link:hover[b-xss4b93dgp] {
        color: #4d3700;
        text-decoration: underline;
    }

    .muchlight-template-link:disabled[b-xss4b93dgp] {
        color: #a9a9a9;
    }


.muchlight-btn-primary[b-xss4b93dgp] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-xss4b93dgp] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-xss4b93dgp] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-xss4b93dgp] {
        background: #fff8e1;
        color: #563d00;
    }

.muchlight-btn-excel[b-xss4b93dgp] {
    background: #198754;
    border-color: #198754;
    color: #ffffff;
}

    .muchlight-btn-excel:hover[b-xss4b93dgp] {
        background: #146c43;
        border-color: #146c43;
        color: #ffffff;
    }

.muchlight-btn-pdf[b-xss4b93dgp] {
    background: #b02a37;
    border-color: #b02a37;
    color: #ffffff;
}

    .muchlight-btn-pdf:hover[b-xss4b93dgp] {
        background: #842029;
        border-color: #842029;
        color: #ffffff;
    }

.muchlight-btn-upload[b-xss4b93dgp] {
    color: #ffffff;
    background: #0d6efd;
    border-color: #0d6efd;
}

    .muchlight-btn-primary:disabled[b-xss4b93dgp],
    .muchlight-btn-excel:disabled[b-xss4b93dgp],
    .muchlight-btn-pdf:disabled[b-xss4b93dgp],
    .muchlight-btn-light:disabled[b-xss4b93dgp],
    .muchlight-btn-upload.disabled[b-xss4b93dgp] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-xss4b93dgp] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-xss4b93dgp] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-xss4b93dgp] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-xss4b93dgp] {
        background: #fffdf7;
    }

.status-select[b-xss4b93dgp] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .82rem;
}

.muchlight-loading[b-xss4b93dgp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-xss4b93dgp] {
    color: #6f4f00;
}

.muchlight-empty[b-xss4b93dgp] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-xss4b93dgp] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-xss4b93dgp] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-xss4b93dgp] {
    font-size: .9rem;
}

.muchlight-pagination[b-xss4b93dgp] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-xss4b93dgp] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-xss4b93dgp] {
            flex: 1;
        }
}
/* /Components/Pages/Revenue/ServiceSheets.razor.rz.scp.css */
/* CSS for ServiceSheets list component */
.muchlight-page[b-tc7haotc14] {
    padding: 1rem;
    background: #ffffff;
}

.muchlight-page-header[b-tc7haotc14] {
    margin-bottom: 1rem;
}

    .muchlight-page-header h3[b-tc7haotc14] {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 700;
        color: #2b220f;
    }

    .muchlight-page-header p[b-tc7haotc14] {
        margin-top: .35rem;
        margin-bottom: 0;
        color: #6c757d;
    }

.muchlight-card[b-tc7haotc14] {
    background: #ffffff;
    border: 1px solid #eadfbd;
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(95, 67, 0, .06);
}


.grid-input[b-tc7haotc14] {
    min-width: 96px;
    padding: .3rem .4rem;
    font-size: .82rem;
    border-color: #d6c48a;
}

.money-cell[b-tc7haotc14] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.quotation-search-box[b-tc7haotc14] {
    position: relative;
    min-width: 220px;
}

.quotation-suggestions[b-tc7haotc14] {
    position: absolute;
    z-index: 20;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgba(95, 67, 0, .18);
    border: 1px solid #d6c48a;
    border-radius: 7px;
    margin-top: 2px;
    background: #ffffff;
}

    .quotation-suggestions .list-group-item[b-tc7haotc14] {
        cursor: pointer;
        font-size: .82rem;
        border-color: #f0e7cc;
    }

        .quotation-suggestions .list-group-item:hover[b-tc7haotc14] {
            background: #fff8e1;
        }

.selected-quotation[b-tc7haotc14] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
}

.selected-quotation-number[b-tc7haotc14] {
    font-size: .82rem;
    font-weight: 600;
    color: #2b220f;
    word-break: break-word;
}

.selected-quotation-change[b-tc7haotc14] {
    font-size: .72rem;
    padding: .2rem .5rem;
    white-space: nowrap;
}

.servicesheet-row-unavailable[b-tc7haotc14] {
    opacity: 0.55;
    background-color: #f5f5f5;
}

.muchlight-toolbar[b-tc7haotc14] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f0e7cc;
}

.muchlight-toolbar-actions[b-tc7haotc14] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.muchlight-label[b-tc7haotc14] {
    color: #5f4300;
    font-weight: 600;
    font-size: .85rem;
}

.muchlight-input[b-tc7haotc14] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .9rem;
}

    .muchlight-input:focus[b-tc7haotc14] {
        border-color: #8a6500;
        box-shadow: 0 0 0 .15rem rgba(138, 101, 0, .18);
    }

.muchlight-search-icon[b-tc7haotc14] {
    background: #f8f5ea;
    color: #6f4f00;
    border-color: #d6c48a;
}

.muchlight-record-count[b-tc7haotc14] {
    display: inline-block;
    padding: .5rem .9rem;
    border-radius: 18px;
    background: #6f4f00;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 700;
}

.muchlight-btn-primary[b-tc7haotc14] {
    background: #6f4f00;
    border-color: #6f4f00;
    color: #ffffff;
    font-weight: 600;
}

    .muchlight-btn-primary:hover[b-tc7haotc14] {
        background: #563d00;
        border-color: #563d00;
        color: #ffffff;
    }

.muchlight-btn-light[b-tc7haotc14] {
    background: #f8f5ea;
    border: 1px solid #d6c48a;
    color: #5f4300;
    font-weight: 600;
}

    .muchlight-btn-light:hover[b-tc7haotc14] {
        background: #fff8e1;
        color: #563d00;
    }

    .muchlight-btn-primary:disabled[b-tc7haotc14],
    .muchlight-btn-light:disabled[b-tc7haotc14] {
        opacity: .6;
        cursor: not-allowed;
    }

.muchlight-table[b-tc7haotc14] {
    width: 100%;
    margin-bottom: 0;
    font-size: .88rem;
    vertical-align: middle;
}

    .muchlight-table thead[b-tc7haotc14] {
        background: #f8f5ea;
        color: #5f4300;
    }

        .muchlight-table thead th[b-tc7haotc14] {
            white-space: nowrap;
            border-bottom-color: #d6c48a;
        }

    .muchlight-table tbody tr:hover[b-tc7haotc14] {
        background: #fffdf7;
    }

.status-select[b-tc7haotc14] {
    border: 1px solid #d6c48a;
    border-radius: 7px;
    font-size: .82rem;
}

.muchlight-loading[b-tc7haotc14] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #5f4300;
    font-weight: 600;
    text-align: center;
}

.muchlight-spinner[b-tc7haotc14] {
    color: #6f4f00;
}

.muchlight-empty[b-tc7haotc14] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.muchlight-empty-icon[b-tc7haotc14] {
    font-size: 2.5rem;
    color: #8a6500;
    margin-bottom: .75rem;
}

.muchlight-empty-title[b-tc7haotc14] {
    color: #5f4300;
    font-weight: 700;
    margin-bottom: .25rem;
}

.muchlight-empty-subtitle[b-tc7haotc14] {
    font-size: .9rem;
}

.muchlight-pagination[b-tc7haotc14] {
    padding-top: .8rem;
    display: flex;
    justify-content: flex-end;
}

.muchlight-modal[b-tc7haotc14] {
    border: 1px solid #eadfbd;
    border-radius: 10px;
}

    .muchlight-modal .modal-header[b-tc7haotc14] {
        background: #f8f5ea;
        color: #5f4300;
        border-bottom-color: #eadfbd;
    }

@media (max-width: 576px) {
    .muchlight-toolbar-actions[b-tc7haotc14] {
        width: 100%;
    }

        .muchlight-toolbar-actions .btn[b-tc7haotc14] {
            flex: 1;
        }
}
/* /Components/Pages/Security/Login.razor.rz.scp.css */
.login-container[b-fplzaixeae] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.login-card[b-fplzaixeae] {
    width: 360px;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    border-top: 5px solid #b8860b;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.login-header[b-fplzaixeae] {
    text-align: center;
    margin-bottom: 20px;
}

    .login-header h2[b-fplzaixeae] {
        margin-top: 12px;
        margin-bottom: 5px;
        font-weight: 700;
        color: #333333;
        font-size: 1.5rem;
    }

    .login-header p[b-fplzaixeae] {
        color: #777777;
        font-size: 13px;
        margin-bottom: 0;
    }

.logo-circle[b-fplzaixeae] {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #b8860b;
    color: white;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    box-shadow: 0 8px 20px rgba(184, 134, 11, 0.30);
}

.input-container[b-fplzaixeae] {
    margin-bottom: 15px;
}

.form-label[b-fplzaixeae] {
    display: block;
    width: 260px;
    margin: auto auto 6px auto;
    font-weight: 600;
    color: #444444;
    font-size: 14px;
}

.login-input[b-fplzaixeae] {
    width: 260px;
    margin: auto;
}

.form-control[b-fplzaixeae] {
    height: 42px;
    border-radius: 10px;
    border: 1px solid #d8d8d8;
    background-color: #ffffff;
    font-size: 14px;
}

    .form-control:focus[b-fplzaixeae] {
        border-color: #b8860b;
        box-shadow: 0 0 0 0.15rem rgba(184, 134, 11, 0.20);
    }

.input-group .form-control[b-fplzaixeae] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .btn[b-fplzaixeae] {
    border-color: #d8d8d8;
    background-color: #f8f8f8;
    color: #666666;
}

    .input-group .btn:hover[b-fplzaixeae] {
        background-color: #eeeeee;
    }

.btn-login[b-fplzaixeae] {
    width: 260px;
    height: 45px;
    display: block;
    margin: 20px auto 0 auto;
    background: #b8860b;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    transition: all .2s ease;
}

    .btn-login:hover[b-fplzaixeae] {
        background: #9c7008;
        color: white;
    }

    .btn-login:active[b-fplzaixeae] {
        transform: scale(0.98);
    }

.alert[b-fplzaixeae] {
    width: 260px;
    margin: 0 auto 15px auto;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
}

@media (max-width: 576px) {

    .login-card[b-fplzaixeae] {
        width: 95%;
        padding: 25px 15px;
    }

    .login-input[b-fplzaixeae],
    .btn-login[b-fplzaixeae],
    .form-label[b-fplzaixeae],
    .alert[b-fplzaixeae] {
        width: 100%;
    }
}
/* /Components/Pages/Security/NoAccess.razor.rz.scp.css */
.login-container[b-xqu5qrvh9w] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.login-card[b-xqu5qrvh9w] {
    width: 360px;
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    border-top: 5px solid #b8860b;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.login-header[b-xqu5qrvh9w] {
    text-align: center;
    margin-bottom: 20px;
}

    .login-header h2[b-xqu5qrvh9w] {
        margin-top: 12px;
        margin-bottom: 5px;
        font-weight: 700;
        color: #333333;
        font-size: 1.5rem;
    }

    .login-header p[b-xqu5qrvh9w] {
        color: #777777;
        font-size: 13px;
        margin-bottom: 0;
    }

.logo-circle[b-xqu5qrvh9w] {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #b8860b;
    color: white;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    box-shadow: 0 8px 20px rgba(184, 134, 11, 0.30);
}

.alert[b-xqu5qrvh9w] {
    width: 260px;
    margin: 0 auto 15px auto;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
}

.btn-login[b-xqu5qrvh9w] {
    width: 260px;
    height: 45px;
    display: block;
    margin: 20px auto 0 auto;
    background: #b8860b;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    transition: all .2s ease;
}

    .btn-login:hover[b-xqu5qrvh9w] {
        background: #9c7008;
        color: white;
    }

    .btn-login:active[b-xqu5qrvh9w] {
        transform: scale(0.98);
    }

@media (max-width: 576px) {

    .login-card[b-xqu5qrvh9w] {
        width: 95%;
        padding: 25px 15px;
    }

    .btn-login[b-xqu5qrvh9w],
    .alert[b-xqu5qrvh9w] {
        width: 100%;
    }
}
/* /Components/Shared/ActionsDropdown.razor.rz.scp.css */
.muchlight-actions-dropdown .dropdown-toggle[b-hy8ryrq6n0] {
    border-radius: 8px;
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

    .muchlight-actions-dropdown .dropdown-toggle[b-hy8ryrq6n0]::after {
        display: none;
    }

.muchlight-actions-dropdown .dropdown-menu[b-hy8ryrq6n0] {
    min-width: 9rem;
    padding: .35rem;
    border-radius: 10px;
    border: 1px solid #eadfbd;
    box-shadow: 0 8px 20px rgba(95, 67, 0, .14);
    font-size: .85rem;
}

.muchlight-actions-dropdown .dropdown-item[b-hy8ryrq6n0] {
    border-radius: 6px;
    padding: .4rem .6rem;
    display: flex;
    align-items: center;
}

    .muchlight-actions-dropdown .dropdown-item:hover[b-hy8ryrq6n0],
    .muchlight-actions-dropdown .dropdown-item:focus[b-hy8ryrq6n0] {
        background: #f8f5ea;
        color: #5f4300;
    }

    .muchlight-actions-dropdown .dropdown-item.text-danger:hover[b-hy8ryrq6n0],
    .muchlight-actions-dropdown .dropdown-item.text-danger:focus[b-hy8ryrq6n0] {
        background: #fbe9e9;
        color: #a40000;
    }

    .muchlight-actions-dropdown .dropdown-item:disabled[b-hy8ryrq6n0] {
        opacity: .5;
    }

.muchlight-actions-dropdown .dropdown-divider[b-hy8ryrq6n0] {
    margin: .3rem 0;
}
/* /Components/Shared/ConfirmDeleteModal.razor.rz.scp.css */
.muchlight-modal[b-oksmjcgdqv] {
    border: 1px solid #eadfbd;
    border-radius: 10px;
}

    .muchlight-modal .modal-header[b-oksmjcgdqv] {
        background: #f8f5ea;
        color: #5f4300;
        border-bottom-color: #eadfbd;
    }
/* /Components/Shared/ErrorAlert.razor.rz.scp.css */
.muchlight-alert[b-fi7f5avo2x] {
    border-radius: 12px;
    border: 1px solid #f1aeb5;
}

.error-preline[b-fi7f5avo2x] {
    white-space: pre-line;
}
/* /Components/Shared/ExportMenu.razor.rz.scp.css */
.muchlight-export-menu .dropdown-toggle[b-e3knz6dm69]::after {
    display: none;
}

.muchlight-export-menu .dropdown-menu[b-e3knz6dm69] {
    min-width: 10rem;
    padding: .35rem;
    border-radius: 10px;
    border: 1px solid #eadfbd;
    box-shadow: 0 8px 20px rgba(95, 67, 0, .14);
    font-size: .85rem;
}

.muchlight-export-menu .dropdown-item[b-e3knz6dm69] {
    border-radius: 6px;
    padding: .4rem .6rem;
    display: flex;
    align-items: center;
}

    .muchlight-export-menu .dropdown-item:disabled[b-e3knz6dm69] {
        opacity: .6;
        cursor: not-allowed;
    }
/* /Components/Shared/ToastNotification.razor.rz.scp.css */
.muchlight-toast-container[b-ihhu6l2e0j] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
}

.muchlight-toast[b-ihhu6l2e0j] {
    min-width: 330px;
    max-width: 430px;
    padding: .9rem 1rem;
    border-radius: 12px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: .75rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .20);
}

.muchlight-toast-success[b-ihhu6l2e0j] {
    background: #198754;
}

.muchlight-toast-error[b-ihhu6l2e0j] {
    background: #b02a37;
}

.muchlight-toast-icon[b-ihhu6l2e0j] {
    font-size: 1.2rem;
}

.muchlight-toast-message[b-ihhu6l2e0j] {
    flex: 1;
    font-weight: 500;
}

.muchlight-toast-close[b-ihhu6l2e0j] {
    border: none;
    background: transparent;
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 576px) {
    .muchlight-toast-container[b-ihhu6l2e0j] {
        left: 1rem;
        right: 1rem;
    }

    .muchlight-toast[b-ihhu6l2e0j] {
        min-width: 0;
        width: 100%;
    }
}