@import 'ZeroslackWebApp.Client.3y9dyv10o9.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/ZeroslackWebApp/Components/Layout/AboutLink.razor.rz.scp.css */
.whats-new-btn-wrap[b-euqoc1qn0t]  .rz-button {
    position: relative;
}

.whats-new-header-badge[b-euqoc1qn0t] {
    position: absolute;
    top: -4px;
    right: -2px;
    z-index: 1;
    line-height: 0;
    display: inline-block;
    transform: scale(1);
    transform-origin: top right;
}
/* _content/ZeroslackWebApp/Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-elg3qecuwa] {
    --sidebar-width: 250px;
}

.page[b-elg3qecuwa] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.sidebar[b-elg3qecuwa] {
    background-image: linear-gradient(to bottom, black, #0367A2);
    box-sizing: border-box;
}

.sidebar-resize-handle[b-elg3qecuwa] {
    display: none;
}

body.sidebar-resize-dragging[b-elg3qecuwa] {
    cursor: col-resize !important;
    user-select: none !important;
}

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

.top-row-about[b-elg3qecuwa] {
    margin-left: auto;
    flex-shrink: 0;
}

.top-row-staging[b-elg3qecuwa] {
    flex-shrink: 1;
    min-width: 0;
    max-width: min(24vw, 18rem);
    margin-right: 0.5rem;
}

.top-row-staging[b-elg3qecuwa]  .rz-badge {
    font-size: 0.6rem !important;
    padding: 0.15rem 0.35rem !important;
    border-radius: 0.35rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.top-row-client[b-elg3qecuwa] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    max-width: 45vw;
    padding: 0.35rem 0.7rem;
    border: 1px solid #d6d5d5;
    border-radius: 999px;
    background: #ffffff;
    margin-right: 1rem;
    position: relative;
}

.top-row-client-label[b-elg3qecuwa] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6c757d;
}

.top-row-client-name[b-elg3qecuwa] {
    font-weight: 600;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-row-client-sites-popover[b-elg3qecuwa] {
    display: none;
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    min-width: 18rem;
    max-width: 28rem;
    max-height: 18rem;
    overflow: auto;
    z-index: 10;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d6d5d5;
    border-radius: 0.5rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.top-row-client:hover .top-row-client-sites-popover[b-elg3qecuwa] {
    display: block;
}

.top-row-client-sites-title[b-elg3qecuwa] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    margin-bottom: 0.35rem;
}

.top-row-client-sites-list[b-elg3qecuwa] {
    margin: 0;
    padding-left: 1rem;
}

.top-row-client-sites-list li[b-elg3qecuwa] {
    font-size: 0.85rem;
    color: #1f2937;
    line-height: 1.35;
}

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

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

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

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

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

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

    .sidebar[b-elg3qecuwa] {
        position: fixed;
        top: 0;
        left: 0;
        width: var(--sidebar-width, 250px);
        height: 100vh;
        z-index: 2;
    }

    .sidebar-resize-handle[b-elg3qecuwa] {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 7px;
        height: 100%;
        cursor: col-resize;
        z-index: 20;
        touch-action: none;
        background: transparent;
    }

    .sidebar-resize-handle:hover[b-elg3qecuwa],
    body.sidebar-resize-dragging .sidebar-resize-handle[b-elg3qecuwa] {
        background: rgba(255, 255, 255, 0.12);
    }

    main[b-elg3qecuwa] {
        margin-left: var(--sidebar-width, 250px);
        width: calc(100% - var(--sidebar-width, 250px));
        box-sizing: border-box;
    }

    /* Full-bleed device routes (mobile clock, manager, job costing kiosk) — no sidebar gutter */
    .page--device main[b-elg3qecuwa],
    main.main--device[b-elg3qecuwa] {
        margin-left: 0;
        width: 100%;
    }

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



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

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

    .page--device article.content--device[b-elg3qecuwa],
    article.content--device[b-elg3qecuwa] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


#blazor-error-ui[b-elg3qecuwa] {
    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-elg3qecuwa] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ZeroslackWebApp/Components/Layout/ManagerLayout.razor.rz.scp.css */
/* Manager styles live in wwwroot/css/manager-app.css (shared with Radzen dialogs). */
/* _content/ZeroslackWebApp/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-8tgrb8sjm8] {
    height: 3.5rem;
    background-color: #0367A2;
}

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

.bi[b-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    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-8tgrb8sjm8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-8tgrb8sjm8]  .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-8tgrb8sjm8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/ZeroslackWebApp/Components/Layout/NavMenuclient.razor.rz.scp.css */
.navbar-toggler[b-kbze58zlq8] {
    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-kbze58zlq8] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-kbze58zlq8] {
    height: 55px;
    background-color: black;
}

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

.bi[b-kbze58zlq8] {
    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-kbze58zlq8] {
    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-kbze58zlq8] {
    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-kbze58zlq8] {
    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-kbze58zlq8] {
    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-kbze58zlq8] {
    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-kbze58zlq8],
.bi-person-badge-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6m5 2.755C12.146 12.825 10.623 12 8 12s-4.146.826-5 1.755V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-kbze58zlq8] {
    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-kbze58zlq8] {
    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");
}

.bi-envelope-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-envelope-exclamation-fill' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.5 4.5 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586zM16 4.697v4.974A4.5 4.5 0 0 0 12.5 8a4.5 4.5 0 0 0-1.965.45l-.338-.207z'/%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0m0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/%3E%3C/svg%3E");
}

.bi-alarm-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-alarm-fill' viewBox='0 0 16 16'%3E  %3Cpath d='M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07a7.001 7.001 0 0 1 3.274 12.474l.601.602a.5.5 0 0 1-.707.708l-.746-.746A6.97 6.97 0 0 1 8 16a6.97 6.97 0 0 1-3.422-.892l-.746.746a.5.5 0 0 1-.707-.708l.602-.602A7.001 7.001 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5m2.5 5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.04 8.04 0 0 0 .86 5.387M11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.04 8.04 0 0 0-3.527-3.527'/%3E%3C/svg%3E");
}

.bi-phone-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.bi-pencil-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-pencil-fill' viewBox='0 0 16 16'%3E  %3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z'/%3E%3C/svg%3E");
}
.bi-file-text-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-file-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-kbze58zlq8] {
    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-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-cloud-upload-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-cloud-upload' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.02.293-.03.464-.042A5.53 5.53 0 0 1 4.406 1.342M9.5 6.5a.5.5 0 0 0-1 0V10.36L7.23 8.59a.5.5 0 0 0-.708.708l2.914 2.915a.5.5 0 0 0 .708 0l2.914-2.914a.5.5 0 0 0-.707-.708L10 10.359V6.5Z'/%3E%3C/svg%3E");
}

.bi-gear-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-gear' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E  %3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-key-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-key' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8m4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5'/%3E%3Cpath d='M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

.bi-fingerprint-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-fingerprint' viewBox='0 0 16 16'%3E%3Cpath d='M8.06 6.5a.5.5 0 0 1 .5.5v.776a11.5 11.5 0 0 1-.552 3.519l-1.331 4.14a.5.5 0 0 1-.952-.305l1.33-4.141a10.5 10.5 0 0 0 .504-3.213V7a.5.5 0 0 1 .5-.5Z'/%3E%3Cpath d='M6.06 7a2 2 0 1 1 4 0 .5.5 0 1 1-1 0 1 1 0 1 0-2 0v.332q0 .613-.066 1.221A.5.5 0 0 1 6 8.447q.06-.555.06-1.115zm3.509 1a.5.5 0 0 1 .487.513 11.5 11.5 0 0 1-.587 3.339l-1.266 3.8a.5.5 0 0 1-.949-.317l1.267-3.8a10.5 10.5 0 0 0 .535-3.048A.5.5 0 0 1 9.569 8m-3.356 2.115a.5.5 0 0 1 .33.626L5.24 14.939a.5.5 0 1 1-.955-.296l1.303-4.199a.5.5 0 0 1 .625-.329'/%3E%3Cpath d='M4.759 5.833A3.501 3.501 0 0 1 11.559 7a.5.5 0 0 1-1 0 2.5 2.5 0 0 0-4.857-.833.5.5 0 1 1-.943-.334m.3 1.67a.5.5 0 0 1 .449.546 10.7 10.7 0 0 1-.4 2.031l-1.222 4.072a.5.5 0 1 1-.958-.287L4.15 9.793a9.7 9.7 0 0 0 .363-1.842.5.5 0 0 1 .546-.449Zm6 .647a.5.5 0 0 1 .5.5c0 1.28-.213 2.552-.632 3.762l-1.09 3.145a.5.5 0 0 1-.944-.327l1.089-3.145c.382-1.105.578-2.266.578-3.435a.5.5 0 0 1 .5-.5Z'/%3E%3Cpath d='M3.902 4.222a5 5 0 0 1 5.202-2.113.5.5 0 0 1-.208.979 4 4 0 0 0-4.163 1.69.5.5 0 0 1-.831-.556m6.72-.955a.5.5 0 0 1 .705-.052A4.99 4.99 0 0 1 13.059 7v1.5a.5.5 0 1 1-1 0V7a3.99 3.99 0 0 0-1.386-3.028.5.5 0 0 1-.051-.705M3.68 5.842a.5.5 0 0 1 .422.568q-.044.289-.044.59c0 .71-.1 1.417-.298 2.1l-1.14 3.923a.5.5 0 1 1-.96-.279L2.8 8.821A6.5 6.5 0 0 0 3.058 7q0-.375.054-.736a.5.5 0 0 1 .568-.422m8.882 3.66a.5.5 0 0 1 .456.54c-.084 1-.298 1.986-.64 2.934l-.744 2.068a.5.5 0 0 1-.941-.338l.745-2.07a10.5 10.5 0 0 0 .584-2.678.5.5 0 0 1 .54-.456'/%3E%3Cpath d='M4.81 1.37A6.5 6.5 0 0 1 14.56 7a.5.5 0 1 1-1 0 5.5 5.5 0 0 0-8.25-4.765.5.5 0 0 1-.5-.865m-.89 1.257a.5.5 0 0 1 .04.706A5.48 5.48 0 0 0 2.56 7a.5.5 0 0 1-1 0c0-1.664.626-3.184 1.655-4.333a.5.5 0 0 1 .706-.04ZM1.915 8.02a.5.5 0 0 1 .346.616l-.779 2.767a.5.5 0 1 1-.962-.27l.778-2.767a.5.5 0 0 1 .617-.346m12.15.481a.5.5 0 0 1 .49.51c-.03 1.499-.161 3.025-.727 4.533l-.07.187a.5.5 0 0 1-.936-.351l.07-.187c.506-1.35.63-2.74.663-4.202a.5.5 0 0 1 .51-.49'/%3E%3C/svg%3E");
}

.bi-journal-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

.bi-box-arrow-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='White' class='bi bi-box-arrow-down-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.364 12.5a.5.5 0 0 0 .5.5H14.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 14.5 0h-10A1.5 1.5 0 0 0 3 1.5v6.636a.5.5 0 1 0 1 0V1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H7.864a.5.5 0 0 0-.5.5'/%3E%3Cpath fill-rule='evenodd' d='M0 15.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1H1.707l8.147-8.146a.5.5 0 0 0-.708-.708L1 14.293V10.5a.5.5 0 0 0-1 0z'/%3E%3C/svg%3E");
}

.bi-hdd-network-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-hdd-network' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1M3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H8.5v3a1.5 1.5 0 0 1 1.5 1.5h5.5a.5.5 0 0 1 0 1H10A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5H.5a.5.5 0 0 1 0-1H6A1.5 1.5 0 0 1 7.5 10V7H2a2 2 0 0 1-2-2zm1 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1m6 7.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5'/%3E%3C/svg%3E");
}

.bi-graph-up-arrow-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm10 5.793 4.146-4.147.708.708-4.5 4.5a.5.5 0 0 1-.708 0L6.5 3.707 3.354 6.854l-.708-.708 3.5-3.5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-tools' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z'/%3E%3C/svg%3E");
}

.bi-briefcase-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-briefcase-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

/* Dashboard submenu */
.bi-person-walking-nav-menu[b-kbze58zlq8] {
    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-walking' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M6.44 3.752A.75.75 0 0 1 7 3.5h1.445c.742 0 1.32.643 1.243 1.38l-.43 4.083a1.8 1.8 0 0 1-.088.395l-.318.906.213.242a.8.8 0 0 1 .114.175l2 4.25a.75.75 0 1 1-1.357.638l-1.956-4.154-1.68-1.921A.75.75 0 0 1 6 8.96l.138-2.613-.435.489-.464 2.786a.75.75 0 1 1-1.48-.246l.5-3a.75.75 0 0 1 .18-.375l2-2.25Z'/%3E%3Cpath d='M6.25 11.745v-1.418l1.204 1.375.261.524a.8.8 0 0 1-.12.231l-2.5 3.25a.75.75 0 1 1-1.19-.914zm4.22-4.215-.494-.494.205-1.843.006-.067 1.124 1.124h1.44a.75.75 0 0 1 0 1.5H11a.75.75 0 0 1-.531-.22Z'/%3E%3C/svg%3E");
}

.bi-cpu-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-cpu' viewBox='0 0 16 16'%3E%3Cpath d='M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0m-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}

/* Projects submenu */
.bi-pencil-square-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/svg%3E");
}

.bi-file-earmark-spreadsheet-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/svg%3E");
}

/* Setup submenu */
.bi-sliders-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1z'/%3E%3C/svg%3E");
}

.bi-geo-alt-nav-menu[b-kbze58zlq8],
.bi-geo-alt-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
}

.bi-building-nav-menu[b-kbze58zlq8],
.bi-building-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3v-3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V16h3a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm1 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5M4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5m2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5m2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}

.bi-calendar-event-nav-menu[b-kbze58zlq8],
.bi-calendar-event-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.bi-person-gear-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m.256 7a4.5 4.5 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10q.39 0 .74.025c.226-.341.496-.65.804-.918Q8.844 9.002 8 9c-5 0-6 3-6 4s1 1 1 1zm3.63-4.54c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382zM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0'/%3E%3C/svg%3E");
}

.bi-cash-stack-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4'/%3E%3Cpath d='M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}

.bi-table-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z'/%3E%3C/svg%3E");
}

.bi-calendar2-range-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z'/%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM9 8a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1m-8 2h4a1 1 0 1 1 0 2H1z'/%3E%3C/svg%3E");
}

.bi-time-workspace-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 2.5A1.5 1.5 0 0 0 .5 4v8A1.5 1.5 0 0 0 2 13.5h12a1.5 1.5 0 0 0 1.5-1.5V4A1.5 1.5 0 0 0 14 2.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M12.5 8.5a.5.5 0 0 0-1 0v.776a11.5 11.5 0 0 1-.552 3.519l-1.331 4.14a.5.5 0 0 0 .952.305l1.33-4.141a10.5 10.5 0 0 0 .504-3.213V9a.5.5 0 0 0-.5-.5'/%3E%3C/svg%3E");
}

.bi-arrow-left-right-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5m14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5'/%3E%3C/svg%3E");
}

.bi-toggle2-on-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 5H3a3 3 0 0 0 0 6h4a5 5 0 0 1-.584-1H3a2 2 0 1 1 0-4h3.416q.235-.537.584-1'/%3E%3Cpath d='M16 8A5 5 0 1 1 6 8a5 5 0 0 1 10 0'/%3E%3C/svg%3E");
}

.bi-percent-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0M4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-dash-circle-nav-menu[b-kbze58zlq8],
.bi-dash-circle-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.bi-plus-circle-nav-menu[b-kbze58zlq8],
.bi-plus-circle-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z'/%3E%3C/svg%3E");
}

.bi-key-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8m4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5'/%3E%3Cpath d='M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

.bi-table-columns-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm8.5 0v8H15V2zm0 9v3H15v-3zm-1-9H1v3h6.5zM1 14h6.5V6H1z'/%3E%3C/svg%3E");
}

/* Special Functions submenu */
.bi-exclamation-triangle-nav-menu[b-kbze58zlq8],
.bi-exclamation-triangle-fill-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}

.bi-arrow-counterclockwise-nav-menu[b-kbze58zlq8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/svg%3E");
}

.nav-item[b-kbze58zlq8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    min-width: 0;
}

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

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

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

    .nav-item[b-kbze58zlq8]  .nav-link > span:not(.nav-link-label) {
        flex-shrink: 0;
    }

    .nav-item[b-kbze58zlq8]  .nav-link > .nav-link-label {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

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

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

.navbar-toggler:checked ~ .nav-scrollable[b-kbze58zlq8] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 3.5rem);
}

.navbar-toggler:checked ~ .nav-scrollable .nav-scrollable-content[b-kbze58zlq8] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

.navbar-toggler:checked ~ .nav-scrollable .nav-version[b-kbze58zlq8] {
    flex-shrink: 0;
}

.nav-version[b-kbze58zlq8] {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

img[b-kbze58zlq8] {
    width: 100%;
    position: absolute; /* Position the image absolutely within the navbar container */
    bottom: 10px; /* Position the image at the bottom of the navbar container */
    left: 50%; /* Align the left edge of the image to the center of the navbar container */
    transform: translateX(-50%); /* Center the image horizontally */
    padding-top : 0px;
}


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

    .nav-scrollable[b-kbze58zlq8] {
        /* Never collapse the sidebar for wide screens */
        display: flex;
        flex-direction: column;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
    }

    .nav-scrollable-content[b-kbze58zlq8] {
        flex: 1;
        min-height: 0;
        min-width: 0;
        overflow-y: auto;
    }

    .nav-version[b-kbze58zlq8] {
        flex-shrink: 0;
    }
}
/* _content/ZeroslackWebApp/Components/Layout/NavMenuTechnician.razor.rz.scp.css */
.navbar-toggler[b-p6ec7x660e] {
    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-p6ec7x660e] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-p6ec7x660e] {
    height: 55px;
    background-color: black;
}

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

.bi[b-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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-p6ec7x660e] {
    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");
}

.bi-shield-fill-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-shield-lock-fill' viewBox='0 0 16 16'%3E  %3Cpath fill-rule='evenodd' d='M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.8 11.8 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7 7 0 0 0 1.048-.625 11.8 11.8 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.54 1.54 0 0 0-1.044-1.263 63 63 0 0 0-2.887-.87C9.843.266 8.69 0 8 0m0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E  %3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-activity-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-activity' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2'/%3E%3C/svg%3E");
}

.bi-bell-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628.134 2.197.459 3.742.16.767.376 1.566.663 2.258h10.756c.287-.692.502-1.49.663-2.258C12.866 8.197 13 6.628 13 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1h12.44z'/%3E%3C/svg%3E");
}

.bi-journal-fill-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}

.bi-building-fill-add2[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building-fill-add2' viewBox='0 0 16 16'%3E %3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0'/%3E %3Cpath d='M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.5 4.5 0 0 0 12.5 8a4.5 4.5 0 0 0-3.59 1.787A.5.5 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.5 4.5 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5m3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5m3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5M7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5M4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
}

.bi-kanban-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 3A1.5 1.5 0 0 0 1 4.5v7A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 3zM2 4.5a.5.5 0 0 1 .5-.5H6v8H2.5a.5.5 0 0 1-.5-.5zm5 7.5V4h2v8zm3 0V4h3.5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5z'/%3E%3Cpath d='M3 5h2v2H3zm0 3h2v3H3zm5-3h1v4H8zm3 0h2v2h-2zm0 3h2v1h-2z'/%3E%3C/svg%3E");
}

.bi-tech-all-terminals-nav-menu[b-p6ec7x660e] {
    background-image: url("/Icons/zack-terminal.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bi-tech-monitoring-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h4l2.2-5.5L13 17l2.3-5H21'/%3E%3C/svg%3E");
}

.bi-tech-terminal-messages-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M11 3a1 1 0 0 1 2 0v8a1 1 0 1 1-2 0V3zm1 13a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 12 16z'/%3E%3Cpath d='M12.87 2.5a1 1 0 0 0-1.74 0L2.23 18.1A1 1 0 0 0 3.1 19.6h17.8a1 1 0 0 0 .87-1.5L12.87 2.5zM4.83 17.6 12 5.22l7.17 12.38H4.83z'/%3E%3C/svg%3E");
}

.bi-tech-clocking-search-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242 1.156a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3Cpath d='M2 2.5A1.5 1.5 0 0 1 3.5 1h2A1.5 1.5 0 0 1 7 2.5V3h1v-.5A2.5 2.5 0 0 0 5.5 0h-2A2.5 2.5 0 0 0 1 2.5V3h1zM3 5h6v1H3z'/%3E%3C/svg%3E");
}

/* File-based icons for new technician report menu items */
.bi-tech-reports-nav-menu[b-p6ec7x660e] {
    background-image: url("/Icons/bi-file-text-fill.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bi-tech-workflows-nav-menu[b-p6ec7x660e] {
    background-image: url("/Icons/bi-calendar-range-fill.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bi-tech-upgrade-report-nav-menu[b-p6ec7x660e] {
    background-image: url("/Icons/bi-file-text-fill.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bi-tech-scheduled-failures-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}

.bi-tech-maintenance-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05a1 1 0 0 1 .49 1.157l-.19.66a5.5 5.5 0 0 1 2.428 2.429l.66-.19a1 1 0 0 1 1.157.49l.7 1.212a1 1 0 0 1-.247 1.271l-.54.45a5.7 5.7 0 0 1 0 2.942l.54.45a1 1 0 0 1 .247 1.271l-.7 1.212a1 1 0 0 1-1.157.49l-.66-.19a5.5 5.5 0 0 1-2.428 2.429l.19.66a1 1 0 0 1-.49 1.157l-1.212.7a1 1 0 0 1-1.271-.247l-.45-.54a5.7 5.7 0 0 1-2.942 0l-.45.54a1 1 0 0 1-1.271.247l-1.212-.7a1 1 0 0 1-.49-1.157l.19-.66a5.5 5.5 0 0 1-2.429-2.428l-.66.19a1 1 0 0 1-1.157-.49l-.7-1.212a1 1 0 0 1 .247-1.271l.54-.45a5.7 5.7 0 0 1 0-2.942l-.54-.45a1 1 0 0 1-.247-1.271l.7-1.212a1 1 0 0 1 1.157-.49l.66.19A5.5 5.5 0 0 1 3.133 2.867l-.19-.66a1 1 0 0 1 .49-1.157l1.212-.7a1 1 0 0 1 1.271.247l.45.54a5.7 5.7 0 0 1 2.942 0l.45-.54a1 1 0 0 1 1.271-.247l1.212.7zM8 10.5A2.5 2.5 0 1 0 8 5.5a2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E");
}

.bi-tech-holiday-maintenance-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h.5A1.5 1.5 0 0 1 15 2.5v11A1.5 1.5 0 0 1 13.5 15h-11A1.5 1.5 0 0 1 1 13.5v-11A1.5 1.5 0 0 1 2.5 1H3V.5a.5.5 0 0 1 .5-.5zM2 5v8.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V5H2zm2.5 2a.5.5 0 0 1 .5.5v1h1a.5.5 0 0 1 0 1H5v1a.5.5 0 0 1-1 0v-1H3a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 .5-.5zM8 8.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

/* Calendar Maintenance — embedded SVG (data URI), same pattern as other technician nav icons */
.bi-tech-calendar-maintenance-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h.5A1.5 1.5 0 0 1 15 2.5v11A1.5 1.5 0 0 1 13.5 15h-11A1.5 1.5 0 0 1 1 13.5v-11A1.5 1.5 0 0 1 2.5 1H3V.5a.5.5 0 0 1 .5-.5zM2 5v8.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V5H2z'/%3E%3C/svg%3E");
}

.bi-tech-background-services-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 1 .5.5v3.793l2.146 2.147a.5.5 0 0 1-.707.707l-2.293-2.293A.5.5 0 0 1 7.5 8V4a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm0-1A7 7 0 1 0 8 1a7 7 0 0 0 0 14z'/%3E%3C/svg%3E");
}

.bi-crm-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V8.351c0-.562-.315-1.076-.816-1.33l-7.5-3.5a1.5 1.5 0 0 0-1.368 0l-7.5 3.5A1.5 1.5 0 0 0 0 8.351V12.5z'/%3E%3C/svg%3E");
}

.bi-crm-pipeline-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.5A1.5 1.5 0 0 1 2.5 1h2A1.5 1.5 0 0 1 6 2.5v11A1.5 1.5 0 0 1 4.5 15h-2A1.5 1.5 0 0 1 1 13.5v-11zM7 2.5A1.5 1.5 0 0 1 8.5 1h2A1.5 1.5 0 0 1 12 2.5v11a1.5 1.5 0 0 1-1.5 1.5h-2A1.5 1.5 0 0 1 7 13.5v-11zm6 0A1.5 1.5 0 0 1 14.5 1h-1A1.5 1.5 0 0 0 12 2.5v11a1.5 1.5 0 0 0 1.5 1.5h1A1.5 1.5 0 0 0 16 13.5v-11A1.5 1.5 0 0 0 14.5 1h-1.5zM2 4h3v2H2V4zm5 0h3v2H7V4zm5 0h3v2h-3V4zM2 7h3v2H2V7zm5 3h3v2H7v-2zm5-3h3v2h-3V7z'/%3E%3C/svg%3E");
}

.bi-crm-leads-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z'/%3E%3C/svg%3E");
}

.bi-crm-partners-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm4 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM3 13.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm8 0a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/%3E%3Cpath d='M5.25 9.25c.82.55 1.73.83 2.75.83s1.93-.28 2.75-.83l.98 1.17c-1.02.64-2.14.98-3.73.98s-2.71-.34-3.73-.98l.98-1.17Z'/%3E%3C/svg%3E");
}

.bi-crm-dashboard-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z'/%3E%3C/svg%3E");
}

.bi-crm-calendar-nav-menu[b-p6ec7x660e] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v9.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z'/%3E%3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3Cpath d='M4 10.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.nav-item[b-p6ec7x660e] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    min-width: 0;
}

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

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

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

    .nav-item[b-p6ec7x660e]  .nav-link > .bi {
        flex-shrink: 0;
    }

    .nav-item[b-p6ec7x660e]  .nav-link > .nav-link-label {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

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

    .nav-item[b-p6ec7x660e]  a.nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        min-height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.25;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        text-decoration: none;
    }

    .nav-item[b-p6ec7x660e]  a.nav-link > .bi {
        flex-shrink: 0;
    }

    .nav-item[b-p6ec7x660e]  a.nav-link > .nav-link-label {
        min-width: 0;
        flex: 1 1 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

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

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

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

.navbar-toggler:checked ~ .nav-scrollable[b-p6ec7x660e] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 3.5rem);
}

.navbar-toggler:checked ~ .nav-scrollable .nav-scrollable-content[b-p6ec7x660e] {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
}

.navbar-toggler:checked ~ .nav-scrollable .nav-version[b-p6ec7x660e] {
    flex-shrink: 0;
}

.nav-version[b-p6ec7x660e] {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

img[b-p6ec7x660e] {
    width: 80%;
    position: absolute; /* Position the image absolutely within the navbar container */
    bottom: 10px; /* Position the image at the bottom of the navbar container */
    left: 50%; /* Align the left edge of the image to the center of the navbar container */
    transform: translateX(-50%); /* Center the image horizontally */
}

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

    .nav-scrollable[b-p6ec7x660e] {
        /* Never collapse the sidebar for wide screens */
        display: flex;
        flex-direction: column;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
    }

    .nav-scrollable-content[b-p6ec7x660e] {
        flex: 1;
        min-height: 0;
        min-width: 0;
        overflow-y: auto;
    }

    .nav-version[b-p6ec7x660e] {
        flex-shrink: 0;
    }
}

/* _content/ZeroslackWebApp/Components/Layout/WhatsNewBanner.razor.rz.scp.css */
.whats-new-banner[b-ute8tbhdlc] {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.5rem;
}
/* _content/ZeroslackWebApp/Components/Layout/WhatsNewDialog.razor.rz.scp.css */
.whats-new-dialog .whats-new-thumb[b-z5kts4ljs4] {
    max-width: 160px;
    max-height: 120px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.whats-new-dialog .whats-new-item:last-of-type[b-z5kts4ljs4] {
    border-bottom: none !important;
}
/* _content/ZeroslackWebApp/Components/Pages/Account/Login.razor.rz.scp.css */
.gradient-custom-2[b-fvxhyintz5] {
    /* fallback for old browsers */
    background: #ffffff;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #ffffff, #0367A2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #0367A2, #0367A2);
}

.btn-lg[b-fvxhyintz5] {
    padding: 5px 25px;
    font-size: 1.25rem;
}


@media (min-width: 768px) {
    .gradient-form[b-fvxhyintz5] {
        height: 100% !important;
        min-height: 0;
        overflow: hidden;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2[b-fvxhyintz5] {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Account/Shared/LoginLayout.razor.rz.scp.css */
.login-layout[b-tdilygl35l] {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    overflow: hidden;
}

.login-header-bar[b-tdilygl35l] {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.login-header-logo img[b-tdilygl35l] {
    max-width: 250px;
    height: auto;
}

.login-header-actions .btn[b-tdilygl35l] {
    min-width: 140px;
}

.login-main[b-tdilygl35l] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Ensure content doesn't sit under the fixed footer */
    padding-bottom: 60px;
}

    /* Let the existing Login.razor content center itself */
    .login-main > *[b-tdilygl35l] {
        width: 100%;
    }

.login-footer[b-tdilygl35l] {
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/AccessControl.razor.rz.scp.css */
.access-control-grid-host[b-eq2ctulumx] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.access-control-grid-host[b-eq2ctulumx]  .rz-datatable,
.access-control-grid-host[b-eq2ctulumx]  .rz-datatable-scrollable-content,
.access-control-grid-host[b-eq2ctulumx]  .rz-datatable-wrapper,
.access-control-grid-host[b-eq2ctulumx]  .rz-data-grid,
.access-control-grid-host[b-eq2ctulumx]  .access-control-data-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.access-control-grid-host[b-eq2ctulumx]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.access-control-grid-host[b-eq2ctulumx]  .rz-grid-table th,
.access-control-grid-host[b-eq2ctulumx]  .rz-grid-table td {
    min-width: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Adjustments.razor.rz.scp.css */
.adjustments-grid-host[b-08ouivlhgo] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.adjustments-grid-host[b-08ouivlhgo]  .rz-datatable,
.adjustments-grid-host[b-08ouivlhgo]  .rz-datatable-scrollable-content,
.adjustments-grid-host[b-08ouivlhgo]  .rz-datatable-wrapper,
.adjustments-grid-host[b-08ouivlhgo]  .rz-data-grid,
.adjustments-grid-host[b-08ouivlhgo]  .adjustments-data-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.adjustments-grid-host[b-08ouivlhgo]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.adjustments-grid-host[b-08ouivlhgo]  .rz-grid-table th,
.adjustments-grid-host[b-08ouivlhgo]  .rz-grid-table td {
    min-width: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Dialogs/BulkAddAdjustmentsDialog.razor.rz.scp.css */
.bulk-add-adjustments-grid-host[b-ybud0shhqd] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-datatable,
.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-datatable-scrollable-content,
.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-datatable-wrapper,
.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-data-grid,
.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .bulk-add-adjustments-data-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.bulk-add-adjustments-grid-host[b-ybud0shhqd]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-grid-table th,
.bulk-add-adjustments-grid-host[b-ybud0shhqd]  .rz-grid-table td {
    min-width: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Dialogs/BulkAddTransactionDialog.razor.rz.scp.css */
.bulk-add-transaction-grid-host[b-2waj6yuopg] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-datatable,
.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-datatable-scrollable-content,
.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-datatable-wrapper,
.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-data-grid,
.bulk-add-transaction-grid-host[b-2waj6yuopg]  .bulk-add-transaction-data-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.bulk-add-transaction-grid-host[b-2waj6yuopg]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-grid-table th,
.bulk-add-transaction-grid-host[b-2waj6yuopg]  .rz-grid-table td {
    min-width: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Employees.razor.rz.scp.css */
/* _content/ZeroslackWebApp/Components/Pages/Client/Export.razor.rz.scp.css */
.export-builder[b-h88vwb111e] {
    max-width: 640px;
    padding-bottom: 4rem;
}

.export-builder .page-header[b-h88vwb111e] {
    margin-bottom: 2rem;
}

.export-builder .page-header .subtitle[b-h88vwb111e] {
    font-size: 1rem;
    color: var(--bs-secondary-color);
}

.export-builder .export-details-card[b-h88vwb111e] {
    border-radius: 8px;
}

.export-builder .export-details-card .card-header[b-h88vwb111e] {
    border-radius: 8px 8px 0 0;
}

.export-builder .form-section-label[b-h88vwb111e] {
    font-weight: 600;
    color: var(--bs-body-color);
}

.export-builder .submit-area[b-h88vwb111e] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--bs-border-color);
}
/* _content/ZeroslackWebApp/Components/Pages/Client/ExportQueue.razor.rz.scp.css */
.export-queue[b-7go873w6ib] {
    max-width: 1100px;
    padding-bottom: 4rem;
}

.export-queue .page-header[b-7go873w6ib] {
    margin-bottom: 2rem;
}

.export-queue .page-header .subtitle[b-7go873w6ib] {
    font-size: 1rem;
    color: var(--bs-secondary-color);
}

.export-queue .queue-card[b-7go873w6ib] {
    border-radius: 8px;
}

.export-queue .queue-card .card-header[b-7go873w6ib] {
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}

.export-queue .empty-state[b-7go873w6ib] {
    padding: 3rem 2rem;
}

.export-queue .empty-state .empty-icon[b-7go873w6ib] {
    font-size: 3rem;
    opacity: 0.4;
    margin-bottom: 1rem;
}

.export-queue .auto-refresh-hint[b-7go873w6ib] {
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}
/* _content/ZeroslackWebApp/Components/Pages/Client/InOutMonitoring.razor.rz.scp.css */
/* _content/ZeroslackWebApp/Components/Pages/Client/JobCostingBoard.razor.rz.scp.css */
.jc-page[b-vr9gko67st] {
    --jc-ink: #15202b;
    --jc-muted: #5c6b7a;
    --jc-panel: #ffffff;
    --jc-line: #d5dde5;
    --jc-accent: #1b6ec2;
    min-height: 100vh;
    padding: 0.85rem 1.15rem 1.25rem;
    background:
        radial-gradient(1200px 420px at 10% -10%, rgba(27, 110, 194, 0.12), transparent 60%),
        radial-gradient(900px 380px at 100% 0%, rgba(46, 125, 79, 0.10), transparent 55%),
        linear-gradient(180deg, #f5f7fa 0%, #e7ecf1 100%);
    font-family: "Segoe UI", system-ui, sans-serif;
    color: var(--jc-ink);
}

.jc-topbar[b-vr9gko67st] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding: 0.85rem 1.1rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(213, 221, 229, 0.95);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(21, 32, 43, 0.06);
    backdrop-filter: blur(8px);
}

.jc-topbar-brand[b-vr9gko67st] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.jc-logo[b-vr9gko67st] {
    height: 34px;
    width: auto;
    display: block;
}

.jc-topbar-label[b-vr9gko67st] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--jc-muted);
    white-space: nowrap;
}

.jc-clock[b-vr9gko67st] {
    text-align: center;
    padding: 0.15rem 0.75rem;
    min-width: 12rem;
}

.jc-clock-time[b-vr9gko67st] {
    font-size: clamp(1.9rem, 3.4vw, 2.55rem);
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--jc-ink);
}

.jc-clock-date[b-vr9gko67st] {
    margin-top: 0.35rem;
    font-size: clamp(0.85rem, 1.4vw, 1rem);
    font-weight: 600;
    color: var(--jc-muted);
    letter-spacing: 0.01em;
}

.jc-topbar-actions[b-vr9gko67st] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.jc-topbar-actions--spacer[b-vr9gko67st] {
    min-height: 1px;
}

.jc-btn[b-vr9gko67st] {
    min-height: 42px;
    font-weight: 600;
}

.jc-main[b-vr9gko67st] {
    max-width: 440px;
    margin: 0 auto;
}

.jc-main--center[b-vr9gko67st] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 7.5rem);
}

.jc-card[b-vr9gko67st] {
    background: var(--jc-panel);
    border: 1px solid var(--jc-line);
    border-radius: 16px;
    padding: 1.25rem 1.35rem;
    box-shadow: 0 8px 22px rgba(21, 32, 43, 0.05);
}

.jc-card h2[b-vr9gko67st] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    font-weight: 700;
}

.jc-loading[b-vr9gko67st] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
    padding: 1.5rem 1rem;
}

.jc-loading-text[b-vr9gko67st] {
    margin: 0;
    color: var(--jc-muted);
    font-size: 1rem;
}

.jc-spinner[b-vr9gko67st] {
    width: 2.25rem;
    height: 2.25rem;
    border: 3px solid #c5d0db;
    border-top-color: var(--jc-accent);
    border-radius: 50%;
    animation: jc-spin-b-vr9gko67st 0.75s linear infinite;
}

@keyframes jc-spin-b-vr9gko67st {
    to { transform: rotate(360deg); }
}

.jc-main--board[b-vr9gko67st] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 7rem);
}

.jc-form .form-control[b-vr9gko67st] {
    min-height: 48px;
    font-size: 1.1rem;
}

.jc-sitebar[b-vr9gko67st] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 0.85rem 1.05rem;
    background: var(--jc-panel);
    border: 1px solid var(--jc-line);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(21, 32, 43, 0.04);
}

.jc-site[b-vr9gko67st] {
    font-size: 1.45rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.jc-leader[b-vr9gko67st] {
    margin-top: 0.15rem;
    color: var(--jc-muted);
    font-weight: 500;
}

.jc-workspace[b-vr9gko67st] {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    flex: 1;
    min-height: 0;
}

.jc-available-rail[b-vr9gko67st] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    background: rgba(250, 251, 252, 0.95);
    border: 2px dashed #9aa5b1;
    border-radius: 14px;
    padding: 0.75rem;
    min-height: 0;
    max-height: calc(100vh - 12rem);
    position: sticky;
    top: 0.5rem;
    align-self: start;
}

.jc-available-rail-head h3[b-vr9gko67st] {
    margin: 0 0 0.15rem;
    font-size: 1.15rem;
}

.jc-available-list[b-vr9gko67st] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.jc-jobs-pane[b-vr9gko67st] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    min-height: 0;
}

.jc-jobs-grid[b-vr9gko67st] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    align-items: start;
    overflow: auto;
    min-height: 0;
    padding-bottom: 0.25rem;
}

.jc-filters[b-vr9gko67st] {
    background: var(--jc-panel);
    border-radius: 14px;
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--jc-line);
    border-top: 4px solid #c5ced6;
}

.jc-filters--jobs[b-vr9gko67st] {
    border-top-color: #1b6ec2;
}

.jc-filters--titles[b-vr9gko67st] {
    border-top-color: #2e7d4f;
}

.jc-filters--rail[b-vr9gko67st] {
    box-shadow: none;
    padding: 0.6rem 0.65rem;
}

.jc-filters-heading[b-vr9gko67st] {
    margin-bottom: 0;
    min-width: 0;
    text-align: left;
}

.jc-filters-toggle[b-vr9gko67st] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    color: inherit;
}

.jc-filters-toggle:focus-visible[b-vr9gko67st] {
    outline: 2px solid #1b6ec2;
    outline-offset: 3px;
    border-radius: 8px;
}

.jc-filters-more[b-vr9gko67st] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    border: 1px solid #c5d0db;
    background: #f4f7fa;
    color: #1f2933;
    font-size: 0.85rem;
    font-weight: 700;
}

.jc-filters-more-label[b-vr9gko67st] {
    letter-spacing: 0.02em;
}

.jc-filters-chevron[b-vr9gko67st] {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1;
    transition: transform 0.18s ease;
}

.jc-filters--expanded .jc-filters-chevron[b-vr9gko67st] {
    transform: rotate(180deg);
}

.jc-filters-body[b-vr9gko67st] {
    margin-top: 0.65rem;
}

.jc-filters-title[b-vr9gko67st] {
    display: block;
    font-weight: 700;
    font-size: 0.95rem;
}

.jc-filters-sub[b-vr9gko67st] {
    display: block;
    color: var(--jc-muted);
    font-size: 0.8rem;
}

.jc-filter-search[b-vr9gko67st] {
    min-height: 44px;
    font-size: 1rem;
    margin-bottom: 0.55rem;
}

.jc-filter-chips[b-vr9gko67st] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    max-height: 7.5rem;
    overflow-y: auto;
}

.jc-chip[b-vr9gko67st] {
    min-height: 40px;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    border: 2px solid #c5ced6;
    background: #f4f7fa;
    color: #1f2933;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.jc-chip:active[b-vr9gko67st] {
    transform: scale(0.98);
}

.jc-chip--jobs.jc-chip--active[b-vr9gko67st] {
    border-color: #1b6ec2;
    background: #1b6ec2;
    color: #fff;
}

.jc-chip--titles.jc-chip--active[b-vr9gko67st] {
    border-color: #2e7d4f;
    background: #2e7d4f;
    color: #fff;
}

.jc-chip-code[b-vr9gko67st] {
    margin-left: 0.35rem;
    font-weight: 500;
    opacity: 0.85;
    font-size: 0.85rem;
}

.jc-column[b-vr9gko67st] {
    background: var(--jc-panel);
    border-radius: 14px;
    padding: 0.75rem;
    min-height: 180px;
    border: 1px solid var(--jc-line);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.jc-column h3[b-vr9gko67st] {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
}

.jc-hint[b-vr9gko67st] {
    color: var(--jc-muted);
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.jc-person[b-vr9gko67st] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    background: #eef2f6;
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    min-height: 56px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.jc-person:active[b-vr9gko67st],
.jc-person:hover[b-vr9gko67st] {
    background: #d9e4f0;
}

.jc-person--onjob[b-vr9gko67st] {
    background: #e4f0e7;
}

.jc-person--selected[b-vr9gko67st] {
    outline: 3px solid #1b6ec2;
    outline-offset: 0;
    background: #d7e8fb;
}

.jc-person--onjob.jc-person--selected[b-vr9gko67st] {
    background: #cfe8d8;
    outline-color: #2e7d4f;
}

.jc-avatar[b-vr9gko67st] {
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--jc-avatar-bg, #1b6ec2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.02em;
    line-height: 1;
}

.jc-person-body[b-vr9gko67st] {
    min-width: 0;
    flex: 1;
}

.jc-person-name[b-vr9gko67st] {
    font-weight: 600;
    font-size: 1.05rem;
    line-height: 1.25;
}

.jc-person-meta[b-vr9gko67st] {
    font-size: 0.85rem;
    color: var(--jc-muted);
    line-height: 1.3;
}

.jc-assign-btn[b-vr9gko67st] {
    width: 100%;
    min-height: 48px;
    margin-top: 0.5rem;
    font-size: 1rem;
}

.jc-selection-bar[b-vr9gko67st] {
    position: sticky;
    top: 0;
    margin-bottom: 0.75rem;
    padding: 0.75rem 1rem;
    background: #1f2933;
    color: #fff;
    border-radius: 12px;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    z-index: 3;
    box-shadow: 0 8px 20px rgba(21, 32, 43, 0.18);
}

@media (max-width: 900px) {
    .jc-topbar[b-vr9gko67st] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        gap: 0.65rem;
    }

    .jc-topbar-brand[b-vr9gko67st] {
        justify-content: center;
    }

    .jc-topbar-actions[b-vr9gko67st] {
        justify-content: center;
        width: 100%;
    }

    .jc-topbar-actions--spacer[b-vr9gko67st] {
        display: none;
    }

    .jc-clock-time[b-vr9gko67st] {
        font-size: 2.2rem;
    }

    .jc-workspace[b-vr9gko67st] {
        grid-template-columns: 1fr;
    }

    .jc-available-rail[b-vr9gko67st] {
        position: static;
        max-height: none;
    }

    .jc-available-list[b-vr9gko67st] {
        max-height: 40vh;
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Client/JobCostingWallboard.razor.rz.scp.css */
.wb-page[b-cx2py4cl3u] {
    --wb-bg: #0f1419;
    --wb-panel: #1a222c;
    --wb-ink: #f3f6f9;
    --wb-muted: #9aa7b5;
    --wb-accent: #3b82f6;
    --wb-warn: #f59e0b;
    min-height: 100vh;
    padding: 1rem 1.25rem 1.5rem;
    background:
        radial-gradient(900px 420px at 0% 0%, rgba(59, 130, 246, 0.18), transparent 55%),
        radial-gradient(800px 380px at 100% 0%, rgba(16, 185, 129, 0.12), transparent 50%),
        var(--wb-bg);
    color: var(--wb-ink);
    font-family: "Segoe UI", system-ui, sans-serif;
}

.wb-page h1[b-cx2py4cl3u],
.wb-page h2[b-cx2py4cl3u],
.wb-page h3[b-cx2py4cl3u],
.wb-page h4[b-cx2py4cl3u],
.wb-page strong[b-cx2py4cl3u] {
    color: var(--wb-ink);
}

.wb-center[b-cx2py4cl3u] {
    min-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    text-align: center;
}

.wb-register[b-cx2py4cl3u] {
    max-width: 420px;
    margin: 0 auto;
    background: #fff;
    color: #15202b;
    border-radius: 16px;
    padding: 1.5rem;
}

.wb-register h1[b-cx2py4cl3u],
.wb-register h2[b-cx2py4cl3u],
.wb-register p[b-cx2py4cl3u] {
    color: #15202b;
}

.wb-logo-light[b-cx2py4cl3u] {
    height: 36px;
    margin-bottom: 0.5rem;
}

.wb-form .form-control[b-cx2py4cl3u] {
    min-height: 48px;
    font-size: 1.1rem;
}

.wb-top[b-cx2py4cl3u] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex: 0 0 auto;
}

.wb-brand[b-cx2py4cl3u] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.wb-logo[b-cx2py4cl3u] {
    height: 40px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

.wb-label[b-cx2py4cl3u] {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--wb-muted);
    font-weight: 700;
}

.wb-site[b-cx2py4cl3u] {
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 700;
    line-height: 1.1;
}

.wb-clock[b-cx2py4cl3u] {
    text-align: center;
    transition: transform 0.6s ease;
    will-change: transform;
}

.wb-clock-time[b-cx2py4cl3u] {
    font-size: clamp(2.2rem, 4vw, 3.2rem);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    line-height: 1;
}

.wb-clock-date[b-cx2py4cl3u] {
    margin-top: 0.35rem;
    color: var(--wb-muted);
    font-weight: 600;
    font-size: clamp(0.9rem, 1.4vw, 1.1rem);
}

.wb-refresh-meta[b-cx2py4cl3u] {
    text-align: right;
    font-weight: 700;
    color: #34d399;
}

.wb-muted[b-cx2py4cl3u],
.wb-muted-sm[b-cx2py4cl3u] {
    color: var(--wb-muted);
}

.wb-muted-sm[b-cx2py4cl3u] {
    font-size: 0.85rem;
    font-weight: 500;
}

.wb-board[b-cx2py4cl3u] {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: calc(100vh - 2rem);
    min-height: calc(100vh - 2rem);
    max-height: calc(100vh - 2rem);
    overflow: hidden;
    transition: padding 0.6s ease;
    padding: 0;
}

.wb-board--primary[b-cx2py4cl3u] {
    padding: 0 0 0.25rem;
}

.wb-board--alt[b-cx2py4cl3u] {
    /* Shift content so pixels are not static for hours on end */
    padding: 0.65rem 0.85rem 0 0;
}

.wb-board--primary .wb-top[b-cx2py4cl3u] { order: 1; }
.wb-board--primary .wb-kpis[b-cx2py4cl3u] { order: 2; }
.wb-board--primary .wb-main[b-cx2py4cl3u] { order: 3; }

.wb-board--alt .wb-top[b-cx2py4cl3u] { order: 1; }
.wb-board--alt .wb-main[b-cx2py4cl3u] { order: 2; }
.wb-board--alt .wb-kpis[b-cx2py4cl3u] { order: 3; margin-top: 0.85rem; margin-bottom: 0; }

.wb-board--alt .wb-top[b-cx2py4cl3u] {
    grid-template-columns: auto 1fr auto;
}

.wb-board--alt .wb-brand[b-cx2py4cl3u] {
    order: 2;
    justify-self: center;
    flex-direction: row;
    text-align: center;
}

.wb-board--alt .wb-clock[b-cx2py4cl3u] {
    order: 1;
    justify-self: start;
    text-align: left;
}

.wb-board--alt .wb-refresh-meta[b-cx2py4cl3u] {
    order: 3;
    justify-self: end;
    text-align: right;
}

.wb-board--alt .wb-main[b-cx2py4cl3u] {
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    grid-template-areas: "side jobs";
}

.wb-board--alt .wb-main:has(.wb-available--compact)[b-cx2py4cl3u],
.wb-board--alt .wb-main:has(.wb-available--dense)[b-cx2py4cl3u] {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
}

.wb-board--alt .wb-jobs[b-cx2py4cl3u] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.wb-board--alt .wb-kpis[b-cx2py4cl3u] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wb-board--alt .wb-kpi[b-cx2py4cl3u] {
    text-align: center;
}

.wb-kpi[b-cx2py4cl3u] {
    background: var(--wb-panel);
    border-radius: 14px;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.wb-kpi-value[b-cx2py4cl3u] {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.wb-kpi-label[b-cx2py4cl3u] {
    margin-top: 0.35rem;
    color: var(--wb-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.8rem;
}

.wb-kpis[b-cx2py4cl3u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex: 0 0 auto;
}

.wb-main[b-cx2py4cl3u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    grid-template-areas: "jobs side";
    gap: 0.85rem;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.wb-main:has(.wb-available--compact)[b-cx2py4cl3u],
.wb-main:has(.wb-available--dense)[b-cx2py4cl3u] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
}

.wb-jobs[b-cx2py4cl3u] {
    grid-area: jobs;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    align-content: start;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
}

.wb-side[b-cx2py4cl3u] {
    grid-area: side;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    overflow: hidden;
}

.wb-available-panel[b-cx2py4cl3u] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.wb-available-scroll[b-cx2py4cl3u] {
    margin-top: 0.55rem;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
}

.wb-available-scroll[b-cx2py4cl3u]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.wb-hours-panel[b-cx2py4cl3u] {
    flex: 0 0 auto;
    max-height: 28vh;
    overflow: auto;
    scrollbar-width: thin;
}

/* Available densify: multi-column + tighter type for large crews */
.wb-people--available.wb-available--compact[b-cx2py4cl3u],
.wb-people--available.wb-available--dense[b-cx2py4cl3u] {
    display: grid;
    gap: 0.2rem 0.55rem;
}

.wb-people--available.wb-available--compact[b-cx2py4cl3u] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wb-people--available.wb-available--dense[b-cx2py4cl3u] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wb-people--available.wb-available--compact li[b-cx2py4cl3u],
.wb-people--available.wb-available--dense li[b-cx2py4cl3u] {
    font-size: 0.82rem;
    gap: 0.25rem;
    min-width: 0;
}

.wb-people--available.wb-available--dense li[b-cx2py4cl3u] {
    font-size: 0.78rem;
    line-height: 1.25;
}

.wb-people--available.wb-available--compact .wb-person-name[b-cx2py4cl3u],
.wb-people--available.wb-available--dense .wb-person-name[b-cx2py4cl3u] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1400px) {
    .wb-people--available.wb-available--dense[b-cx2py4cl3u] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.wb-job[b-cx2py4cl3u] {
    background: var(--wb-panel);
    border-radius: 14px;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    min-height: 180px;
}

.wb-job--idle[b-cx2py4cl3u] {
    border-color: rgba(245, 158, 11, 0.45);
}

.wb-job-head[b-cx2py4cl3u] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.wb-job-head h2[b-cx2py4cl3u] {
    margin: 0;
    font-size: 1.15rem;
    color: var(--wb-ink);
    font-weight: 700;
}

.wb-job-code[b-cx2py4cl3u] {
    color: #c5d0db;
    font-size: 0.85rem;
}

.wb-job-count[b-cx2py4cl3u] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--wb-accent);
}

.wb-people[b-cx2py4cl3u] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wb-people li[b-cx2py4cl3u] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.95rem;
}

.wb-person-name[b-cx2py4cl3u] {
    font-weight: 600;
    color: var(--wb-ink);
}

.wb-person-meta[b-cx2py4cl3u] {
    color: #c5d0db;
    white-space: nowrap;
}

.wb-empty[b-cx2py4cl3u] {
    color: var(--wb-muted);
    font-style: italic;
}

.wb-panel[b-cx2py4cl3u] {
    background: var(--wb-panel);
    border-radius: 14px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.wb-panel h3[b-cx2py4cl3u] {
    margin: 0 0 0.15rem;
    font-size: 1.05rem;
    color: var(--wb-ink);
}

.wb-hours[b-cx2py4cl3u] {
    list-style: none;
    margin: 0.65rem 0 0;
    padding: 0;
}

.wb-hours li[b-cx2py4cl3u] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.3rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.95rem;
    color: var(--wb-ink);
}

.wb-hours li strong[b-cx2py4cl3u] {
    color: var(--wb-ink);
}

.wb-empty-panel[b-cx2py4cl3u] {
    color: var(--wb-muted);
    grid-column: 1 / -1;
}

.wb-spinner[b-cx2py4cl3u] {
    width: 2.25rem;
    height: 2.25rem;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-top-color: var(--wb-accent);
    border-radius: 50%;
    animation: wb-spin-b-cx2py4cl3u 0.75s linear infinite;
}

@keyframes wb-spin-b-cx2py4cl3u {
    to { transform: rotate(360deg); }
}

@media (max-width: 1000px) {
    .wb-top[b-cx2py4cl3u] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .wb-brand[b-cx2py4cl3u] {
        justify-content: center;
    }

    .wb-refresh-meta[b-cx2py4cl3u] {
        text-align: center;
    }

    .wb-kpis[b-cx2py4cl3u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wb-main[b-cx2py4cl3u] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "jobs"
            "side";
    }

    .wb-board--alt .wb-main[b-cx2py4cl3u],
    .wb-board--alt .wb-main:has(.wb-available--compact)[b-cx2py4cl3u],
    .wb-board--alt .wb-main:has(.wb-available--dense)[b-cx2py4cl3u] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "side"
            "jobs";
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Client/MobileClock.razor.rz.scp.css */
.clock-page[b-8h1uthj2sd] {
    --clock-bg: #fff;
    --clock-text: #1a1a1a;
    --clock-muted: #555;
    --clock-border: #dde8f0;
    --clock-surface: #f5f8fb;
    --clock-nav-bg: #f9f9f9;
    --clock-accent: #0367a2;
    --clock-out: #8a9096;
    --clock-in-banner-bg: #e8f4ec;
    --clock-in-banner-border: #b8d4c4;
    --clock-out-banner-bg: #f0f2f4;
    --clock-out-banner-border: #d0d4d8;
    --clock-shadow: rgba(0, 0, 0, 0.08);

    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    background: var(--clock-bg);
    color: var(--clock-text);
}

@media (prefers-color-scheme: dark) {
    .clock-page[b-8h1uthj2sd] {
        --clock-bg: #121416;
        --clock-text: #e8eaed;
        --clock-muted: #9aa0a6;
        --clock-border: #3c4043;
        --clock-surface: #1e2124;
        --clock-nav-bg: #1a1d21;
        --clock-accent: #5eb0e8;
        --clock-out: #9aa0a6;
        --clock-in-banner-bg: #1e3a2e;
        --clock-in-banner-border: #2d5a45;
        --clock-out-banner-bg: #2a2d31;
        --clock-out-banner-border: #3c4043;
        --clock-shadow: rgba(0, 0, 0, 0.35);
    }

    .clock-page .logo[b-8h1uthj2sd] {
        filter: brightness(0) invert(1);
        opacity: 0.92;
    }
}

.clock-page .header[b-8h1uthj2sd] {
    background: #0367a2;
    color: #fff !important;
    text-align: center;
    padding: 0.875rem 1rem;
    width: 100%;
    box-sizing: border-box;
}

.clock-page .header-title[b-8h1uthj2sd] {
    margin: 0;
    font-size: clamp(1.15rem, 4.5vw, 1.35rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.main[b-8h1uthj2sd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
    min-height: 0;
}

.main--clocking[b-8h1uthj2sd] {
    justify-content: flex-start;
    padding: 0 0.75rem 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.main--registration[b-8h1uthj2sd] {
    justify-content: center;
}

.clock-datetime[b-8h1uthj2sd] {
    width: 100%;
    max-width: 22rem;
}

.date[b-8h1uthj2sd] {
    font-size: clamp(0.95rem, 3.5vw, 1.1rem);
    font-weight: 600;
    color: var(--clock-muted);
}

.time[b-8h1uthj2sd] {
    font-size: clamp(2.5rem, 12vw, 4rem);
    font-weight: 700;
    color: var(--clock-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.clock-section[b-8h1uthj2sd] {
    width: 100%;
    max-width: 24rem;
}

.clock-section-title[b-8h1uthj2sd] {
    margin: 0 0 0.25rem 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--clock-text);
}

.clock-section-hint[b-8h1uthj2sd] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--clock-muted);
    line-height: 1.35;
}

.clock-greeting[b-8h1uthj2sd] {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--clock-muted);
}

.status-banner[b-8h1uthj2sd] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 0.65rem;
    border: 1px solid var(--clock-border);
    text-align: left;
    box-sizing: border-box;
}

.status-banner--in[b-8h1uthj2sd] {
    background: var(--clock-in-banner-bg);
    border-color: var(--clock-in-banner-border);
}

.status-banner--out[b-8h1uthj2sd] {
    background: var(--clock-out-banner-bg);
    border-color: var(--clock-out-banner-border);
}

.status-banner-icon[b-8h1uthj2sd] {
    flex-shrink: 0;
    font-size: 3rem;
    line-height: 1;
    color: var(--clock-accent);
}

.status-banner--out .status-banner-icon[b-8h1uthj2sd] {
    color: var(--clock-out);
}

.status-banner-text[b-8h1uthj2sd] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.status-banner-label[b-8h1uthj2sd] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--clock-text);
}

.status-banner-sub[b-8h1uthj2sd] {
    font-size: 0.85rem;
    color: var(--clock-muted);
    line-height: 1.35;
}

.btn[b-8h1uthj2sd] {
    width: 80%;
    max-width: 22rem;
    padding: 1rem 1.25rem;
    font-size: 1.15rem;
    font-weight: 600;
    border: none;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 12px var(--clock-shadow);
}

.btn:disabled[b-8h1uthj2sd] {
    opacity: 0.55;
    cursor: not-allowed;
}

.btn-primary-action[b-8h1uthj2sd] {
    width: 100%;
    max-width: 24rem;
}

.btn-in[b-8h1uthj2sd] {
    background-color: var(--clock-accent);
}

.btn-out[b-8h1uthj2sd] {
    background-color: var(--clock-out);
    color: #fff;
}

/* Home / History in main — horizontal row (icons inherit font-size for Bootstrap Icons) */
.clock-main-nav[b-8h1uthj2sd] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(4.5rem, 28vw, 10rem);
    width: 100%;
    max-width: 22rem;
    margin: 0 auto 0.5rem;
    padding: 0.35rem 0.5rem;
    box-sizing: border-box;
    font-size: 2.7rem;
}

.main.map-confirm-layout .clock-main-nav[b-8h1uthj2sd] {
    max-width: 100%;
    margin-bottom: 0.75rem;
}

/* app.css forces a,.nav-link { color:#fff !important } — use a dedicated class + !important so icons show on light bar */
.clock-page a.clock-nav-link[b-8h1uthj2sd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.15rem;
    color: var(--clock-muted) !important;
    text-decoration: none;
    min-height: 5.5rem;
    min-width: 6rem;
    padding: 0.35rem 0.75rem;
}

.clock-page a.clock-nav-link[aria-current="page"][b-8h1uthj2sd] {
    color: var(--clock-accent) !important;
}

.clock-page a.clock-nav-link:hover[b-8h1uthj2sd] {
    color: var(--clock-accent) !important;
}

.clock-page a.clock-nav-link .bi[b-8h1uthj2sd] {
    color: inherit;
}

.nav-text[b-8h1uthj2sd] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.logo[b-8h1uthj2sd] {
    display: block;
    width: min(500px, 144vw);
    max-width: 100%;
    height: auto;
    margin: 0.5rem auto;
    box-sizing: border-box;
}

.register-form[b-8h1uthj2sd] {
    display: flex;
    flex-direction: column;
    max-width: 280px;
    width: 100%;
}

.single-clock[b-8h1uthj2sd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 22rem;
    padding: 0 0.75rem;
    box-sizing: border-box;
    gap: 0.75rem;
}

.self-employee-details[b-8h1uthj2sd] {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    padding: 0.875rem 1rem;
    background: var(--clock-surface);
    border: 1px solid var(--clock-border);
    border-radius: 0.5rem;
}

.self-employee-name[b-8h1uthj2sd] {
    margin: 0 0 0.65rem 0;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--clock-accent);
    line-height: 1.3;
}

.self-employee-dl[b-8h1uthj2sd] {
    margin: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 0.75rem;
    font-size: 0.88rem;
    color: var(--clock-muted);
}

.self-employee-dl dt[b-8h1uthj2sd] {
    margin: 0;
    font-weight: 600;
    color: var(--clock-text);
}

.self-employee-dl dd[b-8h1uthj2sd] {
    margin: 0;
}

/* Loading skeletons */
.clock-loading-text[b-8h1uthj2sd] {
    margin: 0.5rem 0 0 0;
    font-size: 0.95rem;
    color: var(--clock-muted);
}

.clock-skeleton[b-8h1uthj2sd] {
    width: 100%;
    max-width: 20rem;
    border-radius: 0.5rem;
    background: linear-gradient(
        90deg,
        var(--clock-surface) 0%,
        var(--clock-border) 50%,
        var(--clock-surface) 100%
    );
    background-size: 200% 100%;
    animation: clock-shimmer-b-8h1uthj2sd 1.2s ease-in-out infinite;
}

.clock-skeleton--short[b-8h1uthj2sd] {
    height: 3rem;
}

.clock-skeleton--tall[b-8h1uthj2sd] {
    height: 8rem;
}

.clock-skeleton--panel[b-8h1uthj2sd] {
    height: 10rem;
    max-width: 22rem;
}

@keyframes clock-shimmer-b-8h1uthj2sd {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Radzen grid on mobile clock */
.mobile-clock-grid[b-8h1uthj2sd] {
    width: 100%;
    max-width: 24rem;
    min-width: 0;
    margin-top: 0.5rem;
}

.mobile-clock-grid[b-8h1uthj2sd]  .rz-datatable,
.mobile-clock-grid[b-8h1uthj2sd]  .rz-datatable-scrollable-content,
.mobile-clock-grid[b-8h1uthj2sd]  .rz-datatable-wrapper {
    width: 100%;
    max-width: 100%;
}

.mobile-clock-grid[b-8h1uthj2sd]  .rz-datatable-wrapper {
    overflow-x: hidden;
    border-radius: 0.5rem;
    border: 1px solid var(--clock-border);
}

.mobile-clock-grid[b-8h1uthj2sd]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.mobile-clock-grid[b-8h1uthj2sd]  .rz-grid-table th,
.mobile-clock-grid[b-8h1uthj2sd]  .rz-grid-table td {
    min-width: 0;
}

.mobile-clock-grid[b-8h1uthj2sd]  .rz-cell-data {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Map confirmation step */
.main.map-confirm-layout[b-8h1uthj2sd] {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    padding: 0 1rem 1rem;
    box-sizing: border-box;
    gap: 0.75rem;
    flex: 1;
    min-height: 0;
    text-align: left;
}

.map-confirm-title[b-8h1uthj2sd] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: var(--clock-text);
}

.map-confirm-hint[b-8h1uthj2sd] {
    margin: 0;
    color: var(--clock-muted);
    font-size: 0.95rem;
    line-height: 1.4;
}

.map-confirm-map[b-8h1uthj2sd] {
    width: 100%;
    flex: 1 1 auto;
    min-height: min(45vh, 320px);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--clock-border);
    background: var(--clock-surface);
}

.map-confirm-map-fallback[b-8h1uthj2sd] {
    margin: 0;
    color: #856404;
    font-size: 0.9rem;
    line-height: 1.35;
}

@media (prefers-color-scheme: dark) {
    .map-confirm-map-fallback[b-8h1uthj2sd] {
        color: #fdd663;
    }
}

.map-confirm-actions[b-8h1uthj2sd] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 0.5rem;
}

.map-confirm-actions .btn[b-8h1uthj2sd] {
    flex: 1;
    width: auto;
    min-width: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/MobileClockHistory.razor.rz.scp.css */
/* Mobile-first history page — full-width, touch-friendly, matches mobile clock branding */

.mobile-history-page[b-i5p5pgvby1] {
    --mh-bg: #f5f7fa;
    --mh-surface: #fff;
    --mh-border: #e2e8f0;
    --mh-text: #0f172a;
    --mh-muted: #64748b;
    --mh-time: #475569;
    --mh-date-muted: #94a3b8;
    --mh-nav-active-bg: #e8f4fc;
    --mh-accent: #0367a2;
    --mh-badge-in-bg: #dcfce7;
    --mh-badge-in-fg: #166534;
    --mh-badge-out-bg: #fee2e2;
    --mh-badge-out-fg: #991b1b;
    --mh-card-shadow: rgba(0, 0, 0, 0.08);

    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background: var(--mh-bg);
    color: var(--mh-text);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    padding-bottom: env(safe-area-inset-bottom, 0);
    padding-left: env(safe-area-inset-left, 0);
    padding-right: env(safe-area-inset-right, 0);
    box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
    .mobile-history-page[b-i5p5pgvby1] {
        --mh-bg: #121416;
        --mh-surface: #1e2124;
        --mh-border: #3c4043;
        --mh-text: #e8eaed;
        --mh-muted: #9aa0a6;
        --mh-time: #c4c7cc;
        --mh-date-muted: #9aa0a6;
        --mh-nav-active-bg: #25313c;
        --mh-accent: #5eb0e8;
        --mh-badge-in-bg: #1e3a2e;
        --mh-badge-in-fg: #86efac;
        --mh-badge-out-bg: #3a2628;
        --mh-badge-out-fg: #fca5a5;
        --mh-card-shadow: rgba(0, 0, 0, 0.35);
    }

    .mobile-history-logo[b-i5p5pgvby1] {
        filter: brightness(0) invert(1);
        opacity: 0.92;
    }
}

.mobile-history-logo[b-i5p5pgvby1] {
    display: block;
    width: min(400px, 110vw);
    max-width: 100%;
    height: auto;
    margin: 0.5rem auto 0;
    box-sizing: border-box;
}

.mobile-history-header[b-i5p5pgvby1] {
    background: #0367A2;
    color: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    padding-top: calc(0.75rem + env(safe-area-inset-top, 0));
    width: 100%;
    box-sizing: border-box;
}

.mobile-history-title[b-i5p5pgvby1] {
    margin: 0;
    font-size: clamp(1.15rem, 4.5vw, 1.35rem);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.mobile-history-nav[b-i5p5pgvby1] {
    display: flex;
    justify-content: center;
    padding: 0.65rem 1rem;
    background: var(--mh-surface);
    border-bottom: 1px solid var(--mh-border);
}

/* app.css sets a { color: #fff !important } — match MobileClock.razor.css nav override */
.mobile-history-page a.mobile-history-nav-link[b-i5p5pgvby1] {
    color: var(--mh-accent) !important;
    font-size: 3rem;
    text-decoration: none;
    padding: 0.5rem 0.85rem;
    border-radius: 0.5rem;
}

.mobile-history-page a.mobile-history-nav-link:hover[b-i5p5pgvby1] {
    color: var(--mh-accent) !important;
    opacity: 0.92;
}

.mobile-history-page a.mobile-history-nav-link:active[b-i5p5pgvby1] {
    background: var(--mh-nav-active-bg);
}

.mobile-history-main[b-i5p5pgvby1] {
    flex: 1;
    padding: 1rem;
    max-width: 32rem;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.mobile-history-date-wrap[b-i5p5pgvby1] {
    margin-bottom: 1.25rem;
}

.mobile-history-label[b-i5p5pgvby1] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mh-muted);
    margin-bottom: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.mobile-history-datepicker-wrap[b-i5p5pgvby1] {
    width: 100%;
}

.mobile-history-datepicker-wrap[b-i5p5pgvby1]  .rz-datepicker {
    width: 100%;
    --rz-input-background-color: var(--mh-surface);
    --rz-input-value-color: var(--mh-text);
    --rz-input-border: 1px solid var(--mh-border);
    --rz-input-shadow: none;
    --rz-datepicker-trigger-icon-color: var(--mh-accent);
    --rz-datepicker-trigger-icon-hover-color: var(--mh-text);
}

.mobile-history-datepicker-wrap[b-i5p5pgvby1]  .rz-inputtext {
    width: 100%;
    box-sizing: border-box;
    min-height: 2.75rem;
    font-size: 1rem;
    border-radius: 0.5rem;
}

@media (prefers-color-scheme: dark) {
    /* Popup is portaled to body — scope by dark preference only */
    .rz-datepicker-popup-container[b-i5p5pgvby1] {
        --rz-base-background-color: #242527;
        --rz-datepicker-panel-background-color: #242527;
        --rz-text-color: #eaebec;
        --rz-text-tertiary-color: #b0b2b5;
        --rz-text-title-color: #f6f6f7;
        --rz-primary: #5eb0e8;
        --rz-primary-dark: #4a9fd6;
        --rz-on-primary: #ffffff;
        --rz-primary-lighter: rgba(94, 176, 232, 0.22);
        --rz-on-primary-lighter: #c5e4fb;
        --rz-border-normal: 1px solid #3c4043;
    }
}

.mobile-history-status[b-i5p5pgvby1],
.mobile-history-empty[b-i5p5pgvby1] {
    text-align: center;
    color: var(--mh-muted);
    padding: 2rem 1rem;
    font-size: 1rem;
}

.mobile-history-list[b-i5p5pgvby1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.mobile-history-card[b-i5p5pgvby1] {
    background: var(--mh-surface);
    border-radius: 0.75rem;
    padding: 0.9rem 1rem;
    box-shadow: 0 1px 3px var(--mh-card-shadow);
    border: 1px solid var(--mh-border);
}

.mobile-history-card-row[b-i5p5pgvby1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.35rem;
}

.mobile-history-name[b-i5p5pgvby1] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--mh-text);
    word-break: break-word;
    flex: 1;
    min-width: 0;
}

.mobile-history-badge[b-i5p5pgvby1] {
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mobile-history-in[b-i5p5pgvby1] {
    background: var(--mh-badge-in-bg);
    color: var(--mh-badge-in-fg);
}

.mobile-history-out[b-i5p5pgvby1] {
    background: var(--mh-badge-out-bg);
    color: var(--mh-badge-out-fg);
}

.mobile-history-time[b-i5p5pgvby1] {
    font-size: 0.95rem;
    color: var(--mh-time);
}

.mobile-history-date-part[b-i5p5pgvby1] {
    display: block;
    font-size: 0.8rem;
    color: var(--mh-date-muted);
    margin-top: 0.15rem;
}

@media (min-width: 480px) {
    .mobile-history-main[b-i5p5pgvby1] {
        padding: 1.25rem 1.5rem;
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Client/PayrollApiQueue.razor.rz.scp.css */
.payroll-api-queue[b-d0e9bhsowh] {
    max-width: 1200px;
    padding-bottom: 4rem;
}

.payroll-api-queue .page-header[b-d0e9bhsowh] {
    margin-bottom: 2rem;
}

.payroll-api-queue .page-header .subtitle[b-d0e9bhsowh] {
    font-size: 1rem;
    color: var(--bs-secondary-color);
}

.payroll-api-queue .queue-card[b-d0e9bhsowh] {
    border-radius: 8px;
}

.payroll-api-queue .queue-card .card-header[b-d0e9bhsowh] {
    border-radius: 8px 8px 0 0;
    font-weight: 600;
}

.payroll-api-queue .empty-state[b-d0e9bhsowh] {
    padding: 3rem 2rem;
}

.payroll-api-queue .empty-state .empty-icon[b-d0e9bhsowh] {
    font-size: 3rem;
    opacity: 0.4;
    margin-bottom: 1rem;
}

.payroll-api-queue .auto-refresh-hint[b-d0e9bhsowh] {
    font-size: 0.85rem;
    color: var(--bs-secondary-color);
}

.payroll-api-queue .payroll-queue-grid-wrap[b-d0e9bhsowh] {
    overflow-x: auto;
}

.payroll-api-queue .payroll-queue-log-btn[b-d0e9bhsowh] {
    white-space: nowrap;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Projects.razor.rz.scp.css */
.projects-area-map[b-v59qn8k6x2] {
    height: 280px;
    width: 100%;
    max-width: 100%;
    border-radius: 0.35rem;
    border: 1px solid var(--rz-border-color, #dee2e6);
    min-height: 200px;
    max-height: 80vh;
    resize: vertical;
    overflow: hidden;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Reports.razor.rz.scp.css */
.report-builder[b-ut8ufdj82z] {
    max-width: 900px;
    padding-bottom: 4rem;
}

.report-builder-card[b-ut8ufdj82z] {
    border-radius: 8px;
}

.report-builder-card .card-header[b-ut8ufdj82z] {
    border-radius: 8px 8px 0 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Setup.razor.rz.scp.css */
.setup-loading[b-9qenowl5aw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 14rem;
  padding: 2rem 1rem;
  max-width: 28rem;
}

.setup-loading-text[b-9qenowl5aw] {
  color: var(--rz-base-700, #5c5c5c);
  font-size: 0.95rem;
}

/* Pierces into RadzenTabs markup; scope attribute is only on elements in Setup.razor */
.setup-page-tabs[b-9qenowl5aw]  ul[role='tablist'],
.setup-page-tabs[b-9qenowl5aw]  .rz-tabview-nav {
  flex-wrap: wrap !important;
  justify-content: flex-start;
  align-content: flex-start;
  row-gap: 0.25rem;
}

/* Tab titles: allow wrapping on narrow widths */
.setup-page-tabs[b-9qenowl5aw]  .rz-tabview-nav li a,
.setup-page-tabs[b-9qenowl5aw]  .rz-tabview-nav .rz-tabview-nav-link {
  white-space: normal !important;
  text-align: center;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/SetupPages/Setup_General.razor.rz.scp.css */
.setup-general[b-b3qh3uaj43] {
  margin-bottom: 1.5rem;
}

.setup-general-header h2[b-b3qh3uaj43] {
  font-weight: 600;
  color: var(--rz-text-color, #212529);
}

.setup-general .card-title[b-b3qh3uaj43] {
  font-weight: 600;
  font-size: 1rem;
}

.setup-general .form-label[b-b3qh3uaj43] {
  font-weight: 500;
  margin-bottom: 0.35rem;
}

.setup-general .card[b-b3qh3uaj43] {
  border-radius: 0.625rem;
}

.setup-general .card-header[b-b3qh3uaj43] {
  font-weight: 600;
}

.setup-general-info-icon[b-b3qh3uaj43] {
  font-size: 0.875rem;
  vertical-align: middle;
  cursor: help;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/SetupPages/Setup_Mobile_Clock.razor.rz.scp.css */
.mobile-clock-setup[b-335uwdlhiv] {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.mobile-clock-setup-grid[b-335uwdlhiv] {
    width: 100%;
    min-width: 0;
}

/* Fill the tab; avoid horizontal scrollbar from column min-widths + long cell text */
.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-datatable,
.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-datatable-scrollable-content,
.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-datatable-wrapper {
    width: 100%;
    max-width: 100%;
}

.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-datatable-wrapper {
    overflow-x: hidden;
}

.mobile-clock-setup-grid[b-335uwdlhiv]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-grid-table th,
.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-grid-table td {
    min-width: 0;
}

.mobile-clock-setup-grid[b-335uwdlhiv]  .rz-cell-data {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mobile-clock-setup-card[b-335uwdlhiv] {
    padding: 1.25rem 1.5rem;
}

.mobile-clock-setup-header[b-335uwdlhiv] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.mobile-clock-setup-icon[b-335uwdlhiv] {
    font-size: 2rem;
    color: var(--rz-primary, #0d6efd);
    line-height: 1;
    flex-shrink: 0;
}

.mobile-clock-setup-title[b-335uwdlhiv] {
    margin: 0 0 0.35rem 0;
    font-size: 1.35rem;
    font-weight: 600;
}

.mobile-clock-setup-lead[b-335uwdlhiv] {
    margin: 0;
    font-size: 0.9rem;
    max-width: 40rem;
    line-height: 1.45;
}

.mobile-clock-device-id[b-335uwdlhiv] {
    font-size: 0.8rem;
    word-break: break-all;
}

.mobile-clock-area-map[b-335uwdlhiv] {
    height: 280px;
    width: 100%;
    max-width: 100%;
    border-radius: 0.35rem;
    border: 1px solid var(--rz-border-color, #dee2e6);
    min-height: 200px;
    max-height: 80vh;
    resize: vertical;
    overflow: hidden;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/SetupPages/Setup_Mobile_Clock_Links.razor.rz.scp.css */
.mobile-clock-area-link-map[b-hmimd8i3ku] {
    height: 280px;
    width: 100%;
    max-width: 100%;
    border-radius: 0.35rem;
    border: 1px solid var(--rz-border-color, #dee2e6);
    min-height: 200px;
}

/* _content/ZeroslackWebApp/Components/Pages/Client/Transactions.razor.rz.scp.css */
.transactions-grid-host[b-ppx84d9mv4] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.transactions-grid-host[b-ppx84d9mv4]  .rz-datatable,
.transactions-grid-host[b-ppx84d9mv4]  .rz-datatable-scrollable-content,
.transactions-grid-host[b-ppx84d9mv4]  .rz-datatable-wrapper,
.transactions-grid-host[b-ppx84d9mv4]  .rz-data-grid,
.transactions-grid-host[b-ppx84d9mv4]  .transactions-data-grid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.transactions-grid-host[b-ppx84d9mv4]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.transactions-grid-host[b-ppx84d9mv4]  .rz-grid-table th,
.transactions-grid-host[b-ppx84d9mv4]  .rz-grid-table td {
    min-width: 0;
}

.trx-inline-editor[b-ppx84d9mv4] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.trx-cell-text[b-ppx84d9mv4] {
    font-size: inherit;
    font-family: inherit;
}

/* Force every inline editor to use same typography as grid cell */
.trx-inline-editor-control[b-ppx84d9mv4],
.trx-inline-editor-control *[b-ppx84d9mv4],
.trx-inline-editor-control input[b-ppx84d9mv4],
.trx-inline-editor-control select[b-ppx84d9mv4] {
    font-size: inherit !important;
    font-family: inherit !important;
}

/* Make Radzen dropdown match grid typography/height */
.trx-inline-editor .rz-dropdown[b-ppx84d9mv4],
.trx-inline-editor .rz-dropdown-label[b-ppx84d9mv4],
.trx-inline-editor .rz-inputtext[b-ppx84d9mv4],
.trx-inline-editor .rz-inputtext:focus[b-ppx84d9mv4],
.trx-inline-editor .rz-dropdown-label *[b-ppx84d9mv4],
.trx-inline-editor .rz-dropdown input[b-ppx84d9mv4],
.trx-inline-editor .rz-dropdown select[b-ppx84d9mv4] {
    font-size: inherit !important;
    font-family: inherit !important;
}

/* Make textbox match grid typography/height */
.trx-inline-editor-input[b-ppx84d9mv4],
.trx-inline-editor-input .rz-inputtext[b-ppx84d9mv4],
.trx-inline-editor-input input[b-ppx84d9mv4],
.trx-inline-editor .rz-textbox[b-ppx84d9mv4],
.trx-inline-editor .rz-textbox input[b-ppx84d9mv4] {
    font-size: inherit !important;
    font-family: inherit !important;
}

/* Reduce padding so editor aligns with compact grid rows */
.trx-inline-editor .rz-dropdown[b-ppx84d9mv4],
.trx-inline-editor-input .rz-inputtext[b-ppx84d9mv4],
.trx-inline-editor .rz-textbox[b-ppx84d9mv4],
.trx-inline-editor .rz-textbox input[b-ppx84d9mv4] {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    line-height: 1.2;
}
/* _content/ZeroslackWebApp/Components/Pages/Client/Wages.razor.rz.scp.css */
/* Wages page – UX polish */
.wages-page[b-ds4lf5zjvg] {
  --wages-card-radius: 0.625rem;
  --wages-spacing: 1.25rem;
  --wages-primary: #0367A2;
  --wages-primary-hover: #0488C7;
  --wages-success: #198754;
  --wages-muted: #6c757d;
  --wages-border: rgba(0, 0, 0, 0.08);
}

/* Card sections – consistent elevation and spacing */
.wages-page .wages-card[b-ds4lf5zjvg] {
  border-radius: var(--wages-card-radius);
  border: 1px solid var(--wages-border);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.wages-page .wages-card__header[b-ds4lf5zjvg] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, transparent 100%);
  border-bottom: 1px solid #e9ecef;
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.wages-page .wages-card__header-icon[b-ds4lf5zjvg] {
  opacity: 0.7;
  color: var(--wages-primary);
}

.wages-page .wages-card__body[b-ds4lf5zjvg] {
  padding: 1.25rem 1.25rem;
}

@media (min-width: 768px) {
  .wages-page .wages-card__body[b-ds4lf5zjvg] {
    padding: 1.5rem 1.5rem;
  }
}

/* Get Hours section – prominent CTA */
.wages-page .wages-get-hours[b-ds4lf5zjvg] {
  margin-bottom: 1.25rem;
}

.wages-page .wages-get-hours .form-label[b-ds4lf5zjvg] {
  font-weight: 500;
  font-size: 0.8125rem;
  color: var(--wages-muted);
  margin-bottom: 0.35rem;
}

.wages-page .wages-processing-msg[b-ds4lf5zjvg] {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: rgba(3, 103, 162, 0.08);
  border-radius: 0.5rem;
  border: 1px solid rgba(3, 103, 162, 0.15);
  font-size: 0.875rem;
  color: #0d6efd;
}

/* Employee list – search & grid */
.wages-page .wages-employees[b-ds4lf5zjvg] {
  margin-bottom: 1.25rem;
}

.wages-page .wages-search-row[b-ds4lf5zjvg] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.wages-page .wages-search-input[b-ds4lf5zjvg] {
  flex: 1;
  min-width: 200px;
  max-width: 400px;
}

.wages-page .wages-employee-count[b-ds4lf5zjvg] {
  font-size: 0.8125rem;
  color: var(--wages-muted);
  font-weight: 500;
}

.wages-page .wages-grid[b-ds4lf5zjvg] {
  min-height: 220px;
  border-radius: 0.5rem;
}

/* Tabs – clean tab bar */
.wages-page .wages-tabs[b-ds4lf5zjvg] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0 0.25rem 0 0.25rem;
  border-bottom: none;
  background: transparent;
}

.wages-page .wages-tabs[b-ds4lf5zjvg]  .rz-button {
  border-radius: 0.375rem 0.375rem 0 0;
  margin-bottom: -1px;
  font-size: 0.8125rem;
}

/* Content area below tabs */
.wages-page .wages-tab-content[b-ds4lf5zjvg] {
  padding-top: 1.25rem;
}

/* Hourly table – readable layout */
.wages-page .wages-hours-table[b-ds4lf5zjvg] {
  font-size: 0.875rem;
}

.wages-page .wages-hours-table thead th[b-ds4lf5zjvg] {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wages-muted);
  font-weight: 600;
  background: #f8f9fa;
  white-space: nowrap;
  padding: 0.5rem 0.75rem;
}

.wages-page .wages-hours-table tbody td[b-ds4lf5zjvg] {
  padding: 0.4rem 0.75rem;
  vertical-align: middle;
}

.wages-page .wages-hours-table tbody tr:hover[b-ds4lf5zjvg] {
  background: rgba(0, 0, 0, 0.02);
}

/* Totals panel – highlight net pay */
.wages-page .wages-totals-panel[b-ds4lf5zjvg] {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  font-size: 0.8125rem;
}

.wages-page .wages-totals-panel h6[b-ds4lf5zjvg] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--wages-muted);
  margin: 0 0 0.75rem 0;
}

.wages-page .wages-totals-row[b-ds4lf5zjvg] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 0.4rem;
}

.wages-page .wages-totals-row:last-child[b-ds4lf5zjvg] {
  margin-bottom: 0;
}

.wages-page .wages-totals-row small[b-ds4lf5zjvg] {
  color: var(--wages-muted);
}

.wages-page .wages-totals-row--net[b-ds4lf5zjvg] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 2px solid var(--wages-primary);
  font-size: 1rem;
  font-weight: 700;
}

.wages-page .wages-totals-row--net strong[b-ds4lf5zjvg] {
  color: var(--wages-primary);
}

/* Deductions / Income tables */
.wages-page .wages-slots-table thead th[b-ds4lf5zjvg] {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wages-muted);
  font-weight: 600;
  background: #f8f9fa;
}

.wages-page .wages-slots-table tbody td[b-ds4lf5zjvg] {
  vertical-align: middle;
}

.wages-page .wages-tab-hint[b-ds4lf5zjvg] {
  font-size: 0.8125rem;
  color: var(--wages-muted);
  margin-bottom: 1rem;
  line-height: 1.45;
}

/* Primary actions – Save / Send */
.wages-page .wages-actions[b-ds4lf5zjvg] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
}

.wages-page .wages-actions .rz-button[b-ds4lf5zjvg] {
  font-weight: 600;
  min-width: 10rem;
}

/* Payslip progress section */
.wages-page .wages-payslip-progress[b-ds4lf5zjvg] {
  background: rgba(0, 0, 0, 0.02);
  border-color: var(--wages-border) !important;
  margin-bottom: 1.25rem;
}

/* Empty state when no employee selected */
.wages-page .wages-empty-prompt[b-ds4lf5zjvg] {
  text-align: center;
  padding: 2rem 1.5rem;
  color: var(--wages-muted);
  font-size: 0.9375rem;
  line-height: 1.55;
}

.wages-page .wages-empty-prompt .bi-person[b-ds4lf5zjvg] {
  font-size: 2.5rem;
  opacity: 0.5;
  margin-bottom: 0.75rem;
  display: block;
}

/* Loading state */
.wages-page .wages-loading[b-ds4lf5zjvg] {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem 1rem;
}

.wages-page .wages-instant-spinner[b-ds4lf5zjvg] {
  width: 1.6rem;
  height: 1.6rem;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/AppClockingGroupAddEdit.razor.rz.scp.css */
.input-group[b-vzpapouj6h] {
    display: flex;
    gap: 0.5rem;
}

.select-button[b-vzpapouj6h] {
    margin-left: 0.5rem;
}

.employee-buttons[b-vzpapouj6h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/ClientSettings.razor.rz.scp.css */
.setup-loading[b-fg10eevf7r] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 14rem;
  padding: 2rem 1rem;
  max-width: 28rem;
}

.setup-loading-text[b-fg10eevf7r] {
  color: var(--rz-base-700, #5c5c5c);
  font-size: 0.95rem;
}

.setup-page-tabs[b-fg10eevf7r]  ul[role='tablist'],
.setup-page-tabs[b-fg10eevf7r]  .rz-tabview-nav {
  flex-wrap: wrap !important;
  justify-content: flex-start;
  align-content: flex-start;
  row-gap: 0.25rem;
}

.setup-page-tabs[b-fg10eevf7r]  .rz-tabview-nav li a,
.setup-page-tabs[b-fg10eevf7r]  .rz-tabview-nav .rz-tabview-nav-link {
  white-space: normal !important;
  text-align: center;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/CrmDealDetail.razor.rz.scp.css */
.crm-deal-page[b-nui71tp1vn] {
    max-width: 1400px;
    padding-bottom: 2rem;
}

.crm-deal-sidebar[b-nui71tp1vn] {
    position: sticky;
    top: 1rem;
}

@media (max-width: 991.98px) {
    .crm-deal-sidebar[b-nui71tp1vn] {
        position: static;
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/CrmLeadDetail.razor.rz.scp.css */
.crm-lead-info-badge[b-iq79qz3lvo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    cursor: pointer;
    line-height: 1;
    vertical-align: middle;
}

.crm-lead-info-badge .badge[b-iq79qz3lvo] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    font-style: italic;
    padding: 0;
}

.crm-lead-info-badge:hover .badge[b-iq79qz3lvo] {
    filter: brightness(1.1);
}

.crm-lead-info-badge:focus-visible[b-iq79qz3lvo] {
    outline: 2px solid var(--bs-info);
    outline-offset: 2px;
    border-radius: 50%;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/CrmPartnerDetail.razor.rz.scp.css */
/* _content/ZeroslackWebApp/Components/Pages/Technician/CrmPipeline.razor.rz.scp.css */
.crm-board[b-osxclbe0fo] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    min-height: 320px;
    align-items: flex-start;
}

.crm-column[b-osxclbe0fo] {
    flex: 0 0 320px;
    min-width: 320px;
    background: #f4f6f8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 220px);
}

.crm-column-header[b-osxclbe0fo] {
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e9ecef;
    border-radius: 8px 8px 0 0;
}

.crm-count[b-osxclbe0fo] {
    font-size: 0.75rem;
    color: #6c757d;
}

.crm-column-body[b-osxclbe0fo] {
    padding: 0.5rem;
    overflow-y: auto;
    flex: 1;
    min-height: 180px;
}

.crm-card[b-osxclbe0fo] {
    position: relative;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 0.5rem 0.6rem;
    padding-right: 4.75rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.crm-card-has-health[b-osxclbe0fo] {
    padding-bottom: 1.65rem;
}

.crm-card-account-badge[b-osxclbe0fo] {
    position: absolute;
    top: 0.4rem;
    right: 0.45rem;
    z-index: 1;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.crm-card-health-indicator[b-osxclbe0fo] {
    position: absolute;
    bottom: 0.35rem;
    right: 0.45rem;
    z-index: 1;
}

/* Default open deals only — closed cards use their own hover below */
.crm-card:hover:not(.crm-card-won):not(.crm-card-lost)[b-osxclbe0fo] {
    border-color: #0d6efd;
}

.crm-card-won[b-osxclbe0fo] {
    border: 2px solid #16a34a;
    box-shadow: 0 1px 2px rgba(22, 163, 74, 0.18);
}

.crm-card-won:hover[b-osxclbe0fo] {
    border-color: #15803d;
}

.crm-card-lost[b-osxclbe0fo] {
    border: 2px solid #dc2626;
    box-shadow: 0 1px 2px rgba(220, 38, 38, 0.18);
}

.crm-card-lost:hover[b-osxclbe0fo] {
    border-color: #b91c1c;
}

.crm-card-dragging[b-osxclbe0fo] {
    opacity: 0.65;
}

.crm-card-title[b-osxclbe0fo] {
    font-weight: 600;
    font-size: 0.9rem;
}

.crm-health-indicator[b-osxclbe0fo] {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
    cursor: help;
    white-space: nowrap;
}

.crm-health-amber[b-osxclbe0fo] {
    color: #92400e;
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.crm-health-red[b-osxclbe0fo] {
    color: #9a3412;
    background: #ffedd5;
    border: 1px solid #fdba74;
}

.crm-health-critical[b-osxclbe0fo] {
    color: #7f1d1d;
    background: #fee2e2;
    border: 1px solid #f87171;
}

.crm-next-action-overdue[b-osxclbe0fo] {
    color: #b45309;
    font-weight: 600;
}

.crm-card-meta[b-osxclbe0fo],
.crm-card-owner[b-osxclbe0fo] {
    margin-top: 0.15rem;
}

.crm-toolbar[b-osxclbe0fo] {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Dialogs/ShiftAdvisorRetrainCaseDialog.razor.rz.scp.css */
.shift-advisor-retrain-dialog[b-cxv97k4wt6]  textarea,
.shift-advisor-retrain-dialog[b-cxv97k4wt6]  .rz-textarea,
.shift-advisor-retrain-dialog[b-cxv97k4wt6]  .rz-inputtext {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Dialogs/V3UpgradeActivitiesDialog.razor.rz.scp.css */
.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    min-height: calc(2.75rem + 5 * 2.5rem + 3.25rem);
}

.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  .rz-datatable-scrollable-body {
    max-height: none !important;
}

.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  .rz-datatable,
.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  .rz-datatable-scrollable-content,
.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  .rz-datatable-wrapper {
    width: 100%;
    max-width: 100%;
}

.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  table.rz-grid-table {
    width: max-content !important;
    min-width: 100%;
}

.v3-upgrade-activities-grid-wrap[b-3x3bvr8vc5]  .v3-upgrade-activity-message-cell .rz-cell-data {
    white-space: nowrap;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Employee_techAddEdit.razor.rz.scp.css */
/* _content/ZeroslackWebApp/Components/Pages/Technician/Shared/CrmActivityFeed.razor.rz.scp.css */
.crm-activity-feed[b-31zhtbrzai] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.15rem;
}

.crm-activity-feed-item[b-31zhtbrzai] {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    column-gap: 0.9rem;
    position: relative;
}

.crm-activity-feed-item:not(:last-child)[b-31zhtbrzai]::before {
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 1.15rem;
    bottom: -0.85rem;
    width: 2px;
    background: linear-gradient(
        to bottom,
        rgba(var(--bs-primary-rgb), 0.35),
        var(--bs-border-color)
    );
    border-radius: 1px;
}

.crm-activity-feed-marker[b-31zhtbrzai] {
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.95rem;
    justify-self: center;
    border-radius: 50%;
    background: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.15);
}

.crm-activity-feed-card[b-31zhtbrzai] {
    background: var(--bs-light-bg-subtle, #f8f9fa);
    border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
    border-radius: 0.625rem;
    padding: 0.9rem 1rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.crm-activity-feed-card:hover[b-31zhtbrzai] {
    border-color: rgba(var(--bs-primary-rgb), 0.28);
    box-shadow: 0 0.15rem 0.5rem rgba(0, 0, 0, 0.04);
}

.crm-activity-feed-header[b-31zhtbrzai] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.55rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
}

.crm-activity-feed-header-end[b-31zhtbrzai] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}

.crm-activity-feed-actions[b-31zhtbrzai] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.crm-activity-feed-time[b-31zhtbrzai] {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--bs-secondary-color);
    white-space: nowrap;
}

.crm-activity-feed-tags[b-31zhtbrzai] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.crm-activity-feed-tags .badge[b-31zhtbrzai] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0.3em 0.55em;
}

.crm-activity-feed-tags .crm-activity-badge-stage-change[b-31zhtbrzai] {
    background-color: #6610f2;
    color: #fff;
}

.crm-activity-feed-tag[b-31zhtbrzai] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--bs-secondary-color);
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-activity-feed-tag-contact[b-31zhtbrzai] {
    color: var(--bs-body-color);
}

.crm-activity-feed-message[b-31zhtbrzai] {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--bs-body-color);
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: break-word;
}

.crm-activity-feed-more[b-31zhtbrzai] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    padding-top: 0.35rem;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Shared/ShiftFieldLabel.razor.rz.scp.css */
.shift-field-label[b-6ssn3530nk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    overflow: visible;
}

.shift-field-help-wrap[b-6ssn3530nk] {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.shift-field-help-trigger[b-6ssn3530nk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--rz-primary, #0d6efd);
    font-size: 0.8125rem;
    line-height: 1;
    cursor: help;
}

.shift-field-help-trigger:hover[b-6ssn3530nk],
.shift-field-help-trigger:focus[b-6ssn3530nk] {
    background: rgba(13, 110, 253, 0.08);
    outline: none;
}

.shift-field-help-popup[b-6ssn3530nk] {
    display: none;
    position: absolute;
    left: 50%;
    bottom: calc(100% + 0.35rem);
    transform: translateX(-50%);
    width: min(18rem, 70vw);
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.375rem;
    background: var(--rz-base-100, #fff);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.35;
    color: var(--rz-text-color, #212529);
    text-align: left;
    white-space: normal;
    z-index: 1060;
    pointer-events: none;
}

.shift-field-help-wrap:hover .shift-field-help-popup[b-6ssn3530nk],
.shift-field-help-wrap:focus-within .shift-field-help-popup[b-6ssn3530nk] {
    display: block;
}

.shift-field-help-screen[b-6ssn3530nk] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.6875rem;
    color: var(--rz-text-secondary-color, #6c757d);
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Shared/ShiftSetupHelpPoster.razor.rz.scp.css */
.shift-help-poster[b-miwe5w51az] {
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.375rem;
    background: var(--rz-base-100, #fff);
    margin-bottom: 1rem;
}

[b-miwe5w51az] .shift-help-poster__intro {
    font-size: 0.8125rem;
    color: var(--rz-text-secondary-color, #6c757d);
    margin-bottom: 0.75rem;
}

[b-miwe5w51az] .shift-help-four-times {
    display: grid;
    gap: 0.75rem;
}

[b-miwe5w51az] .shift-help-four-times__track {
    border: 1px solid var(--rz-base-400, #ced4da);
    border-radius: 0.375rem;
    padding: 0.75rem;
    background: var(--rz-base-200, #f8f9fa);
}

[b-miwe5w51az] .shift-help-four-times__track-title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--rz-primary, #0d6efd);
    margin-bottom: 0.5rem;
}

[b-miwe5w51az] .shift-help-four-times__line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    margin-bottom: 0.5rem;
}

[b-miwe5w51az] .shift-help-four-times__node {
    border: 1px solid var(--rz-base-500, #adb5bd);
    border-radius: 0.25rem;
    padding: 0.35rem 0.5rem;
    background: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
}

[b-miwe5w51az] .shift-help-four-times__arrow {
    color: var(--rz-text-secondary-color, #6c757d);
    font-weight: 600;
}

[b-miwe5w51az] .shift-help-four-times__defs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 0.5rem;
}

[b-miwe5w51az] .shift-help-four-times__def {
    font-size: 0.75rem;
    margin: 0;
    line-height: 1.35;
}

[b-miwe5w51az] .shift-help-callout {
    border-left: 3px solid var(--rz-warning, #ffc107);
    padding: 0.5rem 0.75rem;
    background: rgba(255, 193, 7, 0.08);
    font-size: 0.8125rem;
    margin-top: 0.75rem;
    margin-bottom: 0;
}

[b-miwe5w51az] .shift-help-timeline {
    overflow-x: auto;
    padding-bottom: 0.25rem;
    margin-bottom: 0.75rem;
}

[b-miwe5w51az] .shift-help-timeline__track {
    display: flex;
    align-items: stretch;
    min-width: 32rem;
    gap: 0;
}

[b-miwe5w51az] .shift-help-timeline__segment {
    flex: 1 1 auto;
    min-width: 5rem;
    text-align: center;
    position: relative;
    padding-top: 1.5rem;
}

[b-miwe5w51az] .shift-help-timeline__segment::before {
    content: "";
    position: absolute;
    top: 0.55rem;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--rz-primary, #0d6efd);
}

[b-miwe5w51az] .shift-help-timeline__segment:first-child::before {
    left: 50%;
}

[b-miwe5w51az] .shift-help-timeline__segment:last-child::before {
    right: 50%;
}

[b-miwe5w51az] .shift-help-timeline__marker {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: var(--rz-primary, #0d6efd);
    border: 2px solid #fff;
    z-index: 1;
}

[b-miwe5w51az] .shift-help-timeline__label {
    font-size: 0.75rem;
    font-weight: 600;
    display: block;
}

[b-miwe5w51az] .shift-help-timeline__band {
    font-size: 0.6875rem;
    color: var(--rz-text-secondary-color, #6c757d);
    display: block;
    margin-top: 0.15rem;
}

[b-miwe5w51az] .shift-help-timeline__endpoint {
    flex: 0 0 auto;
    align-self: center;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
}

[b-miwe5w51az] .shift-help-warning {
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
}

[b-miwe5w51az] .shift-help-symptom-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

[b-miwe5w51az] .shift-help-symptom-card {
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.375rem;
    padding: 0.75rem;
}

[b-miwe5w51az] .shift-help-symptom-card__issue {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.35rem;
}

[b-miwe5w51az] .shift-help-symptom-card__screen {
    font-size: 0.8125rem;
    margin-bottom: 0.35rem;
}

[b-miwe5w51az] .shift-help-symptom-card__check {
    font-size: 0.8125rem;
    color: var(--rz-text-secondary-color, #6c757d);
    margin: 0;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Shared/ShiftSetupHubActions.razor.rz.scp.css */
.shift-setup-hub-actions[b-cjq8na11lr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.shift-setup-hub-tile[b-cjq8na11lr] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 7.5rem;
    padding: 1rem 1rem 0.875rem;
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.625rem;
    background: var(--rz-base-100, #fff);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.04),
        0 2px 8px rgba(0, 0, 0, 0.05);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.shift-setup-hub-tile:hover[b-cjq8na11lr],
.shift-setup-hub-tile:focus-visible[b-cjq8na11lr] {
    border-color: var(--rz-primary, #0d6efd);
    box-shadow:
        0 2px 4px rgba(13, 110, 253, 0.08),
        0 6px 16px rgba(13, 110, 253, 0.12);
    transform: translateY(-1px);
    color: inherit;
    text-decoration: none;
    outline: none;
}

.shift-setup-hub-tile--tool[b-cjq8na11lr] {
    background: var(--rz-base-200, #f8f9fa);
    border-style: dashed;
}

.shift-setup-hub-tile--tool:hover[b-cjq8na11lr],
.shift-setup-hub-tile--tool:focus-visible[b-cjq8na11lr] {
    background: rgba(13, 110, 253, 0.04);
}

.shift-setup-hub-tile__step[b-cjq8na11lr] {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background: var(--rz-primary, #0d6efd);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
}

.shift-setup-hub-tile__icon[b-cjq8na11lr] {
    display: flex;
    align-items: center;
    color: var(--rz-primary, #0d6efd);
}

.shift-setup-hub-tile__icon .bi[b-cjq8na11lr] {
    font-size: 1.75rem;
    line-height: 1;
}

.shift-setup-hub-tile__title[b-cjq8na11lr] {
    font-size: 0.9375rem;
    font-weight: 650;
    line-height: 1.25;
    color: var(--rz-base-900, #212529);
}

.shift-setup-hub-tile__subtitle[b-cjq8na11lr] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--rz-base-700, #6c757d);
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/Shared/ShiftStructureOverview.razor.rz.scp.css */
.shift-structure-overview[b-8lt56zomhe] {
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.375rem;
    background: var(--rz-base-100, #fff);
}

.shift-structure-overview--embedded[b-8lt56zomhe] {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.shift-structure-overview--embedded .shift-structure-overview__body[b-8lt56zomhe] {
    padding: 0;
}

.shift-structure-overview__header[b-8lt56zomhe] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--rz-base-300, #dee2e6);
    background: var(--rz-base-200, #f8f9fa);
}

.shift-structure-overview__body[b-8lt56zomhe] {
    padding: 1rem;
}

.shift-structure-site-grid[b-8lt56zomhe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.shift-structure-site-node[b-8lt56zomhe] {
    border: 1px solid var(--rz-base-400, #ced4da);
    border-radius: 0.375rem;
    padding: 0.625rem 0.75rem;
    background: var(--rz-base-100, #fff);
    min-height: 4.5rem;
}

.shift-structure-site-node--period[b-8lt56zomhe] {
    grid-column: span 1;
}

.shift-structure-site-node__title[b-8lt56zomhe] {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.shift-structure-site-node__text[b-8lt56zomhe] {
    font-size: 0.8125rem;
    color: var(--rz-text-secondary-color, #6c757d);
    margin: 0;
    line-height: 1.35;
}

.shift-structure-chain[b-8lt56zomhe] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.shift-structure-chain__step[b-8lt56zomhe] {
    flex: 1 1 9rem;
    min-width: 8.5rem;
    max-width: 12rem;
    border: 1px solid var(--rz-primary, #0d6efd);
    border-radius: 0.375rem;
    padding: 0.625rem 0.75rem;
    background: rgba(13, 110, 253, 0.04);
}

.shift-structure-chain__step-title[b-8lt56zomhe] {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.shift-structure-chain__step-text[b-8lt56zomhe] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color, #6c757d);
    margin: 0;
    line-height: 1.35;
}

.shift-structure-chain__arrow[b-8lt56zomhe] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-text-secondary-color, #6c757d);
    font-size: 1.125rem;
    font-weight: 600;
    flex: 0 0 auto;
    min-width: 1rem;
}

.shift-structure-summary-table th[b-8lt56zomhe],
.shift-structure-summary-table td[b-8lt56zomhe] {
    vertical-align: top;
}

@media (max-width: 767.98px) {
    .shift-structure-chain__arrow[b-8lt56zomhe] {
        transform: rotate(90deg);
        width: 100%;
        min-height: 1rem;
    }

    .shift-structure-chain[b-8lt56zomhe] {
        flex-direction: column;
        align-items: stretch;
    }

    .shift-structure-chain__step[b-8lt56zomhe] {
        max-width: none;
    }
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/ShiftSetup_Main.razor.rz.scp.css */
.shift-setup-main[b-nd0unniqzy] {
    max-width: 1140px;
}

.shift-setup-main__help[b-nd0unniqzy] {
    margin-top: 0.5rem;
}

.shift-setup-main__help-header[b-nd0unniqzy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.shift-setup-main__help-title[b-nd0unniqzy] {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--rz-base-600, #6c757d);
    margin: 0;
}

.shift-setup-main__accordion[b-nd0unniqzy] {
    border: 1px solid var(--rz-base-300, #dee2e6);
    border-radius: 0.625rem;
    overflow: hidden;
    background: var(--rz-base-100, #fff);
}

.shift-setup-main__accordion-body[b-nd0unniqzy] {
    padding: 0.25rem 0.5rem 0.75rem;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/SiteSettings.razor.rz.scp.css */
.setup-loading[b-lqfg70nrea] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 14rem;
  padding: 2rem 1rem;
  max-width: 28rem;
}

.setup-loading-text[b-lqfg70nrea] {
  color: var(--rz-base-700, #5c5c5c);
  font-size: 0.95rem;
}

.setup-page-tabs[b-lqfg70nrea]  ul[role='tablist'],
.setup-page-tabs[b-lqfg70nrea]  .rz-tabview-nav {
  flex-wrap: wrap !important;
  justify-content: flex-start;
  align-content: flex-start;
  row-gap: 0.25rem;
}

.setup-page-tabs[b-lqfg70nrea]  .rz-tabview-nav li a,
.setup-page-tabs[b-lqfg70nrea]  .rz-tabview-nav .rz-tabview-nav-link {
  white-space: normal !important;
  text-align: center;
}
/* _content/ZeroslackWebApp/Components/Pages/Technician/V3UpgradeWorkflow.razor.rz.scp.css */
.upgrade-progress-card[b-ueldjf90ly] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    padding: 1rem 1.25rem;
    overflow: hidden;
    box-sizing: border-box;
}

.upgrade-progress-summary[b-ueldjf90ly] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem 2rem;
}

.upgrade-progress-chart[b-ueldjf90ly] {
    flex: 0 0 160px;
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.upgrade-progress-chart[b-ueldjf90ly]  .rz-chart,
.upgrade-progress-chart[b-ueldjf90ly]  .rz-chart-content,
.upgrade-progress-chart[b-ueldjf90ly]  svg {
    width: 160px !important;
    height: 160px !important;
    max-width: 100%;
    overflow: visible;
}

.upgrade-progress-details[b-ueldjf90ly] {
    flex: 1 1 280px;
    min-width: 0;
    text-align: left;
}

.upgrade-progress-badges[b-ueldjf90ly] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.upgrade-report-grid-wrap[b-ueldjf90ly] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-datatable,
.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-datatable-scrollable-content,
.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-datatable-wrapper {
    width: 100%;
    max-width: 100%;
}

.upgrade-report-grid-wrap[b-ueldjf90ly]  table.rz-grid-table {
    table-layout: fixed;
    width: 100% !important;
}

.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-grid-table th,
.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-grid-table td {
    min-width: 0;
}

.upgrade-report-grid-wrap[b-ueldjf90ly]  .rz-cell-data {
    overflow-wrap: anywhere;
    word-break: break-word;
}