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

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

main[b-l566f8aahe] {
    flex: 1;
}

.sidebar[b-l566f8aahe] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-l566f8aahe] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-l566f8aahe] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/HeaderOfTheNavMenus.razor.rz.scp.css */
.navbar-toggler[b-qbbu4lhowx] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-qbbu4lhowx] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-qbbu4lhowx] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-qbbu4lhowx] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-qbbu4lhowx] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-qbbu4lhowx] {
        padding-bottom: 1rem;
    }

    .nav-item[b-qbbu4lhowx]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-qbbu4lhowx] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-wkefia8uyi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-wkefia8uyi] {
    flex: 1;
}

.sidebar[b-wkefia8uyi] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-wkefia8uyi] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-wkefia8uyi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenuAdmin.razor.rz.scp.css */
.navbar-toggler[b-x22o7o8avg] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-x22o7o8avg] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-x22o7o8avg] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-x22o7o8avg] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-x22o7o8avg] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-x22o7o8avg] {
        padding-bottom: 1rem;
    }

    .nav-item[b-x22o7o8avg]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-x22o7o8avg] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuAms.razor.rz.scp.css */
.navbar-toggler[b-wuorkkpq8y] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-wuorkkpq8y] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-wuorkkpq8y] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-wuorkkpq8y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-wuorkkpq8y] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-wuorkkpq8y] {
        padding-bottom: 1rem;
    }

    .nav-item[b-wuorkkpq8y]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-wuorkkpq8y] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuCab.razor.rz.scp.css */
.navbar-toggler[b-422ozbs6fm] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-422ozbs6fm] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-422ozbs6fm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-422ozbs6fm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-422ozbs6fm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-422ozbs6fm] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-422ozbs6fm] {
        padding-bottom: 1rem;
    }

    .nav-item[b-422ozbs6fm]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-422ozbs6fm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuCms.razor.rz.scp.css */
.navbar-toggler[b-afq7born1g] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-afq7born1g] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-afq7born1g] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-afq7born1g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-afq7born1g] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-afq7born1g] {
        padding-bottom: 1rem;
    }

    .nav-item[b-afq7born1g]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-afq7born1g] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuForm.razor.rz.scp.css */
.navbar-toggler[b-x6vtwrljn1] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-x6vtwrljn1] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-x6vtwrljn1] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-x6vtwrljn1] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-x6vtwrljn1] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-x6vtwrljn1] {
        padding-bottom: 1rem;
    }

    .nav-item[b-x6vtwrljn1]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-x6vtwrljn1] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuMas.razor.rz.scp.css */
.navbar-toggler[b-6vzb9hl60n] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-6vzb9hl60n] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-6vzb9hl60n] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-6vzb9hl60n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-6vzb9hl60n] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-6vzb9hl60n] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-6vzb9hl60n] {
        padding-bottom: 1rem;
    }

    .nav-item[b-6vzb9hl60n]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-6vzb9hl60n] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuPpc.razor.rz.scp.css */
.navbar-toggler[b-dp8jq1butc] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dp8jq1butc] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-dp8jq1butc] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-dp8jq1butc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-dp8jq1butc] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dp8jq1butc] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dp8jq1butc]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-dp8jq1butc] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuSpm.razor.rz.scp.css */
.navbar-toggler[b-tge5i3u724] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-tge5i3u724] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-tge5i3u724] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-tge5i3u724] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-tge5i3u724] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-tge5i3u724] {
        padding-bottom: 1rem;
    }

    .nav-item[b-tge5i3u724]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-tge5i3u724] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavMenuWcs.razor.rz.scp.css */
.navbar-toggler[b-jkzj7z4b17] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-jkzj7z4b17] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-jkzj7z4b17] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-jkzj7z4b17] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-jkzj7z4b17] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-jkzj7z4b17] {
        padding-bottom: 1rem;
    }

    .nav-item[b-jkzj7z4b17]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-jkzj7z4b17] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/NavSelector.razor.rz.scp.css */
.navbar-toggler[b-homeyhrdp2] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-homeyhrdp2] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-homeyhrdp2] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-homeyhrdp2] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-homeyhrdp2] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-homeyhrdp2] {
        padding-bottom: 1rem;
    }

    .nav-item[b-homeyhrdp2]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-homeyhrdp2] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ThemeSelector.razor.rz.scp.css */
.navbar-toggler[b-unkje04clj] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-unkje04clj] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-unkje04clj] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-unkje04clj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-unkje04clj] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-unkje04clj] {
        padding-bottom: 1rem;
    }

    .nav-item[b-unkje04clj]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-unkje04clj] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/TopMenu.razor.rz.scp.css */
.navbar-toggler[b-mkwj4jc734] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-mkwj4jc734] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-mkwj4jc734] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-mkwj4jc734] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

    .nav-item:first-of-type[b-mkwj4jc734] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mkwj4jc734] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mkwj4jc734]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-mkwj4jc734] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.top-menu-actions[b-mkwj4jc734] {
    position: relative;
    align-items: center !important;
}

.top-menu-action-items[b-mkwj4jc734] {
    align-items: center !important;
}

.top-menu-action-trigger[b-mkwj4jc734] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 44px;
}

.top-menu-icon-btn[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    position: relative;
    overflow: visible;
    line-height: 1 !important;
}

.top-menu-icon-btn .material-icons-outlined[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn .material-icons-outlined,
.top-menu-icon-btn i[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn i,
.top-menu-icon-btn .fas[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn .fas,
.top-menu-icon-btn .fa-solid[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn .fa-solid {
    font-size: 22px !important;
    line-height: 1 !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-menu-icon-btn form[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn form {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-menu-icon-btn .nav-link[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn .nav-link,
.top-menu-icon-btn button.nav-link[b-mkwj4jc734],
[b-mkwj4jc734] .top-menu-icon-btn button.nav-link {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
    line-height: 1 !important;
}

.top-menu-overflow-panel[b-mkwj4jc734] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 240px;
    border-radius: 12px;
    padding: 8px;
    z-index: 100002;
}

.top-menu-overflow-item[b-mkwj4jc734] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: none;
    background: transparent;
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.top-menu-overflow-item:hover[b-mkwj4jc734] {
    background: rgba(255, 255, 255, 0.08);
}

.top-menu-overflow-item-icon[b-mkwj4jc734] {
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.top-menu-overflow-item-icon-ai[b-mkwj4jc734] {
    background: linear-gradient(135deg, #8b5cf6, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.top-menu-actions--compact .top-menu-action-items[b-mkwj4jc734] {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    overflow: visible;
    opacity: 0;
    pointer-events: none;
}

.top-menu-actions--compact .top-menu-action-items .modern-dropdown-panel[b-mkwj4jc734] {
    opacity: 1;
    pointer-events: auto;
}
/* /Components/Pages/AIComponents/SideChat/SideChat.razor.rz.scp.css */
.navbar-toggler[b-2dzexv4nis] {
    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: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-2dzexv4nis] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-2dzexv4nis] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-2dzexv4nis] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-2dzexv4nis] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2dzexv4nis] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2dzexv4nis] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2dzexv4nis]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-2dzexv4nis] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Ams/Finance/Adjustment/AdjustmentCreateUpdate.razor.rz.scp.css */
/* Full-page drag and drop overlay styles */
.full-page-drag-overlay[b-t2rlhbbmkz] {
    transition: opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
}

.full-page-hint[b-t2rlhbbmkz] {
    text-align: center;
    padding: 40px;
    border: 3px dashed #007bff;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    animation: pulse-b-t2rlhbbmkz 2s infinite;
}

@keyframes pulse-b-t2rlhbbmkz {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.full-page-hint .material-icons[b-t2rlhbbmkz] {
    animation: bounce-b-t2rlhbbmkz 1s infinite;
}

@keyframes bounce-b-t2rlhbbmkz {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
/* /Components/Pages/Ams/Finance/FinanceSharedModal.razor.rz.scp.css */
/* /Components/Pages/Ams/Finance/VatReturnAndSubmit/AdjustmentCreateUpdate.razor.rz.scp.css */
/* Full-page drag and drop overlay styles */
.full-page-drag-overlay[b-i1anrd4ejx] {
    transition: opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
}

.full-page-hint[b-i1anrd4ejx] {
    text-align: center;
    padding: 40px;
    border: 3px dashed #007bff;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    animation: pulse-b-i1anrd4ejx 2s infinite;
}

@keyframes pulse-b-i1anrd4ejx {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.full-page-hint .material-icons[b-i1anrd4ejx] {
    animation: bounce-b-i1anrd4ejx 1s infinite;
}

@keyframes bounce-b-i1anrd4ejx {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
/* /Components/Pages/Ams/Invoices/CreditNote/CreditNoteCreateAndEdit.razor.rz.scp.css */
/* Expenses Credit Note Create And Edit Component Styles */


/* /Components/Pages/Ams/Invoices/CreditNote/CreditNotesModalsList.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/CreditNote/CreditNotesTable.razor.rz.scp.css */
/* Credit Notes Component Styles */

/* Main container styling */
.main-container[b-bxbpeu5s9x] {
    min-height: 100vh;
}

/* Card styling for credit notes */
.card[b-bxbpeu5s9x] {
    transition: box-shadow 0.3s ease;
}

.card:hover[b-bxbpeu5s9x] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Filter section styling */
.filter-section[b-bxbpeu5s9x] {
    background: var(--bs-light);
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

/* Search input styling */
.search-input[b-bxbpeu5s9x] {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-bxbpeu5s9x] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Table container styling */
.table-container[b-bxbpeu5s9x] {
    border-radius: 0.375rem;
    overflow: hidden;
}

/* Modal styling */
.modal-backdrop[b-bxbpeu5s9x] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Button styling */
.btn-primary[b-bxbpeu5s9x] {
    transition: all 0.15s ease-in-out;
}

.btn-primary:hover[b-bxbpeu5s9x] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .main-container[b-bxbpeu5s9x] {
        padding: 0.5rem;
    }
    
    .card[b-bxbpeu5s9x] {
        margin: 0.5rem 0;
    }
}

/* Loading states */
.loading[b-bxbpeu5s9x] {
    opacity: 0.6;
    pointer-events: none;
}

/* Status indicators */
.status-active[b-bxbpeu5s9x] {
    color: var(--bs-success);
}

.status-inactive[b-bxbpeu5s9x] {
    color: var(--bs-danger);
}

/* Animation for smooth transitions */
.fade-in[b-bxbpeu5s9x] {
    animation: fadeIn-b-bxbpeu5s9x 0.3s ease-in;
}

@keyframes fadeIn-b-bxbpeu5s9x {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Ams/Invoices/CreditNote/Layouts/ExpCreditNoteLayout.razor.rz.scp.css */
/* Credit Notes Component Styles */

/* Main container styling */
.main-container[b-8tilqxoovq] {
    min-height: 100vh;
}

/* Card styling for credit notes */
.card[b-8tilqxoovq] {
    transition: box-shadow 0.3s ease;
}

.card:hover[b-8tilqxoovq] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Filter section styling */
.filter-section[b-8tilqxoovq] {
    background: var(--bs-light);
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

/* Search input styling */
.search-input[b-8tilqxoovq] {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-8tilqxoovq] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Table container styling */
.table-container[b-8tilqxoovq] {
    border-radius: 0.375rem;
    overflow: hidden;
}

/* Modal styling */
.modal-backdrop[b-8tilqxoovq] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Button styling */
.btn-primary[b-8tilqxoovq] {
    transition: all 0.15s ease-in-out;
}

.btn-primary:hover[b-8tilqxoovq] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .main-container[b-8tilqxoovq] {
        padding: 0.5rem;
    }
    
    .card[b-8tilqxoovq] {
        margin: 0.5rem 0;
    }
}

/* Loading states */
.loading[b-8tilqxoovq] {
    opacity: 0.6;
    pointer-events: none;
}

/* Status indicators */
.status-active[b-8tilqxoovq] {
    color: var(--bs-success);
}

.status-inactive[b-8tilqxoovq] {
    color: var(--bs-danger);
}

/* Animation for smooth transitions */
.fade-in[b-8tilqxoovq] {
    animation: fadeIn-b-8tilqxoovq 0.3s ease-in;
}

@keyframes fadeIn-b-8tilqxoovq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Ams/Invoices/CreditNote/Layouts/RevCreditNoteLayout.razor.rz.scp.css */
/* Credit Notes Component Styles */

/* Main container styling */
.main-container[b-l3ynk33k30] {
    min-height: 100vh;
}

/* Card styling for credit notes */
.card[b-l3ynk33k30] {
    transition: box-shadow 0.3s ease;
}

.card:hover[b-l3ynk33k30] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Filter section styling */
.filter-section[b-l3ynk33k30] {
    background: var(--bs-light);
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

/* Search input styling */
.search-input[b-l3ynk33k30] {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-l3ynk33k30] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Table container styling */
.table-container[b-l3ynk33k30] {
    border-radius: 0.375rem;
    overflow: hidden;
}

/* Modal styling */
.modal-backdrop[b-l3ynk33k30] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Button styling */
.btn-primary[b-l3ynk33k30] {
    transition: all 0.15s ease-in-out;
}

.btn-primary:hover[b-l3ynk33k30] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .main-container[b-l3ynk33k30] {
        padding: 0.5rem;
    }
    
    .card[b-l3ynk33k30] {
        margin: 0.5rem 0;
    }
}

/* Loading states */
.loading[b-l3ynk33k30] {
    opacity: 0.6;
    pointer-events: none;
}

/* Status indicators */
.status-active[b-l3ynk33k30] {
    color: var(--bs-success);
}

.status-inactive[b-l3ynk33k30] {
    color: var(--bs-danger);
}

/* Animation for smooth transitions */
.fade-in[b-l3ynk33k30] {
    animation: fadeIn-b-l3ynk33k30 0.3s ease-in;
}

@keyframes fadeIn-b-l3ynk33k30 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/Ams/Invoices/CreditNote/Modals/CreditNoteSettings.razor.rz.scp.css */
.ris-layout[b-kak4ruyyhp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
}

/* ── Tab navigation ───────────────────────────────────── */
.ris-tabs[b-kak4ruyyhp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
    background: var(--page-bg-color, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 14px;
}

.ris-tab[b-kak4ruyyhp] {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--secondary-text-color, #94a3b8);
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.ris-tab .material-icons-outlined[b-kak4ruyyhp] {
    font-size: 18px;
}

.ris-tab:hover[b-kak4ruyyhp] {
    color: var(--main-text-color, #fff);
    background: rgba(59, 130, 246, 0.08);
}

.ris-tab--active[b-kak4ruyyhp] {
    color: var(--main-text-color, #fff);
    background: var(--main-bg-color, rgba(255, 255, 255, 0.1));
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* ── Panel ────────────────────────────────────────────── */
.ris-panel[b-kak4ruyyhp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ris-panel--stack[b-kak4ruyyhp] {
    gap: 14px;
}

.ris-panel-intro[b-kak4ruyyhp] {
    font-size: 0.86rem;
    line-height: 1.5;
    margin: 0 0 4px;
}

.ris-field-label[b-kak4ruyyhp] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}

.ris-email-field-head[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.ris-editor-panel-head-actions[b-kak4ruyyhp] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Hero preview ─────────────────────────────────────── */
.ris-hero[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    margin-bottom: 6px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(37, 99, 235, 0.04) 100%);
    border-color: rgba(59, 130, 246, 0.25) !important;
}

.ris-hero-eyebrow[b-kak4ruyyhp] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ris-hero-number[b-kak4ruyyhp] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin: 4px 0;
    word-break: break-all;
}

.ris-hero-hint[b-kak4ruyyhp] {
    font-size: 0.78rem;
}

.ris-save-error[b-kak4ruyyhp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.08);
    font-size: 0.86rem;
    line-height: 1.45;
}

.ris-save-error .material-icons-outlined[b-kak4ruyyhp] {
    color: #ef4444;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 1px;
}

.ris-number-format-toggles[b-kak4ruyyhp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.ris-number-format-toggles--single[b-kak4ruyyhp] {
    grid-template-columns: 1fr;
}

.ris-number-format-toggle-card .ris-option-row[b-kak4ruyyhp] {
    margin: 0;
    padding: 10px 12px;
    border: none;
    border-bottom: none;
}

.ris-number-format-toggle-card .ris-option-desc[b-kak4ruyyhp] {
    font-size: 0.72rem;
    line-height: 1.3;
}

.ris-segment-suffix--locked[b-kak4ruyyhp] {
    opacity: 0.7;
    cursor: not-allowed;
}

.ris-hero-badge[b-kak4ruyyhp] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ris-hero-badge .material-icons-outlined[b-kak4ruyyhp] {
    font-size: 28px;
    color: #3b82f6;
}

/* ── Segmented number inputs ──────────────────────────── */
.ris-segmented[b-kak4ruyyhp] {
    display: grid;
    grid-template-columns: 1fr minmax(100px, 0.7fr) 1fr;
    overflow: hidden;
}

.ris-segment[b-kak4ruyyhp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-right: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.ris-segment:last-child[b-kak4ruyyhp] {
    border-right: none;
}

.ris-segment label[b-kak4ruyyhp] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ris-segment input[b-kak4ruyyhp] {
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.95rem;
    padding: 0;
    width: 100%;
}

.ris-segment--accent[b-kak4ruyyhp] {
    /* Theme-specific accent applied via .light / .dark / .black rules */
}

.ris-segment-counter[b-kak4ruyyhp] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    font-size: 1.1rem !important;
}

.ris-segmented--auto-sep[b-kak4ruyyhp] {
    grid-template-columns: minmax(0, 1fr) auto minmax(100px, 0.7fr) auto minmax(0, 1fr);
    overflow: visible;
}

.ris-segmented--auto-sep .ris-segment[b-kak4ruyyhp] {
    border-right: none;
}

.ris-segmented--auto-sep .ris-segment input[b-kak4ruyyhp] {
    margin-top: auto;
}

.ris-segment-separator-col[b-kak4ruyyhp] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    padding: 12px 0;
}

.ris-segment-separator-spacer[b-kak4ruyyhp] {
    flex: 1 1 auto;
    min-height: 0;
}

.ris-segment-separator-wrap[b-kak4ruyyhp] {
    flex: 0 0 0;
    height: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.ris-segment-separator[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 14px;
    padding: 0 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    user-select: none;
}

@media (max-width: 720px) {
    .ris-number-format-toggles[b-kak4ruyyhp] {
        grid-template-columns: 1fr;
    }
}

/* ── Template picker cards ────────────────────────────── */
.ris-template-grid[b-kak4ruyyhp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.ris-template-card[b-kak4ruyyhp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 18px 12px;
    cursor: pointer;
    transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ris-template-card:hover[b-kak4ruyyhp] {
    border-color: rgba(59, 130, 246, 0.45) !important;
    transform: translateY(-1px);
}

.ris-template-card--active[b-kak4ruyyhp] {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35);
    background: rgba(59, 130, 246, 0.08) !important;
}

.ris-template-icon[b-kak4ruyyhp] {
    font-size: 32px !important;
    color: #3b82f6;
    opacity: 0.85;
}

.ris-template-name[b-kak4ruyyhp] {
    font-size: 0.88rem;
    font-weight: 600;
}

.ris-template-check[b-kak4ruyyhp] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px !important;
    color: #3b82f6;
}

/* ── Inline field (payment terms, email subject) ──────── */
.ris-inline-field[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
}

.ris-inline-field input[b-kak4ruyyhp] {
    border: none;
    background: transparent;
    outline: none;
    width: 72px;
    font-size: 1rem;
    font-weight: 600;
}

.ris-inline-field-grow[b-kak4ruyyhp] {
    flex: 1;
    width: auto !important;
    min-width: 0;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.ris-inline-field .material-icons-outlined[b-kak4ruyyhp] {
    font-size: 20px;
    flex-shrink: 0;
}

/* ── Option rows (toggles) ────────────────────────────── */
.ris-options[b-kak4ruyyhp] {
    overflow: hidden;
}

.ris-option-row[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}

.ris-option-row:last-child[b-kak4ruyyhp] {
    border-bottom: none;
}

.ris-option-icon[b-kak4ruyyhp] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ris-option-icon .material-icons-outlined[b-kak4ruyyhp] {
    font-size: 20px;
}

.ris-option-copy[b-kak4ruyyhp] {
    flex: 1;
    min-width: 0;
}

.ris-option-title[b-kak4ruyyhp] {
    font-size: 0.9rem;
    font-weight: 600;
}

.ris-option-desc[b-kak4ruyyhp] {
    font-size: 0.78rem;
    line-height: 1.35;
    margin-top: 1px;
}

.ris-option-switch[b-kak4ruyyhp] {
    flex-shrink: 0;
}

/* ── Editor panels ────────────────────────────────────── */
.ris-editor-panel[b-kak4ruyyhp] {
    overflow: hidden;
}

.ris-editor-panel-head[b-kak4ruyyhp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}

.ris-editor-panel-title[b-kak4ruyyhp] {
    font-size: 0.9rem;
    font-weight: 700;
}

.ris-editor-panel-body[b-kak4ruyyhp] {
    padding: 12px;
    transition: opacity 0.2s ease;
}

.ris-editor-panel-body--off[b-kak4ruyyhp] {
    opacity: 0.4;
    pointer-events: none;
}

.ris-editor-shell[b-kak4ruyyhp] {
    height: 280px;
    display: flex;
    flex-direction: column;
}

.ris-editor-shell--email[b-kak4ruyyhp] {
    height: 320px;
}

.ris-editor-shell[b-kak4ruyyhp]  .sidenote-rich-editor {
    flex: 1;
    min-height: 0;
}

/* ── Light theme ──────────────────────────────────────── */
.light .ris-layout .secondary-text-color[b-kak4ruyyhp] {
    color: #64748b !important;
}

.light .ris-layout .ris-hero-hint[b-kak4ruyyhp],
.light .ris-layout .ris-option-desc[b-kak4ruyyhp],
.light .ris-layout .ris-panel-intro[b-kak4ruyyhp] {
    color: #94a3b8 !important;
}

.light .ris-layout .ris-option-icon .material-icons-outlined[b-kak4ruyyhp],
.light .ris-layout .ris-inline-field .material-icons-outlined[b-kak4ruyyhp],
.light .ris-layout .ris-editor-panel-head .material-icons-outlined[b-kak4ruyyhp] {
    color: #64748b !important;
}

.light .ris-tabs[b-kak4ruyyhp] {
    background: var(--light-main-bg-color);
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.light .ris-tab[b-kak4ruyyhp] {
    color: #64748b;
}

.light .ris-tab .material-icons-outlined[b-kak4ruyyhp] {
    color: inherit;
}

.light .ris-tab:hover[b-kak4ruyyhp] {
    color: #334155;
    background: rgba(206, 94, 41, 0.08);
}

.light .ris-tab--active[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
    background: #fff;
    border: 1px solid rgba(206, 94, 41, 0.3);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.light .ris-tab--active .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-hero[b-kak4ruyyhp] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.1) 0%, rgba(245, 245, 245, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.25) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.light .ris-hero-badge .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-segment[b-kak4ruyyhp] {
    border-right-color: #e2e8f0;
}

.light .ris-segment--accent[b-kak4ruyyhp] {
    background: rgba(206, 94, 41, 0.06);
}

.light .ris-segment-separator[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-template-card:hover[b-kak4ruyyhp] {
    border-color: rgba(206, 94, 41, 0.4) !important;
}

.light .ris-template-card--active[b-kak4ruyyhp] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.3);
    background: rgba(206, 94, 41, 0.06) !important;
}

.light .ris-template-icon[b-kak4ruyyhp],
.light .ris-template-check[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-kak4ruyyhp] {
    color: #64748b;
    opacity: 1;
}

.light .ris-option-row[b-kak4ruyyhp] {
    border-bottom-color: #e2e8f0;
}

.light .ris-editor-panel-head[b-kak4ruyyhp] {
    border-bottom-color: #e2e8f0;
}

.light .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-toolbar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.light .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.08);
}

.light .ris-editor-shell[b-kak4ruyyhp]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.12);
    color: var(--ams-main-color, #ce5e29);
}

/* Email tab collapsibles (child components — ::deep) */
.light .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-trigger,
.light .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-title {
    color: #334155 !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-chevron {
    color: #64748b !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #3b82f6 !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-wrap .ris-email-collapsible-icon {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-help-lead,
.light .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-title,
.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-label {
    color: #334155 !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-text,
.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-hint,
.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-desc {
    color: #64748b !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.12);
    color: #b45309;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn {
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.08) !important;
}

.light .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
    border-color: rgba(206, 94, 41, 0.35) !important;
}

/* ── Dark theme ───────────────────────────────────────── */
.dark .ris-layout .secondary-text-color[b-kak4ruyyhp] {
    color: #a8b1c7 !important;
}

.dark .ris-layout .ris-hero-hint[b-kak4ruyyhp],
.dark .ris-layout .ris-option-desc[b-kak4ruyyhp],
.dark .ris-layout .ris-panel-intro[b-kak4ruyyhp] {
    color: #9ca3af !important;
}

.dark .ris-layout .ris-option-icon .material-icons-outlined[b-kak4ruyyhp],
.dark .ris-layout .ris-inline-field .material-icons-outlined[b-kak4ruyyhp],
.dark .ris-layout .ris-editor-panel-head .material-icons-outlined[b-kak4ruyyhp] {
    color: #a8b1c7 !important;
}

.dark .ris-tabs[b-kak4ruyyhp] {
    background: var(--dark-main-bg-color);
    border-color: rgba(222, 228, 236, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-tab[b-kak4ruyyhp] {
    color: #a8b1c7;
}

.dark .ris-tab .material-icons-outlined[b-kak4ruyyhp] {
    color: inherit;
}

.dark .ris-tab:hover[b-kak4ruyyhp] {
    color: #e5e7eb;
    background: rgba(206, 94, 41, 0.12);
}

.dark .ris-tab--active[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
    background: var(--dark-page-bg-color);
    border: 1px solid rgba(206, 94, 41, 0.35);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
}

.dark .ris-tab--active .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-hero[b-kak4ruyyhp] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.16) 0%, rgba(31, 41, 64, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.3) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-hero-badge .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-segment[b-kak4ruyyhp] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-segment--accent[b-kak4ruyyhp] {
    background: rgba(206, 94, 41, 0.08);
}

.dark .ris-segment-separator[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-template-card:hover[b-kak4ruyyhp] {
    border-color: rgba(206, 94, 41, 0.45) !important;
}

.dark .ris-template-card--active[b-kak4ruyyhp] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.35), 0 0 10px rgba(0, 0, 0, 0.36);
    background: rgba(206, 94, 41, 0.1) !important;
}

.dark .ris-template-icon[b-kak4ruyyhp],
.dark .ris-template-check[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-kak4ruyyhp] {
    color: #a8b1c7;
    opacity: 1;
}

.dark .ris-option-row[b-kak4ruyyhp] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-editor-panel-head[b-kak4ruyyhp] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-toolbar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.12);
}

.dark .ris-editor-shell[b-kak4ruyyhp]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.18);
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-trigger,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-title {
    color: #e5e7eb !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-chevron,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-text,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-hint,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-desc {
    color: #a8b1c7 !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #60a5fa !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-wrap .ris-email-collapsible-icon,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn .material-icons-outlined {
    color: var(--ams-main-color, #ce5e29) !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-help-lead,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-title,
.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-label {
    color: #e5e7eb !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.18);
    color: #f0a070;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn {
    color: #e5e7eb !important;
    border-color: rgba(222, 228, 236, 0.1) !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.12) !important;
}

.dark .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
}

/* ── Black theme ──────────────────────────────────────── */
/* Black theme has no global .secondary-text-color rule — text inherits body #333 */
.black .ris-layout .secondary-text-color[b-kak4ruyyhp] {
    color: #a8b1c7 !important;
}

.black .ris-layout .ris-hero-hint[b-kak4ruyyhp],
.black .ris-layout .ris-option-desc[b-kak4ruyyhp],
.black .ris-layout .ris-panel-intro[b-kak4ruyyhp] {
    color: #9ca3af !important;
}

.black .ris-layout .ris-option-icon .material-icons-outlined[b-kak4ruyyhp],
.black .ris-layout .ris-inline-field .material-icons-outlined[b-kak4ruyyhp],
.black .ris-layout .ris-editor-panel-head .material-icons-outlined[b-kak4ruyyhp] {
    color: #a8b1c7 !important;
}

.black .ris-tabs[b-kak4ruyyhp] {
    background: var(--main-bg-color);
    border-color: rgba(222, 228, 236, 0.1);
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-tab[b-kak4ruyyhp] {
    color: #a8b1c7;
}

.black .ris-tab .material-icons-outlined[b-kak4ruyyhp] {
    color: inherit;
}

.black .ris-tab:hover[b-kak4ruyyhp] {
    color: #e5e7eb;
    background: rgba(206, 94, 41, 0.12);
}

.black .ris-tab--active[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
    background: var(--page-bg-color);
    border: 1px solid rgba(206, 94, 41, 0.35);
    box-shadow: inset 0 0 10px rgb(20 28 43 / 80%), 0 1px 3px rgba(0, 0, 0, 0.35);
}

.black .ris-tab--active .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-hero[b-kak4ruyyhp] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.16) 0%, rgba(34, 36, 43, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.3) !important;
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-hero-badge .material-icons-outlined[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-segment[b-kak4ruyyhp] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.black .ris-segment--accent[b-kak4ruyyhp] {
    background: rgba(206, 94, 41, 0.08);
}

.black .ris-segment-separator[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-template-card:hover[b-kak4ruyyhp] {
    border-color: rgba(206, 94, 41, 0.45) !important;
}

.black .ris-template-card--active[b-kak4ruyyhp] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.35), 0 0 10px rgb(20 28 43 / 80%);
    background: rgba(206, 94, 41, 0.1) !important;
}

.black .ris-template-icon[b-kak4ruyyhp],
.black .ris-template-check[b-kak4ruyyhp] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-kak4ruyyhp] {
    color: #a8b1c7;
    opacity: 1;
}

.black .ris-option-row[b-kak4ruyyhp] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.black .ris-editor-panel-head[b-kak4ruyyhp] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.black .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-toolbar {
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-editor-shell[b-kak4ruyyhp]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.12);
}

.black .ris-editor-shell[b-kak4ruyyhp]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.18);
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-trigger,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-title {
    color: #e5e7eb !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-chevron,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-text,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-hint,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-desc {
    color: #a8b1c7 !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #60a5fa !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-wrap .ris-email-collapsible-icon,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn .material-icons-outlined {
    color: var(--ams-main-color, #ce5e29) !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-help-lead,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-title,
.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-label {
    color: #e5e7eb !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.18);
    color: #f0a070;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn {
    color: #e5e7eb !important;
    border-color: rgba(222, 228, 236, 0.1) !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.12) !important;
}

.black .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-trigger,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-title,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-help-lead,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-title,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-label {
    color: #334155 !important;
}

.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-collapsible-chevron,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-help-item-text,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-hint,
.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-desc {
    color: #64748b !important;
}

.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #3b82f6 !important;
}

.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-placeholders-wrap .ris-email-collapsible-icon {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light-theme-dark-sidebar .ris-layout[b-kak4ruyyhp]  .ris-email-placeholder-copy-btn {
    color: #334155 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 720px) {
    .ris-segmented[b-kak4ruyyhp] {
        grid-template-columns: 1fr;
    }

    .ris-segment[b-kak4ruyyhp] {
        border-right: none;
        border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    }

    .ris-segment:last-child[b-kak4ruyyhp] {
        border-bottom: none;
    }

    .ris-template-grid[b-kak4ruyyhp] {
        grid-template-columns: 1fr;
    }

    .ris-tab[b-kak4ruyyhp] {
        flex: 1 1 calc(50% - 6px);
    }
}

/* ── Location logo thumbs ─────────────────────────────── */
.ris-logo-picker[b-kak4ruyyhp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
}

.ris-logo-picker-head[b-kak4ruyyhp] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ris-logo-picker-head .material-icons-outlined[b-kak4ruyyhp] {
    font-size: 22px;
    margin-top: 2px;
}

.ris-logo-picker-empty[b-kak4ruyyhp] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
}

.ris-logo-thumbs[b-kak4ruyyhp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ris-logo-thumb[b-kak4ruyyhp] {
    width: 72px;
    height: 72px;
    padding: 6px;
    border: 2px solid var(--border-color, rgba(255, 255, 255, 0.14));
    border-radius: 12px;
    background: var(--page-bg-color, rgba(255, 255, 255, 0.04));
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ris-logo-thumb img[b-kak4ruyyhp] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ris-logo-thumb:hover[b-kak4ruyyhp] {
    border-color: rgba(59, 130, 246, 0.55);
    transform: translateY(-1px);
}

.ris-logo-thumb--active[b-kak4ruyyhp] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* /Components/Pages/Ams/Invoices/Expenses/Invoices/ExpInvoicesCreateAndEdit.razor.rz.scp.css */
/* Full-page drag and drop overlay styles */
.full-page-drag-overlay[b-azim1iabmm] {
    transition: opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
}

.full-page-hint[b-azim1iabmm] {
    text-align: center;
    padding: 40px;
    border: 3px dashed #007bff;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    animation: pulse-b-azim1iabmm 2s infinite;
}

@keyframes pulse-b-azim1iabmm {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.full-page-hint .material-icons[b-azim1iabmm] {
    animation: bounce-b-azim1iabmm 1s infinite;
}

@keyframes bounce-b-azim1iabmm {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
/* /Components/Pages/Ams/Invoices/Expenses/Invoices/ExpInvoicesModalsList.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/Expenses/Invoices/ExpLayout.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/Expenses/Invoices/ExpTable.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/Expenses/Invoices/Modals/ExpTabSettings.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/ItemRecords/InvoiceItemRecordList.razor.rz.scp.css */
/* /Components/Pages/Ams/Invoices/Payment/BulkMarkPaymentModal.razor.rz.scp.css */
.bulk-payment-modal[b-s5y3zdjl7f] {
    width: min(1400px, 96vw);
    max-width: 96%;
}

.bulk-payment-body[b-s5y3zdjl7f] {
    padding: 20px 24px;
}

.bulk-payment-layout[b-s5y3zdjl7f] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 20px;
    align-items: start;
}

.bulk-payment-items-header[b-s5y3zdjl7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 600;
}

.bulk-payment-items-list[b-s5y3zdjl7f] {
    max-height: 320px;
    overflow-y: auto;
    border-radius: 8px;
}

.bulk-payment-item-row[b-s5y3zdjl7f] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    padding: 10px 14px;
}

.bulk-payment-item-number[b-s5y3zdjl7f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-payment-item-amount[b-s5y3zdjl7f] {
    font-weight: 600;
    white-space: nowrap;
}

.bulk-payment-items-footer[b-s5y3zdjl7f] {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    font-weight: 600;
}

.bulk-payment-advanced[b-s5y3zdjl7f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bulk-payment-apply-toolbar[b-s5y3zdjl7f] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
}

.bulk-payment-apply-fields[b-s5y3zdjl7f] {
    flex: 1;
    min-width: 0;
}

.bulk-payment-apply-button[b-s5y3zdjl7f] {
    flex-shrink: 0;
    padding-bottom: 4px;
}

.bulk-payment-footer-actions[b-s5y3zdjl7f] {
    gap: 10px;
}

.bulk-payment-table-wrap[b-s5y3zdjl7f] {
    overflow: auto;
    max-height: calc(100vh - 320px);
    border-radius: 12px;
}

.bulk-payment-table[b-s5y3zdjl7f] {
    width: 100%;
    min-width: 1280px;
    border-collapse: collapse;
    table-layout: fixed;
}

.bulk-payment-table thead th[b-s5y3zdjl7f] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 12px 8px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    border-bottom: none;
    opacity: 0.85;
}

.bulk-payment-table-header-row[b-s5y3zdjl7f] {
    box-shadow: inset 0 -1px 0 var(--border-color, #dee2e6);
}

.bulk-payment-table tbody td[b-s5y3zdjl7f] {
    padding: 6px 8px;
    vertical-align: middle;
    border: none;
}

.bulk-payment-table tbody tr + tr td[b-s5y3zdjl7f] {
    border-top: 1px solid var(--border-color, #dee2e6);
}

.bulk-payment-col-invoice[b-s5y3zdjl7f] {
    width: 110px;
    font-weight: 600;
}

.bulk-payment-col-remaining[b-s5y3zdjl7f] {
    width: 100px;
    white-space: nowrap;
}

.bulk-payment-col-account[b-s5y3zdjl7f] {
    width: 200px;
}

.bulk-payment-col-method[b-s5y3zdjl7f] {
    width: 180px;
}

.bulk-payment-col-date[b-s5y3zdjl7f] {
    width: 150px;
}

.bulk-payment-col-paidby[b-s5y3zdjl7f] {
    width: 180px;
}

.bulk-payment-col-amount[b-s5y3zdjl7f] {
    width: 130px;
}

.bulk-payment-col-reference[b-s5y3zdjl7f] {
    width: 150px;
}

/* Reference is last column — override global table last-child divider styles */
.bulk-payment-table thead tr th.bulk-payment-col-reference[b-s5y3zdjl7f],
.bulk-payment-table tbody tr td.bulk-payment-col-reference[b-s5y3zdjl7f],
.bulk-payment-table tbody tr:nth-child(odd) td.bulk-payment-col-reference[b-s5y3zdjl7f],
.bulk-payment-table tbody tr:nth-child(even) td.bulk-payment-col-reference[b-s5y3zdjl7f],
.bulk-payment-table tbody tr td.bulk-payment-col-reference:last-child[b-s5y3zdjl7f],
.bulk-payment-table thead tr th.bulk-payment-col-reference:last-child[b-s5y3zdjl7f] {
    border-left: none !important;
    box-shadow: none !important;
}

.bulk-payment-table tbody tr td:first-child[b-s5y3zdjl7f],
.bulk-payment-table thead tr th:first-child[b-s5y3zdjl7f] {
    box-shadow: none !important;
    border-left: none !important;
}

/* Table field sizing — do not style combinate selector internals */
.bulk-payment-table[b-s5y3zdjl7f]  .custom-select,
.bulk-payment-table[b-s5y3zdjl7f]  .combinate-component {
    min-width: 0;
    width: 100%;
}

.bulk-payment-col-amount[b-s5y3zdjl7f]  input,
.bulk-payment-col-reference[b-s5y3zdjl7f]  input {
    min-width: 0;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 16px;
    box-sizing: border-box;
    background-color: inherit;
}

.bulk-payment-col-amount[b-s5y3zdjl7f]  .edit-field,
.bulk-payment-col-reference[b-s5y3zdjl7f]  .edit-field {
    margin: 0;
}

/* Payment summary footer */
.bulk-payment-summary-panel[b-s5y3zdjl7f] {
    padding: 16px 20px;
}

.bulk-payment-summary-title[b-s5y3zdjl7f] {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.bulk-payment-summary-grid[b-s5y3zdjl7f] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 8px 16px;
    align-items: center;
}

.bulk-payment-summary-header[b-s5y3zdjl7f] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-color, #dee2e6);
}

.bulk-payment-summary-header:not(:first-child)[b-s5y3zdjl7f],
.bulk-payment-summary-value[b-s5y3zdjl7f] {
    text-align: right;
}

.bulk-payment-summary-account[b-s5y3zdjl7f] {
    font-weight: 600;
    font-size: 14px;
}

.bulk-payment-summary-value[b-s5y3zdjl7f] {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.bulk-payment-summary-deduction[b-s5y3zdjl7f] {
    color: var(--secondary-text-color, #6c757d);
}

.bulk-payment-summary-after[b-s5y3zdjl7f] {
    font-weight: 700;
}

.bulk-payment-summary-total[b-s5y3zdjl7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    font-size: 14px;
}

@media (max-width: 960px) {
    .bulk-payment-layout[b-s5y3zdjl7f] {
        grid-template-columns: 1fr;
    }

    .bulk-payment-apply-toolbar[b-s5y3zdjl7f] {
        flex-direction: column;
        align-items: stretch;
    }

    .bulk-payment-apply-button[b-s5y3zdjl7f] {
        padding-bottom: 0;
    }

    .bulk-payment-summary-grid[b-s5y3zdjl7f] {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .bulk-payment-summary-header:nth-child(3)[b-s5y3zdjl7f],
    .bulk-payment-summary-header:nth-child(4)[b-s5y3zdjl7f],
    .bulk-payment-summary-value:nth-child(4n+3)[b-s5y3zdjl7f],
    .bulk-payment-summary-value:nth-child(4n)[b-s5y3zdjl7f] {
        display: none;
    }
}
/* /Components/Pages/Ams/Invoices/Revenue/CreditNoteTemplate/CreditNoteTemplatePrevView.razor.rz.scp.css */
/* Full-height modal so the settings column can scroll */
.rtpv-modal[b-6xrfobeswc] {
    display: flex;
    flex-direction: column;
    width: min(1680px, 98vw) !important;
    max-width: 98% !important;
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
}

.rtpv-body[b-6xrfobeswc] {
    display: flex !important;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.rtpv-preview[b-6xrfobeswc] {
    flex: 1 1 50%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background: var(--page-bg-color, #1a1c23);
}

.rtpv-preview-scroll[b-6xrfobeswc] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 12px 16px;
}

.rtpv-preview-page[b-6xrfobeswc] {
    flex-shrink: 0;
    width: 794px;
    min-height: 1123px;
    height: auto !important; /* override .invoice-template-size fixed A4 height for multi-page */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    border-radius: 4px;
    overflow: visible;
}

/* Visual A4 page separators when content spans multiple pages */
.rtpv-preview-page.rtpv-invoice-preview[b-6xrfobeswc] {
    background-color: #ffffff;
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 1122px,
        rgba(148, 163, 184, 0.85) 1122px,
        rgba(148, 163, 184, 0.85) 1123px
    );
    background-size: 100% 1123px;
}

.light .rtpv-preview-page[b-6xrfobeswc] {
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12);
}

.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .summary-box,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .summary-box table,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .summary-box tbody,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .summary-box tr,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .summary-box td {
    background-color: #234074 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .total-box,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .total-box table,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .total-box tbody,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .total-box tr,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 .total-box td {
    background-color: #191919 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 table.items-table.template0-table thead tr,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 table.items-table.template0-table thead th {
    background-color: #234074 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 table.items-table.template0-table tbody tr,
.light .rtpv-invoice-preview[b-6xrfobeswc]  .template0 table.items-table.template0-table tbody td {
    background-color: #ffffff !important;
    color: #333333 !important;
    box-shadow: none !important;
    border-left: none !important;
}

.rtpv-settings[b-6xrfobeswc] {
    flex: 0 0 clamp(520px, 46%, 720px);
    width: clamp(520px, 46%, 720px);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    background: var(--main-bg-color, #22242b);
    -webkit-overflow-scrolling: touch;
}

.rtpv-settings[b-6xrfobeswc]  .ris-layout {
    padding-bottom: 24px;
}

.light .rtpv-preview[b-6xrfobeswc] {
    border-right-color: #e2e8f0;
    background: var(--light-page-bg-color, #e9eaeb);
}

.light .rtpv-settings[b-6xrfobeswc] {
    background: var(--light-main-bg-color, #f5f5f5);
}

.dark .rtpv-preview[b-6xrfobeswc] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.black .rtpv-preview[b-6xrfobeswc] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

@media (max-width: 1200px) {
    .rtpv-modal[b-6xrfobeswc] {
        width: 98vw !important;
        height: calc(100vh - 24px);
        max-height: calc(100vh - 24px);
    }

    .rtpv-body[b-6xrfobeswc] {
        flex-direction: column;
        overflow-y: auto;
    }

    .rtpv-preview[b-6xrfobeswc] {
        flex: 0 0 auto;
        max-height: 45vh;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .rtpv-settings[b-6xrfobeswc] {
        flex: 1 1 auto;
        width: 100%;
        min-height: 50vh;
        overflow-y: visible;
    }

    .light .rtpv-preview[b-6xrfobeswc] {
        border-bottom-color: #e2e8f0;
    }

    .dark .rtpv-preview[b-6xrfobeswc],
    .black .rtpv-preview[b-6xrfobeswc] {
        border-bottom-color: rgba(222, 228, 236, 0.1);
    }

    .rtpv-preview-page[b-6xrfobeswc] {
        width: min(794px, 100%);
        min-height: auto;
    }
}
/* /Components/Pages/Ams/Invoices/Revenue/InvoiceTemplate/RevenueTemplatePrevView.razor.rz.scp.css */
/* Full-height modal so the settings column can scroll */
.rtpv-modal[b-3dilpossbb] {
    display: flex;
    flex-direction: column;
    width: min(1680px, 98vw) !important;
    max-width: 98% !important;
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
}

.rtpv-body[b-3dilpossbb] {
    display: flex !important;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Preview — left, grows but never steals space from settings */
.rtpv-preview[b-3dilpossbb] {
    flex: 1 1 50%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background: var(--page-bg-color, #1a1c23);
}

.rtpv-preview-scroll[b-3dilpossbb] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 8px 12px 16px;
}

.rtpv-preview-page[b-3dilpossbb] {
    flex-shrink: 0;
    width: 794px;
    min-height: 1123px;
    height: auto !important; /* override .invoice-template-size fixed A4 height for multi-page */
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    border-radius: 4px;
    overflow: visible;
}

/* Visual A4 page separators when content spans multiple pages */
.rtpv-preview-page.rtpv-invoice-preview[b-3dilpossbb] {
    background-color: #ffffff;
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 1122px,
        rgba(148, 163, 184, 0.85) 1122px,
        rgba(148, 163, 184, 0.85) 1123px
    );
    background-size: 100% 1123px;
}

.light .rtpv-preview-page[b-3dilpossbb] {
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.12);
}

/* Isolate invoice PDF from global .light table tbody rules (lightTheme.css) */
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .summary-box,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .summary-box table,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .summary-box tbody,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .summary-box tr,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .summary-box td {
    background-color: #234074 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .total-box,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .total-box table,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .total-box tbody,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .total-box tr,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 .total-box td {
    background-color: #191919 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 table.items-table.template0-table thead tr,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 table.items-table.template0-table thead th {
    background-color: #234074 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 table.items-table.template0-table tbody tr,
.light .rtpv-invoice-preview[b-3dilpossbb]  .template0 table.items-table.template0-table tbody td {
    background-color: #ffffff !important;
    color: #333333 !important;
    box-shadow: none !important;
    border-left: none !important;
}

/* Settings — right, wide enough for tabs + editors, independently scrollable */
.rtpv-settings[b-3dilpossbb] {
    flex: 0 0 clamp(520px, 46%, 720px);
    width: clamp(520px, 46%, 720px);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    background: var(--main-bg-color, #22242b);
    -webkit-overflow-scrolling: touch;
}

.rtpv-settings[b-3dilpossbb]  .ris-layout {
    padding-bottom: 24px;
}

.light .rtpv-preview[b-3dilpossbb] {
    border-right-color: #e2e8f0;
    background: var(--light-page-bg-color, #e9eaeb);
}

.light .rtpv-settings[b-3dilpossbb] {
    background: var(--light-main-bg-color, #f5f5f5);
}

.dark .rtpv-preview[b-3dilpossbb] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.black .rtpv-preview[b-3dilpossbb] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

@media (max-width: 1200px) {
    .rtpv-modal[b-3dilpossbb] {
        width: 98vw !important;
        height: calc(100vh - 24px);
        max-height: calc(100vh - 24px);
    }

    .rtpv-body[b-3dilpossbb] {
        flex-direction: column;
        overflow-y: auto;
    }

    .rtpv-preview[b-3dilpossbb] {
        flex: 0 0 auto;
        max-height: 45vh;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .rtpv-settings[b-3dilpossbb] {
        flex: 1 1 auto;
        width: 100%;
        min-height: 50vh;
        overflow-y: visible;
    }

    .light .rtpv-preview[b-3dilpossbb] {
        border-bottom-color: #e2e8f0;
    }

    .dark .rtpv-preview[b-3dilpossbb],
    .black .rtpv-preview[b-3dilpossbb] {
        border-bottom-color: rgba(222, 228, 236, 0.1);
    }

    .rtpv-preview-page[b-3dilpossbb] {
        width: min(794px, 100%);
        min-height: auto;
    }
}
/* /Components/Pages/Ams/Invoices/Revenue/Modals/RevenueInvoiceSettings.razor.rz.scp.css */
.ris-layout[b-a08gnhfn5v] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 8px;
}

/* ── Tab navigation ───────────────────────────────────── */
.ris-tabs[b-a08gnhfn5v] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px;
    background: var(--page-bg-color, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    border-radius: 14px;
}

.ris-tab[b-a08gnhfn5v] {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--secondary-text-color, #94a3b8);
    font-size: 0.84rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.ris-tab .material-icons-outlined[b-a08gnhfn5v] {
    font-size: 18px;
}

.ris-tab:hover[b-a08gnhfn5v] {
    color: var(--main-text-color, #fff);
    background: rgba(59, 130, 246, 0.08);
}

.ris-tab--active[b-a08gnhfn5v] {
    color: var(--main-text-color, #fff);
    background: var(--main-bg-color, rgba(255, 255, 255, 0.1));
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* ── Panel ────────────────────────────────────────────── */
.ris-panel[b-a08gnhfn5v] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ris-panel--stack[b-a08gnhfn5v] {
    gap: 14px;
}

.ris-panel-intro[b-a08gnhfn5v] {
    font-size: 0.86rem;
    line-height: 1.5;
    margin: 0 0 4px;
}

.ris-field-label[b-a08gnhfn5v] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
}

.ris-email-field-head[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 2px;
}

.ris-editor-panel-head-actions[b-a08gnhfn5v] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Hero preview ─────────────────────────────────────── */
.ris-hero[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    margin-bottom: 6px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(37, 99, 235, 0.04) 100%);
    border-color: rgba(59, 130, 246, 0.25) !important;
}

.ris-hero-eyebrow[b-a08gnhfn5v] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ris-hero-number[b-a08gnhfn5v] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin: 4px 0;
    word-break: break-all;
}

.ris-hero-hint[b-a08gnhfn5v] {
    font-size: 0.78rem;
}

.ris-save-error[b-a08gnhfn5v] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.08);
    font-size: 0.86rem;
    line-height: 1.45;
}

.ris-save-error .material-icons-outlined[b-a08gnhfn5v] {
    color: #ef4444;
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 1px;
}

.ris-number-format-toggles[b-a08gnhfn5v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.ris-number-format-toggles--single[b-a08gnhfn5v] {
    grid-template-columns: 1fr;
}

.ris-number-format-toggle-card .ris-option-row[b-a08gnhfn5v] {
    margin: 0;
    padding: 10px 12px;
    border: none;
    border-bottom: none;
}

.ris-number-format-toggle-card .ris-option-desc[b-a08gnhfn5v] {
    font-size: 0.72rem;
    line-height: 1.3;
}

.ris-segment-suffix--locked[b-a08gnhfn5v] {
    opacity: 0.7;
    cursor: not-allowed;
}

.ris-hero-badge[b-a08gnhfn5v] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ris-hero-badge .material-icons-outlined[b-a08gnhfn5v] {
    font-size: 28px;
    color: #3b82f6;
}

/* ── Segmented number inputs ──────────────────────────── */
.ris-segmented[b-a08gnhfn5v] {
    display: grid;
    grid-template-columns: 1fr minmax(100px, 0.7fr) 1fr;
    overflow: hidden;
}

.ris-segment[b-a08gnhfn5v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-right: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
}

.ris-segment:last-child[b-a08gnhfn5v] {
    border-right: none;
}

.ris-segment label[b-a08gnhfn5v] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ris-segment input[b-a08gnhfn5v] {
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.95rem;
    padding: 0;
    width: 100%;
}

.ris-segment--accent[b-a08gnhfn5v] {
    /* Theme-specific accent applied via .light / .dark / .black rules */
}

.ris-segment-counter[b-a08gnhfn5v] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    font-size: 1.1rem !important;
}

.ris-segmented--auto-sep[b-a08gnhfn5v] {
    grid-template-columns: minmax(0, 1fr) auto minmax(100px, 0.7fr) auto minmax(0, 1fr);
    overflow: visible;
}

.ris-segmented--auto-sep .ris-segment[b-a08gnhfn5v] {
    border-right: none;
}

.ris-segmented--auto-sep .ris-segment input[b-a08gnhfn5v] {
    margin-top: auto;
}

.ris-segment-separator-col[b-a08gnhfn5v] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    padding: 12px 0;
}

.ris-segment-separator-spacer[b-a08gnhfn5v] {
    flex: 1 1 auto;
    min-height: 0;
}

.ris-segment-separator-wrap[b-a08gnhfn5v] {
    flex: 0 0 0;
    height: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.ris-segment-separator[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 14px;
    padding: 0 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    user-select: none;
}

@media (max-width: 720px) {
    .ris-number-format-toggles[b-a08gnhfn5v] {
        grid-template-columns: 1fr;
    }
}

/* ── Template picker cards ────────────────────────────── */
.ris-template-grid[b-a08gnhfn5v] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.ris-template-card[b-a08gnhfn5v] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 18px 12px;
    cursor: pointer;
    transition: border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.ris-template-card:hover[b-a08gnhfn5v] {
    border-color: rgba(59, 130, 246, 0.45) !important;
    transform: translateY(-1px);
}

.ris-template-card--active[b-a08gnhfn5v] {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35);
    background: rgba(59, 130, 246, 0.08) !important;
}

.ris-template-icon[b-a08gnhfn5v] {
    font-size: 32px !important;
    color: #3b82f6;
    opacity: 0.85;
}

.ris-template-name[b-a08gnhfn5v] {
    font-size: 0.88rem;
    font-weight: 600;
}

.ris-template-check[b-a08gnhfn5v] {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 18px !important;
    color: #3b82f6;
}

/* ── Inline field (payment terms, email subject) ──────── */
.ris-inline-field[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
}

.ris-inline-field input[b-a08gnhfn5v] {
    border: none;
    background: transparent;
    outline: none;
    width: 72px;
    font-size: 1rem;
    font-weight: 600;
}

.ris-inline-field-grow[b-a08gnhfn5v] {
    flex: 1;
    width: auto !important;
    min-width: 0;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.ris-inline-field .material-icons-outlined[b-a08gnhfn5v] {
    font-size: 20px;
    flex-shrink: 0;
}

/* ── Option rows (toggles) ────────────────────────────── */
.ris-options[b-a08gnhfn5v] {
    overflow: hidden;
}

.ris-option-row[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}

.ris-option-row:last-child[b-a08gnhfn5v] {
    border-bottom: none;
}

.ris-option-icon[b-a08gnhfn5v] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ris-option-icon .material-icons-outlined[b-a08gnhfn5v] {
    font-size: 20px;
}

.ris-option-copy[b-a08gnhfn5v] {
    flex: 1;
    min-width: 0;
}

.ris-option-title[b-a08gnhfn5v] {
    font-size: 0.9rem;
    font-weight: 600;
}

.ris-option-desc[b-a08gnhfn5v] {
    font-size: 0.78rem;
    line-height: 1.35;
    margin-top: 1px;
}

.ris-option-switch[b-a08gnhfn5v] {
    flex-shrink: 0;
}

/* ── Editor panels ────────────────────────────────────── */
.ris-editor-panel[b-a08gnhfn5v] {
    overflow: hidden;
}

.ris-editor-panel-head[b-a08gnhfn5v] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
}

.ris-editor-panel-title[b-a08gnhfn5v] {
    font-size: 0.9rem;
    font-weight: 700;
}

.ris-editor-panel-body[b-a08gnhfn5v] {
    padding: 12px;
    transition: opacity 0.2s ease;
}

.ris-editor-panel-body--off[b-a08gnhfn5v] {
    opacity: 0.4;
    pointer-events: none;
}

.ris-editor-shell[b-a08gnhfn5v] {
    height: 280px;
    display: flex;
    flex-direction: column;
}

.ris-editor-shell--email[b-a08gnhfn5v] {
    height: 320px;
}

.ris-editor-shell[b-a08gnhfn5v]  .sidenote-rich-editor {
    flex: 1;
    min-height: 0;
}

/* ── Light theme ──────────────────────────────────────── */
.light .ris-layout .secondary-text-color[b-a08gnhfn5v] {
    color: #64748b !important;
}

.light .ris-layout .ris-hero-hint[b-a08gnhfn5v],
.light .ris-layout .ris-option-desc[b-a08gnhfn5v],
.light .ris-layout .ris-panel-intro[b-a08gnhfn5v] {
    color: #94a3b8 !important;
}

.light .ris-layout .ris-option-icon .material-icons-outlined[b-a08gnhfn5v],
.light .ris-layout .ris-inline-field .material-icons-outlined[b-a08gnhfn5v],
.light .ris-layout .ris-editor-panel-head .material-icons-outlined[b-a08gnhfn5v] {
    color: #64748b !important;
}

.light .ris-tabs[b-a08gnhfn5v] {
    background: var(--light-main-bg-color);
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.light .ris-tab[b-a08gnhfn5v] {
    color: #64748b;
}

.light .ris-tab .material-icons-outlined[b-a08gnhfn5v] {
    color: inherit;
}

.light .ris-tab:hover[b-a08gnhfn5v] {
    color: #334155;
    background: rgba(206, 94, 41, 0.08);
}

.light .ris-tab--active[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
    background: #fff;
    border: 1px solid rgba(206, 94, 41, 0.3);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.light .ris-tab--active .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-hero[b-a08gnhfn5v] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.1) 0%, rgba(245, 245, 245, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.25) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.light .ris-hero-badge .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-segment[b-a08gnhfn5v] {
    border-right-color: #e2e8f0;
}

.light .ris-segment--accent[b-a08gnhfn5v] {
    background: rgba(206, 94, 41, 0.06);
}

.light .ris-segment-separator[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-template-card:hover[b-a08gnhfn5v] {
    border-color: rgba(206, 94, 41, 0.4) !important;
}

.light .ris-template-card--active[b-a08gnhfn5v] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.3);
    background: rgba(206, 94, 41, 0.06) !important;
}

.light .ris-template-icon[b-a08gnhfn5v],
.light .ris-template-check[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.light .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-a08gnhfn5v] {
    color: #64748b;
    opacity: 1;
}

.light .ris-option-row[b-a08gnhfn5v] {
    border-bottom-color: #e2e8f0;
}

.light .ris-editor-panel-head[b-a08gnhfn5v] {
    border-bottom-color: #e2e8f0;
}

.light .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-toolbar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.light .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.08);
}

.light .ris-editor-shell[b-a08gnhfn5v]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.12);
    color: var(--ams-main-color, #ce5e29);
}

/* Email tab collapsibles (child components — ::deep) */
.light .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-trigger,
.light .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-title {
    color: #334155 !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-chevron {
    color: #64748b !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #3b82f6 !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-wrap .ris-email-collapsible-icon {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-help-lead,
.light .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-title,
.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-label {
    color: #334155 !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-text,
.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-hint,
.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-desc {
    color: #64748b !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.12);
    color: #b45309;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn {
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.08) !important;
}

.light .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
    border-color: rgba(206, 94, 41, 0.35) !important;
}

/* ── Dark theme ───────────────────────────────────────── */
.dark .ris-layout .secondary-text-color[b-a08gnhfn5v] {
    color: #a8b1c7 !important;
}

.dark .ris-layout .ris-hero-hint[b-a08gnhfn5v],
.dark .ris-layout .ris-option-desc[b-a08gnhfn5v],
.dark .ris-layout .ris-panel-intro[b-a08gnhfn5v] {
    color: #9ca3af !important;
}

.dark .ris-layout .ris-option-icon .material-icons-outlined[b-a08gnhfn5v],
.dark .ris-layout .ris-inline-field .material-icons-outlined[b-a08gnhfn5v],
.dark .ris-layout .ris-editor-panel-head .material-icons-outlined[b-a08gnhfn5v] {
    color: #a8b1c7 !important;
}

.dark .ris-tabs[b-a08gnhfn5v] {
    background: var(--dark-main-bg-color);
    border-color: rgba(222, 228, 236, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-tab[b-a08gnhfn5v] {
    color: #a8b1c7;
}

.dark .ris-tab .material-icons-outlined[b-a08gnhfn5v] {
    color: inherit;
}

.dark .ris-tab:hover[b-a08gnhfn5v] {
    color: #e5e7eb;
    background: rgba(206, 94, 41, 0.12);
}

.dark .ris-tab--active[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
    background: var(--dark-page-bg-color);
    border: 1px solid rgba(206, 94, 41, 0.35);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
}

.dark .ris-tab--active .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-hero[b-a08gnhfn5v] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.16) 0%, rgba(31, 41, 64, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.3) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-hero-badge .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-segment[b-a08gnhfn5v] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-segment--accent[b-a08gnhfn5v] {
    background: rgba(206, 94, 41, 0.08);
}

.dark .ris-segment-separator[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-template-card:hover[b-a08gnhfn5v] {
    border-color: rgba(206, 94, 41, 0.45) !important;
}

.dark .ris-template-card--active[b-a08gnhfn5v] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.35), 0 0 10px rgba(0, 0, 0, 0.36);
    background: rgba(206, 94, 41, 0.1) !important;
}

.dark .ris-template-icon[b-a08gnhfn5v],
.dark .ris-template-check[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-a08gnhfn5v] {
    color: #a8b1c7;
    opacity: 1;
}

.dark .ris-option-row[b-a08gnhfn5v] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-editor-panel-head[b-a08gnhfn5v] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.dark .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-toolbar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.36);
}

.dark .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.12);
}

.dark .ris-editor-shell[b-a08gnhfn5v]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.18);
    color: var(--ams-main-color, #ce5e29);
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-trigger,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-title {
    color: #e5e7eb !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-chevron,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-text,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-hint,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-desc {
    color: #a8b1c7 !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #60a5fa !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-wrap .ris-email-collapsible-icon,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn .material-icons-outlined {
    color: var(--ams-main-color, #ce5e29) !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-help-lead,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-title,
.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-label {
    color: #e5e7eb !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.18);
    color: #f0a070;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn {
    color: #e5e7eb !important;
    border-color: rgba(222, 228, 236, 0.1) !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.12) !important;
}

.dark .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
}

/* ── Black theme ──────────────────────────────────────── */
/* Black theme has no global .secondary-text-color rule — text inherits body #333 */
.black .ris-layout .secondary-text-color[b-a08gnhfn5v] {
    color: #a8b1c7 !important;
}

.black .ris-layout .ris-hero-hint[b-a08gnhfn5v],
.black .ris-layout .ris-option-desc[b-a08gnhfn5v],
.black .ris-layout .ris-panel-intro[b-a08gnhfn5v] {
    color: #9ca3af !important;
}

.black .ris-layout .ris-option-icon .material-icons-outlined[b-a08gnhfn5v],
.black .ris-layout .ris-inline-field .material-icons-outlined[b-a08gnhfn5v],
.black .ris-layout .ris-editor-panel-head .material-icons-outlined[b-a08gnhfn5v] {
    color: #a8b1c7 !important;
}

.black .ris-tabs[b-a08gnhfn5v] {
    background: var(--main-bg-color);
    border-color: rgba(222, 228, 236, 0.1);
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-tab[b-a08gnhfn5v] {
    color: #a8b1c7;
}

.black .ris-tab .material-icons-outlined[b-a08gnhfn5v] {
    color: inherit;
}

.black .ris-tab:hover[b-a08gnhfn5v] {
    color: #e5e7eb;
    background: rgba(206, 94, 41, 0.12);
}

.black .ris-tab--active[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
    background: var(--page-bg-color);
    border: 1px solid rgba(206, 94, 41, 0.35);
    box-shadow: inset 0 0 10px rgb(20 28 43 / 80%), 0 1px 3px rgba(0, 0, 0, 0.35);
}

.black .ris-tab--active .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-hero[b-a08gnhfn5v] {
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.16) 0%, rgba(34, 36, 43, 0.95) 100%);
    border-color: rgba(206, 94, 41, 0.3) !important;
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-hero-badge .material-icons-outlined[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-segment[b-a08gnhfn5v] {
    border-right-color: rgba(222, 228, 236, 0.1);
}

.black .ris-segment--accent[b-a08gnhfn5v] {
    background: rgba(206, 94, 41, 0.08);
}

.black .ris-segment-separator[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-template-card:hover[b-a08gnhfn5v] {
    border-color: rgba(206, 94, 41, 0.45) !important;
}

.black .ris-template-card--active[b-a08gnhfn5v] {
    border-color: var(--ams-main-color, #ce5e29) !important;
    box-shadow: 0 0 0 1px rgba(206, 94, 41, 0.35), 0 0 10px rgb(20 28 43 / 80%);
    background: rgba(206, 94, 41, 0.1) !important;
}

.black .ris-template-icon[b-a08gnhfn5v],
.black .ris-template-check[b-a08gnhfn5v] {
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-template-card:not(.ris-template-card--active) .ris-template-icon[b-a08gnhfn5v] {
    color: #a8b1c7;
    opacity: 1;
}

.black .ris-option-row[b-a08gnhfn5v] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.black .ris-editor-panel-head[b-a08gnhfn5v] {
    border-bottom-color: rgba(222, 228, 236, 0.1);
}

.black .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-toolbar {
    box-shadow: 0 0 10px rgb(20 28 43 / 80%);
}

.black .ris-editor-shell[b-a08gnhfn5v]  .sidenote-format-btn:hover {
    background: rgba(206, 94, 41, 0.12);
}

.black .ris-editor-shell[b-a08gnhfn5v]  .sidenote-view-btn.active {
    background: rgba(206, 94, 41, 0.18);
    color: var(--ams-main-color, #ce5e29);
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-trigger,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-title {
    color: #e5e7eb !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-chevron,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-text,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-hint,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-desc {
    color: #a8b1c7 !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #60a5fa !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-wrap .ris-email-collapsible-icon,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn .material-icons-outlined {
    color: var(--ams-main-color, #ce5e29) !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-help-lead,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-title,
.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-label {
    color: #e5e7eb !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-code {
    background: rgba(206, 94, 41, 0.18);
    color: #f0a070;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn {
    color: #e5e7eb !important;
    border-color: rgba(222, 228, 236, 0.1) !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn:hover {
    background: rgba(206, 94, 41, 0.12) !important;
}

.black .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn--copied {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-trigger,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-title,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-help-lead,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-title,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-label {
    color: #334155 !important;
}

.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-collapsible-chevron,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-help-item-text,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-hint,
.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-desc {
    color: #64748b !important;
}

.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-help-wrap .ris-email-collapsible-icon {
    color: #3b82f6 !important;
}

.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-placeholders-wrap .ris-email-collapsible-icon {
    color: var(--ams-main-color, #ce5e29) !important;
}

.light-theme-dark-sidebar .ris-layout[b-a08gnhfn5v]  .ris-email-placeholder-copy-btn {
    color: #334155 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 720px) {
    .ris-segmented[b-a08gnhfn5v] {
        grid-template-columns: 1fr;
    }

    .ris-segment[b-a08gnhfn5v] {
        border-right: none;
        border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.1));
    }

    .ris-segment:last-child[b-a08gnhfn5v] {
        border-bottom: none;
    }

    .ris-template-grid[b-a08gnhfn5v] {
        grid-template-columns: 1fr;
    }

    .ris-tab[b-a08gnhfn5v] {
        flex: 1 1 calc(50% - 6px);
    }
}

/* ── Location logo thumbs ─────────────────────────────── */
.ris-logo-picker[b-a08gnhfn5v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
}

.ris-logo-picker-head[b-a08gnhfn5v] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ris-logo-picker-head .material-icons-outlined[b-a08gnhfn5v] {
    font-size: 22px;
    margin-top: 2px;
}

.ris-logo-picker-empty[b-a08gnhfn5v] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.45;
}

.ris-logo-thumbs[b-a08gnhfn5v] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ris-logo-thumb[b-a08gnhfn5v] {
    width: 72px;
    height: 72px;
    padding: 6px;
    border: 2px solid var(--border-color, rgba(255, 255, 255, 0.14));
    border-radius: 12px;
    background: var(--page-bg-color, rgba(255, 255, 255, 0.04));
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ris-logo-thumb img[b-a08gnhfn5v] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ris-logo-thumb:hover[b-a08gnhfn5v] {
    border-color: rgba(59, 130, 246, 0.55);
    transform: translateY(-1px);
}

.ris-logo-thumb--active[b-a08gnhfn5v] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}
/* /Components/Pages/Ams/Invoices/Shared/EmailSettingsHelpPanel.razor.rz.scp.css */
.ris-email-help-wrap[b-q7yr4ldh8x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}

.ris-email-collapsible-trigger[b-q7yr4ldh8x] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
    cursor: pointer;
    text-align: left;
    font-size: 0.88rem;
    font-weight: 600;
}

.ris-email-collapsible-chevron[b-q7yr4ldh8x] {
    margin-left: auto;
    font-size: 20px;
}

.ris-email-help-panel[b-q7yr4ldh8x] {
    padding: 16px 18px;
    border: 1px solid rgba(59, 130, 246, 0.28);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, transparent 100%);
}

.ris-email-help-lead[b-q7yr4ldh8x] {
    margin: 0 0 14px;
    font-size: 0.88rem;
    line-height: 1.55;
}

.ris-email-help-grid[b-q7yr4ldh8x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.ris-email-help-item-title[b-q7yr4ldh8x] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.84rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.ris-email-help-item-title .material-icons-outlined[b-q7yr4ldh8x] {
    font-size: 18px;
}

.ris-email-help-item-text[b-q7yr4ldh8x] {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.5;
}
/* /Components/Pages/Ams/Invoices/Shared/EmailSettingsPlaceholderList.razor.rz.scp.css */
.ris-email-placeholders-wrap[b-u1sec0g1tv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}

.ris-email-collapsible-trigger[b-u1sec0g1tv] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
    cursor: pointer;
    text-align: left;
    font-size: 0.88rem;
    font-weight: 600;
}

.ris-email-collapsible-chevron[b-u1sec0g1tv] {
    margin-left: auto;
    font-size: 20px;
}

.ris-email-placeholders-panel[b-u1sec0g1tv] {
    padding: 14px 16px;
    border: 1px solid rgba(206, 94, 41, 0.28);
    background: linear-gradient(135deg, rgba(206, 94, 41, 0.06) 0%, transparent 100%);
}

.ris-email-placeholders-hint[b-u1sec0g1tv] {
    margin: 0 0 12px;
    font-size: 0.82rem;
    line-height: 1.5;
}

.ris-email-placeholders-list[b-u1sec0g1tv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ris-email-placeholder-row[b-u1sec0g1tv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    flex-wrap: wrap;
}

.ris-email-placeholder-info[b-u1sec0g1tv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 200px;
}

.ris-email-placeholder-code[b-u1sec0g1tv] {
    font-size: 0.8rem;
    padding: 2px 8px;
    border-radius: 6px;
    width: fit-content;
}

.ris-email-placeholder-label[b-u1sec0g1tv] {
    font-size: 0.84rem;
    font-weight: 600;
}

.ris-email-placeholder-desc[b-u1sec0g1tv] {
    font-size: 0.76rem;
    line-height: 1.4;
}

.ris-email-placeholder-copy-btn[b-u1sec0g1tv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12));
}

.ris-email-placeholder-copy-btn .material-icons-outlined[b-u1sec0g1tv] {
    font-size: 16px;
}
/* /Components/Pages/Form/Components/FormPoweredByFooter.razor.rz.scp.css */
.form-powered-by[b-ailj7pfhg8] {
    margin-top: 16px;
    padding: 14px 12px 18px;
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
    color: var(--fpb-muted, #6b7280);
    border-top: 1px solid var(--fpb-border, rgba(0, 0, 0, 0.08));
}

.form-powered-by-randform[b-ailj7pfhg8] {
    margin: 0 0 4px;
    font-size: 12px;
    color: var(--fpb-text, #374151);
}

.form-powered-by-randform strong[b-ailj7pfhg8] {
    font-weight: 600;
}

.form-powered-by-line[b-ailj7pfhg8] {
    margin: 0;
}

.form-powered-by a[b-ailj7pfhg8] {
    color: var(--fpb-link, #27ae60);
    text-decoration: none;
}

.form-powered-by a:hover[b-ailj7pfhg8] {
    text-decoration: underline;
}

.form-powered-by--compact[b-ailj7pfhg8] {
    margin-top: 12px;
    padding-top: 12px;
}
/* /Components/Pages/Form/Components/FormQrCodesPanel.razor.rz.scp.css */
.ws-toolbar[b-i5cafry0x6] {
    gap: 16px;
    padding: 12px 16px;
}

.ws-filter-selector[b-i5cafry0x6] {
    flex-shrink: 0;
    width: 260px;
    min-width: 220px;
}

.ws-filter-selector[b-i5cafry0x6]  .combinate-component {
    width: 100%;
}

.ws-search[b-i5cafry0x6] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 260px;
    min-width: 220px;
    max-width: 420px;
}

.ws-search__icon[b-i5cafry0x6] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #64748b;
    pointer-events: none;
    z-index: 1;
    line-height: 1;
}

.ws-search__input[b-i5cafry0x6] {
    width: 100%;
    height: 44px;
    padding: 0 40px 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    font-size: 0.95rem;
    line-height: 44px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ws-search__input[b-i5cafry0x6]::placeholder {
    color: #64748b;
}

.ws-search__input:focus[b-i5cafry0x6] {
    outline: none;
    border-color: #1177CC;
    box-shadow: 0 0 0 3px rgba(17, 119, 204, 0.15);
}

.ws-search__clear[b-i5cafry0x6] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.ws-search__clear:hover[b-i5cafry0x6] {
    color: var(--main-text-color, #fff);
    background: rgba(255, 255, 255, 0.1);
}

.ws-search__clear .material-icons-outlined[b-i5cafry0x6] {
    font-size: 18px;
    line-height: 1;
}

.ws-view-toggle[b-i5cafry0x6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .ws-toolbar[b-i5cafry0x6] {
        align-items: stretch;
    }

    .ws-search[b-i5cafry0x6] {
        order: 2;
        flex: 1 1 100%;
        max-width: none;
    }

    .ws-view-toggle[b-i5cafry0x6] {
        order: 3;
        margin-left: auto;
    }
}

.qr-list-thumb[b-i5cafry0x6] {
    flex-shrink: 0;
    background: #fff;
    padding: 6px;
    border-radius: 10px;
}

.ws-qr-assign-select[b-i5cafry0x6] {
    min-width: 200px;
    max-width: 280px;
    flex-shrink: 0;
}

.ws-qr-assign-select[b-i5cafry0x6]  .combinate-component {
    width: 100%;
}

.ws-open-btn[b-i5cafry0x6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(148, 163, 184, 0.08);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.ws-open-btn__icon[b-i5cafry0x6] {
    font-size: 16px;
    line-height: 1;
    color: inherit;
    transition: transform 0.18s ease;
}

.ws-open-btn.default-header-color-hover:hover[b-i5cafry0x6] {
    transform: translateY(-1px);
}

.ws-list-row:hover .ws-open-btn__icon[b-i5cafry0x6] {
    transform: translateX(4px);
}

.ws-list-row__info[b-i5cafry0x6] {
    flex: 1;
    min-width: 0;
}

.ws-list-row__meta[b-i5cafry0x6] {
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-i5cafry0x6] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

@media (min-width: 741px) {
    .ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-i5cafry0x6] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__aside[b-i5cafry0x6] {
    margin-top: 12px;
}

.ws-list-row--wide[b-i5cafry0x6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ws-list-row--wide .ws-list-row__main[b-i5cafry0x6] {
    flex: 1;
    min-width: 0;
    align-items: center;
    gap: 28px;
}

.ws-list-row--wide .ws-list-row__meta[b-i5cafry0x6] {
    gap: 20px;
}

.ws-list-row--wide .ws-list-row__aside[b-i5cafry0x6] {
    flex-shrink: 0;
    margin-top: 0;
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsOrderCustomerConfig.razor.rz.scp.css */
.ims-order-config[b-gp9sytveeh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ims-order-config-section[b-gp9sytveeh] {
    overflow: visible;
}

.ims-order-config-section-head[b-gp9sytveeh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ims-order-config-section-head .material-icons-outlined[b-gp9sytveeh] {
    font-size: 16px;
}

.ims-order-config-section-body[b-gp9sytveeh] {
    padding: 12px;
}

.ims-order-config-field + .ims-order-config-field[b-gp9sytveeh] {
    margin-top: 10px;
}

.ims-order-config-field label[b-gp9sytveeh] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 4px;
}

.ims-order-config-field .form-control[b-gp9sytveeh],
.ims-order-config-field .form-select[b-gp9sytveeh] {
    border-radius: 8px;
    font-size: 0.8125rem;
}

.ims-order-config-hint[b-gp9sytveeh] {
    display: block;
    margin-top: 4px;
    font-size: 0.68rem;
    line-height: 1.35;
}

.ims-order-config-toggle[b-gp9sytveeh] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.ims-order-config-toggle input[b-gp9sytveeh] {
    margin-top: 2px;
    flex-shrink: 0;
}

.ims-order-config-toggle-text[b-gp9sytveeh] {
    flex: 1;
    min-width: 0;
}

.ims-order-config-toggle-title[b-gp9sytveeh] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
}

.ims-order-config-toggle-desc[b-gp9sytveeh] {
    display: block;
    margin-top: 2px;
    font-size: 0.68rem;
    line-height: 1.35;
}

.ims-order-config-mode[b-gp9sytveeh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.ims-order-config-mode-btn[b-gp9sytveeh] {
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.ims-order-config-mode-btn.is-active[b-gp9sytveeh] {
    border-color: #0891b2 !important;
    background: rgba(6, 182, 212, 0.12) !important;
    color: #22d3ee !important;
}

.ims-order-config-address-types[b-gp9sytveeh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-top: 8px;
}

.ims-order-config-address-type[b-gp9sytveeh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
}

.ims-order-config-address-type input[b-gp9sytveeh] {
    margin: 0;
    flex-shrink: 0;
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsOrderGrandTotal.razor.rz.scp.css */
.ims-order-grand-total-bar[b-uscpn46xxu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.ims-order-grand-total-label[b-uscpn46xxu] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #334155;
}

.ims-order-grand-total-value[b-uscpn46xxu] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f766e;
}

.ims-order-grand-total-note[b-uscpn46xxu] {
    margin: 8px 0 0;
    font-size: 0.72rem;
    line-height: 1.45;
    color: #64748b;
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsOrderItems.razor.rz.scp.css */
.ims-order-items-element[b-8bgnerd9ae] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.ims-order-header[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-header-title[b-8bgnerd9ae] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.ims-order-header-sub[b-8bgnerd9ae] {
    font-size: 0.75rem;
    color: #64748b;
    margin: 2px 0 0;
}

.ims-order-search[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}

.ims-order-search input[b-8bgnerd9ae] {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: 0.875rem;
    color: #334155;
}

.ims-order-search--preview[b-8bgnerd9ae] {
    opacity: 0.85;
    cursor: default;
}

.ims-order-search--preview input:disabled[b-8bgnerd9ae] {
    cursor: default;
    color: #64748b;
}

.ims-order-search-results[b-8bgnerd9ae] {
    max-height: 220px;
    overflow-y: auto;
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-search-row[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s;
}

.ims-order-search-row:hover[b-8bgnerd9ae] {
    background: #f8fafc;
}

.ims-order-body[b-8bgnerd9ae] {
    padding: 12px;
}

.ims-order-entry[b-8bgnerd9ae] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
}

.ims-order-entry:last-child[b-8bgnerd9ae] {
    margin-bottom: 0;
}

.ims-order-entry-head[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-entry-name[b-8bgnerd9ae] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1e293b;
}

.ims-order-entry-meta[b-8bgnerd9ae] {
    font-size: 0.72rem;
    color: #64748b;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ims-order-stock[b-8bgnerd9ae] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

.ims-order-stock--inline[b-8bgnerd9ae] {
    padding: 0 6px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 500;
}

.ims-order-variant-label-wrap[b-8bgnerd9ae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ims-order-badge[b-8bgnerd9ae] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ims-order-badge-single[b-8bgnerd9ae] { background: #dbeafe; color: #1d4ed8; }
.ims-order-badge-variant[b-8bgnerd9ae] { background: #cffafe; color: #0e7490; }
.ims-order-badge-group[b-8bgnerd9ae] { background: #ede9fe; color: #6d28d9; }

.ims-order-qty-wrap[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ims-order-qty-wrap label[b-8bgnerd9ae] {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
    white-space: nowrap;
}

.ims-order-qty-input[b-8bgnerd9ae] {
    width: 72px;
    text-align: center;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 0.875rem;
}

.ims-order-entry-head--compact[b-8bgnerd9ae] {
    border-bottom: none;
}

.ims-order-variant-picker[b-8bgnerd9ae] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px 12px;
}

.ims-order-variant-card[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fafbfc;
    transition: border-color 0.15s, background 0.15s;
}

.ims-order-variant-card.is-selected[b-8bgnerd9ae] {
    border-color: #0891b2;
    background: rgba(6, 182, 212, 0.06);
}

.ims-order-variant-card-label[b-8bgnerd9ae] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

.ims-order-variant-card-name[b-8bgnerd9ae] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #334155;
}

.ims-order-variant-card-sku[b-8bgnerd9ae] {
    font-size: 0.72rem;
    color: #64748b;
    margin-left: auto;
    padding-left: 8px;
    white-space: nowrap;
}

.ims-order-variant-rows[b-8bgnerd9ae] {
    padding: 8px 14px 12px;
}

.ims-order-variant-row[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed #e2e8f0;
}

.ims-order-variant-row:last-child[b-8bgnerd9ae] {
    border-bottom: none;
}

.ims-order-variant-label[b-8bgnerd9ae] {
    font-size: 0.85rem;
    color: #334155;
}

.ims-order-variant-actions[b-8bgnerd9ae] {
    padding: 8px 14px 12px;
    border-top: 1px solid #f1f5f9;
}

.ims-order-btn-variant[b-8bgnerd9ae] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #0891b2;
    background: rgba(6, 182, 212, 0.08);
    color: #0e7490;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.ims-order-btn-variant:hover[b-8bgnerd9ae] {
    background: rgba(6, 182, 212, 0.15);
}

.ims-order-group-options[b-8bgnerd9ae] {
    padding: 8px 14px 12px;
}

.ims-order-group-option[b-8bgnerd9ae] {
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}

.ims-order-group-option-head[b-8bgnerd9ae] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ims-order-choice-input[b-8bgnerd9ae] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    margin: 2px 0 0;
    padding: 0 !important;
    cursor: pointer;
    accent-color: #2563eb;
    border: 1px solid #94a3b8;
    background-color: #ffffff;
    vertical-align: middle;
}

.ims-order-choice-input:disabled[b-8bgnerd9ae] {
    cursor: not-allowed;
    opacity: 0.65;
}

.ims-order-choice-input[type="radio"][b-8bgnerd9ae] {
    border-radius: 50%;
}

.ims-order-group-child-variants[b-8bgnerd9ae] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 8px 0 0 1.75rem;
    padding: 8px 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fafbfc;
}

.ims-order-group-variant-option[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    font-size: 0.8rem;
    color: #334155;
}

.ims-order-group-variant-row[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
}

.ims-order-group-variant-row .ims-order-group-variant-option[b-8bgnerd9ae] {
    flex: 1;
    min-width: 0;
}

.ims-order-group-variant-hint[b-8bgnerd9ae] {
    font-size: 0.72rem;
    color: #b45309;
    margin: 6px 0 0 1.75rem;
}

.ims-order-group-hint[b-8bgnerd9ae] {
    font-size: 0.72rem;
    color: #64748b;
    padding: 0 14px 10px;
}

.ims-order-empty[b-8bgnerd9ae] {
    padding: 24px 16px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.875rem;
}

.ims-order-loading[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    min-height: 180px;
}

.ims-order-icon[b-8bgnerd9ae] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
}

.ims-order-icon-variant[b-8bgnerd9ae] {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.25);
}

.ims-order-builder-note[b-8bgnerd9ae] {
    font-size: 0.72rem;
    color: #94a3b8;
    padding: 8px 14px;
    border-top: 1px solid #f1f5f9;
    background: #fafbfc;
}

.ims-order-remove-btn[b-8bgnerd9ae] {
    font-size: 0.75rem;
    color: #ef4444;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.ims-order-validation[b-8bgnerd9ae] {
    padding: 8px 14px;
    font-size: 0.8rem;
    color: #dc2626;
    background: #fef2f2;
    border-top: 1px solid #fecaca;
}

.ims-order-price[b-8bgnerd9ae] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

.ims-order-price--inline[b-8bgnerd9ae] {
    margin-left: 4px;
}

.ims-order-total-footer[b-8bgnerd9ae] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #cbd5e1;
    background: #f8fafc;
}

.ims-order-total-label[b-8bgnerd9ae] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
}

.ims-order-total-value[b-8bgnerd9ae] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f766e;
}

.ims-order-runtime-filters[b-8bgnerd9ae] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}

.ims-order-runtime-filter[b-8bgnerd9ae] {
    min-width: 0;
}

.ims-order-runtime-filter-label[b-8bgnerd9ae] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 6px;
}

.ims-order-filter-select[b-8bgnerd9ae] {
    width: 100%;
    padding: 8px 32px 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M4.646 6.146a.5.5 0 0 1 .708 0L8 8.793l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    color: #334155;
    font-size: 0.85rem;
    line-height: 1.3;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.ims-order-filter-select:focus[b-8bgnerd9ae] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.ims-order-filter-select:disabled[b-8bgnerd9ae] {
    background-color: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

/* Make the tags selector match the native category dropdown */
.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
}

.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component .page-bg {
    background-color: #ffffff !important;
}

.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component .border-left {
    border-left: none !important;
}

.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component input {
    color: #334155 !important;
    font-size: 0.85rem !important;
}

.ims-order-runtime-filter[b-8bgnerd9ae]  .combinate-component .fa-caret-down {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 10px !important;
}

.ims-order-runtime-filter-hint[b-8bgnerd9ae] {
    padding: 8px 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    min-height: 34px;
    display: flex;
    align-items: center;
}

.ims-order-runtime-tag-chips[b-8bgnerd9ae] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.ims-order-runtime-tag-chip[b-8bgnerd9ae] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.ims-order-runtime-tag-chip button[b-8bgnerd9ae] {
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    display: inline-flex;
}

.ims-order-runtime-tag-chip .material-icons-outlined[b-8bgnerd9ae] {
    font-size: 12px;
}

@media (max-width: 640px) {
    .ims-order-runtime-filters[b-8bgnerd9ae] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsOrderItemsConfig.razor.rz.scp.css */
.ims-order-config[b-sjzsqqyfyw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ims-order-config-section[b-sjzsqqyfyw] {
    overflow: hidden;
}

.ims-order-config-section-head[b-sjzsqqyfyw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
}

.ims-order-config-section-head .material-icons-outlined[b-sjzsqqyfyw] {
    font-size: 16px;
    color: #64748b;
}

.ims-order-config-section-body[b-sjzsqqyfyw] {
    padding: 12px;
}

.ims-order-config-field + .ims-order-config-field[b-sjzsqqyfyw] {
    margin-top: 10px;
}

.ims-order-config-field label[b-sjzsqqyfyw] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
}

.ims-order-config-field .form-control[b-sjzsqqyfyw] {
    border-radius: 8px;
    border-color: #cbd5e1;
    font-size: 0.8125rem;
}

.ims-order-config-field .form-control:focus[b-sjzsqqyfyw] {
    border-color: #0891b2;
    box-shadow: 0 0 0 0.15rem rgba(8, 145, 178, 0.15);
}

.ims-order-config-hint[b-sjzsqqyfyw] {
    display: block;
    margin-top: 4px;
    font-size: 0.68rem;
    color: #94a3b8;
}

.ims-order-config-toggle[b-sjzsqqyfyw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.ims-order-config-toggle:hover[b-sjzsqqyfyw] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.ims-order-config-toggle input[b-sjzsqqyfyw] {
    margin-top: 2px;
    flex-shrink: 0;
}

.ims-order-config-toggle-text[b-sjzsqqyfyw] {
    flex: 1;
    min-width: 0;
}

.ims-order-config-toggle-title[b-sjzsqqyfyw] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
}

.ims-order-config-toggle-desc[b-sjzsqqyfyw] {
    display: block;
    margin-top: 2px;
    font-size: 0.68rem;
    color: #64748b;
    line-height: 1.35;
}

.ims-order-config-items[b-sjzsqqyfyw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ims-order-config-item[b-sjzsqqyfyw] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.ims-order-config-item-head[b-sjzsqqyfyw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
}

.ims-order-config-item-icon[b-sjzsqqyfyw] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    color: #fff;
}

.ims-order-config-item-icon--single[b-sjzsqqyfyw] {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.ims-order-config-item-icon--variant[b-sjzsqqyfyw] {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
}

.ims-order-config-item-icon--group[b-sjzsqqyfyw] {
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}

.ims-order-config-item-info[b-sjzsqqyfyw] {
    flex: 1;
    min-width: 0;
}

.ims-order-config-item-name[b-sjzsqqyfyw] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.3;
}

.ims-order-config-item-meta[b-sjzsqqyfyw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.ims-order-config-item-badge[b-sjzsqqyfyw] {
    display: inline-flex;
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ims-order-config-item-badge--single[b-sjzsqqyfyw] { background: #dbeafe; color: #1d4ed8; }
.ims-order-config-item-badge--variant[b-sjzsqqyfyw] { background: #cffafe; color: #0e7490; }
.ims-order-config-item-badge--group[b-sjzsqqyfyw] { background: #ede9fe; color: #6d28d9; }

.ims-order-config-item-plu[b-sjzsqqyfyw] {
    font-size: 0.68rem;
    color: #64748b;
}

.ims-order-config-item-remove[b-sjzsqqyfyw] {
    width: 28px;
    height: 28px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff;
    color: #ef4444;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    padding: 0;
}

.ims-order-config-item-remove:hover[b-sjzsqqyfyw] {
    background: #fef2f2;
}

.ims-order-config-variant[b-sjzsqqyfyw] {
    padding: 0 10px 10px;
    border-top: 1px dashed #e2e8f0;
    margin: 0 10px;
}

.ims-order-config-variant-label[b-sjzsqqyfyw] {
    display: block;
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 10px 0 8px;
}

.ims-order-config-mode[b-sjzsqqyfyw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.ims-order-config-mode-btn[b-sjzsqqyfyw] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    padding: 8px 6px;
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    line-height: 1.25;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.ims-order-config-mode-btn:hover[b-sjzsqqyfyw] {
    border-color: #94a3b8;
    color: #334155;
}

.ims-order-config-mode-btn.is-active[b-sjzsqqyfyw] {
    border-color: #0891b2;
    background: rgba(6, 182, 212, 0.08);
    color: #0e7490;
}

.ims-order-config-choose-btn[b-sjzsqqyfyw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 8px;
    padding: 7px 10px;
    border: 1px dashed #0891b2;
    border-radius: 8px;
    background: rgba(6, 182, 212, 0.04);
    color: #0e7490;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.ims-order-config-choose-btn:hover[b-sjzsqqyfyw] {
    background: rgba(6, 182, 212, 0.1);
}

.ims-order-config-empty[b-sjzsqqyfyw] {
    padding: 16px 12px;
    text-align: center;
    border-radius: 8px;
}

.ims-order-config-empty-icon[b-sjzsqqyfyw] {
    font-size: 28px;
    color: #cbd5e1;
    margin-bottom: 4px;
}

.ims-order-config-empty-text[b-sjzsqqyfyw] {
    font-size: 0.75rem;
    color: #94a3b8;
}

.ims-order-config-add-btn[b-sjzsqqyfyw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    margin-top: 4px;
    padding: 9px 12px;
    border: 1px solid #0891b2;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.08), rgba(8, 145, 178, 0.12));
    color: #0e7490;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
}

.ims-order-config-add-btn:hover[b-sjzsqqyfyw] {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.14), rgba(8, 145, 178, 0.18));
}

.ims-order-config-count[b-sjzsqqyfyw] {
    margin-left: auto;
    padding: 1px 7px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.65rem;
    font-weight: 700;
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsOrderItemThumb.razor.rz.scp.css */
.ims-order-item-thumb[b-idstdjyvhg] {
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.ims-order-item-thumb img[b-idstdjyvhg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ims-order-item-thumb--small[b-idstdjyvhg] {
    width: 32px;
    height: 32px;
}

.ims-order-item-thumb--medium[b-idstdjyvhg] {
    width: 44px;
    height: 44px;
}

.ims-order-item-thumb--large[b-idstdjyvhg] {
    width: 64px;
    height: 64px;
}

.ims-order-item-thumb .material-icons-outlined[b-idstdjyvhg] {
    font-size: 22px;
    color: #94a3b8;
}

.ims-order-item-thumb--small .material-icons-outlined[b-idstdjyvhg] {
    font-size: 18px;
}

.ims-order-item-thumb--large .material-icons-outlined[b-idstdjyvhg] {
    font-size: 28px;
}
/* /Components/Pages/Form/FormBuilder/Elements/ImsStockMovement.razor.rz.scp.css */
.ims-order-items-element[b-xxdn8k6w6y] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.ims-order-header[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-header-title[b-xxdn8k6w6y] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.ims-order-header-sub[b-xxdn8k6w6y] {
    font-size: 0.75rem;
    color: #64748b;
    margin: 2px 0 0;
}

.ims-order-search[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}

.ims-order-search input[b-xxdn8k6w6y] {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    font-size: 0.875rem;
    color: #334155;
}

.ims-order-search--preview[b-xxdn8k6w6y] {
    opacity: 0.85;
    cursor: default;
}

.ims-order-search--preview input:disabled[b-xxdn8k6w6y] {
    cursor: default;
    color: #64748b;
}

.ims-order-search-results[b-xxdn8k6w6y] {
    max-height: 220px;
    overflow-y: auto;
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-search-row[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s;
}

.ims-order-search-row:hover[b-xxdn8k6w6y] {
    background: #f8fafc;
}

.ims-order-body[b-xxdn8k6w6y] {
    padding: 12px;
}

.ims-order-entry[b-xxdn8k6w6y] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
}

.ims-order-entry:last-child[b-xxdn8k6w6y] {
    margin-bottom: 0;
}

.ims-order-entry-head[b-xxdn8k6w6y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.ims-order-entry-name[b-xxdn8k6w6y] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1e293b;
}

.ims-order-entry-meta[b-xxdn8k6w6y] {
    font-size: 0.72rem;
    color: #64748b;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ims-order-stock[b-xxdn8k6w6y] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

.ims-order-stock--inline[b-xxdn8k6w6y] {
    padding: 0 6px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 500;
}

.ims-order-variant-label-wrap[b-xxdn8k6w6y] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ims-order-badge[b-xxdn8k6w6y] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ims-order-badge-single[b-xxdn8k6w6y] { background: #dbeafe; color: #1d4ed8; }
.ims-order-badge-variant[b-xxdn8k6w6y] { background: #cffafe; color: #0e7490; }
.ims-order-badge-group[b-xxdn8k6w6y] { background: #ede9fe; color: #6d28d9; }

.ims-order-qty-wrap[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.ims-order-qty-wrap label[b-xxdn8k6w6y] {
    font-size: 0.75rem;
    color: #64748b;
    margin: 0;
    white-space: nowrap;
}

.ims-order-qty-input[b-xxdn8k6w6y] {
    width: 4.5rem;
    text-align: center;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    -moz-appearance: textfield;
    appearance: textfield;
}

.ims-order-qty-input[b-xxdn8k6w6y]::-webkit-outer-spin-button,
.ims-order-qty-input[b-xxdn8k6w6y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ims-order-entry-head--compact[b-xxdn8k6w6y] {
    border-bottom: none;
}

.ims-order-variant-picker[b-xxdn8k6w6y] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 14px 12px;
}

.ims-order-variant-card[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fafbfc;
    transition: border-color 0.15s, background 0.15s;
}

.ims-order-variant-card.is-selected[b-xxdn8k6w6y] {
    border-color: #0891b2;
    background: rgba(6, 182, 212, 0.06);
}

.ims-order-variant-card-label[b-xxdn8k6w6y] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    flex: 1;
    min-width: 0;
}

.ims-order-variant-card-name[b-xxdn8k6w6y] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #334155;
}

.ims-order-variant-card-sku[b-xxdn8k6w6y] {
    font-size: 0.72rem;
    color: #64748b;
    margin-left: auto;
    padding-left: 8px;
    white-space: nowrap;
}

.ims-order-variant-rows[b-xxdn8k6w6y] {
    padding: 8px 14px 12px;
}

.ims-order-variant-row[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed #e2e8f0;
}

.ims-order-variant-row:last-child[b-xxdn8k6w6y] {
    border-bottom: none;
}

.ims-order-variant-label[b-xxdn8k6w6y] {
    font-size: 0.85rem;
    color: #334155;
}

.ims-order-variant-actions[b-xxdn8k6w6y] {
    padding: 8px 14px 12px;
    border-top: 1px solid #f1f5f9;
}

.ims-order-btn-variant[b-xxdn8k6w6y] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid #0891b2;
    background: rgba(6, 182, 212, 0.08);
    color: #0e7490;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.ims-order-btn-variant:hover[b-xxdn8k6w6y] {
    background: rgba(6, 182, 212, 0.15);
}

.ims-order-group-options[b-xxdn8k6w6y] {
    padding: 8px 14px 12px;
}

.ims-order-group-option[b-xxdn8k6w6y] {
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}

.ims-order-group-option-head[b-xxdn8k6w6y] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ims-order-choice-input[b-xxdn8k6w6y] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    margin: 2px 0 0;
    padding: 0 !important;
    cursor: pointer;
    accent-color: #2563eb;
    border: 1px solid #94a3b8;
    background-color: #ffffff;
    vertical-align: middle;
}

.ims-order-choice-input:disabled[b-xxdn8k6w6y] {
    cursor: not-allowed;
    opacity: 0.65;
}

.ims-order-choice-input[type="radio"][b-xxdn8k6w6y] {
    border-radius: 50%;
}

.ims-order-group-child-variants[b-xxdn8k6w6y] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 8px 0 0 1.75rem;
    padding: 8px 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fafbfc;
}

.ims-order-group-variant-option[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
    font-size: 0.8rem;
    color: #334155;
}

.ims-order-group-variant-row[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
}

.ims-order-group-variant-row .ims-order-group-variant-option[b-xxdn8k6w6y] {
    flex: 1;
    min-width: 0;
}

.ims-order-group-variant-hint[b-xxdn8k6w6y] {
    font-size: 0.72rem;
    color: #b45309;
    margin: 6px 0 0 1.75rem;
}

.ims-order-group-hint[b-xxdn8k6w6y] {
    font-size: 0.72rem;
    color: #64748b;
    padding: 0 14px 10px;
}

.ims-order-empty[b-xxdn8k6w6y] {
    padding: 24px 16px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.875rem;
}

.ims-order-loading[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    min-height: 180px;
}

.ims-order-icon[b-xxdn8k6w6y] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
}

.ims-order-icon-variant[b-xxdn8k6w6y] {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.25);
}

.ims-order-builder-note[b-xxdn8k6w6y] {
    font-size: 0.72rem;
    color: #94a3b8;
    padding: 8px 14px;
    border-top: 1px solid #f1f5f9;
    background: #fafbfc;
}

.ims-order-remove-btn[b-xxdn8k6w6y] {
    font-size: 0.75rem;
    color: #ef4444;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.ims-order-validation[b-xxdn8k6w6y] {
    padding: 8px 14px;
    font-size: 0.8rem;
    color: #dc2626;
    background: #fef2f2;
    border-top: 1px solid #fecaca;
}

.ims-order-price[b-xxdn8k6w6y] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

.ims-order-price--inline[b-xxdn8k6w6y] {
    margin-left: 4px;
}

.ims-order-total-footer[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-top: 1px solid #cbd5e1;
    background: #f8fafc;
}

.ims-order-total-label[b-xxdn8k6w6y] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
}

.ims-order-total-value[b-xxdn8k6w6y] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f766e;
}

/* Stock movement: Out + In side-by-side, aligned with item row like Qty on order items */
.ims-stock-out-in-wrap[b-xxdn8k6w6y] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    flex-shrink: 0;
}

.ims-stock-movement-element .ims-order-qty-wrap[b-xxdn8k6w6y] {
    flex: 0 0 auto;
    width: auto;
    gap: 4px;
}

.ims-stock-movement-element .ims-order-qty-input[b-xxdn8k6w6y],
.ims-stock-movement-element input[type="number"].ims-order-qty-input[b-xxdn8k6w6y] {
    width: 4.5rem !important;
    min-width: 4.5rem !important;
    max-width: 4.5rem !important;
    flex: 0 0 auto !important;
    padding: 4px 8px !important;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}

.ims-stock-movement-element .ims-order-qty-input[b-xxdn8k6w6y]::-webkit-outer-spin-button,
.ims-stock-movement-element .ims-order-qty-input[b-xxdn8k6w6y]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Single + variant rows: image left, inputs right, name wraps in the middle */
.ims-stock-movement-element .ims-order-entry-head[b-xxdn8k6w6y] {
    align-items: center;
    flex-wrap: nowrap;
}

.ims-stock-movement-element .ims-order-entry-head > .flex-grow-1[b-xxdn8k6w6y] {
    flex: 1 1 auto;
    min-width: 0;
}

.ims-stock-movement-element .ims-order-entry-head .ims-stock-out-in-wrap[b-xxdn8k6w6y] {
    flex: 0 0 auto;
}

.ims-stock-movement-element .ims-order-entry-name[b-xxdn8k6w6y] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.ims-stock-movement-element .ims-order-variant-row[b-xxdn8k6w6y] {
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 8px;
}

.ims-stock-movement-element .ims-order-variant-label-wrap[b-xxdn8k6w6y] {
    flex: 1 1 8rem;
    min-width: 0;
}

.ims-stock-movement-element .ims-order-variant-label[b-xxdn8k6w6y] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}

/* Variant picker cards: long labels wrap; Out/In never overlap */
.ims-stock-movement-element .ims-order-variant-card[b-xxdn8k6w6y] {
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 8px;
}

.ims-stock-movement-element .ims-order-variant-card-label[b-xxdn8k6w6y] {
    flex: 1 1 8rem;
    min-width: 0;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 4px;
}

.ims-stock-movement-element .ims-order-variant-card-name[b-xxdn8k6w6y] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
    flex: 1 1 auto;
    min-width: 0;
}

.ims-stock-movement-element .ims-order-variant-card .ims-stock-out-in-wrap[b-xxdn8k6w6y] {
    flex: 0 0 auto;
    margin-left: auto;
    align-self: center;
}

.ims-stock-movement-element .ims-order-variant-card.is-selected .ims-order-variant-card-label[b-xxdn8k6w6y] {
    flex: 1 1 calc(100% - 11rem);
    min-width: 5rem;
}

.ims-stock-movement-element .ims-order-variant-card.is-selected .ims-stock-out-in-wrap[b-xxdn8k6w6y] {
    margin-left: auto;
}

/* Category / tags filters (mirrors IMS Order Items) */
.ims-order-runtime-filters[b-xxdn8k6w6y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: #fafbfc;
}

.ims-order-runtime-filter[b-xxdn8k6w6y] {
    min-width: 0;
}

.ims-order-runtime-filter-label[b-xxdn8k6w6y] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 6px;
}

.ims-order-filter-select[b-xxdn8k6w6y] {
    width: 100%;
    padding: 8px 32px 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3e%3cpath d='M4.646 6.146a.5.5 0 0 1 .708 0L8 8.793l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    color: #334155;
    font-size: 0.85rem;
    line-height: 1.3;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.ims-order-filter-select:focus[b-xxdn8k6w6y] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.ims-order-filter-select:disabled[b-xxdn8k6w6y] {
    background-color: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

/* Make the tags selector match the native category dropdown */
.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
}

.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component .page-bg {
    background-color: #ffffff !important;
}

.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component .border-left {
    border-left: none !important;
}

.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component input {
    color: #334155 !important;
    font-size: 0.85rem !important;
}

.ims-order-runtime-filter[b-xxdn8k6w6y]  .combinate-component .fa-caret-down {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 10px !important;
}

.ims-order-runtime-filter-hint[b-xxdn8k6w6y] {
    padding: 8px 10px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    min-height: 34px;
    display: flex;
    align-items: center;
}

.ims-order-runtime-tag-chips[b-xxdn8k6w6y] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.ims-order-runtime-tag-chip[b-xxdn8k6w6y] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

.ims-order-runtime-tag-chip button[b-xxdn8k6w6y] {
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    display: inline-flex;
}

.ims-order-runtime-tag-chip .material-icons-outlined[b-xxdn8k6w6y] {
    font-size: 12px;
}

@media (max-width: 640px) {
    .ims-order-runtime-filters[b-xxdn8k6w6y] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Form/FormBuilder/Shared/FormElementRenderer.razor.rz.scp.css */
.image-choice-grid[b-b5y7l875e4] {
    display: grid;
    gap: 16px;
}

.image-choice-item[b-b5y7l875e4] {
    border: 2px solid var(--border-color, #e5e7eb);
    border-radius: var(--form-radius, 12px);
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    background: var(--input-bg, #fff);
}

.image-choice-item:hover[b-b5y7l875e4] {
    border-color: var(--form-primary, #3b82f6);
    transform: translateY(-2px);
}

.image-choice-item.selected[b-b5y7l875e4] {
    border-color: var(--form-primary, #3b82f6);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--form-primary, #3b82f6) 20%, transparent);
}

.image-choice-item img[b-b5y7l875e4] {
    width: 100%;
    height: var(--image-choice-height, 120px);
    object-fit: cover;
    display: block;
}

.image-choice-placeholder[b-b5y7l875e4] {
    width: 100%;
    height: var(--image-choice-height, 120px);
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-choice-item .label[b-b5y7l875e4] {
    padding: 12px;
    text-align: center;
    font-weight: 500;
    color: var(--text-color, inherit);
}

/* Rich text (Side Notes) editor — the shared component is styled for a dark
   surface (white toolbar text). Forms render on the form theme surface, so the
   toolbar icons/labels become invisible. Re-map them to the form theme colors. */
.form-field-wrapper[b-b5y7l875e4]  .sidenote-format-btn,
.form-field-wrapper[b-b5y7l875e4]  .sidenote-format-btn .material-icons-outlined,
.form-field-wrapper[b-b5y7l875e4]  .sidenote-color-label,
.form-field-wrapper[b-b5y7l875e4]  .sidenote-select,
.form-field-wrapper[b-b5y7l875e4]  .sidenote-view-btn {
    color: var(--text-color, #374151);
}

.form-field-wrapper[b-b5y7l875e4]  .sidenote-select {
    border-color: var(--border-color, #d1d5db);
    background: var(--input-bg, #fff);
}

.form-field-wrapper[b-b5y7l875e4]  .sidenote-format-divider {
    background: var(--border-color, #e5e7eb);
}

.form-field-wrapper[b-b5y7l875e4]  .sidenote-format-btn.page-bg,
.form-field-wrapper[b-b5y7l875e4]  .sidenote-select.page-bg {
    background: color-mix(in srgb, var(--form-primary, #3b82f6) 14%, transparent) !important;
    box-shadow: inset 0 0 0 1px var(--border-color, #d1d5db) !important;
}
/* /Components/Pages/Form/FormList.razor.rz.scp.css */
.main-container[b-m6f8rbsm22] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100vh;
    overflow: hidden;
}

.basic-layout[b-m6f8rbsm22] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.basic-layout > .d-flex[b-m6f8rbsm22] {
    flex-shrink: 0;
}

.workspace-dashboard[b-m6f8rbsm22] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100% !important;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

.workspace-dashboard .dashboard-header[b-m6f8rbsm22],
.workspace-dashboard .ws-toolbar[b-m6f8rbsm22] {
    flex-shrink: 0;
}

.workspaces-content[b-m6f8rbsm22] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.ws-toolbar[b-m6f8rbsm22] {
    gap: 16px;
    padding: 12px 16px;
}

.ws-filter-selector[b-m6f8rbsm22] {
    flex-shrink: 0;
    width: 260px;
    min-width: 220px;
}

.ws-filter-selector[b-m6f8rbsm22]  .combinate-component {
    width: 100%;
}

.ws-search[b-m6f8rbsm22] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 260px;
    min-width: 220px;
    max-width: 420px;
}

.ws-search__icon[b-m6f8rbsm22] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #64748b;
    pointer-events: none;
    z-index: 1;
    line-height: 1;
}

.ws-search__input[b-m6f8rbsm22] {
    width: 100%;
    height: 44px;
    padding: 0 40px 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    font-size: 0.95rem;
    line-height: 44px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ws-search__input[b-m6f8rbsm22]::placeholder {
    color: #64748b;
}

.ws-search__input:focus[b-m6f8rbsm22] {
    outline: none;
    border-color: #1177CC;
    box-shadow: 0 0 0 3px rgba(17, 119, 204, 0.15);
}

.ws-search__clear[b-m6f8rbsm22] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.ws-search__clear:hover[b-m6f8rbsm22] {
    color: var(--main-text-color, #fff);
    background: rgba(255, 255, 255, 0.1);
}

.ws-search__clear .material-icons-outlined[b-m6f8rbsm22] {
    font-size: 18px;
    line-height: 1;
}

.ws-view-toggle[b-m6f8rbsm22] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .ws-toolbar[b-m6f8rbsm22] {
        align-items: stretch;
    }

    .ws-search[b-m6f8rbsm22] {
        order: 2;
        flex: 1 1 100%;
        max-width: none;
    }

    .ws-view-toggle[b-m6f8rbsm22] {
        order: 3;
        margin-left: auto;
    }
}

.ws-open-btn[b-m6f8rbsm22] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(148, 163, 184, 0.08);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.ws-open-btn__icon[b-m6f8rbsm22] {
    font-size: 16px;
    line-height: 1;
    color: inherit;
    transition: transform 0.18s ease;
}

.ws-open-btn.default-header-color-hover:hover[b-m6f8rbsm22] {
    transform: translateY(-1px);
}

.workspace-card:hover[b-m6f8rbsm22] {
    transform: none;
}

.workspace-card:hover .ws-open-btn__icon[b-m6f8rbsm22],
.ws-list-row:hover .ws-open-btn__icon[b-m6f8rbsm22] {
    transform: translateX(4px);
}

.ws-list-row__info[b-m6f8rbsm22] {
    flex: 1;
    min-width: 0;
}

.ws-list-row__meta[b-m6f8rbsm22] {
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-m6f8rbsm22] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

@media (min-width: 741px) {
    .ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-m6f8rbsm22] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__aside[b-m6f8rbsm22] {
    margin-top: 12px;
}

.ws-list-row--wide[b-m6f8rbsm22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ws-list-row--wide .ws-list-row__main[b-m6f8rbsm22] {
    flex: 1;
    min-width: 0;
    align-items: center;
    gap: 28px;
}

.ws-list-row--wide .ws-list-row__meta[b-m6f8rbsm22] {
    gap: 20px;
}

.ws-list-row--wide .ws-list-row__aside[b-m6f8rbsm22] {
    flex-shrink: 0;
    margin-top: 0;
}
/* /Components/Pages/Settings/Global/Billing/Billing.razor.rz.scp.css */
.page-content .content-withTopTab .card-content.billing-page[b-2fltm0kbfo] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 0;
}

.billing-page-shell[b-2fltm0kbfo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.billing-page-toolbar[b-2fltm0kbfo] {
    flex-shrink: 0;
    padding-bottom: 16px;
}

.billing-page-header-row[b-2fltm0kbfo] {
    flex-wrap: nowrap;
    gap: 16px;
}

.billing-page-header-actions[b-2fltm0kbfo] {
    margin-left: auto;
}

.billing-page-scroll[b-2fltm0kbfo] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    -webkit-overflow-scrolling: touch;
}

.billing-page-scroll[b-2fltm0kbfo]::-webkit-scrollbar {
    width: 8px;
}

.billing-page-scroll[b-2fltm0kbfo]::-webkit-scrollbar-track {
    background: transparent;
}

.billing-page-scroll[b-2fltm0kbfo]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.35);
    border-radius: 999px;
}

.billing-page-scroll[b-2fltm0kbfo]::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.55);
}

.billing-page .billing-detail-card[b-2fltm0kbfo] {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    margin-bottom: 16px;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.billing-page .billing-detail-card:last-child[b-2fltm0kbfo] {
    margin-bottom: 0;
}

.billing-page .billing-info-banner[b-2fltm0kbfo] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.billing-page .billing-info-banner .material-icons-outlined[b-2fltm0kbfo] {
    font-size: 22px;
    flex-shrink: 0;
    margin-top: 1px;
}

.billing-page .billing-info-banner--info[b-2fltm0kbfo] {
    background: rgba(59, 130, 246, 0.08);
}

.billing-page .billing-info-banner--info .material-icons-outlined[b-2fltm0kbfo] {
    color: #60a5fa;
}

.billing-page .billing-info-banner--warning[b-2fltm0kbfo] {
    background: rgba(239, 68, 68, 0.08);
}

.billing-page .billing-info-banner--warning .material-icons-outlined[b-2fltm0kbfo] {
    color: #f87171;
}

.billing-page .billing-empty-state .material-icons-outlined[b-2fltm0kbfo] {
    font-size: 40px;
}

.billing-page .table-responsive[b-2fltm0kbfo] {
    margin-bottom: 0;
}

.light .billing-page .billing-info-banner[b-2fltm0kbfo] {
    border-color: #e2e8f0;
}

.light .billing-page .billing-info-banner--info[b-2fltm0kbfo] {
    background: rgba(59, 130, 246, 0.1);
}

.light .billing-page .billing-info-banner--info .material-icons-outlined[b-2fltm0kbfo] {
    color: #2563eb;
}

.light .billing-page .billing-info-banner--warning[b-2fltm0kbfo] {
    background: rgba(239, 68, 68, 0.08);
}

.light .billing-page .billing-info-banner--warning .material-icons-outlined[b-2fltm0kbfo] {
    color: #dc2626;
}
/* /Components/Pages/Settings/Global/Billing/Components/AdditionalServices.razor.rz.scp.css */
.billing-service-list[b-5d2qlo7vyp] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.billing-service-list > [class*="col-"][b-5d2qlo7vyp] {
    min-width: 0;
    display: flex;
}

.billing-service-list > [class*="col-"] > *[b-5d2qlo7vyp] {
    flex: 1;
    min-width: 0;
}
/* /Components/Pages/Settings/Global/Billing/Components/BillingCapacityCard.razor.rz.scp.css */
.billing-capacity-card[b-cchn4ma1rk] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

.billing-capacity-card__header[b-cchn4ma1rk] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.billing-capacity-card__content[b-cchn4ma1rk] {
    flex: 1;
    min-width: 0;
}

.billing-capacity-card__icon[b-cchn4ma1rk] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.billing-capacity-card__icon .material-icons-outlined[b-cchn4ma1rk] {
    font-size: 20px;
    color: #fff;
}

.billing-capacity-card__label[b-cchn4ma1rk] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.billing-capacity-card__value[b-cchn4ma1rk] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
}

.billing-capacity-card__percent[b-cchn4ma1rk] {
    margin-left: auto;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    flex-shrink: 0;
}

.billing-capacity-card__percent.is-success[b-cchn4ma1rk] { color: #34d399; }
.billing-capacity-card__percent.is-warning[b-cchn4ma1rk] { color: #fbbf24; }
.billing-capacity-card__percent.is-danger[b-cchn4ma1rk] { color: #f87171; }

.billing-capacity-card__track[b-cchn4ma1rk] {
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.billing-capacity-card__bar[b-cchn4ma1rk] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.billing-capacity-card__bar.is-success[b-cchn4ma1rk] { background: linear-gradient(90deg, #10b981, #34d399); }
.billing-capacity-card__bar.is-warning[b-cchn4ma1rk] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.billing-capacity-card__bar.is-danger[b-cchn4ma1rk] { background: linear-gradient(90deg, #ef4444, #f87171); }

.billing-capacity-card__footer[b-cchn4ma1rk] {
    font-size: 0.8rem;
    line-height: 1.4;
    word-break: break-word;
}
/* /Components/Pages/Settings/Global/Billing/Components/BillingPackageCard.razor.rz.scp.css */
.billing-package-card[b-hp2zdfhh03] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.billing-package-card__header[b-hp2zdfhh03] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.billing-package-card__app-icon[b-hp2zdfhh03] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.billing-package-card__app-icon .material-icons-outlined[b-hp2zdfhh03] {
    font-size: 20px;
    color: #fff;
}

.billing-package-card__titles[b-hp2zdfhh03] {
    flex: 1;
    min-width: 0;
}

.billing-package-card__pricing[b-hp2zdfhh03] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.billing-package-card__price[b-hp2zdfhh03] {
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.billing-package-card__interval[b-hp2zdfhh03] {
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.9;
}

.billing-package-card__original-price[b-hp2zdfhh03] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.45);
    text-decoration: line-through;
    white-space: nowrap;
}

.billing-package-card__discount-label[b-hp2zdfhh03] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #86efac;
    white-space: nowrap;
    text-align: right;
}

.billing-package-card__description[b-hp2zdfhh03] {
    margin: 0;
}

.billing-package-card__users[b-hp2zdfhh03] {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.billing-package-card__users-row[b-hp2zdfhh03] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.billing-package-card__users-icon[b-hp2zdfhh03] {
    font-size: 18px;
    color: #a78bfa;
    flex-shrink: 0;
}

.billing-package-card__users-value[b-hp2zdfhh03] {
    margin-left: auto;
}

.billing-package-card__users-track[b-hp2zdfhh03] {
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
    margin-top: 8px;
}

.billing-package-card__users-bar[b-hp2zdfhh03] {
    height: 100%;
    border-radius: 999px;
}

.billing-package-card__users-bar.is-success[b-hp2zdfhh03] { background: #8b5cf6; }
.billing-package-card__users-bar.is-warning[b-hp2zdfhh03] { background: #f59e0b; }
.billing-package-card__users-bar.is-danger[b-hp2zdfhh03] { background: #ef4444; }
/* /Components/Pages/Settings/Global/Billing/Components/BillingRecurringAddonCard.razor.rz.scp.css */
.billing-recurring-addon-card[b-0bqr1urw4p] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 100%;
}

.billing-recurring-addon-card__header[b-0bqr1urw4p] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.billing-recurring-addon-card__icon[b-0bqr1urw4p] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.billing-recurring-addon-card__icon .material-icons-outlined[b-0bqr1urw4p] {
    font-size: 20px;
    color: #fff;
}

.billing-recurring-addon-card__titles[b-0bqr1urw4p] {
    flex: 1;
    min-width: 0;
}

.billing-recurring-addon-card__price[b-0bqr1urw4p] {
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.billing-recurring-addon-card__interval[b-0bqr1urw4p] {
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.9;
}

.billing-recurring-addon-card__meta[b-0bqr1urw4p] {
    margin-top: -4px;
}

.billing-recurring-addon-card__note[b-0bqr1urw4p] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(59, 130, 246, 0.25);
    background: rgba(59, 130, 246, 0.08);
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.billing-recurring-addon-card__note .material-icons-outlined[b-0bqr1urw4p] {
    font-size: 18px;
    flex-shrink: 0;
    color: #60a5fa;
}

.billing-recurring-addon-card__badge[b-0bqr1urw4p] {
    margin-top: auto;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 4px 8px;
    border-radius: 999px;
    width: fit-content;
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.25);
}
/* /Components/Pages/Settings/Global/Billing/Components/BillingServiceCard.razor.rz.scp.css */
.billing-service-card[b-po9oqfi9u4] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
}

.billing-service-card__header[b-po9oqfi9u4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.billing-service-card__icon[b-po9oqfi9u4] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.billing-service-card__icon .material-icons-outlined[b-po9oqfi9u4] {
    font-size: 20px;
    color: #fff;
}

.billing-service-card__titles[b-po9oqfi9u4] {
    flex: 1;
    min-width: 0;
}

.billing-service-card__titles > div[b-po9oqfi9u4] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.billing-service-card__price[b-po9oqfi9u4] {
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.billing-service-card__interval[b-po9oqfi9u4] {
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.9;
}

.billing-service-card__meta[b-po9oqfi9u4] {
    min-width: 0;
}

.billing-service-card__badge[b-po9oqfi9u4] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 4px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.billing-service-card__badge.is-recurring[b-po9oqfi9u4] {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.25);
}

.billing-service-card__badge.is-onetime[b-po9oqfi9u4] {
    color: #34d399;
    background: rgba(52, 211, 153, 0.12);
    border: 1px solid rgba(52, 211, 153, 0.25);
}

.billing-service-card__note[b-po9oqfi9u4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(59, 130, 246, 0.25);
    background: rgba(59, 130, 246, 0.08);
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.8125rem;
    line-height: 1.4;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-service-card__note .material-icons-outlined[b-po9oqfi9u4] {
    font-size: 18px;
    flex-shrink: 0;
    color: #60a5fa;
    margin-top: 1px;
}

.billing-service-card__actions[b-po9oqfi9u4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    min-width: 0;
}

.billing-service-card__qty-wrap[b-po9oqfi9u4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.billing-service-card__qty-label[b-po9oqfi9u4] {
    margin: 0;
    font-weight: 600;
}

.billing-service-card__qty[b-po9oqfi9u4] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    text-align: center;
}

.billing-service-card__add-btn[b-po9oqfi9u4] {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    margin: 0;
    padding: 10px 16px;
}

@media (max-width: 640px) {
    .billing-service-card__header[b-po9oqfi9u4] {
        flex-wrap: wrap;
    }

    .billing-service-card__price[b-po9oqfi9u4] {
        margin-left: 52px;
    }
}
/* /Components/Pages/Settings/Global/Billing/Components/BillingStatCard.razor.rz.scp.css */
.billing-stat-card[b-eeuzn0wku0] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.billing-stat-card__header[b-eeuzn0wku0] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.billing-stat-card__icon[b-eeuzn0wku0] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.billing-stat-card__icon .material-icons-outlined[b-eeuzn0wku0] {
    font-size: 20px;
    color: #fff;
}

.billing-stat-card__content[b-eeuzn0wku0] {
    flex: 1;
    min-width: 0;
}

.billing-stat-card__label[b-eeuzn0wku0] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.billing-stat-card__value[b-eeuzn0wku0] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
    word-break: break-word;
}
/* /Components/Pages/Settings/Global/Billing/Components/ReduceRecurringAddonModal.razor.rz.scp.css */
.reduce-addon-modal__field-label[b-gy6kze6b27] {
    display: block;
    margin-bottom: 8px;
}

.reduce-addon-modal__current-value[b-gy6kze6b27] {
    min-height: 44px;
    display: flex;
    align-items: center;
}

.reduce-addon-modal__input[b-gy6kze6b27] {
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
}

.reduce-addon-modal__input.is-invalid[b-gy6kze6b27] {
    border-color: #ef4444 !important;
}

.reduce-addon-modal__hint[b-gy6kze6b27] {
    line-height: 1.45;
}

.reduce-addon-modal__validation[b-gy6kze6b27] {
    margin-top: 6px;
    color: #ef4444;
}
/* /Components/Pages/Settings/Local/AccountingPeriod/AccountPeriodCreateAndEdit.razor.rz.scp.css */
/* /Components/Pages/Settings/Local/FinancialPeriod/VatLayout.razor.rz.scp.css */
.fee-channel-select[b-kl8n6u36br] {
    min-width: 280px;
    max-width: 360px;
    flex-shrink: 0;
}

.fee-channel-select--mode[b-kl8n6u36br] {
    min-width: 180px;
    max-width: 240px;
}

.fee-channel-select[b-kl8n6u36br]  .combinate-component {
    width: 100%;
}

.fee-channel-auto[b-kl8n6u36br] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.fee-channel-auto__label[b-kl8n6u36br] {
    font-size: 0.85rem;
    white-space: nowrap;
}

.fee-help-wrapper[b-kl8n6u36br] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    vertical-align: middle;
}

.fee-help-backdrop[b-kl8n6u36br] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: transparent;
}

.fee-help-btn[b-kl8n6u36br] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.fee-help-btn:hover[b-kl8n6u36br] {
    opacity: 1;
}

.fee-help-btn .material-icons-outlined[b-kl8n6u36br] {
    font-size: 18px;
}

.fee-help-popover[b-kl8n6u36br] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1001;
    border-radius: 12px;
    width: 380px;
    font-size: 13px;
    overflow: hidden;
}

.fee-help-header[b-kl8n6u36br] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: 14px;
}

.fee-help-header .material-icons-outlined[b-kl8n6u36br] {
    font-size: 18px;
}

.fee-help-close[b-kl8n6u36br] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-left: auto;
    display: inline-flex;
}

.fee-help-close .material-icons-outlined[b-kl8n6u36br] {
    font-size: 16px;
}

.fee-help-body[b-kl8n6u36br] {
    padding: 12px 16px;
}

.fee-help-intro[b-kl8n6u36br] {
    margin: 0 0 12px;
    line-height: 1.5;
}

.fee-help-option[b-kl8n6u36br] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    border-radius: 8px;
    margin-bottom: 8px;
    line-height: 1.45;
}

.fee-help-note[b-kl8n6u36br] {
    margin: 4px 0 0;
    font-size: 11px;
    line-height: 1.5;
    font-style: italic;
    opacity: 0.85;
}
/* /Components/Pages/Spm/BackOffice/Webapps/NewEditor/EditorsSideBar.razor.rz.scp.css */
/* EditorsSideBar Component Styles */

/* Sidebar container */
.sidebar-container[b-maoz91ah34] {
    background: var(--bs-body-bg);
    border-left: 1px solid var(--bs-border-color);
    height: 100vh;
    overflow-y: auto;
    padding: 1rem;
}

/* Content sections */
.content-section[b-maoz91ah34] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    background: var(--bs-body-bg);
}

.content-section:hover[b-maoz91ah34] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.125rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Content headers */
.content-header[b-maoz91ah34] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.content-title[b-maoz91ah34] {
    font-weight: 600;
    color: var(--bs-emphasis-color);
    margin: 0;
}

/* Control buttons */
.control-buttons[b-maoz91ah34] {
    display: flex;
    gap: 0.25rem;
}

.control-btn[b-maoz91ah34] {
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.control-btn:hover[b-maoz91ah34] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.control-btn-primary[b-maoz91ah34] {
    background: var(--bs-primary);
    color: white;
}

.control-btn-success[b-maoz91ah34] {
    background: var(--bs-success);
    color: white;
}

.control-btn-danger[b-maoz91ah34] {
    background: var(--bs-danger);
    color: white;
}

.control-btn-secondary[b-maoz91ah34] {
    background: var(--bs-secondary);
    color: white;
}

/* Form controls */
.form-group[b-maoz91ah34] {
    margin-bottom: 1rem;
}

.form-label[b-maoz91ah34] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--bs-emphasis-color);
}

.form-control[b-maoz91ah34] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

/* Slider controls */
.slider-container[b-maoz91ah34] {
    margin: 1rem 0;
}

.slider[b-maoz91ah34] {
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background: var(--bs-secondary-bg);
    outline: none;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.slider:hover[b-maoz91ah34] {
    opacity: 1;
}

.slider[b-maoz91ah34]::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bs-primary);
    cursor: pointer;
}

.slider[b-maoz91ah34]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--bs-primary);
    cursor: pointer;
    border: none;
}

/* Color picker */
.color-picker[b-maoz91ah34] {
    width: 100%;
    height: 40px;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    cursor: pointer;
}

/* Content list */
.content-list[b-maoz91ah34] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
}

.content-item[b-maoz91ah34] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--bs-border-color);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.content-item:last-child[b-maoz91ah34] {
    border-bottom: none;
}

.content-item:hover[b-maoz91ah34] {
    background-color: var(--bs-secondary-bg);
}

.content-item.active[b-maoz91ah34] {
    background-color: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary);
}

/* Z-index controls */
.z-index-controls[b-maoz91ah34] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.z-index-btn[b-maoz91ah34] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.25rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.z-index-btn:hover[b-maoz91ah34] {
    background: var(--bs-secondary-bg);
    border-color: var(--bs-primary);
}

/* Visibility toggle */
.visibility-toggle[b-maoz91ah34] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.visibility-icon[b-maoz91ah34] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.visibility-icon.visible[b-maoz91ah34] {
    color: var(--bs-success);
}

.visibility-icon.hidden[b-maoz91ah34] {
    color: var(--bs-secondary);
}

/* Modal overlay */
.modal-overlay[b-maoz91ah34] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-content[b-maoz91ah34] {
    background: var(--bs-body-bg);
    border-radius: 0.5rem;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Loading states */
.loading[b-maoz91ah34] {
    opacity: 0.6;
    pointer-events: none;
}

.loading[b-maoz91ah34]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid var(--bs-primary);
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin-b-maoz91ah34 1s linear infinite;
}

@keyframes spin-b-maoz91ah34 {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive design */
@media (max-width: 768px) {
    .sidebar-container[b-maoz91ah34] {
        padding: 0.75rem;
    }
    
    .content-section[b-maoz91ah34] {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .control-buttons[b-maoz91ah34] {
        flex-wrap: wrap;
    }
    
    .form-control[b-maoz91ah34] {
        padding: 0.375rem;
    }
}

/* Accessibility */
.control-btn:focus[b-maoz91ah34],
.form-control:focus[b-maoz91ah34],
.slider:focus[b-maoz91ah34] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .content-section[b-maoz91ah34] {
        border-color: rgba(255, 255, 255, 0.125);
    }
    
    .content-item:hover[b-maoz91ah34] {
        background-color: rgba(255, 255, 255, 0.05);
    }
    
    .modal-overlay[b-maoz91ah34] {
        background: rgba(0, 0, 0, 0.7);
    }
}
/* /Components/Pages/Spm/BackOffice/Webapps/NewEditor/NewContentOrganizer.razor.rz.scp.css */
/* NewContentOrganizer Component Styles */

/* Content Item Styles */
[data-content-id][b-90yt5g667w] {
    position: relative;
    display: inline-flex;
    /* Hardware acceleration for smooth dragging */
    backface-visibility: hidden;
    perspective: 1000px;
    /* Center alignment for each content item */
    align-items: center;
    justify-content: center;
    min-height: 50px; /* Default minimum height for content containers */
    min-width: 40px;  /* Ensure minimum width for proper centering */
    transition: all 0.2s ease;
    /* Do not force centering or draggable cursor here; keep content styling neutral. */
}

[data-content-id]:hover[b-90yt5g667w] {
    /* Hover highlight handled via .editor-open scope below */
}

/* Menu list content should take full width */
[data-content-type="menu_list"][b-90yt5g667w] {
    display: flex !important;
    width: 100% !important;
}

[data-content-type="menu_list"] .responsive-menu-container[b-90yt5g667w],
[data-content-type="menu_list"] .desktop-menu[b-90yt5g667w] {
    width: 100% !important;
}

/* Ensure menu content stays below action buttons */
[data-content-type="menu_list"] .responsive-menu-container[b-90yt5g667w],
[data-content-type="menu_list"] .desktop-menu[b-90yt5g667w],
[data-content-type="menu_list"] .menu-spacer[b-90yt5g667w] {
    z-index: 99999999 !important;
}

/* Ensure buttons and resize handles have proper cursors */
[data-content-id] button[b-90yt5g667w] {
    cursor: pointer !important;
}

[data-content-id] .resize-handle[b-90yt5g667w] {
    cursor: inherit !important; /* Let resize handles keep their specific cursors */
}

/* Snapping States */
[data-content-id].snapping-horizontal[b-90yt5g667w],
[data-content-id].snapping-vertical[b-90yt5g667w],
[data-content-id].snapping-both[b-90yt5g667w] {
    outline: 2px solid #0d6efd !important; /* Blue like the snapping lines */
    border-radius: 4px;
}

/* Also apply blue border when dragging and snapping */
[data-content-id].dragging.snapping-horizontal[b-90yt5g667w],
[data-content-id].dragging.snapping-vertical[b-90yt5g667w],
[data-content-id].dragging.snapping-both[b-90yt5g667w] {
    outline: 2px solid #0d6efd !important;
    border-radius: 4px;
}

/* Selected Content - Pulsing Glow Effect */
@keyframes selectedPulse-b-90yt5g667w {
    0%, 100% {
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.5), 0 0 20px rgba(99, 102, 241, 0.3);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.3), 0 0 30px rgba(99, 102, 241, 0.2);
    }
}

@keyframes badgePulse-b-90yt5g667w {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

[data-content-id].content-selected[b-90yt5g667w] {
    position: relative !important;
    animation: selectedPulse-b-90yt5g667w 2s ease-in-out infinite !important;
}

/* "EDITING" Badge at top-left */
[data-content-id].content-selected[b-90yt5g667w]::before {
    content: 'EDITING';
    position: absolute;
    top: -12px;
    left: 10px;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: white;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 4px;
    z-index: 99999;
    pointer-events: none;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
    animation: badgePulse-b-90yt5g667w 2s ease-in-out infinite;
}

/* Corner marker at bottom-right */
[data-content-id].content-selected[b-90yt5g667w]::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    border-color: #6366f1;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 4px;
    border-right-width: 4px;
    border-bottom-right-radius: 8px;
    z-index: 99999;
    pointer-events: none;
}

/* ─── Content Hover Frame ──────────────────────────────────────────────────── */

/* When in editor-open mode, hovering a content item draws a clear blue frame
   and reveals the action toolbar + type label inside the element. */

/* Content type label – top-left corner badge (revealed on hover) */
[data-content-id][b-90yt5g667w]::before {
    content: attr(data-content-type);
    position: absolute;
    top: 0;
    left: 0;
    background: #2563eb;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 7px;
    border-radius: 0 0 6px 0;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    z-index: 999999998;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    white-space: nowrap;
}

.editor-open [data-content-id]:hover[b-90yt5g667w]::before {
    opacity: 1;
}

/* Suppress the type-label pseudo on selected state (EDITING badge takes over) */
[data-content-id].content-selected[b-90yt5g667w]::before {
    content: 'EDITING' !important;
    position: absolute !important;
    top: -12px !important;
    left: 10px !important;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    color: white !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    z-index: 99999 !important;
    pointer-events: none !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4) !important;
    animation: badgePulse-b-90yt5g667w 2s ease-in-out infinite !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
}

/* ─── Content Actions ──────────────────────────────────────────────────────── */

/* Toolbar floats outside the content, above the top-right corner.
   No bottom radius — sits flush against the top edge of the content. */
.content-actions[b-90yt5g667w] {
    position: absolute;
    bottom: calc(100% + 2px);
    right: 0;
    top: auto;
    left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.18s ease, transform 0.18s ease;
    transform: translateY(-4px);
    z-index: 999999999 !important;
    pointer-events: none;
    background: #2563eb;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 5px 7px;
    border-radius: 8px 8px 0 0;
    border: none;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4);
}

.editor-open [data-content-id]:hover .content-actions[b-90yt5g667w],
.content-actions:hover[b-90yt5g667w] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Bridge the gap between toolbar and content so cursor doesn't lose hover */
.content-actions[b-90yt5g667w]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
}

/* Flip toolbar below — no top radius, flush to bottom edge of content */
.content-actions.position-below[b-90yt5g667w],
.first-section [data-content-id] .content-actions[b-90yt5g667w] {
    bottom: auto !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    border-radius: 0 0 8px 8px !important;
}

/* Always show content actions when content is selected */
[data-content-id].content-selected .content-actions[b-90yt5g667w] {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: flex !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 2147483647 !important;
}

[b-90yt5g667w] [data-content-id].content-selected .content-actions {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: flex !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 2147483647 !important;
}

/* Ensure content action buttons are always on top */
.content-actions .content-action-btn[b-90yt5g667w] {
    z-index: 2147483647 !important;
    position: relative;
}

/* ─── Content Action Buttons ───────────────────────────────────────────────── */

.content-action-btn[b-90yt5g667w] {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.content-action-btn:hover[b-90yt5g667w] {
    transform: scale(1.12) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    filter: brightness(1.15) !important;
}

.content-action-btn:active[b-90yt5g667w] {
    transform: scale(0.96) !important;
}

.content-action-btn i[b-90yt5g667w] {
    color: white !important;
}

/* Drag Button - Indigo */
.drag-btn[b-90yt5g667w] {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    cursor: grab !important;
}

.drag-btn:active[b-90yt5g667w] {
    cursor: grabbing !important;
}

.drag-btn:hover[b-90yt5g667w] {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
}

/* Edit Button - Emerald */
.edit-btn[b-90yt5g667w] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.edit-btn:hover[b-90yt5g667w] {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
}

/* Delete Button - Rose */
.delete-btn[b-90yt5g667w] {
    background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
}

.delete-btn:hover[b-90yt5g667w] {
    background: linear-gradient(135deg, #fb7185 0%, #f43f5e 100%) !important;
}

/* Card Action Buttons - Always visible when content is selected */
[b-90yt5g667w] .card-actions {
    opacity: 1 !important;
}

.card-action-btn:hover[b-90yt5g667w] {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

/* Dragging States */
[data-content-id].dragging[b-90yt5g667w] {
    z-index: 9999;
    opacity: 0.8;
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

[data-content-id].dragging .content-actions[b-90yt5g667w] {
    display: none;
}

/* Resize Handles */
.resize-handle[b-90yt5g667w] {
    position: absolute;
    background: #007bff;
    opacity: 0;
    transition: opacity 0.2s ease;
}

[data-content-id]:hover .resize-handle[b-90yt5g667w] {
    opacity: 0.7;
}

.resize-handle:hover[b-90yt5g667w] {
    opacity: 1;
}

.resize-handle-right[b-90yt5g667w] {
    top: 0;
    right: -3px;
    width: 6px;
    height: 100%;
    cursor: ew-resize;
}

.resize-handle-bottom[b-90yt5g667w] {
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 6px;
    cursor: ns-resize;
}

.resize-handle-corner[b-90yt5g667w] {
    bottom: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    cursor: nw-resize;
    border-radius: 2px;
}

/* Content Type Specific Styles */
[data-content-type="text"][b-90yt5g667w] {
    border: 1px dashed #28a745;
}

[data-content-type="button"][b-90yt5g667w] {
    border: 1px dashed #007bff;
}

[data-content-type="image"][b-90yt5g667w] {
    border: 1px dashed #ffc107;
}

[data-content-type="video"][b-90yt5g667w] {
    border: 1px dashed #dc3545;
}

/* Grid Alignment Indicators */
.grid-snap-indicator[b-90yt5g667w] {
    position: absolute;
    background: rgba(0, 123, 255, 0.3);
    border: 1px solid #007bff;
    pointer-events: none;
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.1s ease;
}

.grid-snap-indicator.active[b-90yt5g667w] {
    opacity: 1;
}

/* Content Editing States */
[data-content-id].editing[b-90yt5g667w] {
    outline: 2px solid #28a745;
    background: rgba(40, 167, 69, 0.1);
}

[data-content-id].needs-saving[b-90yt5g667w] {
    outline: 2px solid #ffc107;
    background: rgba(255, 193, 7, 0.1);
}

[data-content-id].saving[b-90yt5g667w] {
    outline: 2px solid #17a2b8;
    background: rgba(23, 162, 184, 0.1);
}

/* Loading States */
.content-loading[b-90yt5g667w] {
    position: relative;
    opacity: 0.6;
    pointer-events: none;
}

.content-loading[b-90yt5g667w]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin-b-90yt5g667w 1s linear infinite;
}

@keyframes spin-b-90yt5g667w {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive Design */
@media (max-width: 768px) {
    [data-content-id][b-90yt5g667w] {
        min-height: 30px;
        min-width: 30px;
    }

    .content-actions[b-90yt5g667w] {
        gap: 3px;
    }

    .content-actions .btn[b-90yt5g667w] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }

    .resize-handle-right[b-90yt5g667w],
    .resize-handle-bottom[b-90yt5g667w] {
        width: 4px;
        height: 4px;
    }

    .resize-handle-corner[b-90yt5g667w] {
        width: 8px;
        height: 8px;
    }
}

/* Animation for smooth transitions */
[data-content-id][b-90yt5g667w] {
    transition: transform 0.2s ease, opacity 0.2s ease, outline 0.2s ease;
}

/* Focus states for accessibility */
[data-content-id]:focus[b-90yt5g667w] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    [data-content-id]:hover[b-90yt5g667w] {
        outline: 3px solid;
    }

    [data-content-id].snapping-horizontal[b-90yt5g667w],
    [data-content-id].snapping-vertical[b-90yt5g667w],
    [data-content-id].snapping-both[b-90yt5g667w] {
        outline: 3px solid !important;
    }
}

/* Gallery Tab Styles */
.gallery-tab-list[b-90yt5g667w] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 10px;
}

.gallery-tab[b-90yt5g667w] {
    padding: 10px 20px;
    text-decoration: none;
    color: #6b7280;
    border: 2px solid transparent;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease;
    font-weight: 500;
    position: relative;
}

.gallery-tab:hover[b-90yt5g667w] {
    color: #374151;
    background-color: #f9fafb;
    border-color: #d1d5db;
}

.gallery-tab.active[b-90yt5g667w] {
    color: #059669;
    background-color: #ecfdf5;
    border-color: #10b981;
    border-bottom-color: #ecfdf5;
    margin-bottom: -2px;
}

.gallery-content[b-90yt5g667w] {
    display: block;
    animation: fadeIn-b-90yt5g667w 0.3s ease-in-out;
}

.gallery-content.hidden[b-90yt5g667w] {
    display: none;
}

@keyframes fadeIn-b-90yt5g667w {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ─── Add-Element-to-List Button ───────────────────────────────────────────── */

[b-90yt5g667w] .editor-open  .element-list:hover .spm-element-list-add-element-btn,
[b-90yt5g667w] .editor-open  .element-list:focus-within .spm-element-list-add-element-btn {
    display: flex !important;
}

[b-90yt5g667w] .spm-element-list-add-element-btn:hover {
    filter: brightness(1.15) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.4) !important;
}

/* ─── Add-Card-Layout-Below Button ─────────────────────────────────────────── */

[b-90yt5g667w] .editor-open .card-layout:hover .spm-card-layout-add-below-btn,
[b-90yt5g667w] .editor-open .card-layout:focus-within .spm-card-layout-add-below-btn {
    display: flex !important;
}

[b-90yt5g667w] .spm-card-layout-add-below-btn:hover {
    filter: brightness(1.15) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.4) !important;
}
/* /Components/Pages/Spm/BackOffice/Webapps/NewEditor/NewContentTemplateOrganizer.razor.rz.scp.css */
/* NewContentTemplateOrganizer Component Styles */

/* Vertical Ruler Styles */
.vertical-ruler[b-nh6htwm0ii] {
    width: 32px;
    background: #f0f0f0;
    border-right: 3px solid #333;
    position: relative;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

.ruler-mark[b-nh6htwm0ii] {
    font-size: 8px;
    font-weight: bold;
    color: #333;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    margin-left: 2px;
    line-height: 1;
}

.ruler-line[b-nh6htwm0ii] {
    width: 12px;
    height: 2px;
    background-color: #333;
    margin-left: auto;
}

/* Content Template Container */
.content-template-container[b-nh6htwm0ii] {
    margin: 0;
    padding: 0;
    transition: all 0.2s ease;
}

.content-template-container:not([style*="position"])[b-nh6htwm0ii] {
    position: relative;
}

/* Template Action Strip (40px flex sibling) */
.tpl-strip[b-nh6htwm0ii] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 8px;
    gap: 6px;
    z-index: 9999999999;
}

.tpl-full[b-nh6htwm0ii] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: sticky;
    top: 8px;
}

/* tpl-collapsed hidden by default; shown when JS adds .tpl-short to the strip */
.tpl-collapsed[b-nh6htwm0ii] {
    display: none;
}

.tpl-strip.tpl-short .tpl-full[b-nh6htwm0ii] {
    display: none;
}

.tpl-strip.tpl-short .tpl-collapsed[b-nh6htwm0ii] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Template Center Lines */
.template-horizontal-line[b-nh6htwm0ii] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 99998;
    pointer-events: none;
    opacity: 0.8;
    transition: all 0.2s ease;
}

.template-horizontal-line[data-snapping="true"][b-nh6htwm0ii] {
    opacity: 1;
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.8);
}

.template-vertical-line[b-nh6htwm0ii] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: 99998;
    pointer-events: none;
    opacity: 0.8;
    transition: all 0.2s ease;
}

.template-vertical-line[data-snapping="true"][b-nh6htwm0ii] {
    opacity: 1;
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.8);
}

/* Grid Lines */
.grid-line[b-nh6htwm0ii] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    z-index: 10;
    pointer-events: none;
}

.grid-line-aligned[b-nh6htwm0ii] {
    background-color: var(--grid-color, #333);
}

/* Center Intersection Point */
.center-intersection[b-nh6htwm0ii] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: radial-gradient(circle, #4ecdc4 0%, #45b7d1 100%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 99998;
    pointer-events: none;
    opacity: 0.9;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

/* Scrollbar Styling */
[b-nh6htwm0ii]::-webkit-scrollbar {
    width: 8px;
}

[b-nh6htwm0ii]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

[b-nh6htwm0ii]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

[b-nh6htwm0ii]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Responsive Design */
@media (max-width: 768px) {
    .vertical-ruler[b-nh6htwm0ii] {
        width: 24px;
    }

    .template-edit-buttons[b-nh6htwm0ii] {
        right: -36px;
        gap: 3px;
    }

    .template-edit-buttons .btn[b-nh6htwm0ii] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Animation for snapping */
@keyframes snapGlow-b-nh6htwm0ii {
    0% { box-shadow: 0 0 5px rgba(13, 110, 253, 0.5); }
    50% { box-shadow: 0 0 15px rgba(13, 110, 253, 1); }
    100% { box-shadow: 0 0 5px rgba(13, 110, 253, 0.5); }
}

.template-horizontal-line[data-snapping="true"][b-nh6htwm0ii],
.template-vertical-line[data-snapping="true"][b-nh6htwm0ii] {
    animation: snapGlow-b-nh6htwm0ii 1s ease-in-out infinite;
}

/* Loading states */
.template-loading[b-nh6htwm0ii] {
    position: relative;
    opacity: 0.6;
    pointer-events: none;
}

.template-loading[b-nh6htwm0ii]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin-b-nh6htwm0ii 1s linear infinite;
}

@keyframes spin-b-nh6htwm0ii {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* /Components/Pages/Spm/BackOffice/Webapps/NewEditor/NewEditor.razor.rz.scp.css */
/* NewEditor Component Styles */

.content-canvas:not(.spm-editor-device-canvas)[b-y7k3h6cujw] {
    background-color: #ffffff;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: auto;
}

/*
 * Each editor device preview scrolls independently. DB templates use position:fixed for
 * live preview; sticky scoped to the inner scroll layer pins headers to that screen only.
 */
.spm-editor-device-canvas[b-y7k3h6cujw] {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.spm-editor-canvas-viewport[b-y7k3h6cujw] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.spm-editor-canvas-scroll[b-y7k3h6cujw] {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-canvas-scroll[b-y7k3h6cujw] {
    position: relative;
}

/*
 * Fullscreen device frame is the fixed containing block (same idea as desktop display area).
 * Without this, position:fixed attaches to the browser viewport and bleeds past tablet/mobile frames.
 */
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw] {
    transform: translateZ(0) !important;
    overflow: hidden !important;
    isolation: isolate;
}

.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position: fixed"],
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position:fixed"],
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position: sticky"],
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position:sticky"],
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .cardLayoutGroup,
.spm-screen-fullscreen-active .screen-wrapper.screen-fullscreen .spm-editor-device-canvas[b-y7k3h6cujw]  .cards-layout-group {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Multi-screen overview only — sticky pin per screen preview. */
:not(.spm-screen-fullscreen-active) .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position: fixed"],
:not(.spm-screen-fullscreen-active) .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position:fixed"],
:not(.spm-screen-fullscreen-active) .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position: sticky"],
:not(.spm-screen-fullscreen-active) .spm-editor-device-canvas[b-y7k3h6cujw]  .content-template-container[data-template-style*="position:sticky"] {
    position: sticky !important;
    align-self: flex-start;
    flex: none !important;
    width: 100%;
}

.content-scaler[b-y7k3h6cujw] {
    transform-origin: top left;
    position: relative;
}

.content-edit-sidabar[b-y7k3h6cujw] {
    background: #28a745;
    overflow-y: auto;
}

/* Ruler Styles */
.ruler-container[b-y7k3h6cujw] {
    background: #f0f0f0;
    border-bottom: 3px solid #333;
}

.ruler-spacer[b-y7k3h6cujw] {
    background: #f0f0f0;
    border-right: 3px solid #333;
}

.ruler-column[b-y7k3h6cujw] {
    border-right: 1px solid #666;
}

.ruler-column:nth-child(even)[b-y7k3h6cujw] {
    background: #e9ecef;
}

.ruler-column:nth-child(odd)[b-y7k3h6cujw] {
    background: #f8f9fa;
}

.ruler-column-text[b-y7k3h6cujw] {
    font-size: 10px;
    font-weight: bold;
    color: #333;
}

/* Responsive Design */
@media (max-width: 768px) {
    .content-canvas[b-y7k3h6cujw] {
        width: 100% !important;
    }

    .content-edit-sidabar[b-y7k3h6cujw] {
        width: 100% !important;
        height: auto !important;
    }
}

/* Animation for sidebar toggle */
.content-edit-sidabar[b-y7k3h6cujw] {
    transition: width 0.3s ease-in-out;
}

.content-canvas[b-y7k3h6cujw] {
    transition: width 0.3s ease-in-out;
}

/* Loading states */
.loading-overlay[b-y7k3h6cujw] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loading-spinner[b-y7k3h6cujw] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-y7k3h6cujw 1s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Tms/Components/TaskBoardsDashboard.razor.rz.scp.css */
.ws-toolbar[b-a4q6nfuz9i] {
    gap: 16px;
    padding: 12px 16px;
}

.ws-filter-selector[b-a4q6nfuz9i] {
    flex-shrink: 0;
    width: 260px;
    min-width: 220px;
}

.ws-filter-selector[b-a4q6nfuz9i]  .combinate-component {
    width: 100%;
}

.ws-search[b-a4q6nfuz9i] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 260px;
    min-width: 220px;
    max-width: 420px;
}

.ws-search__icon[b-a4q6nfuz9i] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #64748b;
    pointer-events: none;
    z-index: 1;
    line-height: 1;
}

.ws-search__input[b-a4q6nfuz9i] {
    width: 100%;
    height: 44px;
    padding: 0 40px 0 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    font-size: 0.95rem;
    line-height: 44px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ws-search__input[b-a4q6nfuz9i]::placeholder {
    color: #64748b;
}

.ws-search__input:focus[b-a4q6nfuz9i] {
    outline: none;
    border-color: #1177CC;
    box-shadow: 0 0 0 3px rgba(17, 119, 204, 0.15);
}

.ws-search__clear[b-a4q6nfuz9i] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    z-index: 1;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.ws-search__clear:hover[b-a4q6nfuz9i] {
    color: var(--main-text-color, #fff);
    background: rgba(255, 255, 255, 0.1);
}

.ws-search__clear .material-icons-outlined[b-a4q6nfuz9i] {
    font-size: 18px;
    line-height: 1;
}

.ws-view-toggle[b-a4q6nfuz9i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    flex-shrink: 0;
}

.ws-open-btn[b-a4q6nfuz9i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(148, 163, 184, 0.08);
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.ws-open-btn__icon[b-a4q6nfuz9i] {
    font-size: 16px;
    line-height: 1;
    color: inherit;
    transition: transform 0.18s ease;
}

.ws-open-btn.default-header-color-hover:hover[b-a4q6nfuz9i] {
    transform: translateY(-1px);
}

.workspace-card:hover .ws-open-btn__icon[b-a4q6nfuz9i],
.ws-list-row:hover .ws-open-btn__icon[b-a4q6nfuz9i] {
    transform: translateX(4px);
}

.ws-list-row__info[b-a4q6nfuz9i] {
    flex: 1;
    min-width: 0;
}

.ws-list-row__meta[b-a4q6nfuz9i] {
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-a4q6nfuz9i] {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

@media (min-width: 741px) {
    .ws-list-row:not(.ws-list-row--wide) .ws-list-row__main[b-a4q6nfuz9i] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.ws-list-row:not(.ws-list-row--wide) .ws-list-row__aside[b-a4q6nfuz9i] {
    margin-top: 12px;
}

.ws-list-row--wide[b-a4q6nfuz9i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ws-list-row--wide .ws-list-row__main[b-a4q6nfuz9i] {
    flex: 1;
    min-width: 0;
    align-items: center;
    gap: 28px;
}

.ws-list-row--wide .ws-list-row__meta[b-a4q6nfuz9i] {
    gap: 20px;
}

.ws-list-row--wide .ws-list-row__aside[b-a4q6nfuz9i] {
    flex-shrink: 0;
    margin-top: 0;
}

@media (max-width: 992px) {
    .ws-toolbar[b-a4q6nfuz9i] {
        align-items: stretch;
    }

    .ws-search[b-a4q6nfuz9i] {
        order: 2;
        flex: 1 1 100%;
        max-width: none;
    }

    .ws-view-toggle[b-a4q6nfuz9i] {
        order: 3;
        margin-left: auto;
    }
}
/* /Components/Pages/Tms/Components/WorkspacesDashboard.razor.rz.scp.css */
/* /Components/SharedComponents/ButtonDesigns/GeneralButton.razor.rz.scp.css */
.general-btn-tooltip-wrap[b-1eycj6dadp] {
    display: inline-block;
}

.general-btn-tooltip-wrap--disabled[b-1eycj6dadp] {
    cursor: not-allowed;
}

.general-btn-tooltip-wrap--disabled .create-workspace-btn-blocked[b-1eycj6dadp] {
    pointer-events: none;
}
/* /Components/SharedComponents/ButtonDesigns/ResponsiveActionButtons.razor.rz.scp.css */
.responsive-action-buttons[b-5ulvx6fwj2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.responsive-action-buttons__inline[b-5ulvx6fwj2] {
    flex-wrap: wrap;
}

.responsive-action-buttons__trigger[b-5ulvx6fwj2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    padding: 0;
}

.responsive-action-buttons__panel[b-5ulvx6fwj2] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 240px;
    border-radius: 12px;
    padding: 8px;
    z-index: 100002;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.responsive-action-buttons__panel[b-5ulvx6fwj2]  .create-workspace-btn {
    width: 100%;
    justify-content: flex-start;
}
/* /Components/SharedComponents/Dashboard/DashboardWelcomeHeader.razor.rz.scp.css */
.welcome-section[b-4nkkmplmhx] {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.welcome-avatar[b-4nkkmplmhx] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
    font-weight: 600;
    flex-shrink: 0;
}

.welcome-content[b-4nkkmplmhx] {
    flex: 1;
}

.welcome-greeting[b-4nkkmplmhx] {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.7;
    margin-bottom: 0.25rem;
}

.welcome-name[b-4nkkmplmhx] {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.welcome-details[b-4nkkmplmhx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.welcome-details[b-4nkkmplmhx]  .welcome-detail-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    opacity: 0.85;
}

.welcome-details[b-4nkkmplmhx]  .welcome-detail-item i {
    font-size: 1rem;
    opacity: 0.7;
}

.welcome-stats[b-4nkkmplmhx] {
    display: flex;
    gap: 1rem;
    margin-left: auto;
}

.welcome-stat-card[b-4nkkmplmhx] {
    padding: 1rem 1.5rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    text-align: center;
    min-width: 120px;
}

.dark .welcome-stat-card[b-4nkkmplmhx],
.black .welcome-stat-card[b-4nkkmplmhx] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.welcome-stat-value[b-4nkkmplmhx] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2a9d8f;
}

.dark .welcome-stat-value[b-4nkkmplmhx],
.black .welcome-stat-value[b-4nkkmplmhx] {
    color: #34d399;
}

.welcome-stat-label[b-4nkkmplmhx] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.7;
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .welcome-section[b-4nkkmplmhx] {
        flex-direction: column;
        text-align: center;
    }

    .welcome-details[b-4nkkmplmhx] {
        justify-content: center;
    }

    .welcome-stats[b-4nkkmplmhx] {
        margin-left: 0;
        margin-top: 1rem;
    }
}
/* /Components/SharedComponents/DynamicForm/DynamicFormField.razor.rz.scp.css */
/* /Components/SharedComponents/Header/MainHeader.razor.rz.scp.css */
.main-header[b-ab55iyc0ec] {
    min-width: 0;
}

.main-header--fluid[b-ab55iyc0ec] {
    width: 100%;
}

.main-header__text[b-ab55iyc0ec] {
    min-width: 0;
}

.main-header__title[b-ab55iyc0ec],
.main-header__subtitle[b-ab55iyc0ec] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.main-header__subtitle[b-ab55iyc0ec] {
    margin-top: -5px;
}
/* /Components/SharedComponents/Modals/ModalParts/CardActionButton.razor.rz.scp.css */
.card-action-btn[b-agi2blrz7q] {
    --card-action-accent: #64748b;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border-radius: 10px;
    background: rgba(148, 163, 184, 0.08);
    cursor: pointer;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.card-action-btn__icon[b-agi2blrz7q] {
    font-size: 18px;
    line-height: 1;
    color: inherit;
}

.card-action-btn:hover:not(:disabled)[b-agi2blrz7q] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--card-action-accent) 18%, transparent);
    border-color: color-mix(in srgb, var(--card-action-accent) 38%, transparent);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--card-action-accent) 22%, transparent);
}

.card-action-btn:focus-visible[b-agi2blrz7q] {
    outline: 2px solid rgba(148, 163, 184, 0.45);
    outline-offset: 2px;
}

.card-action-btn:active:not(:disabled)[b-agi2blrz7q] {
    transform: translateY(0);
    box-shadow: none;
}

.card-action-btn:disabled[b-agi2blrz7q] {
    opacity: 0.38;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.card-action-btn.action-share[b-agi2blrz7q] {
    --card-action-accent: #3b82f6;
}

.card-action-btn.action-users[b-agi2blrz7q] {
    --card-action-accent: #10b981;
}

.card-action-btn.action-edit[b-agi2blrz7q] {
    --card-action-accent: #f59e0b;
}

.card-action-btn.action-delete[b-agi2blrz7q] {
    --card-action-accent: #ef4444;
}

.card-action-btn.action-transfer[b-agi2blrz7q] {
    --card-action-accent: #3b82f6;
}

.card-action-btn.action-expenses[b-agi2blrz7q] {
    --card-action-accent: #ef4444;
}

.card-action-btn.action-revenue[b-agi2blrz7q] {
    --card-action-accent: #10b981;
}
/* /Components/SharedComponents/Modals/ModalParts/CardActionsContent.razor.rz.scp.css */
.card-actions[b-7ssbr8u6sm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.responsive-card-footer__panel-actions[b-7ssbr8u6sm] {
    gap: 8px;
}
/* /Components/SharedComponents/Modals/ModalParts/ResponsiveCardFooter.razor.rz.scp.css */
.responsive-card-footer-inline[b-q2itklh1fi] {
    display: contents;
}

.responsive-card-footer__panel[b-q2itklh1fi] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    border-radius: 12px;
    padding: 8px;
    z-index: 100002;
}

.responsive-card-footer__panel-actions[b-q2itklh1fi] {
    flex-wrap: wrap;
}

.responsive-card-footer__trigger:hover[b-q2itklh1fi] {
    transform: translateY(-2px);
}
/* /Components/SharedComponents/Modals/ModalParts/ResponsiveModalHeader.razor.rz.scp.css */
.responsive-modal-header[b-xcmg5xp5ir] {
    gap: 12px;
}

.responsive-modal-header.border-bottom[b-xcmg5xp5ir] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.responsive-modal-header__title[b-xcmg5xp5ir] {
    flex: 1;
    min-width: 0;
}

.responsive-modal-header__actions[b-xcmg5xp5ir] {
    flex-shrink: 0;
}

.responsive-modal-header__actions[b-xcmg5xp5ir]  .create-workspace-btn,
.responsive-modal-header__actions[b-xcmg5xp5ir]  .close-btn {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .responsive-modal-header[b-xcmg5xp5ir] {
        align-items: flex-start;
    }
}
/* /Components/SharedComponents/Selectors/CategorySelector.razor.rz.scp.css */
/* ── Root & trigger (matches CombinateSelector shell) ─ */
.catsel-root[b-65gy21glrf] {
    width: 100%;
}

.catsel-trigger-placeholder[b-65gy21glrf] {
    opacity: 1;
}

.light .catsel-trigger-placeholder[b-65gy21glrf] {
    color: #94a3b8 !important;
}

.dark .catsel-trigger-placeholder[b-65gy21glrf] {
    color: #6b7280 !important;
}

.black .catsel-trigger-placeholder[b-65gy21glrf] {
    color: #9ca3af !important;
}

.light-theme-dark-sidebar .catsel-trigger-placeholder[b-65gy21glrf] {
    color: #94a3b8 !important;
}

/* ── Dropdown panel (portaled via JS) ─────────────────── */
.catsel-panel[b-65gy21glrf] {
    display: flex;
    flex-direction: column;
    max-height: min(340px, 52vh);
    border-radius: 0.625rem;
    overflow: hidden;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.12),
        0 12px 28px -4px rgba(0, 0, 0, 0.18);
    pointer-events: auto;
}

/* ── Search ───────────────────────────────────────────── */
.catsel-search[b-65gy21glrf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    flex-shrink: 0;
}

.catsel-search .material-icons-outlined[b-65gy21glrf] {
    font-size: 1.1rem !important;
    opacity: 0.6;
}

.catsel-search input[b-65gy21glrf] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.88rem;
}

.catsel-search input[b-65gy21glrf]::placeholder {
    opacity: 1;
}

.catsel-panel.light .catsel-search input[b-65gy21glrf]::placeholder {
    color: #94a3b8;
}

.catsel-panel.dark .catsel-search input[b-65gy21glrf]::placeholder {
    color: #6b7280;
}

.catsel-panel.black .catsel-search input[b-65gy21glrf]::placeholder,
.catsel-panel.black.ams .catsel-search input[b-65gy21glrf]::placeholder {
    color: #9ca3af;
}

.catsel-panel.light-theme-dark-sidebar .catsel-search input[b-65gy21glrf]::placeholder {
    color: #94a3b8;
}

/* ── Scrollable list ──────────────────────────────────── */
.catsel-list[b-65gy21glrf] {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.35rem;
}

.catsel-empty[b-65gy21glrf] {
    padding: 1.25rem 0.75rem;
    text-align: center;
    font-size: 0.85rem;
}

/* ── Add action ───────────────────────────────────────── */
.catsel-action[b-65gy21glrf] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    margin-bottom: 0.25rem;
    border: none;
    border-radius: 0.45rem;
    font-size: 0.86rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.catsel-action .material-icons-outlined[b-65gy21glrf] {
    font-size: 1.1rem !important;
}

/* ── Rows (flat & tree) ───────────────────────────────── */
.catsel-row[b-65gy21glrf] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    min-height: 36px;
    padding: 0.35rem 0.45rem;
    border: none;
    border-radius: 0.45rem;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.14s ease;
}

.catsel-row:hover[b-65gy21glrf] {
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 10%, transparent);
}

.catsel-row--selected[b-65gy21glrf] {
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 16%, transparent);
}

.catsel-row--selected .catsel-row-label[b-65gy21glrf] {
    font-weight: 600;
}

.catsel-row--all[b-65gy21glrf] {
    margin-bottom: 0.2rem;
    border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent);
    border-radius: 0.45rem 0.45rem 0 0;
    padding-bottom: 0.5rem;
}

.catsel-row-icon[b-65gy21glrf] {
    font-size: 1.05rem !important;
    flex-shrink: 0;
    opacity: 0.7;
}

.catsel-row-label[b-65gy21glrf] {
    flex: 1;
    min-width: 0;
    font-size: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
}

.catsel-row-btn[b-65gy21glrf] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.catsel-check[b-65gy21glrf] {
    font-size: 1.1rem !important;
    flex-shrink: 0;
    color: var(--app-accent, #3b82f6);
}

/* ── Search result layout ─────────────────────────────── */
.catsel-row--search[b-65gy21glrf] {
    align-items: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.catsel-search-copy[b-65gy21glrf] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    flex: 1;
    min-width: 0;
}

.catsel-search-path[b-65gy21glrf] {
    font-size: 0.72rem;
    line-height: 1.35;
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* ── Drill-down navigation (sticky, single row) ───────── */
.catsel-nav[b-65gy21glrf] {
    flex-shrink: 0;
    padding: 0.4rem 0.45rem;
}

.catsel-nav-bar[b-65gy21glrf] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.catsel-crumb-back[b-65gy21glrf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 10%, transparent);
    cursor: pointer;
    transition: background 0.14s ease;
}

.catsel-crumb-back:hover[b-65gy21glrf] {
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 18%, transparent);
}

.catsel-crumb-back .material-icons-outlined[b-65gy21glrf] {
    font-size: 1.1rem !important;
}

.catsel-crumb-trail[b-65gy21glrf] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.1rem;
    min-width: 0;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    font-size: 0.76rem;
    line-height: 1.2;
    -webkit-overflow-scrolling: touch;
    mask-image: linear-gradient(to right, transparent, #000 6px, #000 calc(100% - 6px), transparent);
}

.catsel-crumb-trail[b-65gy21glrf]::-webkit-scrollbar {
    height: 3px;
}

.catsel-crumb-sep[b-65gy21glrf] {
    flex-shrink: 0;
    opacity: 0.45;
    user-select: none;
    padding: 0 0.05rem;
}

.catsel-crumb-ellipsis[b-65gy21glrf] {
    flex-shrink: 0;
    padding: 0 0.15rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    user-select: none;
}

.catsel-crumb-link[b-65gy21glrf] {
    flex-shrink: 0;
    border: none;
    background: transparent;
    padding: 0.15rem 0.25rem;
    border-radius: 0.25rem;
    cursor: pointer;
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: inherit;
    transition: background 0.14s ease;
}

.catsel-crumb-link:hover:not(:disabled)[b-65gy21glrf] {
    background: color-mix(in srgb, currentColor 8%, transparent);
}

.catsel-crumb-link--current[b-65gy21glrf] {
    font-weight: 700;
    max-width: 9rem;
    cursor: default;
    pointer-events: none;
}

.catsel-row--here[b-65gy21glrf] {
    margin-bottom: 0.2rem;
    border: 1px solid color-mix(in srgb, var(--app-accent, #3b82f6) 22%, transparent);
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 6%, transparent);
}

.catsel-hint[b-65gy21glrf] {
    padding: 0.35rem 0.65rem 0.5rem;
    font-size: 0.78rem;
    font-style: italic;
    opacity: 0.65;
}

.catsel-drill[b-65gy21glrf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    margin-left: 0.15rem;
    padding: 0;
    border: none;
    border-radius: 0.4rem;
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 12%, transparent);
    cursor: pointer;
    transition: background 0.14s ease, transform 0.14s ease;
}

.catsel-drill:hover[b-65gy21glrf] {
    background: color-mix(in srgb, var(--app-accent, #3b82f6) 22%, transparent);
    transform: translateX(1px);
}

.catsel-drill .material-icons-outlined[b-65gy21glrf] {
    font-size: 1.2rem !important;
    opacity: 0.85;
}

/* ── Theme: light ─────────────────────────────────────── */
.catsel-panel.light[b-65gy21glrf] {
    --app-accent: #2563eb;
}

.catsel-panel.light .catsel-action--add[b-65gy21glrf] {
    color: #2563eb;
    background: color-mix(in srgb, #2563eb 8%, transparent);
}

.catsel-panel.light .catsel-action--add:hover[b-65gy21glrf] {
    background: color-mix(in srgb, #2563eb 14%, transparent);
}

/* ── Theme: dark ──────────────────────────────────────── */
.catsel-panel.dark[b-65gy21glrf] {
    --app-accent: #60a5fa;
}

.catsel-panel.dark .catsel-action--add[b-65gy21glrf] {
    color: #93c5fd;
    background: color-mix(in srgb, #60a5fa 12%, transparent);
}

/* ── Theme: black / AMS ───────────────────────────────── */
.catsel-panel.black[b-65gy21glrf],
.catsel-panel.black.ams[b-65gy21glrf] {
    --app-accent: #CE5E29;
}

.catsel-panel.black .catsel-action--add[b-65gy21glrf],
.catsel-panel.black.ams .catsel-action--add[b-65gy21glrf] {
    color: #CE5E29;
    background: color-mix(in srgb, #CE5E29 12%, transparent);
}

.catsel-panel.black .catsel-check[b-65gy21glrf],
.catsel-panel.black.ams .catsel-check[b-65gy21glrf] {
    color: #CE5E29;
}
/* /Components/SharedComponents/Tables/DynamicFormTableField.razor.rz.scp.css */