/* /Components/Layout/MainLayout.razor.rz.scp.css */
.product-content[b-1l1lj6ezyy] {
    min-height: calc(100vh - var(--mud-appbar-height));
}

#blazor-error-ui[b-1l1lj6ezyy] {
    background: #fff4ce;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: .75rem 3rem .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

#blazor-error-ui .dismiss[b-1l1lj6ezyy] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-logout-form[b-zl6v6duxf2] {
    padding: 0 8px;
}

.nav-logout-button[b-zl6v6duxf2] {
    justify-content: flex-start;
    text-transform: none;
}
/* /Components/Pages/Agreements.razor.rz.scp.css */
.agreement-overdue > *[b-1aptv10rop] {
    background-color: #f8d7da !important;
    color: #58151c;
}

.agreement-overdue:hover > *[b-1aptv10rop] {
    background-color: #f1bfc4 !important;
}
/* /Components/Pages/CatalogueAdmin.razor.rz.scp.css */
.catalogue-workspace[b-ugse46ufro] {
    display: grid;
    grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.catalogue-sidebar[b-ugse46ufro] {
    position: sticky;
    top: 1rem;
    min-width: 0;
}

.catalogue-editor[b-ugse46ufro] {
    min-width: 0;
}

[b-ugse46ufro] .catalogue-create-panel {
    border-left: 4px solid var(--mud-palette-primary);
}

.catalogue-section-heading[b-ugse46ufro] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-panel {
    overflow: hidden;
}

.catalogue-service-panel__header[b-ugse46ufro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem .5rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-search {
    margin: .5rem 1rem 1rem;
    width: calc(100% - 2rem);
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-list {
    max-height: calc(100vh - 16rem);
    overflow-y: auto;
    padding: 0 0 .5rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-item {
    border-left: 3px solid transparent;
    padding-block: .7rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-item:hover {
    background: var(--mud-palette-action-default-hover);
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-service-item--active {
    border-left-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary-hover);
}

.catalogue-service-item__meta[b-ugse46ufro] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .35rem;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.catalogue-state[b-ugse46ufro] {
    border-radius: 999px;
    padding: .1rem .45rem;
    background: var(--mud-palette-background-grey);
}

.catalogue-state--draft[b-ugse46ufro] {
    color: var(--mud-palette-warning-darken);
    background: var(--mud-palette-warning-hover);
}

.catalogue-state--published[b-ugse46ufro] {
    color: var(--mud-palette-success-darken);
    background: var(--mud-palette-success-hover);
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-draft-shell {
    overflow: hidden;
}

.catalogue-draft-header[b-ugse46ufro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: linear-gradient(135deg, var(--mud-palette-surface) 55%, var(--mud-palette-primary-hover));
}

.catalogue-draft-header__eyebrow[b-ugse46ufro] {
    margin-bottom: .25rem;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.catalogue-draft-header__title[b-ugse46ufro],
.catalogue-draft-actions[b-ugse46ufro],
.catalogue-compatibility-row[b-ugse46ufro] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-tabs .mud-tabs-tabbar {
    padding-inline: .75rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-tab-panel {
    padding: 1.5rem;
}

.catalogue-tab-intro[b-ugse46ufro] {
    margin-bottom: 1.5rem;
}

.catalogue-compatibility-row[b-ugse46ufro] {
    justify-content: space-between;
    margin-block: 1rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-workflow-preview {
    height: 44rem;
    min-height: 44rem;
    overflow: hidden;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-preview-company {
    max-width: 32rem;
}

.catalogue-workspace[b-ugse46ufro]  .catalogue-survey-preview {
    max-width: 58rem;
}

@media (max-width: 1100px) {
    .catalogue-workspace[b-ugse46ufro] {
        grid-template-columns: 1fr;
    }

    .catalogue-sidebar[b-ugse46ufro] {
        position: static;
    }

    .catalogue-workspace[b-ugse46ufro]  .catalogue-service-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
        max-height: 20rem;
    }
}

@media (max-width: 700px) {
    .catalogue-draft-header[b-ugse46ufro],
    .catalogue-section-heading[b-ugse46ufro] {
        flex-direction: column;
        align-items: stretch;
    }

    .catalogue-draft-actions[b-ugse46ufro] {
        width: 100%;
    }

    .catalogue-workspace[b-ugse46ufro]  .catalogue-tab-panel {
        padding: 1rem;
    }
}
/* /Components/Pages/InvoiceView.razor.rz.scp.css */
.invoice-canvas[b-3rqfy05ub3] {
    overflow-x: auto;
    padding: 1rem;
    border-radius: .5rem;
    background: #dfe3e8;
}

.invoice-sheet[b-3rqfy05ub3] {
    display: block;
    width: min(100%, 794px);
    height: auto;
    margin: 0 auto;
    background: white;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .2);
}

.invoice-page[b-3rqfy05ub3] {
    box-sizing: border-box;
    position: relative;
    width: 794px;
    min-height: 1123px;
    padding: 72px;
    color: #202936;
    background: white;
    font-family: Arial, sans-serif;
}

.invoice-header[b-3rqfy05ub3],
.invoice-meta[b-3rqfy05ub3] {
    display: flex;
    justify-content: space-between;
}

.brand[b-3rqfy05ub3] {
    color: #143b5d;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -.03em;
}

.brand-subtitle[b-3rqfy05ub3] {
    color: #668096;
    font-size: 14px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.invoice-title[b-3rqfy05ub3] {
    color: #143b5d;
    font-size: 32px;
    font-weight: 700;
    text-align: right;
}

.invoice-title span[b-3rqfy05ub3] {
    display: block;
    margin-top: 5px;
    color: #668096;
    font-size: 15px;
    font-weight: 600;
}

.invoice-meta[b-3rqfy05ub3] {
    margin: 70px 0 48px;
}

.label[b-3rqfy05ub3] {
    color: #718096;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.customer[b-3rqfy05ub3] {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 700;
}

.date-grid[b-3rqfy05ub3] {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px 28px;
    text-align: right;
}

.invoice-lines[b-3rqfy05ub3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.invoice-lines th[b-3rqfy05ub3] {
    padding: 12px 10px;
    border-bottom: 2px solid #143b5d;
    color: #143b5d;
    font-size: 11px;
    letter-spacing: .04em;
    text-align: left;
    text-transform: uppercase;
}

.invoice-lines td[b-3rqfy05ub3] {
    padding: 13px 10px;
    border-bottom: 1px solid #dce3e8;
    vertical-align: top;
}

.invoice-lines .number[b-3rqfy05ub3] {
    width: 100px;
    text-align: right;
    white-space: nowrap;
}

.totals[b-3rqfy05ub3] {
    width: 285px;
    margin: 35px 0 0 auto;
    font-size: 13px;
}

.totals div[b-3rqfy05ub3] {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.totals .grand-total[b-3rqfy05ub3] {
    margin-top: 5px;
    padding: 14px 10px;
    border-top: 2px solid #143b5d;
    color: #143b5d;
    font-size: 17px;
}

.invoice-footer[b-3rqfy05ub3] {
    position: absolute;
    right: 72px;
    bottom: 55px;
    left: 72px;
    display: flex;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #dce3e8;
    color: #718096;
    font-size: 10px;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-5ndccf7dn3] {
    gap: 1rem;
}

@media (max-width: 959.98px) {
    .page-header[b-5ndccf7dn3] {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .page-header-actions[b-5ndccf7dn3] {
        flex-wrap: wrap;
        width: 100%;
    }
}