@import 'PlusAndMinus.Client.p6tj9uz82z.bundle.scp.css';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-tus4bny9wi] {
    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-tus4bny9wi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-m1ovk1rags] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 1619.98px) {
    .main .top-row:not(.auth)[b-m1ovk1rags] {
        display: none;
    }

    .main .top-row.auth[b-m1ovk1rags] {
        justify-content: space-between;
    }

    .main .top-row a[b-m1ovk1rags], .main .top-row .btn-link[b-m1ovk1rags] {
        margin-left: 10px;
    }
}

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

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

    .top-row[b-m1ovk1rags] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .page > div[b-m1ovk1rags] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
        .top-row.auth[b-m1ovk1rags]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

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

#blazor-error-ui[b-m1ovk1rags] {
    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-m1ovk1rags] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2bzrqznwhc] {
    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-2bzrqznwhc] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2bzrqznwhc] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
    padding-left: 0px !important;
    border-bottom: 1px solid Black !important;
}

.navbar-brand[b-2bzrqznwhc] {
    font-size: 1.1rem;
    justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

    .nav-scrollable[b-2bzrqznwhc] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Shared/LayoutContainer.razor.rz.scp.css */
.page[b-n52nihtxpy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-n52nihtxpy] {
    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-n52nihtxpy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Shared/MainLayoutContainer.razor.rz.scp.css */
.page[b-mr78ztntgj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 1619.98px) {
    .main .top-row:not(.auth)[b-mr78ztntgj] {
        display: none;
    }
    .main .top-row.auth[b-mr78ztntgj] {
        justify-content: space-between;
    }
        .top-row[b-mr78ztntgj]  a, .top-row[b-mr78ztntgj]  .btn-link {
            margin-left: 10px;
        }
}

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

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

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

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

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

#blazor-error-ui[b-mr78ztntgj] {
    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-mr78ztntgj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Shared/NavigateLayoutContainer.razor.rz.scp.css */
.page[b-00k9fmz85r] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-00k9fmz85r] {
    flex: 1;
}

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

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

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

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

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

@media (max-width: 1619.98px) {
    .main .top-row:not(.auth)[b-00k9fmz85r] {
        display: none;
    }
    .main .top-row.auth[b-00k9fmz85r] {
        justify-content: space-between;
    }
    .top-row[b-00k9fmz85r]  a, .top-row[b-00k9fmz85r]  .btn-link {
        margin-left: 10px;
    }
}

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

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

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

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

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

#blazor-error-ui[b-00k9fmz85r] {
    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-00k9fmz85r] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/* /Components/Shared/NavigateMenu.razor.rz.scp.css */
.navbar-toggler[b-2rv904wrps] {
    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-2rv904wrps] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-2rv904wrps] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
    padding-left: 0px !important;
    border-bottom: 1px solid Black !important;
}

.navbar-brand[b-2rv904wrps] {
    font-size: 1.1rem;
    justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

    .nav-scrollable[b-2rv904wrps] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/ContactManager.razor.rz.scp.css */
/* ContactManager.razor.css
   Azure-style Kanban adapted for Blazor CSS isolation.
   - Uses "kanban-" prefixed classes to avoid css conflicts with existing css
   - Uses ::deep to reach into child components (KanbanColumn, KanbanCard)
   — container-unit responsive, grid-fitting columns
   - Typography scales down to match card proportions
*/


/* =========================
   Design Tokens (scoped)
   ========================= */
.kanban-board-tools[b-dp6x5y8k8u],
.kanban-board-wrapper[b-dp6x5y8k8u] {
    --bg: #f5f7fa;
    --darkbg: #dee2e6;
    color: #212529;
    --card: #fff;
    --text: #222;
    --muted: #6b7280;
    --border: #e5e7eb;
    --shadow: 0 0.0625rem 0.125rem rgba(0,0,0,.04), 0 0.25rem 0.75rem rgba(0,0,0,.06);
    --primary: #007acc;
    --accent: #0098c7;
    --success: #339933;
    --radius: .833cqi;
    --kanban-header-bg: #F7F7F7;
    --column-gap: .5cqi;
    --column-max-width: 23.5rem;                                            /* ~376px at 16px base */
    --card-gap: .467cqi;
    /* =========================
       Typography scale (proportional)
       Targets: base 13px, title/UI 16px, meta 11px
       Ratios vs base: title/UI = 16/13 ≈ 1.23077; meta = 11/13 ≈ 0.84615
       ========================= */
    --fs-base: clamp(12px, 1.083cqi, 13px);                                 /* ~13px target */
    --fs-title: clamp(12px, calc(1.23077 * var(--fs-base)), 16px);          /* ~16px target */
    --fs-ui: var(--fs-title);                                               /* UI elements match title */
    --fs-meta: clamp(10px, calc(0.84615 * var(--fs-base)), 11px);           /* ~11px target */
    --fs-btn: var(--fs-base);                                               /* buttons follow base */
}

/* ==============================
   Board container & Page title
   ============================== */
.page-title-contact-manager[b-dp6x5y8k8u] {
    text-align: center;
    margin-bottom: .75em;
}

.kanban-board-wrapper[b-dp6x5y8k8u] {
    container-type: inline-size;
    width: calc(100vw - 4em);
    margin: 0 auto;
    border: 1px solid var(--border);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    overflow: hidden;
    background: #fff;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    font-size: var(--fs-base);
    line-height: 1.4;
}

/* ==============================
   Board Toolbar
   ============================== */
.kanban-board-tools[b-dp6x5y8k8u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .62cqi 1cqi;
    background: var(--kanban-header-bg);
    border: 1px solid var(--border);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    gap: 1cqi;
}

/* ==============================
   Columns container
   ============================== */
.kanban-board-columns[b-dp6x5y8k8u] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(16cqi, var(--column-max-width));
    height: calc(100vh - (3.5rem + 1.5em + 10em)); /* viewport height minus toolbar, title, margins */
}

    .kanban-board-columns:focus-visible[b-dp6x5y8k8u] {
        border: max(2px, .167cqi) solid var(--primary);
        outline-offset: .333cqi;
    }

/* ==============================
   Column
   ============================== */
[b-dp6x5y8k8u] .kanban-column {
    width: auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 60vh;
}

/* Header */
[b-dp6x5y8k8u] .kanban-column-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--kanban-header-bg);
    border: max(1px, .083cqi) solid var(--border);
    padding: .42cqi .82cqi;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .667cqi;
}

[b-dp6x5y8k8u] .kanban-column-title {
    margin: 0;
    font-size: var(--fs-title);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-dp6x5y8k8u] .kanban-column-stats {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: var(--muted);
    font-weight: 600;
    font-size: var(--fs-base);
    gap: var(--column-gap);
}

[b-dp6x5y8k8u] .kanban-count {
    color: green;
    font-weight: 500;
    font-size: var(--fs-base);
}

/* Tools */
[b-dp6x5y8k8u] .kanban-column-tools {
    display: flex;
    justify-content: space-between;
    gap: .667cqi;
    padding: .667cqi .833cqi;
    border: max(1px, .083cqi) solid var(--border);
    border-top: none;
    background: #fff;
}

/* Cards container */
[b-dp6x5y8k8u] .kanban-cards {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: .667cqi;
    padding: .5cqi;
    overflow-x: clip;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    border: max(1px, .083cqi) solid var(--border);
    border-top: none;
    background: transparent;
    min-width: 0;
    /* Thinner scrollbar for kanban-cards */
    scrollbar-width: thin;
    -ms-scrollbar-track-color: var(--border);
    scrollbar-track-color: var(--border);
    scrollbar-color: var(--border) transparent;
}


/* ==============================
   Card
   ============================== */
[b-dp6x5y8k8u] .kanban-card {
    display: flex;
    background: var(--card);
    border: max(1px, .083cqi) solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow);
    transition: transform .05s ease, box-shadow .05s ease;
}

    [b-dp6x5y8k8u] .kanban-card:focus,
    [b-dp6x5y8k8u] .kanban-card:focus-visible,
    [b-dp6x5y8k8u] .kanban-card:hover {
        border: 1px solid var(--primary);
        transform: translateY(-.083cqi);
    }

[b-dp6x5y8k8u] .kanban-flag {
    inline-size: .333cqi;
    background: var(--flag, var(--accent));
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

[b-dp6x5y8k8u] .kanban-card-body {
    flex: 1;
    width: auto;
    max-width: 100%;
    min-width: 0;
    padding: .833cqi;
}

[b-dp6x5y8k8u] .kanban-card-top {
    display: grid;
    grid-template-columns: auto minmax(12ch, 1fr) auto auto;
    align-items: center;
    gap: var(--card-gap);
}

[b-dp6x5y8k8u] .kanban-card-info {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--card-gap);
    min-width: 0;
}

[b-dp6x5y8k8u] .kanban-business {
    flex-grow: 1;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    gap: var(--card-gap);
    min-width: 0;
}

[b-dp6x5y8k8u] .kanban-type {
    font-size: var(--fs-ui);
    text-align: center;
    align-items: center;
    width: 3ch;
    opacity: .9;
}

[b-dp6x5y8k8u] .kanban-id {
    font-weight: 600;
    color: #111;
    font-size: var(--fs-ui);
}

[b-dp6x5y8k8u] .kanban-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    cursor: pointer !important;
    border: none;
    height: 100%;
    background: transparent;
    text-align: left;
    padding: 0;
    color: #0f6cbd;
    text-decoration: none;
    font-size: var(--fs-title);
    font-weight: 600;
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-block-size: 2lh; /* hard cap to 2 lines at any scale */
    max-width: 28ch;
}

    [b-dp6x5y8k8u] .kanban-title:focus,
    [b-dp6x5y8k8u] .kanban-title:hover {
        text-decoration: underline;
    }

[b-dp6x5y8k8u] .kanban-actions-taken {
    font-size: var(--fs-ui);
    font-weight: 600;
    color: green;
    width: 3ch;
    text-align: center;
}

[b-dp6x5y8k8u] .kanban-kebab {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: var(--fs-ui);
    line-height: 1;
    color: #666;
}

    [b-dp6x5y8k8u] .kanban-kebab:hover {
        color: #000;
    }

[b-dp6x5y8k8u] .kanban-card-meta {
    display: flex;
    flex-flow: row wrap;
    gap: var(--card-gap);
    align-items: center;
    margin-top: .5cqi;
    color: var(--muted);
    font-size: var(--fs-meta);
    min-width: 0;
}

    [b-dp6x5y8k8u] .kanban-card-meta .meta-item {
        display: inline-flex;
        white-space: nowrap;
        align-items: center;
        gap: .35cqi;
    }

/* ==============================
   Card Drag & Drop + Drag Proxy
   ============================== */
[b-dp6x5y8k8u] .kanban-card[draggable="true"] {
    cursor: grab;
}

[b-dp6x5y8k8u] .kanban-card[draggable="true"]:active {
    cursor: grabbing;
}

[b-dp6x5y8k8u] .kanban-cards.drop-target {
    outline: 2px dashed var(--accent);
    background: color-mix(in srgb, var(--accent) 6%, white);
}

/* Grey the in-lane original while dragging */
[b-dp6x5y8k8u] .kanban-card.dragging,
[b-dp6x5y8k8u] .kanban-card[data-dragging="true"],
[b-dp6x5y8k8u] .dragging[data-dragging="true"] {
    filter: grayscale(1) contrast(.96) saturate(.6) brightness(.98);
    opacity: .45;
    cursor: grabbing;
}

[b-dp6x5y8k8u] .kanban-card[draggable="true"] .kanban-title {
    cursor: pointer;
}

/* Drag proxy card */
.drag-follow[b-dp6x5y8k8u] {
    position: fixed;
    top: 0;
    left: 0;
    container-type: inline-size;            /* Let cqi units resolve for the preview itself */
    transform: translate(-9999px, -9999px); /* moved immediately on drag */
    z-index: 2147483647;                    /* above everything */
    pointer-events: none;
    cursor: grabbing;
    opacity: 1 !important;
    filter: none !important;
    margin: 0 !important;
    /* Token fallbacks so the preview looks the same even outside the board */
    --bg: #f5f7fa;
    --card: #fff;
    --text: #222;
    --muted: #6b7280;
    --border: #e5e7eb;
    --shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);
    --primary: #007acc;
    --accent: #0098c7;
    --success: #339933;
    --column-max-width: 23.5rem;
    --card-gap: 8px;
    --fs-base: 13px;
    --fs-title: 16px;
    --fs-ui: 16px;
    --fs-meta: 11px;
    --fs-btn: 13px;
    /* Typography */
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    font-size: var(--fs-base);
    line-height: 1.4;
}

    /* Ensure the proxy card keeps its visuals & sensible width */
    .drag-follow.kanban-card[b-dp6x5y8k8u],
    .drag-follow .kanban-card[b-dp6x5y8k8u] {
        background: var(--card);
        border: 1px solid var(--border);
        cursor: grabbing;
        border-radius: 8px;
        box-shadow: var(--shadow);
        width: clamp(280px, 48cqi, var(--column-max-width));
        max-width: min(94vw, var(--column-max-width));
    }

    /* Keep internal typography and layout consistent in the preview */
    .drag-follow .kanban-card-body[b-dp6x5y8k8u] {
        font-size: var(--fs-base);
    }
    .drag-follow .kanban-card-meta[b-dp6x5y8k8u] {
        font-size: var(--fs-meta);
    }

/* ==============================
   Buttons
   ============================== */
[b-dp6x5y8k8u] .kanban-btn {
    border: max(1px, .083cqi) solid var(--border);
    background: #fff;
    border-radius: 5px;
    padding: .41cqi .82cqi;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .5cqi;
    font-weight: 600;
    font-size: var(--fs-btn);
}

    [b-dp6x5y8k8u] .kanban-btn:hover {
        box-shadow: var(--shadow);
    }

[b-dp6x5y8k8u] .kanban-btn-primary {
    background: var(--darkbg);
    color: #212529;
}

/* Icon-only button */
[b-dp6x5y8k8u] .kanban-btn-icon {
    inline-size: 2cqi;
    block-size: 2cqi;
    justify-content: center;
    background: var(--darkbg);
    color: #212529;
    font-size: var(--fs-btn);
}

[b-dp6x5y8k8u] .kanban-btn-ghost {
    background: transparent;
    border-color: transparent;
    color: #0f6cbd;
    font-size: var(--fs-btn);
}

/* Column footer */
[b-dp6x5y8k8u] .kanban-column-footer {
    padding: .167cqi .667cqi .833cqi;
    text-align: center;
    font-size: var(--fs-meta);
}

/* ==============================
   Motion preference
   ============================== */
@media (prefers-reduced-motion: reduce) {
    [b-dp6x5y8k8u] .kanban-card {
        transition: none;
    }
}

/* /Pages/TS160.razor.rz.scp.css */
/* Table formatting */
.table-title[b-q77bwq86y9],
.column-header td[b-q77bwq86y9],
.row-totals td[b-q77bwq86y9] {
    font-size: 18px;
    font-weight: bold;
}
.table-title[b-q77bwq86y9] {
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
}
.row-totals td[b-q77bwq86y9] {
    border-bottom: double;
    border-top: groove;
}
/* Accordion Box */
.accordion-button[b-q77bwq86y9] {
    display: block;
    padding: 4px 8px !important;
    width: 100% !important;
    border: 1px solid black !important;
    background-color: #f8f9fa !important;
    transition: 0.35s;
    color: black;
    text-align: center;
    font-weight: 500;
}
.accordion-button:hover[b-q77bwq86y9] {
    cursor: pointer;
    background-color: #e7f1ff !important;
}
.accordion-table[b-q77bwq86y9] {
    width: 100%;
    border-collapse: separate;
    padding: 0 4px;
    border: 1px solid black;
    border-top: none;
}
/* Container open & closed states. Default = closed */
.accordion-content[b-q77bwq86y9] {
    width: 100%;
    height: 0px !important;
    overflow: hidden;
    transition: 0.35s;
}
.accordion-container.open .accordion-button[b-q77bwq86y9] {
    background-color: #e7f1ff !important;
}
.accordion-container.open .accordion-content[b-q77bwq86y9] {
    height: auto !important;
}
/* Animated Plus & minus icon */
.plus-minus[b-q77bwq86y9] {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    bottom: -3px;
    margin: 0 1rem 0 .5rem;
    cursor: pointer;
}
.plus-minus[b-q77bwq86y9]:before, .plus-minus[b-q77bwq86y9]:after {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.35s;
    width: 100%;
    height: 3px;
}
.plus-minus[b-q77bwq86y9]:before {
    transform: translateY(-50%);
}
.plus-minus[b-q77bwq86y9]:after {
    transform: translateY(-50%) rotate(90deg);
}
/* plus-minus open state */
.accordion-container.open .accordion-button .plus-minus[b-q77bwq86y9]:before {
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0;
}
.accordion-container.open .accordion-button .plus-minus[b-q77bwq86y9]:after {
    transform: translateY(-50%) rotate(0);
}
/* /Pages/TS610.razor.rz.scp.css */
.tooltip-text[b-yip0dr7uo2] {
    display:block;
    font-size:12px;
    text-align:center;
}