@import '_content/AppMain.Components/AppMain.Components.q7heys2iui.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Pages/Admin/Admin.razor.rz.scp.css */
/* Admin page — Figma tab strip (Enable Kit) */
.admin-page[b-gwn2805d4n] {
    margin-top: 0;
}

/* White card behind tabs (Figma) */
.admin-page[b-gwn2805d4n]  > .k-tabstrip,
.admin-page[b-gwn2805d4n]  .k-tabstrip {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items-wrapper {
    padding: 0.7rem 0.9rem 0 !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    box-shadow: none !important;
    align-items: flex-end !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items {
    gap: 0.35rem !important;
    min-height: 0 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item {
    border: none !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 8px 8px 0 0 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item::after,
.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item.k-active::after {
    display: none !important;
    content: none !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item .k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.7rem 1.15rem !important;
    font-size: 0.875rem !important; /* 14px */
    font-weight: 600 !important;
    min-height: 0 !important;
    line-height: 1.25 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #32434B !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    transition: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item .k-link i {
    color: #32434B !important;
    font-size: 0.95rem !important;
    margin: 0 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item .k-link .admin-tab-icon {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    color: #32434B !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover i {
    color: #033D53 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item.k-active .k-link {
    background: #033D53 !important;
    color: #FFFFFF !important;
    border-radius: 8px 8px 0 0 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item.k-active .k-link i,
.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item.k-active .k-link .k-icon {
    color: #FFFFFF !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item.k-active .k-link .admin-tab-icon {
    color: #FFFFFF !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .admin-tab-icon {
    color: #033D53 !important;
}

.admin-page[b-gwn2805d4n]  .k-tabstrip > .k-content {
    padding-top: 0 !important;
    border: none !important;
    background: transparent !important;
}

.admin-page .admin-tab-content[b-gwn2805d4n] {
    padding: 0 0 0.5rem;
}

/* Users tab — Figma toolbar (title left, controls right) */
.admin-page #userNameScrollTarget_Users.admin-tab-content[b-gwn2805d4n] {
    padding: 0 0 0.5rem;
}

.admin-page #userNameScrollTarget_Users .admin-users-panel[b-gwn2805d4n] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: none;
    overflow: hidden;
    padding: 0.9rem 1.1rem 0.65rem;
}

.admin-page #userNameScrollTarget_Users .admin-users-panel__list[b-gwn2805d4n] {
    margin-top: 0;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    width: 100%;
    min-width: 0;
    padding: 0 0 0.85rem;
    margin: 0 0 0.15rem;
    border-bottom: 1px solid #E2E8F0;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar__title[b-gwn2805d4n] {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #121A1F !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar__controls[b-gwn2805d4n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.875rem; /* ~30px — Figma toolbar spacing */
    min-width: 0;
    margin-left: auto;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search[b-gwn2805d4n] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 1 auto;
    max-width: none;
    min-width: 0;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__label[b-gwn2805d4n] {
    margin: 0;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #32434B !important;
    white-space: nowrap;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__field[b-gwn2805d4n] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 13.5rem;
    max-width: 17rem;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__icon[b-gwn2805d4n] {
    position: absolute;
    left: 0.85rem;
    z-index: 1;
    color: #033D53 !important;
    font-size: 0.8rem !important;
    pointer-events: none;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__input[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search .form-control[b-gwn2805d4n] {
    width: 100% !important;
    min-height: 2.35rem !important;
    padding: 0.45rem 0.9rem 0.45rem 2.15rem !important;
    background: #F0F4F8 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #121A1F !important;
    font-size: 0.8125rem !important;
    box-shadow: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__input[b-gwn2805d4n]::placeholder {
    color: #121A1F !important;
    opacity: 0.7;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-toolbar-search__input:focus[b-gwn2805d4n] {
    border-color: #033D53 !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
}

/* Records per page — match FC FcSelect dropdown */
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page[b-gwn2805d4n] {
    --fc-sky: #E0F2FE;
    --fc-brand: #033D53;
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-shrink: 0;
    z-index: 2;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page.is-open[b-gwn2805d4n] {
    z-index: 60;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__label[b-gwn2805d4n] {
    margin: 0 !important;
    font-size: 0.8125rem !important; /* 13px */
    color: #32434B !important;
    font-weight: 500 !important;
    white-space: nowrap;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__control[b-gwn2805d4n] {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-width: 0;
    overflow: visible;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__backdrop[b-gwn2805d4n] {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: transparent;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__trigger[b-gwn2805d4n] {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 4.25rem;
    width: 4.25rem;
    height: 2.375rem;
    min-height: 2.375rem;
    padding: 0 2rem 0 0.875rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F0F4F8;
    color: var(--fc-brand);
    font-size: 0.8125rem; /* 13px */
    font-weight: 500;
    line-height: 1.2;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__trigger:hover[b-gwn2805d4n] {
    background: #E0F2FE !important;
    border-color: transparent !important;
    color: #033D53 !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__trigger:focus[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__trigger:focus-visible[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page.is-open .admin-records-per-page__trigger[b-gwn2805d4n] {
    outline: none !important;
    box-shadow: none !important;
    border: 1.5px solid var(--fc-brand) !important;
    background: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__chevron[b-gwn2805d4n] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    flex-shrink: 0;
    pointer-events: none;
    transition: transform 0.15s ease;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page.is-open .admin-records-per-page__chevron[b-gwn2805d4n] {
    transform: translateY(-50%) rotate(180deg);
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__menu[b-gwn2805d4n] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: auto;
    z-index: 50;
    min-width: 100%;
    width: max-content;
    margin: 0;
    padding: 0.4rem;
    list-style: none;
    border: 1px solid #E5E9EE;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
    overflow: visible;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__menu li[b-gwn2805d4n] {
    margin: 0;
    padding: 0;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__menu li + li[b-gwn2805d4n] {
    margin-top: 4px;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__option[b-gwn2805d4n] {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0.35rem 0.65rem 0.35rem 0.475rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #1B3E5C;
    font-size: 0.8125rem; /* 13px */
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__option:hover[b-gwn2805d4n] {
    background: var(--fc-sky);
    color: var(--fc-brand);
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__option.is-selected[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-records-per-page__option.is-selected:hover[b-gwn2805d4n] {
    background: var(--fc-brand);
    color: #FFFFFF;
}

/* Invite User — Figma: Normal #E0F2FE / Hover #033D53 / Click #001D28 */
.admin-page #userNameScrollTarget_Users .admin-users-toolbar .admin-users-invite-btn[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .admin-users-invite-btn,
.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .btn.admin-users-invite-btn {
    background: #E0F2FE !important;
    border: 1px solid #033D53 !important;
    color: #121A1F !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.02em;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    padding: 0.5rem 1rem !important;
    min-height: 2.35rem !important;
    white-space: nowrap !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .btn.admin-users-invite-btn:hover,
.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .admin-users-invite-btn:hover {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .btn.admin-users-invite-btn:active,
.admin-page #userNameScrollTarget_Users .admin-users-toolbar[b-gwn2805d4n]  .admin-users-invite-btn:active {
    background: #001D28 !important;
    border-color: #001D28 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile-empty[b-gwn2805d4n] {
    border: 1px solid #E2E8F0;
    border-style: solid;
    background: #fff;
    border-radius: 0.5rem;
    min-height: 320px;
    box-shadow: 0 1px 6px rgba(3, 61, 83, 0.04);
}

.admin-page #userNameScrollTarget_Users .admin-user-profile-empty__title[b-gwn2805d4n] {
    color: #121A1F !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile-empty__text[b-gwn2805d4n] {
    color: #32434B !important;
    font-size: 0.8125rem !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile-empty__icon[b-gwn2805d4n] {
    color: #ADB5BD !important;
}

/* ------------------------------------------------------------------
   User detail — right side drawer overlay (Figma)
   ------------------------------------------------------------------ */
.admin-page #userNameScrollTarget_Users .admin-user-drawer[b-gwn2805d4n] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    pointer-events: none;
}

/* Keep drawer above top navbar while open (scoped + global :has rule in app-body.css) */
.admin-page #userNameScrollTarget_Users .admin-user-drawer.is-open[b-gwn2805d4n] {
    pointer-events: auto;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__backdrop[b-gwn2805d4n] {
    position: absolute;
    inset: 0;
    background: rgba(18, 26, 31, 0.35);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer.is-open .admin-user-drawer__backdrop[b-gwn2805d4n] {
    opacity: 1;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__panel[b-gwn2805d4n] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: min(56rem, 94vw);
    max-width: 900px;
    background: #F0F4F8;
    border-left: 1px solid #E2E8F0;
    box-shadow: -8px 0 28px rgba(3, 61, 83, 0.12);
    transform: translateX(100%);
    transition: transform 0.25s ease;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.8rem 0.8rem 1.25rem;
    box-sizing: border-box;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer.is-open .admin-user-drawer__panel[b-gwn2805d4n] {
    transform: translateX(0);
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__close[b-gwn2805d4n] {
    position: sticky;
    top: 0;
    float: right;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    margin: 0 0 0.5rem 0.5rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #32434B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__close:hover[b-gwn2805d4n] {
    background: #E0F2FE;
    color: #033D53;
    border-color: #033D53;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__loading[b-gwn2805d4n] {
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admin-page #userNameScrollTarget_Users .admin-user-drawer__body[b-gwn2805d4n] {
    clear: both;
    display: flex;
    flex-direction: column;
    gap: 0.75rem; /* same as header → profile details */
}

/* ------------------------------------------------------------------
   Selected user detail — compact inner sections (panel width unchanged)
   ------------------------------------------------------------------ */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0;
}

/* Frame 8310 — profile header card (slightly reduced) */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__header[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* Frame 8928 — avatar + identity */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__header-main[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__photo[b-gwn2805d4n] {
    flex: none !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
}

/* Frame 8929 */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__header-info[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__name[b-gwn2805d4n] {
    margin: 0 !important;
    color: #121A1F !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
    word-break: break-word !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__email[b-gwn2805d4n] {
    margin: 0 !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    word-break: break-word !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__status[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activity[b-gwn2805d4n] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activity i[b-gwn2805d4n] {
    width: 12px !important;
    height: 12px !important;
    font-size: 12px !important;
    line-height: 12px !important;
    color: #32434B !important;
    margin: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activity-datetime[b-gwn2805d4n] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45em !important;
    white-space: nowrap !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activity-date[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activity-time[b-gwn2805d4n] {
    display: inline !important;
}

/* Frame 8520 — Active / Inactive badge (top-right) */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__status-badge[b-gwn2805d4n] {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    flex: 0 0 auto !important;
    gap: 4px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 2px 8px !important;
    border-radius: 100px !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__status-badge--active[b-gwn2805d4n] {
    background: #005E07 !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__status-badge--inactive[b-gwn2805d4n] {
    background: #6B7280 !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__photo[b-gwn2805d4n]  img,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__photo[b-gwn2805d4n]  .app-profile-photo {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 100px !important;
    object-fit: cover !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile-placeholder-photo[b-gwn2805d4n] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 100px !important;
    background: transparent !important;
    overflow: hidden !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile-placeholder-photo__icon[b-gwn2805d4n] {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    flex: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile-placeholder-photo i[b-gwn2805d4n] {
    display: none !important;
}

/* ------------------------------------------------------------------
   Profile Details card — slightly reduced inner elements
   ------------------------------------------------------------------ */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__details-card.card,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .card.admin-user-profile__details-card,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__details-card[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 16px !important;
    margin: 0 !important; /* no Bootstrap card mb — spacing from drawer/figma gap only */
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__details-card .card-body,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__details-card .admin-user-profile__card {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__section[b-gwn2805d4n] {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__section-title[b-gwn2805d4n] {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__section-title--muted[b-gwn2805d4n] {
    margin-bottom: 8px !important;
    color: rgba(50, 67, 75, 0.5) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    text-transform: uppercase !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__fields[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__name-row[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__name-row > .admin-user-profile__field[b-gwn2805d4n] {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__field[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__field-label[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field label,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-label,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .app-floating-label-container > label {
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .app-floating-label-container,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-floating-label-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Outer shell — fixed height; text centered via flex (avoid double padding on inner) */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-input,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-picker,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-dropdownlist {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    background: #F0F4F8 !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #121A1F !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-input-inner {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #121A1F !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field input.k-input-inner {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    line-height: 38px !important;
}

/* Plain inputs (no Telerik shell) still need the soft fill + height */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field input:not(.k-input-inner),
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .form-control:not(.k-input):not(.k-input-inner) {
    box-sizing: border-box !important;
    display: block !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    background: #F0F4F8 !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #121A1F !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field input:disabled,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .form-control:disabled,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-disabled .k-input-inner,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__field .k-input.k-disabled {
    color: rgba(18, 26, 31, 0.5) !important;
    opacity: 1 !important;
    background: #F0F4F8 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 18px !important;
    width: fit-content !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row .admin-user-profile__field-label[b-gwn2805d4n] {
    margin: 0 !important;
    padding: 0 !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

/* Admin User toggle — slightly smaller, tight with label */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-control.custom-switch {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin: 0 0 0 -4px !important;
    padding-left: 36px !important;
    min-height: 18px !important;
    height: 18px !important;
    transform: none !important;
    flex-shrink: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-input {
    width: 36px !important;
    height: 18px !important;
    left: 0 !important;
    z-index: 2 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-label {
    margin: 0 !important;
    padding: 0 !important;
    height: 18px !important;
    width: 0 !important;
    min-height: 18px !important;
    overflow: visible !important;
    vertical-align: middle !important;
}

/* Track — OFF #8C9DB4 (same as Notification / Figma) */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-label::before {
    top: 0 !important;
    left: -36px !important;
    width: 36px !important;
    height: 18px !important;
    border: none !important;
    border-radius: 9px !important;
    background-color: #8C9DB4 !important;
    box-shadow: none !important;
    pointer-events: all !important;
}

/* Thumb — white 14px @ 2px inset */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-label::after {
    top: 2px !important;
    left: calc(-36px + 2px) !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

/* ON — same dark track as Notification Center toggles */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #033D53 !important;
    border: none !important;
    box-shadow: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #FFFFFF !important;
    transform: translateX(18px) !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__toggle-row[b-gwn2805d4n]  .custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 2px rgba(3, 61, 83, 0.25) !important;
}

/* Permissions toggles still use Telerik AppToggle */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch {
    box-sizing: border-box !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-container {
    width: 42px !important;
    height: 20px !important;
    border-radius: 10px !important;
    padding: 2px !important;
    background: #8C9DB4 !important;
    box-shadow: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-handle {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-handle::before {
    display: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-off .k-switch-handle {
    left: 2px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-on .k-switch-container {
    background: #033D53 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n]  .k-switch-on .k-switch-handle {
    left: 24px !important;
    background: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__permissions-box[b-gwn2805d4n] {
    box-sizing: border-box !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    background: #F0F4F8 !important;
    border: none !important;
    border-radius: 10px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__perm-row[b-gwn2805d4n] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0.2rem 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__actions[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 4px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__actions-row[b-gwn2805d4n] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn.btn,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .btn.admin-user-profile__btn {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn.btn i,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__btn .admin-user-profile__btn-icon[b-gwn2805d4n] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: none !important;
    margin: 0 !important;
    display: block !important;
    color: inherit !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__btn .admin-user-profile__btn-icon path[b-gwn2805d4n] {
    stroke: currentColor !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--save.btn,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--resend.btn,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--login.btn {
    background: #E0F2FE !important;
    border: 1px solid #033D53 !important;
    color: #121A1F !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--save.btn:hover,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--resend.btn:hover,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--login.btn:hover {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--save.btn:active,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--resend.btn:active,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--login.btn:active {
    background: #001D28 !important;
    border-color: #001D28 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--delete.btn,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--delete.btn.btn-danger {
    background: #FFEBEE !important;
    border: 1px solid #470E0E !important;
    color: #470E0E !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--delete.btn:hover {
    background: #7F1D1D !important;
    border-color: #7F1D1D !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn--delete.btn:active {
    background: #551414 !important;
    border-color: #551414 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

@media (max-width: 767.98px) {
    .admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__name-row[b-gwn2805d4n] {
        flex-direction: column !important;
    }

    .admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__actions-row[b-gwn2805d4n] {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .admin-page #userNameScrollTarget_Users .admin-user-profile--figma[b-gwn2805d4n]  .admin-user-profile__btn.btn {
        flex: 1 1 calc(50% - 4px) !important;
    }
}

.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card.card,
.admin-page #userNameScrollTarget_Users .admin-user-profile__activities-card[b-gwn2805d4n]  .card {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
    background: #FFFFFF !important;
    margin-bottom: 0 !important; /* spacing from drawer__body gap only */
    overflow: hidden !important;
}

.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card.card,
.admin-page #userNameScrollTarget_Users .admin-user-profile__errors-card[b-gwn2805d4n]  .card {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
    background: #FFFFFF !important;
    margin-bottom: 0 !important;
    overflow: hidden !important; /* clip to 12px radius — same as Activities */
}

.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .card-body,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .admin-user-profile__errors-body {
    overflow: hidden !important;
    border-radius: 12px !important;
}

/* Hide empty AppCard header if present without Title (Activities / Errors use in-body h6) */
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card > .card-header:empty,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card .card-header:not(:has(*)),
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card > .card-header:empty,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .card-header:not(:has(*)) {
    display: none !important;
}

/* Activities / Errors title — same in-body section-title */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-profile__activities-title.admin-user-profile__section-title[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card .admin-user-profile__activities-title,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .admin-user-profile__errors-title,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-error--figma .admin-user-profile__errors-title {
    display: block !important;
    visibility: visible !important;
    margin: 0 0 14px 0 !important;
    padding: 16px 16px 0 !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    background: transparent !important;
}

.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card .card-body,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .card-body,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__activities-card .admin-user-profile__activities-body,
.admin-page #userNameScrollTarget_Users[b-gwn2805d4n]  .admin-user-profile__errors-card .admin-user-profile__errors-body {
    padding: 0 0 14px !important;
    background: #FFFFFF !important;
}

/* ------------------------------------------------------------------
   Role dropdown — match navbar top-nav-toolbar__role-menu
   Keep drawer panel scrollable (do NOT set overflow:visible on panel).
   Menu uses position:fixed so it is not clipped by the scroll container.
   ------------------------------------------------------------------ */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-field[b-gwn2805d4n] {
    position: relative !important;
    z-index: 5 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown[b-gwn2805d4n] {
    position: relative !important;
    width: 100% !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__trigger[b-gwn2805d4n] {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: #F0F4F8 !important;
    border: 1.5px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #121A1F !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown.is-disabled .admin-user-role-dropdown__trigger[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__trigger:disabled[b-gwn2805d4n] {
    color: rgba(18, 26, 31, 0.5) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* Hover — same as navbar role: sky + soft border */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown:not(.is-disabled):not(.show) .admin-user-role-dropdown__trigger:hover[b-gwn2805d4n] {
    background: #E0F2FE !important;
    border: 1.5px solid #E2E8F0 !important;
    color: #121A1F !important;
}

/* Open — same as navbar role open: white + brand border */
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown.show .admin-user-role-dropdown__trigger[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__trigger:focus-visible[b-gwn2805d4n] {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    outline: none !important;
    box-shadow: none !important;
    color: #121A1F !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__trigger-icon[b-gwn2805d4n] {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__trigger-text[b-gwn2805d4n] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: inherit !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__chevron[b-gwn2805d4n] {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    font-size: 12px !important;
    color: #32434B !important;
    line-height: 1 !important;
    transition: transform 0.15s ease !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown.show .admin-user-role-dropdown__chevron[b-gwn2805d4n] {
    transform: rotate(180deg) !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__menu.dropdown-menu[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .dropdown-menu.admin-user-role-dropdown__menu[b-gwn2805d4n] {
    position: fixed !important;
    top: var(--admin-role-menu-top, auto) !important;
    left: var(--admin-role-menu-left, auto) !important;
    width: var(--admin-role-menu-width, 260px) !important;
    min-width: 220px !important;
    max-width: 260px !important;
    margin: 0 !important;
    padding: 8px 10px 8px 8px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.06) !important;
    z-index: 1200 !important;
    transform: none !important;
    float: none !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n] {
    max-height: 280px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0 !important;
    border-radius: 10px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar {
    width: 12px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-track {
    background: transparent !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE !important;
    border-radius: 999px !important;
    margin: 2px 4px !important;
    border: 4px solid transparent !important;
    background-clip: padding-box !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-thumb {
    background: #32434B !important;
    border-radius: 999px !important;
    border: 3px solid transparent !important;
    background-clip: padding-box !important;
    min-height: 48px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-thumb:hover {
    background: #121A1F !important;
    background-clip: padding-box !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-button:single-button {
    display: block !important;
    height: 16px !important;
    width: 12px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 6px !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-button:vertical:start:increment,
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__scroll[b-gwn2805d4n]::-webkit-scrollbar-button:vertical:end:decrement {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__hint[b-gwn2805d4n] {
    padding: 8px 10px 6px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #32434B !important;
    line-height: 1.3 !important;
    background: transparent !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item[b-gwn2805d4n] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    cursor: pointer !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item:last-child[b-gwn2805d4n] {
    margin-bottom: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item-icon[b-gwn2805d4n] {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    object-fit: contain !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item:hover[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item:focus[b-gwn2805d4n] {
    background: #E0F2FE !important;
    color: #32434B !important;
    outline: none !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item.is-selected[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item.is-selected:hover[b-gwn2805d4n],
.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item.is-selected:focus[b-gwn2805d4n] {
    background: #033D53 !important;
    color: #FFFFFF !important;
}

.admin-page #userNameScrollTarget_Users .admin-user-profile--figma .admin-user-role-dropdown__item.is-selected .admin-user-role-dropdown__item-icon[b-gwn2805d4n] {
    filter: brightness(0) invert(1) !important;
}

.admin-page #userDataScrollTarget_ErrorLog.admin-tab-content[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending.admin-tab-content[b-gwn2805d4n],
.admin-page #userDataScrollTarget_SiteSettings.admin-tab-content[b-gwn2805d4n] {
    padding: 0 0 0.5rem;
}


/* Vendor Pending — right panel empty (select a user) */
.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-panel[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-panel[b-gwn2805d4n] {
    width: 100%;
    margin-top: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    box-shadow: none;
    overflow: hidden;
    padding: 0.9rem 1.1rem 0.65rem;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-toolbar[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-toolbar[b-gwn2805d4n] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    width: 100%;
    min-width: 0;
    padding: 0 0 0.85rem;
    margin: 0 0 0.15rem;
    border-bottom: 1px solid #E2E8F0;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-toolbar__title[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-toolbar__title[b-gwn2805d4n] {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    color: #121A1F !important;
    line-height: 1.2 !important;
    width: 100%;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-empty[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-empty[b-gwn2805d4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 18rem;
    padding: 1.75rem 0.5rem 1.25rem;
    text-align: center;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-empty__art[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-empty__art[b-gwn2805d4n] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-empty__img[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-empty__img[b-gwn2805d4n] {
    display: block;
    width: 120px;
    height: 120px;
    max-width: 100%;
    object-fit: contain;
}

.admin-page #userNameScrollTarget_VendorPending .admin-vendor-select-empty__text[b-gwn2805d4n],
.admin-page #userDataScrollTarget_VendorPending .admin-vendor-select-empty__text[b-gwn2805d4n] {
    margin: 0;
    max-width: 22rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.45;
    color: #32434B;
}
/* /Pages/Admin/Shared/AdminListEmptyState.razor.rz.scp.css */
/* Admin list empty — Figma folder + search (#033D53), text ≥ 11px */
.admin-list-empty[b-wnqsbnzz2m] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 16rem;
  padding: 2.5rem 1.5rem;
  text-align: center;
}

.admin-list-empty__art[b-wnqsbnzz2m] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.admin-list-empty__img[b-wnqsbnzz2m] {
  display: block;
  width: 121px;
  height: 122px;
  max-width: 100%;
  object-fit: contain;
}

.admin-list-empty__title[b-wnqsbnzz2m] {
  margin: 0 0 0.35rem;
  font-size: 1.125rem; /* 18px */
  font-weight: 700;
  line-height: 1.3;
  color: #033D53;
}

.admin-list-empty__description[b-wnqsbnzz2m] {
  margin: 0;
  max-width: 28rem;
  font-size: 0.875rem; /* 14px */
  font-weight: 400;
  line-height: 1.45;
  color: #32434B;
}
/* /Pages/Admin/Shared/ListActivity.razor.rz.scp.css */
/* Activity Log — match Pending Invitations / Users Figma (text ≥ 11px, exact hex) */

.admin-activity-panel[b-ekxd046lua] {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  padding: 0.9rem 1.1rem 0.65rem;
}

.admin-activity-toolbar[b-ekxd046lua] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  width: 100%;
  min-width: 0;
  padding: 0 0 0.85rem;
  margin: 0 0 0.15rem;
  border-bottom: 1px solid #E2E8F0;
}

.admin-activity-toolbar__title[b-ekxd046lua] {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #121A1F !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.admin-activity-toolbar__controls[b-ekxd046lua] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  margin-left: auto;
}

/* Records per page */
.admin-activity-toolbar .admin-records-per-page[b-ekxd046lua] {
  --fc-sky: #E0F2FE;
  --fc-brand: #033D53;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0;
  z-index: 2;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.admin-activity-toolbar .admin-records-per-page.is-open[b-ekxd046lua] {
  z-index: 60;
}

.admin-activity-toolbar .admin-records-per-page__label[b-ekxd046lua] {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  color: #32434B !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.admin-activity-toolbar .admin-records-per-page__control[b-ekxd046lua] {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;
}

.admin-activity-toolbar .admin-records-per-page__backdrop[b-ekxd046lua] {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: transparent;
}

.admin-activity-toolbar .admin-records-per-page__trigger[b-ekxd046lua] {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 4.25rem;
  width: 4.25rem;
  height: 2.375rem;
  min-height: 2.375rem;
  padding: 0 2rem 0 0.875rem;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #F0F4F8;
  color: var(--fc-brand);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.admin-activity-toolbar .admin-records-per-page__trigger:hover[b-ekxd046lua] {
  background: #E0F2FE !important;
  border-color: transparent !important;
  color: #033D53 !important;
}

.admin-activity-toolbar .admin-records-per-page.is-open .admin-records-per-page__trigger[b-ekxd046lua],
.admin-activity-toolbar .admin-records-per-page__trigger:focus[b-ekxd046lua],
.admin-activity-toolbar .admin-records-per-page__trigger:focus-visible[b-ekxd046lua] {
  outline: none !important;
  box-shadow: none !important;
  border: 1.5px solid var(--fc-brand) !important;
  background: #FFFFFF !important;
}

.admin-activity-toolbar .admin-records-per-page__chevron[b-ekxd046lua] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.15s ease;
}

.admin-activity-toolbar .admin-records-per-page.is-open .admin-records-per-page__chevron[b-ekxd046lua] {
  transform: translateY(-50%) rotate(180deg);
}

.admin-activity-toolbar .admin-records-per-page__menu[b-ekxd046lua] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  width: max-content;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid #E5E9EE;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
}

.admin-activity-toolbar .admin-records-per-page__menu li[b-ekxd046lua] {
  margin: 0;
  padding: 0;
}

.admin-activity-toolbar .admin-records-per-page__menu li + li[b-ekxd046lua] {
  margin-top: 4px;
}

.admin-activity-toolbar .admin-records-per-page__option[b-ekxd046lua] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0.65rem 0.35rem 0.475rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1B3E5C;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.admin-activity-toolbar .admin-records-per-page__option:hover[b-ekxd046lua] {
  background: var(--fc-sky);
  color: var(--fc-brand);
}

.admin-activity-toolbar .admin-records-per-page__option.is-selected[b-ekxd046lua],
.admin-activity-toolbar .admin-records-per-page__option.is-selected:hover[b-ekxd046lua] {
  background: var(--fc-brand);
  color: #FFFFFF;
}

/* List */
.admin-activity-list__body[b-ekxd046lua] {
  min-height: 12rem;
}

.admin-activity-list__loading[b-ekxd046lua] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}

.admin-activity-list.is-loading[b-ekxd046lua]  .app-list-view-header-item-list,
.admin-activity-list.is-loading[b-ekxd046lua]  .k-listview-header,
.admin-activity-list.is-empty[b-ekxd046lua]  .app-list-view-header-item-list,
.admin-activity-list.is-empty[b-ekxd046lua]  .k-listview-header {
  display: none !important;
}

.admin-activity-list[b-ekxd046lua]  .app-list-view-header-item-list {
  font-size: 0.75rem;
  font-weight: 700;
  color: #121A1F;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.admin-activity-list[b-ekxd046lua]  .app-list-view-header-item-list .row.no-gutters {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  align-items: center;
  flex-wrap: nowrap !important;
}

.admin-activity-list[b-ekxd046lua]  .app-list-view-row {
  font-size: 0.8rem;
  color: #32434B;
  background: #FFFFFF !important;
  border-left: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.admin-activity-list[b-ekxd046lua]  .app-list-view-row .row.no-gutters {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  align-items: center;
  flex-wrap: nowrap !important;
  width: 100%;
}

.admin-activity-list[b-ekxd046lua]  .app-list-view-row:hover {
  background-color: #E0F2FE !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url-cell,
.admin-activity-list[b-ekxd046lua]  .admin-activity-list__env-cell,
.admin-activity-list[b-ekxd046lua]  .admin-activity-list__date-cell,
.admin-activity-list[b-ekxd046lua]  .admin-activity-list__type-cell {
  float: none !important;
  max-width: none;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url-cell {
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
  padding-right: 0.5rem !important;
  overflow: hidden;
  align-items: center !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__env-cell {
  flex: 0 0 6.5rem !important;
  width: 6.5rem !important;
  min-width: 6.5rem !important;
  padding-left: 0.25rem !important;
  padding-right: 0.35rem !important;
  overflow: hidden;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__date-cell {
  flex: 0 0 6.25rem !important;
  width: 6.25rem !important;
  min-width: 6.25rem !important;
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
  overflow: hidden;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__type-cell {
  flex: 0 0 12.5rem !important;
  width: 12.5rem !important;
  min-width: 12.5rem !important;
  max-width: 12.5rem !important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0.35rem !important;
  padding-right: 0.75rem !important;
  overflow: hidden;
  justify-content: flex-start !important;
  align-items: center !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url-heading {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url-heading .admin-activity-list__url-icon {
  margin-top: 0;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  width: 100%;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__url-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  flex-shrink: 0;
  color: #32434B;
  display: block;
  margin-top: 0;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
  max-width: 100%;
  color: #32434B;
  font-size: 0.8rem;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__link {
  display: block;
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
  color: #033D53 !important;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  text-decoration: none !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__link:hover {
  text-decoration: underline !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime-part {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #32434B;
  font-size: 0.6875rem; /* 11px */
  line-height: 1.25;
  white-space: nowrap;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime-part i,
.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime-icon {
  color: #32434B;
  font-size: 0.6875rem;
  width: 12px;
  height: 12px;
  min-width: 12px;
  flex-shrink: 0;
  display: block;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime-icon path[stroke] {
  stroke: currentColor;
  fill: none;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__datetime-icon path[fill] {
  fill: currentColor;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-list__chip {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  padding: 3px 10px;
  height: 26px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #EEF4FF;
  color: #002B6B;
  font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Frame 8522 — Viewed */
.admin-activity-list[b-ekxd046lua]  .admin-activity-list__chip--viewed {
  background: #EAFBF1;
  border: 1px solid #BBD4C5;
  color: #003D1F;
}

.admin-activity-list[b-ekxd046lua]  .k-pager,
.admin-activity-list[b-ekxd046lua]  .k-pager-wrap,
.admin-activity-list[b-ekxd046lua]  .k-listview-pager {
  display: none !important;
}

.admin-activity-list[b-ekxd046lua]  .admin-activity-pagination {
  width: 100%;
}
/* /Pages/Admin/Shared/ListErrors.razor.rz.scp.css */
/* Error Log — match Pending Invitations / Users Figma (text ≥ 11px, exact hex) */

.admin-errors-panel[b-8qrxls9qez] {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  padding: 0.9rem 1.1rem 0.65rem;
}

.admin-errors-toolbar[b-8qrxls9qez] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  width: 100%;
  min-width: 0;
  padding: 0 0 0.85rem;
  margin: 0 0 0.15rem;
  border-bottom: 1px solid #E2E8F0;
}

.admin-errors-toolbar__title[b-8qrxls9qez] {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #121A1F !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.admin-errors-toolbar__controls[b-8qrxls9qez] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  margin-left: auto;
}

/* Records per page */
.admin-errors-toolbar .admin-records-per-page[b-8qrxls9qez] {
  --fc-sky: #E0F2FE;
  --fc-brand: #033D53;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0;
  z-index: 2;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.admin-errors-toolbar .admin-records-per-page.is-open[b-8qrxls9qez] {
  z-index: 60;
}

.admin-errors-toolbar .admin-records-per-page__label[b-8qrxls9qez] {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  color: #32434B !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.admin-errors-toolbar .admin-records-per-page__control[b-8qrxls9qez] {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;
}

.admin-errors-toolbar .admin-records-per-page__backdrop[b-8qrxls9qez] {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: transparent;
}

.admin-errors-toolbar .admin-records-per-page__trigger[b-8qrxls9qez] {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 4.25rem;
  width: 4.25rem;
  height: 2.375rem;
  min-height: 2.375rem;
  padding: 0 2rem 0 0.875rem;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #F0F4F8;
  color: var(--fc-brand);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.admin-errors-toolbar .admin-records-per-page__trigger:hover[b-8qrxls9qez] {
  background: #E0F2FE !important;
  border-color: transparent !important;
  color: #033D53 !important;
}

.admin-errors-toolbar .admin-records-per-page.is-open .admin-records-per-page__trigger[b-8qrxls9qez],
.admin-errors-toolbar .admin-records-per-page__trigger:focus[b-8qrxls9qez],
.admin-errors-toolbar .admin-records-per-page__trigger:focus-visible[b-8qrxls9qez] {
  outline: none !important;
  box-shadow: none !important;
  border: 1.5px solid var(--fc-brand) !important;
  background: #FFFFFF !important;
}

.admin-errors-toolbar .admin-records-per-page__chevron[b-8qrxls9qez] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.15s ease;
}

.admin-errors-toolbar .admin-records-per-page.is-open .admin-records-per-page__chevron[b-8qrxls9qez] {
  transform: translateY(-50%) rotate(180deg);
}

.admin-errors-toolbar .admin-records-per-page__menu[b-8qrxls9qez] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  width: max-content;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid #E5E9EE;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
}

.admin-errors-toolbar .admin-records-per-page__menu li[b-8qrxls9qez] {
  margin: 0;
  padding: 0;
}

.admin-errors-toolbar .admin-records-per-page__menu li + li[b-8qrxls9qez] {
  margin-top: 4px;
}

.admin-errors-toolbar .admin-records-per-page__option[b-8qrxls9qez] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0.65rem 0.35rem 0.475rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1B3E5C;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.admin-errors-toolbar .admin-records-per-page__option:hover[b-8qrxls9qez] {
  background: var(--fc-sky);
  color: var(--fc-brand);
}

.admin-errors-toolbar .admin-records-per-page__option.is-selected[b-8qrxls9qez],
.admin-errors-toolbar .admin-records-per-page__option.is-selected:hover[b-8qrxls9qez] {
  background: var(--fc-brand);
  color: #FFFFFF;
}

/* List */
.admin-errors-list__body[b-8qrxls9qez] {
  min-height: 12rem;
}

.admin-errors-list__loading[b-8qrxls9qez] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}

.admin-errors-list.is-loading[b-8qrxls9qez]  .app-list-view-header-item-list,
.admin-errors-list.is-loading[b-8qrxls9qez]  .k-listview-header,
.admin-errors-list.is-empty[b-8qrxls9qez]  .app-list-view-header-item-list,
.admin-errors-list.is-empty[b-8qrxls9qez]  .k-listview-header {
  display: none !important;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-header-item-list {
  font-size: 0.75rem;
  font-weight: 700;
  color: #121A1F;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-header-item-list .row.no-gutters {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  align-items: center;
  justify-content: flex-start;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-row {
  font-size: 0.8rem;
  color: #32434B;
  background: #FFFFFF !important;
  border-left: 3px solid transparent;
  border-radius: 8px;
  overflow: visible;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-row .row.no-gutters {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  align-items: center;
  flex-wrap: wrap;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-row:has(.admin-errors-list__details[open]) .row.no-gutters {
  align-items: flex-start;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-row:hover {
  background-color: #E0F2FE !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url-cell,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__env-cell,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__date-cell,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__type-cell {
  min-width: 0;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url-cell {
  padding-right: 1.25rem !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__env-cell {
  padding-left: 0.5rem !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__date-cell {
  padding-right: 0.75rem !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url-heading,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url-icon {
  width: 14px;
  height: 14px;
  min-width: 14px;
  flex-shrink: 0;
  color: #32434B;
  display: block;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__text,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
  max-width: 100%;
  color: #32434B;
  font-size: 0.8rem;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__url .admin-errors-list__link {
  flex: 1 1 auto;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__link {
  color: #033D53 !important;
  text-decoration: none !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__link:hover {
  text-decoration: underline !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime-part {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #32434B;
  font-size: 0.6875rem; /* 11px */
  line-height: 1.25;
  white-space: nowrap;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime-part i,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime-icon {
  color: #32434B;
  font-size: 0.6875rem;
  width: 12px;
  height: 12px;
  min-width: 12px;
  flex-shrink: 0;
  display: block;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime-icon path[stroke] {
  stroke: currentColor;
  fill: none;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__datetime-icon path[fill] {
  fill: currentColor;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  padding: 0.35rem 0.85rem;
  border: none;
  border-radius: 0.35rem;
  background: #EEF4FF;
  color: #002B6B;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__chip-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  flex-shrink: 0;
  display: block;
  color: #002B6B;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-errors-list[b-8qrxls9qez]  .k-pager,
.admin-errors-list[b-8qrxls9qez]  .k-pager-wrap,
.admin-errors-list[b-8qrxls9qez]  .k-listview-pager {
  display: none !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-pagination {
  width: 100%;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__type-cell {
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0.25rem !important;
  gap: 0.35rem;
  overflow: visible;
}

.admin-errors-list[b-8qrxls9qez]  .app-list-view-header-item-list .admin-errors-list__type-cell {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__details {
  width: 100%;
  min-width: 0;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  cursor: pointer;
  list-style: none;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__summary::-webkit-details-marker,
.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__summary::marker {
  display: none;
  content: "";
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__preview-text {
  color: #32434B;
  font-size: 0.8rem;
  line-height: 1.3;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__readmore {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-left: 0.5rem;
  color: #033D53;
  font-size: 0.75rem; /* 12px */
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__readmore-less {
  display: none;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__details[open] .admin-errors-list__readmore-more {
  display: none;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__details[open] .admin-errors-list__readmore-less {
  display: inline;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__readmore-icon {
  width: 8px;
  height: 12px;
  min-width: 8px;
  display: block;
  color: #033D53;
  flex-shrink: 0;
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__details[open] .admin-errors-list__readmore-icon {
  transform: rotate(180deg);
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__message-expand {
  width: 100%;
  max-width: 100%;
  padding-top: 0.45rem;
}

@media (min-width: 768px) {
  .admin-errors-list[b-8qrxls9qez]  .admin-errors-list__details[open] .admin-errors-list__message-expand {
    width: 300%;
    max-width: 300%;
    margin-left: -200%;
  }
}

.admin-errors-list[b-8qrxls9qez]  .admin-errors-list__message-full {
  margin: 0;
  padding: 0.7rem 0.85rem;
  background: #F0F4F8;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  color: #32434B;
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
  font-size: 0.6875rem; /* 11px */
  font-weight: 400;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-height: none;
  overflow: visible;
}

/* /Pages/Admin/Shared/ListPendingInvitations.razor.rz.scp.css */
/* Pending Invitations — match Users tab Figma / AODA (text ≥ 11px, exact hex) */

.admin-invitations-panel[b-j78cgcck8l] {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  padding: 0.9rem 1.1rem 0.65rem;
}

.admin-invitations-toolbar[b-j78cgcck8l] {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  width: 100%;
  min-width: 0;
  padding: 0 0 0.85rem;
  margin: 0 0 0.15rem;
  border-bottom: 1px solid #E2E8F0;
}

.admin-invitations-toolbar__title[b-j78cgcck8l] {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #121A1F !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.admin-invitations-toolbar__controls[b-j78cgcck8l] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-width: 0;
  margin-left: 0;
}

.admin-invitations-toolbar .admin-toolbar-search[b-j78cgcck8l] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex: 1 1 0;
  min-width: 0;
}

.admin-invitations-toolbar .admin-toolbar-search__label[b-j78cgcck8l] {
  margin: 0;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #32434B !important;
  white-space: nowrap;
}

.admin-invitations-toolbar .admin-toolbar-search__field[b-j78cgcck8l] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  width: 100%;
}

.admin-invitations-toolbar .admin-toolbar-search__icon[b-j78cgcck8l] {
  position: absolute;
  left: 0.85rem;
  z-index: 1;
  color: #033D53 !important;
  font-size: 0.8rem !important;
  pointer-events: none;
}

.admin-invitations-toolbar .admin-toolbar-search__input[b-j78cgcck8l],
.admin-invitations-toolbar .admin-toolbar-search .form-control[b-j78cgcck8l] {
  width: 100% !important;
  min-height: 2.35rem !important;
  padding: 0.45rem 0.9rem 0.45rem 2.15rem !important;
  background: #F0F4F8 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: #121A1F !important;
  font-size: 0.8125rem !important;
  box-shadow: none !important;
}

.admin-invitations-toolbar .admin-toolbar-search__input[b-j78cgcck8l]::placeholder {
  color: #121A1F !important;
  opacity: 0.7;
}

.admin-invitations-toolbar .admin-toolbar-search__input:focus[b-j78cgcck8l] {
  border-color: #033D53 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

.admin-invitations-filter[b-j78cgcck8l] {
  --fc-sky: #E0F2FE;
  --fc-brand: #033D53;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 0;
  min-width: 0;
  justify-content: flex-start;
  z-index: 2;
}

.admin-invitations-filter.is-open[b-j78cgcck8l] {
  z-index: 60;
}

.admin-invitations-filter__label[b-j78cgcck8l] {
  margin: 0;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #32434B !important;
  white-space: nowrap;
}

.admin-invitations-filter__control[b-j78cgcck8l] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}

.admin-invitations-filter__backdrop[b-j78cgcck8l] {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: transparent;
}

.admin-invitations-filter__trigger[b-j78cgcck8l] {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  height: 2.375rem;
  min-height: 2.375rem;
  padding: 0 2.25rem 0 0.875rem;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #F0F4F8;
  color: var(--fc-brand);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.admin-invitations-filter__value[b-j78cgcck8l] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-invitations-filter__trigger:hover[b-j78cgcck8l] {
  background: #E0F2FE !important;
  border-color: transparent !important;
  color: #033D53 !important;
}

.admin-invitations-filter.is-open .admin-invitations-filter__trigger[b-j78cgcck8l],
.admin-invitations-filter__trigger:focus[b-j78cgcck8l],
.admin-invitations-filter__trigger:focus-visible[b-j78cgcck8l] {
  outline: none !important;
  box-shadow: none !important;
  border: 1.5px solid var(--fc-brand) !important;
  background: #FFFFFF !important;
}

.admin-invitations-filter__chevron[b-j78cgcck8l] {
  position: absolute;
  right: 0.85rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.15s ease;
}

.admin-invitations-filter.is-open .admin-invitations-filter__chevron[b-j78cgcck8l] {
  transform: translateY(-50%) rotate(180deg);
}

.admin-invitations-filter__menu[b-j78cgcck8l] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  width: max-content;
  max-height: 16rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid #E5E9EE;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
}

.admin-invitations-filter__menu li[b-j78cgcck8l] {
  margin: 0;
  padding: 0;
}

.admin-invitations-filter__menu li + li[b-j78cgcck8l] {
  margin-top: 4px;
}

.admin-invitations-filter__menu--role[b-j78cgcck8l] {
  max-height: none;
  overflow: visible;
  padding: 8px 10px 8px 8px;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.06);
}

.admin-invitations-filter__scroll[b-j78cgcck8l] {
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px 0 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  /* Do NOT set scrollbar-width/color — they override ::-webkit-* arrows in Chrome */
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar {
  width: 12px;
  background: transparent;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-track {
  background: transparent;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-corner {
  background: transparent;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-track-piece:vertical {
  background: #E0F2FE;
  border-radius: 999px;
  margin: 2px 4px;
  border: 4px solid transparent;
  background-clip: padding-box;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-thumb {
  background: #32434B;
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
  min-height: 48px;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-thumb:hover {
  background: #121A1F;
  background-clip: padding-box;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-button:single-button {
  display: block;
  height: 16px;
  width: 12px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 6px;
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-button:vertical:start:increment,
.admin-invitations-filter__scroll[b-j78cgcck8l]::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
  height: 0;
  width: 0;
}

.admin-invitations-filter__option[b-j78cgcck8l] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0.65rem 0.35rem 0.475rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1B3E5C;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.admin-invitations-filter__option:hover[b-j78cgcck8l] {
  background: var(--fc-sky);
  color: var(--fc-brand);
}

.admin-invitations-filter__option.is-selected[b-j78cgcck8l],
.admin-invitations-filter__option.is-selected:hover[b-j78cgcck8l] {
  background: var(--fc-brand);
  color: #FFFFFF;
}

/* Records per page — same as Users / FC select */
.admin-invitations-toolbar .admin-records-per-page[b-j78cgcck8l] {
  --fc-sky: #E0F2FE;
  --fc-brand: #033D53;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  flex: 1 1 0;
  min-width: 0;
  z-index: 2;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.admin-invitations-toolbar .admin-records-per-page.is-open[b-j78cgcck8l] {
  z-index: 60;
}

.admin-invitations-toolbar .admin-records-per-page__label[b-j78cgcck8l] {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  color: #32434B !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.admin-invitations-toolbar .admin-records-per-page__control[b-j78cgcck8l] {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;
}

.admin-invitations-toolbar .admin-records-per-page__backdrop[b-j78cgcck8l] {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: transparent;
}

.admin-invitations-toolbar .admin-records-per-page__trigger[b-j78cgcck8l] {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 4.25rem;
  width: 4.25rem;
  height: 2.375rem;
  min-height: 2.375rem;
  padding: 0 2rem 0 0.875rem;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #F0F4F8;
  color: var(--fc-brand);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.admin-invitations-toolbar .admin-records-per-page__trigger:hover[b-j78cgcck8l] {
  background: #E0F2FE !important;
  border-color: transparent !important;
  color: #033D53 !important;
}

.admin-invitations-toolbar .admin-records-per-page.is-open .admin-records-per-page__trigger[b-j78cgcck8l],
.admin-invitations-toolbar .admin-records-per-page__trigger:focus[b-j78cgcck8l],
.admin-invitations-toolbar .admin-records-per-page__trigger:focus-visible[b-j78cgcck8l] {
  outline: none !important;
  box-shadow: none !important;
  border: 1.5px solid var(--fc-brand) !important;
  background: #FFFFFF !important;
}

.admin-invitations-toolbar .admin-records-per-page__chevron[b-j78cgcck8l] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.15s ease;
}

.admin-invitations-toolbar .admin-records-per-page.is-open .admin-records-per-page__chevron[b-j78cgcck8l] {
  transform: translateY(-50%) rotate(180deg);
}

.admin-invitations-toolbar .admin-records-per-page__menu[b-j78cgcck8l] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  width: max-content;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid #E5E9EE;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
}

.admin-invitations-toolbar .admin-records-per-page__menu li[b-j78cgcck8l] {
  margin: 0;
  padding: 0;
}

.admin-invitations-toolbar .admin-records-per-page__menu li + li[b-j78cgcck8l] {
  margin-top: 4px;
}

.admin-invitations-toolbar .admin-records-per-page__option[b-j78cgcck8l] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0.65rem 0.35rem 0.475rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1B3E5C;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.admin-invitations-toolbar .admin-records-per-page__option:hover[b-j78cgcck8l] {
  background: var(--fc-sky);
  color: var(--fc-brand);
}

.admin-invitations-toolbar .admin-records-per-page__option.is-selected[b-j78cgcck8l],
.admin-invitations-toolbar .admin-records-per-page__option.is-selected:hover[b-j78cgcck8l] {
  background: var(--fc-brand);
  color: #FFFFFF;
}

/* List */
.admin-invitations-list__body[b-j78cgcck8l] {
  min-height: 12rem;
}

.admin-invitations-list__loading[b-j78cgcck8l] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}

.admin-invitations-list.is-loading[b-j78cgcck8l]  .app-list-view-header-item-list,
.admin-invitations-list.is-loading[b-j78cgcck8l]  .k-listview-header,
.admin-invitations-list.is-empty[b-j78cgcck8l]  .app-list-view-header-item-list,
.admin-invitations-list.is-empty[b-j78cgcck8l]  .k-listview-header {
  display: none !important;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-header-item-list {
  font-size: 0.75rem;
  font-weight: 700;
  color: #121A1F;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-header-item-list .row.no-gutters {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  align-items: center;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-row {
  font-size: 0.8rem;
  color: #32434B;
  background: #FFFFFF !important;
  border-left: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-row .row.no-gutters {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  align-items: center;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__email-cell,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__role-cell,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__invited-by-cell,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-cell,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell {
  min-width: 0;
}

/* Invited On / Expiry Date — keep headers on one line */
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-cell {
  white-space: nowrap;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-cell--on {
  padding-left: 0.25rem !important;
  padding-right: 0.5rem !important;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-cell--expiry {
  padding-left: 0.75rem !important;
  padding-right: 0.25rem !important;
}

/* Status + Actions in one cell — slight gap between chip and Resend */
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 1rem !important;
  padding-left: 0.35rem !important;
  padding-right: 0.25rem !important;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell__label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  white-space: nowrap;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell__label--status {
  min-width: 5.5rem;
  text-align: center;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell__label--actions {
  min-width: 6.5rem;
  text-align: center;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell .admin-invitations-list__status-chip {
  flex-shrink: 0;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-actions-cell .admin-invitations-list__resend-btn {
  flex-shrink: 0;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__email-text,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  color: #32434B;
  font-size: 0.8rem;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-part {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #32434B;
  font-size: 0.6875rem; /* 11px */
  line-height: 1.25;
  white-space: nowrap;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-part i,
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-icon {
  color: #32434B;
  font-size: 0.6875rem;
  width: 12px;
  height: 12px;
  min-width: 12px;
  flex-shrink: 0;
  display: block;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-icon path[stroke] {
  stroke: currentColor;
  fill: none;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__datetime-icon path[fill] {
  fill: currentColor;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__role-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  padding: 0.35rem 0.75rem;
  border: none;
  border-radius: 0.35rem;
  background: #EEF4FF;
  color: #002B6B;
  line-height: 1.2;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__role-chip-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__role-chip-text {
  font-size: 0.75rem;
  font-weight: 700;
  color: #002B6B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 3px 10px;
  height: 26px;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-icon {
  width: 16px;
  height: 14px;
  flex-shrink: 0;
  display: block;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-chip--pending {
  background: #FFF4D9;
  color: #523300;
  text-transform: none;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__status-chip--expired {
  background: #FEF3C7;
  color: #121A1F;
  text-transform: none;
}

/* Resend — Figma colors/icon; rounded rect (not pill), like Users Login button */
.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  padding: 0.35rem 0.85rem !important;
  min-height: 2rem !important;
  height: 2rem !important;
  border-radius: 8px !important; /* rectangle corners — not 999px / pill */
  background: #FFFFFF !important;
  border: 1px solid #033D53 !important;
  color: #121A1F !important;
  box-shadow: none !important;
  cursor: pointer;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
  color: #32434B;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn:hover {
  background: #E0F2FE !important; /* sky */
  border-color: #033D53 !important;
  color: #121A1F !important;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn:hover .admin-invitations-list__resend-icon {
  color: #32434B;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn:active {
  background: #033D53 !important; /* dark */
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn:active .admin-invitations-list__resend-icon {
  color: #FFFFFF;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-list__resend-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-row:hover {
  background-color: #E0F2FE !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-invitations-list[b-j78cgcck8l]  .app-list-view-row:hover .admin-invitations-list__role-chip {
  background: #FFFFFF !important;
}

.admin-invitations-list[b-j78cgcck8l]  .k-pager,
.admin-invitations-list[b-j78cgcck8l]  .k-pager-wrap,
.admin-invitations-list[b-j78cgcck8l]  .k-listview-pager {
  display: none !important;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-pagination {
  width: 100%;
}

.admin-invitations-list[b-j78cgcck8l]  .admin-invitations-pagination .module-list-pagination__controls {
  gap: 0.5rem !important;
}
/* /Pages/Admin/Shared/ListPendingSCSUsers.razor.rz.scp.css */
.progress[b-buk8kygg3p],
.progress .progress-bar[b-buk8kygg3p] {
  height: 12px !important; }
/* /Pages/Admin/Shared/ListPendingVendorUsers.razor.rz.scp.css */
/* Vendor Users Pending Approval — match Pending Invitations / Users Figma (text ≥ 11px, exact hex) */

.admin-vendor-pending-panel[b-oi9kvl0hwh] {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  padding: 0.9rem 1.1rem 0.65rem;
}

.admin-vendor-pending-toolbar[b-oi9kvl0hwh] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.25rem;
  width: 100%;
  min-width: 0;
  padding: 0 0 0.85rem;
  margin: 0 0 0.15rem;
  border-bottom: 1px solid #E2E8F0;
}

.admin-vendor-pending-toolbar__title[b-oi9kvl0hwh] {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #121A1F !important;
  line-height: 1.2 !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.admin-vendor-pending-toolbar__controls[b-oi9kvl0hwh] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  margin-left: auto;
}

/* Records per page */
.admin-vendor-pending-toolbar .admin-records-per-page[b-oi9kvl0hwh] {
  --fc-sky: #E0F2FE;
  --fc-brand: #033D53;
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0;
  z-index: 2;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.admin-vendor-pending-toolbar .admin-records-per-page.is-open[b-oi9kvl0hwh] {
  z-index: 60;
}

.admin-vendor-pending-toolbar .admin-records-per-page__label[b-oi9kvl0hwh] {
  margin: 0 !important;
  font-size: 0.8125rem !important;
  color: #32434B !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.admin-vendor-pending-toolbar .admin-records-per-page__control[b-oi9kvl0hwh] {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: visible;
}

.admin-vendor-pending-toolbar .admin-records-per-page__backdrop[b-oi9kvl0hwh] {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: transparent;
}

.admin-vendor-pending-toolbar .admin-records-per-page__trigger[b-oi9kvl0hwh] {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 4.25rem;
  width: 4.25rem;
  height: 2.375rem;
  min-height: 2.375rem;
  padding: 0 2rem 0 0.875rem;
  border: 1.5px solid transparent;
  border-radius: 8px;
  background: #F0F4F8;
  color: var(--fc-brand);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: none;
  outline: none;
  cursor: pointer;
}

.admin-vendor-pending-toolbar .admin-records-per-page__trigger:hover[b-oi9kvl0hwh] {
  background: #E0F2FE !important;
  border-color: transparent !important;
  color: #033D53 !important;
}

.admin-vendor-pending-toolbar .admin-records-per-page.is-open .admin-records-per-page__trigger[b-oi9kvl0hwh],
.admin-vendor-pending-toolbar .admin-records-per-page__trigger:focus[b-oi9kvl0hwh],
.admin-vendor-pending-toolbar .admin-records-per-page__trigger:focus-visible[b-oi9kvl0hwh] {
  outline: none !important;
  box-shadow: none !important;
  border: 1.5px solid var(--fc-brand) !important;
  background: #FFFFFF !important;
}

.admin-vendor-pending-toolbar .admin-records-per-page__chevron[b-oi9kvl0hwh] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.15s ease;
}

.admin-vendor-pending-toolbar .admin-records-per-page.is-open .admin-records-per-page__chevron[b-oi9kvl0hwh] {
  transform: translateY(-50%) rotate(180deg);
}

.admin-vendor-pending-toolbar .admin-records-per-page__menu[b-oi9kvl0hwh] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  z-index: 50;
  min-width: 100%;
  width: max-content;
  margin: 0;
  padding: 0.4rem;
  list-style: none;
  border: 1px solid #E5E9EE;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
}

.admin-vendor-pending-toolbar .admin-records-per-page__menu li[b-oi9kvl0hwh] {
  margin: 0;
  padding: 0;
}

.admin-vendor-pending-toolbar .admin-records-per-page__menu li + li[b-oi9kvl0hwh] {
  margin-top: 4px;
}

.admin-vendor-pending-toolbar .admin-records-per-page__option[b-oi9kvl0hwh] {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.35rem 0.65rem 0.35rem 0.475rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1B3E5C;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}

.admin-vendor-pending-toolbar .admin-records-per-page__option:hover[b-oi9kvl0hwh] {
  background: var(--fc-sky);
  color: var(--fc-brand);
}

.admin-vendor-pending-toolbar .admin-records-per-page__option.is-selected[b-oi9kvl0hwh],
.admin-vendor-pending-toolbar .admin-records-per-page__option.is-selected:hover[b-oi9kvl0hwh] {
  background: var(--fc-brand);
  color: #FFFFFF;
}

/* List */
.admin-vendor-pending-list__body[b-oi9kvl0hwh] {
  min-height: 12rem;
}

.admin-vendor-pending-list__loading[b-oi9kvl0hwh] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}

.admin-vendor-pending-list.is-loading[b-oi9kvl0hwh]  .app-list-view-header-item-list,
.admin-vendor-pending-list.is-loading[b-oi9kvl0hwh]  .k-listview-header,
.admin-vendor-pending-list.is-empty[b-oi9kvl0hwh]  .app-list-view-header-item-list,
.admin-vendor-pending-list.is-empty[b-oi9kvl0hwh]  .k-listview-header {
  display: none !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-header-item-list {
  font-size: 0.75rem;
  font-weight: 700;
  color: #121A1F;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-header-item-list .row.no-gutters {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  align-items: center;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-row {
  font-size: 0.8rem;
  color: #32434B;
  background: #FFFFFF !important;
  border-left: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-row .row.no-gutters {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  align-items: center;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-row:hover {
  background-color: #E0F2FE !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .app-list-view-item { min-width: 0; }

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__text,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  color: #32434B;
  font-size: 0.8rem;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__link {
  color: #033D53 !important;
  text-decoration: none !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__link:hover {
  text-decoration: underline !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime-part {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #32434B;
  font-size: 0.6875rem; /* 11px */
  line-height: 1.25;
  white-space: nowrap;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime-part i,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime-icon {
  color: #32434B;
  font-size: 0.6875rem;
  width: 12px;
  height: 12px;
  min-width: 12px;
  flex-shrink: 0;
  display: block;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime-icon path[stroke] {
  stroke: currentColor;
  fill: none;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__datetime-icon path[fill] {
  fill: currentColor;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  padding: 0.35rem 0.85rem;
  border: none;
  border-radius: 0.35rem;
  background: #EEF4FF;
  color: #002B6B;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .k-pager,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .k-pager-wrap,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .k-listview-pager {
  display: none !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-pagination {
  width: 100%;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-users-list__profile-img-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-users-list__profile-img-wrap .app-profile-photo,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-users-list__profile-img-wrap img,
.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-user-list-placeholder-photo {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-user-list-placeholder-photo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F0F4F8 !important;
  color: #32434B !important;
  border-radius: 100px !important;
}

.admin-vendor-pending-list[b-oi9kvl0hwh]  .admin-vendor-pending-list__chip-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
}
/* /Pages/Admin/Shared/ListRoles.razor.rz.scp.css */
/* ============================================================
   Role Management — Figma layout (scoped to ListRoles)
   Overrides global .role-mgmt-* in app.css only within this component.
   Typography: Source Sans 3 + exact Figma px sizes (not rem).
   ============================================================ */

.role-mgmt-figma[b-98s29ettu5],
.role-mgmt-figma button[b-98s29ettu5],
.role-mgmt-figma input[b-98s29ettu5],
.role-mgmt-figma h4[b-98s29ettu5],
.role-mgmt-figma h5[b-98s29ettu5],
.role-mgmt-figma span[b-98s29ettu5],
.role-mgmt-figma p[b-98s29ettu5] {
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
}

.role-mgmt-figma.role-mgmt-container[b-98s29ettu5] {
    display: flex;
    height: calc(100vh - 11.5rem);
    min-height: 420px;
    max-height: 640px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    border: none;
    gap: 0;
}

/* Sidebar Styling */
.role-mgmt-figma .role-mgmt-sidebar[b-98s29ettu5] {
    width: 360px;
    min-width: 280px;
    max-width: 400px;
    border-right: none;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: 15px 0 0 15px;
    padding: 12px 10px;
    gap: 12px;
}

.role-mgmt-figma .role-mgmt-sidebar__header[b-98s29ettu5] {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    position: static;
    background: transparent;
    z-index: auto;
}

.role-mgmt-figma .role-mgmt-sidebar__title[b-98s29ettu5] {
    font-weight: 700;
    font-size: 16px !important; /* match layout section titles */
    color: #121a1f;
    letter-spacing: normal;
    line-height: 22px;
}

.role-mgmt-figma .role-mgmt-add-btn[b-98s29ettu5] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fff;
    color: #033d53;
    border: 1px solid #033d53;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
    box-shadow: none;
}

/* Figma 13704:90563 — + icon button: hover #e0f2fe, click #033d53 */
.role-mgmt-figma .role-mgmt-add-btn:hover[b-98s29ettu5] {
    background: #e0f2fe;
    color: #033d53;
    transform: none;
    box-shadow: none;
}

.role-mgmt-figma .role-mgmt-add-btn:active[b-98s29ettu5] {
    background: #033d53;
    color: #fff;
    border-color: #033d53;
}

.role-mgmt-figma .role-mgmt-add-btn:active img[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .role-mgmt-add-btn img[b-98s29ettu5] {
    width: 14px;
    height: 14px;
    display: block;
}

.role-mgmt-figma .role-mgmt-sidebar__search[b-98s29ettu5] {
    padding: 0;
    position: static;
    top: auto;
    background: transparent;
    z-index: auto;
    border-bottom: none;
}

.role-mgmt-figma .role-mgmt-search-wrap[b-98s29ettu5] {
    position: relative;
    width: 100%;
}

.role-mgmt-figma .role-mgmt-search-icon[b-98s29ettu5] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    display: block;
    pointer-events: none;
}

.role-mgmt-figma .role-mgmt-branch-label img[b-98s29ettu5] {
    width: 20px;
    height: 20px;
    display: block;
    flex-shrink: 0;
    object-fit: contain;
}

.role-mgmt-figma .role-mgmt-role-item__icon[b-98s29ettu5] {
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: inherit;
    font-size: inherit;
    flex-shrink: 0;
    overflow: hidden;
}

.role-mgmt-figma .role-mgmt-role-item__icon img[b-98s29ettu5] {
    width: 32px;
    height: 32px;
    display: block;
    object-fit: contain;
}

.role-mgmt-figma .role-mgmt-role-item--active .role-mgmt-role-item__icon[b-98s29ettu5] {
    background: transparent;
    color: inherit;
}

.role-mgmt-figma .role-mgmt-role-item__arrow[b-98s29ettu5] {
    width: 14px;
    height: 14px;
    margin-left: 8px;
    flex-shrink: 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain;
}

.role-mgmt-figma .role-mgmt-detail__icon-wrap[b-98s29ettu5] {
    background: #f0f4f8;
    color: inherit;
}

.role-mgmt-figma .role-mgmt-detail__icon-wrap img.role-mgmt-detail__icon[b-98s29ettu5] {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: contain;
}

.role-mgmt-figma .role-mgmt-search-input[b-98s29ettu5] {
    width: 100%;
    padding: 7px 12px 7px 36px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #f0f4f8;
    font-size: 0.875rem !important; /* match layout inputs (14px) */
    font-weight: 400;
    color: #121a1f;
    outline: none;
    box-shadow: none;
    transition: background 0.15s ease;
    line-height: normal;
}

.role-mgmt-figma .role-mgmt-search-input:focus[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-search-input:focus-visible[b-98s29ettu5] {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    background: #f0f4f8;
}

.role-mgmt-figma .role-mgmt-search-input[b-98s29ettu5]::placeholder {
    color: #121a1f;
    opacity: 0.85;
}

/* Branch Groups */
.role-mgmt-figma .role-mgmt-sidebar__scroll-content[b-98s29ettu5] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    /* Gap between role cards and scrollbar track */
    padding-right: 8px;
    box-sizing: border-box;
    /* Figma scrollbar (node 13704:89419): 6px pill track #e0f2fe / thumb #033d53 */
    scrollbar-width: thin;
    scrollbar-color: #033d53 #e0f2fe;
}

.role-mgmt-figma .role-mgmt-sidebar__scroll-content[b-98s29ettu5]::-webkit-scrollbar {
    width: 6px;
}

.role-mgmt-figma .role-mgmt-sidebar__scroll-content[b-98s29ettu5]::-webkit-scrollbar-track {
    background: #e0f2fe;
    border-radius: 100px;
}

.role-mgmt-figma .role-mgmt-sidebar__scroll-content[b-98s29ettu5]::-webkit-scrollbar-thumb {
    background: #033d53;
    border-radius: 100px;
}

.role-mgmt-figma .role-mgmt-sidebar__scroll-content[b-98s29ettu5]::-webkit-scrollbar-thumb:hover {
    background: #033d53;
}

.role-mgmt-figma .role-mgmt-branch-group[b-98s29ettu5] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.role-mgmt-figma .role-mgmt-branch-label[b-98s29ettu5] {
    padding: 10px 0;
    font-size: 0.9375rem !important; /* 15px — larger than role options */
    font-weight: 700;
    text-transform: uppercase;
    color: #121a1f;
    letter-spacing: 0.02em;
    line-height: normal;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.role-mgmt-figma .role-mgmt-branch-label i[b-98s29ettu5] {
    font-size: 1rem;
    color: #033d53;
}

/* Role Item Styling */
.role-mgmt-figma .role-mgmt-role-item[b-98s29ettu5] {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s ease, border-radius 0.2s ease;
    position: relative;
    border-left: none;
    background: #fff;
    border-radius: 10px;
    margin: 0;
}

/* Figma hover (node 13704:89419 / 13704:89438) */
.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active)[b-98s29ettu5] {
    background: #e0f2fe;
    border-radius: 10px;
}

.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active) .role-mgmt-role-item__label[b-98s29ettu5] {
    font-weight: 700;
}

.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active) .role-mgmt-role-item__arrow[b-98s29ettu5] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none;
}

.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active) .role-mgmt-role-item__badge[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active) .role-mgmt-role-item__badge--system[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item:hover:not(.role-mgmt-role-item--active) .role-mgmt-role-item__badge--custom[b-98s29ettu5] {
    background: #fff;
}

/* Figma click/selected (node 13704:89659) — !important beats global app.css .role-mgmt-role-item--active */
.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active:hover[b-98s29ettu5] {
    background: #033d53 !important;
    border-left: none !important;
    border-left-color: transparent !important;
    border-radius: 10px;
    color: #fff;
}

.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__label[b-98s29ettu5] {
    font-weight: 700;
    color: #fff !important;
}

.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__badge[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__badge--system[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__badge--custom[b-98s29ettu5] {
    background: #fff !important;
    color: #121a1f !important;
}

.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__icon[b-98s29ettu5] {
    background: transparent !important;
    color: #fff !important;
}

.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__icon img[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item.role-mgmt-role-item--active .role-mgmt-role-item__arrow[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .role-mgmt-role-item__info[b-98s29ettu5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.role-mgmt-figma .role-mgmt-role-item__label[b-98s29ettu5] {
    font-size: 0.8125rem !important; /* 13px — smaller than branch heading */
    font-weight: 600;
    color: #121a1f;
    line-height: normal;
}

.role-mgmt-figma .role-mgmt-role-item__badge[b-98s29ettu5] {
    padding: 2px 8px;
    font-size: 11px !important;
    font-weight: 400;
    border-radius: 8px;
    width: fit-content;
    background: #f0f4f8;
    color: #121a1f;
    line-height: normal;
    transition: background 0.2s ease;
}

.role-mgmt-figma .role-mgmt-role-item__badge--system[b-98s29ettu5],
.role-mgmt-figma .role-mgmt-role-item__badge--custom[b-98s29ettu5] {
    background: #f0f4f8;
    color: #121a1f;
}

.role-mgmt-figma .role-mgmt-empty[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #718096;
    gap: 0.5rem;
}

/* Detail Panel */
.role-mgmt-figma .role-mgmt-detail[b-98s29ettu5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    border-radius: 0 12px 12px 0;
    padding: 8px;
    min-width: 0;
    min-height: 0;
}

.role-mgmt-figma .role-mgmt-detail__empty[b-98s29ettu5] {
    margin: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px 12px;
    gap: 10px;
    color: #121a1f;
    background: #fff;
    border-radius: 12px;
}

.role-mgmt-figma .role-mgmt-detail__empty-icon[b-98s29ettu5] {
    font-size: unset;
    margin-bottom: 0;
    color: unset;
    width: 72px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.role-mgmt-figma .role-mgmt-detail__empty-icon img[b-98s29ettu5] {
    width: 72px;
    height: 76px;
    display: block;
    object-fit: contain;
}

.role-mgmt-figma .role-mgmt-detail__empty h5[b-98s29ettu5] {
    margin: 0;
    font-size: 1rem !important;
    font-weight: 700;
    color: #033d53;
    width: 100%;
    line-height: 1.2;
}

.role-mgmt-figma .role-mgmt-detail__empty p[b-98s29ettu5] {
    margin: 0;
    font-size: 0.8125rem !important;
    font-weight: 400;
    color: #121a1f;
    max-width: 22rem;
    line-height: 1.35;
}

.role-mgmt-figma .role-mgmt-create-btn.role-mgmt-create-btn--outline[b-98s29ettu5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 14px;
    background: #fff;
    color: #033d53;
    border: 1px solid #033d53;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.8125rem !important;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}

/* Figma 13704:90563 — outlined primary: hover #e0f2fe, click #033d53 */
.role-mgmt-figma .role-mgmt-create-btn.role-mgmt-create-btn--outline:hover[b-98s29ettu5] {
    background: #e0f2fe;
    color: #121a1f;
    transform: none;
    filter: none;
    box-shadow: none;
}

.role-mgmt-figma .role-mgmt-create-btn.role-mgmt-create-btn--outline:active[b-98s29ettu5] {
    background: #033d53;
    color: #fff;
    border-color: #033d53;
    font-weight: 700;
}

.role-mgmt-figma .role-mgmt-create-btn.role-mgmt-create-btn--outline:active img[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .role-mgmt-create-btn.role-mgmt-create-btn--outline img[b-98s29ettu5] {
    width: 14px;
    height: 14px;
    display: block;
    flex-shrink: 0;
}

/* Selected-role detail — Figma node 13704:85390 / 13704:85874 */
.role-mgmt-figma .role-mgmt-detail__content[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 4px 0 0;
    background: transparent;
    border-radius: 0;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: #033d53 #ffffff;
}

.role-mgmt-figma .role-mgmt-detail__content[b-98s29ettu5]::-webkit-scrollbar {
    width: 6px;
}

.role-mgmt-figma .role-mgmt-detail__content[b-98s29ettu5]::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 100px;
}

.role-mgmt-figma .role-mgmt-detail__content[b-98s29ettu5]::-webkit-scrollbar-thumb {
    background: #033d53;
    border-radius: 100px;
    min-height: 44px;
}

.role-mgmt-figma .rmd-header[b-98s29ettu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}

.role-mgmt-figma .rmd-header__left[b-98s29ettu5] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1;
}

/* Figma 13704:86239 — compact chip */
.role-mgmt-figma .rmd-chip[b-98s29ettu5] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #033d53;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    padding: 6px;
    box-sizing: border-box;
}

.role-mgmt-figma .rmd-chip img[b-98s29ettu5] {
    width: 14px;
    height: 14px;
    display: block;
    object-fit: contain;
    flex-shrink: 0;
}

.role-mgmt-figma h4.rmd-header__title[b-98s29ettu5],
.role-mgmt-figma .rmd-header__title[b-98s29ettu5] {
    margin: 0;
    font-size: 1.05rem !important;
    font-weight: 700;
    color: #121a1f;
    line-height: 1.2;
}

.role-mgmt-figma .rmd-header__badges[b-98s29ettu5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.role-mgmt-figma .rmd-pill[b-98s29ettu5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 0.8125rem !important; /* match layout chips/labels */
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.role-mgmt-figma .rmd-pill img[b-98s29ettu5] {
    width: 18px;
    height: 18px;
    display: block;
}

.role-mgmt-figma .rmd-pill--branch.rmd-pill--scs[b-98s29ettu5] {
    background: #eafbf1;
    color: #003d1f;
}

.role-mgmt-figma .rmd-pill--branch.rmd-pill--vnd[b-98s29ettu5] {
    background: #fffaf0;
    color: #9a3412;
}

.role-mgmt-figma .rmd-pill--branch.rmd-pill--client[b-98s29ettu5] {
    background: #ebf8ff;
    color: #1e40af;
}

.role-mgmt-figma .rmd-pill--branch.rmd-pill--other[b-98s29ettu5] {
    background: #f0f4f8;
    color: #32434b;
}

.role-mgmt-figma .rmd-pill--system[b-98s29ettu5] {
    background: #fff0f2;
    color: #5e0011;
}

.role-mgmt-figma .rmd-pill--custom[b-98s29ettu5] {
    background: #eafbf1;
    color: #003d1f;
}

.role-mgmt-figma .rmd-header__actions[b-98s29ettu5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.role-mgmt-figma .rmd-save-btn[b-98s29ettu5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    background: #e8f5e9;
    color: #103613;
    border: 1px solid #103613;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.8125rem !important;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.role-mgmt-figma .rmd-save-btn img[b-98s29ettu5] {
    width: 14px;
    height: 14px;
    display: block;
}

/* Figma 13704:90590 — save: normal outlined green, hover #005e07, click #004706 */
.role-mgmt-figma .rmd-save-btn:hover:not(:disabled)[b-98s29ettu5] {
    background: #005e07;
    color: #fff;
    border-color: #005e07;
}

.role-mgmt-figma .rmd-save-btn:hover:not(:disabled) img[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .rmd-save-btn:active:not(:disabled)[b-98s29ettu5] {
    background: #004706;
    color: #fff;
    border-color: #004706;
    font-weight: 700;
}

.role-mgmt-figma .rmd-save-btn:active:not(:disabled) img[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .rmd-save-btn:disabled[b-98s29ettu5] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Figma 13704:90590 — delete: 1 normal #ffebee, 2 hover #7f1d1d, 3 click #551414 */
.role-mgmt-figma .role-mgmt-delete-btn[b-98s29ettu5] {
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background: #ffebee;
    color: #470e0e;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
    box-shadow: none;
}

.role-mgmt-figma .role-mgmt-delete-btn:hover[b-98s29ettu5] {
    background: #7f1d1d;
    color: #fff;
    transform: none;
    box-shadow: none;
}

.role-mgmt-figma .role-mgmt-delete-btn:active[b-98s29ettu5] {
    background: #551414;
    color: #fff;
}

.role-mgmt-figma .rmd-card[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #fff;
    border-radius: 12px;
    width: 100%;
    box-sizing: border-box;
}

.role-mgmt-figma .rmd-section-head[b-98s29ettu5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.role-mgmt-figma .rmd-section-head__title[b-98s29ettu5] {
    font-size: 14px !important;
    font-weight: 700;
    color: #121a1f;
    line-height: 20px;
}

.role-mgmt-figma .rmd-meta-row[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: 100%;
}

.role-mgmt-figma .rmd-meta-cell[b-98s29ettu5] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-width: 0;
    padding: 8px 0;
    border-top: none;
    border-bottom: 1px solid #e2e8f0;
    opacity: 0.9;
}

.role-mgmt-figma .rmd-meta-cell:first-child[b-98s29ettu5] {
    border-top: 1px solid #e2e8f0;
}

.role-mgmt-figma .rmd-meta-divider[b-98s29ettu5] {
    display: none;
}

.role-mgmt-figma .rmd-meta-cell__label[b-98s29ettu5],
.role-mgmt-figma .rmd-meta-cell__value[b-98s29ettu5] {
    min-width: 0;
    max-width: 100%;
    font-size: 0.8125rem !important;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-mgmt-figma .rmd-meta-cell__label[b-98s29ettu5] {
    flex: 0 0 7.5rem;
    width: 7.5rem;
    font-weight: 600;
    color: #32434b;
    text-transform: uppercase;
    font-size: 11px !important;
}

.role-mgmt-figma .rmd-meta-cell__value[b-98s29ettu5] {
    flex: 0 1 auto;
    font-weight: 600;
    color: #121a1f;
}

.role-mgmt-figma .rmd-meta-divider[b-98s29ettu5] {
    width: 1px;
    align-self: stretch;
    background: #e2e8f0;
    flex-shrink: 0;
}

.role-mgmt-figma .rmd-desc[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.role-mgmt-figma .rmd-desc__label[b-98s29ettu5] {
    font-size: 11px !important;
    font-weight: 600;
    color: #32434b;
    line-height: normal;
}

.role-mgmt-figma .rmd-desc__box[b-98s29ettu5] {
    min-height: 40px;
    padding: 8px 12px;
    background: #f0f4f8;
    border-radius: 8px;
    font-size: 0.875rem !important; /* match layout inputs */
    font-weight: 400;
    color: #121a1f;
    line-height: normal;
}

.role-mgmt-figma .rmd-perms[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 0 0 auto;
    min-height: auto;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
    background: #fff;
    border-radius: 12px;
    /* Single horizontal inset — tabs + cards share exact same width */
    padding: 10px 12px 12px;
    box-sizing: border-box;
    overflow: hidden;
}

.role-mgmt-figma .rmd-perms__top[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.role-mgmt-figma .rmd-perms__heading[b-98s29ettu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.role-mgmt-figma .rmd-enabled-pill[b-98s29ettu5] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    background: #f0f4f8;
    border-radius: 10px;
    font-size: 0.8125rem !important; /* match layout chips/labels */
    font-weight: 400;
    color: #32434b;
    white-space: nowrap;
    line-height: normal;
}

.role-mgmt-figma .rmd-tabs[b-98s29ettu5] {
    display: flex;
    gap: 2px;
    flex-wrap: nowrap;
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    border-bottom: 2px solid #033D53;
}

.role-mgmt-figma .rmd-tab[b-98s29ettu5] {
    appearance: none;
    border: none;
    background: transparent;
    flex: 1 1 0;
    min-width: 0;
    padding: 4px 4px;
    border-radius: 8px 8px 0 0;
    font-size: 0.6875rem !important; /* 11px — AODA min */
    font-weight: 400;
    color: #32434b;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    line-height: normal;
    box-sizing: border-box;
}

/* Figma 13704:90590 — tabs: hover #e0f2fe semibold, selected #033d53 bold */
.role-mgmt-figma .rmd-tab:hover:not(.rmd-tab--active)[b-98s29ettu5] {
    background: #e0f2fe;
    color: #121a1f;
    font-weight: 600;
}

.role-mgmt-figma .rmd-tab:active:not(.rmd-tab--active)[b-98s29ettu5] {
    background: #033d53;
    color: #fff;
    font-weight: 700;
}

.role-mgmt-figma .rmd-tab--active[b-98s29ettu5],
.role-mgmt-figma .rmd-tab--active:hover[b-98s29ettu5] {
    background: #033d53;
    color: #fff;
    font-weight: 700; /* Figma Bold */
    border-left: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    border-top: 1px solid #e2e8f0;
}

.role-mgmt-figma .rmd-perm-scroll[b-98s29ettu5] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: auto;
    flex: 0 0 auto;
    overflow: hidden;
    /* No horizontal padding — .rmd-perms already insets tabs + cards equally */
    padding: 16px 0 0;
    margin: 0;
    box-sizing: border-box;
    background: transparent;
}

.role-mgmt-figma .rmd-perm-list[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    background: transparent;
    flex: none;
    min-height: auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.role-mgmt-figma .rmd-perm-card[b-98s29ettu5] {
    background: #f0f4f8;
    border-radius: 12px;
    padding: 12px 16px;
    transition: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    align-self: stretch;
}

/* Figma 13704:90296 — expanded card: top/side padding only; children fill below header rule */
.role-mgmt-figma .rmd-perm-card--expanded[b-98s29ettu5] {
    padding: 12px 16px 0;
}

.role-mgmt-figma .rmd-perm-row[b-98s29ettu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.role-mgmt-figma .rmd-perm-card--expanded > .rmd-perm-row[b-98s29ettu5] {
    border-bottom: 1px solid #033d53;
    padding-bottom: 12px;
}

.role-mgmt-figma .rmd-perm-row__name[b-98s29ettu5] {
    font-size: 0.875rem !important; /* match layout body/list text */
    font-weight: 700;
    color: #32434b;
    line-height: normal;
}

.role-mgmt-figma .rmd-perm-row__controls[b-98s29ettu5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    flex-shrink: 0;
}

.role-mgmt-figma .rmd-expand-btn[b-98s29ettu5] {
    width: 42px;
    height: 42px;
    border: none;
    background: transparent;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s ease;
}

.role-mgmt-figma .rmd-expand-btn img[b-98s29ettu5] {
    width: 16px;
    height: 16px;
    display: block;
    transition: transform 0.2s, filter 0.2s;
}

/* Figma 13704:90590 — expand chevron: hover #e0f2fe, click/open #033d53 */
.role-mgmt-figma .rmd-expand-btn:hover:not(.rmd-expand-btn--open)[b-98s29ettu5] {
    background: #e0f2fe;
}

.role-mgmt-figma .rmd-expand-btn:active:not(.rmd-expand-btn--open)[b-98s29ettu5] {
    background: #033d53;
}

.role-mgmt-figma .rmd-expand-btn:active:not(.rmd-expand-btn--open) img[b-98s29ettu5] {
    filter: brightness(0) invert(1);
}

.role-mgmt-figma .rmd-expand-btn--open[b-98s29ettu5],
.role-mgmt-figma .rmd-expand-btn--open:hover[b-98s29ettu5] {
    background: #033d53;
}

.role-mgmt-figma .rmd-expand-btn--open img[b-98s29ettu5] {
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

/* Figma 13704:90296 — parent toggle off: expanded chevron stays gray, no teal chip */
.role-mgmt-figma .rmd-expand-btn--open.rmd-expand-btn--open-muted[b-98s29ettu5],
.role-mgmt-figma .rmd-expand-btn--open.rmd-expand-btn--open-muted:hover[b-98s29ettu5] {
    background: transparent;
}

.role-mgmt-figma .rmd-expand-btn--open.rmd-expand-btn--open-muted img[b-98s29ettu5] {
    transform: rotate(180deg);
    filter: none;
}

.role-mgmt-figma .rmd-expand-btn--spacer[b-98s29ettu5] {
    visibility: hidden;
    pointer-events: none;
}

/* Expanded children — 2-column grid (Figma 13704:86239 / 13704:86812) */
.role-mgmt-figma .rmd-perm-children[b-98s29ettu5] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    width: 100%;
}

.role-mgmt-figma .rmd-perm-child-row[b-98s29ettu5] {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 20px 0;
    border-bottom: 1px solid #e2e8f0;
    width: 100%;
    box-sizing: border-box;
}

.role-mgmt-figma .rmd-perm-child-row:first-child[b-98s29ettu5] {
    border-top: 1px solid #e2e8f0;
}

.role-mgmt-figma .rmd-perm-child-row:last-child[b-98s29ettu5] {
    border-bottom: none;
    padding-bottom: 20px;
}

.role-mgmt-figma .rmd-perm-child[b-98s29ettu5] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

.role-mgmt-figma .rmd-perm-child--empty[b-98s29ettu5] {
    visibility: hidden;
    pointer-events: none;
}

.role-mgmt-figma .rmd-perm-child-divider[b-98s29ettu5] {
    width: 1px;
    align-self: stretch;
    background: #e2e8f0;
    flex-shrink: 0;
}

.role-mgmt-figma .rmd-perm-child__name[b-98s29ettu5] {
    font-size: 0.875rem !important; /* match layout body text */
    font-weight: 400;
    color: #32434b;
    line-height: normal;
    min-width: 0;
}

/* Figma toggles (42×20) */
.role-mgmt-figma .role-mgmt-toggle[b-98s29ettu5] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 20px;
    flex-shrink: 0;
}

.role-mgmt-figma .role-mgmt-toggle input[b-98s29ettu5] {
    opacity: 0;
    width: 0;
    height: 0;
}

.role-mgmt-figma .role-mgmt-toggle__slider[b-98s29ettu5] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e2e8f0;
    transition: 0.25s;
    border-radius: 34px;
}

.role-mgmt-figma .role-mgmt-toggle__slider[b-98s29ettu5]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #94a3b8;
    transition: 0.25s;
    border-radius: 50%;
}

.role-mgmt-figma .role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-98s29ettu5] {
    background-color: #033d53;
}

.role-mgmt-figma .role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-98s29ettu5]:before {
    transform: translateX(22px);
    background-color: #fff;
}

.role-mgmt-figma .role-mgmt-toggle--disabled[b-98s29ettu5] {
    opacity: 0.4;
    cursor: not-allowed;
}

.role-mgmt-figma .role-mgmt-toggle--disabled .role-mgmt-toggle__slider[b-98s29ettu5] {
    cursor: not-allowed;
}

@media (max-width: 992px) {
    .role-mgmt-figma.role-mgmt-container[b-98s29ettu5] {
        flex-direction: column;
        height: auto;
        min-height: 0;
    }

    .role-mgmt-figma .role-mgmt-sidebar[b-98s29ettu5] {
        width: 100%;
        max-width: none;
        border-radius: 15px 15px 0 0;
        height: auto;
        max-height: 420px;
    }

    .role-mgmt-figma .role-mgmt-detail[b-98s29ettu5] {
        border-radius: 0 0 15px 15px;
        min-height: 360px;
    }

    .role-mgmt-figma .rmd-meta-row[b-98s29ettu5] {
        flex-direction: column;
        gap: 0;
    }

    .role-mgmt-figma .rmd-meta-divider[b-98s29ettu5] {
        display: none;
    }

    .role-mgmt-figma .rmd-perm-child-row[b-98s29ettu5] {
        flex-direction: column;
        gap: 16px;
        align-items: stretch;
    }

    .role-mgmt-figma .rmd-perm-child-divider[b-98s29ettu5] {
        display: none;
    }

    .role-mgmt-figma .rmd-perm-child--empty[b-98s29ettu5] {
        display: none;
    }
}
/* /Pages/Admin/Shared/ListUserActivity.razor.rz.scp.css */
/* ============================================================
   User profile Activities — Figma look (Bootstrap cols for layout)
   Do NOT override col widths / display:grid / display:contents —
   AppListView + Bootstrap col-md-* keep header/row aligned.
   ============================================================ */

.admin-user-activity--figma[b-fl9wj85rv2] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
    padding: 4px 0 12px;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .k-listview-header {
    border: none !important;
    background: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
}

.admin-user-activity--figma.is-empty[b-fl9wj85rv2]  .app-list-view-header-item-list,
.admin-user-activity--figma.is-empty[b-fl9wj85rv2]  .k-listview-header {
    display: none !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list {
    border-top: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-left: 3px solid transparent !important;
    background: #FFFFFF !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list .row.no-gutters,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row .row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row {
    cursor: pointer !important;
    min-height: 56px !important;
    padding: 10px 12px !important;
    border-top: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #32434B !important;
    font-size: 11px !important;
    line-height: 16px !important;
    box-sizing: border-box !important;
    transition: background-color 0.12s ease, border-color 0.12s ease !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:last-child {
    border-bottom: none !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:hover {
    background-color: #E0F2FE !important;
    border-left-color: #033D53 !important;
    box-shadow: none !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected),
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left-color: #033D53 !important;
    box-shadow: none !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__url,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__url-text,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__env,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__date-part,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__url,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__url-text,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__env,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__date-part {
    color: #FFFFFF !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__row-icon,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__col-icon i,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__date-part i,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__date-icon,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__row-icon,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__col-icon i,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__date-part i,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__date-icon {
    color: #FFFFFF !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:active .admin-user-activity__badge,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-activity__badge {
    background: #FFFFFF !important;
    color: #033D53 !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list + hr,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list ~ hr,
.admin-user-activity--figma[b-fl9wj85rv2]  .k-listview-header + hr,
.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-row + hr,
.admin-user-activity--figma[b-fl9wj85rv2]  hr {
    display: none !important;
    border: none !important;
    margin: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list .admin-user-activity__col {
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: left !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .app-list-view-header-item-list .admin-user-activity__col-icon {
    text-align: center !important;
}

/* Nudge Environment + Date slightly right (Type stays put) */
.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__col-env,
.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__col-date {
    padding-left: 36px !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .k-pager,
.admin-user-activity--figma[b-fl9wj85rv2]  .k-pager-wrap,
.admin-user-activity--figma[b-fl9wj85rv2]  .k-listview-pager {
    display: none !important;
}

.admin-user-activity__row-icon[b-fl9wj85rv2],
.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__col-icon i {
    color: #32434B !important;
    font-size: 14px !important;
}

.admin-user-activity__url[b-fl9wj85rv2],
.admin-user-activity__url-text[b-fl9wj85rv2] {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #033D53 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-decoration: none !important;
}

.admin-user-activity__url:hover[b-fl9wj85rv2] {
    color: #033D53 !important;
    text-decoration: underline !important;
}

.admin-user-activity__env[b-fl9wj85rv2] {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
    color: #32434B !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}

.admin-user-activity__date[b-fl9wj85rv2] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
}

.admin-user-activity__date-part[b-fl9wj85rv2] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #32434B !important;
    font-size: 11px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
}

.admin-user-activity__date-part i[b-fl9wj85rv2],
.admin-user-activity__date-part .admin-user-activity__date-icon[b-fl9wj85rv2] {
    color: #32434B !important;
    font-size: 11px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.admin-user-activity__date-part .admin-user-activity__date-icon path[stroke][b-fl9wj85rv2] {
    stroke: currentColor;
    fill: none;
}

.admin-user-activity__date-part .admin-user-activity__date-icon path[fill][b-fl9wj85rv2] {
    fill: currentColor;
}

.admin-user-activity__badge[b-fl9wj85rv2] {
    display: inline-block !important;
    max-width: 100% !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

.admin-user-activity__badge--viewed[b-fl9wj85rv2] {
    background: #D1FAE5 !important;
    color: #005E07 !important;
}

.admin-user-activity__badge--impersonation[b-fl9wj85rv2] {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.admin-user-activity__badge--default[b-fl9wj85rv2] {
    background: #F0F4F8 !important;
    color: #32434B !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__pagination.module-list-pagination,
.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__pagination {
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 12px 16px 8px !important;
    border-top: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.admin-user-activity--figma[b-fl9wj85rv2]  .admin-user-activity__pagination .module-list-pagination__label {
    color: #32434B !important;
    font-size: 12px !important;
}
/* /Pages/Admin/Shared/ListUserErrors.razor.rz.scp.css */
/* ============================================================
   User profile Errors — same Read More / row layout as Error Log
   ============================================================ */

.admin-user-error--figma[b-tsueu5rg3f] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 0 0 12px;
}

.admin-user-error--figma .admin-user-profile__errors-title[b-tsueu5rg3f] {
    display: block !important;
    margin: 0 0 14px 0 !important;
    padding: 16px 16px 0 !important;
    border: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    background: transparent !important;
}

.admin-user-error__list[b-tsueu5rg3f] {
    width: 100%;
    min-width: 0;
    overflow: visible;
    padding: 0 8px;
    box-sizing: border-box;
}

.admin-user-error--figma[b-tsueu5rg3f]  .k-listview-header {
    border: none !important;
    background: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
}

.admin-user-error--figma.is-empty[b-tsueu5rg3f]  .app-list-view-header-item-list,
.admin-user-error--figma.is-empty[b-tsueu5rg3f]  .k-listview-header {
    display: none !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list {
    border-top: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-left: 3px solid transparent !important;
    background: #FFFFFF !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list .row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Always top-align row cells. Center-align vertically centers Url/Env/Date
   against a tall open Message expand and hides that metadata. */
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row .row.no-gutters,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.admin-user-error__details[open]) .row.no-gutters {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row {
    cursor: pointer !important;
    min-height: 56px !important;
    padding: 10px 12px !important;
    border-top: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-left: 3px solid transparent !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #32434B !important;
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    transition: background-color 0.12s ease, border-color 0.12s ease !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:last-child {
    border-bottom: none !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:hover {
    background-color: #E0F2FE !important;
    border-left-color: #033D53 !important;
    box-shadow: none !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected),
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left-color: #033D53 !important;
    box-shadow: none !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__url,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__url-text,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__env,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__date-part,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__preview-text,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__readmore,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__url,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__url-text,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__env,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__date-part,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__preview-text,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__readmore {
    color: #FFFFFF !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__url-icon,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__date-part i,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__date-icon,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:active .admin-user-error__readmore-icon,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__url-icon,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__date-part i,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__date-icon,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-error__readmore-icon {
    color: #FFFFFF !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list + hr,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list ~ hr,
.admin-user-error--figma[b-tsueu5rg3f]  .k-listview-header + hr,
.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row + hr,
.admin-user-error--figma[b-tsueu5rg3f]  hr {
    display: none !important;
    border: none !important;
    margin: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list .admin-user-error__col {
    color: #32434B !important;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: left !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-url,
.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-env,
.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-date,
.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-message {
    min-width: 0;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-url {
    padding-right: 1.25rem !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-env {
    padding-left: 0.5rem !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-date {
    padding-right: 0.75rem !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__col-message {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 0.35rem;
    overflow: visible !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-header-item-list .admin-user-error__col-message {
    flex-direction: row !important;
    align-items: center !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .k-pager,
.admin-user-error--figma[b-tsueu5rg3f]  .k-pager-wrap,
.admin-user-error--figma[b-tsueu5rg3f]  .k-listview-pager {
    display: none !important;
}

.admin-user-error__url-heading[b-tsueu5rg3f],
.admin-user-error__url-wrap[b-tsueu5rg3f] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.admin-user-error__url-icon[b-tsueu5rg3f] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    flex-shrink: 0;
    color: #32434B;
    display: block;
}

.admin-user-error__url[b-tsueu5rg3f],
.admin-user-error__url-text[b-tsueu5rg3f] {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #033D53 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

.admin-user-error__url:hover[b-tsueu5rg3f] {
    color: #033D53 !important;
    text-decoration: underline !important;
}

.admin-user-error__env[b-tsueu5rg3f] {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
    color: #32434B !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.admin-user-error__date[b-tsueu5rg3f] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 6px !important;
}

.admin-user-error__date-part[b-tsueu5rg3f] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #32434B !important;
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.admin-user-error__date-part i[b-tsueu5rg3f],
.admin-user-error__date-part .admin-user-error__date-icon[b-tsueu5rg3f] {
    color: #32434B !important;
    font-size: 11px !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.admin-user-error__date-part .admin-user-error__date-icon path[stroke][b-tsueu5rg3f] {
    stroke: currentColor;
    fill: none;
}

.admin-user-error__date-part .admin-user-error__date-icon path[fill][b-tsueu5rg3f] {
    fill: currentColor;
}

/* Same Read More expand pattern as Error Log (ListErrors) */
.admin-user-error__details[b-tsueu5rg3f] {
    width: 100%;
    min-width: 0;
}

.admin-user-error__summary[b-tsueu5rg3f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    /* Match Date column (date + time) so expand starts below all metadata */
    min-height: 2.75rem;
    cursor: pointer;
    list-style: none;
}

.admin-user-error__summary[b-tsueu5rg3f]::-webkit-details-marker,
.admin-user-error__summary[b-tsueu5rg3f]::marker {
    display: none;
    content: "";
}

.admin-user-error__preview-text[b-tsueu5rg3f] {
    color: #32434B;
    font-size: 0.8rem;
    line-height: 1.3;
}

.admin-user-error__readmore[b-tsueu5rg3f] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.5rem;
    color: #033D53;
    font-size: 0.75rem; /* 12px ≥ 11px AODA */
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.admin-user-error__readmore-less[b-tsueu5rg3f] {
    display: none;
}

.admin-user-error__details[open] .admin-user-error__readmore-more[b-tsueu5rg3f] {
    display: none;
}

.admin-user-error__details[open] .admin-user-error__readmore-less[b-tsueu5rg3f] {
    display: inline;
}

.admin-user-error__readmore-icon[b-tsueu5rg3f] {
    width: 8px;
    height: 12px;
    min-width: 8px;
    display: block;
    color: #033D53;
    flex-shrink: 0;
}

.admin-user-error__details[open] .admin-user-error__readmore-icon[b-tsueu5rg3f] {
    transform: rotate(180deg);
}

.admin-user-error__message-expand[b-tsueu5rg3f] {
    width: 100%;
    max-width: 100%;
    padding-top: 0.45rem;
}

@media (min-width: 768px) {
    /* Message is col-md-4 — same span math as Error Log.
       Keep below metadata (flex-start + summary min-height); never cover Url/Env/Date. */
    .admin-user-error__details[open] .admin-user-error__message-expand[b-tsueu5rg3f] {
        width: 300%;
        max-width: 300%;
        margin-left: -200%;
        position: relative;
        z-index: 0;
    }

    .admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.admin-user-error__details[open]) .admin-user-error__col-url,
    .admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.admin-user-error__details[open]) .admin-user-error__col-env,
    .admin-user-error--figma[b-tsueu5rg3f]  .app-list-view-row:has(.admin-user-error__details[open]) .admin-user-error__col-date {
        position: relative;
        z-index: 1;
    }
}

.admin-user-error__message-full[b-tsueu5rg3f] {
    margin: 0;
    padding: 0.7rem 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #32434B;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;
    font-size: 0.6875rem; /* 11px */
    font-weight: 400;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-height: none;
    overflow: visible;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__pagination.module-list-pagination,
.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__pagination {
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 12px 16px 8px !important;
    border-top: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.admin-user-error--figma[b-tsueu5rg3f]  .admin-user-error__pagination .module-list-pagination__label {
    color: #32434B !important;
    font-size: 12px !important;
}
/* /Pages/Admin/Shared/ListUsers.razor.rz.scp.css */
.progress[b-h0tit237xk],
.progress .progress-bar[b-h0tit237xk] {
  height: 12px !important;
}

.admin-users-list__body[b-h0tit237xk] {
  min-height: 12rem;
}

.admin-users-list__loading[b-h0tit237xk] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}

/* Hide column headers while loading or when list is empty */
.admin-list-container.is-loading[b-h0tit237xk]  .app-list-view-header-item-list,
.admin-list-container.is-loading[b-h0tit237xk]  .k-listview-header,
.admin-list-container.is-empty[b-h0tit237xk]  .app-list-view-header-item-list,
.admin-list-container.is-empty[b-h0tit237xk]  .k-listview-header,
.admin-list-container:has(.k-loading-mask)[b-h0tit237xk]  .app-list-view-header-item-list,
.admin-list-container:has(.k-loading-mask)[b-h0tit237xk]  .k-listview-header {
  display: none !important;
}

/* Compact sizing — colors only from Figma */
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-header-item-list {
  font-size: 0.75rem;
  font-weight: 700;
  color: #121A1F;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-header-item-list .row.no-gutters {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row {
  font-size: 0.8rem;
  color: #32434B;
  background: #FFFFFF !important;
  border-left: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row .row.no-gutters {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__name-text,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__email-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  color: #32434B;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__profile-img-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__profile-img-wrap .app-profile-photo,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__profile-img-wrap img,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__profile-img-wrap .admin-user-list-placeholder-photo,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-user-list-placeholder-photo {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  font-size: 1rem !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-user-list-placeholder-photo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #F0F4F8 !important;
  color: #32434B !important;
  border-radius: 100px !important;
  border: none !important;
  box-shadow: none !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-user-list-placeholder-photo__icon {
  width: 16px !important;
  height: 16px !important;
  color: #32434B !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__role-cell {
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Role chips — Figma colors: #EEF4FF / #002B6B */
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__role-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  padding: 0.35rem 0.85rem;
  border: none;
  border-radius: 0.35rem;
  background: #EEF4FF;
  color: #002B6B;
  box-shadow: none;
  line-height: 1.2;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__role-chip-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: block;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__role-chip-text {
  font-size: 0.75rem;
  font-weight: 700;
  color: #002B6B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Login as User — same shape/states as Invite User (not pill) */
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .btn,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell button,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  font-size: 0.6875rem !important; /* 11px ≥ 11px */
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  padding: 0.3rem 0.7rem !important;
  line-height: 1.2 !important;
  min-height: 1.875rem !important;
  height: 1.875rem !important;
  border-radius: 8px !important;
  background: #E0F2FE !important;
  border: 1px solid #033D53 !important;
  color: #121A1F !important;
  box-shadow: none !important;
  cursor: pointer;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__login-btn-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: block;
  color: #121A1F;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .btn:hover,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell button:hover,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn:hover {
  background: #033D53 !important;
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn:hover .admin-users-list__login-btn-icon {
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .btn:active,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell button:active,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn:active {
  background: #001D28 !important;
  border-color: #001D28 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn:active .admin-users-list__login-btn-icon {
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .admin-users-list__login-btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell .btn i,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-list__actions-cell button i {
  color: inherit !important;
}

/* Row states — Figma: default / hover sky+left bar / selected dark */
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover {
  background-color: #E0F2FE !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__role-chip {
  background: #FFFFFF !important;
  color: #002B6B !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__role-chip-text {
  color: #002B6B !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__login-btn {
  background: #E0F2FE !important;
  border-color: #033D53 !important;
  color: #121A1F !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__login-btn:hover {
  background: #033D53 !important;
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__login-btn:hover .admin-users-list__login-btn-icon {
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:hover .admin-users-list__login-btn:active,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__login-btn:active {
  background: #001D28 !important;
  border-color: #001D28 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* Selected = brand fill + white name/email */
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected),
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected):hover {
  background-color: #033D53 !important;
  border-left: 3px solid #033D53 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__name-text,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__email-text,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__name-text,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__email-text {
  color: #FFFFFF !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-user-list-placeholder-photo {
  background: #F0F4F8 !important;
  color: #32434B !important;
}

/* Figma: role chip white on hover + selected */
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__role-chip,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__role-chip {
  background: #FFFFFF !important;
  color: #002B6B !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__role-chip-text,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__role-chip-text {
  color: #002B6B !important;
}

/* Login stays sky on selected row */
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__login-btn,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__login-btn {
  background: #E0F2FE !important;
  border-color: #033D53 !important;
  color: #121A1F !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:has(.app-list-view-row-item-selected) .admin-users-list__login-btn-icon,
.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row:active .admin-users-list__login-btn-icon {
  color: #121A1F !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .app-list-view-row .app-list-view-row-item-selected {
  background: transparent !important;
  border-left: none !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* Hide leftover Telerik pager — Users list uses ModuleListPagination (FC-style) */
.admin-users-list--sysadmin[b-h0tit237xk]  .k-pager,
.admin-users-list--sysadmin[b-h0tit237xk]  .k-pager-wrap,
.admin-users-list--sysadmin[b-h0tit237xk]  .k-listview-pager,
.admin-list-grid-wrap[b-h0tit237xk]  .k-pager,
.admin-list-grid-wrap[b-h0tit237xk]  .k-pager-wrap,
.admin-list-grid-wrap[b-h0tit237xk]  .k-listview-pager {
  display: none !important;
}

/* Admin Users — ModuleListPagination (same control set as FC list) */
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-pagination,
.admin-list-grid-wrap[b-h0tit237xk]  .admin-users-pagination {
  width: 100%;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-pagination .module-list-pagination__controls,
.admin-list-grid-wrap[b-h0tit237xk]  .admin-users-pagination .module-list-pagination__controls {
  gap: 0.5rem !important;
}

.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-pagination .btn.module-list-pagination__page.is-active,
.admin-users-list--sysadmin[b-h0tit237xk]  .admin-users-pagination .btn.module-list-pagination__page[aria-current="page"],
.admin-list-grid-wrap[b-h0tit237xk]  .admin-users-pagination .btn.module-list-pagination__page.is-active,
.admin-list-grid-wrap[b-h0tit237xk]  .admin-users-pagination .btn.module-list-pagination__page[aria-current="page"] {
  background: #033D53 !important;
  background-color: #033D53 !important;
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}
/* /Pages/Domain/Billing/AppDirectDepositWorkflow.razor.rz.scp.css */
.dd-wrap[b-o0peeiqt3k] {
    color: #32434B;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.dd-card[b-o0peeiqt3k] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dd-form[b-o0peeiqt3k] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.dd-section[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #E2E8F0;
}

.dd-card h2[b-o0peeiqt3k],
.dd-card h3[b-o0peeiqt3k],
.dd-card legend[b-o0peeiqt3k],
.dd-upload-label[b-o0peeiqt3k] {
    color: #121A1F;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.dd-lede[b-o0peeiqt3k],
.dd-hint[b-o0peeiqt3k],
.dd-card p[b-o0peeiqt3k] {
    color: #32434B;
    font-size: 14px;
    margin: 0;
}

.dd-hint[b-o0peeiqt3k] {
    font-size: 12px;
}

.dd-grid[b-o0peeiqt3k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.dd-grid-3[b-o0peeiqt3k] {
    grid-template-columns: 1fr 1fr 1.4fr;
}

.dd-field[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dd-field label[b-o0peeiqt3k] {
    color: #121A1F;
    font-size: 14px;
    font-weight: 600;
}

.dd-field input[b-o0peeiqt3k],
.dd-card textarea[b-o0peeiqt3k] {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: none;
    color: #121A1F;
    font-size: 14px;
    min-height: 40px;
    outline: none;
    padding: 8px 12px;
    width: 100%;
    box-sizing: border-box;
}

.dd-field input:focus[b-o0peeiqt3k],
.dd-field input:focus-visible[b-o0peeiqt3k],
.dd-field input[type="text"]:focus[b-o0peeiqt3k],
.dd-field input[type="email"]:focus[b-o0peeiqt3k],
.dd-card textarea:focus[b-o0peeiqt3k],
.dd-card textarea:focus-visible[b-o0peeiqt3k] {
    background: #F0F4F8;
    border: 1px solid #033D53;
    box-shadow: none;
    outline: none;
}

.dd-field input[b-o0peeiqt3k]::placeholder {
    color: #32434B;
}

.dd-card textarea[b-o0peeiqt3k] {
    min-height: 72px;
    border: 1px solid #033D53;
    field-sizing: content;
    overflow: hidden;
    resize: both;
}

.dd-upload[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.dd-drop[b-o0peeiqt3k] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 120px;
    padding: 16px;
    border: 1.5px dashed #32434B;
    border-radius: 8px;
    background: #FFFFFF;
}

.dd-drop-pick[b-o0peeiqt3k] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 88px;
    text-align: center;
    cursor: pointer;
}

.dd-drop:hover[b-o0peeiqt3k],
.dd-drop-active[b-o0peeiqt3k] {
    background: #E0F2FE;
    border-color: #033D53;
    outline: none;
    box-shadow: none;
}

.dd-drop:focus-within[b-o0peeiqt3k] {
    border-color: #033D53;
    outline: none;
    box-shadow: none;
}

.dd-drop-title[b-o0peeiqt3k] {
    color: #033D53;
    font-size: 14px;
    font-weight: 600;
}

.dd-drop-pick[b-o0peeiqt3k]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.dd-drop.is-disabled[b-o0peeiqt3k] {
    opacity: 0.55;
    cursor: not-allowed;
}

.dd-file-list[b-o0peeiqt3k] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
    width: 100%;
}

.dd-file-row[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #E2E8F0;
    min-width: 0;
}

.dd-file-row:last-child[b-o0peeiqt3k] {
    border-bottom: 0;
}

.dd-file-badge[b-o0peeiqt3k] {
    width: 38px;
    height: 38px;
    border-radius: 6px;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
}

.dd-file-meta[b-o0peeiqt3k] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dd-file-name[b-o0peeiqt3k] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: #121A1F;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: underline;
    cursor: pointer;
    word-break: break-word;
}

.dd-file-name:hover[b-o0peeiqt3k] {
    color: #121A1F;
    background: transparent;
    outline: none;
}

.dd-file-name:focus-visible[b-o0peeiqt3k] {
    color: #121A1F;
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-file-size[b-o0peeiqt3k] {
    color: #32434B;
    font-size: 12px;
}

.dd-file-actions[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.dd-file-action[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #32434B;
    font-size: 14px;
    cursor: pointer;
}

.dd-file-action:hover[b-o0peeiqt3k] {
    background: transparent;
    color: #32434B;
    outline: none;
}

.dd-file-action:focus-visible[b-o0peeiqt3k] {
    background: transparent;
    color: #32434B;
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-file-action--danger[b-o0peeiqt3k],
.dd-file-action--danger:hover[b-o0peeiqt3k] {
    background: transparent;
    color: #D92D20;
    outline: none;
}

.dd-file-action--danger:focus-visible[b-o0peeiqt3k] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-certs[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0 0;
}

.dd-check[b-o0peeiqt3k] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    background: transparent;
    border: 0;
    color: #32434B;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.dd-certs .dd-check[b-o0peeiqt3k] {
    align-items: center;
}

.dd-certs .dd-check input[type="checkbox"][b-o0peeiqt3k] {
    width: 28px;
    height: 28px;
    margin: 0;
}

.dd-certs .dd-check span[b-o0peeiqt3k] {
    line-height: 28px;
}

.dd-check--lg[b-o0peeiqt3k] {
    align-items: center;
}

.dd-check--lg span[b-o0peeiqt3k] {
    cursor: default;
}

.dd-review[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
}

.dd-review h2[b-o0peeiqt3k] {
    margin: 0;
    color: #033D53;
    font-size: 18px;
    font-weight: 700;
}

.dd-review-downloads[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.dd-review fieldset[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
}

.dd-review .dd-review-checklist[b-o0peeiqt3k] {
    margin-top: 8px;
}

.dd-review legend[b-o0peeiqt3k] {
    margin-bottom: 4px;
    color: #121A1F;
    font-size: 16px;
    font-weight: 700;
}

.dd-review .dd-file-name[b-o0peeiqt3k] {
    color: #121A1F;
    font-size: 14px;
    font-weight: 600;
}

.dd-check input[type="checkbox"][b-o0peeiqt3k] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-shadow: none;
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
}

.dd-check input[type="checkbox"]:hover:not(:checked)[b-o0peeiqt3k],
.dd-check input[type="checkbox"]:focus-visible:not(:checked)[b-o0peeiqt3k] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    outline: none;
    box-shadow: none;
}

.dd-check input[type="checkbox"]:checked[b-o0peeiqt3k] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.dd-review .dd-check--lg input[type="checkbox"][b-o0peeiqt3k],
.dd-review .dd-check--lg input[type="checkbox"]:hover[b-o0peeiqt3k],
.dd-review .dd-check--lg input[type="checkbox"]:focus-visible[b-o0peeiqt3k],
.dd-review .dd-check--lg input[type="checkbox"]:checked[b-o0peeiqt3k] {
    width: 22px;
    height: 22px;
    margin: 0;
    background-size: 32px 32px;
}

.dd-actions[b-o0peeiqt3k] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.dd-actions-start[b-o0peeiqt3k] {
    justify-content: flex-start;
}

.dd-btn[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #033D53;
    color: #FFFFFF;
    border: 1px solid #033D53;
    border-radius: 6px;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    min-height: 40px;
    outline: none;
    padding: 8px 16px;
    cursor: pointer;
}

.dd-btn:hover[b-o0peeiqt3k],
.dd-btn:focus[b-o0peeiqt3k],
.dd-btn:focus-visible[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
    box-shadow: none;
    outline: none;
}

.dd-btn:active[b-o0peeiqt3k] {
    background: #121A1F;
    border-color: #121A1F;
    color: #FFFFFF;
}

.dd-btn.dd-btn-outline[b-o0peeiqt3k] {
    background: #E1F1FD;
    color: #32434B;
    border: 1px solid #32434B;
    min-width: 120px;
}

.dd-btn.dd-btn-outline:hover[b-o0peeiqt3k],
.dd-btn.dd-btn-outline:focus[b-o0peeiqt3k],
.dd-btn.dd-btn-outline:focus-visible[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.dd-btn.dd-btn-outline:active[b-o0peeiqt3k] {
    background: #022A3A;
    color: #FFFFFF;
    border-color: #022A3A;
}

.dd-btn.dd-btn-cancel[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    border: 1px solid #32434B;
    min-width: 120px;
}

.dd-btn.dd-btn-cancel:hover[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #32434B;
    border-color: #32434B;
    outline: none;
    box-shadow: none;
}

.dd-btn.dd-btn-cancel:active[b-o0peeiqt3k],
.dd-btn.dd-btn-add:active[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.dd-btn.dd-btn-add[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    border: 1px solid #32434B;
}

.dd-btn.dd-btn-add:hover[b-o0peeiqt3k],
.dd-btn.dd-btn-add:focus[b-o0peeiqt3k],
.dd-btn.dd-btn-add:focus-visible[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #32434B;
    border-color: #32434B;
    outline: none;
    box-shadow: none;
}

.dd-btn.dd-btn-add.is-loading[b-o0peeiqt3k],
.dd-btn.dd-btn-add.is-loading:disabled[b-o0peeiqt3k],
.dd-btn.dd-btn-add.is-loading:disabled:hover[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    border-color: #32434B;
    cursor: wait;
}

.dd-btn.is-loading:not(.dd-btn-add)[b-o0peeiqt3k],
.dd-btn.is-loading:not(.dd-btn-add):disabled[b-o0peeiqt3k],
.dd-btn.is-loading:not(.dd-btn-add):disabled:hover[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
    cursor: wait;
}

.dd-btn.dd-btn-outline.is-loading[b-o0peeiqt3k],
.dd-btn.dd-btn-outline.is-loading:disabled[b-o0peeiqt3k],
.dd-btn.dd-btn-outline.is-loading:disabled:hover[b-o0peeiqt3k] {
    background: #E1F1FD;
    color: #32434B;
    border-color: #32434B;
    cursor: wait;
}

.dd-btn.dd-btn-refresh[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    border: 1px solid #32434B;
    min-width: 0;
    min-height: 32px;
    padding: 4px 10px;
    font-size: 12px;
    gap: 6px;
}

.dd-btn.dd-btn-refresh:hover[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #32434B;
    border-color: #32434B;
    outline: none;
    box-shadow: none;
}

.dd-btn.dd-btn-refresh:focus-visible[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #32434B;
    border-color: #32434B;
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-btn.dd-btn-refresh:active[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.dd-btn.dd-btn-refresh.is-loading[b-o0peeiqt3k],
.dd-btn.dd-btn-refresh.is-loading:disabled[b-o0peeiqt3k],
.dd-btn.dd-btn-refresh.is-loading:disabled:hover[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    border-color: #32434B;
    cursor: wait;
}

.dd-btn.dd-btn-refresh .dd-spin[b-o0peeiqt3k] {
    width: 12px;
    height: 12px;
}

.dd-spin[b-o0peeiqt3k] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: dd-spin-b-o0peeiqt3k 0.7s linear infinite;
    flex: 0 0 auto;
}

@keyframes dd-spin-b-o0peeiqt3k {
    to { transform: rotate(360deg); }
}

.dd-btn:disabled[b-o0peeiqt3k],
.dd-btn:disabled:hover[b-o0peeiqt3k] {
    background: #F0F4F8;
    color: #32434B;
    border-color: #E2E8F0;
    cursor: not-allowed;
}

.dd-btn.dd-btn-confirm[b-o0peeiqt3k] {
    background: #003D1F;
    color: #FFFFFF;
    border-color: #003D1F;
}

.dd-btn.dd-btn-confirm:hover[b-o0peeiqt3k],
.dd-btn.dd-btn-confirm:focus[b-o0peeiqt3k] {
    background: #EAFBF1;
    color: #003D1F;
    border-color: #003D1F;
    outline: none;
    box-shadow: none;
}

.dd-btn.dd-btn-confirm:focus-visible[b-o0peeiqt3k] {
    background: #EAFBF1;
    color: #003D1F;
    border-color: #003D1F;
    outline: 2px solid #003D1F;
    outline-offset: 2px;
}

.dd-btn.dd-btn-confirm:active[b-o0peeiqt3k] {
    background: #003D1F;
    color: #FFFFFF;
    border-color: #003D1F;
}

.dd-btn.dd-btn-confirm.is-loading[b-o0peeiqt3k],
.dd-btn.dd-btn-confirm.is-loading:disabled[b-o0peeiqt3k],
.dd-btn.dd-btn-confirm.is-loading:disabled:hover[b-o0peeiqt3k] {
    background: #003D1F;
    color: #FFFFFF;
    border-color: #003D1F;
    cursor: wait;
}

.dd-btn.dd-btn-decline[b-o0peeiqt3k] {
    background: #5E0011;
    color: #FFFFFF;
    border-color: #5E0011;
}

.dd-btn.dd-btn-decline:hover[b-o0peeiqt3k],
.dd-btn.dd-btn-decline:focus[b-o0peeiqt3k] {
    background: #FFF0F2;
    color: #5E0011;
    border-color: #5E0011;
    outline: none;
    box-shadow: none;
}

.dd-btn.dd-btn-decline:focus-visible[b-o0peeiqt3k] {
    background: #FFF0F2;
    color: #5E0011;
    border-color: #5E0011;
    outline: 2px solid #5E0011;
    outline-offset: 2px;
}

.dd-btn.dd-btn-decline:active[b-o0peeiqt3k] {
    background: #5E0011;
    color: #FFFFFF;
    border-color: #5E0011;
}

.dd-btn.dd-btn-decline.is-loading[b-o0peeiqt3k],
.dd-btn.dd-btn-decline.is-loading:disabled[b-o0peeiqt3k],
.dd-btn.dd-btn-decline.is-loading:disabled:hover[b-o0peeiqt3k] {
    background: #5E0011;
    color: #FFFFFF;
    border-color: #5E0011;
    cursor: wait;
}

.dd-link:focus[b-o0peeiqt3k] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-link[b-o0peeiqt3k] {
    background: transparent;
    border: 0;
    color: #033D53;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
}

.dd-banner[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 2px solid #D8BD51;
    border-radius: 8px;
    background: #FEF3C7;
    color: #121A1F;
    font-size: 14px;
}

.dd-banner-x[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #033D53;
    cursor: pointer;
}

.dd-banner-x:hover[b-o0peeiqt3k],
.dd-banner-x:hover:focus[b-o0peeiqt3k],
.dd-banner-x:hover:focus-visible[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #033D53;
    outline: none;
    box-shadow: none;
}

.dd-banner-x:focus-visible[b-o0peeiqt3k] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-empty[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 32px 16px;
    text-align: center;
}

.dd-empty__art[b-o0peeiqt3k] {
    width: 160px;
    margin-bottom: 24px;
}

.dd-empty__img[b-o0peeiqt3k] {
    width: 100%;
    height: auto;
    display: block;
}

.dd-card .dd-empty__title[b-o0peeiqt3k] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #033D53;
    line-height: 1.35;
}

.dd-card .dd-empty__description[b-o0peeiqt3k] {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #32434B;
    line-height: 1.55;
}

.dd-list-toolbar[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.dd-list-toolbar__actions[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dd-list-toolbar__actions .dd-btn-refresh[b-o0peeiqt3k] {
    margin-left: 12px;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-status-select {
    min-width: 22rem;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-status-select.fc-select--compact .fc-select__trigger {
    width: 22rem;
    min-width: 22rem;
    max-width: none;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-status-select .fc-select__value {
    overflow: visible;
    text-overflow: clip;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-status-select .fc-select__menu {
    width: max-content;
    min-width: 22rem;
    max-width: none;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-status-select .fc-select__option {
    white-space: nowrap;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-page-select .fc-select__menu,
.dd-list-toolbar[b-o0peeiqt3k]  .dd-page-select .fc-select__menu-list {
    max-height: none;
    overflow: visible;
    scrollbar-width: none;
}

.dd-list-toolbar[b-o0peeiqt3k]  .dd-page-select .fc-select__menu-list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.dd-pill[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    min-height: 24px;
}

.dd-pill--pending[b-o0peeiqt3k] {
    background: #F9ECD4;
    color: #35260C;
}

.dd-pill--awaiting[b-o0peeiqt3k] {
    background: #E2EEFC;
    color: #192330;
}

.dd-pill--finance[b-o0peeiqt3k] {
    background: #ECE8F7;
    color: #28213B;
}

.dd-pill--done[b-o0peeiqt3k] {
    background: #EAFBF1;
    color: #003D1F;
}

.dd-pill--returned[b-o0peeiqt3k] {
    background: #FFF0F2;
    color: #5E0011;
}

.dd-pill--default[b-o0peeiqt3k] {
    background: #F0F4F8;
    color: #32434B;
}

.dd-tabs[b-o0peeiqt3k] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: 4px 0 0;
    padding: 0;
    border-bottom: 2px solid #033D53;
}

.dd-tab[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 11px;
    border: 0;
    border-radius: 6px 6px 0 0;
    background: transparent;
    color: #32434B;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
}

.dd-tab-icon[b-o0peeiqt3k] {
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
}

.dd-tab .fa-history[b-o0peeiqt3k] {
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-image: url("/images/icons/fp-tab-history.svg");
    mask-image: url("/images/icons/fp-tab-history.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.dd-tab .fa-history[b-o0peeiqt3k]::before {
    content: none;
    display: none;
}

.dd-tab:hover[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #033D53;
    outline: none;
    box-shadow: none;
}

.dd-tab:focus-visible[b-o0peeiqt3k] {
    background: #E0F2FE;
    color: #033D53;
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-tab.is-active[b-o0peeiqt3k],
.dd-tab.is-active:hover[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    font-weight: 600;
    outline: none;
    box-shadow: none;
}

.dd-tab.is-active:focus-visible[b-o0peeiqt3k] {
    background: #033D53;
    color: #FFFFFF;
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-tab-panel[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
}

.dd-timeline[b-o0peeiqt3k] {
    list-style: none;
    margin: 0;
    padding: 6px 0 4px;
    position: relative;
}

.dd-timeline[b-o0peeiqt3k]::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 14px;
    width: 2px;
    background: #E2E8F0;
}

.dd-timeline > li[b-o0peeiqt3k] {
    position: relative;
    margin: 0;
    padding: 0 0 14px 42px;
    list-style: none;
}

.dd-timeline > li:last-child[b-o0peeiqt3k] {
    padding-bottom: 0;
}

.dd-timeline > li + li[b-o0peeiqt3k] {
    border-top: 1px solid #E2E8F0;
    padding-top: 14px;
    margin-top: 2px;
}

.dd-timeline-badge[b-o0peeiqt3k] {
    position: absolute;
    left: 0;
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px #FFFFFF;
    z-index: 1;
}

.dd-timeline > li + li .dd-timeline-badge[b-o0peeiqt3k] {
    top: 16px;
}

.dd-timeline-badge .fa-history[b-o0peeiqt3k] {
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background-color: #FFFFFF;
    -webkit-mask-image: url("/images/icons/fp-tab-history.svg");
    mask-image: url("/images/icons/fp-tab-history.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.dd-timeline-badge .fa-history[b-o0peeiqt3k]::before {
    content: none;
    display: none;
}

.dd-timeline-title[b-o0peeiqt3k] {
    margin: 0 0 4px;
    color: #121A1F;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.dd-timeline-heading p[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #32434B;
    font-size: 12px;
    font-weight: 500;
}

.dd-timeline-heading .fa-calendar-alt[b-o0peeiqt3k] {
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    flex-shrink: 0;
    background-color: #32434B;
    -webkit-mask-image: url("/images/icons/app-page-calendar.svg");
    mask-image: url("/images/icons/app-page-calendar.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.dd-timeline-heading .fa-calendar-alt[b-o0peeiqt3k]::before {
    content: none;
    display: none;
}

.dd-timeline-body p[b-o0peeiqt3k] {
    margin: 6px 0 0;
    color: #121A1F;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    white-space: pre-wrap;
}

.dd-timeline-empty[b-o0peeiqt3k] {
    margin: 0;
    color: #32434B;
    font-size: 14px;
}

.dd-detail-top[b-o0peeiqt3k],
.dd-detail-foot[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dd-detail-foot[b-o0peeiqt3k] {
    justify-content: flex-start;
}

.dd-detail-downloads[b-o0peeiqt3k] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    min-width: 0;
}

.dd-detail-downloads .dd-file-list[b-o0peeiqt3k] {
    margin: 0;
    min-width: 16rem;
}

.dd-detail-grid[b-o0peeiqt3k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0;
}

.dd-detail-grid div[b-o0peeiqt3k] {
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
}

.dd-detail-grid dt[b-o0peeiqt3k] {
    margin: 0 0 4px;
    color: #32434B;
    font-size: 12px;
    font-weight: 700;
}

.dd-detail-grid dd[b-o0peeiqt3k] {
    margin: 0;
    color: #121A1F;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.dd-detail-missing[b-o0peeiqt3k] {
    margin: 0;
    color: #32434B;
    font-size: 14px;
}

.dd-return[b-o0peeiqt3k] {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
    color: #121A1F;
    font-size: 14px;
}

.dd-return span[b-o0peeiqt3k] {
    display: block;
    margin-bottom: 4px;
    color: #32434B;
    font-size: 12px;
    font-weight: 700;
}

.dd-list[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
}

.dd-list-head[b-o0peeiqt3k],
.dd-list-row[b-o0peeiqt3k] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr) minmax(0, 1.45fr) minmax(7.5rem, 0.9fr) minmax(7rem, 0.95fr) 5.5rem;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    text-align: left;
}

.dd-list-head[b-o0peeiqt3k] {
    background: #FFFFFF;
    color: #32434B;
    font-size: 12px;
    font-weight: 700;
    padding-left: 17px;
}

.dd-list-row[b-o0peeiqt3k] {
    width: 100%;
    margin: 0;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 6px;
    background: #FFFFFF;
    color: #32434B;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

.dd-list-divider[b-o0peeiqt3k] {
    margin: 0;
    border: 0;
    border-top: 1px solid #E8ECF1;
}

.dd-list-row:hover[b-o0peeiqt3k] {
    background: #E0F2FE;
    border-left-color: #033D53;
}

.dd-list-row:active[b-o0peeiqt3k] {
    background: #033D53;
    border-left-color: #033D53;
    color: #FFFFFF;
}

.dd-list-row:focus-visible[b-o0peeiqt3k] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-col-account[b-o0peeiqt3k],
.dd-col-submitted[b-o0peeiqt3k],
.dd-col-view[b-o0peeiqt3k] {
    justify-self: start;
    text-align: left;
}

.dd-view-btn[b-o0peeiqt3k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    height: 30px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1.5px solid #32434B;
    background: #FFFFFF;
    color: #32434B;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.dd-view-btn:hover[b-o0peeiqt3k] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.dd-view-btn:focus-visible[b-o0peeiqt3k] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.dd-view-btn:active[b-o0peeiqt3k],
.dd-list-row:active .dd-view-btn[b-o0peeiqt3k] {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #033D53;
}

.dd-view-btn:disabled[b-o0peeiqt3k] {
    opacity: 1;
    cursor: wait;
    background: #FFFFFF;
    color: #32434B;
    border-color: #32434B;
}

.dd-queue[b-o0peeiqt3k] {
    margin: 0;
    padding-left: 18px;
}

.dd-queue-head[b-o0peeiqt3k] {
    align-items: flex-start;
}

.dd-queue-head__title[b-o0peeiqt3k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.dd-queue-note[b-o0peeiqt3k] {
    margin: 0;
}

@media (max-width: 720px) {
    .dd-grid[b-o0peeiqt3k],
    .dd-grid-3[b-o0peeiqt3k],
    .dd-detail-grid[b-o0peeiqt3k] {
        grid-template-columns: 1fr;
    }

    .dd-drop[b-o0peeiqt3k] {
        align-items: center;
    }
}
/* /Pages/Domain/Billing/AppIswEditShiftTimeDialog.razor.rz.scp.css */
/* Frame 201 — Edit shift time dialog body */

.inv-edit-shift[b-zqgx1j09jd] {
    display: flex;
    flex-direction: column;
    gap: 0;
    color: #32434B;
}

.inv-edit-shift__summary[b-zqgx1j09jd] {
    padding: 1rem 1.15rem 1rem;
    border-bottom: 1px solid #E2E8F0;
}

.inv-edit-shift__client[b-zqgx1j09jd] {
    font-size: 1rem;
    font-weight: 700;
    color: #121A1F;
    line-height: 1.35;
}

.inv-edit-shift__meta[b-zqgx1j09jd] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.4;
    color: #32434B;
}

.inv-edit-shift__reject-reason[b-zqgx1j09jd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0.35rem 0.45rem;
    margin-top: 0.65rem;
}

.inv-edit-shift__reject-reason-label[b-zqgx1j09jd] {
    flex: 0 0 auto;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
}

.inv-edit-shift__reject-reason-value[b-zqgx1j09jd] {
    flex: 0 1 auto;
    max-width: 100%;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-edit-shift__fields[b-zqgx1j09jd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.1rem 1.15rem 0.35rem;
}

.inv-edit-shift__field-group[b-zqgx1j09jd] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.inv-edit-shift__label[b-zqgx1j09jd] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
    line-height: 1.2;
}

.inv-edit-shift__pair[b-zqgx1j09jd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    align-items: stretch;
}

.inv-edit-shift__pair[b-zqgx1j09jd]  .inv-rcs-time,
.inv-edit-shift__pair[b-zqgx1j09jd]  .inv-rcs-time__trigger {
    width: 100%;
    min-height: 2.625rem;
    height: 2.625rem;
}

.inv-edit-shift__error[b-zqgx1j09jd] {
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: #033D53;
}

.inv-edit-shift__footer[b-zqgx1j09jd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.15rem 1.15rem;
    border-top: 1px solid #E2E8F0;
    margin-top: 0.75rem;
}

.inv-edit-shift__btn[b-zqgx1j09jd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    min-width: 6.5rem;
    margin: 0;
    padding: 0.45rem 1.15rem;
    border-radius: 8px;
    border: 1.5px solid transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: none;
}

.inv-edit-shift__btn--cancel[b-zqgx1j09jd] {
    border-color: #32434B;
    color: #32434B;
    background: #FFFFFF;
}

.inv-edit-shift__btn--cancel:hover:not(:disabled):not(:active)[b-zqgx1j09jd] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-edit-shift__btn--cancel:active:not(:disabled)[b-zqgx1j09jd] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.inv-edit-shift__btn--save[b-zqgx1j09jd] {
    background: #EAFBF1;
    border-color: #003D1F;
    color: #003D1F;
}

.inv-edit-shift__btn--save:hover:not(:disabled):not(:active)[b-zqgx1j09jd] {
    background: #EAFBF1;
    border-color: #003D1F;
    color: #003D1F;
}

.inv-edit-shift__btn--save:active:not(:disabled)[b-zqgx1j09jd],
.inv-edit-shift__btn--save:focus:not(:disabled)[b-zqgx1j09jd],
.inv-edit-shift__btn--save:focus-visible:not(:disabled)[b-zqgx1j09jd] {
    background: #003D1F;
    border-color: #003D1F;
    color: #FFFFFF;
}

.inv-edit-shift__btn:disabled[b-zqgx1j09jd] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Domain/Billing/AppIswInvoiceDetailDialog.razor.rz.scp.css */
.isw-invoice-dialog__summary .small[b-fnrtjpeixv] {
    font-size: 0.6875rem;
    letter-spacing: 0.02em;
}

.isw-invoice-dialog__audit li[b-fnrtjpeixv] {
    padding: 0.35rem 0;
    border-bottom: 1px solid #eef1f5;
}

.isw-invoice-dialog__audit li:last-child[b-fnrtjpeixv] {
    border-bottom: none;
}
/* /Pages/Domain/Billing/AppIswValidateCompletedServiceDialog.razor.rz.scp.css */
/* Validate completed service dialog — SCS Enable Kit tokens */

.inv-validate-svc[b-8eunxdp381] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.1rem 1.15rem 1.15rem;
    background: #FFFFFF;
}

.inv-validate-svc__summary[b-8eunxdp381] {
    margin: 0;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.inv-validate-svc__error[b-8eunxdp381] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 1px solid #F5C2C7;
    border-left: 3px solid #5E0011;
    border-radius: 8px;
    background: #FFF0F2;
    color: #5E0011;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.inv-validate-svc__field[b-8eunxdp381] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.inv-validate-svc__label[b-8eunxdp381] {
    margin: 0;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.35;
    user-select: none;
    -webkit-user-select: none;
    background: transparent !important;
}

.inv-validate-svc__label:hover[b-8eunxdp381],
.inv-validate-svc__label:focus[b-8eunxdp381],
.inv-validate-svc__label:active[b-8eunxdp381] {
    background: transparent !important;
    color: #32434B !important;
}

.inv-validate-svc__hint[b-8eunxdp381] {
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.35;
}

.inv-validate-svc__input[b-8eunxdp381] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.45rem 0.75rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F0F4F8;
    color: #32434B;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    -moz-appearance: textfield;
    appearance: textfield;
}

.inv-validate-svc__input[b-8eunxdp381]::-webkit-outer-spin-button,
.inv-validate-svc__input[b-8eunxdp381]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.inv-validate-svc__input:hover:not(:disabled)[b-8eunxdp381] {
    background: #F0F4F8;
}

.inv-validate-svc__input:focus[b-8eunxdp381],
.inv-validate-svc__input:focus-visible[b-8eunxdp381],
.inv-validate-svc__input:focus:hover[b-8eunxdp381],
.inv-validate-svc__input:active[b-8eunxdp381] {
    outline: none !important;
    outline-offset: 0 !important;
    border: 1.5px solid #033D53 !important;
    box-shadow: none !important;
    background: #FFFFFF;
}

.inv-validate-svc__input:disabled[b-8eunxdp381] {
    opacity: 0.65;
    cursor: not-allowed;
}

.inv-validate-svc__select[b-8eunxdp381] {
    width: 100%;
}

.inv-validate-svc__select[b-8eunxdp381]  .fc-select__trigger,
.inv-validate-svc__select[b-8eunxdp381]  .fc-select__trigger:hover:not(:disabled):not(:focus),
.inv-validate-svc__select[b-8eunxdp381]  .fc-select:not(.is-open) .fc-select__trigger:not(:focus):not(:focus-visible) {
    background: #F0F4F8 !important;
    background-color: #F0F4F8 !important;
    border: 1.5px solid transparent !important;
    border-radius: 8px !important;
    min-height: 2.5rem;
    color: #32434B !important;
}

.inv-validate-svc__select[b-8eunxdp381]  .fc-select.is-open .fc-select__trigger,
.inv-validate-svc__select[b-8eunxdp381]  .fc-select__trigger:focus,
.inv-validate-svc__select[b-8eunxdp381]  .fc-select__trigger:focus-visible {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
}

.inv-validate-svc__staffing[b-8eunxdp381] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
}

.inv-validate-svc__staffing-title[b-8eunxdp381] {
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.35;
}

.inv-validate-svc__footer[b-8eunxdp381] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid #E2E8F0;
}

.inv-validate-svc__btn[b-8eunxdp381] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.5rem;
    min-width: 6.5rem;
    margin: 0;
    padding: 0.45rem 1.15rem;
    border-radius: 8px;
    border: 1.5px solid transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: pointer;
    box-shadow: none;
}

.inv-validate-svc__btn--cancel[b-8eunxdp381] {
    border-color: #32434B;
    color: #32434B;
    background: #FFFFFF;
}

.inv-validate-svc__btn--cancel:hover:not(:disabled)[b-8eunxdp381] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-validate-svc__btn--cancel:focus-visible[b-8eunxdp381] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-validate-svc__btn--validate[b-8eunxdp381] {
    border-color: #033D53;
    background: #033D53;
    color: #FFFFFF;
}

.inv-validate-svc__btn--validate:hover:not(:disabled)[b-8eunxdp381] {
    background: #034a66;
    border-color: #034a66;
    color: #FFFFFF;
}

.inv-validate-svc__btn--validate:focus-visible[b-8eunxdp381] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-validate-svc__btn:disabled[b-8eunxdp381] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-validate-svc__btn--loading:disabled[b-8eunxdp381] {
    opacity: 1;
    cursor: wait;
}

.inv-validate-svc__spin[b-8eunxdp381] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: inv-validate-svc-spin-b-8eunxdp381 0.7s linear infinite;
}

@keyframes inv-validate-svc-spin-b-8eunxdp381 {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Domain/Billing/AppListIswAvailableShifts.razor.rz.scp.css */
/* Frame 201 — Convert submitted shifts panel (ISW) */

.isw-shifts-panel[b-9ohr3dua0n],
.inv-isw-shifts[b-9ohr3dua0n] {
    border: 0;
    border-radius: 0 0 var(--app-body-radius, 10px) var(--app-body-radius, 10px);
    overflow: hidden;
    background: #fff;
}

.inv-isw-shifts .table-responsive[b-9ohr3dua0n] {
    padding: 0 0.5rem;
    overflow: visible;
}

.inv-isw-shifts__header[b-9ohr3dua0n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    position: relative;
    padding: 0.9rem 1.15rem;
    background: #FFFFFF;
    border-bottom: none;
}

.inv-isw-shifts__header[b-9ohr3dua0n]::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset, 0.65rem);
    right: var(--inv-rule-inset, 0.65rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-shifts__title[b-9ohr3dua0n] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-shifts__title-arrow[b-9ohr3dua0n] {
    font-weight: 900;
    -webkit-text-stroke: 0.7px currentColor;
    paint-order: stroke fill;
}

.inv-isw-shifts__count[b-9ohr3dua0n] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
}

.inv-isw-shifts__table[b-9ohr3dua0n],
.inv-isw-shifts__table.table[b-9ohr3dua0n] {
    margin: 0;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0;
    border: 0;
}

.inv-isw-shifts__table.table td[b-9ohr3dua0n],
.inv-isw-shifts__table.table th[b-9ohr3dua0n] {
    border-left: 0;
    border-right: 0;
    box-shadow: none !important;
}

.inv-isw-shifts__table thead[b-9ohr3dua0n] {
    position: relative;
}

.inv-isw-shifts__table thead[b-9ohr3dua0n]::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset, 0.65rem);
    right: var(--inv-rule-inset, 0.65rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-shifts__table thead th[b-9ohr3dua0n] {
    font-size: 0.75rem; /* 12px */
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: #121A1F;
    background: #FFFFFF;
    border-top: none;
    border-bottom: none;
    padding: 0.45rem 0.7rem;
    white-space: nowrap;
}

.inv-isw-shifts__table tbody tr[b-9ohr3dua0n] {
    position: relative;
    background: transparent;
    box-shadow: none !important;
    outline: none !important;
}

.inv-isw-shifts__table[b-9ohr3dua0n] {
    border-collapse: separate;
    border-spacing: 0 0.4rem;
}

.inv-isw-shifts__table.table[b-9ohr3dua0n] {
    border-collapse: separate;
    border-spacing: 0 0.4rem;
}

.inv-isw-shifts__table tbody tr[b-9ohr3dua0n]::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset, 0.65rem);
    right: var(--inv-rule-inset, 0.65rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-shifts__table tbody td[b-9ohr3dua0n] {
    padding: 0.65rem 0.7rem;
    vertical-align: middle;
    border-top: none;
    border-bottom: 0;
    background: #FFFFFF;
    color: #32434B;
    font-size: 0.75rem; /* 12px — FC list body */
}

.inv-isw-shifts__table tbody tr td:first-child[b-9ohr3dua0n] {
    border-left: 3px solid transparent;
    border-radius: 6px 0 0 6px;
}

.inv-isw-shifts__table tbody tr td:last-child[b-9ohr3dua0n] {
    border-radius: 0 6px 6px 0;
}

.inv-isw-shifts__table tbody tr:hover[b-9ohr3dua0n]::after,
.isw-shifts-table__row--selected[b-9ohr3dua0n]::after,
.isw-shifts-table__row--selected:hover[b-9ohr3dua0n]::after {
    opacity: 0;
}

.isw-shifts-table__row--selectable[b-9ohr3dua0n] {
    cursor: pointer;
}

.inv-isw-shifts__table tbody tr:hover:not(.isw-shifts-table__row--selected):not(.isw-shifts-table__row--disabled) td[b-9ohr3dua0n] {
    background: #E0F2FE !important;
}

.inv-isw-shifts__table tbody tr:hover:not(.isw-shifts-table__row--selected):not(.isw-shifts-table__row--disabled) td:first-child[b-9ohr3dua0n] {
    border-left-color: #033D53;
}

.inv-isw-shifts__table tbody tr:hover:not(.isw-shifts-table__row--selected):not(.isw-shifts-table__row--disabled) td:last-child[b-9ohr3dua0n] {
    border-radius: 0 6px 6px 0;
}

.inv-isw-shifts__col-check[b-9ohr3dua0n] {
    width: 4%;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.inv-isw-shifts__col-date[b-9ohr3dua0n] {
    width: 11%;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.inv-isw-shifts__col-shift[b-9ohr3dua0n] {
    width: 15%;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    white-space: nowrap;
}

.inv-isw-shifts__col-worker[b-9ohr3dua0n] {
    width: 14%;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.inv-isw-shifts__col-support[b-9ohr3dua0n] {
    width: 18%;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.inv-isw-shifts__col-status[b-9ohr3dua0n] {
    width: 20%;
    min-width: 9.5rem;
    text-align: left;
    vertical-align: top !important;
    padding-left: 0.75rem !important;
    padding-right: 1.25rem !important;
    overflow: visible !important;
    white-space: normal !important;
}

.inv-isw-shifts__col-status .inv-isw-pill[b-9ohr3dua0n] {
    max-width: 100%;
}

.inv-isw-shifts__col-hours[b-9ohr3dua0n] {
    width: 7%;
    text-align: left;
    padding-left: 1rem !important;
    padding-right: 0.75rem !important;
}

.inv-isw-shifts__col-total[b-9ohr3dua0n] {
    width: 8%;
    text-align: right;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.inv-isw-shifts__col-edit[b-9ohr3dua0n] {
    width: 8%;
    min-width: 0;
    text-align: center;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.isw-shifts-table__row--selected td[b-9ohr3dua0n],
.isw-shifts-table__row--selected:hover td[b-9ohr3dua0n] {
    background-color: #033D53 !important;
    color: #FFFFFF !important;
}

.isw-shifts-table__row--selected td:first-child[b-9ohr3dua0n],
.isw-shifts-table__row--selected:hover td:first-child[b-9ohr3dua0n] {
    border-left-color: #033D53;
    border-radius: 6px 0 0 6px;
}

.isw-shifts-table__row--selected td:last-child[b-9ohr3dua0n],
.isw-shifts-table__row--selected:hover td:last-child[b-9ohr3dua0n] {
    border-radius: 0 6px 6px 0;
}

.isw-shifts-table__row--selected td[b-9ohr3dua0n] {
    color: #FFFFFF !important;
    border-top-color: rgba(255, 255, 255, 0.12) !important;
}

.isw-shifts-table__row--selected .text-muted[b-9ohr3dua0n] {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Keep Available pill readable on dark row */
.isw-shifts-table__row--selected .inv-isw-pill--available[b-9ohr3dua0n] {
    background: #E0F2FE;
    color: #033D53;
}

.isw-shifts-table__row--selected .inv-isw-pill--rejected[b-9ohr3dua0n] {
    background: #FFF0F2;
    color: #5E0011;
}

/* Light pencil on dark row */
.isw-shifts-table__row--selected .inv-isw-edit-btn[b-9ohr3dua0n] {
    color: #FFFFFF;
}

.isw-shifts-table__row--selected .inv-isw-edit-btn:hover:not(:disabled)[b-9ohr3dua0n] {
    background: rgba(255, 255, 255, 0.12);
    color: #FFFFFF;
}

.isw-shifts-table__row--rejected td[b-9ohr3dua0n] {
    background-color: #FFFFFF !important;
}

.isw-shifts-table__row--rejected:hover td[b-9ohr3dua0n] {
    background-color: #F6FBFE !important;
}

/* ---- Figma checkbox (row only — no header select-all) ---- */
.inv-isw-check-input[b-9ohr3dua0n] {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: static !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    vertical-align: middle;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
}

.inv-isw-check-input[b-9ohr3dua0n]::before,
.inv-isw-check-input[b-9ohr3dua0n]::after {
    content: none !important;
    display: none !important;
}

.inv-isw-check-input:hover:not(:checked):not(:disabled)[b-9ohr3dua0n],
.inv-isw-check-input:focus-visible:not(:checked):not(:disabled)[b-9ohr3dua0n] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.inv-isw-check-input:checked[b-9ohr3dua0n] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isw-shifts-table__row--selected .inv-isw-check-input:not(:checked)[b-9ohr3dua0n] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.isw-shifts-table__row--selected .inv-isw-check-input:checked[b-9ohr3dua0n] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.inv-isw-check-input:disabled[b-9ohr3dua0n] {
    opacity: 0.45 !important;
    cursor: not-allowed;
}

.inv-isw-check-input:focus-visible[b-9ohr3dua0n] {
    outline: 2px solid #033D53 !important;
    outline-offset: 2px;
}

.isw-shifts-table__row--selected .inv-isw-check-input:focus-visible[b-9ohr3dua0n] {
    outline-color: #FFFFFF !important;
}

/* ---- Status chips — FC list (6px rectangle, not 999px pill) ---- */
.inv-isw-pill[b-9ohr3dua0n] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    box-sizing: border-box;
    height: 1.5rem;
    min-height: 1.5rem;
    padding: 0 0.65rem;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    white-space: nowrap;
}

.inv-isw-pill__icon[b-9ohr3dua0n] {
    width: 0.9rem;
    height: 0.9rem;
    flex-shrink: 0;
    display: inline-block;
}

.inv-isw-pill__icon--hourglass[b-9ohr3dua0n] {
    background-color: currentColor;
    -webkit-mask-image: url("/images/icons/fc-status-hourglass.svg");
    mask-image: url("/images/icons/fc-status-hourglass.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.inv-isw-pill--available[b-9ohr3dua0n] {
    background: #EAFBF1;
    color: #003D1F;
}

.inv-isw-pill--pending[b-9ohr3dua0n] {
    background: #F9ECD4;
    color: #35260C;
}

.inv-isw-pill--rejected[b-9ohr3dua0n] {
    background: #FFF0F2;
    color: #5E0011;
}

.inv-isw-pill__icon--rejected[b-9ohr3dua0n] {
    background-color: currentColor;
    -webkit-mask-image: url("/images/icons/inv-status-rejected.svg");
    mask-image: url("/images/icons/inv-status-rejected.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.inv-isw-status-stack[b-9ohr3dua0n] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    max-width: 100%;
    min-width: 0;
}

.inv-isw-status-stack--with-reason > .inv-isw-rej-reason-line[b-9ohr3dua0n],
.inv-isw-status-stack--with-reason > div[role="status"][b-9ohr3dua0n] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100%;
    margin: 0.15rem 0 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #32434B;
    font-size: 0.75rem; /* 12px */
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal !important;
}

.isw-shifts-table__row--selected .inv-isw-status-stack--with-reason > .inv-isw-rej-reason-line[b-9ohr3dua0n],
.isw-shifts-table__row--selected .inv-isw-status-stack--with-reason > div[role="status"][b-9ohr3dua0n] {
    color: #FFFFFF !important;
}

/* ---- Edit pencil (minimal, no filled chrome) ---- */
.inv-isw-edit-btn[b-9ohr3dua0n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #033D53;
    cursor: pointer;
}

.inv-isw-edit-btn__icon[b-9ohr3dua0n] {
    display: block;
    width: 18px;
    height: 18px;
}

.inv-isw-edit-btn:hover:not(:disabled)[b-9ohr3dua0n] {
    background: #E0F2FE;
    color: #033D53;
}

.inv-isw-edit-btn:disabled[b-9ohr3dua0n] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ---- Footer actions ---- */
[b-9ohr3dua0n] .inv-isw-shifts__pagination,
.inv-isw-shifts__pagination[b-9ohr3dua0n] {
    position: relative;
    margin: 0 !important;
    padding: 0.75rem 1.15rem !important;
    border-top: none !important;
}

[b-9ohr3dua0n] .inv-isw-shifts__pagination::before,
.inv-isw-shifts__pagination[b-9ohr3dua0n]::before {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset, 0.65rem);
    right: var(--inv-rule-inset, 0.65rem);
    top: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

[b-9ohr3dua0n] .inv-isw-shifts__pagination .module-list-pagination__label,
[b-9ohr3dua0n] .inv-isw-shifts__pagination .text-muted {
    color: #32434B !important;
}

.inv-isw-validate-btn[b-9ohr3dua0n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 1.625rem;
    min-height: 1.625rem;
    min-width: 0;
    margin: 0;
    padding: 0 0.55rem;
    border: 1.5px solid #033D53;
    border-radius: 6px;
    background: #033D53;
    color: #FFFFFF;
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-validate-btn:hover[b-9ohr3dua0n],
.inv-isw-validate-btn:hover:not(:disabled)[b-9ohr3dua0n],
.inv-isw-validate-btn:focus[b-9ohr3dua0n],
.inv-isw-validate-btn:focus-visible[b-9ohr3dua0n],
.inv-isw-validate-btn:active[b-9ohr3dua0n],
.inv-isw-validate-btn:active:focus[b-9ohr3dua0n],
.inv-isw-validate-btn:active:hover[b-9ohr3dua0n] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
    box-shadow: none;
}

.inv-isw-validate-btn:focus-visible[b-9ohr3dua0n] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-validate-btn:disabled[b-9ohr3dua0n] {
    opacity: 0.55;
    cursor: not-allowed;
}

.isw-shifts-table__row--selected .inv-isw-validate-btn[b-9ohr3dua0n],
.isw-shifts-table__row--selected .inv-isw-validate-btn:hover[b-9ohr3dua0n],
.isw-shifts-table__row--selected .inv-isw-validate-btn:hover:not(:disabled)[b-9ohr3dua0n],
.isw-shifts-table__row--selected .inv-isw-validate-btn:active[b-9ohr3dua0n] {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #033D53;
}

.inv-isw-shifts__footer[b-9ohr3dua0n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.45rem 0.85rem;
    background: #FFFFFF;
    border-top: 0;
}

.inv-isw-shifts__selection[b-9ohr3dua0n] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    min-height: 2.5rem;
    padding: 0.35rem 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #32434B;
}

.inv-isw-shifts__selection--active[b-9ohr3dua0n] {
    background: #E0F2FE;
    border-color: #033D53;
}

.inv-isw-shifts__selection-kicker[b-9ohr3dua0n] {
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
}

.inv-isw-shifts__selection-stat[b-9ohr3dua0n] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
}

.inv-isw-shifts__selection-stat strong[b-9ohr3dua0n] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-shifts__selection--active .inv-isw-shifts__selection-stat strong[b-9ohr3dua0n] {
    color: #033D53;
}

.inv-isw-shifts__selection-dot[b-9ohr3dua0n] {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #32434B;
    opacity: 0.45;
    flex-shrink: 0;
}

.inv-isw-shifts__actions[b-9ohr3dua0n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.inv-isw-action-btn[b-9ohr3dua0n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin: 0;
    padding: 0.45rem 1.15rem;
    border-radius: 10px;
    border: 1.5px solid transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0;
    background: #FFFFFF;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-action-btn--clear[b-9ohr3dua0n] {
    border-color: #32434B;
    color: #32434B;
    background: #FFFFFF;
}

.inv-isw-action-btn--clear:hover:not(:disabled):not(:active)[b-9ohr3dua0n] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-isw-action-btn--select[b-9ohr3dua0n] {
    border-color: #32434B;
    color: #32434B;
    background: #FFFFFF;
}

.inv-isw-action-btn--select:hover:not(:disabled):not(:active)[b-9ohr3dua0n] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-isw-action-btn:focus:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn:focus-visible:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn:active:not(:disabled)[b-9ohr3dua0n] {
    outline: none;
    border-color: #033D53;
    color: #033D53;
    box-shadow: none;
}

.inv-isw-action-btn--clear:active:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn--select:active:not(:disabled)[b-9ohr3dua0n] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.inv-isw-action-btn--convert[b-9ohr3dua0n] {
    min-width: 11rem;
    border-color: #E2E8F0;
    color: #32434B;
    background: #F0F4F8;
}

.inv-isw-action-btn--convert:not(:disabled)[b-9ohr3dua0n] {
    border-color: #033D53;
    color: #033D53;
    background: #E0F2FE;
}

.inv-isw-action-btn--convert:hover:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn--convert:focus:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn--convert:focus-visible:not(:disabled)[b-9ohr3dua0n],
.inv-isw-action-btn--convert:active:not(:disabled)[b-9ohr3dua0n] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.inv-isw-action-btn:disabled[b-9ohr3dua0n] {
    opacity: 0.55;
    cursor: not-allowed;
}

.isw-shifts-footer[b-9ohr3dua0n] {
    background: #F6FBFE;
}

@media (max-width: 767.98px) {
    .inv-isw-shifts__footer[b-9ohr3dua0n] {
        flex-direction: column;
        align-items: stretch;
    }

    .inv-isw-shifts__actions[b-9ohr3dua0n] {
        justify-content: stretch;
    }

    .inv-isw-action-btn[b-9ohr3dua0n] {
        flex: 1 1 auto;
    }
}
/* /Pages/Domain/Billing/AppPageFunding.razor.rz.scp.css */
/* Permanent Funding list — Enable Kit (page-scoped only) */
.pf-page[b-e4ow5eh5n5] {
    --pf-brand: #033D53;
    --pf-ink: #32434B;
    --pf-strong: #121A1F;
    --pf-sky: #E0F2FE;
    --pf-soft: #F0F4F8;
    --pf-border: #E2E8F0;
}

.pf-page[b-e4ow5eh5n5]  .card,
.pf-page[b-e4ow5eh5n5]  .app-card {
    border: 1px solid var(--pf-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
}

.pf-page[b-e4ow5eh5n5]  .card-header,
.pf-page[b-e4ow5eh5n5]  .app-card-header {
    display: none !important;
}

.pf-page[b-e4ow5eh5n5]  .card > .card-body,
.pf-page[b-e4ow5eh5n5]  .app-card > .card-body {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

.pf-page__toolbar[b-e4ow5eh5n5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.75rem 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.85rem 0;
    margin: 0;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pf-page__filters[b-e4ow5eh5n5] {
    order: 2;
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.75rem 1rem;
}

.pf-page__filter--status[b-e4ow5eh5n5]  .fc-scs-select {
    width: 10.5rem;
    min-width: 10.5rem;
}

.pf-page__filter--sort[b-e4ow5eh5n5]  .fc-scs-select {
    width: 7.5rem;
    min-width: 7.5rem;
}

.pf-page__filter--page[b-e4ow5eh5n5]  .fc-scs-select {
    width: 4.25rem;
    min-width: 4.25rem;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__field--search {
    order: 1;
    display: flex;
    flex: 0 0 auto !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search {
    width: 13.25rem;
    min-width: 13.25rem;
    max-width: 13.25rem;
    flex: 0 0 13.25rem;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__group--trailing {
    order: 3;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    align-items: center !important;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__divider {
    display: none;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__field,
.pf-page__filter[b-e4ow5eh5n5] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__label {
    margin: 0;
    color: var(--pf-ink);
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

.pf-page__filters[b-e4ow5eh5n5]  .fc-scs-select__field {
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0 0.65rem;
    border: 1.5px solid transparent;
    background: var(--pf-soft);
}

.pf-page__filters[b-e4ow5eh5n5]  .fc-scs-select:not(.is-open) .fc-scs-select__field:hover {
    background: var(--pf-sky);
    border-color: transparent;
}

.pf-page__filters[b-e4ow5eh5n5]  .fc-scs-select.is-open .fc-scs-select__field,
.pf-page__filters[b-e4ow5eh5n5]  .fc-scs-select__field:focus-within {
    border-color: var(--pf-brand);
    background: #FFFFFF;
    box-shadow: none;
}

.pf-page__filters[b-e4ow5eh5n5]  .fc-scs-select__input {
    color: var(--pf-brand);
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-input {
    height: 2.375rem;
    background: var(--pf-soft);
    border: 1.5px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    color: var(--pf-strong);
    font-size: 0.8125rem;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-input:hover:not(:disabled):not(:focus) {
    background: var(--pf-soft);
    border-color: transparent;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-input:focus,
.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-input:focus-visible {
    background: #FFFFFF;
    border-color: var(--pf-brand);
    box-shadow: none;
    outline: none;
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-icon {
    color: var(--pf-brand);
}

.pf-page[b-e4ow5eh5n5]  .module-list-toolbar__search-input::placeholder {
    color: var(--pf-strong);
    opacity: 1;
}

.pf-bulk-btn[b-e4ow5eh5n5] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    height: 2.375rem !important;
    padding: 0 0.9rem !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--pf-brand) !important;
    color: var(--pf-brand) !important;
    background: #FFFFFF !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.pf-bulk-btn:hover:not(:disabled)[b-e4ow5eh5n5] {
    background: var(--pf-sky) !important;
    border-color: var(--pf-brand) !important;
    color: var(--pf-brand) !important;
}

.pf-bulk-btn:active:not(:disabled)[b-e4ow5eh5n5] {
    background: var(--pf-brand) !important;
    border-color: var(--pf-brand) !important;
    color: #FFFFFF !important;
}

.pf-bulk-btn:disabled[b-e4ow5eh5n5] {
    opacity: 0.5;
}

.pf-page[b-e4ow5eh5n5]  .module-list-summary {
    display: none !important;
}

.pf-page[b-e4ow5eh5n5]  .module-list-pagination {
    border-top-color: #E8ECF1 !important;
    margin-top: 0.75rem !important;
    padding-top: 0.875rem !important;
}

.pf-page[b-e4ow5eh5n5]  .module-list-pagination__label {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.pf-empty-state[b-e4ow5eh5n5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 3.5rem 1.5rem;
    text-align: center;
}

.pf-empty-state__art[b-e4ow5eh5n5] {
    width: 7.5rem;
    height: auto;
    margin-bottom: 1.25rem;
}

.pf-empty-state__img[b-e4ow5eh5n5] {
    width: 100%;
    height: auto;
    display: block;
}

.pf-empty-state__title[b-e4ow5eh5n5] {
    margin: 0 0 0.45rem;
    font-size: 1.125rem; /* 18px ≥ 11px */
    font-weight: 700;
    color: #033D53;
    line-height: 1.35;
}

.pf-empty-state__description[b-e4ow5eh5n5] {
    margin: 0;
    max-width: 28rem;
    font-size: 0.875rem; /* 14px */
    font-weight: 400;
    color: #32434B;
    line-height: 1.5;
}

/* /Pages/Domain/Billing/AppPageInquiry.razor.rz.scp.css */
/* Inquiries — FC-style toolbar / filters / AODA tokens */
.inq-page[b-y5lav70gda] {
    --fc-bar-pad-y: 0.875rem;
    --fc-sky: #E0F2FE;
    --fc-brand: #033D53;
    --fc-brand-active: #022a3a;
    width: 100%;
    max-width: 100%;
}

.inq-page[b-y5lav70gda]  .card,
.inq-page[b-y5lav70gda]  .card-body {
    width: 100% !important;
    max-width: 100% !important;
}

.inq-page .fc-page__toolbar[b-y5lav70gda],
.inq-page .fc-filter-bar[b-y5lav70gda] {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: var(--fc-bar-pad-y) !important;
    padding-bottom: var(--fc-bar-pad-y) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1.5px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.inq-page .fc-page__toolbar[b-y5lav70gda] {
    margin-bottom: 0.85rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
}

.inq-page .inq-toolbar-row1[b-y5lav70gda] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem 1rem;
    width: 100%;
}

.inq-page .inq-toolbar-add[b-y5lav70gda] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    padding: 0 0.95rem;
    margin: 0;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1.5px solid var(--fc-brand);
    color: var(--fc-brand);
    background: #fff;
    box-shadow: none;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    flex: 0 0 auto;
    white-space: nowrap;
}

.inq-page .inq-toolbar-add:hover[b-y5lav70gda] {
    background: var(--fc-sky);
}

.inq-page .inq-toolbar-add:active[b-y5lav70gda],
.inq-page .inq-toolbar-add:focus-visible[b-y5lav70gda] {
    background: var(--fc-brand);
    color: #fff;
    outline: none;
}

.inq-page .inq-toolbar-field[b-y5lav70gda] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.inq-page .inq-toolbar-field--search[b-y5lav70gda] {
    flex: 4 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
}

.inq-page .inq-toolbar-row1[b-y5lav70gda]  .fc-select--compact {
    flex: 3 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
}

.inq-page .inq-toolbar-row1[b-y5lav70gda]  .fc-select--compact .fc-select__control,
.inq-page .inq-toolbar-row1[b-y5lav70gda]  .fc-select--compact .fc-select__trigger {
    width: 100%;
}

.inq-page .inq-toolbar-label[b-y5lav70gda] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #8A97A3;
    white-space: nowrap;
    line-height: 1;
}

.inq-page .inq-toolbar-input[b-y5lav70gda] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    height: 2.375rem;
    padding: 0 0.85rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F4F7FA;
    color: #033D53;
    font-size: 0.875rem;
    font-weight: 500;
    outline: none;
    box-shadow: none;
}

.inq-page .inq-toolbar-input[b-y5lav70gda]::placeholder {
    color: #8A97A3;
}

.inq-page .inq-toolbar-input:hover[b-y5lav70gda] {
    background: #E0F2FE;
}

.inq-page .inq-toolbar-input:focus[b-y5lav70gda],
.inq-page .inq-toolbar-input:focus-visible[b-y5lav70gda] {
    background: #FFFFFF;
    border-color: #033D53;
}

.inq-page .inq-toolbar-row2[b-y5lav70gda] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem 1.25rem;
    width: 100%;
}

.inq-page .inq-toolbar-row2[b-y5lav70gda]  .fc-select--compact {
    min-width: 8.5rem;
}

.inq-page .inq-toolbar-row2[b-y5lav70gda]  .inq-toolbar-submitted.fc-select--compact,
.inq-page .inq-toolbar-row2[b-y5lav70gda]  .fc-select.inq-toolbar-submitted {
    min-width: 14rem;
    flex: 0 1 16rem;
}

.inq-page .inq-toolbar-row2[b-y5lav70gda]  .inq-toolbar-submitted .fc-select__trigger,
.inq-page .inq-toolbar-row2[b-y5lav70gda]  .inq-toolbar-submitted .fc-select__value {
    min-width: 11rem;
}

.inq-page[b-y5lav70gda]  .module-list-toolbar__add-btn {
    height: 2.25rem;
    margin: 0 !important;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1.5px solid var(--fc-brand);
    color: var(--fc-brand);
    background: #fff;
    box-shadow: none;
    font-size: 0.75rem;
    font-weight: 700;
}

.inq-page[b-y5lav70gda]  .module-list-toolbar__add-btn:hover:not(:disabled) {
    background: var(--fc-sky) !important;
    border-color: var(--fc-brand) !important;
    color: var(--fc-brand) !important;
}

.inq-page[b-y5lav70gda]  .module-list-toolbar__add-btn:active:not(:disabled),
.inq-page[b-y5lav70gda]  .module-list-toolbar__add-btn:focus-visible {
    background: var(--fc-brand) !important;
    border-color: var(--fc-brand) !important;
    color: #fff !important;
    outline: none !important;
    box-shadow: none !important;
}

.inq-page .fc-page__filter-btn[b-y5lav70gda] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    height: 2.375rem !important;
    padding: 0 1rem !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--fc-brand) !important;
    color: var(--fc-brand) !important;
    background: #fff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

.inq-page .fc-page__btn-icon[b-y5lav70gda] {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.125rem;
    color: inherit;
}

.inq-page .fc-page__filter-btn:hover:not(:disabled)[b-y5lav70gda] {
    background: var(--fc-sky) !important;
    border-color: var(--fc-brand) !important;
    color: var(--fc-brand) !important;
}

body.fixed-sn main .inq-page .fc-page__filter-btn.is-open[b-y5lav70gda],
body.fixed-sn main .inq-page .fc-page__filter-btn.has-active[b-y5lav70gda],
body.fixed-sn main .inq-page .fc-page__filter-btn:active:not(:disabled)[b-y5lav70gda],
body.fixed-sn main .inq-page:has(.fc-filter-bar) .fc-page__filter-btn[b-y5lav70gda] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

.inq-page[b-y5lav70gda]  .fc-select__trigger,
.inq-page[b-y5lav70gda]  .fc-select__trigger:focus,
.inq-page[b-y5lav70gda]  .fc-select__trigger:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.inq-page[b-y5lav70gda]  .fc-select.is-open .fc-select__trigger,
.inq-page[b-y5lav70gda]  .fc-select__trigger:focus,
.inq-page[b-y5lav70gda]  .fc-select__trigger:focus-visible {
    border: 1.5px solid #033D53 !important;
    background: #fff !important;
}

.inq-page .fc-filter-bar__field[b-y5lav70gda] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    flex: 1 1 9rem;
}

.inq-page .fc-filter-bar__field--search[b-y5lav70gda] {
    flex: 1.4 1 14rem;
}

.inq-page .fc-filter-bar__label[b-y5lav70gda] {
    margin: 0;
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 500;
    color: #32434B;
    line-height: 1.2;
}

.inq-page .fc-filter-bar__input[b-y5lav70gda] {
    height: 2.375rem;
    width: 100%;
    padding: 0 0.875rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
    color: #121A1F;
    font-size: 0.8125rem;
    box-shadow: none;
}

.inq-page .fc-filter-bar__input:hover[b-y5lav70gda] {
    background: #FFFFFF;
    border-color: #033D53;
}

.inq-page .fc-filter-bar__input:focus[b-y5lav70gda],
.inq-page .fc-filter-bar__input:focus-visible[b-y5lav70gda] {
    outline: none;
    box-shadow: none;
    background: #FFFFFF;
    border-color: #033D53;
}

.inq-page .fc-filter-bar__actions[b-y5lav70gda] {
    display: flex;
    align-items: flex-end;
    margin-left: auto;
}

.inq-page .fc-filter-bar__clear-all[b-y5lav70gda] {
    height: 2.375rem;
    padding: 0 1rem;
    border-radius: 8px;
    border: 1.5px solid #033D53;
    background: #FFFFFF;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.inq-page .fc-filter-bar__clear-all:hover[b-y5lav70gda] {
    background: #E0F2FE;
}

.inq-page .fc-filter-bar__clear-all:focus-visible[b-y5lav70gda] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

/* ===== Inquiry list layout ===== */
.inq-page[b-y5lav70gda]  .inq-empty.module-list-empty {
    min-height: 20rem;
    padding: 3rem 1.5rem 2.75rem;
    gap: 0;
}

.inq-page[b-y5lav70gda]  .inq-empty .module-list-empty__icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.15rem;
    border-radius: 1rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    color: #033D53;
    font-size: 1.85rem;
    box-shadow: none;
}

.inq-page[b-y5lav70gda]  .inq-empty .module-list-empty__title {
    margin: 0 0 0.4rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #121A1F;
}

.inq-page[b-y5lav70gda]  .inq-empty .module-list-empty__description {
    margin: 0;
    max-width: 22rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

.inq-page[b-y5lav70gda]  .inq-list {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.35rem 0 0.75rem;
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    box-sizing: border-box;
}

.inq-page[b-y5lav70gda]  .inq-list .k-listview,
.inq-page[b-y5lav70gda]  .inq-list .k-listview-content {
    width: 100% !important;
    max-width: 100% !important;
}

.inq-page[b-y5lav70gda]  .app-list-view-header-item-list,
.inq-page[b-y5lav70gda]  .k-listview-header {
    position: relative !important;
    z-index: 5 !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-left: 3px solid transparent !important;
    border-bottom: 1px solid #E8ECF1 !important;
    padding: 0.55rem 0.5rem !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Stack fields + meta; keep main cols left-aligned with headers */
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list > .row.no-gutters,
.inq-page[b-y5lav70gda]  .k-listview-header > .row.no-gutters,
.inq-page[b-y5lav70gda]  .app-list-view-row > .row.no-gutters,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe > .row.no-gutters {
    align-items: flex-start !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.inq-page[b-y5lav70gda]  .inq-col {
    text-align: left !important;
    justify-content: flex-start !important;
}

.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    min-height: 1.75rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
}

/* Status / Category / Submitted / Submitted By / Actions — light right shift */
.inq-page[b-y5lav70gda]  .inq-col-status,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col-status,
.inq-page[b-y5lav70gda]  .k-listview-header .inq-col-status,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col-status,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col-status {
    padding-left: 1rem !important;
}
.inq-page[b-y5lav70gda]  .inq-col-category,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col-category,
.inq-page[b-y5lav70gda]  .k-listview-header .inq-col-category,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col-category,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col-category {
    padding-left: 1.35rem !important;
}
.inq-page[b-y5lav70gda]  .inq-col-submitted,
.inq-page[b-y5lav70gda]  .inq-col-by,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col-submitted,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col-by,
.inq-page[b-y5lav70gda]  .k-listview-header .inq-col-submitted,
.inq-page[b-y5lav70gda]  .k-listview-header .inq-col-by,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col-submitted,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col-by,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col-submitted,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col-by {
    text-align: left !important;
    justify-content: flex-start !important;
    padding-left: 3.5rem !important;
}
.inq-page[b-y5lav70gda]  .inq-col-actions,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list .inq-col-actions,
.inq-page[b-y5lav70gda]  .k-listview-header .inq-col-actions,
.inq-page[b-y5lav70gda]  .app-list-view-row .inq-col-actions,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe .inq-col-actions {
    text-align: center !important;
    justify-content: center !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-left: 0 !important;
}
.inq-page[b-y5lav70gda]  .inq-col-submitted .inq-date,
.inq-page[b-y5lav70gda]  .inq-col-by .inq-date {
    margin-left: 0 !important;
    text-align: left !important;
}
.inq-page[b-y5lav70gda]  .inq-col-actions .inq-view-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.inq-page[b-y5lav70gda]  .inq-col-meta {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0.5rem 0.5rem 0.15rem !important;
    box-sizing: border-box !important;
}

/*
 * Hide AppListView <hr> entirely — it draws through the row (sky + meta).
 * Use border-bottom on the row so one clean line sits under each full item.
 */
.inq-page[b-y5lav70gda]  .inq-list hr,
.inq-page[b-y5lav70gda]  .app-list-view-header-item-list + hr,
.inq-page[b-y5lav70gda]  .k-listview-header + hr,
.inq-page[b-y5lav70gda]  .app-list-view-row + hr,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe + hr,
.inq-page[b-y5lav70gda]  .k-listview-item + hr,
.fc-page.inq-page[b-y5lav70gda]  .inq-list hr,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row + hr,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe + hr,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row ~ hr,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe ~ hr {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(odd),
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(even),
.inq-page[b-y5lav70gda]  .app-list-view-row,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(odd),
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(even) {
    width: 100% !important;
    max-width: 100% !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    padding: 0.7rem 0.5rem !important;
    margin: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid #E8ECF1 !important;
    border-left: 3px solid transparent !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: auto !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:hover,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:hover,
.inq-page[b-y5lav70gda]  .app-list-view-row:hover,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:hover,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(odd):hover,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:nth-child(even):hover {
    background-color: #E0F2FE !important;
    background: #E0F2FE !important;
    border-left: 3px solid #033D53 !important;
    border-bottom-color: #E8ECF1 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* Click / selected = FC navy (beats .fc-page.inq-page :hover sky) */
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:active,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active:hover,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:active:hover,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected),
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover,
.inq-page[b-y5lav70gda]  .app-list-view-row:active,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:active,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected),
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-left: 3px solid #033D53 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-id-link,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-id-link,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-date,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-date,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__label,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__label,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__desc,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__desc,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__updated,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__updated,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-id-link,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-id-link,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-date,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-date,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__label,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__label,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__desc,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__desc,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta__updated,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta__updated {
    color: #FFFFFF !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-category-pill,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-category-pill,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-category-pill,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-category-pill {
    background: #FFFFFF !important;
    color: #033D53 !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.32) !important;
    border-left-color: #FFFFFF !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-view-btn,
.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-view-btn,
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-view-btn,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-view-btn {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #033D53 !important;
}

.fc-page.inq-page[b-y5lav70gda]  .app-list-view-row .app-list-view-row-item-selected,
.inq-page[b-y5lav70gda]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    color: inherit !important;
}

.inq-page[b-y5lav70gda]  .inq-id-link {
    color: #033D53 !important;
    font-weight: 700;
    font-size: 0.8125rem;
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.5rem;
}

.inq-page[b-y5lav70gda]  .inq-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: 6px;
    border: 1.5px solid #033D53;
    background: #FFFFFF;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    line-height: 1;
}

.inq-page[b-y5lav70gda]  .inq-view-btn:hover { background: #E0F2FE; }
.inq-page[b-y5lav70gda]  .inq-view-btn:focus-visible { outline: 2px solid #033D53; outline-offset: 2px; }

.inq-page[b-y5lav70gda]  .inq-status-pill {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    white-space: nowrap;
}
.inq-page[b-y5lav70gda]  .inq-status-pill--new { background: #033D53; color: #FFFFFF; }
.inq-page[b-y5lav70gda]  .inq-status-pill--progress { background: #F9ECD4; color: #35260C; }
.inq-page[b-y5lav70gda]  .inq-status-pill--awaiting { background: #E2EEFC; color: #192330; }
.inq-page[b-y5lav70gda]  .inq-status-pill--resolved { background: #EAFBF1; color: #003D1F; }
.inq-page[b-y5lav70gda]  .inq-status-pill--closed,
.inq-page[b-y5lav70gda]  .inq-status-pill--default { background: #F0F4F8; color: #32434B; }

.inq-page[b-y5lav70gda]  .inq-category-pill {
    display: inline-block;
    max-width: 100%;
    height: 1.5rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    background: #F0F4F8;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Description/Updated — full-width soft banner */
.inq-page[b-y5lav70gda]  .inq-meta {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0.65rem 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-left: 4px solid #033D53;
    border-radius: 6px;
    box-sizing: border-box;
}
.inq-page[b-y5lav70gda]  .app-list-view-row:hover .inq-meta,
.inq-page[b-y5lav70gda]  .app-list-view-row-stripe:hover .inq-meta {
    background: #FFFFFF;
    border-color: #E2E8F0;
    border-left-color: #033D53;
}
.inq-page[b-y5lav70gda]  .app-list-view-row:active .inq-meta,
.inq-page[b-y5lav70gda]  .app-list-view-row:has(.app-list-view-row-item-selected) .inq-meta {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.32) !important;
    border-left-color: #FFFFFF !important;
}
.inq-page[b-y5lav70gda]  .inq-meta__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    width: 100%;
}
.inq-page[b-y5lav70gda]  .inq-meta__row--updated { margin-top: 0; }
.inq-page[b-y5lav70gda]  .inq-meta__label {
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 700;
    color: #121A1F;
}
.inq-page[b-y5lav70gda]  .inq-meta__label::after { content: ":"; }
.inq-page[b-y5lav70gda]  .inq-meta__desc {
    flex: 1 1 12rem;
    min-width: 0;
    margin: 0;
    color: #32434B;
    font-size: 0.75rem;
    line-height: 1.4;
}
.inq-page[b-y5lav70gda]  .inq-meta__updated {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #033D53;
    font-size: 0.75rem;
    font-style: italic;
}
.inq-page[b-y5lav70gda]  .inq-date {
    color: #32434B;
    font-size: 0.8125rem;
    line-height: 1.5rem;
}

.inq-page[b-y5lav70gda]  .module-list-pagination {
    border-top: 1px solid #E8ECF1 !important;
    margin-top: 0.85rem !important;
    padding-top: 0.9rem !important;
}
.inq-page[b-y5lav70gda]  .module-list-pagination__label {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}
body.fixed-sn main .inq-page[b-y5lav70gda]  .module-list-pagination__page.is-active,
body.fixed-sn main .inq-page[b-y5lav70gda]  .btn.module-list-pagination__page.is-active,
body.fixed-sn main .inq-page[b-y5lav70gda]  .btn.module-list-pagination__page[aria-current="page"] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .inq-page[b-y5lav70gda]  .module-list-toolbar__inner { flex-wrap: wrap; }
    .inq-page[b-y5lav70gda]  .module-list-toolbar__group--trailing {
        margin-left: 0 !important;
        width: 100%;
        flex-wrap: wrap;
        gap: 1rem;
    }
}
/* /Pages/Domain/Billing/AppPageInquiryDetails.razor.rz.scp.css */
/* Inquiry Details — FC / AODA */
.inq-details[b-3stp4rt984] {
    --inq-brand: #033D53;
    --inq-ink: #32434B;
    --inq-strong: #121A1F;
    --inq-soft: #F0F4F8;
    --inq-border: #E2E8F0;
    --inq-sky: #E0F2FE;
    --inq-white: #FFFFFF;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    color: var(--inq-ink);
}

.inq-details__btn[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    padding: 0 0.85rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    border: 1.5px solid transparent;
}

.inq-details__btn:disabled[b-3stp4rt984] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inq-details__btn--resolve[b-3stp4rt984],
.inq-details__btn--send[b-3stp4rt984] {
    background: var(--inq-brand);
    border-color: var(--inq-brand);
    color: var(--inq-white);
}

.inq-details__btn--resolve:hover:not(:disabled)[b-3stp4rt984],
.inq-details__btn--send:hover:not(:disabled)[b-3stp4rt984] {
    background: #024560;
    border-color: #024560;
}

.inq-details__btn--resolve:focus-visible[b-3stp4rt984],
.inq-details__btn--send:focus-visible[b-3stp4rt984] {
    outline: 2px solid var(--inq-brand);
    outline-offset: 2px;
}

.inq-details__btn--resolve.is-loading[b-3stp4rt984] {
    opacity: 0.85;
    cursor: wait;
    gap: 0.45rem;
}

.inq-details__btn--resolve.is-loading .fa-spinner[b-3stp4rt984] {
    font-size: 0.85em;
}

.inq-details__btn--send:active:not(:disabled)[b-3stp4rt984] {
    background: var(--inq-brand);
}

.inq-details__status-badge[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.inq-details__status-badge--new[b-3stp4rt984] { background: #033D53; color: #FFFFFF; }
.inq-details__status-badge--progress[b-3stp4rt984] { background: #F9ECD4; color: #35260C; }
.inq-details__status-badge--awaiting[b-3stp4rt984] { background: #E2EEFC; color: #192330; }
.inq-details__status-badge--resolved[b-3stp4rt984] { background: #EAFBF1; color: #003D1F; }
.inq-details__status-badge--closed[b-3stp4rt984],
.inq-details__status-badge--default[b-3stp4rt984] { background: #F0F4F8; color: #32434B; }

.inq-details__main[b-3stp4rt984] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
}

.inq-details__shell[b-3stp4rt984] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    background: var(--inq-white);
    border: 1px solid var(--inq-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(18, 26, 31, 0.04);
}

.inq-details__shell > .inq-details__card[b-3stp4rt984],
.inq-details__shell > .inq-details__thread-card[b-3stp4rt984] {
    /* keep each inner card looking separate */
    border: 1px solid var(--inq-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(18, 26, 31, 0.04);
    background: var(--inq-white);
}

.inq-details__card[b-3stp4rt984],
.inq-details__thread-card[b-3stp4rt984] {
    background: var(--inq-white);
    border: 1px solid var(--inq-border);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(18, 26, 31, 0.04);
    overflow: hidden;
}

.inq-details__thread-card[b-3stp4rt984] {
    display: flex;
    flex-direction: column;
    min-height: 22rem;
    max-height: none;
}

.inq-details__actions[b-3stp4rt984] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    width: 100%;
    padding: 0.25rem 0 0.1rem;
    box-sizing: border-box;
}

.inq-details__btn--back[b-3stp4rt984] {
    background: var(--inq-white);
    border-color: var(--inq-brand);
    color: var(--inq-brand);
    gap: 0.4rem;
}

.inq-details__btn--back:hover:not(:disabled)[b-3stp4rt984] {
    background: var(--inq-sky);
}

.inq-details__btn--back:focus-visible[b-3stp4rt984] {
    outline: 2px solid var(--inq-brand);
    outline-offset: 2px;
}

.inq-details__card-title[b-3stp4rt984] {
    margin: 0;
    padding: 0.85rem 1rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--inq-strong);
    border-bottom: 1px solid var(--inq-border);
    background: var(--inq-white);
}

.inq-details__card-title--pad[b-3stp4rt984] {
    flex: 0 0 auto;
}

.inq-details__meta[b-3stp4rt984] {
    margin: 0;
    padding: 0;
}

.inq-details__meta--2col[b-3stp4rt984] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.inq-details__meta-row[b-3stp4rt984] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--inq-border);
    min-height: 2.75rem;
    box-sizing: border-box;
}

.inq-details__meta--2col .inq-details__meta-row:nth-child(odd)[b-3stp4rt984] {
    border-right: 1px solid var(--inq-border);
}

.inq-details__meta-row--subject[b-3stp4rt984] {
    grid-column: 1 / -1;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.45rem;
    border-right: none !important;
    border-bottom: none;
    padding-bottom: 1rem;
}

.inq-details__value--subject[b-3stp4rt984] {
    width: 100%;
    text-align: left !important;
    justify-content: flex-start !important;
    font-weight: 500;
}

.inq-details__meta-row--subject .inq-details__subject[b-3stp4rt984] {
    margin: 0;
    width: 100%;
    text-align: left;
}

.inq-details__meta-row--subject .inq-details__subject-text[b-3stp4rt984] {
    text-align: left !important;
}

@media (max-width: 767px) {
    .inq-details__meta--2col[b-3stp4rt984] {
        grid-template-columns: 1fr;
    }

    .inq-details__meta--2col .inq-details__meta-row:nth-child(odd)[b-3stp4rt984] {
        border-right: none;
    }
}

.inq-details__meta-row:last-child[b-3stp4rt984] {
    border-bottom: none;
}

.inq-details__label[b-3stp4rt984] {
    margin: 0;
    color: var(--inq-ink);
    font-size: 0.8125rem;
    font-weight: 500;
    flex: 0 1 auto;
}

.inq-details__value[b-3stp4rt984] {
    margin: 0;
    color: var(--inq-strong);
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: right;
    min-width: 0;
}

.inq-details__value--truncate[b-3stp4rt984] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inq-details__category-pill[b-3stp4rt984] {
    display: inline-block;
    max-width: 100%;
    min-height: 1.5rem;
    padding: 0.15rem 0.65rem;
    border-radius: 6px;
    background: var(--inq-soft);
    color: var(--inq-ink);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
    overflow: visible;
    word-break: break-word;
    vertical-align: middle;
}

.inq-details__subject[b-3stp4rt984] {
    margin: 0.85rem 1rem 1rem;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: var(--inq-soft);
    border: 1px solid var(--inq-border);
}

.inq-details__subject-text[b-3stp4rt984] {
    margin: 0;
    color: var(--inq-strong);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.inq-details[b-3stp4rt984]  .inq-details__status-select .fc-select__trigger {
    min-width: 9.5rem;
    height: 2.125rem;
    background: var(--inq-soft);
    border: 1.5px solid var(--inq-border);
    color: var(--inq-strong);
    font-size: 0.8125rem;
}

.inq-details[b-3stp4rt984]  .inq-details__status-select .fc-select__trigger:hover:not(:disabled) {
    background: var(--inq-white);
    border-color: var(--inq-brand);
}

.inq-details[b-3stp4rt984]  .inq-details__status-select.is-open .fc-select__trigger,
.inq-details[b-3stp4rt984]  .inq-details__status-select .fc-select__trigger:focus,
.inq-details[b-3stp4rt984]  .inq-details__status-select .fc-select__trigger:focus-visible {
    background: var(--inq-white) !important;
    border: 1.5px solid var(--inq-brand) !important;
    outline: none !important;
    box-shadow: none !important;
}

.inq-details[b-3stp4rt984]  .inq-details__status-select .fc-select__option.is-selected {
    background: var(--inq-brand) !important;
    color: var(--inq-white) !important;
}

/* Thread */
.inq-details__thread[b-3stp4rt984] {
    flex: 1 1 auto;
    min-height: 14rem;
    overflow-y: auto;
    padding: 1rem;
    background: var(--inq-soft);
}

.inq-details__thread-loading[b-3stp4rt984],
.inq-details__thread-empty[b-3stp4rt984] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 12rem;
    text-align: center;
}

.inq-details__thread-empty-icon[b-3stp4rt984] {
    font-size: 1.5rem;
    color: var(--inq-brand);
}

.inq-details__thread-empty-text[b-3stp4rt984] {
    margin: 0;
    color: var(--inq-ink);
    font-size: 0.8125rem;
    font-weight: 500;
}

.inq-details__system[b-3stp4rt984] {
    display: flex;
    justify-content: center;
    margin: 0.75rem 0;
}

.inq-details__system-pill[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: var(--inq-ink);
    color: var(--inq-white);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.inq-details__bubble-row[b-3stp4rt984] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.inq-details__bubble-row.is-mine[b-3stp4rt984] { align-items: flex-end; }
.inq-details__bubble-row.is-theirs[b-3stp4rt984] { align-items: flex-start; }

.inq-details__bubble[b-3stp4rt984] {
    max-width: min(80%, 36rem);
    padding: 0.7rem 0.9rem;
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid transparent;
}

.inq-details__bubble.is-mine[b-3stp4rt984] {
    background: var(--inq-brand);
    color: var(--inq-white);
    border-radius: 12px 12px 2px 12px;
}

.inq-details__bubble.is-staff[b-3stp4rt984] {
    background: #024560;
    color: var(--inq-white);
    border-radius: 12px 12px 12px 2px;
}

.inq-details__bubble.is-theirs[b-3stp4rt984] {
    background: var(--inq-white);
    color: var(--inq-strong);
    border-color: var(--inq-border);
    border-radius: 12px 12px 12px 2px;
}

.inq-details__bubble-body[b-3stp4rt984] {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}

.inq-details__attachments.has-body[b-3stp4rt984] {
    margin-top: 0.55rem;
}

.inq-details__attachment + .inq-details__attachment[b-3stp4rt984] {
    margin-top: 0.45rem;
}

.inq-details__attachment-image[b-3stp4rt984] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.inq-details__thumb-btn[b-3stp4rt984] {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    flex-shrink: 0;
}

.inq-details__thumb-btn:focus-visible[b-3stp4rt984] {
    outline: 2px solid var(--inq-brand);
    outline-offset: 2px;
}

.inq-details__thumb[b-3stp4rt984] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    background: rgba(18, 26, 31, 0.06);
}

.inq-details__thumb--placeholder[b-3stp4rt984],
.inq-details__thumb--loading[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: 0.8;
}

.inq-details__attachment-meta[b-3stp4rt984] {
    min-width: 0;
}

.inq-details__attachment-name[b-3stp4rt984] {
    font-size: 0.75rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inq-details__attachment-file[b-3stp4rt984] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.inq-details__link-btn[b-3stp4rt984],
.inq-details__icon-btn[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

.inq-details__bubble.is-mine .inq-details__link-btn[b-3stp4rt984],
.inq-details__bubble.is-staff .inq-details__link-btn[b-3stp4rt984] {
    color: rgba(255, 255, 255, 0.92);
}

.inq-details__bubble.is-theirs .inq-details__link-btn[b-3stp4rt984] {
    color: var(--inq-brand);
}

.inq-details__link-btn:disabled[b-3stp4rt984],
.inq-details__icon-btn:disabled[b-3stp4rt984],
.inq-details__thumb-btn:disabled[b-3stp4rt984] {
    opacity: 0.5;
    cursor: not-allowed;
}

.inq-details__link-btn:focus-visible[b-3stp4rt984],
.inq-details__icon-btn:focus-visible[b-3stp4rt984] {
    outline: 2px solid var(--inq-brand);
    outline-offset: 2px;
}

.inq-details__bubble-meta[b-3stp4rt984] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 0.3rem;
    padding: 0 0.15rem;
}

.inq-details__sender[b-3stp4rt984] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--inq-ink);
}

.inq-details__time[b-3stp4rt984] {
    font-size: 0.6875rem; /* 11px floor */
    font-weight: 500;
    color: #8A97A3;
}

/* Composer */
.inq-details__composer[b-3stp4rt984] {
    flex: 0 0 auto;
    padding: 1rem;
    border-top: 1px solid var(--inq-border);
    background: var(--inq-white);
}

.inq-details__reply[b-3stp4rt984] {
    display: block;
    width: 100%;
    min-height: 4.5rem;
    height: 4.5rem;
    max-height: 7.5rem;
    box-sizing: border-box;
    padding: 0.7rem 0.85rem;
    border: 1.5px solid var(--inq-border);
    border-radius: 8px;
    background: var(--inq-soft);
    color: var(--inq-strong);
    font-size: 0.8125rem;
    font-family: inherit;
    line-height: 1.4;
    resize: vertical;
    overflow: hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: none;
}

.inq-details__reply[b-3stp4rt984]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.inq-details__reply:hover[b-3stp4rt984] {
    background: var(--inq-white);
    border-color: var(--inq-brand);
}

.inq-details__reply:focus[b-3stp4rt984],
.inq-details__reply:focus-visible[b-3stp4rt984] {
    outline: none;
    background: var(--inq-white);
    border-color: var(--inq-brand);
}

.inq-details__reply:disabled[b-3stp4rt984] {
    opacity: 0.65;
    cursor: not-allowed;
}

.inq-details__pending[b-3stp4rt984] {
    list-style: none;
    margin: 0.65rem 0 0;
    padding: 0;
}

.inq-details__pending-item[b-3stp4rt984] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--inq-border);
    font-size: 0.75rem;
}

.inq-details__pending-name[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--inq-ink);
    font-weight: 600;
    min-width: 0;
}

.inq-details__pending-actions[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.inq-details__pending-action[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: 0.25rem;
    background: transparent;
    color: #32434B;
    font-size: 0.875rem;
    cursor: pointer;
    padding: 0;
}

.inq-details__pending-action:hover[b-3stp4rt984],
.inq-details__pending-action:focus-visible[b-3stp4rt984] {
    background: #F6FBFE;
    color: #033D53;
}

.inq-details__pending-action:focus-visible[b-3stp4rt984] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inq-details__pending-action--danger[b-3stp4rt984] {
    color: #5E0011;
}

.inq-details__pending-action--danger:hover[b-3stp4rt984],
.inq-details__pending-action--danger:focus-visible[b-3stp4rt984] {
    background: #FFF0F2;
    color: #5E0011;
}

.inq-details__composer-bar[b-3stp4rt984] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.inq-details__composer-left[b-3stp4rt984] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-width: 0;
}

.inq-details__attach[b-3stp4rt984] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 2rem;
    padding: 0 0.75rem;
    border-radius: 8px;
    border: 1.5px solid var(--inq-brand);
    background: var(--inq-white);
    color: var(--inq-brand);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    margin: 0;
}

.inq-details__attach:hover[b-3stp4rt984] {
    background: var(--inq-sky);
}

.inq-details__attach:focus-within[b-3stp4rt984] {
    outline: 2px solid var(--inq-brand);
    outline-offset: 2px;
}

.inq-details__hint[b-3stp4rt984] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--inq-ink);
    font-size: 0.75rem;
    font-weight: 500;
    font-style: italic;
}

.inq-details__notice[b-3stp4rt984] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    background: var(--inq-soft);
    border: 1px solid var(--inq-border);
    color: var(--inq-ink);
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
}

.inq-details__notice--locked[b-3stp4rt984] {
    background: #FFF0F2;
    border-color: #E2E8F0;
    color: #5E0011;
}

/* Hide default AppModulePageTitle if still injected elsewhere — we use custom hero */
.inq-details[b-3stp4rt984]  .app-card {
    border: none;
    box-shadow: none;
}
/* /Pages/Domain/Billing/AppPageInvoiceDetail.razor.rz.scp.css */
/* ISW Invoice Details — Enable Kit / Frame 201 tokens */

.inv-isw-detail-page[b-pxv15bawiw] {
    --inv-brand: #033D53;
    --inv-sky: #E0F2FE;
    --inv-soft: #F0F4F8;
    --inv-border: #E2E8F0;
    --inv-ink: #32434B;
    --inv-ink-strong: #121A1F;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 0 1.25rem;
    color: var(--inv-ink);
}

.inv-isw-detail-shell[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    box-shadow: none;
}

/* FC review section tokens */
.inv-isw-detail-page .fc-review-section[b-pxv15bawiw] {
    --fc-brand: #033D53;
    --fc-sky: #E0F2FE;
    --fc-border: #E2E8F0;
    --fc-muted: #32434B;
    --fc-text: #121A1F;
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    box-shadow: none;
    background: #FFFFFF;
    margin-bottom: 0;
    overflow: hidden;
}

.inv-isw-detail-page .fc-review-section-head[b-pxv15bawiw] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: transparent;
}

.inv-isw-detail-page .fc-review-section-title-wrap[b-pxv15bawiw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.inv-isw-detail-page .fc-review-section-icon[b-pxv15bawiw] {
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.45rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
}

.inv-isw-detail-page .fc-review-section-title[b-pxv15bawiw] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.inv-isw-detail-page .fc-review-body[b-pxv15bawiw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-body--table[b-pxv15bawiw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-body--docs[b-pxv15bawiw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .inv-isw-detail-main .fc-review-body--docs[b-pxv15bawiw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-empty[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 2rem 1rem;
    text-align: center;
}

.inv-isw-detail-page .fc-review-empty-icon[b-pxv15bawiw] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: #EEF1F4;
    color: #32434B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.inv-isw-detail-page .fc-review-empty p[b-pxv15bawiw] {
    margin: 0;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
}

.inv-isw-detail-page .fc-review-grid[b-pxv15bawiw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

@media (min-width: 768px) {
    .inv-isw-detail-page .fc-review-grid[b-pxv15bawiw] {
        grid-template-columns: 1fr 1fr;
    }

    .inv-isw-detail-page .fc-review-grid-col + .fc-review-grid-col[b-pxv15bawiw] {
        border-left: 1px solid #E4EAF0;
        padding-left: 1.15rem;
    }
}

.inv-isw-detail-page .fc-review-row[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E8EDF2;
}

.inv-isw-detail-page .fc-review-row:last-child[b-pxv15bawiw] {
    border-bottom: none;
}

.inv-isw-detail-page .fc-review-label[b-pxv15bawiw] {
    flex: 0 1 10.5rem;
    width: 10.5rem;
    max-width: 100%;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    margin: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-page .fc-review-value[b-pxv15bawiw] {
    flex: 1 1 12rem;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #121A1F;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.35;
}

/* Page-wide: long values wrap down, container height grows */
.inv-isw-detail-page .inv-isw-detail-lines__value[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-lines__shift-line[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-lines__foot-pair > span[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-docs li > span[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-note > div[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-note__text[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-reject[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-submitted[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .inv-isw-detail-lines__value {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-footer[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0;
    padding: 0.85rem 1.15rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background: #FFFFFF;
}

/* Do not use <footer> here — body.fixed-sn footer global layout rules shift it off-grid. */
.inv-isw-detail-page .inv-isw-detail-main > .inv-isw-detail-main-actions[b-pxv15bawiw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    padding: 0.85rem 0 0.1rem;
    margin: 0;
    box-sizing: border-box;
    align-self: stretch;
}

.inv-isw-detail-main-actions__left[b-pxv15bawiw] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.inv-isw-detail-main-actions__right[b-pxv15bawiw] {
    flex: 0 0 auto;
    margin-left: auto;
}

.inv-isw-detail-main-actions:not(:has(.inv-isw-detail-submitted))[b-pxv15bawiw] {
    justify-content: flex-end;
}

.inv-isw-detail-main-actions:not(:has(.inv-isw-detail-submitted)) .inv-isw-detail-main-actions__left[b-pxv15bawiw] {
    display: none;
}

.inv-isw-detail-toolbar[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.inv-isw-detail-btn[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.35rem 1rem;
    border-radius: 8px;
    border: 1.5px solid #32434B;
    background: #FFFFFF;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-detail-btn:hover:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-btn:active:not(:disabled)[b-pxv15bawiw] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-isw-detail-btn:focus-visible[b-pxv15bawiw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-btn:disabled[b-pxv15bawiw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-isw-detail-btn--primary[b-pxv15bawiw] {
    border-color: #033D53;
    background: #033D53;
    color: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary[b-pxv15bawiw] {
    border-color: var(--figma-primary, #033D53);
    background: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-btn--primary:hover:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-btn--primary:focus-visible:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-btn--primary:active:not(:disabled)[b-pxv15bawiw] {
    background: #034a66;
    border-color: #034a66;
    color: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:hover:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:focus-visible:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:active:not(:disabled)[b-pxv15bawiw] {
    background: var(--figma-primary-active, #034a66);
    border-color: var(--figma-primary-active, #034a66);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:disabled[b-pxv15bawiw] {
    opacity: 1;
    background: #E2E8F0;
    border-color: #E2E8F0;
    color: #32434B;
    cursor: not-allowed;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:hover:not(:disabled)[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:active:not(:disabled)[b-pxv15bawiw] {
    background: var(--figma-primary, #033D53);
    border-color: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:focus-visible:not(:disabled)[b-pxv15bawiw] {
    background: var(--figma-primary, #033D53);
    border-color: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-note[b-pxv15bawiw] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    padding: 0.65rem 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

.inv-isw-detail-note__text[b-pxv15bawiw] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-note--sky[b-pxv15bawiw] {
    align-items: center;
    gap: 0.75rem;
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #32434B;
}

.inv-isw-detail-note--sky i[b-pxv15bawiw] {
    margin-top: 0;
}

.inv-isw-detail-note__close[b-pxv15bawiw] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #121A1F;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.inv-isw-detail-note__close:hover[b-pxv15bawiw] {
    background: #FFFFFF;
    color: #033D53;
    border-color: #033D53;
}

.inv-isw-detail-note__close:active[b-pxv15bawiw] {
    background: #F0F4F8;
    color: #033D53;
    border-color: #033D53;
}

.inv-isw-detail-note__close:focus-visible[b-pxv15bawiw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-note__close i[b-pxv15bawiw] {
    font-size: 0.75rem;
    line-height: 1;
    margin: 0;
    color: inherit;
}

.inv-isw-detail-note i[b-pxv15bawiw] {
    color: #033D53;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.inv-isw-detail-note strong[b-pxv15bawiw] {
    display: block;
    margin-bottom: 0.15rem;
    color: #121A1F;
    font-weight: 700;
}

/* Main wrapper card — sections nest inside as separate cards */
.inv-isw-detail-page .fc-review-section.inv-isw-detail-main[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    overflow: visible;
}

.inv-isw-detail-main > .inv-isw-detail-block[b-pxv15bawiw] {
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background: #FFFFFF;
    overflow: hidden;
}

.inv-isw-detail-main > .inv-vendor-finance-review[b-pxv15bawiw] {
    margin: 0;
}

.inv-isw-detail-main > .inv-isw-detail-block > .fc-review-section-head[b-pxv15bawiw] {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-stack[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.inv-isw-detail-vendor-badge[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0.35rem;
    padding: 0.15rem 0.45rem 0.15rem 0.35rem;
    background: #E0F2FE;
    border-radius: 6px;
    color: #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.15;
    vertical-align: middle;
}

.inv-isw-detail-totals[b-pxv15bawiw] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #E8ECF1;
    display: table;
    margin-left: auto;
    margin-right: 0;
    border-collapse: collapse;
}

.inv-isw-detail-totals__row[b-pxv15bawiw] {
    display: table-row;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
}

.inv-isw-detail-totals__row > span[b-pxv15bawiw] {
    display: table-cell;
    padding: 0.125rem 0;
    vertical-align: baseline;
    white-space: nowrap;
    line-height: 1.3;
}

.inv-isw-detail-totals__row > span:first-child[b-pxv15bawiw] {
    text-align: left;
    padding-right: 1rem;
}

.inv-isw-detail-totals__row > span:last-child[b-pxv15bawiw] {
    text-align: left;
}

.inv-isw-detail-totals__row--grand[b-pxv15bawiw] {
    font-weight: 700;
}

.inv-isw-detail-totals__row--grand > span[b-pxv15bawiw] {
    padding-top: 0.35rem;
    border-top: 1px solid #E2E8F0;
}

.inv-isw-detail-totals__row--grand span:first-child[b-pxv15bawiw] {
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-totals__amount[b-pxv15bawiw] {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
    font-size: 1rem;
    font-weight: 700;
    color: #033D53;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot .inv-isw-detail-totals__amount[b-pxv15bawiw] {
    font-size: 1rem;
    font-weight: 700;
    color: #033D53;
}

.inv-isw-detail-docs[b-pxv15bawiw] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inv-isw-detail-docs li[b-pxv15bawiw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #E8ECF1;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-docs li > span[b-pxv15bawiw] {
    flex: 1 1 12rem;
    min-width: 0;
}

.inv-isw-detail-docs li:last-child[b-pxv15bawiw] {
    border-bottom: 0;
}

.inv-isw-detail-docs i[b-pxv15bawiw] {
    color: #033D53;
    margin-right: 0.35rem;
}

.inv-isw-detail-docs__link[b-pxv15bawiw] {
    border: 0;
    background: transparent;
    padding: 0;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.inv-isw-detail-docs__link:focus-visible[b-pxv15bawiw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-side[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.inv-isw-detail-page[b-pxv15bawiw]  .inv-isw-detail-funding-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0;
}

.inv-isw-detail-page[b-pxv15bawiw]  .inv-isw-detail-funding-wrap .fc-svc-table-frame {
    border: 1px solid #E2E8F0;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
}

.inv-isw-detail-page .fc-svc-table-wrap[b-pxv15bawiw] {
    margin-top: 0;
}

.inv-isw-detail-page .fc-svc-table-frame[b-pxv15bawiw] {
    border: 1px solid #E2E8F0;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
}

.inv-isw-detail-lines-wrap[b-pxv15bawiw] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table {
    width: 100%;
    min-width: 58rem;
    border-collapse: collapse;
    margin: 0;
    table-layout: auto;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-shift[b-pxv15bawiw] {
    min-width: 10.5rem;
    max-width: 12rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-funding {
    min-width: 9rem;
    max-width: 14rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-support {
    min-width: 7rem;
    max-width: 11rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-staffing[b-pxv15bawiw] {
    min-width: 5.5rem;
    max-width: 8rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-hours[b-pxv15bawiw] {
    width: 1%;
    min-width: 4.75rem;
    max-width: 7rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-rate[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-amount[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-remaining[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-amount {
    width: 1%;
    min-width: 4.75rem;
    max-width: 7rem;
    vertical-align: top;
}

.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-invoiced {
    padding-left: 3.25rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-status[b-pxv15bawiw] {
    min-width: 6.5rem;
    max-width: 10rem;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table thead th {
    text-align: left;
    font-weight: 600;
    color: #32434B;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
    font-size: 0.8125rem;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: normal;
    vertical-align: bottom;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.text-right[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table thead th.text-right {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-staffing[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-funding,
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-support {
    white-space: normal;
    word-break: break-word;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-shift[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-hours[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-rate[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-amount[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-remaining[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-status[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-amount {
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table tbody td {
    padding: 0.65rem 0.85rem;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.35;
    background: #FFFFFF;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table tbody td {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table tbody tr:last-child td {
    border-bottom: 0;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-pxv15bawiw] {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-lines__shift[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-weight: 600;
    color: #121A1F;
    width: 100%;
}

.inv-isw-detail-lines__shift-line[b-pxv15bawiw] {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
    white-space: normal;
}

.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-lines__value {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td .inv-isw-detail-lines__value[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table tbody td .inv-isw-detail-lines__value {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
}

.inv-isw-detail-lines td .inv-isw-pill[b-pxv15bawiw] {
    vertical-align: middle;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot tr:last-child td[b-pxv15bawiw] {
    border-bottom: 0;
    background: #FFFFFF;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-lines__foot-cell[b-pxv15bawiw] {
    text-align: right;
}

.inv-isw-detail-lines__foot-pair[b-pxv15bawiw] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1.25rem;
    width: 100%;
    max-width: 14rem;
    margin-left: auto;
}

.inv-isw-detail-lines__foot-pair span:first-child[b-pxv15bawiw] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    line-height: 1.25;
}

.inv-isw-detail-lines__foot-pair span:last-child[b-pxv15bawiw] {
    min-width: 0;
    max-width: 100%;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

.inv-isw-detail-lines__foot-pair--grand[b-pxv15bawiw] {
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-lines__foot-pair--grand span:first-child[b-pxv15bawiw] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
}

.inv-isw-detail-lines .text-right[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.text-right[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th.text-right[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td.text-right[b-pxv15bawiw],
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table .text-right,
.inv-isw-detail-page[b-pxv15bawiw]  .fc-svc-table.inv-isw-detail-funding-table tbody td.text-right {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot .inv-isw-detail-lines__value[b-pxv15bawiw] {
    text-align: right;
}

.inv-isw-detail-line-review[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding-top: 0;
    border-top: 0;
}

.inv-isw-detail-line-review__item[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0;
    border-top: 0;
    background: transparent;
}

.inv-isw-detail-line-review__item + .inv-isw-detail-line-review__item[b-pxv15bawiw] {
    padding-top: 0;
    border-top: 0;
}

.inv-isw-detail-line-review__item:first-child[b-pxv15bawiw] {
    padding-top: 0;
}

.inv-isw-detail-hst-badge[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 6px;
    background: #E0F2FE;
    color: #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
}

.inv-isw-detail-reject[b-pxv15bawiw] {
    margin-top: 0.35rem;
    color: #5E0011;
    font-size: 0.8125rem;
    font-weight: 500;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-reject-box[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.inv-isw-detail-reject-box__label[b-pxv15bawiw] {
    display: block;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #32434B;
    line-height: 1.35;
}

.inv-isw-detail-reject-required[b-pxv15bawiw] {
    color: #B42318;
    font-weight: 600;
}

.inv-isw-detail-reject-box__actions[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.inv-isw-detail-decision-label[b-pxv15bawiw] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-decision-actions[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.inv-isw-detail-line-btn[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 1rem;
    border-radius: 8px;
    border: 1.5px solid transparent;
    background: #FFFFFF;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-detail-line-btn--loading:disabled[b-pxv15bawiw] {
    opacity: 1;
    cursor: wait;
}

.inv-isw-detail-line-btn__spin[b-pxv15bawiw] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    border: 2px solid #E2E8F0;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: inv-isw-detail-line-btn-spin-b-pxv15bawiw 0.7s linear infinite;
}

@keyframes inv-isw-detail-line-btn-spin-b-pxv15bawiw {
    to {
        transform: rotate(360deg);
    }
}

.inv-isw-detail-line-btn--accept[b-pxv15bawiw] {
    border-color: #003D1F;
    color: #003D1F;
}

.inv-isw-detail-line-btn--accept:hover:not(:disabled)[b-pxv15bawiw] {
    background: #EAFBF1;
}

.inv-isw-detail-line-btn--reject[b-pxv15bawiw] {
    border-color: #5E0011;
    color: #5E0011;
}

.inv-isw-detail-line-btn--reject:hover:not(:disabled)[b-pxv15bawiw] {
    background: #FFF0F2;
}

.inv-isw-detail-line-btn--confirm[b-pxv15bawiw] {
    border-color: #5E0011;
    background: #5E0011;
    color: #FFFFFF;
}

.inv-isw-detail-line-btn--confirm:hover:not(:disabled)[b-pxv15bawiw] {
    background: #4A000D;
    border-color: #4A000D;
    color: #FFFFFF;
}

.inv-isw-detail-line-btn:focus-visible[b-pxv15bawiw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-line-btn:disabled[b-pxv15bawiw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-isw-detail-reject-grow[b-pxv15bawiw] {
    display: grid;
    width: 100%;
}

.inv-isw-detail-reject-grow[b-pxv15bawiw]::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.inv-isw-detail-reject-grow__input[b-pxv15bawiw] {
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 0.6rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    resize: none;
    overflow: hidden;
    overflow-y: hidden;
    min-height: 2.25rem;
    field-sizing: content;
    scrollbar-width: none;
    -ms-overflow-style: none;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.inv-isw-detail-reject-grow__input[b-pxv15bawiw]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.inv-isw-detail-reject-grow__input:focus[b-pxv15bawiw],
.inv-isw-detail-reject-grow__input:focus-visible[b-pxv15bawiw] {
    outline: none;
    border-color: #033D53;
    background: #FFFFFF;
}

.inv-isw-detail-submitted[b-pxv15bawiw] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 100%;
    margin-top: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    text-align: left;
}

.inv-isw-detail-submitted i[b-pxv15bawiw] {
    color: #033D53;
    margin-right: 0.35rem;
}

.inv-isw-detail-page .fc-review-value .inv-isw-pill[b-pxv15bawiw] {
    vertical-align: middle;
}

/* Status pills — match invoice list */
.inv-isw-pill[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.5rem;
    padding: 0.15rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.inv-isw-pill__icon[b-pxv15bawiw] {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.inv-isw-pill__icon--pending-client[b-pxv15bawiw] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.inv-isw-pill__icon--pending-finance[b-pxv15bawiw] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.inv-isw-pill__icon--approved[b-pxv15bawiw] {
    -webkit-mask-image: url("/images/icons/sch-status-completed.svg");
    mask-image: url("/images/icons/sch-status-completed.svg");
}

.inv-isw-pill__icon--rejected[b-pxv15bawiw] {
    -webkit-mask-image: url("/images/icons/inv-status-rejected.svg");
    mask-image: url("/images/icons/inv-status-rejected.svg");
}

.inv-isw-pill--pending-finance[b-pxv15bawiw] {
    background: #F3E8FF;
    color: #5B21B6;
}

.inv-isw-pill--pending-client[b-pxv15bawiw] {
    background: #E0F2FE;
    color: #033D53;
}

.inv-isw-pill--approved[b-pxv15bawiw] {
    background: #EAFBF1;
    color: #003D1F;
}

.inv-isw-pill--rejected[b-pxv15bawiw] {
    background: #FFF0F2;
    color: #5E0011;
}

.inv-isw-pill--default[b-pxv15bawiw] {
    background: #F0F4F8;
    color: #32434B;
}

@media (max-width: 991.98px) {
    .inv-isw-detail-page .inv-isw-detail-main > .inv-isw-detail-main-actions[b-pxv15bawiw] {
        flex-direction: column;
        align-items: stretch;
    }

    .inv-isw-detail-main-actions__right.inv-isw-detail-toolbar[b-pxv15bawiw] {
        width: 100%;
        justify-content: flex-start;
    }
}

.inv-vendor-finance-review[b-pxv15bawiw] {
    --fv-brand: #033D53;
    --fv-ink: #32434B;
    --fv-strong: #121A1F;
    --fv-muted: #32434B;
    --fv-border: #E2E8F0;
    --fv-soft: #F0F4F8;
    --fv-sky: #E0F2FE;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--fv-border);
    border-radius: 0.5rem;
    overflow: visible;
}

.inv-vendor-finance-review__head[b-pxv15bawiw] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.85rem 1rem 0.75rem;
    border-bottom: 1px solid var(--fv-border);
}

.inv-vendor-finance-review__icon[b-pxv15bawiw] {
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.45rem;
    background: var(--fv-brand);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
}

.inv-vendor-finance-review__title[b-pxv15bawiw] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--fv-strong);
    line-height: 1.35;
}

.inv-vendor-finance-review__sub[b-pxv15bawiw] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--fv-muted);
    line-height: 1.4;
}

.inv-vendor-finance-review__body[b-pxv15bawiw] {
    padding: 0.85rem 1rem 1rem;
}

.inv-vendor-finance-review__label[b-pxv15bawiw] {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--fv-ink);
    line-height: 1.3;
}

.inv-vendor-finance-review__required[b-pxv15bawiw] {
    color: #DC2626;
    font-weight: 700;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select {
    width: 100%;
    display: flex;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__control {
    width: 100%;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__trigger {
    width: 100%;
    min-width: 0;
    background: var(--fv-soft);
    color: var(--fv-ink);
    border: 1px solid var(--fv-border);
    border-radius: 8px;
    height: 2.5rem;
    font-size: 0.8125rem;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__value.is-placeholder {
    color: #32434B;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select.is-open .fc-select__trigger,
.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__trigger:hover,
.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__trigger:focus,
.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select .fc-select__trigger:focus-visible {
    border: 1px solid var(--fv-brand) !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

.inv-vendor-finance-review[b-pxv15bawiw]  .inv-vendor-finance-review__fc-select.is-open {
    z-index: 80;
}

.inv-vendor-finance-review__message[b-pxv15bawiw] {
    margin-top: 0.85rem;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    background: var(--fv-sky);
    border: 1px solid var(--fv-border);
    color: var(--fv-ink);
    font-size: 0.8125rem;
}

.inv-vendor-finance-review__message-body[b-pxv15bawiw] {
    margin-top: 0.35rem;
    line-height: 1.4;
}

.inv-vendor-finance-review__actions[b-pxv15bawiw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

.inv-isw-detail-note--warning[b-pxv15bawiw] {
    background: #FFF7ED;
    border-color: #E2E8F0;
    color: #32434B;
}

.inv-isw-detail-note--success[b-pxv15bawiw] {
    align-items: center;
    gap: 0.75rem;
    background: #EAFBF1;
    border: 1px solid #003D1F;
    color: #32434B;
}

.inv-isw-detail-note--info[b-pxv15bawiw] {
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #32434B;
}

.inv-isw-detail-page .inv-vendor-summary .fc-review-grid[b-pxv15bawiw] {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
    width: 100%;
}

@media (min-width: 768px) {
    .inv-isw-detail-page .inv-vendor-summary .fc-review-grid[b-pxv15bawiw] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

.inv-isw-detail-page .inv-vendor-summary .fc-review-grid-col[b-pxv15bawiw] {
    min-width: 0;
}

.inv-isw-detail-page .inv-vendor-summary .inv-isw-detail-totals[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-block--lines .inv-vendor-lines-totals[b-pxv15bawiw] {
    display: table;
    margin-left: auto;
    margin-right: 0;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #E8ECF1;
}

.inv-isw-detail-page .inv-vendor-summary .inv-isw-detail-totals__row--grand span:first-child[b-pxv15bawiw],
.inv-isw-detail-page .inv-isw-detail-block--lines .inv-vendor-lines-totals .inv-isw-detail-totals__row--grand span:first-child[b-pxv15bawiw] {
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.8125rem;
}

/* Vendor funding allocation table — full width, aligned columns */
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table[b-pxv15bawiw] {
    table-layout: fixed;
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td[b-pxv15bawiw] {
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
    vertical-align: top;
    box-sizing: border-box;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th[b-pxv15bawiw] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #32434B;
    line-height: 1.3;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    vertical-align: bottom;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--type[b-pxv15bawiw] {
    width: 22%;
    min-width: 5.5rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--money[b-pxv15bawiw] {
    width: 17%;
    min-width: 6.5rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--dates[b-pxv15bawiw] {
    width: 18%;
    min-width: 7rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-funding[b-pxv15bawiw] {
    width: 22%;
    text-align: left;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-approved[b-pxv15bawiw] {
    width: 20%;
    text-align: left;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-spent[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-available[b-pxv15bawiw] {
    width: 17%;
    text-align: right;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-dates[b-pxv15bawiw] {
    width: 18%;
    text-align: left;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody tr:last-child td[b-pxv15bawiw] {
    border-bottom: 0;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-isw-detail-col-approved[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-isw-detail-col-spent[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-isw-detail-col-available[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-isw-detail-col-dates[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--approved[b-pxv15bawiw] {
    width: 20%;
    min-width: 10.5rem;
    text-align: left;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--money[b-pxv15bawiw] {
    text-align: right;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--type[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table thead th.inv-vendor-funding-th--dates[b-pxv15bawiw] {
    text-align: left;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td .inv-isw-detail-lines__value[b-pxv15bawiw] {
    display: block;
    min-width: 0;
    text-align: inherit;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-approved .inv-isw-detail-lines__value[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-spent .inv-isw-detail-lines__value[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table tbody td.inv-isw-detail-col-available .inv-isw-detail-lines__value[b-pxv15bawiw] {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-funding-table .inv-vendor-funding-available[b-pxv15bawiw] {
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-page .inv-isw-detail-block .inv-isw-detail-funding-wrap[b-pxv15bawiw] {
    overflow-x: auto;
    max-width: 100%;
}

.inv-isw-detail-page .inv-isw-detail-block .inv-isw-detail-funding-wrap .fc-svc-table-frame[b-pxv15bawiw] {
    border: 1px solid #E2E8F0;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
}

.inv-isw-detail-hst-badge[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 6px;
    background: #E0F2FE;
    color: #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

.inv-isw-detail-pressure-badge[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 6px;
    background: #FFF7ED;
    color: #92400E;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

.inv-isw-detail-reject-badge[b-pxv15bawiw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 6px;
    background: #FFEAED;
    color: #35161C;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
    vertical-align: middle;
}

/* Vendor invoice line items — compact layout */
.inv-isw-detail-lines-wrap[b-pxv15bawiw] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.inv-isw-detail-page .inv-isw-detail-block--lines .fc-review-body--table[b-pxv15bawiw] {
    overflow-x: auto;
    max-width: 100%;
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .inv-isw-detail-block--lines .fc-svc-table-frame[b-pxv15bawiw] {
    overflow-x: auto;
    overflow-y: visible;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines[b-pxv15bawiw] {
    table-layout: fixed;
    width: 100%;
    min-width: 0;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-index[b-pxv15bawiw] {
    width: 3%;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-support[b-pxv15bawiw] {
    width: 9%;
    min-width: 5rem !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-staffing[b-pxv15bawiw] {
    width: 7%;
    min-width: 4.5rem !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-qty[b-pxv15bawiw] {
    width: 4%;
    min-width: 2.5rem !important;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-qty-type[b-pxv15bawiw] {
    width: 9%;
    min-width: 6.25rem !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th[b-pxv15bawiw] {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 600;
    color: #32434B;
    border-bottom: 1px solid #E2E8F0;
    padding: 0.375rem 0.5rem;
    line-height: 1.3;
    vertical-align: bottom;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td[b-pxv15bawiw] {
    border-bottom: 1px solid #E2E8F0;
    padding: 0.375rem 0.5rem;
    vertical-align: top;
    line-height: 1.3;
}


.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-index[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-index[b-pxv15bawiw] {
    text-align: center;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-qty[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-qty[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-rate[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-rate[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-amount[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-amount[b-pxv15bawiw] {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-description[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-description[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-shift[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-shift[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-note[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-note[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-staffing[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-staffing[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-qty-type[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-qty-type[b-pxv15bawiw] {
    text-align: left;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td .inv-isw-detail-lines__value[b-pxv15bawiw] {
    display: block;
    text-align: inherit;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.text-right[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.text-right[b-pxv15bawiw] {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-staffing[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-qty[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-qty-type[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-funding[b-pxv15bawiw] {
    max-width: none !important;
    width: 10%;
    min-width: 5.5rem !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-description[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
    width: 11%;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-shift[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
    width: 10%;
    min-width: 3.5rem !important;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-funding[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-support[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-description[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-staffing[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-qty-type[b-pxv15bawiw] {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-description[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-description[b-pxv15bawiw] {
    padding-right: 0.25rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines thead th.inv-isw-detail-col-shift[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-shift[b-pxv15bawiw] {
    padding-left: 0.25rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-lines__shift[b-pxv15bawiw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-lines__shift-line[b-pxv15bawiw] {
    display: block;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.3;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-note[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
    width: 9%;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-rate[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines .inv-isw-detail-col-amount[b-pxv15bawiw] {
    min-width: 0 !important;
    max-width: none !important;
    width: 6%;
    min-width: 3.25rem !important;
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-rate .inv-isw-detail-lines__value[b-pxv15bawiw],
.inv-isw-detail-page .fc-svc-table.inv-vendor-detail-lines tbody td.inv-isw-detail-col-amount .inv-isw-detail-lines__value[b-pxv15bawiw] {
    white-space: nowrap;
}
/* /Pages/Domain/Billing/AppPageInvoices.razor.rz.scp.css */
/* ============================================================
   Frame 201 — Invoicing ISW Home (Enable Kit)
   CSS/classes only — handlers unchanged
   ============================================================ */

.invoices-page-header[b-08uxu3kq1f] {
    border-bottom: 1px solid #E2E8F0;
}

.invoice-metrics .metric-chip[b-08uxu3kq1f] {
    min-width: 120px;
    text-align: right;
    padding: 0.5rem 0.75rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
}

.invoice-metrics .metric-label[b-08uxu3kq1f] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
}

.invoice-metrics .metric-value[b-08uxu3kq1f] {
    font-size: 1rem;
    font-weight: 700;
    color: #121A1F;
}

.invoice-metrics .metric-sublabel[b-08uxu3kq1f] {
    font-size: 0.75rem;
    color: #32434B;
}

.inv-isw-context-note[b-08uxu3kq1f] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

.inv-isw-sky-banner[b-08uxu3kq1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 0.75rem;
    padding: 0.65rem 0.85rem;
    background: #E0F2FE;
    border: 1px solid #BAE6FD;
    border-radius: 8px;
    color: #32434B;
}

.inv-isw-sky-banner__text[b-08uxu3kq1f] {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

.inv-isw-sky-banner__close[b-08uxu3kq1f] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #BAE6FD;
    border-radius: 8px;
    color: #32434B;
    cursor: pointer;
}

.inv-isw-sky-banner__close:hover[b-08uxu3kq1f] {
    background: #F0F4F8;
    border-color: #BAE6FD;
    color: #32434B;
}

.inv-isw-sky-banner__close:focus-visible[b-08uxu3kq1f] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-sky-banner__close:active[b-08uxu3kq1f] {
    background: #F0F4F8;
    color: #121A1F;
}

.inv-isw-sky-banner__close i[b-08uxu3kq1f] {
    font-size: 0.75rem;
    line-height: 1;
}

.invoices-page-header .inv-isw-banner[b-08uxu3kq1f] {
    margin-bottom: 0.75rem;
}

.invoice-list-panel[b-08uxu3kq1f] {
    min-height: 280px;
    z-index: 0;
    isolation: isolate;
    background: #FFFFFF;
}

/* Invoice list loading — Figma / AODA (white surface + brand spinner + body text) */
.invoice-list-panel[b-08uxu3kq1f]  .module-list-loading,
.inv-isw-invoice-list[b-08uxu3kq1f]  .module-list-loading {
    color: #32434B;
    background: #FFFFFF;
}

@media (max-width: 991.98px) {
    .invoice-metrics[b-08uxu3kq1f] {
        justify-content: flex-start !important;
    }

    .invoice-metrics .metric-chip[b-08uxu3kq1f] {
        text-align: left;
    }
}

/* ---- ISW Frame 201 page shell ---- */
.inv-isw-page[b-08uxu3kq1f] {
    --inv-brand: #033D53;
    --inv-sky: #E0F2FE;
    --inv-soft: #F0F4F8;
    --inv-border: #E2E8F0;
    --inv-ink: #32434B;
    --inv-ink-strong: #121A1F;
    --inv-rule-inset: 0.65rem;
    display: flex;
    flex-direction: column;
    gap: var(--app-page-stack-gap, 0.65rem);
    /* Left/right edges line up with the Invoices page header card */
    padding: 0 0 1.25rem;
    color: var(--inv-ink);
}

.inv-isw-banner[b-08uxu3kq1f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    margin: 0;
    padding: 0.55rem 0.85rem;
    background: #FEF3C7;
    border: 2px solid #D8BD51;
    border-radius: 8px;
    color: #121A1F;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
}

.inv-isw-banner i[b-08uxu3kq1f] {
    color: #033D53;
    flex-shrink: 0;
}

.inv-isw-summary[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1.5rem;
    width: 100%;
    padding: 0.4rem 1rem;
    background: #FFFFFF;
    border: 1px solid var(--inv-border);
    border-radius: var(--app-body-radius, 10px) !important;
    overflow: hidden;
    box-sizing: border-box;
}

.inv-isw-summary__intro[b-08uxu3kq1f] {
    flex: 0 0 auto;
    min-width: 0;
}

.inv-isw-summary__cta[b-08uxu3kq1f] {
    margin: 0 0 0 -0.2rem;
}

.inv-isw-new-btn[b-08uxu3kq1f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    min-height: 2.25rem;
    padding: 0.35rem 1rem;
    border: 1px solid #033D53;
    border-radius: 8px;
    background: #FFFFFF;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-new-btn:hover:not(:disabled)[b-08uxu3kq1f],
.inv-isw-new-btn:focus-visible:not(:disabled)[b-08uxu3kq1f] {
    background: var(--inv-sky, #E0F2FE) !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
    box-shadow: none !important;
}

.inv-isw-new-btn:active:not(:disabled)[b-08uxu3kq1f],
.inv-isw-new-btn:active:focus:not(:disabled)[b-08uxu3kq1f] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    outline: none;
}

.inv-isw-new-btn:focus-visible[b-08uxu3kq1f] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-summary__metrics[b-08uxu3kq1f],
.inv-isw-tabbed__metrics[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
}

.inv-isw-tabbed__metrics[b-08uxu3kq1f] {
    margin-left: auto;
    padding: 0.15rem 0 0.35rem;
    flex: 0 0 auto;
}

.inv-isw-metric[b-08uxu3kq1f] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.15rem;
    min-width: 5.75rem;
    padding: 0.1rem 1rem;
    border-right: 1px solid var(--inv-border);
}

.inv-isw-metric:first-child[b-08uxu3kq1f] {
    padding-left: 0;
}

.inv-isw-metric:last-child[b-08uxu3kq1f] {
    border-right: none;
    padding-right: 0;
}

.inv-isw-metric__label[b-08uxu3kq1f] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
    line-height: 1.2;
}

.inv-isw-metric__value[b-08uxu3kq1f] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--inv-ink-strong);
    line-height: 1.2;
}

.inv-isw-panel[b-08uxu3kq1f] {
    background: #FFFFFF;
    border: 1px solid var(--inv-border);
    border-radius: var(--app-body-radius, 10px);
    overflow: visible;
    box-shadow: 0 1px 2px rgba(18, 26, 31, 0.04);
}

.inv-isw-panel:has(.inv-isw-shifts)[b-08uxu3kq1f],
.inv-isw-panel:has(.inv-isw-invoice-list)[b-08uxu3kq1f],
.inv-isw-panel:has(.invoice-list-panel)[b-08uxu3kq1f] {
    overflow: hidden;
}

.inv-isw-panel:has(.inv-isw-invoice-list)[b-08uxu3kq1f] {
    display: flex;
    flex-direction: column;
}

.inv-isw-panel:has(.inv-isw-invoice-list) .invoice-list-panel.inv-isw-invoice-list[b-08uxu3kq1f] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 320px;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-list__body {
    flex: 1 1 auto;
    min-height: 0;
}

.inv-isw-list-head[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    position: relative;
    z-index: 20;
    overflow: visible;
    padding: 0.9rem 0.85rem;
    background: #FFFFFF;
    border-bottom: none;
}

.inv-isw-list-head[b-08uxu3kq1f]::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset);
    right: var(--inv-rule-inset);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-list-head__title[b-08uxu3kq1f] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
}

.inv-isw-list-head__tools[b-08uxu3kq1f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.inv-isw-panel--list[b-08uxu3kq1f]  .card,
.inv-isw-panel--list[b-08uxu3kq1f]  .app-card {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
}

/* Title stays left, PER PAGE sits on the right edge */
.inv-isw-panel--list[b-08uxu3kq1f]  .card-header > *,
.inv-isw-panel--list[b-08uxu3kq1f]  .app-card-header > * {
    min-width: 0 !important;
}

/* Whichever wrapper holds the toolbar must span the head so space-between works */
.inv-isw-panel--list[b-08uxu3kq1f]  .card-header > *:has(.module-list-toolbar),
.inv-isw-panel--list[b-08uxu3kq1f]  .app-card-header > *:has(.module-list-toolbar) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    gap: 0.75rem 1rem !important;
    margin: 0 !important;
}

.inv-isw-panel--list[b-08uxu3kq1f]  .card-title,
.inv-isw-panel--list[b-08uxu3kq1f]  .app-card-title,
.inv-isw-panel--list[b-08uxu3kq1f]  h5,
.inv-isw-panel--list[b-08uxu3kq1f]  .font-weight-bold {
    color: var(--inv-ink-strong) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    margin: 0 auto 0 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Toolbar in the Invoice list head — portal tokens, not MDB greys */
.inv-isw-list-head[b-08uxu3kq1f]  .module-list-toolbar,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
}

.inv-isw-list-head[b-08uxu3kq1f]  .module-list-toolbar__inner,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__inner {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 1.25rem !important;
    overflow: visible !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__group,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__group,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__group--filters {
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 1.25rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__field,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__field,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__field--compact {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.625rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page.fc-select,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment.fc-select,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status.fc-select,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort.fc-select,
.inv-isw-panel[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-page,
.inv-isw-panel[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-payment,
.inv-isw-panel[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-status,
.inv-isw-panel[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-sort {
    gap: 0.625rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__label,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__label {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #32434B !important;
    margin: 0 !important;
}

/* PER PAGE / STATUS / RECORD ORDER — FcSelect (sky hover, navy selected) */
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort {
    z-index: 40;
}

.inv-isw-list-head[b-08uxu3kq1f]  .fc-select.is-open,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page.is-open,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment.is-open,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status.is-open,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort.is-open {
    z-index: 80;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__label,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__label,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__label,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__label,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__label {
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__trigger {
    height: 2rem !important;
    background: #F0F4F8 !important;
    border: 1.5px solid transparent !important;
    border-radius: 8px !important;
    color: #033D53 !important;
    font-size: 0.75rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger {
    width: 4rem !important;
    min-width: 4rem !important;
    max-width: 4rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.625rem !important;
    gap: 0.625rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__chevron,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__chevron {
    right: 0.8125rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger {
    min-width: 8.75rem !important;
    width: 8.75rem !important;
    max-width: 8.75rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger {
    min-width: 8rem !important;
    width: 8rem !important;
    max-width: 8rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__value,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__value,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__value {
    text-align: left !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger:hover:not(:disabled):not(:focus),
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger:hover:not(:disabled):not(:focus),
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger:hover:not(:disabled):not(:focus),
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger:hover:not(:disabled):not(:focus),
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__trigger:hover:not(:disabled):not(:focus) {
    background: #E0F2FE !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger:focus,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger:focus-visible,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger:focus,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger:focus-visible,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger:focus,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger:focus-visible,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger:focus,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger:focus-visible,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__trigger:focus-visible,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select.is-open .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page.is-open .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment.is-open .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status.is-open .fc-select__trigger,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort.is-open .fc-select__trigger {
    border: 1.5px solid #033D53 !important;
    background: #FFFFFF !important;
    outline: none !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__menu,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__menu,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__menu,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__menu,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__menu {
    border: 1px solid #E2E8F0 !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__option,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__option,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__option,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__option,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__option {
    color: #32434B !important;
    font-size: 0.75rem !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__option,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__option {
    text-align: center !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__option,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__option,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__option {
    text-align: left !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__option:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__option:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__option:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__option:hover,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__option:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__option.is-selected,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__option.is-selected:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__option.is-selected,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__option.is-selected:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__option.is-selected,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__option.is-selected:hover,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__option.is-selected,
.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__option.is-selected:hover,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__option.is-selected,
.inv-isw-list-head[b-08uxu3kq1f]  .fc-select__option.is-selected:hover {
    background: #033D53 !important;
    color: #FFFFFF !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__add-btn.btn-primary {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-toolbar__add-btn.btn-primary:hover:not(:disabled) {
    background: #022a3a !important;
    border-color: #022a3a !important;
    box-shadow: none !important;
}

/* Invoice list — Frame 201 tokens (match Convert shifts) */
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-item {
    display: flex;
    align-items: center;
    padding: 0 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header {
    position: relative;
    background: #FFFFFF !important;
    border-bottom: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset);
    right: var(--inv-rule-inset);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list ~ hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header ~ hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list + hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row + hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe + hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row ~ hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe ~ hr,
.inv-isw-invoice-list[b-08uxu3kq1f]  hr.app-list-view-row-divider {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:nth-child(odd),
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:nth-child(even) {
    display: flex;
    align-items: center;
    padding: 0;
    min-height: 0;
    position: relative;
    border-bottom: none !important;
    background: #FFFFFF !important;
    border-left: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset);
    right: var(--inv-rule-inset);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

/* Match Shifts to Convert hover — sky fill + navy accent, no layout shift */
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
    box-shadow: inset 3px 0 0 transparent;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover .row.no-gutters {
    background: #E0F2FE !important;
    box-shadow: inset 3px 0 0 #033D53 !important;
    border-radius: 6px;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover::after {
    opacity: 0;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover .row.no-gutters > [class*="col"] {
    background: transparent !important;
}

/* Sky badges must stay visible on sky hover row */
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover .inv-isw-vendor-badge,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover .inv-isw-vendor-badge,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:hover .inv-isw-pill--pending-client,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:hover .inv-isw-pill--pending-client {
    background: #FFFFFF !important;
}

/* Click / selected = navy fill + white text (FC list); status pills keep own colors */
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected),
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected)::after,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected)::after {
    opacity: 0;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected):hover .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover .row.no-gutters {
    background: #033D53 !important;
    box-shadow: inset 3px 0 0 #033D53 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .inv-isw-linked,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .inv-isw-date,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .inv-isw-total,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .inv-isw-vendor-name,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .inv-isw-linked,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .inv-isw-date,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .inv-isw-total,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:active .inv-isw-vendor-name,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .inv-isw-linked,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .inv-isw-date,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .inv-isw-total,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .inv-isw-vendor-name,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .inv-isw-linked,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .inv-isw-date,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .inv-isw-total,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .inv-isw-vendor-name {
    color: #FFFFFF !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:active .inv-isw-view-btn:not(:disabled),
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:has(.app-list-view-row-item-selected) .inv-isw-view-btn:not(:disabled) {
    background: transparent !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:focus,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row:focus-visible {
    outline: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .module-list-summary,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-module-list-summary {
    padding: 0.65rem 1.15rem !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination {
    position: relative;
    margin: auto 0 0 !important;
    padding: 0.75rem 1.15rem !important;
    border-top: none !important;
    background: #FFFFFF;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination::before {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset);
    right: var(--inv-rule-inset);
    top: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page:not(.is-active):not([aria-current="page"]),
.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__nav,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page:not(.is-active):not([aria-current="page"]),
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__nav,
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page:not(.is-active):not([aria-current="page"]),
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__nav {
    border-radius: 6px !important;
    border-color: #E2E8F0 !important;
    color: #033D53 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page.is-active,
.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page[aria-current="page"],
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page.is-active,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page[aria-current="page"],
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page.is-active,
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page.is-active:hover,
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page.is-active:focus,
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page.is-active:active,
body.fixed-sn main .inv-isw-page[b-08uxu3kq1f]  .inv-isw-invoice-pagination .btn.module-list-pagination__page[aria-current="page"] {
    border-radius: 6px !important;
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__nav:hover:not(:disabled),
.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page:hover:not(.is-active):not([aria-current="page"]),
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__nav:hover:not(:disabled),
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__page:hover:not(.is-active):not([aria-current="page"]) {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .module-list-pagination__label,
.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-invoice-pagination .text-muted {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
    flex: 1 1 auto;
    width: 100%;
    padding: 0.65rem 0.95rem !important;
    min-height: 0;
    box-sizing: border-box;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > :not([class*="col"]),
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > :not([class*="col"]) {
    display: none !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    display: flex;
    align-items: center;
    min-height: 0;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="col"] {
    font-weight: 700 !important;
    color: #121A1F !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-num"],
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-num"] {
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: nowrap !important;
}

@media (min-width: 768px) {
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
        display: grid !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        grid-template-columns: minmax(9rem, 1fr) minmax(7rem, 1.35fr) minmax(6rem, 0.9fr) minmax(12rem, 1.55fr) minmax(5.5rem, 0.75fr) minmax(5.5rem, 0.85fr);
        grid-template-rows: auto;
        grid-auto-rows: 0;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="col"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="col"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
        display: flex !important;
        flex: unset !important;
        max-width: none !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        grid-row: 1 / 2 !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-num"] {
        grid-column: 1;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-linked"] {
        grid-column: 2;
        padding-right: 0 !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-date"] {
        grid-column: 3;
        padding-left: 0 !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-status"] {
        grid-column: 4;
        justify-content: flex-start !important;
        text-align: left !important;
        padding-right: 1.35rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-total"] {
        grid-column: 5;
        justify-content: flex-start !important;
        text-align: left !important;
        padding-left: 1.1rem !important;
        padding-right: 0.25rem !important;
        align-items: center !important;
        align-self: center !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-actions"] {
        grid-column: 6;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-actions"] {
        grid-column: 6;
        justify-content: center !important;
        text-align: center !important;
        overflow: visible !important;
        min-width: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-role"] {
        display: none !important;
    }
}

/* Override global first-col 5px rule */
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="col"]:first-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="col"]:first-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="col"]:first-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="col"]:first-of-type {
    padding-left: 0 !important;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="col"]:last-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="col"]:last-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="col"]:last-of-type,
.inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="col"]:last-of-type {
    padding-right: 0 !important;
}

@media (min-width: 992px) {
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
        grid-template-columns: minmax(8.5rem, 0.95fr) minmax(5.5rem, 0.95fr) minmax(5.5rem, 0.75fr) minmax(6.5rem, 1fr) minmax(5.5rem, 0.7fr) minmax(11.5rem, 1.55fr) minmax(5rem, 0.65fr) minmax(5.5rem, 0.75fr);
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-num"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-num"] {
        grid-column: 1;
        padding-right: 0.35rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-vendor"] {
        grid-column: 2;
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-role"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-role"] {
        grid-column: 3;
        padding-left: 0.35rem !important;
        padding-right: 0.75rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-linked"] {
        grid-column: 4;
        padding-left: 0.55rem !important;
        padding-right: 0 !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-date"] {
        grid-column: 5;
        padding-left: 0 !important;
        padding-right: 0.25rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-status"] {
        grid-column: 6;
        justify-content: flex-start !important;
        text-align: left !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding-left: 0.25rem !important;
        padding-right: 0.75rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-total"] {
        grid-column: 7;
        min-width: 0 !important;
        padding-left: 0.5rem !important;
    }

    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-actions"] {
        grid-column: 8;
        justify-content: center !important;
        text-align: center !important;
        overflow: visible !important;
        min-width: 0;
    }
}

/* Finance vendor list — 7 columns (no Role) */
@media (min-width: 768px) {
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
        grid-template-columns: minmax(9rem, 1fr) minmax(7rem, 1.35fr) minmax(6rem, 0.9fr) minmax(12rem, 1.55fr) minmax(5.5rem, 0.75fr) minmax(5.5rem, 0.85fr);
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-linked"] {
        padding-right: 0 !important;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-date"] {
        padding-left: 0 !important;
        padding-right: 0.25rem !important;
    }
}

@media (min-width: 992px) {
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters,
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters {
        grid-template-columns: minmax(9rem, 1fr) minmax(6rem, 1.1fr) minmax(7rem, 1.2fr) minmax(6rem, 0.85fr) minmax(12rem, 1.65fr) minmax(5.5rem, 0.7fr) minmax(5.5rem, 0.8fr);
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-vendor"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-vendor"] {
        grid-column: 2;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-linked"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-linked"] {
        grid-column: 3;
        padding-left: 0.35rem !important;
        padding-right: 0 !important;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-date"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-date"] {
        grid-column: 4;
        padding-left: 0 !important;
        padding-right: 0.25rem !important;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-status"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-status"] {
        grid-column: 5;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-total"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-total"] {
        grid-column: 6;
    }

    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-header-item-list .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .k-listview-header .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row .row.no-gutters > [class*="inv-isw-col-actions"],
    .inv-isw-invoice-list--vendor[b-08uxu3kq1f]  .app-list-view-row-stripe .row.no-gutters > [class*="inv-isw-col-actions"] {
        grid-column: 7;
    }
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-linked,
.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-date {
    color: #32434B !important;
    font-weight: 500;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-total,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-total {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    color: #121A1F !important;
    font-weight: 700;
    font-size: 0.8125rem;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-vendor-name {
    color: #32434B !important;
    font-weight: 500;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-vendor-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    background: #E0F2FE !important;
    color: #033D53 !important;
    border-radius: 6px !important;
    padding: 0.2rem 0.5rem 0.2rem 0.35rem !important;
    margin: 0 !important;
    vertical-align: middle;
    line-height: 1.2;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-vendor-badge img {
    display: block;
    width: 12px;
    height: 14px;
    flex-shrink: 0;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-vendor-badge__value {
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    color: #033D53;
    line-height: 1.15;
    white-space: nowrap;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.5rem;
    max-width: 100%;
    padding: 0.15rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  [class*="inv-isw-col-status"] .inv-isw-pill {
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 0.22rem 0.9rem 0.22rem 0.55rem;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  [class*="inv-isw-col-status"] .inv-isw-pill > span:not([class*="inv-isw-pill__icon"]) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill__icon,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill__icon--pending-client,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill__icon--pending-client {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill__icon--pending-finance,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill__icon--pending-finance {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill__icon--approved,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill__icon--approved {
    -webkit-mask-image: url("/images/icons/sch-status-completed.svg");
    mask-image: url("/images/icons/sch-status-completed.svg");
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill__icon--rejected,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill__icon--rejected {
    -webkit-mask-image: url("/images/icons/inv-status-rejected.svg");
    mask-image: url("/images/icons/inv-status-rejected.svg");
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill--pending-finance,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill--pending-finance {
    background: #F3E8FF;
    color: #5B21B6;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill--pending-client,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill--pending-client {
    background: #E0F2FE;
    color: #033D53;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill--approved,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill--approved {
    background: #EAFBF1;
    color: #003D1F;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill--rejected,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill--rejected {
    background: #FFF0F2;
    color: #5E0011;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-pill--default,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-pill--default {
    background: #F0F4F8;
    color: #32434B;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.875rem;
    height: 1.875rem;
    padding: 0 0.95rem;
    border-radius: 8px;
    border: 1.5px solid #32434B;
    background: #FFFFFF;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn:hover,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-view-btn:hover {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn:focus-visible,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-view-btn:focus-visible {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn:active,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-view-btn:active {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn:disabled,
.invoice-list-panel[b-08uxu3kq1f]  .inv-isw-view-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn--loading:disabled {
    opacity: 1;
    cursor: wait;
    min-width: 6.75rem;
    max-width: 100%;
    padding: 0 0.55rem;
    white-space: nowrap;
    gap: 0.35rem;
}

.inv-isw-invoice-list[b-08uxu3kq1f]  .inv-isw-view-btn__spinner {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.35rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: inv-isw-view-btn-spin-b-08uxu3kq1f 0.65s linear infinite;
    flex-shrink: 0;
}

@keyframes inv-isw-view-btn-spin-b-08uxu3kq1f {
    to {
        transform: rotate(360deg);
    }
}

/* Client-only tabs: Shifts vs Invoices */
.inv-isw-tabbed[b-08uxu3kq1f] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.inv-isw-tabs-bar[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    position: relative;
    margin: 0;
    padding: 0.45rem 0.85rem 0;
    background: #FFFFFF;
    border: 1px solid var(--inv-border);
    border-radius: var(--app-body-radius, 10px) var(--app-body-radius, 10px) 0 0;
    border-bottom: none;
}

.inv-isw-tabs-bar[b-08uxu3kq1f]::after {
    content: "";
    position: absolute;
    left: var(--inv-rule-inset);
    right: var(--inv-rule-inset);
    bottom: 0;
    height: 2px;
    background: #C5CDD6;
    pointer-events: none;
}

.inv-isw-tabs-bar__leading[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.inv-isw-tabs-bar__new-btn[b-08uxu3kq1f] {
    margin-bottom: 0.35rem;
    margin-left: 5rem;
    flex-shrink: 0;
}

.inv-isw-tabs[b-08uxu3kq1f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    min-width: 0;
    background: transparent;
    border: 0;
    overflow-x: auto;
}

.inv-isw-tabbed > .inv-isw-panel[b-08uxu3kq1f] {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--app-body-radius, 10px);
    border-bottom-right-radius: var(--app-body-radius, 10px);
}

.inv-isw-tab[b-08uxu3kq1f] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.7rem 0.9rem;
    border-radius: 8px 8px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.inv-isw-tab:hover:not(.inv-isw-tab--active)[b-08uxu3kq1f] {
    color: var(--inv-brand);
    background: var(--inv-sky);
}

.inv-isw-tab--active[b-08uxu3kq1f] {
    background: var(--inv-brand);
    color: #FFFFFF;
}

.inv-isw-tab__label[b-08uxu3kq1f] {
    line-height: 1.2;
}

.inv-isw-tab__count[b-08uxu3kq1f] {
    min-width: 1.65rem;
    height: 1.4rem;
    padding: 0 0.45rem;
    border-radius: 6px;
    background: #033D53;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.inv-isw-tab--active .inv-isw-tab__count[b-08uxu3kq1f] {
    background: #FFFFFF;
    color: var(--inv-brand);
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-empty__icon {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    color: #033D53;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-empty__title {
    color: #121A1F;
    font-weight: 600;
}

.inv-isw-panel[b-08uxu3kq1f]  .module-list-empty__description {
    color: #32434B;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .inv-isw-summary__metrics[b-08uxu3kq1f] {
        width: 100%;
    }

    .inv-isw-metric[b-08uxu3kq1f] {
        flex: 1 1 40%;
        border-right: none;
        border-bottom: 1px solid var(--inv-border);
        padding: 0.65rem 0.25rem;
    }

    .inv-isw-metric:nth-last-child(-n+2)[b-08uxu3kq1f] {
        border-bottom: none;
    }

    .inv-isw-tabs[b-08uxu3kq1f] {
        border-radius: var(--app-body-radius, 10px) var(--app-body-radius, 10px) 0 0;
    }

    .inv-isw-tab[b-08uxu3kq1f] {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* Finance queue — title left, metrics right */
.inv-isw-tabs-bar--finance[b-08uxu3kq1f] {
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.85rem;
}

.inv-isw-tabs-bar--finance .inv-isw-tabs-bar__leading[b-08uxu3kq1f] {
    display: flex;
    align-items: center;
    align-self: center;
    flex: 1 1 auto;
    min-width: 0;
}

.inv-isw-tabs-bar--finance .inv-isw-tabs-bar__title[b-08uxu3kq1f] {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: #121A1F;
}

.inv-isw-tabs-bar--finance .inv-isw-tabbed__metrics[b-08uxu3kq1f] {
    margin-left: auto;
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 0;
    align-items: center;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f] {
    justify-content: stretch;
}

.inv-isw-list-head--toolbar-only .inv-isw-list-head__tools[b-08uxu3kq1f] {
    width: 100%;
    flex: 1 1 100%;
    min-width: 0;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar {
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__inner {
    width: 100% !important;
    justify-content: stretch !important;
    flex-wrap: nowrap !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__group--filters {
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 0.88fr) minmax(0, 0.98fr) minmax(0, 0.47fr) !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 2.375rem !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__field--compact {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.5rem !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__group--actions {
    flex: 0 0 auto !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__inner:has(.module-list-toolbar__group--actions) {
    justify-content: space-between !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__inner:has(.module-list-toolbar__group--actions) .module-list-toolbar__group--filters {
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 0.82fr) minmax(0, 0.92fr) minmax(5.5rem, 0.5fr) !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page.fc-select,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-payment.fc-select,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-status.fc-select,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-sort.fc-select,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-page,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-payment,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-status,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .fc-select.module-list-toolbar__fc-sort {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.5rem !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__label,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__label,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__label,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__label {
    flex-shrink: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__control,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__control,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__control,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-payment .fc-select__trigger,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-status .fc-select__trigger,
.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-sort .fc-select__trigger {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__trigger {
    min-width: 4.75rem !important;
    padding-left: 0.65rem !important;
    padding-right: 1.65rem !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__value {
    text-align: left !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__fc-page .fc-select__chevron {
    right: 0.55rem !important;
}

.inv-isw-list-head--toolbar-only[b-08uxu3kq1f]  .module-list-toolbar__divider {
    display: block !important;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .inv-isw-tabs-bar--finance[b-08uxu3kq1f] {
        align-items: stretch;
    }

    .inv-isw-tabs-bar--finance .inv-isw-tabbed__metrics[b-08uxu3kq1f] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Billing/AppPageIswInvoiceDetail.razor.rz.scp.css */
/* ISW Invoice Details — Enable Kit / Frame 201 tokens */

.inv-isw-detail-page[b-6yq0u1orsw] {
    --inv-brand: #033D53;
    --inv-sky: #E0F2FE;
    --inv-soft: #F0F4F8;
    --inv-border: #E2E8F0;
    --inv-ink: #32434B;
    --inv-ink-strong: #121A1F;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0 0 1.25rem;
    color: var(--inv-ink);
}

.inv-isw-detail-shell[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    box-shadow: none;
}

/* FC review section tokens */
.inv-isw-detail-page .fc-review-section[b-6yq0u1orsw] {
    --fc-brand: #033D53;
    --fc-sky: #E0F2FE;
    --fc-border: #E2E8F0;
    --fc-muted: #32434B;
    --fc-text: #121A1F;
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    box-shadow: none;
    background: #FFFFFF;
    margin-bottom: 0;
    overflow: hidden;
}

.inv-isw-detail-page .fc-review-section-head[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: transparent;
}

.inv-isw-detail-page .fc-review-section-title-wrap[b-6yq0u1orsw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.inv-isw-detail-page .fc-review-section-icon[b-6yq0u1orsw] {
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.45rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
}

.inv-isw-detail-page .fc-review-section-title[b-6yq0u1orsw] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.inv-isw-detail-page .fc-review-body[b-6yq0u1orsw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-body--table[b-6yq0u1orsw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-body--docs[b-6yq0u1orsw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .inv-isw-detail-main .fc-review-body--docs[b-6yq0u1orsw] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.inv-isw-detail-page .fc-review-empty[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 2rem 1rem;
    text-align: center;
}

.inv-isw-detail-page .fc-review-empty-icon[b-6yq0u1orsw] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: #EEF1F4;
    color: #32434B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.inv-isw-detail-page .fc-review-empty p[b-6yq0u1orsw] {
    margin: 0;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
}

.inv-isw-detail-page .fc-review-grid[b-6yq0u1orsw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

@media (min-width: 768px) {
    .inv-isw-detail-page .fc-review-grid[b-6yq0u1orsw] {
        grid-template-columns: 1fr 1fr;
    }

    .inv-isw-detail-page .fc-review-grid-col + .fc-review-grid-col[b-6yq0u1orsw] {
        border-left: 1px solid #E4EAF0;
        padding-left: 1.15rem;
    }
}

.inv-isw-detail-page .fc-review-row[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E8EDF2;
}

.inv-isw-detail-page .fc-review-row:last-child[b-6yq0u1orsw] {
    border-bottom: none;
}

.inv-isw-detail-page .fc-review-label[b-6yq0u1orsw] {
    flex: 0 1 10.5rem;
    width: 10.5rem;
    max-width: 100%;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    margin: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-page .fc-review-value[b-6yq0u1orsw] {
    flex: 1 1 12rem;
    min-width: 0;
    max-width: 100%;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #121A1F;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.35;
}

/* Page-wide: long values wrap down, container height grows */
.inv-isw-detail-page .inv-isw-detail-lines__value[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-lines__shift-line[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-totals__row > span[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-lines__foot-pair > span[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-docs li > span[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-note > div[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-note__text[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-reject[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-submitted[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .inv-isw-detail-lines__value {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-footer[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0;
    padding: 0.85rem 1.15rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background: #FFFFFF;
}

/* Do not use <footer> here — body.fixed-sn footer global layout rules shift it off-grid. */
.inv-isw-detail-page .inv-isw-detail-main > .inv-isw-detail-main-actions[b-6yq0u1orsw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    padding: 0.85rem 0 0.1rem;
    margin: 0;
    box-sizing: border-box;
    align-self: stretch;
}

.inv-isw-detail-main-actions__left[b-6yq0u1orsw] {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
}

.inv-isw-detail-main-actions__right[b-6yq0u1orsw] {
    flex: 0 0 auto;
    margin-left: auto;
}

.inv-isw-detail-main-actions:not(:has(.inv-isw-detail-submitted))[b-6yq0u1orsw] {
    justify-content: flex-end;
}

.inv-isw-detail-main-actions:not(:has(.inv-isw-detail-submitted)) .inv-isw-detail-main-actions__left[b-6yq0u1orsw] {
    display: none;
}

.inv-isw-detail-toolbar[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.inv-isw-detail-btn[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.35rem 1rem;
    border-radius: 8px;
    border: 1.5px solid #32434B;
    background: #FFFFFF;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-detail-btn:hover:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-btn:active:not(:disabled)[b-6yq0u1orsw] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.inv-isw-detail-btn:focus-visible[b-6yq0u1orsw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-btn:disabled[b-6yq0u1orsw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-isw-detail-btn--loading:disabled[b-6yq0u1orsw] {
    opacity: 1;
    cursor: wait;
}

.inv-isw-detail-btn__spin[b-6yq0u1orsw] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    border: 2px solid #E2E8F0;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: inv-isw-detail-line-btn-spin-b-6yq0u1orsw 0.7s linear infinite;
}

.inv-isw-detail-btn--primary[b-6yq0u1orsw] {
    border-color: #033D53;
    background: #033D53;
    color: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary[b-6yq0u1orsw] {
    border-color: var(--figma-primary, #033D53);
    background: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-btn--primary:hover:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-btn--primary:focus-visible:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-btn--primary:active:not(:disabled)[b-6yq0u1orsw] {
    background: #034a66;
    border-color: #034a66;
    color: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:hover:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:focus-visible:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:active:not(:disabled)[b-6yq0u1orsw] {
    background: var(--figma-primary-active, #034a66);
    border-color: var(--figma-primary-active, #034a66);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary:disabled[b-6yq0u1orsw] {
    opacity: 1;
    background: #E2E8F0;
    border-color: #E2E8F0;
    color: #32434B;
    cursor: not-allowed;
}

/* Keep navy while Submit Decisions / primary is loading */
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--loading:disabled[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--loading[aria-busy="true"][b-6yq0u1orsw] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
    opacity: 1;
    cursor: wait;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--loading .inv-isw-detail-btn__spin[b-6yq0u1orsw] {
    border-color: rgba(255, 255, 255, 0.35);
    border-top-color: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:hover:not(:disabled)[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:active:not(:disabled)[b-6yq0u1orsw] {
    background: var(--figma-primary, #033D53);
    border-color: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
}

.inv-isw-detail-page .inv-isw-detail-main-actions .inv-isw-detail-btn--primary.inv-isw-detail-btn--steady:focus-visible:not(:disabled)[b-6yq0u1orsw] {
    background: var(--figma-primary, #033D53);
    border-color: var(--figma-primary, #033D53);
    color: var(--figma-white, #FFFFFF);
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-note[b-6yq0u1orsw] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    padding: 0.65rem 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

.inv-isw-detail-note__text[b-6yq0u1orsw] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-note--sky[b-6yq0u1orsw] {
    align-items: center;
    gap: 0.75rem;
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #32434B;
}

.inv-isw-detail-note--sky i[b-6yq0u1orsw] {
    margin-top: 0;
}

.inv-isw-detail-note__close[b-6yq0u1orsw] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #121A1F;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.inv-isw-detail-note__close:hover[b-6yq0u1orsw] {
    background: #FFFFFF;
    color: #033D53;
    border-color: #033D53;
}

.inv-isw-detail-note__close:active[b-6yq0u1orsw] {
    background: #F0F4F8;
    color: #033D53;
    border-color: #033D53;
}

.inv-isw-detail-note__close:focus-visible[b-6yq0u1orsw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-note__close i[b-6yq0u1orsw] {
    font-size: 0.75rem;
    line-height: 1;
    margin: 0;
    color: inherit;
}

.inv-isw-detail-note i[b-6yq0u1orsw] {
    color: #033D53;
    margin-top: 0.1rem;
    flex-shrink: 0;
}

.inv-isw-detail-note strong[b-6yq0u1orsw] {
    display: block;
    margin-bottom: 0.15rem;
    color: #121A1F;
    font-weight: 700;
}

/* Main wrapper card — sections nest inside as separate cards */
.inv-isw-detail-page .fc-review-section.inv-isw-detail-main[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    overflow: visible;
}

.inv-isw-detail-main > .inv-isw-detail-block[b-6yq0u1orsw] {
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background: #FFFFFF;
    overflow: hidden;
}

.inv-isw-detail-main > .inv-isw-detail-block > .fc-review-section-head[b-6yq0u1orsw] {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-stack[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.inv-isw-detail-vendor-badge[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: 0.35rem;
    padding: 0.15rem 0.45rem 0.15rem 0.35rem;
    background: #E0F2FE;
    border-radius: 6px;
    color: #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.15;
    vertical-align: middle;
}

.inv-isw-detail-totals[b-6yq0u1orsw] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #E8ECF1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.inv-isw-detail-totals__row[b-6yq0u1orsw] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    width: 100%;
    max-width: 16rem;
}

.inv-isw-detail-totals__row span:first-child[b-6yq0u1orsw] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    line-height: 1.25;
}

.inv-isw-detail-totals__row span:last-child[b-6yq0u1orsw] {
    min-width: 0;
    max-width: 100%;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

.inv-isw-detail-totals__row--grand[b-6yq0u1orsw] {
    margin-top: 0.35rem;
    margin-bottom: 0;
    padding-top: 0.35rem;
}

.inv-isw-detail-totals__row--grand span:first-child[b-6yq0u1orsw] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
}

.inv-isw-detail-totals__amount[b-6yq0u1orsw] {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
    font-size: 1rem;
    font-weight: 700;
    color: #033D53;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot .inv-isw-detail-totals__amount[b-6yq0u1orsw] {
    font-size: 1rem;
    font-weight: 700;
    color: #033D53;
}

.inv-isw-detail-docs[b-6yq0u1orsw] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inv-isw-detail-docs li[b-6yq0u1orsw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #E8ECF1;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-docs li > span[b-6yq0u1orsw] {
    flex: 1 1 12rem;
    min-width: 0;
}

.inv-isw-detail-docs li:last-child[b-6yq0u1orsw] {
    border-bottom: 0;
}

.inv-isw-detail-docs i[b-6yq0u1orsw] {
    color: #033D53;
    margin-right: 0.35rem;
}

.inv-isw-detail-docs__link[b-6yq0u1orsw] {
    border: 0;
    background: transparent;
    padding: 0;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.inv-isw-detail-docs__link:focus-visible[b-6yq0u1orsw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-side[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .inv-isw-detail-funding-wrap {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
    margin-top: 0;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .inv-isw-detail-funding-wrap .fc-svc-table-frame {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #E2E8F0;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
}

.inv-isw-detail-page .fc-svc-table-wrap[b-6yq0u1orsw] {
    margin-top: 0;
}

.inv-isw-detail-page .fc-svc-table-frame[b-6yq0u1orsw] {
    border: 1px solid #E2E8F0;
    border-radius: 0.4rem;
    overflow: hidden;
    background: #FFFFFF;
}

.inv-isw-detail-page .inv-isw-detail-block--lines > .fc-review-body--table[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-block > .fc-review-body--table[b-6yq0u1orsw] {
    padding: 0.35rem 0.5rem 0.75rem;
}

.inv-isw-detail-lines-wrap[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-block--lines .fc-svc-table-wrap[b-6yq0u1orsw],
.inv-isw-detail-page .inv-isw-detail-block--lines .fc-svc-table-frame[b-6yq0u1orsw] {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-x: hidden;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines[b-6yq0u1orsw] {
    display: table;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border-collapse: collapse;
    margin: 0;
    table-layout: fixed;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table {
    display: table;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    border-collapse: collapse;
    margin: 0;
    table-layout: fixed;
    font-size: 0.8125rem;
    color: #32434B;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-shift[b-6yq0u1orsw] { width: 14%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-funding[b-6yq0u1orsw] { width: 16%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-support[b-6yq0u1orsw] { width: 12%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-description[b-6yq0u1orsw] { width: 11%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-staffing[b-6yq0u1orsw] { width: 7%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-hours[b-6yq0u1orsw] { width: 5%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-rate[b-6yq0u1orsw] { width: 7%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-amount[b-6yq0u1orsw] { width: 8%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-remaining[b-6yq0u1orsw] { width: 8%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines col.inv-isw-col-status[b-6yq0u1orsw] { width: 8%; }

/* When Remaining is hidden, give Shift a bit more of the freed space */
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines:not(:has(.inv-isw-col-remaining)) col.inv-isw-col-shift[b-6yq0u1orsw] { width: 16%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines:not(:has(.inv-isw-col-remaining)) col.inv-isw-col-funding[b-6yq0u1orsw] { width: 18%; }
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines:not(:has(.inv-isw-col-remaining)) col.inv-isw-col-status[b-6yq0u1orsw] { width: 8%; }

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-shift[b-6yq0u1orsw] {
    width: 14%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-funding[b-6yq0u1orsw] {
    width: 16%;
    vertical-align: top;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table col.inv-isw-funding-col-type { width: 36%; }
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table col.inv-isw-funding-col-support { width: 30%; }
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table col.inv-isw-funding-col-allocated { width: 16%; }
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table col.inv-isw-funding-col-invoiced { width: 18%; }

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-funding {
    width: 36%;
    max-width: none;
    min-width: 0;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-support[b-6yq0u1orsw] {
    width: 12%;
    vertical-align: top;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-support {
    width: 30%;
    max-width: none;
    min-width: 0;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-description[b-6yq0u1orsw] {
    width: 11%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-staffing[b-6yq0u1orsw] {
    width: 7%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-hours[b-6yq0u1orsw] {
    width: 5%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-rate[b-6yq0u1orsw] {
    width: 7%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-amount[b-6yq0u1orsw] {
    width: 8%;
    vertical-align: top;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-remaining[b-6yq0u1orsw] {
    width: 8%;
    vertical-align: top;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-amount {
    width: 16%;
    min-width: 0;
    max-width: none;
    vertical-align: top;
    text-align: right;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-allocated {
    width: 16%;
    padding-right: 1.75rem;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-invoiced {
    width: 18%;
    padding-left: 1.75rem;
    text-align: center !important;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-col-invoiced .inv-isw-detail-lines__value {
    text-align: center !important;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines .inv-isw-detail-col-status[b-6yq0u1orsw] {
    width: 8%;
    vertical-align: top;
    text-align: center !important;
    white-space: nowrap;
    padding-right: 0.5rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-6yq0u1orsw] {
    padding: 0.55rem 0.4rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-funding[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-funding[b-6yq0u1orsw] {
    padding-left: 0.15rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th[b-6yq0u1orsw] {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-6yq0u1orsw] {
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th {
    text-align: left;
    font-weight: 600;
    color: #32434B;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
    text-transform: none;
    letter-spacing: normal;
    vertical-align: bottom;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-status[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-status[b-6yq0u1orsw] {
    text-align: center !important;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-status .inv-isw-pill[b-6yq0u1orsw] {
    margin-left: 0;
    margin-right: 0;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th[b-6yq0u1orsw] {
    font-size: 0.8125rem;
    line-height: 1.3;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th {
    padding: 0.65rem 0.85rem;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-invoiced,
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td.inv-isw-detail-col-invoiced {
    text-align: center !important;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.text-right[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.text-right {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-funding[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-support[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-description[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-staffing[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-shift[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-funding,
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-support {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-hours[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-rate[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-amount[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-remaining[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.inv-isw-detail-col-status[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-amount {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-hours[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-rate[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-amount[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td.inv-isw-detail-col-remaining[b-6yq0u1orsw] {
    white-space: nowrap;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-6yq0u1orsw] {
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.3;
    background: #FFFFFF;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td {
    padding: 0.65rem 0.85rem;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.35;
    background: #FFFFFF;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table thead th.inv-isw-detail-col-support,
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td.inv-isw-detail-col-support {
    padding-left: 2.25rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody tr:last-child td {
    border-bottom: 0;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td[b-6yq0u1orsw] {
    border-bottom: 1px solid #E2E8F0;
}

.inv-isw-detail-lines__shift[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-weight: 600;
    color: #121A1F;
    width: 100%;
}

.inv-isw-detail-lines__shift-line[b-6yq0u1orsw] {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
    white-space: normal;
}

.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .inv-isw-detail-lines__value {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody td .inv-isw-detail-lines__value[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td .inv-isw-detail-lines__value {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    white-space: normal;
}

.inv-isw-detail-lines td .inv-isw-pill[b-6yq0u1orsw] {
    display: inline-flex;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap;
    justify-content: center;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot tr:last-child td[b-6yq0u1orsw] {
    border-bottom: 0;
    background: #FFFFFF;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-lines__foot-cell[b-6yq0u1orsw] {
    text-align: right;
}

.inv-isw-detail-lines__foot-pair[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 1.25rem;
    width: auto;
    max-width: none;
    margin-left: auto;
}

.inv-isw-detail-lines__foot-pair span:first-child[b-6yq0u1orsw] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    line-height: 1.25;
}

.inv-isw-detail-lines__foot-pair span:last-child[b-6yq0u1orsw] {
    min-width: 0;
    max-width: 100%;
    text-align: right;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}

.inv-isw-detail-lines__foot-pair--grand[b-6yq0u1orsw] {
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-lines__foot-pair--grand span:first-child[b-6yq0u1orsw] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #32434B;
}

.inv-isw-detail-lines .text-right[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines thead th.text-right[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot th.text-right[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot td.text-right[b-6yq0u1orsw],
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table .text-right,
.inv-isw-detail-page[b-6yq0u1orsw]  .fc-svc-table.inv-isw-detail-funding-table tbody td.text-right {
    text-align: right;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tfoot .inv-isw-detail-lines__value[b-6yq0u1orsw] {
    text-align: right;
}

.inv-isw-detail-line-review[b-6yq0u1orsw] {
    display: none;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody tr.inv-isw-detail-line-main td[b-6yq0u1orsw] {
    padding-top: 0.75rem;
    padding-bottom: 0.55rem;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody tr.inv-isw-detail-line-actions td[b-6yq0u1orsw] {
    padding: 0.7rem 0.7rem 0.85rem;
    border-top: 0;
    background: inherit;
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody tr.inv-isw-detail-line-main + tr.inv-isw-detail-line-actions[b-6yq0u1orsw] {
    /* keep actions visually attached under the same list row */
}

.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody tr.inv-isw-detail-line-actions + tr.inv-isw-detail-line-main td[b-6yq0u1orsw],
.inv-isw-detail-page .fc-svc-table.inv-isw-detail-lines tbody tr.inv-isw-detail-line-main + tr.inv-isw-detail-line-main td[b-6yq0u1orsw] {
    border-top: 0.45rem solid #FFFFFF;
}

.inv-isw-detail-line-actions__inner[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
}

.inv-isw-detail-line-actions__inner > .inv-isw-detail-decision-actions[b-6yq0u1orsw] {
    align-self: flex-end;
    margin-top: 0.15rem;
}

.inv-isw-detail-line-actions__expanded[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.65rem;
    width: 100%;
}

.inv-isw-detail-line-actions__footer[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    width: 100%;
}

.inv-isw-detail-line-actions__footer .inv-isw-detail-reject-box__actions[b-6yq0u1orsw],
.inv-isw-detail-line-actions__footer .inv-isw-detail-decision-actions[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0;
}

.inv-isw-detail-line-actions .inv-isw-detail-reject-box[b-6yq0u1orsw] {
    width: 100%;
    margin-left: 0;
}

.inv-isw-detail-hst-badge[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 6px;
    background: #E0F2FE;
    color: #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
}

.inv-isw-detail-reject[b-6yq0u1orsw] {
    margin-top: 0.35rem;
    color: #5E0011;
    font-size: 0.8125rem;
    font-weight: 500;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.inv-isw-detail-reject-box[b-6yq0u1orsw] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.inv-isw-detail-reject-select[b-6yq0u1orsw] {
    width: 100%;
    max-width: 100%;
}

.inv-isw-detail-reject-box__label[b-6yq0u1orsw] {
    display: block;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #32434B;
    line-height: 1.35;
}

.inv-isw-detail-reject-required[b-6yq0u1orsw] {
    color: #B42318;
    font-weight: 600;
}

.inv-isw-detail-reject-box__actions[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

.inv-isw-detail-decision-label[b-6yq0u1orsw] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #121A1F;
}

.inv-isw-detail-decision-actions[b-6yq0u1orsw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.inv-isw-detail-line-btn[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 1rem;
    border-radius: 8px;
    border: 1.5px solid transparent;
    background: #FFFFFF;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.inv-isw-detail-line-btn--loading:disabled[b-6yq0u1orsw] {
    opacity: 1;
    cursor: wait;
}

.inv-isw-detail-line-btn__spin[b-6yq0u1orsw] {
    width: 0.875rem;
    height: 0.875rem;
    flex-shrink: 0;
    border: 2px solid #E2E8F0;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: inv-isw-detail-line-btn-spin-b-6yq0u1orsw 0.7s linear infinite;
}

@keyframes inv-isw-detail-line-btn-spin-b-6yq0u1orsw {
    to {
        transform: rotate(360deg);
    }
}

.inv-isw-detail-line-btn--accept[b-6yq0u1orsw] {
    border-color: #003D1F;
    color: #003D1F;
}

.inv-isw-detail-line-btn--accept:hover:not(:disabled)[b-6yq0u1orsw] {
    background: #EAFBF1;
}

.inv-isw-detail-line-btn--reject[b-6yq0u1orsw] {
    border-color: #5E0011;
    color: #5E0011;
}

.inv-isw-detail-line-btn--reject:hover:not(:disabled)[b-6yq0u1orsw] {
    background: #FFF0F2;
}

.inv-isw-detail-line-btn--confirm[b-6yq0u1orsw] {
    border-color: #5E0011;
    background: #5E0011;
    color: #FFFFFF;
}

.inv-isw-detail-line-btn--confirm:hover:not(:disabled)[b-6yq0u1orsw] {
    background: #4A000D;
    border-color: #4A000D;
    color: #FFFFFF;
}

.inv-isw-detail-line-btn:focus-visible[b-6yq0u1orsw] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-isw-detail-line-btn:disabled[b-6yq0u1orsw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-isw-detail-reject-grow[b-6yq0u1orsw] {
    display: grid;
    width: 100%;
}

.inv-isw-detail-reject-grow[b-6yq0u1orsw]::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    min-height: 2.25rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.inv-isw-detail-reject-grow__input[b-6yq0u1orsw] {
    grid-area: 1 / 1 / 2 / 2;
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 0.6rem;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F0F4F8;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
    resize: none;
    overflow: hidden;
    overflow-y: hidden;
    min-height: 2.25rem;
    field-sizing: content;
    scrollbar-width: none;
    -ms-overflow-style: none;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.inv-isw-detail-reject-grow__input[b-6yq0u1orsw]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.inv-isw-detail-reject-grow__input:focus[b-6yq0u1orsw],
.inv-isw-detail-reject-grow__input:focus-visible[b-6yq0u1orsw] {
    outline: none;
    border-color: #033D53;
    background: #FFFFFF;
}

.inv-isw-detail-submitted[b-6yq0u1orsw] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 100%;
    margin-top: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    text-align: left;
}

.inv-isw-detail-submitted i[b-6yq0u1orsw] {
    color: #033D53;
    margin-right: 0.35rem;
}

.inv-isw-detail-page .fc-review-value .inv-isw-pill[b-6yq0u1orsw] {
    vertical-align: middle;
}

/* Status pills — match invoice list */
.inv-isw-pill[b-6yq0u1orsw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.5rem;
    padding: 0.15rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.inv-isw-pill__icon[b-6yq0u1orsw] {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.inv-isw-pill__icon--pending-client[b-6yq0u1orsw] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.inv-isw-pill__icon--pending-finance[b-6yq0u1orsw] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.inv-isw-pill__icon--approved[b-6yq0u1orsw] {
    -webkit-mask-image: url("/images/icons/sch-status-completed.svg");
    mask-image: url("/images/icons/sch-status-completed.svg");
}

.inv-isw-pill__icon--rejected[b-6yq0u1orsw] {
    -webkit-mask-image: url("/images/icons/inv-status-rejected.svg");
    mask-image: url("/images/icons/inv-status-rejected.svg");
}

.inv-isw-pill--pending-finance[b-6yq0u1orsw] {
    background: #F3E8FF;
    color: #5B21B6;
}

.inv-isw-pill--pending-client[b-6yq0u1orsw] {
    background: #E0F2FE;
    color: #033D53;
}

.inv-isw-pill--approved[b-6yq0u1orsw] {
    background: #EAFBF1;
    color: #003D1F;
}

.inv-isw-pill--rejected[b-6yq0u1orsw] {
    background: #FFF0F2;
    color: #5E0011;
}

.inv-isw-pill--default[b-6yq0u1orsw] {
    background: #F0F4F8;
    color: #32434B;
}

@media (max-width: 991.98px) {
    .inv-isw-detail-page .inv-isw-detail-main > .inv-isw-detail-main-actions[b-6yq0u1orsw] {
        flex-direction: column;
        align-items: stretch;
    }

    .inv-isw-detail-main-actions__right.inv-isw-detail-toolbar[b-6yq0u1orsw] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Billing/AppPagePermanentFundingChange.razor.rz.scp.css */
.pf-change[b-29y86zupaw] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem 0 2rem;
    color: #121A1F;
    font-size: 0.875rem;
}

.pf-change-header[b-29y86zupaw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pf-change-title[b-29y86zupaw] {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
}

.pf-change-sub[b-29y86zupaw] {
    margin: 0.25rem 0 0;
    color: #5B6670;
}

.pf-change-steps[b-29y86zupaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
}

.pf-change-steps li button[b-29y86zupaw] {
    border: 1px solid #D5DCE3;
    background: #FFFFFF;
    border-radius: 999px;
    padding: 0.35rem 0.9rem;
    font-weight: 600;
    color: #5B6670;
}

.pf-change-steps li.is-active button[b-29y86zupaw] {
    background: #1D4E89;
    border-color: #1D4E89;
    color: #FFFFFF;
}

.pf-change-steps li.is-done button[b-29y86zupaw] {
    border-color: #1D4E89;
    color: #1D4E89;
}

.pf-change-section[b-29y86zupaw] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.55rem;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.pf-change-section-title[b-29y86zupaw] {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.pf-change-subtitle[b-29y86zupaw] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 1rem 0 0.35rem;
}

.pf-change-hint[b-29y86zupaw] {
    color: #5B6670;
    font-size: 0.8rem;
}

.pf-change-checks[b-29y86zupaw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
}

.pf-change-checks--grid[b-29y86zupaw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.pf-change-check[b-29y86zupaw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.pf-change-grid[b-29y86zupaw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem 1rem;
    margin-top: 0.75rem;
}

.pf-change-field[b-29y86zupaw] {
    margin-top: 0.75rem;
}

.pf-change-grid .pf-change-field[b-29y86zupaw] {
    margin-top: 0;
}

.pf-change-label[b-29y86zupaw] {
    display: block;
    font-weight: 600;
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}

.pf-change-label.required[b-29y86zupaw]::after {
    content: " *";
    color: #B00020;
}

.pf-change-table[b-29y86zupaw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.pf-change-table th[b-29y86zupaw],
.pf-change-table td[b-29y86zupaw] {
    padding: 0.5rem 0.55rem;
    border-bottom: 1px solid #E8ECF1;
    vertical-align: middle;
}

.pf-change-table thead th[b-29y86zupaw] {
    font-weight: 700;
    font-size: 0.75rem;
}

.pf-change-table tfoot th[b-29y86zupaw] {
    border-top: 2px solid #C9D1DA;
    border-bottom: none;
}

.pf-change-table tr.is-readonly td[b-29y86zupaw] {
    color: #8A949D;
}

.pf-change-table tr.is-selected td[b-29y86zupaw] {
    background: #F4F8FD;
}

.pf-change-col-input[b-29y86zupaw] {
    width: 180px;
}

.pf-change-negative[b-29y86zupaw] {
    color: #B00020 !important;
}

.pf-change-identifier[b-29y86zupaw] {
    border: 1px dashed #C9D1DA;
    border-radius: 0.45rem;
    padding: 0.75rem;
    margin: 0.75rem 0;
}

.pf-change-identifier-head[b-29y86zupaw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pf-change-files[b-29y86zupaw] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0;
}

.pf-change-files li[b-29y86zupaw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.2rem 0;
}

.pf-change-summary[b-29y86zupaw] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.35rem 1rem;
    margin-bottom: 1rem;
}

.pf-change-summary dt[b-29y86zupaw] {
    font-weight: 600;
}

.pf-change-summary dd[b-29y86zupaw] {
    margin: 0;
}

.pf-change-note[b-29y86zupaw] {
    border-radius: 0.45rem;
    padding: 0.65rem 0.85rem;
    margin-bottom: 1rem;
}

.pf-change-note--warn[b-29y86zupaw] {
    background: #FFF8E6;
    border: 1px solid #F2D58A;
}

.pf-change-note--danger[b-29y86zupaw] {
    background: #FFF0F2;
    border: 1px solid #F3B8C2;
    color: #5E0011;
}

.pf-change-actions[b-29y86zupaw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pf-change-btn[b-29y86zupaw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid #C9D1DA;
    background: #FFFFFF;
    color: #121A1F;
    border-radius: 0.4rem;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.pf-change-btn:disabled[b-29y86zupaw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pf-change-btn--primary[b-29y86zupaw] {
    background: #1D4E89;
    border-color: #1D4E89;
    color: #FFFFFF;
}

.pf-change-btn--sm[b-29y86zupaw] {
    padding: 0.2rem 0.55rem;
    font-size: 0.75rem;
}
/* /Pages/Domain/Billing/AppPagePermanentFundingEdit.razor.rz.scp.css */
/* Permanent Funding — Edit (Figma SCS Enable Kit text tokens) */

.pf-edit[b-8aftk3uxpa] {
    --pf-brand: #033D53;
    --pf-sky: #E0F2FE;
    --pf-border: #E2E8F0;
    --pf-muted: #32434B; /* Figma body / input label */
    --pf-text: #121A1F; /* Figma strong */
    --pf-ink: #32434B;
    --pf-strong: #121A1F;
    --pf-section-gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pf-edit-chrome[b-8aftk3uxpa] {
    background: transparent;
    border: none;
    margin-bottom: 0;
    overflow: visible;
}

/* Header + tab bar = one card only (not the whole page) */
.pf-edit-header[b-8aftk3uxpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin: 0;
    padding: 0.55rem 0.85rem 0.5rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-bottom: none;
    border-radius: 0.55rem 0.55rem 0 0;
}

/* Header alone (loading / no tabs) still looks like a complete card */
.pf-edit-chrome:not(:has(.k-tabstrip)) .pf-edit-header[b-8aftk3uxpa] {
    border-bottom: 1px solid #E2E8F0;
    border-radius: 0.55rem;
    margin-bottom: var(--pf-section-gap);
}

.pf-edit-header__lead[b-8aftk3uxpa] {
    min-width: 0;
    flex: 1 1 14rem;
}

.pf-edit-header__title[b-8aftk3uxpa] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #121A1F;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.pf-edit-header__sub[b-8aftk3uxpa] {
    margin: 0.28rem 0 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.4;
    word-break: break-word;
}

.pf-edit-header__actions[b-8aftk3uxpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.pf-edit-btn[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.5rem;
    padding: 0.55rem 1.15rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #fff;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pf-edit-btn i[b-8aftk3uxpa],
.pf-edit-btn__icon[b-8aftk3uxpa] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    font-size: 0.82rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
}

.pf-edit-btn[b-8aftk3uxpa]  .app-save-draft-icon,
.pf-edit-btn .app-save-draft-icon[b-8aftk3uxpa] {
    width: 16px !important;
    height: 16px !important;
    margin-right: 0 !important;
    vertical-align: middle !important;
    color: inherit !important;
}

.pf-edit-btn:disabled[b-8aftk3uxpa] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Cancel — sky outline (Figma Enable Kit) */
.pf-edit-btn--cancel[b-8aftk3uxpa] {
    background: #E1F1FD;
    border-color: #32434B;
    color: #32434B;
}

.pf-edit-btn--cancel:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--cancel:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.pf-edit-btn--cancel:active:not(:disabled)[b-8aftk3uxpa] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

/*
 * Save / Save Draft + Submit — Figma Enable Kit
 * Default: #E8F5E9 / #103613 | Hover: #005E07 | Active: #004706
 */
.pf-edit-btn--save[b-8aftk3uxpa],
.pf-edit-btn--submit[b-8aftk3uxpa] {
    box-sizing: border-box;
    height: 42px;
    min-height: 42px;
    padding: 9.5px 20px;
    gap: 10px;
    background: #E8F5E9;
    border: 1px solid #103613;
    border-radius: 10px;
    color: #103613;
    font-weight: 600;
    font-size: 1rem; /* 16px ≥ 11px AODA */
    line-height: 1.4;
    letter-spacing: normal;
}

.pf-edit-btn--save:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--save:focus-visible:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--submit:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--submit:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #005E07;
    border-color: #005E07;
    color: #FFFFFF;
    font-weight: 700;
}

.pf-edit-btn--save:active:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--submit:active:not(:disabled)[b-8aftk3uxpa] {
    background: #004706;
    border-color: #004706;
    color: #FFFFFF;
    font-weight: 700;
}

.pf-edit-btn--primary[b-8aftk3uxpa] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.pf-edit-btn--primary:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--primary:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

.pf-edit-btn--approve[b-8aftk3uxpa] {
    box-sizing: border-box;
    height: 42px;
    min-height: 42px;
    padding: 9.5px 20px;
    background: #E8F5E9;
    border: 1px solid #103613;
    color: #103613;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: normal;
}

.pf-edit-btn--approve:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--approve:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #005E07;
    border-color: #005E07;
    color: #FFFFFF;
    font-weight: 700;
}

.pf-edit-btn--approve:active:not(:disabled)[b-8aftk3uxpa] {
    background: #004706;
    border-color: #004706;
    color: #FFFFFF;
}

.pf-edit-btn--flat[b-8aftk3uxpa] {
    border-color: transparent;
    background: transparent;
    color: #32434B;
    text-transform: none;
    letter-spacing: normal;
}

.pf-edit-btn--flat:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--flat:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #F0F4F8;
    border-color: transparent;
    color: #033D53;
}

.pf-edit-btn--danger[b-8aftk3uxpa] {
    border-color: #B42318;
    color: #B42318;
}

.pf-edit-btn--danger:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-btn--danger:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #B42318;
    border-color: #B42318;
    color: #FFFFFF;
}

.pf-edit-section-actions[b-8aftk3uxpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    margin-top: 1.15rem;
    padding-top: 1rem;
    border-top: 1px solid #E2E8F0;
}

.pf-edit-section-actions__end[b-8aftk3uxpa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-left: auto;
}

.pf-edit-section[b-8aftk3uxpa] {
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    margin-bottom: var(--pf-section-gap);
    overflow: hidden;
}

.pf-edit-section-head[b-8aftk3uxpa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
}

.pf-edit-section-icon[b-8aftk3uxpa] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
}

.pf-edit-section-icon--asset[b-8aftk3uxpa] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    overflow: hidden;
}

.pf-edit-section-icon--asset img[b-8aftk3uxpa] {
    display: block;
    width: 36px;
    height: 36px;
}

.pf-edit-section-title[b-8aftk3uxpa] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
    line-height: 1.35;
}

.pf-edit-body[b-8aftk3uxpa] {
    padding: 0.85rem 1.15rem 1.15rem;
}

.pf-edit-field[b-8aftk3uxpa] {
    margin-bottom: 0.85rem;
}

.pf-edit-field:last-child[b-8aftk3uxpa] {
    margin-bottom: 0;
}

.pf-edit-label[b-8aftk3uxpa] {
    display: block;
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    margin: 0 0 0.35rem;
    line-height: 1.35;
}

.pf-edit-label.required[b-8aftk3uxpa]::after {
    content: " *";
    color: #B42318;
}

/* Field validation — Figma Enable Kit danger */
.pf-edit[b-8aftk3uxpa]  .validation-message {
    display: block;
    margin-top: 0.4rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid #FECDCA;
    border-radius: 0.5rem;
    background: #FEF3F2;
    color: #B42318;
    font-size: 0.8125rem; /* 13px ≥ 11px AODA */
    font-weight: 500;
    line-height: 1.35;
}

.pf-edit-value[b-8aftk3uxpa] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #121A1F;
    line-height: 1.35;
    word-break: break-word;
}

.pf-edit-value--muted[b-8aftk3uxpa] {
    font-weight: 400;
    color: #32434B;
    font-style: italic;
}

.pf-edit-hint[b-8aftk3uxpa] {
    font-size: 0.8rem;
    color: var(--pf-muted);
    margin: 0 0 0.65rem;
}

.pf-edit-subhead[b-8aftk3uxpa] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #32434B;
    margin: 0.85rem 0 0.55rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #E8EDF2;
}

.pf-edit-subhead:first-child[b-8aftk3uxpa] {
    margin-top: 0.15rem;
}

.pf-edit-metrics[b-8aftk3uxpa] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem 1.5rem;
    align-items: start;
    margin: 0.25rem 0 0.35rem;
}

.pf-edit-metric[b-8aftk3uxpa] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.25rem;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
}

.pf-edit-alloc-stack[b-8aftk3uxpa] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    /* Shared columns across allocation sections (Pressure / Historical align) */
    .pf-edit-alloc-stack[b-8aftk3uxpa] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) max-content;
        column-gap: 1.5rem;
        row-gap: 0.85rem;
        align-items: start;
    }

    .pf-edit-alloc-stack > .pf-edit-field[b-8aftk3uxpa],
    .pf-edit-alloc-stack > .pf-edit-subhead[b-8aftk3uxpa],
    .pf-edit-alloc-stack > .pf-edit-note[b-8aftk3uxpa] {
        grid-column: 1 / -1;
    }

    .pf-edit-alloc-stack > .pf-edit-subhead[b-8aftk3uxpa] {
        margin-top: 0.15rem;
        margin-bottom: 0;
    }

    .pf-edit-alloc-stack > .pf-edit-metrics[b-8aftk3uxpa] {
        display: contents;
        margin: 0;
    }

    .pf-edit-alloc-stack .pf-edit-metric[b-8aftk3uxpa] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
}

.pf-edit-metric__label[b-8aftk3uxpa] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    line-height: 1.35;
    white-space: nowrap;
}

.pf-edit-metric__label.required[b-8aftk3uxpa]::after {
    content: " *";
    color: #B42318;
}

/* Sky wrap stays visual only — does not shift label/value vs siblings */
.pf-edit-metric--hl[b-8aftk3uxpa] {
    position: relative;
    z-index: 0;
    background: transparent;
    padding: 0 0.75rem;
    min-width: max-content;
    border-radius: 0;
}

.pf-edit-metric--hl[b-8aftk3uxpa]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -0.4rem -0.75rem;
    background: #E0F2FE;
    border-radius: 8px;
}

.pf-edit-metric--hl .pf-edit-metric__label[b-8aftk3uxpa] {
    color: #32434B;
    white-space: nowrap;
}

.pf-edit-metric__value[b-8aftk3uxpa] {
    display: flex;
    align-items: center;
    min-height: 2.25rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
    line-height: 1.3;
}

.pf-edit-metric__control[b-8aftk3uxpa] {
    min-width: 0;
}

.pf-edit-note[b-8aftk3uxpa] {
    margin: 0.65rem 0 var(--pf-section-gap);
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    color: var(--pf-ink);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.pf-edit-note--banner[b-8aftk3uxpa] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.25rem;
    margin-top: 0;
    margin-bottom: var(--pf-section-gap);
    padding: 0.65rem 3.25rem 0.65rem 1rem;
    overflow: visible;
}

.pf-edit-note__main[b-8aftk3uxpa] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pf-edit-note__icon[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    flex-shrink: 0;
    color: #FFFFFF;
    font-size: 0.9rem;
    margin-top: 0.1rem;
}

.pf-edit-note__text[b-8aftk3uxpa] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.1rem 0;
}

.pf-edit-note__title[b-8aftk3uxpa] {
    display: block;
    font-weight: 700;
    font-size: 0.875rem;
    color: #121A1F;
    line-height: 1.35;
}

.pf-edit-note__body[b-8aftk3uxpa] {
    display: block;
    font-weight: 400;
    color: #32434B;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.pf-edit-note__close[b-8aftk3uxpa] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    z-index: 2;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #121A1F;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pf-edit-note__close:hover[b-8aftk3uxpa] {
    background: #FFEBEE;
    color: #470E0E;
    border-color: #E8A8A8;
}

.pf-edit-note__close:active[b-8aftk3uxpa] {
    background: #7F1D1D;
    color: #FFFFFF;
    border-color: #7F1D1D;
}

.pf-edit-note__close svg[b-8aftk3uxpa] {
    display: block;
    width: 12px;
    height: 12px;
}

.pf-edit-note--ok[b-8aftk3uxpa] {
    background: #EAF7EE;
    border-color: #A8D5B5;
    color: #32434B;
}

.pf-edit-note--ok .pf-edit-note__icon[b-8aftk3uxpa] {
    background: #43A047;
}

.pf-edit-note--ok .pf-edit-note__title[b-8aftk3uxpa] {
    color: #2E7D32;
}

.pf-edit-note--warn[b-8aftk3uxpa] {
    background: #FFF8E6;
    border-color: #E8D39A;
    color: #32434B;
}

.pf-edit-note--warn .pf-edit-note__icon[b-8aftk3uxpa] {
    background: #E6A817;
}

.pf-edit-note--warn .pf-edit-note__title[b-8aftk3uxpa] {
    color: #9A6B00;
}

.pf-edit-note--info[b-8aftk3uxpa] {
    background: #F0F4F8;
    border-color: #E2E8F0;
}

.pf-edit-note ul[b-8aftk3uxpa] {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
    width: 100%;
    color: #32434B;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.pf-edit-note ul li[b-8aftk3uxpa] {
    margin: 0.15rem 0;
}

.pf-edit-status[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    height: 1.5rem;
    white-space: nowrap;
}

.pf-edit-status--approved[b-8aftk3uxpa] { background: #EAFBF1; color: #003D1F; }
.pf-edit-status--rejected[b-8aftk3uxpa] { background: #FFF0F2; color: #5E0011; }
.pf-edit-status--draft[b-8aftk3uxpa] { background: #FFF0E8; color: #5C1F00; }
.pf-edit-status--pending[b-8aftk3uxpa] { background: #F9ECD4; color: #35260C; }
.pf-edit-status--pending-ministry[b-8aftk3uxpa] { background: #FFF7E0; color: #4A2D00; }
.pf-edit-status--revision[b-8aftk3uxpa] { background: #FFE6EE; color: #170E00; }
.pf-edit-status--default[b-8aftk3uxpa] { background: #E7EAEE; color: #121A1F; }

.pf-edit-attach-existing[b-8aftk3uxpa] {
    margin: 0 0 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.pf-edit-attach-upload[b-8aftk3uxpa] {
    margin: 0 0 0.35rem;
}

.pf-edit-attach-drop[b-8aftk3uxpa] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 8.5rem;
    padding: 1.25rem 1rem;
    box-sizing: border-box;
    border: 1.5px dashed #C5D0DA;
    border-radius: 0.55rem;
    background: #FFFFFF;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pf-edit-attach-drop:hover[b-8aftk3uxpa],
.pf-edit-attach-drop:focus-within[b-8aftk3uxpa] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
    outline: none;
}

.pf-edit-attach-drop.is-disabled[b-8aftk3uxpa] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    background: #FAFCFE;
}

.pf-edit-attach-drop__icon[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32434B;
    margin-bottom: 0.15rem;
}

.pf-edit-attach-drop:hover .pf-edit-attach-drop__icon[b-8aftk3uxpa],
.pf-edit-attach-drop:focus-within .pf-edit-attach-drop__icon[b-8aftk3uxpa] {
    color: #033D53;
}

.pf-edit-attach-drop__title[b-8aftk3uxpa] {
    color: #32434B;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.pf-edit-attach-drop:hover .pf-edit-attach-drop__title[b-8aftk3uxpa],
.pf-edit-attach-drop:focus-within .pf-edit-attach-drop__title[b-8aftk3uxpa] {
    color: #033D53;
}

.pf-edit-attach-drop__hint[b-8aftk3uxpa] {
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    max-width: 28rem;
}

.pf-edit-attach-input[b-8aftk3uxpa],
.pf-edit-attach-drop[b-8aftk3uxpa]  input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 2;
}

.pf-edit-attach-input[b-8aftk3uxpa]::-webkit-file-upload-button,
.pf-edit-attach-drop[b-8aftk3uxpa]  input[type="file"]::-webkit-file-upload-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.pf-edit-attach-list[b-8aftk3uxpa] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    border: 1px solid #E2E8F0;
    border-radius: 0.75rem;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.pf-edit-attach-row[b-8aftk3uxpa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #E2E8F0;
    min-width: 0;
}

.pf-edit-attach-row:last-child[b-8aftk3uxpa] {
    border-bottom: none;
}

.pf-edit-attach-badge[b-8aftk3uxpa] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.4rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #033D53;
    font-size: 0.6875rem;
    font-weight: 700;
}

.pf-edit-attach-badge__label[b-8aftk3uxpa] {
    letter-spacing: 0.02em;
}

.pf-edit-attach-badge--img .pf-edit-attach-badge__img[b-8aftk3uxpa],
.pf-edit-attach-badge--img img[b-8aftk3uxpa] {
    display: block;
    width: 1rem;
    height: 1rem;
    /* SVG is ink (#32434B); invert to white on #033D53 badge */
    filter: brightness(0) invert(1);
}

.pf-edit-attach-meta[b-8aftk3uxpa] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pf-edit-attach-name[b-8aftk3uxpa] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    word-break: break-word;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.pf-edit-attach-name:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-attach-name:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    color: #033D53;
    outline: none;
}

.pf-edit-attach-name:disabled[b-8aftk3uxpa] {
    opacity: 0.65;
    cursor: wait;
}

.pf-edit-attach-size[b-8aftk3uxpa] {
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.3;
}

.pf-edit-attach-actions[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    margin-left: auto;
    flex-shrink: 0;
}

.pf-edit-attach-action[b-8aftk3uxpa] {
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    color: #32434B;
    border-radius: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.9rem;
}

.pf-edit-attach-action:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-attach-action:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #F0F4F8;
    color: #033D53;
    outline: none;
}

.pf-edit-attach-action:disabled[b-8aftk3uxpa] {
    opacity: 0.55;
    cursor: wait;
}

.pf-edit-attach-action--danger[b-8aftk3uxpa] {
    color: #B42318;
}

.pf-edit-attach-action--danger:hover:not(:disabled)[b-8aftk3uxpa],
.pf-edit-attach-action--danger:focus-visible:not(:disabled)[b-8aftk3uxpa] {
    background: #FEF3F2;
    color: #912018;
}

.pf-edit-total[b-8aftk3uxpa] {
    font-weight: 700;
    color: #033D53;
    font-size: 0.875rem;
}

.pf-edit-table[b-8aftk3uxpa] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
    color: var(--pf-text);
}

.pf-edit-table th[b-8aftk3uxpa] {
    text-align: left;
    font-size: 0.75rem;
    font-weight: 700;
    color: #121A1F;
    padding: 0.5rem 0.55rem;
    border-bottom: 1px solid #E8ECF1;
    background: #FFFFFF;
}

.pf-edit-table td[b-8aftk3uxpa] {
    padding: 0.55rem 0.55rem;
    border-bottom: 1px solid #E8ECF1;
    vertical-align: middle;
    background: transparent;
}

.pf-edit-table thead th:first-child[b-8aftk3uxpa] {
    padding-left: calc(0.55rem + 3px);
}

.pf-edit-table tbody tr.pf-edit-list-row[b-8aftk3uxpa] {
    cursor: pointer;
}

.pf-edit-table tbody tr.pf-edit-list-row > td:first-child[b-8aftk3uxpa] {
    box-shadow: inset 3px 0 0 transparent;
}

.pf-edit-table tbody tr.pf-edit-list-row:hover > td[b-8aftk3uxpa],
.pf-edit-table tbody tr.pf-edit-list-row:focus-visible > td[b-8aftk3uxpa] {
    background: #E0F2FE;
    border-bottom-color: transparent;
}

.pf-edit-table tbody tr.pf-edit-list-row:hover > td:first-child[b-8aftk3uxpa],
.pf-edit-table tbody tr.pf-edit-list-row:focus-visible > td:first-child[b-8aftk3uxpa] {
    border-radius: 6px 0 0 6px;
    box-shadow: inset 3px 0 0 #033D53;
}

.pf-edit-table tbody tr.pf-edit-list-row:hover > td:last-child[b-8aftk3uxpa],
.pf-edit-table tbody tr.pf-edit-list-row:focus-visible > td:last-child[b-8aftk3uxpa] {
    border-radius: 0 6px 6px 0;
}

.pf-edit-table tbody tr.pf-edit-list-row:focus[b-8aftk3uxpa] {
    outline: none;
}

.pf-edit-table tbody tr.pf-edit-list-row:active > td[b-8aftk3uxpa] {
    background: #033D53;
    color: #FFFFFF;
    border-bottom-color: transparent;
}

.pf-edit-table tbody tr.pf-edit-list-row:active > td:first-child[b-8aftk3uxpa] {
    border-radius: 6px 0 0 6px;
    box-shadow: inset 3px 0 0 #033D53;
}

.pf-edit-table tbody tr.pf-edit-list-row:active > td:last-child[b-8aftk3uxpa] {
    border-radius: 0 6px 6px 0;
}

.pf-edit-table tbody tr.pf-edit-list-row:active .pf-edit-link[b-8aftk3uxpa] {
    color: #FFFFFF;
}

.pf-edit-link[b-8aftk3uxpa] {
    color: #033D53;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.75rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pf-edit-badge[b-8aftk3uxpa] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.pf-edit-badge--source[b-8aftk3uxpa] {
    background: #EEF4FF;
    color: #002B6B;
}

.pf-edit-badge--temp[b-8aftk3uxpa] {
    background: #F0F4F8;
    color: #32434B;
}

/* Prevent EditForm / TabStrip from stretching and leaving empty white under the title */
.pf-edit[b-8aftk3uxpa]  form,
.pf-edit form[b-8aftk3uxpa] {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip.k-widget {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-prev,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip-next,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip .k-button.k-tabstrip-prev,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip .k-button.k-tabstrip-next {
    display: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items-wrapper {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: none !important;
    /* Top: light gap under RecordId / status; bottom: flush to card edge */
    padding: 0.4rem 0.85rem 0 !important;
    margin: 0 !important;
    border-radius: 0 0 0.55rem 0.55rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
    align-content: flex-end !important;
    flex: none !important;
    flex-grow: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items {
    background: transparent !important;
    border: none !important;
    gap: 0.75rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item {
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item .k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.5rem 0.95rem !important;
    min-height: 2.25rem !important;
    border-radius: 0.4rem 0.4rem 0 0 !important;
    color: #32434B !important;
    background: transparent !important;
    border: none !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-transform: none !important;
    margin-bottom: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item .k-link .pf-edit-tab-icon {
    color: #32434B !important;
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    flex-shrink: 0;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .pf-edit-tab-icon {
    color: #033D53 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item.k-active .k-link {
    background: #033D53 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    border-radius: 0.4rem 0.4rem 0 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item.k-active .k-link .pf-edit-tab-icon {
    color: #fff !important;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item .k-link .pf-edit-tab-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    margin-left: 0.15rem;
    border-radius: 999px;
    background: #F0F4F8;
    color: #32434B;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .pf-edit-tab-count,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip-items .k-item.k-active .k-link .pf-edit-tab-count {
    background: #F0F4F8;
    color: #32434B;
}

.pf-edit[b-8aftk3uxpa]  .k-tabstrip > .k-content,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip .k-content,
.pf-edit[b-8aftk3uxpa]  .k-tabstrip-content {
    border: none !important;
    background: transparent !important;
    /* Keep gap under header/tabs card even when sync banner is dismissed */
    padding: var(--pf-section-gap) 0 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
    margin: 0 !important;
}

/* Funding Note — grow with text (match FP create); wrapper follows textarea height */
.pf-edit[b-8aftk3uxpa]  .pf-edit-textarea-autogrow.k-textarea {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
    min-height: 4.5rem !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    background-color: #F0F4F8 !important;
}

.pf-edit[b-8aftk3uxpa]  .pf-edit-textarea-autogrow .k-input-inner,
.pf-edit[b-8aftk3uxpa]  .pf-edit-textarea-autogrow textarea {
    flex: 1 1 auto !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    resize: none !important;
    min-height: 4.5rem !important;
    height: auto !important;
    max-height: none !important;
    line-height: 1.35 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
    padding-left: 0.75rem !important;
    padding-right: 1.1rem !important;
    box-sizing: border-box !important;
    field-sizing: content;
    white-space: pre-wrap !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: transparent !important;
}

.pf-edit[b-8aftk3uxpa]  .pf-edit-textarea-autogrow .k-input-inner::-webkit-scrollbar,
.pf-edit[b-8aftk3uxpa]  .pf-edit-textarea-autogrow textarea::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-input,
.pf-edit[b-8aftk3uxpa]  .k-picker,
.pf-edit[b-8aftk3uxpa]  .k-textarea,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox,
.pf-edit[b-8aftk3uxpa]  .k-datepicker,
.pf-edit[b-8aftk3uxpa]  .k-dateinput,
.pf-edit[b-8aftk3uxpa]  .k-multiselect {
    background-color: #F0F4F8 !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #121A1F !important;
    border-radius: 0.5rem !important;
    min-height: 2.25rem;
    font-size: 0.8125rem !important;
}

.pf-edit[b-8aftk3uxpa]  .k-input:hover,
.pf-edit[b-8aftk3uxpa]  .k-picker:hover,
.pf-edit[b-8aftk3uxpa]  .k-textarea:hover,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox:hover,
.pf-edit[b-8aftk3uxpa]  .k-datepicker:hover,
.pf-edit[b-8aftk3uxpa]  .k-dateinput:hover,
.pf-edit[b-8aftk3uxpa]  .k-multiselect:hover,
.pf-edit[b-8aftk3uxpa]  .k-input.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-picker.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-textarea.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-datepicker.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-dateinput.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-multiselect.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-input:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-picker:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-textarea:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-datepicker:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-dateinput:focus-within,
.pf-edit[b-8aftk3uxpa]  .k-multiselect:focus-within {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: #F0F4F8 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-input .k-input-inner,
.pf-edit[b-8aftk3uxpa]  .k-textarea .k-input-inner,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-input-inner,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #121A1F !important;
    font-size: 0.8125rem !important;
}

/* Closed dropdown trigger — soft fill, AC chevron */
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-picker {
    position: relative !important;
    background-color: #F0F4F8 !important;
    border: none !important;
    border-color: transparent !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    color: #32434B !important;
    min-height: 2.25rem !important;
    overflow: visible !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-inner,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-value-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    background: transparent !important;
    padding-right: 2.5rem !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-button.k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist button.k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-button-solid-base {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    display: block !important;
    width: 2.5rem !important;
    min-width: 2.5rem !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 3 !important;
    font-size: 0 !important;
    background-color: transparent !important;
    background-image: url("/images/icons/ac-chevron-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 8px !important;
    pointer-events: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button .k-svg-icon,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button .k-icon,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button svg,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button *,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-separator {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button::before,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist .k-input-button::after,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist::after {
    content: none !important;
    display: none !important;
    background-image: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-open .k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-open .k-button.k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-open button.k-input-button {
    transform: rotate(180deg) !important;
}

.pf-edit[b-8aftk3uxpa]  .k-dropdownlist:hover,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-focus,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist.k-open,
.pf-edit[b-8aftk3uxpa]  .k-dropdownlist:focus-within {
    background-color: #F0F4F8 !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* MultiSelect — soft fill, no border, chevron */
.pf-edit[b-8aftk3uxpa]  .k-multiselect {
    position: relative !important;
    border-radius: 0.5rem !important;
    padding-right: 2.25rem !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-button.k-input-button,
.pf-edit[b-8aftk3uxpa]  .k-multiselect button.k-input-button {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    display: block !important;
    width: 2.5rem !important;
    min-width: 2.5rem !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("/images/icons/ac-chevron-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 12px 8px !important;
    pointer-events: none !important;
    z-index: 3 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-button .k-svg-icon,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-button .k-icon,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-button svg,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-input-button * {
    display: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect.k-open .k-input-button {
    transform: rotate(180deg) !important;
}

/* Selected option chips — Figma Enable Kit pills */
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip-solid-base,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip-solid {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    background: #033D53 !important;
    border: 0 !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    font-size: 0.75rem !important; /* 12px ≥ 11px AODA */
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding: 0.2rem 0.35rem 0.2rem 0.65rem !important;
    min-height: 1.5rem !important;
    box-shadow: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-content,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-label,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-text {
    color: #FFFFFF !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    padding: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-actions,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-action,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-remove-action,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-remove-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.15rem !important;
    height: 1.15rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-action:hover,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-remove-action:hover,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-remove-action:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    color: #FFFFFF !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-action .k-svg-icon,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-action .k-icon,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-chip-action svg,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-remove-action .k-svg-icon,
.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip .k-remove-action svg {
    width: 0.65rem !important;
    height: 0.65rem !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.pf-edit[b-8aftk3uxpa]  .k-multiselect .k-chip-list {
    gap: 0.35rem !important;
    padding: 0.15rem 0 !important;
}

/* Hide numeric spinner arrows */
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-spinner,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-input-spinner,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-spin-button,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-spinner-increase,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox .k-spinner-decrease {
    display: none !important;
}

.pf-edit[b-8aftk3uxpa]  .k-numerictextbox input::-webkit-outer-spin-button,
.pf-edit[b-8aftk3uxpa]  .k-numerictextbox input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.pf-edit[b-8aftk3uxpa]  .k-numerictextbox input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}
/* /Pages/Domain/Billing/AppPagePermanentFundingReview.razor.rz.scp.css */
/* Permanent Funding Review — Figma SCS Enable Kit text tokens */
.pf-review[b-nqfkk5kmp3] {
    --pf-brand: #033D53;
    --pf-sky: #E0F2FE;
    --pf-border: #E2E8F0;
    --pf-muted: #32434B; /* Figma body / input label */
    --pf-text: #121A1F; /* Figma strong */
    --pf-ink: #32434B;
    --pf-strong: #121A1F;
    --pf-section-gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pf-review-chrome[b-nqfkk5kmp3] {
    background: transparent;
    margin-bottom: var(--pf-section-gap);
}

.pf-review-header[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin: 0;
    padding: 0.55rem 0.85rem 0.5rem;
    background: #FFFFFF;
    border-radius: 0.55rem 0.55rem 0 0;
}

.pf-review-header__lead[b-nqfkk5kmp3] {
    min-width: 0;
    flex: 1 1 14rem;
}

.pf-review-header__title[b-nqfkk5kmp3] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #121A1F;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.pf-review-header__sub[b-nqfkk5kmp3] {
    margin: 0.28rem 0 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.4;
    word-break: break-word;
}

.pf-review-header__actions[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.pf-review-chrome__body[b-nqfkk5kmp3] {
    background: #FFFFFF;
    padding: 0.85rem;
    border-radius: 0 0 0.55rem 0.55rem;
}

.pf-review-hero[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.75rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    padding: 0.45rem 0.85rem 0.5rem;
    margin: 0 0 var(--pf-section-gap);
    box-sizing: border-box;
}

.pf-review-hero-main[b-nqfkk5kmp3] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pf-review-hero-icon[b-nqfkk5kmp3] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pf-review-hero-icon svg[b-nqfkk5kmp3] {
    width: 0.9rem;
    height: 0.9rem;
    display: block;
}

.pf-review-hero-copy[b-nqfkk5kmp3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.pf-review-hero-title[b-nqfkk5kmp3] {
    display: flex;
    align-items: center;
    min-height: 1.55rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
    line-height: 1.2;
}

.pf-review-hero-sub[b-nqfkk5kmp3] {
    font-size: 0.8rem;
    color: var(--pf-muted);
    margin: 0;
    line-height: 1.2;
    max-width: 36rem;
}

.pf-review-hero-actions[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex: 1 1 auto;
    margin-left: auto;
    min-width: 0;
}

.pf-review-btn[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    border-radius: 0.35rem;
    border: 1.5px solid #033D53;
    background: #fff;
    color: #033D53;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
}

.pf-review-btn i[b-nqfkk5kmp3] {
    font-size: 0.65rem;
    color: inherit;
}

.pf-review-btn__svg[b-nqfkk5kmp3] {
    width: 0.9rem;
    height: 0.9rem;
    display: block;
    flex-shrink: 0;
}

.pf-review-btn:hover:not(:disabled)[b-nqfkk5kmp3],
.pf-review-btn:focus-visible:not(:disabled)[b-nqfkk5kmp3] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.pf-review-btn:active:not(:disabled)[b-nqfkk5kmp3] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

.pf-review-btn:disabled[b-nqfkk5kmp3] {
    opacity: 0.55;
    cursor: not-allowed;
}

.pf-review-section[b-nqfkk5kmp3] {
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    margin-bottom: var(--pf-section-gap);
    overflow: hidden;
}

.pf-review-section-head[b-nqfkk5kmp3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
}

.pf-review-section-icon[b-nqfkk5kmp3] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
}

.pf-review-section-icon--asset[b-nqfkk5kmp3] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    overflow: hidden;
}

.pf-review-section-icon--asset img[b-nqfkk5kmp3] {
    display: block;
    width: 36px;
    height: 36px;
}

.pf-review-section-title[b-nqfkk5kmp3] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #121A1F;
    margin: 0;
    line-height: 1.35;
}

.pf-review-body[b-nqfkk5kmp3] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.pf-review-grid[b-nqfkk5kmp3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

@media (min-width: 768px) {
    .pf-review-grid[b-nqfkk5kmp3] {
        grid-template-columns: 1fr 1fr;
    }

    .pf-review-grid-col + .pf-review-grid-col[b-nqfkk5kmp3] {
        border-left: 1px solid #E4EAF0;
        padding-left: 1.15rem;
    }
}

.pf-review-row[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E8EDF2;
}

.pf-review-row:last-child[b-nqfkk5kmp3] {
    border-bottom: none;
}

.pf-review-label[b-nqfkk5kmp3] {
    flex: 0 0 10.5rem;
    width: 10.5rem;
    max-width: 42%;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--pf-muted);
    margin: 0;
    line-height: 1.35;
}

.pf-review-value[b-nqfkk5kmp3] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--pf-text);
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.pf-review-link[b-nqfkk5kmp3] {
    color: #033D53;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pf-review-note[b-nqfkk5kmp3] {
    margin: 0 0 var(--pf-section-gap);
    padding: 0.75rem 0.9rem;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    color: var(--pf-ink);
    font-size: 0.8125rem;
    line-height: 1.4;
}

.pf-review-note--banner[b-nqfkk5kmp3] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.25rem;
    padding: 0.5rem 3.25rem 0.5rem 1rem;
    overflow: visible;
}

.pf-review-note__main[b-nqfkk5kmp3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pf-review-note__icon[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    border-radius: 50%;
    flex-shrink: 0;
    color: #FFFFFF;
    font-size: 0.9rem;
}

.pf-review-note__text[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem 0.35rem;
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.15rem 0;
}

.pf-review-note__title[b-nqfkk5kmp3] {
    font-weight: 700;
    font-size: 0.875rem;
    color: #121A1F;
}

.pf-review-note__body[b-nqfkk5kmp3] {
    font-weight: 400;
    color: #32434B;
    font-size: 0.8125rem;
}

.pf-review-note__close[b-nqfkk5kmp3] {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    z-index: 2;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #121A1F;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.pf-review-note__close:hover[b-nqfkk5kmp3] {
    background: #FFEBEE;
    color: #470E0E;
    border-color: #E8A8A8;
}

.pf-review-note__close:active[b-nqfkk5kmp3] {
    background: #7F1D1D;
    color: #FFFFFF;
    border-color: #7F1D1D;
}

.pf-review-note__close svg[b-nqfkk5kmp3] {
    display: block;
    width: 12px;
    height: 12px;
}

.pf-review-note--ok[b-nqfkk5kmp3] {
    background: #EAF7EE;
    border-color: #A8D5B5;
    color: #32434B;
}

.pf-review-note--ok .pf-review-note__icon[b-nqfkk5kmp3] {
    background: #43A047;
}

.pf-review-note--ok .pf-review-note__title[b-nqfkk5kmp3] {
    color: #2E7D32;
}

.pf-review-note--warn[b-nqfkk5kmp3] {
    background: #FFF8E6;
    border-color: #E8D39A;
    color: #32434B;
}

.pf-review-note--warn .pf-review-note__icon[b-nqfkk5kmp3] {
    background: #E6A817;
}

.pf-review-note--warn .pf-review-note__title[b-nqfkk5kmp3] {
    color: #9A6B00;
}

.pf-review-note--danger[b-nqfkk5kmp3] {
    background: #FFF0F2;
    border-color: #F5C2C7;
    color: #5E0011;
}

.pf-review-note ul[b-nqfkk5kmp3] {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.pf-review-subhead[b-nqfkk5kmp3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #32434B;
    margin: 0.85rem 0 0.25rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #E8EDF2;
    text-transform: none;
}

.pf-review-subhead:first-child[b-nqfkk5kmp3] {
    margin-top: 0.15rem;
}

.pf-review-hint[b-nqfkk5kmp3] {
    font-size: 0.8rem;
    color: var(--pf-muted);
    margin: 0 0 0.65rem;
}

.pf-review-chips[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.pf-review-fy[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    background: #E0F2FE;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.pf-review-status[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    height: 1.5rem;
    white-space: nowrap;
}

.pf-review-status--approved[b-nqfkk5kmp3] { background: #EAFBF1; color: #003D1F; }
.pf-review-status--rejected[b-nqfkk5kmp3] { background: #FFF0F2; color: #5E0011; }
.pf-review-status--draft[b-nqfkk5kmp3] { background: #FFF0E8; color: #5C1F00; }
.pf-review-status--pending[b-nqfkk5kmp3] { background: #F9ECD4; color: #35260C; }
.pf-review-status--pending-ministry[b-nqfkk5kmp3] { background: #FFF7E0; color: #4A2D00; }
.pf-review-status--revision[b-nqfkk5kmp3] { background: #FFE6EE; color: #170E00; }
.pf-review-status--default[b-nqfkk5kmp3] { background: #E7EAEE; color: #121A1F; }

.pf-review-metrics[b-nqfkk5kmp3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem 1.5rem;
    align-items: stretch;
    margin: 0.25rem 0 0.85rem;
}

/* Shared column tracks across Residential / CP / Passport so middle fields align */
.pf-review-alloc-stack[b-nqfkk5kmp3] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    /* Governance & other standalone metric rows: equal 3 columns, headings top-aligned */
    .pf-review-metrics[b-nqfkk5kmp3] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        align-items: start;
    }

    .pf-review-alloc-stack[b-nqfkk5kmp3] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) max-content;
        column-gap: 1.5rem;
        row-gap: 0.85rem;
        align-items: start;
    }

    .pf-review-alloc-stack > .pf-review-hint[b-nqfkk5kmp3],
    .pf-review-alloc-stack > .pf-review-subhead[b-nqfkk5kmp3] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .pf-review-alloc-stack > .pf-review-subhead[b-nqfkk5kmp3] {
        margin-top: 0.15rem;
    }

    .pf-review-alloc-stack > .pf-review-metrics[b-nqfkk5kmp3] {
        display: contents;
        margin: 0;
    }
}

.pf-review-metric[b-nqfkk5kmp3] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0.25rem;
    min-width: 0;
}

.pf-review-metric__label[b-nqfkk5kmp3] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    line-height: 1.35;
    white-space: nowrap;
}

.pf-review-metric__value[b-nqfkk5kmp3] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pf-review-attach-list[b-nqfkk5kmp3] {
    list-style: none;
    margin: 0.15rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
}

.pf-review-attach-row[b-nqfkk5kmp3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.35rem 0.4rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.45rem;
    background: #FFFFFF;
    box-sizing: border-box;
}

.pf-review-attach-badge[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #FFFFFF;
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    flex-shrink: 0;
}

.pf-review-attach-badge__label[b-nqfkk5kmp3] {
    font-size: 0.6875rem; /* 11px */
    letter-spacing: 0.02em;
}

.pf-review-attach-badge--img img[b-nqfkk5kmp3] {
    display: block;
    width: 1rem;
    height: 1rem;
    /* SVG is ink (#32434B); invert to white on #033D53 badge */
    filter: brightness(0) invert(1);
}

.pf-review-attach-meta[b-nqfkk5kmp3] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
    flex: 1 1 auto;
}

.pf-review-attach-name[b-nqfkk5kmp3] {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    color: #033D53;
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.pf-review-attach-name:hover:not(:disabled)[b-nqfkk5kmp3],
.pf-review-attach-name:focus-visible:not(:disabled)[b-nqfkk5kmp3] {
    color: #121A1F;
    text-decoration: underline;
    outline: none;
}

.pf-review-attach-name:disabled[b-nqfkk5kmp3] {
    opacity: 0.55;
    cursor: wait;
}

.pf-review-attach-size[b-nqfkk5kmp3] {
    color: #32434B;
    font-size: 0.6875rem; /* 11px */
    font-weight: 500;
    line-height: 1.3;
}

.pf-review-attach-actions[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    gap: 0.1rem;
    margin-left: auto;
    flex-shrink: 0;
}

.pf-review-attach-action[b-nqfkk5kmp3] {
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    background: transparent;
    color: #32434B;
    border-radius: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
    line-height: 1;
}

.pf-review-attach-action:hover:not(:disabled)[b-nqfkk5kmp3],
.pf-review-attach-action:focus-visible:not(:disabled)[b-nqfkk5kmp3] {
    background: #F0F4F8;
    color: #033D53;
    outline: none;
}

.pf-review-attach-action:disabled[b-nqfkk5kmp3] {
    opacity: 0.55;
    cursor: wait;
}

.pf-review-metric--hl[b-nqfkk5kmp3] {
    background: #E0F2FE;
    border-radius: 8px;
    padding: 0.55rem 0.75rem;
    min-width: max-content;
}

.pf-review-metric--hl .pf-review-metric__label[b-nqfkk5kmp3] {
    color: #32434B;
}

.pf-review-total[b-nqfkk5kmp3] {
    font-weight: 700;
    color: #033D53;
}

.pf-review-actions[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    border-top: 1px solid #E2E8F0;
}

.pf-review-actions__btns[b-nqfkk5kmp3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-left: auto;
}

.pf-review-btn--approve[b-nqfkk5kmp3] {
    min-height: 2.4rem;
    padding: 0.5rem 1.05rem;
    border-radius: 8px;
    background: #E8F6E9;
    border: 1.5px solid #1E2E21;
    color: #1E2E21;
    font-size: 0.75rem;
    font-weight: 700;
}

.pf-review-btn--approve:hover:not(:disabled)[b-nqfkk5kmp3] {
    background: #005E06;
    border-color: #005E06;
    color: #FFFFFF;
}

.pf-review-btn--reject[b-nqfkk5kmp3] {
    min-height: 2.4rem;
    padding: 0.5rem 1.05rem;
    border-radius: 8px;
    background: #FFEAED;
    border: 1.5px solid #35161C;
    color: #35161C;
    font-size: 0.75rem;
    font-weight: 700;
}

.pf-review-btn--reject:hover:not(:disabled)[b-nqfkk5kmp3] {
    background: #7F1D1C;
    border-color: #7F1D1C;
    color: #FFFFFF;
}

.pf-review-textarea[b-nqfkk5kmp3]  .k-textarea,
.pf-review-textarea[b-nqfkk5kmp3]  textarea {
    width: 100% !important;
    min-height: 5.5rem;
    border-radius: 8px !important;
    border-color: #E2E8F0 !important;
    font-size: 0.8rem !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-prev,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-next,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip .k-button.k-tabstrip-prev,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip .k-button.k-tabstrip-next {
    display: none !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items-wrapper {
    background: #fff !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 0.85rem !important;
    margin: 0 !important;
    border-radius: 0 0 0.55rem 0.55rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: flex-end !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items {
    background: transparent !important;
    border: none !important;
    gap: 0.75rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: visible !important;
    flex: 1 1 auto !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item {
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.5rem 0.95rem !important;
    min-height: 2.25rem !important;
    border-radius: 0.4rem 0.4rem 0 0 !important;
    color: #32434B !important;
    background: transparent !important;
    border: none !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link i,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .fa,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .pf-review-tab-icon {
    color: #32434B !important;
    font-size: 1.1rem !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .pf-review-tab-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    flex-shrink: 0;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link i.fa-history,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .fa-history {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    display: inline-block !important;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/fp-tab-history.svg") !important;
    mask-image: url("/images/icons/fp-tab-history.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link i.fa-history::before,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .fa-history::before {
    content: none !important;
    display: none !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover i,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .fa,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .pf-review-tab-icon {
    color: #033D53 !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item.k-active .k-link {
    background: #033D53 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    margin-bottom: -1px !important;
    position: relative !important;
    z-index: 1 !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item.k-active .k-link i,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item.k-active .k-link .fa,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item.k-active .k-link .pf-review-tab-icon {
    color: #fff !important;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item .k-link .pf-review-tab-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    margin-left: 0.15rem;
    border-radius: 999px;
    background: #F0F4F8;
    color: #32434B;
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    line-height: 1;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .pf-review-tab-count {
    background: #F0F4F8;
    color: #32434B;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip-items .k-item.k-active .k-link .pf-review-tab-count {
    background: #F0F4F8;
    color: #32434B;
}

.pf-review[b-nqfkk5kmp3]  .k-tabstrip > .k-content,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip .k-content,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-content,
.pf-review[b-nqfkk5kmp3]  .k-tabstrip-content.k-active {
    border: none !important;
    background: transparent !important;
    padding: 0.5rem 0 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.pf-review-table[b-nqfkk5kmp3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
    color: var(--pf-text);
}

.pf-review-table th[b-nqfkk5kmp3] {
    text-align: left;
    font-size: 0.75rem;
    font-weight: 700;
    color: #121A1F;
    padding: 0.5rem 0.55rem;
    border-bottom: 1px solid #E8ECF1;
    background: #FFFFFF;
}

.pf-review-table td[b-nqfkk5kmp3] {
    padding: 0.55rem 0.55rem;
    border-bottom: 1px solid #E8ECF1;
    vertical-align: middle;
    background: transparent;
}

.pf-review-table thead th:first-child[b-nqfkk5kmp3] {
    padding-left: calc(0.55rem + 3px);
}

.pf-review-table tr.pf-review-subtotal > td[b-nqfkk5kmp3] {
    background: #F6F8FA;
    font-weight: 600;
}

.pf-review-table tfoot th[b-nqfkk5kmp3] {
    border-top: 2px solid #C9D1DA;
    border-bottom: none;
}

.pf-review-amount--negative[b-nqfkk5kmp3] {
    color: #B00020;
}

.pf-review-table tbody tr.pf-review-list-row[b-nqfkk5kmp3] {
    cursor: pointer;
}

.pf-review-table tbody tr.pf-review-list-row > td:first-child[b-nqfkk5kmp3] {
    box-shadow: inset 3px 0 0 transparent;
}

.pf-review-table tbody tr.pf-review-list-row:hover > td[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row:focus-visible:not(.is-selected) > td[b-nqfkk5kmp3] {
    background: #E0F2FE;
    border-bottom-color: transparent;
}

.pf-review-table tbody tr.pf-review-list-row:hover > td:first-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row:focus-visible:not(.is-selected) > td:first-child[b-nqfkk5kmp3] {
    border-radius: 6px 0 0 6px;
    box-shadow: inset 3px 0 0 #033D53;
}

.pf-review-table tbody tr.pf-review-list-row:hover > td:last-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row:focus-visible:not(.is-selected) > td:last-child[b-nqfkk5kmp3] {
    border-radius: 0 6px 6px 0;
}

.pf-review-table tbody tr.pf-review-list-row:focus[b-nqfkk5kmp3] {
    outline: none;
}

.pf-review-table tbody tr.pf-review-list-row:active > td[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected > td[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected:hover > td[b-nqfkk5kmp3] {
    background: #033D53;
    color: #FFFFFF;
    border-bottom-color: transparent;
}

.pf-review-table tbody tr.pf-review-list-row:active > td:first-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected > td:first-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected:hover > td:first-child[b-nqfkk5kmp3] {
    border-radius: 6px 0 0 6px;
    box-shadow: inset 3px 0 0 #033D53;
}

.pf-review-table tbody tr.pf-review-list-row:active > td:last-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected > td:last-child[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected:hover > td:last-child[b-nqfkk5kmp3] {
    border-radius: 0 6px 6px 0;
}

.pf-review-table tbody tr.pf-review-list-row:active .pf-review-link[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected .pf-review-link[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row.is-selected:hover .pf-review-link[b-nqfkk5kmp3] {
    color: #FFFFFF;
}

.pf-review-table tbody tr.pf-review-list-row.is-selected .pf-review-badge--source[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row:active .pf-review-badge--source[b-nqfkk5kmp3] {
    background: #EEF4FF;
    color: #033D53;
}

.pf-review-table tbody tr.pf-review-list-row.is-selected .pf-review-badge--temp[b-nqfkk5kmp3],
.pf-review-table tbody tr.pf-review-list-row:active .pf-review-badge--temp[b-nqfkk5kmp3] {
    background: #F0F4F8;
    color: #32434B;
}

.pf-review-badge[b-nqfkk5kmp3] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
}

.pf-review-badge--source[b-nqfkk5kmp3] {
    background: #EEF4FF;
    color: #033D53;
}

.pf-review-badge--temp[b-nqfkk5kmp3] {
    background: #F0F4F8;
    color: #32434B;
}
/* /Pages/Domain/Billing/InvRcsTimeField.razor.rz.scp.css */
.inv-rcs-time[b-pwbhpycctq] {
    position: relative;
    width: 100%;
}

.inv-rcs-time__trigger[b-pwbhpycctq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0.35rem 0.5rem 0.35rem 0.45rem;
    background: #F0F4F8;
    border: 1.5px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.inv-rcs-time.is-open .inv-rcs-time__trigger[b-pwbhpycctq],
.inv-rcs-time__trigger:focus[b-pwbhpycctq],
.inv-rcs-time__trigger:focus-visible[b-pwbhpycctq] {
    outline: none;
    background: #FFFFFF;
    border: 1.5px solid #033D53;
}

.inv-rcs-time__trigger:disabled[b-pwbhpycctq] {
    opacity: 0.55;
    cursor: not-allowed;
}

.inv-rcs-time__value[b-pwbhpycctq] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inv-rcs-time__clock[b-pwbhpycctq] {
    flex: 0 0 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #033D53;
}

.inv-rcs-time__backdrop[b-pwbhpycctq] {
    position: fixed;
    inset: 0;
    z-index: 20040;
    background: transparent;
}

.inv-rcs-time__popup[b-pwbhpycctq] {
    position: fixed;
    z-index: 20050;
    box-sizing: border-box;
    width: max-content;
    padding: 0.4rem 0.45rem;
    background: #FFFFFF;
    border: 1px solid #32434B;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(18, 26, 31, 0.14);
}

.inv-rcs-time__bar[b-pwbhpycctq] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
}

.inv-rcs-time__box[b-pwbhpycctq] {
    width: 2.35rem;
    min-width: 2.35rem;
    min-height: 2rem;
    padding: 0.2rem 0.15rem;
    background: #FFFFFF;
    border: 1.5px solid #033D53;
    border-radius: 8px;
    color: #121A1F;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    box-shadow: none;
    outline: none;
    caret-color: #033D53;
}

.inv-rcs-time__box:hover[b-pwbhpycctq],
.inv-rcs-time__box:focus[b-pwbhpycctq],
.inv-rcs-time__box:focus-visible[b-pwbhpycctq],
.inv-rcs-time__box:active[b-pwbhpycctq] {
    outline: none !important;
    box-shadow: none !important;
    background: #FFFFFF;
    border: 1.5px solid #033D53;
}

.inv-rcs-time__colon[b-pwbhpycctq] {
    color: #121A1F;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1;
}

.inv-rcs-time__ampm[b-pwbhpycctq] {
    display: flex;
    overflow: hidden;
    border: 1.5px solid #033D53;
    border-radius: 8px;
    background: #FFFFFF;
}

.inv-rcs-time__ampm-btn[b-pwbhpycctq] {
    min-width: 2.35rem;
    min-height: 2rem;
    padding: 0 0.45rem;
    border: 0;
    background: #FFFFFF;
    color: #121A1F;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}

.inv-rcs-time__ampm-btn + .inv-rcs-time__ampm-btn[b-pwbhpycctq] {
    border-left: 1.5px solid #033D53;
}

.inv-rcs-time__ampm-btn.is-on[b-pwbhpycctq] {
    background: #033D53;
    color: #FFFFFF;
}

.inv-rcs-time__ampm-btn:focus[b-pwbhpycctq],
.inv-rcs-time__ampm-btn:active[b-pwbhpycctq] {
    outline: none !important;
    box-shadow: none !important;
}

.inv-rcs-time__ampm-btn:focus-visible[b-pwbhpycctq] {
    outline: 2px solid #033D53 !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}

.inv-rcs-time__done:focus-visible[b-pwbhpycctq],
.inv-rcs-time__trigger:focus-visible[b-pwbhpycctq] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.inv-rcs-time__done[b-pwbhpycctq] {
    margin-left: 0.15rem;
    flex: 0 0 auto;
    min-height: 2rem;
    padding: 0 0.7rem;
    background: #033D53;
    border: 1.5px solid #033D53;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    cursor: pointer;
}

.inv-rcs-time__done:hover[b-pwbhpycctq],
.inv-rcs-time__done:focus[b-pwbhpycctq],
.inv-rcs-time__done:active[b-pwbhpycctq] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}
/* /Pages/Domain/Documents/AppPageDocuments.razor.rz.scp.css */
/* Documents page — Enable Kit / AODA tokens */

.docs-page[b-53x6alky77] {
    --docs-brand: #033D53;
    --docs-ink: #32434B;
    --docs-strong: #121A1F;
    --docs-soft: #F0F4F8;
    --docs-border: #E2E8F0;
    --docs-sky: #E0F2FE;
    --docs-white: #FFFFFF;
}

/* ---- Client / portal document sections ---- */
.docs-section[b-53x6alky77] {
    border: 1px solid var(--docs-border);
    border-radius: 0.5rem;
    background: var(--docs-white);
    box-shadow: none;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.docs-section__head[b-53x6alky77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.7rem 1.15rem;
    border-bottom: 1px solid var(--docs-border);
    background: transparent;
}

.docs-section__title[b-53x6alky77] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: var(--docs-strong);
}

.docs-section__body[b-53x6alky77] {
    padding: 0;
}

.docs-section__body--list[b-53x6alky77] {
    padding: 0.35rem 0.85rem 0.85rem;
}

.docs-empty[b-53x6alky77] {
    margin: 0;
    padding: 1.25rem 1.15rem;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--docs-ink);
}

.docs-empty-state[b-53x6alky77] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 2rem 1.25rem;
    text-align: center;
}

.docs-empty-state__title[b-53x6alky77] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--docs-strong);
}

.docs-empty-state__description[b-53x6alky77] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--docs-ink);
}

.docs-created-on[b-53x6alky77] {
    display: inline-flex;
    flex-direction: column;
    gap: 0.1rem;
    line-height: 1.25;
}

.docs-created-on__date[b-53x6alky77] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--docs-strong);
}

.docs-created-on__time[b-53x6alky77] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--docs-ink);
}

.docs-col-actions[b-53x6alky77] {
    text-align: center !important;
}

.docs-page[b-53x6alky77]  .app-list-view-header-item-list .docs-col-actions,
.docs-page[b-53x6alky77]  .k-listview-header .docs-col-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.docs-page[b-53x6alky77]  .docs-col-actions .docs-table__actions {
    justify-content: center;
    width: 100%;
}

/* AppListView rows — no hover */
.docs-page[b-53x6alky77]  .app-list-view-row,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe:nth-child(odd),
.docs-page[b-53x6alky77]  .app-list-view-row-stripe:nth-child(even) {
    background-color: var(--docs-white) !important;
    border-left: 3px solid transparent;
    border-radius: 6px;
    margin: 0;
    overflow: hidden;
    cursor: default !important;
}

.docs-page[b-53x6alky77]  .app-list-view-header-item-list,
.docs-page[b-53x6alky77]  .k-listview-header {
    background: var(--docs-white) !important;
    border: none !important;
    box-shadow: none !important;
}

.docs-page[b-53x6alky77]  .app-list-view-header-item-list,
.docs-page[b-53x6alky77]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.docs-page[b-53x6alky77]  .k-listview-header .row.no-gutters > [class*="col"] {
    border-bottom: none !important;
    color: var(--docs-ink) !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 1.3;
}

.docs-page[b-53x6alky77]  .app-list-view-header-item-list ~ hr,
.docs-page[b-53x6alky77]  .k-listview-header ~ hr,
.docs-page[b-53x6alky77]  .app-list-view-header-item-list + hr,
.docs-page[b-53x6alky77]  .k-listview-header + hr {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.docs-page[b-53x6alky77]  .app-list-view-row + hr,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe + hr,
.docs-page[b-53x6alky77]  hr.app-list-view-row-divider {
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid #E8ECF1 !important;
    height: 0 !important;
}

.docs-page[b-53x6alky77]  .app-list-view-row:hover,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe:hover,
.docs-page[b-53x6alky77]  .app-list-view-row:active,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe:active {
    background-color: var(--docs-white) !important;
    border-left: 3px solid transparent !important;
    box-shadow: none !important;
}

.docs-page[b-53x6alky77]  .app-list-view-row .row.no-gutters,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe .row.no-gutters {
    align-items: center;
    padding: 0.7rem 0.35rem;
    min-height: 3.25rem;
}

.docs-page[b-53x6alky77]  .app-list-view-row .row.no-gutters > [class*="col"],
.docs-page[b-53x6alky77]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    color: var(--docs-strong);
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
}

.docs-page[b-53x6alky77]  .app-list-view-row .docs-col-actions,
.docs-page[b-53x6alky77]  .app-list-view-row-stripe .docs-col-actions {
    justify-content: center;
}

.docs-page[b-53x6alky77]  .module-list-pagination {
    padding: 0.75rem 0.25rem 0.15rem;
    border-top: 1px solid var(--docs-border) !important;
}

.docs-table-wrap[b-53x6alky77] {
    width: 100%;
    overflow-x: auto;
}

.docs-table[b-53x6alky77] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
    background: var(--docs-white);
}

.docs-table thead th[b-53x6alky77] {
    padding: 0.65rem 1.15rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: var(--docs-ink);
    background: var(--docs-soft);
    border-bottom: 1px solid var(--docs-border);
    white-space: nowrap;
}

.docs-table tbody td[b-53x6alky77] {
    padding: 0.75rem 1.15rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--docs-strong);
    vertical-align: middle;
    border-bottom: 1px solid var(--docs-border);
    background: var(--docs-white);
}

.docs-table tbody tr:last-child td[b-53x6alky77] {
    border-bottom: none;
}

.docs-table__name[b-53x6alky77],
.docs-table__link[b-53x6alky77] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--docs-brand);
    word-break: break-word;
}

.docs-table__link[b-53x6alky77] {
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    text-align: left;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.docs-table__link:hover[b-53x6alky77],
.docs-table__link:focus-visible[b-53x6alky77] {
    color: var(--docs-brand);
    background: transparent;
}

.docs-table__link:focus-visible[b-53x6alky77] {
    outline: 2px solid var(--docs-brand);
    outline-offset: 2px;
    border-radius: 2px;
}

.docs-table__actions[b-53x6alky77] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    white-space: nowrap;
    width: 100%;
}

.docs-btn[b-53x6alky77] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--docs-brand);
    background: var(--docs-white);
    border: 1.5px solid var(--docs-brand);
    border-radius: 0.35rem;
    cursor: pointer;
    box-shadow: none;
}

.docs-btn:hover[b-53x6alky77],
.docs-btn:focus-visible[b-53x6alky77] {
    background: var(--docs-sky);
    border-color: var(--docs-brand);
    color: var(--docs-brand);
    outline: none;
}

.docs-btn:focus-visible[b-53x6alky77] {
    outline: 2px solid var(--docs-brand);
    outline-offset: 2px;
}

.docs-btn:active[b-53x6alky77],
.docs-btn:hover:active[b-53x6alky77],
.docs-btn:focus:active[b-53x6alky77] {
    background: var(--docs-brand);
    border-color: var(--docs-brand);
    color: var(--docs-white);
}

.docs-btn:disabled[b-53x6alky77] {
    opacity: 0.55;
    cursor: not-allowed;
}

.docs-btn i[b-53x6alky77] {
    font-size: 0.7rem;
}

.sr-only[b-53x6alky77] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---- Vendor documents shell ---- */
.vd-shell[b-53x6alky77] {
    width: 100%;
    max-width: 1120px;
}

.vd-toolbar[b-53x6alky77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 1rem 1.15rem;
    background: var(--docs-white);
    border: 1px solid var(--docs-border);
    border-radius: 0.5rem;
    box-shadow: none;
}

.vd-toolbar--spaced[b-53x6alky77] {
    margin-top: 1rem;
}

.vd-toolbar__left[b-53x6alky77] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.vd-toolbar__icon[b-53x6alky77] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.45rem;
    background: var(--docs-brand);
    color: var(--docs-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.vd-toolbar__title-row[b-53x6alky77] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.2rem;
}

.vd-toolbar__title[b-53x6alky77] {
    margin: 0;
    color: var(--docs-strong);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.25;
}

.vd-toolbar__subtitle[b-53x6alky77] {
    margin: 0;
    color: var(--docs-ink);
    font-size: 0.8125rem;
    line-height: 1.45;
}

.vd-pill[b-53x6alky77] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--docs-sky);
    color: var(--docs-brand);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.vd-grid[b-53x6alky77] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.vd-panel[b-53x6alky77] {
    background: var(--docs-white);
    border: 1px solid var(--docs-border);
    border-radius: 0.5rem;
    box-shadow: none;
    padding: 1rem 1.15rem 1.15rem;
    min-width: 0;
}

.vd-panel--files-alone[b-53x6alky77] {
    grid-column: 1 / -1;
}

.vd-panel__head[b-53x6alky77] {
    margin-bottom: 0.85rem;
}

.vd-panel__head--row[b-53x6alky77] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
}

.vd-panel__eyebrow[b-53x6alky77] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--docs-ink);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.vd-panel__title[b-53x6alky77] {
    margin: 0;
    color: var(--docs-strong);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.3;
}

.vd-dropzone[b-53x6alky77] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 220px;
    padding: 1.35rem 1rem;
    border: 1.5px dashed #B7C5D0;
    border-radius: 0.5rem;
    background: linear-gradient(180deg, #F7FBFE 0%, #FFFFFF 100%);
    text-align: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    margin: 0;
}

.vd-dropzone:hover[b-53x6alky77],
.vd-dropzone:focus-within[b-53x6alky77] {
    background: var(--docs-sky);
    border-color: var(--docs-brand);
}

.vd-dropzone--busy[b-53x6alky77] {
    opacity: 0.72;
    cursor: wait;
    pointer-events: none;
}

.vd-dropzone__glyph[b-53x6alky77] {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: var(--docs-sky);
    color: var(--docs-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 0.35rem;
}

.vd-dropzone__title[b-53x6alky77] {
    color: var(--docs-strong);
    font-size: 0.875rem;
    font-weight: 700;
}

.vd-dropzone__hint[b-53x6alky77] {
    color: var(--docs-ink);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
}

.vd-dropzone__limits[b-53x6alky77] {
    color: var(--docs-ink);
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.vd-dropzone__cta[b-53x6alky77] {
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: 0.35rem;
    background: var(--docs-brand);
    color: var(--docs-white);
    font-size: 0.8125rem;
    font-weight: 700;
}

.vd-dropzone:hover .vd-dropzone__cta[b-53x6alky77] {
    background: #034a66;
}

.vd-dropzone__input[b-53x6alky77],
.vd-dropzone[b-53x6alky77]  input[type="file"],
.docs-page[b-53x6alky77]  .vd-dropzone input[type="file"],
.docs-page[b-53x6alky77]  .vd-dropzone .vd-dropzone__input {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
    color: transparent !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.vd-dropzone[b-53x6alky77]  input[type="file"]::-webkit-file-upload-button,
.docs-page[b-53x6alky77]  .vd-dropzone input[type="file"]::-webkit-file-upload-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.vd-dropzone[b-53x6alky77]  input[type="file"]::file-selector-button,
.docs-page[b-53x6alky77]  .vd-dropzone input[type="file"]::file-selector-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.vd-upload__error[b-53x6alky77] {
    margin-top: 0.7rem;
    color: #7F1D1D;
    font-size: 0.8125rem;
    font-weight: 600;
}

.vd-empty[b-53x6alky77] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 220px;
    padding: 1.75rem 1rem;
    border: 1px dashed var(--docs-border);
    border-radius: 0.5rem;
    background: var(--docs-soft);
    text-align: center;
}

.vd-empty__icon[b-53x6alky77] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: var(--docs-sky);
    color: var(--docs-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin-bottom: 0.2rem;
}

.vd-empty__title[b-53x6alky77] {
    color: var(--docs-strong);
    font-size: 0.875rem;
    font-weight: 700;
}

.vd-empty__hint[b-53x6alky77] {
    color: var(--docs-ink);
    font-size: 0.8125rem;
    max-width: 22rem;
    line-height: 1.45;
}

.vd-files__list[b-53x6alky77] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.vd-file[b-53x6alky77] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--docs-border);
    border-radius: 0.5rem;
    background: var(--docs-white);
}

.vd-file:hover[b-53x6alky77] {
    border-color: var(--docs-brand);
    background: var(--docs-sky);
}

.vd-file__icon[b-53x6alky77] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.45rem;
    background: var(--docs-brand);
    color: var(--docs-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.9375rem;
}

.vd-file__body[b-53x6alky77] {
    flex: 1;
    min-width: 0;
}

.vd-file__name[b-53x6alky77] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--docs-strong);
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    word-break: break-word;
    cursor: pointer;
}

.vd-file__name:hover[b-53x6alky77],
.vd-file__name:focus-visible[b-53x6alky77] {
    color: var(--docs-brand);
    text-decoration: underline;
}

.vd-file__name:focus-visible[b-53x6alky77] {
    outline: 2px solid var(--docs-brand);
    outline-offset: 2px;
}

.vd-file__name--static[b-53x6alky77] {
    cursor: default;
}

.vd-file__name--static:hover[b-53x6alky77] {
    color: var(--docs-strong);
    text-decoration: none;
}

.vd-file__meta[b-53x6alky77] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.vd-file__chip[b-53x6alky77] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    background: var(--docs-soft);
    color: var(--docs-ink);
    font-size: 0.72rem;
    font-weight: 600;
}

.vd-file__actions[b-53x6alky77] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    flex-shrink: 0;
}

.vd-action[b-53x6alky77] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    border-radius: 0.35rem;
    border: 1.5px solid transparent;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.vd-action:disabled[b-53x6alky77] {
    opacity: 0.55;
    cursor: not-allowed;
}

.vd-action--ghost[b-53x6alky77] {
    background: var(--docs-white);
    border-color: var(--docs-brand);
    color: var(--docs-brand);
}

.vd-action--ghost:hover:not(:disabled)[b-53x6alky77],
.vd-action--ghost:focus-visible:not(:disabled)[b-53x6alky77] {
    background: var(--docs-sky);
    border-color: var(--docs-brand);
    color: var(--docs-brand);
    outline: none;
}

.vd-action--ghost:active:not(:disabled)[b-53x6alky77] {
    background: var(--docs-brand);
    color: var(--docs-white);
}

.vd-action--solid[b-53x6alky77] {
    background: var(--docs-brand);
    border-color: var(--docs-brand);
    color: var(--docs-white);
}

.vd-action--solid:hover:not(:disabled)[b-53x6alky77],
.vd-action--solid:focus-visible:not(:disabled)[b-53x6alky77] {
    background: #034a66;
    border-color: #034a66;
}

.vd-action:focus-visible[b-53x6alky77] {
    outline: 2px solid var(--docs-brand);
    outline-offset: 2px;
}

.document-preview-frame[b-53x6alky77] {
    width: 100%;
    height: min(80vh, 640px);
    border: 0;
}

.docs-preview-image-wrap[b-53x6alky77] {
    padding: 0.5rem;
    text-align: center;
}

.document-preview-image[b-53x6alky77] {
    max-width: 100%;
    max-height: min(80vh, 640px);
    object-fit: contain;
}

.document-preview-html[b-53x6alky77] {
    max-height: min(80vh, 640px);
    overflow: auto;
    background: var(--docs-white);
    padding: 1rem;
    color: var(--docs-strong);
    font-size: 0.875rem;
}

@media (max-width: 960px) {
    .vd-grid[b-53x6alky77] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .vd-toolbar[b-53x6alky77] {
        padding: 0.9rem 1rem;
    }

    .vd-file[b-53x6alky77] {
        flex-wrap: wrap;
    }

    .vd-file__actions[b-53x6alky77] {
        width: 100%;
        justify-content: flex-end;
    }

    .docs-table__actions[b-53x6alky77] {
        justify-content: flex-start;
    }
}
/* /Pages/Domain/FinancialPlan/FundingCommitmentApprovalPanel.razor.rz.scp.css */
/* Validation Checklist — Figma UI */

.fc-validation[b-p3nfjq689u] {
    --fv-brand: #033D53;
    --fv-ink: #32434B;
    --fv-strong: #121A1F;
    --fv-muted: #6B7A86;
    --fv-border: #E2E8F0;
    --fv-soft: #F0F4F8;
    --fv-sky: #E0F2FE;
    margin-top: 0.75rem;
    background: #FFFFFF;
    border: 1px solid var(--fv-border);
    border-radius: 10px;
    overflow: visible;
}

.fc-validation__head[b-p3nfjq689u] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.85rem 1rem 0.75rem;
    border-bottom: 1px solid var(--fv-border);
}

.fc-validation__icon[b-p3nfjq689u] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    margin-top: 0.1rem;
    border-radius: 0.35rem;
    background-color: var(--fv-brand);
    background-image: url("/images/icons/fc-validation-checklist.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.9rem 0.9rem;
}

.fc-validation__head-copy[b-p3nfjq689u] {
    min-width: 0;
    flex: 1 1 auto;
}

.fc-validation__title[b-p3nfjq689u] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--fv-strong);
    line-height: 1.3;
}

.fc-validation__sub[b-p3nfjq689u] {
    margin: 0.25rem 0 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--fv-muted);
    line-height: 1.35;
}

.fc-validation__body[b-p3nfjq689u] {
    padding: 0.85rem 1rem 1rem;
}

.fc-validation__row[b-p3nfjq689u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem 1rem;
    align-items: start;
    margin-bottom: 0.85rem;
}

.fc-validation__check[b-p3nfjq689u] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding-top: 0.55rem; /* align with comments field text line */
    align-self: start;
}

.fc-validation__check-label[b-p3nfjq689u] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--fv-ink);
    line-height: 1.35;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__check .k-checkbox-wrap,
.fc-validation[b-p3nfjq689u]  .fc-validation__check .k-checkbox {
    margin: 0 !important;
    flex-shrink: 0;
}

.fc-validation__required[b-p3nfjq689u] {
    color: #DC2626;
    font-weight: 700;
}

.fc-validation__comments[b-p3nfjq689u] {
    min-width: 0;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__textarea,
.fc-validation[b-p3nfjq689u]  .k-textarea,
.fc-validation[b-p3nfjq689u]  textarea {
    width: 100% !important;
    min-height: 2.75rem;
    border: 1px solid var(--fv-border) !important;
    border-radius: 8px !important;
    background: var(--fv-soft) !important;
    color: var(--fv-ink) !important;
    font-size: 0.85rem !important;
    box-shadow: none !important;
}

/* Grow with the typed text instead of scrolling inside a fixed box */
.fc-validation[b-p3nfjq689u]  .fc-validation__textarea,
.fc-validation[b-p3nfjq689u]  .k-textarea {
    height: auto !important;
    overflow: visible !important;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__textarea textarea,
.fc-validation[b-p3nfjq689u]  .k-textarea textarea,
.fc-validation[b-p3nfjq689u]  textarea {
    field-sizing: content;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    resize: none !important;
    scrollbar-width: none !important;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__textarea textarea::-webkit-scrollbar,
.fc-validation[b-p3nfjq689u]  .k-textarea textarea::-webkit-scrollbar,
.fc-validation[b-p3nfjq689u]  textarea::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.fc-validation[b-p3nfjq689u]  .k-textarea:focus-within,
.fc-validation[b-p3nfjq689u]  textarea:focus {
    border-color: var(--fv-brand) !important;
    box-shadow: none !important;
}

.fc-validation__reject[b-p3nfjq689u] {
    margin-top: 1.15rem;
    padding-top: 0.35rem;
    position: relative;
    z-index: 5;
}

.fc-validation__label[b-p3nfjq689u] {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--fv-ink);
    line-height: 1.3;
}

/* FC form dropdown — full-width soft field */
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select {
    width: 100%;
    display: flex;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__control {
    width: 100%;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__trigger {
    width: 100%;
    min-width: 0;
    background: var(--fv-soft);
    color: var(--fv-ink);
    border: 1px solid var(--fv-border);
    border-radius: 8px;
    height: 2.5rem;
    font-size: 0.875rem;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__value.is-placeholder {
    color: #6B7A86;
}

/* Open/focus chrome matches the wizard Reason code dropdown: soft fill kept, 1px brand stroke */
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select.is-open .fc-select__trigger,
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__trigger:hover,
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__trigger:focus,
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__trigger:focus-visible {
    border: 1px solid var(--fv-brand) !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu {
    width: 22rem;
    min-width: 0;
    max-width: min(22rem, 100%);
    max-height: 16rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 0.4rem;
    z-index: 80;
    /* Do NOT set scrollbar-width/color — they override ::-webkit-* arrows/track */
}

/* Equal inset on both sides of every option */
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__option {
    padding-left: 0.475rem;
    padding-right: 0.475rem;
}

/* Same scrollbar UI as page / role-change dropdown */
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-track {
    background: transparent;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-corner {
    background: transparent;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE;
    border-radius: 999px;
    margin: 2px 4px;
    border: 4px solid transparent;
    background-clip: padding-box;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 32px;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-thumb:hover {
    background: #121A1F;
    background-clip: padding-box;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 6px;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:start:increment,
.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
    height: 0;
    width: 0;
}

.fc-validation[b-p3nfjq689u]  .fc-validation__fc-select.is-open {
    z-index: 80;
}

/* Figma checkbox — 18×18, rx 5, stroke #32434B / 2px */
.fc-validation[b-p3nfjq689u]  .k-checkbox {
    border-radius: 5px !important;
    border-color: #32434B !important;
    border-width: 2px !important;
    background-color: #FFFFFF !important;
    width: 1.125rem !important; /* 18px */
    height: 1.125rem !important;
    color: #32434B !important;
    box-shadow: none !important;
}

.fc-validation[b-p3nfjq689u]  .k-checkbox:hover,
.fc-validation[b-p3nfjq689u]  .k-checkbox:focus {
    border-color: #32434B !important;
    box-shadow: none !important;
}

.fc-validation[b-p3nfjq689u]  .k-checkbox:checked,
.fc-validation[b-p3nfjq689u]  .k-checked .k-checkbox,
.fc-validation[b-p3nfjq689u]  .k-checkbox.k-checked {
    background-color: #32434B !important;
    border-color: #32434B !important;
    color: #FFFFFF !important;
}

.fc-validation[b-p3nfjq689u]  .k-checkbox:checked::before,
.fc-validation[b-p3nfjq689u]  .k-checked .k-checkbox::before,
.fc-validation[b-p3nfjq689u]  .k-checkbox-wrap .k-checkbox:checked {
    border-color: #32434B !important;
    background-color: #32434B !important;
}

.fc-validation__message[b-p3nfjq689u] {
    margin-top: 0.85rem;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    background: var(--fv-sky);
    border: 1px solid var(--fv-border);
    color: var(--fv-ink);
    font-size: 0.85rem;
}

.fc-validation__message-body[b-p3nfjq689u] {
    margin-top: 0.35rem;
    line-height: 1.4;
}

.fc-validation__actions[b-p3nfjq689u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1.15rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--fv-border);
}

.fc-validation__actions-end[b-p3nfjq689u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-left: auto;
}

.fc-validation__btn[b-p3nfjq689u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.4rem;
    padding: 0.5rem 1.05rem;
    border-radius: 8px;
    border: 1.5px solid transparent;
    font-size: 0.75rem; /* 12px — AODA ≥ 11px */
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fc-validation__btn:disabled[b-p3nfjq689u] {
    opacity: 0.55;
    cursor: not-allowed;
}

.fc-validation__btn i[b-p3nfjq689u] {
    font-size: 0.82rem;
    line-height: 1;
}

/* Figma back: default soft; hover = brand dark + white; click = deeper dark + white */
.fc-validation__btn--back[b-p3nfjq689u] {
    background: #E1F1FD;
    border-color: #32434B;
    color: #32434B;
}

.fc-validation__btn--back:hover:not(:disabled)[b-p3nfjq689u],
.fc-validation__btn--back:focus-visible:not(:disabled)[b-p3nfjq689u] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-validation__btn--back:active:not(:disabled)[b-p3nfjq689u],
.fc-validation__btn--back:hover:active:not(:disabled)[b-p3nfjq689u],
.fc-validation__btn--back:focus:active:not(:disabled)[b-p3nfjq689u] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

.fc-validation__btn--reject[b-p3nfjq689u] {
    background: #FFEAED;
    border-color: #35161C;
    color: #35161C;
}

.fc-validation__btn--reject:hover:not(:disabled)[b-p3nfjq689u] {
    background: #7F1D1C;
    border-color: #7F1D1C;
    color: #FFFFFF;
}

.fc-validation__btn--reject:active:not(:disabled)[b-p3nfjq689u] {
    background: #541414;
    border-color: #541414;
    color: #FFFFFF;
}

.fc-validation__btn--approve[b-p3nfjq689u] {
    background: #E8F6E9;
    border-color: #1E2E21;
    color: #1E2E21;
}

.fc-validation__btn--approve:hover:not(:disabled)[b-p3nfjq689u] {
    background: #005E06;
    border-color: #005E06;
    color: #FFFFFF;
}

.fc-validation__btn--approve:active:not(:disabled)[b-p3nfjq689u] {
    background: #004705;
    border-color: #004705;
    color: #FFFFFF;
}

@media (max-width: 767.98px) {
    .fc-validation__row[b-p3nfjq689u] {
        grid-template-columns: 1fr;
    }

    .fc-validation__actions[b-p3nfjq689u] {
        flex-direction: column;
        align-items: stretch;
    }

    .fc-validation__actions-end[b-p3nfjq689u] {
        margin-left: 0;
        width: 100%;
    }

    .fc-validation__btn[b-p3nfjq689u] {
        width: 100%;
    }
}
/* /Pages/Domain/FinancialPlan/FundingCommitmentFinanceExtras.razor.rz.scp.css */
/* Assign Finance Worker — Figma UI (FcSelect same as Rejection Reason) */

.fw-assign[b-conlljuqqv] {
    --fw-brand: #033D53;
    --fw-ink: #32434B;
    --fw-strong: #121A1F;
    --fw-muted: #6B7A86;
    --fw-border: #E2E8F0;
    --fw-soft: #F0F4F8;
    --fw-sky: #E0F2FE;
    margin-top: 0.75rem;
    background: #FFFFFF;
    border: 1px solid var(--fw-border);
    border-radius: 10px;
    overflow: visible;
}

.fw-assign__head[b-conlljuqqv] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--fw-border);
}

.fw-assign__icon[b-conlljuqqv] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background-color: var(--fw-brand);
    background-image: url("/images/icons/fw-assign-user.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.95rem 0.95rem;
}

.fw-assign__title[b-conlljuqqv] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--fw-strong);
    line-height: 1.3;
}

.fw-assign__body[b-conlljuqqv] {
    padding: 1rem;
    position: relative;
    z-index: 5;
}

.fw-assign__label[b-conlljuqqv] {
    display: block;
    margin: 0 0 0.4rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--fw-ink);
    line-height: 1.3;
}

.fw-assign__required[b-conlljuqqv] {
    color: #DC2626;
    font-weight: 700;
}

/* Same soft FcSelect as Validation Checklist Rejection Reason */
.fw-assign[b-conlljuqqv]  .fw-assign__fc-select {
    width: 100%;
    display: flex;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__control {
    width: 100%;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__trigger {
    width: 100%;
    min-width: 0;
    background: var(--fw-soft);
    color: var(--fw-ink);
    border: 1px solid var(--fw-border);
    border-radius: 8px;
    height: 2.5rem;
    font-size: 0.875rem;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__value.is-placeholder {
    color: #6B7A86;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select.is-open .fc-select__trigger,
.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__trigger:focus,
.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__trigger:focus-visible {
    border: 1.5px solid var(--fw-brand) !important;
    background: #FFFFFF !important;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu {
    width: 22rem;
    min-width: 0;
    max-width: min(22rem, 100%);
    max-height: 16rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 0.4rem;
    z-index: 80;
    /* Do NOT set scrollbar-width/color — they override ::-webkit-* arrows/track */
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__option {
    padding-left: 0.475rem;
    padding-right: 0.475rem;
}

/* Same scrollbar UI as page / role-change dropdown */
.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-track {
    background: transparent;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-corner {
    background: transparent;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE;
    border-radius: 999px;
    margin: 2px 4px;
    border: 4px solid transparent;
    background-clip: padding-box;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 32px;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-thumb:hover {
    background: #121A1F;
    background-clip: padding-box;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 6px;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:start:increment,
.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
    height: 0;
    width: 0;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select .fc-select__option {
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
}

.fw-assign[b-conlljuqqv]  .fw-assign__fc-select.is-open {
    z-index: 80;
}

.fw-assign__hint[b-conlljuqqv] {
    margin: 0.65rem 0 0;
    font-size: 0.8rem;
    color: var(--fw-muted);
    line-height: 1.35;
}
/* /Pages/Domain/FinancialPlan/FundingCommitmentReviewHost.razor.rz.scp.css */
/* Shared Take Ownership dialog chrome (teleports to body). */
:global(body .k-dialog.inv-takeover-dialog)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog)[b-vn7vd55qfm] {
    border: 1px solid #E2E8F0 !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 28px rgba(18, 26, 31, 0.14) !important;
    overflow: hidden;
    background: #FFFFFF !important;
}

:global(body .k-dialog.inv-takeover-dialog .k-dialog-titlebar)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .k-dialog-titlebar)[b-vn7vd55qfm],
:global(body .k-dialog.inv-takeover-dialog .k-window-titlebar)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .k-window-titlebar)[b-vn7vd55qfm],
:global(body .k-dialog.inv-takeover-dialog .k-dialog-actions)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .k-dialog-actions)[b-vn7vd55qfm] {
    display: none !important;
}

:global(body .k-dialog.inv-takeover-dialog .k-dialog-content)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .k-dialog-content)[b-vn7vd55qfm],
:global(body .k-dialog.inv-takeover-dialog .k-window-content)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .k-window-content)[b-vn7vd55qfm] {
    padding: 0 !important;
    background: #FFFFFF !important;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__shell)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__shell)[b-vn7vd55qfm] {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__header)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__header)[b-vn7vd55qfm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.15rem;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__title)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__title)[b-vn7vd55qfm] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    color: #121A1F;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close)[b-vn7vd55qfm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    color: #32434B;
    cursor: pointer;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close:hover)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close:hover)[b-vn7vd55qfm] {
    background: #E0F2FE;
    border-color: #BAE6FD;
    color: #32434B;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close:focus-visible)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close:focus-visible)[b-vn7vd55qfm] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close i)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__close i)[b-vn7vd55qfm] {
    font-size: 0.75rem;
    line-height: 1;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__body)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__body)[b-vn7vd55qfm] {
    padding: 1.1rem 1.15rem 0.35rem;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__text)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__text)[b-vn7vd55qfm] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.45;
    color: #32434B;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__footer)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__footer)[b-vn7vd55qfm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.15rem 1.15rem;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn)[b-vn7vd55qfm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.45rem 1.1rem;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no)[b-vn7vd55qfm] {
    border: 1.5px solid #033D53;
    background: #FFFFFF;
    color: #033D53;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no:hover)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no:hover)[b-vn7vd55qfm] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no:focus-visible)[b-vn7vd55qfm],
:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes:focus-visible)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--no:focus-visible)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes:focus-visible)[b-vn7vd55qfm] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes)[b-vn7vd55qfm] {
    border: 1.5px solid #033D53;
    background: #033D53;
    color: #FFFFFF;
}

:global(body .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes:hover)[b-vn7vd55qfm],
:global(body.fixed-sn .k-dialog.inv-takeover-dialog .inv-takeover-dialog__btn--yes:hover)[b-vn7vd55qfm] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

/* Final review — Back to list (Figma outline; host-owned so scoped CSS applies) */
.fc-review-hero-back[b-vn7vd55qfm] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    min-height: 2rem !important;
    padding: 0.4rem 0.85rem !important;
    border-radius: 0.35rem !important;
    border: 1.5px solid #033D53 !important;
    background: #FFFFFF !important;
    color: #033D53 !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.fc-review-hero-back i[b-vn7vd55qfm] {
    font-size: 0.65rem !important;
    color: inherit !important;
}

.fc-review-hero-back:hover[b-vn7vd55qfm],
.fc-review-hero-back:focus-visible[b-vn7vd55qfm] {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
    outline: none !important;
}

.fc-review-hero-back:focus-visible[b-vn7vd55qfm] {
    outline: 2px solid #033D53 !important;
    outline-offset: 2px !important;
}

.fc-review-hero-back:active[b-vn7vd55qfm],
.fc-review-hero-back:hover:active[b-vn7vd55qfm],
.fc-review-hero-back:focus:active[b-vn7vd55qfm] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}
/* /Pages/Domain/FinancialPlan/PendingApprovalsQueue.razor.rz.scp.css */
/* Pending Approvals — Figma homepage UI */

.pending-approvals[b-ictzak3lct] {
    --pa-brand: #033D53;
    --pa-ink: #32434B;
    --pa-strong: #121A1F;
    --pa-muted: #6B7A86;
    --pa-border: #E2E8F0;
    --pa-sky: #E0F2FE;
    --pa-soft: #F0F4F8;
    padding: 0;
}

.pa-shell[b-ictzak3lct] {
    background: #FFFFFF;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    padding: 0.55rem 1rem 0;
    overflow: hidden;
}

.pa-section-title[b-ictzak3lct] {
    margin: 0 0 0.85rem;
    padding: 0 0.15rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pa-strong);
    line-height: 1.3;
}

.pa-tabs[b-ictzak3lct] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
    overflow-x: auto;
}

.pa-tab[b-ictzak3lct] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--pa-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.9rem;
    border-radius: 8px 8px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.pa-tab:hover:not(.pa-tab--active)[b-ictzak3lct] {
    color: var(--pa-ink);
    background: var(--pa-sky); /* same as sidebar / FC list hover #E0F2FE */
}

.pa-tab--active[b-ictzak3lct] {
    background: var(--pa-brand);
    color: #FFFFFF;
}

.pa-tab__icon[b-ictzak3lct] {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0.95rem;
    min-width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    background-color: currentColor !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.pa-tab__icon[b-ictzak3lct]::before {
    content: none !important;
    display: none !important;
}

.pa-tab__icon.app-nav-icon-permanent-funding[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-permanent-funding.svg") !important;
    mask-image: url("/images/icons/nav-permanent-funding.svg") !important;
}

.pa-tab__icon.app-nav-icon-funding-commitment[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-funding-commitment.svg") !important;
    mask-image: url("/images/icons/nav-funding-commitment.svg") !important;
}

.pa-tab__icon.app-nav-icon-financial-pressure[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
    mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
}

.pa-tab__icon.app-nav-icon-invoice[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-invoice.svg") !important;
    mask-image: url("/images/icons/nav-invoice.svg") !important;
}

.pa-tab__icon.app-nav-icon-inquiry[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-inquiry.svg") !important;
    mask-image: url("/images/icons/nav-inquiry.svg") !important;
}

.pa-tab__icon.app-nav-icon-vendor-approval[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
}

.pa-tab__label[b-ictzak3lct] {
    line-height: 1.2;
}

.pa-tab__count[b-ictzak3lct] {
    min-width: 1.65rem;
    height: 1.4rem;
    padding: 0 0.45rem;
    border-radius: 6px;
    background: var(--pa-brand);
    color: #FFFFFF;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pa-tab--active .pa-tab__count[b-ictzak3lct] {
    background: #FFFFFF;
    color: var(--pa-brand);
}

.pa-panel[b-ictzak3lct] {
    margin-top: 0.75rem;
    background: #FFFFFF;
    border: 1px solid var(--pa-border);
    border-radius: 10px;
    padding: 1rem 1rem 0.75rem;
}

.pa-panel__header[b-ictzak3lct] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.pa-panel__icon[b-ictzak3lct] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: var(--pa-brand);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pa-panel__icon i[b-ictzak3lct] {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0.85rem;
    min-width: 0.85rem;
    height: 0.85rem;
    display: inline-block;
    background-color: currentColor !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.pa-panel__icon i[b-ictzak3lct]::before {
    content: none !important;
    display: none !important;
}

.pa-panel__icon .app-nav-icon-permanent-funding[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-permanent-funding.svg") !important;
    mask-image: url("/images/icons/nav-permanent-funding.svg") !important;
}

.pa-panel__icon .app-nav-icon-funding-commitment[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-funding-commitment.svg") !important;
    mask-image: url("/images/icons/nav-funding-commitment.svg") !important;
}

.pa-panel__icon .pa-icon-fc-awaiting[b-ictzak3lct] {
    background-color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background-image: url("/images/icons/pa-fc-awaiting.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 0.95rem;
    min-width: 0.95rem;
    height: 0.9rem;
}

.pa-panel__icon .app-nav-icon-financial-pressure[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
    mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
}

.pa-panel__icon .app-nav-icon-invoice[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-invoice.svg") !important;
    mask-image: url("/images/icons/nav-invoice.svg") !important;
}

.pa-panel__icon .app-nav-icon-inquiry[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-inquiry.svg") !important;
    mask-image: url("/images/icons/nav-inquiry.svg") !important;
}

.pa-panel__icon .app-nav-icon-vendor-approval[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
}

.pa-panel__title[b-ictzak3lct] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--pa-strong);
    line-height: 1.3;
}

.pa-table-wrap[b-ictzak3lct] {
    overflow-x: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.pa-table[b-ictzak3lct] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 920px;
}

.pa-table th[b-ictzak3lct],
.pa-table td[b-ictzak3lct] {
    padding: 0.75rem 0.7rem;
    border-bottom: 1px solid var(--pa-border);
    vertical-align: middle;
    color: var(--pa-ink);
    font-size: 0.85rem;
    text-align: left;
}

.pa-table th[b-ictzak3lct] {
    font-size: 0.72rem;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--pa-ink);
    font-weight: 700;
    background: transparent;
    white-space: nowrap;
    border-bottom: 1px solid var(--pa-border);
}

.pa-table tbody tr:nth-child(even)[b-ictzak3lct] {
    background: transparent;
}

.pa-table tbody tr:hover td[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:hover td[b-ictzak3lct] {
    background: var(--pa-sky);
}

.pa-table tbody tr:hover td:first-child[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:hover td:first-child[b-ictzak3lct] {
    border-radius: 8px 0 0 8px;
    box-shadow: inset 3px 0 0 var(--pa-brand);
}

.pa-table tbody tr:hover td:last-child[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:hover td:last-child[b-ictzak3lct] {
    border-radius: 0 8px 8px 0;
}

/* Click = brand fill + white text (same as FC list); status pills keep own colors */
.pa-table--clickable tbody tr.pa-row-click:active td[b-ictzak3lct] {
    background: var(--pa-brand) !important;
    color: #FFFFFF !important;
    border-bottom-color: transparent;
}

.pa-table--clickable tbody tr.pa-row-click:active td:first-child[b-ictzak3lct] {
    border-radius: 8px 0 0 8px;
    box-shadow: inset 3px 0 0 var(--pa-brand);
}

.pa-table--clickable tbody tr.pa-row-click:active td:last-child[b-ictzak3lct] {
    border-radius: 0 8px 8px 0;
}

.pa-table--clickable tbody tr.pa-row-click:active strong[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .pa-mono[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .pa-money[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .pa-datetime__date[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .pa-datetime__time[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .pa-subline[b-ictzak3lct],
.pa-table--clickable tbody tr.pa-row-click:active .text-muted[b-ictzak3lct] {
    color: #FFFFFF !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-stage--ministry[b-ictzak3lct] {
    background: #FFF7E0 !important;
    color: #4A2D00 !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-stage--finance[b-ictzak3lct] {
    background: #ECE8F7 !important;
    color: #28213B !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-stage--special[b-ictzak3lct] {
    background: #FFE6EE !important;
    color: #170E00 !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-stage--other[b-ictzak3lct] {
    background: var(--pa-soft) !important;
    color: var(--pa-ink) !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-fund-status--permanent[b-ictzak3lct] {
    background: #F0F4F8 !important;
    color: #32434B !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-fund-status--csn[b-ictzak3lct] {
    background: #EEF4FF !important;
    color: #002B6B !important;
}

.pa-table--clickable tbody tr.pa-row-click:active .pa-fund-status--temporary[b-ictzak3lct] {
    background: #F0F4F8 !important;
    color: #475E69 !important;
}

.pa-table--clickable tbody tr.pa-row-click[b-ictzak3lct] {
    cursor: pointer;
}

.pa-mono[b-ictzak3lct] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.82rem;
    color: var(--pa-ink);
}

.pa-money[b-ictzak3lct] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pa-datetime[b-ictzak3lct] {
    white-space: nowrap;
}

.pa-datetime__date[b-ictzak3lct],
.pa-datetime__time[b-ictzak3lct] {
    display: block;
    line-height: 1.35;
}

.pa-subline[b-ictzak3lct] {
    margin-top: 0.15rem;
    font-size: 11px;
    line-height: 1.35;
    color: var(--pa-ink);
}

.pa-stage[b-ictzak3lct],
.pa-fund-status[b-ictzak3lct] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
}

.pa-stage i[b-ictzak3lct],
.pa-fund-status i[b-ictzak3lct] {
    font-size: 0.68rem;
}

.pa-stage__icon[b-ictzak3lct],
.pa-fund-status__icon[b-ictzak3lct] {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pa-stage__icon--ministry[b-ictzak3lct],
.pa-stage__icon--special[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/fc-status-hourglass.svg");
    mask-image: url("/images/icons/fc-status-hourglass.svg");
}

.pa-stage__icon--finance[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.pa-fund-status__icon--csn[b-ictzak3lct] {
    -webkit-mask-image: url("/images/icons/fc-status-csn-youth.svg");
    mask-image: url("/images/icons/fc-status-csn-youth.svg");
}

.pa-stage--ministry[b-ictzak3lct] {
    background: #FFF7E0;
    color: #4A2D00;
}

.pa-stage--finance[b-ictzak3lct] {
    background: #ECE8F7;
    color: #28213B;
}

.pa-stage--special[b-ictzak3lct] {
    background: #FFE6EE;
    color: #170E00;
}

.pa-stage--other[b-ictzak3lct] {
    background: var(--pa-soft);
    color: var(--pa-ink);
}

.pa-fund-status--permanent[b-ictzak3lct] {
    background: #F0F4F8;
    color: #32434B;
}

.pa-fund-status--csn[b-ictzak3lct] {
    background: #EEF4FF;
    color: #002B6B;
}

.pa-fund-status--temporary[b-ictzak3lct] {
    background: #F0F4F8;
    color: #475E69;
}

.pending-approvals[b-ictzak3lct]  .module-list-pagination {
    border-top: 0 !important;
    margin-top: 0.35rem !important;
    padding: 0.65rem 0 0.15rem;
}

/* Financial Pressure empty state — Figma folder + search icon */
.pending-approvals[b-ictzak3lct]  .pa-empty-fp .module-list-empty__icon {
    width: 5.5rem;
    height: 5.5rem;
    background: transparent;
    border: none;
    margin-bottom: 0.85rem;
}

.pending-approvals[b-ictzak3lct]  .pa-empty-fp .pa-empty-fp-icon {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 5rem !important;
    height: 5rem !important;
    display: block;
    background-color: transparent !important;
    background-image: url("/images/icons/pa-empty-search.svg") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.pending-approvals[b-ictzak3lct]  .pa-empty-fp .pa-empty-fp-icon::before {
    content: none !important;
    display: none !important;
}

.pending-approvals[b-ictzak3lct]  .pa-empty-fp .module-list-empty__title {
    font-size: 0.88rem;
    font-weight: 500;
    color: #6B7A86;
}

@media (max-width: 768px) {
    .pa-section-title[b-ictzak3lct] {
        font-size: 0.95rem;
    }

    .pa-panel__title[b-ictzak3lct] {
        font-size: 0.88rem;
    }

    .pa-tab[b-ictzak3lct] {
        padding: 0.6rem 0.65rem;
        font-size: 0.68rem;
    }
}

.pending-approvals[b-ictzak3lct]  .module-list-empty__icon i.app-nav-icon-inquiry {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    display: inline-block;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/nav-inquiry.svg") !important;
    mask-image: url("/images/icons/nav-inquiry.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.pending-approvals[b-ictzak3lct]  .module-list-empty__icon i.app-nav-icon-inquiry::before {
    content: none !important;
    display: none !important;
}
/* /Pages/Domain/Forms/AppPageCreateFinancialPressureForm.razor.rz.scp.css */
/* ============================================================
   New Financial Pressure Request — Figma / AODA tokens
   Align with AppPageFinancialPressureReview (fp-review)
   ============================================================ */

.fp-create-page[b-rzjkqvlug5] {
  --fp-brand: #033D53;
  --fp-brand-active: #022A3A;
  --fp-ink: #32434B;
  --fp-strong: #121A1F;
  --fp-soft: #F0F4F8;
  --fp-border: #E2E8F0;
  --fp-sky: #E0F2FE;
  --fp-hover: #F6FBFE;
  --fp-muted: #6B7A86;
  --fp-section-stack-gap: 0.75rem;
  color: var(--fp-ink);
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.fp-create-readonly-summary[b-rzjkqvlug5] {
  padding: 0.75rem 1rem;
  border: 1px solid var(--fp-border);
  border-radius: 8px;
  background: var(--fp-soft);
  color: var(--fp-strong);
  line-height: 1.5;
}

.fp-create-assignment-list[b-rzjkqvlug5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fp-create-assignment-row[b-rzjkqvlug5] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin: 0;
  padding: 0.75rem 1rem;
  border: 1px solid var(--fp-border);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.fp-create-assignment-row--selected[b-rzjkqvlug5] {
  border-color: var(--fp-brand);
  background: var(--fp-hover);
}

.fp-create-assignment-row__text[b-rzjkqvlug5] {
  flex: 1;
  line-height: 1.5;
}

/* Support Type — full-row measure target for popup width lock */
.fp-create-page .fp-create-support-dd-wrap[b-rzjkqvlug5] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.fp-create-page .fp-create-support-dd-wrap[b-rzjkqvlug5]  .k-dropdownlist,
.fp-create-page .fp-create-support-dd-wrap[b-rzjkqvlug5]  .fp-create-support-dd {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Loading: clamp height so absolute spinner cannot inflate page scroll */
.fp-create-page--loading[b-rzjkqvlug5] {
  overflow: hidden;
  min-height: 0;
}

.fp-create-loading[b-rzjkqvlug5] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 12rem;
  height: min(22rem, 50vh);
  max-height: 50vh;
  overflow: hidden;
  box-sizing: border-box;
}

.fp-create-loading[b-rzjkqvlug5]  .appload-wrap,
.fp-create-loading[b-rzjkqvlug5]  .app-load-wrap {
  position: static;
  top: auto;
  left: auto;
  transform: none;
}

/* Page header icon — Figma FP glyph (no date/time on this page) */
[b-rzjkqvlug5] .app-module-page-header__icon i.app-nav-icon-financial-pressure {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor !important;
  -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

[b-rzjkqvlug5] .app-module-page-header__icon i.app-nav-icon-financial-pressure::before {
  content: none !important;
  display: none !important;
}

.fp-create-hero[b-rzjkqvlug5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.75rem 1rem;
  margin-bottom: var(--fp-section-stack-gap);
  border: 1px solid var(--fp-border);
  border-radius: 0.5rem;
  background: #FFFFFF;
}

.fp-create-hero-main[b-rzjkqvlug5] {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.fp-create-hero-icon[b-rzjkqvlug5] {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.4rem;
  background: var(--fp-brand);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}

.fp-create-hero-icon i.app-nav-icon-financial-pressure[b-rzjkqvlug5] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: currentColor !important;
  -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.fp-create-hero-icon i.app-nav-icon-financial-pressure[b-rzjkqvlug5]::before {
  content: none !important;
  display: none !important;
}

.fp-create-hero-title[b-rzjkqvlug5] {
  margin: 0;
  font-size: 0.9375rem; /* 15px ≥ 11px */
  font-weight: 700;
  color: var(--fp-strong);
  line-height: 1.3;
}

.fp-create-note[b-rzjkqvlug5] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.9rem 1.05rem;
  margin-bottom: var(--fp-section-stack-gap);
  border: 1px solid #BAE6FD;
  border-radius: 0.5rem;
  background: #E0F2FE; /* Figma sky */
  color: var(--fp-ink);
  font-size: 0.8125rem; /* 13px */
  line-height: 1.45;
}

.fp-create-note i[b-rzjkqvlug5] {
  flex-shrink: 0;
  margin-top: 0.05rem;
  color: var(--fp-brand);
  font-size: 1.35rem;
  line-height: 1;
  width: 1.35rem;
  text-align: center;
}

.fp-create-note__icon[b-rzjkqvlug5] {
  flex-shrink: 0;
  width: 2.625rem; /* 42px — Figma */
  height: 2.625rem;
  display: block;
  margin-top: 0.1rem;
}

.fp-create-note--footer[b-rzjkqvlug5] {
  text-align: left;
  justify-content: flex-start;
  background: #E0F2FE;
  border-color: #BAE6FD;
}

.fp-create-note--section[b-rzjkqvlug5] {
  text-align: left;
  justify-content: flex-start;
  margin-top: 0.85rem;
  margin-bottom: 0;
  background: #E0F2FE;
  border-color: #BAE6FD;
}

/* Inside Section 1 card, above the section title bar */
.fp-create-note--in-section[b-rzjkqvlug5] {
  margin: 0.85rem 0.85rem 0.75rem;
  border-radius: 0.5rem;
  background: #E0F2FE;
  border-color: #BAE6FD;
}

.fp-create-section-body > .fp-create-note--section:first-child[b-rzjkqvlug5] {
  margin-top: 0;
  margin-bottom: 0.85rem;
}

.fp-create-note__strong[b-rzjkqvlug5] {
  display: block;
  font-weight: 600;
  color: var(--fp-strong); /* #121A1F — same weight/color for both note lines */
}

.fp-create-note__strong + .fp-create-note__strong[b-rzjkqvlug5] {
  margin-top: 0.5rem;
}

/* Error banner — Figma Enable Kit soft danger (match info note layout) */
.fp-create-error[b-rzjkqvlug5] {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 0.9rem 1.05rem;
  margin-bottom: var(--fp-section-stack-gap);
  border: 1px solid #F9C6CE;
  border-radius: 0.5rem;
  background: #FFEBEF; /* Figma EXIT / soft danger */
  color: #32434B;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  line-height: 1.45;
  box-shadow: none;
}

.fp-create-error__icon[b-rzjkqvlug5] {
  flex-shrink: 0;
  width: 2.15rem;
  height: 2.15rem;
  margin-top: 0.05rem;
  border-radius: 50%;
  background: #B42318; /* --figma-danger */
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  line-height: 1;
}

.fp-create-error__icon i[b-rzjkqvlug5] {
  margin: 0;
  color: #FFFFFF;
}

.fp-create-error__body[b-rzjkqvlug5] {
  flex: 1 1 auto;
  min-width: 0;
}

.fp-create-error__title[b-rzjkqvlug5] {
  display: block;
  font-size: 0.875rem; /* 14px */
  font-weight: 700;
  line-height: 1.35;
  color: #B42318;
  margin: 0 0 0.25rem;
}

.fp-create-error[b-rzjkqvlug5]  .validation-summary-errors,
.fp-create-error[b-rzjkqvlug5]  .validation-errors,
.fp-create-error[b-rzjkqvlug5]  ul {
  margin: 0.15rem 0 0;
  padding-left: 1.15rem;
  list-style: disc;
}

.fp-create-error[b-rzjkqvlug5]  .validation-summary-valid {
  display: none !important;
}

.fp-create-error[b-rzjkqvlug5]  li {
  color: #B42318;
  opacity: 1;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0.15rem 0;
}

.fp-create-error[b-rzjkqvlug5]  a {
  color: #B42318;
  text-decoration: underline;
}

.fp-create-section[b-rzjkqvlug5] {
  border-radius: 0.5rem;
  border: 1px solid var(--fp-border) !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  margin-bottom: var(--fp-section-stack-gap);
  /* visible so any in-tree popup is never clipped (Telerik usually portals to body) */
  overflow: visible;
}

.fp-create-section-head[b-rzjkqvlug5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid var(--fp-border);
  background: transparent;
}

.fp-create-section-icon[b-rzjkqvlug5] {
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 0.35rem;
  background: var(--fp-brand);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
}

.fp-create-section-title[b-rzjkqvlug5] {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fp-create-section-body[b-rzjkqvlug5] {
  padding: 0.75rem 1.15rem 1.15rem;
}

.fp-create-page[b-rzjkqvlug5]  .form-label {
  color: var(--fp-ink);
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.fp-create-page[b-rzjkqvlug5]  .form-label.required::after {
  content: " *";
  color: #B91C1C;
  font-weight: 600;
  margin-left: 0.15rem;
}

.fp-create-attach__label.required[b-rzjkqvlug5]::after {
  content: " *";
  color: #B91C1C;
  font-weight: 600;
  margin-left: 0.15rem;
}

.fp-create-page[b-rzjkqvlug5]  .text-muted,
.fp-create-page[b-rzjkqvlug5]  small.text-muted {
  color: var(--fp-muted) !important;
  font-size: 0.75rem !important; /* 12px ≥ 11px */
}

.fp-create-page[b-rzjkqvlug5]  .k-input,
.fp-create-page[b-rzjkqvlug5]  .k-picker,
.fp-create-page[b-rzjkqvlug5]  .k-textarea,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist,
.fp-create-page[b-rzjkqvlug5]  .k-numerictextbox,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput,
.fp-create-page[b-rzjkqvlug5]  .form-control {
  background-color: var(--fp-soft) !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--fp-strong) !important;
  border-radius: 6px !important;
  min-height: 2.25rem;
  font-size: 0.8125rem !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-input:hover,
.fp-create-page[b-rzjkqvlug5]  .k-picker:hover,
.fp-create-page[b-rzjkqvlug5]  .k-textarea:hover,
.fp-create-page[b-rzjkqvlug5]  .k-numerictextbox:hover,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker:hover,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput:hover,
.fp-create-page[b-rzjkqvlug5]  .form-control:hover,
.fp-create-page[b-rzjkqvlug5]  .k-input.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-picker.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-textarea.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-numerictextbox.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-input:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-picker:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-textarea:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-numerictextbox:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput:focus-within,
.fp-create-page[b-rzjkqvlug5]  .form-control:focus {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Closed dropdown trigger — soft fill, no border */
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-picker {
  position: relative !important;
  background-color: #F0F4F8 !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  color: #32434B !important;
  min-height: 2.25rem !important;
  overflow: visible !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-inner,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-value-text {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  color: #32434B !important;
  font-size: 0.8125rem !important;
  background: transparent !important;
  padding-right: 2.5rem !important;
}

/* Always-visible AC chevron on the button (do NOT use opacity:0 — that hid the arrow) */
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-button.k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist button.k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-button-solid-base {
  position: absolute !important;
  inset: 0 0 0 auto !important;
  display: block !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  z-index: 3 !important;
  font-size: 0 !important;
  background-color: transparent !important;
  background-image: url("/images/icons/ac-chevron-down.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 12px 8px !important;
  /* Decorative only — clicks must reach the DropDownList host (fixes intermittent open) */
  pointer-events: none !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button .k-svg-icon,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button .k-icon,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button svg,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button *,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-separator {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button::before,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist .k-input-button::after,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-open .k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-open .k-button.k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-open button.k-input-button {
  transform: rotate(180deg) !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist:hover {
  background-color: #F0F4F8 !important;
  border: none !important;
  border-color: transparent !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-focus,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-open,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist:focus-within,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-open:hover,
.fp-create-page[b-rzjkqvlug5]  .k-dropdownlist.k-focus:hover {
  background-color: #F0F4F8 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button:hover,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button:hover,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button:focus,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button:focus,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button:active,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button:active,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button.k-hover,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button.k-hover,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button.k-active,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button.k-active,
.fp-create-page[b-rzjkqvlug5]  .k-datepicker .k-input-button.k-selected,
.fp-create-page[b-rzjkqvlug5]  .k-dateinput .k-input-button.k-selected {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: #32434B !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Textareas — auto-grow height; Figma grip always at bottom-right */
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow.k-textarea,
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow--grip.k-textarea {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: hidden !important;
  min-height: 4.5rem !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
  background-color: var(--fp-soft) !important;
  background-image: none !important;
}

/* Do not use ::after for grip — Telerik flex height made it stick to the top */
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow.k-textarea::after,
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow--grip.k-textarea::after {
  content: none !important;
  display: none !important;
}

.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow .k-input-inner,
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow textarea {
  flex: 1 1 auto !important;
  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  resize: none !important;
  min-height: 4.5rem !important;
  height: auto !important;
  max-height: none !important;
  line-height: 1.35 !important;
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
  padding-left: 0.75rem !important;
  padding-right: 1.1rem !important;
  box-sizing: border-box !important;
  field-sizing: content;
  white-space: pre-wrap !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* Soft fill + Figma grip painted on the field itself — always visible, bottom-right */
  background-color: transparent !important;
  background-image: url("/images/icons/fp-create-resize-grip.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 4px bottom 4px !important;
  background-size: 10px 10px !important;
}

.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow .k-input-inner::-webkit-scrollbar,
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow textarea::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow .k-input-inner::-webkit-resizer,
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-autogrow textarea::-webkit-resizer {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Helper under Brief Description — stay inside column, wrap, never spill */
.fp-create-page[b-rzjkqvlug5]  .fp-create-textarea-help,
.fp-create-page .fp-create-textarea-help[b-rzjkqvlug5] {
  display: block;
  max-width: 100%;
  margin-top: 0.4rem;
  color: var(--fp-muted) !important;
  font-size: 0.75rem !important; /* 12px ≥ 11px */
  line-height: 1.4;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.fp-create-hint[b-rzjkqvlug5] {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  margin-top: 0.35rem;
  color: var(--fp-muted);
  font-size: 0.75rem;
  line-height: 1.35;
}

.fp-create-hint i[b-rzjkqvlug5] {
  margin-top: 0.15rem;
  color: var(--fp-brand);
}

/* HST — single checkbox (avoid MDB form-check-input double-box with label::before) */
.fp-hst-row[b-rzjkqvlug5] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.fp-hst-label[b-rzjkqvlug5] {
  margin: 0;
  cursor: pointer;
  color: var(--fp-ink);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.35;
  user-select: none;
}

.fp-hst-label[b-rzjkqvlug5]::before,
.fp-hst-label[b-rzjkqvlug5]::after {
  content: none !important;
  display: none !important;
}

.fp-hst-toggle[b-rzjkqvlug5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  overflow: hidden;
}

.fp-hst-toggle input[type="checkbox"][b-rzjkqvlug5] {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0.25rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  flex-shrink: 0;
  outline: none !important;
  box-shadow: none !important;
}

.fp-hst-toggle input[type="checkbox"][b-rzjkqvlug5]::before,
.fp-hst-toggle input[type="checkbox"][b-rzjkqvlug5]::after {
  content: none !important;
  display: none !important;
}

.fp-hst-toggle input[type="checkbox"]:hover:not(:checked)[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:focus-visible:not(:checked)[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:active:not(:checked)[b-rzjkqvlug5] {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fp-hst-toggle input[type="checkbox"]:checked[b-rzjkqvlug5] {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fp-hst-toggle input[type="checkbox"]:checked:hover[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:checked:active[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:checked:focus[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:checked:focus-visible[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:focus[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:focus-visible[b-rzjkqvlug5],
.fp-hst-toggle input[type="checkbox"]:active[b-rzjkqvlug5] {
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Field validation — Figma Enable Kit danger */
.validation-message[b-rzjkqvlug5],
.fp-create-page[b-rzjkqvlug5]  .validation-message {
  display: block;
  margin-top: 0.4rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid #FECDCA;
  border-radius: 0.5rem;
  background: #FEF3F2;
  color: #B42318;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 500;
  line-height: 1.35;
}

.validation-message:empty[b-rzjkqvlug5],
.fp-create-page[b-rzjkqvlug5]  .validation-message:empty {
  display: none;
}

/* Frequency guide — Figma sky panel, full width, 4 columns */
.frequency-guide[b-rzjkqvlug5] {
  width: 100%;
  border: 1px solid #BAE6FD;
  border-radius: 0.5rem;
  background: #E0F2FE;
  padding: 0.85rem 1rem;
}

.frequency-guide__title[b-rzjkqvlug5] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #033D53;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 700;
  margin: 0 0 0.65rem;
  line-height: 1.2;
}

.frequency-guide__icon[b-rzjkqvlug5] {
  width: 1.125rem; /* 18px */
  height: 1.125rem;
  display: block;
  flex-shrink: 0;
}

.frequency-guide__grid[b-rzjkqvlug5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem 1rem;
}

.frequency-guide__item[b-rzjkqvlug5] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.frequency-guide__label[b-rzjkqvlug5] {
  color: #033D53;
  font-size: 0.75rem; /* 12px */
  font-weight: 700;
  line-height: 1.25;
}

.frequency-guide__text[b-rzjkqvlug5] {
  color: #32434B;
  font-size: 0.75rem; /* 12px ≥ 11px */
  font-weight: 400;
  line-height: 1.35;
}

@media (max-width: 991.98px) {
  .frequency-guide__grid[b-rzjkqvlug5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .frequency-guide__grid[b-rzjkqvlug5] {
    grid-template-columns: 1fr;
  }
}

/* Individualized staffing callout */
.individualized-staffing-panel[b-rzjkqvlug5] {
  border: 1px solid var(--fp-border);
  border-left: 4px solid var(--fp-brand);
  border-radius: 0.5rem;
  background: var(--fp-hover);
  padding: 0.75rem 0.875rem;
}

.individualized-staffing-panel__title[b-rzjkqvlug5] {
  color: var(--fp-brand);
  font-size: 0.8125rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

/* Supporting documents — FP review Attachments pattern */
.fp-create-attach__lede[b-rzjkqvlug5] {
  margin: 0 0 1rem 0;
  color: var(--fp-ink, #32434B);
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 400;
  line-height: 1.45;
}

.fp-create-attach[b-rzjkqvlug5] {
  margin: 0;
}

.fp-create-attach__label[b-rzjkqvlug5] {
  display: block;
  margin: 0 0 0.45rem;
  color: #32434B;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 600;
  line-height: 1.3;
}

.fp-create-attach__drop[b-rzjkqvlug5] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 8.5rem;
  padding: 1.25rem 1rem;
  border: 1.5px dashed #C5D0DA;
  border-radius: 0.55rem;
  background: #FFFFFF;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  user-select: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fp-create-attach__drop:hover[b-rzjkqvlug5],
.fp-create-attach__drop:focus-within[b-rzjkqvlug5] {
  background: #E0F2FE;
  border-color: #033D53;
  color: #033D53;
  outline: none;
}

.fp-create-attach__drop.is-disabled[b-rzjkqvlug5] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  background: #FAFCFE;
}

.fp-create-attach__icon[b-rzjkqvlug5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #32434B;
  margin-bottom: 0.15rem;
}

.fp-create-attach__drop:hover .fp-create-attach__icon[b-rzjkqvlug5],
.fp-create-attach__drop:focus-within .fp-create-attach__icon[b-rzjkqvlug5] {
  color: #033D53;
}

.fp-create-attach__title[b-rzjkqvlug5] {
  color: #32434B;
  font-size: 0.875rem; /* 14px ≥ 11px */
  font-weight: 600;
  line-height: 1.35;
}

.fp-create-attach__drop:hover .fp-create-attach__title[b-rzjkqvlug5],
.fp-create-attach__drop:focus-within .fp-create-attach__title[b-rzjkqvlug5] {
  color: #033D53;
}

.fp-create-attach__hint[b-rzjkqvlug5] {
  color: #6B7A86;
  font-size: 0.75rem; /* 12px ≥ 11px */
  font-weight: 500;
  line-height: 1.4;
  max-width: 28rem;
}

.fp-create-attach__input[b-rzjkqvlug5],
.fp-create-attach__drop[b-rzjkqvlug5]  input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;
  cursor: pointer !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

.fp-create-attach__drop[b-rzjkqvlug5]  input[type="file"]::-webkit-file-upload-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fp-create-attach__error[b-rzjkqvlug5] {
  margin-top: 0.55rem;
  color: #B42318;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 500;
  line-height: 1.35;
}

.fp-create-attach__list[b-rzjkqvlug5] {
  list-style: none;
  margin: 1rem 0 0 0;
  padding: 0;
  border: 1px solid #E4EAF0;
  border-radius: 0.5rem;
  background: #FFFFFF;
  overflow: hidden;
}

.fp-create-attach__row[b-rzjkqvlug5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #E8EDF2;
  min-width: 0;
}

.fp-create-attach__row:last-child[b-rzjkqvlug5] {
  border-bottom: none;
}

.fp-create-attach__badge[b-rzjkqvlug5] {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.4rem;
  /* Figma attachment badge — dark teal + light glyph */
  background: #033D53;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #033D53;
}

.fp-create-attach__badge--pdf[b-rzjkqvlug5] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-create-attach__badge--doc[b-rzjkqvlug5] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-create-attach__badge--xls[b-rzjkqvlug5] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-create-attach__badge--img[b-rzjkqvlug5] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-create-attach__badge--img img[b-rzjkqvlug5] {
  display: block;
  width: 1rem;
  height: 1rem;
  /* SVG is ink (#32434B); invert to white on teal badge */
  filter: brightness(0) invert(1);
}

.fp-create-attach__badge-label[b-rzjkqvlug5] {
  font-size: 0.6875rem; /* 11px */
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
}

.fp-create-attach__meta[b-rzjkqvlug5] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.fp-create-attach__name[b-rzjkqvlug5] {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  color: #6B7A86;
  font-size: 0.875rem; /* 14px ≥ 11px */
  font-weight: 500;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  word-break: break-word;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.fp-create-attach__name:hover[b-rzjkqvlug5],
.fp-create-attach__name:focus-visible[b-rzjkqvlug5] {
  color: #32434B;
  outline: none;
}

.fp-create-attach__size[b-rzjkqvlug5] {
  color: #6B7A86;
  font-size: 0.75rem; /* 12px ≥ 11px */
  line-height: 1.3;
}

.fp-create-attach__actions[b-rzjkqvlug5] {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: auto;
  flex-shrink: 0;
}

.fp-create-attach__action[b-rzjkqvlug5] {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
  color: #32434B;
  border-radius: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.fp-create-attach__action:hover[b-rzjkqvlug5] {
  background: #F3F6F9;
}

.fp-create-attach__action--danger[b-rzjkqvlug5] {
  color: #B42318;
}

.fp-create-attach__action--danger:hover[b-rzjkqvlug5] {
  background: #FEF3F2;
  color: #B42318;
}

@media (max-width: 640px) {
  .fp-create-attach__row[b-rzjkqvlug5] {
    flex-wrap: wrap;
  }

  .fp-create-attach__actions[b-rzjkqvlug5] {
    width: 100%;
    justify-content: flex-end;
    margin-left: 0;
  }
}

/* Actions */
.fp-create-actions[b-rzjkqvlug5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1.15rem;
}

.fp-create-actions__end[b-rzjkqvlug5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-left: auto;
}

.fp-create-btn[b-rzjkqvlug5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.5rem;
  padding: 0.55rem 1.15rem;
  border-radius: 10px;
  border: 1px solid transparent;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  font-size: 0.75rem; /* back button keeps compact */
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, font-weight 0.15s ease;
}

.fp-create-btn i[b-rzjkqvlug5],
.fp-create-btn__icon[b-rzjkqvlug5] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 0.82rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.fp-create-btn[b-rzjkqvlug5]  .app-save-draft-icon,
.fp-create-btn .app-save-draft-icon[b-rzjkqvlug5] {
  width: 16px !important;
  height: 16px !important;
  margin-right: 0 !important;
  vertical-align: middle !important;
  color: inherit !important;
}

/* Back — same as FP review */
.fp-create-btn--back[b-rzjkqvlug5] {
  background: #E1F1FD;
  border-color: #32434B;
  color: #32434B;
}

.fp-create-btn--back:hover[b-rzjkqvlug5],
.fp-create-btn--back:focus-visible[b-rzjkqvlug5] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-create-btn--back:active[b-rzjkqvlug5],
.fp-create-btn--back:hover:active[b-rzjkqvlug5],
.fp-create-btn--back:focus:active[b-rzjkqvlug5] {
  background: #022A3A;
  border-color: #022A3A;
  color: #FFFFFF;
}

/*
 * SAVE DRAFT + SUBMIT REQUEST — Figma Enable Kit (identical colors)
 * Default: #E8F5E9 / #103613 | Hover: #005E07 | Active: #004706
 */
.fp-create-btn--draft[b-rzjkqvlug5],
.fp-create-btn--submit[b-rzjkqvlug5] {
  box-sizing: border-box;
  height: 42px;
  min-height: 42px;
  padding: 9.5px 20px;
  gap: 10px;
  background: #E8F5E9 !important;
  background-color: #E8F5E9 !important;
  border: 1px solid #103613 !important;
  border-radius: 10px;
  color: #103613 !important;
  font-weight: 600;
  font-size: 16px; /* ≥ 11px AODA */
  line-height: 23px;
  letter-spacing: normal;
}

.fp-create-btn--draft:hover[b-rzjkqvlug5],
.fp-create-btn--draft:focus-visible[b-rzjkqvlug5],
.fp-create-btn--submit:hover[b-rzjkqvlug5],
.fp-create-btn--submit:focus-visible[b-rzjkqvlug5] {
  background: #005E07 !important;
  background-color: #005E07 !important;
  border-color: #005E07 !important;
  color: #FFFFFF !important;
  font-weight: 700;
}

.fp-create-btn--draft:active[b-rzjkqvlug5],
.fp-create-btn--draft:hover:active[b-rzjkqvlug5],
.fp-create-btn--submit:active[b-rzjkqvlug5],
.fp-create-btn--submit:hover:active[b-rzjkqvlug5] {
  background: #004706 !important;
  background-color: #004706 !important;
  border-color: #004706 !important;
  color: #FFFFFF !important;
  font-weight: 700;
}

/* Invert submit icon on hover/active (img SVG is fixed #103613) */
.fp-create-btn--submit:hover .fp-create-btn__icon[b-rzjkqvlug5],
.fp-create-btn--submit:focus-visible .fp-create-btn__icon[b-rzjkqvlug5],
.fp-create-btn--submit:active .fp-create-btn__icon[b-rzjkqvlug5] {
  filter: brightness(0) invert(1);
}

.anim-fade-in[b-rzjkqvlug5] {
  animation: fpCreateFadeIn-b-rzjkqvlug5 0.35s ease-out;
}

@keyframes fpCreateFadeIn-b-rzjkqvlug5 {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
/* /Pages/Domain/Forms/AppPageEditFundingCommitmentForm.razor.rz.scp.css */
/* Funding Commitment detail — Figma shell (page-scoped) */

.fc-detail[b-y82k7shtuc] {
    --fc-brand: #033D53;
    --fc-sky: #E0F2FE;
    --fc-border: #E1E7EE;
    --fc-muted: #6B7A86;
    --fc-text: #1A2332;
    --fc-page-bg: #F0F4F8;
    /* Same gap as between Client & Commitment → Funding Allocation */
    --fc-section-stack-gap: 0.5rem;
    /* Fill main content width — avoid large L/R blank on wide screens */
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    /* Navbar → header: same section stack gap */
    margin-top: var(--fc-section-stack-gap);
    box-sizing: border-box;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

/* Header + tabs share one white Figma chrome (content stays below) */
.fc-detail-header[b-y82k7shtuc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin: 0;
    /* Extra bottom padding: subtitle (ID · Approved) → Info/Attachments/History tabs */
    padding: 0.55rem 0.85rem 0.85rem;
    background: #fff;
    border-radius: 0.55rem 0.55rem 0 0;
    border: none;
}

.fc-detail-header__lead[b-y82k7shtuc] {
    min-width: 0;
    flex: 1 1 14rem;
}

.fc-detail-title[b-y82k7shtuc] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #121A1F;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.fc-detail-subtitle[b-y82k7shtuc] {
    margin: 0.28rem 0 0;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.4;
    word-break: break-word;
}

.fc-detail-header__actions[b-y82k7shtuc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

/* Figma outline — same as Back to All Funding Commitment / Zoho / Revise */
.fc-detail-btn--back[b-y82k7shtuc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    border-radius: 0.35rem;
    border: 1.5px solid #033D53;
    background: #fff;
    color: #033D53;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
    flex-shrink: 0;
}

.fc-detail-btn--back i[b-y82k7shtuc] {
    font-size: 0.65rem;
    color: inherit;
}

.fc-detail-btn--back:hover[b-y82k7shtuc],
.fc-detail-btn--back:focus-visible[b-y82k7shtuc] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-detail-btn--back:active[b-y82k7shtuc],
.fc-detail-btn--back:hover:active[b-y82k7shtuc],
.fc-detail-btn--back:focus:active[b-y82k7shtuc] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

.fc-detail-uploaded-footer[b-y82k7shtuc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
}

.fc-detail-uploaded-footer__end[b-y82k7shtuc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    gap: 0.75rem;
}

.fc-detail-btn[b-y82k7shtuc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border-radius: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    background: #fff;
    color: var(--fc-brand);
    border: 1.5px solid var(--fc-brand);
    padding: 0.4rem 0.75rem;
    line-height: 1.2;
}

.fc-detail-btn:hover[b-y82k7shtuc] {
    background: var(--fc-sky);
}

.fc-detail-btn--link[b-y82k7shtuc] {
    border: none;
    background: transparent;
    padding: 0.35rem 0.45rem;
    color: #32434B;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.fc-detail-btn--link:hover[b-y82k7shtuc] {
    background: transparent;
    color: var(--fc-brand);
}

.fc-detail-btn--link i[b-y82k7shtuc] {
    font-size: 0.65rem;
}

.fc-detail-btn--icon[b-y82k7shtuc] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    justify-content: center;
    border: 1px solid #E4EAF0;
    border-radius: 0.35rem;
    color: #32434B;
    background: #F2F4F7;
}

.fc-detail-btn--icon:hover[b-y82k7shtuc] {
    border-color: var(--fc-brand);
    color: var(--fc-brand);
    background: var(--fc-sky);
}

.fc-detail-outline-btn[b-y82k7shtuc] {
    border: 1.5px solid var(--fc-brand) !important;
    color: var(--fc-brand) !important;
    background: #fff !important;
    font-weight: 600 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 0.35rem !important;
    padding: 0.4rem 0.75rem !important;
}

.fc-detail-outline-btn:hover[b-y82k7shtuc] {
    background: var(--fc-sky) !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero {
    flex-direction: row !important;
    align-items: flex-start !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-main {
    align-items: center !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.1rem !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-icon {
    width: 1.55rem !important;
    height: 1.55rem !important;
    min-width: 1.55rem !important;
    border-radius: 0.35rem !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-icon-svg {
    width: 0.85rem !important;
    height: 0.85rem !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-title {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-actions {
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    width: auto !important;
}

.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-actions > button,
.fc-detail-panel[b-y82k7shtuc]  .fc-review-hero-actions > .btn {
    white-space: nowrap !important;
}

.fc-detail-panel[b-y82k7shtuc] {
    /* Header chrome → Final review: same as section→section (no padding) */
    margin-top: var(--fc-section-stack-gap);
    padding: 0;
}

/* Stack gap via flex gap (not margin) — matches section→section spacing */
.fc-detail-panel[b-y82k7shtuc]  form,
.fc-detail-panel form[b-y82k7shtuc] {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--fc-section-stack-gap) !important;
}

/* Tab strip — Figma: white chrome under header, teal active pill */
.fc-detail[b-y82k7shtuc]  .k-tabstrip {
    background: transparent !important;
    border: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items-wrapper {
    background: #fff !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 0.5rem !important;
    margin: 0 !important;
    border-radius: 0 0 0.55rem 0.55rem;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items {
    background: transparent !important;
    border: none !important;
    gap: 0.75rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    padding: 0 !important;
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item {
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.4rem 0.7rem !important;
    border-radius: 0.4rem 0.4rem 0 0 !important;
    color: #32434B !important;
    background: transparent !important;
    border: none !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fc-detail-tab-icon,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .k-icon {
    color: #32434B !important;
    font-size: 1.1rem !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fc-detail-tab-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    flex-shrink: 0;
    overflow: visible;
}

/* History tab — FP outline clock/undo SVG (AppTabStrip EnableHistory FA icon) */
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-history,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-history,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-clock,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-clock,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-clock-rotate-left,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-clock-rotate-left,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i[class*="history"],
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i[class*="undo"] {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    display: inline-block !important;
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask-image: url("/images/icons/fp-tab-history.svg") !important;
    mask-image: url("/images/icons/fp-tab-history.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-history::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-history::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-clock::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-clock::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i.fa-clock-rotate-left::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link .fa-clock-rotate-left::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i[class*="history"]::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item .k-link i[class*="undo"]::before {
    content: none !important;
    display: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    background: var(--fc-sky) !important;
    color: var(--fc-brand) !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover i,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .fa,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .fc-detail-tab-icon {
    color: var(--fc-brand) !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link {
    background: var(--fc-brand) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* Sit flush on content edge — kills white hairline under INFO */
    margin-bottom: -1px !important;
    position: relative !important;
    z-index: 1 !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active::after,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link::after {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active::after,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link::before,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link::after {
    content: none !important;
    display: none !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link i,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link .fa,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-item.k-active .k-link .fc-detail-tab-icon {
    color: #fff !important;
}

/* Hide History/Attachments count badges in tab header */
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .badge,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-badge,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-link .badge,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-items .k-link .k-badge {
    display: none !important;
}

/* —— History tab (AppTimeline) — Figma Audit History look, CSS only —— */
.fc-detail[b-y82k7shtuc]  .container:has(> .timeline),
.fc-detail[b-y82k7shtuc]  .container:has(.timeline) {
    max-width: 100% !important;
    /* Same gap as header chrome → Info / Attachments content */
    margin: var(--fc-section-stack-gap, 0.5rem) 0 0 !important;
    padding: 1rem 1.15rem 1.15rem !important;
    background: #fff !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline {
    list-style: none !important;
    margin: 0 !important;
    padding: 0.35rem 0 0.25rem 0 !important;
    position: relative !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline::before {
    content: "" !important;
    position: absolute !important;
    top: 0.35rem !important;
    bottom: 0.35rem !important;
    left: 0.85rem !important;
    width: 1.5px !important;
    margin: 0 !important;
    background: #E4EAF0 !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline > li {
    margin: 0 !important;
    padding: 0 0 0.85rem 2.65rem !important;
    position: relative !important;
    list-style: none !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline > li:last-child {
    padding-bottom: 0 !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline > li + li {
    border-top: 1px solid #E8EDF2 !important;
    padding-top: 0.85rem !important;
    margin-top: 0.15rem !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline > li::before,
.fc-detail[b-y82k7shtuc]  ul.timeline > li::after {
    display: none !important;
    content: none !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-badge {
    position: absolute !important;
    left: 0 !important;
    top: 0.15rem !important;
    width: 1.7rem !important;
    height: 1.7rem !important;
    margin: 0 !important;
    line-height: 1.7rem !important;
    font-size: 0.7rem !important;
    color: #fff !important;
    background: #033D53 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    box-shadow: 0 0 0 3px #fff !important;
}

.fc-detail[b-y82k7shtuc]  ul.timeline > li + li .timeline-badge {
    top: 1rem !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-badge i,
.fc-detail[b-y82k7shtuc]  .timeline-badge .fa,
.fc-detail[b-y82k7shtuc]  .timeline-badge .fal,
.fc-detail[b-y82k7shtuc]  .timeline-badge .far,
.fc-detail[b-y82k7shtuc]  .timeline-badge .fas {
    color: #fff !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-panel {
    width: 100% !important;
    float: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-panel::before,
.fc-detail[b-y82k7shtuc]  .timeline-panel::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-heading {
    margin: 0 0 0.35rem !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-title {
    margin: 0 0 0.3rem !important;
    color: #1A2332 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em;
}

.fc-detail[b-y82k7shtuc]  .timeline-heading p {
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-heading .text-muted,
.fc-detail[b-y82k7shtuc]  .timeline-heading small {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    color: #6B7A86 !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-alt,
.fc-detail[b-y82k7shtuc]  .timeline-heading .far.fa-calendar-alt,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-day,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-days {
    color: #32434B !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0 !important;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/app-page-calendar.svg") !important;
    mask-image: url("/images/icons/app-page-calendar.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-alt::before,
.fc-detail[b-y82k7shtuc]  .timeline-heading .far.fa-calendar-alt::before,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar::before,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-day::before,
.fc-detail[b-y82k7shtuc]  .timeline-heading .fa-calendar-days::before {
    content: none !important;
    display: none !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-body {
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-body > p {
    margin: 0 0 0.35rem !important;
    color: #1A2332 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    white-space: pre-wrap !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-body > p:last-child {
    margin-bottom: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-body strong {
    color: #1A2332 !important;
    font-weight: 700 !important;
}

/* Time/user line inherits pre-wrap from the parent <p> and keeps a source
   newline after "by". Collapse that so "4:56 PM by Name" stays on one line. */
.fc-detail[b-y82k7shtuc]  .timeline-body .text-muted,
.fc-detail[b-y82k7shtuc]  .timeline-body small {
    display: inline !important;
    margin-top: 0 !important;
    color: #6B7A86 !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.fc-detail[b-y82k7shtuc]  .timeline-body .fa-clock,
.fc-detail[b-y82k7shtuc]  .timeline-body .far.fa-clock {
    color: #6B7A86 !important;
    margin-right: 0.25rem !important;
}

/* Empty / loading states inside History tab */
.fc-detail[b-y82k7shtuc]  .k-tabstrip-content .app-min-h-300,
.fc-detail[b-y82k7shtuc]  .k-content .app-min-h-300 {
    min-height: 8rem !important;
    background: #fff !important;
    border-radius: 0.5rem !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip-content .mt-3,
.fc-detail[b-y82k7shtuc]  .k-content > .mt-3 {
    margin-top: var(--fc-section-stack-gap, 0.5rem) !important;
}

.fc-detail[b-y82k7shtuc]  .k-tabstrip > .k-content,
.fc-detail[b-y82k7shtuc]  .k-tabstrip .k-content,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-content,
.fc-detail[b-y82k7shtuc]  .k-tabstrip-content.k-active {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    padding-top: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* Header/tabs → History: same gap as Info/Attachments panels */
.fc-detail[b-y82k7shtuc]  .k-tabstrip-content:has(.timeline) > .container,
.fc-detail[b-y82k7shtuc]  .k-content:has(.timeline) > .container,
.fc-detail[b-y82k7shtuc]  .container:has(.timeline) {
    margin-top: var(--fc-section-stack-gap, 0.5rem) !important;
}

/* Attachments / History package content — light Figma polish */
.fc-detail[b-y82k7shtuc]  .k-content .card,
.fc-detail[b-y82k7shtuc]  .k-content .app-card,
.fc-detail[b-y82k7shtuc]  .k-content .AppCard {
    border: none !important;
    border-radius: 0.65rem !important;
    box-shadow: none !important;
    background: #fff !important;
}

.fc-detail[b-y82k7shtuc]  .fc-review-section,
.fc-detail[b-y82k7shtuc]  .fc-review-hero {
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
}

/* Edit page: no sticky; no margin — spacing comes from parent flex gap */
.fc-detail[b-y82k7shtuc]  .fc-review-hero {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    isolation: auto;
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .fc-review-section {
    margin-bottom: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .fc-review-validation {
    margin: 0 !important;
}

.fc-detail[b-y82k7shtuc]  .k-content h3,
.fc-detail[b-y82k7shtuc]  .k-content h4,
.fc-detail[b-y82k7shtuc]  .k-content .card-title {
    color: var(--fc-text) !important;
    font-weight: 700 !important;
}

.fc-detail[b-y82k7shtuc]  .k-content .dropzone,
.fc-detail[b-y82k7shtuc]  .k-content [class*="drop"],
.fc-detail[b-y82k7shtuc]  .k-content .k-upload {
    border: 1.5px dashed #C5D0DA !important;
    border-radius: 0.5rem !important;
    background: #FAFCFE !important;
}

.fc-detail[b-y82k7shtuc]  .k-content textarea,
.fc-detail[b-y82k7shtuc]  .k-content .form-control {
    background: #F7FAFC !important;
    border: 1px solid var(--fc-border) !important;
    border-radius: 0.45rem !important;
}

@media (max-width: 767px) {
    .fc-detail-header[b-y82k7shtuc] {
        align-items: flex-start;
        padding: 0.5rem 0.75rem 0.75rem;
    }

    .fc-detail-title[b-y82k7shtuc] {
        font-size: 1.05rem;
    }

    .fc-detail-header__actions[b-y82k7shtuc] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Forms/AppPageFinancialPressureReview.razor.rz.scp.css */
/* Financial Pressure Request Review — FC Final Review aligned UI */

.fp-review[b-jxtl1k4le3] {
  --fp-brand: #033D53;
  --fp-sky: #E0F2FE;
  --fp-border: #E2E8F0;
  --fp-muted: #6B7A86;
  --fp-text: #1A2332;
  --fp-ink: #32434B;
  --fp-strong: #121A1F;
  --fp-soft: #F0F4F8;
  --fp-section-stack-gap: 0.75rem;
}

/* —— Hero / status strip —— */
.fp-review-hero[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  padding: 0.72rem 1.05rem !important;
  margin: 0.15rem 0 var(--fp-section-stack-gap, 0.75rem) !important;
  box-sizing: border-box;
}

.fp-review-hero-main[b-jxtl1k4le3] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fp-review-hero-icon[b-jxtl1k4le3] {
  flex-shrink: 0;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 0.35rem;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  margin: 0;
}

.fp-review-hero-icon i.app-nav-icon-financial-pressure[b-jxtl1k4le3] {
  font-size: 0 !important;
  line-height: 0 !important;
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  background-color: currentColor !important;
  -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fp-review-hero-icon i.app-nav-icon-financial-pressure[b-jxtl1k4le3]::before {
  content: none !important;
  display: none !important;
}

.fp-review-hero-copy[b-jxtl1k4le3] {
  min-width: 0;
}

.fp-review-hero-title[b-jxtl1k4le3] {
  display: block;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: #1A2332 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.65rem !important; /* match hero icon height for optical align */
}

.fp-review-hero-sub[b-jxtl1k4le3] {
  display: block;
  font-size: 0.8rem !important;
  color: var(--fp-muted);
  margin: 0.1rem 0 0 !important;
  max-width: 36rem;
  line-height: 1.2 !important;
}

.fp-review-hero-actions[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.75rem;
  flex-shrink: 0;
  justify-content: flex-end;
}

.fp-review-funded-amt[b-jxtl1k4le3] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--fp-ink);
}

/* Figma — mint Amount Funded pill */
.fp-review-funded-pill[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.7rem;
  border-radius: 0.45rem;
  background: #E4F2EA;
  color: #0A5A36;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  margin-right: 0.35rem; /* slight left of Status group */
  position: relative;
  left: -0.35rem;
}

.fp-status-badge[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  background: #FFEAD8;
  color: #8B4513;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.25;
}

.fp-status-badge i[b-jxtl1k4le3] {
  font-size: 0.62rem;
}

/* —— Section cards —— */
.fp-review-section[b-jxtl1k4le3] {
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  margin-bottom: var(--fp-section-stack-gap, 0.75rem);
  overflow: hidden;
}

.fp-review-section-head[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid #E2E8F0;
  background: transparent;
}

.fp-review-section-title-wrap[b-jxtl1k4le3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fp-review-section-icon[b-jxtl1k4le3] {
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 0.35rem;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
}

.fp-review-section-icon-svg[b-jxtl1k4le3] {
  width: 0.85rem;
  height: 0.85rem;
  display: block;
}

.fp-review-section-title[b-jxtl1k4le3] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fp-review-body[b-jxtl1k4le3] {
  padding: 0.35rem 1.15rem 1.15rem;
}

.fp-review-grid[b-jxtl1k4le3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1.15rem;
}

@media (min-width: 768px) {
  .fp-review-grid[b-jxtl1k4le3] {
    grid-template-columns: 1fr 1fr;
  }

  .fp-review-grid-col + .fp-review-grid-col[b-jxtl1k4le3] {
    border-left: 1px solid #E4EAF0;
    padding-left: 1.15rem;
  }
}

.fp-review-row[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #E8EDF2;
}

.fp-review-row:last-child[b-jxtl1k4le3] {
  border-bottom: none;
}

.fp-review-row--stack[b-jxtl1k4le3] {
  flex-direction: column;
  gap: 0.2rem;
}

.fp-review-row--stack .fp-review-label[b-jxtl1k4le3] {
  flex: none;
  width: auto;
  max-width: none;
}

.fp-review-label[b-jxtl1k4le3] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fp-muted);
  margin: 0;
  line-height: 1.35;
}

.fp-review-value[b-jxtl1k4le3] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fp-text);
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.fp-ratio-badge[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  margin-left: 0.35rem;
  padding: 0.1rem 0.4rem;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.25;
  vertical-align: middle;
}

.fp-ratio-badge--ok[b-jxtl1k4le3] {
  background: #E8F6E9;
  color: #1E2E21;
}

.fp-ratio-badge--pending[b-jxtl1k4le3] {
  background: #FFF4E5;
  color: #8B4513;
}

.fp-review-success[b-jxtl1k4le3] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0.25rem 0 var(--fp-section-stack-gap);
  padding: 0.75rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0;
  background: #E8F6E9;
  color: #1E2E21;
  font-size: 0.8rem;
  font-weight: 600;
}

.fp-review-success i[b-jxtl1k4le3] {
  color: #005E06;
}

/* Figma — Status : [dark green pill] */
.fp-review-status-row[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.65rem;
  margin: 0.25rem 0 var(--fp-section-stack-gap);
}

.fp-review-status-row--hero[b-jxtl1k4le3] {
  margin: 0;
}

.fp-review-status-row__label[b-jxtl1k4le3] {
  color: #121A1F;
  font-size: 0.875rem; /* 14px ≥ 11px */
  font-weight: 700;
  line-height: 1.3;
}

.fp-review-status-badge[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.7rem;
  border-radius: 0.45rem;
  font-size: 0.75rem; /* 12px ≥ 11px */
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.fp-review-status-badge i[b-jxtl1k4le3] {
  font-size: 0.85rem;
  line-height: 1;
  color: inherit;
  flex-shrink: 0;
}

/* Figma hero status — dark green #005E07, white icon + uppercase label */
.fp-review-status-badge--hero[b-jxtl1k4le3],
.fp-review-status-badge--synced[b-jxtl1k4le3] {
  background: #005E07;
  color: #FFFFFF;
}

.fp-review-status-badge__icon[b-jxtl1k4le3] {
  display: inline-block;
  flex: 0 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fp-review-status-badge__icon--draft[b-jxtl1k4le3] {
  -webkit-mask-image: url("/images/icons/fp-tab-my-drafts.svg");
  mask-image: url("/images/icons/fp-tab-my-drafts.svg");
}

.fp-review-section--synced-status[b-jxtl1k4le3] {
  overflow: visible;
}

.fp-review-section--synced-status .fp-review-section-head[b-jxtl1k4le3] {
  display: none;
}

.fp-review-body--synced-status[b-jxtl1k4le3] {
  padding: 0.85rem 1rem !important;
}

.fp-review-section--synced-status .fp-review-status-row[b-jxtl1k4le3] {
  margin: 0;
}

/* —— Validation checklist panel —— */
.fp-validation[b-jxtl1k4le3] {
  margin-top: 0.25rem;
  margin-bottom: var(--fp-section-stack-gap, 0.75rem);
  background: #FFFFFF;
  border: 1px solid var(--fp-border);
  border-radius: 10px;
  overflow: visible;
}

.fp-validation__head[b-jxtl1k4le3] {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.85rem 1rem 0.75rem;
  border-bottom: 1px solid var(--fp-border);
}

.fp-validation__icon[b-jxtl1k4le3] {
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  margin-top: 0.1rem;
  border-radius: 0.35rem;
  background-color: var(--fp-brand);
  background-image: url("/images/icons/fc-validation-checklist.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.9rem 0.9rem;
}

.fp-validation__head-copy[b-jxtl1k4le3] {
  min-width: 0;
  flex: 1 1 auto;
}

.fp-validation__title[b-jxtl1k4le3] {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--fp-strong);
  line-height: 1.3;
}

.fp-validation__sub[b-jxtl1k4le3] {
  margin: 0.25rem 0 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--fp-muted);
  line-height: 1.35;
}

.fp-validation__body[b-jxtl1k4le3] {
  padding: 0.85rem 1rem 1rem;
}

.fp-validation__check[b-jxtl1k4le3] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  margin-bottom: 0.75rem;
}

.fp-validation__check-label[b-jxtl1k4le3] {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--fp-ink);
  line-height: 1.35;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__check .k-checkbox-wrap,
.fp-validation[b-jxtl1k4le3]  .fp-validation__check .k-checkbox {
  margin: 0 !important;
  flex-shrink: 0;
}

.fp-validation[b-jxtl1k4le3]  .k-checkbox {
  border-radius: 5px !important;
  border-color: #32434B !important;
  border-width: 2px !important;
  background-color: #FFFFFF !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  color: #32434B !important;
  box-shadow: none !important;
}

.fp-validation[b-jxtl1k4le3]  .k-checkbox:checked,
.fp-validation[b-jxtl1k4le3]  .k-checked .k-checkbox,
.fp-validation[b-jxtl1k4le3]  .k-checkbox.k-checked {
  background-color: #32434B !important;
  border-color: #32434B !important;
  color: #FFFFFF !important;
}

.fp-validation__required[b-jxtl1k4le3] {
  color: #DC2626;
  font-weight: 700;
}

.fp-validation__note[b-jxtl1k4le3] {
  margin: 0.5rem 0 0.85rem;
  padding: 0.75rem 0.85rem;
  border-radius: 8px;
  background: #FFF8EB;
  border: 1px solid var(--fp-border);
  color: var(--fp-ink);
  font-size: 0.8rem;
  line-height: 1.4;
}

.fp-validation__hint[b-jxtl1k4le3] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: var(--fp-muted);
}

.fp-validation__error[b-jxtl1k4le3] {
  margin-top: 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #B91C1C;
}

.fp-validation__decisions[b-jxtl1k4le3] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--fp-border);
  overflow: visible;
}

@media (min-width: 768px) {
  .fp-validation__decisions[b-jxtl1k4le3] {
    grid-template-columns: 1fr 1fr;
  }

  .fp-validation__decision + .fp-validation__decision[b-jxtl1k4le3] {
    border-left: 1px solid var(--fp-border);
    padding-left: 1rem;
  }
}

.fp-validation__decision-title[b-jxtl1k4le3] {
  margin: 0 0 0.65rem;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.3;
}

.fp-validation__decision-title--approve[b-jxtl1k4le3] {
  color: #1E2E21;
}

.fp-validation__decision-title--reject[b-jxtl1k4le3] {
  color: #35161C;
}

.fp-validation__label[b-jxtl1k4le3] {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fp-ink);
  line-height: 1.3;
}

/* Match "Recommend for Funding" title */
.fp-validation__label--heading[b-jxtl1k4le3] {
  margin: 0 0 0.65rem;
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1E2E21;
}

/* Recommendation + Rejection fields — same default size */
.fp-validation[b-jxtl1k4le3]  .fp-validation__textarea.k-textarea,
.fp-validation[b-jxtl1k4le3]  .k-textarea.fp-validation__textarea,
.fp-validation[b-jxtl1k4le3]  .fp-validation__textarea,
.fp-validation[b-jxtl1k4le3]  .k-textarea {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 2.5rem !important;
  margin-bottom: 0.75rem;
  border: 1px solid var(--fp-border) !important;
  border-radius: 8px !important;
  background: var(--fp-soft) !important;
  color: var(--fp-ink) !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.fp-validation[b-jxtl1k4le3]  .k-textarea .k-input-inner,
.fp-validation[b-jxtl1k4le3]  .k-textarea textarea,
.fp-validation[b-jxtl1k4le3]  .fp-validation__textarea textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 2.5rem !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.55rem 0.75rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--fp-ink) !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  resize: vertical !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  field-sizing: content;
}

.fp-validation[b-jxtl1k4le3]  .k-textarea .k-input-inner::placeholder,
.fp-validation[b-jxtl1k4le3]  .k-textarea textarea::placeholder,
.fp-validation[b-jxtl1k4le3]  .fp-validation__textarea textarea::placeholder {
  color: #6B7A86 !important;
  opacity: 1 !important;
  font-size: 0.875rem !important;
}

.fp-validation[b-jxtl1k4le3]  .k-textarea .k-input-inner::-webkit-scrollbar,
.fp-validation[b-jxtl1k4le3]  .k-textarea textarea::-webkit-scrollbar,
.fp-validation[b-jxtl1k4le3]  .fp-validation__textarea textarea::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fp-validation[b-jxtl1k4le3]  .k-textarea:focus-within {
  border-color: var(--fp-brand) !important;
  box-shadow: 0 0 0 2px rgba(3, 61, 83, 0.12) !important;
  background: #FFFFFF !important;
}

/* Rejection dropdown — same height/font as recommend field */
.fp-validation__reject[b-jxtl1k4le3] {
  margin: 0 0 0.75rem;
  position: relative;
  z-index: 5;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select {
  width: 100%;
  display: flex;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__control {
  width: 100%;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__trigger {
  width: 100%;
  min-width: 0;
  background: var(--fp-soft);
  color: var(--fp-ink);
  border: 1px solid var(--fp-border);
  border-radius: 8px;
  height: 2.5rem;
  min-height: 2.5rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__value.is-placeholder {
  color: #6B7A86;
  font-size: 0.875rem;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select.is-open .fc-select__trigger,
.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__trigger:focus,
.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__trigger:focus-visible {
  border: 1.5px solid var(--fp-brand) !important;
  background: #FFFFFF !important;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu {
  width: 22rem;
  min-width: 0;
  max-width: min(22rem, 100%);
  max-height: 16rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 0.4rem 0.35rem 0.4rem 0.4rem;
  z-index: 80;
  scrollbar-gutter: stable;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar {
  width: 12px;
  background: transparent;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-track {
  background: transparent;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-corner {
  background: transparent;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-track-piece:vertical {
  background: #E0F2FE;
  border-radius: 999px;
  margin: 2px 4px;
  border: 4px solid transparent;
  background-clip: padding-box;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-thumb {
  background: #32434B;
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: padding-box;
  min-height: 32px;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-thumb:hover {
  background: #121A1F;
  background-clip: padding-box;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button {
  display: block;
  height: 16px;
  width: 12px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 6px;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:start:increment,
.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select .fc-select__menu::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
  height: 0;
  width: 0;
}

.fp-validation[b-jxtl1k4le3]  .fp-validation__fc-select.is-open {
  z-index: 80;
}

.fp-validation__decision[b-jxtl1k4le3] {
  position: relative;
  z-index: 1;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.fp-review-section--back[b-jxtl1k4le3] {
  margin-bottom: 0;
}

.fp-review-body--back[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  padding: 0.85rem 1.15rem;
}

.fp-validation__actions[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1px solid var(--fp-border);
}

.fp-validation__actions-end[b-jxtl1k4le3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  margin-left: auto;
}

.fp-validation__message[b-jxtl1k4le3] {
  margin: 0.5rem 0 0.75rem;
  padding: 0.75rem 0.85rem;
  border-radius: 8px;
  background: var(--fp-sky);
  border: 1px solid var(--fp-border);
  color: var(--fp-ink);
  font-size: 0.85rem;
}

.fp-validation__message-body[b-jxtl1k4le3] {
  margin-top: 0.35rem;
  line-height: 1.4;
}

.fp-validation__btn[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.4rem;
  padding: 0.5rem 1.05rem;
  border-radius: 8px;
  border: 1.5px solid transparent;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fp-validation__btn:disabled[b-jxtl1k4le3] {
  opacity: 0.55;
  cursor: not-allowed;
}

.fp-validation__btn i[b-jxtl1k4le3] {
  font-size: 0.82rem;
  line-height: 1;
}

/* Figma back: default soft; hover = brand dark + white; click = deeper dark + white */
.fp-validation__btn--back[b-jxtl1k4le3] {
  background: #E1F1FD;
  border-color: #32434B;
  color: #32434B;
}

.fp-validation__btn--back:hover:not(:disabled)[b-jxtl1k4le3],
.fp-validation__btn--back:focus-visible:not(:disabled)[b-jxtl1k4le3] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-validation__btn--back:active:not(:disabled)[b-jxtl1k4le3],
.fp-validation__btn--back:hover:active:not(:disabled)[b-jxtl1k4le3],
.fp-validation__btn--back:focus:active:not(:disabled)[b-jxtl1k4le3] {
  background: #022A3A;
  border-color: #022A3A;
  color: #FFFFFF;
}

.fp-validation__btn--reject[b-jxtl1k4le3] {
  background: #FFEAED;
  border-color: #35161C;
  color: #35161C;
}

.fp-validation__btn--reject:hover:not(:disabled)[b-jxtl1k4le3] {
  background: #7F1D1C;
  border-color: #7F1D1C;
  color: #FFFFFF;
}

.fp-validation__btn--reject:active:not(:disabled)[b-jxtl1k4le3] {
  background: #541414;
  border-color: #541414;
  color: #FFFFFF;
}

.fp-validation__btn--approve[b-jxtl1k4le3] {
  background: #E8F6E9;
  border-color: #1E2E21;
  color: #1E2E21;
}

.fp-validation__btn--approve:hover:not(:disabled)[b-jxtl1k4le3] {
  background: #005E06;
  border-color: #005E06;
  color: #FFFFFF;
}

.fp-validation__btn--approve:active:not(:disabled)[b-jxtl1k4le3] {
  background: #004705;
  border-color: #004705;
  color: #FFFFFF;
}

/* Funding amount input */
.fp-review[b-jxtl1k4le3]  .fp-funding-amount,
.fp-review[b-jxtl1k4le3]  .k-numerictextbox {
  width: 100% !important;
  max-width: 14rem;
}

.fp-review[b-jxtl1k4le3]  .k-numerictextbox .k-input-inner,
.fp-review[b-jxtl1k4le3]  .k-numerictextbox .k-input {
  border: 1px solid var(--fp-border) !important;
  border-radius: 8px !important;
  background: var(--fp-soft) !important;
  color: var(--fp-ink) !important;
  font-size: 0.85rem !important;
  box-shadow: none !important;
}

.fp-funding-grid[b-jxtl1k4le3] {
  margin-top: 0.35rem;
}

/* —— Tab strip (Info / Attachments / Messages / History) — full-width FC chrome —— */
.fp-review-page[b-jxtl1k4le3] {
  --fp-brand: #033D53;
  --fp-sky: #E0F2FE;
  --fp-ink: #32434B;
  --fp-border: #E2E8F0;
  width: 100%;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  box-sizing: border-box !important;
  background: #FFFFFF !important;
  border: 1px solid var(--fp-border) !important;
  border-radius: 8px !important;
  /* Top padding only — tabs flush to bottom like FC */
  padding: 0.65rem 1.2rem 0 !important;
  margin: 0 0 0.6rem !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04) !important;
  overflow-x: auto !important;
  min-height: 3.5rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  gap: 0.85rem !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item {
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

/* Visual order: Info, Attachments, Messages, History (Messages is injected after History in markup) */
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:nth-child(3) {
  order: 4;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:nth-child(4) {
  order: 3;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.75rem 1.2rem !important;
  border-radius: 0.45rem 0.45rem 0 0 !important;
  color: #32434B !important;
  background: transparent !important;
  border: none !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  min-height: 2.7rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fa,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fp-review-tab-icon,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .k-icon {
  color: #32434B !important;
  font-size: 1.1rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fp-review-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  flex-shrink: 0;
  overflow: visible;
}

/* Attachments tab — Figma paperclip SVG (replaces FA paperclip from AppTabStrip) */
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i.fa-paperclip,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fa-paperclip,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i[class*="paperclip"] {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  display: inline-block !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("/images/icons/fp-tab-attachments.svg") !important;
  mask-image: url("/images/icons/fp-tab-attachments.svg") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i.fa-paperclip::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fa-paperclip::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i[class*="paperclip"]::before {
  content: none !important;
  display: none !important;
}

/* Messages tab — outline chat SVG (same optical size as Info / Attachments) */
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i.fa-comment,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fa-comment,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i[class*="comment"] {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  display: inline-block !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask-image: url("/images/icons/fp-tab-messages.svg") !important;
  mask-image: url("/images/icons/fp-tab-messages.svg") !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i.fa-comment::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link .fa-comment::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item .k-link i[class*="comment"]::before {
  content: none !important;
  display: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
  background: #E0F2FE !important;
  color: #033D53 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover i,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .fa,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .fp-review-tab-icon,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover .k-icon {
  color: #033D53 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link {
  background: #033D53 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: -1px !important;
  position: relative !important;
  z-index: 1 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active::after,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link::after {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active::after,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link::before,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link::after {
  content: none !important;
  display: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link i,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link .fa,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link .fp-review-tab-icon,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-item.k-active .k-link .k-icon {
  color: #fff !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .badge,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-badge,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-link .badge,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-items .k-link .k-badge {
  display: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip > .k-content,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip .k-content,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content.k-active {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  padding-top: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
}

/* —— Attachments tab — FC Uploaded files pattern —— */
.fp-review-section--docs[b-jxtl1k4le3] {
  margin-top: 0;
}

.fp-review-body--docs[b-jxtl1k4le3] {
  padding-top: 0.35rem;
}

.fp-review-attachments[b-jxtl1k4le3] {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #E4EAF0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}

.fp-review-attachment-row[b-jxtl1k4le3] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #E8EDF2;
  min-width: 0;
}

.fp-review-attachment-row:last-child[b-jxtl1k4le3] {
  border-bottom: none;
}

.fp-review-file-badge[b-jxtl1k4le3] {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.4rem;
  /* Figma attachment badge — dark teal + light glyph */
  background: #033D53;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #033D53;
}

.fp-review-file-badge--pdf[b-jxtl1k4le3] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-review-file-badge--doc[b-jxtl1k4le3] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-review-file-badge--xls[b-jxtl1k4le3] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-review-file-badge--img[b-jxtl1k4le3] {
  background: #033D53; /* Figma attachment badge teal */
  border-color: #033D53;
  color: #FFFFFF;
}

.fp-review-file-badge--img img[b-jxtl1k4le3] {
  filter: brightness(0) invert(1);
}

.fp-review-file-badge-label[b-jxtl1k4le3] {
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
}

.fp-review-file-name[b-jxtl1k4le3] {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left !important;
  color: #6B7A86 !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-decoration: underline !important;
  text-underline-offset: 0.12em;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal !important;
  line-height: 1.35 !important;
}

.fp-review-file-name:hover[b-jxtl1k4le3],
.fp-review-file-name:focus[b-jxtl1k4le3] {
  color: #32434B !important;
}

.fp-review-file-actions[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: auto;
  flex-shrink: 0;
}

.fp-review-file-action[b-jxtl1k4le3] {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
  color: #32434B;
  border-radius: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.fp-review-file-action:hover:not(:disabled)[b-jxtl1k4le3] {
  background: #F3F6F9;
  color: #1A2332;
}

.fp-review-file-action:disabled[b-jxtl1k4le3] {
  opacity: 0.55;
  cursor: not-allowed;
}

.fp-review-file-action--danger[b-jxtl1k4le3] {
  color: #D92D20;
}

.fp-review-file-action--danger:hover:not(:disabled)[b-jxtl1k4le3] {
  background: #FEF3F2;
  color: #B42318;
}

/* —— Upload dropzone (Figma) —— */
.fp-review-upload[b-jxtl1k4le3] {
  margin-top: 1rem;
}

.fp-review-upload__label[b-jxtl1k4le3] {
  display: block;
  margin: 0 0 0.45rem;
  color: #32434B;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
}

.fp-review-upload__drop[b-jxtl1k4le3] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 8.5rem;
  padding: 1.25rem 1rem;
  border: 1.5px dashed #C5D0DA;
  border-radius: 0.55rem;
  background: #FFFFFF;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fp-review-upload__drop:hover[b-jxtl1k4le3],
.fp-review-upload__drop:focus-within[b-jxtl1k4le3] {
  background: #E0F2FE;
  border-color: #033D53;
  color: #033D53;
}

.fp-review-upload__drop.is-disabled[b-jxtl1k4le3] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  background: #FAFCFE;
}

.fp-review-upload__icon[b-jxtl1k4le3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #32434B;
  margin-bottom: 0.15rem;
}

.fp-review-upload__drop:hover .fp-review-upload__icon[b-jxtl1k4le3],
.fp-review-upload__drop:focus-within .fp-review-upload__icon[b-jxtl1k4le3] {
  color: #033D53;
}

.fp-review-upload__drop:hover .fp-review-upload__title[b-jxtl1k4le3],
.fp-review-upload__drop:focus-within .fp-review-upload__title[b-jxtl1k4le3] {
  color: #033D53;
}

.fp-review-upload__title[b-jxtl1k4le3] {
  color: #32434B;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.fp-review-upload__hint[b-jxtl1k4le3] {
  color: #6B7A86;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  max-width: 28rem;
}

.fp-review-upload__input[b-jxtl1k4le3],
.fp-review-upload__drop[b-jxtl1k4le3]  input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.fp-review-upload__drop[b-jxtl1k4le3]  input[type="file"]::-webkit-file-upload-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fp-review-upload__error[b-jxtl1k4le3] {
  margin-top: 0.55rem;
  color: #B42318;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
}

.fp-review-attachments + .fp-review-upload[b-jxtl1k4le3] {
  margin-top: 1.1rem;
  padding-top: 1.1rem;
  border-top: 1px solid #E8EDF2;
}

/* —— History tab (Figma Audit History) —— */
.fp-review-section--history[b-jxtl1k4le3] {
  min-height: 22rem;
}

.fp-review-section--history .fp-review-section-title[b-jxtl1k4le3] {
  font-size: 0.9375rem;
  color: #121A1F;
}

.fp-review-body--history[b-jxtl1k4le3] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 16rem;
  padding-top: 0.25rem;
}

.fp-review-section--history[b-jxtl1k4le3]  .container,
.fp-review-section--history[b-jxtl1k4le3]  .app-min-h-300 {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-height: 14rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Empty state — Figma centered "No History Yet" (overrides package info banner) */
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note-info,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note-primary,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert-info,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert-primary {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  min-height: 14rem !important;
  width: 100% !important;
  margin: 0.35rem 0 0 !important;
  padding: 2.25rem 1.25rem !important;
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  color: #6B7A86 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note::before,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note-info::before,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note-primary::before,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert::before,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert-info::before,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert-primary::before {
  content: "" !important;
  display: block !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: url("/images/icons/fp-history-empty.svg") center / contain no-repeat !important;
  background-color: transparent !important;
  font-family: none !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  color: transparent !important;
  line-height: 0 !important;
  text-align: left !important;
}

.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note i,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note .fa,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert i,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert .fa,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note .close,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert .btn-close {
  display: none !important;
}

.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note > *,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert > * {
  flex: 0 0 auto !important;
  color: #6B7A86 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note strong,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .note .note-title,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert strong,
.fp-review-page .fp-review-section--history[b-jxtl1k4le3]  .alert .alert-heading {
  color: #6B7A86 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

/* Legacy empty selectors (timeline wrapper) — keep as fallback */
.fp-review-section--history[b-jxtl1k4le3]  .app-min-h-300:not(:has(ul.timeline > li)),
.fp-review-section--history[b-jxtl1k4le3]  .container:not(:has(ul.timeline > li)):not(:has(.note)):not(:has(.alert)) {
  align-items: center !important;
  justify-content: center !important;
}

.fp-review-section--history[b-jxtl1k4le3]  .app-min-h-300:not(:has(ul.timeline > li))::before,
.fp-review-section--history[b-jxtl1k4le3]  .container:not(:has(ul.timeline > li)):not(:has(.note)):not(:has(.alert))::before {
  content: "" !important;
  display: block !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 0 0.75rem !important;
  background: url("/images/icons/fp-history-empty.svg") center / contain no-repeat !important;
}

.fp-review-section--history[b-jxtl1k4le3]  .app-min-h-300:not(:has(ul.timeline > li))::after,
.fp-review-section--history[b-jxtl1k4le3]  .container:not(:has(ul.timeline > li)):not(:has(.note)):not(:has(.alert))::after {
  content: "No History Yet" !important;
  color: #6B7A86 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.fp-review-section--history[b-jxtl1k4le3]  .app-min-h-300:not(:has(ul.timeline > li)) > *:not(ul),
.fp-review-section--history[b-jxtl1k4le3]  .container:not(:has(ul.timeline > li)):not(:has(.note)):not(:has(.alert)) > *:not(ul) {
  display: none !important;
}

.fp-review-section--history[b-jxtl1k4le3]  ul.timeline:not(:has(> li)) {
  display: none !important;
}

.fp-review-empty[b-jxtl1k4le3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 2rem 1rem;
  text-align: center;
}

.fp-review-empty-icon[b-jxtl1k4le3] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  background: #F0F4F8;
  color: #6B7A86;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fp-review-empty p[b-jxtl1k4le3] {
  margin: 0;
  color: #6B7A86;
  font-size: 0.875rem;
  font-weight: 500;
}

/* —— History tab (AppTimeline) — FC Audit History look —— */
.fp-review-page[b-jxtl1k4le3]  .container:has(> .timeline),
.fp-review-page[b-jxtl1k4le3]  .container:has(.timeline) {
  max-width: 100% !important;
  margin: 0.5rem 0 0 !important;
  padding: 1rem 1.15rem 1.15rem !important;
  background: #FFFFFF !important;
  border: 1px solid var(--fp-border) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline {
  list-style: none !important;
  margin: 0 !important;
  padding: 0.35rem 0 0.25rem 0 !important;
  position: relative !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline::before {
  content: "" !important;
  position: absolute !important;
  top: 0.35rem !important;
  bottom: 0.35rem !important;
  left: 0.85rem !important;
  width: 1.5px !important;
  margin: 0 !important;
  background: #E4EAF0 !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline > li {
  margin: 0 !important;
  padding: 0 0 0.85rem 2.65rem !important;
  position: relative !important;
  list-style: none !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline > li:last-child {
  padding-bottom: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline > li + li {
  border-top: 1px solid #E8EDF2 !important;
  padding-top: 0.85rem !important;
  margin-top: 0.15rem !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline > li::before,
.fp-review-page[b-jxtl1k4le3]  ul.timeline > li::after {
  display: none !important;
  content: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-badge {
  position: absolute !important;
  left: 0 !important;
  top: 0.15rem !important;
  width: 1.7rem !important;
  height: 1.7rem !important;
  margin: 0 !important;
  line-height: 1.7rem !important;
  font-size: 0.6875rem !important;
  color: #FFFFFF !important;
  background: #033D53 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  box-shadow: 0 0 0 3px #FFFFFF !important;
}

.fp-review-page[b-jxtl1k4le3]  ul.timeline > li + li .timeline-badge {
  top: 1rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-badge i,
.fp-review-page[b-jxtl1k4le3]  .timeline-badge .fa,
.fp-review-page[b-jxtl1k4le3]  .timeline-badge .fal,
.fp-review-page[b-jxtl1k4le3]  .timeline-badge .far,
.fp-review-page[b-jxtl1k4le3]  .timeline-badge .fas {
  color: #FFFFFF !important;
  font-size: 0.6875rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-panel {
  width: 100% !important;
  float: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-panel::before,
.fp-review-page[b-jxtl1k4le3]  .timeline-panel::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-heading {
  margin: 0 0 0.35rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-title {
  margin: 0 0 0.3rem !important;
  color: #121A1F !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-heading p {
  margin: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-heading .text-muted,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading small {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  color: #6B7A86 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-alt,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .far.fa-calendar-alt,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-day,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-days {
  color: #32434B !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 0 !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("/images/icons/app-page-calendar.svg") !important;
  mask-image: url("/images/icons/app-page-calendar.svg") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-alt::before,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .far.fa-calendar-alt::before,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar::before,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-day::before,
.fp-review-page[b-jxtl1k4le3]  .timeline-heading .fa-calendar-days::before {
  content: none !important;
  display: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body {
  margin: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body > p {
  margin: 0 0 0.35rem !important;
  color: #121A1F !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body > p:last-child {
  margin-bottom: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body strong {
  color: #121A1F !important;
  font-weight: 700 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body .text-muted,
.fp-review-page[b-jxtl1k4le3]  .timeline-body small {
  display: inline-block !important;
  margin-top: 0.15rem !important;
  color: #6B7A86 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

.fp-review-page[b-jxtl1k4le3]  .timeline-body .fa-clock,
.fp-review-page[b-jxtl1k4le3]  .timeline-body .far.fa-clock {
  color: #6B7A86 !important;
  margin-right: 0.25rem !important;
}

/* Empty / loading inside History / Messages */
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .app-min-h-300,
.fp-review-page[b-jxtl1k4le3]  .k-content .app-min-h-300 {
  min-height: 8rem !important;
  background: #FFFFFF !important;
  border-radius: 0.5rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .mt-3,
.fp-review-page[b-jxtl1k4le3]  .k-content > .mt-3 {
  margin-top: 0.5rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content:has(.timeline) > .container,
.fp-review-page[b-jxtl1k4le3]  .k-content:has(.timeline) > .container {
  margin-top: 0.5rem !important;
}

/* —— Messages tab — FC soft card / input polish —— */
.fp-review-page[b-jxtl1k4le3]  .k-content .card,
.fp-review-page[b-jxtl1k4le3]  .k-content .app-card,
.fp-review-page[b-jxtl1k4le3]  .k-content .AppCard,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .card,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .app-card {
  border: 1px solid #E2E8F0 !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
}

/*
 * Comments header — match Audit History section head:
 * brand badge + title typography (#121A1F / 0.9375rem / 700)
 */
.fp-review-page[b-jxtl1k4le3]  .card-header {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  padding: 0.55rem 0.85rem !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #121A1F !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  min-height: 0 !important;
}

/* Hide package icon completely — only ::before badge should show */
.fp-review-page[b-jxtl1k4le3]  .card-header i,
.fp-review-page[b-jxtl1k4le3]  .card-header .fa,
.fp-review-page[b-jxtl1k4le3]  .card-header svg,
.fp-review-page[b-jxtl1k4le3]  .card-header img,
.fp-review-page[b-jxtl1k4le3]  .card-header .k-icon,
.fp-review-page[b-jxtl1k4le3]  .card-header .k-svg-icon,
.fp-review-page[b-jxtl1k4le3]  .card-header [class*="fa-"],
.fp-review-page[b-jxtl1k4le3]  .card-header [class*="Icon"],
.fp-review-page[b-jxtl1k4le3]  .card-header [class*="icon-"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  color: transparent !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Also hide a lone icon wrapper that only contains the package icon */
.fp-review-page[b-jxtl1k4le3]  .card-header > span:has(> i:only-child),
.fp-review-page[b-jxtl1k4le3]  .card-header > span:has(> svg:only-child),
.fp-review-page[b-jxtl1k4le3]  .card-header > span:has(> img:only-child),
.fp-review-page[b-jxtl1k4le3]  .card-header > div:has(> i:only-child),
.fp-review-page[b-jxtl1k4le3]  .card-header > div:has(> svg:only-child),
.fp-review-page[b-jxtl1k4le3]  .card-header > .me-1,
.fp-review-page[b-jxtl1k4le3]  .card-header > .me-2,
.fp-review-page[b-jxtl1k4le3]  .card-header > .pr-1,
.fp-review-page[b-jxtl1k4le3]  .card-header > .pr-2,
.fp-review-page[b-jxtl1k4le3]  .card-header > span:empty,
.fp-review-page[b-jxtl1k4le3]  .card-header > span:first-of-type:not(:only-of-type),
.fp-review-page[b-jxtl1k4le3]  .card-header > div:first-of-type:not(:only-of-type):not(.card-title) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Kill every descendant pseudo-icon; badge is only on .card-header::before */
.fp-review-page[b-jxtl1k4le3]  .card-header *::before,
.fp-review-page[b-jxtl1k4le3]  .card-header *::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
}

/* Brand badge + Messages SVG (same treatment as Audit History icon) */
.fp-review-page[b-jxtl1k4le3]  .card-header::before {
  content: "" !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: 1.55rem !important;
  height: 1.55rem !important;
  min-width: 1.55rem !important;
  border-radius: 0.35rem !important;
  background-color: #033D53 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 16.25C13.0041 16.25 16.25 13.0041 16.25 9C16.25 4.99594 13.0041 1.75 9 1.75C4.99594 1.75 1.75 4.99594 1.75 9C1.75 10.35 2.12 11.61 2.76 12.68C2.9 12.91 2.94 13.19 2.86 13.45L2.42 15.05C2.22 15.78 2.92 16.48 3.65 16.28L5.25 15.84C5.51 15.76 5.79 15.8 6.02 15.94C7.09 16.58 8.35 16.25 9 16.25Z' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 0.85rem 0.85rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card-header .card-title,
.fp-review-page[b-jxtl1k4le3]  .card-header h3,
.fp-review-page[b-jxtl1k4le3]  .card-header h4,
.fp-review-page[b-jxtl1k4le3]  .card-header h5,
.fp-review-page[b-jxtl1k4le3]  .card-header span {
  color: #121A1F !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .card-body,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .card-body {
  color: #32434B !important;
  font-size: 0.875rem !important;
  padding: 0.35rem 1.15rem 1.15rem !important;
}

/*
 * Messages empty — package renders no empty banner; inject Figma empty
 * when compose box exists and there are no .media message rows.
 */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) > .card-body:not(:has(.media)),
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media)) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  min-height: 0 !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) > .card-body:not(:has(.media))::before,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media))::before {
  content: "" !important;
  display: block !important;
  order: -2 !important;
  flex: 0 0 auto !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  margin: 0.35rem auto 0.4rem !important;
  padding: 0 !important;
  background: url("/images/icons/fp-messages-empty.svg") center / contain no-repeat !important;
  background-color: transparent !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) > .card-body:not(:has(.media))::after,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media))::after {
  content: "No Messages yet." !important;
  display: block !important;
  order: -1 !important;
  flex: 0 0 auto !important;
  margin: 0 auto 0.65rem !important;
  padding: 0 !important;
  color: #6B7A86 !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  background: none !important;
}

/* Keep compose area under empty state — no large spacer */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media)) > .form-group,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media)) > .text-right,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media)) .app-message-create-body {
  order: 2 !important;
  margin-top: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body:not(:has(.media)) > .form-group {
  margin-bottom: 0.35rem !important;
}

/* —— Message thread cards (when messages exist) —— */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media.mb-4 {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  margin: 0 0 0.85rem !important;
  padding: 0.85rem 0.95rem !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 0.5rem !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* Brand avatar circle (top-level message row only) */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > img,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > .rounded-circle,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > .img-circle,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > span.rounded-circle,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > i.fa-user,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > .fa-user-circle,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media.mb-4 > img,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media.mb-4 > .rounded-circle,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media.mb-4 > i.fa-user {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  background: #033D53 !important;
  border: none !important;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  position: relative !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body > .font-weight-bold,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body > .mt-0.font-weight-bold,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body h5,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body h6 {
  color: #121A1F !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 0.2rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .small.text-muted,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .float-right,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .text-muted.float-right {
  float: right !important;
  color: #6B7A86 !important;
  font-size: 0.75rem !important; /* 12px ≥ 11px */
  font-weight: 500 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .float-right i,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .small.text-muted i {
  color: #6B7A86 !important;
  font-size: 0.7rem !important;
}

/* Kebab / more menu */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .dropdown,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .btn-link,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .fa-ellipsis-v,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .fa-ellipsis-h {
  color: #32434B !important;
  float: right !important;
  margin-left: 0.35rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > .media-body > p,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media.mb-4 > .media-body > p,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .card-body > .media > .media-body > .mb-0:not(.media) {
  color: #32434B !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  margin: 0.35rem 0 0 !important;
  clear: both !important;
}

/* Nested attachment block inside a message — Figma grey row */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media.mt-3,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body > .media,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin: 0.7rem 0 0 !important;
  padding: 0.7rem 0.85rem !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 0.45rem !important;
  background: #F0F4F8 !important;
  box-shadow: none !important;
  clear: both !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media > i,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media > i,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media > .fa-paperclip,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media > .fa-paperclip {
  color: #033D53 !important;
  font-size: 0.95rem !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .media-body,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .media-body {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .font-weight-bold,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .font-weight-light,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .font-weight-bold {
  color: #121A1F !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  font-style: normal !important;
  display: block !important;
  margin: 0 0 0.15rem !important;
  padding-right: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .font-weight-light,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .font-italic,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .font-weight-light,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media em,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .small {
  color: #32434B !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  margin: 0 !important;
  display: block !important;
}

/* OPEN — outline, right of attachment row */
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn-primary.btn-sm,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn.btn-primary.btn-sm,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media a.btn-primary,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .btn-primary.btn-sm,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .btn.btn-primary.btn-sm,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media a.btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  min-height: 1.85rem !important;
  padding: 0.25rem 0.75rem !important;
  margin: 0 0 0 auto !important;
  border-radius: 0.35rem !important;
  border: 1.5px solid #033D53 !important;
  background: #FFFFFF !important;
  color: #033D53 !important;
  font-size: 0.6875rem !important; /* 11px */
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  float: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn-primary.btn-sm:hover,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn.btn-primary.btn-sm:hover,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media a.btn-primary:hover,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .btn-primary.btn-sm:hover,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media a.btn-primary:hover {
  background: #E0F2FE !important;
  color: #033D53 !important;
  border-color: #033D53 !important;
}

.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn-primary.btn-sm:active,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media .media .btn.btn-primary.btn-sm:active,
.fp-review-page[b-jxtl1k4le3]  .card:has(.app-message-create-body) .media-body .media .btn-primary.btn-sm:active {
  background: #033D53 !important;
  color: #FFFFFF !important;
  border-color: #033D53 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content textarea,
.fp-review-page[b-jxtl1k4le3]  .k-content .form-control,
.fp-review-page[b-jxtl1k4le3]  .k-content .k-textarea,
.fp-review-page[b-jxtl1k4le3]  .k-content .k-input,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content textarea,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .form-control,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .k-textarea,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .k-input {
  background: #F0F4F8 !important;
  border: 1px solid var(--fp-border) !important;
  border-radius: 0.45rem !important;
  color: #32434B !important;
  font-size: 0.875rem !important;
  box-shadow: none !important;
}

/* Type message… — grows with typed content; equal padding when empty */
.fp-review-page[b-jxtl1k4le3]  textarea.app-message-create-body,
.fp-review-page[b-jxtl1k4le3]  .app-message-create-body {
  min-height: 4.75rem !important;
  height: auto !important;
  max-height: 14rem !important;
  padding: 0.9rem 0.95rem !important;
  line-height: 1.4 !important;
  font-size: 0.875rem !important;
  text-align: left !important;
  resize: vertical !important; /* restore bottom-right resize UI */
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  field-sizing: content !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.fp-review-page[b-jxtl1k4le3]  textarea.app-message-create-body::-webkit-scrollbar,
.fp-review-page[b-jxtl1k4le3]  .app-message-create-body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  textarea.app-message-create-body::placeholder,
.fp-review-page[b-jxtl1k4le3]  .app-message-create-body::placeholder {
  color: #6B7A86 !important;
  text-align: left !important;
  font-size: 0.875rem !important; /* 14px */
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content textarea:focus,
.fp-review-page[b-jxtl1k4le3]  .k-content .form-control:focus,
.fp-review-page[b-jxtl1k4le3]  .k-content .k-textarea:focus-within,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content textarea:focus,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .form-control:focus,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .k-textarea:focus-within {
  border-color: #033D53 !important;
  box-shadow: 0 0 0 2px rgba(3, 61, 83, 0.12) !important;
  background: #FFFFFF !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .dropzone,
.fp-review-page[b-jxtl1k4le3]  .k-content [class*="drop"],
.fp-review-page[b-jxtl1k4le3]  .k-content .k-upload,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .dropzone,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .k-upload {
  border: 1.5px dashed #C5D0DA !important;
  border-radius: 0.5rem !important;
  background: #FAFCFE !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .btn-primary,
.fp-review-page[b-jxtl1k4le3]  .k-content .k-button-solid-primary,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .btn-primary,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .k-button-solid-primary {
  background: #033D53 !important;
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}

/* Messages tab — attach + SUBMIT (Figma outline actions) */
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
  padding-top: 0.65rem !important;
  margin: 0 !important;
}

.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  min-height: 2.15rem !important;
  padding: 0.4rem 0.9rem !important;
  border-radius: 0.4rem !important;
  border: 1.5px solid #033D53 !important;
  background: #FFFFFF !important;
  color: #033D53 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn i,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn .fa,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button i,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button .fa,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button i {
  color: inherit !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Paperclip / icon-only attach control — square */
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:has(.fa-paperclip),
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:has([class*="paperclip"]),
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:has(.fa-paperclip),
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:has([class*="paperclip"]),
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 label:has(input[type="file"]),
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn.btn-sm:first-child:not(:last-child) {
  width: 2.15rem !important;
  min-width: 2.15rem !important;
  max-width: 2.15rem !important;
  padding: 0.4rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:hover,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:focus-visible,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:hover,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:focus-visible,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button:hover,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button:focus-visible {
  background: #E0F2FE !important;
  border-color: #033D53 !important;
  color: #033D53 !important;
}

.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:active,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:active,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button:active {
  background: #033D53 !important;
  border-color: #033D53 !important;
  color: #FFFFFF !important;
}

.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .btn:disabled,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 button:disabled,
.fp-review-page[b-jxtl1k4le3]  .text-right.pt-2 .k-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .btn-outline-primary,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .btn-outline-primary {
  color: #32434B !important;
  border-color: #32434B !important;
  background: #FFFFFF !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .text-muted,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .text-muted {
  color: #6B7A86 !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .list-group-item,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .list-group-item {
  border-color: #E8EDF2 !important;
  color: #32434B !important;
  font-size: 0.875rem !important;
}

.fp-review-page[b-jxtl1k4le3]  .k-content .list-group-item:hover,
.fp-review-page[b-jxtl1k4le3]  .k-tabstrip-content .list-group-item:hover {
  background: #F6FBFE !important;
}

@media (max-width: 767.98px) {
  .fp-review-hero[b-jxtl1k4le3] {
    flex-wrap: wrap;
  }

  .fp-validation__btn[b-jxtl1k4le3] {
    width: 100%;
  }

  .fp-validation__actions-end[b-jxtl1k4le3] {
    width: 100%;
  }
}
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentFormMCCSSReviewScreen.razor.rz.scp.css */
/* Service Funding Details — MCCSS nested UI (own scoped CSS so styles apply) */

/* Team Accountable / Plan Type — match Funding Allocation grid size */
.fc-review-grid.fc-svc-meta-grid[b-6h9q5xft2b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1.15rem;
  margin: 0 0 1rem;
}

@media (min-width: 768px) {
  .fc-review-grid.fc-svc-meta-grid[b-6h9q5xft2b] {
    grid-template-columns: 1fr 1fr;
  }

  .fc-review-grid.fc-svc-meta-grid .fc-review-grid-col + .fc-review-grid-col[b-6h9q5xft2b] {
    border-left: 1px solid #E4EAF0;
    padding-left: 1.15rem;
  }
}

.fc-review-grid.fc-svc-meta-grid .fc-review-row[b-6h9q5xft2b] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #E8EDF2;
}

.fc-review-grid.fc-svc-meta-grid .fc-review-label[b-6h9q5xft2b] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  font-weight: 500;
  color: #6B7A86;
  margin: 0;
  line-height: 1.35;
}

.fc-review-grid.fc-svc-meta-grid .fc-review-value[b-6h9q5xft2b] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: #1A2332;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.fc-svc-meta[b-6h9q5xft2b] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #E4EAF0;
}

@media (min-width: 768px) {
  .fc-svc-meta[b-6h9q5xft2b] {
    grid-template-columns: 1fr 1fr;
  }

  .fc-svc-meta .fc-review-row + .fc-review-row[b-6h9q5xft2b] {
    border-left: 1px solid #D5DCE6;
    padding-left: 1.25rem;
  }
}

.fc-svc-meta .fc-review-row[b-6h9q5xft2b] {
  padding: 0.4rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  border-bottom: none;
}

.fc-svc-meta .fc-review-label[b-6h9q5xft2b] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  color: #6B7A86;
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
}

.fc-svc-meta .fc-review-value[b-6h9q5xft2b] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: #1A2332;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.fc-funding-types[b-6h9q5xft2b] {
  margin: 0.35rem 0 1rem;
}

.fc-funding-types-head[b-6h9q5xft2b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.fc-funding-types-title[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-funding-type-pills[b-6h9q5xft2b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 0.5rem;
}

.fc-funding-type-pill[b-6h9q5xft2b] {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  padding: 0.3rem 0.62rem 0.3rem 0.32rem;
  border-radius: 0.35rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
  min-width: 0;
  max-width: 100%;
}

.fc-funding-type-num[b-6h9q5xft2b] {
  width: 1.22rem;
  height: 1.22rem;
  border-radius: 50%;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
}

.fc-plan-amounts[b-6h9q5xft2b] {
  margin: 0.25rem 0 1.15rem;
}

.fc-plan-amounts-head[b-6h9q5xft2b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.fc-plan-amounts-title[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-plan-cards[b-6h9q5xft2b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.fc-plan-card[b-6h9q5xft2b] {
  border: 1px solid #D5DCE6;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.85rem 0.9rem;
  min-height: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  box-shadow: none;
}

.fc-plan-card--total[b-6h9q5xft2b] {
  background: #E0F2FE;
  border-color: transparent;
  border-radius: 0.65rem;
}

.fc-plan-card--total .fc-plan-card-kicker[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card--total .fc-plan-card-sub[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  margin-bottom: 0.35rem;
}

.fc-plan-card--total .fc-plan-card-amount[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card-kicker[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  line-height: 1.35;
}

.fc-plan-card-sub[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  line-height: 1.35;
  margin-bottom: 0.35rem;
}

.fc-plan-card-amount[b-6h9q5xft2b] {
  margin-top: auto;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  letter-spacing: -0.02em;
}

.fc-section-edit-icon[b-6h9q5xft2b] {
  color: #6B7A86 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fc-section-edit-icon:hover[b-6h9q5xft2b] {
  color: #033D53 !important;
}

.fc-review-edit-icon-sm[b-6h9q5xft2b] {
  width: 0.92rem;
  height: 0.92rem;
  display: block;
  flex-shrink: 0;
}

.fc-svc-table-wrap[b-6h9q5xft2b] {
  margin-top: 0.25rem;
}

.fc-svc-table-head[b-6h9q5xft2b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}

.fc-svc-table-title[b-6h9q5xft2b] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-svc-table-frame[b-6h9q5xft2b] {
  border: 1px solid #D5DCE6;
  border-radius: 0.4rem;
  overflow: hidden;
  background: #fff;
}

.fc-svc-table[b-6h9q5xft2b] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  margin: 0;
}

.fc-svc-table thead th[b-6h9q5xft2b] {
  text-align: left;
  font-weight: 600;
  color: #32434B;
  padding: 0.52rem 0.6rem;
  border-bottom: 1px solid #D5DCE6;
  background: #FAFBFC;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.35;
}

.fc-svc-table tbody td[b-6h9q5xft2b] {
  padding: 0.48rem 0.6rem;
  border-bottom: 1px solid #E4EAF0;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  vertical-align: middle;
  line-height: 1.35;
}

.fc-svc-table tbody tr:last-child td[b-6h9q5xft2b] {
  border-bottom: 0;
}

.fc-svc-table tbody tr.fc-svc-row--unassigned[b-6h9q5xft2b] {
  background: #FEF9E7;
}

.fc-svc-pill[b-6h9q5xft2b] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.12rem 0.4rem;
  border-radius: 0.3rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  max-width: 12rem;
  line-height: 1.35;
}

.fc-svc-unassigned[b-6h9q5xft2b] {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.4rem;
  border-radius: 0.3rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  font-style: italic;
  line-height: 1.35;
}

.fc-svc-note-pending[b-6h9q5xft2b] {
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500;
  line-height: 1.35;
}

.fc-svc-table tbody td small[b-6h9q5xft2b],
.fc-svc-table tbody td .text-muted[b-6h9q5xft2b] {
  font-size: 0.8rem !important;
}
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentFormOthersReviewScreen.razor.rz.scp.css */
/* Passport One — same H/V lines as Service Funding Details / Funding Allocation */

.fc-review-grid[b-6wz7d2t04n] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1.15rem;
  margin: 0 0 1rem;
}

@media (min-width: 768px) {
  .fc-review-grid[b-6wz7d2t04n] {
    grid-template-columns: 1fr 1fr;
  }

  .fc-review-grid .fc-review-grid-col + .fc-review-grid-col[b-6wz7d2t04n] {
    border-left: 1px solid #E4EAF0;
    padding-left: 1.15rem;
  }
}

.fc-review-grid .fc-review-row[b-6wz7d2t04n] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #E8EDF2;
}

.fc-review-grid .fc-review-grid-col .fc-review-row:last-child[b-6wz7d2t04n] {
  border-bottom: 1px solid #E8EDF2;
}

.fc-review-grid .fc-review-label[b-6wz7d2t04n] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  font-weight: 500;
  color: #6B7A86;
  margin: 0;
  line-height: 1.35;
}

.fc-review-grid .fc-review-value[b-6wz7d2t04n] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: #1A2332;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.15rem;
}

.fc-section-edit-icon[b-6wz7d2t04n] {
  color: #6B7A86 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fc-section-edit-icon:hover[b-6wz7d2t04n] {
  color: #033D53 !important;
}

.fc-review-edit-icon-sm[b-6wz7d2t04n] {
  width: 0.92rem;
  height: 0.92rem;
  display: block;
  flex-shrink: 0;
}

.fc-plan-amounts[b-6wz7d2t04n] {
  margin: 0.25rem 0 1.15rem;
}

.fc-plan-amounts-head[b-6wz7d2t04n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.fc-plan-amounts-title[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-plan-cards[b-6wz7d2t04n] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.fc-plan-card[b-6wz7d2t04n] {
  border: 1px solid #D5DCE6;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.85rem 0.9rem;
  min-height: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  box-shadow: none;
}

.fc-plan-card--total[b-6wz7d2t04n] {
  background: #E0F2FE;
  border-color: transparent;
  border-radius: 0.65rem;
}

.fc-plan-card--total .fc-plan-card-kicker[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card--total .fc-plan-card-sub[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  margin-bottom: 0.35rem;
}

.fc-plan-card--total .fc-plan-card-amount[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card-kicker[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  line-height: 1.35;
}

.fc-plan-card-sub[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  line-height: 1.35;
  margin-bottom: 0.35rem;
}

.fc-plan-card-amount[b-6wz7d2t04n] {
  margin-top: auto;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  letter-spacing: -0.02em;
}

.fc-svc-table-wrap[b-6wz7d2t04n] {
  margin-top: 0.35rem;
}

.fc-svc-table-head[b-6wz7d2t04n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}

.fc-svc-table-title[b-6wz7d2t04n] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-svc-table-frame[b-6wz7d2t04n] {
  border: 1px solid #D5DCE6;
  border-radius: 0.4rem;
  overflow: hidden;
  background: #fff;
}

.fc-svc-table[b-6wz7d2t04n] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  margin: 0;
}

.fc-svc-table thead th[b-6wz7d2t04n] {
  text-align: left;
  font-weight: 600;
  color: #32434B;
  padding: 0.52rem 0.6rem;
  border-bottom: 1px solid #D5DCE6;
  background: #FAFBFC;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.35;
}

.fc-svc-table tbody td[b-6wz7d2t04n] {
  padding: 0.48rem 0.6rem;
  border-bottom: 1px solid #E4EAF0;
  color: #6B7A86;
  font-size: 0.8rem;
  font-weight: 500;
  vertical-align: middle;
  line-height: 1.35;
}

.fc-svc-table tbody tr:last-child td[b-6wz7d2t04n] {
  border-bottom: 0;
}

.fc-svc-table tbody tr.fc-svc-row--unassigned[b-6wz7d2t04n] {
  background: #FEF9E7;
}

.fc-svc-unassigned[b-6wz7d2t04n] {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.4rem;
  border-radius: 0.3rem;
  background: #E0F2FE;
  color: #6B7A86;
  font-size: 0.8rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.35;
}

.fc-svc-note-pending[b-6wz7d2t04n] {
  color: #6B7A86;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
}
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentFormReviewScreen.razor.rz.scp.css */
/* Funding Commitment Final Review — Figma detail UI */

.fc-review-hero[b-9by1iuy59g] {
  --fc-brand: #033D53;
  --fc-sky: #E0F2FE;
  --fc-border: #E2E8F0;
  --fc-muted: #6B7A86;
  --fc-text: #1A2332;
  /* Same vertical gap as between Client & Commitment → Funding Allocation */
  --fc-section-stack-gap: 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  /* Top a hair tighter than bottom */
  padding: 0.45rem 0.85rem 0.5rem !important;
  margin: 0.25rem 0 var(--fc-section-stack-gap, 0.75rem) !important;
  min-height: 0 !important;
  height: auto !important;
  /* Scrolls with page (not sticky) */
  position: relative;
  top: auto;
  z-index: 1;
  isolation: isolate;
  box-sizing: border-box;
}

.fc-review-hero-main[b-9by1iuy59g] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  flex: 1 1 auto;
  margin: 0 !important;
  padding: 0 !important;
}

.fc-review-hero-icon[b-9by1iuy59g] {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.45rem;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  margin: 0 !important;
  align-self: center;
}

.fc-review-hero-copy[b-9by1iuy59g] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin: 0;
  padding: 0;
}

.fc-review-hero-icon-svg[b-9by1iuy59g] {
  width: 1rem;
  height: 1rem;
  display: block;
}

.fc-review-hero-title[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  min-height: 0;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: #1A2332 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.fc-review-hero-sub[b-9by1iuy59g] {
  display: block;
  font-size: 0.8rem !important;
  color: var(--fc-muted);
  margin: 0 !important;
  padding: 0 !important;
  max-width: 36rem;
  line-height: 1.2 !important;
}

.fc-review-hero-actions[b-9by1iuy59g] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  min-width: 0;
}

.fc-review-hero-actions > button[b-9by1iuy59g],
.fc-review-hero-actions > .btn[b-9by1iuy59g] {
  white-space: nowrap;
  flex-shrink: 0;
}

.fc-review-hero-back[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2rem;
  padding: 0.4rem 0.85rem;
  border-radius: 0.35rem;
  border: 1.5px solid #033D53;
  background: #FFFFFF;
  color: #033D53;
  font-size: 0.72rem; /* ~11.5px ≥ 11px */
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
}

.fc-review-hero-back i[b-9by1iuy59g] {
  font-size: 0.65rem;
  color: inherit;
}

.fc-review-hero-back:hover[b-9by1iuy59g],
.fc-review-hero-back:focus-visible[b-9by1iuy59g] {
  background: #E0F2FE;
  border-color: #033D53;
  color: #033D53;
  outline: none;
}

.fc-review-hero-back:focus-visible[b-9by1iuy59g] {
  outline: 2px solid #033D53;
  outline-offset: 2px;
}

.fc-review-hero-back:active[b-9by1iuy59g],
.fc-review-hero-back:hover:active[b-9by1iuy59g],
.fc-review-hero-back:focus:active[b-9by1iuy59g] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fc-review-section[b-9by1iuy59g] {
  --fc-brand: #033D53;
  --fc-sky: #E0F2FE;
  --fc-border: #E2E8F0;
  --fc-muted: #6B7A86;
  --fc-text: #1A2332;
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  margin-bottom: var(--fc-section-stack-gap, 0.75rem);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/* Empty validation summary must not inflate Final review → first section gap */
.fc-review-validation.validation-summary-valid[b-9by1iuy59g],
.fc-review-validation:empty[b-9by1iuy59g] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.fc-review-validation[b-9by1iuy59g] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.75rem;
  padding: 0.7rem 0.85rem;
  background: #FEF3C7;
  border: 1.5px solid #B45309;
  border-radius: 8px;
  color: #121A1F;
}

.fc-review-validation__main[b-9by1iuy59g] {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fc-review-validation__icon[b-9by1iuy59g] {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #B45309;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

.fc-review-validation__list[b-9by1iuy59g] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.fc-review-validation__list li[b-9by1iuy59g] {
  color: #121A1F;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.fc-review-validation__close[b-9by1iuy59g] {
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #32434B;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fc-review-validation__close:hover[b-9by1iuy59g],
.fc-review-validation__close:focus-visible[b-9by1iuy59g] {
  background: #FFFFFF;
  color: #121A1F;
  outline: 2px solid #033D53;
  outline-offset: 1px;
}

/* One yellow banner — do not nest the pink field-error box inside it */
.fc-review-validation.validation-summary-errors[b-9by1iuy59g],
.fc-review-validation.alert-warning[b-9by1iuy59g] {
  background: #FEF3C7 !important;
  border: 2px solid #D8BD51 !important;
  color: #121A1F !important;
}

.fc-review-validation ul[b-9by1iuy59g],
.fc-review-validation li[b-9by1iuy59g],
.fc-review-validation .validation-message[b-9by1iuy59g],
.fc-review-validation .text-danger[b-9by1iuy59g] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #121A1F !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

.fc-review-section-head[b-9by1iuy59g] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid #E2E8F0;
  background: transparent;
}

.fc-review-section-title-wrap[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fc-review-section-icon[b-9by1iuy59g] {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.45rem;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}

.fc-review-section-icon-svg[b-9by1iuy59g] {
  width: 1rem;
  height: 1rem;
  display: block;
}

.fc-review-section-title[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-review-edit-btn[b-9by1iuy59g] {
  flex-shrink: 0;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.22rem !important;
  border: 1.25px solid #033D53 !important;
  color: #033D53 !important;
  background: #fff !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 0.3rem !important;
  padding: 0.18rem 0.42rem !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

.fc-review-edit-btn i[b-9by1iuy59g] {
  color: #033D53 !important;
  font-size: 11px;
  margin: 0 !important;
}

.fc-review-edit-icon[b-9by1iuy59g] {
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  flex-shrink: 0;
}

.fc-review-edit-btn:hover[b-9by1iuy59g] {
  background: #E0F2FE !important;
  color: #022a3a !important;
  border-color: #022a3a !important;
}

.fc-review-edit-btn:hover i[b-9by1iuy59g],
.fc-review-edit-btn:hover .fc-review-edit-icon[b-9by1iuy59g] {
  color: #022a3a !important;
}

.fc-review-body[b-9by1iuy59g] {
  padding: 0.35rem 1.15rem 1.15rem;
}

.fc-review-grid[b-9by1iuy59g] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1.15rem;
}

@media (min-width: 768px) {
  .fc-review-grid[b-9by1iuy59g] {
    grid-template-columns: 1fr 1fr;
  }

  .fc-review-grid-col + .fc-review-grid-col[b-9by1iuy59g] {
    border-left: 1px solid #E4EAF0;
    padding-left: 1.15rem;
  }
}

.fc-review-row[b-9by1iuy59g] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #E8EDF2;
}

.fc-review-row:last-child[b-9by1iuy59g] {
  border-bottom: none;
}

.fc-review-label[b-9by1iuy59g] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fc-muted);
  margin: 0;
  line-height: 1.35;
}

.fc-review-value[b-9by1iuy59g] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fc-text);
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.fc-review-value.fc-review-missing[b-9by1iuy59g],
.fc-review-missing[b-9by1iuy59g] {
  color: #8A97A3;
  font-style: italic;
  font-weight: 400;
}

.fc-review-value.is-revised[b-9by1iuy59g] {
  background: #FFF7D6;
  box-shadow: inset 0 0 0 1px #F5D78E;
  border-radius: 0.25rem;
  padding: 0.05rem 0.35rem;
}

.fc-review-muted[b-9by1iuy59g] {
  color: var(--fc-muted);
  font-weight: 400;
  margin-left: 0.25rem;
}

.fc-status-badge[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: #FFEAD8;
  color: #8B4513;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.25;
}

.fc-status-badge i[b-9by1iuy59g] {
  font-size: 0.62rem;
}

.fc-review-section-icon--round[b-9by1iuy59g] {
  border-radius: 50% !important;
}

/* Additional funder — own section card (e.g. Passport One) */
.fc-review-section-head--af[b-9by1iuy59g] {
  align-items: flex-start;
}

.fc-review-section-title-wrap--af[b-9by1iuy59g] {
  align-items: flex-start;
}

.fc-review-af-title-block[b-9by1iuy59g] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.fc-review-af-title-block .fc-review-section-title[b-9by1iuy59g] {
  margin: 0;
}

.fc-review-funder-name[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0 0 0.45rem;
  padding: 0;
  border-bottom: 0;
}

.fc-review-funder-sub[b-9by1iuy59g] {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  font-weight: 500;
  color: #6B7A86;
  line-height: 1.35;
  border-bottom: 0;
}

/* Additional funder summary (Passport One Figma row) */
.fc-af-summary[b-9by1iuy59g] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem 1.25rem;
  margin: 0.15rem 0 0.75rem;
}

@media (min-width: 768px) {
  .fc-af-summary[b-9by1iuy59g] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fc-af-metric + .fc-af-metric[b-9by1iuy59g] {
    border-left: 1px solid #D5DCE6;
    padding-left: 1.15rem;
  }
}

.fc-af-metric[b-9by1iuy59g] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.fc-af-metric-label[b-9by1iuy59g] {
  font-size: 0.72rem;
  color: #6B7A86;
  font-weight: 500;
}

.fc-af-metric-value[b-9by1iuy59g] {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1A2332;
  letter-spacing: -0.01em;
}

.fc-af-metric-edit[b-9by1iuy59g] {
  position: absolute;
  top: 0;
  right: 0;
}

.fc-af-extra[b-9by1iuy59g] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1.5rem;
  margin-bottom: 0.35rem;
  padding: 0.45rem 0.65rem;
  background: #F8FAFC;
  border-radius: 0.4rem;
}

.fc-af-extra-item[b-9by1iuy59g] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.fc-af-extra-label[b-9by1iuy59g] {
  font-size: 0.68rem;
  color: #6B7A86;
}

.fc-af-extra-value[b-9by1iuy59g] {
  font-size: 0.82rem;
  font-weight: 600;
  color: #1A2332;
}

.fc-review-attachments[b-9by1iuy59g] {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #E4EAF0;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}

.fc-review-attachment-row[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid #E8EDF2;
  min-width: 0;
}

.fc-review-attachment-row:last-child[b-9by1iuy59g] {
  border-bottom: none;
}

.fc-review-file-badge[b-9by1iuy59g] {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.4rem;
  /* Figma attachment badge — dark teal + light glyph */
  background: #033D53;
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #033D53;
}

.fc-review-file-badge--pdf[b-9by1iuy59g] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fc-review-file-badge--doc[b-9by1iuy59g] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fc-review-file-badge--xls[b-9by1iuy59g] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}

.fc-review-file-badge--img[b-9by1iuy59g] {
  background: #033D53; /* Figma attachment badge teal */
  border-color: #033D53;
  color: #FFFFFF;
}

.fc-review-file-badge--img img[b-9by1iuy59g] {
  filter: brightness(0) invert(1);
}

.fc-review-file-badge-label[b-9by1iuy59g] {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
}

.fc-review-file-name[b-9by1iuy59g] {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left !important;
  color: #6B7A86 !important;
  font-weight: 500 !important;
  font-size: 0.8rem !important;
  text-decoration: underline !important;
  text-underline-offset: 0.12em;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal !important;
  line-height: 1.35 !important;
}

.fc-review-file-name:hover[b-9by1iuy59g],
.fc-review-file-name:focus[b-9by1iuy59g] {
  color: #32434B !important;
}

.fc-review-file-actions[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: auto;
  flex-shrink: 0;
}

.fc-review-file-action[b-9by1iuy59g] {
  width: 2rem;
  height: 2rem;
  border: 0;
  background: transparent;
  color: #32434B;
  border-radius: 0.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.fc-review-file-action:hover:not(:disabled)[b-9by1iuy59g] {
  background: #F3F6F9;
  color: #1A2332;
}

.fc-review-file-action:disabled[b-9by1iuy59g] {
  opacity: 0.55;
  cursor: not-allowed;
}

.fc-review-file-action--danger[b-9by1iuy59g] {
  color: #D92D20;
}

.fc-review-file-action--danger:hover:not(:disabled)[b-9by1iuy59g] {
  background: #FEF3F2;
  color: #5E0011;
}

.fc-review-empty[b-9by1iuy59g] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 2rem 1rem;
  text-align: center;
}

.fc-review-empty-icon[b-9by1iuy59g] {
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  background: #EEF1F4;
  color: var(--fc-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
}

/* Uploaded files — clear HR under title + a bit more space before file list */
.fc-review-section--docs .fc-review-section-head[b-9by1iuy59g] {
  border-bottom: 1px solid #E4EAF0;
}

.fc-review-body--docs[b-9by1iuy59g] {
  padding-top: 0.95rem;
}

/* —— Upload dropzone (Figma: Upload and attach file) — same as FP —— */
.fc-review-upload[b-9by1iuy59g] {
  margin-top: 0.35rem;
}

.fc-review-attachments + .fc-review-upload[b-9by1iuy59g] {
  margin-top: 1rem;
}

.fc-review-upload__label[b-9by1iuy59g] {
  display: block;
  margin: 0 0 0.45rem;
  color: #32434B;
  font-size: 0.8125rem; /* 13px ≥ 11px */
  font-weight: 600;
  line-height: 1.3;
}

.fc-review-upload__drop[b-9by1iuy59g] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 8.5rem;
  padding: 1.25rem 1rem;
  border: 1.5px dashed #C5D0DA;
  border-radius: 0.55rem;
  background: #FFFFFF;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  user-select: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fc-review-upload__drop:hover[b-9by1iuy59g],
.fc-review-upload__drop:focus-within[b-9by1iuy59g] {
  background: #E0F2FE;
  border-color: #033D53;
  color: #033D53;
  outline: none;
}

.fc-review-upload__drop.is-disabled[b-9by1iuy59g] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
  background: #FAFCFE;
}

.fc-review-upload__icon[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #32434B;
  margin-bottom: 0.15rem;
}

.fc-review-upload__drop:hover .fc-review-upload__icon[b-9by1iuy59g],
.fc-review-upload__drop:focus-within .fc-review-upload__icon[b-9by1iuy59g] {
  color: #033D53;
}

.fc-review-upload__title[b-9by1iuy59g] {
  color: #32434B;
  font-size: 0.875rem; /* 14px ≥ 11px */
  font-weight: 600;
  line-height: 1.35;
}

.fc-review-upload__drop:hover .fc-review-upload__title[b-9by1iuy59g],
.fc-review-upload__drop:focus-within .fc-review-upload__title[b-9by1iuy59g] {
  color: #033D53;
}

.fc-review-upload__hint[b-9by1iuy59g] {
  color: #6B7A86;
  font-size: 0.75rem; /* 12px ≥ 11px */
  font-weight: 500;
  line-height: 1.4;
  max-width: 28rem;
}

.fc-review-upload__input[b-9by1iuy59g],
.fc-review-upload__drop[b-9by1iuy59g]  input[type="file"] {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 2;
}

.fc-review-upload__drop[b-9by1iuy59g]  input[type="file"]::-webkit-file-upload-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.fc-review-upload__error[b-9by1iuy59g] {
  margin-top: 0.5rem;
  color: #5E0011;
  font-size: 0.75rem; /* 12px ≥ 11px */
  font-weight: 500;
  line-height: 1.4;
}

.fc-review-uploaded-nav[b-9by1iuy59g] {
  margin-top: 1.75rem;
  padding-top: 0.5rem;
  border-top: 0;
}

.fc-review-uploaded-nav--standalone[b-9by1iuy59g] {
  margin-top: 0.75rem;
  padding: 0.85rem;
  background: #fff;
  border-radius: 0.5rem;
  border-top: 0;
}

.fc-review-uploaded-nav--standalone:empty[b-9by1iuy59g] {
  display: none;
  margin: 0;
  padding: 0;
}

/* ::deep — AppStepNavigator is a child component; sticky must stay inside this card */
.fc-review-uploaded-nav[b-9by1iuy59g]  .app-stepnav,
.fc-review-uploaded-nav[b-9by1iuy59g]  .app-stepnav-mobile,
.fc-review-uploaded-nav[b-9by1iuy59g]  .app-stepnav-desktop {
  position: static !important;
  border-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: auto !important;
}

.fc-review-uploaded-nav[b-9by1iuy59g]  .app-stepnav .mt-4 {
  margin-top: 0 !important;
}

.fc-review-empty p[b-9by1iuy59g] {
  margin: 0;
  color: var(--fc-muted);
  font-size: 0.9rem;
}

/* MCCSS / service funding nested UI */
.fc-svc-meta[b-9by1iuy59g] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #E4EAF0;
}

@media (min-width: 768px) {
  .fc-svc-meta[b-9by1iuy59g] {
    grid-template-columns: 1fr 1fr;
  }

  .fc-svc-meta .fc-review-row + .fc-review-row[b-9by1iuy59g] {
    border-left: 1px solid #D5DCE6;
    padding-left: 1.25rem;
  }
}

.fc-svc-meta .fc-review-row[b-9by1iuy59g] {
  padding: 0.4rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
}

.fc-svc-meta .fc-review-label[b-9by1iuy59g] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  color: #6B7A86;
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
}

.fc-svc-meta .fc-review-value[b-9by1iuy59g] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: #1A2332;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.fc-funding-types[b-9by1iuy59g] {
  margin: 0.35rem 0 1rem;
}

.fc-funding-types-head[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.fc-funding-types-title[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-funding-type-pills[b-9by1iuy59g] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem 0.5rem;
}

.fc-funding-type-pill[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  padding: 0.3rem 0.62rem 0.3rem 0.32rem;
  border-radius: 0.35rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.35;
  min-width: 0;
  max-width: 100%;
}

.fc-funding-type-num[b-9by1iuy59g] {
  width: 1.22rem;
  height: 1.22rem;
  border-radius: 50%;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
}

.fc-plan-amounts[b-9by1iuy59g] {
  margin: 0.25rem 0 1.15rem;
}

.fc-plan-amounts-head[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.fc-plan-amounts-title[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-plan-cards[b-9by1iuy59g] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 0.65rem;
  margin: 0;
}

.fc-plan-card[b-9by1iuy59g] {
  border: 1px solid #D5DCE6;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.85rem 0.9rem;
  min-height: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  box-shadow: none;
}

.fc-plan-card--total[b-9by1iuy59g] {
  background: #E0F2FE;
  border-color: transparent;
  border-radius: 0.65rem;
}

.fc-plan-card--total .fc-plan-card-kicker[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card--total .fc-plan-card-sub[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  margin-bottom: 0.35rem;
}

.fc-plan-card--total .fc-plan-card-amount[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
}

.fc-plan-card-kicker[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  line-height: 1.35;
}

.fc-plan-card-sub[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6B7A86;
  line-height: 1.35;
  margin-bottom: 0.35rem;
}

.fc-plan-card-amount[b-9by1iuy59g] {
  margin-top: auto;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  letter-spacing: -0.02em;
}

.fc-inline-edit[b-9by1iuy59g] {
  color: #1A2332 !important;
  font-weight: 700;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
}

.fc-inline-edit:hover[b-9by1iuy59g] {
  color: #033D53 !important;
}

.fc-section-edit-icon[b-9by1iuy59g] {
  color: #6B7A86 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.fc-section-edit-icon:hover[b-9by1iuy59g] {
  color: #033D53 !important;
}

.fc-review-edit-icon-sm[b-9by1iuy59g] {
  width: 0.92rem;
  height: 0.92rem;
  display: block;
  flex-shrink: 0;
}

.fc-svc-table-wrap[b-9by1iuy59g] {
  margin-top: 0.25rem;
}

.fc-svc-table-head[b-9by1iuy59g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}

.fc-svc-table-title[b-9by1iuy59g] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.fc-svc-table-frame[b-9by1iuy59g] {
  border: 1px solid #D5DCE6;
  border-radius: 0.4rem;
  overflow: hidden;
  background: #fff;
}

.fc-svc-table[b-9by1iuy59g] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8rem;
  margin: 0;
}

.fc-svc-table thead th[b-9by1iuy59g] {
  text-align: left;
  font-weight: 600;
  color: #32434B;
  padding: 0.52rem 0.6rem;
  border-bottom: 1px solid #D5DCE6;
  background: #FAFBFC;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.35;
}

.fc-svc-table tbody td[b-9by1iuy59g] {
  padding: 0.48rem 0.6rem;
  border-bottom: 1px solid #E4EAF0;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  vertical-align: middle;
  line-height: 1.35;
}

.fc-svc-table tbody tr:last-child td[b-9by1iuy59g] {
  border-bottom: 0;
}

.fc-svc-table tbody tr.fc-svc-row--unassigned[b-9by1iuy59g] {
  background: #FEF9E7;
}

.fc-svc-pill[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.12rem 0.4rem;
  border-radius: 0.3rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  max-width: 12rem;
  line-height: 1.35;
}

.fc-svc-unassigned[b-9by1iuy59g] {
  display: inline-flex;
  align-items: center;
  padding: 0.12rem 0.4rem;
  border-radius: 0.3rem;
  background: #E0F2FE;
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  font-style: italic;
  line-height: 1.35;
}

.fc-svc-note-pending[b-9by1iuy59g] {
  color: #6B7A86 !important;
  font-size: 0.8rem !important;
  font-weight: 500;
  line-height: 1.35;
}

.fc-svc-table tbody td small[b-9by1iuy59g],
.fc-svc-table tbody td .text-muted[b-9by1iuy59g] {
  font-size: 0.8rem !important;
}

/* Legacy helpers (subcomponents may still use) */
.editable-field[b-9by1iuy59g] {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0.35rem 0;
  position: relative;
  height: auto;
  box-shadow: none;
}

.editable-field:hover[b-9by1iuy59g] {
  box-shadow: none;
}

.editable-label[b-9by1iuy59g] {
  font-size: 0.78rem;
  font-weight: 500;
  color: #6B7A86;
  margin-bottom: 0.2rem;
}

.editable-value[b-9by1iuy59g] {
  font-size: 0.95rem;
  font-weight: 500;
  color: #1A2332;
  word-wrap: break-word;
}

.editable-icon[b-9by1iuy59g] {
  position: static;
  opacity: 1;
  color: #033D53;
  margin-left: 0.35rem;
}

.editable-field:hover .editable-icon[b-9by1iuy59g] {
  opacity: 1;
}
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentReviewSupportNote.razor.rz.scp.css */
.fc-review-note-btn[b-ju8mhos7rq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #6B7A86 !important;
  padding: 0.15rem 0.25rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 0.25rem;
}

.fc-review-note-btn:hover[b-ju8mhos7rq] {
  color: #6B7A86 !important;
  background: #E0F2FE;
}

.fc-review-note-icon[b-ju8mhos7rq] {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.fc-review-note-title[b-ju8mhos7rq] {
  color: #033D53;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.fc-review-note-sub[b-ju8mhos7rq] {
  font-size: 0.75rem;
  font-weight: 400;
  color: #6B7A86;
  line-height: 1.35;
  margin-top: 0.2rem;
}

.fc-review-note-body[b-ju8mhos7rq] {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.45;
  color: #32434B;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0.65rem 0.75rem;
  border: 1px solid #E2E8F0;
  border-radius: 0.5rem;
  background: #F0F4F8;
}

.fc-review-note-footer[b-ju8mhos7rq] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1rem;
  padding-top: 0.85rem;
  border-top: 1.5px solid #C5CDD6;
}

/* CLOSE — same outline button as the Unsaved Changes dialog */
.fc-review-note-close[b-ju8mhos7rq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 2rem;
  min-height: 2rem;
  padding: 0 0.85rem;
  margin: 0;
  border: 1.5px solid #033D53;
  border-radius: 6px;
  background: #FFFFFF;
  color: #033D53;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fc-review-note-close:hover[b-ju8mhos7rq] {
  background: #E0F2FE;
  border-color: #033D53;
  color: #033D53;
}

.fc-review-note-close:active[b-ju8mhos7rq] {
  background: #033D53;
  border-color: #033D53;
  color: #FFFFFF;
}
/* /Pages/Domain/Forms/FundingCommitment/ReviewScreen/FundingCommitmentRevisionDetailsSection.razor.rz.scp.css */
.fc-review-section[b-3wpj0nwgqv] {
  --fc-muted: #6B7A86;
  --fc-text: #1A2332;
  border-radius: 0.5rem;
  border: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.fc-review-section-head[b-3wpj0nwgqv] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
  padding: 0.55rem 0.85rem;
  border-bottom: 1px solid #E2E8F0;
}

.fc-review-section-title-wrap[b-3wpj0nwgqv] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

.fc-review-section-icon[b-3wpj0nwgqv] {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 0.45rem;
  background: #033D53;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fc-review-section-icon-svg[b-3wpj0nwgqv] {
  width: 1rem;
  height: 1rem;
  display: block;
}

.fc-review-section-title[b-3wpj0nwgqv] {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1A2332;
  margin: 0;
  line-height: 1.35;
}

.fc-review-body[b-3wpj0nwgqv] {
  padding: 0.35rem 1.15rem 1.15rem;
}

.fc-review-row[b-3wpj0nwgqv] {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3rem 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #E8EDF2;
}

.fc-review-row:last-child[b-3wpj0nwgqv] {
  border-bottom: none;
}

.fc-review-label[b-3wpj0nwgqv] {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  max-width: 42%;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fc-muted);
  margin: 0;
  line-height: 1.35;
}

.fc-review-value[b-3wpj0nwgqv] {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--fc-text);
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.fc-revision-remarks[b-3wpj0nwgqv] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-bottom: 0.85rem;
}

.fc-revision-submitted-meta[b-3wpj0nwgqv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.75rem;
}

.fc-revision-table-wrap[b-3wpj0nwgqv] {
  border: 1px solid #E2E8F0;
  border-radius: 0.4rem;
  overflow: hidden;
}

.fc-revision-table[b-3wpj0nwgqv] {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font-size: 0.8rem;
}

.fc-revision-table thead th[b-3wpj0nwgqv] {
  background: #F8FAFC;
  color: #6B7A86;
  font-weight: 600;
  text-align: left;
  padding: 0.5rem 0.65rem;
  border-bottom: 1px solid #E2E8F0;
}

.fc-revision-table tbody td[b-3wpj0nwgqv] {
  padding: 0.48rem 0.65rem;
  border-bottom: 1px solid #F1F5F9;
  color: #1A2332;
  vertical-align: top;
  word-break: break-word;
}

.fc-revision-table tbody tr:last-child td[b-3wpj0nwgqv] {
  border-bottom: 0;
}

.fc-revision-after[b-3wpj0nwgqv] {
  background: #FFF7D6;
  font-weight: 600;
}

.fc-revision-empty[b-3wpj0nwgqv] {
  margin: 0;
  color: #6B7A86;
  font-size: 0.8rem;
  font-style: italic;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentAdditionalFunderSelect.razor.rz.scp.css */
/* Figma Enable Kit — Additional Funders multi-select */

.fc-addl-ms[b-edjficnvut] {
    --fc-addl-brand: #033D53;
    --fc-addl-ink: #32434B;
    --fc-addl-strong: #121A1F;
    --fc-addl-sky: #E0F2FE;
    --fc-addl-border: #E2E8F0;
    --fc-addl-soft: #F0F4F8;
    position: relative;
    width: 100%;
    max-width: 100%;
    z-index: 1;
}

.fc-addl-ms.is-open[b-edjficnvut] {
    z-index: 40;
}

.fc-addl-ms.is-disabled[b-edjficnvut] {
    opacity: 0.65;
    pointer-events: none;
}

.fc-addl-ms.is-disabled .fc-addl-ms__field[b-edjficnvut] {
    background: var(--fc-addl-soft);
    cursor: not-allowed;
}

.fc-addl-ms__field[b-edjficnvut] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.375rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.35rem 0.5rem 0.35rem 0.65rem;
    border: 1px solid var(--fc-addl-border);
    border-radius: 0.5rem;
    background: var(--fc-addl-soft); /* soft field — same as before */
    cursor: text;
    outline: none;
}

.fc-addl-ms.is-open .fc-addl-ms__field[b-edjficnvut],
.fc-addl-ms__field:focus-within[b-edjficnvut] {
    border-color: var(--fc-addl-brand); /* #033D53 — focus/open like other soft fields */
    background: var(--fc-addl-soft);
    box-shadow: none;
}

.fc-addl-ms__chips[b-edjficnvut] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
}

.fc-addl-ms__chip[b-edjficnvut] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    max-width: 100%;
    padding: 0.15rem 0.35rem 0.15rem 0.55rem;
    border: 0;
    border-radius: 999px;
    background: var(--fc-addl-brand);
    color: #FFFFFF;
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 500;
    line-height: 1.2;
}

.fc-addl-ms__chip-text[b-edjficnvut] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-addl-ms__chip-remove[b-edjficnvut] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FFFFFF;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.fc-addl-ms__chip-remove:hover[b-edjficnvut] {
    background: #FFFFFF;
    color: #033D53;
    opacity: 0.9;
}

.fc-addl-ms__chip-remove:active[b-edjficnvut] {
    background: #E0F2FE;
    color: #033D53;
    opacity: 1;
}

.fc-addl-ms__input[b-edjficnvut] {
    flex: 1 1 4rem;
    min-width: 4rem;
    min-height: 1.5rem;
    margin: 0;
    padding: 0.1rem 0;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--fc-addl-ink);
    font-size: 0.8125rem; /* 13px — same as soft-field / Telerik multiselect */
    font-weight: 400;
    line-height: 1.25;
    outline: none !important;
    box-shadow: none !important;
    caret-color: #32434B;
}

.fc-addl-ms__input:focus[b-edjficnvut],
.fc-addl-ms__input:focus-visible[b-edjficnvut],
.fc-addl-ms__input:active[b-edjficnvut] {
    border: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.fc-addl-ms__input[b-edjficnvut]::placeholder {
    color: #475E69;
    font-size: 0.8125rem; /* match previous soft-field placeholder size */
    font-weight: 400;
    opacity: 1;
}

.fc-addl-ms__clear[b-edjficnvut] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0 0 auto;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: #32434B;
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
}

/* Same Figma chevron as Step 3 SCS team select */
.fc-addl-ms__chevron[b-edjficnvut] {
    flex: 0 0 auto;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.35rem;
    border-right: 1.5px solid var(--fc-addl-ink);
    border-bottom: 1.5px solid var(--fc-addl-ink);
    transform: translateY(-15%) rotate(45deg);
    pointer-events: none;
}

.fc-addl-ms__field:not(:has(.fc-addl-ms__clear)) .fc-addl-ms__chevron[b-edjficnvut] {
    margin-left: auto;
}

.fc-addl-ms.is-open .fc-addl-ms__chevron[b-edjficnvut] {
    transform: translateY(15%) rotate(225deg);
}

/* Figma clear × — hover sky + brand; click brand + white */
.fc-addl-ms__clear:hover[b-edjficnvut] {
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #033D53;
}

.fc-addl-ms__clear:active[b-edjficnvut],
.fc-addl-ms__clear:focus-visible[b-edjficnvut] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
    outline: none;
}

.fc-addl-ms__backdrop[b-edjficnvut] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
}

.fc-addl-ms__menu[b-edjficnvut] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: auto;
    z-index: 50;
    box-sizing: border-box;
    width: 16rem !important; /* slightly smaller than 20rem */
    max-width: 100% !important;
    height: auto !important;
    margin: 0;
    padding: 0.35rem;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid var(--fc-addl-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
    max-height: none !important;
    overflow: visible !important;
    outline: none;
}

.fc-addl-ms__menu li[b-edjficnvut] {
    margin: 0;
    padding: 0;
}

.fc-addl-ms__menu li + li[b-edjficnvut] {
    margin-top: 0.15rem;
}

.fc-addl-ms__option[b-edjficnvut] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    margin: 0;
    padding: 0.35rem 0.5rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--fc-addl-strong);
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.fc-addl-ms__option:hover[b-edjficnvut] {
    background: var(--fc-addl-sky);
    color: var(--fc-addl-brand);
}

.fc-addl-ms__option.is-selected[b-edjficnvut],
.fc-addl-ms__option.is-selected:hover[b-edjficnvut] {
    background: var(--fc-addl-brand);
    color: #FFFFFF;
}

.fc-addl-ms__check[b-edjficnvut] {
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    box-sizing: border-box;
    border: 1.5px solid var(--fc-addl-ink);
    border-radius: 50%;
    background: #FFFFFF;
}

.fc-addl-ms__option:hover .fc-addl-ms__check[b-edjficnvut] {
    border-color: var(--fc-addl-brand);
}

.fc-addl-ms__option.is-selected .fc-addl-ms__check[b-edjficnvut] {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.7rem 0.7rem;
}

.fc-addl-ms__option-text[b-edjficnvut] {
    min-width: 0;
}

.fc-addl-ms.is-disabled[b-edjficnvut] {
    opacity: 0.72;
    pointer-events: none;
}

.fc-addl-ms.is-disabled .fc-addl-ms__field[b-edjficnvut] {
    cursor: not-allowed;
    background: #e8eef2;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormFileUploadScreen.razor.rz.scp.css */
/* Step 8 — Attachments (Figma Enable Kit) */

.fc-attach-step[b-lveivvd2bs] {
    --fc-att-brand: #033D53;
    --fc-att-ink: #32434B;
    --fc-att-strong: #121A1F;
    --fc-att-muted: #475E69;
    --fc-att-soft: #F0F4F8;
    --fc-att-border: #E2E8F0;
    --fc-att-sky: #E0F2FE;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fc-attach-step__heading[b-lveivvd2bs] {
    margin: 0 0 0.5rem 0;
    color: var(--fc-att-strong);
    font-size: 1.05rem; /* ~17px ≥ 11px */
    font-weight: 700;
    line-height: 1.35;
}

.fc-attach-step__lede[b-lveivvd2bs] {
    margin: 0 0 1rem 0;
    color: var(--fc-att-ink);
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 400;
    line-height: 1.45;
}

/* —— Upload dropzone (Figma: Upload and attach file) —— */
.fc-attach-step__upload[b-lveivvd2bs] {
    margin: 0 0 0.35rem 0;
}

.fc-attach-step__upload-label[b-lveivvd2bs] {
    display: block;
    margin: 0 0 0.45rem;
    color: #32434B;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 600;
    line-height: 1.3;
}

.fc-attach-step__drop[b-lveivvd2bs] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 8.5rem;
    padding: 1.25rem 1rem;
    box-sizing: border-box;
    border: 1.5px dashed #C5D0DA;
    border-radius: 0.55rem;
    background: #FFFFFF;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fc-attach-step__drop:hover[b-lveivvd2bs],
.fc-attach-step__drop:focus-within[b-lveivvd2bs] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
    outline: none;
}

.fc-attach-step__drop.is-disabled[b-lveivvd2bs] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    background: #FAFCFE;
}

.fc-attach-step__drop-icon[b-lveivvd2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32434B;
    margin-bottom: 0.15rem;
}

.fc-attach-step__drop:hover .fc-attach-step__drop-icon[b-lveivvd2bs],
.fc-attach-step__drop:focus-within .fc-attach-step__drop-icon[b-lveivvd2bs] {
    color: #033D53;
}

.fc-attach-step__drop-title[b-lveivvd2bs] {
    color: #32434B;
    font-size: 0.875rem; /* 14px ≥ 11px */
    font-weight: 600;
    line-height: 1.35;
}

.fc-attach-step__drop:hover .fc-attach-step__drop-title[b-lveivvd2bs],
.fc-attach-step__drop:focus-within .fc-attach-step__drop-title[b-lveivvd2bs] {
    color: #033D53;
}

.fc-attach-step__drop-hint[b-lveivvd2bs] {
    color: #6B7A86;
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 500;
    line-height: 1.4;
    max-width: 28rem;
}

.fc-attach-step__input[b-lveivvd2bs],
.fc-attach-step__drop[b-lveivvd2bs]  input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 2;
}

.fc-attach-step__input[b-lveivvd2bs]::-webkit-file-upload-button,
.fc-attach-step__drop[b-lveivvd2bs]  input[type="file"]::-webkit-file-upload-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.fc-attach-step__list[b-lveivvd2bs] {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0;
    border: 1px solid var(--fc-att-border);
    border-radius: 0.75rem;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-attach-step__row[b-lveivvd2bs] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--fc-att-border);
    min-width: 0;
}

.fc-attach-step__row:last-child[b-lveivvd2bs] {
    border-bottom: none;
}

.fc-attach-step__badge[b-lveivvd2bs] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.4rem;
    /* Figma attachment badge — dark teal + light glyph */
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #033D53;
}

.fc-attach-step__badge--pdf[b-lveivvd2bs] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-attach-step__badge--doc[b-lveivvd2bs] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-attach-step__badge--xls[b-lveivvd2bs] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-attach-step__badge--img[b-lveivvd2bs] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-attach-step__badge--img img[b-lveivvd2bs] {
    filter: brightness(0) invert(1);
}

.fc-attach-step__badge-label[b-lveivvd2bs] {
    font-size: 0.6875rem; /* 11px */
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
}

.fc-attach-step__meta[b-lveivvd2bs] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.fc-attach-step__name[b-lveivvd2bs] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: var(--fc-att-ink);
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 500;
    line-height: 1.35;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    word-break: break-word;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.fc-attach-step__name:hover[b-lveivvd2bs],
.fc-attach-step__name:focus-visible[b-lveivvd2bs] {
    color: var(--fc-att-brand);
    outline: none;
}

.fc-attach-step__size[b-lveivvd2bs] {
    color: var(--fc-att-muted);
    font-size: 0.75rem; /* 12px ≥ 11px */
    line-height: 1.3;
}

.fc-attach-step__actions[b-lveivvd2bs] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    flex-shrink: 0;
}

/* Icon-only actions — same as the review screen file actions */
.fc-attach-step__action[b-lveivvd2bs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.35rem;
    background: transparent;
    color: #32434B;
    font-size: 0.85rem;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.fc-attach-step__action:hover[b-lveivvd2bs],
.fc-attach-step__action:focus-visible[b-lveivvd2bs] {
    background: #F3F6F9;
    color: #1A2332;
    outline: none;
}

.fc-attach-step__action--danger[b-lveivvd2bs] {
    color: #D92D20;
}

.fc-attach-step__action--danger:hover[b-lveivvd2bs],
.fc-attach-step__action--danger:focus-visible[b-lveivvd2bs] {
    background: #FEF3F2;
    color: #5E0011;
}

@media (max-width: 640px) {
    .fc-attach-step__row[b-lveivvd2bs] {
        flex-wrap: wrap;
    }

    .fc-attach-step__actions[b-lveivvd2bs] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormMCCSSPlanRestricted.razor.rz.scp.css */
/* Telerik dialog defaults (kept) */
.k-dialog[b-ynhiidkfwv] {
    max-width: 900px;
}

.k-dialog-content[b-ynhiidkfwv] {
    overflow-y: auto;
}

/* ============================================================
   Step 5 — Funding Amount (Restricted) — Figma Enable Kit UI
   Same structure/elements; soft surfaces + brand tokens only.
   ============================================================ */

.fc-step5[b-ynhiidkfwv] {
    --fc-s5-brand: #033D53;
    --fc-s5-ink: #32434B;
    --fc-s5-strong: #121A1F;
    --fc-s5-muted: #475E69;
    --fc-s5-soft: #F0F4F8;
    --fc-s5-border: #E2E8F0;
    --fc-s5-sky: #E0F2FE;
    --fc-s5-hover: #F6FBFE;
    font-size: 0.875rem; /* 14px ≥ 11px */
    color: var(--fc-s5-ink);
    /* Figma: stacked separate cards — same gap as navbar → page title */
    display: flex;
    flex-direction: column;
    gap: var(--app-page-stack-gap, 0.65rem);
}

/* Plan banner — white card */
.fc-plan-banner[b-ynhiidkfwv] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-plan-banner-icon[b-ynhiidkfwv] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--fc-s5-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.fc-plan-banner-text[b-ynhiidkfwv] {
    flex: 1;
    min-width: 0;
}

.fc-plan-banner-title[b-ynhiidkfwv] {
    font-size: 1rem; /* 16px */
    font-weight: 700;
    color: var(--fc-s5-strong);
    margin-bottom: 0.25rem;
}

.fc-plan-banner-sub[b-ynhiidkfwv] {
    font-size: 0.8125rem; /* 13px ≥ 11px */
    color: var(--fc-s5-muted);
    line-height: 1.45;
}

/* Summary — separate white card */
.fc-summary-card[b-ynhiidkfwv] {
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    padding: 0.35rem 1.25rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-summary-row[b-ynhiidkfwv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 0;
    font-size: 0.8125rem; /* 13px */
    border-bottom: 1px solid var(--fc-s5-border);
}

.fc-summary-row:last-child[b-ynhiidkfwv] {
    border-bottom: 0;
}

.fc-summary-label[b-ynhiidkfwv] {
    color: var(--fc-s5-ink);
    font-weight: 500;
}

.fc-summary-value[b-ynhiidkfwv] {
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-summary-value.fc-negative[b-ynhiidkfwv] {
    color: #5E0011;
}

.fc-org-budget-hint[b-ynhiidkfwv] {
    line-height: 1.35;
}

.fc-org-budget-hint.fc-org-budget-warn[b-ynhiidkfwv] {
    color: #b45309;
    font-weight: 500;
}

.fc-org-rollup-card[b-ynhiidkfwv] {
    margin-top: 0;
}

.fc-org-rollup-title[b-ynhiidkfwv] {
    font-weight: 600;
    color: var(--fc-s5-strong);
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
}

.fc-org-rollup-table[b-ynhiidkfwv] {
    width: 100%;
    font-size: 0.8125rem;
    border-collapse: collapse;
}

.fc-org-rollup-table th[b-ynhiidkfwv],
.fc-org-rollup-table td[b-ynhiidkfwv] {
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--fc-s5-border);
    color: var(--fc-s5-ink);
}

.fc-org-rollup-table th.r[b-ynhiidkfwv],
.fc-org-rollup-table td.r[b-ynhiidkfwv] {
    text-align: right;
}

/* Column stays on the right; heading + amounts share one left edge (under "Org") */
.fc-org-rollup-table th.fc-org-rollup-col-remaining[b-ynhiidkfwv],
.fc-org-rollup-table td.fc-org-rollup-col-remaining[b-ynhiidkfwv] {
    text-align: right !important;
    padding-left: 0.5rem !important;
}

.fc-org-rollup-table .fc-org-rollup-col-remaining__inner[b-ynhiidkfwv] {
    display: inline-block;
    text-align: left;
    min-width: 11.5rem;
    box-sizing: border-box;
}

.fc-org-rollup-table tr.fc-org-rollup-over td[b-ynhiidkfwv] {
    color: #b45309;
    font-weight: 500;
}

/* Each Funding Type = its own white card (Figma) */
.fc-funding-type-section[b-ynhiidkfwv] {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    overflow: hidden;
}

.fc-funding-type-section:first-of-type[b-ynhiidkfwv] {
    border-top: 1px solid var(--fc-s5-border);
    padding-top: 0;
}

/* Accordion sits inside the white section card */
.fc-accordion[b-ynhiidkfwv] {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.fc-acc-header[b-ynhiidkfwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    cursor: pointer;
    user-select: none;
    background: #FFFFFF;
    border-bottom: 1px solid var(--fc-s5-border);
    transition: background 0.15s;
}

.fc-accordion.open .fc-acc-header[b-ynhiidkfwv] {
    border-bottom-color: var(--fc-s5-border);
}

.fc-acc-header:hover[b-ynhiidkfwv] {
    background: var(--fc-s5-hover);
}

.fc-acc-header-left[b-ynhiidkfwv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fc-acc-chevron[b-ynhiidkfwv] {
    font-size: 0.75rem; /* 12px ≥ 11px */
    color: var(--fc-s5-ink);
    transition: transform 0.25s;
}

.fc-accordion.open .fc-acc-chevron[b-ynhiidkfwv] {
    transform: rotate(180deg);
}

.fc-acc-title[b-ynhiidkfwv] {
    font-size: 0.9375rem; /* 15px */
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-total[b-ynhiidkfwv] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-allocated[b-ynhiidkfwv] {
    color: var(--fc-s5-strong);
}

.fc-acc-sep[b-ynhiidkfwv] {
    color: var(--fc-s5-muted);
    margin: 0 0.25rem;
}

.fc-acc-budget[b-ynhiidkfwv] {
    color: var(--fc-s5-muted);
}

.fc-acc-total.over-budget[b-ynhiidkfwv],
.fc-acc-total.over-budget .fc-acc-allocated[b-ynhiidkfwv] {
    color: #5E0011;
}

.fc-acc-body[b-ynhiidkfwv] {
    padding: 0;
    overflow-x: hidden;
    max-width: 100%;
}

/* Service line grid — fluid columns so the section never needs horizontal scroll */
.fc-svc-block[b-ynhiidkfwv] {
    padding: 0.35rem 1.25rem 1rem 1.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fc-svc-grid-head[b-ynhiidkfwv],
.fc-svc-line[b-ynhiidkfwv] {
    display: grid;
    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 0.85fr)
        minmax(0, 0.75fr)
        5.25rem
        4.75rem
        3.85rem
        2.5rem
        5.75rem
        3.25rem
        1.9rem;
    gap: 0.45rem;
    align-items: start;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.fc-svc-grid-head[b-ynhiidkfwv] {
    align-items: end;
}

.fc-svc-line > *[b-ynhiidkfwv],
.fc-svc-grid-head > *[b-ynhiidkfwv] {
    min-width: 0;
    max-width: 100%;
}

.fc-svc-grid-head[b-ynhiidkfwv] {
    padding: 0.65rem 0 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-border);
    margin-bottom: 0.4rem;
}

.fc-svc-grid-head span[b-ynhiidkfwv] {
    font-size: 0.6875rem; /* 11px — AODA minimum */
    font-weight: 700;
    color: var(--fc-s5-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Notes header must stay one line above the icon column */
.fc-svc-grid-head span.c:nth-child(9)[b-ynhiidkfwv] {
    overflow: visible;
    text-overflow: clip;
    text-align: center;
}

.fc-svc-grid-head span.c[b-ynhiidkfwv] {
    text-align: center;
}

.fc-svc-grid-head span.r[b-ynhiidkfwv] {
    text-align: left;
    padding-right: 0;
}

.fc-svc-line[b-ynhiidkfwv] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-soft);
}

.fc-svc-line:last-of-type[b-ynhiidkfwv] {
    border-bottom: none;
}

/* Native selects — soft field like other wizard steps */
.fc-svc-line .fc-unit-select[b-ynhiidkfwv],
.fc-step5 .fc-unit-select[b-ynhiidkfwv] {
    min-height: 2.25rem;
    padding: 0.35rem 1.75rem 0.35rem 0.65rem !important;
    margin: 0 !important;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    color: #32434B;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background-color: #F0F4F8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.5rem;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    cursor: pointer;
}

.fc-svc-line .fc-unit-select:focus[b-ynhiidkfwv],
.fc-step5 .fc-unit-select:focus[b-ynhiidkfwv] {
    outline: none;
    border-color: #033D53;
    background-color: #F0F4F8;
    box-shadow: none;
}

.fc-line-total[b-ynhiidkfwv] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    text-align: left;
    padding-right: 0;
    padding-top: 0.4rem;
    cursor: help;
    display: block;
    min-height: 2.25rem;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    overflow: hidden;
}

/* Rate / Units — small L/R pad so value doesn't touch border */
.fc-svc-num-wrap[b-ynhiidkfwv] {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num-wrap .k-numerictextbox,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num-wrap .k-numerictextbox.k-input,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num-wrap .k-input,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num.k-numerictextbox,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num.k-input {
    padding: 0 !important;
    margin: 0 !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    max-height: 2.25rem !important;
    box-sizing: border-box !important;
}

.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num-wrap .k-input-inner,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num-wrap input,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num .k-input-inner,
.fc-svc-line[b-ynhiidkfwv]  .fc-svc-num input {
    padding: 0 0.55rem !important;
    padding-block: 0 !important;
    padding-inline: 0.55rem !important;
    margin: 0 !important;
    text-indent: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    line-height: 2.25rem !important;
    box-sizing: border-box !important;
}

/* HST checkbox — match input / total text vertical center */
.fc-hst-toggle[b-ynhiidkfwv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 2.25rem;
    min-height: 2.25rem;
    margin: 0 auto;
    justify-self: center;
    overflow: hidden;
}

.fc-hst-toggle input[type="checkbox"][b-ynhiidkfwv] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    outline: none !important;
    box-shadow: none !important;
}

.fc-hst-toggle input[type="checkbox"][b-ynhiidkfwv]::before,
.fc-hst-toggle input[type="checkbox"][b-ynhiidkfwv]::after {
    content: none !important;
    display: none !important;
}

.fc-hst-toggle input[type="checkbox"]:hover:not(:checked)[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:focus-visible:not(:checked)[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:active:not(:checked)[b-ynhiidkfwv] {
    /* Soft fill inside the square only — no outer circle */
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-hst-toggle input[type="checkbox"]:checked[b-ynhiidkfwv] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fc-hst-toggle input[type="checkbox"]:checked:hover[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:checked:active[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:checked:focus[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:checked:focus-visible[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:focus[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:focus-visible[b-ynhiidkfwv],
.fc-hst-toggle input[type="checkbox"]:active[b-ynhiidkfwv] {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Notes button — center under NOTES header (same as HST) */
.fc-notes-btn[b-ynhiidkfwv] {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin-inline: auto;
    color: #32434B; /* Figma notes icon stroke */
    transition: all 0.15s;
    padding: 0;
    font-size: 1rem;
    border-radius: 0.375rem;
}

.fc-notes-btn .fc-notes-icon[b-ynhiidkfwv] {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    flex-shrink: 0;
}

.fc-notes-btn:hover[b-ynhiidkfwv] {
    background: var(--fc-s5-sky);
    color: var(--fc-s5-brand);
}

.fc-notes-btn.has-notes[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
}

.fc-notes-btn.has-notes:hover[b-ynhiidkfwv] {
    background: var(--fc-s5-sky);
    color: var(--fc-s5-brand);
}

/* Delete button */
.fc-del-btn[b-ynhiidkfwv] {
    width: 34px;
    height: 34px;
    border: none;
    background: none;
    color: var(--fc-s5-muted);
    cursor: pointer;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    border-radius: 0.375rem;
}

.fc-del-btn:hover[b-ynhiidkfwv] {
    background: #fef2f2;
    color: #5E0011;
}

/* Add row — Figma: Normal / Hover (#E0F2FE + #033D53) / Click (#033D53 + white) */
.fc-add-row[b-ynhiidkfwv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #32434B;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    margin-top: 0.75rem;
    padding: 0.35rem 0.85rem;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.fc-add-row:hover[b-ynhiidkfwv],
.fc-add-row:focus-visible[b-ynhiidkfwv] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #32434B;
    outline: none;
}

.fc-add-row:active[b-ynhiidkfwv] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-add-row.fc-add-row--disabled[b-ynhiidkfwv],
.fc-add-row.fc-add-row--disabled:hover[b-ynhiidkfwv],
.fc-add-row.fc-add-row--disabled:active[b-ynhiidkfwv] {
    pointer-events: none;
    opacity: 0.45;
    background: transparent;
    border-color: inherit;
    color: inherit;
}

.fc-add-row .fc-add-plus[b-ynhiidkfwv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

/* Grand total — white card with amount row + wizard nav */
.fc-grand-total[b-ynhiidkfwv] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-top: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-grand-total__amount[b-ynhiidkfwv] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.fc-grand-total__amount span[b-ynhiidkfwv],
.fc-grand-total > span[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
}

.fc-grand-total__nav[b-ynhiidkfwv]  .app-stepnav,
.fc-grand-total__nav[b-ynhiidkfwv]  .app-stepnav-mobile,
.fc-grand-total__nav[b-ynhiidkfwv]  .app-stepnav-desktop {
    position: static !important;
    border-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: auto !important;
}

.fc-grand-total__nav[b-ynhiidkfwv]  .app-stepnav .mt-4 {
    margin-top: 0 !important;
}

/* Notes popup */
.fc-notes-sub[b-ynhiidkfwv] {
    font-size: 0.75rem; /* 12px ≥ 11px */
    color: var(--fc-s5-muted);
    margin-top: 2px;
    font-weight: 400;
}

.fc-notes-body[b-ynhiidkfwv] {
    padding: 8px 4px 16px 4px;
}

.fc-notes-body textarea[b-ynhiidkfwv] {
    width: 100%;
    min-height: 140px;
    padding: 12px;
    border: none;
    border-radius: 0.5rem;
    background: var(--fc-s5-soft);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--fc-s5-ink);
    resize: vertical;
    overflow-x: hidden;
    overflow-y: hidden;
}

.fc-notes-body textarea:focus[b-ynhiidkfwv] {
    outline: none;
    border: 1px solid var(--fc-s5-brand);
    box-shadow: none;
}

.fc-notes-footer[b-ynhiidkfwv] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--fc-s5-border);
}

.fc-service-cell[b-ynhiidkfwv],
.fc-vendor-cell[b-ynhiidkfwv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    overflow: visible;
}

.fc-service-cell .fc-scs-select[b-ynhiidkfwv],
.fc-vendor-cell .fc-scs-select[b-ynhiidkfwv],
.fc-service-cell .fc-scs-select__field[b-ynhiidkfwv],
.fc-vendor-cell .fc-scs-select__field[b-ynhiidkfwv] {
    border-radius: 0.5rem;
    min-width: 0;
    max-width: 100%;
}

.fc-service-cell .fc-scs-select__input[b-ynhiidkfwv],
.fc-vendor-cell .fc-scs-select__input[b-ynhiidkfwv] {
    flex: 1 1 0%;
    width: 0;
    min-width: 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Service Type / Vendor Type / Vendor Name placeholders — slightly smaller than value text */
.fc-svc-line[b-ynhiidkfwv]  .fc-scs-select__input::placeholder,
.fc-service-cell .fc-scs-select__input[b-ynhiidkfwv]::placeholder,
.fc-vendor-cell .fc-scs-select__input[b-ynhiidkfwv]::placeholder {
    font-size: 0.75rem;
    font-weight: 500;
    color: #121A1F;
    opacity: 1;
}

.fc-contact-summary[b-ynhiidkfwv] {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 0.6875rem; /* 11px */
    color: var(--fc-s5-muted);
    cursor: pointer;
    line-height: 1.3;
}

.fc-contact-summary:hover[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
    text-decoration: underline;
}

.fc-contact-summary.has-contact[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
}

.fc-contact-body[b-ynhiidkfwv] {
    padding: 8px 4px 16px 4px;
}

.fc-contact-footer[b-ynhiidkfwv] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--fc-s5-border);
}

.fc-contact-error ul[b-ynhiidkfwv] {
    padding-left: 1.25rem;
}

.fc-staffing-summary[b-ynhiidkfwv] {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 0.6875rem; /* 11px */
    color: var(--fc-s5-muted);
    cursor: pointer;
    line-height: 1.3;
}

.fc-staffing-summary:hover[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
    text-decoration: underline;
}

.fc-staffing-summary.has-staffing[b-ynhiidkfwv] {
    color: var(--fc-s5-brand);
}

.fc-staffing-body[b-ynhiidkfwv] {
    padding: 8px 4px 16px 4px;
}

.fc-staffing-footer[b-ynhiidkfwv] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--fc-s5-border);
}

.fc-staffing-error ul[b-ynhiidkfwv] {
    padding-left: 1.25rem;
}

/* Unassigned budget row — Figma Enable Kit soft info strip */
.fc-unassigned-row-display[b-ynhiidkfwv] {
    align-items: center !important;
    margin-top: 0.35rem;
    padding: 0.55rem 0.65rem !important;
    box-sizing: border-box;
    background-color: #F0F4F8 !important;
    border: 1px solid #E2E8F0;
    border-left: 3px solid #033D53;
    border-radius: 0.5rem;
    font-style: normal;
    opacity: 1;
}

.fc-unassigned-row-display__label[b-ynhiidkfwv] {
    display: block;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 600;
    line-height: 1.3;
    color: #32434B;
}

.fc-unassigned-row-display__vendor[b-ynhiidkfwv] {
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 500;
    line-height: 1.3;
    color: #475E69;
}

.fc-unassigned-row-display__dash[b-ynhiidkfwv] {
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.3;
    color: #94A3B8;
    user-select: none;
}

.fc-unassigned-row-display__dash.c[b-ynhiidkfwv] {
    text-align: center;
}

.fc-unassigned-row-display__total[b-ynhiidkfwv] {
    font-size: 0.875rem; /* 14px ≥ 11px */
    font-weight: 700;
    line-height: 1.3;
    color: #121A1F;
    text-align: left;
    padding-right: 0;
    font-variant-numeric: tabular-nums;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormMCCSSPlanUnrestricted.razor.rz.scp.css */
/* Telerik defaults */
.k-dialog[b-smmu6kptdj] {
    max-width: 900px;
}

.k-dialog-content[b-smmu6kptdj] {
    overflow-y: auto;
}

/* ============================================================
   Step 5 — Unrestricted — Figma Enable Kit UI (same elements)
   ============================================================ */

.fc-step5[b-smmu6kptdj] {
    --fc-s5-brand: #033D53;
    --fc-s5-ink: #32434B;
    --fc-s5-strong: #121A1F;
    --fc-s5-muted: #475E69;
    --fc-s5-soft: #F0F4F8;
    --fc-s5-border: #E2E8F0;
    --fc-s5-sky: #E0F2FE;
    --fc-s5-hover: #F6FBFE;
    font-size: 0.875rem;
    color: var(--fc-s5-ink);
    display: flex;
    flex-direction: column;
    /* Same gap as navbar → New Funding Commitment */
    gap: var(--app-page-stack-gap, 0.65rem);
}

.fc-plan-banner[b-smmu6kptdj] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-plan-banner-icon[b-smmu6kptdj] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--fc-s5-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.fc-plan-banner-title[b-smmu6kptdj] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-plan-banner-sub[b-smmu6kptdj] {
    font-size: 0.8125rem;
    color: var(--fc-s5-muted);
    line-height: 1.45;
}

/* Yes/No — white card */
.fc-vendor-q-card[b-smmu6kptdj] {
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-vendor-q-label[b-smmu6kptdj] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--fc-s5-ink);
    margin-bottom: 0.75rem;
}

.fc-vendor-q-card[b-smmu6kptdj]  .k-radio-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fc-vendor-q-card[b-smmu6kptdj]  .k-radio-list .k-radio-item {
    margin: 0 !important;
    padding: 0 !important;
}

.fc-req[b-smmu6kptdj] {
    color: #5E0011;
    margin-left: 3px;
}

/* Summary — separate white card */
.fc-summary-card[b-smmu6kptdj] {
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    padding: 0.35rem 1.25rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-summary-row[b-smmu6kptdj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 0;
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--fc-s5-border);
}

.fc-summary-row:last-child[b-smmu6kptdj] {
    border-bottom: 0;
}

.fc-summary-label[b-smmu6kptdj] {
    color: var(--fc-s5-ink);
    font-weight: 500;
}

.fc-summary-value[b-smmu6kptdj] {
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-summary-value.fc-negative[b-smmu6kptdj] {
    color: #5E0011;
}

.fc-org-budget-hint[b-smmu6kptdj] {
    line-height: 1.35;
}

.fc-org-budget-hint.fc-org-budget-warn[b-smmu6kptdj] {
    color: #b45309;
    font-weight: 500;
}

/* Each Funding Type = its own white card (Figma) */
.fc-funding-type-section[b-smmu6kptdj] {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    overflow: hidden;
}

.fc-funding-type-section:first-of-type[b-smmu6kptdj] {
    border-top: 1px solid var(--fc-s5-border);
    padding-top: 0;
}

.fc-accordion[b-smmu6kptdj] {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.fc-acc-header[b-smmu6kptdj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    cursor: pointer;
    user-select: none;
    background: #FFFFFF;
    border-bottom: 1px solid var(--fc-s5-border);
    transition: background 0.15s;
}

.fc-accordion.open .fc-acc-header[b-smmu6kptdj] {
    border-bottom-color: var(--fc-s5-border);
}

.fc-acc-header:hover[b-smmu6kptdj] {
    background: var(--fc-s5-hover);
}

.fc-acc-header-left[b-smmu6kptdj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fc-acc-chevron[b-smmu6kptdj] {
    font-size: 0.75rem;
    color: var(--fc-s5-ink);
    transition: transform 0.25s;
}

.fc-accordion.open .fc-acc-chevron[b-smmu6kptdj] {
    transform: rotate(180deg);
}

.fc-acc-title[b-smmu6kptdj] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-total[b-smmu6kptdj] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-allocated[b-smmu6kptdj] {
    color: var(--fc-s5-strong);
}

.fc-acc-sep[b-smmu6kptdj] {
    color: var(--fc-s5-muted);
    margin: 0 0.25rem;
}

.fc-acc-budget[b-smmu6kptdj] {
    color: var(--fc-s5-muted);
}

.fc-acc-total.over-budget[b-smmu6kptdj],
.fc-acc-total.over-budget .fc-acc-allocated[b-smmu6kptdj] {
    color: #5E0011;
}

.fc-acc-body[b-smmu6kptdj] {
    padding: 0;
    overflow-x: auto;
}

/* URT block / rows */
.fc-urt-block[b-smmu6kptdj] {
    padding: 0.35rem 1.25rem 1rem 1.25rem;
    min-width: 740px;
}

.fc-urt-grid-head[b-smmu6kptdj],
.fc-urt-row[b-smmu6kptdj] {
    display: grid;
    grid-template-columns: 130px minmax(220px, 1.5fr) 150px 60px 150px 40px 36px;
    gap: 10px;
    align-items: center;
}

.fc-urt-grid-head[b-smmu6kptdj] {
    padding: 0.65rem 0 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-border);
    margin-bottom: 0.4rem;
}

.fc-urt-grid-head span[b-smmu6kptdj] {
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    color: var(--fc-s5-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.fc-urt-grid-head span.c[b-smmu6kptdj] {
    text-align: center;
}

.fc-urt-grid-head span.r[b-smmu6kptdj] {
    text-align: left;
    padding-right: 0;
}

.fc-urt-row[b-smmu6kptdj] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-soft);
}

.fc-urt-row:last-of-type[b-smmu6kptdj] {
    border-bottom: none;
}

.fc-urt-empty[b-smmu6kptdj] {
    padding: 12px 0;
    color: var(--fc-s5-muted);
    font-style: italic;
    font-size: 0.8125rem;
}

.fc-step5 .fc-unit-select[b-smmu6kptdj] {
    min-height: 2.25rem;
    padding: 0.35rem 1.75rem 0.35rem 0.65rem;
    font-size: 0.8125rem;
    color: #32434B;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background-color: #F0F4F8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.5rem;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    cursor: pointer;
}

.fc-step5 .fc-unit-select:focus[b-smmu6kptdj] {
    outline: none;
    border-color: #033D53;
    background-color: #F0F4F8;
    box-shadow: none;
}

.fc-line-total[b-smmu6kptdj] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    text-align: left;
    padding-right: 0;
    cursor: help;
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

/* HST checkbox — match input / total text vertical center */
.fc-hst-toggle[b-smmu6kptdj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 2.25rem;
    min-height: 2.25rem;
    margin: 0 auto;
    justify-self: center;
    overflow: hidden;
}

.fc-hst-toggle input[type="checkbox"][b-smmu6kptdj] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    outline: none !important;
    box-shadow: none !important;
}

.fc-hst-toggle input[type="checkbox"][b-smmu6kptdj]::before,
.fc-hst-toggle input[type="checkbox"][b-smmu6kptdj]::after {
    content: none !important;
    display: none !important;
}

.fc-hst-toggle input[type="checkbox"]:hover:not(:checked)[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:focus-visible:not(:checked)[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:active:not(:checked)[b-smmu6kptdj] {
    /* Soft fill inside the square only — no outer circle */
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-hst-toggle input[type="checkbox"]:checked[b-smmu6kptdj] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fc-hst-toggle input[type="checkbox"]:checked:hover[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:checked:active[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:checked:focus[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:checked:focus-visible[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:focus[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:focus-visible[b-smmu6kptdj],
.fc-hst-toggle input[type="checkbox"]:active[b-smmu6kptdj] {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-notes-btn[b-smmu6kptdj] {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin-inline: auto;
    color: #32434B; /* Figma notes icon stroke */
    transition: all 0.15s;
    padding: 0;
    font-size: 1rem;
    border-radius: 0.375rem;
}

.fc-notes-btn .fc-notes-icon[b-smmu6kptdj] {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    flex-shrink: 0;
}

.fc-notes-btn:hover[b-smmu6kptdj] {
    background: var(--fc-s5-sky);
    color: var(--fc-s5-brand);
}

.fc-notes-btn.has-notes[b-smmu6kptdj] {
    color: var(--fc-s5-brand);
}

.fc-del-btn[b-smmu6kptdj] {
    width: 34px;
    height: 34px;
    border: none;
    background: none;
    color: var(--fc-s5-muted);
    cursor: pointer;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    border-radius: 0.375rem;
}

.fc-del-btn:hover[b-smmu6kptdj] {
    background: #fef2f2;
    color: #5E0011;
}

/* Add row — Figma: Normal / Hover (#E0F2FE + #033D53) / Click (#033D53 + white) */
.fc-add-row[b-smmu6kptdj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #32434B;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    margin-top: 0.75rem;
    padding: 0.35rem 0.85rem;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.fc-add-row:hover[b-smmu6kptdj],
.fc-add-row:focus-visible[b-smmu6kptdj] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #32434B;
    outline: none;
}

.fc-add-row:active[b-smmu6kptdj] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-add-row.fc-add-row--disabled[b-smmu6kptdj],
.fc-add-row.fc-add-row--disabled:hover[b-smmu6kptdj],
.fc-add-row.fc-add-row--disabled:active[b-smmu6kptdj] {
    pointer-events: none;
    opacity: 0.45;
    background: transparent;
    border-color: inherit;
    color: inherit;
}

.fc-add-row .fc-add-plus[b-smmu6kptdj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.fc-grand-total[b-smmu6kptdj] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-top: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-grand-total__amount[b-smmu6kptdj] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.fc-grand-total__amount span[b-smmu6kptdj],
.fc-grand-total > span[b-smmu6kptdj] {
    color: var(--fc-s5-brand);
}

.fc-grand-total__nav[b-smmu6kptdj]  .app-stepnav,
.fc-grand-total__nav[b-smmu6kptdj]  .app-stepnav-mobile,
.fc-grand-total__nav[b-smmu6kptdj]  .app-stepnav-desktop {
    position: static !important;
    border-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: auto !important;
}

.fc-grand-total__nav[b-smmu6kptdj]  .app-stepnav .mt-4 {
    margin-top: 0 !important;
}

.fc-notes-sub[b-smmu6kptdj] {
    font-size: 0.75rem;
    color: var(--fc-s5-muted);
    margin-top: 2px;
    font-weight: 400;
}

.fc-notes-body[b-smmu6kptdj] {
    padding: 8px 4px 16px 4px;
}

.fc-notes-body textarea[b-smmu6kptdj] {
    width: 100%;
    min-height: 140px;
    padding: 12px;
    border: none;
    border-radius: 0.5rem;
    background: var(--fc-s5-soft);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--fc-s5-ink);
    resize: vertical;
    overflow-x: hidden;
    overflow-y: hidden;
}

.fc-notes-body textarea:focus[b-smmu6kptdj] {
    outline: none;
    border: 1px solid var(--fc-s5-brand);
    box-shadow: none;
}

.fc-notes-footer[b-smmu6kptdj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--fc-s5-border);
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormMCCSSScreenTwo.razor.rz.scp.css */
.fc-org-budget-hint[b-wglmlv2m5k] {
    line-height: 1.35;
}

.fc-org-budget-hint.fc-org-budget-warn[b-wglmlv2m5k] {
    color: #b45309;
    font-weight: 500;
}

.fc-org-budget-helper[b-wglmlv2m5k] {
    line-height: 1.35;
    color: #475E69;
    font-size: 0.75rem; /* 12px ≥ 11px */
}

/* Step 4 — long funding-type labels need a wider compact menu */
.fc-mccss-step4[b-wglmlv2m5k] {
    overflow: visible;
}

.fc-mccss-step4 .fc-fc-field[b-wglmlv2m5k] {
    overflow: visible;
}

.fc-mccss-step4 .fc-addl-ms[b-wglmlv2m5k],
.fc-mccss-step4 .fc-scs-select[b-wglmlv2m5k] {
    width: 100%;
    max-width: 100%;
}

.fc-mccss-step4 .fc-addl-ms__menu[b-wglmlv2m5k] {
    width: min(100%, 28rem);
    max-width: 100%;
}

.fc-mccss-step4 .fc-addl-ms__option-text[b-wglmlv2m5k],
.fc-mccss-step4 .fc-scs-select__option-text[b-wglmlv2m5k] {
    white-space: normal;
}

/* Soft amount field (Figma) */
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount.k-numerictextbox,
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount.k-input,
.fc-mccss-step4[b-wglmlv2m5k]  .k-numerictextbox.fc-mccss-amount {
    background-color: #F0F4F8 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    color: #32434B !important;
    font-size: 0.8125rem !important; /* 13px ≥ 11px */
}

.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount.k-numerictextbox.k-focus,
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount.k-input.k-focus,
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount.k-numerictextbox:focus-within,
.fc-mccss-step4[b-wglmlv2m5k]  .k-numerictextbox.fc-mccss-amount.k-focus,
.fc-mccss-step4[b-wglmlv2m5k]  .k-numerictextbox.fc-mccss-amount:focus-within {
    border-color: #033D53 !important;
    background-color: #F0F4F8 !important;
    box-shadow: none !important;
}

.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount .k-input-inner,
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount input {
    background: transparent !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
}

.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount .k-input-inner::placeholder,
.fc-mccss-step4[b-wglmlv2m5k]  .fc-mccss-amount input::placeholder {
    color: #475E69 !important;
    opacity: 1 !important;
    font-size: 0.8125rem !important;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormOtherPlansScreenOne.razor.rz.scp.css */
/* Step 6 — additional funder amount + vendor Yes/No (Figma Enable Kit) */

.fc-other-step6[b-4u06b99uc8] {
    --fc-s6-brand: #033D53;
    --fc-s6-ink: #32434B;
    --fc-s6-strong: #121A1F;
    --fc-s6-muted: #475E69;
    --fc-s6-soft: #F0F4F8;
    --fc-s6-border: #E2E8F0;
    --fc-s6-sky: #E0F2FE;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fc-other-step6__heading[b-4u06b99uc8] {
    color: var(--fc-s6-strong);
    font-size: 1.05rem; /* ~17px ≥ 11px */
    font-weight: 700;
    margin: 0;
    line-height: 1.35;
}

.fc-other-step6 .fc-fc-field[b-4u06b99uc8] {
    width: 100%;
    max-width: 100%;
}

.fc-other-step6 .form-label[b-4u06b99uc8] {
    color: var(--fc-s6-strong);
    font-weight: 600;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    margin-bottom: 0.5rem;
}

/* Soft amount field */
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount.k-numerictextbox,
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount.k-input,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox.fc-mccss-amount {
    background-color: var(--fc-s6-soft) !important;
    border: 1px solid var(--fc-s6-border) !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    color: var(--fc-s6-ink) !important;
    font-size: 0.8125rem !important;
    min-height: 2.375rem !important;
    width: 100% !important;
}

.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount.k-numerictextbox.k-focus,
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount.k-input.k-focus,
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount.k-numerictextbox:focus-within,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox.fc-mccss-amount.k-focus,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox.fc-mccss-amount:focus-within {
    border-color: var(--fc-s6-brand) !important;
    background-color: var(--fc-s6-soft) !important;
    box-shadow: none !important;
}

.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount .k-input-inner,
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount input {
    background: transparent !important;
    color: var(--fc-s6-ink) !important;
    font-size: 0.8125rem !important;
    padding: 0.35rem 0.65rem !important;
}

.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount .k-input-inner::placeholder,
.fc-other-step6[b-4u06b99uc8]  .fc-mccss-amount input::placeholder {
    color: var(--fc-s6-muted) !important;
    opacity: 1 !important;
    font-size: 0.8125rem !important;
}

/* Hide spinners even if Telerik still renders them */
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-spinner,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-input-spinner,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-spin-button,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-spinner-increase,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-spinner-decrease,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-input-spinner-button-vertical,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox .k-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox input::-webkit-outer-spin-button,
.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.fc-other-step6[b-4u06b99uc8]  .k-numerictextbox input[type="number"] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* Yes / No radios — vertical stack with Figma spacing */
.fc-other-step6[b-4u06b99uc8]  .k-radio-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.35rem !important;
    margin: 0.15rem 0 0 0 !important;
    padding: 0 !important;
}

.fc-other-step6[b-4u06b99uc8]  .k-radio-list .k-radio-item {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.fc-other-step6[b-4u06b99uc8]  .k-radio-list .k-radio-item label,
.fc-other-step6[b-4u06b99uc8]  .k-radio-list label {
    color: var(--fc-s6-ink) !important;
    font-size: 0.8125rem !important; /* 13px ≥ 11px */
    font-weight: 500 !important;
    margin: 0 !important;
    cursor: pointer;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentFormOtherPlansScreenTwo.razor.rz.scp.css */
/* Telerik defaults */
.k-dialog[b-4uf4ke826y] {
    max-width: 900px;
}

.k-dialog-content[b-4uf4ke826y] {
    overflow-y: auto;
}

/* ============================================================
   Step 5 — Unrestricted — Figma Enable Kit UI (same elements)
   ============================================================ */

.fc-step5[b-4uf4ke826y] {
    --fc-s5-brand: #033D53;
    --fc-s5-ink: #32434B;
    --fc-s5-strong: #121A1F;
    --fc-s5-muted: #475E69;
    --fc-s5-soft: #F0F4F8;
    --fc-s5-border: #E2E8F0;
    --fc-s5-sky: #E0F2FE;
    --fc-s5-hover: #F6FBFE;
    font-size: 0.875rem;
    color: var(--fc-s5-ink);
    display: flex;
    flex-direction: column;
    /* Same gap as navbar → New Funding Commitment */
    gap: var(--app-page-stack-gap, 0.65rem);
}

.fc-plan-banner[b-4uf4ke826y] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-plan-banner-icon[b-4uf4ke826y] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--fc-s5-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.fc-plan-banner-title[b-4uf4ke826y] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-plan-banner-sub[b-4uf4ke826y] {
    font-size: 0.8125rem;
    color: var(--fc-s5-muted);
    line-height: 1.45;
}

/* Yes/No — white card */
.fc-vendor-q-card[b-4uf4ke826y] {
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-vendor-q-label[b-4uf4ke826y] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--fc-s5-ink);
    margin-bottom: 0.75rem;
}

.fc-vendor-q-card[b-4uf4ke826y]  .k-radio-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fc-vendor-q-card[b-4uf4ke826y]  .k-radio-list .k-radio-item {
    margin: 0 !important;
    padding: 0 !important;
}

.fc-req[b-4uf4ke826y] {
    color: #5E0011;
    margin-left: 3px;
}

/* Summary — separate white card */
.fc-summary-card[b-4uf4ke826y] {
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    padding: 0.35rem 1.25rem;
    margin-bottom: 0;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-summary-row[b-4uf4ke826y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 0;
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--fc-s5-border);
}

.fc-summary-row:last-child[b-4uf4ke826y] {
    border-bottom: 0;
}

.fc-summary-label[b-4uf4ke826y] {
    color: var(--fc-s5-ink);
    font-weight: 500;
}

.fc-summary-value[b-4uf4ke826y] {
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-summary-value.fc-negative[b-4uf4ke826y] {
    color: #5E0011;
}

.fc-org-budget-hint[b-4uf4ke826y] {
    line-height: 1.35;
}

.fc-org-budget-hint.fc-org-budget-warn[b-4uf4ke826y] {
    color: #b45309;
    font-weight: 500;
}

/* Each Funding Type = its own white card (Figma) */
.fc-funding-type-section[b-4uf4ke826y] {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
    overflow: hidden;
}

.fc-funding-type-section:first-of-type[b-4uf4ke826y] {
    border-top: 1px solid var(--fc-s5-border);
    padding-top: 0;
}

.fc-accordion[b-4uf4ke826y] {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.fc-acc-header[b-4uf4ke826y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    cursor: pointer;
    user-select: none;
    background: #FFFFFF;
    border-bottom: 1px solid var(--fc-s5-border);
    transition: background 0.15s;
}

.fc-accordion.open .fc-acc-header[b-4uf4ke826y] {
    border-bottom-color: var(--fc-s5-border);
}

.fc-acc-header:hover[b-4uf4ke826y] {
    background: var(--fc-s5-hover);
}

.fc-acc-header-left[b-4uf4ke826y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.fc-acc-chevron[b-4uf4ke826y] {
    font-size: 0.75rem;
    color: var(--fc-s5-ink);
    transition: transform 0.25s;
}

.fc-accordion.open .fc-acc-chevron[b-4uf4ke826y] {
    transform: rotate(180deg);
}

.fc-acc-title[b-4uf4ke826y] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-total[b-4uf4ke826y] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
}

.fc-acc-allocated[b-4uf4ke826y] {
    color: var(--fc-s5-strong);
}

.fc-acc-sep[b-4uf4ke826y] {
    color: var(--fc-s5-muted);
    margin: 0 0.25rem;
}

.fc-acc-budget[b-4uf4ke826y] {
    color: var(--fc-s5-muted);
}

.fc-acc-total.over-budget[b-4uf4ke826y],
.fc-acc-total.over-budget .fc-acc-allocated[b-4uf4ke826y] {
    color: #5E0011;
}

.fc-acc-body[b-4uf4ke826y] {
    padding: 0;
    overflow-x: auto;
}

/* URT block / rows */
.fc-urt-block[b-4uf4ke826y] {
    padding: 0.35rem 1.25rem 1rem 1.25rem;
    min-width: 740px;
}

.fc-urt-grid-head[b-4uf4ke826y],
.fc-urt-row[b-4uf4ke826y] {
    display: grid;
    /* Full-width row: share leftover across Type / Vendor / Amount / Total */
    grid-template-columns:
        minmax(9rem, 1.15fr)
        minmax(9rem, 1.25fr)
        minmax(8rem, 1fr)
        3.75rem
        minmax(8rem, 1fr)
        2.75rem
        2.25rem;
    gap: 0.75rem;
    align-items: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.fc-urt-grid-head[b-4uf4ke826y] {
    padding: 0.65rem 0 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-border);
    margin-bottom: 0.4rem;
}

.fc-urt-grid-head span[b-4uf4ke826y] {
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    color: var(--fc-s5-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.fc-urt-grid-head span.c[b-4uf4ke826y] {
    text-align: center;
}

.fc-urt-grid-head span.r[b-4uf4ke826y] {
    text-align: left;
    padding-right: 0;
}

.fc-urt-row[b-4uf4ke826y] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--fc-s5-soft);
}

.fc-urt-row:last-of-type[b-4uf4ke826y] {
    border-bottom: none;
}

.fc-urt-empty[b-4uf4ke826y] {
    padding: 12px 0;
    color: var(--fc-s5-muted);
    font-style: italic;
    font-size: 0.8125rem;
}

.fc-step5 .fc-unit-select[b-4uf4ke826y] {
    min-height: 2.25rem;
    padding: 0.35rem 1.75rem 0.35rem 0.65rem;
    font-size: 0.8125rem;
    color: #32434B;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background-color: #F0F4F8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.75L6 6.25L10.5 1.75' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.5rem;
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    cursor: pointer;
}

.fc-step5 .fc-unit-select:focus[b-4uf4ke826y] {
    outline: none;
    border-color: #033D53;
    background-color: #F0F4F8;
    box-shadow: none;
}

.fc-line-total[b-4uf4ke826y] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    text-align: left;
    padding-right: 0;
    cursor: help;
    display: flex;
    align-items: center;
    min-height: 2.25rem;
}

/* HST checkbox — match input / total text vertical center */
.fc-hst-toggle[b-4uf4ke826y] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 2.25rem;
    min-height: 2.25rem;
    margin: 0 auto;
    justify-self: center;
    overflow: hidden;
}

.fc-hst-toggle input[type="checkbox"][b-4uf4ke826y] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    outline: none !important;
    box-shadow: none !important;
}

.fc-hst-toggle input[type="checkbox"][b-4uf4ke826y]::before,
.fc-hst-toggle input[type="checkbox"][b-4uf4ke826y]::after {
    content: none !important;
    display: none !important;
}

.fc-hst-toggle input[type="checkbox"]:hover:not(:checked)[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:focus-visible:not(:checked)[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:active:not(:checked)[b-4uf4ke826y] {
    /* Soft fill inside the square only — no outer circle */
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-hst-toggle input[type="checkbox"]:checked[b-4uf4ke826y] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.fc-hst-toggle input[type="checkbox"]:checked:hover[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:checked:active[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:checked:focus[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:checked:focus-visible[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:focus[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:focus-visible[b-4uf4ke826y],
.fc-hst-toggle input[type="checkbox"]:active[b-4uf4ke826y] {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.fc-notes-btn[b-4uf4ke826y] {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin-inline: auto;
    color: #32434B; /* Figma notes icon stroke */
    transition: all 0.15s;
    padding: 0;
    font-size: 1rem;
    border-radius: 0.375rem;
}

.fc-notes-btn .fc-notes-icon[b-4uf4ke826y] {
    width: 1.75rem;
    height: 1.75rem;
    display: block;
    flex-shrink: 0;
}

.fc-notes-btn:hover[b-4uf4ke826y] {
    background: var(--fc-s5-sky);
    color: var(--fc-s5-brand);
}

.fc-notes-btn.has-notes[b-4uf4ke826y] {
    color: var(--fc-s5-brand);
}

.fc-del-btn[b-4uf4ke826y] {
    width: 34px;
    height: 34px;
    border: none;
    background: none;
    color: var(--fc-s5-muted);
    cursor: pointer;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    border-radius: 0.375rem;
}

.fc-del-btn:hover[b-4uf4ke826y] {
    background: #fef2f2;
    color: #5E0011;
}

/* Add row — Figma: Normal / Hover (#E0F2FE + #033D53) / Click (#033D53 + white) */
.fc-add-row[b-4uf4ke826y] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #32434B;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    margin-top: 0.75rem;
    padding: 0.35rem 0.85rem;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.fc-add-row:hover[b-4uf4ke826y],
.fc-add-row:focus-visible[b-4uf4ke826y] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #32434B;
    outline: none;
}

.fc-add-row:active[b-4uf4ke826y] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.fc-add-row.fc-add-row--disabled[b-4uf4ke826y],
.fc-add-row.fc-add-row--disabled:hover[b-4uf4ke826y],
.fc-add-row.fc-add-row--disabled:active[b-4uf4ke826y] {
    pointer-events: none;
    opacity: 0.45;
    background: transparent;
    border-color: inherit;
    color: inherit;
}

.fc-add-row .fc-add-plus[b-4uf4ke826y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
}

.fc-grand-total[b-4uf4ke826y] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #FFFFFF;
    border: 1px solid var(--fc-s5-border);
    border-radius: 0.75rem;
    margin-top: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--fc-s5-strong);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
}

.fc-grand-total__amount[b-4uf4ke826y] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.fc-grand-total__amount span[b-4uf4ke826y],
.fc-grand-total > span[b-4uf4ke826y] {
    color: var(--fc-s5-brand);
}

.fc-grand-total__nav[b-4uf4ke826y]  .app-stepnav,
.fc-grand-total__nav[b-4uf4ke826y]  .app-stepnav-mobile,
.fc-grand-total__nav[b-4uf4ke826y]  .app-stepnav-desktop {
    position: static !important;
    border-top: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: auto !important;
}

.fc-grand-total__nav[b-4uf4ke826y]  .app-stepnav .mt-4 {
    margin-top: 0 !important;
}

.fc-notes-sub[b-4uf4ke826y] {
    font-size: 0.75rem;
    color: var(--fc-s5-muted);
    margin-top: 2px;
    font-weight: 400;
}

.fc-notes-body[b-4uf4ke826y] {
    padding: 8px 4px 16px 4px;
}

.fc-notes-body textarea[b-4uf4ke826y] {
    width: 100%;
    min-height: 140px;
    padding: 12px;
    border: none;
    border-radius: 0.5rem;
    background: var(--fc-s5-soft);
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--fc-s5-ink);
    resize: vertical;
    overflow-x: hidden;
    overflow-y: hidden;
}

.fc-notes-body textarea:focus[b-4uf4ke826y] {
    outline: none;
    border: 1px solid var(--fc-s5-brand);
    box-shadow: none;
}

.fc-notes-footer[b-4uf4ke826y] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--fc-s5-border);
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentInitialScreen.razor.rz.scp.css */
/* Warning banner — Figma Frame 8787 colors; slightly compact */
.fc-restriction-banner[b-9v0suu9flf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.85rem;
    margin: 0 0 0.75rem;
    border: 2px solid #D8BD51;
    border-radius: 8px;
    background: #FEF3C7;
    color: #121A1F;
    box-sizing: border-box;
    box-shadow: none;
}

/* Under the intro box the banner is a page-level notice, not a field hint. */
.fc-restriction-banner--top[b-9v0suu9flf] {
    margin: 0;
}

.fc-restriction-banner__main[b-9v0suu9flf] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    flex: 1 1 auto;
}

.fc-restriction-banner__icon[b-9v0suu9flf] {
    flex-shrink: 0;
    width: 1.85rem;
    height: 1.85rem;
    min-width: 1.85rem;
    border-radius: 50%;
    background: #FBC121;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fc-restriction-banner__icon-ring[b-9v0suu9flf] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    border: 1.5px solid #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.fc-restriction-banner__icon i[b-9v0suu9flf] {
    margin: 0;
    color: #FFFFFF;
    font-size: 0.6rem;
    line-height: 1;
}

.fc-restriction-banner__text[b-9v0suu9flf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.fc-restriction-banner__title[b-9v0suu9flf] {
    display: block;
    font-weight: 700;
    font-size: 0.8125rem; /* 13px ≥ 11px */
    line-height: 1.25;
    color: #121A1F;
}

.fc-restriction-banner__body[b-9v0suu9flf] {
    display: block;
    font-weight: 400;
    font-size: 0.75rem; /* 12px ≥ 11px */
    line-height: 1.35;
    color: #121A1F;
}

.fc-restriction-banner__close[b-9v0suu9flf] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    padding: 0;
    background: #FFFFFF;
    border: none;
    border-radius: 8px;
    color: #033D53;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.fc-restriction-banner__close:hover[b-9v0suu9flf] {
    background: #FFFFFF;
    color: #033D53;
    opacity: 0.9;
}

.fc-restriction-banner__close:active[b-9v0suu9flf] {
    background: #FFFFFF;
    color: #033D53;
}

.fc-restriction-banner__close i[b-9v0suu9flf] {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1;
    color: #033D53;
}
/* /Pages/Domain/Forms/FundingCommitment/Screens/FundingCommitmentScsTeamSelect.razor.rz.scp.css */
/* Figma Enable Kit — SCS team accountable single-select (Step 3) */

.fc-scs-select[b-y1qr8uzqn9] {
    --fc-scs-brand: #033D53;
    --fc-scs-ink: #32434B;
    --fc-scs-strong: #121A1F;
    --fc-scs-sky: #E0F2FE;
    --fc-scs-border: #E2E8F0;
    --fc-scs-soft: #F0F4F8;
    --fc-scs-muted: #475E69;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    z-index: 1;
}

.fc-scs-select.is-open[b-y1qr8uzqn9] {
    z-index: 40;
}

.fc-scs-select.is-disabled[b-y1qr8uzqn9] {
    opacity: 0.65;
    pointer-events: none;
}

.fc-scs-select.is-disabled .fc-scs-select__field[b-y1qr8uzqn9] {
    background: var(--fc-scs-soft);
    cursor: not-allowed;
}

.fc-scs-select__field[b-y1qr8uzqn9] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.375rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--fc-scs-border);
    border-radius: 0.5rem;
    background: var(--fc-scs-soft);
    background-clip: padding-box;
    cursor: pointer;
    outline: none;
    overflow: hidden; /* keep all 4 corners rounded + clip long value */
}

.fc-scs-select.is-open .fc-scs-select__field[b-y1qr8uzqn9],
.fc-scs-select__field:focus-within[b-y1qr8uzqn9] {
    border-color: var(--fc-scs-brand); /* #033D53 — open/focus */
    background: var(--fc-scs-soft);
    box-shadow: none;
}

.fc-scs-select__input[b-y1qr8uzqn9] {
    flex: 1 1 0%;
    width: 0; /* critical: lets flex child shrink so text-overflow works */
    min-width: 0;
    max-width: 100%;
    min-height: 1.5rem;
    margin: 0;
    padding: 0.1rem 0;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--fc-scs-ink);
    font-size: 0.8125rem; /* 13px ≥ 11px */
    font-weight: 400;
    line-height: 1.25;
    outline: none !important;
    box-shadow: none !important;
    caret-color: #32434B;
    cursor: pointer;
    /* Long Service / Vendor Type / Vendor Name: … when wider than field */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.fc-scs-select.is-open .fc-scs-select__input[b-y1qr8uzqn9] {
    cursor: text;
    text-overflow: clip; /* allow typing/filter without ellipsis fighting caret */
}

.fc-scs-select__input:focus[b-y1qr8uzqn9],
.fc-scs-select__input:focus-visible[b-y1qr8uzqn9],
.fc-scs-select__input:active[b-y1qr8uzqn9] {
    border: 0 !important;
    border-bottom: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.fc-scs-select__input[b-y1qr8uzqn9]::placeholder {
    color: var(--fc-scs-muted);
    font-size: 0.8125rem;
    font-weight: 400;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-scs-select__chevron[b-y1qr8uzqn9] {
    flex: 0 0 auto;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 1.5px solid var(--fc-scs-ink);
    border-bottom: 1.5px solid var(--fc-scs-ink);
    transform: translateY(-15%) rotate(45deg);
    pointer-events: none;
}

.fc-scs-select.is-open .fc-scs-select__chevron[b-y1qr8uzqn9] {
    transform: translateY(15%) rotate(225deg);
}

/* Transparent hit layer must NOT capture wheel — otherwise page scroll locks while open. */
.fc-scs-select__backdrop[b-y1qr8uzqn9] {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: transparent;
    pointer-events: none;
}

/* Outer shell clips to radius; scroll lives on inner list so right corners stay round */
.fc-scs-select__menu[b-y1qr8uzqn9] {
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0;
    right: auto;
    z-index: 50;
    box-sizing: border-box;
    width: 16rem;
    max-width: min(20rem, 100vw - 2rem);
    height: auto;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid var(--fc-scs-border);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
    max-height: 16rem;
    overflow: hidden;
    outline: none;
    display: flex;
    flex-direction: column;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9] {
    list-style: none;
    margin: 0;
    /* Extra bottom pad so last option clears scrollbar / rounded clip */
    padding: 0.35rem 0.35rem 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    overscroll-behavior: contain;
    /* Figma scrollbar — brand thumb / sky track */
    scrollbar-width: thin;
    scrollbar-color: #033D53 #E0F2FE;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar {
    width: 8px;
    height: 0; /* no horizontal bar */
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar:horizontal {
    display: none;
    height: 0;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar-track {
    background: #E0F2FE;
    border-radius: 999px;
    margin-block: 8px;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar-thumb {
    background: #033D53;
    border-radius: 999px;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

.fc-scs-select__menu-list[b-y1qr8uzqn9]::-webkit-scrollbar-corner {
    background: transparent;
}

/* Fixed menu — escapes overflow:hidden card so radius stays intact */
.fc-scs-select__menu.is-fixed[b-y1qr8uzqn9] {
    position: fixed;
    top: auto;
    left: auto;
    right: auto;
    z-index: 10060;
}

/* Step 5 grid cells — menu can be wider than narrow columns */
.fc-step5 .fc-scs-select__menu:not(.is-fixed)[b-y1qr8uzqn9] {
    width: max(100%, 16rem);
    max-width: min(20rem, 100vw - 2rem);
}

.fc-scs-select__menu-list li[b-y1qr8uzqn9] {
    margin: 0;
    padding: 0;
}

.fc-scs-select__menu-list li + li[b-y1qr8uzqn9] {
    margin-top: 0.15rem;
}

.fc-scs-select__option[b-y1qr8uzqn9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    margin: 0;
    padding: 0.35rem 0.5rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--fc-scs-muted);
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.fc-scs-select__option:hover[b-y1qr8uzqn9] {
    background: var(--fc-scs-sky);
    color: var(--fc-scs-brand);
}

.fc-scs-select__option.is-selected[b-y1qr8uzqn9],
.fc-scs-select__option.is-selected:hover[b-y1qr8uzqn9] {
    background: var(--fc-scs-brand);
    color: #FFFFFF;
}

.fc-scs-select__check[b-y1qr8uzqn9] {
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    box-sizing: border-box;
    border: 1.5px solid var(--fc-scs-ink);
    border-radius: 50%;
    background: #FFFFFF;
}

.fc-scs-select__option:hover .fc-scs-select__check[b-y1qr8uzqn9] {
    border-color: var(--fc-scs-brand);
}

.fc-scs-select__option.is-selected .fc-scs-select__check[b-y1qr8uzqn9] {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23033D53' d='M6.2 11.4 2.8 8l1.1-1.1 2.3 2.3 5.1-5.1L12.4 5.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.65rem 0.65rem;
}

.fc-scs-select__option-text[b-y1qr8uzqn9] {
    min-width: 0;
}

.fc-scs-select__option-img[b-y1qr8uzqn9] {
    width: 16px;
    min-width: 16px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
    display: block;
}

.fc-scs-select__option.is-selected .fc-scs-select__option-img[b-y1qr8uzqn9] {
    filter: brightness(0) invert(1);
}

.fc-scs-select.is-disabled[b-y1qr8uzqn9] {
    opacity: 0.72;
    pointer-events: none;
}

.fc-scs-select.is-disabled .fc-scs-select__field[b-y1qr8uzqn9] {
    cursor: not-allowed;
    background: #e8eef2;
}
/* /Pages/Domain/Funding/AppPageFinancialPressure.razor.rz.scp.css */
/* Financial Pressure — match Figma screenshot (one card) */

.fp-page[b-699x65wap4] {
    --fp-brand: #033D53;
    --fp-ink: #32434B;
    --fp-strong: #121A1F;
    --fp-muted: #6B7A86;
    --fp-border: #E2E8F0;
    --fp-sky: #E0F2FE;
    --fp-soft: #F0F4F8;
    --fp-status-ok-bg: #E4F2EA;
    --fp-status-ok-fg: #0A5A36;
    --fp-pad-x: 1.25rem;
}

.fp-page__shell[b-699x65wap4] {
    background: #FFFFFF;
    border: 1px solid var(--fp-border);
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    /* visible so FcSelect menus are not clipped */
    overflow: visible;
    margin-bottom: 0.75rem;
    /* Title / filters sit a bit higher in the card */
    padding: 0.9rem var(--fp-pad-x) 0;
}

.fp-page__header[b-699x65wap4] {
    position: relative;
    z-index: 5;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    padding: 0;
    margin: 0 0 1.35rem; /* a bit more air above tabs */
}

.fp-page__heading[b-699x65wap4] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
    flex: 0 0 auto;
    height: auto;
    margin: 0;
}

.fp-page__heading-icon[b-699x65wap4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.45rem;
    background: var(--fp-brand);
    color: #FFFFFF;
    flex-shrink: 0;
}

.fp-page__heading-icon i.app-nav-icon-financial-pressure[b-699x65wap4] {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
    width: 1.15rem;
    height: 1.15rem;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
    mask-image: url("/images/icons/nav-financial-pressure.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.fp-page__heading-icon i.app-nav-icon-financial-pressure[b-699x65wap4]::before {
    content: none !important;
    display: none !important;
}

.fp-page__heading-title[b-699x65wap4] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--fp-strong);
    line-height: 1.2;
    white-space: nowrap;
}

.fp-page__toolbar[b-699x65wap4] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar {
    width: auto;
    max-width: 100%;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__inner,
.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__inner--with-search {
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    width: auto;
    gap: 1rem 1.15rem;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Figma order: Created on / Page, then Search */
.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__group--actions {
    order: 0;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__group--trailing {
    order: 1;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1rem;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__field--search {
    order: 2;
    flex: 0 1 18rem;
    min-width: 12rem;
    max-width: 20rem;
    margin-left: 0;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__label {
    color: #8A97A3 !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin: 0 !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__search-input {
    background: #F4F7FA !important;
    border: 1.5px solid transparent !important;
    border-radius: 8px !important;
    color: var(--fp-brand) !important;
    min-height: 2.375rem;
    height: 2.375rem;
    box-shadow: none !important;
    font-size: 0.8125rem !important;
    font-weight: 500;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__search-icon {
    color: var(--fp-muted);
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__search-input:hover:not(:disabled):not(:focus) {
    background: var(--fp-sky) !important;
    background-color: var(--fp-sky) !important;
    border-color: transparent !important;
}

.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__search-input:focus,
.fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__search-input:focus-visible {
    border-color: #033D53 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

/* FcSelect — same open/focus chrome as FC (Figma) */
.fp-page__toolbar[b-699x65wap4]  .fc-select {
    position: relative;
    z-index: 1;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select.is-open {
    z-index: 80;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger,
.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger:focus,
.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger:focus-visible,
.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger:active,
.fp-page__toolbar[b-699x65wap4]  .fc-select__option:focus,
.fp-page__toolbar[b-699x65wap4]  .fc-select__option:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select.is-open .fc-select__trigger,
.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger:focus,
.fp-page__toolbar[b-699x65wap4]  .fc-select__trigger:focus-visible {
    border: 1.5px solid #033D53 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Force Figma menu (beat any global button styles) */
.fp-page__toolbar[b-699x65wap4]  .fc-select__menu {
    background: #ffffff !important;
    border: 1px solid #E5E9EE !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    padding: 0.4rem !important;
    z-index: 90 !important;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select__option {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    color: #1B3E5C !important;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select__option:hover {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    color: #033D53 !important;
}

.fp-page__toolbar[b-699x65wap4]  .fc-select__option.is-selected,
.fp-page__toolbar[b-699x65wap4]  .fc-select__option.is-selected:hover {
    background: #033D53 !important;
    background-color: #033D53 !important;
    color: #ffffff !important;
}

/* Tabs — Figma: active brand flush to card bottom; inactive transparent */
.fp-page__tabs[b-699x65wap4] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    overflow-x: auto;
}

button.fp-tab[b-699x65wap4],
.fp-tab[b-699x65wap4] {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #32434B !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 7px 7px 0 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.15;
    min-height: 2.15rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

button.fp-tab:hover:not(.fp-tab--active)[b-699x65wap4],
.fp-tab:hover:not(.fp-tab--active)[b-699x65wap4] {
    background: #E0F2FE !important;
    color: #32434B !important;
}

button.fp-tab.fp-tab--active[b-699x65wap4],
.fp-tab--active[b-699x65wap4] {
    background: #033D53 !important;
    color: #FFFFFF !important;
}

.fp-tab__icon[b-699x65wap4] {
    font-size: 0.8rem;
    line-height: 1;
    color: inherit;
}

/* Figma tab SVGs — mask inherits tab text color */
.fp-tab__icon.fp-tab-icon-on-pressure[b-699x65wap4],
.fp-tab__icon.fp-tab-icon-to-validate[b-699x65wap4],
.fp-tab__icon.fp-tab-icon-my-drafts[b-699x65wap4],
.fp-tab__icon.fp-tab-icon-my-requests[b-699x65wap4],
.fp-tab__icon.fp-tab-icon-active-pressures[b-699x65wap4] {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-block;
    width: 0.95rem;
    height: 0.95rem;
    min-width: 0.95rem;
    background-color: currentColor !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.fp-tab__icon.fp-tab-icon-on-pressure[b-699x65wap4] {
    -webkit-mask-image: url("/images/icons/fp-tab-on-pressure-request.svg") !important;
    mask-image: url("/images/icons/fp-tab-on-pressure-request.svg") !important;
}

.fp-tab__icon.fp-tab-icon-to-validate[b-699x65wap4] {
    -webkit-mask-image: url("/images/icons/fp-tab-to-validate.svg") !important;
    mask-image: url("/images/icons/fp-tab-to-validate.svg") !important;
}

.fp-tab__icon.fp-tab-icon-my-drafts[b-699x65wap4] {
    -webkit-mask-image: url("/images/icons/fp-tab-my-drafts.svg") !important;
    mask-image: url("/images/icons/fp-tab-my-drafts.svg") !important;
}

.fp-tab__icon.fp-tab-icon-my-requests[b-699x65wap4] {
    -webkit-mask-image: url("/images/icons/fp-tab-my-requests.svg") !important;
    mask-image: url("/images/icons/fp-tab-my-requests.svg") !important;
}

.fp-tab__icon.fp-tab-icon-active-pressures[b-699x65wap4] {
    width: 1.05rem;
    height: 0.95rem;
    min-width: 1.05rem;
    -webkit-mask-image: url("/images/icons/fp-tab-active-pressures.svg") !important;
    mask-image: url("/images/icons/fp-tab-active-pressures.svg") !important;
}

.fp-tab__icon.fp-tab-icon-on-pressure[b-699x65wap4]::before,
.fp-tab__icon.fp-tab-icon-to-validate[b-699x65wap4]::before,
.fp-tab__icon.fp-tab-icon-my-drafts[b-699x65wap4]::before,
.fp-tab__icon.fp-tab-icon-my-requests[b-699x65wap4]::before,
.fp-tab__icon.fp-tab-icon-active-pressures[b-699x65wap4]::before {
    content: none !important;
    display: none !important;
}

.fp-tab__label[b-699x65wap4] {
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.15;
    color: inherit;
}

.fp-tab__count[b-699x65wap4] {
    min-width: 1.35rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    border-radius: 5px;
    background: #033D53;
    color: #FFFFFF;
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fp-tab--active .fp-tab__count[b-699x65wap4] {
    background: #FFFFFF;
    color: #033D53;
}

/* ---- List panel only (FC-list style) — do not touch header/tabs ---- */
.fp-page__panel[b-699x65wap4] {
    background: #FFFFFF;
    border: 1px solid var(--fp-border);
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    /* Left padding matches Request inset; right tighter so Submitted can sit on corner */
    padding: 0.95rem 0.45rem 1.1rem 1.15rem;
    overflow: visible;
}

.fp-page__panel[b-699x65wap4]  .module-list-summary {
    display: none !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:nth-child(odd),
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:nth-child(even) {
    background-color: #ffffff !important;
    border-left: 3px solid transparent;
    border-radius: 6px;
    margin: 0 !important;
    overflow: visible;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list,
.fp-page__panel[b-699x65wap4]  .k-listview-header {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* Match row left gutter (hover bar) so columns line up */
    border-left: 3px solid transparent !important;
    overflow: visible !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list {
    border-bottom: none !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row,
.fp-page__panel[b-699x65wap4]  .k-listview-header .row {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list ~ hr,
.fp-page__panel[b-699x65wap4]  .k-listview-header ~ hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list + hr,
.fp-page__panel[b-699x65wap4]  .k-listview-header + hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list hr,
.fp-page__panel[b-699x65wap4]  .k-listview-header hr {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters,
.fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters,
.fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters {
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

/* Same padding / flex for header + values so columns align */
.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
    min-width: 0;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
    margin: 0 !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"] {
    color: #121A1F !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    opacity: 1 !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    font-size: 0.8rem;
    color: #344054;
}

/* Submitted: header + value both right-aligned */
.fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"].text-md-right,
.fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"].text-md-right,
.fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"].text-md-right,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"].text-md-right {
    justify-content: flex-end !important;
    text-align: right !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row strong,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe strong {
    color: #121A1F;
    font-weight: 700;
}

/* Request left breathing room = Submitted right breathing room; no right-edge flush */
@media (min-width: 768px) {
    .fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"]:first-child,
    .fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"]:first-child,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"]:first-child,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"]:first-child {
        padding-left: 0.75rem !important;
    }

    .fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"].fp-col-status,
    .fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"].fp-col-status,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"].fp-col-status,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"].fp-col-status {
        padding-left: 4rem !important;
        transform: none !important;
        /* Absorb leftover width so Submitted sits on the right edge */
        flex: 1 1 0% !important;
        max-width: none !important;
        width: auto !important;
    }

    /* Submitted block: narrow strip on far right; heading+date left-equal inside */
    .fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"].fp-col-submitted,
    .fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"].fp-col-submitted,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"].fp-col-submitted,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"].fp-col-submitted,
    .fp-page__panel[b-699x65wap4]  .app-list-view-header-item-list .row.no-gutters > [class*="col"]:last-child,
    .fp-page__panel[b-699x65wap4]  .k-listview-header .row.no-gutters > [class*="col"]:last-child,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row .row.no-gutters > [class*="col"]:last-child,
    .fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe .row.no-gutters > [class*="col"]:last-child {
        flex: 0 0 8.5rem !important;
        width: 8.5rem !important;
        max-width: 8.5rem !important;
        min-width: 8.5rem !important;
        padding-left: 0.25rem !important;
        padding-right: 0.35rem !important;
        margin: 0 !important;
        /* Reliable right nudge — margin was clipped by overflow:hidden before */
        transform: translateX(0.65rem) !important;
        justify-content: flex-start !important;
        text-align: left !important;
        position: relative;
        z-index: 1;
    }

    .fp-page__panel[b-699x65wap4]  .fp-col-submitted__text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row + hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe + hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-row ~ hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe ~ hr {
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid #E8ECF1 !important;
    opacity: 1 !important;
    background: transparent !important;
    height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row:hover,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:hover {
    background-color: #E0F2FE !important;
    border-left: 3px solid #033D53 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row:hover + hr,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:hover + hr {
    margin-top: 0 !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row:active,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:active,
.fp-page__panel[b-699x65wap4]  .app-list-view-row:has(.app-list-view-row-item-selected),
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.fp-page__panel[b-699x65wap4]  .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left: 3px solid #033D53 !important;
    box-shadow: none !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row:active .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:active .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.fp-page__panel[b-699x65wap4]  .app-list-view-row:active strong,
.fp-page__panel[b-699x65wap4]  .app-list-view-row:has(.app-list-view-row-item-selected) strong {
    color: #FFFFFF !important;
}

.fp-page__panel[b-699x65wap4]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    box-sizing: border-box;
    max-width: none;
    min-width: max-content;
    width: max-content;
    padding: 0.28rem 0.65rem;
    border: none;
    border-radius: 6px !important; /* soft rectangle chip — not capsule pill */
    font-size: 0.75rem; /* 12px — AODA ≥ 11px */
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status i {
    flex: 0 0 auto;
    font-size: 0.78rem;
    color: inherit;
}

/* Figma draft pencil — same SVG as MY DRAFTS tab */
.fp-page__panel[b-699x65wap4]  .fp-status__icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.fp-page__panel[b-699x65wap4]  .fp-status__icon--draft {
    -webkit-mask-image: url("/images/icons/fp-tab-my-drafts.svg");
    mask-image: url("/images/icons/fp-tab-my-drafts.svg");
}

.fp-page__panel[b-699x65wap4]  .fp-status--submitted {
    background: #E4F2EA !important;
    color: #0A5A36 !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status--validated {
    background: #E0F0EC !important;
    color: #0F5E4A !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status--pressures {
    background: #FDF3DA !important;
    color: #8A5A00 !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status--funded {
    background: #E4F2EA !important;
    color: #0A5A36 !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status--rejected {
    background: #FDEAE8 !important;
    color: #8B1F1A !important;
}

/* Figma In Draft — #FFF0E8 / #5C1F00 + pen */
.fp-page__panel[b-699x65wap4]  .fp-status--draft {
    background: #FFF0E8 !important;
    color: #5C1F00 !important;
}

.fp-page__panel[b-699x65wap4]  .fp-status--default {
    background: #F0F4F8 !important;
    color: #32434B !important;
}

.fp-page__panel[b-699x65wap4]  .module-list-pagination {
    border-top-color: #E8ECF1 !important;
    margin-top: 0.75rem !important;
    padding-top: 0.875rem !important;
}

.fp-page__panel[b-699x65wap4]  .module-list-pagination__label {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

body.fixed-sn main .fp-page__panel[b-699x65wap4]  .module-list-pagination__page.is-active,
body.fixed-sn main .fp-page__panel[b-699x65wap4]  .btn.module-list-pagination__page.is-active,
body.fixed-sn main .fp-page__panel[b-699x65wap4]  .btn.module-list-pagination__page[aria-current="page"] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

/* Empty state — Figma: folder + search, no circle/pill icon chrome */
.fp-page .fp-empty-state[b-699x65wap4],
.fp-page[b-699x65wap4]  .fp-empty-state,
.fp-page__panel[b-699x65wap4]  .fp-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 3rem 1.5rem;
    text-align: center;
}

.fp-page .fp-empty-state__art[b-699x65wap4],
.fp-page[b-699x65wap4]  .fp-empty-state__art,
.fp-page__panel[b-699x65wap4]  .fp-empty-state__art {
    width: 7.5rem;
    height: auto;
    margin-bottom: 1.25rem;
}

.fp-page .fp-empty-state__img[b-699x65wap4],
.fp-page[b-699x65wap4]  .fp-empty-state__img,
.fp-page__panel[b-699x65wap4]  .fp-empty-state__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.fp-page .fp-empty-state__title[b-699x65wap4],
.fp-page[b-699x65wap4]  .fp-empty-state__title,
.fp-page__panel[b-699x65wap4]  .fp-empty-state__title {
    margin: 0 0 0.4rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #033D53;
    line-height: 1.35;
}

.fp-page .fp-empty-state__description[b-699x65wap4],
.fp-page[b-699x65wap4]  .fp-empty-state__description,
.fp-page__panel[b-699x65wap4]  .fp-empty-state__description {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .fp-page__header[b-699x65wap4] {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__inner,
    .fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__inner--with-search {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .fp-page__toolbar[b-699x65wap4]  .module-list-toolbar__field--search {
        flex: 1 1 100%;
        max-width: none;
    }
}
/* /Pages/Domain/Funding/AppPageFundingCommitment.razor.rz.scp.css */
/* Funding Commitment page — Figma empty state + toolbar tweaks (page-scoped) */

.fc-page[b-qavnsly2df] {
    --fc-bar-pad-y: 0.875rem;
    --fc-sky: #E0F2FE;
    --fc-brand: #033D53;
    --fc-brand-active: #022a3a;
}

/* Top bar + filter bar — same box, same L/R inset to elements */
.fc-page__toolbar[b-qavnsly2df],
.fc-filter-bar[b-qavnsly2df] {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: var(--fc-bar-pad-y) !important;
    padding-bottom: var(--fc-bar-pad-y) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 1px solid #E8ECF1 !important;
    box-sizing: border-box !important;
}

.fc-page__toolbar[b-qavnsly2df] {
    margin-bottom: 0.75rem;
    display: block;
}

/* Filter open: no gap under toolbar border */
.fc-page__toolbar--filter-open[b-qavnsly2df] {
    margin-bottom: 0 !important;
}

/* Filter row layout only — padding/border come from shared rule above */
.fc-filter-bar[b-qavnsly2df] {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: flex-end; /* bottom of inputs/buttons align; space below = padding-bottom like top bar */
    column-gap: 1rem;
    margin: 0 !important;
    /* slight extra gap between elements and bottom HR */
    padding-bottom: calc(var(--fc-bar-pad-y) + 0.25rem) !important;
}

.fc-filter-bar__input[b-qavnsly2df],
.fc-filter-bar__save[b-qavnsly2df],
.fc-filter-bar__clear[b-qavnsly2df] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Figma: Add left | Status / Created on / Page / FILTER right, all vertically centered */
.fc-page[b-qavnsly2df]  .module-list-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent;
    border: none;
    border-radius: 0;
    /* Match filter bar: no extra L/R inset between div and elements */
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__group--actions,
.fc-page[b-qavnsly2df]  .module-list-toolbar__group--trailing {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__divider {
    display: none;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__group {
    align-items: center;
    flex-wrap: nowrap;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__group--actions {
    flex: 0 0 auto;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__group--filters {
    flex: 0 1 auto;
    margin-left: auto;
    gap: 1.75rem;
}

/* Status / Created on / Page / FILTER live in trailing (Figma dropdowns) */
.fc-page[b-qavnsly2df]  .module-list-toolbar__group--trailing {
    flex: 0 1 auto;
    margin-left: auto !important;
    gap: 1.75rem;
    align-items: center;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__group--trailing .fc-select--compact {
    margin-left: 0.75rem;
}

/* Labels inline to the left of selects (Figma) */
.fc-page[b-qavnsly2df]  .module-list-toolbar__field {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__label {
    color: #8A97A3;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__add-btn {
    height: 2.25rem;
    margin: 0 !important;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1.5px solid var(--fc-brand);
    color: var(--fc-brand);
    background: #fff;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Figma: hover = sky (not filled) */
.fc-page[b-qavnsly2df]  .module-list-toolbar__add-btn:hover:not(:disabled) {
    background: var(--fc-sky) !important;
    border-color: var(--fc-brand) !important;
    color: var(--fc-brand) !important;
    box-shadow: none !important;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__add-btn:active:not(:disabled) {
    background: var(--fc-brand) !important;
    border-color: var(--fc-brand) !important;
    color: #fff !important;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__select {
    height: 2.375rem;
    min-width: 7.5rem;
    background-color: #F4F7FA;
    border: 1px solid #E5E9EE;
    border-radius: 8px;
    box-shadow: none;
    color: var(--fc-brand);
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0 2rem 0 0.875rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__select:hover:not(:disabled) {
    background-color: var(--fc-sky) !important;
    border-color: #d5dee8;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__select:focus {
    background-color: #fff;
    border-color: var(--fc-brand);
    box-shadow: none;
    outline: none;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__select--sort {
    min-width: 9.5rem;
}

.fc-page[b-qavnsly2df]  .module-list-toolbar__select--page {
    min-width: 4rem;
    width: 4.25rem;
}

.fc-page__filter-btn[b-qavnsly2df] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    height: 2.375rem !important;
    padding: 0 1rem !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--fc-brand) !important;
    color: var(--fc-brand) !important;
    background: #fff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.fc-page__btn-icon[b-qavnsly2df] {
    flex: 0 0 auto;
    width: 1.125rem;
    height: 1.125rem;
    display: block;
    overflow: visible;
    flex-shrink: 0;
    object-fit: contain;
}

.fc-page__filter-btn .fc-page__btn-icon[b-qavnsly2df] {
    width: 1.25rem;
    height: 1.125rem;
    color: inherit;
}

.fc-filter-bar__save .fc-page__btn-icon[b-qavnsly2df],
.fc-filter-bar__clear-all .fc-page__btn-icon[b-qavnsly2df] {
    width: 1.125rem;
    height: 1.125rem;
}

/* SAVE VIEW / CLEAR ALL: white icon only while pressing */
.fc-filter-bar__save .fc-page__btn-icon--on[b-qavnsly2df],
.fc-filter-bar__clear-all .fc-page__btn-icon--on[b-qavnsly2df] {
    display: none !important;
}

.fc-filter-bar__save:active .fc-page__btn-icon--default[b-qavnsly2df],
.fc-filter-bar__clear-all:active .fc-page__btn-icon--default[b-qavnsly2df] {
    display: none !important;
}

.fc-filter-bar__save:active .fc-page__btn-icon--on[b-qavnsly2df],
.fc-filter-bar__clear-all:active .fc-page__btn-icon--on[b-qavnsly2df] {
    display: block !important;
}

/* Do NOT invert filter img — caused white-on-white when global .btn forced white bg */

/* Beat browser / Bootstrap blue focus on FC selects */
.fc-page[b-qavnsly2df]  .fc-select__trigger,
.fc-page[b-qavnsly2df]  .fc-select__trigger:focus,
.fc-page[b-qavnsly2df]  .fc-select__trigger:focus-visible,
.fc-page[b-qavnsly2df]  .fc-select__trigger:active,
.fc-page[b-qavnsly2df]  .fc-select__option:focus,
.fc-page[b-qavnsly2df]  .fc-select__option:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.fc-page[b-qavnsly2df]  .fc-select__trigger {
    border: 1.5px solid transparent !important;
}

.fc-page[b-qavnsly2df]  .fc-select.is-open .fc-select__trigger,
.fc-page[b-qavnsly2df]  .fc-select__trigger:focus,
.fc-page[b-qavnsly2df]  .fc-select__trigger:focus-visible {
    border: 1.5px solid #033D53 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Figma: hover = sky */
.fc-page__filter-btn:hover:not(:disabled)[b-qavnsly2df] {
    background: var(--fc-sky) !important;
    border-color: var(--fc-brand) !important;
    color: var(--fc-brand) !important;
}

/* Figma: active / open = filled brand — beat app-interactive .btn white !important */
body.fixed-sn main .fc-page .fc-page__filter-btn.is-open[b-qavnsly2df],
body.fixed-sn main .fc-page .fc-page__filter-btn.has-active[b-qavnsly2df],
body.fixed-sn main .fc-page .fc-page__filter-btn:active:not(:disabled)[b-qavnsly2df],
body.fixed-sn main .fc-page:has(.fc-filter-bar) .fc-page__filter-btn[b-qavnsly2df] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

body.fixed-sn main .fc-page:has(.fc-filter-bar) .fc-page__filter-btn:hover:not(:disabled)[b-qavnsly2df],
body.fixed-sn main .fc-page .fc-page__filter-btn.is-open:hover:not(:disabled)[b-qavnsly2df],
body.fixed-sn main .fc-page .fc-page__filter-btn.has-active:hover:not(:disabled)[b-qavnsly2df] {
    background: #022a3a !important;
    background-color: #022a3a !important;
    border-color: #022a3a !important;
    color: #ffffff !important;
}

@media (max-width: 991px) {
    .fc-page[b-qavnsly2df]  .module-list-toolbar__inner {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fc-page[b-qavnsly2df]  .module-list-toolbar__group--filters,
    .fc-page[b-qavnsly2df]  .module-list-toolbar__group--trailing {
        margin-left: 0 !important;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1rem;
    }
}

/* Filter bar fields */
.fc-filter-bar__field[b-qavnsly2df] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    flex: 1 1 9rem;
}

.fc-filter-bar__field--search[b-qavnsly2df] {
    flex: 1.4 1 12rem;
}

.fc-filter-bar__label[b-qavnsly2df] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    color: #8A97A3;
    line-height: 1.2;
}

.fc-filter-bar__input[b-qavnsly2df] {
    height: 2.375rem;
    width: 100%;
    padding: 0 0.875rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F4F7FA;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 500;
    box-shadow: none;
    outline: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.fc-filter-bar__input[b-qavnsly2df]::placeholder {
    color: #8A97A3;
    font-weight: 400;
}

.fc-filter-bar__input:hover:not(:disabled):not(:focus)[b-qavnsly2df] {
    background: var(--fc-sky);
    border-color: transparent;
}

.fc-filter-bar__input:focus[b-qavnsly2df] {
    border: 1.5px solid #033D53;
    box-shadow: none;
    outline: none;
    background: #fff;
}

.fc-filter-bar__select[b-qavnsly2df] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23033D53' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 10px;
    cursor: pointer;
}

.fc-filter-bar__field .fc-select[b-qavnsly2df] {
    width: 100%;
    position: relative;
}

.fc-filter-bar__field .fc-select.is-open[b-qavnsly2df] {
    z-index: 60;
}

.fc-filter-bar__field[b-qavnsly2df]  .fc-select {
    width: 100%;
    position: relative;
}

.fc-filter-bar__field[b-qavnsly2df]  .fc-select.is-open {
    z-index: 60;
}

.fc-filter-bar__field[b-qavnsly2df]  .fc-select__control {
    width: 100%;
    overflow: visible;
}

.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger,
.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger:focus,
.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger:focus-visible,
.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger:active {
    outline: none !important;
    box-shadow: none !important;
}

.fc-filter-bar__field[b-qavnsly2df]  .fc-select.is-open .fc-select__trigger,
.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger:focus,
.fc-filter-bar__field[b-qavnsly2df]  .fc-select__trigger:focus-visible {
    border: 1.5px solid var(--fc-brand) !important;
    background: #fff !important;
}

.fc-filter-bar[b-qavnsly2df] {
    overflow: visible;
}

.fc-filter-bar__field[b-qavnsly2df] {
    overflow: visible;
}

.fc-filter-bar__fiscal[b-qavnsly2df] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    overflow: visible;
}

.fc-filter-bar__fiscal-btn[b-qavnsly2df] {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-right: 0.875rem !important;
    border: 1.5px solid transparent !important;
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
    color: var(--fc-brand);
    font-weight: 500;
    box-shadow: none !important;
}

.fc-filter-bar__fiscal-btn:hover:not(:disabled)[b-qavnsly2df] {
    border-color: transparent !important;
}

.fc-filter-bar__fiscal-text[b-qavnsly2df] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-filter-bar__fiscal-icon[b-qavnsly2df] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: var(--fc-brand);
}

/* Open: same border as FILTER / SAVE VIEW */
.fc-filter-bar__fiscal-btn.is-open[b-qavnsly2df] {
    background: #fff !important;
    border: 1.5px solid var(--fc-brand) !important;
    box-shadow: none !important;
    outline: none;
    color: var(--fc-brand);
}

.fc-filter-bar__clear[b-qavnsly2df] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #E5E9EE;
    border-radius: 6px;
    background: #fff;
    color: #32434B;
    cursor: pointer;
}

.fc-filter-bar__clear:hover[b-qavnsly2df] {
    background: var(--fc-sky);
    border-color: #d5dee8;
    color: var(--fc-brand);
}

/* Figma fiscal year picker — calendar icon trigger + 3×4 year grid */
.fc-fy-picker__backdrop[b-qavnsly2df] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: transparent;
}

.fc-fy-picker[b-qavnsly2df] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    z-index: 50;
    width: 100%;
    min-width: 15.5rem;
    padding: 0.65rem 0.75rem 0.75rem;
    background: #ffffff;
    border: 1px solid #E5E9EE;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(16, 24, 40, 0.14);
    overflow: visible;
}

.fc-fy-picker__header[b-qavnsly2df] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    padding: 0.15rem 0.1rem 0.6rem;
    margin-bottom: 0.55rem;
    border-bottom: 1px solid #E8EEF3;
}

.fc-fy-picker__range[b-qavnsly2df] {
    flex: 1 1 auto;
    text-align: center;
    color: var(--fc-brand);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.fc-fy-picker__nav[b-qavnsly2df] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--fc-brand);
    font-size: 0.7rem;
    cursor: pointer;
}

.fc-fy-picker__nav:hover:not(:disabled)[b-qavnsly2df] {
    background: var(--fc-sky);
}

.fc-fy-picker__nav:disabled[b-qavnsly2df] {
    opacity: 0.35;
    cursor: not-allowed;
}

.fc-fy-picker__grid[b-qavnsly2df] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
}

.fc-fy-picker__year[b-qavnsly2df] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.4rem 0.25rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--fc-brand);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.fc-fy-picker__year:hover[b-qavnsly2df] {
    background: var(--fc-sky);
    color: var(--fc-brand);
}

/* Selected year = dark brand + white (same as other dropdown selected) */
.fc-fy-picker__year.is-selected[b-qavnsly2df],
.fc-fy-picker__year.is-selected:hover[b-qavnsly2df] {
    background: var(--fc-brand);
    color: #ffffff;
    font-weight: 600;
}

/* Ensure fiscal clear (X) never shows */
.fc-filter-bar__fiscal .fc-filter-bar__clear[b-qavnsly2df] {
    display: none !important;
}

.fc-filter-bar__actions[b-qavnsly2df] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0.5rem;
    margin-left: auto;
    align-self: flex-end;
}

/* Spacer matches label + gap so action buttons sit on same baseline as inputs */
.fc-filter-bar__actions[b-qavnsly2df]::before {
    content: "";
    display: block;
    height: calc(0.75rem * 1.2 + 0.35rem);
    flex-shrink: 0;
    width: 100%;
    order: -1;
}

.fc-filter-bar__clear-all[b-qavnsly2df] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 2.375rem;
    padding: 0 1rem;
    border: 1.5px solid var(--fc-brand);
    border-radius: 8px;
    background: #fff;
    color: var(--fc-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fc-filter-bar__clear-all:hover[b-qavnsly2df] {
    background: var(--fc-sky);
    border-color: var(--fc-brand);
    color: var(--fc-brand);
}

.fc-filter-bar__clear-all:active[b-qavnsly2df] {
    background: var(--fc-brand);
    border-color: var(--fc-brand);
    color: #fff;
}

.fc-filter-bar__save[b-qavnsly2df] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 2.375rem;
    padding: 0 1rem;
    border: 1.5px solid var(--fc-brand);
    border-radius: 8px;
    background: #fff;
    color: var(--fc-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Figma: hover = sky */
.fc-filter-bar__save:hover[b-qavnsly2df] {
    background: var(--fc-sky);
    border-color: var(--fc-brand);
    color: var(--fc-brand);
}

/* Figma: active / press = filled brand */
.fc-filter-bar__save:active[b-qavnsly2df] {
    background: var(--fc-brand);
    border-color: var(--fc-brand);
    color: #fff;
}

@media (max-width: 991px) {
    .fc-filter-bar[b-qavnsly2df] {
        flex-wrap: wrap;
        row-gap: 0.75rem;
    }

    .fc-filter-bar__actions[b-qavnsly2df] {
        margin-left: 0;
        width: 100%;
    }

    .fc-filter-bar__actions[b-qavnsly2df]::before {
        display: none;
    }

    .fc-filter-bar__clear-all[b-qavnsly2df],
    .fc-filter-bar__save[b-qavnsly2df] {
        width: 100%;
    }
}

/* When filter panel open — solid primary (Figma Active); hover stays brand */
.fc-page:has(.fc-filter-bar)[b-qavnsly2df]  .module-list-toolbar__add-btn {
    background: var(--fc-brand);
    border-color: var(--fc-brand);
    color: #fff;
}

.fc-page:has(.fc-filter-bar)[b-qavnsly2df]  .module-list-toolbar__add-btn:hover:not(:disabled) {
    background: var(--fc-brand-active) !important;
    border-color: var(--fc-brand-active) !important;
    color: #fff !important;
}

/* Empty state — Figma: folder + doc bubble + search, teal title */
.fc-empty-state[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 3.5rem 1.5rem;
    text-align: center;
}

.fc-empty-state__art[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state__art {
    position: relative;
    width: 10rem;
    height: auto;
    margin-bottom: 1.5rem;
}

.fc-empty-state__img[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.fc-empty-state__title[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state__title {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #033D53;
    line-height: 1.35;
}

.fc-empty-state__description[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state__description {
    margin: 0;
    max-width: none;
    font-size: 0.875rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.55;
    white-space: nowrap;
}

.fc-empty-state__description strong[b-qavnsly2df],
[b-qavnsly2df] .fc-empty-state__description strong {
    font-weight: 700;
    color: #033D53;
}

/* Fiscal year filter (existing) */
.fc-fiscal-year-display[b-qavnsly2df] {
    cursor: pointer;
    background-color: #fff;
    user-select: none;
    border-radius: 6px;
    border-color: #d8dee6 !important;
}

.fc-fiscal-year-calendar[b-qavnsly2df] {
    display: inline-block;
    max-width: 100%;
}

.fc-fiscal-year-clear[b-qavnsly2df] {
    border-left: 0;
}

.fc-fiscal-year-filter .input-group-text[b-qavnsly2df],
.fc-fiscal-year-filter .btn-outline-secondary[b-qavnsly2df] {
    border-color: #d8dee6;
}

.fc-fiscal-year-filter .form-control:focus[b-qavnsly2df],
.fc-fiscal-year-filter .btn-outline-secondary:focus[b-qavnsly2df] {
    box-shadow: 0 0 0 3px rgba(19, 98, 133, 0.12);
}

/* ---- Figma list: row hover / selected (FC page only) ---- */
.fc-page[b-qavnsly2df]  .app-list-view-row,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:nth-child(odd),
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:nth-child(even),
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe-no-hover:nth-child(odd),
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe-no-hover:nth-child(even) {
    background-color: #ffffff !important;
    border-left: 3px solid transparent;
    border-radius: 6px;
    margin: 0;
    overflow: hidden;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

/* ---- Header: ONE line only (border-bottom). Hide separator HR after header.
   Row HRs stay visible via higher-specificity .app-list-view-row + hr below. ---- */
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list,
.fc-page[b-qavnsly2df]  .k-listview-header {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Single underline — removed; no line under column headers */
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list {
    border-bottom: none !important;
}

/* If Telerik header is a separate sibling, do not draw a second line */
.fc-page[b-qavnsly2df]  .k-listview-header:not(.app-list-view-header-item-list) {
    border-bottom: none !important;
}

.fc-page[b-qavnsly2df]  .app-list-view-header-item-list .k-listview-header,
.fc-page[b-qavnsly2df]  .k-listview-header .app-list-view-header-item-list,
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list .row,
.fc-page[b-qavnsly2df]  .k-listview-header .row {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Any HR after the header block (before first row) — hide */
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list ~ hr,
.fc-page[b-qavnsly2df]  .k-listview-header ~ hr,
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list + hr,
.fc-page[b-qavnsly2df]  .k-listview-header + hr,
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list hr,
.fc-page[b-qavnsly2df]  .k-listview-header hr {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}

/* Re-show HRs that follow data rows (beats header ~ hr above) */
.fc-page[b-qavnsly2df]  .app-list-view-row + hr,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe + hr,
.fc-page[b-qavnsly2df]  .app-list-view-row ~ hr,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe ~ hr,
.fc-page[b-qavnsly2df]  hr.app-list-view-row-divider {
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid #E8ECF1 !important;
    opacity: 1 !important;
    background: transparent !important;
    height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Figma hover = sky fill touches HR below (no gap) + navy left bar full height */
.fc-page[b-qavnsly2df]  .app-list-view-row:hover,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:hover {
    background-color: #E0F2FE !important;
    border-left: 3px solid #033D53 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.fc-page[b-qavnsly2df]  .app-list-view-row:hover + hr,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:hover + hr {
    margin-top: 0 !important;
}

/* Click / selected = brand fill + white text (Figma); status pills keep own colors */
.fc-page[b-qavnsly2df]  .app-list-view-row:active,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:active,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected),
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left: 3px solid #033D53 !important;
    box-shadow: none !important;
}

.fc-page[b-qavnsly2df]  .app-list-view-row:active .row.no-gutters > [class*="col"],
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:active .row.no-gutters > [class*="col"],
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.fc-page[b-qavnsly2df]  .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.fc-page[b-qavnsly2df]  .app-list-view-row:active strong,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) strong,
.fc-page[b-qavnsly2df]  .app-list-view-row:active .fc-amount,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) .fc-amount,
.fc-page[b-qavnsly2df]  .app-list-view-row:active .text-monospace,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) .text-monospace,
.fc-page[b-qavnsly2df]  .app-list-view-row:active small,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) small,
.fc-page[b-qavnsly2df]  .app-list-view-row:active small.text-muted,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) small.text-muted,
.fc-page[b-qavnsly2df]  .app-list-view-row:active .fc-created-on__date,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) .fc-created-on__date,
.fc-page[b-qavnsly2df]  .app-list-view-row:active .fc-created-on__time,
.fc-page[b-qavnsly2df]  .app-list-view-row:has(.app-list-view-row-item-selected) .fc-created-on__time {
    color: #FFFFFF !important;
}

/* neutralize cell-level selected bg/border so only the row shows chrome */
.fc-page[b-qavnsly2df]  .app-list-view-row .app-list-view-row-item-selected {
    background: transparent !important;
    border-left: none !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* ---- Figma list typography ---- */
/* (header border handled above — do not add a second border here) */

.fc-page[b-qavnsly2df]  .app-list-view-header-item-list .row.no-gutters,
.fc-page[b-qavnsly2df]  .k-listview-header .row.no-gutters,
.fc-page[b-qavnsly2df]  .app-list-view-row .row.no-gutters {
    align-items: center !important;
}

/* Header labels */
.fc-page[b-qavnsly2df]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.fc-page[b-qavnsly2df]  .k-listview-header .row.no-gutters > [class*="col"] {
    color: var(--figma-body-text-strong, #121A1F) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    opacity: 1 !important;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.fc-page[b-qavnsly2df]  .app-list-view-row .row.no-gutters > [class*="col"] {
    display: flex !important;
    align-items: center;
    font-size: 0.75rem;
    color: #344054;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-width: 0;
}

.fc-page[b-qavnsly2df]  .app-list-view-row strong {
    color: #121A1F;
    font-weight: 700;
}

.fc-page[b-qavnsly2df]  .app-list-view-row .text-monospace,
.fc-page[b-qavnsly2df]  .app-list-view-row small.text-muted {
    color: var(--figma-scs-grey, #32434B) !important;
    font-weight: 400;
    font-size: 11px !important;
}

.fc-page[b-qavnsly2df]  .fc-amount {
    font-weight: 600;
    color: #121A1F;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Funding / Approval Status: visual left nudge only — Created On / Created By stay put */
@media (min-width: 768px) {
    .fc-page[b-qavnsly2df]  .fc-col-amount {
        transform: translateX(-0.6rem);
    }

    .fc-page[b-qavnsly2df]  .fc-col-funding {
        transform: translateX(-1.55rem);
    }

    .fc-page[b-qavnsly2df]  .fc-col-approval {
        margin-left: 0 !important;
        padding-right: 0.5rem !important;
        overflow: visible !important;
        transform: translateX(-2.75rem);
    }

    .fc-page[b-qavnsly2df]  .fc-col-created {
        padding-left: 0.35rem !important;
        padding-right: 0.85rem !important;
        overflow: hidden;
        transform: translateX(-0.5rem);
    }

    .fc-page[b-qavnsly2df]  .fc-col-createdby {
        padding-left: 0.35rem !important;
        padding-right: 0.25rem !important;
        overflow: hidden;
    }

    .fc-page[b-qavnsly2df]  .fc-col-approval .fc-status-pill {
        max-width: none !important;
        min-width: max-content;
        white-space: nowrap !important;
    }

    .fc-page[b-qavnsly2df]  .fc-col-created .fc-created-on {
        max-width: 100%;
    }

    .fc-page[b-qavnsly2df]  .fc-col-createdby small {
        display: block;
        max-width: 100%;
        line-height: 1.25;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
}

/* Created On: date on line 1, time on line 2 */
.fc-page[b-qavnsly2df]  .fc-created-on {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: flex-start !important;
    gap: 0.15rem;
    line-height: 1.25;
    width: 100%;
}

.fc-page[b-qavnsly2df]  .fc-created-on__date,
.fc-page[b-qavnsly2df]  .fc-created-on__time {
    display: block !important;
    width: 100%;
    white-space: nowrap;
}

.fc-page[b-qavnsly2df]  .fc-created-on__date {
    color: #344054;
    font-size: 0.75rem;
    font-weight: 500;
}

.fc-page[b-qavnsly2df]  .fc-created-on__time {
    color: #32434B;
    font-size: 0.6875rem;
    font-weight: 400;
}

/* ---- Funding / Approval Status: soft chips (not capsule pills) ---- */
.fc-page[b-qavnsly2df]  .fc-status-cell {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

/* Discard draft — same 24px square as In Draft chip */
.fc-page[b-qavnsly2df]  .fc-discard-draft {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: none;
    border-radius: 6px;
    background: #FEE2E2;
    color: #B42318;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    vertical-align: middle;
}

.fc-page[b-qavnsly2df]  .fc-discard-draft i {
    font-size: 0.78rem;
    line-height: 1;
    color: inherit;
}

.fc-page[b-qavnsly2df]  .fc-discard-draft:hover,
.fc-page[b-qavnsly2df]  .fc-discard-draft:focus-visible {
    background: #FEF3F2;
    color: #991B1B;
    text-decoration: none;
    outline: none;
}

.fc-page[b-qavnsly2df]  .fc-discard-draft:active {
    background: #FEE2E2;
    color: #991B1B;
}

.fc-page[b-qavnsly2df]  .fc-status-pill {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    box-sizing: border-box;
    max-width: none;
    min-width: max-content;
    width: max-content;
    padding: 0 0.65rem;
    border: none;
    border-radius: 6px; /* soft rectangle chip — not 999px pill */
    font-size: 0.75rem; /* 12px — AODA ≥ 11px */
    font-weight: 600;
    line-height: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    white-space: nowrap !important;
    word-break: keep-all;
    overflow-wrap: normal;
}

.fc-page[b-qavnsly2df]  .fc-status-pill i {
    flex: 0 0 auto;
    font-size: 0.78rem;
    opacity: 1;
}

/* Status icons — mask inherits text color */
.fc-page[b-qavnsly2df]  .fc-status-pill__icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--pending {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--awaiting {
    -webkit-mask-image: url("/images/icons/fc-status-awaiting-approval.svg");
    mask-image: url("/images/icons/fc-status-awaiting-approval.svg");
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--hourglass {
    -webkit-mask-image: url("/images/icons/fc-status-hourglass.svg");
    mask-image: url("/images/icons/fc-status-hourglass.svg");
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--finance {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--csn {
    -webkit-mask-image: url("/images/icons/fc-status-csn-youth.svg");
    mask-image: url("/images/icons/fc-status-csn-youth.svg");
}

.fc-page[b-qavnsly2df]  .fc-status-pill__icon--active {
    -webkit-mask-image: url("/images/icons/fc-status-active.svg");
    mask-image: url("/images/icons/fc-status-active.svg");
}

/* In Draft — #FFF0E8 / #5C1F00 */
.fc-page[b-qavnsly2df]  .fc-status-pill--draft {
    background: #FFF0E8 !important;
    color: #5C1F00 !important;
}

/* Pending Approval — #F9ECD4 / #35260C */
.fc-page[b-qavnsly2df]  .fc-status-pill--pending {
    background: #F9ECD4 !important;
    color: #35260C !important;
}

/* Awaiting Approval — #E2EEFC / #192330 */
.fc-page[b-qavnsly2df]  .fc-status-pill--awaiting {
    background: #E2EEFC !important;
    color: #192330 !important;
}

/* Pending Special Approval — #FFE6EE / #170E00 */
.fc-page[b-qavnsly2df]  .fc-status-pill--pending-special {
    background: #FFE6EE !important;
    color: #170E00 !important;
}

/* Pending Finance Approval — #ECE8F7 / #28213B */
.fc-page[b-qavnsly2df]  .fc-status-pill--pending-finance {
    background: #ECE8F7 !important;
    color: #28213B !important;
}

/* Pending Ministry Approval — #FFF7E0 / #4A2D00 */
.fc-page[b-qavnsly2df]  .fc-status-pill--pending-ministry {
    background: #FFF7E0 !important;
    color: #4A2D00 !important;
}

/* CSN Youth — #EEF4FF / #002B6B */
.fc-page[b-qavnsly2df]  .fc-status-pill--csn {
    background: #EEF4FF !important;
    color: #002B6B !important;
}

/* Active / Approved — #EAFBF1 / #003D1F */
.fc-page[b-qavnsly2df]  .fc-status-pill--active,
.fc-page[b-qavnsly2df]  .fc-status-pill--approved {
    background: #EAFBF1 !important;
    color: #003D1F !important;
}

/* Not Approved — #FFF0F2 / #5E0011 */
.fc-page[b-qavnsly2df]  .fc-status-pill--not-approved {
    background: #FFF0F2 !important;
    color: #5E0011 !important;
}

.fc-page[b-qavnsly2df]  .fc-status-pill--funding,
.fc-page[b-qavnsly2df]  .fc-status-pill--default {
    background: #F0F4F8 !important;
    color: #32434B !important;
}

/* List pagination spacing on FC page — Showing lives in footer */
.fc-page[b-qavnsly2df]  .module-list-summary {
    display: none !important;
}

.fc-page[b-qavnsly2df]  .module-list-pagination {
    border-top-color: #E8ECF1 !important;
    margin-top: 0.75rem !important;
    padding-top: 0.875rem !important;
}

.fc-page[b-qavnsly2df]  .module-list-pagination__label {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

/* Current page = dark navy (override global white btn) */
body.fixed-sn main .fc-page[b-qavnsly2df]  .module-list-pagination__page.is-active,
body.fixed-sn main .fc-page[b-qavnsly2df]  .btn.module-list-pagination__page.is-active,
body.fixed-sn main .fc-page[b-qavnsly2df]  .btn.module-list-pagination__page[aria-current="page"] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
}

/* /Pages/Domain/Funding/AppPageFundingCommitmentRollover.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────────
   Funding Commitment Rollover — scoped page styles (ported from prototype)
   ────────────────────────────────────────────────────────────────────────────
   The page owns the .fcr-page wrapper, so all child components (the commitment
   cards, popovers, etc.) are reached via the ::deep combinator. We mirror the
   prototype's CSS variables locally so the rollover queue renders identically
   to /rollover in the workflow project regardless of the host theme.            */

.fcr-page[b-r342upnokg] {
    /* Native select popup + date picker follow the brand palette */
    color-scheme: light;
    accent-color: #033D53;

    /* Brand palette (mirror of prototype :root) */
    --brand-950: #022a3a;
    --brand-900: #033D53;
    --brand-800: #033D53;
    --brand-700: #033D53;
    --brand-600: #033D53;
    --brand-500: #033D53;
    --brand-400: #033D53;
    --brand-300: #E2E8F0;
    --brand-200: #E2E8F0;
    --brand-100: #E0F2FE;
    --brand-50:  #E0F2FE;
    --brand-25:  #F6FBFE;

    --surface:    #FFFFFF;
    --surface-2:  #F0F4F8;
    --surface-3:  #F0F4F8;
    --border:     #E2E8F0;
    --border-soft:#E2E8F0;
    --border-strong:#E2E8F0;
    --ink:        #121A1F;
    --ink-2:      #32434B;
    --ink-3:      #32434B;
    --ink-4:      #32434B;

    --warn:       #cf9a2a;
    --warn-50:    #fef6e8;
    --warn-200:   #f3d2a8;
    --danger:     #b53028;
    --danger-50:  #fdeae8;
    --danger-200: #f0bbb8;
    --success:    #1f6f24;
    --success-50: #e9f5e8;
    --success-200:#cfe9cd;

    /* Status pill colors */
    --st-draft-bg:#FFF0E8;     --st-draft-fg:#5C1F00;
    --st-pending-bg:#fdf3da;   --st-pending-fg:#8a5a00;
    --st-awaiting-bg:#e2eefc;  --st-awaiting-fg:#1b4a8c;
    --st-special-bg:#f7e2e8;   --st-special-fg:#8a1e3f;
    --st-finance-bg:#e0f0ec;   --st-finance-fg:#0f5e4a;
    --st-ministry-bg:#eae5f6;  --st-ministry-fg:#4a3796;
    --st-active-bg:#dcf3db;    --st-active-fg:#1f6f24;
    --st-approved-bg:#d0eedd;  --st-approved-fg:#0a5a36;
    --st-rejected-bg:#fbdcd9;  --st-rejected-fg:#8b1f1a;
    --st-csn-bg:#e7eaee;       --st-csn-fg:#34495e;

    --radius-lg: 16px;
    --radius:    12px;
    --radius-sm: 9px;

    --shadow-xs: 0 1px 2px rgba(15, 24, 34, .04);
    --shadow-sm: 0 1px 2px rgba(15, 24, 34, .04), 0 1px 3px rgba(15, 24, 34, .02);
    --shadow:    0 1px 2px rgba(15, 24, 34, .04), 0 4px 12px -4px rgba(14, 74, 100, .10), 0 8px 24px -8px rgba(14, 74, 100, .08);
    --shadow-md: 0 1px 2px rgba(15, 24, 34, .04), 0 8px 20px -6px rgba(14, 74, 100, .14), 0 16px 40px -12px rgba(14, 74, 100, .10);
    --shadow-lg: 0 1px 2px rgba(15, 24, 34, .04), 0 16px 32px -8px rgba(14, 74, 100, .18), 0 28px 60px -16px rgba(14, 74, 100, .14);

    --ease:     cubic-bezier(.2, .8, .2, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);

    /* Match the page-title header width so every section lines up with it, and
       reuse the portal stack gap between the sections below it. */
    padding: 0 0 80px;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    color: var(--ink);
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 13px;
}

/* ──────────────────────── PAGE HEADER + STAT STRIP ──────────────────────── */
.page-header[b-r342upnokg] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 12px;
    margin-top: 0;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    flex-wrap: nowrap;
    width: 100%;
}

.stat-strip[b-r342upnokg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.stat[b-r342upnokg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 14px;
    min-height: 88px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 8px rgba(18, 26, 31, 0.04);
}

.stat .lbl[b-r342upnokg] { font: 700 13px/18px "Source Sans 3", "Source Sans Pro", sans-serif; letter-spacing: 0; text-transform: none; color: #32434B; }
.stat .v[b-r342upnokg] { font: 700 22px/28px "Source Sans 3", "Source Sans Pro", sans-serif; letter-spacing: normal; margin-top: 0; text-transform: uppercase; color: #033D53; font-feature-settings: 'tnum'; }
.stat .sub[b-r342upnokg] { font: 600 12px/16px "Source Sans 3", "Source Sans Pro", sans-serif; margin-top: 0; color: #32434B; }
.stat-money-main[b-r342upnokg] { background: #FFFFFF; border-color: #E2E8F0; }
.stat-money-main .v[b-r342upnokg] { font-family: "Source Sans 3", "Source Sans Pro", sans-serif; color: #033D53; }

.page-title h1[b-r342upnokg] {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: normal;
    color: #121A1F;
    background: none;
    -webkit-text-fill-color: #121A1F;
    margin: 0;
    line-height: 24px;
}

.page-title .eyebrow[b-r342upnokg] {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--brand-500);
    font-weight: 500;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-title .eyebrow[b-r342upnokg]::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--brand-500);
}

.page-title .sub[b-r342upnokg] {
    font-size: 13px;
    color: var(--ink-3);
    margin-top: 8px;
    max-width: 600px;
}

.stat.pop .v[b-r342upnokg] { color: var(--success); transition: color .3s var(--ease); }
.stat.pop[b-r342upnokg] { animation: fcrPopStat-b-r342upnokg .4s var(--ease-out); }
.stat-money-main.pop .v[b-r342upnokg] { color: #033D53; }

@keyframes fcrPopStat-b-r342upnokg {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.04); }
    100% { transform: scale(1); }
}

/* ──────────────────────── DRAFT NOTICE ──────────────────────── */
.draft-notice[b-r342upnokg] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 14px;
    background: var(--brand-25);
    border: 1px solid var(--brand-100);
    border-radius: var(--radius);
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    font-size: 12.5px;
    color: var(--brand-800);
}

.draft-notice .ic[b-r342upnokg] {
    width: 24px; height: 24px; border-radius: 7px;
    background: var(--brand-100); color: var(--brand-700);
    display: grid; place-items: center; flex-shrink: 0;
}

.draft-notice .ic svg[b-r342upnokg] { width: 13px; height: 13px; }
.draft-notice strong[b-r342upnokg] { font-weight: 600; color: var(--brand-900); }
.draft-notice .x[b-r342upnokg] {
    margin-left: auto; cursor: pointer; color: var(--brand-700); opacity: .55;
    background: transparent; border: none; padding: 4px; border-radius: 5px;
    transition: all .15s var(--ease);
}
.draft-notice .x:hover[b-r342upnokg] { opacity: 1; background: var(--brand-50); }

/* ──────────────────────── TOOLBAR (filter chips + view toggle + buttons) ──────────────────────── */
.global-search[b-r342upnokg] {
    flex: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 9px 14px;
    margin-bottom: 12px;
    box-shadow: 0 1px 8px rgba(18, 26, 31, 0.04);
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.global-search:focus-within[b-r342upnokg] {
    border-color: #033D53;
    box-shadow: 0 0 0 3px #E0F2FE;
}
.global-search svg[b-r342upnokg] { color: var(--ink-3); flex-shrink: 0; }
.global-search input[b-r342upnokg] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font: 400 13px "Source Sans 3", "Source Sans Pro", sans-serif;
    color: var(--ink);
    min-width: 0;
}
.global-search input[b-r342upnokg]::placeholder { color: var(--ink-4); }

/* Neutralise the global MDB bare-input styling (focus underline + glow, 2.1rem
   height and .5rem bottom margin) so the input fits its own search box. */
.toolbar .global-search input[b-r342upnokg],
.toolbar .global-search input:hover[b-r342upnokg],
.toolbar .global-search input:focus[b-r342upnokg],
.toolbar .global-search input:focus-visible[b-r342upnokg],
.toolbar .global-search input:active[b-r342upnokg],
.global-search input[b-r342upnokg],
.global-search input:focus[b-r342upnokg],
.global-search input:focus-visible[b-r342upnokg],
.global-search input:active[b-r342upnokg] {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    align-self: stretch;
}

.toolbar[b-r342upnokg] {
    display: flex; align-items: center; justify-content: space-between; gap: 10px 14px;
    background: #FFFFFF;
    padding: 12px 16px; border-radius: 10px; border: 1px solid #E2E8F0;
    margin-bottom: var(--app-page-stack-gap, 0.65rem); flex-wrap: wrap;
    box-shadow: 0 1px 8px rgba(18, 26, 31, 0.04);
}

/* Search + status chips form one full-width row; each element grows so the
   row spans the whole toolbar. The fixed row height plus stretched children
   keep the search box on the same baseline as the chips, regardless of the
   portal-wide MDB input sizing. */
.toolbar-left[b-r342upnokg] {
    display: flex; align-items: center; gap: 8px; flex-wrap: nowrap;
    flex: 1 1 100%; width: 100%; min-width: 0; height: 36px;
}

/* Same search chrome as the Financial Pressure / Funding toolbars. */
.toolbar .global-search[b-r342upnokg] {
    flex: 2 1 0;
    align-self: stretch;
    min-width: 150px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 12px;
    gap: 8px;
    overflow: hidden;
    background: #F4F7FA;
    border: 1.5px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: none;
}

.toolbar .global-search:hover:not(:focus-within)[b-r342upnokg] {
    background: #E0F2FE;
    border-color: #E2E8F0;
}

.toolbar .global-search:focus-within[b-r342upnokg] {
    background: #FFFFFF;
    border-color: #033D53;
    box-shadow: none;
}

.toolbar .global-search svg[b-r342upnokg] { color: #32434B; }
.toolbar .global-search input[b-r342upnokg] { font-weight: 500; }

.filter-chips[b-r342upnokg] { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; flex: 3 1 0; min-width: 0; align-self: stretch; height: 100%; }
/* Same chrome as the toolbar buttons (Generate from PF / New FC), which the
   portal-wide .btn interactive states render as white + 1.5px brand outline. */
.chip[b-r342upnokg] {
    /* MDB ships a global .chip with margin-right/bottom: 1rem — reset it or the
       chips float above the toolbar row. */
    margin: 0;
    height: 36px; padding: 0 12px; border-radius: 8px; background: #FFFFFF;
    border: 1.5px solid #033D53; color: #033D53;
    font: 600 11px "Source Sans 3", "Source Sans Pro", sans-serif; cursor: pointer;
    letter-spacing: 0.03em; text-transform: uppercase;
    transition: all .2s var(--ease); display: inline-flex; align-items: center; gap: 6px;
    white-space: nowrap;
}
.toolbar .filter-chips .chip[b-r342upnokg] { flex: 1 1 auto; justify-content: center; }
.chip:hover[b-r342upnokg] { background: #E0F2FE; border-color: #033D53; color: #033D53; }
.chip.active[b-r342upnokg] { background: #033D53; color: #FFFFFF; border-color: #033D53; box-shadow: none; }
.chip .count[b-r342upnokg] { font-family: "Source Sans 3", "Source Sans Pro", sans-serif; font-size: 11px; opacity: .85; font-weight: 700; }
.chip.active .count[b-r342upnokg] { opacity: 1; }

/* Action row also spans the full toolbar width, buttons grow proportionally. */
.toolbar-right[b-r342upnokg] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; flex: 1 1 100%; width: 100%; min-width: 0; }
/* Toggle stays content sized; the remaining tools are pushed to the right edge
   so a white gap separates the two groups. */
.toolbar-right > .view-toggle[b-r342upnokg] { flex: 0 0 auto; justify-content: center; }
.toolbar-right > .btn.icon-btn[b-r342upnokg] { flex: 0 0 auto; margin-left: auto; }
.toolbar-right > .view-toggle > button[b-r342upnokg] { flex: 0 0 auto; justify-content: center; }
.toolbar-right > .btn.select-all[b-r342upnokg],
.toolbar-right > .btn:not(.icon-btn)[b-r342upnokg] {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 12px;
}

.btn[b-r342upnokg] {
    /* MDB's global .btn adds margin: .375rem — the toolbar spaces with gap only. */
    margin: 0;
    border: 1px solid #E2E8F0; background: #fff; color: #32434B;
    border-radius: 8px; height: 36px; padding: 0 12px; font: 600 11px "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: 0.03em; text-transform: uppercase;
    cursor: pointer; transition: all .2s var(--ease);
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
}
.btn:hover[b-r342upnokg] { border-color: #033D53; color: #033D53; background: #E0F2FE; box-shadow: none; }
.btn.primary[b-r342upnokg] {
    background: #033D53;
    color: #fff; border-color: #033D53;
    box-shadow: none;
}
.btn.primary:hover[b-r342upnokg] {
    background: #022a3a;
    color: #fff; border-color: #022a3a;
    box-shadow: none;
}
.btn.select-all[b-r342upnokg] { color: #32434B; border-color: #E2E8F0; background: #FFFFFF; }
.btn.select-all:hover[b-r342upnokg] { background: #E0F2FE; border-color: #033D53; color: #033D53; }
.btn.icon-btn[b-r342upnokg] { padding: 0 9px; }
.btn.icon-btn svg[b-r342upnokg] { display: block; }

/* Shortcuts card mirrors the commitment section cards: white card, teal icon
   head, and the list rendered as soft chips. */
.shortcuts-panel[b-r342upnokg] {
    margin: 0 0 14px;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    box-shadow: none;
    overflow: hidden;
}
.shortcuts-panel .shortcuts-head[b-r342upnokg] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 0.8rem;
    border-bottom: 1px solid #E2E8F0;
}
.shortcuts-panel .shortcuts-icon[b-r342upnokg] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.5rem; height: 1.5rem; flex: 0 0 1.5rem;
    border-radius: 0.35rem;
    background: #033D53; color: #FFFFFF;
}
.shortcuts-panel .shortcuts-icon svg[b-r342upnokg] { width: 0.95rem; height: 0.95rem; }
.shortcuts-panel .shortcuts-head h4[b-r342upnokg] {
    margin: 0; flex: 1 1 auto;
    font: 700 14px "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #121A1F;
}
.shortcuts-panel .x[b-r342upnokg] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.65rem; height: 1.65rem; padding: 0;
    border: none; background: transparent; border-radius: 0.3rem;
    font-size: 12px; line-height: 1; color: #32434B; cursor: pointer;
    transition: background .15s var(--ease), color .15s var(--ease);
}
.shortcuts-panel .x:hover[b-r342upnokg],
.shortcuts-panel .x:focus-visible[b-r342upnokg] { background: #E0F2FE; color: #033D53; outline: none; }
.shortcuts-panel ul[b-r342upnokg] {
    list-style: none; margin: 0; padding: 0.6rem 0.8rem;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.45rem 0.65rem;
}
.shortcuts-panel li[b-r342upnokg] {
    font-size: 12px; color: #32434B;
    display: flex; align-items: center; justify-content: center; gap: 0.35rem; flex-wrap: wrap;
    padding: 0.38rem 0.5rem;
    text-align: center;
    background: #F0F4F8; border: 1px solid #E2E8F0; border-radius: 0.35rem;
}
.shortcuts-panel kbd[b-r342upnokg] {
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 11px; font-weight: 700;
    min-width: 1.35rem; text-align: center;
    padding: 0.12rem 0.38rem; border-radius: 0.25rem;
    background: #FFFFFF; border: 1px solid #E2E8F0; color: #033D53;
}

/* Segmented view switch — Figma: white pills on a #F0F4F8 track, 10px gap,
   active pill filled with the brand colour. */
.view-toggle[b-r342upnokg] {
    display: flex; align-items: center; gap: 6px; background: #F0F4F8;
    border: 1px solid #E2E8F0; border-radius: 12px; height: 36px; padding: 3px 4px;
    box-sizing: border-box;
}
.view-toggle button[b-r342upnokg] {
    margin: 0;
    background: #FFFFFF; border: none; height: 100%; padding: 0 9px;
    font: 700 13px "Source Sans 3", "Source Sans Pro", sans-serif; color: #121A1F;
    letter-spacing: 0; text-transform: uppercase;
    border-radius: 9px; cursor: pointer; transition: all .2s var(--ease);
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
}
.view-toggle button:hover[b-r342upnokg] { color: #033D53; background: #E0F2FE; }
.view-toggle button.active[b-r342upnokg] { background: #033D53; color: #FFFFFF; box-shadow: none; }
.view-toggle button.active:hover[b-r342upnokg] { background: #033D53; color: #FFFFFF; }
.view-toggle button svg[b-r342upnokg] { width: 18px; height: 18px; flex-shrink: 0; }

/* ──────────────────────── EMPTY + PAGINATION ──────────────────────── */
/* List panel — same card shell the FC list uses around its rows + pagination */
.list-section[b-r342upnokg] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 14px 10px;
    box-shadow: none;
}

.empty-state[b-r342upnokg] {
    background: transparent; border: none;
    padding: 48px 24px;
    text-align: center; color: #32434B;
}
.empty-state .empty-title[b-r342upnokg] { font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 6px; }
.empty-state .empty-sub[b-r342upnokg] { font-size: 13px; color: #121A1F; font-weight: 500; }

/* Matches the shared ModuleList pagination used on the FC list */
.pagination[b-r342upnokg] {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 0.5rem; padding-top: 0.875rem; gap: 16px; flex-wrap: wrap;
    border-top: 1px solid #E8ECF1;
    font-size: 13px; font-weight: 500; color: #32434B;
}
.pagination .page-info strong[b-r342upnokg] { color: #121A1F; font-weight: 600; }
.pagination .page-btns[b-r342upnokg] { display: inline-flex; gap: 0.35rem; align-items: center; }
.pagination .page-btns button[b-r342upnokg] {
    display: inline-flex; align-items: center; justify-content: center;
    border: 1.5px solid #D0D5DD; background: #FFFFFF; color: #033D53;
    width: 2rem; height: 2rem; border-radius: 6px; cursor: pointer;
    font: 600 13px "Source Sans 3", "Source Sans Pro", sans-serif; line-height: 1;
    box-shadow: none; margin: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.pagination .page-btns button svg[b-r342upnokg] { width: 14px; height: 14px; }
.pagination .page-btns button:hover:not(:disabled):not(.active)[b-r342upnokg] { background: #E0F2FE; border-color: #033D53; color: #033D53; }
.pagination .page-btns button.active[b-r342upnokg] { background: #033D53; color: #FFFFFF; border-color: #033D53; }
.pagination .page-btns button:disabled[b-r342upnokg] { opacity: .4; cursor: not-allowed; }
.pagination .ellipsis[b-r342upnokg] { color: #32434B; padding: 0 4px; }

/* ──────────────────────── LIST + COMMIT CARDS (rendered by child component) ──────────────────────── */
.list[b-r342upnokg] { display: flex; flex-direction: column; gap: 10px; }

/* Row states follow the FC list: sky fill + navy left bar on hover, no shadow */
[b-r342upnokg] .commit {
    background: #FFFFFF;
    --accent: #033D53;
    border: 1.5px solid var(--accent);
    border-left-width: 3px;
    border-radius: 6px;
    overflow: visible;
    transition: background-color .12s ease, border-color .12s ease;
    position: relative;
    box-shadow: none;
}
[b-r342upnokg] .commit::before {
    display: none;
}
[b-r342upnokg] .commit:hover:not(.compact):not(.detailed),
[b-r342upnokg] .commit.selected { background: #E0F2FE; box-shadow: none; }

[b-r342upnokg] .commit.compact,
[b-r342upnokg] .commit.detailed {
    border: 2px solid var(--accent);
    border-radius: 8px;
    overflow: hidden;
    background: #F0F4F8;
}

/* Navy frame wraps the header strip only — one element, so the corners miter
   cleanly and the card's radius clips them. */
[b-r342upnokg] .commit.compact .commit-head,
[b-r342upnokg] .commit.detailed .commit-head {
    border: 0;
    border-bottom: 2px solid var(--accent);
    border-radius: 0;
}

[b-r342upnokg] .commit.compact:hover,
[b-r342upnokg] .commit.detailed:hover {
    background: #F0F4F8;
}

/* Clicked row = solid navy with inverted content (same as the FC and admin lists).
   Only collapsed rows flip; an expanded card keeps its white, readable form body. */
[b-r342upnokg] .commit.active-row { border-left-color: var(--accent); }
[b-r342upnokg] .commit.ultra.active-row,
[b-r342upnokg] .commit.ultra.active-row:hover { background: var(--accent); border-color: var(--accent); }
[b-r342upnokg] .commit.ultra.active-row .commit-head { border-bottom-color: var(--accent); }
[b-r342upnokg] .commit.ultra.active-row .nm,
[b-r342upnokg] .commit.ultra.active-row .cid,
[b-r342upnokg] .commit.ultra.active-row .sub,
[b-r342upnokg] .commit.ultra.active-row .id-cell,
[b-r342upnokg] .commit.ultra.active-row .activity,
[b-r342upnokg] .commit.ultra.active-row .a-item,
[b-r342upnokg] .commit.ultra.active-row .amt-block .lbl,
[b-r342upnokg] .commit.ultra.active-row .amt-block .v { color: #FFFFFF; }
[b-r342upnokg] .commit.ultra.active-row .client-cell:hover,
[b-r342upnokg] .commit.ultra.active-row .fund-chips:hover,
[b-r342upnokg] .commit.ultra.active-row .amt-block:hover { background: transparent; }
[b-r342upnokg] .commit.ultra.active-row .client-cell:hover .nm,
[b-r342upnokg] .commit.ultra.active-row .id-cell:hover,
[b-r342upnokg] .commit.ultra.active-row .a-item:hover { color: #FFFFFF; }
[b-r342upnokg] .commit.ultra.active-row .fund-chips .fc,
[b-r342upnokg] .commit.ultra.active-row .mod-badge { background: #FFFFFF; border-color: #FFFFFF; color: var(--accent); }
[b-r342upnokg] .commit.ultra.active-row .fund-chips .fc-amt { color: var(--accent); }
[b-r342upnokg] .commit.ultra.active-row .chk { border-color: #FFFFFF; }
[b-r342upnokg] .commit.ultra.active-row .act-btn:not(.approve):not(.view-btn) { color: #FFFFFF; }
[b-r342upnokg] .commit.ultra.active-row .act-btn:not(.approve):not(.view-btn):hover { background: #FFFFFF; color: var(--accent); }
/* Keyboard focus marks the row without filling it — a clicked row still wins */
[b-r342upnokg] .commit.focused:not(.active-row):not(.selected):not(:hover) { background: #FFFFFF; border-left-color: var(--accent); box-shadow: none; }
/* Figma card has no status stripe — status is carried by the pill only. */
[b-r342upnokg] .commit::before { display: none; }

/* Card border + client avatar both take the status colour, so a green status reads
   green on the frame and the avatar. Every value is dark enough for white text. */
[b-r342upnokg] .commit[data-status="draft"]    { --accent: #5C1F00; }
[b-r342upnokg] .commit[data-status="pending"]  { --accent: #8A5A00; }
[b-r342upnokg] .commit[data-status="awaiting"] { --accent: #1B4A8C; }
[b-r342upnokg] .commit[data-status="special"]  { --accent: #8A1E3F; }
[b-r342upnokg] .commit[data-status="finance"]  { --accent: #0F5E4A; }
[b-r342upnokg] .commit[data-status="ministry"] { --accent: #4A3796; }
[b-r342upnokg] .commit[data-status="csn"]      { --accent: #34495E; }
[b-r342upnokg] .commit[data-status="active"]   { --accent: #1F6F24; }
[b-r342upnokg] .commit[data-status="approved"] { --accent: #0A5A36; }
[b-r342upnokg] .commit[data-status="rejected"] { --accent: #8B1F1A; }
[b-r342upnokg] .commit .client-cell .av { background: var(--accent); }

/* HEAD STRIP */
[b-r342upnokg] .commit-head {
    display: grid;
    grid-template-columns: 22px minmax(220px, 1.2fr) minmax(180px, 1.4fr) minmax(140px, 0.9fr) auto 1fr auto auto;
    gap: 14px; align-items: center;
    padding: 14px 10px 14px 12px;
    border-bottom: 1px solid #F1F1F1;
}

[b-r342upnokg] .fund-chips {
    display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; align-items: center;
    cursor: pointer; padding: 2px 4px; margin: -2px -4px;
    border-radius: 8px; transition: background .15s var(--ease);
}
/* Row content (text, chips, amounts) carries no hover effect — only buttons react. */
[b-r342upnokg] .fund-chips:hover { background: transparent; }
[b-r342upnokg] .fund-chips .fc {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px 12px;
    border-radius: 8px;
    background: #E0F2FE;
    border: 1px solid #E0F2FE;
    font-size: 11px;
    font-weight: 600;
    color: #033D53;
    line-height: 1.35;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
[b-r342upnokg] .fund-chips .fc-nm {
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}
[b-r342upnokg] .commit.detailed .fund-chips .fc-nm,
[b-r342upnokg] .commit.compact .fund-chips .fc-nm {
    white-space: normal;
}
[b-r342upnokg] .fund-chips .fc-amt { font-size: 11px; color: #033D53; font-weight: 700; font-feature-settings: 'tnum'; }
[b-r342upnokg] .fund-chips .fc.over { background: var(--danger-50); border-color: var(--danger-200); color: var(--danger); }
[b-r342upnokg] .fund-chips .fc.over .fc-amt { color: var(--danger); }
[b-r342upnokg] .fund-chips .fc.empty { background: transparent; border-color: var(--border); color: var(--ink-4); font-style: italic; }
[b-r342upnokg] .commit:hover:not(.compact):not(.detailed) .fund-chips .fc:not(.over),
[b-r342upnokg] .commit.selected .fund-chips .fc:not(.over) { background: #FFFFFF; border-color: #FFFFFF; }
[b-r342upnokg] .fund-chips .more { font-size: 11px; color: var(--ink-3); font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; padding: 2px 4px; }

[b-r342upnokg] .chk {
    width: 18px; height: 18px; border: 2px solid #32434B;
    border-radius: 5px; cursor: pointer; display: grid; place-items: center;
    transition: all .15s var(--ease); background: #FFFFFF; flex-shrink: 0;
    box-sizing: border-box;
}
[b-r342upnokg] .chk:hover { border-color: #033D53; }
[b-r342upnokg] .chk.checked { background: #033D53; border-color: #033D53; }
[b-r342upnokg] .chk.checked::after {
    content: ''; width: 8px; height: 4px;
    border-left: 1.8px solid #fff; border-bottom: 1.8px solid #fff;
    transform: rotate(-45deg) translateY(-1px);
}

[b-r342upnokg] .client-cell {
    display: flex; align-items: center; gap: 12px; min-width: 0;
    cursor: pointer; border-radius: 8px; padding: 2px 4px; margin: -2px -4px;
    transition: background .15s var(--ease);
}
[b-r342upnokg] .client-cell:hover { background: transparent; }
[b-r342upnokg] .client-cell:hover .nm { color: #121A1F; }
[b-r342upnokg] .client-cell .av {
    width: 34px; height: 34px; border-radius: 10px;
    color: #FFFFFF; font-size: 12px; font-weight: 700;
    display: grid; place-items: center; font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    flex-shrink: 0; letter-spacing: .02em;
}
[b-r342upnokg] .client-cell .meta { min-width: 0; }
[b-r342upnokg] .client-cell .nm { font-weight: 700; color: #121A1F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 1.3; }
[b-r342upnokg] .client-cell .nm .cid { color: #32434B; font-weight: 400; font-family: "Source Sans 3", "Source Sans Pro", sans-serif; font-size: 11px; margin-left: 6px; }
[b-r342upnokg] .client-cell .sub { font-size: 11px; color: #32434B; font-family: "Source Sans 3", "Source Sans Pro", sans-serif; margin-top: 2px; }

[b-r342upnokg] .id-cell {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 11px; color: var(--ink-3);
    min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    cursor: pointer; transition: color .15s var(--ease);
}
[b-r342upnokg] .id-cell:hover { color: var(--ink-3); }

/* Status pill */
[b-r342upnokg] .status-pill {
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px;
    border-radius: 8px; font-size: 11px; font-weight: 600; cursor: pointer;
    border: none; font-family: inherit; line-height: 1.3;
    transition: all .2s var(--ease); white-space: nowrap;
}
[b-r342upnokg] .status-pill::before { display: none; }
[b-r342upnokg] .status-pill:hover { filter: brightness(.97); }
[b-r342upnokg] .status-pill svg { width: 15px; height: 15px; flex-shrink: 0; }
[b-r342upnokg] .status-pill.st-draft    { background: var(--st-draft-bg);    color: var(--st-draft-fg); }
[b-r342upnokg] .status-pill.st-pending  { background: var(--st-pending-bg);  color: var(--st-pending-fg); }
[b-r342upnokg] .status-pill.st-awaiting { background: var(--st-awaiting-bg); color: var(--st-awaiting-fg); }
[b-r342upnokg] .status-pill.st-special  { background: var(--st-special-bg);  color: var(--st-special-fg); }
[b-r342upnokg] .status-pill.st-finance  { background: var(--st-finance-bg);  color: var(--st-finance-fg); }
[b-r342upnokg] .status-pill.st-ministry { background: var(--st-ministry-bg); color: var(--st-ministry-fg); }
[b-r342upnokg] .status-pill.st-active   { background: var(--st-active-bg);   color: var(--st-active-fg); }
[b-r342upnokg] .status-pill.st-approved { background: var(--st-approved-bg); color: var(--st-approved-fg); }
[b-r342upnokg] .status-pill.st-rejected { background: var(--st-rejected-bg); color: var(--st-rejected-fg); }
[b-r342upnokg] .status-pill.st-csn      { background: var(--st-csn-bg);      color: var(--st-csn-fg); }

[b-r342upnokg] .activity { display: inline-flex; gap: 10px; align-items: center; color: var(--ink-4); }
[b-r342upnokg] .a-item { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; cursor: pointer; padding: 3px 0; transition: color .15s var(--ease); }
[b-r342upnokg] .a-item:hover { color: inherit; }
[b-r342upnokg] .a-item svg { width: 14px; height: 14px; }
[b-r342upnokg] .a-item .ct { font-weight: 600; }

[b-r342upnokg] .amt-block {
    display: flex; flex-direction: column; align-items: flex-start; line-height: 1.1;
    min-width: 0; max-width: 100%; cursor: pointer; padding: 2px 6px; margin: -2px -6px;
    border-radius: 8px; transition: background .15s var(--ease);
}
[b-r342upnokg] .amt-block:hover { background: transparent; }
[b-r342upnokg] .amt-block .lbl { font-size: 11px; letter-spacing: 0; text-transform: none; color: #32434B; font-weight: 600; }
[b-r342upnokg] .amt-block .v {
    font-size: 15px; font-weight: 700; color: #121A1F; letter-spacing: 0; margin-top: 2px;
    font-feature-settings: 'tnum';
    min-width: 0; max-width: 100%;
    white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.25;
}
[b-r342upnokg] .amt-block .v.zero { color: #32434B; font-weight: 600; }
[b-r342upnokg] .amt-block .v.over { color: #B42318; }

[b-r342upnokg] .actions-cell { display: flex; gap: 8px; justify-content: flex-end; align-items: center; }
[b-r342upnokg] .act-btn {
    height: 32px; min-width: 32px; padding: 0 12px;
    border: 1px solid transparent; background: transparent; border-radius: 8px;
    cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    color: #32434B; transition: all .2s var(--ease);
    font: 700 11px "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: .04em; text-transform: uppercase;
}
[b-r342upnokg] .act-btn:hover { border-color: #033D53; background: #E0F2FE; color: #033D53; }
[b-r342upnokg] .act-btn:active:not(:disabled) { background: #033D53; border-color: #033D53; color: #FFFFFF; }
/* Icon-only actions stay square and borderless, as in Figma */
[b-r342upnokg] .actions-cell > .act-btn:not(.approve):not(.revise):not(.view-btn) { width: 32px; padding: 0; }
[b-r342upnokg] .act-btn.approve {
    background: #DCFAE6;
    color: #003D1F; border-color: #003D1F;
}
[b-r342upnokg] .act-btn.approve:hover {
    background: #003D1F; border-color: #003D1F; color: #FFFFFF;
}
[b-r342upnokg] .act-btn:disabled,
[b-r342upnokg] .act-btn.busy {
    opacity: .72;
    cursor: wait;
    pointer-events: none;
}
[b-r342upnokg] .btn-spinner {
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: rollover-btn-spin-b-r342upnokg .7s linear infinite;
    flex-shrink: 0;
}
@keyframes rollover-btn-spin-b-r342upnokg {
    to { transform: rotate(360deg); }
}
[b-r342upnokg] .act-btn.revise { background: transparent; color: #033D53; border-color: transparent; }
[b-r342upnokg] .act-btn.revise:hover { background: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .act-btn svg { width: 15px; height: 15px; }

/* View switcher reads as a bordered select in Figma (icon · current view · caret) */
[b-r342upnokg] .act-btn.view-btn {
    background: #FFFFFF; border-color: #E2E8F0; color: #121A1F; gap: 8px;
}
[b-r342upnokg] .act-btn.view-btn:hover { background: #E0F2FE; border-color: #033D53; color: #033D53; }
[b-r342upnokg] .act-btn.view-btn:active { background: #033D53; border-color: #033D53; color: #FFFFFF; }
[b-r342upnokg] .act-btn.view-btn .vb-caret { width: 12px; height: 12px; opacity: .8; }
[b-r342upnokg] .act-btn .cb-lbl { font-size: 11px; font-weight: 700; letter-spacing: .04em; }

/* ──────────────────────── META GRID (Detailed view) ──────────────────────── */
/* Section heading strips follow the FC review screen (teal icon + title). */
[b-r342upnokg] .commit-sec-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 22px;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

[b-r342upnokg] .commit-sec-head h4 {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

[b-r342upnokg] .commit-sec-icon {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-r342upnokg] .commit-sec-icon svg {
    width: 0.85rem;
    height: 0.85rem;
    display: block;
}

[b-r342upnokg] .commit-sec {
    margin: 9px 8px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
}

[b-r342upnokg] .commit.compact .commit-head,
[b-r342upnokg] .commit.detailed .commit-head {
    background: #FFFFFF;
}

[b-r342upnokg] .commit-sec .commit-sec-head {
    padding: 0.42rem 0.5rem;
}

[b-r342upnokg] .commit-sec .meta-grid {
    border-bottom: none;
    background: #FFFFFF;
}

[b-r342upnokg] .commit-sec .commit-services {
    background: #FFFFFF;
}

/* Service Funding Details body — same blocks as the FC review screen */
[b-r342upnokg] .svc-meta {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0.85rem;
    padding: 0.35rem 0.5rem 0.15rem;
    background: #FFFFFF;
}

@media (min-width: 768px) {
    [b-r342upnokg] .svc-meta { grid-template-columns: 1fr 1fr; }

    [b-r342upnokg] .svc-meta .svc-meta-row:nth-child(even) {
        border-left: 1px solid #E4EAF0;
        padding-left: 0.5rem;
    }
}

[b-r342upnokg] .svc-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    min-width: 0;
}

[b-r342upnokg] .svc-meta-row .lbl {
    flex: 0 0 10.5rem;
    max-width: 42%;
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    line-height: 1.35;
}

[b-r342upnokg] .svc-meta-row .val {
    flex: 1 1 0;
    min-width: 0;
    font-size: 0.8rem;
    font-weight: 500;
    color: #1A2332;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

[b-r342upnokg] .svc-block {
    padding: 0.9rem 0.5rem 0;
    background: #FFFFFF;
}

[b-r342upnokg] .svc-block-head {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.55rem;
}

[b-r342upnokg] .svc-block-head h5 {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    line-height: 1.35;
}

[b-r342upnokg] .svc-block-head h5 span {
    color: #32434B;
    font-weight: 500;
}

[b-r342upnokg] .svc-block .mc-chip.on {
    background: #E0F2FE;
    color: #32434B;
    border-color: #E0F2FE;
    font-weight: 500;
}

[b-r342upnokg] .mc-chip .mc-num {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}

[b-r342upnokg] .svc-block .plan-amount-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.65rem;
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

[b-r342upnokg] .svc-block .pa-cell {
    display: flex;
    flex-direction: column;
    border: 1px solid #D5DCE6;
    border-radius: 0.5rem;
    background: #FFFFFF;
    padding: 0.85rem 0.9rem;
    min-height: 5.5rem;
    gap: 0.2rem;
    width: auto;
    max-width: none;
}

[b-r342upnokg] .svc-block .pa-cell.pa-total {
    display: flex;
    flex-direction: column;
    background: #E0F2FE;
    border-color: transparent;
    border-radius: 0.65rem;
    padding: 0.85rem 0.9rem;
}

[b-r342upnokg] .svc-block .pa-lbl {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    line-height: 1.35;
}

[b-r342upnokg] .svc-block .pa-full {
    font-size: 0.8rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.35;
    margin-bottom: 0.35rem;
}

/* Money inputs read like every other field on the card: pill wrapper, $ inside. */
[b-r342upnokg] .svc-block .pa-cell .input-wrap {
    margin-top: auto;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 0 10px;
    min-height: 34px;
    height: 34px;
    max-height: 34px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 4px;
}
[b-r342upnokg] .svc-block .pa-cell .input-wrap:hover:not(:has(input:disabled)):not(:has(input[readonly])) { background: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .svc-block .pa-cell .input-wrap:focus-within { background: #FFFFFF; border: 1.5px solid #033D53; }

[b-r342upnokg] .svc-block .pa-cell .input-wrap .currency,
[b-r342upnokg] .svc-block .pa-cell .input-wrap input {
    font-size: 13px;
    font-weight: 700;
    color: #121A1F;
    letter-spacing: 0;
    font-feature-settings: 'tnum';
    line-height: 1.35;
}
[b-r342upnokg] .svc-block .pa-cell .input-wrap .currency { flex-shrink: 0; }
[b-r342upnokg] .svc-block .pa-cell .input-wrap:focus-within .currency { color: #033D53; }

[b-r342upnokg] .svc-block .pa-cell .input-wrap input {
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    min-height: 0;
    height: 32px;
    line-height: 32px;
}

[b-r342upnokg] .svc-block .pa-cell .input-wrap input:focus {
    color: #121A1F;
}

[b-r342upnokg] .svc-block .pa-cell.pa-total .pa-lbl {
    font-weight: 700;
    color: #1A2332;
}

[b-r342upnokg] .svc-block .pa-cell.pa-total .pa-full {
    font-weight: 400;
    font-style: normal;
    color: #32434B;
    margin-bottom: 0.35rem;
}

[b-r342upnokg] .svc-block .pa-total-v {
    display: block;
    margin-top: auto;
    width: auto;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #1A2332;
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: -0.02em;
    font-feature-settings: 'tnum';
}

[b-r342upnokg] .commit-sec .addl-funder-strip {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #FFFFFF;
}

/* Two-column label/value rows — mirrors the record detail (review) page */
[b-r342upnokg] .meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.2rem 0.5rem 0.7rem;
    gap: 0 0.85rem;
    border-bottom: none;
    background: #FFFFFF;
}

[b-r342upnokg] .meta-grid > .field-cell:nth-child(even) {
    border-left: 1px solid #E4EAF0;
    padding-left: 0.5rem;
}

[b-r342upnokg] .field-cell {
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E8EDF2;
}

[b-r342upnokg] .meta-grid > .field-cell:last-child,
[b-r342upnokg] .meta-grid > .field-cell:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
}

[b-r342upnokg] .field-cell > *:not(.lbl) {
    flex: 1 1 0;
    min-width: 0;
}

[b-r342upnokg] .field-cell .ro-val {
    font-size: 0.8rem;
    font-weight: 500;
    color: #1A2332;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

[b-r342upnokg] .field-cell .ro-val.muted { color: #32434B; }
[b-r342upnokg] .field-cell .ro-val.money { font-weight: 700; font-feature-settings: 'tnum'; }
[b-r342upnokg] .field-cell .ro-cid { color: #32434B; font-family: ui-monospace, Consolas, monospace; font-weight: 400; }

[b-r342upnokg] .field-cell .lbl {
    flex: 0 0 10.5rem;
    max-width: 42%;
    font-size: 0.8rem; color: #32434B; font-weight: 500;
    display: flex; align-items: flex-start; gap: 3px; margin-bottom: 0;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}
[b-r342upnokg] .field-cell .lbl .req { color: #B42318; margin-left: 1px; }
[b-r342upnokg] .field-cell select, [b-r342upnokg] .field-cell input:not(.k-input-inner) {
    width: 100%; border: 1px solid #E2E8F0; background: #F0F4F8; outline: none;
    font-family: inherit; font-size: 12px; font-weight: 600; color: #121A1F;
    padding: 0 10px; cursor: pointer;
    line-height: 1.35;
    min-height: 34px;
    border-radius: 8px;
    transition: border-color .2s var(--ease), color .15s var(--ease);
    box-sizing: border-box;
}
[b-r342upnokg] .field-cell select {
    -webkit-appearance: none;
    appearance: none;
    padding: 0 26px 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
}
[b-r342upnokg] .field-cell input[type="text"] {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}
[b-r342upnokg] .field-cell input:not(.k-input-inner) { font-size: 12px; cursor: text; }
[b-r342upnokg] .field-cell input[type="text"] { font-family: inherit; font-size: 12px; }
[b-r342upnokg] .field-cell input[type="date"] {
    font-size: 12px;
    width: 100%;
    min-width: 0;
    color: #121A1F;
    padding-right: 32px;
}
[b-r342upnokg] .field-cell input[type="date"]::-webkit-calendar-picker-indicator {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 2px 0 0;
    cursor: pointer;
    opacity: 1;
    background: url("/images/icons/fc-datepicker-calendar.svg") no-repeat center / 16px 16px;
}
/* Native select popup list + date picker (all dropdowns on this page) */
[b-r342upnokg] select { color-scheme: light; accent-color: #033D53; }
[b-r342upnokg] select option,
[b-r342upnokg] select optgroup {
    background-color: #FFFFFF;
    color: #121A1F;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
}
[b-r342upnokg] select option:disabled { color: #32434B; }
[b-r342upnokg] select option:checked,
[b-r342upnokg] select option:hover {
    background-color: #E0F2FE;
    color: #033D53;
}
[b-r342upnokg] input[type="date"] { color-scheme: light; accent-color: #033D53; }

[b-r342upnokg] .field-cell select:hover:not(:disabled),
[b-r342upnokg] .field-cell input:not(.k-input-inner):hover:not(:disabled):not([readonly]) { background-color: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .field-cell select:focus, [b-r342upnokg] .field-cell input:not(.k-input-inner):focus,
[b-r342upnokg] .field-cell select:focus-visible, [b-r342upnokg] .field-cell input:not(.k-input-inner):focus-visible {
    border: 1.5px solid #033D53; background-color: #FFFFFF; color: #121A1F;
    box-shadow: none; outline: none;
}
[b-r342upnokg] .field-cell.is-empty select, [b-r342upnokg] .field-cell.is-empty input { color: #32434B; font-weight: 400; }
[b-r342upnokg] .field-cell .input-wrap {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 4px;
    width: 100%;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    border-radius: 8px;
    flex: 1 1 0;
}
[b-r342upnokg] .field-cell .input-wrap:hover:not(:has(input:disabled)):not(:has(input[readonly])) { background: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .field-cell .input-wrap:focus-within {
    border: 1.5px solid #033D53;
    background: #FFFFFF;
}
[b-r342upnokg] .field-cell .currency {
    color: #121A1F;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1;
    font-feature-settings: 'tnum';
}
[b-r342upnokg] .field-cell .input-wrap:focus-within .currency { color: #033D53; }
[b-r342upnokg] .field-cell .input-wrap input:not(.k-input-inner) {
    border: 0;
    background: transparent;
    min-height: 0;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border-radius: 0;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    color: #121A1F;
    font-feature-settings: 'tnum';
}
[b-r342upnokg] .field-cell .input-wrap input:not(.k-input-inner):hover,
[b-r342upnokg] .field-cell .input-wrap input:not(.k-input-inner):focus,
[b-r342upnokg] .field-cell .input-wrap input:not(.k-input-inner):focus-visible {
    border: 0;
    background: transparent;
}
[b-r342upnokg] .field-cell .input-wrap:has(input:disabled),
[b-r342upnokg] .field-cell .input-wrap:has(input[readonly]),
[b-r342upnokg] .pa-cell .input-wrap:has(input:disabled),
[b-r342upnokg] .pa-cell .input-wrap:has(input[readonly]),
[b-r342upnokg] .addl-funder-strip .input-wrap:has(input:disabled) {
    cursor: default;
}
[b-r342upnokg] .field-cell .input-wrap:has(input:disabled):hover,
[b-r342upnokg] .field-cell .input-wrap:has(input[readonly]):hover,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input:disabled):hover,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input[readonly]):hover,
[b-r342upnokg] .addl-funder-strip .input-wrap:has(input:disabled):hover {
    background: #F0F4F8;
    border-color: #E2E8F0;
}
[b-r342upnokg] .field-cell .input-wrap:has(input:disabled):focus-within,
[b-r342upnokg] .field-cell .input-wrap:has(input[readonly]):focus-within,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input:disabled):focus-within,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input[readonly]):focus-within {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
}
[b-r342upnokg] .field-cell input:disabled,
[b-r342upnokg] .field-cell input[readonly],
[b-r342upnokg] .pa-cell:not(.pa-total) input:disabled,
[b-r342upnokg] .pa-cell:not(.pa-total) input[readonly] {
    cursor: default;
    pointer-events: none;
    color: #32434B;
    -webkit-text-fill-color: #32434B;
    font-weight: 600;
    opacity: 1;
}
[b-r342upnokg] .field-cell .input-wrap:has(input:disabled) .currency,
[b-r342upnokg] .field-cell .input-wrap:has(input[readonly]) .currency,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input:disabled) .currency,
[b-r342upnokg] .pa-cell:not(.pa-total) .input-wrap:has(input[readonly]) .currency {
    color: #32434B;
}
[b-r342upnokg] .field-cell .date-range { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #32434B; flex-wrap: wrap; row-gap: 4px; }

/* Approved / Active — view-only form fields */
[b-r342upnokg] .commit.fields-readonly .field-cell select,
[b-r342upnokg] .commit.fields-readonly .field-cell input,
[b-r342upnokg] .commit.fields-readonly .svc-input,
[b-r342upnokg] .commit.fields-readonly .addl-funder-strip input {
    cursor: default;
    opacity: .92;
    color: var(--ink-2);
}
[b-r342upnokg] .commit.fields-readonly .field-cell select:hover,
[b-r342upnokg] .commit.fields-readonly .field-cell input:hover,
[b-r342upnokg] .commit.fields-readonly .svc-input:hover {
    border-color: #E2E8F0;
}
[b-r342upnokg] .commit.fields-readonly .mc-chip,
[b-r342upnokg] .commit.fields-readonly .pt-btn {
    cursor: default;
    pointer-events: none;
}
[b-r342upnokg] .commit.fields-readonly .mc-chip:not(.on),
[b-r342upnokg] .commit.fields-readonly .pt-btn:not(.on) {
    opacity: .55;
}
[b-r342upnokg] .commit.fields-readonly .mc-chip:hover,
[b-r342upnokg] .commit.fields-readonly .pt-btn:hover {
    border-color: var(--border);
    background: var(--surface-3);
    color: var(--ink-2);
}
[b-r342upnokg] .commit.fields-readonly .pt-btn.on:hover {
    background: #fff;
    color: var(--brand-700);
}

/* MCCSS chips */
[b-r342upnokg] .field-mccss .hint-pill {
    font-size: 11px; font-weight: 500; text-transform: none; letter-spacing: .01em;
    background: var(--brand-25); color: var(--brand-700);
    padding: 2px 7px; border-radius: 999px; border: 1px solid var(--brand-100);
    margin-left: 6px;
}
[b-r342upnokg] .field-mccss {
    overflow: visible;
    height: auto;
    min-height: 0;
}
[b-r342upnokg] .mccss-chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: 2px;
    align-items: stretch;
    width: 100%;
    height: auto;
}
[b-r342upnokg] .mc-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: none;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: 6px 12px 6px 10px;
    border-radius: 8px;
    cursor: pointer;
    background: #FFFFFF;
    color: #32434B;
    border: 1px solid #E2E8F0;
    font: 600 12px "Source Sans 3", "Source Sans Pro", sans-serif;
    line-height: 1.35;
    transition: all .15s var(--ease);
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
    box-sizing: border-box;
}
[b-r342upnokg] .mc-chip:hover { border-color: #033D53; color: #033D53; background: #E0F2FE; }
[b-r342upnokg] .mc-chip:active { background: #033D53; border-color: #033D53; color: #FFFFFF; }
[b-r342upnokg] .mc-chip .dot {
    width: 11px; height: 11px; border-radius: 50%;
    border: 1.5px solid var(--border-strong); background: #fff;
    transition: all .15s var(--ease); position: relative;
    flex-shrink: 0;
}
[b-r342upnokg] .mc-chip.on {
    background: #E0F2FE;
    color: #033D53; border-color: #E0F2FE;
}
[b-r342upnokg] .mc-chip.on .dot { background: #033D53; border-color: #033D53; box-shadow: inset 0 0 0 2.5px #FFFFFF; }

[b-r342upnokg] .plan-amount-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
    margin-top: 12px;
    padding: 16px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #F0F4F8;
    border: 1px solid #F0F4F8;
    border-radius: 12px;
}
[b-r342upnokg] .pa-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 0 1 auto;
    width: max-content;
    max-width: 100%;
    min-width: min(9rem, 100%);
    box-sizing: border-box;
    height: auto;
}
[b-r342upnokg] .pa-cell .pa-lbl {
    font-size: 11px; color: #32434B; font-weight: 600; letter-spacing: 0;
    display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
    line-height: 1.35; overflow-wrap: anywhere; word-break: break-word;
}
[b-r342upnokg] .pa-cell .pa-lbl .pa-full {
    font-size: 11px; color: #32434B; font-weight: 400;
    text-transform: none; letter-spacing: 0; line-height: 1.35;
    overflow-wrap: anywhere; word-break: break-word;
}
[b-r342upnokg] .pa-cell .input-wrap { display: flex; background: #F0F4F8; border: 1px solid #E2E8F0; border-radius: 8px; padding: 0 10px; min-height: 34px; height: 34px; max-height: 34px; align-items: center; box-sizing: border-box; gap: 4px; }
[b-r342upnokg] .pa-cell input { font-size: 13px; font-weight: 700; color: #121A1F; width: 100%; border: none; background: transparent; outline: none; }
[b-r342upnokg] .pa-cell input:focus { color: #121A1F; }
/* Total Plan reads as a solid brand bar with the label above it */
[b-r342upnokg] .pa-cell.pa-total { background: transparent; border-radius: 0; padding: 0; justify-content: flex-start; gap: 6px; }
[b-r342upnokg] .pa-cell.pa-total .pa-lbl { color: #32434B; }
[b-r342upnokg] .pa-cell .pa-total-v {
    display: flex; align-items: center;
    height: 36px; padding: 0 12px; border-radius: 8px;
    background: #033D53; color: #FFFFFF;
    font-weight: 700; font-size: 13px; letter-spacing: 0; font-feature-settings: 'tnum';
}

[b-r342upnokg] .svc-block .pa-cell.pa-total {
    background: #E0F2FE;
    border-color: transparent;
    border-radius: 0.65rem;
    padding: 0.85rem 0.9rem;
    gap: 0.2rem;
}

[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap {
    background: #033D53;
    border-color: #033D53;
}
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap:hover {
    background: #033D53;
    border-color: #033D53;
}
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap:focus-within {
    background: #033D53;
    border: 1.5px solid #033D53;
}
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap .currency,
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap input,
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap input:focus,
[b-r342upnokg] .svc-block .pa-cell.pa-total .input-wrap:focus-within .currency {
    color: #FFFFFF;
}

[b-r342upnokg] .svc-block .pa-cell .input-wrap {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 0 10px;
    min-height: 34px;
    height: 34px;
    max-height: 34px;
    box-sizing: border-box;
}

[b-r342upnokg] .svc-block .pa-cell.pa-total .pa-total-v,
[b-r342upnokg] .svc-block .pa-total-v {
    display: block;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #1A2332;
    font-size: 0.8rem;
}

[b-r342upnokg] .plan-type-toggle {
    display: inline-flex; gap: 6px; background: transparent;
    border: none; border-radius: 8px; padding: 0; margin-top: 2px;
}
[b-r342upnokg] .pt-btn {
    flex: 0 0 auto; height: 30px; padding: 0 12px; cursor: pointer;
    border: 1.5px solid #32434B; background: #FFFFFF; border-radius: 8px;
    font: 700 11px "Source Sans 3", "Source Sans Pro", sans-serif; color: #32434B;
    transition: all .15s var(--ease);
}
[b-r342upnokg] .pt-btn:hover, [b-r342upnokg] .pt-btn:focus-visible { background: #E1F1FD; border-color: #033D53; color: #033D53; }
[b-r342upnokg] .pt-btn.on { background: #033D53; border-color: #033D53; color: #FFFFFF; }

/* ──────────────────────── SERVICES TABLE ──────────────────────── */
[b-r342upnokg] .svc-table-frame {
    border: 1px solid #D5DCE6;
    border-radius: 0.4rem;
    overflow-x: hidden;
    background: #FFFFFF;
    margin: 0 0 0.85rem;
}
[b-r342upnokg] .commit-services { padding: 0; background: #FFFFFF; }
[b-r342upnokg] .svc-header {
    display: grid;
    /* idx | Service | VendorType | Vendor | Unit | Rate | Units | HST | Total | Note | Del */
    grid-template-columns: 22px minmax(0, 1.7fr) minmax(0, 1.4fr) minmax(0, 1.3fr) minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(0, 0.75fr) 34px minmax(0, 0.7fr) 26px 22px;
    gap: 5px;
    padding: 0.4rem 0.45rem;
    font-size: 0.8rem; letter-spacing: 0; text-transform: none;
    color: #32434B; font-weight: 600;
    background: #FAFBFC;
    border-bottom: 1px solid #D5DCE6;
    line-height: 1.35;
}
[b-r342upnokg] .commit-services.has-plan-col .svc-header,
[b-r342upnokg] .commit-services.has-plan-col .svc-row {
    grid-template-columns: 22px minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(0, 1.25fr) minmax(0, 1.15fr) minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(0, 0.75fr) 34px minmax(0, 0.7fr) 26px 22px;
}
[b-r342upnokg] .svc-header .num-h { text-align: right; padding-right: 4px; }
[b-r342upnokg] .svc-header .hst-h { text-align: center; padding-right: 0; letter-spacing: 0; text-transform: none; }
[b-r342upnokg] .svc-row {
    display: grid;
    grid-template-columns: 22px minmax(0, 1.7fr) minmax(0, 1.4fr) minmax(0, 1.3fr) minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(0, 0.75fr) 34px minmax(0, 0.7fr) 26px 22px;
    gap: 5px;
    padding: 0.35rem 0.45rem;
    align-items: center;
    border-bottom: 1px solid #E4EAF0;
    transition: none;
}
[b-r342upnokg] .commit-services .svc-row:last-child,
[b-r342upnokg] .commit-services .svc-row:has(+ .svc-add) { border-bottom: none; }
[b-r342upnokg] .svc-plain {
    font-size: 0.8rem;
    color: #32434B;
    padding: 5px 9px;
}
[b-r342upnokg] .svc-row:hover { background: transparent; }
[b-r342upnokg] .svc-row .idx {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}
[b-r342upnokg] .hst-cell { display: flex; justify-content: center; align-items: center; }
[b-r342upnokg] .hst-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    margin: 0; cursor: pointer;
}
[b-r342upnokg] .hst-toggle input {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
    box-shadow: none;
}
[b-r342upnokg] .hst-toggle input::before,
[b-r342upnokg] .hst-toggle input::after {
    content: none;
    display: none;
}
[b-r342upnokg] .hst-toggle input:hover:not(:checked),
[b-r342upnokg] .hst-toggle input:focus-visible:not(:checked) {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[b-r342upnokg] .hst-toggle input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[b-r342upnokg] .hst-toggle input:disabled { cursor: default; opacity: .7; }
/* HST-inclusive lines read exactly like the rest — the checkbox carries the state. */
[b-r342upnokg] .svc-total.with-hst { color: #121A1F; font-weight: 700; }
[b-r342upnokg] .svc-input {
    border: 1px solid #E2E8F0; background: #F0F4F8;
    padding: 0 10px; border-radius: 8px; height: 34px;
    font-family: inherit; font-size: 12px; font-weight: 600; color: #121A1F;
    width: 100%; max-width: 100%; transition: all .15s var(--ease); cursor: pointer;
    box-sizing: border-box;
}
[b-r342upnokg] select.svc-input {
    -webkit-appearance: none;
    appearance: none;
    padding: 0 26px 0 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35;
}
[b-r342upnokg] input.svc-input { cursor: text; }
[b-r342upnokg] .svc-input:hover:not(:disabled) { background-color: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .svc-input:focus,
[b-r342upnokg] .svc-input:focus-visible {
    outline: none;
    border: 1.5px solid #033D53;
    background-color: #FFFFFF;
    box-shadow: none;
}
[b-r342upnokg] input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
[b-r342upnokg] input[type="number"]::-webkit-outer-spin-button,
[b-r342upnokg] input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0;
    display: none;
}
/* Borderless money inputs ($ prefix + value): no underline, no focus ring — the
   wrapper carries the visible border. */
[b-r342upnokg] .input-wrap input[type="number"],
[b-r342upnokg] .input-wrap input[type="number"]:hover,
[b-r342upnokg] .input-wrap input[type="number"]:focus,
[b-r342upnokg] .input-wrap input[type="number"]:focus-visible,
[b-r342upnokg] .input-wrap input[type="number"]:active {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
}
[b-r342upnokg] .svc-block .pa-cell .input-wrap,
[b-r342upnokg] .svc-block .pa-cell .input-wrap:focus-within {
    box-shadow: none !important;
}
[b-r342upnokg] input[type="number"]:focus,
[b-r342upnokg] input[type="number"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-bottom-color: #E2E8F0;
}
/* Rate / Units read like every other money value on the card. */
[b-r342upnokg] .svc-input.money-input {
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    color: #121A1F;
    font-feature-settings: 'tnum';
    -moz-appearance: textfield;
}
[b-r342upnokg] input.svc-input.money-input:focus,
[b-r342upnokg] input.svc-input.money-input:focus-visible,
[b-r342upnokg] input[type="number"].svc-input:focus,
[b-r342upnokg] input[type="number"].svc-input:focus-visible {
    outline: none !important;
    border: 1.5px solid #033D53 !important;
    background-color: #FFFFFF;
    color: #121A1F;
    box-shadow: none !important;
    caret-color: #033D53;
}
[b-r342upnokg] .svc-input.unset { color: #121A1F; font-weight: 600; }
[b-r342upnokg] .svc-input.vendor-input { font-weight: 600; color: #121A1F; }
[b-r342upnokg] .svc-service-cell {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-r342upnokg] .svc-staffing-summary {
    border: none;
    background: transparent;
    padding: 0 9px 2px;
    margin: 0;
    text-align: left;
    font-size: 11px;
    color: var(--ink-4);
    cursor: pointer;
    line-height: 1.3;
}

[b-r342upnokg] .svc-staffing-summary:hover {
    color: var(--brand-700);
    text-decoration: underline;
}

[b-r342upnokg] .svc-staffing-summary.has-staffing {
    color: var(--brand-700);
}

[b-r342upnokg] .col-provider {
    min-width: 0;
}

[b-r342upnokg] .col-provider .svc-input {
    width: 100%;
    min-width: 0;
}

/* Long totals wrap onto the next line instead of running over the note / delete icons. */
[b-r342upnokg] .svc-total {
    font-weight: 700; font-size: 13px; color: #121A1F;
    text-align: left; padding-right: 0; font-feature-settings: 'tnum';
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.3;
}
[b-r342upnokg] .svc-total.zero { color: #121A1F; font-weight: 700; }

[b-r342upnokg] .note-btn {
    width: 28px; height: 28px; border: none;
    background: transparent; border-radius: 8px; cursor: pointer;
    display: grid; place-items: center;
    color: #32434B; transition: all .15s var(--ease);
    padding: 0; margin: 0 auto;
}
[b-r342upnokg] .note-btn:hover { color: #033D53; background: #E0F2FE; }
[b-r342upnokg] .note-btn.has-note { color: #033D53; background: transparent; }
[b-r342upnokg] .note-btn.has-note:hover { background: #E0F2FE; color: #033D53; }
[b-r342upnokg] .note-btn .note-icon { width: 1.25rem; height: 1.25rem; display: block; }

[b-r342upnokg] .svc-del {
    width: 2rem; height: 2rem; border: 0; background: transparent;
    border-radius: 0.35rem; cursor: pointer; color: #D92D20;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s; margin: 0 auto; padding: 0;
    font-size: 0.85rem; line-height: 1;
}
[b-r342upnokg] .svc-del:hover, [b-r342upnokg] .svc-del:focus-visible { background: #FEF3F2; color: #B42318; outline: none; }
[b-r342upnokg] .svc-del i { font-size: 0.85rem; line-height: 1; }

/* "Add service line" is an outline button in Figma, not a dashed strip */
[b-r342upnokg] .svc-add {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;
    min-height: 2rem; padding: 0.28rem 0.85rem; margin: 8px 10px 10px;
    color: #32434B; font: 700 11px "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: .04em; text-transform: uppercase; line-height: 1.2;
    cursor: pointer; background: #E1F1FD;
    border: 1.5px solid #32434B; border-radius: 8px;
    width: max-content;
    transition: all .15s var(--ease);
}
[b-r342upnokg] .svc-add:hover, [b-r342upnokg] .svc-add:focus-visible { background: #033D53; border-color: #033D53; color: #FFFFFF; }
[b-r342upnokg] .svc-add:active { background: #022A3A; border-color: #022A3A; color: #FFFFFF; }
[b-r342upnokg] .svc-add svg { width: 15px; height: 15px; }
[b-r342upnokg] .svc-add i { font-size: 0.75rem; line-height: 1; }

/* ──────────────────────── FOOTER ──────────────────────── */
[b-r342upnokg] .commit-foot {
    display: flex; justify-content: space-between; align-items: center;
    padding: 0.5rem 0.65rem;
    margin: 0 8px 9px;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    font-size: 0.8rem; color: #32434B;
    flex-wrap: wrap; gap: 8px 10px;
}
[b-r342upnokg] .commit-foot .left { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
[b-r342upnokg] .commit-foot .crumb,
[b-r342upnokg] .commit-foot .budget {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 9px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    font-size: 0.8rem; color: #32434B; line-height: 1.35;
}
[b-r342upnokg] .commit-foot .crumb svg,
[b-r342upnokg] .commit-foot .budget svg { width: 14px; height: 14px; color: #033D53; flex-shrink: 0; }
[b-r342upnokg] .commit-foot .audit { font-size: 0.8rem; color: #32434B; font-feature-settings: 'tnum'; }
[b-r342upnokg] .commit-foot .crumb strong { color: #1A2332; font-weight: 700; }
[b-r342upnokg] .commit-foot .budget .budget-lbl { color: #32434B; }
[b-r342upnokg] .commit-foot .budget strong { font-weight: 700; color: #1A2332; font-size: 0.8rem; font-feature-settings: 'tnum'; }
[b-r342upnokg] .commit-foot .budget.over { border-color: #B42318; background: #FEE2E2; }
[b-r342upnokg] .commit-foot .budget.over svg,
[b-r342upnokg] .commit-foot .budget.over .budget-lbl,
[b-r342upnokg] .commit-foot .budget.over strong { color: #B42318; }
[b-r342upnokg] .commit-foot .budget .of-plan { color: #32434B; font-size: 0.8rem; }
[b-r342upnokg] .commit-foot .foot-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

[b-r342upnokg] .foot-btn {
    display: inline-flex; align-items: center; gap: 6px;
    height: 32px; padding: 0 14px; border-radius: 8px; cursor: pointer;
    border: 1px solid #E2E8F0; background: #FFFFFF; color: #32434B;
    font: 700 11px "Source Sans 3", "Source Sans Pro", sans-serif; line-height: 1.2;
    letter-spacing: .04em; text-transform: uppercase;
    transition: background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);
}
[b-r342upnokg] .foot-btn svg { width: 15px; height: 15px; }
[b-r342upnokg] .foot-btn i { font-size: 0.82rem; line-height: 1; width: 15px; text-align: center; }
[b-r342upnokg] .foot-btn:hover { border-color: #033D53; color: #033D53; background: #E0F2FE; }
[b-r342upnokg] .foot-btn:active:not(:disabled) { background: #033D53; border-color: #033D53; color: #FFFFFF; }
[b-r342upnokg] .foot-btn.ghost { border-color: transparent; background: transparent; color: #32434B; }
[b-r342upnokg] .foot-btn.ghost:hover { background: #E0F2FE; border-color: #033D53; color: #033D53; }
[b-r342upnokg] .foot-btn.reject { background: #FFEAED; border: 1.5px solid #35161C; color: #35161C; }
[b-r342upnokg] .foot-btn.reject:hover:not(:disabled) { background: #7F1D1C; border-color: #7F1D1C; color: #FFFFFF; }
[b-r342upnokg] .foot-btn.reject:active:not(:disabled) { background: #541414; border-color: #541414; color: #FFFFFF; }
[b-r342upnokg] .foot-btn.approve-next {
    background: #E8F6E9;
    border: 1.5px solid #1E2E21; color: #1E2E21;
}
[b-r342upnokg] .foot-btn.approve-next:hover:not(:disabled) { background: #005E06; border-color: #005E06; color: #FFFFFF; }
[b-r342upnokg] .foot-btn.approve-next:active:not(:disabled) { background: #004705; border-color: #004705; color: #FFFFFF; }
[b-r342upnokg] .foot-btn:disabled,
[b-r342upnokg] .foot-btn.busy {
    opacity: .72;
    cursor: wait;
    pointer-events: none;
}
[b-r342upnokg] .foot-btn .kbd-inline {
    font-size: 11px; font-weight: 700;
    padding: 1px 5px; border-radius: 4px;
    background: rgba(30,46,33,.12); margin-left: 2px;
}
[b-r342upnokg] .foot-btn.approve-next:hover .kbd-inline { background: rgba(255,255,255,.22); }

/* COMPACT view (mid density) */
[b-r342upnokg] .compact .meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[b-r342upnokg] .compact .addl-funder-strip { display: none; }

/* Detailed-only additional funder strip */
[b-r342upnokg] .addl-funder-strip {
    margin: 0 18px 12px;
    padding: 12px 14px;
    background: var(--brand-25);
    border: 1px solid var(--brand-100);
    border-radius: var(--radius-sm);
}
[b-r342upnokg] .addl-funder-title {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--brand-800);
    margin-bottom: 8px;
}
[b-r342upnokg] .addl-funder-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 280px));
    gap: 12px;
}
[b-r342upnokg] .addl-funder-strip .addl-cell .lbl {
    display: block;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-3);
    margin-bottom: 4px;
}
[b-r342upnokg] .addl-funder-strip .input-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 0 10px;
    min-height: 34px;
    height: 34px;
    max-height: 34px;
    box-sizing: border-box;
}
[b-r342upnokg] .addl-funder-strip .input-wrap:hover:not(:has(input:disabled)) { background: #E0F2FE; border-color: #E0F2FE; }
[b-r342upnokg] .addl-funder-strip .input-wrap:focus-within { background: #FFFFFF; border: 1.5px solid #033D53; }
[b-r342upnokg] .addl-funder-strip .currency { color: #121A1F; font-weight: 700; font-size: 13px; flex-shrink: 0; font-feature-settings: 'tnum'; }
[b-r342upnokg] .addl-funder-strip .input-wrap:focus-within .currency { color: #033D53; }
[b-r342upnokg] .addl-funder-strip input {
    border: none; outline: none; width: 100%; height: 32px; padding: 0;
    font: 700 13px "Source Sans 3", "Source Sans Pro", sans-serif; color: #121A1F;
    background: transparent; font-feature-settings: 'tnum'; line-height: 32px;
}

/* ULTRA / list view (minimal row — meta + services hidden) */
[b-r342upnokg] .ultra .meta-grid,
[b-r342upnokg] .ultra .commit-services,
[b-r342upnokg] .ultra .commit-foot,
[b-r342upnokg] .ultra .addl-funder-strip { display: none; }
/* Fixed track widths so the status pill, history count, amount and actions line up
   across every row — each card is its own grid, so auto tracks would drift. */
[b-r342upnokg] .commit.ultra .commit-head,
[b-r342upnokg] .commit.compact .commit-head,
[b-r342upnokg] .commit.detailed .commit-head {
    grid-template-columns: 22px minmax(172px, 0.55fr) minmax(120px, 1.9fr) 92px 30px 112px 120px;
    gap: 8px;
    cursor: pointer;
}
[b-r342upnokg] .commit.ultra .commit-head {
    /* Nothing renders below the head in this view, so the card border is the only edge. */
    border-bottom: none;
}
[b-r342upnokg] .commit.ultra .commit-head .status-mod-cell,
[b-r342upnokg] .commit.compact .commit-head .status-mod-cell,
[b-r342upnokg] .commit.detailed .commit-head .status-mod-cell { justify-content: flex-start; flex-wrap: nowrap; }
[b-r342upnokg] .commit.ultra .commit-head .activity,
[b-r342upnokg] .commit.compact .commit-head .activity,
[b-r342upnokg] .commit.detailed .commit-head .activity { justify-content: flex-start; }
[b-r342upnokg] .commit.ultra .commit-head .actions-cell,
[b-r342upnokg] .commit.compact .commit-head .actions-cell,
[b-r342upnokg] .commit.detailed .commit-head .actions-cell { justify-content: flex-end; }
[b-r342upnokg] .commit.ultra .commit-head .client-cell .nm,
[b-r342upnokg] .commit.compact .commit-head .client-cell .nm,
[b-r342upnokg] .commit.detailed .commit-head .client-cell .nm { overflow: visible; text-overflow: clip; }
[b-r342upnokg] .commit.ultra .commit-head .id-cell,
[b-r342upnokg] .commit.compact .commit-head .id-cell,
[b-r342upnokg] .commit.detailed .commit-head .id-cell { display: none; }
[b-r342upnokg] .commit.ultra .commit-head .fund-chips,
[b-r342upnokg] .commit.compact .commit-head .fund-chips,
[b-r342upnokg] .commit.detailed .commit-head .fund-chips { flex-wrap: wrap; overflow: visible; }
/* Chips keep their natural width and wrap to the next line — never squeezed into a
   one-letter-per-line column. */
[b-r342upnokg] .commit.ultra .commit-head .fund-chips .fc,
[b-r342upnokg] .commit.compact .commit-head .fund-chips .fc,
[b-r342upnokg] .commit.detailed .commit-head .fund-chips .fc {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
/* Ultra + compact + detailed: client + chips on line 1; status, history, amount and approve on line 2.
   Fixed tracks keep the line-2 cells aligned across every card. */
[b-r342upnokg] .commit.ultra .commit-head,
[b-r342upnokg] .commit.compact .commit-head,
[b-r342upnokg] .commit.detailed .commit-head {
    grid-template-columns: 22px max-content minmax(0, 1fr) 40px 132px 132px;
    row-gap: 16px;
    align-items: center;
}
[b-r342upnokg] .commit.ultra .commit-head .chk,
[b-r342upnokg] .commit.compact .commit-head .chk,
[b-r342upnokg] .commit.detailed .commit-head .chk { grid-column: 1; grid-row: 1; }
[b-r342upnokg] .commit.ultra .commit-head .client-cell,
[b-r342upnokg] .commit.compact .commit-head .client-cell,
[b-r342upnokg] .commit.detailed .commit-head .client-cell { grid-column: 2; grid-row: 1; }
[b-r342upnokg] .commit.ultra .commit-head .fund-chips,
[b-r342upnokg] .commit.compact .commit-head .fund-chips,
[b-r342upnokg] .commit.detailed .commit-head .fund-chips { grid-column: 3 / -1; grid-row: 1; }
[b-r342upnokg] .commit.ultra .commit-head .status-mod-cell,
[b-r342upnokg] .commit.compact .commit-head .status-mod-cell,
[b-r342upnokg] .commit.detailed .commit-head .status-mod-cell { grid-column: 3; grid-row: 2; }
[b-r342upnokg] .commit.ultra .commit-head .activity,
[b-r342upnokg] .commit.compact .commit-head .activity,
[b-r342upnokg] .commit.detailed .commit-head .activity { grid-column: 4; grid-row: 2; }
[b-r342upnokg] .commit.ultra .commit-head .amt-block,
[b-r342upnokg] .commit.compact .commit-head .amt-block,
[b-r342upnokg] .commit.detailed .commit-head .amt-block { grid-column: 5; grid-row: 2; align-self: start; }
/* Line-2 cells start on the same top edge, so a two-line total can't lift the label
   above the pill and button beside it. */
[b-r342upnokg] .commit.ultra .commit-head .status-mod-cell,
[b-r342upnokg] .commit.compact .commit-head .status-mod-cell,
[b-r342upnokg] .commit.detailed .commit-head .status-mod-cell,
[b-r342upnokg] .commit.ultra .commit-head .activity,
[b-r342upnokg] .commit.compact .commit-head .activity,
[b-r342upnokg] .commit.detailed .commit-head .activity,
[b-r342upnokg] .commit.ultra .commit-head .actions-cell,
[b-r342upnokg] .commit.compact .commit-head .actions-cell,
[b-r342upnokg] .commit.detailed .commit-head .actions-cell { align-self: start; }
[b-r342upnokg] .commit.ultra .commit-head .actions-cell,
[b-r342upnokg] .commit.compact .commit-head .actions-cell,
[b-r342upnokg] .commit.detailed .commit-head .actions-cell {
    grid-column: 6;
    grid-row: 2;
    justify-content: flex-end;
}
[b-r342upnokg] .commit.ultra:hover { background: #E0F2FE; }

/* ──────────────────────── POPOVERS ──────────────────────── */
[b-r342upnokg] .status-menu {
    position: fixed; background: rgba(255,255,255,.95);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(225,231,237,.8); border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    padding: 6px; min-width: 230px; z-index: 1000;
    animation: fcrPop-b-r342upnokg .2s var(--ease-out);
}
@keyframes fcrPop-b-r342upnokg {
    from { opacity: 0; transform: translateY(-6px) scale(.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
[b-r342upnokg] .status-menu .opt {
    display: flex; align-items: center; gap: 9px;
    padding: 7px 10px; border-radius: 7px; cursor: pointer;
    font-size: 12.5px; transition: background .12s var(--ease);
}
[b-r342upnokg] .status-menu .opt:hover { background: var(--surface-2); }
[b-r342upnokg] .status-menu .opt .swatch { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 5px currentColor; }

[b-r342upnokg] .overflow-menu {
    position: fixed; background: #fff;
    border: 1px solid var(--border); border-radius: 10px;
    box-shadow: var(--shadow-md);
    padding: 5px; min-width: 170px; z-index: 1000;
}
[b-r342upnokg] .overflow-menu .om-item {
    display: flex; align-items: center; gap: 9px;
    padding: 8px 10px; border-radius: 6px; cursor: pointer;
    font: 500 12.5px "Source Sans 3", "Source Sans Pro", sans-serif; color: var(--ink-2);
    transition: background .12s var(--ease);
}
[b-r342upnokg] .overflow-menu .om-item:hover { background: var(--surface-3); color: var(--brand-700); }
[b-r342upnokg] .overflow-menu .om-item.danger:hover { background: var(--danger-50); color: var(--danger); }
[b-r342upnokg] .overflow-menu .om-item svg { width: 13px; height: 13px; color: var(--ink-3); }
[b-r342upnokg] .overflow-menu .om-item.danger:hover svg { color: var(--danger); }
[b-r342upnokg] .overflow-menu .om-divider { height: 1px; background: var(--border-soft); margin: 4px 2px; }

/* Modification filters + FY generation */
.mod-toolbar[b-r342upnokg] {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-soft);
}
.mod-filter-chips[b-r342upnokg] { align-items: center; flex: 1; min-width: 0; }
.mod-toolbar-right[b-r342upnokg] { flex-shrink: 0; }
.acting-as[b-r342upnokg] { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ink-3); white-space: nowrap; }
.acting-as select[b-r342upnokg] {
    border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px;
    font: 500 12px "Source Sans 3", "Source Sans Pro", sans-serif; background: #fff; min-width: 160px;
}
.modified-by-filter[b-r342upnokg] {
    display: inline-flex; align-items: center; gap: 8px; margin-left: 8px;
    font-size: 11.5px; color: var(--ink-3); font-weight: 500;
}
.modified-by-filter select[b-r342upnokg] {
    border: 1px solid var(--border); border-radius: 8px; padding: 6px 10px;
    font: 500 12px "Source Sans 3", "Source Sans Pro", sans-serif; background: #fff; min-width: 180px;
}

/* Permanent funding context strip */
[b-r342upnokg] .pf-context-strip {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 10px 18px 10px 22px;
    background: linear-gradient(90deg, var(--brand-25) 0%, #fff 100%);
    border-bottom: 1px solid var(--border-soft);
}
[b-r342upnokg] .pf-context-lbl {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
    color: var(--brand-700); margin-right: 4px;
}
[b-r342upnokg] .pf-chip {
    font-size: 11px; padding: 4px 10px; border-radius: 999px;
    background: #fff; border: 1px solid var(--brand-100); color: var(--ink-2);
}
[b-r342upnokg] .pf-chip.pf-status { background: #e8f5ee; border-color: #b8dfc8; color: #147a4d; font-weight: 600; }
[b-r342upnokg] .pf-chip.pf-rollover { background: var(--brand-25); border-color: var(--brand-200); color: var(--brand-800); }
[b-r342upnokg] .pf-chip.pf-link {
    text-decoration: none; color: var(--brand-700); font-weight: 600;
    border-color: var(--brand-300);
}
[b-r342upnokg] .pf-chip.pf-link:hover { background: var(--brand-50); }

/* Auto-save status */
/* Same pill shape and size as the Edited / Auto-generated badge. */
[b-r342upnokg] .save-pill {
    font: 600 11px "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: 0;
    padding: 5px 12px;
    border-radius: 8px;
    text-transform: none;
    line-height: 1.35;
    white-space: nowrap;
}
[b-r342upnokg] .save-pill.save-pending { background: #F0F4F8; color: #32434B; border: 1px solid #E2E8F0; }
[b-r342upnokg] .save-pill.save-saving { background: #E0F2FE; color: #033D53; border: 1px solid #E0F2FE; animation: savePulse-b-r342upnokg 1.2s ease-in-out infinite; }
[b-r342upnokg] .save-pill.save-saved { background: #E8F5EE; color: #10653F; border: 1px solid #B8DFC8; }
[b-r342upnokg] .save-pill.save-error { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; }
@keyframes savePulse-b-r342upnokg { 0%, 100% { opacity: 1; } 50% { opacity: .65; } }

/* Modified record indicators on cards */
/* Modified rows keep the status accent — the Edited badge and change strip carry the signal. */
[b-r342upnokg] .commit.modified { box-shadow: none; }
[b-r342upnokg] .status-mod-cell { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; }
[b-r342upnokg] .mod-badge {
    font: 600 11px "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: 0;
    padding: 5px 12px;
    border-radius: 8px;
    background: #E0F2FE;
    color: #033D53;
    border: 1px solid #E0F2FE;
    text-transform: none;
    line-height: 1.35;
    white-space: nowrap;
}
[b-r342upnokg] .mod-badge.untouched { background: #E0F2FE; color: #033D53; border-color: #E0F2FE; font-weight: 600; }
[b-r342upnokg] .commit:hover:not(.compact):not(.detailed) .mod-badge,
[b-r342upnokg] .commit.selected:not(.compact):not(.detailed) .mod-badge { background: #FFFFFF; border-color: #FFFFFF; color: #033D53; }
[b-r342upnokg] .commit.compact .mod-badge,
[b-r342upnokg] .commit.detailed .mod-badge,
[b-r342upnokg] .commit.compact:hover .mod-badge,
[b-r342upnokg] .commit.detailed:hover .mod-badge { background: #E0F2FE; border-color: #E0F2FE; color: #033D53; }
[b-r342upnokg] .mod-changes-strip {
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
    padding: 0.42rem 0.65rem; margin: 9px 8px;
    background: #FFFBF2; border: 1px solid #F0E4C8; border-radius: 8px;
}
[b-r342upnokg] .mod-changes-strip.collapsed { padding: 0.35rem 0.65rem; }
[b-r342upnokg] .mod-changes-toggle {
    display: inline-flex; align-items: center; gap: 6px;
    border: none; background: transparent; padding: 0; cursor: pointer;
}
[b-r342upnokg] .mod-caret { width: 14px; height: 14px; transition: transform .15s ease; color: #7A4F00; }
[b-r342upnokg] .mod-caret.open { transform: rotate(180deg); }
[b-r342upnokg] .mod-change-summary { font-size: 0.8rem; color: #32434B; }
[b-r342upnokg] .mod-changes-lbl {
    font-size: 0.8rem; font-weight: 700; text-transform: none; letter-spacing: 0;
    color: #7A4F00; margin-right: 4px;
}
[b-r342upnokg] .mod-change-chip {
    font-size: 0.8rem; padding: 3px 9px; border-radius: 6px;
    background: #FFFFFF; border: 1px solid #E0C687; color: #32434B;
    line-height: 1.35; max-width: 100%;
    overflow-wrap: anywhere; word-break: break-word;
}
[b-r342upnokg] .mod-change-chip s { color: #32434B; }
[b-r342upnokg] .mod-change-more { font-size: 0.8rem; color: #32434B; }
[b-r342upnokg] .field-changed {
    outline: none;
}

/* ──────────────────────── RESPONSIVE LAYOUT ──────────────────────── */
/* Medium widths: stop Main Funder vs MCCSS label overlap (Detailed + Compact cards) */
@media (max-width: 1360px) {
    [b-r342upnokg] .field-cell .lbl {
        flex-basis: 9rem;
    }
}

@media (max-width: 1280px) {
    .page-header[b-r342upnokg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .stat-strip[b-r342upnokg] {
        min-width: 0;
        width: 100%;
    }

    .global-search[b-r342upnokg] {
        margin-bottom: 0;
    }

    /* Card head: flex wrap for Detailed, Compact, and Ultra (list) views */
    [b-r342upnokg] .commit-head {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 12px;
    }

    [b-r342upnokg] .commit-head .chk { order: 0; }
    [b-r342upnokg] .commit-head .client-cell {
        order: 1;
        flex: 1 1 220px;
        min-width: min(100%, 220px);
    }
    [b-r342upnokg] .commit-head .fund-chips {
        order: 3;
        flex: 1 1 100%;
        width: 100%;
    }
    [b-r342upnokg] .commit-head .id-cell {
        order: 2;
        flex: 1 1 140px;
        min-width: 0;
    }
    [b-r342upnokg] .commit-head .status-mod-cell { order: 4; flex: 0 1 auto; }
    [b-r342upnokg] .commit-head .activity { order: 5; flex: 1 1 auto; }
    [b-r342upnokg] .commit-head .amt-block {
        order: 6;
        flex: 0 0 auto;
        margin-left: auto;
    }
    [b-r342upnokg] .commit-head .actions-cell {
        order: 7;
        flex: 1 1 100%;
        justify-content: flex-end;
        width: 100%;
    }

    [b-r342upnokg] .commit.ultra .commit-head .id-cell,
    [b-r342upnokg] .commit.compact .commit-head .id-cell,
    [b-r342upnokg] .commit.detailed .commit-head .id-cell {
        display: none;
    }

    /* Keep the two-row head (chips on row 1; status / amount / approve on row 2). */
    [b-r342upnokg] .commit.ultra .commit-head,
    [b-r342upnokg] .commit.compact .commit-head,
    [b-r342upnokg] .commit.detailed .commit-head {
        display: grid;
        grid-template-columns: 22px max-content minmax(0, 1fr) 40px 132px 132px;
        gap: 8px 10px;
        row-gap: 10px;
    }

    /* Client name + ID always fit; the funding chips shrink instead. */
    [b-r342upnokg] .commit.ultra .commit-head .chk,
    [b-r342upnokg] .commit.compact .commit-head .chk,
    [b-r342upnokg] .commit.detailed .commit-head .chk {
        order: unset;
        grid-column: 1;
        grid-row: 1;
    }
    [b-r342upnokg] .commit.ultra .commit-head .client-cell,
    [b-r342upnokg] .commit.compact .commit-head .client-cell,
    [b-r342upnokg] .commit.detailed .commit-head .client-cell {
        order: unset;
        grid-column: 2;
        grid-row: 1;
        min-width: 172px;
    }

    /* Chips wrap onto a new line instead of clipping their label inside the pill */
    [b-r342upnokg] .commit.ultra .fund-chips { flex-wrap: wrap; }
    [b-r342upnokg] .commit.compact .fund-chips { flex-wrap: wrap; }
    [b-r342upnokg] .commit.detailed .fund-chips { flex-wrap: wrap; }
    [b-r342upnokg] .commit.ultra .fund-chips .fc,
    [b-r342upnokg] .commit.compact .fund-chips .fc,
    [b-r342upnokg] .commit.detailed .fund-chips .fc {
        min-width: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding: 5px 10px;
        overflow: visible;
    }
    [b-r342upnokg] .commit.ultra .fund-chips .fc-nm,
    [b-r342upnokg] .commit.compact .fund-chips .fc-nm,
    [b-r342upnokg] .commit.detailed .fund-chips .fc-nm {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
        word-break: break-word;
        flex: 0 1 auto;
        min-width: 0;
    }
    [b-r342upnokg] .commit.ultra .fund-chips .fc-amt { flex: 0 0 auto; }
    [b-r342upnokg] .commit.compact .fund-chips .fc-amt { flex: 0 0 auto; }
    [b-r342upnokg] .commit.detailed .fund-chips .fc-amt { flex: 0 0 auto; }
    [b-r342upnokg] .commit.ultra .mod-badge { white-space: nowrap; }
    [b-r342upnokg] .commit.compact .mod-badge { white-space: nowrap; }
    [b-r342upnokg] .commit.detailed .mod-badge { white-space: nowrap; }

    [b-r342upnokg] .commit.ultra .commit-head .fund-chips,
    [b-r342upnokg] .commit.compact .commit-head .fund-chips,
    [b-r342upnokg] .commit.detailed .commit-head .fund-chips {
        order: unset;
        grid-column: 3 / -1;
        grid-row: 1;
        min-width: 0;
    }

    /* Fixed widths on the right-hand cells so status, history, amount and actions
       land on the same vertical line in every row. */
    [b-r342upnokg] .commit.ultra .commit-head .status-mod-cell,
    [b-r342upnokg] .commit.compact .commit-head .status-mod-cell,
    [b-r342upnokg] .commit.detailed .commit-head .status-mod-cell {
        order: unset;
        grid-column: 3;
        grid-row: 2;
        justify-content: flex-start;
    }

    [b-r342upnokg] .commit.ultra .commit-head .activity,
    [b-r342upnokg] .commit.compact .commit-head .activity,
    [b-r342upnokg] .commit.detailed .commit-head .activity {
        order: unset;
        grid-column: 4;
        grid-row: 2;
        justify-content: flex-start;
    }

    [b-r342upnokg] .commit.ultra .commit-head .amt-block,
    [b-r342upnokg] .commit.compact .commit-head .amt-block,
    [b-r342upnokg] .commit.detailed .commit-head .amt-block {
        order: unset;
        grid-column: 5;
        grid-row: 2;
        margin-left: 0;
    }
    [b-r342upnokg] .commit.ultra .commit-head .actions-cell,
    [b-r342upnokg] .commit.compact .commit-head .actions-cell,
    [b-r342upnokg] .commit.detailed .commit-head .actions-cell {
        order: unset;
        grid-column: 6;
        grid-row: 2;
        width: auto;
        margin-left: 0;
        justify-content: flex-end;
    }

    [b-r342upnokg] .meta-grid,
    [b-r342upnokg] .compact .meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .fcr-page[b-r342upnokg] {
        padding: 12px 0 80px;
    }

    .stat-strip[b-r342upnokg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar[b-r342upnokg] {
        flex-direction: column;
        align-items: stretch;
    }

    /* Column direction makes flex-basis a height, so reset it to content height. */
    .toolbar-left[b-r342upnokg],
    .toolbar .global-search[b-r342upnokg] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .toolbar-left[b-r342upnokg],
    .filter-chips[b-r342upnokg] {
        flex-wrap: wrap;
    }

    .toolbar-left[b-r342upnokg] {
        height: auto;
    }

    .toolbar .global-search[b-r342upnokg] {
        height: 36px;
    }

    .filter-chips[b-r342upnokg] {
        flex: 1 1 100%;
        width: 100%;
        height: auto;
    }

    .toolbar-right[b-r342upnokg] {
        justify-content: flex-start;
    }

    [b-r342upnokg] .meta-grid,
    [b-r342upnokg] .compact .meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-r342upnokg] .commit-services {
        overflow-x: hidden;
    }

    [b-r342upnokg] .svc-header,
    [b-r342upnokg] .svc-row {
        min-width: 0;
    }

    [b-r342upnokg] .commit-services.has-plan-col .svc-header,
    [b-r342upnokg] .commit-services.has-plan-col .svc-row {
        min-width: 0;
    }
}

@media (max-width: 768px) {
    .stat-strip[b-r342upnokg] {
        grid-template-columns: 1fr;
    }

    .view-toggle[b-r342upnokg] {
        width: 100%;
        justify-content: stretch;
    }

    .view-toggle button[b-r342upnokg] {
        flex: 1;
        justify-content: center;
    }

    [b-r342upnokg] .meta-grid,
    [b-r342upnokg] .compact .meta-grid {
        grid-template-columns: 1fr;
        padding: 0.35rem 0.85rem 0.85rem;
    }

    [b-r342upnokg] .meta-grid > .field-cell:nth-child(even) {
        border-left: none;
        padding-left: 0;
    }

    [b-r342upnokg] .pa-cell {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    [b-r342upnokg] .field-mccss .hint-pill {
        margin-left: 0;
        margin-top: 4px;
    }

    [b-r342upnokg] .field-mccss .lbl {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    [b-r342upnokg] .commit-foot {
        flex-direction: column;
        align-items: stretch;
    }

    [b-r342upnokg] .commit-foot .foot-actions {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 520px) {
    [b-r342upnokg] .meta-grid,
    [b-r342upnokg] .compact .meta-grid {
        grid-template-columns: 1fr;
    }

    [b-r342upnokg] .field-cell {
        grid-column: 1 / -1 !important;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }

    [b-r342upnokg] .field-cell .lbl {
        flex-basis: auto;
        max-width: 100%;
    }

    [b-r342upnokg] .plan-type-toggle {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    [b-r342upnokg] .commit-head .client-cell {
        flex: 1 1 100%;
    }

    [b-r342upnokg] .commit-head .amt-block {
        margin-left: 0;
        align-items: flex-start;
    }

    [b-r342upnokg] .act-btn.approve,
    [b-r342upnokg] .act-btn.revise {
        padding: 0 8px;
        font-size: 11px;
    }
}
/* /Pages/Domain/Funding/AppPageFundingCommitmentRolloverGenerate.razor.rz.scp.css */
/* Generate Rollover Drafts — shares visual language with main rollover queue page */

.fcr-page[b-lppyoj8zz4] {
    --brand-950: #022a3a;
    --brand-900: #033D53;
    --brand-800: #033D53;
    --brand-700: #033D53;
    --brand-600: #033D53;
    --brand-500: #033D53;
    --brand-400: #033D53;
    --brand-300: #E2E8F0;
    --brand-200: #E2E8F0;
    --brand-100: #E0F2FE;
    --brand-50:  #E0F2FE;
    --brand-25:  #F6FBFE;

    --surface:    #FFFFFF;
    --surface-2:  #F0F4F8;
    --surface-3:  #F0F4F8;
    --border:     #E2E8F0;
    --border-soft:#E2E8F0;
    --border-strong:#E2E8F0;
    --ink:        #121A1F;
    --ink-2:      #32434B;
    --ink-3:      #32434B;
    --ink-4:      #32434B;

    --warn:       #cf9a2a;
    --success:    #1f6f24;
    --success-50: #e9f5e8;
    --danger:     #b53028;
    --danger-50:  #fdeae8;

    --radius-lg: 16px;
    --radius:    12px;
    --radius-sm: 9px;
    --shadow-sm: 0 1px 2px rgba(15, 24, 34, .04), 0 1px 3px rgba(15, 24, 34, .02);
    --ease:     cubic-bezier(.2, .8, .2, 1);

    padding: 0 0 80px;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    color: var(--ink);
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 13px;
}

.page-header[b-lppyoj8zz4] {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    gap: 12px;
    margin-top: 0;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    flex-wrap: nowrap;
    width: 100%;
}

.page-title h1[b-lppyoj8zz4] {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: normal;
    color: #121A1F;
    background: none;
    -webkit-text-fill-color: #121A1F;
    margin: 0;
    line-height: 24px;
}

.page-title .eyebrow[b-lppyoj8zz4] {
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--brand-500);
    font-weight: 500;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-title .eyebrow[b-lppyoj8zz4]::before {
    content: '';
    width: 14px;
    height: 1px;
    background: var(--brand-500);
}

.page-title .sub[b-lppyoj8zz4] {
    font-size: 13px;
    color: var(--ink-3);
    margin-top: 8px;
    max-width: 640px;
    line-height: 1.5;
}

.stat-strip[b-lppyoj8zz4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    min-width: 0;
}

.stat[b-lppyoj8zz4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 14px;
    min-height: 88px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 8px rgba(18, 26, 31, 0.04);
}

.stat .lbl[b-lppyoj8zz4] { font: 700 13px/18px "Source Sans 3", "Source Sans Pro", sans-serif; letter-spacing: 0; text-transform: none; color: #32434B; }
.stat .v[b-lppyoj8zz4] { font: 700 22px/28px "Source Sans 3", "Source Sans Pro", sans-serif; letter-spacing: normal; margin-top: 0; text-transform: uppercase; color: #033D53; font-feature-settings: 'tnum'; }
.stat .sub[b-lppyoj8zz4] { font: 600 12px/16px "Source Sans 3", "Source Sans Pro", sans-serif; margin-top: 0; color: #32434B; }
.stat-money-main[b-lppyoj8zz4] { background: #FFFFFF; border-color: #E2E8F0; }
.stat-money-main .v[b-lppyoj8zz4] { font-family: "Source Sans 3", "Source Sans Pro", sans-serif; color: #033D53; }

.stat.pop[b-lppyoj8zz4] {
    animation: genPopStat-b-lppyoj8zz4 .35s var(--ease);
}

@keyframes genPopStat-b-lppyoj8zz4 {
    0% { transform: scale(1); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1); }
}

.gen-notice[b-lppyoj8zz4] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 14px;
    background: #E0F2FE;
    border: 1px solid #E0F2FE;
    border-radius: 12px;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    font-size: 12.5px;
    font-weight: 600;
    color: #033D53;
    line-height: 1.45;
}

.gen-notice-text[b-lppyoj8zz4] {
    flex: 1 1 auto;
    min-width: 0;
}

.gen-notice-close[b-lppyoj8zz4] {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1.5px solid #033D53;
    border-radius: 7px;
    background: #FFFFFF;
    color: #033D53;
    font-size: 13px;
    cursor: pointer;
    transition: background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);
}

.gen-notice-close:hover[b-lppyoj8zz4] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.gen-notice-close:active[b-lppyoj8zz4] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.gen-notice-close:focus-visible[b-lppyoj8zz4] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.gen-notice .ic[b-lppyoj8zz4] {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #033D53;
    color: #FFFFFF;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.gen-notice .ic svg[b-lppyoj8zz4] {
    width: 15px;
    height: 15px;
    display: block;
}

.gen-notice strong[b-lppyoj8zz4] {
    font-weight: 700;
    color: #121A1F;
}

.toolbar[b-lppyoj8zz4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: var(--surface);
    padding: 11px 16px;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.filter-chips[b-lppyoj8zz4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    align-self: center;
    min-height: 33px;
}

.chip[b-lppyoj8zz4],
.fcr-fy-label[b-lppyoj8zz4] {
    padding: 0 12px;
    height: 34px;
    min-height: 34px;
    line-height: 1;
    margin: 0;
    box-sizing: border-box;
    border-radius: 8px;
    background: #E0F2FE;
    border: 1px solid #E0F2FE;
    color: #033D53;
    font: 600 12px "Source Sans 3", "Source Sans Pro", sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.chip.active[b-lppyoj8zz4] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.chip .count[b-lppyoj8zz4] {
    font-size: 11px;
    font-weight: 700;
}

.toolbar-right[b-lppyoj8zz4] {
    display: flex;
    gap: 8px;
    align-items: stretch;
    align-self: center;
    min-height: 34px;
    flex: 1 1 auto;
    width: 100%;
}

/* Every control shares the toolbar width equally */
.toolbar-right > .btn[b-lppyoj8zz4],
.toolbar-right > .chip[b-lppyoj8zz4] {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding: 0 8px;
}

.btn[b-lppyoj8zz4] {
    border: 1.5px solid #32434B;
    background: #FFFFFF;
    color: #32434B;
    border-radius: 8px;
    padding: 0 13px;
    height: 34px;
    min-height: 34px;
    line-height: 1;
    margin: 0;
    box-sizing: border-box;
    font: 600 12px "Source Sans 3", "Source Sans Pro", sans-serif;
    cursor: pointer;
    transition: background-color .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.btn:hover:not(:disabled)[b-lppyoj8zz4],
.btn:focus-visible:not(:disabled)[b-lppyoj8zz4] {
    border-color: #033D53;
    color: #033D53;
    background: #E0F2FE;
    box-shadow: none;
}

.btn:focus-visible[b-lppyoj8zz4],
.btn-link:focus-visible[b-lppyoj8zz4],
.fcr-chk:focus-visible[b-lppyoj8zz4] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

/* Disabled stays legible (AODA) instead of fading out of contrast */
.btn:disabled[b-lppyoj8zz4] {
    background: #F0F4F8;
    border-color: #E2E8F0;
    color: #32434B;
    opacity: 1;
    cursor: not-allowed;
    box-shadow: none;
}

.btn.primary[b-lppyoj8zz4] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.btn.primary:hover:not(:disabled)[b-lppyoj8zz4],
.btn.primary:focus-visible:not(:disabled)[b-lppyoj8zz4] {
    background: #022a3a;
    color: #FFFFFF;
    border-color: #022a3a;
}

.btn.ghost[b-lppyoj8zz4] {
    color: #033D53;
    border-color: #033D53;
    background: #E1F1FD;
}

/* FC list card shell */
.section-card[b-lppyoj8zz4] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: 0 1px 8px rgba(18, 26, 31, 0.04);
}

.section-head[b-lppyoj8zz4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid #E8ECF1;
    background: #FFFFFF;
}

.section-head h2[b-lppyoj8zz4] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
}

.section-head .meta[b-lppyoj8zz4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #32434B;
}

.data-table-wrap[b-lppyoj8zz4] {
    overflow-x: auto;
    padding: 0 12px 8px;
}

.data-table[b-lppyoj8zz4] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px;
    font-size: 0.75rem;
}

/* FC list header row: white, 12px bold, no uppercase tracking */
.data-table thead th[b-lppyoj8zz4] {
    text-align: left;
    padding: 0.55rem 0.5rem;
    border-bottom: 1px solid #D5DCE6;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
    color: #121A1F;
    background: #FFFFFF;
    white-space: nowrap;
}

.data-table thead th.num[b-lppyoj8zz4],
.data-table tbody td.num[b-lppyoj8zz4] {
    text-align: left;
}

.data-table tbody tr.row-clickable[b-lppyoj8zz4] {
    cursor: pointer;
}

/* Row separators, same as the FC list */
.data-table tbody td[b-lppyoj8zz4] {
    padding: 0.6rem 0.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #E4EAF0;
    color: #344054;
    background: #FFFFFF;
    transition: background-color .12s ease;
}

.data-table tbody td:first-child[b-lppyoj8zz4] {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.data-table tbody td:last-child[b-lppyoj8zz4] {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.data-table tbody tr:hover:not(.row-disabled) td[b-lppyoj8zz4],
.data-table tbody tr.row-selected td[b-lppyoj8zz4] {
    background: #E0F2FE;
}

.data-table tbody tr:hover:not(.row-disabled) td:first-child[b-lppyoj8zz4],
.data-table tbody tr.row-selected td:first-child[b-lppyoj8zz4] {
    box-shadow: inset 3px 0 0 #033D53;
}

.data-table tbody tr:last-child td[b-lppyoj8zz4] { border-bottom: none; }

/* Skipped rows stay white like the FC list; the locked checkbox + badge carry the state */
.data-table tbody tr.row-disabled[b-lppyoj8zz4] {
    background: #FFFFFF;
}

.data-table tbody tr.row-disabled td[b-lppyoj8zz4] {
    color: #32434B;
}

.data-table tbody tr.row-disabled .linked-name[b-lppyoj8zz4] {
    color: #32434B;
    font-weight: 600;
}

.mono[b-lppyoj8zz4] {
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 0.75rem;
    font-feature-settings: 'tnum';
    letter-spacing: 0;
}

.muted[b-lppyoj8zz4] {
    color: var(--ink-3);
}

.linked-name[b-lppyoj8zz4] {
    display: block;
    font-weight: 600;
    color: #121A1F;
}

.linked-id[b-lppyoj8zz4] {
    display: block;
    font-size: 11px;
    color: #32434B;
    margin-top: 1px;
}

.fcr-chk[b-lppyoj8zz4] {
    width: 18px;
    height: 18px;
    border: 2px solid #32434B;
    border-radius: 5px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: background-color .15s var(--ease), border-color .15s var(--ease);
    background: #FFFFFF;
    box-sizing: border-box;
}

.fcr-chk:hover[b-lppyoj8zz4] {
    border-color: #033D53;
}

.fcr-chk.checked[b-lppyoj8zz4] {
    background: #033D53;
    border-color: #033D53;
}

.fcr-chk.chk-locked[b-lppyoj8zz4] {
    background: #F0F4F8;
    border-color: #E2E8F0;
    cursor: not-allowed;
    pointer-events: none;
}

.fcr-chk.checked[b-lppyoj8zz4]::after {
    content: '';
    width: 8px;
    height: 4px;
    border-left: 1.8px solid #fff;
    border-bottom: 1.8px solid #fff;
    transform: rotate(-45deg) translateY(-1px);
}

.assoc-pill[b-lppyoj8zz4] {
    display: inline-flex;
    padding: 3px 9px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    color: #32434B;
}

.assoc-pill.client[b-lppyoj8zz4] {
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #033D53;
}

.assoc-pill.project[b-lppyoj8zz4] {
    background: #F0F4F8;
    border-color: #E2E8F0;
    color: #32434B;
}

.elig-badge[b-lppyoj8zz4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.elig-badge i[b-lppyoj8zz4] {
    font-size: 9px;
}

.fcr-elig-ok[b-lppyoj8zz4] {
    background: #DCFAE6;
    color: #003D1F;
    border: 1px solid #DCFAE6;
}

.elig-skip[b-lppyoj8zz4] {
    background: #F0F4F8;
    color: #32434B;
    border: 1px solid #E2E8F0;
}

/* Pagination — same treatment as the FC list pager */
.fcr-page[b-lppyoj8zz4]  .module-list-pagination.gen-pager {
    border-top-color: #E8ECF1 !important;
    margin: 0 !important;
    padding: 0.75rem 20px 0.875rem !important;
}

.fcr-page[b-lppyoj8zz4]  .module-list-pagination.gen-pager .module-list-pagination__label {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.fcr-empty[b-lppyoj8zz4] {
    padding: 40px 24px;
    text-align: center;
    color: #121A1F;
    font-size: 13px;
    font-weight: 500;
}

.empty-state[b-lppyoj8zz4] {
    padding: 40px 24px;
    text-align: center;
    color: var(--ink-3);
    font-size: 13px;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
    margin-bottom: 16px;
}

.empty-state .empty-title[b-lppyoj8zz4] {
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 6px;
}

.empty-state .empty-sub[b-lppyoj8zz4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-3);
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.5;
}

.btn-link[b-lppyoj8zz4] {
    border: none;
    background: transparent;
    color: #32434B;
    font: 600 12px "Source Sans 3", "Source Sans Pro", sans-serif;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-link i[b-lppyoj8zz4] {
    font-size: 11px;
    color: inherit;
}

.btn-link:hover[b-lppyoj8zz4],
.btn-link:focus-visible[b-lppyoj8zz4] {
    color: #033D53;
}

@media (max-width: 1280px) {
    .page-header[b-lppyoj8zz4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .stat-strip[b-lppyoj8zz4] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .stat-strip[b-lppyoj8zz4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar[b-lppyoj8zz4] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 768px) {
    .stat-strip[b-lppyoj8zz4] {
        grid-template-columns: 1fr;
    }

    .toolbar-right[b-lppyoj8zz4] {
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Funding/AppPageFundingTypeConfig.razor.rz.scp.css */
/* PAGE FRAME */
.ft-page-wrap[b-hyz8vktoaa] { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #f5f6fa; color: #1a1a2e; min-height: 100vh; font-size: 14px; line-height: 1.5; }
.app-content[b-hyz8vktoaa] { min-width: 0; }

/* TOP BAR */
.top-bar[b-hyz8vktoaa] { padding: 16px 32px; background: #fff; border-bottom: 1px solid #e2e4ea; }
.go-back[b-hyz8vktoaa] { font-size: 13px; color: #5a5d6e; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; background: none; border: none; font-family: inherit; }
.go-back:hover[b-hyz8vktoaa] { color: #1a56db; }
.page-title[b-hyz8vktoaa] { font-size: 22px; font-weight: 700; color: #1a1a2e; margin-top: 4px; }

/* STEP BAR */
.step-bar[b-hyz8vktoaa] { display: flex; align-items: center; padding: 20px 32px; background: #fff; border-bottom: 1px solid #e2e4ea; }
.step-item[b-hyz8vktoaa] { display: flex; align-items: center; gap: 10px; padding: 0 20px; cursor: pointer; }
.step-item:first-child[b-hyz8vktoaa] { padding-left: 0; }
.step-num[b-hyz8vktoaa] { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; transition: all 0.25s; }
.step-item.active .step-num[b-hyz8vktoaa] { background: #1a56db; color: #fff; }
.step-item.inactive .step-num[b-hyz8vktoaa] { background: #e2e4ea; color: #7c7f91; }
.step-item.completed .step-num[b-hyz8vktoaa] { background: #059669; color: #fff; }
.step-lbl[b-hyz8vktoaa] { font-size: 13px; font-weight: 600; }
.step-item.active .step-lbl[b-hyz8vktoaa] { color: #1a56db; }
.step-item.inactive .step-lbl[b-hyz8vktoaa] { color: #7c7f91; }
.step-item.completed .step-lbl[b-hyz8vktoaa] { color: #1a1a2e; }
.step-connector[b-hyz8vktoaa] { width: 40px; height: 2px; background: #e2e4ea; margin: 0 4px; }
.step-connector.done[b-hyz8vktoaa] { background: #059669; }

/* MAIN */
.main[b-hyz8vktoaa] { max-width: 1140px; margin: 0 auto; padding: 32px; min-width: 0; }

/* CARD — cascades into child screen components */
[b-hyz8vktoaa] .card { background: #fff; border: 1px solid #e2e4ea; border-radius: 0; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
[b-hyz8vktoaa] .card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
[b-hyz8vktoaa] .card-title { font-size: 15px; font-weight: 700; color: #1a1a2e; }

/* FORM ELEMENTS — cascades into child screen components */
[b-hyz8vktoaa] label { font-size: 12px; font-weight: 600; color: #5a5d6e; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 6px; }
[b-hyz8vktoaa] select,
[b-hyz8vktoaa] input[type="text"],
[b-hyz8vktoaa] input[type="number"],
[b-hyz8vktoaa] input[type="email"] {
    width: 100%; padding: 9px 12px; border: 1px solid #d1d5db; border-radius: 0;
    font-size: 14px; font-family: inherit; color: #1a1a2e; background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s; box-sizing: border-box;
}
[b-hyz8vktoaa] select {
    appearance: none; -webkit-appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%237c7f91' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;
    padding-right: 32px; cursor: pointer;
}
[b-hyz8vktoaa] select:focus, [b-hyz8vktoaa] input:focus { outline: none; border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,0.1); }
[b-hyz8vktoaa] input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
[b-hyz8vktoaa] input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; }

/* CURRENCY WRAP — cascades into child screen components */
[b-hyz8vktoaa] .cur-wrap { position: relative; }
[b-hyz8vktoaa] .cur-wrap::before { content: '$'; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #7c7f91; font-size: 14px; pointer-events: none; }
[b-hyz8vktoaa] .cur-wrap input { padding-left: 24px; }

/* BUTTONS — cascades into child screen components */
[b-hyz8vktoaa] .btn-bar { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
[b-hyz8vktoaa] .btn { padding: 10px 28px; border-radius: 0; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; border: none; transition: all 0.15s; }
[b-hyz8vktoaa] .btn-primary { background: #1a56db; color: #fff; }
[b-hyz8vktoaa] .btn-primary:hover { background: #1545b5; }
[b-hyz8vktoaa] .btn.btn-secondary { background: #fff !important; color: #5a5d6e !important; border: 1px solid #d1d5db !important; }
[b-hyz8vktoaa] .btn.btn-secondary:hover { background: #f5f6fa !important; color: #5a5d6e !important; }
[b-hyz8vktoaa] .btn:disabled { opacity: 0.45; cursor: not-allowed; }
/* /Pages/Domain/Funding/AppPageImpersonateClient.razor.rz.scp.css */
/* Impersonate page — Figma Enable Kit (Client / Vendor) */
.imp-page[b-ooputn6lk5] {
    --imp-brand: #033D53;
    --imp-ink: #32434B;
    --imp-body: #32434B;
    --imp-muted: #32434B;
    --imp-border: #E2E8F0;
    --imp-surface: #FFFFFF;
    --imp-soft: #F0F4F8;
    --imp-hover: #E0F2FE;
    --imp-radius: 10px;
    --imp-success-bg: #E8F5E9;
    --imp-success-fg: #2E7D32;
    --imp-success-icon: #43A047;

    padding-bottom: 1.5rem;
}

/* Figma: one card wraps title + tabs + Key Financial Contact / Vendor */
.imp-shell[b-ooputn6lk5] {
    background: var(--imp-surface);
    border: 1px solid var(--imp-border);
    border-radius: 12px;
    padding: 1.35rem 1.5rem 1.35rem;
    box-shadow: none;
    overflow: hidden;
}

.imp-hero[b-ooputn6lk5] {
    padding: 0 0 1.15rem;
}

.imp-hero__title[b-ooputn6lk5] {
    font-size: 1.375rem; /* 22px */
    font-weight: 700;
    color: #32434B;
    margin: 0 0 0.4rem;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.imp-hero__subtitle[b-ooputn6lk5] {
    color: #32434B;
    font-size: 0.8125rem; /* 13px — ≥ 11px AODA */
    line-height: 1.5;
    margin: 0;
    max-width: 48rem;
}

.imp-panel[b-ooputn6lk5] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.imp-panel__body[b-ooputn6lk5] {
    padding: 0;
}

.imp-panel__footer[b-ooputn6lk5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.85rem 0;
}

.imp-panel--vendor[b-ooputn6lk5] {
    overflow: visible;
}

.imp-panel--vendor .imp-panel__body[b-ooputn6lk5] {
    padding-bottom: 0;
}

.imp-panel__footer--sticky[b-ooputn6lk5] {
    position: sticky;
    bottom: 0;
    z-index: 40;
    background: var(--imp-surface);
    border-top: 1px solid var(--imp-border);
    box-shadow: 0 -6px 20px rgba(18, 26, 31, 0.08);
}

body.is-impersonating .imp-panel__footer--sticky[b-ooputn6lk5] {
    bottom: 0;
}

.imp-page[b-ooputn6lk5]  .imp-panel__footer--sticky .btn,
.imp-page[b-ooputn6lk5]  .imp-panel__footer--sticky button {
    min-width: 12rem;
}

.imp-info[b-ooputn6lk5] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    background: #E0F2FE;
    border: 0;
    border-radius: 8px;
    color: #32434B;
    font-size: 0.8125rem; /* 13px */
    line-height: 1.45;
    margin-top: 1rem;
}

.imp-info i[b-ooputn6lk5] {
    color: var(--imp-brand);
    flex-shrink: 0;
}

.imp-info__icon[b-ooputn6lk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    background: #033D53;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    flex-shrink: 0;
    text-transform: lowercase;
    font-family: Georgia, "Times New Roman", serif;
}

.imp-info__text[b-ooputn6lk5] {
    color: #32434B;
    font-weight: 500;
}

/* ---- Key Financial Contact (inside shell — no nested card) ---- */
.imp-client-contact[b-ooputn6lk5] {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.imp-client-contact__title[b-ooputn6lk5] {
    font-size: 0.9375rem; /* 15px */
    font-weight: 700;
    color: #32434B;
    margin: 0 0 0.15rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--imp-border);
    display: flex;
    align-items: center;
    gap: 0.55rem;
    line-height: 1.3;
}

.imp-client-contact__title-icon[b-ooputn6lk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 4px;
    background: var(--imp-brand);
    color: #FFFFFF;
    flex-shrink: 0;
}

.imp-client-contact__title-icon svg[b-ooputn6lk5] {
    display: block;
    width: 18px;
    height: 18px;
}

.imp-client-contact__title-icon i[b-ooputn6lk5] {
    font-size: 0.6875rem;
    color: #FFFFFF;
    line-height: 1;
}

.imp-client-contact__eto[b-ooputn6lk5],
.imp-client-contact__portal[b-ooputn6lk5] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.imp-client-contact__portal[b-ooputn6lk5] {
    margin-top: 0.15rem;
    padding-top: 1rem;
    border-top: 1px solid #033D53;
}

/* Label left + value right (same side as LOGIN AS CLIENT) */
.imp-client-contact__field[b-ooputn6lk5] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 1.25rem !important;
    direction: ltr !important;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--imp-border);
    font-size: 0.875rem;
    width: 100%;
}

/* Only one divider above badge — drop last ETO row hairline */
.imp-client-contact__eto > .imp-client-contact__field:last-child[b-ooputn6lk5] {
    border-bottom: 0 !important;
}

.imp-client-contact__portal > .imp-client-contact__field:last-of-type[b-ooputn6lk5] {
    border-bottom: 0;
}

.imp-client-contact__label[b-ooputn6lk5] {
    flex: 0 0 auto;
    font-weight: 500;
    color: #32434B;
    font-size: 0.8125rem; /* 13px */
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}

.imp-client-contact__value[b-ooputn6lk5],
.imp-client-contact__field > span:not(.imp-client-contact__label)[b-ooputn6lk5] {
    flex: 0 0 min(22rem, 55%);
    width: min(22rem, 55%);
    max-width: min(22rem, 55%);
    margin: 0 0 0 auto !important;
    color: #32434B;
    font-weight: 700;
    font-size: 0.875rem; /* 14px */
    word-break: break-word;
    text-align: left !important;
}

.imp-client-contact__portal-badge[b-ooputn6lk5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem; /* 12px */
    font-weight: 600;
    color: var(--imp-success-fg);
    background: var(--imp-success-bg);
    border: 1px solid #C8E6C9;
    border-radius: 999px;
    padding: 0.35rem 0.8rem;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 0.5rem;
}

.imp-client-contact__portal-badge i[b-ooputn6lk5] {
    color: var(--imp-success-icon);
    font-size: 0.875rem;
}

.imp-client-contact__action[b-ooputn6lk5] {
    margin-top: 1.35rem;
    display: flex;
    justify-content: flex-end;
}

/* Figma: LOGIN AS CLIENT — Normal white+#033D53+#121A1F / Hover #E0F2FE / Click #033D53 */
.imp-login-btn[b-ooputn6lk5] {
    appearance: none;
    background: #FFFFFF;
    color: #121A1F;
    border: 1.5px solid #033D53;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.6875rem; /* 11px */
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.4rem 0.9rem;
    box-shadow: none;
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
    line-height: 1.2;
    font-family: inherit;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.imp-login-btn__icon[b-ooputn6lk5] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #1C274C;
}

.imp-login-btn i[b-ooputn6lk5] {
    color: #1C274C;
    font-size: 0.8125rem;
}

.imp-login-btn:hover:not(:disabled)[b-ooputn6lk5] {
    background: #E0F2FE;
    color: #121A1F;
    border-color: #033D53;
}

.imp-login-btn:hover:not(:disabled) .imp-login-btn__icon[b-ooputn6lk5],
.imp-login-btn:hover:not(:disabled) i[b-ooputn6lk5] {
    color: #121A1F;
}

.imp-login-btn:active:not(:disabled)[b-ooputn6lk5] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.imp-login-btn:active:not(:disabled) .imp-login-btn__icon[b-ooputn6lk5],
.imp-login-btn:active:not(:disabled) i[b-ooputn6lk5] {
    color: #FFFFFF;
}

.imp-login-btn:disabled[b-ooputn6lk5] {
    opacity: 0.55;
    cursor: not-allowed;
}

.imp-client-contact__loading[b-ooputn6lk5],
.imp-client-contact__empty[b-ooputn6lk5],
.imp-client-contact__warn[b-ooputn6lk5] {
    font-size: 0.8125rem;
    color: var(--imp-muted);
    margin-top: 0.5rem;
}

.imp-client-contact__loading i[b-ooputn6lk5] {
    color: var(--imp-brand);
    margin-right: 0.35rem;
}

.imp-client-contact__warn[b-ooputn6lk5] {
    color: #B45309;
    margin-top: 0.5rem;
}

/* Vendor content (inside shell — no nested outer card) */
.imp-vendor-card[b-ooputn6lk5] {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.imp-vendor-toolbar[b-ooputn6lk5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1rem;
    width: 100%;
}

.imp-role-chips[b-ooputn6lk5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.65rem;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
}

.imp-vendor-search[b-ooputn6lk5] {
    position: relative;
    flex: 0 1 16rem;
    width: 16rem;
    max-width: 18rem;
    min-width: 12rem;
}

.imp-vendor-search i[b-ooputn6lk5] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #32434B;
    font-size: 0.85rem;
}

.imp-vendor-search input[b-ooputn6lk5] {
    width: 100%;
    border: 1px solid var(--imp-border);
    border-radius: 8px;
    padding: 0.5rem 0.75rem 0.5rem 2.15rem;
    font-size: 0.8125rem;
    color: #32434B;
    background: #F0F4F8;
    min-height: 2.35rem;
}

.imp-vendor-search input[b-ooputn6lk5]::placeholder {
    color: #6B7A86;
}

.imp-vendor-search input:hover:not(:disabled):not(:focus)[b-ooputn6lk5] {
    background: #E0F2FE;
    border-color: #E2E8F0;
}

.imp-vendor-search input:focus[b-ooputn6lk5],
.imp-vendor-search input:focus-visible[b-ooputn6lk5],
.imp-vendor-search input:active[b-ooputn6lk5] {
    outline: none !important;
    border: 1.5px solid #033D53 !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
    caret-color: #32434B !important;
}

/* Figma: ALL chip — Normal transparent+#033D53+#121A1F / Hover #E0F2FE / Click #033D53 */
.imp-role-chip[b-ooputn6lk5] {
    appearance: none;
    border: 1px solid #033D53;
    background: transparent;
    color: #121A1F;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    min-height: 2.35rem;
    font-size: 0.6875rem; /* 11px */
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.imp-role-chip:hover[b-ooputn6lk5] {
    background: #E0F2FE;
    color: #121A1F;
    border-color: #033D53;
}

.imp-role-chip:active[b-ooputn6lk5],
.imp-role-chip--active[b-ooputn6lk5] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
    font-weight: 700;
}

.imp-role-chip--active:hover[b-ooputn6lk5] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.imp-vendor-count[b-ooputn6lk5] {
    font-size: 0.75rem;
    color: #32434B;
    margin-left: auto;
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Vendor list — Figma: no outer border; pagination shows 10 per page */
.imp-vendor-list[b-ooputn6lk5] {
    border: none;
    border-radius: 0;
    overflow: hidden;
    background: var(--imp-surface);
}

.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination {
    display: flex !important;
    visibility: visible !important;
    margin-top: 0.75rem;
    border-top: 0 !important;
    padding-top: 0.5rem;
    min-height: 2.5rem;
}

/* Figma pagination active page (#002B6B) — beat global module-list active styles */
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .module-list-pagination__page.is-active,
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .btn.module-list-pagination__page.is-active,
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .btn.module-list-pagination__page.is-active:hover,
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .btn.module-list-pagination__page.is-active:focus,
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .btn.module-list-pagination__page.is-active:active,
.imp-vendor-card[b-ooputn6lk5]  .imp-vendor-pagination .btn.module-list-pagination__page[aria-current="page"] {
    background: #002B6B !important;
    background-color: #002B6B !important;
    border-color: #002B6B !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.imp-vendor-list__head[b-ooputn6lk5] {
    display: grid;
    grid-template-columns: minmax(6rem, 1fr) minmax(9rem, 1.4fr) minmax(7rem, 1fr) minmax(6rem, 1fr) minmax(7rem, 8.5rem);
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    background: transparent;
    border-bottom: 1px solid var(--imp-border);
    font-size: 0.6875rem; /* 11px */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #121A1F;
    position: sticky;
    top: 0;
    z-index: 1;
}

.imp-vendor-list__head > *[b-ooputn6lk5],
.imp-vendor-row > *[b-ooputn6lk5] {
    min-width: 0;
}

.imp-vendor-row[b-ooputn6lk5] {
    display: grid;
    grid-template-columns: minmax(6rem, 1fr) minmax(9rem, 1.4fr) minmax(7rem, 1fr) minmax(6rem, 1fr) minmax(7rem, 8.5rem);
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--imp-border);
    border-left: 3px solid transparent;
    border-radius: 8px;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    font-size: 0.8125rem;
    background: #FFFFFF;
    color: #121A1F;
}

.imp-vendor-row:last-child[b-ooputn6lk5] {
    border-bottom: 1px solid var(--imp-border);
}

/* FC list match: sky fill + navy left bar; text color unchanged */
.imp-vendor-row:hover[b-ooputn6lk5] {
    background: #E0F2FE;
    border-left-color: #033D53;
}

/* FC list match: click = brand #033D53 + white text */
.imp-vendor-row:active[b-ooputn6lk5] {
    background: #033D53;
    color: #FFFFFF;
    border-left-color: #033D53;
}

.imp-vendor-row:active .imp-vendor-row__name[b-ooputn6lk5],
.imp-vendor-row:active .imp-vendor-row__email[b-ooputn6lk5],
.imp-vendor-row:active .imp-vendor-row__org[b-ooputn6lk5] {
    color: #FFFFFF;
}

.imp-vendor-row:active .imp-vendor-badge[b-ooputn6lk5] {
    background: #FFFFFF;
    color: #033D53;
    border-color: #FFFFFF;
}

.imp-vendor-row:active .imp-vendor-badge i[b-ooputn6lk5],
.imp-vendor-row:active .imp-vendor-badge__icon[b-ooputn6lk5] {
    color: #033D53;
}

.imp-vendor-row__action[b-ooputn6lk5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Figma colors only — Normal #E0F2FE+#033D53+#121A1F / Hover #033D53 / Click #001D28+#103613 */
.imp-vendor-row__action .imp-login-btn--row[b-ooputn6lk5] {
    font-size: 0.6875rem; /* 11px — AODA min */
    letter-spacing: 0.04em;
    padding: 0.3rem 0.65rem;
    min-height: 1.75rem;
    white-space: nowrap;
    background: #E0F2FE;
    color: #121A1F;
    border: 1.5px solid #033D53;
    border-radius: 8px;
}

.imp-vendor-row__action .imp-login-btn--row .imp-login-btn__icon[b-ooputn6lk5] {
    width: 14px;
    height: 14px;
    color: #121A1F;
}

.imp-vendor-row__action .imp-login-btn--row:hover:not(:disabled)[b-ooputn6lk5] {
    background: #033D53;
    color: #FFFFFF;
    border-color: #033D53;
}

.imp-vendor-row__action .imp-login-btn--row:hover:not(:disabled) .imp-login-btn__icon[b-ooputn6lk5],
.imp-vendor-row__action .imp-login-btn--row:hover:not(:disabled) i[b-ooputn6lk5] {
    color: #FFFFFF;
}

.imp-vendor-row__action .imp-login-btn--row:active:not(:disabled)[b-ooputn6lk5] {
    background: #001D28;
    color: #FFFFFF;
    border-color: #103613;
}

.imp-vendor-row__action .imp-login-btn--row:active:not(:disabled) .imp-login-btn__icon[b-ooputn6lk5],
.imp-vendor-row__action .imp-login-btn--row:active:not(:disabled) i[b-ooputn6lk5] {
    color: #FFFFFF;
}

/* Keep button readable when row is pressed dark */
.imp-vendor-row:active .imp-login-btn--row:not(:disabled)[b-ooputn6lk5] {
    background: #E0F2FE;
    color: #121A1F;
    border-color: #033D53;
}

.imp-vendor-row:active .imp-login-btn--row:not(:disabled) .imp-login-btn__icon[b-ooputn6lk5] {
    color: #121A1F;
}

.imp-vendor-row__name[b-ooputn6lk5] {
    font-weight: 600;
    color: #121A1F;
}

.imp-vendor-row__email[b-ooputn6lk5] {
    color: var(--imp-muted); /* keep existing */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imp-vendor-row__org[b-ooputn6lk5] {
    color: var(--imp-muted); /* keep existing */
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imp-vendor-row__role[b-ooputn6lk5] {
    overflow: hidden;
}

.imp-vendor-badge[b-ooputn6lk5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    font-size: 0.6875rem; /* 11px */
    font-weight: 600;
    background: #EEF4FF;
    color: #002B6B;
    border: 1px solid #EEF4FF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Service Provider — Figma: text #002B6B, bg #EEF4FF */
.imp-vendor-badge--sp[b-ooputn6lk5] {
    background: #EEF4FF;
    color: #002B6B;
    border-color: #EEF4FF;
}

.imp-vendor-badge i[b-ooputn6lk5],
.imp-vendor-badge .fa[b-ooputn6lk5],
.imp-vendor-badge .fas[b-ooputn6lk5],
.imp-vendor-badge__icon[b-ooputn6lk5] {
    flex-shrink: 0;
    font-size: 0.7rem;
    width: 14px;
    height: 14px;
    color: #002B6B;
}

.imp-vendor-badge--sp i[b-ooputn6lk5],
.imp-vendor-badge--sp .fa[b-ooputn6lk5],
.imp-vendor-badge--sp .fas[b-ooputn6lk5],
.imp-vendor-badge--sp .imp-vendor-badge__icon[b-ooputn6lk5] {
    color: #002B6B;
}

.imp-vendor-empty[b-ooputn6lk5],
.imp-vendor-loading[b-ooputn6lk5] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--imp-muted);
}

.imp-vendor-empty i[b-ooputn6lk5],
.imp-vendor-loading i[b-ooputn6lk5] {
    font-size: 2rem;
    color: var(--imp-brand);
    margin-bottom: 0.75rem;
    display: block;
}

.imp-info--vendor[b-ooputn6lk5] {
    margin-top: 1rem;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .imp-vendor-list__head[b-ooputn6lk5],
    .imp-vendor-row[b-ooputn6lk5] {
        grid-template-columns: minmax(5rem, 1fr) minmax(7rem, 1.2fr) minmax(6rem, 1fr) minmax(5.5rem, 7rem);
    }

    .imp-vendor-list__head > :nth-child(4)[b-ooputn6lk5],
    .imp-vendor-row > :nth-child(4)[b-ooputn6lk5] {
        display: none;
    }

    .imp-shell[b-ooputn6lk5] {
        padding: 1.15rem 1rem 1.1rem;
    }

    .imp-vendor-toolbar[b-ooputn6lk5] {
        flex-wrap: wrap;
    }

    .imp-vendor-search[b-ooputn6lk5] {
        flex: 1 1 100%;
        max-width: none;
        width: 100%;
    }

    .imp-role-chips[b-ooputn6lk5] {
        flex: 1 1 auto;
        order: 3;
        width: 100%;
    }

    .imp-vendor-count[b-ooputn6lk5] {
        margin-left: 0;
    }

    .imp-client-contact__field[b-ooputn6lk5] {
        gap: 0.85rem !important;
    }

    .imp-client-contact__value[b-ooputn6lk5] {
        flex-basis: min(16rem, 58%);
        width: min(16rem, 58%);
        max-width: min(16rem, 58%);
    }
}

/* ---- Tabs (Figma: filled CLIENT / plain VENDOR on hairline) ---- */
.imp-page[b-ooputn6lk5]  .k-tabstrip {
    border: 0 !important;
    background: transparent !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip > .k-tabstrip-items-wrapper {
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items {
    border-bottom: 1px solid #033D53 !important;
    margin: 0 0 1.15rem;
    padding: 0;
    gap: 0.5rem;
    background: transparent !important;
    display: flex !important;
    align-items: flex-end;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item {
    border: 0 !important;
    margin: 0 0.1rem 0 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-link {
    font-weight: 600;
    font-size: 0.75rem; /* 12px */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.7rem 1.25rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    color: var(--imp-body) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    min-height: 2.55rem;
    line-height: 1;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-link i {
    font-size: 0.875rem;
    opacity: 1;
    color: inherit !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-link .imp-tab-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
    color: inherit;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item.k-active {
    border: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: -1px !important;
    z-index: 1;
    box-shadow: none !important;
    outline: none !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active::before,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active::after,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item.k-active::before,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item.k-active::after,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active .k-link::before,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active .k-link::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item.k-active .k-link,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item.k-active .k-link {
    color: #FFFFFF !important;
    background: var(--imp-brand) !important;
    font-weight: 700;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover,
.imp-page[b-ooputn6lk5]  .k-tabstrip-items .k-tabstrip-item:not(.k-active) .k-link:hover {
    background: #E0F2FE !important;
    color: var(--imp-brand) !important;
}

.imp-page[b-ooputn6lk5]  .k-tabstrip-content,
.imp-page[b-ooputn6lk5]  .k-tabstrip > .k-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    outline: none !important;
}
/* /Pages/Domain/Funding/AppPageReimbursementPayeeSetup.razor.rz.scp.css */
.payee-setup__card[b-3987on2lom] {
    max-width: 42rem;
}

.payee-setup__intro[b-3987on2lom] {
    color: #5c5c5c;
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}

.payee-setup__status-row[b-3987on2lom] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    margin-bottom: 1.25rem;
}

.payee-setup__status-label[b-3987on2lom] {
    color: #6c757d;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.payee-setup__stage[b-3987on2lom] {
    align-items: center;
    background: #ece8f7;
    border-radius: 999px;
    color: #28213b;
    display: inline-flex;
    font-size: 0.6875rem;
    font-weight: 600;
    height: 1.5rem;
    line-height: 1;
    padding: 0 0.7rem;
    white-space: nowrap;
}

.payee-setup__section[b-3987on2lom] {
    margin-bottom: 1.5rem;
}

.payee-setup__section-title[b-3987on2lom] {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.payee-setup__dl[b-3987on2lom] {
    margin: 0;
}

.payee-setup__dl-row[b-3987on2lom] {
    display: grid;
    gap: 0.15rem 1rem;
    grid-template-columns: minmax(8rem, 11rem) 1fr;
    margin-bottom: 0.65rem;
}

.payee-setup__dl-row dt[b-3987on2lom] {
    color: #6c757d;
    font-size: 0.8125rem;
    font-weight: 600;
    margin: 0;
}

.payee-setup__dl-row dd[b-3987on2lom] {
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 0;
}

.payee-setup__profile[b-3987on2lom] {
    background: #f8f9fb;
    border: 1px solid #e2e6ea;
    border-radius: 0.5rem;
    padding: 1rem 1.15rem;
}

.payee-setup__field-label[b-3987on2lom] {
    color: #6c757d;
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.payee-setup__field-value[b-3987on2lom] {
    color: #212529;
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.4;
    word-break: break-word;
}

.payee-setup__field-block[b-3987on2lom] {
    margin-bottom: 1.25rem;
}

.payee-setup__control-label[b-3987on2lom] {
    color: #212529;
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.payee-setup__select[b-3987on2lom] {
    appearance: auto;
    display: block;
    min-height: 2.75rem;
    width: 100%;
}

.payee-setup__cert[b-3987on2lom] {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: 0.65rem;
    margin: 0;
}

.payee-setup__cert input[type="checkbox"][b-3987on2lom] {
    flex: 0 0 auto;
    height: 1.125rem;
    margin: 0.15rem 0 0;
    opacity: 1;
    pointer-events: auto;
    position: static;
    width: 1.125rem;
}

.payee-setup__cert span[b-3987on2lom] {
    flex: 1;
    font-size: 0.9375rem;
    line-height: 1.45;
}

.payee-setup__actions[b-3987on2lom] {
    align-items: center;
    border-top: 1px solid #e2e6ea;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-top: 0.5rem;
    padding-top: 1.25rem;
}

.payee-setup__hint[b-3987on2lom] {
    color: #6c757d;
    font-size: 0.875rem;
}

.payee-setup__progress[b-3987on2lom] {
    background: #ecfdf3;
    border: 1px solid #a7f3d0;
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
}

.payee-setup__progress-title[b-3987on2lom] {
    color: #065f46;
    font-size: 0.9375rem;
    font-weight: 700;
    margin: 0 0 0.65rem;
}

.payee-setup__progress-title i[b-3987on2lom] {
    margin-right: 0.35rem;
}

.payee-setup__steps[b-3987on2lom] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.payee-setup__step[b-3987on2lom] {
    align-items: flex-start;
    color: #6c757d;
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
    line-height: 1.4;
    margin-bottom: 0.35rem;
}

.payee-setup__step i[b-3987on2lom] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    width: 1rem;
}

.payee-setup__step--done[b-3987on2lom] {
    color: #065f46;
    font-weight: 600;
}

.payee-setup__step--active[b-3987on2lom] {
    color: #033d53;
    font-weight: 600;
}

@media (max-width: 576px) {
    .payee-setup__dl-row[b-3987on2lom] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Domain/Funding/AppPageVendorApproval.razor.rz.scp.css */
/* Vendor Approval Workflow — FC-aligned list shell (AODA tokens) */

.von-page[b-we8myrzf8j] {
    --von-brand: #033D53;
    --von-ink: #32434B;
    --von-strong: #121A1F;
    --von-border: #E2E8F0;
    --von-row-line: #E8ECF1;
    --von-soft: #F0F4F8;
    --von-hover: #E0F2FE;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.von-badge[b-we8myrzf8j] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

.von-badge--review[b-we8myrzf8j] {
    background: #ECE8F7;
    color: #28213B;
}

.von-page__panel[b-we8myrzf8j] {
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #e8eef4;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    padding: 0.85rem 1rem 0.75rem;
    min-height: 12rem;
}

.von-list-head[b-we8myrzf8j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--von-row-line);
}

.von-list-head__text[b-we8myrzf8j] {
    min-width: 0;
    flex: 1 1 16rem;
}

.von-list-head__title[b-we8myrzf8j] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--von-strong);
    line-height: 1.3;
}

.von-list-head__sub[b-we8myrzf8j] {
    margin: 0.35rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--von-ink);
    max-width: 52rem;
}

.von-page__refresh[b-we8myrzf8j] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1.5px solid #D0D5DD;
    background: #FFFFFF;
    color: var(--von-brand);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
    flex-shrink: 0;
}

.von-page__refresh:hover:not(:disabled)[b-we8myrzf8j] {
    background: var(--von-hover);
    border-color: var(--von-brand);
}

.von-page__refresh:disabled[b-we8myrzf8j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.von-page__refresh:focus-visible[b-we8myrzf8j] {
    outline: 2px solid var(--von-brand);
    outline-offset: 2px;
}

.von-panel-busy[b-we8myrzf8j] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
    pointer-events: all;
}

.von-page__panel .module-list-empty__icon i.app-nav-icon-vendor-approval[b-we8myrzf8j] {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.von-page__panel .module-list-empty__icon i.app-nav-icon-vendor-approval[b-we8myrzf8j]::before {
    content: none !important;
    display: none !important;
}

.von-page__panel .module-list-empty__icon[b-we8myrzf8j] {
    background: var(--von-soft);
    border-color: var(--von-border);
    color: var(--von-brand);
}

.von-page__panel .module-list-empty__title[b-we8myrzf8j] {
    color: var(--von-strong);
}

.von-page__panel .module-list-empty__description[b-we8myrzf8j] {
    color: var(--von-ink);
    font-size: 11px;
}

/* —— Tabs: same chrome as Pending Approvals —— */
.von-tab-shell[b-we8myrzf8j] {
    background: #FFFFFF;
    border: 1px solid var(--von-border);
    border-radius: 10px;
    padding: 0.55rem 1rem 0;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.von-tabs[b-we8myrzf8j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0;
}

.von-tab[b-we8myrzf8j] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--von-ink);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 0.7rem 0.9rem;
    border-radius: 8px 8px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    cursor: pointer;
}

.von-tab:hover:not(.von-tab--active)[b-we8myrzf8j] {
    color: var(--von-ink);
    background: var(--von-hover);
}

.von-tab:focus-visible[b-we8myrzf8j] {
    outline: 2px solid var(--von-brand);
    outline-offset: 2px;
}

.von-tab--active[b-we8myrzf8j] {
    background: var(--von-brand);
    color: #FFFFFF;
}

.von-tab__icon[b-we8myrzf8j] {
    width: 0.95rem;
    min-width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.von-tab__icon--vendors[b-we8myrzf8j] {
    -webkit-mask-image: url("/images/icons/nav-vendor-approval.svg");
    mask-image: url("/images/icons/nav-vendor-approval.svg");
}

.von-tab__icon--reimbursement[b-we8myrzf8j] {
    -webkit-mask-image: url("/images/icons/nav-billing.svg");
    mask-image: url("/images/icons/nav-billing.svg");
}

.von-tab__label[b-we8myrzf8j] {
    line-height: 1.2;
}

.von-table-wrap[b-we8myrzf8j] {
    overflow-x: auto;
    width: 100%;
}

.von-table[b-we8myrzf8j] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 920px;
}

.von-table th[b-we8myrzf8j],
.von-table td[b-we8myrzf8j] {
    padding: 0.7rem 0.65rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--von-row-line);
    color: var(--von-ink);
    font-size: 0.75rem;
    line-height: 1.35;
    background: transparent;
}

.von-table th[b-we8myrzf8j] {
    text-align: left;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
    color: var(--von-strong);
    background: #FFFFFF;
    white-space: nowrap;
    border-bottom: 1px solid var(--von-row-line);
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

.von-table th:first-child[b-we8myrzf8j],
.von-table td:first-child[b-we8myrzf8j] {
    padding-left: 0.25rem;
}

.von-table th:last-child[b-we8myrzf8j],
.von-table td:last-child[b-we8myrzf8j] {
    padding-right: 0.25rem;
}

.von-table tbody tr[b-we8myrzf8j] {
    background: #FFFFFF;
    border-radius: 6px;
}

.von-table--clickable tbody tr.von-row-click[b-we8myrzf8j] {
    cursor: pointer;
}

.von-table--clickable tbody tr.von-row-click:hover td[b-we8myrzf8j] {
    background: var(--von-hover);
}

.von-table--clickable tbody tr.von-row-click:hover td:first-child[b-we8myrzf8j] {
    border-radius: 8px 0 0 8px;
    box-shadow: inset 3px 0 0 var(--von-brand);
}

.von-table--clickable tbody tr.von-row-click:hover td:last-child[b-we8myrzf8j] {
    border-radius: 0 8px 8px 0;
}

.von-table--clickable tbody tr.von-row-click:active td[b-we8myrzf8j] {
    background: var(--von-brand);
    color: #FFFFFF !important;
    border-bottom-color: var(--von-brand);
}

.von-table--clickable tbody tr.von-row-click:active strong[b-we8myrzf8j],
.von-table--clickable tbody tr.von-row-click:active .von-subline[b-we8myrzf8j],
.von-table--clickable tbody tr.von-row-click:active .von-datetime__date[b-we8myrzf8j],
.von-table--clickable tbody tr.von-row-click:active .von-datetime__time[b-we8myrzf8j] {
    color: #FFFFFF !important;
}

.von-table--clickable tbody tr.von-row-click:active .von-stage[b-we8myrzf8j] {
    background: #ECE8F7 !important;
    color: #28213B !important;
}

.von-table th.von-table__actions[b-we8myrzf8j],
.von-table td.von-table__actions[b-we8myrzf8j] {
    text-align: left;
    vertical-align: middle;
}

.von-subline[b-we8myrzf8j] {
    margin-top: 0.15rem;
    font-size: 11px;
    line-height: 1.35;
    color: var(--von-ink);
}

.von-stage[b-we8myrzf8j] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.7rem;
    height: 1.5rem;
    min-height: 1.5rem;
    border-radius: 999px;
    background: #ECE8F7;
    color: #28213B;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.von-datetime[b-we8myrzf8j] {
    white-space: nowrap;
}

.von-datetime__date[b-we8myrzf8j],
.von-datetime__time[b-we8myrzf8j] {
    display: block;
    line-height: 1.35;
}

.von-datetime__time[b-we8myrzf8j] {
    font-size: 11px;
}

.von-actions[b-we8myrzf8j] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
}

.von-btn[b-we8myrzf8j] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 1.5px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.von-btn:focus-visible[b-we8myrzf8j] {
    outline: 2px solid var(--von-brand);
    outline-offset: 2px;
}

.von-btn--primary[b-we8myrzf8j] {
    background: var(--von-brand);
    border-color: var(--von-brand);
    color: #FFFFFF;
}

.von-btn--primary:hover[b-we8myrzf8j] {
    background: #022F40;
    border-color: #022F40;
    color: #FFFFFF;
}

.von-btn--outline[b-we8myrzf8j] {
    background: #FFFFFF;
    border-color: #D0D5DD;
    color: var(--von-brand);
}

.von-btn--outline:hover[b-we8myrzf8j] {
    background: var(--von-hover);
    border-color: var(--von-brand);
    color: var(--von-brand);
}

.von-muted[b-we8myrzf8j] {
    color: var(--von-ink);
    font-size: 0.875rem;
}

.von-busy-text[b-we8myrzf8j] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--von-ink);
}

.von-dialog-body .text-muted[b-we8myrzf8j],
.von-dialog-body .small.text-muted[b-we8myrzf8j] {
    color: #32434B !important;
}
/* /Pages/Domain/Funding/FcSelect.razor.rz.scp.css */
/* Figma dropdown — sky hover, brand selected (FC page only) */
.fc-select[b-11damv80re] {
    --fc-sky: #E0F2FE;
    --fc-brand: #033D53;
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.fc-select__label[b-11damv80re] {
    color: #8A97A3;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    margin: 0;
}

.fc-select.is-open[b-11damv80re] {
    z-index: 60;
}

.fc-select.is-open .fc-select__control[b-11damv80re] {
    z-index: 60;
}

.fc-select__control[b-11damv80re] {
    position: relative;
    min-width: 0;
    overflow: visible;
}

.fc-select__trigger[b-11damv80re] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    height: 2.375rem;
    min-width: 7.5rem;
    max-width: 100%;
    padding: 0 2rem 0 0.875rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F4F7FA;
    color: var(--fc-brand);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.fc-select__trigger:focus[b-11damv80re],
.fc-select__trigger:focus-visible[b-11damv80re],
.fc-select__trigger:active[b-11damv80re] {
    outline: none !important;
    box-shadow: none !important;
    /* Same as FILTER / SAVE VIEW — not browser blue */
    border: 1.5px solid var(--fc-brand) !important;
    background: #fff;
}

.fc-select--compact .fc-select__trigger[b-11damv80re] {
    min-width: 4.25rem;
    width: 4.25rem;
}

.fc-select__trigger:hover:not(:disabled):not(:focus)[b-11damv80re] {
    background: var(--fc-sky);
    border-color: transparent;
}

/* Open: same border as FILTER / SAVE VIEW */
.fc-select.is-open .fc-select__trigger[b-11damv80re],
.fc-select.is-open .fc-select__trigger:focus[b-11damv80re],
.fc-select.is-open .fc-select__trigger:focus-visible[b-11damv80re] {
    background: #fff !important;
    border: 1.5px solid var(--fc-brand) !important;
    box-shadow: none !important;
    outline: none !important;
}

.fc-select__trigger:disabled[b-11damv80re] {
    opacity: 0.65;
    cursor: not-allowed;
}

.fc-select__value[b-11damv80re] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-select__value.is-placeholder[b-11damv80re] {
    color: #6B7A86;
    font-weight: 500;
}

.fc-select__chevron[b-11damv80re] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.65rem;
    color: var(--fc-brand);
    pointer-events: none;
    transition: transform 0.15s ease;
}

.fc-select.is-open .fc-select__chevron[b-11damv80re] {
    transform: translateY(-50%) rotate(180deg);
}

.fc-select__trigger[b-11damv80re] {
    position: relative;
}

.fc-select__menu[b-11damv80re] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    z-index: 50;
    min-width: 100%;
    width: max-content;
    max-width: min(20rem, 90vw);
    max-height: 7.5rem;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #ffffff !important;
    border: 1px solid #E5E9EE !important;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
    outline: none;
}

.fc-select__menu-list[b-11damv80re] {
    display: block;
    max-height: 7.5rem;
    margin: 0;
    padding: 0.4rem;
    list-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #32434B #E0F2FE;
}

.fc-select__menu-list[b-11damv80re]::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

.fc-select__menu-list[b-11damv80re]::-webkit-scrollbar-track {
    background: transparent;
    margin: 8px 0;
}

.fc-select__menu-list[b-11damv80re]::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    background-clip: padding-box;
    min-height: 28px;
}

.fc-select__menu:focus[b-11damv80re],
.fc-select__menu-list:focus[b-11damv80re] {
    outline: none !important;
    box-shadow: none !important;
}

.fc-select__option:focus[b-11damv80re],
.fc-select__option:focus-visible[b-11damv80re] {
    outline: 2px solid var(--fc-brand) !important;
    outline-offset: 1px;
    box-shadow: none !important;
}

.fc-select__menu li[b-11damv80re] {
    margin: 0;
    padding: 0;
}

.fc-select__menu li + li[b-11damv80re] {
    margin-top: 0.15rem;
}

.fc-select__group[b-11damv80re] {
    padding: 0.45rem 0.35rem 0.2rem;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25;
    pointer-events: none;
}

.fc-select__option[b-11damv80re] {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    /* Keep left/right inset equal and avoid extra right-side width from button box model */
    padding: 0.35rem 0.35rem;
    border: none !important;
    border-radius: 6px;
    background: transparent !important;
    background-color: transparent !important;
    color: #1B3E5C !important;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 0.12s ease, color 0.12s ease;
}

/* Figma: hover = sky */
.fc-select__option:hover[b-11damv80re] {
    background: var(--fc-sky) !important;
    background-color: var(--fc-sky) !important;
    color: var(--fc-brand) !important;
}

/* Toolbar / filter: selected = brand + white */
.fc-select__option.is-selected[b-11damv80re],
.fc-select__option.is-selected:hover[b-11damv80re] {
    background: var(--fc-brand) !important;
    background-color: var(--fc-brand) !important;
    color: #ffffff !important;
}

/* Filter-bar stacked label variant */
.fc-select--stack[b-11damv80re] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    width: 100%;
}

.fc-select--stack .fc-select__label[b-11damv80re] {
    font-size: 0.75rem;
    color: #8A97A3;
}

.fc-select--stack .fc-select__trigger[b-11damv80re] {
    width: 100%;
    min-width: 0;
    border-radius: 10px;
}

.fc-select--stack .fc-select__menu[b-11damv80re] {
    width: 100%;
    max-width: none;
}
/* /Pages/Domain/Funding/Rollover/RolloverBulkEditDrawer.razor.rz.scp.css */
/* Bulk Edit drawer — AODA / Enable Kit tokens (match full-view panel) */
.bulk-portal[b-xz7lhprz2v] {
    /* Host is moved to document.body so backdrop covers sidebar + topnav. */
}

.bulk-overlay[b-xz7lhprz2v] {
    position: fixed;
    inset: 0;
    background: rgba(18, 26, 31, 0.35);
    opacity: 0;
    pointer-events: none;
    z-index: 12040;
    transition: opacity 0.2s ease;
}

.bulk-overlay.open[b-xz7lhprz2v] {
    opacity: 1;
    pointer-events: auto;
}

.bulk-drawer[b-xz7lhprz2v] {
    --bd-brand: #033D53;
    --bd-ink: #32434B;
    --bd-strong: #121A1F;
    --bd-soft: #F0F4F8;
    --bd-border: #E2E8F0;
    --bd-sky: #E0F2FE;
    --bd-white: #FFFFFF;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: min(28rem, 94vw);
    max-width: 460px;
    background: var(--bd-soft);
    border-left: 1px solid var(--bd-border);
    box-shadow: -8px 0 28px rgba(3, 61, 83, 0.12);
    transform: translateX(100%);
    transition: transform 0.25s ease;
    z-index: 12050;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bulk-drawer[b-xz7lhprz2v]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bulk-drawer.open[b-xz7lhprz2v] {
    transform: translateX(0);
}

.bd-chrome[b-xz7lhprz2v] {
    margin: 0.6rem 0.6rem 0;
    background: var(--bd-white);
    border: 1px solid var(--bd-border);
    border-radius: 0.5rem;
    overflow: hidden;
}

.bd-head[b-xz7lhprz2v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--bd-border);
    background: var(--bd-white);
}

.bd-head h2[b-xz7lhprz2v] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--bd-strong);
}

.bd-eyebrow[b-xz7lhprz2v] {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bd-brand);
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.bd-sub[b-xz7lhprz2v] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bd-ink);
    margin: 0.25rem 0 0;
    line-height: 1.4;
}

.bd-close[b-xz7lhprz2v] {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border: 1.5px solid var(--bd-border);
    background: var(--bd-soft);
    border-radius: 0.4rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bd-ink);
    box-shadow: none;
}

.bd-close:hover[b-xz7lhprz2v],
.bd-close:focus-visible[b-xz7lhprz2v] {
    background: var(--bd-sky);
    border-color: var(--bd-brand);
    color: var(--bd-brand);
    outline: none;
}

.bd-close:focus-visible[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.bd-close:active[b-xz7lhprz2v] {
    background: var(--bd-brand);
    border-color: var(--bd-brand);
    color: var(--bd-white);
}

.bd-hint[b-xz7lhprz2v] {
    margin: 0;
    padding: 0.65rem 0.9rem;
    background: var(--bd-sky);
    color: var(--bd-brand);
    border-top: none;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.bd-hint svg[b-xz7lhprz2v] {
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.bd-body[b-xz7lhprz2v] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.bd-body[b-xz7lhprz2v]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.bd-field[b-xz7lhprz2v] {
    border: 1px solid var(--bd-border);
    border-radius: 0.5rem;
    padding: 0.75rem 0.85rem;
    background: var(--bd-white);
    box-shadow: none;
}

.bd-field.enabled[b-xz7lhprz2v] {
    border-color: var(--bd-brand);
    background: var(--bd-white);
    box-shadow: inset 3px 0 0 var(--bd-brand);
}

.bd-tog[b-xz7lhprz2v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--bd-strong);
    margin-bottom: 0.55rem;
    line-height: 1.3;
}

/* Custom checkbox — same glyph as rollover HST / list chk */
.bd-tog input[type="checkbox"][b-xz7lhprz2v] {
    -webkit-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0.25rem;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    flex-shrink: 0;
    outline: none;
    box-shadow: none;
}

.bd-tog input[type="checkbox"][b-xz7lhprz2v]::before,
.bd-tog input[type="checkbox"][b-xz7lhprz2v]::after {
    content: none;
    display: none;
}

.bd-tog input[type="checkbox"]:hover:not(:checked)[b-xz7lhprz2v],
.bd-tog input[type="checkbox"]:focus-visible:not(:checked)[b-xz7lhprz2v] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23E0F2FE' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bd-tog input[type="checkbox"]:checked[b-xz7lhprz2v] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 8H13C10.2386 8 8 10.2386 8 13V19C8 21.7614 10.2386 24 13 24H19C21.7614 24 24 21.7614 24 19V13C24 10.2386 21.7614 8 19 8Z' fill='%23033D53' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 16.2L14.9 18.6L19.5 13.8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bd-tog input[type="checkbox"]:focus-visible[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.bd-field select[b-xz7lhprz2v],
.bd-field input[type="text"][b-xz7lhprz2v],
.bd-field input[type="date"][b-xz7lhprz2v] {
    width: 100%;
    min-height: 2.15rem;
    height: 2.15rem;
    padding: 0 0.65rem;
    border-radius: 0.5rem;
    border: 1px solid var(--bd-border);
    background: var(--bd-soft);
    color: var(--bd-strong);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    box-sizing: border-box;
    font-family: inherit;
    color-scheme: light;
    accent-color: var(--bd-brand);
}

.bd-field select[b-xz7lhprz2v] {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 1.75rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bd-field select option[b-xz7lhprz2v],
.bd-field select optgroup[b-xz7lhprz2v] {
    background-color: var(--bd-white);
    color: var(--bd-strong);
    font-size: 0.75rem;
    font-weight: 600;
}

.bd-field select:enabled:hover[b-xz7lhprz2v],
.bd-field input[type="text"]:enabled:hover[b-xz7lhprz2v],
.bd-field input[type="date"]:enabled:hover[b-xz7lhprz2v] {
    border-color: transparent;
    background-color: var(--bd-sky);
}

.bd-field select:enabled:hover[b-xz7lhprz2v] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.75rem;
}

.bd-field select:enabled:focus[b-xz7lhprz2v],
.bd-field select:enabled:focus-visible[b-xz7lhprz2v],
.bd-field input[type="text"]:enabled:focus[b-xz7lhprz2v],
.bd-field input[type="text"]:enabled:focus-visible[b-xz7lhprz2v],
.bd-field input[type="date"]:enabled:focus[b-xz7lhprz2v],
.bd-field input[type="date"]:enabled:focus-visible[b-xz7lhprz2v] {
    border: 1.5px solid var(--bd-brand);
    background-color: var(--bd-white);
    outline: none;
    box-shadow: none;
}

.bd-field select:enabled:focus[b-xz7lhprz2v],
.bd-field select:enabled:focus-visible[b-xz7lhprz2v] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23033D53' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.75rem;
}

.bd-field select:disabled[b-xz7lhprz2v],
.bd-field input[type="text"]:disabled[b-xz7lhprz2v],
.bd-field input[type="date"]:disabled[b-xz7lhprz2v] {
    background-color: var(--bd-soft);
    color: var(--bd-ink);
    opacity: 0.85;
    cursor: not-allowed;
}

.bd-field select:disabled[b-xz7lhprz2v] {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%2332434B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 0.75rem 0.75rem;
}

.bd-field input[type="date"][b-xz7lhprz2v] {
    padding-right: 2rem;
    min-width: 0;
}

.bd-field input[type="date"][b-xz7lhprz2v]::-webkit-calendar-picker-indicator {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 2px 0 0;
    cursor: pointer;
    opacity: 1;
    background: url("/images/icons/fc-datepicker-calendar.svg") no-repeat center / 16px 16px;
    color: transparent;
}

.bd-dates[b-xz7lhprz2v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bd-dates > span[b-xz7lhprz2v] {
    color: var(--bd-ink);
    font-size: 0.8125rem;
    font-weight: 600;
    flex-shrink: 0;
}

.bd-dd-host[b-xz7lhprz2v] {
    flex: 1;
    min-width: 0;
    width: 100%;
}

.bd-dd-host[b-xz7lhprz2v]  .k-picker,
.bd-dd-host[b-xz7lhprz2v]  .k-input,
.bd-dd-host[b-xz7lhprz2v]  .rv-dd,
.bd-dd-host[b-xz7lhprz2v]  .rv-dp {
    width: 100% !important;
}

.bd-mode-row[b-xz7lhprz2v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin-bottom: 0.55rem;
}

.bd-radio[b-xz7lhprz2v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--bd-ink);
    cursor: pointer;
}

.bd-radio input[type="radio"][b-xz7lhprz2v] {
    -webkit-appearance: none;
    appearance: none;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border: 1.5px solid #32434B;
    border-radius: 50%;
    background: var(--bd-white);
    cursor: pointer;
    flex-shrink: 0;
    box-sizing: border-box;
    display: grid;
    place-items: center;
}

.bd-radio input[type="radio"][b-xz7lhprz2v]::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: transparent;
    transform: scale(0);
    transition: transform 0.12s ease;
}

.bd-radio input[type="radio"]:hover:not(:disabled)[b-xz7lhprz2v],
.bd-radio input[type="radio"]:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    border-color: var(--bd-brand);
    background: var(--bd-sky);
    outline: none;
}

.bd-radio input[type="radio"]:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.bd-radio input[type="radio"]:checked[b-xz7lhprz2v] {
    border-color: var(--bd-brand);
    background: var(--bd-white);
}

.bd-radio input[type="radio"]:checked[b-xz7lhprz2v]::before {
    background: var(--bd-brand);
    transform: scale(1);
}

.bd-radio input[type="radio"]:disabled[b-xz7lhprz2v] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mccss-chips[b-xz7lhprz2v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.mc-chip[b-xz7lhprz2v] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.85rem;
    padding: 0.3rem 0.7rem;
    border: 1.5px solid var(--bd-border);
    border-radius: 0.35rem;
    background: var(--bd-white);
    color: var(--bd-ink);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
}

.mc-chip:hover:not(:disabled)[b-xz7lhprz2v],
.mc-chip:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    background: var(--bd-sky);
    border-color: var(--bd-brand);
    color: var(--bd-brand);
    outline: none;
}

.mc-chip:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.mc-chip.on[b-xz7lhprz2v] {
    background: var(--bd-sky);
    border-color: var(--bd-brand);
    color: var(--bd-brand);
}

.mc-chip.on:active:not(:disabled)[b-xz7lhprz2v] {
    background: var(--bd-brand);
    color: var(--bd-white);
}

.mc-chip:disabled[b-xz7lhprz2v] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mc-chip .dot[b-xz7lhprz2v] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: 1.5px solid #B7C5D0;
    flex-shrink: 0;
}

.mc-chip.on .dot[b-xz7lhprz2v] {
    background: var(--bd-brand);
    border-color: var(--bd-brand);
}

.plan-type-toggle[b-xz7lhprz2v] {
    display: flex;
    gap: 0.25rem;
    background: var(--bd-soft);
    border: 1px solid var(--bd-border);
    border-radius: 0.4rem;
    padding: 0.2rem;
}

.pt-btn[b-xz7lhprz2v] {
    flex: 1;
    border: none;
    background: transparent;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border-radius: 0.3rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--bd-ink);
    cursor: pointer;
}

.pt-btn:hover:not(:disabled):not(.on)[b-xz7lhprz2v],
.pt-btn:focus-visible:not(:disabled):not(.on)[b-xz7lhprz2v] {
    background: var(--bd-sky);
    color: var(--bd-brand);
    outline: none;
}

.pt-btn.on[b-xz7lhprz2v] {
    background: var(--bd-brand);
    color: var(--bd-white);
    font-weight: 700;
}

.pt-btn:disabled[b-xz7lhprz2v] {
    opacity: 0.55;
    cursor: not-allowed;
}

.bd-foot[b-xz7lhprz2v] {
    margin: 0 0.6rem 0.6rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--bd-border);
    border-radius: 0.5rem;
    background: var(--bd-white);
}

.bd-preview[b-xz7lhprz2v] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--bd-ink);
    min-height: 1.15rem;
    margin-bottom: 0.65rem;
    line-height: 1.4;
}

.bd-preview.active[b-xz7lhprz2v] {
    color: var(--bd-brand);
    font-weight: 600;
}

.bd-actions[b-xz7lhprz2v] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.bd-btn[b-xz7lhprz2v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    padding: 0.4rem 0.95rem;
    border-radius: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none;
}

.bd-btn.ghost[b-xz7lhprz2v] {
    background: var(--bd-white);
    border: 1.5px solid var(--bd-brand);
    color: var(--bd-brand);
}

.bd-btn.ghost:hover[b-xz7lhprz2v],
.bd-btn.ghost:focus-visible[b-xz7lhprz2v] {
    background: var(--bd-sky);
    border-color: var(--bd-brand);
    color: var(--bd-brand);
    outline: none;
}

.bd-btn.ghost:focus-visible[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.bd-btn.ghost:active[b-xz7lhprz2v] {
    background: var(--bd-brand);
    color: var(--bd-white);
}

.bd-btn.primary[b-xz7lhprz2v] {
    background: var(--bd-brand);
    color: var(--bd-white);
    border: 1.5px solid var(--bd-brand);
}

.bd-btn.primary:hover:not(:disabled)[b-xz7lhprz2v],
.bd-btn.primary:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    background: #034a66;
    border-color: #034a66;
    outline: none;
}

.bd-btn.primary:focus-visible:not(:disabled)[b-xz7lhprz2v] {
    outline: 2px solid var(--bd-brand);
    outline-offset: 2px;
}

.bd-btn.primary:disabled[b-xz7lhprz2v] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Domain/Funding/Rollover/RolloverFullDetailView.razor.rz.scp.css */
/* Full detail drawer — viewport-fixed (not clipped by .fcr-page). Tokens mirror rollover page. */
.full-view[b-77b1tlmazr] {
    --brand-950: #022a3a;
    --brand-900: #033D53;
    --brand-800: #033D53;
    --brand-700: #033D53;
    --brand-600: #033D53;
    --brand-500: #033D53;
    --brand-400: #033D53;
    --brand-300: #E2E8F0;
    --brand-200: #E2E8F0;
    --brand-100: #E0F2FE;
    --brand-50: #E0F2FE;
    --brand-25: #F6FBFE;
    --surface: #FFFFFF;
    --surface-2: #F0F4F8;
    --surface-3: #F0F4F8;
    --border: #E2E8F0;
    --border-soft: #E2E8F0;
    --border-strong: #E2E8F0;
    --ink: #121A1F;
    --ink-2: #32434B;
    --ink-3: #32434B;
    --ink-4: #32434B;
    --warn: #cf9a2a;
    --danger: #b53028;
    --radius-lg: 16px;
    --ease: cubic-bezier(.2, .8, .2, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --st-draft-bg: #FFF0E8;
    --st-draft-fg: #5C1F00;
    --st-pending-bg: #fdf3da;
    --st-pending-fg: #8a5a00;
    --st-awaiting-bg: #e2eefc;
    --st-awaiting-fg: #1b4a8c;
    --st-special-bg: #f7e2e8;
    --st-special-fg: #8a1e3f;
    --st-finance-bg: #e0f0ec;
    --st-finance-fg: #0f5e4a;
    --st-ministry-bg: #eae5f6;
    --st-ministry-fg: #4a3796;
    --st-approved-bg: #d0eedd;
    --st-approved-fg: #0a5a36;
    --st-active-bg: #dcf3db;
    --st-active-fg: #1f6f24;
    --st-rejected-bg: #fbdcd9;
    --st-rejected-fg: #8b1f1a;
    /* Same drawer shell as the sysadmin Users panel. */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: min(56rem, 94vw);
    max-width: 900px;
    background: #F0F4F8;
    border-left: 1px solid #E2E8F0;
    box-shadow: -8px 0 28px rgba(3, 61, 83, 0.12);
    transform: translateX(100%);
    transition: transform .25s ease;
    z-index: 1080;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.6rem 0.6rem 1rem;
    box-sizing: border-box;
}

/* Panel scrolls, but its own scrollbar stays hidden — page keeps the visible one */
.full-view[b-77b1tlmazr] {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.full-view[b-77b1tlmazr]::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.full-overlay[b-77b1tlmazr] {
    position: fixed;
    inset: 0;
    background: rgba(18, 26, 31, 0.35);
    opacity: 0;
    pointer-events: none;
    z-index: 1079;
    transition: opacity .2s ease;
}

.full-overlay.open[b-77b1tlmazr] {
    opacity: 1;
    pointer-events: auto;
}

.full-view.open[b-77b1tlmazr] {
    transform: translateX(0);
}

.fv-chrome[b-77b1tlmazr] {
    margin: 0 0 0.55rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    overflow: hidden;
}

.fv-head[b-77b1tlmazr] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 0.55rem 0.85rem 0.35rem;
    background: transparent;
    border-bottom: none;
}

.fv-head-left[b-77b1tlmazr] {
    min-width: 0;
    flex: 1;
}

.fv-head-right[b-77b1tlmazr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fv-eyebrow[b-77b1tlmazr] {
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #033D53;
    font-weight: 700;
    margin-bottom: 4px;
}

.fv-head h2[b-77b1tlmazr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1A2332;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fv-sub[b-77b1tlmazr] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    margin: 4px 0 0;
}

.fv-back[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    border-radius: 0.35rem;
    border: 1.5px solid #033D53 !important;
    background: #FFFFFF !important;
    color: #033D53 !important;
    font: 600 0.72rem/1.2 "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none !important;
    flex-shrink: 0;
    margin: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.fv-back i[b-77b1tlmazr] {
    font-size: 0.65rem;
    color: inherit;
}

.fv-back:hover[b-77b1tlmazr],
.fv-back:focus-visible[b-77b1tlmazr] {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.fv-back:active[b-77b1tlmazr],
.fv-back:hover:active[b-77b1tlmazr] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

/* Approve action matches the FC review approve button */
.fv-approve[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    border-radius: 0.35rem;
    border: 1.5px solid #1E2E21 !important;
    background: #E8F6E9 !important;
    color: #1E2E21 !important;
    font: 700 0.72rem/1.2 "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none !important;
    flex-shrink: 0;
    margin: 0;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.fv-approve i[b-77b1tlmazr] {
    font-size: 0.65rem;
    color: inherit;
}

.fv-approve:hover[b-77b1tlmazr],
.fv-approve:focus-visible[b-77b1tlmazr] {
    background: #005E06 !important;
    border-color: #005E06 !important;
    color: #FFFFFF !important;
}

.fv-approve:active[b-77b1tlmazr],
.fv-approve:hover:active[b-77b1tlmazr] {
    background: #004705 !important;
    border-color: #004705 !important;
    color: #FFFFFF !important;
}

.fv-tabs[b-77b1tlmazr] {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
    background: transparent;
    padding: 0.55rem 0.85rem 0;
    border-bottom: none;
}

.fv-tabs button[b-77b1tlmazr] {
    background: transparent;
    border: none;
    padding: 0.4rem 0.7rem;
    font: 500 0.8125rem/1.2 "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #32434B;
    cursor: pointer;
    border-radius: 0.4rem 0.4rem 0 0;
    transition: background-color .15s ease, color .15s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    margin: 0;
    box-shadow: none;
}

.fv-tab-icon[b-77b1tlmazr] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: block;
    color: inherit;
}

.fv-tabs button:hover[b-77b1tlmazr] {
    background: #E0F2FE;
    color: #033D53;
}

.fv-tabs button.active[b-77b1tlmazr] {
    background: #033D53;
    color: #FFFFFF;
    font-weight: 600;
}

.fv-tabs button.active:hover[b-77b1tlmazr] {
    background: #033D53;
    color: #FFFFFF;
}

.fv-tabs .ct[b-77b1tlmazr] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 6px;
    background: #F0F4F8;
    color: #32434B;
}

.fv-tabs button:hover .ct[b-77b1tlmazr] {
    background: #FFFFFF;
    color: #033D53;
}

.fv-tabs button.active .ct[b-77b1tlmazr] {
    background: rgba(255, 255, 255, 0.18);
    color: #FFFFFF;
}

.fv-body[b-77b1tlmazr] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0;
}

.fv-embed[b-77b1tlmazr] {
    padding: 0.15rem 0 0.75rem;
}

.fv-embed[b-77b1tlmazr]  .commit.sections-only {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.fv-embed[b-77b1tlmazr]  .commit.sections-only .commit-sec {
    margin-bottom: 0.75rem;
}

/* Pin section icons — global `main svg { max-width:100%; height:auto }` blows them up otherwise. */
.fv-embed[b-77b1tlmazr]  .commit-sec-icon {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.fv-embed[b-77b1tlmazr]  .commit-sec-icon svg {
    width: 0.85rem !important;
    height: 0.85rem !important;
    max-width: 0.85rem !important;
    display: block;
}

/* Buttons match the FC review screen's outline / approve styling */
.btn[b-77b1tlmazr] {
    border: 1.5px solid #033D53;
    background: #FFFFFF;
    color: #033D53;
    border-radius: 0.35rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    font: 600 0.72rem "Source Sans 3", "Source Sans Pro", sans-serif;
    letter-spacing: .03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.btn:hover[b-77b1tlmazr] {
    border-color: #033D53;
    color: #FFFFFF;
    background: #033D53;
}

.btn:active[b-77b1tlmazr] {
    background: #022A3A;
    border-color: #022A3A;
    color: #FFFFFF;
}

.btn.primary[b-77b1tlmazr] {
    background: #E8F6E9;
    color: #1E2E21;
    border-color: #1E2E21;
    font-weight: 700;
    letter-spacing: .04em;
}

.btn.primary:hover[b-77b1tlmazr] {
    background: #005E06;
    color: #FFFFFF;
    border-color: #005E06;
}

.btn.ghost[b-77b1tlmazr] {
    background: #E1F1FD;
    border-color: #32434B;
    color: #32434B;
}

.btn.ghost:hover[b-77b1tlmazr] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.status-pill[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
}

.status-pill.st-draft[b-77b1tlmazr] { background: var(--st-draft-bg); color: var(--st-draft-fg); }
.status-pill.st-pending[b-77b1tlmazr] { background: var(--st-pending-bg); color: var(--st-pending-fg); }
.status-pill.st-awaiting[b-77b1tlmazr] { background: var(--st-awaiting-bg); color: var(--st-awaiting-fg); }
.status-pill.st-special[b-77b1tlmazr] { background: var(--st-special-bg); color: var(--st-special-fg); }
.status-pill.st-finance[b-77b1tlmazr] { background: var(--st-finance-bg); color: var(--st-finance-fg); }
.status-pill.st-ministry[b-77b1tlmazr] { background: var(--st-ministry-bg); color: var(--st-ministry-fg); }
.status-pill.st-approved[b-77b1tlmazr] { background: var(--st-approved-bg); color: var(--st-approved-fg); }
.status-pill.st-active[b-77b1tlmazr] { background: var(--st-active-bg); color: var(--st-active-fg); }
.status-pill.st-rejected[b-77b1tlmazr] { background: var(--st-rejected-bg); color: var(--st-rejected-fg); }

/* Section cards follow the FC review screen (Final Review) styling. */
.fv-sec[b-77b1tlmazr] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    box-shadow: none;
    overflow: visible;
}

.fv-sec-head[b-77b1tlmazr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: transparent;
}

.fv-sec-icon[b-77b1tlmazr] {
    flex-shrink: 0;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 0.35rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fv-sec-icon svg[b-77b1tlmazr] {
    width: 0.85rem;
    height: 0.85rem;
    display: block;
}

.fv-sec-head h3[b-77b1tlmazr] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    letter-spacing: -0.01em;
    line-height: 1.35;
}

.fv-sec-body[b-77b1tlmazr] {
    padding: 0.35rem 1.15rem 1.15rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

@media (min-width: 768px) {
    .fv-sec-body[b-77b1tlmazr] {
        grid-template-columns: repeat(2, 1fr);
    }

    .fv-sec-body:not(.wide) .fv-field:nth-child(even)[b-77b1tlmazr] {
        border-left: 1px solid #E4EAF0;
        padding-left: 1.15rem;
    }
}

.fv-sec-body.wide[b-77b1tlmazr] {
    grid-template-columns: 1fr;
}

.fv-field[b-77b1tlmazr] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E8EDF2;
    min-width: 0;
}

.fv-field:last-child[b-77b1tlmazr],
.fv-field:nth-last-child(2):nth-child(odd)[b-77b1tlmazr] {
    border-bottom: none;
}

.fv-field .lbl[b-77b1tlmazr] {
    flex: 0 0 10.5rem;
    max-width: 42%;
    font-size: 0.8rem;
    letter-spacing: 0;
    text-transform: none;
    color: #32434B;
    font-weight: 500;
    line-height: 1.35;
}

.fv-field .val[b-77b1tlmazr] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 0.8rem;
    color: #1A2332;
    font-weight: 500;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}

.fv-field .val.mono[b-77b1tlmazr] {
    font-feature-settings: 'tnum';
}

.fv-field .val.muted[b-77b1tlmazr] {
    color: #32434B;
    font-weight: 500;
}

.fv-field .val.money[b-77b1tlmazr] {
    font-weight: 700;
    font-size: 0.8rem;
    color: #1A2332;
    font-feature-settings: 'tnum';
}

.fv-field .val.over[b-77b1tlmazr] {
    color: #B42318;
}

/* Service funding meta rows, funding-type pills and plan cards follow FC review */
.fv-meta-grid[b-77b1tlmazr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

.fv-meta-grid .fv-field[b-77b1tlmazr] {
    border-bottom: none;
}

.fv-meta-grid .fv-field .val[b-77b1tlmazr] {
    font-weight: 600;
}

@media (min-width: 768px) {
    .fv-meta-grid[b-77b1tlmazr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fv-meta-grid .fv-field:nth-child(even)[b-77b1tlmazr] {
        border-left: 1px solid #E4EAF0;
        padding-left: 1.15rem;
    }
}

.fv-funding-types[b-77b1tlmazr] {
    margin: 0.75rem 0 1rem;
}

.fv-funding-types-head[b-77b1tlmazr],
.fv-plan-amounts-head[b-77b1tlmazr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.fv-funding-types-title[b-77b1tlmazr],
.fv-plan-amounts-title[b-77b1tlmazr] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    margin: 0;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.fv-funding-type-pills[b-77b1tlmazr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 0.5rem;
}

.fv-funding-type-pill[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.3rem 0.62rem 0.3rem 0.32rem;
    border-radius: 0.35rem;
    background: #E0F2FE;
    color: #32434B;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.35;
    min-width: 0;
    max-width: 100%;
}

.fv-funding-type-num[b-77b1tlmazr] {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    flex-shrink: 0;
}

.fv-plan-amounts[b-77b1tlmazr] {
    margin: 0.25rem 0 1.15rem;
}

.fv-plan-cards[b-77b1tlmazr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.fv-plan-card[b-77b1tlmazr] {
    border: 1px solid #D5DCE6;
    border-radius: 0.5rem;
    background: #FFFFFF;
    padding: 0.85rem 0.9rem;
    min-height: 5.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    box-shadow: none;
}

.fv-plan-card--total[b-77b1tlmazr] {
    background: #E0F2FE;
    border-color: transparent;
    border-radius: 0.65rem;
}

.fv-plan-card-kicker[b-77b1tlmazr] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    line-height: 1.35;
}

.fv-plan-card-sub[b-77b1tlmazr] {
    font-size: 0.8rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.35;
    margin-bottom: 0.35rem;
}

.fv-plan-card-amount[b-77b1tlmazr] {
    margin-top: auto;
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    letter-spacing: -0.02em;
}

/* Service table matches the FC review screen's framed table */
.fv-svc-table-wrap[b-77b1tlmazr] {
    margin-top: 0.25rem;
}

.fv-svc-table-head[b-77b1tlmazr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.fv-svc-table-title[b-77b1tlmazr] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1A2332;
    margin: 0;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.fv-svc-table-frame[b-77b1tlmazr] {
    border: 1px solid #D5DCE6;
    border-radius: 0.4rem;
    overflow-x: auto;
    background: #FFFFFF;
}

.fv-svc-table[b-77b1tlmazr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    margin: 0;
    background: #FFFFFF;
}

.fv-svc-table th[b-77b1tlmazr],
.fv-svc-table td[b-77b1tlmazr] {
    text-align: left;
    vertical-align: middle;
    line-height: 1.35;
}

.fv-svc-table thead th[b-77b1tlmazr] {
    background: #FAFBFC;
    border-bottom: 1px solid #D5DCE6;
    padding: 0.52rem 0.6rem;
    font-size: 0.8rem;
    letter-spacing: 0;
    text-transform: none;
    color: #32434B;
    font-weight: 600;
    white-space: nowrap;
}

.fv-svc-table tbody td[b-77b1tlmazr] {
    padding: 0.48rem 0.6rem;
    border-bottom: 1px solid #E4EAF0;
    color: #32434B;
    font-size: 0.8rem;
    font-weight: 500;
}

.fv-svc-table tbody tr:last-child td[b-77b1tlmazr] {
    border-bottom: 0;
}

.fv-svc-table td.num[b-77b1tlmazr] {
    text-align: right;
    font-feature-settings: 'tnum';
}

.fv-svc-table .muted[b-77b1tlmazr] {
    color: #32434B;
}

.fv-svc-table tr.unassigned td[b-77b1tlmazr] {
    background: #FEF9E7;
}

.fv-svc-table .pill[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 12rem;
    padding: 0.12rem 0.4rem;
    border-radius: 0.3rem;
    background: #E0F2FE;
    color: #32434B;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.fv-svc-table .pill.unassigned-pill[b-77b1tlmazr] {
    background: #E0F2FE;
    color: #32434B;
    font-style: italic;
    font-weight: 500;
}

.fv-addl-strip[b-77b1tlmazr] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    padding: 0;
    overflow: hidden;
    margin-top: 0;
}

.fv-addl-strip .row[b-77b1tlmazr] {
    padding: 0.35rem 1.15rem 1.15rem;
    margin: 0;
}

.fv-addl-strip h4[b-77b1tlmazr] {
    margin: 0 0 8px;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #B54708;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 7px;
}

.fv-addl-strip h4[b-77b1tlmazr]::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #B54708;
    border-radius: 2px;
    display: inline-block;
}

.fv-addl-strip .row[b-77b1tlmazr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 24px;
}

/* ── Attachments list — match FC review "Uploaded files" list ── */
.fv-att-list[b-77b1tlmazr] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0.95rem 0.85rem 0.85rem;
    border: 1px solid #E4EAF0;
    border-radius: 0.5rem;
    background: #FFFFFF;
    overflow: hidden;
}

.fv-att-list .it[b-77b1tlmazr] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid #E8EDF2;
    min-width: 0;
    transition: background-color .12s ease;
}

.fv-att-list .it:hover[b-77b1tlmazr] {
    background: #F6FBFE;
}

.fv-att-list .it:last-child[b-77b1tlmazr] {
    border-bottom: none;
}

/* FC file badge — dark teal square with light glyph */
.fv-file-badge[b-77b1tlmazr] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.4rem;
    background: #033D53;
    border: 1px solid #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.fv-file-badge svg[b-77b1tlmazr] {
    width: 1rem;
    height: 1rem;
}

.fv-file-badge-label[b-77b1tlmazr] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
}

.fv-att-list .body[b-77b1tlmazr] {
    flex: 1;
    min-width: 0;
}

.fv-att-list .ttl[b-77b1tlmazr] {
    font-size: 0.8rem;
    color: #1A2332;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fv-att-list .when[b-77b1tlmazr] {
    font-size: 0.72rem;
    color: #32434B;
    font-weight: 500;
    margin-top: 0.15rem;
}

/* ── History — FC Audit History timeline ── */
.fv-hist-body[b-77b1tlmazr] {
    padding: 1rem 1.15rem 1.15rem;
}

.fv-timeline[b-77b1tlmazr] {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0.35rem 0 0.25rem;
}

.fv-timeline[b-77b1tlmazr]::before {
    content: "";
    position: absolute;
    top: 0.35rem;
    bottom: 0.35rem;
    left: 0.85rem;
    width: 1.5px;
    background: #E4EAF0;
}

.fv-timeline > li[b-77b1tlmazr] {
    position: relative;
    margin: 0;
    padding: 0 0 0.85rem 2.65rem;
    list-style: none;
}

.fv-timeline > li:last-child[b-77b1tlmazr] {
    padding-bottom: 0;
}

.fv-timeline > li + li[b-77b1tlmazr] {
    border-top: 1px solid #E8EDF2;
    padding-top: 0.85rem;
    margin-top: 0.15rem;
}

.fv-timeline-badge[b-77b1tlmazr] {
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px #FFFFFF;
    z-index: 2;
}

.fv-timeline > li + li .fv-timeline-badge[b-77b1tlmazr] {
    top: 1rem;
}

.fv-timeline-badge svg[b-77b1tlmazr] {
    width: 0.85rem;
    height: 0.85rem;
    display: block;
}

.fv-timeline-title[b-77b1tlmazr] {
    margin: 0 0 0.3rem;
    color: #1A2332;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.fv-timeline-meta[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #32434B;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.25;
}

.fv-timeline-meta svg[b-77b1tlmazr] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: #32434B;
}

.fv-timeline-text[b-77b1tlmazr] {
    margin: 0.35rem 0 0;
    color: #1A2332;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.45;
}

/* ── Uploaded files body + upload dropzone — same as FC review ── */
.fv-doc-body[b-77b1tlmazr] {
    padding: 0.95rem 0.85rem 0.85rem;
}

.fv-doc-body .fv-att-list[b-77b1tlmazr] {
    margin: 0;
}

.fv-doc-body .fv-att-list + .fv-upload[b-77b1tlmazr] {
    margin-top: 1rem;
}

.fv-upload__label[b-77b1tlmazr] {
    display: block;
    margin: 0 0 0.45rem;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
}

.fv-upload__drop[b-77b1tlmazr] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 8.5rem;
    padding: 1.25rem 1rem;
    border: 1.5px dashed #C5D0DA;
    border-radius: 0.55rem;
    background: #FFFFFF;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    user-select: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fv-upload__drop:hover[b-77b1tlmazr],
.fv-upload__drop:focus-within[b-77b1tlmazr] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
    outline: none;
}

.fv-upload__drop.is-disabled[b-77b1tlmazr] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    background: #FAFCFE;
}

.fv-upload__drop:hover .fv-upload__icon[b-77b1tlmazr],
.fv-upload__drop:focus-within .fv-upload__icon[b-77b1tlmazr],
.fv-upload__drop:hover .fv-upload__title[b-77b1tlmazr],
.fv-upload__drop:focus-within .fv-upload__title[b-77b1tlmazr] {
    color: #033D53;
}

.fv-upload__input[b-77b1tlmazr],
.fv-upload__drop[b-77b1tlmazr]  input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 2;
}

.fv-upload__error[b-77b1tlmazr] {
    margin-top: 0.5rem;
    color: #B42318;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Row action button — same as FC file actions */
.fv-file-action[b-77b1tlmazr] {
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    color: #32434B;
    border-radius: 0.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    flex-shrink: 0;
    margin-left: auto;
}

.fv-file-action:hover[b-77b1tlmazr] {
    background: #F3F6F9;
    color: #1A2332;
}

.fv-file-action--danger[b-77b1tlmazr] {
    color: #D92D20;
}

.fv-file-action--danger:hover[b-77b1tlmazr] {
    background: #FEF3F2;
    color: #B42318;
}

.fv-file-actions[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    margin-left: auto;
    flex-shrink: 0;
}

.fv-file-actions .fv-file-action[b-77b1tlmazr] {
    margin-left: 0;
}

.fv-att-empty[b-77b1tlmazr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 1.6rem 1rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.55rem;
    background: #F0F4F8;
    text-align: center;
}

.fv-att-empty__icon[b-77b1tlmazr] {
    display: inline-flex;
    color: #475E69;
}

.fv-att-empty__title[b-77b1tlmazr] {
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
}

.fv-upload__icon[b-77b1tlmazr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #32434B;
    margin-bottom: 0.15rem;
}

.fv-upload__title[b-77b1tlmazr] {
    color: #32434B;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.fv-upload__hint[b-77b1tlmazr] {
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    max-width: 28rem;
}

/* ── Responsive: full detail drawer ── */
@media (max-width: 768px) {
    .full-view[b-77b1tlmazr] {
        width: 100vw;
        max-width: 100vw;
        padding: 0.75rem 0.75rem 3rem;
    }

    .fv-head[b-77b1tlmazr] {
        flex-direction: column;
        align-items: stretch;
        padding: 0.55rem 0.85rem;
    }

    .fv-head-right[b-77b1tlmazr] {
        width: 100%;
        justify-content: space-between;
    }

    .fv-head h2[b-77b1tlmazr] {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .fv-tabs[b-77b1tlmazr] {
        padding: 0.55rem 0.85rem 0;
    }

    .fv-sec-body[b-77b1tlmazr] {
        grid-template-columns: 1fr;
        gap: 12px 16px;
        padding: 14px 14px 16px;
    }

    .fv-sec-body.wide[b-77b1tlmazr] {
        grid-template-columns: 1fr;
    }

    .fv-field .lbl[b-77b1tlmazr] {
        white-space: normal;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .fv-funding-type-pills[b-77b1tlmazr] {
        grid-template-columns: 1fr;
    }

    .fv-addl-strip .row[b-77b1tlmazr] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .fv-tabs button[b-77b1tlmazr] {
        padding: 10px 10px;
        font-size: 11.5px;
    }

    .btn[b-77b1tlmazr] {
        padding: 7px 10px;
        font-size: 11.5px;
    }
}
/* /Pages/Domain/Funding/Rollover/RolloverFyGenerateDialog.razor.rz.scp.css */
/* Centered modal portal — scoped to this component (not page flow). */
.fy-modal-portal[b-rfguom05g7] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    pointer-events: none;
}

.fy-modal-backdrop[b-rfguom05g7] {
    position: absolute;
    inset: 0;
    background: rgba(7, 46, 64, .45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    pointer-events: auto;
    animation: fyFadeIn-b-rfguom05g7 .2s ease-out;
}

.fy-modal-panel[b-rfguom05g7] {
    position: relative;
    z-index: 1;
    width: min(440px, calc(100vw - 48px));
    max-height: min(90vh, 640px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #cbd4dd;
    border-radius: 16px;
    box-shadow:
        0 24px 48px -12px rgba(14, 74, 100, .28),
        0 0 0 1px rgba(255, 255, 255, .8) inset;
    pointer-events: auto;
    animation: fySlideIn-b-rfguom05g7 .28s cubic-bezier(.16, 1, .3, 1);
}

.fy-modal-panel.wide[b-rfguom05g7] {
    width: min(520px, calc(100vw - 48px));
}

@keyframes fyFadeIn-b-rfguom05g7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fySlideIn-b-rfguom05g7 {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.fy-modal-head[b-rfguom05g7] {
    flex-shrink: 0;
    padding: 20px 22px 14px;
    border-bottom: 1px solid #ebf0f4;
}

.fy-modal-head-top[b-rfguom05g7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.test-badge[b-rfguom05g7] {
    font: 700 9px ui-monospace, "Cascadia Mono", Consolas, monospace;
    letter-spacing: .12em;
    padding: 3px 8px;
    border-radius: 5px;
    background: #8a5a00;
    color: #fff;
}

.fy-modal-x[b-rfguom05g7] {
    width: 30px;
    height: 30px;
    border: 1px solid #e1e7ed;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    place-items: center;
    color: #5a6470;
    transition: all .15s ease;
}

.fy-modal-x:hover[b-rfguom05g7] {
    border-color: #033D53;
    color: #033D53;
}

.fy-modal-head h2[b-rfguom05g7] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0f1822;
    letter-spacing: -.02em;
    line-height: 1.3;
}

.fy-modal-sub[b-rfguom05g7] {
    margin: 6px 0 0;
    font-size: 12px;
    color: #5a6470;
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
}

.fy-modal-body[b-rfguom05g7] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 18px 22px;
}

.fy-lead[b-rfguom05g7] {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #3f4954;
}

.fy-lead strong[b-rfguom05g7] {
    color: #033D53;
    font-weight: 600;
}

.fy-note[b-rfguom05g7] {
    margin: 0;
    padding: 10px 12px;
    font-size: 12.5px;
    line-height: 1.45;
    color: #5a6470;
    background: #f5fafc;
    border: 1px solid #cde1e8;
    border-radius: 9px;
}

.fy-modal-foot[b-rfguom05g7] {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 22px 20px;
    border-top: 1px solid #ebf0f4;
    background: #fbfcfd;
}

.fy-btn[b-rfguom05g7] {
    border: 1px solid #cbd4dd;
    background: #fff;
    color: #0f1822;
    border-radius: 9px;
    padding: 8px 16px;
    font: 500 13px "Source Sans 3", "Source Sans Pro", sans-serif;
    cursor: pointer;
    transition: all .2s ease;
}

.fy-btn:hover[b-rfguom05g7] {
    border-color: #033D53;
    color: #033D53;
}

.fy-btn.ghost[b-rfguom05g7] {
    background: transparent;
    border-color: transparent;
    color: #5a6470;
}

.fy-btn.ghost:hover[b-rfguom05g7] {
    background: #eff3f7;
    border-color: #eff3f7;
    color: #0f1822;
}

.fy-btn.primary[b-rfguom05g7] {
    background: #033D53;
    color: #fff;
    border-color: #033D53;
    box-shadow: none;
}

.fy-btn.primary:hover[b-rfguom05g7] {
    background: #022a3a;
    color: #fff;
    border-color: #022a3a;
}

.gen-summary-grid[b-rfguom05g7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 4px;
}

.gen-stat[b-rfguom05g7] {
    background: #fbfcfd;
    border: 1px solid #e1e7ed;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}

.gen-stat .lbl[b-rfguom05g7] {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #5a6470;
    margin-bottom: 4px;
}

.gen-stat .v[b-rfguom05g7] {
    font: 600 22px ui-monospace, "Cascadia Mono", Consolas, monospace;
    color: #0f1822;
}

.gen-stat.ok .v[b-rfguom05g7] { color: #0a5a36; }
.gen-stat.warn .v[b-rfguom05g7] { color: #8a5a00; }
.gen-stat.err .v[b-rfguom05g7] { color: #b53028; }

.gen-list-title[b-rfguom05g7] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #5a6470;
    margin: 14px 0 6px;
}

.gen-reason-list[b-rfguom05g7] {
    margin: 0;
    padding-left: 18px;
    font-size: 12px;
    color: #3f4954;
    line-height: 1.45;
}

.gen-reason-list.err[b-rfguom05g7] {
    color: #b53028;
}
/* /Pages/Domain/Funding/Rollover/RolloverNotePopover.razor.rz.scp.css */
.note-pop-backdrop[b-ua7u38nksz] {
    position: fixed;
    inset: 0;
    background: rgba(7, 46, 64, .32);
    z-index: 12015;
}

.note-pop[b-ua7u38nksz] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12020;
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(225, 231, 237, .8);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 24, 34, .04), 0 16px 32px -8px rgba(14, 74, 100, .18), 0 28px 60px -16px rgba(14, 74, 100, .14);
    padding: 14px;
    width: min(310px, calc(100vw - 32px));
    animation: notePopIn-b-ua7u38nksz .2s cubic-bezier(.16, 1, .3, 1);
}

@keyframes notePopIn-b-ua7u38nksz {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.note-pop label[b-ua7u38nksz] {
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #32434B;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
}

.note-pop textarea[b-ua7u38nksz] {
    width: 100%;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    padding: 9px;
    font-family: inherit;
    font-size: 12.5px;
    color: #121A1F;
    resize: none;
    overflow: hidden;
    field-sizing: content;
    min-height: 64px;
    max-height: 40vh;
    height: auto;
    outline: none;
    box-sizing: border-box;
}

.note-pop textarea:focus[b-ua7u38nksz] {
    border: 1.5px solid #033D53;
    box-shadow: none;
    outline: none;
}

.note-pop .pop-foot[b-ua7u38nksz] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 10px;
}

.note-pop .btn[b-ua7u38nksz] {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 700;
    box-shadow: none !important;
    margin: 0;
}

.note-pop .btn:hover[b-ua7u38nksz],
.note-pop .btn:focus[b-ua7u38nksz],
.note-pop .btn:active[b-ua7u38nksz] {
    box-shadow: none !important;
}

.note-pop .btn.ghost[b-ua7u38nksz] {
    background: #FFEAED;
    border: 1.5px solid #35161C;
    color: #35161C;
}

.note-pop .btn.ghost:hover[b-ua7u38nksz],
.note-pop .btn.ghost:focus-visible[b-ua7u38nksz] {
    background: #7F1D1C;
    border-color: #7F1D1C;
    color: #FFFFFF;
}

.note-pop .btn.ghost:active[b-ua7u38nksz] {
    background: #541414;
    border-color: #541414;
    color: #FFFFFF;
}

.note-pop .btn.primary[b-ua7u38nksz] {
    background: #033D53;
    border: 1px solid #033D53;
    color: #fff;
}

.note-pop .btn.primary:hover[b-ua7u38nksz] {
    background: #022a3a;
}
/* /Pages/Domain/Funding/Rollover/RolloverSelectionBar.razor.rz.scp.css */
/* Floating selection bar — ported from zip prototype app.css */
.selection-bar[b-h0z8tl4ws4] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(160%);
    background: #033D53;
    color: #FFFFFF;
    padding: 10px 12px 10px 16px;
    border-radius: 10px;
    border: 1px solid #033D53;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 20px -8px rgba(18, 26, 31, .35);
    transition: transform .4s cubic-bezier(.16, 1, .3, 1);
    z-index: 1050;
    width: max-content;
    max-width: calc(100vw - 32px);
    pointer-events: none;
}

.selection-bar.visible[b-h0z8tl4ws4] {
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

@media (min-width: 992px) {
    .selection-bar[b-h0z8tl4ws4] {
        left: calc(50% + 8rem);
    }
}

.selection-bar .ct[b-h0z8tl4ws4] {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.25;
    flex-shrink: 0;
    white-space: nowrap;
}

.selection-bar .ct .row1[b-h0z8tl4ws4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
}

/* Count reads as a chip so the number is scannable at a glance */
.selection-bar .ct strong[b-h0z8tl4ws4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 6px;
    background: #FFFFFF;
    color: #033D53;
    font-size: 12px;
    font-weight: 700;
}

.selection-bar .ct .row2[b-h0z8tl4ws4] {
    font-size: 11px;
    font-weight: 500;
    color: #E0F2FE;
}

.selection-bar .divider[b-h0z8tl4ws4] {
    width: 1px;
    height: 28px;
    background: #FFFFFF;
    opacity: .35;
    flex-shrink: 0;
}

.selection-bar button[b-h0z8tl4ws4] {
    background: #FFFFFF;
    color: #033D53;
    border: 1.5px solid #FFFFFF;
    padding: 7px 12px;
    border-radius: 8px;
    font: 600 12px "Source Sans 3", "Source Sans Pro", sans-serif;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
}

.selection-bar button:hover[b-h0z8tl4ws4],
.selection-bar button:focus-visible[b-h0z8tl4ws4] {
    background: #E0F2FE;
    border-color: #E0F2FE;
    color: #033D53;
}

.selection-bar button:focus-visible[b-h0z8tl4ws4] {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

.selection-bar button.approve[b-h0z8tl4ws4] {
    background: #DCFAE6;
    border-color: #003D1F;
    color: #003D1F;
    padding: 7px 14px;
    font-weight: 700;
}

.selection-bar button.approve:hover[b-h0z8tl4ws4],
.selection-bar button.approve:focus-visible[b-h0z8tl4ws4],
.selection-bar button.approve:active[b-h0z8tl4ws4] {
    background: #003D1F;
    border-color: #003D1F;
    color: #FFFFFF;
}

.selection-bar .kbd[b-h0z8tl4ws4] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 11px;
    padding: 1px 5px;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    color: #32434B;
    border-radius: 4px;
    margin-left: 3px;
    font-weight: 700;
    letter-spacing: .04em;
}

.selection-bar button.approve .kbd[b-h0z8tl4ws4] {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #003D1F;
}

@media (max-width: 768px) {
    .selection-bar[b-h0z8tl4ws4] {
        left: 50%;
        width: calc(100vw - 32px);
        max-width: calc(100vw - 32px);
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Pages/Domain/Funding/Rollover/RolloverStaffingPopover.razor.rz.scp.css */
.staffing-pop-backdrop[b-bgs5ek77p9] {
    position: fixed;
    inset: 0;
    background: rgba(7, 46, 64, .32);
    z-index: 12015;
}

.staffing-pop[b-bgs5ek77p9] {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12020;
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(225, 231, 237, .8);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 24, 34, .04), 0 16px 32px -8px rgba(14, 74, 100, .18), 0 28px 60px -16px rgba(14, 74, 100, .14);
    padding: 16px;
    width: min(560px, calc(100vw - 32px));
    animation: staffingPopIn-b-bgs5ek77p9 .2s cubic-bezier(.16, 1, .3, 1);
}

@keyframes staffingPopIn-b-bgs5ek77p9 {
    from {
        opacity: 0;
        transform: translate(-50%, -48%) scale(.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.staffing-pop-head[b-bgs5ek77p9] {
    margin-bottom: 14px;
}

.staffing-pop-head strong[b-bgs5ek77p9] {
    display: block;
    font-size: 14px;
    color: #0f1822;
}

.staffing-pop-sub[b-bgs5ek77p9] {
    margin-top: 4px;
    font-size: 11.5px;
    color: #5a6470;
}

.staffing-pop-grid[b-bgs5ek77p9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.staffing-pop-field label[b-bgs5ek77p9] {
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #5a6470;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}

.staffing-pop-field .req[b-bgs5ek77p9] {
    color: #b53028;
}

.staffing-pop-field select[b-bgs5ek77p9],
.staffing-pop-field input[b-bgs5ek77p9] {
    width: 100%;
    border: 1px solid #e1e7ed;
    border-radius: 7px;
    padding: 8px 9px;
    font-family: inherit;
    font-size: 12.5px;
    color: #0f1822;
    outline: none;
    box-sizing: border-box;
    background: #fff;
}

.staffing-pop-field select:focus[b-bgs5ek77p9],
.staffing-pop-field input:focus[b-bgs5ek77p9] {
    border-color: #033D53;
    box-shadow: 0 0 0 3px rgba(44, 135, 163, .12);
}

.staffing-pop-error[b-bgs5ek77p9] {
    margin-top: 12px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #fdecec;
    color: #8b1f1a;
    font-size: 12px;
}

.staffing-pop-error ul[b-bgs5ek77p9] {
    margin: 0;
    padding-left: 1.15rem;
}

.pop-foot[b-bgs5ek77p9] {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e1e7ed;
}

.pop-foot .btn[b-bgs5ek77p9] {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 500;
}

.pop-foot .btn.ghost[b-bgs5ek77p9] {
    background: transparent;
    border: 1px solid transparent;
    color: #5a6470;
}

.pop-foot .btn.ghost:hover[b-bgs5ek77p9] {
    background: #eff3f7;
    color: #0f1822;
}

.pop-foot .btn.primary[b-bgs5ek77p9] {
    background: #033D53;
    border: 1px solid #033D53;
    color: #fff;
}

.pop-foot .btn.primary:hover[b-bgs5ek77p9] {
    background: #022a3a;
}

@media (max-width: 560px) {
    .staffing-pop-grid[b-bgs5ek77p9] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Domain/Funding/Screens/FundingTypeConfigScreen1.razor.rz.scp.css */
/* MULTI-SELECT */
.ms-wrap[b-19g21jvfqr] { position: relative; }
.ms-box[b-19g21jvfqr] { border: 1px solid #d1d5db; border-radius: 0; padding: 8px 10px; min-height: 44px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; cursor: pointer; background: #fff; transition: border-color 0.15s; }
.ms-box:hover[b-19g21jvfqr] { border-color: #a0a4b8; }
.ms-box.open[b-19g21jvfqr] { border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,0.1); }
.chip[b-19g21jvfqr] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 0; font-size: 13px; color: #3730a3; font-weight: 500; }
.chip-x[b-19g21jvfqr] { cursor: pointer; color: #6366f1; font-size: 16px; line-height: 1; font-weight: 700; background: none; border: none; padding: 0; font-family: inherit; }
.chip-x:hover[b-19g21jvfqr] { color: #dc2626; }
.ms-ph[b-19g21jvfqr] { color: #a0a4b8; font-size: 14px; }
.ms-dd[b-19g21jvfqr] { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #d1d5db; border-radius: 0; box-shadow: 0 8px 24px rgba(0,0,0,0.12); margin-top: 4px; z-index: 100; max-height: 220px; overflow-y: auto; display: none; }
.ms-dd.open[b-19g21jvfqr] { display: block; }
.ms-opt[b-19g21jvfqr] { padding: 10px 14px; cursor: pointer; font-size: 14px; display: flex; align-items: center; gap: 10px; transition: background 0.1s; }
.ms-opt:hover[b-19g21jvfqr] { background: #E0F2FE; }
.ms-opt.sel[b-19g21jvfqr] { background: #eef2ff; font-weight: 600; color: #1a56db; }
.ms-chk[b-19g21jvfqr] { width: 16px; height: 16px; border: 2px solid #d1d5db; border-radius: 0; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 10px; transition: all 0.15s; }
.ms-opt.sel .ms-chk[b-19g21jvfqr] { background: #1a56db; border-color: #1a56db; color: #fff; }

/* FUNDING ROW */
.fund-row[b-19g21jvfqr] { display: flex; align-items: flex-end; gap: 16px; padding: 14px 0; border-bottom: 1px solid #f0f1f5; }
.fund-row:last-of-type[b-19g21jvfqr] { border-bottom: none; }
.fund-row .col-type[b-19g21jvfqr] { flex: 2; }
.fund-row .col-amount[b-19g21jvfqr] { flex: 1; }
.fund-row .col-restriction[b-19g21jvfqr] { flex: 1; max-width: 180px; }

/* TOTAL BAR */
.total-bar[b-19g21jvfqr] { display: flex; justify-content: flex-end; align-items: center; padding: 14px 0; border-top: 2px solid #e2e4ea; margin-top: 8px; font-size: 15px; font-weight: 700; color: #1a1a2e; gap: 8px; }
.total-bar span[b-19g21jvfqr] { color: #1a56db; }
/* /Pages/Domain/Funding/Screens/FundingTypeConfigScreen2.razor.rz.scp.css */
/* DELETE BUTTON */
.del-btn[b-n759p0cyyo] { width: 34px; height: 34px; border: none; background: none; color: #b0b3c2; cursor: pointer; font-size: 18px; border-radius: 0; display: flex; align-items: center; justify-content: center; transition: all 0.15s; }
.del-btn:hover[b-n759p0cyyo] { background: #fef2f2; color: #dc2626; }

/* ACCORDION */
.accordion[b-n759p0cyyo] { margin-bottom: 16px; border: 1px solid #e2e4ea; border-radius: 0; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.acc-header[b-n759p0cyyo] { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; cursor: pointer; user-select: none; background: #eef2ff; border-bottom: 1px solid #dbe2fa; transition: background 0.15s; }
.acc-header:hover[b-n759p0cyyo] { background: #E0F2FE; }
.acc-header-left[b-n759p0cyyo] { display: flex; align-items: center; gap: 12px; }
.acc-chevron[b-n759p0cyyo] { font-size: 12px; color: #7c7f91; transition: transform 0.25s; }
.accordion.open .acc-chevron[b-n759p0cyyo] { transform: rotate(180deg); }
.acc-title[b-n759p0cyyo] { font-size: 15px; font-weight: 700; color: #1a1a2e; }
.acc-total[b-n759p0cyyo] { font-size: 14px; font-weight: 600; color: #1a56db; }
.acc-allocated[b-n759p0cyyo] { color: #1a56db; }
.acc-budget[b-n759p0cyyo] { color: #5a5d6e; }
.acc-total.over-budget .acc-allocated[b-n759p0cyyo] { color: #dc2626; }
.acc-total.over-budget[b-n759p0cyyo] { color: #dc2626; }
.acc-body[b-n759p0cyyo] { display: none; padding: 0; overflow: visible; }
.accordion.open .acc-body[b-n759p0cyyo] { display: block; }

/* SERVICE LINE GRID */
.svc-grid-head[b-n759p0cyyo] { display: grid; grid-template-columns: 160px 100px 190px 80px 80px 80px 60px 80px 40px 36px; gap: 10px; padding: 8px 0; border-bottom: 1px solid #e2e4ea; margin-bottom: 4px; min-width: 996px; }
.svc-grid-head span[b-n759p0cyyo] { font-size: 11px; font-weight: 700; color: #7c7f91; text-transform: uppercase; letter-spacing: 0.5px; }
.svc-grid-head span.c[b-n759p0cyyo] { text-align: center; }
.svc-grid-head span.r[b-n759p0cyyo] { text-align: right; padding-right: 4px; }
.svc-line[b-n759p0cyyo] { display: grid; grid-template-columns: 160px 100px 190px 80px 80px 80px 60px 80px 40px 36px; gap: 10px; padding: 8px 0; align-items: center; border-bottom: 1px solid #f5f6fa; min-width: 996px; }
.svc-line:last-of-type[b-n759p0cyyo] { border-bottom: none; }
.svc-line select[b-n759p0cyyo], .svc-line input[b-n759p0cyyo] { padding: 7px 10px; font-size: 13px; }
.svc-line select[b-n759p0cyyo] { padding-right: 28px; background-position: right 8px center; }
.svc-line .cur-wrap input[b-n759p0cyyo] { padding-left: 22px; }
.svc-line .line-total[b-n759p0cyyo] { font-size: 14px; font-weight: 700; color: #1a1a2e; text-align: right; padding-right: 4px; cursor: help; }

/* NOTES BUTTON */
.notes-btn[b-n759p0cyyo] { width: 32px; height: 32px; border: none; background: transparent; cursor: pointer; border-radius: 0; display: flex; align-items: center; justify-content: center; color: #b0b3c2; transition: all 0.15s; padding: 0; }
.notes-btn:hover[b-n759p0cyyo] { background: #E0F2FE; color: #1a56db; }
.notes-btn.has-notes[b-n759p0cyyo] { color: #1a56db; }
.notes-btn.has-notes:hover[b-n759p0cyyo] { background: #E0F2FE; color: #1040a8; }
.notes-btn svg[b-n759p0cyyo] { width: 18px; height: 18px; }

/* NOTES MODAL */
.modal-backdrop[b-n759p0cyyo] { position: fixed; inset: 0; background: rgba(15,20,40,0.45); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 20px; }
.modal-backdrop.open[b-n759p0cyyo] { display: flex; }
.modal[b-n759p0cyyo] { display: block; position: relative; top: auto; left: auto; width: 100%; max-width: 520px; height: auto; background: #fff; border-radius: 0; box-shadow: 0 24px 60px rgba(0,0,0,0.25); overflow: hidden; }
.modal-header[b-n759p0cyyo] { padding: 18px 24px; border-bottom: 1px solid #e2e4ea; display: flex; align-items: center; justify-content: space-between; }
.modal-title[b-n759p0cyyo] { font-size: 16px; font-weight: 700; color: #1a1a2e; }
.modal-sub[b-n759p0cyyo] { font-size: 12px; color: #7c7f91; margin-top: 2px; }
.modal-close[b-n759p0cyyo] { background: none; border: none; cursor: pointer; color: #9ca0ae; padding: 4px; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; font-family: inherit; }
.modal-close:hover[b-n759p0cyyo] { background: #f5f6fa; color: #1a1a2e; }
.modal-body[b-n759p0cyyo] { padding: 20px 24px; }
.modal-body textarea[b-n759p0cyyo] { width: 100%; min-height: 140px; padding: 12px; border: 1px solid #d1d5db; border-radius: 0; font-family: inherit; font-size: 14px; line-height: 1.5; color: #1a1a2e; resize: vertical; transition: border-color 0.15s, box-shadow 0.15s; box-sizing: border-box; }
.modal-body textarea:focus[b-n759p0cyyo] { outline: none; border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,0.1); }
.modal-footer[b-n759p0cyyo] { padding: 14px 24px 18px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #f0f1f5; background: #fafbfd; }

/* NEW VENDOR MODAL */
.vmodal[b-n759p0cyyo] { background: #fff; width: 100%; max-width: 900px; box-shadow: 0 24px 60px rgba(0,0,0,0.25); display: flex; flex-direction: column; max-height: 90vh; }
.vmodal-header[b-n759p0cyyo] { background: #3563b3; color: #fff; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.vmodal-title[b-n759p0cyyo] { font-size: 16px; font-weight: 600; color: #fff; }
.vmodal-close[b-n759p0cyyo] { background: none; border: none; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; padding: 4px; opacity: 0.85; font-family: inherit; }
.vmodal-close:hover[b-n759p0cyyo] { opacity: 1; }
.vmodal-body[b-n759p0cyyo] { padding: 28px 32px 16px; overflow-y: auto; flex: 1; }
.vmodal-footer[b-n759p0cyyo] { padding: 14px 24px 18px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid #f0f1f5; background: #fff; flex-shrink: 0; }
.vform-grid[b-n759p0cyyo] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 20px; }
.vform-grid .full[b-n759p0cyyo] { grid-column: 1 / -1; }
.vfield label[b-n759p0cyyo] { display: block; font-size: 13px; color: #5a5d6e; margin-bottom: 6px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.vfield label .req[b-n759p0cyyo] { color: #dc2626; margin-left: 3px; font-weight: 600; }
.vfield input[b-n759p0cyyo], .vfield select[b-n759p0cyyo] { width: 100%; padding: 10px 12px; border: none; border-bottom: 1px solid #c7cad6; background: #f7f8fa; font-family: inherit; font-size: 14px; color: #1a1a2e; transition: border-color 0.12s, background 0.12s; border-radius: 0; outline: none; box-sizing: border-box; }
.vfield input:focus[b-n759p0cyyo], .vfield select:focus[b-n759p0cyyo] { border-bottom-color: #3563b3; background: #eef2fb; }
.vfield.error input[b-n759p0cyyo], .vfield.error select[b-n759p0cyyo] { border-bottom-color: #dc2626; background: #fef2f2; }
.vfield .err-msg[b-n759p0cyyo] { display: none; color: #dc2626; font-size: 12px; margin-top: 4px; }
.vfield.error .err-msg[b-n759p0cyyo] { display: block; }
.vbtn[b-n759p0cyyo] { padding: 10px 24px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; text-transform: uppercase; letter-spacing: 0.5px; transition: opacity 0.12s; border-radius: 0; font-family: inherit; }
.vbtn-cancel[b-n759p0cyyo] { background: #e26b5b; color: #fff; }
.vbtn-cancel:hover[b-n759p0cyyo] { opacity: 0.9; }
.vbtn-save[b-n759p0cyyo] { background: #1f4f8c; color: #fff; }
.vbtn-save:hover[b-n759p0cyyo] { opacity: 0.9; }

/* HST TOGGLE */
.hst-toggle[b-n759p0cyyo] { display: flex; align-items: center; justify-content: center; }
.hst-toggle input[type="checkbox"][b-n759p0cyyo] { width: 16px; height: 16px; accent-color: #1a56db; cursor: pointer; }

/* GRAND TOTAL */
.grand-total[b-n759p0cyyo] { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 18px 24px; background: #fff; border: 1px solid #e2e4ea; border-radius: 0; font-size: 16px; font-weight: 700; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.grand-total span[b-n759p0cyyo] { color: #1a56db; }

/* SUMMARY CARD */
.summary-card[b-n759p0cyyo] { background: #eef2ff; border: 1px solid #dbe2fa; border-radius: 0; padding: 14px 24px 4px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.summary-title[b-n759p0cyyo] { font-size: 15px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
.summary-row[b-n759p0cyyo] { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 13px; }
.summary-label[b-n759p0cyyo] { color: #1a1a2e; }
.summary-value[b-n759p0cyyo] { font-weight: 700; color: #1a1a2e; }
.summary-value.negative[b-n759p0cyyo] { color: #dc2626; }

/* SEARCHABLE DROPDOWN */
.sd[b-n759p0cyyo] { position: relative; font-size: 13px; }
.sd-box[b-n759p0cyyo] { border: 1px solid #d1d5db; border-radius: 0; padding: 7px 10px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 6px; background: #fff; min-height: 32px; transition: border-color 0.12s, box-shadow 0.12s; }
.sd-box:hover[b-n759p0cyyo] { border-color: #a0a4b8; }
.sd.open .sd-box[b-n759p0cyyo] { border-color: #1a56db; box-shadow: 0 0 0 3px rgba(26,86,219,0.1); }
.sd-val[b-n759p0cyyo] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1a1a2e; }
.sd-val.placeholder[b-n759p0cyyo] { color: #a0a4b8; }
.sd-chev[b-n759p0cyyo] { color: #7c7f91; font-size: 9px; flex-shrink: 0; }
.sd-dd[b-n759p0cyyo] { display: none; position: absolute; top: 100%; left: 0; min-width: 240px; width: 100%; background: #fff; border: 1px solid #d1d5db; border-radius: 0; box-shadow: 0 12px 32px rgba(0,0,0,0.18); z-index: 500; margin-top: 2px; }
.sd.open .sd-dd[b-n759p0cyyo] { display: block; }
.sd-search[b-n759p0cyyo] { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid #e8eaf0; }
.sd-search-icon[b-n759p0cyyo] { color: #9ca0ae; flex-shrink: 0; display: flex; }
.sd-search-icon svg[b-n759p0cyyo] { width: 14px; height: 14px; }
.sd-search input[b-n759p0cyyo] { border: none; outline: none; flex: 1; font-size: 13px; font-family: inherit; padding: 0; background: transparent; color: #1a1a2e; width: 100%; }
.sd-list[b-n759p0cyyo] { max-height: 220px; overflow-y: auto; padding: 4px 0; }
.sd-header-item[b-n759p0cyyo] { padding: 8px 14px 4px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #9ca0ae; }
.sd-opt[b-n759p0cyyo] { padding: 9px 14px; cursor: pointer; color: #1a1a2e; transition: background 0.1s; display: flex; align-items: center; gap: 8px; }
.sd-opt:hover[b-n759p0cyyo] { background: #E0F2FE; }
.sd-opt.selected[b-n759p0cyyo] { color: #1a56db; background: #eef2ff; font-weight: 600; }
.sd-special[b-n759p0cyyo] { color: #1a56db; font-weight: 600; border-bottom: 1px solid #e8eaf0; }
.sd-special:hover[b-n759p0cyyo] { background: #E0F2FE; }
.sd-empty[b-n759p0cyyo] { padding: 12px 14px; color: #9ca0ae; font-style: italic; font-size: 13px; }
.sd-backdrop[b-n759p0cyyo] { position: fixed; inset: 0; z-index: 499; }
/* /Pages/Domain/Funding/VendorApprovalReimbursementTab.razor.rz.scp.css */
/* Reimbursement tab — table + review dialog (scoped to this component) */

.von-page__panel[b-mxq1wqj872] {
    --von-brand: #033D53;
    --von-ink: #32434B;
    --von-strong: #121A1F;
    --von-row-line: #E8ECF1;
    --von-hover: #E0F2FE;
    --von-soft: #F0F4F8;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e8eef4;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    padding: 0.85rem 1rem 0.75rem;
    min-height: 12rem;
}

.von-list-head[b-mxq1wqj872] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--von-row-line);
}

.von-list-head__text[b-mxq1wqj872] {
    min-width: 0;
    flex: 1 1 16rem;
}

.von-list-head__title[b-mxq1wqj872] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--von-strong);
}

.von-list-head__sub[b-mxq1wqj872] {
    margin: 0.35rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: var(--von-ink);
    max-width: 52rem;
}

.von-page__refresh[b-mxq1wqj872] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1.5px solid #D0D5DD;
    background: #fff;
    color: var(--von-brand);
    font-size: 11px;
    font-weight: 700;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
    flex-shrink: 0;
}

.von-table-wrap[b-mxq1wqj872] {
    overflow-x: auto;
    width: 100%;
}

.von-table[b-mxq1wqj872] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 640px;
}

.von-table thead[b-mxq1wqj872] {
    display: table-header-group;
}

.von-table tbody[b-mxq1wqj872] {
    display: table-row-group;
}

.von-table tr[b-mxq1wqj872] {
    display: table-row;
}

.von-table th[b-mxq1wqj872],
.von-table td[b-mxq1wqj872] {
    display: table-cell;
    padding: 0.65rem 0.6rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--von-row-line);
    color: var(--von-ink);
    font-size: 0.75rem;
    line-height: 1.35;
    text-align: left;
}

.von-table th[b-mxq1wqj872] {
    font-weight: 700;
    color: var(--von-strong);
    white-space: nowrap;
}

.von-table--clickable tbody tr.von-row-click[b-mxq1wqj872] {
    cursor: pointer;
}

.von-table--clickable tbody tr.von-row-click:hover td[b-mxq1wqj872] {
    background: var(--von-hover);
}

.von-subline[b-mxq1wqj872] {
    margin-top: 0.15rem;
    font-size: 11px;
    color: var(--von-ink);
    word-break: break-word;
}

.von-stage[b-mxq1wqj872] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0 0.65rem;
    min-height: 1.5rem;
    border-radius: 999px;
    background: #ece8f7;
    color: #28213b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    white-space: normal;
}

.von-datetime[b-mxq1wqj872] {
    display: block;
    white-space: nowrap;
}

.von-datetime__date[b-mxq1wqj872] {
    display: block;
    font-weight: 600;
}

.von-datetime__time[b-mxq1wqj872] {
    display: block;
    font-size: 11px;
    color: var(--von-ink);
    margin-top: 0.1rem;
}

.payee-review-section[b-mxq1wqj872] {
    margin-top: 1rem;
}

.payee-review-section__title[b-mxq1wqj872] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
    color: var(--von-strong);
}

.payee-validation-hints[b-mxq1wqj872] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.payee-validation-hints th[b-mxq1wqj872],
.payee-validation-hints td[b-mxq1wqj872] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--von-row-line);
    vertical-align: top;
}

.payee-validation-hints th[b-mxq1wqj872] {
    font-weight: 700;
    width: 38%;
}

.payee-validation-hints .payee-hint-ok[b-mxq1wqj872] {
    color: #0d6832;
    font-weight: 700;
}

.payee-validation-hints .payee-hint-warn[b-mxq1wqj872] {
    color: #b45309;
    font-weight: 700;
}

.payee-finance-check[b-mxq1wqj872] {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.payee-finance-check__input[b-mxq1wqj872] {
    flex: 0 0 auto;
    height: 1rem;
    margin: 0.2rem 0 0;
    opacity: 1;
    pointer-events: auto;
    position: static;
    width: 1rem;
}

.payee-finance-check__label[b-mxq1wqj872] {
    cursor: pointer;
    flex: 1;
    font-size: 0.875rem;
    line-height: 1.4;
    margin: 0;
}

.von-table th.payee-queue-actions[b-mxq1wqj872],
.von-table td.payee-queue-actions[b-mxq1wqj872] {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.von-table tbody tr:hover td[b-mxq1wqj872] {
    background: var(--von-hover);
}

.von-table tbody tr:hover td:first-child[b-mxq1wqj872] {
    border-radius: 8px 0 0 8px;
    box-shadow: inset 3px 0 0 var(--von-brand);
}

.von-table tbody tr:hover td:last-child[b-mxq1wqj872] {
    border-radius: 0 8px 8px 0;
}

.von-btn[b-mxq1wqj872] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 1.5px solid transparent;
}

.von-btn:disabled[b-mxq1wqj872] {
    cursor: not-allowed;
    opacity: 0.6;
}

.von-btn--primary[b-mxq1wqj872] {
    background: var(--von-brand);
    border-color: var(--von-brand);
    color: #fff;
}

.von-btn--primary:hover:not(:disabled)[b-mxq1wqj872] {
    background: #022f40;
    border-color: #022f40;
}

.payee-review-loading-inline[b-mxq1wqj872] {
    color: var(--von-ink);
    font-size: 0.8125rem;
    margin-bottom: 0.65rem;
}

.payee-review-submitted[b-mxq1wqj872] {
    background: #ecfdf3;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    color: #065f46;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
}

.payee-step-banner[b-mxq1wqj872] {
    margin-bottom: 1rem;
}

.payee-reimbursement-tab[b-mxq1wqj872] {
    position: relative;
}

.payee-busy-overlay[b-mxq1wqj872] {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    inset: 0;
    justify-content: center;
    position: fixed;
    z-index: 10000;
}

.payee-busy-text[b-mxq1wqj872] {
    color: var(--von-ink, #32434b);
    font-size: 0.9375rem;
    font-weight: 600;
}

.payee-submit-hint[b-mxq1wqj872] {
    color: #92400e;
    font-size: 0.8125rem;
    margin: 0.35rem 0 0.65rem;
}

.payee-hints-loader[b-mxq1wqj872] {
    align-items: center;
    background: var(--von-soft, #f0f4f8);
    border: 1px solid var(--von-row-line, #e8ecf1);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.5rem 0 1rem;
    padding: 1.25rem 1rem;
    text-align: center;
}

.payee-hints-loader__text[b-mxq1wqj872] {
    color: var(--von-strong, #121a1f);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0;
}

.payee-hints-loader__sub[b-mxq1wqj872] {
    color: var(--von-ink, #32434b);
    font-size: 0.75rem;
    margin: 0;
    max-width: 28rem;
}
/* /Pages/Domain/Profiles/ClientProfile.razor.rz.scp.css */
/* ============================================================
   Client Profile page chrome — Enable Kit / AODA tokens
   Do NOT style Client Financial Summary / ActiveETOParticipant bar.
   ============================================================ */

.client-profile[b-vwp918uo7d] {
    --cp-brand: #033D53;
    --cp-brand-active: #034a66;
    --cp-ink: #32434B;
    --cp-strong: #121A1F;
    --cp-soft: #F0F4F8;
    --cp-border: #E2E8F0;
    --cp-sky: #E0F2FE;
    --cp-white: #FFFFFF;
}

/* Tabs + content inside one section card */
.client-profile__tabs-section[b-vwp918uo7d] {
    border: 1px solid var(--cp-border);
    border-radius: 0.5rem;
    background: var(--cp-white);
    padding: 0.75rem 0.85rem 0.85rem;
    margin-bottom: 0.75rem;
    overflow: hidden;
}


/* /Pages/Domain/Profiles/ISWProfile.razor.rz.scp.css */
@media (min-width: 768px) {
  .app-user-card[b-3osaf5gybz] {
    margin-top: 80px !important;
  }
}
/* /Pages/Domain/RoleManagement/AppPageRoleManagement.razor.rz.scp.css */
/* Role Management — banner kept; compact padding vs original */

.role-mgmt-page-header[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 10px 14px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
}

.role-mgmt-page-header__left[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.role-mgmt-page-header__icon[b-rjn1m9386s] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #033d53;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.role-mgmt-page-header__icon img[b-rjn1m9386s] {
    width: 16px;
    height: 16px;
    display: block;
    object-fit: contain;
}

.role-mgmt-notify[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin: 12px 0;
    padding: 12px 14px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}

.role-mgmt-notify h2[b-rjn1m9386s] {
    margin: 0 0 4px;
    color: #121A1F;
    font-size: 1rem;
    font-weight: 700;
}

.role-mgmt-notify p[b-rjn1m9386s] {
    margin: 0;
    color: #32434B;
    font-size: 0.875rem;
}

.role-mgmt-notify .role-mgmt-toggle[b-rjn1m9386s] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 20px;
    flex-shrink: 0;
}

.role-mgmt-notify .role-mgmt-toggle:focus-within[b-rjn1m9386s] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
    border-radius: 34px;
}

.role-mgmt-notify .role-mgmt-toggle input[b-rjn1m9386s] {
    opacity: 0;
    width: 0;
    height: 0;
}

.role-mgmt-notify .role-mgmt-toggle__slider[b-rjn1m9386s] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E2E8F0;
    transition: 0.25s;
    border-radius: 34px;
}

.role-mgmt-notify .role-mgmt-toggle__slider[b-rjn1m9386s]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #32434B;
    transition: 0.25s;
    border-radius: 50%;
}

.role-mgmt-notify .role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-rjn1m9386s] {
    background-color: #033D53;
}

.role-mgmt-notify .role-mgmt-toggle input:checked + .role-mgmt-toggle__slider[b-rjn1m9386s]:before {
    transform: translateX(22px);
    background-color: #FFFFFF;
}

.role-mgmt-notify .role-mgmt-toggle--disabled[b-rjn1m9386s] {
    opacity: 0.4;
    cursor: not-allowed;
}

.role-mgmt-notify .role-mgmt-toggle--disabled .role-mgmt-toggle__slider[b-rjn1m9386s] {
    cursor: not-allowed;
}

.role-mgmt-page-header__actions[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.role-mgmt-back-btn[b-rjn1m9386s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 14px;
    background: #fff;
    color: #033d53;
    border: 1px solid #033d53;
    border-radius: 8px;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.8125rem !important;
    line-height: normal;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}

.role-mgmt-back-btn:hover[b-rjn1m9386s] {
    background: #e0f2fe;
    color: #121a1f;
}

.role-mgmt-back-btn:active[b-rjn1m9386s] {
    background: #033d53;
    color: #fff;
    border-color: #033d53;
}

.role-mgmt-page-header__text[b-rjn1m9386s] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.role-mgmt-page-header__text span[b-rjn1m9386s] {
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-size: 1rem !important;
    font-weight: 700;
    color: #121a1f;
    line-height: 1.25;
}

.role-mgmt-page-header__text small[b-rjn1m9386s] {
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    color: #32434b;
    font-size: 0.8125rem !important;
    font-weight: 400;
    line-height: 1.3;
    margin-left: 0 !important;
}

.role-mgmt-create-btn.role-mgmt-create-btn--outline[b-rjn1m9386s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 14px;
    background: #fff;
    color: #033d53;
    border: 1px solid #033d53;
    border-radius: 8px;
    font-family: "Source Sans 3", "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 0.8125rem !important;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background 0.2s, color 0.2s;
}

.role-mgmt-create-btn.role-mgmt-create-btn--outline:hover[b-rjn1m9386s] {
    background: #e0f2fe;
    color: #121a1f;
    transform: none;
    filter: none;
    box-shadow: none;
}

.role-mgmt-create-btn.role-mgmt-create-btn--outline:active[b-rjn1m9386s] {
    background: #033d53;
    color: #fff;
    border-color: #033d53;
    font-weight: 700;
}

.role-mgmt-create-btn.role-mgmt-create-btn--outline:active img[b-rjn1m9386s] {
    filter: brightness(0) invert(1);
}

.role-mgmt-create-btn.role-mgmt-create-btn--outline img[b-rjn1m9386s] {
    width: 14px;
    height: 14px;
}

.role-mgmt-loading[b-rjn1m9386s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 8rem;
    margin: 1.5rem 0;
    color: #033D53;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
}

.role-mgmt-loading__icon[b-rjn1m9386s] {
    font-size: 1rem;
    color: #033D53;
}
/* /Pages/Domain/Shared/AppListPermanentFunding.razor.rz.scp.css */
.pf-list[b-cgiykp4v5d] {
    --pf-brand: #033D53;
    --pf-ink: #32434B;
    --pf-strong: #121A1F;
    --pf-sky: #E0F2FE;
    --pf-soft: #F0F4F8;
    --pf-border: #E2E8F0;
}

.pf-list[b-cgiykp4v5d]  .app-list-view-header-item-list .row.no-gutters,
.pf-list[b-cgiykp4v5d]  .app-list-view-row .row.no-gutters {
    flex-wrap: nowrap;
    align-items: flex-start;
}

.pf-list[b-cgiykp4v5d]  .app-list-view-row .row.no-gutters > [class*="col"] {
    display: flex;
    align-items: flex-start;
}

.pf-list[b-cgiykp4v5d]  .pf-col-target {
    padding-left: 0.35rem;
}

.pf-list[b-cgiykp4v5d]  .pf-col-subject {
    padding-right: 2.25rem;
}

.pf-list[b-cgiykp4v5d]  .pf-col-fy {
    padding-left: 1.75rem;
}

.pf-list[b-cgiykp4v5d]  .pf-col-justification,
.pf-list[b-cgiykp4v5d]  .pf-col-ver,
.pf-list[b-cgiykp4v5d]  .pf-col-submitted,
.pf-list[b-cgiykp4v5d]  .pf-col-status {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.pf-list[b-cgiykp4v5d]  .pf-col-status {
    text-align: center;
    justify-content: center;
}

.pf-list[b-cgiykp4v5d]  .pf-col-justification {
    white-space: nowrap;
}

.pf-empty-state[b-cgiykp4v5d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 3.5rem 1.5rem;
    text-align: center;
}

.pf-empty-state__art[b-cgiykp4v5d] {
    width: 7.5rem;
    height: auto;
    margin-bottom: 1.25rem;
}

.pf-empty-state__img[b-cgiykp4v5d] {
    width: 100%;
    height: auto;
    display: block;
}

.pf-empty-state__title[b-cgiykp4v5d] {
    margin: 0 0 0.45rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #033D53;
    line-height: 1.35;
}

.pf-empty-state__description[b-cgiykp4v5d] {
    margin: 0;
    max-width: 28rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.5;
}

.pf-list__subject[b-cgiykp4v5d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    min-width: 0;
    gap: 0.15rem;
}

.pf-list__name[b-cgiykp4v5d] {
    color: var(--pf-ink);
    font-size: 0.875rem; /* 14px */
    font-weight: 600;
    line-height: 1.3;
    word-break: break-word;
}

.pf-list__meta[b-cgiykp4v5d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    width: 100%;
    color: var(--pf-ink);
    font-size: 0.75rem; /* 12px ≥ 11px */
    font-weight: 400;
    line-height: 1.4;
    margin-top: 0;
}

.pf-list__envelope[b-cgiykp4v5d] {
    margin-top: 0.3rem;
    font-size: 0.75rem;
    color: var(--pf-ink);
}

.pf-list__envelope strong[b-cgiykp4v5d] {
    color: var(--pf-ink);
    font-weight: 700;
}

.pf-list__justification[b-cgiykp4v5d],
.pf-list__ver[b-cgiykp4v5d] {
    color: var(--pf-ink);
    font-size: 0.8125rem;
    font-weight: 600;
}

.pf-list__date[b-cgiykp4v5d] {
    color: var(--pf-ink);
    font-size: 0.8125rem;
    font-weight: 600;
}

.pf-pill[b-cgiykp4v5d] {
    display: inline-flex;
    align-items: center;
    min-height: 1.5rem;
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    font-size: 0.75rem; /* 12px */
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.pf-pill--target[b-cgiykp4v5d] {
    background: #F0F4F8;
    color: #32434B;
    border: 1px solid transparent;
    margin-left: 0;
}

.pf-pill--client[b-cgiykp4v5d] {
    background: #EEF4FF;
    color: #002B6B;
}

.pf-pill--project[b-cgiykp4v5d] {
    background: #FFEDB5;
    color: #121A1F;
}

.pf-pill--fy[b-cgiykp4v5d] {
    background: #E0F2FE;
    color: #32434B;
    border: 1px solid transparent;
    margin-left: -0.55rem;
}

.pf-status-pill[b-cgiykp4v5d] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.35rem;
    box-sizing: border-box;
    max-width: none;
    min-width: max-content;
    width: max-content;
    padding: 0 0.65rem;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    white-space: nowrap;
}

.pf-status-pill i[b-cgiykp4v5d] {
    flex: 0 0 auto;
    font-size: 0.78rem;
}

.pf-status-pill__icon[b-cgiykp4v5d] {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pf-status-pill__icon--pending[b-cgiykp4v5d] {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.pf-status-pill__icon--hourglass[b-cgiykp4v5d] {
    -webkit-mask-image: url("/images/icons/fc-status-hourglass.svg");
    mask-image: url("/images/icons/fc-status-hourglass.svg");
}

.pf-status-pill--approved[b-cgiykp4v5d] {
    background: #EAFBF1;
    color: #003D1F;
}

.pf-status-pill--rejected[b-cgiykp4v5d] {
    background: #FFF0F2;
    color: #5E0011;
}

.pf-status-pill--draft[b-cgiykp4v5d] {
    background: #FFF0E8;
    color: #5C1F00;
}

.pf-status-pill--pending[b-cgiykp4v5d] {
    background: #F9ECD4;
    color: #35260C;
}

.pf-status-pill--pending-ministry[b-cgiykp4v5d] {
    background: #FFF7E0;
    color: #4A2D00;
}

.pf-status-pill--revision[b-cgiykp4v5d] {
    background: #FFE6EE;
    color: #170E00;
}

.pf-status-pill--default[b-cgiykp4v5d] {
    background: #E7EAEE;
    color: #121A1F;
}
/* /Pages/Domain/Shared/AppListVendorInvoices.razor.rz.scp.css */
.invoice-list-actions[b-dlwc5iwh88] {
    gap: 0.375rem;
}

.invoice-list-actions__btn[b-dlwc5iwh88] {
    min-width: 62px;
}

@media (max-width: 767.98px) {
    .invoice-list-actions[b-dlwc5iwh88] {
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Shared/ClientFinancialSummaryBreakdown.razor.rz.scp.css */
/* Figma: title spans into Allocated col so "(Adult) - English" sits above Allocated */

.client-financial-summary-breakdown[b-faa4o97mzz] {
    --cfs-pad-x: 12px;
    --cfs-gap: 10px;
    --cfs-chevron: 14px;
    /* Wide enough for "(Adult) - English" under Allocated */
    --cfs-col-alloc: 7rem;
    --cfs-col-invoice: 6.5rem;
    --cfs-col-remain: 8.25rem;
    --cfs-track:
        var(--cfs-chevron)
        minmax(0, 1fr)
        var(--cfs-col-alloc)
        var(--cfs-col-invoice)
        var(--cfs-col-remain);
}

.client-financial-summary-chip[b-faa4o97mzz] {
    padding: 10px 12px;
}

.client-financial-summary-chip__label[b-faa4o97mzz] {
    font-size: 12px;
}

.client-financial-summary-chip__value[b-faa4o97mzz] {
    font-size: 1rem;
}

.client-financial-summary-group__header[b-faa4o97mzz],
.client-financial-summary-row[b-faa4o97mzz] {
    display: grid;
    grid-template-columns: var(--cfs-track);
    column-gap: var(--cfs-gap);
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: var(--cfs-pad-x);
    padding-right: var(--cfs-pad-x);
}

.client-financial-summary-group__header[b-faa4o97mzz] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.client-financial-summary-group__chevron[b-faa4o97mzz],
.client-financial-summary-row__spacer[b-faa4o97mzz] {
    grid-column: 1;
    width: var(--cfs-chevron);
    margin: 0;
}

/* Title spans Support Type + Allocated → "(Adult) - English" sits over Allocated */
.client-financial-summary-group__title[b-faa4o97mzz] {
    grid-column: 2 / 4;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
}

.client-financial-summary-row__label[b-faa4o97mzz],
.client-financial-summary-row__amt[b-faa4o97mzz] {
    min-width: 0;
    justify-self: start;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-weight: 400;
    color: inherit;
}

.client-financial-summary-row__label[b-faa4o97mzz] {
    grid-column: 2;
}

/* Amount values — soft ink (AODA-safe muted) */
.client-financial-summary-row:not(.client-financial-summary-row--head) .client-financial-summary-row__amt[b-faa4o97mzz] {
    color: #475E69;
    font-weight: 400;
}

.client-financial-summary-group__meta-invoiced[b-faa4o97mzz] {
    display: none; /* Allocated track covered by spanning title */
}

.client-financial-summary-group__meta-allocated[b-faa4o97mzz] {
    grid-column: 4; /* $ amount under Invoiced */
    justify-self: start;
    text-align: left;
    white-space: nowrap;
    min-width: 0;
}

.client-financial-summary-row__amt:nth-child(3)[b-faa4o97mzz] {
    grid-column: 3; /* Allocated */
}

.client-financial-summary-row__amt:nth-child(4)[b-faa4o97mzz] {
    grid-column: 4; /* Invoiced */
}

.client-financial-summary-row__amt:nth-child(5)[b-faa4o97mzz] {
    grid-column: 5; /* Remaining */
}

.client-financial-summary-group__meta-remaining[b-faa4o97mzz] {
    grid-column: 5;
    justify-self: start;
    text-align: left;
    white-space: nowrap;
    min-width: 0;
}

.client-financial-summary-group__meta-allocated[b-faa4o97mzz],
.client-financial-summary-group__meta-remaining[b-faa4o97mzz] {
    font-size: 12px;
    font-weight: 400;
    color: #475E69;
}

.client-financial-summary-group.is-open .client-financial-summary-group__meta-allocated[b-faa4o97mzz],
.client-financial-summary-group.is-open .client-financial-summary-group__meta-remaining[b-faa4o97mzz],
.client-financial-summary-group__header:active .client-financial-summary-group__meta-allocated[b-faa4o97mzz],
.client-financial-summary-group__header:active .client-financial-summary-group__meta-remaining[b-faa4o97mzz] {
    color: #ffffff;
}

.client-financial-summary-group__body[b-faa4o97mzz] {
    padding: 0;
    overflow: hidden;
}

.client-financial-summary-row[b-faa4o97mzz] {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-top: 1px solid #E2E8F0;
    font-size: 0.8125rem;
    color: #121A1F;
}

/* Headers: Support Type / Allocated / Invoiced / Remaining — same style */
.client-financial-summary-row--head[b-faa4o97mzz] {
    border-top: 0;
    background: #ffffff;
}

.client-financial-summary-row--head .client-financial-summary-row__label[b-faa4o97mzz],
.client-financial-summary-row--head .client-financial-summary-row__amt[b-faa4o97mzz] {
    font-weight: 600;
    color: #32434B;
}

.client-financial-summary-row:not(.client-financial-summary-row--head):hover[b-faa4o97mzz] {
    background: #E0F2FE;
}

@media (max-width: 767.98px) {
    .client-financial-summary-group__header[b-faa4o97mzz],
    .client-financial-summary-row[b-faa4o97mzz] {
        grid-template-columns: var(--cfs-chevron) minmax(0, 1fr);
        row-gap: 4px;
    }

    .client-financial-summary-group__title[b-faa4o97mzz],
    .client-financial-summary-row__label[b-faa4o97mzz] {
        grid-column: 2;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .client-financial-summary-group__meta-allocated[b-faa4o97mzz],
    .client-financial-summary-group__meta-remaining[b-faa4o97mzz],
    .client-financial-summary-row__amt[b-faa4o97mzz] {
        grid-column: 2;
    }

    .client-financial-summary-row__spacer[b-faa4o97mzz] {
        display: none;
    }
}
/* /Pages/Domain/Shared/ClientFinancialSummaryCard.razor.rz.scp.css */
/* Profile-style section for Client Financial Summary card */

.cfs-section[b-b73ndttqno] {
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    box-shadow: none;
    background: #FFFFFF;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.cfs-section__head[b-b73ndttqno] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.55rem 1.15rem;
    border-bottom: 1px solid #E2E8F0;
    background: transparent;
}

.cfs-section__title-wrap[b-b73ndttqno] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.cfs-section__title[b-b73ndttqno] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #121A1F;
}

.cfs-section__fy[b-b73ndttqno] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #32434B;
    white-space: nowrap;
    text-align: right;
    margin: 0;
    flex: 0 0 auto;
}

.cfs-section__body[b-b73ndttqno] {
    padding: 0.85rem 1.15rem 1.15rem;
}

.cfs-section__body--status[b-b73ndttqno] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: #32434B;
}

.cfs-section__body--status i[b-b73ndttqno] {
    color: #033D53;
}
/* /Pages/Domain/Shared/ClientProfileTab.razor.rz.scp.css */
/* Client Profile tab — FC review–style stacked sections
   ClientFinancialSummaryCard is NOT styled here. */

.client-profile__empty[b-82zqryfkef] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2.5rem 1.25rem;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    background: #FFFFFF;
    text-align: center;
    color: #32434B;
}

.client-profile__empty i[b-82zqryfkef] {
    font-size: 1.75rem;
    color: #033D53;
}

.client-profile__empty p[b-82zqryfkef] {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    max-width: 28rem;
}

/* Main wrapper — holds sections + actions; outer card is tabs-section */
.client-profile__main[b-82zqryfkef] {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.client-profile__main > .client-profile__section:last-of-type[b-82zqryfkef] {
    margin-bottom: 0.75rem;
}

.client-profile__page-actions[b-82zqryfkef] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid #E2E8F0;
}

.client-profile__btn[b-82zqryfkef] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1.2;
    color: #033D53;
    background: #FFFFFF;
    border: 1.5px solid #033D53;
    border-radius: 0.35rem;
    cursor: pointer;
    box-shadow: none;
}

.client-profile__btn:hover[b-82zqryfkef],
.client-profile__btn:focus-visible[b-82zqryfkef] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
    outline: none;
}

.client-profile__btn:focus-visible[b-82zqryfkef] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.client-profile__btn:active[b-82zqryfkef],
.client-profile__btn:hover:active[b-82zqryfkef],
.client-profile__btn:focus:active[b-82zqryfkef] {
    background: #033D53;
    border-color: #033D53;
    color: #FFFFFF;
}

.client-profile__btn:disabled[b-82zqryfkef] {
    opacity: 0.55;
    cursor: not-allowed;
}

.client-profile__btn i[b-82zqryfkef] {
    font-size: 0.65rem;
    color: inherit;
}

@media (max-width: 767.98px) {
    .client-profile__page-actions[b-82zqryfkef] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .client-profile__btn[b-82zqryfkef] {
        justify-content: center;
    }
}

/* Stacked sections (FC review pattern) — unchanged look */
.client-profile__section[b-82zqryfkef] {
    border-radius: 0.5rem;
    border: 1px solid #E2E8F0;
    box-shadow: none;
    background: #FFFFFF;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.client-profile__section-head[b-82zqryfkef] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 0.75rem;
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid #E2E8F0;
    background: transparent;
}

.client-profile__section-title-wrap[b-82zqryfkef] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.client-profile__section-icon[b-82zqryfkef] {
    flex-shrink: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.45rem;
    background: #033D53;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.client-profile__section-title[b-82zqryfkef] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: #121A1F;
}

.client-profile__head-actions[b-82zqryfkef] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.client-profile__section-body[b-82zqryfkef] {
    padding: 0.35rem 1.15rem 1.15rem;
}

.client-profile__grid[b-82zqryfkef] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.15rem;
}

@media (min-width: 768px) {
    .client-profile__grid[b-82zqryfkef] {
        grid-template-columns: 1fr 1fr;
    }

    .client-profile__grid-col + .client-profile__grid-col[b-82zqryfkef] {
        border-left: 1px solid #E2E8F0;
        padding-left: 1.15rem;
    }
}

.client-profile__row[b-82zqryfkef] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.3rem 0.85rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid #E2E8F0;
}

.client-profile__grid-col .client-profile__row:last-child[b-82zqryfkef] {
    border-bottom: 1px solid #E2E8F0;
}

.client-profile__label[b-82zqryfkef] {
    flex: 0 0 10.5rem;
    width: 10.5rem;
    max-width: 42%;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 500;
    color: #32434B;
    line-height: 1.35;
}

.client-profile__value[b-82zqryfkef] {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 500;
    color: #121A1F;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.client-profile__value--email[b-82zqryfkef] {
    white-space: normal;
}

.client-profile__edit-actions[b-82zqryfkef] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

[b-82zqryfkef] .card {
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    box-shadow: none;
    background: #FFFFFF;
    overflow: hidden;
}

[b-82zqryfkef] .card-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    font-weight: 700;
    font-size: 1rem;
    color: #121A1F;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.15rem;
}

[b-82zqryfkef] .card-header i {
    color: #FFFFFF;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #033D53;
    border-radius: 0.45rem;
    font-size: 0.75rem;
    margin: 0;
}

[b-82zqryfkef] .card-body,
[b-82zqryfkef] .client-profile__edit-body {
    padding: 1rem 1.15rem 1.25rem;
}

@media (max-width: 767.98px) {
    .client-profile__row[b-82zqryfkef] {
        flex-wrap: wrap;
    }

    .client-profile__label[b-82zqryfkef] {
        flex: 1 1 100%;
        width: auto;
        max-width: none;
    }

    .client-profile__head-actions[b-82zqryfkef] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Shared/ETOParticipants/ActiveETOParticipantCard.razor.rz.scp.css */
/* Client Financial Summary popup — Figma UI (keep out of app-topnav.css) */

.client-financial-summary-popup[b-ugg3zi07et] {
    background: #E2E8F0;
}

.client-financial-summary-popup__header[b-ugg3zi07et] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 14px 16px;
    background: #FFFFFF;
    border-bottom: 0;
}

.client-financial-summary-popup__title[b-ugg3zi07et] {
    margin: 0;
    flex: 0 0 auto;
    font-size: 0.95rem !important;
    font-weight: 700;
    color: #033D53;
    line-height: 1.25;
    white-space: nowrap;
}

.client-financial-summary-popup__subtitle[b-ugg3zi07et] {
    margin: 0 0 0 12px !important;
    flex: 0 0 auto;
    max-width: 42%;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    color: #32434B !important;
    line-height: 1.35 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-financial-summary-popup__fy[b-ugg3zi07et] {
    margin: 0 0 0 12px !important;
    flex: 0 0 auto;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    color: #32434B !important;
    line-height: 1.35 !important;
    white-space: nowrap;
}

/* X — default navy / hover sky / click navy fill */
.client-financial-summary-popup__close[b-ugg3zi07et] {
    margin-left: auto;
    background: transparent;
    color: #033D53;
}

.client-financial-summary-popup__close:hover[b-ugg3zi07et],
.client-financial-summary-popup__close:focus[b-ugg3zi07et],
.client-financial-summary-popup__close:focus-visible[b-ugg3zi07et] {
    background: #E0F2FE !important;
    color: #033D53 !important;
    outline: none;
}

.client-financial-summary-popup__close:focus-visible[b-ugg3zi07et] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.client-financial-summary-popup__close:active[b-ugg3zi07et],
.client-financial-summary-popup__close:hover:active[b-ugg3zi07et],
.client-financial-summary-popup__close:focus:active[b-ugg3zi07et] {
    background: #033D53 !important;
    color: #FFFFFF !important;
}

.client-financial-summary-popup__body[b-ugg3zi07et] {
    padding: 14px 8px 14px 14px;
    background: #E2E8F0;
}

[b-ugg3zi07et] .client-financial-summary-chip {
    background: #FFFFFF;
    padding: 10px 12px;
}

[b-ugg3zi07et] .client-financial-summary-chip__label {
    font-size: 12px !important;
}

[b-ugg3zi07et] .client-financial-summary-chip__value {
    color: #033D53;
    font-size: 1rem !important;
}
/* /Pages/Domain/Shared/ETOParticipants/ActiveETOParticipantSelector.razor.rz.scp.css */
/* Set Active Client selector — Figma layout */
.ac-client-selector[b-d42h5alma7] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    width: 100%;
    box-sizing: border-box;
}

.ac-client-selector__label[b-d42h5alma7],
.ac-client-selector__info-label[b-d42h5alma7],
.ac-client-selector__samples-label[b-d42h5alma7] {
    display: block;
    margin: 0 0 0.45rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #32434B;
    line-height: 1.3;
}

.ac-client-selector__info-label[b-d42h5alma7] {
    font-weight: 600;
    color: #32434B;
    margin-bottom: 0.55rem;
}

.ac-client-selector__loading-field[b-d42h5alma7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 42px;
    box-sizing: border-box;
    padding: 0 0.85rem;
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #32434B;
    line-height: 1.35;
}

.ac-client-selector__loading-field i[b-d42h5alma7] {
    color: #033D53;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.ac-client-selector__field[b-d42h5alma7] {
    position: relative;
    z-index: 1;
}

.ac-client-selector__field:has(.ac-client-selector__fc-select.is-open)[b-d42h5alma7] {
    z-index: 120;
}

/* Same FcSelect chrome as Finance Worker / Rejection Reason */
.ac-client-selector__fc-select[b-d42h5alma7] {
    width: 100%;
    display: flex;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__control {
    width: 100%;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__trigger {
    width: 100%;
    min-width: 0;
    background: #F0F4F8;
    color: #32434B;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    height: 2.5rem;
    font-size: 0.875rem;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__value.is-placeholder {
    color: #6B7A86;
}

.ac-client-selector__fc-select.is-open[b-d42h5alma7]  .fc-select__trigger,
.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__trigger:hover,
.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__trigger:focus,
.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__trigger:focus-visible {
    border: 1px solid #033D53 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 9rem;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 0.4rem;
    background: #FFFFFF !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12) !important;
    z-index: 12001;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__option {
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    padding: 0.35rem 0.475rem;
    color: #32434B !important;
    font-size: 0.8125rem;
    font-weight: 500;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__option:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__option.is-selected,
.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__option.is-selected:hover {
    background: #033D53 !important;
    color: #FFFFFF !important;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-track {
    background: transparent;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-corner {
    background: transparent;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE;
    border-radius: 999px;
    margin: 2px 4px;
    border: 4px solid transparent;
    background-clip: padding-box;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 32px;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-thumb:hover {
    background: #121A1F;
    background-clip: padding-box;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 6px;
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-button:vertical:start:increment,
.ac-client-selector__fc-select[b-d42h5alma7]  .fc-select__menu::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
    height: 0;
    width: 0;
}

.ac-client-selector__fc-select.is-open[b-d42h5alma7] {
    z-index: 120;
}

.ac-client-selector__row[b-d42h5alma7] {
    display: flex;
    align-items: stretch;
    gap: 0.65rem;
    width: 100%;
}

.ac-client-selector__input-wrap[b-d42h5alma7] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.ac-client-selector__input-wrap[b-d42h5alma7]  .k-numerictextbox,
.ac-client-selector__input-wrap[b-d42h5alma7]  .k-input,
.ac-client-selector__input-wrap[b-d42h5alma7]  .k-textbox,
.ac-client-selector__input-wrap[b-d42h5alma7]  .ac-client-selector__input {
    width: 100% !important;
}

.ac-client-selector__input-wrap[b-d42h5alma7]  .k-input-inner,
.ac-client-selector__input-wrap[b-d42h5alma7]  input.k-input-inner {
    background: #F0F4F8 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    min-height: 42px !important;
    padding: 0.55rem 0.85rem !important;
    font-size: 0.9rem !important;
    color: #121A1F !important;
    box-shadow: none !important;
}

/* Chrome autofill paints #E0F2FE — force Figma surface #F0F4F8 */
.ac-client-selector__input-wrap[b-d42h5alma7]  input:-webkit-autofill,
.ac-client-selector__input-wrap[b-d42h5alma7]  input:-webkit-autofill:hover,
.ac-client-selector__input-wrap[b-d42h5alma7]  input:-webkit-autofill:focus,
.ac-client-selector__input-wrap[b-d42h5alma7]  .k-input-inner:-webkit-autofill {
    -webkit-text-fill-color: #121A1F !important;
    caret-color: #121A1F !important;
    background-color: #F0F4F8 !important;
    background-image: none !important;
    box-shadow: 0 0 0 1000px #F0F4F8 inset !important;
    -webkit-box-shadow: 0 0 0 1000px #F0F4F8 inset !important;
    transition: background-color 99999s ease-out 0s !important;
}

.ac-client-selector__input-wrap[b-d42h5alma7]  .k-numerictextbox,
.ac-client-selector__input-wrap[b-d42h5alma7]  .k-input {
    background: #F0F4F8 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.ac-client-selector__field[b-d42h5alma7]  .md-form,
.ac-client-selector__field[b-d42h5alma7]  .form-group,
.ac-client-selector__field[b-d42h5alma7]  .form-outline,
.ac-client-selector__field[b-d42h5alma7]  .form-outline .form-notch,
.ac-client-selector__field[b-d42h5alma7]  .form-outline .form-notch div {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ac-client-selector__field[b-d42h5alma7]  .app-input-placeholder,
.ac-client-selector__field[b-d42h5alma7]  .form-outline > label.form-label {
    display: none !important;
}

.ac-client-selector__field[b-d42h5alma7]  select,
.ac-client-selector__field[b-d42h5alma7]  select.form-control,
.ac-client-selector__field[b-d42h5alma7]  .form-select,
.ac-client-selector__field[b-d42h5alma7]  .custom-select,
.ac-client-selector__field[b-d42h5alma7]  .form-outline .form-control {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    box-sizing: border-box !important;
    padding: 0.4rem 2.1rem 0.4rem 0.85rem !important;
    background: #F0F4F8 !important;
    background-image: none !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
    color: #121A1F !important;
}

.ac-client-selector__field[b-d42h5alma7]  select:focus,
.ac-client-selector__field[b-d42h5alma7]  select.form-control:focus,
.ac-client-selector__field[b-d42h5alma7]  .form-select:focus,
.ac-client-selector__field[b-d42h5alma7]  .custom-select:focus,
.ac-client-selector__field[b-d42h5alma7]  .form-outline .form-control:focus {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* No linked clients — portal warning pair (same as FC restriction banner) */
.ac-client-selector__field[b-d42h5alma7]  .alert,
.ac-client-selector__field[b-d42h5alma7]  .alert-warning {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin: 0.55rem 0 0 !important;
    padding: 0.5rem 0.85rem !important;
    background: #FEF3C7 !important;
    border: 2px solid #D8BD51 !important;
    border-radius: 8px !important;
    color: #121A1F !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-shadow: none !important;
}

.ac-client-selector__fetch[b-d42h5alma7] {
    flex: 0 0 auto;
    min-width: 5.5rem;
    padding: 0 1rem;
    border-radius: 8px;
    border: 1px solid #32434B;
    background: #ffffff;
    color: #32434B;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ac-client-selector__fetch:hover:not(:disabled)[b-d42h5alma7],
.ac-client-selector__fetch:focus-visible[b-d42h5alma7] {
    background: #E0F2FE;
    border-color: #32434B;
    color: #32434B;
    outline: none;
}

.ac-client-selector__fetch:active:not(:disabled)[b-d42h5alma7] {
    background: #033D53;
    color: #ffffff;
    border-color: #033D53;
}

.ac-client-selector__fetch:disabled[b-d42h5alma7] {
    background: #ffffff;
    border-color: #D0D7DE;
    color: #A0AAB4;
    cursor: not-allowed;
    opacity: 1;
}

.ac-client-selector__info[b-d42h5alma7] {
    width: 100%;
    border-radius: 8px;
    box-sizing: border-box;
}

.ac-client-selector__info--empty[b-d42h5alma7] {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    min-height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.75rem 1rem;
}

.ac-client-selector__info-empty-text[b-d42h5alma7] {
    font-size: 0.875rem;
    color: #121A1F;
    text-align: left;
    line-height: 1.35;
    font-weight: 500;
}

.ac-client-selector__info--loading[b-d42h5alma7] {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    min-height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    color: #121A1F;
    font-size: 0.85rem;
}

.ac-client-selector__info--filled[b-d42h5alma7] {
    background: transparent;
    padding: 0;
}

.ac-client-selector__info-row[b-d42h5alma7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid #E8EBEF;
}

.ac-client-selector__info-row:last-child[b-d42h5alma7] {
    border-bottom: none;
}

.ac-client-selector__info-key[b-d42h5alma7] {
    flex: 0 0 auto;
    font-size: 0.875rem;
    color: #32434B;
    font-weight: 500;
}

.ac-client-selector__info-val[b-d42h5alma7] {
    flex: 0 1 auto;
    max-width: calc(100% - 4.5rem);
    margin-left: auto;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 700;
    color: #32434B;
    min-width: 0;
    word-break: break-word;
}

.ac-client-selector__samples[b-d42h5alma7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
}

.ac-client-selector__samples-label[b-d42h5alma7] {
    margin: 0;
    flex: 0 0 auto;
}

.ac-client-selector__samples-list[b-d42h5alma7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    flex: 1 1 auto;
}

.ac-client-selector__sample-btn[b-d42h5alma7] {
    appearance: none;
    background: #ffffff;
    border: 1px solid #C5CDD6;
    border-radius: 6px;
    padding: 0.35rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #32434B;
    cursor: pointer;
    line-height: 1.3;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ac-client-selector__sample-btn:hover:not(:disabled)[b-d42h5alma7],
.ac-client-selector__sample-btn:focus-visible[b-d42h5alma7] {
    background: #E0F2FE;
    border-color: #C5CDD6;
    color: #0B6E99;
    outline: none;
}

.ac-client-selector__sample-btn:active:not(:disabled)[b-d42h5alma7] {
    background: #033D53;
    border-color: #033D53;
    color: #ffffff;
}

.ac-client-selector__sample-btn:disabled[b-d42h5alma7] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* /Pages/Domain/Shared/ModuleList/ModuleListEmptyState.razor.rz.scp.css */
.module-list-empty[b-xdqbbxouxm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.module-list-empty__icon[b-xdqbbxouxm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: #f4f7fa;
    border: 1px solid #e8ecf1;
    color: #9aa5b1;
    font-size: 1.75rem;
}

.module-list-empty__title[b-xdqbbxouxm] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: #3d4f5f;
}

.module-list-empty__description[b-xdqbbxouxm] {
    margin: 0;
    max-width: 28rem;
    font-size: 0.875rem;
    color: #6c7a89;
    line-height: 1.45;
}

.module-list-empty__actions[b-xdqbbxouxm] {
    margin-top: 1.25rem;
}
/* /Pages/Domain/Shared/ModuleList/ModuleListFilterPanel.razor.rz.scp.css */
.module-list-filter-panel[b-bxeepyc68t] {
    overflow: visible !important;
}

.module-list-filter-panel .row[b-bxeepyc68t] {
    margin-bottom: 0;
}

.module-list-filter-panel label.small[b-bxeepyc68t] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6c757d;
}

.letter-spacing-1[b-bxeepyc68t] {
    letter-spacing: 0.04em;
}
/* /Pages/Domain/Shared/ModuleList/ModuleListLoadingState.razor.rz.scp.css */
.module-list-loading[b-g55578yo7g] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 2.5rem 1.5rem;
    background: #FFFFFF;
    color: #32434B;
}

.module-list-loading--overlay[b-g55578yo7g] {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.module-list-loading__content[b-g55578yo7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
}

.module-list-loading__spinner[b-g55578yo7g] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid #033D53;
    border-right-color: transparent;
    border-radius: 50%;
    animation: module-list-loading-spin-b-g55578yo7g 0.75s linear infinite;
}

.module-list-loading__text[b-g55578yo7g] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
    color: #32434B;
}

@keyframes module-list-loading-spin-b-g55578yo7g {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Domain/Shared/ModuleList/ModuleListPagination.razor.rz.scp.css */
.module-list-pagination[b-g34zraol90] {
    padding: 0.75rem 0.25rem 0.25rem;
    border-top: 1px solid #e8ecf1 !important;
    margin-top: 0.5rem !important;
}

.module-list-pagination__controls[b-g34zraol90] {
    gap: 0.35rem;
    align-items: center;
}

/* Shared height lock — nav + page must match (incl. :disabled; global .btn skips disabled) */
.module-list-pagination__nav[b-g34zraol90],
.module-list-pagination__page[b-g34zraol90],
.module-list-pagination .btn.module-list-pagination__nav[b-g34zraol90],
.module-list-pagination .btn.module-list-pagination__page:not(.is-active)[b-g34zraol90] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 2rem !important;
    min-height: 2rem !important;
    max-height: 2rem !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    border: 1.5px solid #D0D5DD !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: none !important;
    vertical-align: middle;
}

.module-list-pagination__nav[b-g34zraol90] {
    gap: 0.35rem;
    min-width: 2rem;
    padding: 0 0.5rem !important;
    color: #033D53 !important;
}

.module-list-pagination__nav i[b-g34zraol90],
.module-list-pagination__nav .fa[b-g34zraol90],
.module-list-pagination__nav .fas[b-g34zraol90] {
    font-size: 0.7rem !important;
    line-height: 1 !important;
}

.module-list-pagination__nav:hover:not(:disabled)[b-g34zraol90] {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.module-list-pagination__nav:disabled[b-g34zraol90] {
    opacity: 0.4;
    height: 2rem !important;
    min-height: 2rem !important;
    max-height: 2rem !important;
    padding: 0 0.5rem !important;
}

.module-list-pagination__page[b-g34zraol90] {
    width: 2rem !important;
    min-width: 2rem !important;
    max-width: 2rem !important;
    padding: 0 !important;
    color: #033D53 !important;
}

.module-list-pagination__page:hover:not(.is-active)[b-g34zraol90] {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
}

.module-list-pagination__page.is-active[b-g34zraol90] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #fff !important;
}

/* Beat app-interactive white .btn !important so current page stays dark navy */
body.fixed-sn main .module-list-pagination .btn.module-list-pagination__page.is-active[b-g34zraol90],
body.fixed-sn main .module-list-pagination .btn.module-list-pagination__page.is-active:hover[b-g34zraol90],
body.fixed-sn main .module-list-pagination .btn.module-list-pagination__page.is-active:focus[b-g34zraol90],
body.fixed-sn main .module-list-pagination .btn.module-list-pagination__page.is-active:active[b-g34zraol90],
body.fixed-sn main .module-list-pagination .btn.module-list-pagination__page[aria-current="page"][b-g34zraol90] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Impersonate Vendor tab — Figma active page #002B6B */
body.fixed-sn main .module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page.is-active[b-g34zraol90],
body.fixed-sn main .module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page.is-active:hover[b-g34zraol90],
body.fixed-sn main .module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page.is-active:focus[b-g34zraol90],
body.fixed-sn main .module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page.is-active:active[b-g34zraol90],
body.fixed-sn main .module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page[aria-current="page"][b-g34zraol90],
.module-list-pagination.imp-vendor-pagination .module-list-pagination__page.is-active[b-g34zraol90],
.module-list-pagination.imp-vendor-pagination .btn.module-list-pagination__page.is-active[b-g34zraol90] {
    background: #002B6B !important;
    background-color: #002B6B !important;
    border-color: #002B6B !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Legacy outline-secondary — size locked above; only color transition here */
.module-list-pagination .btn-outline-secondary[b-g34zraol90] {
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.module-list-pagination .btn-outline-secondary:hover:not(:disabled)[b-g34zraol90] {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.module-list-pagination .btn-outline-secondary:disabled[b-g34zraol90] {
    opacity: 0.4;
}

.module-list-pagination .text-muted.small[b-g34zraol90],
.module-list-pagination__label[b-g34zraol90] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B !important;
}
/* /Pages/Domain/Shared/ModuleList/ModuleListSummary.razor.rz.scp.css */
.module-list-summary[b-i7ovs24ibk] {
    padding: 0.625rem 0.25rem 0.375rem;
}

.module-list-summary .text-muted.small[b-i7ovs24ibk] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6c757d !important;
}
/* /Pages/Domain/Shared/ModuleList/ModuleListToolbar.razor.rz.scp.css */
/* Shared module list toolbar — brand-aligned, card-style control bar */
.module-list-toolbar[b-jzqet9bwjt] {
    --ml-brand: #136285;
    --ml-brand-hover: #0f4f6a;
    --ml-border: #d8dee6;
    --ml-border-focus: #136285;
    --ml-bg: #f7f9fc;
    --ml-surface: #ffffff;
    --ml-text-muted: #6c757d;
    --ml-radius: 8px;
    --ml-control-h: 2.125rem;
    width: 100%;
}

.module-list-toolbar__inner[b-jzqet9bwjt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    padding: 0.875rem 0;
    background: var(--ml-bg);
    border: 1px solid #e8ecf1;
    border-radius: var(--ml-radius);
}

/* Default chrome: keep L/R inset on shared list pages */
.module-list-toolbar:not(.module-list-toolbar--flush) .module-list-toolbar__inner[b-jzqet9bwjt] {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* FC page (Flush): no L/R inset — align with filter bar fields */
.module-list-toolbar--flush .module-list-toolbar__inner[b-jzqet9bwjt] {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.module-list-toolbar__group[b-jzqet9bwjt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.625rem;
}

.module-list-toolbar__group--actions[b-jzqet9bwjt] {
    flex-shrink: 0;
}

.module-list-toolbar__group--filters[b-jzqet9bwjt] {
    flex: 1 1 auto;
    min-width: 0;
}

.module-list-toolbar__field--search[b-jzqet9bwjt] {
    flex: 1 1 16rem;
    max-width: 22rem;
    margin-left: auto;
    min-width: 14rem;
}

/* Keep actions, filters, and search on one row when search is shown */
@media (min-width: 992px) {
    .module-list-toolbar__inner--with-search[b-jzqet9bwjt] {
        flex-wrap: nowrap;
        gap: 0.625rem 0.75rem;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__group[b-jzqet9bwjt] {
        flex-wrap: nowrap;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__group--actions[b-jzqet9bwjt] {
        flex: 0 0 auto;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__group--filters[b-jzqet9bwjt] {
        flex: 0 1 auto;
        min-width: 0;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__field--search[b-jzqet9bwjt] {
        flex: 1 1 0;
        min-width: 8rem;
        max-width: 16rem;
        margin-left: auto;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__select[b-jzqet9bwjt] {
        min-width: 7.25rem;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__select--sort[b-jzqet9bwjt] {
        min-width: 8rem;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__field[b-jzqet9bwjt] {
        flex: 0 0 auto;
    }

    .module-list-toolbar__inner--with-search .module-list-toolbar__divider[b-jzqet9bwjt] {
        flex-shrink: 0;
    }
}

.module-list-toolbar__group--trailing[b-jzqet9bwjt] {
    margin-left: auto;
}

.module-list-toolbar__divider[b-jzqet9bwjt] {
    align-self: stretch;
    width: 1px;
    min-height: 2.5rem;
    background: linear-gradient(180deg, transparent, #d8dee6 15%, #d8dee6 85%, transparent);
    margin: 0 0.125rem;
}

.module-list-toolbar__field[b-jzqet9bwjt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.module-list-toolbar__field--compact[b-jzqet9bwjt] {
    flex: 0 0 auto;
    overflow: visible;
    position: relative;
    z-index: 2;
}

.module-list-toolbar__field--compact[b-jzqet9bwjt]  .fc-select__label {
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.module-list-toolbar__field--compact[b-jzqet9bwjt]  .fc-select__value,
.module-list-toolbar__field--compact[b-jzqet9bwjt]  .fc-select__option {
    text-align: center;
}

.module-list-toolbar__field--compact[b-jzqet9bwjt]  .fc-select__option {
    color: #32434B !important;
}

.module-list-toolbar__label[b-jzqet9bwjt] {
    margin: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ml-text-muted);
    line-height: 1.2;
    white-space: nowrap;
}

/* Selects */
.module-list-toolbar__select[b-jzqet9bwjt] {
    appearance: none;
    -webkit-appearance: none;
    height: var(--ml-control-h);
    min-width: 9.5rem;
    max-width: 100%;
    padding: 0 2rem 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #2c3e50;
    background-color: var(--ml-surface);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236c757d' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.65rem center;
    background-size: 10px;
    border: 1px solid var(--ml-border);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}

.module-list-toolbar__select:hover:not(:disabled)[b-jzqet9bwjt] {
    border-color: #b8c2ce;
}

.module-list-toolbar__select:focus[b-jzqet9bwjt] {
    outline: none;
    border-color: var(--ml-border-focus);
    box-shadow: 0 0 0 3px rgba(19, 98, 133, 0.12);
}

.module-list-toolbar__select:disabled[b-jzqet9bwjt] {
    opacity: 0.65;
    cursor: not-allowed;
    background-color: #f1f3f5;
}

.module-list-toolbar__select--sort[b-jzqet9bwjt] {
    min-width: 10.5rem;
}

.module-list-toolbar__select--page[b-jzqet9bwjt] {
    min-width: 4.25rem;
    width: 4.5rem;
    padding-right: 1.75rem;
}

/* Primary action */
.module-list-toolbar__add-btn[b-jzqet9bwjt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    height: var(--ml-control-h);
    padding: 0 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.module-list-toolbar__add-btn.btn-outline-primary[b-jzqet9bwjt],
.module-list-toolbar__add-btn:not(.btn-primary):not(.btn-secondary)[b-jzqet9bwjt] {
    border: 1px solid var(--ml-brand);
    color: var(--ml-brand);
    background: var(--ml-surface);
}

.module-list-toolbar__add-btn.btn-outline-primary:hover:not(:disabled)[b-jzqet9bwjt],
.module-list-toolbar__add-btn:not(.btn-primary):not(.btn-secondary):hover:not(:disabled)[b-jzqet9bwjt] {
    background: var(--ml-brand);
    border-color: var(--ml-brand);
    color: #fff;
    box-shadow: 0 2px 6px rgba(19, 98, 133, 0.22);
}

.module-list-toolbar__add-btn.btn-primary[b-jzqet9bwjt] {
    background: var(--ml-brand);
    border-color: var(--ml-brand);
    color: #fff;
}

.module-list-toolbar__add-btn.btn-primary:hover:not(:disabled)[b-jzqet9bwjt] {
    background: var(--ml-brand-hover);
    border-color: var(--ml-brand-hover);
    box-shadow: 0 2px 6px rgba(19, 98, 133, 0.28);
}

.module-list-toolbar__add-btn:disabled[b-jzqet9bwjt] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Filters toggle */
.module-list-toolbar__filters-btn[b-jzqet9bwjt] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: var(--ml-control-h);
    padding: 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #495057;
    background: var(--ml-surface);
    border: 1px solid var(--ml-border);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.module-list-toolbar__filters-btn:hover:not(:disabled)[b-jzqet9bwjt] {
    border-color: var(--ml-brand);
    color: var(--ml-brand);
}

.module-list-toolbar__filters-btn.is-open[b-jzqet9bwjt],
.module-list-toolbar__filters-btn.has-active[b-jzqet9bwjt] {
    border-color: var(--ml-brand);
    color: var(--ml-brand);
    background: rgba(19, 98, 133, 0.06);
}

.module-list-toolbar__badge[b-jzqet9bwjt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background: var(--ml-brand);
    border-radius: 999px;
}

/* Search */
.module-list-toolbar__search[b-jzqet9bwjt] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.module-list-toolbar__search-icon[b-jzqet9bwjt] {
    position: absolute;
    left: 0.75rem;
    font-size: 0.8125rem;
    color: #adb5bd;
    pointer-events: none;
}

.module-list-toolbar__search-input[b-jzqet9bwjt] {
    width: 100%;
    height: var(--ml-control-h);
    padding: 0 0.75rem 0 2.125rem;
    font-size: 0.8125rem;
    color: #2c3e50;
    background: var(--ml-surface);
    border: 1px solid var(--ml-border);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.module-list-toolbar__search-input[b-jzqet9bwjt]::placeholder {
    color: #adb5bd;
}

.module-list-toolbar__search-input:hover:not(:disabled)[b-jzqet9bwjt] {
    border-color: #b8c2ce;
}

.module-list-toolbar__search-input:focus[b-jzqet9bwjt] {
    outline: none;
    border-color: var(--ml-border-focus);
    box-shadow: 0 0 0 3px rgba(19, 98, 133, 0.12);
}

.module-list-toolbar__search-input:disabled[b-jzqet9bwjt] {
    opacity: 0.65;
    background: #f1f3f5;
}

/* Filter panel (shared) */
.module-list-filter-panel[b-jzqet9bwjt] {
    overflow: visible !important;
    margin-top: 0.75rem;
    padding: 1rem 1.125rem !important;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%) !important;
    border: 1px solid #e8ecf1 !important;
    border-radius: var(--ml-radius) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.module-list-filter-panel .custom-select[b-jzqet9bwjt],
.module-list-filter-panel .form-control[b-jzqet9bwjt] {
    border-radius: 6px;
    border-color: var(--ml-border);
    font-size: 0.8125rem;
}

.module-list-filter-panel .custom-select:focus[b-jzqet9bwjt],
.module-list-filter-panel .form-control:focus[b-jzqet9bwjt] {
    border-color: var(--ml-border-focus);
    box-shadow: 0 0 0 3px rgba(19, 98, 133, 0.12);
}

.letter-spacing-1[b-jzqet9bwjt] {
    letter-spacing: 0.04em;
}

/* Tabs wrapper (Financial Pressure) */
.module-list-tabs[b-jzqet9bwjt] {
    padding: 0 0.5rem;
    margin-top: 0.25rem;
}

.module-list-tabs__header[b-jzqet9bwjt] {
    gap: 0.35rem;
}

.module-list-tabs .badge[b-jzqet9bwjt] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2em 0.55em;
    border: 1px solid #e8ecf1;
}

@media (max-width: 991.98px) {
    .module-list-toolbar__field--search[b-jzqet9bwjt] {
        flex: 1 1 100%;
        max-width: none;
        margin-left: 0;
        order: 10;
    }

    .module-list-toolbar__divider[b-jzqet9bwjt] {
        display: none;
    }

    .module-list-toolbar__group--filters[b-jzqet9bwjt] {
        flex: 1 1 100%;
    }

    .module-list-toolbar__field[b-jzqet9bwjt] {
        flex: 1 1 calc(50% - 0.5rem);
    }

    .module-list-toolbar__select[b-jzqet9bwjt] {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .module-list-toolbar:not(.module-list-toolbar--flush) .module-list-toolbar__inner[b-jzqet9bwjt] {
        padding: 0.75rem;
    }

    .module-list-toolbar--flush .module-list-toolbar__inner[b-jzqet9bwjt] {
        padding: 0 !important;
    }

    .module-list-toolbar__field[b-jzqet9bwjt] {
        flex: 1 1 100%;
    }

    .module-list-toolbar__group--actions[b-jzqet9bwjt] {
        width: 100%;
    }

    .module-list-toolbar__add-btn[b-jzqet9bwjt],
    .module-list-toolbar__filters-btn[b-jzqet9bwjt] {
        flex: 1 1 auto;
    }
}
/* /Pages/Domain/Shared/NotificationCenterTab.razor.rz.scp.css */
/* ============================================================
   Notification Center Tab — Figma / AODA tokens
   ============================================================ */

.notification-center[b-v009ai4r3r] {
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    width: 100%;
}

.notification-section[b-v009ai4r3r] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
    margin-bottom: 0.35rem;
}

.notification-section__title[b-v009ai4r3r] {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0 0.5rem;
    padding: 0;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    color: #121A1F;
    background: transparent;
    border: none;
    border-radius: 0;
}

.notification-section__title i[b-v009ai4r3r],
.notification-section__icon[b-v009ai4r3r] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    font-size: 0.8125rem;
    color: #033D53;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.notification-section__title span[b-v009ai4r3r] {
    min-width: 0;
}

.notification-section__table-wrap[b-v009ai4r3r] {
    width: 100%;
    min-width: 0;
    border: 1px solid #E2E8F0;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #FFFFFF;
}

/* ---- Table shell ---- */
.notification-table[b-v009ai4r3r] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
    background-color: #FFFFFF;
    border-radius: 0;
    overflow: hidden;
    border: none;
    margin: 0;
}

.notification-table col.notification-table__col-type[b-v009ai4r3r] {
    width: auto;
}

.notification-table col.notification-table__col-enabled[b-v009ai4r3r] {
    width: 8rem;
}

/* ---- Header row ---- */
.notification-table thead th[b-v009ai4r3r] {
    background-color: #F0F4F8;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    padding: 0.65rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #E2E8F0;
    line-height: 1.35;
}

.notification-table th:first-child[b-v009ai4r3r] {
    text-align: left;
}

.notification-table__th-enabled[b-v009ai4r3r],
.notification-table th.notification-table__th-enabled[b-v009ai4r3r] {
    text-align: center;
    width: 8rem;
    white-space: nowrap;
}

/* ---- Body rows ---- */
.notification-table td[b-v009ai4r3r] {
    padding: 0.7rem 1rem;
    vertical-align: middle;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E2E8F0;
    line-height: 1.35;
    background: #FFFFFF;
}

.notification-table td:first-child[b-v009ai4r3r] {
    text-align: left;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.notification-table__td-enabled[b-v009ai4r3r],
.notification-table td.notification-table__td-enabled[b-v009ai4r3r] {
    text-align: center;
    width: 8rem;
    white-space: nowrap;
}

.notification-table tbody tr:last-child td[b-v009ai4r3r] {
    border-bottom: none;
}

.notification-table tbody tr:nth-child(even) td[b-v009ai4r3r] {
    background-color: #FFFFFF;
}

.notification-table tbody tr:hover td[b-v009ai4r3r] {
    background-color: #FFFFFF;
}

/* ---- Toggle alignment ---- */
.notification-table__td-enabled[b-v009ai4r3r]  .custom-control,
.notification-table__td-enabled[b-v009ai4r3r]  .custom-switch,
.notification-table__td-enabled[b-v009ai4r3r]  .app-toggle,
.notification-table .custom-control[b-v009ai4r3r],
.notification-table .custom-switch[b-v009ai4r3r],
.notification-table .app-toggle[b-v009ai4r3r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin: 0 auto;
}

.notification-table .custom-switch[b-v009ai4r3r] {
    transform: scale(0.9);
    transform-origin: center center;
    padding-left: 2.35rem;
    min-height: 1.25rem;
}

.notification-table .custom-switch .custom-control-input:checked ~ .custom-control-label[b-v009ai4r3r]::before {
    background-color: #033D53;
    border-color: #033D53;
}

/* ---- Card wrapper overrides ---- */
[b-v009ai4r3r] .card {
    border: 1px solid #E2E8F0;
    border-radius: 0.625rem;
    box-shadow: none;
    overflow: hidden;
    background: #FFFFFF;
}

[b-v009ai4r3r] .card-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E2E8F0;
    font-weight: 700;
    font-size: 1rem;
    color: #121A1F;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.15rem;
}

[b-v009ai4r3r] .card-header i {
    color: #FFFFFF;
    font-size: 0.75rem;
}

[b-v009ai4r3r] .card-body.notification-center__body,
[b-v009ai4r3r] .notification-center__body.card-body {
    padding: 1rem 1.15rem 1.25rem;
}

.notification-table th[b-v009ai4r3r],
.notification-table td[b-v009ai4r3r] {
    font-size: 12px;
    color: #32434B;
}

.notification-table .fa-lock[b-v009ai4r3r] {
    color: #033D53;
    font-size: 12px;
    margin-right: 0.35rem;
}
/* /Pages/Domain/Shifts/AppPageMyClients.razor.rz.scp.css */
/* My Clients — FC / AODA list patterns */

.mc-page[b-hzcsrne6eb] {
    --mc-brand: #033D53;
    --mc-ink: #32434B;
    --mc-strong: #121A1F;
    --mc-soft: #F0F4F8;
    --mc-input: #F4F7FA;
    --mc-sky: #E0F2FE;
    --mc-border: #E2E8F0;
    --mc-hr: #E8ECF1;
    --mc-white: #FFFFFF;
    --mc-press: #022a3a;
}

.mc-page[b-hzcsrne6eb]  .app-card,
.mc-page[b-hzcsrne6eb]  .card {
    border: 1px solid var(--mc-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: var(--mc-white) !important;
    overflow: hidden !important;
}

.mc-page[b-hzcsrne6eb]  .card > .card-header,
.mc-page[b-hzcsrne6eb]  .app-card > .card-header,
.mc-page[b-hzcsrne6eb]  .app-card-header {
    display: none !important;
}

/* ---- Toolbar ---- */
.mc-toolbar[b-hzcsrne6eb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    padding: 0.85rem 0 0.9rem;
    margin-bottom: 0.35rem;
    border-bottom: 1px solid var(--mc-hr);
}

.mc-toolbar__search[b-hzcsrne6eb] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: min(100%, 16rem);
    flex: 1 1 14rem;
    max-width: 26rem;
}

.mc-toolbar__label[b-hzcsrne6eb] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    letter-spacing: 0;
    white-space: nowrap;
    line-height: 1;
}

.mc-toolbar__search-wrap[b-hzcsrne6eb] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.mc-toolbar__search-icon[b-hzcsrne6eb] {
    position: absolute;
    left: 0.85rem;
    color: var(--mc-ink);
    font-size: 0.8125rem;
    pointer-events: none;
}

.mc-toolbar__input[b-hzcsrne6eb] {
    width: 100%;
    height: 2.375rem;
    padding: 0 0.85rem 0 2.35rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: var(--mc-input);
    color: var(--mc-brand);
    font-size: 0.875rem;
    font-weight: 500;
    outline: none;
    box-shadow: none;
}

.mc-toolbar__input[b-hzcsrne6eb]::placeholder {
    color: #32434B;
}

.mc-toolbar__input:hover[b-hzcsrne6eb] {
    background: var(--mc-sky);
}

.mc-toolbar__input:focus[b-hzcsrne6eb] {
    background: var(--mc-white);
    border-color: var(--mc-brand);
}

.mc-filter-chips[b-hzcsrne6eb] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.mc-chip[b-hzcsrne6eb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    padding: 0 0.95rem;
    border-radius: 8px;
    border: 1.5px solid var(--mc-brand);
    background: var(--mc-white);
    color: var(--mc-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.mc-chip:hover[b-hzcsrne6eb] {
    background: var(--mc-sky);
}

.mc-chip:focus-visible[b-hzcsrne6eb] {
    outline: 2px solid var(--mc-brand);
    outline-offset: 2px;
}

.mc-chip.is-active[b-hzcsrne6eb] {
    background: var(--mc-brand);
    color: var(--mc-white);
    border-color: var(--mc-brand);
}

.mc-chip.is-active:hover[b-hzcsrne6eb] {
    background: var(--mc-press);
    border-color: var(--mc-press);
}

/* ---- Empty ---- */
.mc-empty[b-hzcsrne6eb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 18rem;
    padding: 2.75rem 1.5rem;
    text-align: center;
}

.mc-empty__icon[b-hzcsrne6eb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.1rem;
    border-radius: 1rem;
    background: var(--mc-soft);
    border: 1px solid var(--mc-border);
    color: var(--mc-brand);
    font-size: 1.85rem;
}

.mc-loading[b-hzcsrne6eb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 8rem;
    margin: 1.5rem 0;
    color: #033D53;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
}

.mc-loading__icon[b-hzcsrne6eb] {
    font-size: 1rem;
    color: #033D53;
}

.mc-empty__title[b-hzcsrne6eb] {
    margin: 0 0 0.4rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--mc-strong);
}

.mc-empty__description[b-hzcsrne6eb] {
    margin: 0;
    max-width: 26rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--mc-ink);
}

/* ---- List ---- */
.mc-list[b-hzcsrne6eb] {
    width: 100%;
    padding: 0.35rem 0 0.25rem;
}

.mc-list__header[b-hzcsrne6eb],
.mc-list__row[b-hzcsrne6eb] {
    display: grid;
    grid-template-columns: minmax(7rem, 1.15fr) minmax(4.75rem, 0.65fr) minmax(7rem, 1.15fr) minmax(6.75rem, 0.85fr) minmax(6.5rem, 0.8fr) minmax(11.5rem, 1.25fr) minmax(5.5rem, max-content);
    gap: 1rem;
    align-items: center;
    padding: 0.7rem 0.5rem;
    border-left: 3px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
}

.mc-list__header[b-hzcsrne6eb] {
    border-bottom: 1px solid var(--mc-hr);
    border-radius: 0;
    margin-bottom: 0.15rem;
}

.mc-list__header .mc-col[b-hzcsrne6eb] {
    color: var(--mc-strong);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
}

.mc-list__row[b-hzcsrne6eb] {
    background: var(--mc-white);
    border-bottom: 1px solid var(--mc-hr);
    cursor: pointer;
}

.mc-list__row:hover[b-hzcsrne6eb] {
    background: var(--mc-sky);
    border-left-color: var(--mc-brand);
}

.mc-list__row.is-selected[b-hzcsrne6eb],
.mc-list__row:active[b-hzcsrne6eb] {
    background: var(--mc-brand);
    border-left-color: var(--mc-brand);
    color: var(--mc-white);
}

.mc-list__row.is-selected .mc-name[b-hzcsrne6eb],
.mc-list__row:active .mc-name[b-hzcsrne6eb],
.mc-list__row.is-selected .mc-col[b-hzcsrne6eb],
.mc-list__row:active .mc-col[b-hzcsrne6eb] {
    color: var(--mc-white);
}

.mc-list__row.is-selected .mc-view-btn[b-hzcsrne6eb],
.mc-list__row:active .mc-view-btn[b-hzcsrne6eb] {
    background: var(--mc-white);
    border-color: var(--mc-white);
    color: var(--mc-brand);
}

.mc-col[b-hzcsrne6eb] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mc-ink);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
}

.mc-col:has(.mc-status-pill)[b-hzcsrne6eb],
.mc-col--actions[b-hzcsrne6eb] {
    display: flex;
    align-items: center;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.mc-name[b-hzcsrne6eb] {
    color: var(--mc-strong);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-ellipsis[b-hzcsrne6eb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.mc-col--actions[b-hzcsrne6eb] {
    justify-content: flex-start;
    overflow: visible;
}

.mc-view-btn[b-hzcsrne6eb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: 6px;
    border: 1.5px solid var(--mc-brand);
    background: var(--mc-white);
    color: var(--mc-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.mc-view-btn:hover[b-hzcsrne6eb] {
    background: var(--mc-sky);
}

.mc-view-btn:focus-visible[b-hzcsrne6eb] {
    outline: 2px solid var(--mc-brand);
    outline-offset: 2px;
}

.mc-status-pill[b-hzcsrne6eb] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: auto;
    min-height: 1.5rem;
    padding: 0.15rem 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mc-status-pill--approved[b-hzcsrne6eb] {
    background: #EAFBF1;
    color: #003D1F;
}

.mc-status-pill--pending[b-hzcsrne6eb] {
    background: #F9ECD4;
    color: #35260C;
}

.mc-status-pill--default[b-hzcsrne6eb] {
    background: var(--mc-soft);
    color: var(--mc-ink);
}

.mc-list__row.is-selected .mc-status-pill[b-hzcsrne6eb],
.mc-list__row:active .mc-status-pill[b-hzcsrne6eb] {
    background: rgba(255, 255, 255, 0.18);
    color: var(--mc-white);
}

/* ---- Pagination (AODA overrides under page) ---- */
.mc-page[b-hzcsrne6eb]  .module-list-pagination {
    border-top-color: var(--mc-hr) !important;
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
}

.mc-page[b-hzcsrne6eb]  .module-list-pagination__label {
    color: var(--mc-ink) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.mc-page[b-hzcsrne6eb]  .module-list-pagination__nav,
.mc-page[b-hzcsrne6eb]  .module-list-pagination__page {
    min-width: 2rem !important;
    height: 2rem !important;
    border-radius: 6px !important;
    border: 1px solid #D0D5DD !important;
    background: var(--mc-white) !important;
    color: var(--mc-brand) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.mc-page[b-hzcsrne6eb]  .module-list-pagination__nav:hover:not(:disabled),
.mc-page[b-hzcsrne6eb]  .module-list-pagination__page:hover:not(.is-active) {
    background: var(--mc-sky) !important;
    border-color: var(--mc-brand) !important;
}

.mc-page[b-hzcsrne6eb]  .module-list-pagination__page.is-active {
    background: var(--mc-brand) !important;
    border-color: var(--mc-brand) !important;
    color: var(--mc-white) !important;
}

.mc-page[b-hzcsrne6eb]  .module-list-pagination__nav:disabled {
    opacity: 0.45 !important;
}

/* ---- Details dialog (scoped fallback; teleported styles in .razor <style>) ---- */
.mc-dialog__header[b-hzcsrne6eb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.15rem 0.75rem;
}

.mc-dialog__identity[b-hzcsrne6eb] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}

.mc-dialog__identity-label[b-hzcsrne6eb] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #32434B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mc-dialog__hr[b-hzcsrne6eb] {
    margin: 0 1.15rem;
    border: 0;
    border-top: 1px solid var(--mc-border);
}

.mc-dialog__close[b-hzcsrne6eb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--mc-brand);
    cursor: pointer;
}

.mc-dialog__close:hover[b-hzcsrne6eb],
.mc-dialog__close:focus-visible[b-hzcsrne6eb] {
    background: var(--mc-sky);
    color: var(--mc-brand);
    outline: none;
}

.mc-dialog__close:active[b-hzcsrne6eb] {
    background: var(--mc-brand);
    color: var(--mc-white);
}

.mc-dialog__btn--secondary:active[b-hzcsrne6eb] {
    background: var(--mc-brand);
    color: var(--mc-white);
}

.mc-dialog__field[b-hzcsrne6eb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    background: var(--mc-white);
    border: 1px solid var(--mc-border);
    border-radius: 8px;
}

@media (max-width: 991px) {
    .mc-list__header[b-hzcsrne6eb],
    .mc-list__row[b-hzcsrne6eb] {
        grid-template-columns: minmax(7rem, 1.4fr) minmax(5rem, 0.8fr) minmax(5.5rem, 0.9fr) minmax(4.5rem, 0.7fr);
    }

    .mc-dialog__grid[b-hzcsrne6eb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mc-list__header[b-hzcsrne6eb],
    .mc-list__row[b-hzcsrne6eb] {
        grid-template-columns: minmax(6rem, 1.5fr) minmax(5rem, 1fr) minmax(4.5rem, 0.8fr);
    }

    .mc-toolbar[b-hzcsrne6eb] {
        flex-direction: column;
        align-items: stretch;
    }

    .mc-toolbar__search[b-hzcsrne6eb] {
        max-width: none;
    }
}

.mc-pending[b-hzcsrne6eb] {
    margin: 0.35rem 0 0.85rem;
}

.mc-pending__title[b-hzcsrne6eb] {
    margin: 0 0 0.65rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #121A1F;
}

.mc-pending__list[b-hzcsrne6eb] {
    border: 1px solid var(--mc-border);
    border-radius: 10px;
    overflow: hidden;
}

.mc-pending__row[b-hzcsrne6eb] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.8fr) minmax(8rem, 1fr) minmax(14rem, 1.6fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid var(--mc-hr);
    font-size: 0.8125rem;
    color: var(--mc-ink);
}

.mc-pending__row:last-child[b-hzcsrne6eb] {
    border-bottom: 0;
}

.mc-pending__row--head[b-hzcsrne6eb] {
    background: var(--mc-soft);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--mc-strong);
}

.mc-pending__actions[b-hzcsrne6eb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.mc-pending__hint[b-hzcsrne6eb] {
    flex-basis: 100%;
    margin: 0;
    font-size: 0.75rem;
    color: var(--mc-ink);
}

.mc-act[b-hzcsrne6eb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.25rem 0.7rem;
    border-radius: 8px;
    border: 1.5px solid var(--mc-brand);
    background: var(--mc-white);
    color: var(--mc-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
}

.mc-act:hover:not(:disabled)[b-hzcsrne6eb] {
    background: var(--mc-sky);
}

.mc-act:focus-visible[b-hzcsrne6eb] {
    outline: 2px solid var(--mc-brand);
    outline-offset: 2px;
}

.mc-act:disabled[b-hzcsrne6eb] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mc-act--ok[b-hzcsrne6eb] {
    background: #EAFBF1;
    border-color: #003D1F;
    color: #003D1F;
}

.mc-act--ok:hover:not(:disabled)[b-hzcsrne6eb] {
    background: #EAFBF1;
}

.mc-act--danger[b-hzcsrne6eb] {
    background: #FFFFFF;
    border-color: #5E0011;
    color: #5E0011;
}

.mc-act--danger:hover:not(:disabled)[b-hzcsrne6eb] {
    background: #FFF0F2;
}
/* /Pages/Domain/Shifts/AppPageSchedule.razor.rz.scp.css */
/* ============================================================
   My Schedule — Enable Kit list view (Frames 301–305 Ven ISW)
   ============================================================ */

.scs-check[b-zdqhgojwio] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.scs-check input[type="checkbox"][b-zdqhgojwio] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    position: relative !important;
    opacity: 1 !important;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
}

.scs-check label[b-zdqhgojwio] {
    margin-bottom: 0;
    font-weight: 600;
    cursor: pointer;
}

.scs-check label[b-zdqhgojwio]::before,
.scs-check label[b-zdqhgojwio]::after {
    display: none !important;
    content: none !important;
}

.schedule-page[b-zdqhgojwio] {
    --sch-brand: var(--figma-scs-primary, #033D53);
    --sch-sky: var(--figma-primary-back, #E0F2FE);
    --sch-ink: var(--figma-scs-grey, #32434B);
    --sch-border: #E2E8F0;
    --sch-surface: var(--figma-color-surface-muted, #F0F4F8);
    --sch-ink-strong: #121A1F;
}

.schedule-pending-banner[b-zdqhgojwio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    padding: 0.65rem 0.85rem;
    background: #FFF8E6;
    border: 1px solid #E8D39A;
    border-radius: 8px;
    color: #32434B;
}

.schedule-pending-banner__main[b-zdqhgojwio] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1 1 auto;
}

.schedule-pending-banner__icon[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    border-radius: 50%;
    background: #E6A817;
    color: #FFFFFF;
    flex-shrink: 0;
}

.schedule-pending-banner__icon i[b-zdqhgojwio] {
    font-size: 0.8125rem;
    line-height: 1;
}

.schedule-pending-banner__text[b-zdqhgojwio] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    color: #32434B;
}

.schedule-pending-banner__close[b-zdqhgojwio] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #E8D39A;
    border-radius: 8px;
    color: #32434B;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.schedule-pending-banner__close:hover[b-zdqhgojwio] {
    background: #FFF8E6;
    color: #32434B;
    border-color: #E8D39A;
}

.schedule-pending-banner__close:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #E6A817;
    outline-offset: 2px;
    background: #FFFFFF;
    color: #32434B;
    border-color: #E8D39A;
}

.schedule-pending-banner__close:active[b-zdqhgojwio] {
    background: #FFF8E6;
    color: #121A1F;
    border-color: #E8D39A;
}

.schedule-pending-banner__close i[b-zdqhgojwio] {
    font-size: 0.75rem;
    line-height: 1;
}

.schedule-page__actions[b-zdqhgojwio] {
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    margin-left: auto;
}

.schedule-page__btn-icon[b-zdqhgojwio] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

/* Frame 305 primary actions — Normal / Hover / Click */
.schedule-page__btn[b-zdqhgojwio] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    min-height: 32px !important;
    padding: 4px 10px !important;
    border: 1px solid #033D53 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #32434B !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.schedule-page__btn:hover:not(:disabled)[b-zdqhgojwio],
.schedule-page__btn:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #32434B !important;
}

.schedule-page__btn:hover:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio],
.schedule-page__btn:focus-visible:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio] {
    filter: none;
}

.schedule-page__btn:active:not(:disabled)[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page__btn:active:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio] {
    filter: brightness(0) invert(1);
}

.schedule-page__btn:disabled[b-zdqhgojwio] {
    opacity: 0.55 !important;
    background: #FFFFFF !important;
    color: #32434B !important;
    cursor: not-allowed;
}

.schedule-page__btn--loading:disabled[b-zdqhgojwio] {
    opacity: 1 !important;
    cursor: wait !important;
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page__btn-spinner[b-zdqhgojwio] {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: schedule-page-btn-spin-b-zdqhgojwio 0.65s linear infinite;
    flex-shrink: 0;
}

.schedule-page__btn--loading:disabled .schedule-page__btn-spinner[b-zdqhgojwio] {
    border-color: #FFFFFF;
    border-right-color: transparent;
}

@keyframes schedule-page-btn-spin-b-zdqhgojwio {
    to {
        transform: rotate(360deg);
    }
}

/* Frame 301 summary bar — Figma 13127:82432 */
.schedule-summary-bar[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 12px 24px;
    width: 100%;
    min-height: 60px;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    padding: 12px;
    background: #FFFFFF;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: visible;
}

.schedule-summary-stats[b-zdqhgojwio] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 20px;
    flex: 0 0 auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    .schedule-summary-bar[b-zdqhgojwio] {
        flex-wrap: wrap;
        min-height: 0;
    }

    .schedule-summary-stats[b-zdqhgojwio] {
        flex-wrap: wrap;
        margin-right: 0;
    }

    .schedule-page__actions[b-zdqhgojwio] {
        margin-left: 0;
        justify-content: flex-start;
    }
}

.schedule-summary-stat[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    min-width: 4.5rem;
    padding-right: 20px;
    border-right: 1px solid #E2E8F0;
}

.schedule-summary-stat:last-child[b-zdqhgojwio] {
    border-right: none;
    padding-right: 0;
}

.schedule-summary-stat__label[b-zdqhgojwio] {
    color: #1B3E5C;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
}

.schedule-summary-stat__value[b-zdqhgojwio] {
    color: #32434B;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

/* ---- List card (Figma Frame 8468) ---- */
.schedule-page[b-zdqhgojwio]  .schedule-list-card.card,
.schedule-page[b-zdqhgojwio]  .schedule-list-card {
    border: 1px solid #E8EEF4 !important;
    border-radius: 15px !important;
    overflow: hidden;
    background: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(18, 26, 31, 0.04);
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header .card-title:empty,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header .app-card-title:empty {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header {
    position: relative;
    padding: 1.25rem !important;
    border-bottom: 0 !important;
    border-radius: 15px 15px 0 0 !important;
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header::after,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header::after {
    content: "";
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    bottom: 0;
    height: 1px;
    background: #E8EEF4;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header > *,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header > * {
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header > *:has(.schedule-list-toolbar),
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header > *:has(.schedule-list-toolbar) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    gap: 0.75rem 1.5rem !important;
    margin: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header h5,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header h5,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header .font-weight-bold,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header .font-weight-bold {
    margin: 0 auto 0 0 !important;
    flex: 0 0 auto !important;
    color: var(--sch-ink-strong) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header .schedule-list-toolbar,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header .schedule-list-toolbar {
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
}

/* ---- List card header / toolbar (Figma Frame 8468) ---- */
.schedule-list-head[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    position: relative;
    padding: 1.25rem var(--schedule-list-inset, 0.95rem);
    background: #FFFFFF;
}

.schedule-list-head[b-zdqhgojwio]::after {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 0.95rem);
    right: var(--schedule-list-inset, 0.95rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-list-head__title[b-zdqhgojwio] {
    margin: 0;
    flex: 0 0 auto;
    text-align: left;
    color: #121A1F;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.schedule-list-toolbar[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    width: auto;
    flex: 1 1 auto;
    padding: 0;
    margin: 0;
}

.schedule-status-pills[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.schedule-actions-bar[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    padding: 12px;
    background: #FFFFFF;
    border-radius: 15px;
    box-sizing: border-box;
}

.schedule-actions-bar__top[b-zdqhgojwio] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    overflow-x: visible;
}

.schedule-actions-bar__filters[b-zdqhgojwio],
.schedule-actions-bar .schedule-calendar-filter[b-zdqhgojwio],
.schedule-actions-bar .schedule-page__actions[b-zdqhgojwio] {
    display: contents;
    margin-left: 0 !important;
}

.schedule-actions-bar .schedule-page__btn[b-zdqhgojwio],
.schedule-actions-bar .schedule-filter-pill[b-zdqhgojwio] {
    flex: 1 1 0;
    flex-shrink: 1;
    min-width: max-content;
    width: auto;
    max-width: none;
    min-height: 26px !important;
    padding: 3px 8px !important;
    font-size: 0.75rem !important;
    border-radius: 6px !important;
    box-sizing: border-box;
}

.schedule-actions-bar .schedule-page__btn[b-zdqhgojwio] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.schedule-actions-bar .schedule-page__btn:hover:not(:disabled)[b-zdqhgojwio],
.schedule-actions-bar .schedule-page__btn:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #32434B !important;
}

.schedule-actions-bar .schedule-page__btn:hover:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio],
.schedule-actions-bar .schedule-page__btn:focus-visible:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio] {
    filter: none;
}

.schedule-actions-bar .schedule-page__btn:active:not(:disabled)[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-actions-bar .schedule-page__btn:active:not(:disabled) .schedule-page__btn-icon[b-zdqhgojwio] {
    filter: brightness(0) invert(1);
}

.schedule-actions-bar .sch-business-hours-slot[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.schedule-actions-bar .sch-business-hours-item[b-zdqhgojwio] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
    border: 1px solid #033D53 !important;
    border-radius: 6px !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #32434B !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    background-color: #32434B !important;
    -webkit-mask-image: url("/images/icons/sch-btn-clock.svg") !important;
    mask-image: url("/images/icons/sch-btn-clock.svg") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:hover,
.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:focus-visible {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #32434B !important;
    outline: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:hover::before,
.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:focus-visible::before {
    background-color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:active {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-actions-bar .sch-business-hours-btn:active::before {
    background-color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-footer {
    display: none !important;
}

.schedule-actions-bar .schedule-page__btn:disabled[b-zdqhgojwio] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.schedule-actions-bar .schedule-filter-pill--active[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.schedule-actions-bar .schedule-filter-pill--inactive[b-zdqhgojwio] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #033D53 !important;
    color: #32434B !important;
}

.schedule-actions-bar .schedule-filter-pill--inactive:hover:not(:disabled)[b-zdqhgojwio],
.schedule-actions-bar .schedule-filter-pill--inactive:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #32434B !important;
}

.schedule-actions-bar .schedule-filter-pill--active:hover:not(:disabled)[b-zdqhgojwio],
.schedule-actions-bar .schedule-filter-pill--active:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-actions-bar .schedule-filter-pill--active:active:not(:disabled)[b-zdqhgojwio],
.schedule-actions-bar .schedule-filter-pill--inactive:active:not(:disabled)[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-actions-bar__legend[b-zdqhgojwio] {
    padding: 0.75rem 0;
    border-top: 1px solid #E2E8F0;
}

.schedule-actions-bar__footnote[b-zdqhgojwio] {
    margin: 0;
}

.schedule-calendar-footnote[b-zdqhgojwio] {
    flex: 1 1 100%;
    width: 100%;
    margin: 0;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.35;
}

.schedule-calendar-filter[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.schedule-calendar-filter[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.schedule-filter-pill[b-zdqhgojwio] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    line-height: 1.2 !important;
    padding: 6px 14px !important;
    min-height: 36px !important;
    box-shadow: none !important;
    background-image: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.schedule-filter-pill--active[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border: 1px solid #033D53 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.schedule-filter-pill--inactive[b-zdqhgojwio] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #033D53 !important;
    color: #32434B !important;
}

.schedule-filter-pill--inactive:hover:not(:disabled)[b-zdqhgojwio],
.schedule-filter-pill--inactive:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #121A1F !important;
}

.schedule-filter-pill--inactive:active:not(:disabled)[b-zdqhgojwio] {
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-list-toolbar__controls[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

/* Per page + Record Order — FcSelect (FC / invoice list pattern) */
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page.fc-select,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort.fc-select {
    gap: 0.625rem;
    min-height: 2rem;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__label,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__label {
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__trigger,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__trigger {
    height: 2rem;
    min-width: 4rem;
    padding: 0 0.625rem 0 0.5rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #F0F4F8 !important;
    color: #033D53 !important;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__trigger {
    min-width: 7.25rem;
    max-width: 7.25rem;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__trigger:hover:not(:disabled):not(:focus),
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__trigger:hover:not(:disabled):not(:focus) {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page.is-open .fc-select__trigger,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__trigger:focus,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__trigger:focus-visible,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort.is-open .fc-select__trigger,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__trigger:focus,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__trigger:focus-visible {
    background: #FFFFFF !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
    outline: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__option.is-selected,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__option.is-selected,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__option.is-selected:hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__option.is-selected:hover {
    background: #033D53 !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-page .fc-select__option:hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-toolbar .module-list-toolbar__fc-sort .fc-select__option:hover {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

/* ---- Empty state ---- */
.schedule-empty-state[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.schedule-empty-state__art[b-zdqhgojwio] {
    margin-bottom: 1.25rem;
}

.schedule-empty-state__img[b-zdqhgojwio] {
    width: 7.5rem;
    height: auto;
    display: block;
    object-fit: contain;
}

.schedule-empty-state__title[b-zdqhgojwio] {
    margin: 0 0 0.4rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--sch-brand);
    line-height: 1.35;
}

.schedule-empty-state__description[b-zdqhgojwio] {
    margin: 0;
    max-width: 28rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--sch-ink);
    line-height: 1.55;
}

/* ---- List typography (Figma row text) ---- */
.schedule-list-date[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-date {
    display: block;
    font-weight: 400;
    color: #32434B;
    font-size: 0.875rem;
    line-height: 1.3;
    white-space: nowrap;
}

.schedule-list-shift[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-shift {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.schedule-list-title[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-title {
    display: block;
    font-weight: 400;
    color: #32434B;
    font-size: 0.875rem;
    line-height: 1.3;
}

.schedule-list-meta[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-meta {
    display: block;
    margin-top: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.25;
}

.schedule-list-notes[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-notes,
.schedule-list-empty[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-empty {
    display: block;
    margin-top: 0;
    font-size: 0.875rem;
    color: #32434B;
    line-height: 1.3;
}

.schedule-list-client[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .schedule-list-client {
    font-size: 0.875rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.3;
}

/* ---- Status pills (SCS Enable Kit ΓÇö same colors as FC / Frame 305) ---- */
.sch-status-pill[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    box-sizing: border-box;
    max-width: none;
    min-width: max-content;
    width: max-content;
    height: 26px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap !important;
}

.sch-status-pill__asset[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__asset {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

.sch-status-pill i[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill i {
    flex: 0 0 auto;
    font-size: 0.78rem;
    opacity: 1;
}

.sch-status-pill__dot[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: currentColor;
}

.sch-status-pill__icon[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.9rem;
    height: 0.9rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sch-status-pill__icon--pending[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon--pending {
    -webkit-mask-image: url("/images/icons/fc-status-pending-approval.svg");
    mask-image: url("/images/icons/fc-status-pending-approval.svg");
}

.sch-status-pill__icon--awaiting[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon--awaiting {
    -webkit-mask-image: url("/images/icons/fc-status-awaiting-approval.svg");
    mask-image: url("/images/icons/fc-status-awaiting-approval.svg");
}

.sch-status-pill__icon--hourglass[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon--hourglass {
    -webkit-mask-image: url("/images/icons/fc-status-hourglass.svg");
    mask-image: url("/images/icons/fc-status-hourglass.svg");
}

.sch-status-pill__icon--finance[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon--finance {
    -webkit-mask-image: url("/images/icons/fc-status-pending-finance.svg");
    mask-image: url("/images/icons/fc-status-pending-finance.svg");
}

.sch-status-pill__icon--active[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill__icon--active {
    -webkit-mask-image: url("/images/icons/fc-status-active.svg");
    mask-image: url("/images/icons/fc-status-active.svg");
}

.sch-status-pill--planned[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--planned {
    background: #EEF4FF !important;
    color: #002B6B !important;
}

.sch-status-pill--pending[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--pending {
    background: #F9ECD4 !important;
    color: #35260C !important;
}

.sch-status-pill--awaiting[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--awaiting {
    background: #E2EEFC !important;
    color: #192330 !important;
}

.sch-status-pill--pending-special[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--pending-special {
    background: #FFE6EE !important;
    color: #170E00 !important;
}

.sch-status-pill--approved[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--approved {
    background: #EAFBF1 !important;
    color: #003D1F !important;
}

.sch-status-pill--completed[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--completed {
    background: #EAFBF1 !important;
    color: #003D1F !important;
}

.sch-status-pill--submitted[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--submitted {
    background: #ECE8F7 !important;
    color: #28213B !important;
}

.sch-status-pill--not-approved[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--not-approved {
    background: #FFF0F2 !important;
    color: #5E0011 !important;
}

.sch-status-pill--default[b-zdqhgojwio],
.schedule-page[b-zdqhgojwio]  .sch-status-pill--default {
    background: #F0F4F8 !important;
    color: #32434B !important;
}

/* ---- Row actions (Frame 305 ΓÇö APPROVE / Decline) ---- */
.schedule-row-actions[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.schedule-action-btn[b-zdqhgojwio] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 3px 10px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 5px !important;
    font-size: 0.875rem !important; /* 14px */
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.schedule-action-btn__icon[b-zdqhgojwio] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
}

.schedule-action-btn:disabled[b-zdqhgojwio] {
    opacity: 0.55;
    cursor: not-allowed;
}

.schedule-action-btn--loading:disabled[b-zdqhgojwio] {
    opacity: 1 !important;
    cursor: wait !important;
}

.schedule-action-btn--approve.schedule-action-btn--loading:disabled[b-zdqhgojwio] {
    background: #EAFBF1 !important;
    background-color: #EAFBF1 !important;
    border-color: #103613 !important;
    color: #103613 !important;
}

.schedule-action-btn--loading:disabled .schedule-page__btn-spinner[b-zdqhgojwio] {
    border-color: #103613;
    border-right-color: transparent;
}

/* APPROVE — Figma #EAFBF1 / #103613, 101×26 */
.schedule-action-btn--approve[b-zdqhgojwio] {
    background: #EAFBF1 !important;
    background-color: #EAFBF1 !important;
    border-color: #103613 !important;
    color: #103613 !important;
    text-transform: uppercase !important;
}

.schedule-action-btn--approve:hover:not(:disabled)[b-zdqhgojwio],
.schedule-action-btn--approve:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #103613 !important;
    background-color: #103613 !important;
    border-color: #103613 !important;
    color: #FFFFFF !important;
}

.schedule-action-btn--approve:hover:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio],
.schedule-action-btn--approve:focus-visible:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio],
.schedule-action-btn--approve:active:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio] {
    filter: brightness(0) invert(1);
}

.schedule-action-btn--approve:active:not(:disabled)[b-zdqhgojwio] {
    background: #0A230C !important;
    background-color: #0A230C !important;
    border-color: #0A230C !important;
    color: #FFFFFF !important;
}

/* Decline — Figma #FFF0F2 / #470E0E, 89×26 */
.schedule-action-btn--decline[b-zdqhgojwio] {
    background: #FFF0F2 !important;
    background-color: #FFF0F2 !important;
    border-color: #470E0E !important;
    color: #470E0E !important;
    text-transform: none !important;
}

.schedule-action-btn--decline:hover:not(:disabled)[b-zdqhgojwio],
.schedule-action-btn--decline:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #470E0E !important;
    background-color: #470E0E !important;
    border-color: #470E0E !important;
    color: #FFFFFF !important;
}

.schedule-action-btn--decline:hover:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio],
.schedule-action-btn--decline:focus-visible:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio],
.schedule-action-btn--decline:active:not(:disabled) .schedule-action-btn__icon[b-zdqhgojwio] {
    filter: brightness(0) invert(1);
}

.schedule-action-btn--decline:active:not(:disabled)[b-zdqhgojwio] {
    background: #2E0909 !important;
    background-color: #2E0909 !important;
    border-color: #2E0909 !important;
    color: #FFFFFF !important;
}

/* ---- Column proportions (start / end / shift / client / notes / status / actions) ---- */
@media (min-width: 768px) {
    .schedule-page[b-zdqhgojwio]  .schedule-col--start,
    .schedule-page[b-zdqhgojwio]  .schedule-col--end {
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }

    .schedule-page[b-zdqhgojwio]  .schedule-col--shift {
        flex: 0 0 18% !important;
        max-width: 18% !important;
    }

    .schedule-page[b-zdqhgojwio]  .schedule-col--client {
        flex: 0 0 12% !important;
        max-width: 12% !important;
    }

    .schedule-page[b-zdqhgojwio]  .schedule-col--status {
        flex: 0 0 17% !important;
        max-width: 17% !important;
    }

    .schedule-page[b-zdqhgojwio]  .schedule-col--notes {
        flex: 0 0 8% !important;
        max-width: 8% !important;
    }

    .schedule-page[b-zdqhgojwio]  .schedule-col--actions {
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }
}

/* ---- List rows / header (Figma 66ΓÇô83px rows, 20px start inset) ---- */
.schedule-page[b-zdqhgojwio]  .app-list-view-row,
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe,
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe:nth-child(odd),
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe:nth-child(even) {
    background-color: #ffffff !important;
    border-left: 3px solid transparent;
    border-radius: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-header-item-list .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .k-listview-header .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .app-list-view-row .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe .row.no-gutters {
    align-items: center !important;
    margin: 0 !important;
    min-height: 66px;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .k-listview-header .row.no-gutters > [class*="col"] {
    display: flex !important;
    align-items: center;
    padding-top: 0.5rem !important;
    padding-bottom: 0.75rem !important;
    padding-right: 0.5rem !important;
    min-width: 0;
    color: var(--sch-ink);
    font-weight: 600;
    font-size: 0.875rem;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-row .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    display: flex !important;
    align-items: center;
    padding-top: 1.25rem !important; /* 20px ΓÇö Figma */
    padding-bottom: 1.25rem !important;
    padding-right: 0.5rem !important;
    min-width: 0;
}

.schedule-page[b-zdqhgojwio]  .schedule-col--start {
    padding-left: 1.25rem !important; /* 20px start inset */
}

.schedule-page[b-zdqhgojwio]  .schedule-col--status {
    justify-content: flex-start !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-col--actions .schedule-row-actions {
    margin-left: auto;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-row:hover,
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe:hover {
    background-color: var(--sch-sky) !important;
    border-left-color: var(--sch-brand);
}

.schedule-page[b-zdqhgojwio]  .app-list-view-header-item-list,
.schedule-page[b-zdqhgojwio]  .k-listview-header {
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-header-item-list {
    border-bottom: 1px solid var(--sch-border) !important;
    color: var(--sch-ink);
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header {
    border-bottom: none !important;
}

.schedule-page[b-zdqhgojwio]  .app-list-view-row + hr,
.schedule-page[b-zdqhgojwio]  .app-list-view-row-stripe + hr {
    border: 0 !important;
    border-top: 1px solid var(--sch-border) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe + hr {
    display: none !important;
    border: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* My Schedule list card — FC list panel (12px radius) */
.schedule-page[b-zdqhgojwio]  .schedule-list-card.card,
.schedule-page[b-zdqhgojwio]  .schedule-list-card.app-card {
    --schedule-list-inset: 0.95rem;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
    overflow: hidden;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header {
    display: none !important;
}

/* My Schedule list card — FC list panel (12px radius) */
.schedule-page[b-zdqhgojwio]  .schedule-list-card.card,
.schedule-page[b-zdqhgojwio]  .schedule-list-card.app-card {
    --schedule-list-inset: 0.95rem;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
    overflow: hidden;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-header,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .app-card-header {
    display: none !important;
}

/* Card body: remove extra chrome padding so row edges match Figma */
.schedule-page[b-zdqhgojwio]  .schedule-list-card__body,
.schedule-page[b-zdqhgojwio]  .schedule-list-card .card-body {
    padding: 0 !important;
}

/* ---- FC-style list panel + invoice-style pagination ---- */
.schedule-page[b-zdqhgojwio]  .schedule-list-panel {
    --schedule-list-inset: 0.95rem;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager-wrap {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header {
    position: relative;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list::after,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header::after {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 0.95rem);
    right: var(--schedule-list-inset, 0.95rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel hr.app-list-view-row-divider {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters {
    flex-wrap: nowrap !important;
    padding: 0.65rem var(--schedule-list-inset, 0.95rem) !important;
    margin: 0 !important;
    min-height: 0 !important;
    align-items: stretch !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header .row.no-gutters > [class*="col"] {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    color: #121A1F !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    padding-top: 0.85rem !important;
    padding-bottom: 0.6rem !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 400 !important;
    align-items: flex-start !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--notes {
    min-width: 0 !important;
    align-items: flex-start !important;
    align-self: stretch !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--start {
    padding-left: 0.7rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--status {
    min-width: 0 !important;
    overflow: hidden;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 1.15rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--actions {
    min-width: 0 !important;
    flex-shrink: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    padding-right: 0.7rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-row-actions {
    justify-content: center !important;
    width: 100%;
    margin-left: 0;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters > .schedule-col--status,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters > .schedule-col--status {
    align-items: center !important;
    align-self: center !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .sch-status-pill {
    max-width: 100%;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 26px;
    margin-inline: auto;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe {
    position: relative;
    background-color: #FFFFFF !important;
    border-left: 3px solid transparent !important;
    border-radius: 6px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row::after,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe::after {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 1.05rem);
    right: var(--schedule-list-inset, 1.05rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:hover {
    background-color: #E0F2FE !important;
    border-left: 3px solid #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected),
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left: 3px solid #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-client {
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe + hr {
    border-top: 1px solid #E8ECF1 !important;
    margin: 0 var(--schedule-list-inset, 1.05rem) !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-client {
    font-size: 0.8125rem !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-notes {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 0.8125rem !important;
    color: #32434B !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.3;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-client {
    font-size: 0.8125rem !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination {
    position: relative;
    margin: 0 !important;
    padding: 0.65rem 0.95rem !important;
    border-top: none !important;
    background: #FFFFFF;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination::before {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 1.05rem);
    right: var(--schedule-list-inset, 1.05rem);
    top: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:not(.is-active):not([aria-current="page"]),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav {
    border-radius: 6px !important;
    border-color: #E2E8F0 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page.is-active,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page[aria-current="page"] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav:hover:not(:disabled),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:hover:not(.is-active):not([aria-current="page"]) {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__label,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .text-muted {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

/* ---- List pagination (invoice-style ModuleListPagination) ---- */
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination {
    position: relative;
    margin: 0 !important;
    padding: 0.65rem 1.25rem !important;
    border-top: none !important;
    background: #FFFFFF;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination::before {
    content: "";
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    top: 0;
    height: 1px;
    background: #E8EEF4;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:not(.is-active):not([aria-current="page"]),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav,
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page:not(.is-active):not([aria-current="page"]),
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__nav {
    border-radius: 6px !important;
    border-color: #E2E8F0 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page.is-active,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page[aria-current="page"],
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page.is-active,
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page.is-active:hover,
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page.is-active:focus,
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page.is-active:active,
body.fixed-sn main .schedule-page[b-zdqhgojwio]  .schedule-list-pagination .btn.module-list-pagination__page[aria-current="page"] {
    border-radius: 6px !important;
    background: #033D53 !important;
    background-color: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav:hover:not(:disabled),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:hover:not(.is-active):not([aria-current="page"]) {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__label,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .text-muted {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager-wrap {
    display: none !important;
}

/* ---- FC-style list panel + invoice-style pagination ---- */
.schedule-page[b-zdqhgojwio]  .schedule-list-panel {
    --schedule-list-inset: 0.95rem;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-pager-wrap {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header {
    position: relative;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list::after,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header::after {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 0.95rem);
    right: var(--schedule-list-inset, 0.95rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe + hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe ~ hr,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel hr.app-list-view-row-divider {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters {
    flex-wrap: nowrap !important;
    padding: 0.65rem var(--schedule-list-inset, 0.95rem) !important;
    margin: 0 !important;
    min-height: 0 !important;
    align-items: stretch !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-header-item-list .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .k-listview-header .row.no-gutters > [class*="col"] {
    padding-top: 0.55rem !important;
    padding-bottom: 0.55rem !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    color: #121A1F !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters > [class*="col"] {
    padding-top: 0.85rem !important;
    padding-bottom: 0.6rem !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 400 !important;
    align-items: flex-start !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--notes {
    min-width: 0 !important;
    align-items: flex-start !important;
    align-self: stretch !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--start {
    padding-left: 0.7rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--status {
    min-width: 0 !important;
    overflow: hidden;
    justify-content: center !important;
    text-align: center !important;
    padding-left: 1.15rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-col--actions {
    min-width: 0 !important;
    flex-shrink: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    padding-right: 0.7rem !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-row-actions {
    justify-content: center !important;
    width: 100%;
    margin-left: 0;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row .row.no-gutters > .schedule-col--status,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe .row.no-gutters > .schedule-col--status {
    align-items: center !important;
    align-self: center !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .sch-status-pill {
    max-width: 100%;
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 26px;
    margin-inline: auto;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe {
    position: relative;
    background-color: #FFFFFF !important;
    border-left: 3px solid transparent !important;
    border-radius: 6px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row::after,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe::after {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 0.95rem);
    right: var(--schedule-list-inset, 0.95rem);
    bottom: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:hover {
    background-color: #E0F2FE !important;
    border-left: 3px solid #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected),
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected),
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected):hover,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected):hover {
    background-color: #033D53 !important;
    border-left: 3px solid #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .row.no-gutters > [class*="col"],
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-notes,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:active .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:active .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row:has(.app-list-view-row-item-selected) .schedule-list-client,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .app-list-view-row-stripe:has(.app-list-view-row-item-selected) .schedule-list-client {
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-date,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-title,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-meta,
.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-client {
    font-size: 0.8125rem !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-panel .schedule-list-notes {
    display: block;
    width: 100%;
    max-width: 100%;
    font-size: 0.8125rem !important;
    color: #32434B !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.3;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination {
    position: relative;
    margin: 0 !important;
    padding: 0.65rem var(--schedule-list-inset, 0.95rem) !important;
    border-top: none !important;
    background: #FFFFFF;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination::before {
    content: "";
    position: absolute;
    left: var(--schedule-list-inset, 0.95rem);
    right: var(--schedule-list-inset, 0.95rem);
    top: 0;
    height: 1px;
    background: #E8ECF1;
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:not(.is-active):not([aria-current="page"]),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav {
    border-radius: 6px !important;
    border-color: #E2E8F0 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page.is-active,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page[aria-current="page"] {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__nav:hover:not(:disabled),
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__page:hover:not(.is-active):not([aria-current="page"]) {
    background: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .module-list-pagination__label,
.schedule-page[b-zdqhgojwio]  .schedule-list-pagination .text-muted {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

/* ============================================================
   Calendar view — TelerikScheduler (CSS only; logic unchanged)
   ============================================================ */

.schedule-calendar-legend[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 0.75rem;
    column-gap: 1rem;
}

.schedule-calendar-legend__label[b-zdqhgojwio] {
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    margin-right: 0.5rem;
}

.schedule-legend-chip[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.schedule-legend-chip__dot[b-zdqhgojwio] {
    flex: 0 0 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.schedule-legend-chip.sch-legend-confirmed[b-zdqhgojwio] {
    background: #EAFBF1;
    color: #003D1F;
}

.schedule-legend-chip.sch-legend-confirmed .schedule-legend-chip__dot[b-zdqhgojwio] {
    background: #003D1F;
}

.schedule-legend-chip.sch-legend-pending[b-zdqhgojwio] {
    background: #FEF3C7;
    color: #B45309;
}

.schedule-legend-chip.sch-legend-pending .schedule-legend-chip__dot[b-zdqhgojwio] {
    background: #B45309;
}

.schedule-legend-chip.sch-legend-cancelled[b-zdqhgojwio] {
    background: #FEECEC;
    color: #7A1510;
}

.schedule-legend-chip.sch-legend-cancelled .schedule-legend-chip__dot[b-zdqhgojwio] {
    background: #7A1510;
}

.schedule-legend-chip.sch-legend-unavailable[b-zdqhgojwio] {
    background: #E0F2FE;
    color: #033D53;
}

.schedule-legend-chip.sch-legend-unavailable .schedule-legend-chip__dot[b-zdqhgojwio] {
    background: #033D53;
}

.sch-scheduler-host[b-zdqhgojwio] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 15px;
    overflow: hidden;
}

.schedule-page[b-zdqhgojwio]  .schedule-calendar-loading-overlay.module-list-loading {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 650px;
    border: 0 !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.15rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sch-ink);
    height: auto !important;
    min-height: 0 !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler-toolbar,
.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler .k-toolbar {
    border-bottom: 0 !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler {
    gap: 0 !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler-head > .k-scheduler-row:first-child > .k-scheduler-cell {
    border-top: 0 !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler .k-scheduler-layout-flex,
.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler .k-scheduler-layout {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: auto !important;
    background: #FFFFFF !important;
    height: 650px !important;
    box-sizing: border-box !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    background: #FFFFFF !important;
}

.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body,
.schedule-page .sch-scheduler-host:not(.sch-scheduler-host--agenda):not(.sch-scheduler-host--month):not(.sch-scheduler-host--day)[b-zdqhgojwio]  .k-scheduler .k-scheduler-body {
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar {
    background: #FFFFFF !important;
    border: 0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0.625rem 0.75rem 0.625rem 0.75rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    margin: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-cell {
    box-sizing: border-box !important;
}

/* Day/week body — sync time column + grid row borders */
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-sticky-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-group,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-group .k-group-content {
    align-items: stretch !important;
    align-self: stretch !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-sticky-cell {
    flex: 0 0 var(--sch-times-col-width, 92px) !important;
    width: var(--sch-times-col-width, 92px) !important;
    min-width: var(--sch-times-col-width, 92px) !important;
    max-width: var(--sch-times-col-width, 92px) !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-right: 1px solid #E2E8F0 !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-sticky-cell > .k-scheduler-cell.k-side-cell {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-right: none !important;
    border-width: 0 0 1px 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-group .k-group-content {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-group .k-group-content > .k-group-cell {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    padding: 0 !important;
    border-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-cell {
    padding: 0 8px !important;
    border-color: #E2E8F0 !important;
    border-style: solid !important;
    border-width: 0 1px 1px 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-group-content .k-slot-cell {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--sch-slot-height, 25px) !important;
    height: var(--sch-slot-height, 25px) !important;
    max-height: var(--sch-slot-height, 25px) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body > .k-scheduler-row {
    min-height: var(--sch-slot-height, 25px) !important;
    height: var(--sch-slot-height, 25px) !important;
    max-height: var(--sch-slot-height, 25px) !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-sticky-cell > .k-scheduler-cell.k-side-cell {
    min-height: var(--sch-slot-height, 25px) !important;
    height: var(--sch-slot-height, 25px) !important;
    max-height: var(--sch-slot-height, 25px) !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-cell.k-side-cell {
    justify-content: flex-end !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-cell.k-major-cell {
    border-bottom-width: 1px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-middle-row .k-scheduler-cell {
    border-bottom-style: solid !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child {
    width: 100% !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell {
    flex: 0 0 var(--sch-times-col-width, 92px) !important;
    width: var(--sch-times-col-width, 92px) !important;
    min-width: var(--sch-times-col-width, 92px) !important;
    max-width: var(--sch-times-col-width, 92px) !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-heading-cell {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 8px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:not(:has(.k-scheduler-monthview)):not(:has(.k-scheduler-agendaview)) .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-group {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:has(.k-scheduler-monthview) .k-scheduler-head > .k-scheduler-row:first-child,
.schedule-page[b-zdqhgojwio]  .k-scheduler:has(.k-scheduler-monthview) .k-scheduler-body > .k-scheduler-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:has(.k-scheduler-monthview) .k-heading-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler:has(.k-scheduler-monthview) .k-scheduler-body .k-scheduler-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler:has(.k-scheduler-monthview) .k-group-content > .k-group-cell {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table {
    table-layout: fixed !important;
    width: 100% !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table col,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table th,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table td {
    width: 14.2857% !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-layout {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    gap: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .sch-scheduler-grid-aligned .k-scheduler-head {
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding-right: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .sch-scheduler-grid-aligned .k-scheduler-head > .k-scheduler-row:first-child {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .sch-scheduler-grid-aligned .k-scheduler-head > .k-scheduler-row:first-child > .k-heading-cell {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border-width: 0 1px 0 0 !important;
    border-style: solid !important;
    border-color: #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .sch-scheduler-grid-aligned .k-scheduler-head > .k-scheduler-row:first-child > .k-side-cell {
    flex: 0 0 var(--sch-times-col-width, 92px) !important;
    width: var(--sch-times-col-width, 92px) !important;
    min-width: var(--sch-times-col-width, 92px) !important;
    max-width: var(--sch-times-col-width, 92px) !important;
    box-sizing: border-box !important;
    border-width: 0 1px 0 0 !important;
    border-style: solid !important;
    border-color: #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-header-wrap,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-header-wrap {
    border-top: 1px solid #E2E8F0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-head > .k-scheduler-row:first-child > .k-scheduler-cell {
    border-top: 1px solid #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-items-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-items-wrapper {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    padding-inline-end: 0 !important;
    margin-right: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(ul.k-scheduler-views) .k-scheduler-views-wrapper > *:not(ul.k-scheduler-views):not(.k-scheduler-views),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(ul.k-scheduler-views) .k-scheduler-views-wrapper > *:not(ul.k-scheduler-views):not(.k-scheduler-views) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar::before,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    content: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar:has(.k-toolbar-items-wrapper) > .k-overflow-anchor,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar:has(.k-toolbar-items-wrapper) > .k-toolbar-overflow-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar:has(.k-toolbar-items-wrapper) > .k-overflow-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    border: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > ul.k-scheduler-navigation,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > ul.k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > ul.k-scheduler-navigation,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > ul.k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > .k-scheduler-views-wrapper {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper {
    flex: 0 0 auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-scheduler-navigation),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(.k-scheduler-navigation) {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    column-gap: 0.5rem !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > ul.k-scheduler-navigation:has(+ .k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > ul.k-scheduler-navigation:has(+ .k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(> ul.k-scheduler-navigation):has(> .k-nav-current) > ul.k-scheduler-navigation,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(> ul.k-scheduler-navigation):has(> .k-nav-current) > ul.k-scheduler-navigation {
    margin-inline-end: 0.625rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > ul.k-scheduler-navigation + .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > ul.k-scheduler-navigation + .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar > ul.k-scheduler-navigation + .k-toolbar-item:has(.k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar > ul.k-scheduler-navigation + .k-toolbar-item:has(.k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-scheduler-navigation) + .k-toolbar-item:has(.k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(.k-scheduler-navigation) + .k-toolbar-item:has(.k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li),
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next + li.k-nav-current {
    margin-inline-start: 0.625rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > button {
    margin-inline-end: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-nav-current),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(.k-nav-current) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-scheduler-views-wrapper),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(ul.k-scheduler-views),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(.k-scheduler-views-wrapper),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(ul.k-scheduler-views),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .sch-scheduler-views-toolbar-item:not(.k-scheduler-views-wrapper),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .sch-scheduler-views-toolbar-item:not(.k-scheduler-views-wrapper) {
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: max-content !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(ul.k-scheduler-views) .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(ul.k-scheduler-views) .k-scheduler-views-wrapper {
    margin-left: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(ul.k-scheduler-views) ~ .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(ul.k-scheduler-views) ~ .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-scheduler-views-wrapper) ~ .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item:has(.k-scheduler-views-wrapper) ~ .k-toolbar-item {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-spacer {
    flex: 1 1 auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-spacer.sch-scheduler-toolbar-spacer-hidden {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper {
    margin-left: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: max-content !important;
    gap: 0.5rem !important;
    column-gap: 0.5rem !important;
    justify-content: flex-start !important;
    display: inline-flex !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper {
    margin-left: auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ~ .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ~ .k-toolbar-spacer,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ~ .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ~ .k-toolbar-item,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ~ .k-toolbar-spacer,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ~ .k-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-items-wrapper > .k-toolbar-item:has(ul.k-scheduler-views),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-items-wrapper > .k-toolbar-item:has(ul.k-scheduler-views) {
    order: 99 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper > *:not(ul.k-scheduler-views):not(.k-scheduler-views),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-items-wrapper > .k-scheduler-views-wrapper > *:not(ul.k-scheduler-views):not(.k-scheduler-views) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item.sch-scheduler-overflow-hidden,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-item.sch-scheduler-overflow-hidden {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button-group,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button-group,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    column-gap: 0.5rem !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: max-content !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > button {
    min-height: 2rem !important;
    height: auto !important;
    padding: 0.32rem 0.65rem !important;
    border-radius: 6px !important;
    border: 1px solid #033D53 !important;
    color: #32434B !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > .k-button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > a:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-today > button:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current {
    flex: 0 1 auto !important;
    max-width: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link {
    font-size: 0.8125rem !important;
    padding: 0.32rem 0.75rem !important;
    white-space: nowrap !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views > li + li,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views > li + li,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation > li + li,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation > li + li {
    margin-inline-start: 0.5rem !important;
    margin-left: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation .k-link {
    min-height: 2rem !important;
    height: auto !important;
    padding: 0.32rem 0.65rem !important;
    border-radius: 6px !important;
    border: 1px solid #033D53 !important;
    border-color: #033D53 !important;
    color: #32434B !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button-group .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button-group .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views li,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views li {
    border-radius: 6px !important;
    margin: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views li:last-child,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button.k-icon-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-button-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button.k-button-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2rem !important;
    width: 2rem !important;
    padding: 0.32rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Previous"],
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Previous"],
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Next"],
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Next"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2rem !important;
    width: 2rem !important;
    padding: 0.32rem !important;
    flex: 0 0 auto !important;
    text-transform: none !important;
    background-color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Previous"],
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Previous"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4.5 6.5 8 10 11.5' stroke='%2332434B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > a,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Next"],
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Next"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4.5 9.5 8 6 11.5' stroke='%2332434B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > .k-button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > a:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev > button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Previous"]:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Previous"]:hover {
    background-color: #E0F2FE !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10 4.5 6.5 8 10 11.5' stroke='%23033D53' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > .k-button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > a:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next > button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Next"]:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Next"]:hover {
    background-color: #E0F2FE !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 4.5 9.5 8 6 11.5' stroke='%23033D53' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev .k-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-prev svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next .k-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-next svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Previous"] svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Previous"] .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Next"] svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[title="Next"] .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Previous"] svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Previous"] .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Next"] svg,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button[aria-label="Next"] .k-svg-icon {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current.k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li)::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li)::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link::after {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 1rem !important;
    width: 1rem !important;
    min-width: 1rem !important;
    height: 1rem !important;
    order: -1 !important;
    position: static !important;
    pointer-events: none !important;
    background-color: #32434B !important;
    background-image: none !important;
    opacity: 1 !important;
    -webkit-mask-image: url("/images/icons/sch-btn-calendar.svg") !important;
    mask-image: url("/images/icons/sch-btn-calendar.svg") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li):hover::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li):hover::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current:hover > .k-link::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link:hover::after,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link:hover::after {
    background-color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-nav-current .k-button-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-nav-current .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-nav-current .k-icon,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-nav-current > svg {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-datepicker),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-item:has(.k-dateinput) {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper .k-views-dropdown,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper select.k-views-dropdown,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-dropdownlist,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-dropdown-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper > .k-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-button.k-icon-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-button.k-menu-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-picker:not(:has(ul.k-scheduler-views)),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-toolbar-overflow-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-toolbar-overflow-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-overflow-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-overflow-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-overflow-anchor,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-overflow-anchor {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    border: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar.k-toolbar-resizable,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar.k-toolbar-resizable {
    padding-inline-end: 0.75rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper .k-scheduler-views,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views li,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views li {
    display: block !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views .k-current-view,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-scheduler-views-wrapper ul.k-scheduler-views .k-current-view {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-icon-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button.k-icon-button,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current {
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation .k-nav-prev .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation .k-nav-next .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation .k-nav-prev .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation .k-nav-next .k-link {
    min-width: 2rem !important;
    width: 2rem !important;
    padding: 0.32rem !important;
    justify-content: center !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-state-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button.k-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views .k-state-selected .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views .k-state-selected .k-link {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-navigation li:not(.k-nav-current) > .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-navigation li:not(.k-nav-current) > .k-link:hover {
    background-color: #E0F2FE !important;
    border-color: #033D53 !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li),
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li):hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li):hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li).k-state-active,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li).k-state-active,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li).k-active,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li).k-active,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li).k-state-hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li).k-state-hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li).k-focus,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-nav-current:not(li).k-focus,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current:hover > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current.k-state-hover > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current.k-state-active > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current.k-active > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link:hover,
.schedule-page:has(.k-animation-container:has(.k-calendar))[b-zdqhgojwio]  .k-scheduler .k-nav-current,
.schedule-page:has(.k-animation-container:has(.k-calendar))[b-zdqhgojwio]  .k-scheduler li.k-nav-current > .k-link {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link::before,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link::before,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current:hover > .k-link::before,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current.k-state-hover > .k-link::before,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current.k-state-active > .k-link::before {
    display: none !important;
    opacity: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-selected:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-button.k-state-selected:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar .k-button.k-selected:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar ul.k-scheduler-views .k-state-selected .k-link:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-toolbar ul.k-scheduler-views .k-state-selected .k-link:hover {
    background: #033D53 !important;
    border-color: #033D53 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-header,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-head {
    background: #FFFFFF !important;
    border-color: var(--sch-border) !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-head .k-heading-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-header .k-heading-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-heading-cell {
    background: #FFFFFF !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times .k-scheduler-timecolumn,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times .k-heading-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-side-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-scheduler-timecolumn,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell:not(.k-heading-cell) {
    background: #FFFFFF !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.schedule-page[b-zdqhgojwio]  .k-side-cell.sch-all-day-corner,
.schedule-page[b-zdqhgojwio]  th.sch-all-day-corner,
.schedule-page[b-zdqhgojwio]  td.sch-all-day-corner,
.schedule-page[b-zdqhgojwio]  .sch-all-day-corner-host {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    min-height: 2.5rem !important;
    padding: 0 8px !important;
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout > tbody > tr:first-child > td:first-child .k-scheduler-times.sch-all-day-corner-host,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout > tbody > tr:first-child > td:first-child .k-scheduler-times.sch-all-day-corner {
    box-sizing: border-box !important;
    padding-right: 0.5rem !important;
}

.schedule-page[b-zdqhgojwio]  .sch-all-day-corner-label {
    display: inline-block !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
}

/* Flex week/day — ALL DAY label lives in the date header; empty band stays collapsed */
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row:has(.k-event) {
    height: auto !important;
    min-height: 2.25rem !important;
    overflow: visible !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row .k-scheduler-row {
    position: relative !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row:has(.k-event) .k-scheduler-row {
    height: auto !important;
    min-height: 2.25rem !important;
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row .k-scheduler-row::before {
    content: "";
    display: block;
    flex: 0 0 var(--sch-times-col-width, 92px);
    width: var(--sch-times-col-width, 92px);
    min-width: var(--sch-times-col-width, 92px);
    max-width: var(--sch-times-col-width, 92px);
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row .k-scheduler-cell:not(.k-scheduler-times-all-day) {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row:has(.k-event) .k-scheduler-cell:not(.k-scheduler-times-all-day) {
    display: flex !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row .k-scheduler-times-all-day {
    position: absolute !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-all-day-row:has(.k-event) .k-scheduler-times-all-day {
    position: relative !important;
    flex: 0 0 var(--sch-times-col-width, 92px) !important;
    width: var(--sch-times-col-width, 92px) !important;
    min-width: var(--sch-times-col-width, 92px) !important;
    max-width: var(--sch-times-col-width, 92px) !important;
    height: auto !important;
    min-height: 2.25rem !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-scheduler-cell {
    align-items: center !important;
    min-height: 2.5rem !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-side-cell {
    flex: 0 0 var(--sch-times-col-width, 92px) !important;
    width: var(--sch-times-col-width, 92px) !important;
    min-width: var(--sch-times-col-width, 92px) !important;
    max-width: var(--sch-times-col-width, 92px) !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-right: 1px solid #E2E8F0 !important;
    background: #FFFFFF !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-side-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-scheduler-timecolumn {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head .k-scheduler-cell.k-side-cell:not(.k-heading-cell) {
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0 8px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-scheduler-cell.k-side-cell:not(.k-heading-cell) {
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0 8px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-group .k-group-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-group .k-group-content {
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-side-cell + .k-heading-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-side-cell + .k-scheduler-cell {
    border-left: 0 !important;
}

/* Table week/day only — legacy layout */
.schedule-page[b-zdqhgojwio]  .k-scheduler-weekview .k-scheduler-layout:not(.k-scheduler-layout-flex) > tbody > tr:nth-child(2) > td:first-child,
.schedule-page[b-zdqhgojwio]  .k-scheduler-dayview .k-scheduler-layout:not(.k-scheduler-layout-flex) > tbody > tr:nth-child(2) > td:first-child {
    position: relative !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    border-bottom: 0 !important;
    overflow: visible !important;
    vertical-align: top !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-weekview .k-scheduler-layout:not(.k-scheduler-layout-flex) .k-scheduler-times-all-day,
.schedule-page[b-zdqhgojwio]  .k-scheduler-dayview .k-scheduler-layout:not(.k-scheduler-layout-flex) .k-scheduler-times-all-day {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: 100% !important;
    top: auto !important;
    width: auto !important;
    min-width: var(--sch-times-col-width, 80px) !important;
    min-height: 2.5rem !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0 8px !important;
    margin: 0 !important;
    background: #FFFFFF !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    border: 0 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-weekview .k-scheduler-layout:not(.k-scheduler-layout-flex) > tbody > tr:nth-child(2) > td:not(:first-child),
.schedule-page[b-zdqhgojwio]  .k-scheduler-dayview .k-scheduler-layout:not(.k-scheduler-layout-flex) > tbody > tr:nth-child(2) > td:not(:first-child) {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    border-top: 0 !important;
    overflow: hidden !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-nonwork,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-nonwork-hour {
    background-color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-other-month,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-other-month {
    background-color: #F0F4F8 !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout td.k-today,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout .k-scheduler-cell.k-today,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-today {
    background-color: #E0F2FE !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout td.k-state-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout .k-scheduler-cell.k-state-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout td.k-selected,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout .k-scheduler-cell.k-selected {
    background-color: rgba(3, 61, 83, 0.12) !important;
    box-shadow: inset 0 0 0 1px #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-content,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-table td,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-table th {
    border-color: var(--sch-border) !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-content.sch-calendar-drag-enabled,
.schedule-page[b-zdqhgojwio]  .k-scheduler.sch-calendar-drag-host .k-scheduler-content {
    cursor: crosshair;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-dayview .k-scheduler-table td,
.schedule-page[b-zdqhgojwio]  .k-scheduler-weekview .k-scheduler-table td {
    position: relative !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .sch-calendar-slot-cell {
    position: relative !important;
    vertical-align: top;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-times {
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .sch-calendar-slot-marker {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: transparent;
    pointer-events: auto;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-marquee,
.schedule-page[b-zdqhgojwio]  .k-marquee,
.schedule-page[b-zdqhgojwio]  .k-event-drag-hint {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

:global(.sch-calendar-drag-select)[b-zdqhgojwio] {
    position: fixed;
    z-index: 10000;
    pointer-events: none;
    border-radius: 4px;
    border: 1px solid #033D53;
    background: rgba(3, 61, 83, 0.22);
    box-shadow: inset 0 0 0 1px rgba(224, 242, 254, 0.65);
    overflow: hidden;
    min-height: 20px;
}

:global(.sch-calendar-drag-select__label)[b-zdqhgojwio] {
    position: absolute;
    left: 6px;
    bottom: 4px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    color: #033D53;
    white-space: nowrap;
}

body.sch-calendar-drag-active[b-zdqhgojwio] {
    cursor: crosshair !important;
    user-select: none;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-content.sch-calendar-drag-enabled,
.schedule-page[b-zdqhgojwio]  .k-scheduler.sch-calendar-drag-host .k-scheduler-content {
    cursor: crosshair;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-dayview .k-scheduler-table td,
.schedule-page[b-zdqhgojwio]  .k-scheduler-weekview .k-scheduler-table td {
    position: relative !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .sch-calendar-slot-cell {
    position: relative !important;
    vertical-align: top;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-times {
    pointer-events: none;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .sch-calendar-slot-marker {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: transparent;
    pointer-events: auto;
}

:global(.sch-calendar-drag-select)[b-zdqhgojwio] {
    position: fixed;
    z-index: 10000;
    pointer-events: none;
    border-radius: 4px;
    border: 1px solid #033D53;
    background: rgba(3, 61, 83, 0.22);
    box-shadow: inset 0 0 0 1px rgba(224, 242, 254, 0.65);
    overflow: hidden;
    min-height: 20px;
}

:global(.sch-calendar-drag-select__label)[b-zdqhgojwio] {
    position: absolute;
    left: 6px;
    bottom: 4px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    color: #033D53;
    white-space: nowrap;
}

body.sch-calendar-drag-active[b-zdqhgojwio] {
    cursor: crosshair !important;
    user-select: none;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-default {
    border-radius: 4px !important;
    border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #32434B !important;
    background: #F0F4F8 !important;
    color: #121A1F !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-confirmed {
    background: #EAFBF1 !important;
    border-left-color: #003D1F !important;
    color: #003D1F !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-pending {
    background: #FEF3C7 !important;
    border-left-color: #B45309 !important;
    color: #92400E !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-cancelled {
    background: #FEECEC !important;
    border-left-color: #7A1510 !important;
    color: #7A1510 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-block {
    background: rgba(224, 242, 254, 0.85) !important;
    border-left-color: #033D53 !important;
    color: #033D53 !important;
    opacity: 0.95;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day {
    background: transparent !important;
    border-width: 0 !important;
    color: #32434B !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding: 0 4px !important;
    min-height: 22px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day .k-event-template,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 3px 10px !important;
    background: #F0F4F8 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day .sch-calendar-event__title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day .k-resize-handle,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-block .k-resize-handle,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-unavailable-day .k-event-actions,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-availability-block .k-event-actions {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event {
    font-size: 0.8125rem !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .k-event-template,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event > div {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    padding: 5px 7px;
    min-width: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__title {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__status.sch-status-pill {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 2px 6px;
    gap: 4px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    flex: 0 0 auto;
    align-self: stretch;
    box-sizing: border-box;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__status .sch-status-pill__asset {
    width: 12px;
    height: 12px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__status .sch-status-pill__icon {
    width: 0.75rem;
    height: 0.75rem;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__status i {
    font-size: 11px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-confirmed .sch-calendar-event__status.sch-status-pill--approved,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-confirmed .sch-calendar-event__status.sch-status-pill--completed {
    background: #003D1F !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-pending .sch-calendar-event__status.sch-status-pill {
    background: #B45309 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-cancelled .sch-calendar-event__status.sch-status-pill {
    background: #7A1510 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__line {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    color: inherit;
    min-width: 0;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__line i {
    flex: 0 0 auto;
    font-size: 11px;
    opacity: 0.9;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__meta {
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.25;
    color: #32434B;
    overflow-wrap: anywhere;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-confirmed .sch-calendar-event__meta,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-pending .sch-calendar-event__meta,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-cancelled .sch-calendar-event__meta {
    color: inherit;
    opacity: 0.88;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    width: 100%;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__actions .schedule-action-btn {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 22px !important;
    height: 22px !important;
    padding: 2px 6px !important;
    font-size: 0.6875rem !important; /* 11px AODA min */
    gap: 4px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__actions .schedule-action-btn__icon {
    width: 12px;
    height: 12px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .sch-calendar-event__actions .schedule-page__btn-spinner {
    width: 10px;
    height: 10px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 6px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__actions .schedule-action-btn {
    min-height: 26px !important;
    height: 26px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event strong {
    color: inherit !important;
    font-weight: 700 !important;
    font-size: 0.8125rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event small {
    color: inherit !important;
    font-size: 0.75rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .text-muted {
    color: #32434B !important;
    font-size: 0.75rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .badge {
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 0.6875rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .badge-success {
    background: #003D1F !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .badge-warning {
    background: #B45309 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .badge-danger {
    background: #7A1510 !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event .badge-secondary {
    background: #32434B !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-content,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-group,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-row {
    background: #FFFFFF !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:not(.k-scheduler-monthview):not(.k-scheduler-agendaview) .sch-work-slot,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex:not(.k-scheduler-monthview) .sch-work-slot,
.schedule-page[b-zdqhgojwio]  .k-scheduler:not(.k-scheduler-monthview) .k-scheduler-cell.sch-work-slot,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex:not(.k-scheduler-monthview) .k-group-content .sch-work-slot {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:not(.k-scheduler-monthview):not(.k-scheduler-agendaview) .sch-nonwork-slot,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex:not(.k-scheduler-monthview) .sch-nonwork-slot,
.schedule-page[b-zdqhgojwio]  .k-scheduler:not(.k-scheduler-monthview) .k-scheduler-cell.sch-nonwork-slot {
    background: #F5F7FA !important;
    background-color: #F5F7FA !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-scheduler-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-side-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-sticky-cell .k-scheduler-timecolumn,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-cell.k-side-cell:not(.k-heading-cell),
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body .k-scheduler-cell.k-side-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler-pane .k-scheduler-times,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times .k-scheduler-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times .k-slot-cell,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times th,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times td,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times .k-scheduler-timecolumn,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times table,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times tbody,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times tr {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-scrollport {
    scrollbar-width: thin;
    scrollbar-color: #32434B transparent;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content::-webkit-scrollbar,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body::-webkit-scrollbar,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex::-webkit-scrollbar,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body::-webkit-scrollbar,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times::-webkit-scrollbar,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-scrollport::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content::-webkit-scrollbar-track,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body::-webkit-scrollbar-track,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex::-webkit-scrollbar-track,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body::-webkit-scrollbar-track,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times::-webkit-scrollbar-track,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-scrollport::-webkit-scrollbar-track {
    background: transparent;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content::-webkit-scrollbar-thumb,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body::-webkit-scrollbar-thumb,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex::-webkit-scrollbar-thumb,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body::-webkit-scrollbar-thumb,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times::-webkit-scrollbar-thumb,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-scrollport::-webkit-scrollbar-thumb {
    background: #32434B;
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 999px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content::-webkit-scrollbar-thumb:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-body::-webkit-scrollbar-thumb:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex::-webkit-scrollbar-thumb:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body::-webkit-scrollbar-thumb:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-times::-webkit-scrollbar-thumb:hover,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-scrollport::-webkit-scrollbar-thumb:hover {
    background: #033D53;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-datecolumn,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-scheduler-groupcolumn {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-content,
.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table thead,
.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview thead,
.schedule-page[b-zdqhgojwio]  .sch-scheduler-agenda-zoho thead {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table tbody {
    display: table-row-group !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table tr {
    display: table-row !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table th,
.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-scheduler-table td {
    display: table-cell !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-cell-hidden {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview tr.sch-agenda-date-header td {
    background: #FFFFFF !important;
    border: none !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 18px 16px 8px !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview tr.sch-agenda-event-row {
    border-bottom: 1px solid #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview tr.sch-agenda-event-row:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview tr.sch-agenda-event-row.k-state-hover {
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event-cell {
    padding: 0 !important;
    border: none !important;
    vertical-align: top !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task .sch-calendar-event--agenda {
    display: grid !important;
    grid-template-columns: 7.5rem minmax(0, 1fr) !important;
    gap: 8px 16px !important;
    padding: 12px 16px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__aside {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    flex: 0 0 10px !important;
    background: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task.sch-status-confirmed .sch-agenda-event__dot {
    background: #003D1F !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task.sch-status-pending .sch-agenda-event__dot {
    background: #B45309 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task.sch-status-cancelled .sch-agenda-event__dot {
    background: #7A1510 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .k-task.sch-status-default .sch-agenda-event__dot {
    background: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-calendar-event--availability .sch-agenda-event__dot {
    background: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__person {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #32434B !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__title {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #121A1F !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__time,
.schedule-page[b-zdqhgojwio]  .k-scheduler-agendaview .sch-agenda-event__meta {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #32434B !important;
}

.schedule-page .sch-scheduler-host--agenda[b-zdqhgojwio]  .k-scheduler {
    height: auto !important;
    min-height: 0 !important;
}

.schedule-page .sch-scheduler-host--agenda[b-zdqhgojwio]  .k-scheduler > .k-scheduler-agendaview,
.schedule-page .sch-scheduler-host--agenda[b-zdqhgojwio]  .k-scheduler > .k-scheduler-layout,
.schedule-page .sch-scheduler-host--agenda[b-zdqhgojwio]  .k-scheduler .k-scheduler-content,
.schedule-page .sch-scheduler-host--agenda[b-zdqhgojwio]  .k-scheduler .k-scheduler-table,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler-monthview,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler > .k-scheduler-monthview,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler > .k-scheduler-layout,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler .k-scheduler-layout-flex,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler .k-scheduler-content,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler .k-scheduler-table,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler-head,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler-header,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler-header-wrap,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler-dayview,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler > .k-scheduler-dayview,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler > .k-scheduler-layout,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler .k-scheduler-layout-flex,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler .k-scheduler-content,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler .k-scheduler-table,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler-head,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler-header,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler-header-wrap {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler {
    height: auto !important;
    min-height: 0 !important;
}

.schedule-page .sch-scheduler-host--month[b-zdqhgojwio],
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio] {
    gap: 0;
}

.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler,
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler {
    gap: 0 !important;
}

.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler > *:not(.k-scheduler-toolbar):not(.k-toolbar),
.schedule-page .sch-scheduler-host--day[b-zdqhgojwio]  .k-scheduler > *:not(.k-scheduler-toolbar):not(.k-toolbar) {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler-toolbar,
.schedule-page .sch-scheduler-host--month[b-zdqhgojwio]  .k-scheduler .k-toolbar {
    border-bottom: 0 !important;
}

.schedule-page .sch-month-zoho[b-zdqhgojwio] {
    position: relative;
    background: #FFFFFF;
    border: 0;
    border-top: 1px solid #E2E8F0;
    border-radius: 0;
    min-height: 650px;
    overflow: hidden;
}

.schedule-page .sch-month-zoho__head[b-zdqhgojwio],
.schedule-page .sch-month-zoho__week[b-zdqhgojwio] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.schedule-page .sch-month-zoho__weekday[b-zdqhgojwio] {
    padding: 10px 8px;
    border-bottom: 1px solid #E2E8F0;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.schedule-page .sch-month-zoho__cell[b-zdqhgojwio] {
    position: relative;
    min-height: 96px;
    padding: 8px;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
    cursor: pointer;
    text-align: right;
}

.schedule-page .sch-month-zoho__week .sch-month-zoho__cell:nth-child(7n)[b-zdqhgojwio] {
    border-right: 0;
}

.schedule-page .sch-month-zoho__cell--other[b-zdqhgojwio] {
    background: #FAFBFC;
}

.schedule-page .sch-month-zoho__cell--today[b-zdqhgojwio],
.schedule-page .sch-month-zoho__cell--today.sch-month-zoho__cell--scheduled[b-zdqhgojwio] {
    background: #F0F4F8;
}

.schedule-page .sch-month-zoho__cell--scheduled[b-zdqhgojwio] {
    background: #E0F2FE;
}

.schedule-page .sch-month-zoho__date[b-zdqhgojwio] {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    min-height: 1.5rem;
    padding: 0 4px;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
}

.schedule-page .sch-month-zoho__cell--other .sch-month-zoho__date[b-zdqhgojwio] {
    color: #32434B;
}

.schedule-page .sch-month-zoho__date--today[b-zdqhgojwio] {
    border-radius: 50%;
    background: #033D53;
    color: #FFFFFF;
    min-width: 1.5rem;
    min-height: 1.5rem;
}

.schedule-page .sch-month-zoho__date--scheduled[b-zdqhgojwio] {
    border-radius: 50%;
    background: #E0F2FE;
    color: #033D53;
    min-width: 1.5rem;
    min-height: 1.5rem;
}

.schedule-page .sch-month-zoho__more[b-zdqhgojwio] {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    margin-top: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
}

.schedule-page .sch-month-zoho__more:focus-visible[b-zdqhgojwio],
.schedule-page .sch-month-zoho__event:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.schedule-page .sch-month-zoho__overlay[b-zdqhgojwio] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: block;
    padding: 0;
    background: rgba(18, 26, 31, 0.18);
}

.schedule-page .sch-month-zoho__popup[b-zdqhgojwio] {
    position: fixed;
    left: 50%;
    top: 48px;
    width: min(360px, calc(100vw - 24px));
    max-height: min(420px, calc(100vh - 32px));
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(18, 26, 31, 0.16);
    z-index: 1200;
}

.schedule-page .sch-month-zoho__popup-head[b-zdqhgojwio] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 12px 12px 16px;
    border-bottom: 1px solid #E2E8F0;
}

.schedule-page .sch-month-zoho__popup-title[b-zdqhgojwio] {
    margin: 0;
    color: #121A1F;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.schedule-page .sch-month-zoho__popup-close[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    min-width: 2.125rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #033D53;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.schedule-page .sch-month-zoho__popup-close:hover[b-zdqhgojwio],
.schedule-page .sch-month-zoho__popup-close:focus-visible[b-zdqhgojwio] {
    background: #E0F2FE;
    color: #033D53;
}

.schedule-page .sch-month-zoho__popup-close:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.schedule-page .sch-month-zoho__popup-close:active[b-zdqhgojwio] {
    background: #033D53;
    color: #FFFFFF;
}

.schedule-page .sch-event-popup__overlay[b-zdqhgojwio] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: block;
    padding: 0;
    background: rgba(18, 26, 31, 0.18);
}

.schedule-page .sch-event-popup[b-zdqhgojwio] {
    position: fixed;
    left: 50%;
    top: 48px;
    width: min(400px, calc(100vw - 24px));
    max-height: min(480px, calc(100vh - 32px));
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(18, 26, 31, 0.16);
    z-index: 1200;
}

.schedule-page .sch-event-popup__head[b-zdqhgojwio] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 12px 12px 16px;
    border-bottom: 1px solid #E2E8F0;
    flex-shrink: 0;
}

.schedule-page .sch-event-popup__title-row[b-zdqhgojwio] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.schedule-page .sch-event-popup__status-dot[b-zdqhgojwio] {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #32434B;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--planned[b-zdqhgojwio] {
    background: #002B6B !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--pending[b-zdqhgojwio],
.schedule-page .sch-event-popup__status-dot.sch-status-pill--pending-special[b-zdqhgojwio] {
    background: #B45309 !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--awaiting[b-zdqhgojwio] {
    background: #033D53 !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--approved[b-zdqhgojwio],
.schedule-page .sch-event-popup__status-dot.sch-status-pill--completed[b-zdqhgojwio] {
    background: #003D1F !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--submitted[b-zdqhgojwio] {
    background: #28213B !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--not-approved[b-zdqhgojwio] {
    background: #5E0011 !important;
}

.schedule-page .sch-event-popup__status-dot.sch-status-pill--default[b-zdqhgojwio] {
    background: #32434B !important;
}

.schedule-page .sch-event-popup__status-dot--availability[b-zdqhgojwio] {
    background: #033D53;
}

.schedule-page .sch-event-popup__title[b-zdqhgojwio] {
    margin: 0;
    color: #121A1F;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.schedule-page .sch-event-popup__close[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    min-width: 2.125rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #033D53;
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.schedule-page .sch-event-popup__close:hover[b-zdqhgojwio],
.schedule-page .sch-event-popup__close:focus-visible[b-zdqhgojwio] {
    background: #E0F2FE;
    color: #033D53;
}

.schedule-page .sch-event-popup__close:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.schedule-page .sch-event-popup__close:active[b-zdqhgojwio] {
    background: #033D53;
    color: #FFFFFF;
}

.schedule-page .sch-event-popup__close-icon[b-zdqhgojwio] {
    display: block;
    width: 22px;
    height: 22px;
}

.schedule-page .sch-event-popup__body[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    overflow-y: auto;
    flex: 1 1 auto;
}

.schedule-page .sch-event-popup__row[b-zdqhgojwio] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.schedule-page .sch-event-popup__heading[b-zdqhgojwio] {
    flex: 0 0 4.75rem;
    width: 4.75rem;
    margin: 0;
    color: #121A1F;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.45;
}

.schedule-page .sch-event-popup__text[b-zdqhgojwio] {
    flex: 1 1 auto;
    min-width: 0;
    color: #32434B;
    font-size: 0.875rem;
    line-height: 1.45;
    word-break: break-word;
}

.schedule-page .sch-event-popup__row .sch-status-pill[b-zdqhgojwio] {
    flex: 0 1 auto;
    max-width: 100%;
}

.schedule-page .sch-event-popup__hint[b-zdqhgojwio] {
    margin: 0;
    padding: 10px 12px;
    border-radius: 8px;
    background: #F0F4F8;
    color: #32434B;
    font-size: 0.875rem;
    line-height: 1.45;
}

.schedule-page .sch-event-popup__footer[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 14px;
    border-top: 1px solid #E2E8F0;
    flex-shrink: 0;
    background: #FFFFFF;
}

.schedule-page .sch-event-popup__footer .schedule-action-btn[b-zdqhgojwio],
.schedule-page .sch-event-popup__footer .sch-event-popup__delete[b-zdqhgojwio] {
    min-height: 2rem !important;
    height: auto !important;
    border-radius: 8px !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
}

.schedule-page .sch-event-popup__delete[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 2rem;
    margin-left: auto;
    padding: 0.35rem 0.75rem;
    border: 1px solid #470E0E;
    border-radius: 8px;
    background: #FFF0F2;
    color: #470E0E;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.schedule-page .sch-event-popup__delete:hover[b-zdqhgojwio],
.schedule-page .sch-event-popup__delete:focus-visible[b-zdqhgojwio] {
    background: #470E0E;
    border-color: #470E0E;
    color: #FFFFFF;
}

.schedule-page .sch-event-popup__delete:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #470E0E;
    outline-offset: 2px;
}

.schedule-page .sch-event-popup__delete:active[b-zdqhgojwio] {
    background: #2E0909;
    border-color: #2E0909;
    color: #FFFFFF;
}

.schedule-page .sch-month-zoho__popup-close-icon[b-zdqhgojwio] {
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    pointer-events: none;
}

.schedule-page .sch-month-zoho__popup-list[b-zdqhgojwio] {
    margin: 0;
    padding: 0 8px 12px;
    list-style: none;
    overflow: auto;
}

.schedule-page .sch-month-zoho__event-row[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

.schedule-page .sch-month-zoho__event-main[b-zdqhgojwio] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.schedule-page .sch-month-zoho__event-rule[b-zdqhgojwio] {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #E2E8F0;
}

.schedule-page .sch-month-zoho__event[b-zdqhgojwio] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 10px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.schedule-page .sch-month-zoho__num[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 1px;
    flex: 0 0 1.5rem;
    border-radius: 50%;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #033D53;
    text-align: center;
}

.schedule-page .sch-month-zoho__event-body[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.schedule-page .sch-month-zoho__event-title[b-zdqhgojwio] {
    color: #121A1F;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
}

.schedule-page .sch-month-zoho__event-meta[b-zdqhgojwio] {
    color: #32434B;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.schedule-page .sch-day-zoho[b-zdqhgojwio] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 650px;
    height: 650px;
    background: #FFFFFF;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.schedule-page .sch-day-zoho__head[b-zdqhgojwio] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    z-index: 4;
    min-height: 2.75rem;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

.schedule-page .sch-day-zoho__head-day[b-zdqhgojwio] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 12px;
}

.schedule-page .sch-day-zoho__head-label[b-zdqhgojwio] {
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
}

.schedule-page .sch-day-zoho__allday[b-zdqhgojwio] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: start;
    z-index: 3;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

.schedule-page .sch-day-zoho__allday-spacer[b-zdqhgojwio] {
    border-right: 1px solid #E2E8F0;
    min-height: 100%;
}

.schedule-page .sch-day-zoho__allday-items[b-zdqhgojwio] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    padding: 6px 8px;
}

.schedule-page .sch-day-zoho__chip[b-zdqhgojwio] {
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: 0;
    border-left: 4px solid #32434B;
    border-radius: 4px;
    background: #F0F4F8;
    color: #121A1F;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}

.schedule-page .sch-day-zoho__chip-main[b-zdqhgojwio] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.schedule-page .sch-day-zoho__chip.sch-status-confirmed[b-zdqhgojwio] {
    background: #EAFBF1;
    border-left-color: #003D1F;
    color: #003D1F;
}

.schedule-page .sch-day-zoho__chip.sch-status-pending[b-zdqhgojwio] {
    background: #FEF3C7;
    border-left-color: #B45309;
    color: #92400E;
}

.schedule-page .sch-day-zoho__chip.sch-status-cancelled[b-zdqhgojwio] {
    background: #FEECEC;
    border-left-color: #7A1510;
    color: #7A1510;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio] {
    display: block;
    flex: 1 1 auto;
    min-height: 480px;
    overflow: auto;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-track {
    background: transparent;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-corner {
    background: transparent;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE;
    border-radius: 999px;
    margin: 2px 4px;
    border: 4px solid transparent;
    background-clip: padding-box;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 48px;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-thumb:hover {
    background: #121A1F;
    background-clip: padding-box;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 6px;
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:vertical:start:increment,
.schedule-page .sch-day-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

.schedule-page .sch-day-zoho__canvas[b-zdqhgojwio] {
    position: relative;
    box-sizing: border-box;
}

.schedule-page .sch-day-zoho__hours[b-zdqhgojwio] {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.schedule-page .sch-day-zoho .sch-calendar-slot-marker[b-zdqhgojwio] {
    pointer-events: none;
}

.schedule-page .sch-day-zoho__hour[b-zdqhgojwio] {
    position: relative;
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr);
    width: 100%;
    min-height: 56px !important;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #E2E8F0;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
    overflow: visible !important;
    appearance: none;
}

.schedule-page .sch-day-zoho__hour[b-zdqhgojwio]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 92px;
    border-top: 1px dashed #E2E8F0;
    pointer-events: none;
}

.schedule-page .sch-day-zoho__times[b-zdqhgojwio] {
    grid-column: 1;
    width: 92px;
    min-height: 100%;
    box-sizing: border-box;
    border-right: 1px solid #E2E8F0;
    background: #FFFFFF;
}

.schedule-page .sch-day-zoho__time[b-zdqhgojwio] {
    display: block;
    width: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    color: #32434B;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
    transform: translateY(-50%);
    background: #FFFFFF;
}

.schedule-page .sch-day-zoho__hour:first-child[b-zdqhgojwio] {
    border-top: 0;
}

.schedule-page .sch-day-zoho__hour:first-child .sch-day-zoho__time[b-zdqhgojwio] {
    transform: none;
    padding-top: 2px;
}

.schedule-page .sch-day-zoho__line[b-zdqhgojwio] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
}

.schedule-page .sch-day-zoho__half[b-zdqhgojwio] {
    flex: 1 1 50%;
    min-height: 0;
    cursor: pointer;
}

.schedule-page .sch-day-zoho__track[b-zdqhgojwio] {
    position: absolute;
    top: 0;
    right: 8px;
    left: 92px;
    z-index: 6;
    pointer-events: none;
}

.schedule-page .sch-day-zoho__event[b-zdqhgojwio] {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 4px;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 6px 4px 8px;
    overflow: hidden;
    border: 1px solid #32434B;
    border-left-width: 4px;
    border-radius: 4px;
    background: #F0F4F8;
    color: #121A1F;
    text-align: left;
    pointer-events: auto;
    cursor: pointer;
}

.schedule-page .sch-day-zoho__event .sch-calendar-delete[b-zdqhgojwio] {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    flex: 0 0 auto;
    align-self: flex-start;
}

.schedule-page .sch-day-zoho__event-main[b-zdqhgojwio] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 2px;
    min-width: 0;
    min-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.schedule-page .sch-day-zoho__event.sch-status-confirmed[b-zdqhgojwio] {
    background: #EAFBF1;
    border-color: #003D1F;
    color: #003D1F;
}

.schedule-page .sch-day-zoho__event.sch-status-pending[b-zdqhgojwio] {
    background: #FEF3C7;
    border-color: #B45309;
    color: #92400E;
}

.schedule-page .sch-day-zoho__event.sch-status-cancelled[b-zdqhgojwio] {
    background: #FEECEC;
    border-color: #7A1510;
    color: #7A1510;
}

.schedule-page .sch-day-zoho__event-title[b-zdqhgojwio],
.schedule-page .sch-day-zoho__event-time[b-zdqhgojwio] {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
}

.schedule-page .sch-day-zoho__event-time[b-zdqhgojwio] {
    font-weight: 500;
}

.schedule-page .sch-day-zoho__event:focus-visible[b-zdqhgojwio],
.schedule-page .sch-day-zoho__event-main:focus-visible[b-zdqhgojwio],
.schedule-page .sch-day-zoho__chip-main:focus-visible[b-zdqhgojwio],
.schedule-page .sch-day-zoho__half:focus-visible[b-zdqhgojwio],
.schedule-page .sch-day-zoho__chip:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.schedule-page .sch-agenda-zoho[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    height: 650px;
    background: #FFFFFF;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar {
    width: 12px;
    background: transparent;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-track {
    background: transparent;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-corner {
    background: transparent;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-track-piece:vertical {
    background: #E0F2FE;
    border-radius: 999px;
    margin: 2px 4px;
    border: 4px solid transparent;
    background-clip: padding-box;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-thumb {
    background: #32434B;
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: padding-box;
    min-height: 48px;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-thumb:hover {
    background: #121A1F;
    background-clip: padding-box;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 6px;
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%231A2B33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:vertical:start:increment,
.schedule-page .sch-agenda-zoho__scroll[b-zdqhgojwio]::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

.schedule-page .sch-agenda-zoho__pager[b-zdqhgojwio] {
    flex: 0 0 auto;
}

.schedule-page .sch-agenda-zoho__group + .sch-agenda-zoho__group[b-zdqhgojwio] {
    margin-top: 4px;
}

.schedule-page .sch-agenda-zoho__date[b-zdqhgojwio] {
    margin: 0;
    padding: 12px 16px;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    color: #033D53;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

.schedule-page .sch-agenda-zoho__row[b-zdqhgojwio] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto;
    column-gap: 10px;
    align-items: start;
    padding: 12px 16px;
    border-bottom: 1px solid #E2E8F0;
    background: #FFFFFF;
}

.schedule-page .sch-calendar-delete[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #7A1510;
    -webkit-text-fill-color: #7A1510;
    cursor: pointer;
    flex-shrink: 0;
}

.schedule-page .sch-calendar-delete i[b-zdqhgojwio],
.schedule-page .sch-calendar-delete i[b-zdqhgojwio]::before {
    color: #7A1510;
    -webkit-text-fill-color: #7A1510;
}

.schedule-page .sch-calendar-delete:hover[b-zdqhgojwio],
.schedule-page .sch-calendar-delete:focus-visible[b-zdqhgojwio],
.schedule-page .sch-calendar-delete:active[b-zdqhgojwio] {
    background: #7A1510;
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
}

.schedule-page .sch-calendar-delete:hover i[b-zdqhgojwio],
.schedule-page .sch-calendar-delete:hover i[b-zdqhgojwio]::before,
.schedule-page .sch-calendar-delete:focus-visible i[b-zdqhgojwio],
.schedule-page .sch-calendar-delete:focus-visible i[b-zdqhgojwio]::before,
.schedule-page .sch-calendar-delete:active i[b-zdqhgojwio],
.schedule-page .sch-calendar-delete:active i[b-zdqhgojwio]::before {
    color: #FFFFFF;
    -webkit-text-fill-color: #FFFFFF;
}

.schedule-page .sch-calendar-delete:focus-visible[b-zdqhgojwio] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.schedule-page .sch-agenda-zoho__num[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 1px;
    border-radius: 50%;
    border: 1px solid #E2E8F0;
    background: #F0F4F8;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #033D53;
    text-align: center;
}

.schedule-page .sch-agenda-zoho__body[b-zdqhgojwio] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.schedule-page .sch-agenda-zoho__title[b-zdqhgojwio] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
    color: #121A1F;
}

.schedule-page .sch-agenda-zoho__time[b-zdqhgojwio],
.schedule-page .sch-agenda-zoho__meta[b-zdqhgojwio] {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.4;
    color: #32434B;
}

.schedule-page .sch-agenda-zoho .sch-status-pill.sch-agenda-zoho__status[b-zdqhgojwio] {
    margin-top: 4px;
    height: 26px;
    min-height: 26px;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler .k-task:hover {
    filter: none !important;
    opacity: 1 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-content tr:hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-content tr.k-state-hover,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-more-events:hover {
    background-color: transparent !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-content,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table {
    background: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table th {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 8px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-scheduler-table td {
    background: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #32434B !important;
    vertical-align: top !important;
    text-align: left !important;
    padding: 4px 6px !important;
    min-height: 92px !important;
    height: auto !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-other-month {
    background: #FAFBFC !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-other-month .k-link {
    color: #64748B !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-today:not(.k-other-month) {
    background: #F6FBFE !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-link {
    display: block !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    padding: 0 0 4px !important;
    margin: 0 0 4px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-today .k-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.375rem !important;
    min-width: 1.375rem !important;
    height: 1.375rem !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
    border-radius: 50% !important;
    background: #033D53 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-other-month.k-today .k-link {
    background: #64748B !important;
    color: #FFFFFF !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-events-container {
    margin: 0 !important;
    padding: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event {
    min-height: 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-width: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event {
    padding: 3px 6px !important;
    gap: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event__title {
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event__line,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event__meta,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event__status,
.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event .sch-calendar-event__actions {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-more-events {
    color: #033D53 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-more-events:hover {
    color: #033D53 !important;
    text-decoration: underline !important;
    background: transparent !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event.sch-status-confirmed {
    background: #EAFBF1 !important;
    color: #003D1F !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event.sch-status-pending {
    background: #FEF3C7 !important;
    color: #92400E !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event.sch-status-cancelled {
    background: #FEECEC !important;
    color: #7A1510 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event.sch-status-default {
    background: #F0F4F8 !important;
    color: #121A1F !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-monthview .k-event.sch-availability-block {
    background: rgba(224, 242, 254, 0.92) !important;
    color: #033D53 !important;
}

/* Zoho Calendar — week/day header + grid polish */
.schedule-page[b-zdqhgojwio]  .k-scheduler-head .k-heading-cell.k-today,
.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-head > .k-scheduler-row:first-child > .k-heading-cell.k-today {
    background: #E0F2FE !important;
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-middle-row .k-scheduler-cell {
    border-bottom-color: #E2E8F0 !important;
    border-bottom-style: dotted !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler-layout-flex .k-scheduler-body .k-middle-row .k-scheduler-cell.k-side-cell {
    font-weight: 500 !important;
    color: #32434B !important;
    font-size: 11px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler:not(.k-scheduler-monthview) .k-event .sch-calendar-event {
    padding: 3px 6px !important;
    gap: 2px !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-views {
    border: 1px solid #E2E8F0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    gap: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-views > li + li {
    margin-inline-start: 0 !important;
    margin-left: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-views .k-link {
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid #E2E8F0 !important;
    min-height: 2rem !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-views > li:last-child .k-link {
    border-right: 0 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation li.k-nav-current > .k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler ul.k-scheduler-navigation .k-nav-current.k-link,
.schedule-page[b-zdqhgojwio]  .k-scheduler-toolbar .k-nav-current:not(li) {
    color: #033D53 !important;
    font-weight: 600 !important;
}

.schedule-page[b-zdqhgojwio]  .k-scheduler .k-event.sch-status-default {
    border-left-color: #32434B !important;
}

/* Date/time pair — match Invoices (TelerikDatePicker + InvRcsTimeField) */
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker.k-datepicker,
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker.k-picker {
    width: 100% !important;
    min-height: 2.375rem !important;
    height: 2.375rem !important;
    padding: 0 0.2rem 0 0.5rem !important;
    box-sizing: border-box !important;
    background: #F0F4F8 !important;
    border: 1.5px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #32434B !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker .k-input-inner {
    padding: 0 !important;
    background: transparent !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker.k-focus,
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker:focus-within {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    box-shadow: none !important;
    outline: none !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker .k-input-button {
    background: transparent !important;
    background-color: #033D53 !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 1.5rem !important;
    min-width: 1.5rem !important;
    background-image: none !important;
    -webkit-mask-image: url("/images/icons/fc-datepicker-calendar.svg") !important;
    mask-image: url("/images/icons/fc-datepicker-calendar.svg") !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-size: 14px 14px !important;
    mask-size: 14px 14px !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker .k-input-button .k-svg-icon,
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt__picker .k-input-button svg {
    display: none !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time__trigger {
    min-height: 2.375rem !important;
    height: 2.375rem !important;
    padding: 0 0.5rem !important;
    box-sizing: border-box !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #32434B !important;
    background: #F0F4F8 !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 8px !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time:not(.is-open) .inv-rcs-time__trigger:hover:not(:disabled) {
    background: #FFFFFF !important;
    border-color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time.is-open .inv-rcs-time__trigger,
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time__trigger:focus-visible {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    outline: none !important;
}

.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time__clock,
.schedule-page[b-zdqhgojwio]  .sch-schedule-dt .inv-rcs-time__clock svg {
    color: #033D53 !important;
}

.schedule-page[b-zdqhgojwio]  .sch-bulk-table .sch-schedule-dt__picker.k-datepicker,
.schedule-page[b-zdqhgojwio]  .sch-bulk-table .sch-schedule-dt__picker.k-picker {
    min-height: 2rem !important;
    height: 2rem !important;
}

.schedule-page[b-zdqhgojwio]  .sch-bulk-table .sch-schedule-dt .inv-rcs-time__trigger {
    min-height: 2rem !important;
    height: 2rem !important;
    font-size: 0.75rem !important;
}

.schedule-page[b-zdqhgojwio]  .sch-avail-slot-field .inv-rcs-time__trigger,
.schedule-page[b-zdqhgojwio]  .sch-avail-slot-inline__time .inv-rcs-time__trigger {
    min-height: 2.375rem !important;
    height: 2.375rem !important;
}

.schedule-page[b-zdqhgojwio]  .sch-avail-slot-field .sch-schedule-dt .inv-rcs-time__trigger,
.schedule-page[b-zdqhgojwio]  .sch-avail-override-row .sch-schedule-dt .inv-rcs-time__trigger {
    min-height: 2.375rem !important;
    height: 2.375rem !important;
}

.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler {
    height: auto !important;
    min-height: 0 !important;
}

.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-layout,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-content,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-monthview,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-agendaview,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-dayview,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-weekview,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-header,
.schedule-page .sch-scheduler-host--table[b-zdqhgojwio]  .k-scheduler-body {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.schedule-page .sch-cal-table-wrap[b-zdqhgojwio] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    overflow: hidden;
}

.schedule-page .sch-cal-table[b-zdqhgojwio] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #FFFFFF;
    color: #32434B;
}

.schedule-page .sch-cal-table th[b-zdqhgojwio],
.schedule-page .sch-cal-table td[b-zdqhgojwio] {
    border: 1px solid #E2E8F0;
    vertical-align: top;
    font-size: 0.75rem;
    line-height: 1.3;
}

.schedule-page .sch-cal-table thead th[b-zdqhgojwio] {
    background: #FFFFFF;
    color: #32434B;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: center;
    padding: 8px;
}

.schedule-page .sch-cal-table--month td[b-zdqhgojwio] {
    height: 108px;
    min-height: 108px;
    padding: 4px 6px;
    background: #FFFFFF;
}

.schedule-page .sch-cal-table--month .sch-cal-table__cell--other[b-zdqhgojwio] {
    background: #FAFBFC;
}

.schedule-page .sch-cal-table--month .sch-cal-table__cell--today[b-zdqhgojwio] {
    background: #F0F4F8;
}

.schedule-page .sch-cal-table__day[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    margin: 0 0 4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #32434B;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.schedule-page .sch-cal-table__cell--today .sch-cal-table__day[b-zdqhgojwio] {
    background: #033D53;
    color: #FFFFFF;
    font-weight: 700;
}

.schedule-page .sch-cal-table__cell--other .sch-cal-table__day[b-zdqhgojwio] {
    color: #64748B;
}

.schedule-page .sch-cal-table__event[b-zdqhgojwio] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 2px 6px;
    border: 0;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    min-height: 20px;
}

.schedule-page .sch-cal-table__event-title[b-zdqhgojwio],
.schedule-page .sch-cal-table__event-meta[b-zdqhgojwio],
.schedule-page .sch-cal-table__more[b-zdqhgojwio] {
    font-size: 11px;
    line-height: 1.25;
}

.schedule-page .sch-cal-table__event.sch-status-confirmed[b-zdqhgojwio] {
    background: #EAFBF1;
    color: #003D1F;
}

.schedule-page .sch-cal-table__event.sch-status-pending[b-zdqhgojwio] {
    background: #FEF3C7;
    color: #92400E;
}

.schedule-page .sch-cal-table__event.sch-status-cancelled[b-zdqhgojwio] {
    background: #FEECEC;
    color: #7A1510;
}

.schedule-page .sch-cal-table__event.sch-status-default[b-zdqhgojwio] {
    background: #F0F4F8;
    color: #121A1F;
}

.schedule-page .sch-cal-table__event.sch-availability-block[b-zdqhgojwio] {
    background: #E0F2FE;
    color: #033D53;
}

.schedule-page .sch-cal-table--agenda thead th[b-zdqhgojwio],
.schedule-page .sch-cal-table--agenda tbody th[b-zdqhgojwio],
.schedule-page .sch-cal-table--agenda tbody td[b-zdqhgojwio] {
    text-align: left;
    padding: 10px 12px;
    vertical-align: middle;
}

.schedule-page .sch-cal-table__agenda-open[b-zdqhgojwio] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.schedule-page .sch-cal-table--agenda tbody tr:hover th[b-zdqhgojwio],
.schedule-page .sch-cal-table--agenda tbody tr:hover td[b-zdqhgojwio] {
    background: #F6FBFE;
}

.schedule-page .sch-cal-table-wrap--timed[b-zdqhgojwio] {
    max-height: 36rem;
    overflow: auto;
    border-radius: 16px;
    scrollbar-width: thin;
    scrollbar-color: #32434B #F0F4F8;
}

.schedule-page .sch-cal-table-wrap--timed[b-zdqhgojwio]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.schedule-page .sch-cal-table-wrap--timed[b-zdqhgojwio]::-webkit-scrollbar-track {
    background: #F0F4F8;
    border-radius: 999px;
}

.schedule-page .sch-cal-table-wrap--timed[b-zdqhgojwio]::-webkit-scrollbar-thumb {
    background: #32434B;
    border: 2px solid #F0F4F8;
    border-radius: 999px;
}

.schedule-page .sch-cal-table-wrap--timed[b-zdqhgojwio]::-webkit-scrollbar-thumb:hover {
    background: #033D53;
}

.schedule-page .sch-cal-table--timed .sch-cal-table__time-col[b-zdqhgojwio] {
    width: 4.5rem;
    min-width: 4.5rem;
    text-align: right;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 700;
    color: #32434B;
}

.schedule-page .sch-cal-table--timed .sch-cal-table__allday-head[b-zdqhgojwio] {
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
}

.schedule-page .sch-cal-table--timed .sch-cal-table__allday-label[b-zdqhgojwio] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    color: #32434B;
    white-space: nowrap;
}

.schedule-page .sch-cal-table--timed tbody td[b-zdqhgojwio] {
    position: relative;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 2px 4px;
}

.schedule-page .sch-cal-table__slot[b-zdqhgojwio] {
    position: absolute;
    inset: 0;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.schedule-page .sch-cal-table--timed .sch-cal-table__events[b-zdqhgojwio] {
    position: relative;
    z-index: 1;
}


/* Accept shift request dialog — AODA field chrome */
.sch-accept-isw-dialog .sch-accept-isw-dialog__title[b-zdqhgojwio] {
    margin: 0.75rem 0 0.5rem;
    color: #121A1F;
    font-size: 1.05rem;
    font-weight: 600;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__meta[b-zdqhgojwio] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.55rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__meta-label[b-zdqhgojwio] {
    display: inline;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.4;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__meta-value[b-zdqhgojwio] {
    display: inline;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.4;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__rule[b-zdqhgojwio] {
    margin: 0;
    border: 0;
    border-top: 1px solid #E2E8F0;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__close[b-zdqhgojwio] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    min-width: 2.125rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #033D53;
    cursor: pointer;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__close:hover:not(:disabled)[b-zdqhgojwio],
.sch-accept-isw-dialog .sch-accept-isw-dialog__close:focus-visible:not(:disabled)[b-zdqhgojwio] {
    background: #E0F2FE;
    color: #033D53;
    outline: none;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__close:active:not(:disabled)[b-zdqhgojwio] {
    background: #033D53;
    color: #FFFFFF;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__btn[b-zdqhgojwio] {
    width: 7.25rem;
    min-width: 7.25rem;
    max-width: 7.25rem;
    height: 2.5rem;
    min-height: 2.5rem;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__label[b-zdqhgojwio] {
    display: block;
    color: #121A1F;
    font-size: 0.8125rem; /* 13px */
    font-weight: 600;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__control.form-control[b-zdqhgojwio],
.sch-accept-isw-dialog select.sch-accept-isw-dialog__control[b-zdqhgojwio],
.sch-accept-isw-dialog input.sch-accept-isw-dialog__control[b-zdqhgojwio],
.sch-accept-isw-dialog__control.form-control[b-zdqhgojwio],
select.sch-accept-isw-dialog__control[b-zdqhgojwio],
input.sch-accept-isw-dialog__control[b-zdqhgojwio] {
    min-height: 2.75rem !important;
    height: 2.75rem !important;
    padding: 0.5rem 0.75rem !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background-color: #F0F4F8 !important;
    color: #32434B !important;
    font-size: 0.8125rem !important; /* 13px */
    font-weight: 500 !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__control.form-control:focus[b-zdqhgojwio],
.sch-accept-isw-dialog select.sch-accept-isw-dialog__control:focus[b-zdqhgojwio],
.sch-accept-isw-dialog input.sch-accept-isw-dialog__control:focus[b-zdqhgojwio],
.sch-accept-isw-dialog__control.form-control:focus[b-zdqhgojwio],
select.sch-accept-isw-dialog__control:focus[b-zdqhgojwio],
input.sch-accept-isw-dialog__control:focus[b-zdqhgojwio] {
    background-color: #FFFFFF !important;
    border-color: #033D53 !important;
    box-shadow: none !important;
    outline: none !important;
}

.sch-accept-isw-dialog select.sch-accept-isw-dialog__select[b-zdqhgojwio],
select.sch-accept-isw-dialog__select[b-zdqhgojwio] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2332434B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 12px 8px !important;
    cursor: pointer !important;
}

.sch-accept-isw-dialog select.sch-accept-isw-dialog__select[b-zdqhgojwio]::-ms-expand,
select.sch-accept-isw-dialog__select[b-zdqhgojwio]::-ms-expand {
    display: none;
}

.sch-accept-isw-dialog__control--no-spin[b-zdqhgojwio],
input.sch-accept-isw-dialog__control--no-spin[type="number"][b-zdqhgojwio] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.sch-accept-isw-dialog__control--no-spin[b-zdqhgojwio]::-webkit-outer-spin-button,
.sch-accept-isw-dialog__control--no-spin[b-zdqhgojwio]::-webkit-inner-spin-button,
input.sch-accept-isw-dialog__control--no-spin[type="number"][b-zdqhgojwio]::-webkit-outer-spin-button,
input.sch-accept-isw-dialog__control--no-spin[type="number"][b-zdqhgojwio]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__staffing[b-zdqhgojwio] {
    border-color: #E2E8F0 !important;
    background-color: #F0F4F8 !important;
}

.sch-accept-isw-dialog .sch-accept-isw-dialog__staffing-note[b-zdqhgojwio] {
    color: #475E69;
    font-size: 0.75rem; /* 12px */
    line-height: 1.4;
}
/* /Pages/Domain/Shifts/AppPageWorkers.razor.rz.scp.css */
/* My Workers — FC / AODA list patterns */

.mw-page[b-zpi3ezgpxk] {
    --mw-brand: #033D53;
    --mw-ink: #32434B;
    --mw-strong: #121A1F;
    --mw-soft: #F0F4F8;
    --mw-input: #F4F7FA;
    --mw-sky: #E0F2FE;
    --mw-border: #E2E8F0;
    --mw-hr: #E8ECF1;
    --mw-white: #FFFFFF;
    --mw-press: #022a3a;
}

.mw-page[b-zpi3ezgpxk]  .app-card,
.mw-page[b-zpi3ezgpxk]  .card {
    border: 1px solid var(--mw-border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: var(--mw-white) !important;
    overflow: hidden !important;
}

.mw-page[b-zpi3ezgpxk]  .card > .card-header,
.mw-page[b-zpi3ezgpxk]  .app-card > .card-header,
.mw-page[b-zpi3ezgpxk]  .app-card-header {
    display: none !important;
}

/* ---- Toolbar ---- */
.mw-toolbar[b-zpi3ezgpxk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    padding: 0.85rem 0 0.9rem;
    margin-bottom: 0.35rem;
    border-bottom: 1px solid var(--mw-hr);
}

.mw-toolbar__search[b-zpi3ezgpxk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    min-width: min(100%, 16rem);
    flex: 1 1 14rem;
    max-width: 26rem;
}

.mw-toolbar__label[b-zpi3ezgpxk] {
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #32434B;
    letter-spacing: 0;
    white-space: nowrap;
    line-height: 1;
}

.mw-toolbar__search-wrap[b-zpi3ezgpxk] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.mw-toolbar__search-icon[b-zpi3ezgpxk] {
    position: absolute;
    left: 0.85rem;
    color: var(--mw-ink);
    font-size: 0.8125rem;
    pointer-events: none;
}

.mw-toolbar__input[b-zpi3ezgpxk] {
    width: 100%;
    height: 2.375rem;
    padding: 0 0.85rem 0 2.35rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: var(--mw-input);
    color: var(--mw-brand);
    font-size: 0.875rem;
    font-weight: 500;
    outline: none;
    box-shadow: none;
}

.mw-toolbar__input[b-zpi3ezgpxk]::placeholder {
    color: #32434B;
}

.mw-toolbar__input:hover[b-zpi3ezgpxk] {
    background: var(--mw-sky);
}

.mw-toolbar__input:focus[b-zpi3ezgpxk] {
    background: var(--mw-white);
    border-color: var(--mw-brand);
}

.mw-filter-chips[b-zpi3ezgpxk] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.mw-toolbar__right[b-zpi3ezgpxk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    justify-content: flex-end;
}

.mw-add-btn[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 2.375rem;
    padding: 0 1rem;
    border-radius: 8px;
    border: 1.5px solid var(--mw-brand);
    background: var(--mw-brand);
    color: var(--mw-white);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.mw-add-btn:hover[b-zpi3ezgpxk] {
    background: var(--mw-press);
    border-color: var(--mw-press);
}

.mw-add-btn:focus-visible[b-zpi3ezgpxk] {
    outline: 2px solid var(--mw-brand);
    outline-offset: 2px;
}

.mw-dev-btn[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    padding: 0 1rem;
    border-radius: 8px;
    border: 1.5px solid #5E0011;
    background: var(--mw-white);
    color: #5E0011;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    white-space: nowrap;
}

.mw-dev-btn:hover[b-zpi3ezgpxk] {
    background: #FFF0F2;
}

.mw-dev-btn:focus-visible[b-zpi3ezgpxk] {
    outline: 2px solid #5E0011;
    outline-offset: 2px;
}

.mw-chip[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    padding: 0 0.95rem;
    border-radius: 8px;
    border: 1.5px solid var(--mw-brand);
    background: var(--mw-white);
    color: var(--mw-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.mw-chip:hover[b-zpi3ezgpxk] {
    background: var(--mw-sky);
}

.mw-chip:focus-visible[b-zpi3ezgpxk] {
    outline: 2px solid var(--mw-brand);
    outline-offset: 2px;
}

.mw-chip.is-active[b-zpi3ezgpxk] {
    background: var(--mw-brand);
    color: var(--mw-white);
    border-color: var(--mw-brand);
}

.mw-chip.is-active:hover[b-zpi3ezgpxk] {
    background: var(--mw-press);
    border-color: var(--mw-press);
}

/* ---- Empty ---- */
.mw-empty[b-zpi3ezgpxk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 18rem;
    padding: 2.75rem 1.5rem;
    text-align: center;
}

.mw-empty__icon[b-zpi3ezgpxk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.1rem;
    border-radius: 1rem;
    background: var(--mw-soft);
    border: 1px solid var(--mw-border);
    color: var(--mw-brand);
    font-size: 1.85rem;
}

.mw-loading[b-zpi3ezgpxk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 8rem;
    margin: 1.5rem 0;
    color: #033D53;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
}

.mw-loading__icon[b-zpi3ezgpxk] {
    font-size: 1rem;
    color: #033D53;
}

.mw-empty__title[b-zpi3ezgpxk] {
    margin: 0 0 0.4rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--mw-strong);
}

.mw-empty__description[b-zpi3ezgpxk] {
    margin: 0;
    max-width: 26rem;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--mw-ink);
}

/* ---- List ---- */
.mw-list[b-zpi3ezgpxk] {
    width: 100%;
    padding: 0.35rem 0 0.25rem;
}

.mw-list__header[b-zpi3ezgpxk],
.mw-list__row[b-zpi3ezgpxk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 0.7rem 0.5rem;
    border-left: 3px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
}

.mw-list__header[b-zpi3ezgpxk] {
    border-bottom: 1px solid var(--mw-hr);
    border-radius: 0;
    margin-bottom: 0.15rem;
}

.mw-list__header .mw-col[b-zpi3ezgpxk] {
    color: var(--mw-strong);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.3;
}

.mw-col--phone[b-zpi3ezgpxk],
.mw-col--amount[b-zpi3ezgpxk] {
    padding-left: 1rem;
}

.mw-list__row[b-zpi3ezgpxk] {
    background: var(--mw-white);
    border-bottom: 1px solid var(--mw-hr);
    cursor: pointer;
}

.mw-list__row:hover[b-zpi3ezgpxk] {
    background: var(--mw-sky);
    border-left-color: var(--mw-brand);
}

.mw-list__row.is-selected[b-zpi3ezgpxk],
.mw-list__row:active[b-zpi3ezgpxk] {
    background: var(--mw-brand);
    border-left-color: var(--mw-brand);
    color: var(--mw-white);
}

.mw-list__row.is-selected .mw-name[b-zpi3ezgpxk],
.mw-list__row:active .mw-name[b-zpi3ezgpxk],
.mw-list__row.is-selected .mw-col[b-zpi3ezgpxk],
.mw-list__row:active .mw-col[b-zpi3ezgpxk] {
    color: var(--mw-white);
}

.mw-list__row.is-selected .mw-view-btn[b-zpi3ezgpxk],
.mw-list__row:active .mw-view-btn[b-zpi3ezgpxk],
.mw-list__row.is-selected .mw-action-btn[b-zpi3ezgpxk],
.mw-list__row:active .mw-action-btn[b-zpi3ezgpxk] {
    background: var(--mw-white);
    border-color: var(--mw-white);
    color: var(--mw-brand);
}

.mw-col[b-zpi3ezgpxk] {
    display: flex;
    align-items: center;
    min-width: 0;
    color: var(--mw-ink);
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
}

.mw-name[b-zpi3ezgpxk] {
    color: var(--mw-strong);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mw-ellipsis[b-zpi3ezgpxk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.mw-col--actions[b-zpi3ezgpxk] {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.mw-view-btn[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    padding: 0 0.75rem;
    border-radius: 6px;
    border: 1.5px solid var(--mw-brand);
    background: var(--mw-white);
    color: var(--mw-brand);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.mw-view-btn:hover[b-zpi3ezgpxk] {
    background: var(--mw-sky);
}

.mw-view-btn:focus-visible[b-zpi3ezgpxk] {
    outline: 2px solid var(--mw-brand);
    outline-offset: 2px;
}

.mw-action-btn[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    border: 1.5px solid transparent;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    background: var(--mw-white);
}

.mw-action-btn:disabled[b-zpi3ezgpxk] {
    opacity: 0.55;
    cursor: not-allowed;
}

.mw-action-btn--danger[b-zpi3ezgpxk] {
    border-color: #5E0011;
    color: #5E0011;
}

.mw-action-btn--danger:hover:not(:disabled)[b-zpi3ezgpxk] {
    background: #FFF0F2;
}

.mw-action-btn--success[b-zpi3ezgpxk] {
    border-color: #003D1F;
    color: #003D1F;
}

.mw-action-btn--success:hover:not(:disabled)[b-zpi3ezgpxk] {
    background: #EAFBF1;
}

.mw-action-btn:focus-visible[b-zpi3ezgpxk] {
    outline: 2px solid var(--mw-brand);
    outline-offset: 2px;
}

.mw-status-pill[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    height: 1.5rem;
    padding: 0 0.65rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.5rem;
    white-space: nowrap;
}

.mw-status-pill--active[b-zpi3ezgpxk] {
    background: #EAFBF1;
    color: #003D1F;
}

.mw-status-pill--inactive[b-zpi3ezgpxk] {
    background: var(--mw-soft);
    color: var(--mw-ink);
}

.mw-status-pill--approved[b-zpi3ezgpxk] {
    background: #EAFBF1;
    color: #003D1F;
}

.mw-status-pill--pending[b-zpi3ezgpxk] {
    background: #F9ECD4;
    color: #35260C;
}

.mw-status-pill--default[b-zpi3ezgpxk] {
    background: var(--mw-soft);
    color: var(--mw-ink);
}

.mw-list__row.is-selected .mw-status-pill[b-zpi3ezgpxk],
.mw-list__row:active .mw-status-pill[b-zpi3ezgpxk] {
    background: rgba(255, 255, 255, 0.18);
    color: var(--mw-white);
}

/* ---- Pagination (AODA overrides under page) ---- */
.mw-page[b-zpi3ezgpxk]  .module-list-pagination {
    border-top-color: var(--mw-hr) !important;
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
}

.mw-page[b-zpi3ezgpxk]  .module-list-pagination__label {
    color: var(--mw-ink) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.mw-page[b-zpi3ezgpxk]  .module-list-pagination__nav,
.mw-page[b-zpi3ezgpxk]  .module-list-pagination__page {
    min-width: 2rem !important;
    height: 2rem !important;
    border-radius: 6px !important;
    border: 1px solid #D0D5DD !important;
    background: var(--mw-white) !important;
    color: var(--mw-brand) !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.mw-page[b-zpi3ezgpxk]  .module-list-pagination__nav:hover:not(:disabled),
.mw-page[b-zpi3ezgpxk]  .module-list-pagination__page:hover:not(.is-active) {
    background: var(--mw-sky) !important;
    border-color: var(--mw-brand) !important;
}

.mw-page[b-zpi3ezgpxk]  .module-list-pagination__page.is-active {
    background: var(--mw-brand) !important;
    border-color: var(--mw-brand) !important;
    color: var(--mw-white) !important;
}

.mw-page[b-zpi3ezgpxk]  .module-list-pagination__nav:disabled {
    opacity: 0.45 !important;
}

/* ---- Details dialog (scoped fallback; teleported styles in .razor <style>) ---- */
.mw-dialog__header[b-zpi3ezgpxk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.1rem 1.15rem 0.75rem;
}

.mw-dialog__identity[b-zpi3ezgpxk] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 0.35rem;
    flex-wrap: wrap;
}

.mw-dialog__identity-label[b-zpi3ezgpxk] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: #32434B;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.mw-dialog__hr[b-zpi3ezgpxk] {
    margin: 0 1.15rem;
    border: 0;
    border-top: 1px solid var(--mw-border);
}

.mw-dialog__close[b-zpi3ezgpxk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--mw-brand);
    cursor: pointer;
}

.mw-dialog__close:hover[b-zpi3ezgpxk],
.mw-dialog__close:focus-visible[b-zpi3ezgpxk] {
    background: var(--mw-sky);
    color: var(--mw-brand);
    outline: none;
}

.mw-dialog__close:active[b-zpi3ezgpxk] {
    background: var(--mw-brand);
    color: var(--mw-white);
}

.mw-dialog__btn--secondary:active[b-zpi3ezgpxk] {
    background: var(--mw-brand);
    color: var(--mw-white);
}

.mw-dialog__field[b-zpi3ezgpxk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    background: var(--mw-white);
    border: 1px solid var(--mw-border);
    border-radius: 8px;
}

@media (max-width: 991px) {
    .mw-list__header[b-zpi3ezgpxk],
    .mw-list__row[b-zpi3ezgpxk] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 0.85rem;
    }

    .mw-dialog__grid[b-zpi3ezgpxk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mw-list__header[b-zpi3ezgpxk],
    .mw-list__row[b-zpi3ezgpxk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.75rem;
    }

    .mw-toolbar[b-zpi3ezgpxk] {
        flex-direction: column;
        align-items: stretch;
    }

    .mw-toolbar__search[b-zpi3ezgpxk] {
        max-width: none;
    }

    .mw-toolbar__right[b-zpi3ezgpxk] {
        justify-content: flex-start;
    }
}
/* /Pages/Domain/Shifts/BulkShiftTimeSelect.razor.rz.scp.css */
.bulk-shift-time-select__hour[b-j89bf2am4a],
.bulk-shift-time-select__minute[b-j89bf2am4a] {
    width: 3.25rem;
    min-width: 3.25rem;
    padding: 0.125rem 0.25rem;
}

.bulk-shift-time-select__period[b-j89bf2am4a] {
    width: 4rem;
    min-width: 4rem;
    padding: 0.125rem 0.25rem;
}
/* /Pages/Domain/Shifts/SchDateTimeField.razor.rz.scp.css */
.sch-dt[b-adonxmmkh6] {
    position: relative;
    width: 100%;
}

.sch-dt__trigger[b-adonxmmkh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #E8EEF4;
    border-radius: 10px;
    background: #F6FBFE;
    color: #32434B;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    box-shadow: none;
}

.sch-dt__trigger:hover:not(:disabled)[b-adonxmmkh6],
.sch-dt.is-open .sch-dt__trigger[b-adonxmmkh6] {
    border-color: #033D53;
}

.sch-dt__trigger:disabled[b-adonxmmkh6] {
    opacity: 0.55;
    cursor: not-allowed;
}

.sch-dt__value[b-adonxmmkh6] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sch-dt__edit[b-adonxmmkh6] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #033D53;
}

.sch-dt__backdrop[b-adonxmmkh6] {
    position: fixed;
    inset: 0;
    z-index: 20040;
    background: transparent;
}

.sch-dt__popup[b-adonxmmkh6] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #E8EEF4;
    border-radius: 16px;
    background: #F6FBFE;
    box-shadow: 0 12px 32px rgba(3, 61, 83, 0.16);
    color: #033D53;
}

.sch-dt__cal-header[b-adonxmmkh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.sch-dt__month-btn[b-adonxmmkh6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 0.9375rem;
    font-weight: 700;
    cursor: pointer;
}

.sch-dt__nav[b-adonxmmkh6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.sch-dt__nav-btn[b-adonxmmkh6],
.sch-dt__today[b-adonxmmkh6] {
    border: 0;
    background: transparent;
    color: #033D53;
    cursor: pointer;
    padding: 0.15rem 0.25rem;
    line-height: 1;
}

.sch-dt__today[b-adonxmmkh6] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sch-dt__weekdays[b-adonxmmkh6],
.sch-dt__days[b-adonxmmkh6],
.sch-dt__month-grid[b-adonxmmkh6] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.15rem;
    text-align: center;
}

.sch-dt__month-grid[b-adonxmmkh6] {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.4rem;
    min-height: 11.5rem;
}

.sch-dt__weekdays span[b-adonxmmkh6] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: #033D53;
    padding: 0.25rem 0;
}

.sch-dt__day[b-adonxmmkh6],
.sch-dt__month-option[b-adonxmmkh6] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 600;
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sch-dt__month-option[b-adonxmmkh6] {
    width: 100%;
    height: 2.25rem;
    border-radius: 10px;
}

.sch-dt__day.is-other[b-adonxmmkh6] {
    color: #9AA8AF;
    font-weight: 500;
}

.sch-dt__day.is-selected[b-adonxmmkh6],
.sch-dt__month-option.is-selected[b-adonxmmkh6] {
    background: #033D53;
    color: #FFFFFF;
}

.sch-dt__day:hover:not(.is-selected)[b-adonxmmkh6],
.sch-dt__month-option:hover:not(.is-selected)[b-adonxmmkh6] {
    background: rgba(3, 61, 83, 0.08);
}

.sch-dt__divider[b-adonxmmkh6] {
    height: 1px;
    background: #E8EEF4;
    margin: 0.15rem 0;
}

.sch-dt__time[b-adonxmmkh6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sch-dt__spin[b-adonxmmkh6] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-width: 0;
    border: 1px solid #E8EEF4;
    border-radius: 10px;
    background: #E8F3F7;
    overflow: hidden;
}

.sch-dt__spin-input[b-adonxmmkh6] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    padding: 0.55rem 0.25rem;
}

.sch-dt__spin-btns[b-adonxmmkh6] {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #D5E4EB;
}

.sch-dt__spin-btn[b-adonxmmkh6] {
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 0.625rem;
    line-height: 1;
    padding: 0.15rem 0.4rem;
    cursor: pointer;
}

.sch-dt__spin-btn:hover[b-adonxmmkh6] {
    background: rgba(3, 61, 83, 0.08);
}

.sch-dt__ampm[b-adonxmmkh6] {
    display: flex;
    flex: 0 0 auto;
    border: 1px solid #E8EEF4;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
}

.sch-dt__ampm-btn[b-adonxmmkh6] {
    border: 0;
    background: transparent;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 2.5rem;
    padding: 0.55rem 0.45rem;
    cursor: pointer;
}

.sch-dt__ampm-btn + .sch-dt__ampm-btn[b-adonxmmkh6] {
    border-left: 1px solid #E8EEF4;
}

.sch-dt__ampm-btn.is-selected[b-adonxmmkh6] {
    background: #D9E8EE;
}

.sch-dt__selected[b-adonxmmkh6] {
    margin: 0;
    font-size: 0.8125rem;
    color: #32434B;
}

.sch-dt__selected strong[b-adonxmmkh6] {
    color: #033D53;
}

.sch-dt__actions[b-adonxmmkh6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.sch-dt__action[b-adonxmmkh6] {
    min-height: 40px;
    border: 1.5px solid #033D53;
    border-radius: 999px;
    background: #FFFFFF;
    color: #033D53;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.sch-dt__action:hover[b-adonxmmkh6] {
    background: #033D53;
    color: #FFFFFF;
}

.sch-dt--time-only .sch-dt__popup[b-adonxmmkh6] {
    min-width: 280px;
}
/* /Pages/Domain/Shifts/SchScheduleDateTimePair.razor.rz.scp.css */
.sch-schedule-dt[b-qolrv1ume0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    align-items: stretch;
    width: 100%;
    min-width: 0;
}

.sch-schedule-dt__date[b-qolrv1ume0] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.sch-schedule-dt[b-qolrv1ume0]  .inv-rcs-time,
.sch-schedule-dt[b-qolrv1ume0]  .inv-rcs-time__trigger {
    width: 100%;
    min-width: 0;
}

.sch-schedule-dt[b-qolrv1ume0]  .inv-rcs-time__trigger {
    border: 1.5px solid #E2E8F0;
    padding: 0 0.55rem 0 0.85rem;
}

.sch-schedule-dt[b-qolrv1ume0]  .inv-rcs-time:not(.is-open) .inv-rcs-time__trigger:hover:not(:disabled) {
    background: #FFFFFF;
    border-color: #033D53;
}

.sch-shift-date-trigger[b-qolrv1ume0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    width: 100%;
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0 0.55rem 0 0.85rem;
    box-sizing: border-box;
    background: #F0F4F8;
    border: 1.5px solid #E2E8F0;
    border-radius: 8px;
    box-shadow: none;
    color: #32434B;
    cursor: pointer;
    font: inherit;
}

.sch-shift-date-trigger__value[b-qolrv1ume0] {
    flex: 1 1 auto;
    min-width: 0;
    color: #121A1F;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
}

.sch-shift-date-trigger__icon[b-qolrv1ume0] {
    flex: 0 0 auto;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #32434B;
    -webkit-mask-image: url("/images/icons/fc-datepicker-calendar.svg");
    mask-image: url("/images/icons/fc-datepicker-calendar.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sch-shift-date-trigger:hover:not(:disabled):not(.sch-shift-date-trigger--open)[b-qolrv1ume0],
.sch-shift-date-trigger:focus-visible:not(:disabled):not(.sch-shift-date-trigger--open)[b-qolrv1ume0] {
    background: #FFFFFF;
    border-color: #033D53;
    outline: none;
}

.sch-shift-date-trigger--open[b-qolrv1ume0],
.sch-shift-date-trigger--open:hover[b-qolrv1ume0],
.sch-shift-date-trigger--open:focus-visible[b-qolrv1ume0] {
    background: #FFFFFF;
    border-color: #033D53;
    outline: none;
}

.sch-shift-date-trigger:disabled[b-qolrv1ume0] {
    opacity: 0.65;
    cursor: not-allowed;
}

.sch-shift-date-popup__backdrop[b-qolrv1ume0] {
    position: fixed;
    inset: 0;
    z-index: 12004;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    cursor: default;
}

.sch-shift-date-popup[b-qolrv1ume0] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12005;
    min-width: 16.25rem;
    max-width: 16.25rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.sch-shift-pick-calendar[b-qolrv1ume0] {
    width: 100%;
    max-width: 16.25rem;
    border: 1.5px solid #033D53;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(18, 26, 31, 0.14);
    overflow: hidden;
    padding: 0.45rem 0.55rem 0.55rem;
}

.sch-shift-pick-calendar__header[b-qolrv1ume0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    margin-bottom: 0.45rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #E2E8F0;
}

.sch-shift-pick-calendar__title[b-qolrv1ume0] {
    flex: 1 1 auto;
    min-width: 0;
    color: #033D53;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.sch-shift-pick-calendar__nav[b-qolrv1ume0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.625rem;
    height: 1.625rem;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #033D53;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

.sch-shift-pick-calendar__nav:hover:not(:disabled)[b-qolrv1ume0],
.sch-shift-pick-calendar__nav:focus-visible:not(:disabled)[b-qolrv1ume0] {
    background: #E0F2FE;
    outline: none;
}

.sch-shift-pick-calendar__nav:active:not(:disabled)[b-qolrv1ume0] {
    background: #BAE6FD;
}

.sch-shift-pick-calendar__weekdays[b-qolrv1ume0] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.15rem;
    margin-bottom: 0.25rem;
}

.sch-shift-pick-calendar__weekday[b-qolrv1ume0] {
    color: #32434B;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.sch-shift-pick-calendar__grid[b-qolrv1ume0] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.15rem;
}

.sch-shift-pick-calendar__day[b-qolrv1ume0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    min-height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #32434B;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
}

.sch-shift-pick-calendar__day--other[b-qolrv1ume0] {
    color: #475E69;
}

.sch-shift-pick-calendar__day:hover:not(:disabled):not(.sch-shift-pick-calendar__day--selected)[b-qolrv1ume0],
.sch-shift-pick-calendar__day:focus-visible:not(:disabled):not(.sch-shift-pick-calendar__day--selected)[b-qolrv1ume0] {
    background: #E0F2FE;
    color: #033D53;
    outline: none;
}

.sch-shift-pick-calendar__day:active:not(:disabled):not(.sch-shift-pick-calendar__day--selected)[b-qolrv1ume0] {
    background: #BAE6FD;
}

.sch-shift-pick-calendar__day--selected[b-qolrv1ume0] {
    background: #033D53;
    color: #FFFFFF;
    font-weight: 600;
}

.sch-shift-pick-calendar__day--today:not(.sch-shift-pick-calendar__day--selected)[b-qolrv1ume0] {
    box-shadow: inset 0 0 0 1.5px #033D53;
    color: #033D53;
}

.sch-shift-pick-calendar__day:disabled[b-qolrv1ume0] {
    opacity: 0.45;
    cursor: not-allowed;
}
/* /Pages/Domain/SiteSettings/AppPageSiteSettings.razor.rz.scp.css */
/* Site Settings — one full-width panel, AODA tokens, aligned fields */
.site-settings-page[b-05onvsxyha] {
    width: 100%;
    max-width: none;
    padding: 0 0 1rem;
    box-sizing: border-box;
}

.ss-panel[b-05onvsxyha] {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 16px 18px 18px;
    box-sizing: border-box;
}

.ss-panel__intro[b-05onvsxyha] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E2E8F0;
}

.ss-panel__icon[b-05onvsxyha] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #033D53;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

.ss-panel__intro-text[b-05onvsxyha] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ss-panel__intro-title[b-05onvsxyha] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #121A1F;
    line-height: 1.25;
}

.ss-panel__intro-desc[b-05onvsxyha] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.35;
}

.ss-notice[b-05onvsxyha] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 16px;
    padding: 10px 12px;
    background: #E0F2FE;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    color: #32434B;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.45;
}

.ss-notice__icon[b-05onvsxyha] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #033D53;
    font-size: 0.875rem;
}

.ss-block[b-05onvsxyha] {
    margin: 0;
    padding: 0;
}

.ss-block--hst[b-05onvsxyha] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #E2E8F0;
}

.ss-block__title[b-05onvsxyha] {
    margin: 0 0 6px;
    font-size: 1rem;
    font-weight: 700;
    color: #033D53;
    line-height: 1.25;
}

.ss-block__hint[b-05onvsxyha] {
    margin: 0 0 12px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #32434B;
    line-height: 1.4;
}

.ss-fields[b-05onvsxyha] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 14px;
    align-items: start;
    width: 100%;
}

@media (max-width: 767.98px) {
    .ss-fields[b-05onvsxyha] {
        grid-template-columns: 1fr;
        column-gap: 0;
    }
}

.ss-field[b-05onvsxyha] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
}

.ss-field__label[b-05onvsxyha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 1.25rem;
    margin: 0;
    font-size: 0.8125rem !important; /* 13px ≥ 11px */
    font-weight: 600 !important;
    color: #32434B !important;
    line-height: 1.3;
}

.ss-field__label > span[b-05onvsxyha] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
}

.ss-field__info[b-05onvsxyha] {
    color: #033D53;
    flex-shrink: 0;
    display: block;
}

/* Only the tooltip trigger — never the label text span */
.ss-field__label[b-05onvsxyha]  [data-toggle="tooltip"],
.ss-field__label[b-05onvsxyha]  a[data-toggle="tooltip"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 0;
    vertical-align: middle;
}

.ss-field__label[b-05onvsxyha]  [data-toggle="tooltip"]:hover,
.ss-field__label[b-05onvsxyha]  [data-toggle="tooltip"]:focus-visible,
.ss-field__label[b-05onvsxyha]  a[data-toggle="tooltip"]:hover,
.ss-field__label[b-05onvsxyha]  a[data-toggle="tooltip"]:focus-visible {
    background: #E0F2FE;
    outline: none;
}

.ss-field__label[b-05onvsxyha]  [data-toggle="tooltip"]:focus-visible,
.ss-field__label[b-05onvsxyha]  a[data-toggle="tooltip"]:focus-visible {
    box-shadow: 0 0 0 2px #033D53;
}

/* Inputs — soft surface + token border / focus */
.site-settings-page[b-05onvsxyha]  .ss-input.k-numerictextbox,
.site-settings-page[b-05onvsxyha]  .ss-input.k-input,
.site-settings-page[b-05onvsxyha]  .k-numerictextbox,
.site-settings-page[b-05onvsxyha]  .k-input {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    border-radius: 8px !important;
    border: 1px solid #E2E8F0 !important;
    background: #F0F4F8 !important;
    box-shadow: none !important;
    color: #121A1F !important;
    font-size: 0.875rem !important;
    box-sizing: border-box !important;
}

.site-settings-page[b-05onvsxyha]  .k-numerictextbox .k-input-inner,
.site-settings-page[b-05onvsxyha]  .k-input .k-input-inner {
    background: transparent !important;
    color: #121A1F !important;
    font-size: 0.875rem !important;
    padding: 8px 12px !important;
}

.site-settings-page[b-05onvsxyha]  .k-numerictextbox:hover,
.site-settings-page[b-05onvsxyha]  .k-input:hover {
    border-color: #033D53 !important;
    background: #FFFFFF !important;
}

.site-settings-page[b-05onvsxyha]  .k-numerictextbox:focus-within,
.site-settings-page[b-05onvsxyha]  .k-input:focus-within,
.site-settings-page[b-05onvsxyha]  .k-numerictextbox.k-focus,
.site-settings-page[b-05onvsxyha]  .k-input.k-focus {
    border-color: #033D53 !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    outline: none !important;
}

.site-settings-page[b-05onvsxyha]  .k-numerictextbox:focus-within .k-input-inner,
.site-settings-page[b-05onvsxyha]  .k-input:focus-within .k-input-inner,
.site-settings-page[b-05onvsxyha]  .k-numerictextbox .k-input-inner:focus,
.site-settings-page[b-05onvsxyha]  .k-input .k-input-inner:focus {
    outline: none !important;
    box-shadow: none !important;
}

.site-settings-page[b-05onvsxyha]  .k-numerictextbox .k-spin-button {
    display: none !important;
}

.site-settings-page[b-05onvsxyha]  .ss-input--sm.k-numerictextbox,
.site-settings-page[b-05onvsxyha]  .ss-input--sm {
    width: 140px !important;
    max-width: 140px !important;
    background: #FFFFFF !important;
}

.ss-formula[b-05onvsxyha] {
    background: #F0F4F8;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 12px 14px;
    margin: 16px 0 14px;
    font-size: 0.8125rem;
    color: #32434B;
}

.ss-formula__title[b-05onvsxyha] {
    margin: 0 0 6px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #121A1F;
}

.ss-formula__line[b-05onvsxyha] {
    margin: 4px 0;
    line-height: 1.4;
    color: #32434B;
}

.ss-formula__line strong[b-05onvsxyha] {
    color: #121A1F;
    font-weight: 700;
}

.ss-formula__list[b-05onvsxyha] {
    margin: 6px 0 8px 1.15rem;
    padding: 0;
    color: #32434B;
}

.ss-preview[b-05onvsxyha] {
    margin-bottom: 14px;
}

.ss-preview__header[b-05onvsxyha] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.ss-preview__title[b-05onvsxyha] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #033D53;
}

.ss-preview__base[b-05onvsxyha] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #32434B;
}

.ss-preview__table-wrap[b-05onvsxyha] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.ss-preview__table[b-05onvsxyha] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8125rem;
    color: #32434B;
}

.ss-preview__table th[b-05onvsxyha],
.ss-preview__table td[b-05onvsxyha] {
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.ss-preview__table th:last-child[b-05onvsxyha],
.ss-preview__table td:last-child[b-05onvsxyha] {
    border-right: none;
    text-align: right;
    white-space: nowrap;
}

.ss-preview__table tbody tr:last-child td[b-05onvsxyha] {
    border-bottom: none;
}

.ss-preview__table th[b-05onvsxyha] {
    background: #F0F4F8;
    font-weight: 700;
    color: #121A1F;
}

.ss-preview__table thead th:first-child[b-05onvsxyha] {
    border-top-left-radius: 7px;
}

.ss-preview__table thead th:last-child[b-05onvsxyha] {
    border-top-right-radius: 7px;
}

.ss-preview__table tbody tr:last-child td:first-child[b-05onvsxyha] {
    border-bottom-left-radius: 7px;
}

.ss-preview__table tbody tr:last-child td:last-child[b-05onvsxyha] {
    border-bottom-right-radius: 7px;
}

.ss-preview__total td[b-05onvsxyha] {
    font-weight: 700;
    background: #F0F4F8;
    color: #121A1F;
}

.ss-actions[b-05onvsxyha] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.ss-save-btn[b-05onvsxyha] {
    appearance: none;
    border: 1px solid #033D53;
    background: #033D53;
    color: #FFFFFF;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    cursor: pointer;
    line-height: 1.2;
}

.ss-save-btn:hover:not(:disabled)[b-05onvsxyha] {
    background: #033D53;
    border-color: #033D53;
    box-shadow: inset 0 0 0 999px rgba(255, 255, 255, 0.08);
}

.ss-save-btn:focus-visible[b-05onvsxyha] {
    outline: 2px solid #033D53;
    outline-offset: 2px;
}

.ss-save-btn:disabled[b-05onvsxyha] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* /Pages/Shared/Components/AppBootstrapToggle.razor.rz.scp.css */
/* ============================================================
   Toggle switch – dark-teal Figma design
   Off : #c5cdd5  (cool gray track)
   On  : #136285  (Blue Lagoon / brand)
   ============================================================ */

.custom-control[b-f9iq30yaib] {
    margin: 0;
    cursor: pointer;
}

/* Track – off state */
.custom-switch .custom-control-label[b-f9iq30yaib]::before {
    background-color: #c5cdd5;
    border: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Track – on state (dark teal) */
.custom-switch .custom-control-input:checked ~ .custom-control-label[b-f9iq30yaib]::before {
    background-color: #136285;
    box-shadow: none;
}

/* Focus ring */
.custom-switch .custom-control-input:focus ~ .custom-control-label[b-f9iq30yaib]::before {
    box-shadow: 0 0 0 0.2rem rgba(19, 98, 133, 0.25);
}

/* Hide native checkbox */
.custom-control-input[b-f9iq30yaib] {
    appearance: none !important;
    -webkit-appearance: none !important;
}
/* /Pages/Shared/Components/AppConfirmLeaveDialog.razor.rz.scp.css */
.confirm-leave-dialog__title[b-5kp5ip7acs] {
    color: #033D53;
    font-size: 1rem;
    font-weight: 700;
}

.confirm-leave-dialog__body[b-5kp5ip7acs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.1rem 0 0;
}

.confirm-leave-dialog__icon[b-5kp5ip7acs] {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0.25rem auto 0.5rem;
    object-fit: contain;
}

.confirm-leave-dialog__message[b-5kp5ip7acs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.confirm-leave-dialog__message-line[b-5kp5ip7acs] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #32434B;
    font-size: 0.75rem;
    line-height: 1.35;
    font-weight: 400;
    text-align: center;
}

.confirm-leave-dialog__actions[b-5kp5ip7acs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1.5px solid #C5CDD6;
}

.confirm-leave-dialog__btn[b-5kp5ip7acs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    box-sizing: border-box;
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
    padding: 0 0.55rem;
    margin: 0;
    border: 1.5px solid #033D53;
    border-radius: 6px;
    background: #ffffff;
    color: #033D53;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none;
}

.confirm-leave-dialog__btn i[b-5kp5ip7acs],
.confirm-leave-dialog__btn .fa[b-5kp5ip7acs],
.confirm-leave-dialog__btn .fas[b-5kp5ip7acs],
.confirm-leave-dialog__btn-icon[b-5kp5ip7acs] {
    font-size: 0.65rem;
    line-height: 1;
    color: inherit;
    flex-shrink: 0;
}

.confirm-leave-dialog__btn-icon[b-5kp5ip7acs] {
    width: 12px;
    height: 12px;
    min-width: 12px;
    display: block;
}

.confirm-leave-dialog__btn:hover[b-5kp5ip7acs] {
    background: #E0F2FE;
    border-color: #033D53;
    color: #033D53;
}

.confirm-leave-dialog__btn:active[b-5kp5ip7acs] {
    background: #033D53;
    border-color: #033D53;
    color: #ffffff;
}

.confirm-leave-dialog__btn--cancel:hover[b-5kp5ip7acs] {
    background: #FFF1F2;
    border-color: #7A1D1D;
    color: #7A1D1D;
}

.confirm-leave-dialog__btn--cancel:active[b-5kp5ip7acs] {
    background: #7A1D1D;
    border-color: #7A1D1D;
    color: #ffffff;
}
/* /Pages/Shared/Components/AppEditableField.razor.rz.scp.css */
.editable-field[b-tui21llan8] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
  position: relative;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: box-shadow 0.2s ease;
}

  .editable-field:hover[b-tui21llan8] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

.editable-label[b-tui21llan8] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.editable-value[b-tui21llan8] {
  font-size: 1rem;
  font-weight: 500;
  color: #212529;
  word-wrap: break-word;
}

.editable-icon[b-tui21llan8] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  color: #6c757d;
}

.editable-field:hover .editable-icon[b-tui21llan8] {
  opacity: 1;
}
/* /Pages/Shared/Components/AppModulePageTitle.razor.rz.scp.css */
/* Page title header — same height as top navbar */
.app-module-page-header[b-jum4qj0595] {
    background: #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04) !important;
    margin-top: 0;
    margin-bottom: var(--app-page-stack-gap, 0.65rem);
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 1rem !important;
    border: 1px solid #e8eef4 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: var(--app-topnav-height, 2.65rem) !important;
    min-height: var(--app-topnav-height, 2.65rem) !important;
    max-height: var(--app-topnav-height, 2.65rem) !important;
}

.app-module-page-header__inner[b-jum4qj0595] {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem;
    border-bottom: none !important;
    min-width: 0;
    width: 100%;
    height: 100%;
}

.app-module-page-header__lead[b-jum4qj0595] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.app-module-page-header__back[b-jum4qj0595] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: none;
    background: transparent;
    color: #033D53;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem;
    cursor: pointer;
    flex-shrink: 0;
}

.app-module-page-header__back:hover[b-jum4qj0595] {
    background: rgba(19, 98, 133, 0.08);
}

.app-module-page-header__icon[b-jum4qj0595] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 0.3rem;
    background: rgba(19, 98, 133, 0.1);
    color: #033D53;
    flex-shrink: 0;
    font-size: 0.85rem;
}

.app-module-page-header__icon > svg[b-jum4qj0595] {
    width: 0.95rem;
    height: 0.95rem;
    display: block;
}

.app-module-page-header__icon > i.app-nav-icon-home[b-jum4qj0595] {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/nav-home.svg") !important;
    mask-image: url("/images/icons/nav-home.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.app-module-page-header__icon > i.app-nav-icon-home[b-jum4qj0595]::before {
    content: none !important;
    display: none !important;
}

.app-module-page-header__icon > i.app-nav-icon-vendor-approval[b-jum4qj0595] {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor !important;
    -webkit-mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    mask-image: url("/images/icons/nav-vendor-approval.svg") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
}

.app-module-page-header__icon > i.app-nav-icon-vendor-approval[b-jum4qj0595]::before {
    content: none !important;
    display: none !important;
}

.app-module-page-header__title[b-jum4qj0595] {
    margin: 0 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    line-height: 1.2 !important;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-module-page-header__titles[b-jum4qj0595] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1 1 auto;
}

.app-module-page-header__subtitle[b-jum4qj0595] {
    margin: 0.1rem 0 0 !important;
    color: #32434B !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal;
}

.app-module-page-header--with-sub[b-jum4qj0595] {
    height: auto !important;
    min-height: var(--app-topnav-height, 2.65rem) !important;
    max-height: none !important;
    padding-top: 0.45rem !important;
    padding-bottom: 0.45rem !important;
}

.app-module-page-header--with-sub .app-module-page-header__title[b-jum4qj0595] {
    white-space: nowrap;
}

.app-module-page-header__trailing[b-jum4qj0595] {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.45rem;
    flex: 0 1 auto;
    min-width: 0;
}

.app-module-page-header__actions[b-jum4qj0595] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.app-module-page-header__create-btn[b-jum4qj0595] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: #033D53 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.3rem !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    white-space: nowrap;
    padding: 0.3rem 0.55rem !important;
}

.app-module-page-header__create-btn:hover[b-jum4qj0595] {
    background: #022c3c !important;
    color: #fff !important;
}

@media (max-width: 575px) {
    .app-module-page-header[b-jum4qj0595] {
        padding: 0 0.75rem !important;
        height: var(--app-topnav-height, 2.65rem) !important;
        min-height: var(--app-topnav-height, 2.65rem) !important;
        max-height: var(--app-topnav-height, 2.65rem) !important;
    }

    .app-module-page-header__inner[b-jum4qj0595] {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    .app-module-page-header__trailing[b-jum4qj0595] {
        flex: 1 1 100% !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    .app-module-page-header__actions[b-jum4qj0595] {
        flex: 1 1 100%;
        width: 100%;
    }

    .app-module-page-header__title[b-jum4qj0595] {
        font-size: 1rem !important;
    }
}
/* /Pages/Shared/Components/AppNotification.razor.rz.scp.css */
/* ── Top bar trigger (bell + label) ───────────────────────────────────── */
.app-top-nav-notif .app-top-nav-notif__trigger[b-zody50s63q] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.65rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #495057;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.app-top-nav-notif .app-top-nav-notif__trigger:hover[b-zody50s63q],
.app-top-nav-notif .app-top-nav-notif__trigger:focus[b-zody50s63q] {
  background-color: rgba(19, 98, 133, 0.08);
  color: #136285;
}

.app-top-nav-notif__icon-wrap[b-zody50s63q] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: linear-gradient(145deg, #f0f4f8 0%, #e8eef4 100%);
  border: 1px solid #e2e8f0;
  flex-shrink: 0;
}

.app-top-nav-notif__bell[b-zody50s63q] {
  font-size: 1rem;
  color: #136285;
  opacity: 0.92;
}

.app-top-nav-notif__label[b-zody50s63q] {
  letter-spacing: 0.01em;
  color: #5c636a;
}

.app-top-nav-notif .app-top-nav-notif__trigger:hover .app-top-nav-notif__label[b-zody50s63q] {
  color: #136285;
}

.app-top-nav-notif__badge[b-zody50s63q] {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 1.1rem;
  height: 1.1rem;
  padding: 0 0.28rem;
  font-size: 0.65rem;
  line-height: 1.1rem;
  font-weight: 700;
  border: 2px solid #fff;
  background: #dc3545;
  color: #fff;
}

.app-top-nav-notif .dropdown-toggle[b-zody50s63q]::after {
  margin-left: 0.2rem;
  vertical-align: 0.15em;
  opacity: 0.65;
}

/* ── Dropdown panel (Figma) ───────────────────────────────────────────── */
.notif-menu[b-zody50s63q] {
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.06) !important;
  padding: 12px !important;
  min-width: 280px;
  max-width: 90vw;
  background: #ffffff !important;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  .notif-menu[b-zody50s63q] {
    width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .notif-menu[b-zody50s63q] {
    width: 380px !important;
    right: 0 !important;
    left: auto !important;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  .notif-menu[b-zody50s63q] {
    width: 420px !important;
  }
}

.notif-header[b-zody50s63q] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 12px;
}

.notif-header__title[b-zody50s63q] {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #4b5563;
}

.notif-header__clear[b-zody50s63q] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9b2c2c;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

.notif-header__clear:hover[b-zody50s63q],
.notif-header__clear:focus[b-zody50s63q] {
  color: #7f1d1d;
  background: transparent !important;
  outline: none;
}

.notif-scroll[b-zody50s63q] {
  max-height: 280px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  scrollbar-width: thin;
  scrollbar-color: #32434B #E0F2FE;
}

/* Figma scrollbar — same as role menu (Chrome / Edge) */
.notif-scroll[b-zody50s63q]::-webkit-scrollbar {
  width: 10px;
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-track {
  background: #E0F2FE;
  border-radius: 999px;
  margin: 18px 2px;
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-thumb {
  background: #32434B;
  border-radius: 999px;
  border: 2px solid #E0F2FE;
  min-height: 40px;
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-thumb:hover {
  background: #0F1C22;
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-button:single-button {
  display: block;
  height: 14px;
  width: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 5px;
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1 4L4 1L7 4' stroke='%231A2B33' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%231A2B33' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.notif-scroll[b-zody50s63q]::-webkit-scrollbar-button:vertical:start:increment,
.notif-scroll[b-zody50s63q]::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

@media (min-width: 768px) {
  .notif-scroll[b-zody50s63q] {
    max-height: 420px;
  }
}

.notif-empty[b-zody50s63q] {
  padding: 20px 12px;
  color: #32434B;
  font-size: 13px;
}

.notif-item[b-zody50s63q] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: transparent;
  transition: background-color 0.15s ease;
}

.notif-item:hover[b-zody50s63q] {
  background-color: #E0F2FE !important;
}

.notif-item__link[b-zody50s63q] {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  margin: 0;
  border: 0;
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  white-space: normal;
}

.notif-item__link:hover[b-zody50s63q],
.notif-item__link:focus[b-zody50s63q] {
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
}

.notif-item__text[b-zody50s63q] {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: #334155;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notif-dismiss-btn[b-zody50s63q] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #e8eef4;
  color: #32434B;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.notif-dismiss-btn i[b-zody50s63q] {
  font-size: 11px;
  line-height: 1;
}

.notif-dismiss-btn--danger[b-zody50s63q],
.notif-item:hover .notif-item__dismiss[b-zody50s63q],
.notif-header__clear:hover .notif-dismiss-btn[b-zody50s63q] {
  background: #fee2e2;
  color: #9b2c2c;
}

.notif-item__dismiss:hover[b-zody50s63q],
.notif-item__dismiss:focus[b-zody50s63q] {
  background: #fee2e2 !important;
  color: #9b2c2c !important;
  outline: none;
}

.notif-footer[b-zody50s63q] {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
  border: 0;
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 0;
  background: transparent;
  color: #136285;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.notif-footer:hover[b-zody50s63q],
.notif-footer:focus[b-zody50s63q] {
  background: #f8fafc !important;
  outline: none;
}

/* Override white-skin / navbar dropdown teal hovers */
.dropdown-menu.notif-menu .notif-header__clear:hover[b-zody50s63q],
.dropdown-menu.notif-menu .notif-header__clear:focus[b-zody50s63q],
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu .notif-header__clear:hover[b-zody50s63q] {
  background-color: transparent !important;
  color: #7f1d1d !important;
}

.dropdown-menu.notif-menu .notif-item__link:hover[b-zody50s63q],
.dropdown-menu.notif-menu .notif-item__link:focus[b-zody50s63q],
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu a.notif-item__link:hover[b-zody50s63q],
.white-skin .navbar .navbar-nav .nav-item .dropdown-menu.notif-menu a.notif-item__link:focus[b-zody50s63q] {
  background-color: transparent !important;
  color: inherit !important;
}

@media (max-width: 767.98px) {
  .notif-menu[b-zody50s63q] {
    position: fixed !important;
    top: 56px;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: auto;
    max-height: calc(100vh - 56px);
    margin: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1050;
  }

  .notif-scroll[b-zody50s63q] {
    max-height: calc(100vh - 160px);
  }
}
/* /Pages/Shared/Components/AppPageDateTimeMeta.razor.rz.scp.css */
.app-page-datetime-meta[b-imh7ucmuwg] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.app-page-datetime-meta__chip[b-imh7ucmuwg] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.45rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: #32434B;
    background: #F4F8FB;
    border: 1px solid #e0e6ed;
    border-radius: 999px;
    box-shadow: none;
    white-space: nowrap;
    line-height: 1.2;
    height: 1.35rem;
    box-sizing: border-box;
}

.app-page-datetime-meta__chip i[b-imh7ucmuwg] {
    font-size: 0.68rem;
    color: #32434B;
}

.app-page-datetime-meta__icon[b-imh7ucmuwg] {
    display: inline-block;
    flex-shrink: 0;
    width: 1rem; /* 16px */
    height: 1rem;
    background-color: #32434B;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.app-page-datetime-meta__icon--calendar[b-imh7ucmuwg] {
    -webkit-mask-image: url("/images/icons/app-page-calendar.svg");
    mask-image: url("/images/icons/app-page-calendar.svg");
}

.app-page-datetime-meta__icon[b-imh7ucmuwg]::before {
    content: none;
    display: none;
}
/* /Pages/Shared/Components/AppRoleBadge.razor.rz.scp.css */
/* Role chip — compact navbar pill */
.app-role-badge-shell[b-v24rfvf9gk] {
  display: inline-flex;
  align-items: center;
  max-width: 95px;
  background: transparent;
  border: none;
  box-shadow: none;
  gap: 3px;
  cursor: default;
}

.app-role-badge-shell__avatar[b-v24rfvf9gk] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e0f2fe;
  color: #32434B;
  flex-shrink: 0;
}

.app-role-badge-shell__avatar i[b-v24rfvf9gk] {
  font-size: 11px;
  color: #32434B;
}

.app-role-badge-shell__avatar-icon[b-v24rfvf9gk] {
  width: 12px;
  height: 12px;
  display: block;
  flex-shrink: 0;
}

.app-role-badge-shell__meta[b-v24rfvf9gk] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  text-align: left;
  line-height: 1;
}

.app-role-badge-shell__eyebrow[b-v24rfvf9gk] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #32434B;
  line-height: 1;
  height: auto;
}

.app-role-badge-shell__name[b-v24rfvf9gk] {
  font-size: 11px;
  font-weight: 700;
  color: #32434B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Word truncation (10 words + ...) is applied in markup; soft CSS cap for layout. */
  max-width: 22rem;
  line-height: 1.15;
  height: auto;
  min-height: 13px;
}

@media (max-width: 1200px) {
  .top-nav-toolbar__role .app-role-badge-shell__meta[b-v24rfvf9gk] {
    display: none;
  }

  .app-role-badge-shell[b-v24rfvf9gk] {
    max-width: 28px;
  }
}
/* /Pages/Shared/Components/AppSearch.razor.rz.scp.css */
/* Collapsed = square icon pill (bell jaisa).
   Expanded = grey search bar (hover/click). */

.app-search[b-r8d3ht6jzv] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.app-search-box[b-r8d3ht6jzv] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  overflow: hidden;
}

  .app-search-box.is-expanded[b-r8d3ht6jzv] {
    justify-content: flex-start;
    width: min(420px, 42vw);
    height: 28px;
    padding: 0 12px;
    background: #F0F4F8;
    border-radius: 9px;
    cursor: text;
    transition:
      width 0.28s ease,
      background-color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .app-search-box.is-expanded:focus-within[b-r8d3ht6jzv] {
    background: #EBEEF2;
    box-shadow: 0 0 0 2px rgba(3, 61, 83, 0.12);
  }

/* CRITICAL: collapsed pe input hide — warna flex space leke icon left pe chipak jata hai */
.app-search-input[b-r8d3ht6jzv] {
  display: none !important;
  flex: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: 0;
  pointer-events: none;
}

  .app-search-box.is-expanded .app-search-input[b-r8d3ht6jzv] {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    padding: 0 0 0 8px !important;
    color: #033D53;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    opacity: 1;
    pointer-events: auto;
  }

  .app-search-input[b-r8d3ht6jzv]::placeholder {
    color: #6B7A86;
    opacity: 1;
  }

  .app-search-input:focus[b-r8d3ht6jzv] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

.app-search-icon[b-r8d3ht6jzv] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1;
  color: #32434B;
  pointer-events: none;
}

.app-search-box.is-expanded .app-search-icon[b-r8d3ht6jzv] {
  font-size: 13px;
  color: #033D53;
}

@media (max-width: 1023px) and (min-width: 577px) {
  .app-search-box.is-expanded[b-r8d3ht6jzv] {
    width: min(280px, 32vw);
  }
}

@media (max-width: 576px) {
  .app-search-box.is-expanded[b-r8d3ht6jzv] {
    width: min(260px, 68vw);
  }
}
/* /Pages/Shared/MainLayout.razor.rz.scp.css */
.main-logo-wrap[b-93s4dl9pn2] {
  width: 100px;
}

.main-nav-title[b-93s4dl9pn2] {
  padding-top: 0;
  padding-left: 1rem;
  margin: 0;
  color: #033D53 !important;
  font-weight: 600;
}

@media (min-width: 1440px) {
  .main-nav-title-wrap[b-93s4dl9pn2] { margin-right: auto !important; }
  .main-nav-title-wrap .main-nav-title-logo[b-93s4dl9pn2] { display: none !important; }
}
@media (max-width: 768px) {
  .main-nav-title-logo-hide[b-93s4dl9pn2] { display: none !important; }
}
@media (max-width: 1439px) {
  .main-nav-title-wrap[b-93s4dl9pn2] { margin: auto !important; }
}

@media (min-width: 1024px) {
    .main-nav-title-wrap[b-93s4dl9pn2] { display: none !important; }
}

/* ============================================================
   Navbar shell — slightly larger pills
   ============================================================ */

[b-93s4dl9pn2] .top-nav-toolbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    height: calc(var(--app-topnav-height, 44px) - 8px);
    padding: 0 !important;
    margin: 0 !important;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: 0;
}

[b-93s4dl9pn2] .top-nav-toolbar--main {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__participant-item {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    /* Must be visible so FC financial summary panel (position:fixed child) is not clipped */
    overflow: visible !important;
    height: calc(var(--app-topnav-height, 44px) - 8px) !important;
    padding: 0 6px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* All action pills = same height as Active Client bar */
[b-93s4dl9pn2] .top-nav-toolbar--actions {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    gap: 8px !important;
    align-items: center !important;
}

[b-93s4dl9pn2] .top-nav-toolbar--actions > li {
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 9px !important;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    height: calc(var(--app-topnav-height, 44px) - 8px) !important;
    min-height: calc(var(--app-topnav-height, 44px) - 8px) !important;
    max-height: calc(var(--app-topnav-height, 44px) - 8px) !important;
    box-sizing: border-box !important;
}

[b-93s4dl9pn2] .top-nav-toolbar--actions > li.top-nav-toolbar__search {
    transition: width 0.28s ease, min-width 0.28s ease, padding 0.2s ease;
}

/* Collapsed — notification pill jaisa exact square, icon center */
[b-93s4dl9pn2] .top-nav-toolbar--actions > li.top-nav-toolbar__search.top-nav-toolbar__icon-pill {
    width: calc(var(--app-topnav-height, 44px) - 8px) !important;
    min-width: calc(var(--app-topnav-height, 44px) - 8px) !important;
    max-width: calc(var(--app-topnav-height, 44px) - 8px) !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    cursor: pointer;
}

[b-93s4dl9pn2] .top-nav-toolbar--actions > li.top-nav-toolbar__search.is-expanded {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 9px !important;
    border-radius: 9px !important;
    cursor: default;
    overflow: visible !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__icon-pill {
    width: 34px !important;
    min-width: 34px !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer;
}

[b-93s4dl9pn2] .top-nav-toolbar__icon-pill i {
    font-size: 13px;
    color: #32434B;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang {
    padding: 0 !important;
    position: relative;
}

[b-93s4dl9pn2] .top-nav-toolbar--actions > li.top-nav-toolbar__lang {
    padding: 0 !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    color: #32434B;
    cursor: pointer;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-trigger .fa-globe { font-size: 11px; }
[b-93s4dl9pn2] .top-nav-toolbar__lang-trigger span { font-size: 11px; font-weight: 600; }
[b-93s4dl9pn2] .top-nav-toolbar__lang-trigger .fa-chevron-down { font-size: 11px; }

/* Language dropdown — compact, readable hover */
[b-93s4dl9pn2] .top-nav-toolbar__lang-menu.dropdown-menu {
    min-width: 128px !important;
    width: max-content !important;
    padding: 4px !important;
    margin-top: 6px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.1) !important;
    overflow: visible !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-item,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 8px !important;
    margin: 0 0 6px !important;
    border: none !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #32434B !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    min-height: 30px !important;
    overflow: visible !important;
    white-space: nowrap;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-flag {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: block !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-item:hover,
[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-item:focus,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.dropdown-item:hover,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.dropdown-item:focus {
    background: #E0F2FE !important;
    color: #32434B !important;
    outline: none !important;
    box-shadow: none !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-item:active,
[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-item.active,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.dropdown-item:active,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.is-selected,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.is-selected:hover,
[b-93s4dl9pn2] .top-nav-toolbar__lang-item.is-selected:focus {
    background: #033D53 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    outline: none !important;
    box-shadow: none !important;
}

[b-93s4dl9pn2] .top-nav-toolbar__lang-menu .dropdown-divider,
[b-93s4dl9pn2] .top-nav-toolbar__lang-menu hr {
    display: none !important;
}

[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif {
    width: 34px !important;
    min-width: 34px !important;
    justify-content: center !important;
    padding: 0 !important;
}

[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif__trigger { padding: 0 !important; gap: 0 !important; }
[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif__icon-wrap {
    width: 1rem; height: 1rem; background: transparent; border: none;
}
[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif__label,
[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif .dropdown-toggle::after { display: none !important; }
[b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif__bell { font-size: 0.8rem; color: #32434B; }

[b-93s4dl9pn2] .top-nav-toolbar__role {
    padding: 0 2px !important;
    max-width: none;
}

@media (max-width: 1023px) {
    [b-93s4dl9pn2] .top-nav-toolbar,
    [b-93s4dl9pn2] .top-nav-toolbar__participant-item,
    [b-93s4dl9pn2] .top-nav-toolbar--actions > li { height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
    [b-93s4dl9pn2] .top-nav-toolbar__icon-pill,
    [b-93s4dl9pn2] .top-nav-toolbar .app-top-nav-notif { width: 32px !important; min-width: 32px !important; }
}

@media (max-width: 767px) {
    [b-93s4dl9pn2] .main-nav-title-wrap {
        display: block !important;
        max-width: 36%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    [b-93s4dl9pn2] .top-nav-toolbar__participant-item {
        width: 100%;
        height: auto !important;
        min-height: 40px !important;
        max-height: none !important;
        padding: 5px 9px !important;
    }
}
/* /Pages/Shared/UpdateAvailableDetector/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-q2933jgf00] {
  position: relative;
  top: 0;
  padding: 1rem 1.5rem;
  width: 100%;
  animation: fadein-b-q2933jgf00 1s ease-out;
  z-index: 10000 !important;
}

@keyframes fadein-b-q2933jgf00 {
  from {
    right: -100%;
  }
  to {
    right: 2rem;
  }
}
/* /Pages/User/Profile.razor.rz.scp.css */
/* ============================================================
   Profile page – dark-teal Figma design
   BEM root: .my-profile
   System Admin Figma refinements: .my-profile--sysadmin
   Brand tokens:
     --mp-dark:       #033D53
     --mp-brand:      #136285
     --mp-brand-soft: rgba(19,98,133,.08)
   ============================================================ */

/* ---- container ---- */
.my-profile[b-7zn7lcvd9d] {
    --mp-dark: #033D53;
    --mp-brand: #136285;
    --mp-brand-soft: rgba(19, 98, 133, 0.08);
    --mp-border: #dee2e6;
    --mp-radius: 0.625rem;
    --mp-text: #212529;
    --mp-muted: #6c757d;
    margin-bottom: 0.25rem;
    background: #ffffff;
    border-radius: var(--mp-radius);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
    padding-bottom: 1.5rem;
}

/* Remove default AppCard borders inside this container */
.my-profile[b-7zn7lcvd9d]  .card {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

/* ---- accent bar (gradient strip above content) ---- */
.my-profile__accent[b-7zn7lcvd9d] {
    height: 1px;
    border-radius: 0;
    margin-bottom: 1.25rem;
    background: #1e293b;
}

/* ---- grid row reset ---- */
.my-profile__grid[b-7zn7lcvd9d] {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .my-profile--sysadmin .my-profile__grid > .my-profile__identity-col[b-7zn7lcvd9d] {
        flex: 0 0 42%;
        max-width: 42%;
    }

    .my-profile--sysadmin .my-profile__grid > .my-profile__account-col[b-7zn7lcvd9d] {
        flex: 0 0 58%;
        max-width: 58%;
    }
}

/* ============================================================
   LEFT PANEL – Identity / Avatar card
   ============================================================ */
.my-profile__identity-panel[b-7zn7lcvd9d] {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem 1.75rem;
    background: transparent;
    border: none;
    box-shadow: none;
    text-align: center;
    min-width: 0;
    width: 100%;
}

/* Avatar photo (rendered by AppCardProfile) — grow to fit long email on one line */
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card,
.my-profile__identity-panel[b-7zn7lcvd9d]  .testimonial-card,
.my-profile__identity-panel[b-7zn7lcvd9d]  .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: min(100%, 22rem);
    box-sizing: border-box;
    overflow: visible;
    padding-left: 1rem;
    padding-right: 1rem;
}

.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card img,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .app-avatar {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 3px solid #e0e6ed;
    object-fit: cover;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
}

/* Name / role / email below avatar */
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .card-title,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card h5 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mp-text);
    margin-bottom: 0.15rem;
    max-width: 100%;
    white-space: nowrap;
}

.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .card-subtitle,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card small {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mp-brand);
    display: block;
    margin-bottom: 0.5rem;
    max-width: 100%;
    white-space: nowrap;
}

.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label {
    font-size: 0.8125rem;
    color: var(--mp-muted);
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    max-width: none;
    width: max-content;
    box-sizing: border-box;
    padding: 0 0.25rem;
    white-space: nowrap;
}

.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email span,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label span,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email a,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label a {
    white-space: nowrap;
}

.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email i,
.my-profile__identity-panel[b-7zn7lcvd9d]  .app-label i {
    color: var(--mp-muted);
    font-size: 0.8rem;
    flex-shrink: 0;
}

/* ============================================================
   RIGHT PANEL – My Account card
   ============================================================ */
.my-profile__account-wrap[b-7zn7lcvd9d] {
    height: 100%;
}

/* Card shell override (child AppCard component) */
.my-profile__account-wrap[b-7zn7lcvd9d]  .card {
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.my-profile__account-wrap[b-7zn7lcvd9d]  .card-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f5 100%);
    border-bottom: 1px solid var(--mp-border);
    font-weight: 600;
    font-size: 1rem;
    color: var(--mp-text);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1.25rem;
}

.my-profile__account-wrap[b-7zn7lcvd9d]  .card-header i {
    color: var(--mp-brand);
    font-size: 1.05rem;
}

.my-profile__account-wrap[b-7zn7lcvd9d]  .my-profile__card-body.card-body {
    padding: 1.35rem 1.5rem 1.5rem;
    flex: 1 1 auto;
}

/* ---- intro text ---- */
.my-profile__intro[b-7zn7lcvd9d] {
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--mp-muted);
    margin: 0 0 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

/* ---- CONTACT section divider ---- */
.my-profile__section-title[b-7zn7lcvd9d] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mp-muted);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
    position: relative;
}

.my-profile__section-title[b-7zn7lcvd9d]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 2.75rem;
    height: 2px;
    border-radius: 1px;
    background: linear-gradient(90deg, var(--mp-dark), var(--mp-brand));
}

/* ============================================================
   FORM FIELDS
   ============================================================ */
.my-profile__native-field[b-7zn7lcvd9d] {
    margin-bottom: 0.5rem;
}

.my-profile__native-field .form-label[b-7zn7lcvd9d] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--mp-muted);
    margin-bottom: 0.35rem;
}

.my-profile__native-field .form-control[b-7zn7lcvd9d] {
    background-color: #f1f5f9;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    color: var(--mp-text);
    padding: 0.6rem 0.75rem;
    box-shadow: none;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.my-profile__native-field .form-control:focus[b-7zn7lcvd9d] {
    background-color: #e2e8f0;
    box-shadow: 0 0 0 0.2rem rgba(3, 61, 83, 0.12);
}

.my-profile__input-readonly[b-7zn7lcvd9d] {
    background-color: #f8fafc !important;
    color: #94a3b8 !important;
}

.my-profile__input-readonly:disabled[b-7zn7lcvd9d],
.my-profile__input-readonly[disabled][b-7zn7lcvd9d] {
    background-color: #f4f6f8;
    color: #495057;
    border-color: #dee2e6;
    cursor: not-allowed;
    opacity: 1;
}

/* ============================================================
   IN-CARD ACTION BUTTONS (Save / Cancel / Edit)
   ============================================================ */
.my-profile__actions[b-7zn7lcvd9d] {
    margin-top: 1.5rem;
    padding-top: 1.1rem;
    border-top: 1px solid #e9ecef;
}

/* ============================================================
   BOTTOM PAGE-LEVEL ACTION BAR  (← BACK / 💾 SAVE CHANGES)
   ============================================================ */
.my-profile__page-actions[b-7zn7lcvd9d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 0.75rem;
}

.my-profile__page-actions-end[b-7zn7lcvd9d] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-left: auto;
}

.my-profile__btn[b-7zn7lcvd9d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.15rem;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #121A1F;
    background: #ffffff;
    border: 1.5px solid #1E293B;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

/* BACK / Cancel — Figma Cancel states */
.my-profile__btn--back:hover[b-7zn7lcvd9d] {
    background: #FCE8EC;
    border-color: #9B1B30;
    color: #9B1B30;
}

.my-profile__btn--back:active[b-7zn7lcvd9d] {
    background: #6B1524;
    color: #fff;
    border-color: #6B1524;
    box-shadow: none;
}

.my-profile__btn i[b-7zn7lcvd9d] {
    font-size: 0.85rem;
}

/* SAVE CHANGES — default = Not Clickable; mint only when .is-enabled */
.my-profile__btn--save[b-7zn7lcvd9d] {
    color: #32434B;
    border-color: #D0D5DD;
    background: #ffffff;
}

.my-profile__btn--save:not(.is-enabled):hover[b-7zn7lcvd9d] {
    background: #EEF2F6;
    color: #32434B;
    border-color: #D0D5DD;
}

.my-profile__btn--save.is-enabled[b-7zn7lcvd9d] {
    color: #033D53;
    border-color: #033D53;
    background: #ffffff;
    font-weight: 700;
}

.my-profile__btn--save.is-enabled:hover[b-7zn7lcvd9d] {
    background: #E0F2FE;
    color: #033D53;
    border-color: #033D53;
}

.my-profile__btn--save.is-enabled:active[b-7zn7lcvd9d],
.my-profile__btn--save.is-enabled.is-pressed[b-7zn7lcvd9d] {
    background: #033D53;
    color: #fff;
    border-color: #033D53;
    box-shadow: none;
}

.my-profile__btn--save.is-enabled:active i[b-7zn7lcvd9d],
.my-profile__btn--save.is-enabled.is-pressed i[b-7zn7lcvd9d] {
    color: #fff;
}

/* ============================================================
   TAB STRIP – dark pill active state
   ============================================================ */
.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items-wrapper,
[b-7zn7lcvd9d] .k-tabstrip-items-wrapper {
    border-bottom: 1px solid #e0e6ed;
    padding: 0 0.5rem;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item,
[b-7zn7lcvd9d] .k-tabstrip-items .k-item {
    padding: 0;
    margin: 0 0.25rem;
    border: none !important;
    background: transparent !important;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item .k-link,
[b-7zn7lcvd9d] .k-tabstrip-items .k-item .k-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.15rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    border-radius: 0.375rem;
    border: 1.5px solid transparent;
    background: transparent;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item .k-link i {
    font-size: 0.85rem;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active) .k-link:hover,
.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):hover .k-link,
[b-7zn7lcvd9d] .k-tabstrip-items .k-item:not(.k-active) .k-link:hover {
    color: #033D53 !important;
    background: #E0F2FE !important;
    border-color: transparent;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active,
[b-7zn7lcvd9d] .k-tabstrip-items .k-item.k-active {
    border: none !important;
    background: transparent !important;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active .k-link,
[b-7zn7lcvd9d] .k-tabstrip-items .k-item.k-active .k-link {
    background: #033D53;
    color: #ffffff;
    border-color: #033D53;
    box-shadow: none;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active .k-link i {
    color: #ffffff;
}

.my-profile[b-7zn7lcvd9d]  .k-tabstrip > .k-content,
[b-7zn7lcvd9d] .k-tabstrip > .k-content {
    border: none;
    padding: 1.5rem 0.25rem 0;
    background: transparent;
}

/* ============================================================
   SYSTEM ADMIN – Figma refinements (compact)
   ============================================================ */
.my-profile--sysadmin[b-7zn7lcvd9d] {
    padding: 0.65rem 1.15rem 0.85rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 28px rgba(3, 61, 83, 0.06);
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items-wrapper {
    border-bottom: 1.5px solid #8A96A3 !important;
    box-shadow: none !important;
    padding: 0;
    margin-bottom: 0;
    align-items: flex-end !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items {
    gap: 0.15rem !important;
    align-items: flex-end !important;
    border: none !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item {
    margin: 0 0.15rem 0 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item .k-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 0.45rem 1rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #32434B !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item .k-link i {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    margin-right: 0 !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active .k-link i {
    color: #FFFFFF !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected):hover,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected).k-hover,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-tabstrip-item:not(.k-active):not(.k-selected):hover {
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected) .k-link:hover,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected):hover .k-link,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected):hover > .k-link,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-tabstrip-item:not(.k-active):not(.k-selected) .k-link:hover,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-tabstrip-item:not(.k-active):not(.k-selected):hover .k-link {
    color: #033D53 !important;
    background: #E0F2FE !important;
    background-color: #E0F2FE !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected) .k-link:hover i,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item:not(.k-active):not(.k-selected):hover .k-link i,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-tabstrip-item:not(.k-active):not(.k-selected) .k-link:hover i,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-tabstrip-item:not(.k-active):not(.k-selected):hover .k-link i {
    color: #033D53 !important;
}

/* Active tab — Figma: dark teal, top-rounded only */
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active {
    border: none !important;
    background: transparent !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active::after,
.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    height: 0 !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active .k-link {
    background: #033D53 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: none !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip-items .k-item.k-active .k-link i {
    color: #ffffff !important;
}

.my-profile--sysadmin[b-7zn7lcvd9d]  .k-tabstrip > .k-content {
    padding: 0.75rem 0 0;
}

.my-profile--sysadmin .my-profile__tab-body[b-7zn7lcvd9d] {
    padding: 0.15rem 0.2rem 0;
}

.my-profile--sysadmin .my-profile__grid[b-7zn7lcvd9d] {
    --bs-gutter-x: 0.85rem;
    --bs-gutter-y: 0.75rem;
}

/* Figma: thin vertical divider between Profile and My Account (same as Contact line) */
.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d] {
    border-left: none;
    padding-left: 1.35rem;
    margin-left: 0.15rem;
    position: relative;
}

.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35rem;
    width: 1px;
    /* Extend through Contact form down to Email field */
    height: 14rem;
    max-height: 14rem;
    background: #E4E8EE;
}

/* Remove MDB dark teal banner behind avatar (Figma: photo only) */
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-up,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .gradient-card-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .testimonial-card,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    max-width: none !important;
    width: max-content !important;
    min-width: 100% !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img {
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
    width: 96px !important;
    height: 96px !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card img,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .app-avatar,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar img {
    width: 96px !important;
    height: 96px !important;
    border-radius: 50% !important;
    border: 2px solid #e8edf2 !important;
    object-fit: cover !important;
    margin: 0 auto 0.75rem !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

/*
 * Keep original AppCardProfile avatar icon — only force brand color #033D53.
 */
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar.app-avatar-img,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    margin: 0 auto 0.75rem !important;
    border-radius: 50% !important;
    border: 2px solid #e8edf2 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #033D53 !important;
    --fa-primary-color: #033D53 !important;
    --fa-secondary-color: #033D53 !important;
    --fa-primary-opacity: 1 !important;
    --fa-secondary-opacity: 1 !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar > *,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img > *,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar > *,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar svg,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img svg,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar svg,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar svg *,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img svg *,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar path,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-avatar-img path {
    color: #033D53 !important;
    fill: #033D53 !important;
    stroke: #033D53 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Real photo imgs stay as-is (no forced fill) */
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar img.img-fluid,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar img[src^="data:image/jpeg"],
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar img[src^="data:image/png"],
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .avatar img[src^="blob:"] {
    color: inherit !important;
    fill: none !important;
    stroke: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Light gray identity info card under avatar (Figma) */
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body {
    width: max-content !important;
    max-width: none !important;
    min-width: 100% !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.65rem !important;
    padding: 0.85rem 1.5rem !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.4rem !important;
    text-align: center !important;
    overflow: visible !important;
}

.my-profile__identity-col[b-7zn7lcvd9d] {
    min-width: 0;
    overflow: visible;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d] {
    overflow: visible !important;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    padding: 0.5rem 0.75rem 0.35rem 0.35rem;
}

/* Email + icon on one row (icon left of address) */
.my-profile__identity-panel .my-profile__email[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel .my-profile__email[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .my-profile__email {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #32434B !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.my-profile__identity-panel .my-profile__email i[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel .my-profile__email i[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .my-profile__email i {
    flex-shrink: 0 !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    margin: 0 !important;
    display: inline-block !important;
}

.my-profile__identity-panel .my-profile__email span[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel .my-profile__email span[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .my-profile__email span {
    white-space: nowrap !important;
    color: inherit !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .card-title,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card h5,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body h4,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body h5 {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .card-subtitle,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card small,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body h6,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .card-subtitle {
    display: block !important;
    color: #5b6b7c !important;
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body a,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label-email span {
    font-size: 0.75rem !important;
    color: #32434B !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    width: max-content !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label-email i,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label i {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    margin: 0 !important;
    position: static !important;
    float: none !important;
}

.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email a,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-label-email span,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label-email a,
.my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .card-body .app-label-email > span {
    display: inline !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]  .card {
    border: none;
    box-shadow: none;
    background: transparent;
    overflow: visible !important;
}

.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]  .card-header {
    background: transparent;
    border-bottom: none;
    padding: 0.15rem 0 0.55rem;
    font-size: 1rem;
    font-weight: 700;
    color: #1a2332;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    column-gap: 0.85rem !important;
}

.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]  .card-header > * {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

/* Figma: dark teal rounded square + white outline gear */
.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]  .card-header i {
    color: #ffffff !important;
    font-size: 0.7rem;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #033D53;
    border-radius: 0.4rem;
    flex-shrink: 0;
    margin: 0 0.85rem 0 0 !important;
}

.my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]  .my-profile__card-body.card-body {
    padding: 0;
}

.my-profile--sysadmin .my-profile__intro[b-7zn7lcvd9d] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: #6b7785;
}

.my-profile--sysadmin .my-profile__section-title[b-7zn7lcvd9d] {
    border-bottom: 1px solid #E2E8F0;
    color: #32434B;
    margin-bottom: 0.85rem;
    padding-bottom: 0.35rem;
    font-size: 0.75rem;
}

.my-profile--sysadmin .my-profile__section-title[b-7zn7lcvd9d]::after {
    display: none;
}

.my-profile--sysadmin .my-profile__native-field[b-7zn7lcvd9d] {
    margin-bottom: 0.35rem;
    overflow: visible;
}

.my-profile--sysadmin .my-profile__native-field .form-label[b-7zn7lcvd9d] {
    font-size: 0.75rem;
    margin-bottom: 0.35rem;
    display: block;
    line-height: 1.3;
}

.my-profile--sysadmin .my-profile__native-field .form-control[b-7zn7lcvd9d] {
    background-color: #F0F4F8;
    border: none;
    border-radius: 0.45rem;
    padding: 0.6rem 0.75rem !important;
    min-height: 2.5rem !important;
    height: auto !important;
    line-height: 1.4 !important;
    font-size: 0.85rem;
    color: #1a2332;
    cursor: text;
    pointer-events: auto;
    opacity: 1;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.my-profile--sysadmin .my-profile__native-field .form-control:not(:disabled):not([readonly])[b-7zn7lcvd9d] {
    background-color: #F0F4F8;
    color: #1a2332;
}

.my-profile--sysadmin .my-profile__native-field .form-control:focus[b-7zn7lcvd9d] {
    background-color: #e8ecf1;
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(3, 61, 83, 0.12);
    overflow: visible !important;
}

.my-profile--sysadmin .my-profile__native-field .form-control:disabled[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__native-field .form-control[readonly][b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__input-readonly[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__input-readonly:disabled[b-7zn7lcvd9d] {
    background-color: #F0F4F8 !important;
    color: #5b6b7c !important;
    cursor: default;
    opacity: 1 !important;
}

.my-profile--sysadmin .my-profile__page-actions[b-7zn7lcvd9d] {
    margin: 0.15rem 0 0;
    padding: 1.55rem 0 0.1rem;
    border-top: 1.5px solid #8A96A3;
}

.my-profile--sysadmin .my-profile__btn[b-7zn7lcvd9d] {
    min-height: 1.9rem;
    padding: 0.35rem 0.95rem;
    border-radius: 0.45rem;
    font-size: 0.7rem;
    color: #033D53;
    border-color: #033D53;
}

.my-profile--sysadmin .my-profile__btn--back:hover[b-7zn7lcvd9d] {
    background: #FCE8EC;
    border-color: #9B1B30;
    color: #9B1B30;
}

.my-profile--sysadmin .my-profile__btn--back:active[b-7zn7lcvd9d] {
    background: #6B1524;
    border-color: #6B1524;
    color: #ffffff;
}

/* ============================================================
   SAVE CHANGES — Figma APPLY states
   Not Clickable → Not Clickable Hover → Normal → Hover → Click
   ============================================================ */

/* Not Clickable */
.my-profile__btn--save.is-disabled[b-7zn7lcvd9d],
.my-profile__btn--save:disabled[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-disabled[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save:disabled[b-7zn7lcvd9d] {
    background: #FFFFFF !important;
    border: 1.5px solid #D0D5DD !important;
    color: #32434B !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    font-weight: 600 !important;
}

/* Not Clickable Hover */
.my-profile__btn--save.is-disabled:hover[b-7zn7lcvd9d],
.my-profile__btn--save:disabled:hover[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-disabled:hover[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save:disabled:hover[b-7zn7lcvd9d] {
    background: #EEF2F6 !important;
    border: 1.5px solid #D0D5DD !important;
    color: #32434B !important;
}

/* Normal (clickable after edit) — outline navy */
.my-profile__btn--save.is-enabled[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled[b-7zn7lcvd9d] {
    background: #FFFFFF !important;
    border: 1.5px solid #033D53 !important;
    color: #033D53 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

/* Hover — pale blue */
.my-profile__btn--save.is-enabled:hover[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled:hover[b-7zn7lcvd9d] {
    background: #E0F2FE !important;
    border: 1.5px solid #033D53 !important;
    color: #033D53 !important;
}

/* Click / pressed — solid navy + white icon/text (user ref) */
.my-profile__btn--save.is-enabled:active[b-7zn7lcvd9d],
.my-profile__btn--save.is-enabled.is-pressed[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled:active[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled.is-pressed[b-7zn7lcvd9d] {
    background: #033D53 !important;
    border: 1.5px solid #033D53 !important;
    color: #FFFFFF !important;
}

.my-profile__btn--save.is-enabled:active i[b-7zn7lcvd9d],
.my-profile__btn--save.is-enabled.is-pressed i[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled:active i[b-7zn7lcvd9d],
.my-profile--sysadmin .my-profile__btn--save.is-enabled.is-pressed i[b-7zn7lcvd9d] {
    color: #FFFFFF !important;
}

/* Notification Center (System Admin) — Figma */
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d] {
    padding: 0.25rem 0 0;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .card {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .card-header {
    background: transparent !important;
    border-bottom: 1px solid #E2E8F0 !important;
    padding: 0.15rem 0 0.75rem 0 !important;
    margin-bottom: 0.85rem !important;
    font-size: 1rem;
    font-weight: 700;
    color: #121A1F;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .card-header > * {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Figma: dark teal rounded square + white bell (Notification Center) */
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .card-header i {
    color: #ffffff !important;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #033D53;
    border-radius: 0.45rem;
    font-size: 0.75rem;
    flex-shrink: 0;
    margin: 0 0.5rem 0 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .card-body,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-center__body {
    padding: 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-center {
    gap: 1.75rem;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-section__title {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.45rem !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #121A1F !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 0 0.45rem 0.5rem !important;
    line-height: 1.3 !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-section__title i,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-section__icon {
    width: 1rem !important;
    height: 1rem !important;
    color: #033D53 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-section__table-wrap {
    border: 1px solid #E2E8F0 !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .table.notification-table,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    font-size: 0.8125rem;
    width: 100%;
    table-layout: fixed;
    box-shadow: none !important;
    margin: 0 !important;
    --bs-table-border-color: #E2E8F0;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table thead th,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .table.notification-table > thead > tr > th {
    background-color: #F0F4F8 !important;
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 0.65rem 1rem !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    line-height: 1.35;
    vertical-align: middle;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table tbody td,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .table.notification-table > tbody > tr > td {
    color: #32434B !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #E2E8F0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: #FFFFFF !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table th:first-child,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table td:first-child {
    width: auto !important;
    text-align: left !important;
    padding: 0.65rem 1rem !important;
    white-space: normal !important;
    color: #32434B !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table__th-enabled,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table__td-enabled,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table th.notification-table__th-enabled,
.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table td.notification-table__td-enabled {
    width: 8rem !important;
    min-width: 8rem !important;
    max-width: 8rem !important;
    text-align: center !important;
    padding: 0.7rem 0.85rem !important;
    white-space: nowrap !important;
    box-sizing: border-box;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table tbody tr:nth-child(even) td {
    background-color: #FFFFFF !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table tbody tr:hover td {
    background-color: #FFFFFF !important;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .notification-table .custom-switch {
    transform: scale(0.9);
    transform-origin: center center;
    margin: 0 auto;
    padding-left: 2.35rem;
    min-height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #033D53;
    border-color: #033D53;
}

.my-profile--sysadmin .my-profile__tab-body--notify[b-7zn7lcvd9d]  .custom-switch .custom-control-label::before {
    border-color: #32434B;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (min-width: 768px) {
    .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card {
        margin-top: 60px !important;
    }

    .my-profile--sysadmin .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card {
        margin-top: 0.35rem !important;
    }
}

@media (max-width: 767.98px) {
    .my-profile__identity-panel[b-7zn7lcvd9d] {
        padding: 1.5rem 1rem;
    }

    .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card img,
    .my-profile__identity-panel[b-7zn7lcvd9d]  .app-user-card .app-avatar {
        width: 90px;
        height: 90px;
    }

    .my-profile__account-wrap[b-7zn7lcvd9d]  .my-profile__card-body.card-body {
        padding: 1rem 1.15rem 1.25rem;
    }

    .my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d] {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        border-top: none;
        padding-top: 1rem;
        margin-top: 0.75rem;
    }

    .my-profile--sysadmin .my-profile__account-wrap[b-7zn7lcvd9d]::before {
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 1px;
        max-height: none;
        background: #E4E8EE;
    }

    .my-profile__page-actions[b-7zn7lcvd9d] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .my-profile__btn[b-7zn7lcvd9d] {
        justify-content: center;
    }

    .my-profile--sysadmin[b-7zn7lcvd9d] {
        padding: 0.85rem 0.85rem 1rem;
    }
}

/*# sourceMappingURL=Profile.razor.css.map */