/* /App/Components/LanguageSelector.razor.rz.scp.css */
.language-selector[b-dupgrl2vh9] {
    position: relative;
    display: inline-block;
    color: var(--mud-palette-text-primary);
    white-space: nowrap;
}

.language-selector summary[b-dupgrl2vh9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    background: var(--mud-palette-surface);
    cursor: pointer;
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    list-style: none;
}

.language-selector summary[b-dupgrl2vh9]::-webkit-details-marker {
    display: none;
}

.language-selector summary:hover[b-dupgrl2vh9] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
}

.language-selector summary:focus-visible[b-dupgrl2vh9],
.language-selector a:focus-visible[b-dupgrl2vh9] {
    outline: 2px solid var(--mud-palette-info);
    outline-offset: 2px;
}

.language-selector-chevron[b-dupgrl2vh9] {
    width: 6px;
    height: 6px;
    margin: -3px 2px 0 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}

.language-selector[open] .language-selector-chevron[b-dupgrl2vh9] {
    margin-top: 3px;
    transform: rotate(225deg);
}

.language-selector nav[b-dupgrl2vh9] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
    padding: 5px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
}

.language-selector a[b-dupgrl2vh9] {
    border-radius: var(--mud-default-borderradius);
    padding: 8px 10px;
    color: var(--mud-palette-text-primary);
    font-size: var(--mud-typography-button-size);
    font-weight: var(--mud-typography-button-weight);
    text-decoration: none;
}

.language-selector a:hover[b-dupgrl2vh9] {
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
}

.language-selector a.current-language[b-dupgrl2vh9],
.language-selector a.current-language:hover[b-dupgrl2vh9] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}
/* /App/Layout/MainLayout.razor.rz.scp.css */
.portal-layout[b-skyr4fp6f9] { height: 100dvh; }

.portal-layout[b-skyr4fp6f9]  .portal-main-content {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.portal-page-scroll[b-skyr4fp6f9] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.portal-page-body[b-skyr4fp6f9] {
    min-height: 100%;
    box-sizing: border-box;
}
/* /App/Routing/NavMenu.razor.rz.scp.css */
.portal-nav[b-5pyo8ui58z] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    color: var(--mud-palette-drawer-text);
}

.portal-nav[b-5pyo8ui58z]  .mud-nav-link-text {
    font-size: var(--mud-typography-body2-size);
}

.portal-nav[b-5pyo8ui58z]  .mud-nav-link-icon {
    color: var(--mud-palette-drawer-icon);
}

.portal-nav[b-5pyo8ui58z]  .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: 600;
}

.portal-nav[b-5pyo8ui58z]  .mud-navmenu .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background-color: var(--mud-palette-action-default-hover);
}

.portal-nav[b-5pyo8ui58z]  .mud-navmenu .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
}

.portal-nav[b-5pyo8ui58z]  .mud-nav-link.active .mud-nav-link-icon {
    color: var(--mud-palette-drawer-icon);
}

.portal-nav[b-5pyo8ui58z]  .mud-nav-link:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -3px;
}

.portal-nav[b-5pyo8ui58z]  .nav-footer {
    margin-top: auto;
}
/* /App/Routing/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-iyxdexv6cl] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-iyxdexv6cl]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-iyxdexv6cl],
    #components-reconnect-modal[open][b-iyxdexv6cl],
    #components-reconnect-modal.components-reconnect-failed[b-iyxdexv6cl],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-iyxdexv6cl],
    #components-reconnect-modal.components-reconnect-paused[b-iyxdexv6cl],
    #components-reconnect-modal.components-reconnect-resume-failed[b-iyxdexv6cl],
    #components-reconnect-modal.components-pause[b-iyxdexv6cl],
    #components-reconnect-modal.components-resume-failed[b-iyxdexv6cl] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-iyxdexv6cl] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-iyxdexv6cl] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-iyxdexv6cl] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-iyxdexv6cl] {
        margin: 0;
        font-size: var(--mud-typography-h2-size, 1.125rem);
        font-weight: var(--mud-typography-h2-weight, 700);
        line-height: var(--mud-typography-h2-lineheight, 1.5);
    }

.components-reconnect-status-dot[b-iyxdexv6cl] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-iyxdexv6cl],
.components-reconnect-message[b-iyxdexv6cl] {
    margin: 0;
    line-height: var(--mud-typography-body2-lineheight, 1.5);
    font-size: var(--mud-typography-body2-size, .875rem);
}

.components-reconnect-supporting[b-iyxdexv6cl] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-iyxdexv6cl] {
    font-weight: 500;
}

.components-reconnect-danger[b-iyxdexv6cl] {
    color: var(--mud-palette-error-darken, #b00020);
}

.components-reconnect-actions[b-iyxdexv6cl] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-iyxdexv6cl],
.components-reconnect-repeated-attempt-visible[b-iyxdexv6cl],
.components-reconnect-failed-visible[b-iyxdexv6cl],
.components-pause-visible[b-iyxdexv6cl],
.components-resume-failed-visible[b-iyxdexv6cl] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-iyxdexv6cl] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-iyxdexv6cl] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-iyxdexv6cl],
dialog[open].components-pause .components-pause-visible[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-iyxdexv6cl],
dialog[open].components-pause #components-resume-button[b-iyxdexv6cl],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-iyxdexv6cl],
dialog[open].components-resume-failed #components-resume-button[b-iyxdexv6cl] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-iyxdexv6cl],
dialog[open].components-resume-failed .components-resume-failed-visible[b-iyxdexv6cl] {
    display: block;
}

.components-rejoin-loader[b-iyxdexv6cl] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-iyxdexv6cl] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-iyxdexv6cl 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-iyxdexv6cl] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-iyxdexv6cl] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-iyxdexv6cl {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-iyxdexv6cl],
#components-resume-button[b-iyxdexv6cl] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: var(--mud-palette-primary-text, #fff);
    font-size: var(--mud-typography-button-size, .875rem);
    font-weight: var(--mud-typography-button-weight, 600);
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-iyxdexv6cl],
    #components-resume-button:hover[b-iyxdexv6cl] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-iyxdexv6cl],
    #components-resume-button:active[b-iyxdexv6cl] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-iyxdexv6cl] {
        padding: 14px;
    }

    .components-reconnect-surface[b-iyxdexv6cl] {
        padding: 16px;
    }
}
/* /Pages/Admin/Admin.razor.rz.scp.css */
.admin-page[b-22ky0rtfhb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 auto;
    padding: 4px 0 32px;
    color: var(--mud-palette-text-primary);
}

.admin-heading[b-22ky0rtfhb]  .mud-typography-h1 {
    margin-bottom: 2px;
}

.admin-heading[b-22ky0rtfhb]  .mud-typography-body2 {
    color: var(--mud-palette-text-secondary);
}

.admin-page[b-22ky0rtfhb]  .admin-search {
    width: 100%;
}

.admin-page[b-22ky0rtfhb]  .admin-search .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-inputs);
}

.admin-page[b-22ky0rtfhb]  .admin-count {
    font-weight: 600;
}

.admin-results[b-22ky0rtfhb]  .mud-table-container {
    overflow-x: auto;
}

.admin-results[b-22ky0rtfhb]  .mud-table-head .mud-table-cell {
    white-space: nowrap;
}

.admin-results[b-22ky0rtfhb]  .mud-table-body .mud-table-cell {
    white-space: nowrap;
}

.admin-results[b-22ky0rtfhb]  .mud-table-body .mud-table-cell:last-child {
    text-align: center;
}

.admin-results[b-22ky0rtfhb]  .mud-button {
    white-space: nowrap;
}

.admin-empty[b-22ky0rtfhb] {
    padding: 28px 24px;
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Authentication/Components/MasqueradeStatus.razor.rz.scp.css */
.masquerade-banner[b-avpbuy8f4g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 16px;
    min-height: 56px;
    padding: 6px 18px 6px 28px;
    border-left: 3px solid var(--mud-palette-primary);
    background: #ffd0d0;
    color: #111827;
    box-shadow: 0 2px 5px rgba(16, 31, 80, 0.12);
}

.masquerade-banner strong[b-avpbuy8f4g] {
    font-weight: 700;
}

.masquerade-banner[b-avpbuy8f4g]  .masquerade-end {
    min-width: 64px;
    background: #ffb5b5;
    color: #111827;
    font-weight: 600;
}

@media (max-width: 600px) {
    .masquerade-banner[b-avpbuy8f4g] {
        padding: 8px 12px;
    }
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
.login-form-panel[b-65ykf40p68] {
    position: relative;
    width: 100%;
    max-width: 500px;
    min-height: 100vh;
    padding: 88px 24px 24px;
}

.login-language-selector[b-65ykf40p68] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
}

@media (max-width: 599px) {
    .login-form-panel[b-65ykf40p68] {
        padding-inline: 16px;
    }

    .login-language-selector[b-65ykf40p68] {
        right: 16px;
    }
}
/* /Pages/Payments/DirectDeposit/Components/VoidChequeDocumentUpload.razor.rz.scp.css */
.dd-upload-section[b-6t8ft3s1lw] {
    border-top: 1px solid var(--mud-palette-divider);
    margin-top: 24px;
    padding-top: 11px;
}

    .dd-upload-section .dd-heading[b-6t8ft3s1lw] {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .dd-upload-section .dd-icon[b-6t8ft3s1lw] {
        width: 47px;
        height: 47px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: rgba(var(--mud-palette-secondary-rgb), .07);
    }

    .dd-upload-section[b-6t8ft3s1lw]  .dd-icon .mud-icon-root {
        width: 29px;
        height: 29px;
    }

    .dd-upload-section[b-6t8ft3s1lw]  > p {
        margin: 0 0 12px 25px;
    }

    .dd-upload-section .dd-dropzone[b-6t8ft3s1lw] {
        position: relative;
        display: flex;
        align-items: center;
        gap: 23px;
        min-height: 87px;
        padding: 15px 35px;
        border: 1px dashed var(--mud-palette-lines-inputs);
        border-radius: var(--mud-default-borderradius);
    }

        .dd-upload-section .dd-dropzone:hover[b-6t8ft3s1lw],
        .dd-upload-section .dd-dropzone:focus-within[b-6t8ft3s1lw] {
            border-color: var(--mud-palette-secondary);
            background: rgba(var(--mud-palette-secondary-rgb), .04);
        }

        .dd-upload-section .dd-dropzone:focus-within[b-6t8ft3s1lw] {
            outline: 2px solid var(--mud-palette-secondary);
            outline-offset: 2px;
        }

    .dd-upload-section[b-6t8ft3s1lw]  .dd-dropzone input[type="file"] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .dd-upload-section[b-6t8ft3s1lw]  .dd-cloud {
        width: 55px;
        height: 55px;
        flex-shrink: 0;
        color: color-mix( in srgb, var(--mud-palette-secondary) 68%, var(--mud-palette-surface) );
    }

    .dd-upload-section .dd-selected[b-6t8ft3s1lw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 6px;
        overflow-wrap: anywhere;
    }

@media (max-width: 780px) {
    .dd-upload-section .dd-dropzone[b-6t8ft3s1lw] {
        padding: 15px;
        gap: 15px;
    }

    .dd-upload-section[b-6t8ft3s1lw]  > p {
        margin-left: 0;
        margin-top: 7px;
    }
}
/* /Pages/Payments/DirectDeposit/Components/VoidChequeSample.razor.rz.scp.css */
.dd-aside[b-mg1fbrmsiu] {
    min-width: 0;
}

    .dd-aside[b-mg1fbrmsiu]  .dd-guide {
        padding: 27px 35px 23px;
    }

        .dd-aside[b-mg1fbrmsiu]  .dd-guide > p {
            margin: 7px 0 22px;
        }

    .dd-aside .dd-cheque[b-mg1fbrmsiu] {
        width: 100%;
        height: auto;
        display: block;
    }

    .dd-aside .dd-security[b-mg1fbrmsiu] {
        border: 1px solid rgba(var(--mud-palette-secondary-rgb), .2);
        border-radius: var(--mud-default-borderradius);
        padding: 28px 26px;
        background: rgba(var(--mud-palette-secondary-rgb), .04);
        display: flex;
        align-items: center;
        gap: 23px;
        margin-top: 47px;
    }

    .dd-aside[b-mg1fbrmsiu]  .dd-security p {
        margin-top: 5px;
    }

    .dd-aside[b-mg1fbrmsiu]  .dd-shield {
        width: 55px;
        height: 55px;
        flex-shrink: 0;
    }

@media (max-width: 1050px) {
    .dd-aside[b-mg1fbrmsiu]  .dd-guide {
        padding: 24px 18px;
    }

    .dd-aside .dd-security[b-mg1fbrmsiu] {
        padding: 22px 18px;
        gap: 15px;
    }
}

@media (max-width: 780px) {
    .dd-aside[b-mg1fbrmsiu] {
        display: grid;
        gap: 20px;
    }

        .dd-aside .dd-security[b-mg1fbrmsiu] {
            margin-top: 0;
        }
}
/* /Pages/Payments/DirectDeposit/DirectDepositEnrollment.razor.rz.scp.css */
.dd-scope[b-l3p47fnmj8]  .dd-page {
    padding: 28px 39px 12px;
    max-width: 1536px;
    margin: 5px auto;
}

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-columns {
        display: grid;
        grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
        gap: 56px;
    }

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-form {
        min-width: 0;
        padding-top: 18px;
    }
        .dd-scope[b-l3p47fnmj8]  .dd-page .dd-form > .dd-heading {
            display: flex;
            align-items: center;
            gap: 16px;
        }

            .dd-scope[b-l3p47fnmj8]  .dd-page .dd-form > .dd-heading > .dd-icon {
                width: 52px;
                height: 52px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                flex-shrink: 0;
                background: rgba(var(--mud-palette-secondary-rgb), .07);
            }

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-fields {
        padding-left: 20px;
    }

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-field {
        margin: 9px 0 19px;
    }

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-fields label {
        display: block;
    }

    .dd-scope[b-l3p47fnmj8]  .dd-page .dd-submit {
        min-height: 50px;
    }

@media (max-width: 1050px) {
    .dd-scope[b-l3p47fnmj8]  .dd-page {
        padding: 25px;
    }

        .dd-scope[b-l3p47fnmj8]  .dd-page .dd-columns {
            gap: 25px;
        }
}

@media (max-width: 780px) {
    .dd-scope[b-l3p47fnmj8]  .dd-page {
        padding: 23px 18px;
    }

        .dd-scope[b-l3p47fnmj8]  .dd-page .dd-columns {
            grid-template-columns: 1fr;
        }

        .dd-scope[b-l3p47fnmj8]  .dd-page .dd-fields {
            padding-left: 0;
        }
}
/* /Pages/Quotes/Components/QuotesDataGrid.razor.rz.scp.css */
.quote-toolbar[b-b1dpsjeynr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.quote-controls[b-b1dpsjeynr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

    .quote-controls[b-b1dpsjeynr]  .mud-input-outlined-border {
        border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    }

    .quote-controls[b-b1dpsjeynr]  .mud-input-root, .quote-controls[b-b1dpsjeynr]  .mud-input-adornment {
        color: var(--mud-palette-text-primary);
    }

    .quote-controls[b-b1dpsjeynr]  .mud-button-root {
        height: 40px;
    }

.quote-table[b-b1dpsjeynr], .quote-table[b-b1dpsjeynr]  .mud-table-container {
    overflow-x: auto;
}

    .quote-table[b-b1dpsjeynr]  .mud-table-root {
        min-width: 900px;
        border-collapse: collapse;
}

.quote-no-records-found[b-b1dpsjeynr] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 760px) {
    .quote-toolbar[b-b1dpsjeynr] {
        padding: 12px;
    }

    .quote-title[b-b1dpsjeynr], .quote-controls[b-b1dpsjeynr] {
        width: 100%;
    }

        .quote-controls[b-b1dpsjeynr]  .mud-input-control {
            flex: 1 1 200px;
        }
}
/* /Pages/ScheduledServices/Components/ScheduledServicesTable.razor.rz.scp.css */
.services-table-shell[b-ballomu2ye] {
    overflow-x: auto;
}

.services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root {
    table-layout: fixed;
    width: 100%;
}

.services-table-shell[b-ballomu2ye]  .site-heading {
    width: 64%;
}

.services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-head > .mud-table-row > .site-heading {
    padding-left: 52px;
}

.services-table-shell[b-ballomu2ye]  .metric-column {
    width: 12%;
    text-align: center;
}

.services-table-shell[b-ballomu2ye]  .metric-column .mud-table-sort-label {
    justify-content: center;
    white-space: nowrap;
}

.services-table-shell[b-ballomu2ye]  .metric-cell {
    text-align: center;
    font-size: var(--mud-typography-body2-size);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.services-table-shell[b-ballomu2ye]  .site-expanded {
    background: color-mix(in srgb, var(--mud-palette-primary) 2%, var(--mud-palette-surface));
}

.site-identity[b-ballomu2ye] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.site-button[b-ballomu2ye] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    min-height: 32px;
    padding: 0;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

.site-button[b-ballomu2ye]  .mud-icon-root {
    flex-shrink: 0;
}

.site-link[b-ballomu2ye] {
    flex: 1;
    min-width: 0;
    display: block;
    color: var(--mud-palette-primary);
    font-size: var(--mud-typography-body2-size);
    line-height: 1.45;
    font-weight: 700;
    text-decoration: none;
    text-underline-offset: 2px;
    overflow-wrap: anywhere;
}

.site-link:hover[b-ballomu2ye],
.site-link:focus-visible[b-ballomu2ye] {
    color: var(--mud-palette-secondary);
    text-decoration: underline;
}

.service-scope[b-ballomu2ye] {
    display: block;
    margin-top: 3px;
    font-size: var(--mud-typography-caption-size);
    line-height: 1.5;
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
}

.services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .mud-table-row > .service-details-cell {
    padding: 0 16px 16px 52px;
    background: color-mix(in srgb, var(--mud-palette-primary) 2%, var(--mud-palette-surface));
}

.details-panel[b-ballomu2ye] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    background: var(--mud-palette-surface);
}

.details-panel[b-ballomu2ye]  .mud-table-root {
    width: 100%;
    table-layout: fixed;
}

.details-panel[b-ballomu2ye]  .mud-table-cell {
    padding: 8px 12px;
    color: var(--mud-palette-text-primary);
    font-size: var(--portal-font-compact);
    line-height: 1.5;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell {
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-caption-size);
    font-weight: 600;
    background: color-mix(in srgb, var(--mud-palette-primary) 2%, var(--mud-palette-surface));
}

.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell:nth-child(1) { width: 40%; }
.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell:nth-child(2) { width: 22%; }
.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell:nth-child(3) { width: 12%; }
.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell:nth-child(4) { width: 13%; }
.details-panel[b-ballomu2ye]  .mud-table-head .mud-table-cell:nth-child(5) { width: 13%; }

.details-panel[b-ballomu2ye]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.details-panel[b-ballomu2ye]  .service-complete {
    background: color-mix(in srgb, var(--mud-palette-success) 4%, var(--mud-palette-surface));
}

.details-panel[b-ballomu2ye]  .service-incomplete {
    background: color-mix(in srgb, var(--mud-palette-error) 3%, var(--mud-palette-surface));
}

.details-panel[b-ballomu2ye]  .mud-chip {
    margin: 0;
    padding: 0 10px;
    height: 28px;
    border-radius: var(--mud-default-borderradius);
    font-size: var(--mud-typography-caption-size);
    font-weight: 600;
}

.details-panel[b-ballomu2ye]  .status-complete {
    color: var(--mud-palette-success-darken);
    background: color-mix(in srgb, var(--mud-palette-success) 14%, var(--mud-palette-surface));
}

.details-panel[b-ballomu2ye]  .status-incomplete {
    color: var(--mud-palette-error-darken);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, var(--mud-palette-surface));
}

.empty-value[b-ballomu2ye] {
    color: var(--mud-palette-text-disabled);
}

.mobile-field-label[b-ballomu2ye] {
    display: none;
}

@media (max-width: 960px) and (min-width: 761px) {
    .details-panel[b-ballomu2ye]  .mud-table-root {
        min-width: 760px;
    }
}

/* Match Work Orders' card layout and breakpoint rather than MudTable's stacked cells. */
@media (max-width: 760px) {
    .services-table-shell[b-ballomu2ye] {
        overflow: visible;
        padding: 10px;
        background: var(--mud-palette-background);
    }

    .services-table-shell[b-ballomu2ye]  .mud-table-container {
        overflow: visible;
    }

    .services-table-shell[b-ballomu2ye]  .mud-table-root {
        display: block;
        min-width: 0;
    }

    .services-table-shell[b-ballomu2ye]  .mud-table-head {
        display: none;
    }

    .services-table-shell[b-ballomu2ye]  .mud-table-body {
        display: block;
    }

    .services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .site-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 0;
        margin-bottom: 10px;
        padding: 14px 12px;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-radius: var(--mud-default-borderradius);
        background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    }

    .services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .site-expanded {
        margin-bottom: 0;
        border-bottom: 0;
        border-radius: var(--mud-default-borderradius) var(--mud-default-borderradius) 0 0;
    }

    .services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .site-row > .mud-table-cell {
        display: block;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .services-table-shell[b-ballomu2ye]  .site-name-cell {
        grid-column: 1 / -1;
    }

    .site-button[b-ballomu2ye] {
        min-height: 44px;
        flex-basis: 44px;
        order: 2;
    }

    .site-link[b-ballomu2ye] {
        font-size: var(--mud-typography-body1-size);
    }

    .services-table-shell[b-ballomu2ye]  .metric-cell {
        padding-top: 10px;
        font-size: 1rem;
        text-align: center;
    }

    .services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .site-row > .metric-cell + .metric-cell {
        border-left: 1px solid var(--mud-palette-divider);
    }

    .mobile-field-label[b-ballomu2ye] {
        display: block;
        margin-bottom: 4px;
        color: var(--mud-palette-text-secondary);
        font-size: var(--portal-font-mobile-label);
        font-weight: 500;
        line-height: 1.4;
    }

    .services-table-shell[b-ballomu2ye]  .service-details-row {
        display: block;
        margin: 0 0 10px;
        padding: 0 4px 4px;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-top: 0;
        border-radius: 0 0 var(--mud-default-borderradius) var(--mud-default-borderradius);
        background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    }

    .services-table-shell[b-ballomu2ye]  .services-table > .mud-table-container > .mud-table-root > .mud-table-body > .service-details-row > .service-details-cell {
        display: block;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .details-panel[b-ballomu2ye] {
        padding: 8px;
        border: 0;
        border-radius: var(--mud-default-borderradius);
    }

    .details-panel[b-ballomu2ye]  .mud-table-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "scope scope"
            "due status"
            "work date";
        align-items: start;
        gap: 12px;
        padding: 12px;
        margin-bottom: 10px;
        border: 1px solid var(--mud-palette-divider);
        border-radius: var(--mud-default-borderradius);
    }

    .details-panel[b-ballomu2ye]  .mud-table-row:last-child {
        margin-bottom: 0;
    }

    .details-panel[b-ballomu2ye]  .mud-table-row > .mud-table-cell {
        display: block;
        min-width: 0;
        padding: 0;
        border: 0;
        font-size: var(--portal-font-compact);
        white-space: normal;
    }

    .details-panel[b-ballomu2ye]  .scope-cell { grid-area: scope; }
    .details-panel[b-ballomu2ye]  .due-cell { grid-area: due; }
    .details-panel[b-ballomu2ye]  .service-status-cell { grid-area: status; justify-self: end; align-self: center; }
    .details-panel[b-ballomu2ye]  .work-order-cell { grid-area: work; }
    .details-panel[b-ballomu2ye]  .service-date-cell { grid-area: date; }

    .service-title[b-ballomu2ye] {
        font-weight: 600;
        line-height: 1.5;
    }

    .service-scope[b-ballomu2ye] {
        font-size: var(--portal-font-mobile-label);
    }
}
/* /Pages/ScheduledServices/ScheduledServices.razor.rz.scp.css */
.scheduled-services-page[b-ijoqgmajzm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
    min-width: 0;
    color: var(--mud-palette-text-primary);
}

.page-header[b-ijoqgmajzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.date-range-toolbar[b-ijoqgmajzm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 8px 16px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, var(--mud-palette-surface));
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
}

.presets[b-ijoqgmajzm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.date-filter[b-ijoqgmajzm] {
    flex: 0 1 320px;
    min-width: 0;
}

.date-filter[b-ijoqgmajzm]  .mud-picker,
.date-filter[b-ijoqgmajzm]  .mud-input-control {
    width: 100%;
}

.date-filter[b-ijoqgmajzm]  input {
    text-align: center;
}

.dashboard-toolbar[b-ijoqgmajzm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.search-filter[b-ijoqgmajzm] {
    flex: 0 1 240px;
    min-width: 200px;
}

.date-range-toolbar[b-ijoqgmajzm]  .mud-input-outlined-border,
.dashboard-toolbar[b-ijoqgmajzm]  .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.date-range-toolbar[b-ijoqgmajzm]  .mud-input-root,
.date-range-toolbar[b-ijoqgmajzm]  .mud-input-adornment,
.dashboard-toolbar[b-ijoqgmajzm]  .mud-input-root,
.dashboard-toolbar[b-ijoqgmajzm]  .mud-input-adornment {
    color: var(--mud-palette-text-primary);
}

.dashboard-toolbar[b-ijoqgmajzm]  .services-count {
    color: var(--mud-palette-text-secondary);
    font-size: var(--portal-font-compact);
}

.completion-summary[b-ijoqgmajzm] {
    flex: 0 1 280px;
    min-width: 200px;
    margin-left: auto;
}

.progress-labels[b-ijoqgmajzm] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
    font-size: var(--portal-font-compact);
    font-weight: 600;
}

.loading[b-ijoqgmajzm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 48px;
}

@media (max-width: 760px) {
    .dashboard-toolbar[b-ijoqgmajzm] {
        align-items: flex-start;
        gap: 8px 12px;
        padding: 10px 12px;
    }

    .search-filter[b-ijoqgmajzm] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .completion-summary[b-ijoqgmajzm] {
        flex: 1 1 100%;
        min-width: 0;
        margin-left: 0;
    }

    .loading[b-ijoqgmajzm] {
        padding: 24px 12px;
    }
}

@media (max-width: 600px) {
    .scheduled-services-page[b-ijoqgmajzm] {
        padding: 4px;
        gap: 12px;
    }

    .page-header[b-ijoqgmajzm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date-range-toolbar[b-ijoqgmajzm] {
        padding: 10px 12px;
        align-items: stretch;
        flex-direction: column;
    }

    .date-filter[b-ijoqgmajzm] {
        flex-basis: auto;
        width: 100%;
    }
}
/* /Pages/WorkOrders/Components/ApprovalStatusAnalyticsChart.razor.rz.scp.css */
.approval-heading[b-q100hy8pjb] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 32px;
    margin-bottom: 12px;
}

.approval-heading[b-q100hy8pjb]  .mud-typography {
    margin: 0;
}

.approval-heading[b-q100hy8pjb]  .heading-info {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

@container (max-width: 600px) {
    .approval-heading[b-q100hy8pjb] {
        gap: 4px;
    }
}

.approval-content[b-q100hy8pjb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.donut-shell[b-q100hy8pjb] {
    position: relative;
    flex: 0 0 128px;
}

.donut-total[b-q100hy8pjb] {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.status-list[b-q100hy8pjb] {
    flex: 1;
    min-width: 0;
    max-width: 270px;
}

.status-row[b-q100hy8pjb],
.status-label[b-q100hy8pjb] {
    display: flex;
    align-items: center;
}

.status-row[b-q100hy8pjb] {
    justify-content: space-between;
    gap: 8px;
    padding: 7px 0;
}

.status-label[b-q100hy8pjb] {
    gap: 6px;
    min-width: 0;
}

.status-dot[b-q100hy8pjb] {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.status-dot.approved[b-q100hy8pjb] { background: var(--mud-palette-success); }
.status-dot.pending[b-q100hy8pjb] { background: var(--mud-palette-warning); }
.status-dot.rejected[b-q100hy8pjb] { background: var(--mud-palette-error); }

.status-row[b-q100hy8pjb]  .status-value {
    white-space: nowrap;
    font-weight: 600;
}

.status-row[b-q100hy8pjb]  .status-value span {
    color: var(--mud-palette-text-primary);
}

@container (max-width: 330px) {
    .approval-content[b-q100hy8pjb] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .status-list[b-q100hy8pjb] {
        flex-basis: 100%;
        width: 100%;
    }
}
/* /Pages/WorkOrders/Components/DateRangePicker.razor.rz.scp.css */
.date-range-picker[b-uy11ahltvx] {
    width: 100%;
}

.date-range-picker[b-uy11ahltvx]  .mud-picker-input-button,
.date-range-picker[b-uy11ahltvx]  .mud-input-control,
.date-range-picker[b-uy11ahltvx]  .mud-input-root {
    width: 100%;
}

.date-range-picker[b-uy11ahltvx]  .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.date-range-picker[b-uy11ahltvx]  input {
    color: var(--mud-palette-text-primary);
    text-align: center;
}
/* /Pages/WorkOrders/Components/LoggedOnSiteAnalytics.razor.rz.scp.css */
.on-site-metric[b-4geje6g7uv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.on-site-heading[b-4geje6g7uv] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
}

.on-site-heading[b-4geje6g7uv]  .mud-typography {
    margin: 0;
}

.on-site-heading[b-4geje6g7uv]  .heading-info {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

@container (max-width: 600px) {
    .on-site-heading[b-4geje6g7uv] {
        gap: 4px;
    }
}

[b-4geje6g7uv] .pct-green { color: var(--mud-palette-success-darken); }
[b-4geje6g7uv] .pct-amber { color: var(--mud-palette-warning-darken); }
[b-4geje6g7uv] .pct-red { color: var(--mud-palette-error-darken); }
/* /Pages/WorkOrders/Components/PhotoGalleryDialog.razor.rz.scp.css */
.photo-gallery[b-99tlem60qh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
    max-height: 70dvh;
    overflow-y: auto;
    padding: 4px;
}

.gallery-thumbnail[b-99tlem60qh] {
    position: relative;
    padding: 0;
    border: 0;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    cursor: pointer;
    background: var(--mud-palette-background-grey);
    aspect-ratio: 4 / 3;
}

.gallery-thumbnail img[b-99tlem60qh] { width: 100%; height: 100%; object-fit: cover; }
.gallery-thumbnail span[b-99tlem60qh] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background: rgb(0 0 0 / 65%);
    color: white;
    border-radius: 4px;
    padding: 2px 6px;
}

.gallery-thumbnail:focus-visible[b-99tlem60qh] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.photo-viewer:focus[b-99tlem60qh] {
    outline: none;
}

.viewer-toolbar[b-99tlem60qh], .viewer-navigation[b-99tlem60qh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.viewer-toolbar[b-99tlem60qh] { margin-bottom: 12px; }
.viewer-navigation[b-99tlem60qh] { margin-top: 12px; }
.viewer-stage[b-99tlem60qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60dvh;
    background: #111;
    border-radius: var(--mud-default-borderradius);
    touch-action: pan-y pinch-zoom;
}
.viewer-stage img[b-99tlem60qh] { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 600px) {
    .photo-gallery[b-99tlem60qh] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .viewer-toolbar[b-99tlem60qh] { flex-wrap: wrap; }
    .viewer-stage[b-99tlem60qh] { height: 50dvh; }
}
/* /Pages/WorkOrders/Components/SelectedWorkOrder.razor.rz.scp.css */
.work-order-details-page[b-3h5ese58ae] {
    display: grid;
    gap: 24px;
}

.details-columns[b-3h5ese58ae] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 32%);
    align-items: start;
    gap: 24px;
}

.details-main[b-3h5ese58ae] {
    display: grid;
    gap: 24px;
    min-width: 0;
}

.details-photos[b-3h5ese58ae], .details-services[b-3h5ese58ae], .details-overview[b-3h5ese58ae] {
    padding: 24px;
    min-width: 0;
}

.details-unavailable[b-3h5ese58ae] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 720px;
    min-width: 0;
    padding: 32px;
}

    .details-unavailable[b-3h5ese58ae]  .details-unavailable-message {
        margin: 0 0 8px;
        color: var(--mud-palette-text-secondary);
    }

@media (max-width: 1000px) {
    .details-columns[b-3h5ese58ae] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .details-photos[b-3h5ese58ae], .details-services[b-3h5ese58ae], .details-overview[b-3h5ese58ae] {
        padding: 16px;
    }
}
/* /Pages/WorkOrders/Components/SelectedWorkOrderInfoPanel.razor.rz.scp.css */
.details-overview-info dl[b-byxkh22aq8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    margin: 20px 0 0;
}

    .details-overview-info dl > div[b-byxkh22aq8] {
        min-width: 0;
    }

.details-overview-info dt[b-byxkh22aq8] {
    margin-bottom: 5px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-caption-size);
    font-weight: 600;
}

.details-overview-info dd[b-byxkh22aq8] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--mud-palette-text-primary);
    font-size: var(--mud-typography-body1-size);
}

.details-context[b-byxkh22aq8] {
    display: grid;
    gap: 10px;
}

.details-context[b-byxkh22aq8]  .context-site-link {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.details-context dl.details-summary[b-byxkh22aq8] {
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

.details-overview-info .service-summary[b-byxkh22aq8] {
    white-space: pre-line;
}

@media (max-width: 600px) {
    .details-overview-info dl[b-byxkh22aq8] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/WorkOrders/Components/SelectedWorkOrderPhotosPanel.razor.rz.scp.css */
.details-section-heading[b-psle5v4gis] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.details-section-heading[b-psle5v4gis] {
    margin-bottom: 20px;
}

.details-photo-grid[b-psle5v4gis] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.details-photo[b-psle5v4gis] {
    padding: 0;
    border: 0;
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
    cursor: pointer;
    background: var(--mud-palette-background-grey);
    aspect-ratio: 4 / 3;
}

    .details-photo img[b-psle5v4gis] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .details-photo:focus-visible[b-psle5v4gis] {
        outline: 2px solid var(--mud-palette-primary);
        outline-offset: 3px;
    }

.details-more-photos[b-psle5v4gis] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    color: var(--mud-palette-primary);
    font: inherit;
    font-weight: 600;
}

.details-no-photos[b-psle5v4gis] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 16px;
    padding: 48px 24px;
}

@media (max-width: 1000px) {
    .details-photo-grid[b-psle5v4gis] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .details-photo-grid[b-psle5v4gis] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
}
/* /Pages/WorkOrders/Components/SelectedWorkOrderServicesPanel.razor.rz.scp.css */
.services-panel[b-e4qsd2rqmz] {
    display: grid;
    gap: 20px;
}

.services-loading[b-e4qsd2rqmz] {
    display: grid;
    gap: 16px;
}

.service-values[b-e4qsd2rqmz] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .service-values th[b-e4qsd2rqmz], .service-values td[b-e4qsd2rqmz] {
        text-align: left;
        padding: 16px 0;
        vertical-align: top;
        overflow-wrap: anywhere;
        white-space: pre-line;
    }

    .service-values thead th[b-e4qsd2rqmz] {
        color: var(--mud-palette-text-secondary);
        font-size: var(--mud-typography-caption-size);
        font-weight: 600;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .service-values tbody th[b-e4qsd2rqmz] {
        font-weight: 500;
        padding-right: 24px;
    }

    .service-values tbody td[b-e4qsd2rqmz] {
        font-variant-numeric: tabular-nums;
    }

    .service-values tr + tr[b-e4qsd2rqmz], .service-values tbody tr:first-child[b-e4qsd2rqmz] {
        border-top: 1px solid var(--mud-palette-lines-default);
    }

    .service-values th:first-child[b-e4qsd2rqmz] {
        width: 50%;
    }

    .service-values th:nth-child(2)[b-e4qsd2rqmz] {
        width: 20%;
    }

    .service-values th:nth-child(3)[b-e4qsd2rqmz] {
        width: 30%;
    }

.service-approval[b-e4qsd2rqmz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

    .service-approval[b-e4qsd2rqmz]  .mud-chip {
        margin: 0;
        max-width: 100%;
        height: auto;
        min-height: 24px;
    }

    .service-approval[b-e4qsd2rqmz]  .mud-chip-content {
        white-space: normal;
        overflow-wrap: anywhere;
    }

.service-value[b-e4qsd2rqmz] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
    color: var(--mud-palette-text-primary);
}

@media (max-width: 600px) {
    .service-values th:first-child[b-e4qsd2rqmz] {
        width: 44%;
    }

    .service-values th:nth-child(2)[b-e4qsd2rqmz] {
        width: 24%;
    }

    .service-values th:nth-child(3)[b-e4qsd2rqmz] {
        width: 32%;
    }

    .service-values tbody th[b-e4qsd2rqmz] {
        padding-right: 12px;
    }

    .service-value[b-e4qsd2rqmz] {
        padding: 4px 6px;
    }
}
/* /Pages/WorkOrders/Components/WeeklyDistributionChart.razor.rz.scp.css */
.distribution-heading[b-gxnw5wz90a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    margin-bottom: 12px;
}

.distribution-heading[b-gxnw5wz90a]  .heading-info {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

.distribution-plot[b-gxnw5wz90a] {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
    background-image: repeating-linear-gradient(
        to bottom,
        color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) 0,
        color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) 1px,
        transparent 1px,
        transparent 25%);
}

.plot-zones[b-gxnw5wz90a] {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 5fr 2fr;
}

.weekday-zone[b-gxnw5wz90a],
.weekend-zone[b-gxnw5wz90a] {
    padding-top: 12px;
    text-align: center;
}

.weekday-zone[b-gxnw5wz90a] {
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    background: linear-gradient(90deg, rgba(245, 247, 250, .76), rgba(231, 236, 247, .45));
}

.weekend-zone[b-gxnw5wz90a] {
    border: 1px solid rgba(251, 140, 0, .18);
    background: linear-gradient(90deg, rgba(255, 248, 240, .72), rgba(255, 243, 224, .72));
}

.plot-zones span[b-gxnw5wz90a] {
    color: var(--mud-palette-primary);
    font-size: var(--mud-typography-body2-size);
    font-weight: 500;
}

.bars[b-gxnw5wz90a] {
    position: absolute;
    inset: 34px 12px 0;
    display: grid;
    grid-template-columns: repeat(7, minmax(44px, 1fr));
    align-items: end;
    gap: clamp(8px, 2vw, 30px);
}

.bar-column[b-gxnw5wz90a] {
    display: grid;
    height: 100%;
    grid-template-rows: 24px 1fr 28px;
    align-items: end;
    justify-items: center;
}

.bar-value[b-gxnw5wz90a] {
    align-self: end;
    margin-bottom: 6px;
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.bar[b-gxnw5wz90a] {
    width: min(52px, 68%);
    min-height: 4px;
    align-self: end;
    border-radius: 1px 1px 0 0;
    box-shadow: inset 5px 0 10px rgba(255,255,255,.08);
}

.bar.weekday[b-gxnw5wz90a] { background: linear-gradient(90deg, #172f97, #062487); }
.bar.weekend[b-gxnw5wz90a] { background: linear-gradient(90deg, #ff9800, #f57c00); }

.bar-label[b-gxnw5wz90a] {
    align-self: center;
    color: var(--mud-palette-primary);
    font-weight: 600;
}

@container (max-width: 600px) {
    .distribution-heading[b-gxnw5wz90a] {
        gap: 4px;
    }

    .distribution-plot[b-gxnw5wz90a] {
        height: 200px;
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    .plot-zones[b-gxnw5wz90a] {
        grid-template-columns: minmax(0, 5fr) minmax(0, 2fr);
    }

    .weekday-zone[b-gxnw5wz90a],
    .weekend-zone[b-gxnw5wz90a] {
        min-width: 0;
        padding: 8px 4px 0;
    }

    .plot-zones span[b-gxnw5wz90a] {
        display: block;
        font-size: var(--portal-font-mobile-label);
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .bars[b-gxnw5wz90a] {
        inset: 60px 0 0;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 0;
    }

    .bar-column[b-gxnw5wz90a] {
        min-width: 0;
        grid-template-rows: 20px 1fr 24px;
    }

    .bar-value[b-gxnw5wz90a] {
        font-size: clamp(.5625rem, 2.5vw, .75rem);
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
        margin-bottom: 4px;
    }

    .bar[b-gxnw5wz90a] {
        width: 60%;
        max-width: 32px;
    }

    .bar-label[b-gxnw5wz90a] {
        font-size: var(--portal-font-mobile-label);
    }
}
/* /Pages/WorkOrders/Components/WorkOrderDashboard.razor.rz.scp.css */
.work-orders-content[b-sos9y4k2uh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.date-range-toolbar[b-sos9y4k2uh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 8px 16px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, var(--mud-palette-surface));
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
}

.date-range-shortcuts[b-sos9y4k2uh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.shared-date-range[b-sos9y4k2uh] {
    flex: 0 1 320px;
    min-width: 0;
}

.work-orders-overview[b-sos9y4k2uh] {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    min-width: 0;
}

.work-orders-analytics[b-sos9y4k2uh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.work-orders-analytics[b-sos9y4k2uh]  .summary-card,
.work-orders-analytics[b-sos9y4k2uh]  .distribution-card {
    padding: 20px;
}

.approval-card[b-sos9y4k2uh],
.on-site-card[b-sos9y4k2uh],
.work-orders-analytics[b-sos9y4k2uh]  .distribution-card {
    container-type: inline-size;
}

.on-site-card[b-sos9y4k2uh] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--mud-palette-divider);
}

@media (max-width: 1050px) {
    .work-orders-overview[b-sos9y4k2uh] {
        grid-template-columns: minmax(0, 1fr);
    }

    .work-orders-analytics[b-sos9y4k2uh] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }
}

@media (max-width: 700px) {
    .work-orders-analytics[b-sos9y4k2uh] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 600px) {
    .date-range-toolbar[b-sos9y4k2uh] {
        padding: 10px 12px;
        align-items: stretch;
        flex-direction: column;
    }

    .shared-date-range[b-sos9y4k2uh] {
        flex-basis: auto;
        width: 100%;
    }

    .work-orders-analytics[b-sos9y4k2uh]  .summary-card,
    .work-orders-analytics[b-sos9y4k2uh]  .distribution-card {
        padding: 12px;
    }
}
/* /Pages/WorkOrders/Components/WorkOrderTable.razor.rz.scp.css */
.dashboard-toolbar[b-a3p0jxszkq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 12px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.dashboard-toolbar[b-a3p0jxszkq]  .toolbar-search {
    flex: 1 1 260px;
    min-width: 200px;
}

.dashboard-toolbar[b-a3p0jxszkq]  .toolbar-select {
    flex: 0 1 165px;
    min-width: 0;
}

.dashboard-toolbar .export-link[b-a3p0jxszkq] {
    margin-left: auto;
}

.dashboard-toolbar[b-a3p0jxszkq]  .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.dashboard-toolbar[b-a3p0jxszkq]  .mud-input-root,
.dashboard-toolbar[b-a3p0jxszkq]  .mud-select-input,
.dashboard-toolbar[b-a3p0jxszkq]  .mud-input-adornment {
    color: var(--mud-palette-text-primary);
}

.dashboard-toolbar[b-a3p0jxszkq]  .mud-button-root {
    height: 40px;
}

.export-link[b-a3p0jxszkq] {
    text-decoration: none;
}

.table-shell[b-a3p0jxszkq] {
    overflow-x: auto;
}

.table-shell[b-a3p0jxszkq]  .mud-table-container {
    overflow-x: auto;
}

.table-shell[b-a3p0jxszkq]  .mud-table-root {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.table-shell[b-a3p0jxszkq]  .mud-table-root th,
.table-shell[b-a3p0jxszkq]  .mud-table-root td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(2) { width: 10%; }
.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(3) { width: 24%; }
.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(4) { width: 24%; }
.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(5) { width: 16%; }
.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(6) { width: 13%; }
.table-shell[b-a3p0jxszkq]  .mud-table-root th:nth-child(7) { width: 12%; }

.table-shell[b-a3p0jxszkq]  .expand-column,
.table-shell[b-a3p0jxszkq]  .expand-cell {
    width: 42px;
    text-align: center;
}

.expand-button[b-a3p0jxszkq] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.expand-button[b-a3p0jxszkq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.table-shell[b-a3p0jxszkq]  .data-row {
    cursor: pointer;
    transition: background-color .15s ease;
}

.table-shell[b-a3p0jxszkq]  .data-row:hover,
.table-shell[b-a3p0jxszkq]  .data-row.expanded {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
}

.table-shell[b-a3p0jxszkq]  .status-heading,
.table-shell[b-a3p0jxszkq]  .status-cell {
    text-align: center;
}

.table-shell[b-a3p0jxszkq]  .status-heading .mud-table-sort-label {
    text-align: center;
}

/* MudIcon renders its SVG in a child component, so cross the CSS isolation boundary. */
.table-shell[b-a3p0jxszkq]  .status-cell .status-icon.approved { color: var(--mud-palette-success); }
.table-shell[b-a3p0jxszkq]  .status-cell .status-icon.pending { color: var(--mud-palette-warning); }
.table-shell[b-a3p0jxszkq]  .status-cell .status-icon.rejected { color: var(--mud-palette-error); }

.table-shell[b-a3p0jxszkq]  .detail-row td {
    padding: 0;
    white-space: normal;
}

.work-order-detail[b-a3p0jxszkq] {
    margin: 0 16px 12px;
    padding: 10px 18px 16px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 1.5%, var(--mud-palette-surface));
}

.detail-meta[b-a3p0jxszkq],
.detail-field[b-a3p0jxszkq] {
    display: flex;
    align-items: center;
}

.detail-meta[b-a3p0jxszkq] {
    flex-wrap: wrap;
    gap: 14px;
    margin: 4px 0;
}

.detail-field[b-a3p0jxszkq] {
    gap: 6px;
}

.detail-field + .detail-field[b-a3p0jxszkq] {
    padding-left: 14px;
    border-left: 1px solid var(--mud-palette-divider);
}

.detail-field[b-a3p0jxszkq]  .mud-icon-root {
    flex-shrink: 0;
}

.mobile-detail-field[b-a3p0jxszkq] {
    display: none;
}

.work-order-detail[b-a3p0jxszkq]  .photo-label {
    margin-bottom: 5px;
    font-weight: 600;
}

.photo-strip[b-a3p0jxszkq] {
    display: grid;
    grid-template-columns: repeat(7, minmax(95px, 1fr)) minmax(100px, .75fr);
    gap: 16px;
}

.photo-strip button[b-a3p0jxszkq],
.photo-skeleton[b-a3p0jxszkq] {
    height: 116px;
    overflow: hidden;
    border-radius: var(--mud-default-borderradius);
}

.photo-strip img[b-a3p0jxszkq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}

.photo-strip button:hover img[b-a3p0jxszkq] { transform: scale(1.03); }

.photo-strip button[b-a3p0jxszkq] {
    cursor: pointer;
    padding: 0;
    background: transparent;
    font-family: inherit;
}

.table-shell[b-a3p0jxszkq]  .work-order-name a {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.table-shell[b-a3p0jxszkq]  .work-order-name a:hover {
    text-decoration: underline;
}

.photo-thumbnail[b-a3p0jxszkq] { border: 0; }
.photo-strip button:focus-visible[b-a3p0jxszkq] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

.more-photos[b-a3p0jxszkq] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    color: var(--mud-palette-primary);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

.no-photos[b-a3p0jxszkq],
.dashboard-loading[b-a3p0jxszkq],
.empty-state[b-a3p0jxszkq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--mud-palette-text-secondary);
}

.dashboard-loading[b-a3p0jxszkq],
.empty-state[b-a3p0jxszkq] {
    min-height: 140px;
}

.sr-only[b-a3p0jxszkq] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

@media (max-width: 1280px) {
    .photo-strip[b-a3p0jxszkq] {
        grid-template-columns: repeat(4, minmax(110px, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-toolbar[b-a3p0jxszkq] {
        padding: 12px;
    }

    .dashboard-toolbar[b-a3p0jxszkq]  .toolbar-search {
        width: 100%;
        max-width: none;
    }

    .dashboard-toolbar[b-a3p0jxszkq]  .toolbar-select {
        flex: 1 1 145px;
    }

    .dashboard-toolbar .export-link[b-a3p0jxszkq] {
        margin-left: 0;
    }

    .table-shell[b-a3p0jxszkq] {
        overflow: visible;
        padding: 10px;
        background: var(--mud-palette-background);
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root {
        min-width: 0;
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root thead { display: none; }
    .table-shell[b-a3p0jxszkq]  .mud-table-root tbody,
    .table-shell[b-a3p0jxszkq]  .mud-table-root tr,
    .table-shell[b-a3p0jxszkq]  .mud-table-root td { display: block; }

    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto 32px 36px;
        grid-template-areas:
            "name date status expand"
            "site date status expand";
        align-items: center;
        column-gap: 8px;
        padding: 6px 10px;
        margin-bottom: 10px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-radius: var(--mud-default-borderradius);
        background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row.expanded {
        margin-bottom: 0;
        border-bottom: 0;
        border-radius: var(--mud-default-borderradius) var(--mud-default-borderradius) 0 0;
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row td {
        display: block;
        min-width: 0;
        width: auto;
        padding: 0;
        border: 0;
    }

    .table-shell[b-a3p0jxszkq]  .work-order-name {
        grid-area: name;
        font-size: 1rem;
        font-weight: 700;
    }

    .table-shell[b-a3p0jxszkq]  .work-order-site {
        grid-area: site;
        font-size: var(--portal-font-compact);
    }

    .table-shell[b-a3p0jxszkq]  .work-order-date {
        grid-area: date;
        font-size: var(--mud-typography-caption-size);
        text-align: right;
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row .work-order-service,
    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row .work-order-distance {
        display: none;
    }

    .table-shell[b-a3p0jxszkq]  .status-cell {
        grid-area: status;
        text-align: center;
        overflow: visible;
    }

    .table-shell[b-a3p0jxszkq]  .status-cell .status-icon {
        font-size: 24px;
        vertical-align: middle;
    }

    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row .expand-cell {
        grid-area: expand;
        overflow: visible;
    }

    .expand-button[b-a3p0jxszkq] {
        min-width: 36px;
        min-height: 44px;
    }

    .expand-button[b-a3p0jxszkq]  .mud-icon-root {
        transform: rotate(90deg);
    }

    .table-shell[b-a3p0jxszkq]  .expanded .expand-button .mud-icon-root {
        transform: rotate(180deg);
    }

    .table-shell[b-a3p0jxszkq]  .detail-row {
        display: block;
        margin: 0 0 10px;
        padding: 0 4px 4px;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-top: 0;
        border-radius: 0 0 var(--mud-default-borderradius) var(--mud-default-borderradius);
        background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    }

    .table-shell[b-a3p0jxszkq]  .detail-row > td {
        border: 0;
        overflow: visible;
    }

    .work-order-detail[b-a3p0jxszkq] {
        margin: 0;
        padding: 8px 12px;
        background: var(--mud-palette-surface);
    }

    .detail-meta[b-a3p0jxszkq] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px 12px;
        margin: 6px 0 8px;
        font-size: var(--portal-font-compact);
    }

    .detail-field[b-a3p0jxszkq] {
        min-width: 0;
        align-items: flex-start;
        overflow-wrap: anywhere;
    }

    .detail-field + .detail-field[b-a3p0jxszkq] {
        padding-left: 0;
        border: 0;
    }

    .detail-field:nth-child(even)[b-a3p0jxszkq] {
        padding-left: 12px;
        border-left: 1px solid color-mix(in srgb, var(--mud-palette-primary) 30%, transparent);
    }

    .mobile-detail-field[b-a3p0jxszkq] {
        display: flex;
    }

    .photo-strip[b-a3p0jxszkq] {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
    }

    .photo-strip button[b-a3p0jxszkq],
    .photo-strip[b-a3p0jxszkq]  .photo-skeleton {
        flex: 0 0 82px;
        height: 72px;
        border-radius: var(--mud-default-borderradius);
        scroll-snap-align: start;
    }

    .more-photos[b-a3p0jxszkq] {
        font-size: var(--mud-typography-caption-size);
    }
}

@media (max-width: 480px) {
    .table-shell[b-a3p0jxszkq]  .mud-table-root .data-row {
        grid-template-columns: minmax(0, 1fr) 28px 36px;
        grid-template-areas:
            "name status expand"
            "site status expand"
            "date date date";
        column-gap: 4px;
    }

    .table-shell[b-a3p0jxszkq]  .work-order-date {
        margin-top: 2px;
        text-align: left;
    }

    .detail-meta[b-a3p0jxszkq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .detail-field:nth-child(even)[b-a3p0jxszkq] {
        padding-left: 0;
        border-left: 0;
    }
}
/* /Pages/WorkOrders/WorkOrders.razor.rz.scp.css */
.work-orders-page[b-ou5kganhdu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 8px;
    color: var(--mud-palette-text-primary);
}

@media (max-width: 600px) {
    .work-orders-page[b-ou5kganhdu] { padding: 4px; }
}
/* /Pages/WorkOrders/WorkOrdersHeader.razor.rz.scp.css */
.page-header[b-v6hrmt8121] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-heading[b-v6hrmt8121] { min-width: 0; }

.data-refresh[b-v6hrmt8121] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.page-header[b-v6hrmt8121]  .data-timestamp {
    text-align: right;
    font-size: var(--portal-font-compact);
}

.work-orders-breadcrumb[b-v6hrmt8121] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-body2-size);
}

.work-orders-breadcrumb button[b-v6hrmt8121] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    cursor: pointer;
}

.work-orders-breadcrumb button:hover[b-v6hrmt8121],
.work-orders-breadcrumb button:focus-visible[b-v6hrmt8121] { text-decoration: underline; }

.work-orders-breadcrumb .breadcrumb-current[b-v6hrmt8121] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .page-header[b-v6hrmt8121] { align-items: stretch; flex-direction: column; }
}

.heading-title[b-v6hrmt8121] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.heading-title[b-v6hrmt8121]  .work-order-status-badge {
    margin: 0;
    min-height: 40px;
    height: auto;
    font-size: 1.125rem;
    font-weight: 600;
    border-radius: var(--mud-default-borderradius);
}

.heading-title[b-v6hrmt8121]  .mud-chip-content {
    white-space: normal;
}
/* /Pages/YourSites/Components/SelectedSite.razor.rz.scp.css */
.site-details[b-mbmll182dm] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.site-details-card[b-mbmll182dm] {
    padding: 18px 20px;
}

.site-details-card[b-mbmll182dm]  .site-details-title {
    margin: 0 0 14px;
}

.site-details-section-heading[b-mbmll182dm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.site-details-card[b-mbmll182dm]  .site-details-empty {
    margin: 0;
    padding: 20px 0;
    color: var(--mud-palette-text-secondary);
}

.site-details-card[b-mbmll182dm]  .mud-expansion-panels,
.site-details-card[b-mbmll182dm]  .mud-table {
    box-shadow: none;
}

.site-details-card[b-mbmll182dm]  .work-order-dashboard {
    border: 0;
    border-radius: 0;
}

.site-details-card[b-mbmll182dm]  .work-order-dashboard .dashboard-toolbar {
    padding: 0 0 14px;
}

.site-details-card[b-mbmll182dm]  .work-order-dashboard .mud-table-root {
    min-width: 760px;
}

.site-details-card[b-mbmll182dm]  .work-order-dashboard .mud-table-root th,
.site-details-card[b-mbmll182dm]  .work-order-dashboard .mud-table-root td {
    padding-right: 8px;
    padding-left: 8px;
}

@media (max-width: 600px) {
    .site-details-card[b-mbmll182dm] {
        padding: 14px;
    }
}

@media (max-width: 760px) {
    .site-details-card[b-mbmll182dm]  .work-order-dashboard .mud-table-root {
        min-width: 0;
    }
}
/* /Pages/YourSites/Components/SelectedSiteInfoPanel.razor.rz.scp.css */
.site-facts[b-v0wxn2sary] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    margin: 0;
}

.site-fact[b-v0wxn2sary] { min-width: 0; }

.site-fact dt[b-v0wxn2sary] {
    margin-bottom: 5px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-caption-size);
    font-weight: 600;
}

.site-fact dd[b-v0wxn2sary] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--mud-palette-text-primary);
    font-size: var(--mud-typography-body1-size);
}

.site-fact dd a[b-v0wxn2sary] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.site-fact dd a:hover[b-v0wxn2sary],
.site-fact dd a:focus-visible[b-v0wxn2sary] { text-decoration: underline; }

.site-fact-muted[b-v0wxn2sary] { color: var(--mud-palette-text-secondary); }

@media (max-width: 600px) {
    .site-facts[b-v0wxn2sary] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/YourSites/Components/SitesDashboard.razor.rz.scp.css */
.sites-mobile-search[b-3u33pdp9hq] {
    display: none;
}

.site-name-heading[b-3u33pdp9hq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.site-name-heading[b-3u33pdp9hq]  .site-name-search {
    flex: 0 1 260px;
    width: min(260px, 100%);
    min-width: 0;
}

.site-name-heading[b-3u33pdp9hq]  .mud-table-sort-label {
    flex: 0 0 auto;
}

.site-name-heading[b-3u33pdp9hq]  .mud-input-outlined-border,
.sites-mobile-search[b-3u33pdp9hq]  .mud-input-outlined-border {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
}

.sites-table-shell[b-3u33pdp9hq],
.sites-table-shell[b-3u33pdp9hq]  .mud-table-container {
    overflow-x: auto;
}

.sites-table-shell[b-3u33pdp9hq]  .mud-table-root {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
    table-layout: fixed;
}

.sites-table-shell[b-3u33pdp9hq]  .mud-table-root th {
    overflow-wrap: anywhere;
}

.sites-table-shell[b-3u33pdp9hq]  .mud-table-root th:nth-child(1) { width: 40%; }
.sites-table-shell[b-3u33pdp9hq]  .mud-table-root th:nth-child(2) { width: 22%; }
.sites-table-shell[b-3u33pdp9hq]  .mud-table-root th:nth-child(3) { width: 17%; }
.sites-table-shell[b-3u33pdp9hq]  .mud-table-root th:nth-child(4) { width: 21%; }

.sites-table-shell[b-3u33pdp9hq]  .site-name-button {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.sites-table-shell[b-3u33pdp9hq]  .site-name-button:hover,
.sites-table-shell[b-3u33pdp9hq]  .site-name-button:focus-visible {
    color: var(--mud-palette-secondary);
    text-decoration: underline;
}

.sites-table-shell[b-3u33pdp9hq]  .escalation-heading,
.sites-table-shell[b-3u33pdp9hq]  .site-escalation {
    text-align: center;
}

.sites-table-shell[b-3u33pdp9hq]  .escalation-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 62px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: var(--mud-typography-caption-size);
    font-weight: 600;
}

.sites-table-shell[b-3u33pdp9hq]  .escalation-badge.active {
    background: color-mix(in srgb, var(--mud-palette-error) 12%, var(--mud-palette-surface));
    color: var(--mud-palette-error-darken);
}

.sites-table-shell[b-3u33pdp9hq]  .escalation-badge.none {
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
}

.sites-table-shell[b-3u33pdp9hq]  .escalation-badge .mud-icon-root {
    font-size: 16px;
}

.sites-table-shell[b-3u33pdp9hq]  .site-row {
    cursor: pointer;
}

.sites-table-shell[b-3u33pdp9hq]  .mud-table-body .site-row.selected {
    background: color-mix(in srgb, var(--mud-palette-secondary) 8%, var(--mud-palette-surface));
}

.sites-empty[b-3u33pdp9hq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 140px;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 760px) {
    .sites-mobile-search[b-3u33pdp9hq] {
        display: block;
        padding: 10px 10px 0;
        background: var(--mud-palette-background);
    }

    .sites-mobile-search[b-3u33pdp9hq]  .sites-mobile-search-input {
        width: 100%;
    }

    .sites-table-shell[b-3u33pdp9hq] {
        padding: 10px;
        background: var(--mud-palette-background);
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-root {
        min-width: 0;
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-root thead {
        display: none;
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-root tbody,
    .sites-table-shell[b-3u33pdp9hq]  .mud-table-root tr,
    .sites-table-shell[b-3u33pdp9hq]  .mud-table-root td {
        display: block;
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-body .mud-table-row {
        margin-bottom: 10px;
        padding: 6px 10px;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-radius: var(--mud-default-borderradius);
        background: var(--mud-palette-surface);
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-body .mud-table-row td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 38px;
        padding: 4px 0;
        border-right: 0;
        white-space: normal;
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-body .mud-table-row td:last-child {
        border-bottom: 0;
    }

    .sites-table-shell[b-3u33pdp9hq]  .mud-table-body .mud-table-row td::before {
        content: attr(data-label);
        flex: 0 0 38%;
        color: var(--mud-palette-text-secondary);
        font-weight: 600;
        text-align: left;
    }

    .sites-table-shell[b-3u33pdp9hq]  .site-services .d-flex {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}
/* /Pages/YourSites/Components/SitesMap.razor.rz.scp.css */
#map[b-7kjan6y6vk] {
    width: 100%;
    height: 480px;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, var(--mud-palette-surface));
    border-radius: var(--mud-default-borderradius);
    overflow: hidden;
}

#map[b-7kjan6y6vk]  .site-donut-count {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    color: var(--mud-palette-primary);
    fill: var(--mud-palette-primary);
    font-size: var(--mud-typography-body2-size);
    font-weight: 700;
    line-height: 0;
    text-align: center;
}

#map[b-7kjan6y6vk]  .site-donut-legend {
    padding: 1px;
    background: color-mix(in srgb, var(--mud-palette-surface) 85%, transparent);
    color: var(--mud-palette-primary);
    font-size: var(--mud-typography-caption-size);
    white-space: nowrap;
}
/* /Pages/YourSites/YourSites.razor.rz.scp.css */
.sites-page[b-mspw9cvlln] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 8px;
    color: var(--mud-palette-text-primary);
}

@media (max-width: 600px) {
    .sites-page[b-mspw9cvlln] { padding: 4px; }
}
/* /Pages/YourSites/YourSitesContent.razor.rz.scp.css */
.sites-overview[b-4uz6oc17ci] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
    align-items: start;
    gap: 16px;
    min-width: 0;
}

.site-unavailable[b-4uz6oc17ci] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 720px;
    padding: 32px;
}

.site-unavailable[b-4uz6oc17ci]  .site-unavailable-message {
    margin: 0 0 8px;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 1050px) {
    .sites-overview[b-4uz6oc17ci] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/YourSites/YourSitesHeader.razor.rz.scp.css */
.page-header[b-y1mwsqlppt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-heading[b-y1mwsqlppt] { min-width: 0; }

.page-heading[b-y1mwsqlppt]  .sites-count {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.sites-breadcrumb[b-y1mwsqlppt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-body2-size);
}

.sites-breadcrumb button[b-y1mwsqlppt] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    cursor: pointer;
}

.sites-breadcrumb button:hover[b-y1mwsqlppt],
.sites-breadcrumb button:focus-visible[b-y1mwsqlppt] { text-decoration: underline; }

.sites-breadcrumb .breadcrumb-current[b-y1mwsqlppt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .page-header[b-y1mwsqlppt] { align-items: stretch; flex-direction: column; }
}
/* /Pages/YourTeam/Components/ProfilePhotoUpload.razor.rz.scp.css */
.dd-upload-section[b-qrpvl24cfb] { min-width: 0; }

.dd-heading[b-qrpvl24cfb] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 2px;
}

.dd-upload-section[b-qrpvl24cfb]  > p {
    margin: 0 0 8px;
    color: var(--mud-palette-text-secondary);
}

.dd-dropzone[b-qrpvl24cfb] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 10px 14px;
    border: 1px dashed var(--mud-palette-lines-inputs);
    border-radius: var(--mud-default-borderradius);
    font-size: var(--mud-typography-body2-size);
}

.dd-dropzone:hover[b-qrpvl24cfb],
.dd-dropzone:focus-within[b-qrpvl24cfb] {
    border-color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 4%, var(--mud-palette-surface));
}

.dd-dropzone:focus-within[b-qrpvl24cfb] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.dd-upload-section[b-qrpvl24cfb]  .dd-dropzone input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.dd-upload-section[b-qrpvl24cfb]  .dd-dropzone input[type="file"]:disabled { cursor: not-allowed; }

.dd-upload-section[b-qrpvl24cfb]  .dd-cloud {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    color: var(--mud-palette-primary);
}

.dd-selected[b-qrpvl24cfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
    overflow-wrap: anywhere;
}
/* /Pages/YourTeam/Components/RemoveTeamMemberConfirmationDialog.razor.rz.scp.css */
.remove-dialog-content[b-3c1sykfe50] {
    display: grid;
    gap: 18px;
    padding: 4px 0 2px;
}

.member-summary[b-3c1sykfe50] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background);
}

.member-avatar[b-3c1sykfe50] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
}

.member-identity[b-3c1sykfe50] { min-width: 0; }
.member-identity strong[b-3c1sykfe50],
.member-identity span[b-3c1sykfe50] { display: block; overflow-wrap: anywhere; }
.member-identity strong[b-3c1sykfe50] { font-size: var(--mud-typography-body1-size); line-height: 1.3; }
.member-identity span[b-3c1sykfe50] { margin-top: 2px; color: var(--mud-palette-text-secondary); font-size: var(--portal-font-compact); }

.remove-dialog-notice[b-3c1sykfe50] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-body2-size);
    line-height: 1.5;
}

.remove-dialog-notice[b-3c1sykfe50]  .mud-icon-root {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--mud-palette-error);
}

.remove-dialog-actions[b-3c1sykfe50] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    padding-top: 4px;
}

.remove-dialog-actions[b-3c1sykfe50]  .mud-button {
    min-height: 38px;
    border-radius: var(--mud-default-borderradius);
    font-weight: 600;
}

@media (max-width: 480px) {
    .remove-dialog-actions[b-3c1sykfe50] { flex-wrap: wrap; }
    .remove-dialog-actions[b-3c1sykfe50]  .mud-button { flex: 1 1 auto; }
}
/* /Pages/YourTeam/Components/TeamDashboard.razor.rz.scp.css */
.team-panel[b-emn2z5rt7h] {
    color: var(--mud-palette-text-primary);
}

.team-toolbar[b-emn2z5rt7h] {
    display: flex;
    min-height: 58px;
    border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.team-controls[b-emn2z5rt7h] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px 12px;
}

.team-search-shell[b-emn2z5rt7h] {
    flex: 0 1 310px;
    width: min(100%, 310px);
}

    .team-search-shell[b-emn2z5rt7h]  .team-search {
        width: 100%;
    }

    .team-search-shell[b-emn2z5rt7h]  .mud-input-outlined-border {
        border-color: color-mix(in srgb, var(--mud-palette-primary) 22%, transparent);
    }

    .team-search-shell[b-emn2z5rt7h]  .mud-input-root {
        color: var(--mud-palette-text-primary);
    }

.team-controls[b-emn2z5rt7h]  .invite-button {
    min-height: 36px;
    border-radius: var(--mud-default-borderradius);
    font-weight: 600;
}

.team-controls[b-emn2z5rt7h]  .invite-button {
    margin-left: auto;
    white-space: nowrap;
}

.team-grid-shell[b-emn2z5rt7h] {
    height: 100%;
    overflow-y: auto;
}

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-container {
        overflow-x: auto;
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-head .mud-table-cell {
        white-space: nowrap;
}

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-sort-label-icon {
        color: var(--mud-palette-text-primary);
    }

.team-grid-shell[b-emn2z5rt7h]  .action-header,
.team-grid-shell[b-emn2z5rt7h]  .action-cell {
    width: 104px;
    padding-right: 12px;
    text-align: right;
}

.empty-state[b-emn2z5rt7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 16px;
    color: var(--mud-palette-text-secondary);
}

.team-grid-shell[b-emn2z5rt7h]  .member-open-icon { display: none; }

@media (max-width: 760px) {
    .team-toolbar[b-emn2z5rt7h] {
        flex-direction: column;
    }

    .team-controls[b-emn2z5rt7h] {
        flex-wrap: wrap;
    }

    .team-search-shell[b-emn2z5rt7h] {
        flex-basis: 100%;
        width: 100%;
    }

    .team-controls[b-emn2z5rt7h]  .invite-button {
        margin-left: 0;
    }

    .team-grid-shell[b-emn2z5rt7h] {
        padding: 10px;
        background: var(--mud-palette-background);
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-container { overflow: visible; }
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-root { min-width: 0; }
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-head { display: none; }
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-root tbody { display: block; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px;
        grid-template-areas:
            "name name action"
            "email phone phone"
            "role role role";
        gap: 8px 12px;
        align-items: start;
        min-width: 0;
        margin-bottom: 10px;
        padding: 10px 12px;
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
        border-radius: var(--mud-default-borderradius);
        background: color-mix(in srgb, var(--mud-palette-primary) 3%, var(--mud-palette-surface));
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row:last-child { margin-bottom: 0; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .mud-table-cell {
        display: block;
        min-width: 0;
        width: auto;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        text-align: left;
        overflow-wrap: anywhere;
        font-size: var(--portal-font-compact);
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .mud-table-cell::before {
        display: block;
        content: attr(data-label);
        margin-bottom: 2px;
        padding: 0;
        color: var(--mud-palette-text-secondary);
        font-size: var(--portal-font-mobile-label);
        font-weight: 600;
        line-height: 1.25;
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .mud-table-cell[colspan] {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .mud-table-cell[colspan]::before { display: none; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .member-cell {
        grid-area: name;
        align-self: center;
        font-size: 1rem;
    }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .member-cell::before,
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .action-cell::before { display: none; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .email-cell { grid-area: email; }
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .phone-cell { grid-area: phone; }
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .role-cell { grid-area: role; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row > .action-cell {
        grid-area: action;
        align-self: center;
        width: 36px;
        text-align: right;
    }

    .team-grid-shell[b-emn2z5rt7h]  .action-cell .mud-stack {
        justify-content: flex-end;
        margin-left: auto;
    }

    .team-grid-shell[b-emn2z5rt7h]  .role-value {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--mud-palette-primary) 9%, var(--mud-palette-surface));
        color: var(--mud-palette-primary);
        font-size: var(--mud-typography-caption-size);
        font-weight: 600;
    }

    .team-grid-shell[b-emn2z5rt7h]  .member-name {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        max-width: 100%;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.35;
    }

    .team-grid-shell[b-emn2z5rt7h]  .member-open-icon { display: inline-block; flex-shrink: 0; }

    .team-grid-shell[b-emn2z5rt7h]  .mud-table-pagination {
        justify-content: center;
        gap: 4px;
        min-height: 52px;
        padding: 6px;
        background: var(--mud-palette-surface);
        flex-wrap: wrap;
    }
}

@media (max-width: 420px) {
    .team-grid-shell[b-emn2z5rt7h]  .mud-table-body .mud-table-row {
        grid-template-columns: minmax(0, 1fr) 36px;
        grid-template-areas:
            "name action"
            "email email"
            "phone phone"
            "role role";
    }
}

.member-name[b-emn2z5rt7h] { padding: 0; border: 0; background: none; color: var(--mud-palette-primary); font: inherit; font-weight: 600; cursor: pointer; text-align: inherit; }
.member-name:hover[b-emn2z5rt7h], .member-name:focus-visible[b-emn2z5rt7h] { text-decoration: underline; }
/* /Pages/YourTeam/Components/TeamMemberClearances.razor.rz.scp.css */
.clearances[b-l2r2dzgc7y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 16px;
}

.clearance[b-l2r2dzgc7y] {
    padding: 16px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--mud-default-borderradius);
}

    .clearance[b-l2r2dzgc7y]  .mud-chip {
        margin: 8px 0;
    }

dl[b-l2r2dzgc7y] {
    margin: 8px 0 0;
    display: grid;
    gap: 6px 12px;
    grid-template-columns: 1fr auto;
    font-size: var(--mud-typography-body2-size);
}

dt[b-l2r2dzgc7y] {
    color: var(--mud-palette-text-secondary);
}

dd[b-l2r2dzgc7y] {
    margin: 0;
}
/* /Pages/YourTeam/Components/TeamMemberDetails.razor.rz.scp.css */
.member-details[b-j11i50y9bj] {
    display: block;
    width: 100%;
    max-width: 1280px;
    min-width: 0;
    color: var(--mud-palette-text-primary);
}

.member-details fieldset[b-j11i50y9bj] {
    display: grid;
    gap: 12px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.member-details-card[b-j11i50y9bj] {
    padding: 18px 20px;
}

.member-details-heading[b-j11i50y9bj] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--mud-palette-primary);
}

.profile-fields[b-j11i50y9bj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
    min-width: 0;
}

.profile-fields > *[b-j11i50y9bj] { min-width: 0; }

.organization-option[b-j11i50y9bj] { display: grid; gap: 2px; padding: 2px 0; }
.organization-option small[b-j11i50y9bj] { color: var(--mud-palette-text-secondary); font-size: var(--mud-typography-caption-size); }

.profile-roles[b-j11i50y9bj] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--mud-palette-divider);
}

.role-heading[b-j11i50y9bj] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.role-options[b-j11i50y9bj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.role-option[b-j11i50y9bj] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--mud-default-borderradius);
}

.role-option span[b-j11i50y9bj] {
    display: block;
    margin: 2px 0 0 32px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-caption-size);
    line-height: 1.35;
}

.security-fields[b-j11i50y9bj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 24px;
    align-items: start;
}

.security-ssn[b-j11i50y9bj] { min-width: 0; }

.member-details-actions[b-j11i50y9bj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 4px 0 8px;
}

@media (max-width: 900px) {
    .profile-fields[b-j11i50y9bj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    .member-details-card[b-j11i50y9bj] { padding: 16px; }
    .profile-fields[b-j11i50y9bj],
    .role-options[b-j11i50y9bj],
    .security-fields[b-j11i50y9bj] { grid-template-columns: minmax(0, 1fr); }
    .member-details-heading[b-j11i50y9bj] { margin-bottom: 16px; }
}
/* /Pages/YourTeam/YourTeam.razor.rz.scp.css */
.team-page[b-342r3ua7ya] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 8px;
    color: var(--mud-palette-text-primary);
}

@media (max-width: 600px) {
    .team-page[b-342r3ua7ya] { padding: 4px; }
}
/* /Pages/YourTeam/YourTeamHeader.razor.rz.scp.css */
.page-header[b-7wuk4da2zx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-heading[b-7wuk4da2zx] { min-width: 0; }

.page-heading[b-7wuk4da2zx]  .team-count {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.team-breadcrumb[b-7wuk4da2zx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: var(--mud-palette-text-secondary);
    font-size: var(--mud-typography-body2-size);
}

.team-breadcrumb button[b-7wuk4da2zx] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    cursor: pointer;
}

.team-breadcrumb button:hover[b-7wuk4da2zx],
.team-breadcrumb button:focus-visible[b-7wuk4da2zx] { text-decoration: underline; }

.team-breadcrumb .breadcrumb-current[b-7wuk4da2zx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .page-header[b-7wuk4da2zx] { align-items: stretch; flex-direction: column; }
}