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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #blazor-error-ui .dismiss[b-utyh80stjd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wggrlc3t9i],
.components-reconnect-repeated-attempt-visible[b-wggrlc3t9i],
.components-reconnect-failed-visible[b-wggrlc3t9i],
.components-pause-visible[b-wggrlc3t9i],
.components-resume-failed-visible[b-wggrlc3t9i],
.components-rejoining-animation[b-wggrlc3t9i] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/OrderDetailPage.razor.rz.scp.css */
.yd-page-heading[b-2sbv9avhkt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.yd-page-heading h1[b-2sbv9avhkt] {
    margin: 0;
}

.yd-muted[b-2sbv9avhkt],
.yd-empty[b-2sbv9avhkt] {
    color: var(--yd-subtle-text);
    margin: 0.35rem 0 1rem;
}

.yd-state[b-2sbv9avhkt] {
    color: var(--yd-subtle-text);
    padding: 1.5rem;
}

.yd-order-summary[b-2sbv9avhkt] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.yd-order-summary h2[b-2sbv9avhkt] {
    margin-top: 0;
}

.yd-order-summary p[b-2sbv9avhkt] {
    margin: 0.4rem 0;
}

.yd-order-summary-status[b-2sbv9avhkt] {
    min-width: 230px;
}

.yd-order-review[b-2sbv9avhkt],
.yd-order-cancelled[b-2sbv9avhkt] {
    border-radius: 0.5rem;
    padding: 0.85rem 1rem;
    margin: 1rem 0;
}

.yd-order-review[b-2sbv9avhkt] {
    background: #fff2cc;
    color: #654c00;
}

.yd-order-cancelled[b-2sbv9avhkt] {
    background: #fce1e1;
    color: #721c24;
}

.yd-status-review[b-2sbv9avhkt] {
    background: #fff2cc;
    color: #654c00;
}

.yd-receive-lines[b-2sbv9avhkt] {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.yd-receive-line[b-2sbv9avhkt] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(110px, 1fr);
    gap: 1rem;
    align-items: center;
}

.yd-billing-card > label[b-2sbv9avhkt] {
    display: block;
    font-weight: 600;
    margin: 0.75rem 0 0.3rem;
}

@media (max-width: 600px) {
    .yd-order-summary[b-2sbv9avhkt] {
        display: block;
    }

    .yd-receive-line[b-2sbv9avhkt] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }
}
/* /Components/Pages/OrganizationAddressesPage.razor.rz.scp.css */
.yd-page-heading[b-mba5xosggk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.yd-page-heading h1[b-mba5xosggk],
.yd-billing-card h2[b-mba5xosggk] {
    margin: 0;
}

.yd-muted[b-mba5xosggk] {
    color: var(--yd-subtle-text);
    margin: 0.35rem 0 0;
}

.yd-state[b-mba5xosggk],
.yd-empty[b-mba5xosggk] {
    color: var(--yd-subtle-text);
    padding: 1.5rem;
    text-align: center;
}

.yd-address-editor[b-mba5xosggk],
.yd-address-list[b-mba5xosggk],
.yd-address-import-list[b-mba5xosggk] {
    margin-bottom: 1.25rem;
}

.yd-address-editor h2[b-mba5xosggk],
.yd-billing-card h2[b-mba5xosggk] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.yd-address-form[b-mba5xosggk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.yd-address-form label[b-mba5xosggk] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.yd-address-form .yd-input[b-mba5xosggk] {
    width: 100%;
}

.yd-address-wide[b-mba5xosggk] {
    grid-column: 1 / -1;
}

.yd-address-actions[b-mba5xosggk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
}

.yd-address-list[b-mba5xosggk] {
    display: grid;
    gap: 0.75rem;
}

.yd-address-card[b-mba5xosggk] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.yd-address-card h3[b-mba5xosggk] {
    font-size: 1rem;
    margin: 0 0 0.5rem;
}

.yd-address-card address[b-mba5xosggk] {
    font-style: normal;
    line-height: 1.5;
}

.yd-count[b-mba5xosggk] {
    color: var(--yd-subtle-text);
    font-size: 0.9rem;
}

@media (max-width: 600px) {
    .yd-address-form[b-mba5xosggk] {
        grid-template-columns: 1fr;
    }

    .yd-address-wide[b-mba5xosggk] {
        grid-column: auto;
    }

    .yd-address-card[b-mba5xosggk] {
        flex-direction: column;
    }
}
/* /Components/Pages/ProjectAddressesPage.razor.rz.scp.css */
.yd-page-heading[b-z2cpjfpo5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.yd-page-heading h1[b-z2cpjfpo5e],
.yd-billing-card h2[b-z2cpjfpo5e] {
    margin: 0;
}

.yd-muted[b-z2cpjfpo5e] {
    color: var(--yd-subtle-text);
    margin: 0.35rem 0 0;
}

.yd-state[b-z2cpjfpo5e],
.yd-empty[b-z2cpjfpo5e] {
    color: var(--yd-subtle-text);
    padding: 1.5rem;
    text-align: center;
}

.yd-address-editor[b-z2cpjfpo5e],
.yd-address-list[b-z2cpjfpo5e],
.yd-address-import-list[b-z2cpjfpo5e] {
    margin-bottom: 1.25rem;
}

.yd-address-editor h2[b-z2cpjfpo5e],
.yd-billing-card h2[b-z2cpjfpo5e] {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.yd-address-form[b-z2cpjfpo5e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.yd-address-form label[b-z2cpjfpo5e] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.yd-address-form .yd-input[b-z2cpjfpo5e] {
    width: 100%;
}

.yd-address-wide[b-z2cpjfpo5e] {
    grid-column: 1 / -1;
}

.yd-address-actions[b-z2cpjfpo5e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
}

.yd-address-list[b-z2cpjfpo5e] {
    display: grid;
    gap: 0.75rem;
}

.yd-address-card[b-z2cpjfpo5e] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.yd-address-card h3[b-z2cpjfpo5e] {
    font-size: 1rem;
    margin: 0 0 0.5rem;
}

.yd-address-card address[b-z2cpjfpo5e] {
    font-style: normal;
    line-height: 1.5;
}

.yd-address-import-list[b-z2cpjfpo5e] {
    display: grid;
    gap: 0.65rem;
}

.yd-address-import-option[b-z2cpjfpo5e] {
    display: flex;
    align-items: start;
    gap: 0.6rem;
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.yd-count[b-z2cpjfpo5e] {
    color: var(--yd-subtle-text);
    font-size: 0.9rem;
}

@media (max-width: 600px) {
    .yd-address-form[b-z2cpjfpo5e] {
        grid-template-columns: 1fr;
    }

    .yd-address-wide[b-z2cpjfpo5e] {
        grid-column: auto;
    }

    .yd-address-card[b-z2cpjfpo5e] {
        flex-direction: column;
    }
}
/* /Components/Pages/ProjectHubCreateProjectPage.razor.rz.scp.css */
.hub-create-note[b-6szpab4kqx] {
    color: var(--yd-subtle-text);
    margin-bottom: 1rem;
}

.hub-create-form[b-6szpab4kqx] {
    display: grid;
    gap: 0.75rem;
    max-width: 42rem;
}

.hub-create-submit[b-6szpab4kqx] {
    justify-self: start;
}

.hub-create-submit:disabled[b-6szpab4kqx] {
    cursor: not-allowed;
    opacity: 0.55;
    transform: none;
    box-shadow: none;
}

.hub-create-submit-help[b-6szpab4kqx] {
    margin: 0;
    color: var(--yd-subtle-text);
    font-size: 0.9rem;
}

@media (max-width: 720px) {
    .hub-create-submit[b-6szpab4kqx] {
        width: 100%;
    }
}
/* /Components/Pages/ProjectHubDashboardPage.razor.rz.scp.css */
.hub-heading[b-551l7mia21],
.hub-section-heading[b-551l7mia21],
.hub-project-card-heading[b-551l7mia21],
.hub-project-actions[b-551l7mia21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.hub-heading[b-551l7mia21] {
    margin-bottom: 1.5rem;
}

.hub-heading h1[b-551l7mia21],
.hub-section-heading h2[b-551l7mia21],
.hub-project-card h3[b-551l7mia21] {
    margin: 0;
}

.hub-eyebrow[b-551l7mia21] {
    color: var(--yd-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.hub-muted[b-551l7mia21],
.hub-project-meta[b-551l7mia21],
.hub-count[b-551l7mia21] {
    color: var(--yd-subtle-text);
}

.hub-switcher[b-551l7mia21] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.hub-switcher button[b-551l7mia21] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0.6rem 0.9rem;
}

.hub-switcher button.hub-switcher-active[b-551l7mia21] {
    background: var(--yd-accent-strong);
    color: var(--yd-white);
}

.hub-switcher button:hover:not(.hub-switcher-active)[b-551l7mia21] {
    background: #f1f3f8;
}

.hub-switcher button:focus-visible[b-551l7mia21] {
    border-radius: 0.2rem;
    outline: 3px solid #171717;
    outline-offset: 3px;
}

.hub-section-heading[b-551l7mia21] {
    margin-bottom: 1rem;
}

.hub-project-list[b-551l7mia21] {
    margin-bottom: 2rem;
}

.hub-aggregate[b-551l7mia21] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    margin-bottom: 2rem;
    padding: 1.1rem;
}

.hub-grid[b-551l7mia21] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
}

.hub-project-card[b-551l7mia21],
.hub-empty[b-551l7mia21] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    padding: 1.1rem;
}

.hub-project-card-main[b-551l7mia21] {
    border-radius: 0.25rem;
    color: inherit;
    display: block;
    text-decoration: none;
}

.hub-project-card-main:link[b-551l7mia21],
.hub-project-card-main:visited[b-551l7mia21],
.hub-project-card-main:hover[b-551l7mia21],
.hub-project-card-main:focus-visible[b-551l7mia21] {
    color: inherit;
    text-decoration: none;
}

.hub-project-card-main:hover .hub-project-card-title[b-551l7mia21],
.hub-project-card-main:focus-visible .hub-project-card-title[b-551l7mia21] {
    color: var(--yd-background);
    text-decoration: underline;
}

.hub-project-card-title[b-551l7mia21] {
    color: var(--yd-accent);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.hub-project-card-main:focus-visible[b-551l7mia21] {
    outline: 3px solid #171717;
    outline-offset: 4px;
}

.hub-project-card-heading[b-551l7mia21] {
    align-items: flex-start;
}

.hub-role[b-551l7mia21],
.hub-archived-label[b-551l7mia21] {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    padding: 0.25rem 0.6rem;
}

.hub-role[b-551l7mia21] {
    background: var(--yd-secondary);
}

.hub-archived-label[b-551l7mia21] {
    background: #f2e4c7;
}

.hub-project-meta[b-551l7mia21] {
    line-height: 1.5;
    min-height: 3rem;
}

.hub-order-counts[b-551l7mia21] {
    border-top: 1px solid var(--yd-border, #d8d8d8);
    margin: 1rem 0;
    padding-top: 0.75rem;
}

.hub-order-counts h4[b-551l7mia21] {
    margin: 0 0 0.25rem;
}

.hub-order-counts-scope[b-551l7mia21] {
    color: var(--yd-subtle-text);
    font-size: 0.85rem;
    margin: 0 0 0.75rem;
}

.hub-order-count-grid[b-551l7mia21] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    margin: 0;
}

.hub-order-count-grid div[b-551l7mia21] {
    background: var(--yd-secondary);
    border-radius: 0.5rem;
    padding: 0.5rem 0.65rem;
}

.hub-order-count-grid dt[b-551l7mia21] {
    color: var(--yd-subtle-text);
    font-size: 0.8rem;
}

.hub-order-count-grid dd[b-551l7mia21] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0.15rem 0 0;
}

.hub-project-actions[b-551l7mia21] {
    justify-content: flex-start;
}

.hub-empty[b-551l7mia21],
.hub-state[b-551l7mia21] {
    color: var(--yd-subtle-text);
    padding: 1.5rem;
}

.hub-empty h3[b-551l7mia21] {
    color: inherit;
}

.hub-main[b-551l7mia21] {
    max-width: 1200px;
    margin: 0 auto;
}

.hub-heading[b-551l7mia21] {
    align-items: flex-start;
}

.hub-heading h1[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.hub-muted[b-551l7mia21] {
    line-height: 1.55;
}

.hub-switcher[b-551l7mia21] {
    margin-bottom: 0.65rem;
}

.hub-switcher button[b-551l7mia21],
.hub-view-toggle button[b-551l7mia21],
.hub-clear-filters[b-551l7mia21] {
    min-height: 44px;
}

.hub-archive-switcher[b-551l7mia21] {
    margin-bottom: 1.5rem;
}

.hub-switcher button.hub-switcher-active[b-551l7mia21] {
    background: var(--yd-accent-strong);
    border-color: var(--yd-accent-strong);
}

.hub-controls[b-551l7mia21] {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: var(--yd-card-radius);
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.hub-search-field[b-551l7mia21],
.hub-control-field[b-551l7mia21] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.hub-search-field[b-551l7mia21] {
    flex: 1 1 16rem;
}

.hub-control-field[b-551l7mia21] {
    flex: 0 1 12rem;
}

.hub-controls label[b-551l7mia21] {
    font-size: 0.83rem;
    font-weight: 650;
}

.hub-controls .yd-input[b-551l7mia21] {
    min-height: 44px;
    padding: 0.55rem 0.7rem;
}

.hub-view-toggle[b-551l7mia21] {
    display: inline-flex;
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: var(--yd-btn-radius);
    overflow: hidden;
}

.hub-view-toggle button[b-551l7mia21] {
    background: var(--yd-white);
    border: 0;
    color: var(--yd-accent-strong);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    min-width: 4.5rem;
    padding: 0.55rem 0.75rem;
}

.hub-view-toggle button + button[b-551l7mia21] {
    border-left: 1px solid var(--yd-border, #d8d8d8);
}

.hub-view-toggle button.hub-view-active[b-551l7mia21] {
    background: var(--yd-accent-strong);
    color: var(--yd-white);
}

.hub-view-toggle button:focus-visible[b-551l7mia21],
.hub-clear-filters:focus-visible[b-551l7mia21],
.hub-switcher button:focus-visible[b-551l7mia21] {
    outline: 3px solid #171717;
    outline-offset: 2px;
    z-index: 1;
}

.hub-results-summary[b-551l7mia21] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: var(--yd-subtle-text);
    margin: 0 0 1rem;
    min-height: 2rem;
}

.hub-clear-filters[b-551l7mia21] {
    border: 0;
    background: none;
    color: var(--yd-accent-strong);
    cursor: pointer;
    font: inherit;
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.hub-grid[b-551l7mia21] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
    align-items: stretch;
}

.hub-project-card[b-551l7mia21] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    box-shadow: 0 2px 8px rgba(34, 46, 90, 0.06);
}

.hub-project-card-title[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-size: 1.18rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hub-role[b-551l7mia21] {
    background: rgba(91, 106, 191, 0.1);
    color: var(--yd-accent-strong);
    line-height: 1.4;
}

.hub-archived-label[b-551l7mia21] {
    background: #f2e4c7;
    color: #5a4520;
    font-weight: 650;
    white-space: nowrap;
}

.hub-project-meta[b-551l7mia21] {
    min-height: 0;
    overflow-wrap: anywhere;
}

.hub-order-counts[b-551l7mia21] {
    flex: 1;
}

.hub-order-counts h4[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-size: 1rem;
}

.hub-order-counts-scope[b-551l7mia21],
.hub-count-explainer[b-551l7mia21],
.hub-count-disclaimer[b-551l7mia21] {
    font-size: 0.8rem;
    line-height: 1.45;
}

.hub-count-explainer[b-551l7mia21] {
    color: var(--yd-subtle-text);
    margin: 0 0 0.7rem;
}

.hub-count-disclaimer[b-551l7mia21] {
    color: var(--yd-subtle-text);
    margin: -0.4rem 0 0.25rem;
}

.hub-zero-count-note[b-551l7mia21] {
    background: rgba(255, 184, 156, 0.2);
    border-left: 3px solid var(--yd-secondary);
    font-size: 0.8rem;
    margin: 0 0 0.65rem;
    padding: 0.45rem 0.6rem;
}

.hub-metric-list[b-551l7mia21] {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}

.hub-metric-row[b-551l7mia21] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.6rem;
    row-gap: 0.22rem;
    padding: 0.25rem 0;
}

.hub-metric-row dt[b-551l7mia21] {
    color: #424242;
    font-size: 0.83rem;
    overflow-wrap: anywhere;
}

.hub-metric-row dd[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-size: 0.94rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    margin: 0;
    min-width: 1.25rem;
    text-align: right;
}

.hub-metric-priority dt[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-weight: 700;
}

.hub-metric-track[b-551l7mia21] {
    background: rgba(91, 106, 191, 0.12);
    border-radius: 999px;
    grid-column: 1 / -1;
    height: 0.32rem;
    overflow: hidden;
}

.hub-metric-fill[b-551l7mia21] {
    background: var(--yd-accent);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
}

.hub-project-actions[b-551l7mia21] {
    gap: 0.6rem;
    margin-top: 0.25rem;
}

.hub-project-actions .btn-yd[b-551l7mia21] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.9rem;
}

.hub-project-actions .btn-yd-secondary[b-551l7mia21] {
    border-width: 1px;
}

.hub-table-wrap[b-551l7mia21] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: var(--yd-card-radius);
    max-width: 100%;
    overflow-x: auto;
}

.hub-table-wrap[b-551l7mia21]  .e-cellselectionbackground {
    background: transparent !important;
    box-shadow: none !important;
}

.hub-grid-project-link[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-weight: 700;
}

.hub-grid-project-link:focus-visible[b-551l7mia21] {
    outline: 3px solid #171717;
    outline-offset: 3px;
}

.hub-aggregate[b-551l7mia21] {
    border-color: rgba(72, 87, 158, 0.2);
    box-shadow: 0 2px 8px rgba(34, 46, 90, 0.05);
}

.hub-order-count-grid div[b-551l7mia21] {
    background: rgba(91, 106, 191, 0.08);
}

.hub-order-count-grid dt[b-551l7mia21] {
    line-height: 1.35;
}

.hub-order-count-grid dd[b-551l7mia21] {
    color: var(--yd-accent-strong);
    font-variant-numeric: tabular-nums;
}

.hub-state[b-551l7mia21] {
    margin: 0;
}

@media (max-width: 720px) {
    .hub-heading[b-551l7mia21],
    .hub-section-heading[b-551l7mia21] {
        align-items: flex-start;
    }

    .hub-heading > .btn-yd[b-551l7mia21],
    .hub-controls > *[b-551l7mia21],
    .hub-search-field[b-551l7mia21],
    .hub-control-field[b-551l7mia21] {
        width: 100%;
    }

    .hub-controls[b-551l7mia21] {
        align-items: stretch;
        flex-direction: column;
    }

    .hub-view-toggle[b-551l7mia21] {
        width: 100%;
    }

    .hub-view-toggle button[b-551l7mia21] {
        flex: 1;
    }

    .hub-grid[b-551l7mia21] {
        grid-template-columns: minmax(0, 1fr);
    }

    .hub-project-actions[b-551l7mia21] {
        align-items: stretch;
        flex-direction: column;
    }

    .hub-project-actions .btn-yd[b-551l7mia21] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hub-project-card[b-551l7mia21],
    .hub-metric-fill[b-551l7mia21] {
        transition: none !important;
    }
}
/* /Components/Pages/ProjectHubOrderPage.razor.rz.scp.css */
.hub-order-page[b-67xtvpr02j] {
    margin: 0 auto;
    max-width: 90rem;
    padding-bottom: 2rem;
}

.hub-order-heading[b-67xtvpr02j],
.hub-section-heading[b-67xtvpr02j] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.hub-order-heading[b-67xtvpr02j] {
    margin-bottom: 0.5rem;
}

.hub-order-heading h1[b-67xtvpr02j],
.hub-section-heading h2[b-67xtvpr02j] {
    margin: 0;
}

.hub-eyebrow[b-67xtvpr02j] {
    color: var(--yd-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.hub-order-project[b-67xtvpr02j] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0.25rem 0 0.55rem;
    overflow-wrap: anywhere;
}

.hub-order-creator[b-67xtvpr02j],
.hub-muted[b-67xtvpr02j],
.hub-version[b-67xtvpr02j] {
    color: var(--yd-subtle-text);
}

.hub-order-creator[b-67xtvpr02j] {
    font-size: 0.9rem;
    margin: 0.55rem 0 0;
}

.hub-order-badges[b-67xtvpr02j] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hub-order-status-badge[b-67xtvpr02j],
.hub-order-visibility-badge[b-67xtvpr02j] {
    border-radius: 999px;
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.25rem 0.7rem;
}

.hub-order-status-badge[b-67xtvpr02j] {
    background: #e8f1fb;
    color: #174c7a;
}

.hub-order-status-open[b-67xtvpr02j] {
    background: #e8f6ee;
    color: #175c35;
}

.hub-order-status-returned[b-67xtvpr02j] {
    background: #fff0d5;
    color: #754700;
}

.hub-order-status-senttovendor[b-67xtvpr02j],
.hub-order-status-ordered[b-67xtvpr02j],
.hub-order-status-partialdelivery[b-67xtvpr02j],
.hub-order-status-delivered[b-67xtvpr02j] {
    background: #e9e7fb;
    color: #393170;
}

.hub-order-visibility-badge[b-67xtvpr02j] {
    background: #f1f1f1;
    color: #353535;
}

.hub-order-actions[b-67xtvpr02j] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
    min-width: min(100%, 22rem);
}

.hub-submit-action[b-67xtvpr02j] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.hub-save-status[b-67xtvpr02j],
.hub-action-hint[b-67xtvpr02j],
.hub-operation-status[b-67xtvpr02j] {
    color: var(--yd-subtle-text);
    font-size: 0.9rem;
    margin: 0;
}

.hub-operation-status[b-67xtvpr02j] {
    margin: 0.5rem 0;
}

.hub-technical-details[b-67xtvpr02j] {
    margin: 0.5rem 0 1rem;
}

.hub-technical-details summary[b-67xtvpr02j] {
    cursor: pointer;
    min-height: 2.75rem;
    padding: 0.65rem 0;
}

.hub-technical-details .hub-order-metadata[b-67xtvpr02j] {
    border-left: 2px solid var(--yd-border, #d8d8d8);
    padding: 0.5rem 0 0.5rem 1rem;
}

.hub-card[b-67xtvpr02j],
.hub-conflict[b-67xtvpr02j] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    margin: 1rem 0;
    padding: 1.15rem;
}

.hub-conflict[b-67xtvpr02j] {
    border-color: #b54708;
}

.hub-order-metadata[b-67xtvpr02j] {
    display: grid;
    gap: 0.75rem 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
}

.hub-order-metadata div[b-67xtvpr02j] {
    min-width: 0;
}

.hub-order-metadata dt[b-67xtvpr02j] {
    color: var(--yd-subtle-text);
    font-size: 0.85rem;
    font-weight: 600;
}

.hub-order-metadata dd[b-67xtvpr02j] {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.hub-readonly-note[b-67xtvpr02j],
.hub-field-hint[b-67xtvpr02j] {
    background: #f6f4ef;
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.hub-field-hint[b-67xtvpr02j] {
    font-size: 0.9rem;
    margin: 0.2rem 0;
    padding: 0.45rem 0.6rem;
}

.hub-item-type[b-67xtvpr02j] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
    margin: 0;
    padding: 0.55rem 0.75rem 0.7rem;
}

.hub-item-type legend[b-67xtvpr02j] {
    font-weight: 700;
    padding: 0 0.3rem;
}

.hub-item-type label[b-67xtvpr02j] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    margin: 0;
    min-height: 2.75rem;
}

.hub-item-type input[b-67xtvpr02j] {
    margin: 0;
    width: auto;
}

.hub-catalog-picker[b-67xtvpr02j] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    display: grid;
    gap: 0.35rem;
    margin: 1rem 0;
    max-width: 100%;
    padding: 0.8rem;
}

.hub-vendor-picker select[b-67xtvpr02j] {
    max-width: 100%;
    width: 100%;
}

.hub-catalog-entry-row[b-67xtvpr02j],
.hub-custom-item-entry[b-67xtvpr02j] {
    align-items: end;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: minmax(10rem, 1.1fr) minmax(12rem, 1.4fr) minmax(10rem, 1fr) auto;
}

.hub-custom-item-entry[b-67xtvpr02j] {
    grid-template-columns: minmax(12rem, 2fr) minmax(10rem, 1.3fr) minmax(7rem, 0.75fr) auto;
}

.hub-entry-field[b-67xtvpr02j] {
    align-content: start;
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.hub-catalog-entry-row .yd-input[b-67xtvpr02j],
.hub-custom-item-entry .yd-input[b-67xtvpr02j] {
    max-width: 100%;
    width: 100%;
}

.hub-catalog-entry-row > .hub-readonly-note[b-67xtvpr02j] {
    grid-column: 2 / -1;
}

.hub-catalog-entry-row > .hub-field-hint[b-67xtvpr02j] {
    grid-column: 3;
}

.hub-catalog-entry-row > button[b-67xtvpr02j],
.hub-custom-item-entry > button[b-67xtvpr02j] {
    align-self: end;
    margin-bottom: 0.1rem;
    min-height: 2.75rem;
    white-space: nowrap;
}

.hub-catalog-picker h3[b-67xtvpr02j] {
    margin: 0;
}

.hub-field-label[b-67xtvpr02j] {
    font-weight: 600;
}

.hub-field-error[b-67xtvpr02j] {
    color: #a12622;
    font-size: 0.85rem;
    margin: 0.15rem 0 0.4rem;
    overflow-wrap: anywhere;
}

.hub-items-grid-wrap[b-67xtvpr02j] {
    margin: 1rem 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.hub-items-grid-wrap .e-grid[b-67xtvpr02j] {
    min-width: 40rem;
}

.hub-draft-grid-wrap .e-grid[b-67xtvpr02j] {
    min-width: 56rem;
}

.hub-draft-grid-wrap .e-grid .yd-input[b-67xtvpr02j] {
    min-width: 7rem;
    width: 100%;
}

.hub-grid-sr-label[b-67xtvpr02j] {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.hub-number-input[b-67xtvpr02j] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.hub-draft-cards[b-67xtvpr02j] {
    display: none;
}

.hub-draft-item[b-67xtvpr02j] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    min-width: 0;
    padding: 0.8rem;
}

.hub-draft-item legend[b-67xtvpr02j] {
    font-weight: 700;
    padding: 0 0.35rem;
}

.hub-draft-item .yd-input[b-67xtvpr02j] {
    max-width: 100%;
}

.hub-item-identity[b-67xtvpr02j] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0.2rem 0;
    overflow-wrap: anywhere;
}

.hub-card label[b-67xtvpr02j] {
    display: block;
    font-weight: 600;
    margin: 0.6rem 0 0.3rem;
}

.hub-card textarea[b-67xtvpr02j],
.hub-card input[b-67xtvpr02j] {
    max-width: 38rem;
    width: 100%;
}

.hub-draft-grid-wrap label[b-67xtvpr02j],
.hub-draft-item label[b-67xtvpr02j] {
    max-width: none;
}

.hub-grants[b-67xtvpr02j] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hub-grants li[b-67xtvpr02j] {
    align-items: center;
    border-bottom: 1px solid var(--yd-border, #d8d8d8);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.65rem 0;
}

.hub-review-actions[b-67xtvpr02j] {
    display: grid;
    gap: 1rem;
}

.hub-workflow-action[b-67xtvpr02j] {
    align-items: start;
    display: grid;
    gap: 0.4rem;
    max-width: 42rem;
}

.hub-workflow-action button[b-67xtvpr02j] {
    justify-self: start;
}

.hub-touch-action[b-67xtvpr02j] {
    min-height: 2.75rem;
    min-width: 2.75rem;
}

.hub-native-dialog[b-67xtvpr02j] {
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 25%);
    color: inherit;
    max-height: min(90vh, 52rem);
    max-width: min(42rem, calc(100vw - 2rem));
    overflow-y: auto;
    padding: 0;
    width: 100%;
}

.hub-native-dialog[b-67xtvpr02j]::backdrop {
    background: rgb(0 0 0 / 55%);
}

.hub-invite-modal[b-67xtvpr02j],
.hub-confirmation-modal[b-67xtvpr02j] {
    padding: 1.25rem;
}

.hub-invite-modal h2[b-67xtvpr02j],
.hub-confirmation-modal h2[b-67xtvpr02j] {
    margin-top: 0;
}

.hub-invite-modal select[b-67xtvpr02j] {
    margin-bottom: 1rem;
    max-width: 100%;
    width: 100%;
}

.hub-confirm-actions[b-67xtvpr02j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

.hub-card button[b-67xtvpr02j],
.hub-order-actions button[b-67xtvpr02j] {
    min-height: 2.75rem;
}

@media (max-width: 760px) {
    .hub-order-heading[b-67xtvpr02j],
    .hub-section-heading[b-67xtvpr02j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hub-order-actions[b-67xtvpr02j] {
        align-items: stretch;
        flex-direction: column;
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
    }

    .hub-submit-action[b-67xtvpr02j] {
        align-items: flex-start;
    }

    .hub-catalog-entry-row[b-67xtvpr02j],
    .hub-custom-item-entry[b-67xtvpr02j] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .hub-catalog-entry-row > .hub-readonly-note[b-67xtvpr02j],
    .hub-catalog-entry-row > .hub-field-hint[b-67xtvpr02j] {
        grid-column: 1;
    }

    .hub-catalog-entry-row > button[b-67xtvpr02j],
    .hub-custom-item-entry > button[b-67xtvpr02j] {
        justify-self: start;
    }

    .hub-draft-grid-wrap[b-67xtvpr02j] {
        display: none;
    }

    .hub-draft-cards[b-67xtvpr02j] {
        display: grid;
        gap: 0.8rem;
        grid-template-columns: minmax(0, 1fr);
        margin: 1rem 0;
    }

    .hub-card[b-67xtvpr02j],
    .hub-conflict[b-67xtvpr02j] {
        padding: 0.9rem;
    }

    .hub-grants li[b-67xtvpr02j] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-67xtvpr02j],
    *[b-67xtvpr02j]::before,
    *[b-67xtvpr02j]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/ProjectHubProjectPage.razor.rz.scp.css */
.hub-project-header[b-l9ysmgp9pk],
.hub-section-heading[b-l9ysmgp9pk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.hub-project-page[b-l9ysmgp9pk] {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

.hub-project-header[b-l9ysmgp9pk] {
    padding: 0.25rem 0 0.75rem;
}

.hub-project-meta[b-l9ysmgp9pk],
.hub-project-actions[b-l9ysmgp9pk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0.65rem 0;
}

.hub-project-actions[b-l9ysmgp9pk] {
    justify-content: flex-end;
}

.hub-role-badge[b-l9ysmgp9pk],
.hub-project-status[b-l9ysmgp9pk],
.hub-member-role-badge[b-l9ysmgp9pk],
.hub-order-status-badge[b-l9ysmgp9pk],
.hub-order-visibility-badge[b-l9ysmgp9pk] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1.35;
    padding: 0.2rem 0.65rem;
}

.hub-role-badge[b-l9ysmgp9pk],
.hub-member-role-badge[b-l9ysmgp9pk] {
    background: var(--yd-surface-muted, #f0f2f4);
    color: var(--yd-text, #263238);
}

.hub-project-status-active[b-l9ysmgp9pk],
.hub-order-status-open[b-l9ysmgp9pk],
.hub-order-status-ordered[b-l9ysmgp9pk],
.hub-order-status-delivered[b-l9ysmgp9pk] {
    background: #e5f4eb;
    color: #165b35;
}

.hub-project-status-archived[b-l9ysmgp9pk],
.hub-order-status-cancelled[b-l9ysmgp9pk] {
    background: #eceff1;
    color: #39434a;
}

.hub-order-status-submittedtopm[b-l9ysmgp9pk],
.hub-order-status-returnedforedits[b-l9ysmgp9pk],
.hub-order-status-returned[b-l9ysmgp9pk] {
    background: #fff0d7;
    color: #704600;
}

.hub-order-status-senttovendor[b-l9ysmgp9pk],
.hub-order-status-partialdelivery[b-l9ysmgp9pk] {
    background: #e7efff;
    color: #263f78;
}

.hub-order-visibility-badge[b-l9ysmgp9pk] {
    background: #f0eafe;
    color: #52377b;
}

.hub-project-managers[b-l9ysmgp9pk] {
    margin: 0.5rem 0 0;
}

.hub-team-heading-actions[b-l9ysmgp9pk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.hub-project-header h1[b-l9ysmgp9pk],
.hub-section-heading h2[b-l9ysmgp9pk],
.hub-form h3[b-l9ysmgp9pk] {
    margin: 0;
}

.hub-eyebrow[b-l9ysmgp9pk] {
    color: var(--yd-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.hub-muted[b-l9ysmgp9pk],
.hub-count[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
}

.hub-card[b-l9ysmgp9pk] {
    background: var(--yd-white);
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.75rem;
    margin: 1rem 0;
    padding: 1.15rem;
}

.hub-table-wrap[b-l9ysmgp9pk] {
    overflow-x: auto;
}

.hub-order-filters[b-l9ysmgp9pk] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(14rem, 2fr) repeat(3, minmax(10rem, 1fr));
    margin: 1rem 0 0.75rem;
}

.hub-order-filters > div[b-l9ysmgp9pk] {
    min-width: 0;
}

.hub-order-filters label[b-l9ysmgp9pk],
.hub-member-dialog-content label[b-l9ysmgp9pk] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.hub-order-filters .yd-input[b-l9ysmgp9pk],
.hub-member-dialog-content .yd-input[b-l9ysmgp9pk] {
    max-width: 100%;
    width: 100%;
}

.hub-results-summary[b-l9ysmgp9pk] {
    align-items: center;
    color: var(--yd-subtle-text);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 0.6rem 0;
}

.hub-clear-filters[b-l9ysmgp9pk] {
    background: transparent;
    border: 0;
    color: var(--yd-accent);
    cursor: pointer;
    font: inherit;
    font-weight: 650;
    min-height: 2.75rem;
    padding: 0.4rem;
    text-decoration: underline;
}

.hub-orders-grid[b-l9ysmgp9pk] {
    max-width: 100%;
    overflow-x: auto;
}

.hub-orders-grid[b-l9ysmgp9pk]  .e-cellselectionbackground {
    background: transparent !important;
    box-shadow: none !important;
}

.hub-order-cards[b-l9ysmgp9pk] {
    display: none;
}

.hub-order-mobile-paging[b-l9ysmgp9pk] {
    align-items: center;
    display: none;
    gap: 0.75rem;
    justify-content: space-between;
}

.hub-order-card[b-l9ysmgp9pk] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.6rem;
    margin: 0.75rem 0;
    padding: 0.9rem;
}

.hub-order-card h3[b-l9ysmgp9pk] {
    font-size: 1.05rem;
    margin: 0 0 0.65rem;
}

.hub-order-card p[b-l9ysmgp9pk] {
    margin: 0.5rem 0;
}

.hub-order-field-label[b-l9ysmgp9pk] {
    font-weight: 650;
}

.hub-order-count-grid[b-l9ysmgp9pk] {
    display: grid;
    gap: 0.55rem 1rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    margin: 0.75rem 0 0;
}

.hub-order-count-item[b-l9ysmgp9pk] {
    display: grid;
    gap: 0.25rem;
    grid-template-columns: 1fr auto;
    min-width: 0;
}

.hub-order-count-item dt[b-l9ysmgp9pk],
.hub-order-count-item dd[b-l9ysmgp9pk] {
    margin: 0;
}

.hub-order-count-item dt[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
    font-size: 0.84rem;
}

.hub-order-count-item dd[b-l9ysmgp9pk] {
    font-weight: 700;
}

.hub-metric-track[b-l9ysmgp9pk] {
    background: var(--yd-border, #d8d8d8);
    border-radius: 999px;
    grid-column: 1 / -1;
    height: 0.4rem;
    overflow: hidden;
}

.hub-metric-fill[b-l9ysmgp9pk] {
    background: var(--yd-accent);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
}

.hub-order-counts-scope[b-l9ysmgp9pk],
.hub-zero-count-note[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
    margin: 0.5rem 0;
}

.hub-operation-status[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
}

.hub-action-visually-hidden[b-l9ysmgp9pk] {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.hub-confirm-dialog[b-l9ysmgp9pk] {
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 30%);
    max-height: min(88vh, 32rem);
    max-width: 34rem;
    overflow-y: auto;
    padding: 0;
    width: min(100% - 2rem, 34rem);
}

.hub-confirm-dialog[b-l9ysmgp9pk]::backdrop {
    background: rgb(0 0 0 / 55%);
}

.hub-confirm-content[b-l9ysmgp9pk] {
    display: grid;
    gap: 0.9rem;
    padding: 1.25rem;
}

.hub-confirm-content h2[b-l9ysmgp9pk],
.hub-confirm-content p[b-l9ysmgp9pk] {
    margin: 0;
}

.hub-confirm-actions[b-l9ysmgp9pk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.hub-member-dialog[b-l9ysmgp9pk] {
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 30%);
    max-height: min(88vh, 52rem);
    max-width: 52rem;
    padding: 0;
    width: min(100% - 2rem, 52rem);
}

.hub-member-dialog[b-l9ysmgp9pk]::backdrop {
    background: rgb(0 0 0 / 55%);
}

.hub-member-dialog-content[b-l9ysmgp9pk] {
    display: grid;
    gap: 1rem;
    max-height: min(88vh, 52rem);
    overflow: hidden;
    padding: 1.25rem;
}

.hub-member-dialog-heading[b-l9ysmgp9pk] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.hub-member-dialog-heading h2[b-l9ysmgp9pk] {
    margin: 0;
}

.hub-member-dialog-heading p[b-l9ysmgp9pk] {
    margin-bottom: 0;
}

.hub-member-candidate-list[b-l9ysmgp9pk] {
    border: 1px solid var(--yd-border, #d8d8d8);
    border-radius: 0.5rem;
    max-height: min(55vh, 32rem);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.hub-member-candidate[b-l9ysmgp9pk] {
    align-items: center;
    border-bottom: 1px solid var(--yd-border, #d8d8d8);
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    justify-content: space-between;
    padding: 0.8rem;
}

.hub-member-candidate:last-child[b-l9ysmgp9pk] {
    border-bottom: 0;
}

.hub-member-candidate-identity[b-l9ysmgp9pk] {
    display: grid;
    min-width: 12rem;
}

.hub-member-candidate-actions[b-l9ysmgp9pk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hub-member-assigned[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
    font-weight: 600;
}

.hub-member-dialog-message[b-l9ysmgp9pk] {
    margin: 0;
}

.hub-empty[b-l9ysmgp9pk] {
    color: var(--yd-subtle-text);
    padding: 1rem 0;
}

@media (prefers-reduced-motion: reduce) {
    .hub-project-page *[b-l9ysmgp9pk],
    .hub-project-page *[b-l9ysmgp9pk]::before,
    .hub-project-page *[b-l9ysmgp9pk]::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 620px) {
    .hub-project-header[b-l9ysmgp9pk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hub-section-heading[b-l9ysmgp9pk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hub-project-actions[b-l9ysmgp9pk] {
        justify-content: flex-start;
        width: 100%;
    }

    .hub-project-actions > *[b-l9ysmgp9pk] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .hub-order-filters[b-l9ysmgp9pk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .hub-orders-grid[b-l9ysmgp9pk] {
        display: none;
    }

    .hub-order-cards[b-l9ysmgp9pk] {
        display: block;
    }

    .hub-order-mobile-paging[b-l9ysmgp9pk] {
        display: flex;
    }

    .hub-team-heading-actions[b-l9ysmgp9pk],
    .hub-member-candidate[b-l9ysmgp9pk],
    .hub-member-candidate-actions[b-l9ysmgp9pk] {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    .hub-member-dialog-heading[b-l9ysmgp9pk] {
        flex-direction: column-reverse;
    }

    .hub-confirm-actions[b-l9ysmgp9pk] {
        flex-direction: column-reverse;
    }

    .hub-confirm-actions > button[b-l9ysmgp9pk] {
        width: 100%;
    }
}