/* _content/BBMP.TATAP.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.sidebar-nav[b-04jcvf26fw] {
    flex: 1 1 auto;
    min-height: 0;
}

/* Keep grouped navigation usable as the module catalog grows.
   The group toggles already behave as a single-open accordion in MainLayout.
   Cap the active child list so a large module does not consume the sidebar. */
.sidebar-nav .nav-content.show[b-04jcvf26fw] {
    max-height: 190px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .24) transparent;
}

.sidebar-nav .nav-content.show[b-04jcvf26fw]::-webkit-scrollbar {
    width: 5px;
}

.sidebar-nav .nav-content.show[b-04jcvf26fw]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav .nav-content.show[b-04jcvf26fw]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .24);
    border-radius: 999px;
}

.sidebar-nav .nav-content.show[b-04jcvf26fw]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .36);
}

/* The main nav remains a fallback scroll container for short viewports, but
   do not show a second heavy browser scrollbar beside the submenu scrollbar. */
.sidebar-nav[b-04jcvf26fw] {
    scrollbar-width: none;
}

.sidebar-nav[b-04jcvf26fw]::-webkit-scrollbar {
    width: 0;
    height: 0;
}
/* _content/BBMP.TATAP.Web/Components/Pages/Administration/AuditTrail.razor.rz.scp.css */
/* L083-L090: Audit Trail aligned to the app-wide Membership table and compact toolbar standard. */
.audit-table-card[b-3n8vil96ob] {
    overflow: hidden;
}

.audit-when[b-3n8vil96ob] {
    white-space: nowrap;
}

.audit-when strong[b-3n8vil96ob],
.audit-when small[b-3n8vil96ob],
.audit-stack strong[b-3n8vil96ob],
.audit-stack small[b-3n8vil96ob] {
    display: block;
}

.audit-when strong[b-3n8vil96ob],
.audit-stack strong[b-3n8vil96ob] {
    color: var(--ink);
    font-size: 14.5px;
    font-weight: 700;
}

.audit-when small[b-3n8vil96ob],
.audit-stack small[b-3n8vil96ob] {
    margin-top: 2px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
}

.audit-description[b-3n8vil96ob] {
    max-width: 500px;
    min-width: 260px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.audit-table-action[b-3n8vil96ob] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
}

.audit-table-action i[b-3n8vil96ob] {
    margin: 0;
    line-height: 1;
}

/* Standard audit-entry dialog */
.audit-readonly-field[b-3n8vil96ob] {
    display: flex;
    min-height: 46px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #dce5e1;
    border-radius: 10px;
    background: #f8faf9;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.4;
}

.audit-record-id[b-3n8vil96ob] {
    min-height: 52px;
    align-items: flex-start;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.audit-integrity-card[b-3n8vil96ob] {
    margin-bottom: 0;
}

.audit-description-detail[b-3n8vil96ob] {
    min-height: 112px;
    padding: 14px 16px;
    border: 1px solid #dce5e1;
    border-radius: 12px;
    background: #f8faf9;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
/* _content/BBMP.TATAP.Web/Components/Pages/Compliance/Documents.razor.rz.scp.css */
.document-center-toolbar[b-l749fjpe2h] {
    align-items: center;
    gap: 12px;
}

.document-center-toolbar-main[b-l749fjpe2h] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    gap: 10px;
}

.document-center-search[b-l749fjpe2h] {
    flex: 1 1 360px;
    min-width: 260px;
}

.document-upload-btn[b-l749fjpe2h] {
    min-height: 46px;
    white-space: nowrap;
}

.document-center-card[b-l749fjpe2h] {
    overflow: visible;
}

.document-loading-state[b-l749fjpe2h] {
    display: flex;
    min-height: 280px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #64748b;
}

.document-loading-state strong[b-l749fjpe2h] {
    color: #1f2937;
    font-size: 1rem;
}

.document-center-table th[b-l749fjpe2h] {
    white-space: nowrap;
}

.document-center-table td[b-l749fjpe2h] {
    vertical-align: middle;
}

.document-cell[b-l749fjpe2h],
.selected-document-file[b-l749fjpe2h] {
    display: flex;
    align-items: center;
    min-width: 250px;
    gap: 11px;
}

.document-cell > div[b-l749fjpe2h] {
    min-width: 0;
}

.document-cell strong[b-l749fjpe2h] {
    display: block;
    color: #17212b;
    font-size: .94rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.document-cell small[b-l749fjpe2h] {
    display: block;
    max-width: 430px;
    margin-top: 2px;
    color: #718096;
    font-size: .8rem;
    line-height: 1.25;
}

.document-file-icon[b-l749fjpe2h] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe9e3;
    border-radius: 9px;
    background: #f6faf7;
    color: #1f6b45;
    font-size: 1rem;
}

.document-area[b-l749fjpe2h] {
    font-weight: 650;
    color: #354052;
}

.document-access[b-l749fjpe2h] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.document-access.staff[b-l749fjpe2h] {
    background: #edf7f0;
    color: #24633f;
}

.document-access.restricted[b-l749fjpe2h] {
    background: #fff4df;
    color: #8a5a10;
}

.document-upload-date[b-l749fjpe2h],
.document-upload-user[b-l749fjpe2h] {
    display: block;
    white-space: nowrap;
}

.document-upload-date[b-l749fjpe2h] {
    color: #354052;
    font-weight: 600;
}

.document-upload-user[b-l749fjpe2h] {
    margin-top: 2px;
    color: #7a8794;
    font-size: .78rem;
}

.document-delete-action[b-l749fjpe2h] {
    color: #b42318;
}

.document-center-footer[b-l749fjpe2h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.selected-document-file[b-l749fjpe2h] {
    padding: 12px 14px;
    border: 1px solid #dfe9e3;
    border-radius: 10px;
    background: #f8fbf9;
}

.selected-document-meta[b-l749fjpe2h] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    gap: 8px;
}

.selected-document-meta strong[b-l749fjpe2h] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    color: #17212b;
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-document-size[b-l749fjpe2h] {
    flex: 0 0 auto;
    color: #718096;
    font-size: .8rem;
    line-height: 1.25;
    white-space: nowrap;
}

.document-center-table .table-action[b-l749fjpe2h] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    padding: 0;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}

.document-center-table .table-action > i[b-l749fjpe2h] {
    display: block;
    margin: 0;
    line-height: 1;
}

@media (max-width: 1180px) {
    .document-center-toolbar[b-l749fjpe2h] {
        align-items: stretch;
        flex-direction: column;
    }

    .document-center-toolbar-main[b-l749fjpe2h] {
        flex-wrap: wrap;
    }

    .document-upload-btn[b-l749fjpe2h] {
        align-self: flex-end;
    }
}

@media (max-width: 720px) {
    .document-center-search[b-l749fjpe2h] {
        min-width: 100%;
    }

    .document-upload-btn[b-l749fjpe2h] {
        width: 100%;
    }

    .document-center-footer[b-l749fjpe2h] {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* L077-L082: Document Center aligned to the app-wide toolbar/table standard. */
.document-center-card[b-l749fjpe2h] {
    overflow: hidden;
}

.document-center-table .document-cell strong[b-l749fjpe2h] {
    font-size: 15px;
}

.document-center-table .document-cell small[b-l749fjpe2h],
.document-upload-user[b-l749fjpe2h] {
    font-size: 13px;
    line-height: 1.35;
}

.document-access[b-l749fjpe2h] {
    font-size: 13px;
}

.document-center-table .table-action[b-l749fjpe2h] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

/* Standard upload-document dialog */
.document-upload-description[b-l749fjpe2h] {
    min-height: 116px;
    resize: vertical;
}

.document-file-control[b-l749fjpe2h]  .document-file-input.form-control {
    height: 46px;
    min-height: 46px;
    padding: 0 12px 0 0;
    overflow: hidden;
    line-height: 44px;
}

.document-file-control[b-l749fjpe2h]  .document-file-input.form-control::file-selector-button {
    height: 44px;
    margin: 0 12px 0 0;
    padding: 0 16px;
    border: 0;
    border-right: 1px solid #d9e3de;
    border-radius: 0;
    background: #f7f9f8;
    color: #27342f;
    font: inherit;
    line-height: 44px;
    vertical-align: top;
}

.document-file-control[b-l749fjpe2h]  .document-file-input.form-control:hover::file-selector-button {
    background: #f2f6f4;
}

.document-upload-guidance[b-l749fjpe2h] {
    margin-top: 2px;
}

@media (max-width: 991.98px) {
    .document-upload-description[b-l749fjpe2h] {
        min-height: 96px;
    }
}
/* _content/BBMP.TATAP.Web/Components/Pages/Finance/CashBankAccounts.razor.rz.scp.css */
.cash-bank-toolbar-card[b-gengvidtmp] {
    margin-bottom: 14px;
}

.cash-bank-toolbar[b-gengvidtmp] {
    margin-bottom: 0;
}

.cash-bank-toolbar-actions[b-gengvidtmp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.cash-bank-grid[b-gengvidtmp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
}

.cash-bank-account-card[b-gengvidtmp] {
    min-width: 0;
    min-height: 244px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    border-color: #e0e7e3;
    box-shadow: 0 2px 10px rgba(20, 52, 41, .035);
}

.cash-bank-account-head[b-gengvidtmp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cash-bank-account-icon[b-gengvidtmp] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 18px;
}

.cash-bank-account-identity[b-gengvidtmp] {
    min-width: 0;
    margin-top: 14px;
}

.cash-bank-account-identity h3[b-gengvidtmp] {
    margin: 0;
    color: var(--ink);
    font-size: 16px;
    font-weight: 760;
    line-height: 1.25;
}

.cash-bank-gl-line[b-gengvidtmp] {
    margin-top: 5px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px;
    color: var(--muted);
    font-size: 12.5px;
}

.cash-bank-gl-line strong[b-gengvidtmp] {
    color: #53645d;
    font-size: 12.5px;
    font-weight: 750;
}

.cash-bank-account-meta[b-gengvidtmp] {
    min-height: 18px;
    margin-top: 5px;
    overflow: hidden;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-bank-balance-block[b-gengvidtmp] {
    margin-top: 18px;
    padding: 14px 0 13px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.cash-bank-balance-block span[b-gengvidtmp],
.cash-bank-balance-block strong[b-gengvidtmp] {
    display: block;
}

.cash-bank-balance-block span[b-gengvidtmp] {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.cash-bank-balance-block strong[b-gengvidtmp] {
    margin-top: 3px;
    color: var(--ink);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.cash-bank-account-foot[b-gengvidtmp] {
    margin-top: auto;
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px 14px;
    color: var(--muted);
    font-size: 11.5px;
}

.cash-bank-account-foot span[b-gengvidtmp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.cash-bank-account-foot i[b-gengvidtmp] {
    color: #83918b;
    font-size: 11px;
}

.cash-bank-result-line[b-gengvidtmp] {
    min-height: 42px;
    padding: 9px 2px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px 16px;
    color: var(--muted);
    font-size: 12px;
}

.cash-bank-loading-state[b-gengvidtmp] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: var(--muted);
}

.cash-bank-loading-state strong[b-gengvidtmp],
.cash-bank-loading-state span[b-gengvidtmp] {
    display: block;
}

.cash-bank-loading-state strong[b-gengvidtmp] {
    color: var(--ink);
    font-size: 14px;
}

.cash-bank-loading-state span[b-gengvidtmp] {
    margin-top: 2px;
    font-size: 12px;
}

.cash-bank-empty-card[b-gengvidtmp] {
    margin-bottom: 14px;
}

.cash-bank-reconciliation[b-gengvidtmp] {
    margin-top: 14px;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    background: #fbfcfb;
}

.cash-bank-reconciliation-icon[b-gengvidtmp] {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 18px;
}

.cash-bank-reconciliation-copy[b-gengvidtmp] {
    min-width: 0;
}

.cash-bank-reconciliation-copy .section-kicker[b-gengvidtmp] {
    display: block;
    margin-bottom: 2px;
    color: var(--brand);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

.cash-bank-reconciliation-copy h3[b-gengvidtmp] {
    margin: 0;
    color: var(--ink);
    font-size: 14px;
    font-weight: 760;
}

.cash-bank-reconciliation-copy p[b-gengvidtmp] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
}

.cash-bank-reconciliation-status[b-gengvidtmp] {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid #dce8e2;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #53645d;
    background: #f3f8f5;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.cash-bank-reconciliation-status i[b-gengvidtmp] {
    color: var(--brand);
}

@media (max-width: 1199.98px) {
    .cash-bank-toolbar[b-gengvidtmp] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .cash-bank-toolbar-actions[b-gengvidtmp] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .cash-bank-toolbar-actions[b-gengvidtmp] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cash-bank-toolbar-actions .btn[b-gengvidtmp] {
        width: 100%;
    }

    .cash-bank-grid[b-gengvidtmp] {
        grid-template-columns: 1fr;
    }

    .cash-bank-account-card[b-gengvidtmp] {
        min-height: 0;
    }

    .cash-bank-account-foot[b-gengvidtmp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cash-bank-result-line[b-gengvidtmp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cash-bank-reconciliation[b-gengvidtmp] {
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
    }

    .cash-bank-reconciliation-status[b-gengvidtmp] {
        grid-column: 1 / -1;
        width: fit-content;
        margin-left: 56px;
    }
}

@media (max-width: 479.98px) {
    .cash-bank-toolbar-actions[b-gengvidtmp] {
        grid-template-columns: 1fr;
    }

    .cash-bank-reconciliation[b-gengvidtmp] {
        grid-template-columns: 1fr;
    }

    .cash-bank-reconciliation-status[b-gengvidtmp] {
        margin-left: 0;
    }
}
/* _content/BBMP.TATAP.Web/Components/Pages/Membership/MemberPortalAccess.razor.rz.scp.css */
.portal-access-intro[b-24lzoecvnz] {
    margin-bottom: 18px;
}

.portal-access-summary-grid[b-24lzoecvnz] {
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.portal-access-summary-card[b-24lzoecvnz] {
    min-height: 92px;
    padding: 15px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #dfe7e3;
    border-radius: 15px;
    background: #fff;
    color: #18382e;
    text-align: left;
    box-shadow: 0 8px 24px rgba(25, 58, 47, .05);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.portal-access-summary-card:hover[b-24lzoecvnz] {
    transform: translateY(-1px);
    border-color: rgba(30, 106, 79, .35);
    box-shadow: 0 12px 28px rgba(25, 58, 47, .08);
}

.portal-access-summary-card > span:last-child[b-24lzoecvnz] {
    min-width: 0;
}

.portal-access-summary-card small[b-24lzoecvnz],
.portal-access-summary-card strong[b-24lzoecvnz] {
    display: block;
}

.portal-access-summary-card small[b-24lzoecvnz] {
    color: #71807a;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.portal-access-summary-card strong[b-24lzoecvnz] {
    margin-top: 2px;
    font-size: 25px;
    line-height: 1;
    font-weight: 850;
}

.portal-access-summary-icon[b-24lzoecvnz],
.portal-policy-icon[b-24lzoecvnz] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #edf6f1;
    color: var(--brand);
    font-size: 19px;
}

.portal-activation-settings-card[b-24lzoecvnz] {
    margin-bottom: 18px;
    padding: 20px;
}

.portal-activation-settings-head[b-24lzoecvnz] {
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.portal-access-kicker[b-24lzoecvnz] {
    color: #9a8245;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.portal-activation-settings-head h3[b-24lzoecvnz] {
    margin: 3px 0 4px;
    color: #173d31;
    font-size: 18px;
    font-weight: 850;
}

.portal-activation-settings-head p[b-24lzoecvnz] {
    max-width: 760px;
    margin: 0;
    color: #72807b;
    font-size: 13px;
    line-height: 1.45;
}

.portal-activation-method-grid[b-24lzoecvnz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.portal-policy-option[b-24lzoecvnz] {
    min-height: 148px;
    padding: 15px;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #dce7e2;
    border-radius: 15px;
    background: #fbfdfc;
}

.portal-policy-copy[b-24lzoecvnz] {
    min-width: 0;
}

.portal-policy-copy strong[b-24lzoecvnz],
.portal-policy-copy small[b-24lzoecvnz] {
    display: block;
}

.portal-policy-copy strong[b-24lzoecvnz] {
    color: #173d31;
    font-size: 14px;
    font-weight: 850;
}

.portal-policy-copy small[b-24lzoecvnz] {
    margin-top: 4px;
    color: #71807a;
    font-size: 12px;
    line-height: 1.4;
}

.portal-provider-state[b-24lzoecvnz] {
    width: fit-content;
    margin-top: 10px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.portal-provider-state.ready[b-24lzoecvnz] {
    background: #e7f5ed;
    color: #1f7655;
}

.portal-provider-state.not-ready[b-24lzoecvnz] {
    background: #fff0ed;
    color: #a94938;
}

.portal-provider-state.standby[b-24lzoecvnz] {
    background: #f5f0df;
    color: #8b712d;
}

.portal-policy-switch[b-24lzoecvnz] {
    margin: 2px 0 0;
}

.portal-policy-switch .form-check-input[b-24lzoecvnz] {
    width: 2.4rem;
    height: 1.3rem;
    margin: 0;
    cursor: pointer;
}

.portal-policy-switch .form-check-input:checked[b-24lzoecvnz] {
    border-color: var(--brand);
    background-color: var(--brand);
}

.portal-policy-switch .form-check-input:focus[b-24lzoecvnz] {
    border-color: rgba(30, 106, 79, .55);
    box-shadow: 0 0 0 .2rem rgba(30, 106, 79, .13);
}

.portal-security-grid[b-24lzoecvnz] {
    margin-top: 14px;
    padding-top: 14px;
    display: grid;
    grid-template-columns: 1.7fr repeat(5, minmax(130px, 1fr));
    gap: 10px;
    border-top: 1px solid #e5ebe8;
}

.portal-security-field[b-24lzoecvnz] {
    min-width: 0;
}

.portal-security-field > span:first-child[b-24lzoecvnz],
.portal-security-field > strong[b-24lzoecvnz] {
    margin-bottom: 6px;
    display: block;
    color: #52635d;
    font-size: 11px;
    font-weight: 800;
}

.portal-security-toggle[b-24lzoecvnz] {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e0e8e4;
    border-radius: 12px;
    background: #f8fbf9;
}

.portal-security-toggle > span:first-child[b-24lzoecvnz] {
    margin: 0;
}

.portal-security-toggle strong[b-24lzoecvnz],
.portal-security-toggle small[b-24lzoecvnz] {
    display: block;
}

.portal-security-toggle strong[b-24lzoecvnz] {
    color: #173d31;
    font-size: 12px;
}

.portal-security-toggle small[b-24lzoecvnz] {
    margin-top: 2px;
    color: #7a8782;
    font-size: 10px;
    line-height: 1.35;
}

.portal-access-table-card[b-24lzoecvnz] {
    overflow: visible;
}

.portal-access-status[b-24lzoecvnz] {
    padding: 5px 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.portal-access-status.is-active[b-24lzoecvnz] {
    background: #e6f5ec;
    color: #1f7655;
}

.portal-access-status.is-pending[b-24lzoecvnz] {
    background: #fff5d9;
    color: #8b6b14;
}

.portal-access-status.staff-activation-required[b-24lzoecvnz] {
    background: #f4ecff;
    color: #7150a1;
}

.portal-access-status.is-locked[b-24lzoecvnz] {
    background: #fff0e5;
    color: #a85b23;
}

.portal-access-status.is-disabled[b-24lzoecvnz],
.portal-access-status.membership-inactive[b-24lzoecvnz] {
    background: #f0f2f1;
    color: #69756f;
}

.portal-access-status.not-activated[b-24lzoecvnz] {
    background: #edf3f0;
    color: #53655e;
}

.portal-access-actions[b-24lzoecvnz] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.portal-action-danger[b-24lzoecvnz] {
    color: #a74a3a;
}

.portal-access-loading[b-24lzoecvnz] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #71807a;
}

.portal-access-loading strong[b-24lzoecvnz] {
    color: #173d31;
}

[b-24lzoecvnz] .portal-code-dialog .modal-content {
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(14, 45, 35, .22);
}

[b-24lzoecvnz] .portal-code-dialog .modal-body {
    padding: 18px 20px;
}

.portal-code-banner[b-24lzoecvnz] {
    padding: 15px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    background: linear-gradient(135deg, #113e31, #1f6f52);
    color: #fff;
}

.portal-code-banner-icon[b-24lzoecvnz] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,.12);
    font-size: 20px;
}

.portal-code-banner span[b-24lzoecvnz],
.portal-code-banner strong[b-24lzoecvnz],
.portal-code-banner small[b-24lzoecvnz] {
    display: block;
}

.portal-code-banner span[b-24lzoecvnz] {
    color: rgba(255,255,255,.68);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.portal-code-banner strong[b-24lzoecvnz] {
    margin-top: 2px;
    font-size: 17px;
}

.portal-code-banner small[b-24lzoecvnz] {
    margin-top: 2px;
    color: rgba(255,255,255,.72);
    font-size: 11px;
}

.portal-issued-code[b-24lzoecvnz] {
    margin-top: 16px;
    padding: 18px;
    text-align: center;
    border: 1px solid #d9e6e0;
    border-radius: 14px;
    background: #f8fbf9;
}

.portal-issued-code span[b-24lzoecvnz],
.portal-issued-code strong[b-24lzoecvnz],
.portal-issued-code small[b-24lzoecvnz] {
    display: block;
}

.portal-issued-code span[b-24lzoecvnz] {
    color: #7a8782;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.portal-issued-code strong[b-24lzoecvnz] {
    margin: 8px 0;
    color: #153e31;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: .08em;
}

.portal-issued-code small[b-24lzoecvnz] {
    color: #74817c;
    font-size: 11px;
}

.portal-code-warning[b-24lzoecvnz] {
    margin: 12px 0 0;
    font-size: 12px;
}

.portal-code-confirmation[b-24lzoecvnz] {
    margin-top: 16px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #dce7e2;
    border-radius: 14px;
    background: #fbfdfc;
}

.portal-code-confirmation strong[b-24lzoecvnz] {
    display: block;
    color: #173d31;
    font-size: 14px;
}

.portal-code-confirmation p[b-24lzoecvnz] {
    margin: 4px 0 0;
    color: #72807b;
    font-size: 12px;
    line-height: 1.45;
}

.portal-modal-footer[b-24lzoecvnz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.portal-modal-footer > span[b-24lzoecvnz] {
    color: #71807a;
    font-size: 11px;
}

@media (max-width: 1199.98px) {
    .portal-access-summary-grid[b-24lzoecvnz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-activation-method-grid[b-24lzoecvnz] {
        grid-template-columns: 1fr;
    }

    .portal-policy-option[b-24lzoecvnz] {
        min-height: 0;
    }

    .portal-security-grid[b-24lzoecvnz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-security-toggle[b-24lzoecvnz] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .portal-access-summary-grid[b-24lzoecvnz],
    .portal-security-grid[b-24lzoecvnz] {
        grid-template-columns: 1fr;
    }

    .portal-activation-settings-head[b-24lzoecvnz],
    .portal-modal-footer[b-24lzoecvnz] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-activation-settings-head .btn[b-24lzoecvnz] {
        width: 100%;
    }

    .portal-policy-option[b-24lzoecvnz] {
        grid-template-columns: 42px 1fr auto;
    }
}
/* _content/BBMP.TATAP.Web/Components/Pages/Membership/MemberPortalSettings.razor.rz.scp.css */
.member-portal-settings-intro[b-zcv13715ng] {
    margin-bottom: 18px;
}

.member-portal-settings-card[b-zcv13715ng],
.member-portal-security-card[b-zcv13715ng] {
    margin-bottom: 18px;
    padding: 20px;
}

.portal-activation-settings-head[b-zcv13715ng],
.member-portal-security-head[b-zcv13715ng] {
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.portal-access-kicker[b-zcv13715ng] {
    color: #9a8245;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.portal-activation-settings-head h3[b-zcv13715ng],
.member-portal-security-head h3[b-zcv13715ng] {
    margin: 3px 0 4px;
    color: #173d31;
    font-size: 18px;
    font-weight: 850;
}

.portal-activation-settings-head p[b-zcv13715ng],
.member-portal-security-head p[b-zcv13715ng] {
    max-width: 780px;
    margin: 0;
    color: #72807b;
    font-size: 13px;
    line-height: 1.45;
}

.portal-activation-method-grid[b-zcv13715ng] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.portal-policy-option[b-zcv13715ng] {
    min-height: 148px;
    padding: 15px;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #dce7e2;
    border-radius: 15px;
    background: #fbfdfc;
}

.portal-policy-icon[b-zcv13715ng] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: #edf6f1;
    color: var(--brand);
    font-size: 19px;
}

.portal-policy-copy[b-zcv13715ng] {
    min-width: 0;
}

.portal-policy-copy strong[b-zcv13715ng],
.portal-policy-copy small[b-zcv13715ng] {
    display: block;
}

.portal-policy-copy strong[b-zcv13715ng] {
    color: #173d31;
    font-size: 14px;
    font-weight: 850;
}

.portal-policy-copy small[b-zcv13715ng] {
    margin-top: 4px;
    color: #71807a;
    font-size: 12px;
    line-height: 1.4;
}

.portal-provider-state[b-zcv13715ng] {
    width: fit-content;
    margin-top: 10px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.portal-provider-state.ready[b-zcv13715ng] {
    background: #e7f5ed;
    color: #1f7655;
}

.portal-provider-state.standby[b-zcv13715ng] {
    background: #f5f0df;
    color: #8b712d;
}

.portal-policy-switch[b-zcv13715ng] {
    margin: 2px 0 0;
}

.portal-policy-switch .form-check-input[b-zcv13715ng] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border-radius: .25rem;
    cursor: pointer;
}

.portal-policy-switch .form-check-input:checked[b-zcv13715ng] {
    border-color: var(--brand);
    background-color: var(--brand);
}

.portal-policy-switch .form-check-input:focus[b-zcv13715ng] {
    border-color: rgba(30, 106, 79, .55);
    box-shadow: 0 0 0 .2rem rgba(30, 106, 79, .13);
}

.member-portal-policy-note[b-zcv13715ng] {
    margin-top: 14px;
    padding: 11px 13px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid #e2e8e5;
    border-radius: 12px;
    background: #f8fbf9;
    color: #687770;
    font-size: 12px;
    line-height: 1.45;
}

.member-portal-policy-note i[b-zcv13715ng] {
    margin-top: 1px;
    color: var(--brand);
}

.portal-security-grid[b-zcv13715ng] {
    display: grid;
    grid-template-columns: 1.7fr repeat(5, minmax(130px, 1fr));
    gap: 10px;
}

.portal-security-field[b-zcv13715ng] {
    min-width: 0;
}

.portal-security-field > span:first-child[b-zcv13715ng],
.portal-security-field > strong[b-zcv13715ng] {
    margin-bottom: 6px;
    display: block;
    color: #52635d;
    font-size: 11px;
    font-weight: 800;
}

.portal-security-toggle[b-zcv13715ng] {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #e0e8e4;
    border-radius: 12px;
    background: #f8fbf9;
}

.portal-security-toggle > span:first-child[b-zcv13715ng] {
    margin: 0;
}

.portal-security-toggle strong[b-zcv13715ng],
.portal-security-toggle small[b-zcv13715ng] {
    display: block;
}

.portal-security-toggle strong[b-zcv13715ng] {
    color: #173d31;
    font-size: 12px;
}

.portal-security-toggle small[b-zcv13715ng] {
    margin-top: 2px;
    color: #7a8782;
    font-size: 10px;
    line-height: 1.35;
}

.member-portal-settings-loading[b-zcv13715ng] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #71807a;
}

.member-portal-settings-loading strong[b-zcv13715ng] {
    color: #173d31;
}

@media (max-width: 1199.98px) {
    .portal-activation-method-grid[b-zcv13715ng] {
        grid-template-columns: 1fr;
    }

    .portal-policy-option[b-zcv13715ng] {
        min-height: 0;
    }

    .portal-security-grid[b-zcv13715ng] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .portal-security-toggle[b-zcv13715ng] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .portal-security-grid[b-zcv13715ng] {
        grid-template-columns: 1fr;
    }

    .portal-activation-settings-head[b-zcv13715ng] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-activation-settings-head .btn[b-zcv13715ng] {
        width: 100%;
    }

    .portal-policy-option[b-zcv13715ng] {
        grid-template-columns: 42px 1fr auto;
    }
}
/* _content/BBMP.TATAP.Web/Components/Pages/Onboarding.razor.rz.scp.css */
.onboarding-page[b-v3qgu3j7ol] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1500px;
    margin: 0 auto;
}

.onboarding-header[b-v3qgu3j7ol] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    padding: .3rem 0 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.onboarding-heading[b-v3qgu3j7ol] { min-width: 0; }
.onboarding-eyebrow[b-v3qgu3j7ol],
.onboarding-stage-kicker[b-v3qgu3j7ol],
.onboarding-sidebar-title[b-v3qgu3j7ol] {
    color: var(--brand-color, #1f7a4c);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.onboarding-heading h1[b-v3qgu3j7ol] {
    margin: .2rem 0 .25rem;
    font-size: 1.55rem;
    line-height: 1.2;
}

.onboarding-heading p[b-v3qgu3j7ol] {
    max-width: 720px;
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 1rem;
}

.onboarding-header-actions[b-v3qgu3j7ol] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 0 0 auto;
}

.onboarding-facts[b-v3qgu3j7ol] {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
}

.onboarding-facts div[b-v3qgu3j7ol] {
    padding: 0 .9rem;
    border-right: 1px solid var(--bs-border-color);
}

.onboarding-facts div:first-child[b-v3qgu3j7ol] { padding-left: 0; }
.onboarding-facts dt[b-v3qgu3j7ol] {
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.onboarding-facts dd[b-v3qgu3j7ol] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    margin: .08rem 0 0;
    font-size: .92rem;
    font-weight: 700;
}

.onboarding-facts dd small[b-v3qgu3j7ol] { color: var(--bs-secondary-color); font-size: .72rem; font-weight: 600; }

.onboarding-progress[b-v3qgu3j7ol] {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: var(--bs-tertiary-bg);
}

.onboarding-progress span[b-v3qgu3j7ol] {
    display: block;
    height: 100%;
    background: var(--brand-color, #1f7a4c);
    transition: width .2s ease;
}

.onboarding-workspace[b-v3qgu3j7ol] {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    height: 650px;
    min-height: 650px;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    background: var(--bs-body-bg);
    overflow: hidden;
}

.onboarding-sidebar[b-v3qgu3j7ol] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.15rem .75rem .9rem;
    border-right: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
}

.onboarding-sidebar-title[b-v3qgu3j7ol] { padding: 0 .55rem .65rem; }
.onboarding-stage-list[b-v3qgu3j7ol] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.onboarding-stage-item[b-v3qgu3j7ol] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: .6rem;
    align-items: center;
    width: 100%;
    padding: .55rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: inherit;
    text-align: left;
}

.onboarding-stage-item:hover[b-v3qgu3j7ol] { background: rgba(25, 135, 84, .07); }
.onboarding-stage-item.current[b-v3qgu3j7ol] {
    background: var(--bs-body-bg);
    box-shadow: inset 3px 0 0 var(--brand-color, #1f7a4c), 0 1px 3px rgba(0, 0, 0, .04);
}

.onboarding-stage-number[b-v3qgu3j7ol] {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid var(--bs-border-color);
    border-radius: 50%;
    color: var(--bs-secondary-color);
    background: var(--bs-body-bg);
    font-size: .8rem;
    font-weight: 800;
}

.onboarding-stage-item.current .onboarding-stage-number[b-v3qgu3j7ol] {
    border-color: var(--brand-color, #1f7a4c);
    background: var(--brand-color, #1f7a4c);
    color: #fff;
}

.onboarding-stage-item.completed .onboarding-stage-number[b-v3qgu3j7ol] {
    border-color: var(--brand-color, #1f7a4c);
    background: var(--brand-color, #1f7a4c);
    color: #fff;
}

.onboarding-stage-item.completed .onboarding-stage-number[b-v3qgu3j7ol] { font-size: 0; }
.onboarding-stage-item.completed .onboarding-stage-number[b-v3qgu3j7ol]::before { content: "✓"; font-size: .82rem; }
.onboarding-stage-item.completed small[b-v3qgu3j7ol] { color: var(--brand-color, #1f7a4c); font-weight: 700; }

.onboarding-stage-item.skipped .onboarding-stage-number[b-v3qgu3j7ol] { border-style: dashed; }
.onboarding-stage-copy[b-v3qgu3j7ol] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.onboarding-stage-copy strong[b-v3qgu3j7ol] {
    overflow: hidden;
    font-size: .9rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-stage-copy small[b-v3qgu3j7ol] {
    margin-top: .06rem;
    color: var(--bs-secondary-color);
    font-size: .76rem;
}

.onboarding-stage-item.current small[b-v3qgu3j7ol] { color: var(--brand-color, #1f7a4c); }
.onboarding-sidebar-status[b-v3qgu3j7ol] {
    display: grid;
    gap: .55rem;
    margin-top: auto;
    padding: .85rem .55rem .1rem;
    border-top: 1px solid var(--bs-border-color);
}

.onboarding-sidebar-status div[b-v3qgu3j7ol] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: .8rem;
}

.onboarding-sidebar-status span[b-v3qgu3j7ol] { color: var(--bs-secondary-color); }
.onboarding-sidebar-status strong[b-v3qgu3j7ol] { font-weight: 700; }
.onboarding-stage-panel[b-v3qgu3j7ol] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}
.onboarding-stage-header[b-v3qgu3j7ol] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem 1.15rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.onboarding-stage-header h2[b-v3qgu3j7ol] {
    margin: .22rem 0 .3rem;
    font-size: 1.35rem;
}

.onboarding-stage-header p[b-v3qgu3j7ol] {
    max-width: 800px;
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: .98rem;
}

.onboarding-guidance[b-v3qgu3j7ol] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    margin: 1rem 1.75rem 0;
    padding: .65rem .75rem;
    border-left: 3px solid var(--brand-color, #1f7a4c);
    background: rgba(25, 135, 84, .055);
    color: var(--bs-secondary-color);
    font-size: .9rem;
}

.onboarding-guidance i[b-v3qgu3j7ol] { color: var(--brand-color, #1f7a4c); }
.onboarding-task-list[b-v3qgu3j7ol] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: .25rem 1.75rem 0;
}
.onboarding-task-row[b-v3qgu3j7ol] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) minmax(175px, auto);
    gap: .85rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--bs-border-color);
}

.onboarding-task-row:last-child[b-v3qgu3j7ol] { border-bottom: 0; }
.onboarding-task-row.completed[b-v3qgu3j7ol] { background: linear-gradient(90deg, rgba(25,135,84,.045), transparent 46%); }
.onboarding-task-icon[b-v3qgu3j7ol] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: var(--bs-tertiary-bg);
    color: var(--brand-color, #1f7a4c);
    font-size: .9rem;
}

.onboarding-task-copy[b-v3qgu3j7ol] { min-width: 0; }
.onboarding-task-title[b-v3qgu3j7ol] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.onboarding-task-title h3[b-v3qgu3j7ol] {
    margin: 0;
    font-size: 1rem;
}

.onboarding-task-title span[b-v3qgu3j7ol] {
    color: var(--bs-secondary-color);
    font-size: .74rem;
    font-weight: 700;
}

.onboarding-task-copy p[b-v3qgu3j7ol] {
    margin: .18rem 0 0;
    color: var(--bs-secondary-color);
    font-size: .9rem;
    line-height: 1.4;
}

.onboarding-task-copy small[b-v3qgu3j7ol] {
    display: block;
    margin-top: .22rem;
    color: var(--bs-secondary-color);
    font-size: .78rem;
    font-style: italic;
}

.onboarding-task-action[b-v3qgu3j7ol] {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: .38rem;
    text-align: right;
}

.onboarding-task-status[b-v3qgu3j7ol] {
    color: var(--bs-secondary-color);
    font-size: .78rem;
}

.onboarding-task-status.completed[b-v3qgu3j7ol] { display:inline-flex;align-items:center;gap:.35rem;color:var(--brand-color,#1f7a4c);font-weight:700; }

.onboarding-task-deferred[b-v3qgu3j7ol] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--bs-secondary-color);
    font-size: .8rem;
    font-weight: 600;
}

.onboarding-task-managed[b-v3qgu3j7ol] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--bs-secondary-color);
    font-size: .8rem;
    font-weight: 700;
}

.onboarding-stage-footer[b-v3qgu3j7ol] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .4rem 1.75rem 0;
    padding: 1rem 0 1.35rem;
    border-top: 1px solid var(--bs-border-color);
}

.onboarding-stage-footer .btn:last-child[b-v3qgu3j7ol] { margin-left: auto; }
.onboarding-mobile-stage[b-v3qgu3j7ol] { display: none; }


.onboarding-access-released[b-v3qgu3j7ol] { display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-color,#1f7a4c);font-size:.8rem;font-weight:700;white-space:nowrap; }
[b-v3qgu3j7ol] .onboarding-manual-start-modal { max-width:560px; }
.onboarding-manual-start-confirmation[b-v3qgu3j7ol] { display:grid;grid-template-columns:44px minmax(0,1fr);gap:.9rem;align-items:start; }
.onboarding-manual-start-icon[b-v3qgu3j7ol] { display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(25,135,84,.09);color:var(--brand-color,#1f7a4c);font-size:1.2rem; }
.onboarding-manual-start-confirmation strong[b-v3qgu3j7ol] { display:block;font-size:1rem; }
.onboarding-manual-start-confirmation p[b-v3qgu3j7ol] { margin:.3rem 0 0;color:var(--bs-secondary-color);font-size:.88rem;line-height:1.5; }
.onboarding-manual-start-note[b-v3qgu3j7ol] { display:flex;gap:.5rem;align-items:flex-start;margin-top:.85rem;padding:.7rem .75rem;border-left:3px solid var(--brand-color,#1f7a4c);background:rgba(25,135,84,.055);color:var(--bs-secondary-color);font-size:.8rem;line-height:1.45; }
.onboarding-manual-start-note i[b-v3qgu3j7ol] { color:var(--brand-color,#1f7a4c); }

@media (max-width: 1100px) {
    .onboarding-header[b-v3qgu3j7ol] { flex-direction: column; gap: .85rem; }
    .onboarding-header-actions[b-v3qgu3j7ol] { width: 100%; justify-content: space-between; }
    .onboarding-workspace[b-v3qgu3j7ol] { grid-template-columns: 220px minmax(0, 1fr); }
}

@media (max-width: 767px) {
    .onboarding-page[b-v3qgu3j7ol] { gap: .75rem; }
    .onboarding-header[b-v3qgu3j7ol] { padding-top: 0; }
    .onboarding-heading h1[b-v3qgu3j7ol] { font-size: 1.35rem; }
    .onboarding-header-actions[b-v3qgu3j7ol] { align-items: flex-end; }
    .onboarding-facts div[b-v3qgu3j7ol] { padding: 0 .55rem; }
    .onboarding-facts div:last-child[b-v3qgu3j7ol] { display: none; }
    .onboarding-mobile-stage[b-v3qgu3j7ol] { display: block; }
    .onboarding-mobile-stage label[b-v3qgu3j7ol] {
        display: block;
        margin-bottom: .3rem;
        color: var(--bs-secondary-color);
        font-size: .78rem;
        font-weight: 700;
        text-transform: uppercase;
    }
    .onboarding-workspace[b-v3qgu3j7ol] { display: block; height: auto; min-height: 0; }
    .onboarding-sidebar[b-v3qgu3j7ol] { display: none; }
    .onboarding-stage-header[b-v3qgu3j7ol] { padding: 1.15rem; }
    .onboarding-guidance[b-v3qgu3j7ol] { margin: .85rem 1.15rem 0; }
    .onboarding-task-list[b-v3qgu3j7ol] { padding: .2rem 1.15rem 0; }
    .onboarding-task-row[b-v3qgu3j7ol] { grid-template-columns: 28px minmax(0, 1fr); }
    .onboarding-task-action[b-v3qgu3j7ol] {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }
    .onboarding-stage-footer[b-v3qgu3j7ol] { margin: .3rem 1.15rem 0; padding-bottom: 1.1rem; }
}

@media (max-width: 480px) {
    .onboarding-header-actions[b-v3qgu3j7ol] { align-items: stretch; flex-direction: column; }
    .onboarding-facts[b-v3qgu3j7ol] { justify-content: space-between; }
    .onboarding-facts div[b-v3qgu3j7ol] { flex: 1; }
    .onboarding-header-actions > .btn[b-v3qgu3j7ol] { align-self: flex-start; }
    .onboarding-stage-header[b-v3qgu3j7ol] { flex-direction: column; }
    .onboarding-stage-footer .btn[b-v3qgu3j7ol] { padding-right: .65rem; padding-left: .65rem; font-size: .82rem; }
}
/* _content/BBMP.TATAP.Web/Components/Pages/OnboardingTaskDialog.razor.rz.scp.css */
[b-7s4g5bo94m] .onboarding-task-modal { max-width: min(1180px, 95vw); }
[b-7s4g5bo94m] .onboarding-task-modal .modal-body { padding: 1.25rem 1.4rem 1.4rem; }
.onboarding-dialog-intro[b-7s4g5bo94m] { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem; }
.onboarding-dialog-intro strong[b-7s4g5bo94m] { font-size:1rem; }
.onboarding-dialog-intro p[b-7s4g5bo94m] { margin:.2rem 0 0;color:var(--bs-secondary-color);font-size:.9rem; }
.onboarding-role-grid[b-7s4g5bo94m] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem; }
.onboarding-role-card[b-7s4g5bo94m] { padding:1rem;border:1px solid var(--bs-border-color);border-radius:9px;background:var(--bs-body-bg); }
.onboarding-role-card.selected[b-7s4g5bo94m] { border-color:rgba(25,135,84,.35);box-shadow:0 0 0 2px rgba(25,135,84,.06); }
.onboarding-role-head[b-7s4g5bo94m] { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--bs-border-color); }
.onboarding-role-head strong[b-7s4g5bo94m] { font-size:.95rem; }
.onboarding-role-head p[b-7s4g5bo94m] { margin:.15rem 0 0;color:var(--bs-secondary-color);font-size:.82rem; }
.onboarding-role-selector[b-7s4g5bo94m] { min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent; }
.onboarding-role-selector:hover[b-7s4g5bo94m] { border-color:transparent;background:transparent; }
.onboarding-role-selector>.finance-standard-checkbox[b-7s4g5bo94m] { margin-top:0; }
.onboarding-permission-list[b-7s4g5bo94m] { display:grid;gap:.38rem;padding-top:.7rem; }
.onboarding-permission-list span[b-7s4g5bo94m] { display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;font-size:.82rem;font-weight:600; }
.onboarding-permission-list i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c); }
.onboarding-permission-list small[b-7s4g5bo94m] { grid-column:2;color:var(--bs-secondary-color);font-size:.7rem;font-weight:400; }
.onboarding-dialog-note[b-7s4g5bo94m] { display:flex;gap:.65rem;align-items:flex-start;margin-top:1rem;padding:.75rem .85rem;border-left:3px solid var(--brand-color,#1f7a4c);background:rgba(25,135,84,.055);color:var(--bs-secondary-color);font-size:.82rem; }
.onboarding-dialog-note i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:1rem; }
.onboarding-existing-count[b-7s4g5bo94m] { display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--bs-secondary-color);font-size:.8rem; }
.onboarding-existing-count i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c); }
.onboarding-existing-users-card[b-7s4g5bo94m] { min-width:0; }
.onboarding-existing-users[b-7s4g5bo94m] { display:grid;gap:.45rem;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.2rem; }
.onboarding-existing-user[b-7s4g5bo94m] { display:grid;width:100%;min-height:78px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:8px;background:var(--bs-body-bg);color:inherit;text-align:left; }
.onboarding-existing-user:hover[b-7s4g5bo94m],.onboarding-existing-user:focus-visible[b-7s4g5bo94m] { border-color:rgba(25,135,84,.4);background:rgba(25,135,84,.045);outline:0; }
.onboarding-existing-user.selected[b-7s4g5bo94m] { border-color:var(--brand-color,#1f7a4c);background:rgba(25,135,84,.075);box-shadow:0 0 0 2px rgba(25,135,84,.08); }
.onboarding-existing-user.inactive[b-7s4g5bo94m] { opacity:.62; }
.onboarding-existing-user-icon[b-7s4g5bo94m] { display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:rgba(25,135,84,.09);color:var(--brand-color,#1f7a4c);font-size:1rem; }
.onboarding-existing-user>div[b-7s4g5bo94m] { min-width:0; }
.onboarding-existing-user strong[b-7s4g5bo94m],.onboarding-existing-user span[b-7s4g5bo94m],.onboarding-existing-user small[b-7s4g5bo94m] { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.onboarding-existing-user strong[b-7s4g5bo94m] { font-size:.94rem;line-height:1.3; }
.onboarding-existing-user span[b-7s4g5bo94m],.onboarding-existing-user small[b-7s4g5bo94m] { margin-top:.14rem;color:var(--bs-secondary-color);font-size:.79rem;line-height:1.35; }
.onboarding-existing-user>i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:.9rem; }
.onboarding-existing-user.inactive>i[b-7s4g5bo94m] { color:var(--bs-secondary-color); }
.onboarding-existing-users-empty[b-7s4g5bo94m] { display:flex;min-height:150px;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;color:var(--bs-secondary-color);font-size:.78rem;text-align:center; }
.onboarding-existing-users-empty i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:1.25rem; }
.onboarding-coa-toolbar[b-7s4g5bo94m] { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem; }
.onboarding-coa-toolbar>div[b-7s4g5bo94m] { display:flex;align-items:center;gap:.55rem; }
.onboarding-coa-toolbar>div:first-child[b-7s4g5bo94m] { align-items:flex-start;flex-direction:column;gap:.1rem; }
.onboarding-coa-toolbar strong[b-7s4g5bo94m] { font-size:.86rem; }
.onboarding-coa-toolbar span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-coa-groups[b-7s4g5bo94m] { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem; }
.onboarding-coa-group[b-7s4g5bo94m] { min-width:0;border:1px solid var(--bs-border-color);border-radius:10px;background:var(--bs-body-bg);overflow:hidden; }
.onboarding-coa-group>header[b-7s4g5bo94m] { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;background:var(--bs-tertiary-bg); }
.onboarding-coa-group>header strong[b-7s4g5bo94m] { font-size:.84rem; }
.onboarding-coa-group>header span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.7rem; }
.onboarding-coa-list[b-7s4g5bo94m] { display:grid;gap:.45rem;max-height:280px;padding:.65rem;overflow-y:auto;overscroll-behavior:contain; }
.onboarding-coa-option[b-7s4g5bo94m] { min-height:0;margin:0;padding:.65rem .7rem;border-radius:8px;background:var(--bs-body-bg); }
.onboarding-coa-option.selected[b-7s4g5bo94m] { border-color:rgba(25,135,84,.4);background:rgba(25,135,84,.045); }
.onboarding-coa-option.installed[b-7s4g5bo94m] { background:var(--bs-tertiary-bg);cursor:default;opacity:.78; }
.onboarding-coa-option>.finance-standard-checkbox[b-7s4g5bo94m] { margin-top:.1rem; }
.onboarding-empty-workspace[b-7s4g5bo94m] { display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:.45rem;padding:2rem;border:1px dashed var(--bs-border-color);border-radius:10px;background:var(--bs-body-bg);text-align:center; }
.onboarding-empty-workspace>i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:1.6rem; }
.onboarding-empty-workspace>strong[b-7s4g5bo94m] { font-size:.95rem; }
.onboarding-empty-workspace>span[b-7s4g5bo94m] { max-width:520px;color:var(--bs-secondary-color);font-size:.82rem; }
.onboarding-profile-form .form-label[b-7s4g5bo94m] { margin-bottom:.35rem;font-size:.82rem;font-weight:700; }
.onboarding-profile-form .form-control[b-7s4g5bo94m],.onboarding-profile-form .form-select[b-7s4g5bo94m] { min-height:43px; }
.onboarding-profile-form textarea.form-control[b-7s4g5bo94m] { min-height:82px;resize:vertical; }
.onboarding-profile-form .form-text[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-profile-form[b-7s4g5bo94m]  .onboarding-user-role-menu { top:auto;bottom:calc(100% + 6px); }
.onboarding-password-field>.btn[b-7s4g5bo94m] { display:inline-flex;min-width:82px;align-items:center;justify-content:center;gap:.4rem;font-size:.8rem;font-weight:700; }
.onboarding-import-flow[b-7s4g5bo94m] { display:grid;grid-template-columns:repeat(8,1fr);margin:0 0 1.1rem;padding:0;list-style:none;border:1px solid var(--bs-border-color);border-radius:8px;overflow:hidden; }
.onboarding-import-flow li[b-7s4g5bo94m] { padding:.55rem .35rem;border-right:1px solid var(--bs-border-color);color:var(--bs-secondary-color);background:var(--bs-tertiary-bg);font-size:.72rem;font-weight:700;text-align:center; }
.onboarding-import-flow li:last-child[b-7s4g5bo94m] { border-right:0; }
.onboarding-import-flow li.active[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);background:rgba(25,135,84,.08); }
.onboarding-template-section[b-7s4g5bo94m] { margin-top:1rem;border:1px solid var(--bs-border-color);border-radius:9px;overflow:hidden; }
.onboarding-template-head[b-7s4g5bo94m] { display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem .9rem;background:var(--bs-tertiary-bg); }
.onboarding-template-head>div[b-7s4g5bo94m] { display:flex;align-items:center;gap:.7rem; }
.onboarding-template-icon[b-7s4g5bo94m] { display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:rgba(25,135,84,.1);color:var(--brand-color,#1f7a4c); }
.onboarding-template-head h3[b-7s4g5bo94m] { margin:0;font-size:.92rem; }
.onboarding-template-head p[b-7s4g5bo94m] { margin:.12rem 0 0;color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-dialog-table[b-7s4g5bo94m] { max-height:330px; }
.onboarding-dialog-table table[b-7s4g5bo94m] { font-size:.8rem; }
.onboarding-dialog-table thead[b-7s4g5bo94m] { position:sticky;top:0;z-index:1;background:var(--bs-tertiary-bg); }
.onboarding-dialog-table th[b-7s4g5bo94m] { padding:.6rem .75rem;color:var(--bs-secondary-color);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em; }
.onboarding-dialog-table td[b-7s4g5bo94m] { padding:.6rem .75rem; }
.onboarding-dialog-table code[b-7s4g5bo94m] { color:var(--bs-body-color);font-size:.78rem; }
.onboarding-required[b-7s4g5bo94m] { font-size:.7rem;font-weight:700; }
.onboarding-required.required[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c); }
.onboarding-required.optional[b-7s4g5bo94m] { color:var(--bs-secondary-color); }
.onboarding-upload-placeholder[b-7s4g5bo94m] { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:1rem;align-items:center;margin-top:1rem;padding:.9rem;border:1px dashed var(--bs-border-color);border-radius:9px; }
.onboarding-upload-placeholder div[b-7s4g5bo94m] { display:flex;flex-direction:column; }
.onboarding-upload-placeholder strong[b-7s4g5bo94m] { font-size:.86rem; }
.onboarding-upload-placeholder span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-file-picker[b-7s4g5bo94m] { position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);height:46px;margin:0;overflow:hidden;border:1px solid var(--bs-border-color);border-radius:9px;background:var(--bs-body-bg);cursor:pointer; }
.onboarding-file-picker[b-7s4g5bo94m]  .onboarding-file-input { position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer; }
.onboarding-file-button[b-7s4g5bo94m],.onboarding-file-name[b-7s4g5bo94m] { display:flex;min-width:0;height:100%;align-items:center;margin:0; }
.onboarding-upload-placeholder .onboarding-file-button[b-7s4g5bo94m] { padding:0 .9rem;border-right:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);color:var(--bs-body-color);font-size:.82rem;white-space:nowrap; }
.onboarding-upload-placeholder .onboarding-file-name[b-7s4g5bo94m] { overflow:hidden;padding:0 .8rem;color:var(--bs-body-color);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap; }
.onboarding-file-picker:focus-within[b-7s4g5bo94m] { border-color:rgba(25,135,84,.55);box-shadow:0 0 0 .2rem rgba(25,135,84,.12); }
.onboarding-workflow-stage[b-7s4g5bo94m] { padding:.85rem;border:1px solid var(--bs-border-color);border-radius:9px;background:var(--bs-body-bg); }
.onboarding-treasury-mapping[b-7s4g5bo94m] { display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid rgba(25,135,84,.22);border-radius:9px;background:rgba(25,135,84,.045); }
.onboarding-treasury-mapping>span[b-7s4g5bo94m],.onboarding-treasury-mapping>small[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-treasury-mapping>strong[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:1rem; }
.onboarding-reconciliation-result[b-7s4g5bo94m] { margin-top:1rem;padding:1rem;border:1px solid var(--bs-border-color);border-radius:10px;background:var(--bs-body-bg); }
.onboarding-reconciliation-result.reconciled[b-7s4g5bo94m] { border-color:rgba(25,135,84,.38);background:rgba(25,135,84,.045); }
.onboarding-reconciliation-result.review[b-7s4g5bo94m] { border-color:rgba(255,193,7,.5);background:rgba(255,193,7,.055); }
.onboarding-reconciliation-status[b-7s4g5bo94m] { display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem; }
.onboarding-reconciliation-status>i[b-7s4g5bo94m] { color:var(--brand-color,#1f7a4c);font-size:1.35rem; }
.onboarding-reconciliation-status>div[b-7s4g5bo94m] { display:flex;flex-direction:column;gap:.15rem; }
.onboarding-reconciliation-status strong[b-7s4g5bo94m] { font-size:.95rem; }
.onboarding-reconciliation-status span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.78rem; }
.onboarding-reconciliation-totals[b-7s4g5bo94m] { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem; }
.onboarding-reconciliation-totals>div[b-7s4g5bo94m] { display:flex;flex-direction:column;gap:.2rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:8px;background:var(--bs-body-bg); }
.onboarding-reconciliation-totals span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.72rem; }
.onboarding-reconciliation-totals strong[b-7s4g5bo94m] { font-size:.92rem; }
.onboarding-import-result[b-7s4g5bo94m] { display:flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:.85rem;border:1px solid var(--bs-border-color);border-radius:9px;font-size:.82rem; }
.onboarding-import-result.valid[b-7s4g5bo94m] { border-color:rgba(25,135,84,.35);background:rgba(25,135,84,.045); }
.onboarding-import-result.invalid[b-7s4g5bo94m] { border-color:rgba(220,53,69,.35);background:rgba(220,53,69,.035); }
.onboarding-import-result:not(:has(.onboarding-import-result-head))[b-7s4g5bo94m] { color:var(--bs-secondary-color); }
.onboarding-import-result:has(.onboarding-import-result-head)[b-7s4g5bo94m] { display:block; }
.onboarding-import-result-head[b-7s4g5bo94m] { display:flex;justify-content:space-between;gap:1rem;align-items:flex-start; }
.onboarding-import-result-head div[b-7s4g5bo94m] { display:flex;flex-direction:column; }
.onboarding-import-result-head span[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.76rem; }
.onboarding-import-errors[b-7s4g5bo94m],.onboarding-import-warnings[b-7s4g5bo94m] { margin:.65rem 0 0;padding-left:1.2rem;font-size:.78rem; }
.onboarding-import-errors[b-7s4g5bo94m] { color:var(--bs-danger); }
.onboarding-import-warnings[b-7s4g5bo94m] { color:var(--bs-warning-text-emphasis); }
.onboarding-preview-table[b-7s4g5bo94m] { max-height:260px;margin-top:.75rem;overflow:auto;border:1px solid var(--bs-border-color);border-radius:7px;background:var(--bs-body-bg); }
.onboarding-preview-table table[b-7s4g5bo94m] { min-width:720px;font-size:.75rem; }
.onboarding-preview-table thead[b-7s4g5bo94m] { position:sticky;top:0;z-index:1;background:var(--bs-tertiary-bg); }
.onboarding-preview-table th[b-7s4g5bo94m],.onboarding-preview-table td[b-7s4g5bo94m] { padding:.45rem .55rem;white-space:nowrap; }
.onboarding-preview-table caption[b-7s4g5bo94m] { padding:.55rem .65rem;color:var(--bs-secondary-color);font-size:.72rem;caption-side:bottom; }
.onboarding-setup-preview[b-7s4g5bo94m] { display:grid;gap:0;border-top:1px solid var(--bs-border-color); }
.onboarding-setup-preview div[b-7s4g5bo94m] { display:flex;align-items:center;gap:.65rem;padding:.85rem .15rem;border-bottom:1px solid var(--bs-border-color);font-size:.88rem; }
.onboarding-setup-preview i[b-7s4g5bo94m] { color:var(--bs-secondary-color);font-size:.75rem; }
[b-7s4g5bo94m] .onboarding-import-complete-modal { max-width:420px; }
.onboarding-import-complete[b-7s4g5bo94m] { display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.75rem .25rem .35rem;text-align:center; }
.onboarding-import-complete-icon[b-7s4g5bo94m] { display:grid;width:58px;height:58px;margin-bottom:.25rem;place-items:center;border-radius:50%;background:rgba(25,135,84,.12);color:var(--brand-color,#1f7a4c);font-size:1.75rem; }
.onboarding-import-complete strong[b-7s4g5bo94m] { color:var(--bs-body-color);font-size:1.15rem; }
.onboarding-import-complete p[b-7s4g5bo94m] { margin:0;color:var(--bs-secondary-color);font-size:.85rem; }
@media(max-width:767px){.onboarding-role-grid[b-7s4g5bo94m],.onboarding-coa-groups[b-7s4g5bo94m],.onboarding-reconciliation-totals[b-7s4g5bo94m]{grid-template-columns:1fr}.onboarding-coa-toolbar[b-7s4g5bo94m]{align-items:flex-start;flex-direction:column}.onboarding-import-flow[b-7s4g5bo94m]{grid-template-columns:repeat(4,1fr)}.onboarding-import-flow li:nth-child(4)[b-7s4g5bo94m]{border-right:0}.onboarding-upload-placeholder[b-7s4g5bo94m]{grid-template-columns:1fr}.onboarding-template-head[b-7s4g5bo94m]{align-items:flex-start;flex-direction:column}.onboarding-dialog-table[b-7s4g5bo94m]{max-height:280px}}
/* _content/BBMP.TATAP.Web/Components/Shared/ImageViewerModal.razor.rz.scp.css */
[b-47ra2bo7mq] .image-viewer-overlay.modal {
    z-index: 1090;
}

[b-47ra2bo7mq] .image-viewer-overlay.modal-backdrop {
    z-index: 1085;
}

[b-47ra2bo7mq] .image-viewer-dialog {
    width: min(1180px, calc(100vw - 2rem));
    max-width: none;
}

[b-47ra2bo7mq] .image-viewer-dialog .modal-content {
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

[b-47ra2bo7mq] .image-viewer-dialog .modal-body {
    display: flex;
    min-height: 0;
    padding: 0;
}

.image-viewer-viewport[b-47ra2bo7mq] {
    position: relative;
    display: grid;
    width: 100%;
    height: min(64vh, 650px);
    min-height: min(520px, 55vh);
    overflow: hidden;
    place-items: center;
    background: #202724;
    cursor: default;
    touch-action: none;
    user-select: none;
}

.image-viewer-viewport.is-zoomed[b-47ra2bo7mq] {
    cursor: grab;
}

.image-viewer-viewport.is-dragging[b-47ra2bo7mq] {
    cursor: grabbing;
}

.image-viewer-viewport img[b-47ra2bo7mq] {
    display: block;
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    object-fit: contain;
    transform-origin: center center;
    will-change: transform;
    pointer-events: none;
    -webkit-user-drag: none;
}

.image-viewer-footer-details[b-47ra2bo7mq] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.15rem;
    color: var(--bs-secondary-color);
    font-size: 0.82rem;
    line-height: 1.3;
}

.image-viewer-footer-details strong[b-47ra2bo7mq] {
    overflow: hidden;
    color: var(--bs-body-color);
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    [b-47ra2bo7mq] .image-viewer-dialog {
        width: calc(100vw - 1rem);
        margin: 0.5rem auto;
    }

    .image-viewer-viewport[b-47ra2bo7mq] {
        height: 55vh;
        min-height: 55vh;
    }
}
/* _content/BBMP.TATAP.Web/Components/Shared/MemberSearchPicker.razor.rz.scp.css */
.fortunato-member-picker[b-ibc752os27] {
    position: relative;
    z-index: 5;
}

.fortunato-member-selected[b-ibc752os27] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 10px;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    background: var(--bs-body-bg);
}

.fortunato-member-avatar[b-ibc752os27] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}

.fortunato-member-avatar.small[b-ibc752os27] {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    font-size: 11px;
}

.fortunato-member-selected-copy[b-ibc752os27],
.fortunato-member-option-copy[b-ibc752os27] {
    min-width: 0;
    flex: 1;
}

.fortunato-member-selected-copy strong[b-ibc752os27],
.fortunato-member-selected-copy small[b-ibc752os27],
.fortunato-member-option-copy strong[b-ibc752os27],
.fortunato-member-option-copy small[b-ibc752os27] {
    display: block;
}

.fortunato-member-selected-copy strong[b-ibc752os27],
.fortunato-member-option-copy strong[b-ibc752os27] {
    overflow: hidden;
    color: var(--bs-body-color);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fortunato-member-selected-copy small[b-ibc752os27],
.fortunato-member-option-copy small[b-ibc752os27] {
    margin-top: 2px;
    color: var(--bs-secondary-color);
    font-size: 11px;
    line-height: 1.3;
}

.fortunato-member-badge[b-ibc752os27] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.fortunato-member-change[b-ibc752os27] {
    flex: 0 0 auto;
    border: 0;
    border-radius: 8px;
    padding: 6px 8px;
    background: transparent;
    color: var(--brand);
    font-size: 12px;
    font-weight: 750;
}

.fortunato-member-change:hover[b-ibc752os27],
.fortunato-member-change:focus-visible[b-ibc752os27] {
    background: var(--brand-soft);
    outline: 0;
}

.fortunato-member-search[b-ibc752os27] {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid var(--bs-border-color);
    border-radius: 9px;
    background: var(--bs-body-bg);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.fortunato-member-search:focus-within[b-ibc752os27] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent);
}

.fortunato-member-picker.has-error .fortunato-member-search[b-ibc752os27],
.fortunato-member-picker.has-error .fortunato-member-selected[b-ibc752os27] {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
}

.fortunato-member-search > i[b-ibc752os27] {
    flex: 0 0 auto;
    color: var(--bs-secondary-color);
}

.fortunato-member-search input[b-ibc752os27] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    padding: 10px 0;
    background: transparent;
    color: var(--bs-body-color);
    font-size: 13px;
}

.fortunato-member-search .spinner-border[b-ibc752os27] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    color: var(--brand);
}

.fortunato-member-results[b-ibc752os27] {
    position: absolute;
    z-index: 60;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 310px;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    background: var(--bs-body-bg);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .16);
}

.fortunato-member-dismiss[b-ibc752os27] {
    position: fixed;
    z-index: 59;
    inset: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

.fortunato-member-option[b-ibc752os27] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 8px;
    padding: 8px;
    background: transparent;
    text-align: left;
}

.fortunato-member-option:hover[b-ibc752os27],
.fortunato-member-option:focus-visible[b-ibc752os27],
.fortunato-member-option.highlighted[b-ibc752os27] {
    background: var(--brand-soft);
    outline: 0;
}

.fortunato-member-option > i[b-ibc752os27] {
    flex: 0 0 auto;
    color: var(--bs-secondary-color);
    font-size: 12px;
}

.fortunato-member-state[b-ibc752os27] {
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 14px;
    color: var(--bs-secondary-color);
    text-align: center;
}

.fortunato-member-state i[b-ibc752os27] {
    font-size: 20px;
}

.fortunato-member-state strong[b-ibc752os27] {
    color: var(--bs-body-color);
    font-size: 12px;
}

.fortunato-member-state span[b-ibc752os27] {
    max-width: 310px;
    font-size: 11px;
    line-height: 1.4;
}

.fortunato-member-result-note[b-ibc752os27] {
    padding: 6px 8px 4px;
    color: var(--bs-secondary-color);
    font-size: 10px;
    text-align: center;
}

.fortunato-member-disabled[b-ibc752os27] {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid var(--bs-border-color);
    border-radius: 9px;
    background: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
    font-size: 12px;
}