/* /Components/Layout/AppNavbar.razor.rz.scp.css */
.navbar-app[b-yn69s0lez5] {
    height: 88px;
    background: var(--bpr-white);
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
}

.navbar-app__title[b-yn69s0lez5] {
    margin: 0;
    color: var(--bpr-primary-text);
}

.navbar-app__right[b-yn69s0lez5] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.navbar-app__bell[b-yn69s0lez5] {
    position: relative;
    border: none;
    background: transparent;
    color: var(--bpr-primary);
    padding: 8px;
    cursor: pointer;
}

.navbar-app__badge[b-yn69s0lez5] {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: var(--bpr-danger);
    color: var(--bpr-white);
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    padding: 0 4px;
}

.navbar-app__divider[b-yn69s0lez5] {
    width: 1px;
    height: 40px;
    background: #ececec;
}

.navbar-app__user-wrap[b-yn69s0lez5] {
    position: relative;
}

.navbar-app__user[b-yn69s0lez5] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: none;
    background: transparent;
    color: var(--bpr-primary);
    cursor: pointer;
    padding: 0;
}

.navbar-app__user-menu[b-yn69s0lez5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 160px;
    background: var(--bpr-white);
    border: 1px solid #ececec;
    border-radius: var(--bpr-radius-menu);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 6px;
    z-index: 20;
}

.navbar-app__user-menu-item[b-yn69s0lez5] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    border: none;
    background: transparent;
    color: var(--bpr-danger);
    font-size: 14px;
    padding: 8px 10px;
    border-radius: var(--bpr-radius-menu);
    cursor: pointer;
    text-align: left;
}

.navbar-app__user-menu-item:hover[b-yn69s0lez5] {
    background: #fde8e8;
}

.navbar-app__avatar[b-yn69s0lez5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bpr-selected-bg);
    color: var(--bpr-primary);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-app__user-info[b-yn69s0lez5] {
    display: flex;
    flex-direction: column;
}

.navbar-app__user-name[b-yn69s0lez5] {
    font-size: 14px;
    font-weight: 500;
    color: var(--bpr-primary-text);
}

.navbar-app__user-role[b-yn69s0lez5] {
    font-size: 12px;
    color: var(--bpr-secondary-text);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-ma0gn0pe4p] {
    display: flex;
    height: 100vh;
}

.app-main[b-ma0gn0pe4p] {
    flex: 1;
    min-width: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.app-content[b-ma0gn0pe4p] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 24px 32px;
    background: #f5f6fa;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-a6155tcqqt],
.components-reconnect-repeated-attempt-visible[b-a6155tcqqt],
.components-reconnect-failed-visible[b-a6155tcqqt],
.components-pause-visible[b-a6155tcqqt],
.components-resume-failed-visible[b-a6155tcqqt],
.components-rejoining-animation[b-a6155tcqqt] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SidebarMenu.razor.rz.scp.css */
.sidebar[b-tuv131ernz] {
    width: 259px;
    min-width: 259px;
    height: 100vh;
    background: var(--bpr-white);
    border-right: 1px solid #ececec;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width 0.15s ease, min-width 0.15s ease;
}

.sidebar__brand[b-tuv131ernz] {
    height: 88px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 16px 0 24px;
    border-bottom: 1px solid #ececec;
}

.sidebar__brand-info[b-tuv131ernz] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sidebar__logo-img[b-tuv131ernz] {
    align-self: flex-start;
    height: 32px;
    width: auto;
    margin-bottom: 4px;
}

.sidebar__logo-sub[b-tuv131ernz] {
    font-size: 11px;
    color: var(--bpr-secondary-text);
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.sidebar__collapse-toggle[b-tuv131ernz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: var(--bpr-radius-menu);
    background: transparent;
    color: var(--bpr-primary);
    cursor: pointer;
}

.sidebar__collapse-toggle:hover[b-tuv131ernz] {
    background: #f3f8fd;
}

.sidebar__nav[b-tuv131ernz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar__group-label[b-tuv131ernz] {
    margin: 14px 10px 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--bpr-secondary-text);
    white-space: nowrap;
}

.sidebar__group-label:first-child[b-tuv131ernz] {
    margin-top: 0;
}

/* .sidebar__item juga dipasang di <NavLink>, yaitu component anak — CSS ter-scope
   Blazor tidak menembus batas component tanpa ::deep (lihat catatan di ApiClientBase
   soal EditForm untuk kasus serupa). */
[b-tuv131ernz] .sidebar__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: none;
    border-radius: var(--bpr-radius-menu);
    background: transparent;
    color: var(--bpr-primary);
    font-family: var(--bpr-font-family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

[b-tuv131ernz] .sidebar__item:hover {
    background: #f3f8fd;
    color: var(--bpr-primary);
}

[b-tuv131ernz] .sidebar__item .lucide {
    flex-shrink: 0;
}

[b-tuv131ernz] .sidebar__item-text {
    flex: 1;
    min-width: 0;
}

[b-tuv131ernz] .sidebar__chevron {
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.sidebar__item--open[b-tuv131ernz]  .sidebar__chevron {
    transform: rotate(180deg);
}

[b-tuv131ernz] .sidebar__item.active {
    background: var(--bpr-selected-bg);
}

.sidebar__submenu[b-tuv131ernz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 30px;
    margin-top: 4px;
}

[b-tuv131ernz] .sidebar__subitem {
    display: block;
    padding: 8px 10px;
    border-radius: var(--bpr-radius-menu);
    color: var(--bpr-secondary-text);
    font-family: var(--bpr-font-family);
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
}

[b-tuv131ernz] .sidebar__subitem:hover {
    background: #f3f8fd;
    color: var(--bpr-primary);
}

[b-tuv131ernz] .sidebar__subitem.active {
    background: var(--bpr-selected-bg);
    color: var(--bpr-primary);
    font-weight: 500;
}

/* ---- Sidebar dikecilkan (icon-only rail) ---- */

.sidebar--collapsed[b-tuv131ernz] {
    width: 72px;
    min-width: 72px;
}

.sidebar--collapsed .sidebar__brand[b-tuv131ernz] {
    padding: 0;
    justify-content: center;
}

.sidebar--collapsed .sidebar__brand-info[b-tuv131ernz] {
    display: none;
}

.sidebar--collapsed .sidebar__group-label[b-tuv131ernz],
.sidebar--collapsed .sidebar__submenu[b-tuv131ernz] {
    display: none;
}

.sidebar--collapsed[b-tuv131ernz]  .sidebar__item-text,
.sidebar--collapsed[b-tuv131ernz]  .sidebar__chevron {
    display: none;
}

.sidebar--collapsed[b-tuv131ernz]  .sidebar__item {
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.sidebar--collapsed .sidebar__nav[b-tuv131ernz] {
    padding: 12px 4px 24px;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-rh41gksp9r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 64px 24px;
}

.not-found__illustration[b-rh41gksp9r] {
    margin-bottom: 8px;
}

.not-found__title[b-rh41gksp9r] {
    margin: 0 0 8px;
}

.not-found__subtitle[b-rh41gksp9r] {
    color: var(--bpr-secondary-text);
    max-width: 420px;
    line-height: 1.6;
    margin: 0 0 24px;
}
/* /Components/Shared/BlazorErrorUi.razor.rz.scp.css */
#blazor-error-ui[b-qvza9m5wlr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-qvza9m5wlr] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Shared/Dashboard/DashPanel.razor.rz.scp.css */
.dash-panel__head[b-rzlvnzggjk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.dash-panel__head .dash-panel__title[b-rzlvnzggjk] {
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.dash-panel__head-extra[b-rzlvnzggjk] {
    flex-shrink: 0;
}

.dash-panel__controls[b-rzlvnzggjk] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.dash-panel__icon-btn[b-rzlvnzggjk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--bpr-secondary-text);
    cursor: pointer;
}

.dash-panel__icon-btn:hover[b-rzlvnzggjk] {
    background: #f3f4f6;
    color: var(--bpr-primary-text);
}
/* /Components/Shared/Dashboard/SimpleBarChart.razor.rz.scp.css */
.bpr-bar-chart[b-9px0th5jn6] {
    display: flex;
    flex-direction: column;
}

.bpr-bar-chart__plot[b-9px0th5jn6] {
    display: flex;
    flex: 1;
    min-height: 0;
}

.bpr-bar-chart__axis[b-9px0th5jn6] {
    width: 44px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 8px;
    text-align: right;
    font-size: 11px;
    color: var(--bpr-secondary-text);
}

.bpr-bar-chart__canvas[b-9px0th5jn6] {
    position: relative;
    flex: 1;
    border-left: 1px solid #e5e7eb;
}

.bpr-bar-chart__grid[b-9px0th5jn6] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    pointer-events: none;
}

.bpr-bar-chart__gridline[b-9px0th5jn6] {
    border-top: 1px dashed #eef0f3;
}

.bpr-bar-chart__bars[b-9px0th5jn6] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 0 8px;
}

.bpr-bar-chart__col[b-9px0th5jn6] {
    flex: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: flex-end;
}

.bpr-bar-chart__bar[b-9px0th5jn6] {
    width: 60%;
    max-width: 32px;
    border-radius: 4px 4px 0 0;
    min-height: 2px;
    transition: height 0.2s ease;
}

.bpr-bar-chart__labels[b-9px0th5jn6] {
    display: flex;
    margin-top: 6px;
}

.bpr-bar-chart__axis-spacer[b-9px0th5jn6] {
    width: 45px;
    flex-shrink: 0;
}

.bpr-bar-chart__labels-row[b-9px0th5jn6] {
    flex: 1;
    display: flex;
    gap: 8px;
    padding: 0 8px;
}

.bpr-bar-chart__label[b-9px0th5jn6] {
    flex: 1;
    text-align: center;
    font-size: 11px;
    color: var(--bpr-secondary-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Shared/Dashboard/StatCard.razor.rz.scp.css */
.stat-card[b-y496qf70sq] {
    border-radius: var(--bpr-radius-card);
    padding: 16px 24px;
    color: var(--bpr-white);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stat-card--warning[b-y496qf70sq] { background: var(--bpr-warning); }
.stat-card--success[b-y496qf70sq] { background: var(--bpr-success); }
.stat-card--danger[b-y496qf70sq]  { background: var(--bpr-danger); }

.stat-card__head[b-y496qf70sq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.stat-card__count[b-y496qf70sq] {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.35;
}

.stat-card__amount[b-y496qf70sq] {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

.stat-card__detail[b-y496qf70sq] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 6px 12px;
    border: none;
    border-radius: 8px;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
}

.stat-card__detail:hover[b-y496qf70sq] {
    color: var(--bpr-primary);
}
/* /Components/Shared/Modal.razor.rz.scp.css */
.bpr-modal-backdrop[b-1wpn65gjgb] {
    position: fixed;
    inset: 0;
    background: rgba(8, 8, 8, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 24px;
}

.bpr-modal[b-1wpn65gjgb] {
    background: var(--bpr-white);
    border-radius: var(--bpr-radius-card);
    width: 100%;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(8, 8, 8, 0.25);
}

.bpr-modal__header[b-1wpn65gjgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.bpr-modal__title[b-1wpn65gjgb] {
    margin: 0;
}

.bpr-modal__close[b-1wpn65gjgb] {
    border: none;
    background: transparent;
    color: var(--bpr-primary-text);
    cursor: pointer;
    display: inline-flex;
    padding: 4px;
    border-radius: 6px;
}

.bpr-modal__close:hover[b-1wpn65gjgb] {
    background: #f2f2f2;
}

.bpr-modal__body[b-1wpn65gjgb] {
    flex: 1 1 auto;
    padding: 24px;
    overflow-y: auto;
}

.bpr-modal__footer-wrap[b-1wpn65gjgb] {
    flex-shrink: 0;
    padding: 0 24px 24px;
}
/* /Components/Shared/Pembiayaan/LihatHasilModal.razor.rz.scp.css */
.lihat-hasil-modal__tabs[b-cksoj6h63b] {
    display: inline-flex;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    overflow: hidden;
    margin-bottom: 20px;
}

.lihat-hasil-modal__tab[b-cksoj6h63b] {
    border: none;
    border-right: 1px solid #e5e7eb;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
}

.lihat-hasil-modal__tab:last-child[b-cksoj6h63b] {
    border-right: none;
}

.lihat-hasil-modal__tab.is-active[b-cksoj6h63b] {
    background: var(--bpr-primary);
    color: var(--bpr-white);
}

.lihat-hasil-modal__card[b-cksoj6h63b] {
    background: var(--bpr-white);
    border-radius: var(--bpr-radius-card);
    border: 1px solid #eee;
    padding: 32px;
}

.lihat-hasil-modal__logo[b-cksoj6h63b] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.lihat-hasil-modal__logo img[b-cksoj6h63b] {
    height: 40px;
    width: auto;
}

.lihat-hasil-modal__title[b-cksoj6h63b] {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin: 0 0 24px;
}

.lihat-hasil-modal__placeholder[b-cksoj6h63b] {
    text-align: center;
    padding: 40px 0;
}

.lihat-hasil-modal__empty[b-cksoj6h63b] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
}

.lihat-hasil-modal__note-card[b-cksoj6h63b] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 20px;
    border: 1px solid color-mix(in srgb, var(--bpr-warning) 45%, white);
    border-radius: var(--bpr-radius-card);
    background: color-mix(in srgb, var(--bpr-warning) 16%, white);
    color: var(--bpr-primary-text);
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.lihat-hasil-modal__note-card[b-cksoj6h63b]  svg {
    flex-shrink: 0;
    color: var(--bpr-warning);
    margin-top: 1px;
}
/* /Components/Shared/PengajuanSk/ApprovalModal.razor.rz.scp.css */
/* Sticky di atas .bpr-modal__body (scroll container Modal.razor, overflow-y:auto padding:24px) —
   permintaan user: sebelumnya baris tab ini ikut ter-scroll keluar layar kalau form kiri/kanan
   lagi discroll ke bawah, jadi harus scroll balik ke atas dulu cuma buat pindah tab. margin negatif
   + padding kompensasi supaya bar ini full-bleed (nutup celah padding kiri/kanan/atas body) dan
   background solid biar konten yang discroll di baliknya tidak keliatan tembus. */
.approval-modal__tabs-row[b-c62ld2uh4o] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 24px;
    align-items: end;
    position: sticky;
    top: -24px;
    z-index: 5;
    background: var(--bpr-white);
    margin: -24px -24px 16px;
    padding: 24px 24px 12px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.12);
}

/* Modal "Approval" dibuka full-viewport (atas permintaan user — sebelumnya 96vw/92vh
   menyisakan jarak tipis di semua sisi yang dianggap nanggung) — override padding backdrop
   generik punya Modal.razor lewat ::deep karena elemen itu root Modal, bukan literal HTML
   ApprovalModal.razor sendiri (lihat CLAUDE.md pitfall #4). */
[b-c62ld2uh4o] .bpr-modal-backdrop:has(.approval-modal) {
    padding: 0;
}

[b-c62ld2uh4o] .bpr-modal.approval-modal {
    border-radius: 0;
}

.approval-modal__upload-row[b-c62ld2uh4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.approval-modal__initial-loading[b-c62ld2uh4o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 16px;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
    color: var(--bpr-secondary-text);
    font-size: 13px;
    font-weight: 500;
}

.approval-modal__layout[b-c62ld2uh4o] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 24px;
    align-items: start;
}

.approval-modal__left[b-c62ld2uh4o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.approval-modal__accordion[b-c62ld2uh4o] {
    text-align: left;
}

.approval-modal__placeholder[b-c62ld2uh4o] {
    display: block;
}

.approval-modal__right[b-c62ld2uh4o] {
    position: sticky;
    top: 0;
}

.approval-modal__doc-tabs[b-c62ld2uh4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    border-bottom: 1px solid #eee;
}

.approval-modal__doc-tab[b-c62ld2uh4o] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 4px 2px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--bpr-secondary-text);
    cursor: pointer;
    white-space: nowrap;
}

.approval-modal__doc-tab.is-active[b-c62ld2uh4o] {
    color: var(--bpr-primary);
    border-bottom-color: var(--bpr-primary);
    font-weight: 600;
}

.approval-modal__section-title[b-c62ld2uh4o] {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

/* Tab "Approval" — label di atas, nilai di bawah (beda dari .bpr-detail-row yang side-by-side),
   sesuai referensi screenshot manual. */
.approval-modal__summary[b-c62ld2uh4o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 20px;
}

.approval-modal__summary-row dt[b-c62ld2uh4o] {
    font-weight: 600;
    color: var(--bpr-primary-text);
}

.approval-modal__summary-row dd[b-c62ld2uh4o] {
    margin: 4px 0 0;
    color: var(--bpr-secondary-text);
}

.approval-modal__upload-field[b-c62ld2uh4o] {
    position: relative;
}

.approval-modal__loading[b-c62ld2uh4o] {
    text-align: center;
    padding: 24px 0;
}

.approval-modal__kembalikan-text[b-c62ld2uh4o] {
    margin: 0 0 16px;
}

.approval-modal__foto-selfie-empty[b-c62ld2uh4o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 320px;
    margin-top: 8px;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
    color: var(--bpr-secondary-text);
}

.approval-modal__foto-selfie-empty[b-c62ld2uh4o]  svg {
    opacity: 0.45;
}

.approval-modal__foto-selfie-empty p[b-c62ld2uh4o] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
}

.approval-modal__upload-btn[b-c62ld2uh4o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-primary);
    color: var(--bpr-white);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer;
}

.approval-modal__upload-btn:hover[b-c62ld2uh4o] {
    background: var(--bpr-primary-hover);
}

.approval-modal__upload-format[b-c62ld2uh4o] {
    color: var(--bpr-secondary-text);
    font-size: 13px;
    margin: 4px 0 0;
}

.approval-modal__doc-preview[b-c62ld2uh4o] {
    display: block;
    width: 100%;
    height: 650px;
    margin-top: 16px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
}

.approval-modal__preview[b-c62ld2uh4o] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    margin-top: 16px;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
    color: var(--bpr-secondary-text);
    font-size: 13px;
    text-align: center;
}

.approval-modal__footer[b-c62ld2uh4o] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}

.approval-modal__decision-groups[b-c62ld2uh4o] {
    display: flex;
    gap: 32px;
}

.approval-modal__decision-label[b-c62ld2uh4o] {
    display: block;
    font-size: 12px;
    color: var(--bpr-secondary-text);
    margin-bottom: 8px;
}

.approval-modal__decision-buttons[b-c62ld2uh4o] {
    display: flex;
    gap: 8px;
}

.approval-modal__btn-outline[b-c62ld2uh4o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-white);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer;
}

.approval-modal__footer button:disabled[b-c62ld2uh4o] {
    opacity: 0.6;
    cursor: not-allowed;
}

.approval-modal__btn-outline--danger[b-c62ld2uh4o] {
    border: 1px solid var(--bpr-danger);
    color: var(--bpr-danger);
}

.approval-modal__btn-outline--danger:hover[b-c62ld2uh4o] {
    background: color-mix(in srgb, var(--bpr-danger) 8%, white);
}

.approval-modal__btn-outline--success[b-c62ld2uh4o] {
    border: 1px solid var(--bpr-primary);
    color: var(--bpr-primary);
}

.approval-modal__btn-outline--success:hover[b-c62ld2uh4o] {
    background: color-mix(in srgb, var(--bpr-primary) 8%, white);
}

@media (max-width: 900px) {
    .approval-modal__tabs-row[b-c62ld2uh4o],
    .approval-modal__layout[b-c62ld2uh4o] {
        grid-template-columns: 1fr;
    }

    .approval-modal__right[b-c62ld2uh4o] {
        position: static;
    }
}
/* /Components/Shared/PengajuanSk/DataPembiayaanCard.razor.rz.scp.css */
.data-pembiayaan-card__usia-row[b-zd5305gdbn] {
    grid-template-columns: repeat(3, 1fr);
}

.data-pembiayaan-card__pelunasan-group[b-zd5305gdbn] {
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 12px 16px 4px;
    margin-bottom: 16px;
}

.data-pembiayaan-card__pelunasan-header[b-zd5305gdbn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--bpr-secondary-text);
    margin-bottom: 8px;
}

.data-pembiayaan-card__remove-pelunasan[b-zd5305gdbn] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    color: var(--bpr-danger);
    cursor: pointer;
}

.data-pembiayaan-card__tambah-pelunasan[b-zd5305gdbn] {
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
}
/* /Components/Shared/Pengajuan/UploadDokumenPersyaratanCard.razor.rz.scp.css */
.upload-dokumen-card__banner[b-b9i6zulyf7] {
    background: var(--bpr-warning);
    color: var(--bpr-primary-text);
    border-radius: var(--bpr-radius-card);
    padding: 16px 20px;
    font-size: 14px;
    margin-bottom: 24px;
}

.upload-dokumen-card__add-btn[b-b9i6zulyf7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: #2563eb;
    color: var(--bpr-white);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 14px;
    cursor: pointer;
    margin-bottom: 24px;
}

.upload-dokumen-card__add-btn:hover[b-b9i6zulyf7] {
    background: #1d4ed8;
}

.upload-dokumen-card__field[b-b9i6zulyf7] {
    margin-bottom: 24px;
    border-radius: var(--bpr-radius-card);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.upload-dokumen-card__field:last-child[b-b9i6zulyf7] {
    margin-bottom: 0;
}

/* Ditambah dragDrop.js (class 'upload-dokumen-card__field--drag-active') selama file diseret di
   atas kotak field ini — feedback visual biar user tahu areanya bisa di-drop. */
.upload-dokumen-card__field--drag-active[b-b9i6zulyf7] {
    background: color-mix(in srgb, var(--bpr-primary) 8%, white);
    box-shadow: 0 0 0 2px var(--bpr-primary) inset;
    padding: 8px;
    margin: -8px -8px 16px;
}

.upload-dokumen-card__title[b-b9i6zulyf7] {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: var(--bpr-primary-text);
    margin-bottom: 8px;
}

.upload-dokumen-card__hint[b-b9i6zulyf7] {
    color: var(--bpr-warning);
    font-style: italic;
    font-size: 13px;
    margin: 8px 0 0;
}

.upload-dokumen-card__chip[b-b9i6zulyf7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: var(--bpr-radius-card);
    background: color-mix(in srgb, var(--bpr-primary) 6%, white);
}

.upload-dokumen-card__chip span[b-b9i6zulyf7] {
    flex: 1;
    color: var(--bpr-primary);
    text-decoration: underline;
    font-size: 13px;
}

.upload-dokumen-card__chip-action[b-b9i6zulyf7] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    color: var(--bpr-secondary-text);
    cursor: pointer;
    flex-shrink: 0;
}

.upload-dokumen-card__chip-action:hover[b-b9i6zulyf7] {
    color: var(--bpr-primary-text);
}

.upload-dokumen-card__preview-media[b-b9i6zulyf7] {
    display: block;
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: var(--bpr-radius-card);
}

.upload-dokumen-card__zoom-toolbar[b-b9i6zulyf7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
}

.upload-dokumen-card__zoom-btn[b-b9i6zulyf7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    cursor: pointer;
}

.upload-dokumen-card__zoom-btn:hover:not(:disabled)[b-b9i6zulyf7] {
    background: #f3f4f6;
}

.upload-dokumen-card__zoom-btn:disabled[b-b9i6zulyf7] {
    opacity: 0.4;
    cursor: not-allowed;
}

.upload-dokumen-card__zoom-level[b-b9i6zulyf7] {
    min-width: 48px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--bpr-secondary-text);
}

/* Viewport dikasih overflow:auto supaya gambar yang di-zoom > 100% bisa di-scroll, bukan
   kepotong/overflow ke luar modal begitu saja. */
.upload-dokumen-card__preview-viewport[b-b9i6zulyf7] {
    max-height: 70vh;
    overflow: auto;
    border-radius: var(--bpr-radius-card);
    background: #f5f6fa;
}

.upload-dokumen-card__preview-viewport .upload-dokumen-card__preview-media[b-b9i6zulyf7] {
    max-height: none;
    transition: transform 0.15s ease-out;
    transform-origin: top center;
}
/* /Features/Auth/Login.razor.rz.scp.css */
.login-page[b-o7uv0a6gax] {
    min-height: 100vh;
    display: flex;
}

/* ---- Panel kiri: brand/ilustrasi ---- */

.login-visual[b-o7uv0a6gax] {
    position: relative;
    flex: 0 0 46%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 40px;
    background: linear-gradient(160deg, var(--bpr-primary) 0%, #0F4A29 100%);
    overflow: hidden;
}

.login-visual__circle[b-o7uv0a6gax] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.login-visual__circle--top[b-o7uv0a6gax] {
    width: 220px;
    height: 220px;
    top: -60px;
    left: -60px;
}

.login-visual__circle--bottom[b-o7uv0a6gax] {
    width: 260px;
    height: 260px;
    bottom: -90px;
    right: -80px;
}

.login-visual__content[b-o7uv0a6gax] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 320px;
}

.login-visual__illustration[b-o7uv0a6gax] {
    margin-bottom: 24px;
}

.login-visual__title[b-o7uv0a6gax] {
    color: var(--bpr-white);
    margin: 0 0 8px;
}

.login-visual__accent[b-o7uv0a6gax] {
    color: var(--bpr-warning);
}

.login-visual__subtitle[b-o7uv0a6gax] {
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 24px;
}

.login-visual__badges[b-o7uv0a6gax] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.login-badge[b-o7uv0a6gax] {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
}

.login-badge--success[b-o7uv0a6gax] {
    background: rgba(22, 163, 74, 0.2);
    color: #4ade80;
}

.login-badge--warning[b-o7uv0a6gax] {
    background: rgba(249, 115, 22, 0.2);
    color: #fb923c;
}

.login-badge--info[b-o7uv0a6gax] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

.login-visual__footer[b-o7uv0a6gax] {
    position: relative;
    color: rgba(255, 255, 255, 0.55);
    margin: 32px 0 0;
    text-align: center;
}

.login-visual__chevron[b-o7uv0a6gax] {
    position: absolute;
    top: 50%;
    right: -14px;
    width: 28px;
    height: 28px;
    background: var(--bpr-primary);
    transform: translateY(-50%) rotate(45deg);
    border-radius: 4px;
}

/* ---- Panel kanan: form ---- */

.login-form-panel[b-o7uv0a6gax] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 64px;
    background: var(--bpr-white);
    overflow: hidden;
}

.login-form-panel__dots[b-o7uv0a6gax] {
    position: absolute;
    top: 32px;
    right: 32px;
    display: grid;
    grid-template-columns: repeat(4, 6px);
    gap: 6px;
}

.login-form-panel__dots span[b-o7uv0a6gax] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--bpr-secondary-text);
    opacity: 0.4;
}

.login-brand[b-o7uv0a6gax] {
    width: 100%;
    max-width: 420px;
    margin-bottom: 32px;
}

.login-brand__logo[b-o7uv0a6gax] {
    height: 72px;
    width: auto;
}

.login-title[b-o7uv0a6gax] {
    width: 100%;
    max-width: 420px;
    margin: 0 0 4px;
}

.login-subtitle[b-o7uv0a6gax] {
    width: 100%;
    max-width: 420px;
    color: var(--bpr-secondary-text);
    margin-bottom: 24px;
}

[b-o7uv0a6gax] .login-form-fields {
    width: 100%;
    max-width: 420px;
}

.login-field[b-o7uv0a6gax] {
    margin-bottom: 16px;
}

.login-field .form-label[b-o7uv0a6gax] {
    color: var(--bpr-primary-text);
    margin-bottom: 6px;
}

.login-field__required[b-o7uv0a6gax] {
    color: var(--bpr-danger);
}

.login-input[b-o7uv0a6gax] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-input[b-o7uv0a6gax]  .form-control {
    padding-left: 40px;
    height: 44px;
    border-radius: var(--bpr-radius-card);
    font-size: 14px;
}

[b-o7uv0a6gax] .login-input__icon {
    position: absolute;
    left: 12px;
    color: var(--bpr-secondary-text);
    pointer-events: none;
    z-index: 5;
}

.login-input__toggle[b-o7uv0a6gax] {
    position: absolute;
    right: 8px;
    border: none;
    background: transparent;
    color: var(--bpr-warning);
    padding: 6px;
    cursor: pointer;
    z-index: 5;
}

.login-forgot[b-o7uv0a6gax] {
    text-align: right;
    margin-bottom: 20px;
}

.login-forgot__link[b-o7uv0a6gax] {
    color: var(--bpr-warning);
    text-decoration: none;
}

.login-forgot__link:hover[b-o7uv0a6gax] {
    text-decoration: underline;
}

.login-error[b-o7uv0a6gax] {
    background: #fde8e8;
    color: var(--bpr-danger);
    border-radius: var(--bpr-radius-menu);
    padding: 10px 12px;
    margin-bottom: 16px;
}

.login-submit[b-o7uv0a6gax] {
    width: 100%;
    height: 44px;
    border-radius: var(--bpr-radius-card);
    font-weight: 500;
}

@media (max-width: 900px) {
    .login-page[b-o7uv0a6gax] {
        flex-direction: column;
    }

    .login-visual[b-o7uv0a6gax] {
        flex: none;
        padding: 32px;
    }

    .login-visual__chevron[b-o7uv0a6gax] {
        display: none;
    }

    .login-form-panel[b-o7uv0a6gax] {
        padding: 32px;
    }
}
/* /Features/Dashboard/ChartPerolehanPanel.razor.rz.scp.css */
.chart-panel__tabs[b-qpo3ueu59z] {
    margin-bottom: 16px;
}

.chart-perolehan-table thead th[b-qpo3ueu59z],
.chart-perolehan-table tbody td[b-qpo3ueu59z] {
    text-align: center;
}

.chart-perolehan-table thead th:nth-child(2)[b-qpo3ueu59z],
.chart-perolehan-table tbody td:nth-child(2)[b-qpo3ueu59z] {
    text-align: left;
}

.chart-perolehan-table tbody tr:not(.chart-perolehan-table__total-row):nth-child(even)[b-qpo3ueu59z] {
    background: #fafafa;
}

.chart-perolehan-table__row--empty td[b-qpo3ueu59z] {
    color: var(--bpr-secondary-text);
}

.chart-perolehan-table__total-row[b-qpo3ueu59z] {
    background: color-mix(in srgb, var(--bpr-primary) 10%, var(--bpr-white));
    font-weight: 600;
}

.chart-panel__message[b-qpo3ueu59z] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
    margin: 0;
}

.chart-panel__message--error[b-qpo3ueu59z] {
    color: var(--bpr-danger);
}

.chart-panel__section[b-qpo3ueu59z] {
    margin-top: 24px;
}

.chart-panel__produk[b-qpo3ueu59z] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f0f0f0;
}

.chart-panel__section-head[b-qpo3ueu59z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.chart-panel__section-title[b-qpo3ueu59z] {
    font-weight: 500;
    color: var(--bpr-primary-text);
    text-transform: uppercase;
}

.chart-panel__legend[b-qpo3ueu59z] {
    display: flex;
    gap: 16px;
    font-size: 12px;
    color: var(--bpr-secondary-text);
}

.chart-panel__legend-item[b-qpo3ueu59z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.chart-panel__dot[b-qpo3ueu59z] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.chart-panel__dot--noa[b-qpo3ueu59z] {
    background: var(--bpr-warning);
}

.chart-panel__dot--perolehan[b-qpo3ueu59z] {
    background: var(--bpr-primary);
}

.chart-panel__produk-month-filter[b-qpo3ueu59z] {
    gap: 8px;
    align-items: flex-start;
}

/* MudDatePicker dirender komponen pihak ketiga (bukan literal HTML di file ini), butuh ::deep
   biar scope CSS isolation nembus ke root elemennya (Pitfall #4 CLAUDE.md). Label "Bulan" sekarang
   dipindah jadi floating label MudBlazor sendiri (Label="Bulan") — bukan <span> terpisah di luar
   — dan format tampilan diganti "yyyy-MM" (mis. "2026-09") sesuai referensi user, jadi lebih
   pendek dari "September 2026" makanya lebar diperkecil dari 230px.*/
.chart-panel__produk-month-filter[b-qpo3ueu59z]  .chart-panel__produk-month-picker {
    min-width: 160px;
}

.chart-panel__produk-body[b-qpo3ueu59z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 24px;
    align-items: center;
}

@media (max-width: 900px) {
    .chart-panel__produk-body[b-qpo3ueu59z] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-empty-state[b-vrelj73u23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 64px 24px;
    margin-top: 8px;
}

.dashboard-empty-state__illustration[b-vrelj73u23] {
    width: 220px;
    height: auto;
    margin-bottom: 24px;
}

.dashboard-empty-state__title[b-vrelj73u23] {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
    color: var(--bpr-primary-text);
}

.dashboard-empty-state__text[b-vrelj73u23] {
    margin: 0;
    max-width: 420px;
    color: var(--bpr-secondary-text);
    font-size: 14px;
    line-height: 1.6;
}

.pengajuan-modal__toolbar[b-vrelj73u23] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.pengajuan-modal__download[b-vrelj73u23] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    background: var(--bpr-primary);
    color: var(--bpr-white);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
}

.pengajuan-modal__download:hover[b-vrelj73u23] {
    background: var(--bpr-primary-hover);
}

.pengajuan-modal__loading[b-vrelj73u23] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 32px 0;
    margin: 0;
}

.pengajuan-modal__error[b-vrelj73u23] {
    text-align: center;
    color: var(--bpr-danger);
    padding: 32px 0;
    margin: 0;
}

.pengajuan-modal__empty[b-vrelj73u23] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
}
/* /Features/Dashboard/RealisasiTopPanel.razor.rz.scp.css */
/* Header dua tingkat: baris grup (warna dari .bpr-table global, var(--bpr-primary)) & baris
   sub-kolom (terang), sesuai referensi desain Figma. */
.realisasi-table thead tr:first-child th[b-i82sdgg2s7] {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.03em;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.realisasi-table thead tr:first-child th:last-child[b-i82sdgg2s7] {
    border-right: none;
}

.realisasi-table__date[b-i82sdgg2s7] {
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.7);
}

.realisasi-table thead tr:last-child th[b-i82sdgg2s7] {
    background: #fafafa;
    color: var(--bpr-secondary-text);
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #eee;
}

.realisasi-table__bank-header[b-i82sdgg2s7] {
    text-align: left;
}

.realisasi-table thead tr:last-child th:last-child[b-i82sdgg2s7] {
    border-right: none;
}

.realisasi-table tbody td[b-i82sdgg2s7] {
    text-align: center;
    font-size: 13px;
}

.realisasi-table tbody td:first-child[b-i82sdgg2s7] {
    text-align: left;
    font-weight: 500;
}

.realisasi-table__total-row[b-i82sdgg2s7] {
    background: color-mix(in srgb, var(--bpr-primary) 10%, var(--bpr-white));
    font-weight: 600;
}

/* Baris per-bank dengan IsGroup=true dari GetListPengajuanBank (source JS legacy pakai
   background: gold literal) — dipakai warna token --bpr-gold yang sudah ada, bukan literal. */
.realisasi-table__group-row[b-i82sdgg2s7] {
    background: color-mix(in srgb, var(--bpr-gold) 12%, var(--bpr-white));
}

.realisasi-table tbody tr:not(.realisasi-table__total-row):not(.realisasi-table__group-row):nth-child(odd)[b-i82sdgg2s7] {
    background: #fffdf2;
}

.realisasi-table__message[b-i82sdgg2s7] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
}

.realisasi-table__message--error[b-i82sdgg2s7] {
    color: var(--bpr-danger);
}

.top-users-grid[b-i82sdgg2s7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
}

@media (max-width: 900px) {
    .top-users-grid[b-i82sdgg2s7] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Dashboard/RekapPengajuanSkPanel.razor.rz.scp.css */
.rekap-sk-panel__toolbar[b-hghdhdgmck] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

/* MudDatePicker dirender komponen pihak ketiga, butuh ::deep biar scope CSS isolation nembus ke
   root elemennya (Pitfall #4 CLAUDE.md) — sama pola dengan ChartPerolehanPanel.razor.css.
   Root elemen MudDatePicker (.mud-picker-inline) sendiri punya "flex:1 1 auto" bawaan MudBlazor —
   di ChartPerolehanPanel ini tidak masalah karena pembungkusnya (.bpr-filter) inline-flex
   (shrink-to-fit), tapi di sini picker langsung jadi child .rekap-sk-panel__toolbar yang
   display:flex biasa, jadi flex-grow:1 bawaan itu membuatnya melebar mengisi sisa baris. Override
   flex ke 0 0 auto supaya lebarnya balik sesuai min-width saja, sama seperti komponen lain. */
.rekap-sk-panel__toolbar[b-hghdhdgmck]  .rekap-sk-panel__month-picker {
    flex: 0 0 auto;
    min-width: 160px;
}

.bpr-tabs[b-hghdhdgmck] {
    margin-bottom: 16px;
}

.rekap-sk-panel__message[b-hghdhdgmck] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
    margin: 0;
}

.rekap-sk-panel__message--error[b-hghdhdgmck] {
    color: var(--bpr-danger);
}

/* Header tabel rekap khusus panel ini dibikin lebih pendek (nowrap + padding/font dikecilkan)
   supaya label kolom ("Antrian Slik Verif" dst.) tidak wrap jadi 3 baris tinggi. Background tetap
   hijau bawaan .bpr-table thead th (var(--bpr-primary)) — orange dipakai di filter Periode saja,
   bukan di header (dikonfirmasi user). Scoped ke panel ini saja (tidak override .bpr-table--rekap
   global) karena class itu dipakai bersama di halaman lain (RekapPengajuan, RiwayatPengajuanSk,
   dll.). */
.rekap-sk-panel__card .bpr-table--rekap thead th[b-hghdhdgmck] {
    white-space: nowrap;
    padding: 6px 8px;
    font-size: 11px;
    letter-spacing: 0;
}

.rekap-sk-panel__card .bpr-table--rekap tbody td[b-hghdhdgmck] {
    padding: 4px 8px;
    font-size: 12px;
}
/* /Features/Dashboard/StatusCardsPanel.razor.rz.scp.css */
.status-cards-panel__toolbar[b-yoti4p5or0] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.status-cards-panel__head[b-yoti4p5or0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 16px;
}

.status-cards-panel__tabs[b-yoti4p5or0] {
    margin-bottom: 0;
    border-bottom: none;
}

.status-cards-panel__icon-btn[b-yoti4p5or0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--bpr-secondary-text);
    cursor: pointer;
    flex-shrink: 0;
}

.status-cards-panel__icon-btn:hover[b-yoti4p5or0] {
    background: #f3f4f6;
    color: var(--bpr-primary-text);
}

.stat-grid[b-yoti4p5or0] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

/* Tab Express balik ke 3 kolom seperti layout awal (9 kartu = pas 3 baris x 3), beda dari tab
   SK yang tetap 4 kolom (15 kartu). */
.stat-grid--3col[b-yoti4p5or0] {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1300px) {
    .stat-grid[b-yoti4p5or0] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .stat-grid[b-yoti4p5or0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.status-cards-panel__loading[b-yoti4p5or0] {
    color: var(--bpr-secondary-text);
    padding: 24px 0;
    margin: 0;
    text-align: center;
}

.status-cards-panel__error[b-yoti4p5or0] {
    color: var(--bpr-danger);
    padding: 24px 0;
    margin: 0;
    text-align: center;
}
/* /Features/Dashboard/TopUsersTable.razor.rz.scp.css */
input[b-jphiounw9q] {
    width: 72px;
}

.top-users-table tbody tr:nth-child(even)[b-jphiounw9q] {
    background: #f8f9fb;
}

.top-users-table__total[b-jphiounw9q] {
    text-align: center;
    font-weight: 600;
}
/* /Features/Pembiayaan/DaftarAngsuranBank.razor.rz.scp.css */
.daftar-angsuran-bank__header[b-8mjd4mz65l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarAngsuranDebitur.razor.rz.scp.css */
.daftar-angsuran-debitur__header[b-8o7246czyp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarAngsuranDimuka.razor.rz.scp.css */
.daftar-angsuran-dimuka__header[b-owbgfyu3jx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatif.razor.rz.scp.css */
.daftar-nominatif__header[b-dihg0c5a6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifAdmp.razor.rz.scp.css */
.daftar-nominatif__header[b-kyqr0en02h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifAladin.razor.rz.scp.css */
.daftar-nominatif__header[b-qnyqqeczhn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifAll.razor.rz.scp.css */
.daftar-nominatif__header[b-1fsg8oqezf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifMartabe.razor.rz.scp.css */
.daftar-nominatif__header[b-4aguqlsjx8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifSadawira.razor.rz.scp.css */
.daftar-nominatif__header[b-2gqpmzitqn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarNominatifSk.razor.rz.scp.css */
.daftar-nominatif__header[b-f1x378z5l2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarOutstanding.razor.rz.scp.css */
.daftar-outstanding__header[b-aiels9qb8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarOutstandingSales.razor.rz.scp.css */
.daftar-outstanding-sales__header[b-7wcqsad7wj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pembiayaan/DaftarPelunasanDebitur.razor.rz.scp.css */
.daftar-pelunasan-debitur__header[b-3rv78k8ktf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pelunasan-debitur__view-btn[b-3rv78k8ktf] {
    padding: 6px 14px;
    font-size: 12px;
}
/* /Features/Pembiayaan/DaftarPemberkasan.razor.rz.scp.css */
.daftar-pemberkasan__download-btn[b-sebbg3gzne] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-success);
    color: var(--bpr-white);
    cursor: pointer;
}

.daftar-pemberkasan__download-btn:hover[b-sebbg3gzne] {
    background: color-mix(in srgb, var(--bpr-success) 85%, black);
}

.daftar-pemberkasan__action-btn[b-sebbg3gzne] {
    font-size: 12px;
    white-space: normal;
    line-height: 1.3;
}
/* /Features/Pembiayaan/DaftarPengajuanSi.razor.rz.scp.css */
.daftar-pengajuan-si__action-btn[b-tl5wn1kbvf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pembiayaan/DaftarPengajuanSiSisaGaji.razor.rz.scp.css */
.daftar-pengajuan-si__action-btn[b-7vrobtuvcr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pembiayaan/FlaggingMutasi/Normal.razor.rz.scp.css */
.flagging-normal__header[b-vlmjm9mon9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.flagging-normal__lihat-btn[b-vlmjm9mon9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12px;
    white-space: nowrap;
}

.flagging-normal__tag-input[b-vlmjm9mon9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 8px;
    min-height: 44px;
}

.flagging-normal__tag[b-vlmjm9mon9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: color-mix(in srgb, var(--bpr-primary) 10%, white);
    color: var(--bpr-primary);
    border-radius: 999px;
    padding: 4px 8px 4px 10px;
    font-size: 12px;
    font-weight: 500;
}

.flagging-normal__tag button[b-vlmjm9mon9] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
}
/* /Features/Pembiayaan/FlaggingMutasi/Priority.razor.rz.scp.css */
.flagging-priority__header[b-rtxeqfqhgw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.flagging-priority__lihat-btn[b-rtxeqfqhgw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    font-size: 12px;
    white-space: nowrap;
}

.flagging-priority__tag-input[b-rtxeqfqhgw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 8px;
    min-height: 44px;
}

.flagging-priority__tag[b-rtxeqfqhgw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: color-mix(in srgb, var(--bpr-primary) 10%, white);
    color: var(--bpr-primary);
    border-radius: 999px;
    padding: 4px 8px 4px 10px;
    font-size: 12px;
    font-weight: 500;
}

.flagging-priority__tag button[b-rtxeqfqhgw] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
}
/* /Features/Pembiayaan/FlaggingMutasi/TopUp.razor.rz.scp.css */
.topup__header[b-50t77i8krp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.topup__balance-card[b-50t77i8krp] {
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    border-radius: var(--bpr-radius-card);
    padding: 24px;
    margin-bottom: 24px;
    color: var(--bpr-white);
}

.topup__balance-label[b-50t77i8krp] {
    font-size: 13px;
    opacity: 0.85;
    margin-bottom: 8px;
}

.topup__balance-row[b-50t77i8krp] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topup__balance-amount[b-50t77i8krp] {
    font-size: 28px;
    font-weight: 700;
}

.topup__balance-toggle[b-50t77i8krp] {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    color: var(--bpr-white);
    cursor: pointer;
    opacity: 0.85;
}

.topup__balance-toggle:hover[b-50t77i8krp] {
    opacity: 1;
}

.topup__nominal-grid[b-50t77i8krp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.topup__nominal-chip[b-50t77i8krp] {
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-white);
    padding: 10px;
    font-size: 14px;
    font-family: inherit;
    color: var(--bpr-primary-text);
    cursor: pointer;
}

.topup__nominal-chip:hover[b-50t77i8krp] {
    border-color: var(--bpr-primary);
}

.topup__nominal-chip.is-selected[b-50t77i8krp] {
    border-color: var(--bpr-primary);
    border-width: 2px;
    color: var(--bpr-primary);
    font-weight: 600;
}
/* /Features/Pembiayaan/MonitoringKeuangan.razor.rz.scp.css */
.monitoring-keuangan__icon-btn[b-ew0w64cuw9] {
    padding: 8px;
}

.monitoring-keuangan__icon-btn--success[b-ew0w64cuw9] {
    background: var(--bpr-success);
}

.monitoring-keuangan__icon-btn--success:hover[b-ew0w64cuw9] {
    background: color-mix(in srgb, var(--bpr-success) 85%, black);
}

.monitoring-keuangan__tahap2[b-ew0w64cuw9] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
}
/* /Features/Pembiayaan/MonitoringPembiayaan.razor.rz.scp.css */
.monitoring-pembiayaan__header[b-bvp5qqwfhi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.monitoring-pembiayaan__berkas-btn[b-bvp5qqwfhi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pembiayaan/RiwayatPengajuanSi.razor.rz.scp.css */
/* Override .dash-header (app.css) di halaman ini — perlu title+tombol "Download" sejajar, sama
   pola dgn RekapPengajuan.razor.css/BuatPengajuan.razor.css (SK). */
.dash-header[b-9luauq4apt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
/* /Features/Pembiayaan/RiwayatPengajuanSiSk.razor.rz.scp.css */
/* Override .dash-header (app.css) di halaman ini — perlu title+tombol "Download" sejajar, sama
   pola dgn RekapPengajuan.razor.css/BuatPengajuan.razor.css (SK). */
.dash-header[b-dh0uiiqz6z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
/* /Features/Pengajuan/Aladin/DaftarPengajuanAladin.razor.rz.scp.css */
.daftar-pengajuan__header[b-e2k7dwtjks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan__header-actions[b-e2k7dwtjks] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan__aksi[b-e2k7dwtjks] {
    margin-top: 8px;
}

.daftar-pengajuan__detail-list[b-e2k7dwtjks] {
    max-width: 480px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-intro[b-e2k7dwtjks] {
    font-size: 13px;
    color: var(--bpr-secondary-text);
    margin: 8px 0 12px;
}

.daftar-pengajuan__disclaimer-list[b-e2k7dwtjks] {
    font-size: 13px;
    color: var(--bpr-primary-text);
    line-height: 1.6;
    padding-left: 20px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-list li[b-e2k7dwtjks] {
    margin-bottom: 10px;
}

.daftar-pengajuan__disclaimer-agree[b-e2k7dwtjks] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    cursor: pointer;
}

.daftar-pengajuan__disclaimer-footer[b-e2k7dwtjks] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
/* /Features/Pengajuan/Aladin/RiwayatPengajuanAladin.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-93qh2jb2cu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengajuan/AntrianSlik/RiwayatAntrianSlik.razor.rz.scp.css */
.riwayat-antrian-slik__lihat-selengkapnya[b-h0110k1f8s] {
    display: block;
    margin-top: 4px;
    padding: 0;
    border: none;
    background: none;
    color: var(--bpr-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

.riwayat-antrian-slik__lihat-selengkapnya:hover[b-h0110k1f8s] {
    color: var(--bpr-primary-hover);
}

.riwayat-antrian-slik__message-detail[b-h0110k1f8s] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
/* /Features/Pengajuan/CekTagihanPeserta.razor.rz.scp.css */
/* Style pola "cari lalu tampilkan detail" (search row, empty state, alert, detail list,
   section title) sudah dipromosikan ke app.css sebagai kelas bpr-* (dipakai bersama Cek Mutasi). */
/* /Features/Pengajuan/GenerateJadang/GenerateJadang.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-jiy2wckmjr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengajuan/Martabe/DaftarPengajuanMartabe.razor.rz.scp.css */
.daftar-pengajuan__header[b-cnxvs8ulcu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan__header-actions[b-cnxvs8ulcu] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan__aksi[b-cnxvs8ulcu] {
    margin-top: 8px;
}

.daftar-pengajuan__detail-list[b-cnxvs8ulcu] {
    max-width: 480px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-intro[b-cnxvs8ulcu] {
    font-size: 13px;
    color: var(--bpr-secondary-text);
    margin: 8px 0 12px;
}

.daftar-pengajuan__disclaimer-list[b-cnxvs8ulcu] {
    font-size: 13px;
    color: var(--bpr-primary-text);
    line-height: 1.6;
    padding-left: 20px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-list li[b-cnxvs8ulcu] {
    margin-bottom: 10px;
}

.daftar-pengajuan__disclaimer-agree[b-cnxvs8ulcu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    cursor: pointer;
}

.daftar-pengajuan__disclaimer-footer[b-cnxvs8ulcu] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
/* /Features/Pengajuan/Martabe/RiwayatPengajuanMartabe.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-0c21i51vqz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengajuan/PembatalanSk/RiwayatPembatalanSk.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-p00ck3t765] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengajuan/PengajuanByAsetSk/DaftarPengajuanByAsetSk.razor.rz.scp.css */
.daftar-pengajuan__header[b-6djvw058wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan__header-actions[b-6djvw058wo] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan__aksi[b-6djvw058wo] {
    margin-top: 8px;
}

.daftar-pengajuan__detail-list[b-6djvw058wo] {
    max-width: 480px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-intro[b-6djvw058wo] {
    font-size: 13px;
    color: var(--bpr-secondary-text);
    margin: 8px 0 12px;
}

.daftar-pengajuan__disclaimer-list[b-6djvw058wo] {
    font-size: 13px;
    color: var(--bpr-primary-text);
    line-height: 1.6;
    padding-left: 20px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-list li[b-6djvw058wo] {
    margin-bottom: 10px;
}

.daftar-pengajuan__disclaimer-agree[b-6djvw058wo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    cursor: pointer;
}

.daftar-pengajuan__disclaimer-footer[b-6djvw058wo] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
/* /Features/Pengajuan/PengajuanByAsetSk/DataPengajuanByAsetSk.razor.rz.scp.css */
.data-pengajuan__header[b-q4j4usfxet] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.data-pengajuan__jadwal-summary[b-q4j4usfxet] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 32px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.data-pengajuan__summary-row[b-q4j4usfxet] {
    display: flex;
    gap: 8px;
    font-size: 14px;
}

.data-pengajuan__summary-row span:first-child[b-q4j4usfxet] {
    width: 160px;
    flex-shrink: 0;
    font-weight: 600;
}

@media (max-width: 640px) {
    .data-pengajuan__jadwal-summary[b-q4j4usfxet] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Pengajuan/PengajuanByAsetSk/RiwayatPengajuanByAsetSk.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-2yduaaaari] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengajuan/PengajuanByAsetSk/SubmitPembiayaanByAsetSk.razor.rz.scp.css */
.submit-pembiayaan-by-aset-sk__komentar[b-y5xlx0ux59] {
    margin-bottom: 0;
}
/* /Features/Pengajuan/PengajuanByAset/BuatPengajuanByAset.razor.rz.scp.css */
.pengajuan-reguler-buat__input-with-btn[b-tbzboltbbk] {
    display: flex;
    gap: 8px;
}

.pengajuan-reguler-buat__input-with-btn input[b-tbzboltbbk] {
    flex: 1;
}

.pengajuan-reguler-buat__input-with-btn button[b-tbzboltbbk] {
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Features/Pengajuan/PengajuanByAset/DaftarPengajuanByAset.razor.rz.scp.css */
.daftar-pengajuan-reguler__header[b-ii01rj4epj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan-reguler__header-actions[b-ii01rj4epj] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan-reguler__disclaimer-intro[b-ii01rj4epj] {
    font-size: 13px;
    color: var(--bpr-secondary-text);
    margin: 8px 0 12px;
}

.daftar-pengajuan-reguler__disclaimer-list[b-ii01rj4epj] {
    font-size: 13px;
    color: var(--bpr-primary-text);
    line-height: 1.6;
    padding-left: 20px;
    margin: 0;
}

.daftar-pengajuan-reguler__disclaimer-list li[b-ii01rj4epj] {
    margin-bottom: 10px;
}

.daftar-pengajuan-reguler__disclaimer-agree[b-ii01rj4epj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    cursor: pointer;
}

.daftar-pengajuan-reguler__disclaimer-footer[b-ii01rj4epj] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
/* /Features/Pengajuan/PengajuanByAset/DataPengajuanByAset.razor.rz.scp.css */
.data-pengajuan-reguler__header[b-0k2ulcxzus] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
/* /Features/Pengajuan/PengajuanByAset/SubmitPembiayaanByAset.razor.rz.scp.css */
.submit-pembiayaan-by-aset__komentar[b-h5o7zhxqgq] {
    margin-bottom: 0;
}
/* /Features/Pengajuan/PengajuanReguler/BuatPengajuan.razor.rz.scp.css */
/* Ikon pop up "Data Terblokir" & "Konfirmasi Jadwal Pengajuan" (lingkaran/segitiga-"!" oranye) dan
   "Nasabah Meninggal Dunia" (sama warna, replikasi ikon SweetAlert2 'warning'). LucideIcon adalah
   child component jadi butuh ::deep buat menjangkau elemen <svg>-nya. Sebelumnya kelas2 ini dipakai
   di markup tapi TIDAK PERNAH di-styling di sini (cuma ada versi SK-nya, scoped CSS tidak lintas
   komponen) — ikon selama ini tampil tanpa warna sama sekali. */
[b-4wut42n50p] .bpr-blocked-modal__icon,
[b-4wut42n50p] .bpr-cutoff-modal__icon {
    color: var(--bpr-warning);
}

/* Ikon lingkaran-X merah di pop up DSR. */
[b-4wut42n50p] .bpr-dsr-modal__icon {
    color: var(--bpr-danger);
}

/* Border merah di inputan itu sendiri kalau lolos GetMissingRequiredFields (bukan cuma asterisk
   merah di label) — sama alasan/gap seperti icon di atas, sebelumnya cuma ada versi SK-nya. */
.bpr-form-field input.bpr-input-error[b-4wut42n50p],
.bpr-form-field select.bpr-input-error[b-4wut42n50p],
.bpr-form-field textarea.bpr-input-error[b-4wut42n50p] {
    border-color: var(--bpr-danger) !important;
}

/* Tombol Batal/Lanjutkan di pop up Blocked/Meninggal Dunia/Cutoff/DSR — dipusatkan (permintaan
   user), bukan default rata-kiri Modal.razor (footer-wrap tidak punya styling flex/align sama
   sekali di komponennya sendiri). Semua Modal di halaman ini (4 pop up konfirmasi) memang
   dimaksudkan tombolnya di tengah, jadi aman ditarget lewat kelas shared Modal.razor scoped ke
   halaman ini saja (::deep), tidak menyentuh Modal.razor.css global. */
[b-4wut42n50p] .bpr-modal__footer-wrap {
    display: flex;
    justify-content: center;
    gap: 12px;
}

/* Tab "Informasi"/"Angsuran" (Data Pengajuan) — replikasi layout _HasilPerhitungan.cshtml (tabel
   label:value polos 2 kolom berdampingan), BUKAN AnalisaPerhitunganCard yang didesain utk
   BuatPengajuan SK dgn field jauh lebih banyak. table-layout:fixed + lebar per kolom eksplisit
   (bukan cuma :first-child) supaya kolom ":" kanan/kiri sama-sama rapat ke labelnya — sebelumnya
   cuma kolom PERTAMA yang dikasih lebar, kolom label KANAN (nth-child 4) dibiarkan auto-size jadi
   ":" nya melompat jauh dari labelnya sendiri. */
.simulasi-info__heading[b-4wut42n50p] {
    text-align: center;
    margin: 4px 0 14px;
    font-size: 16px;
}

.simulasi-info__pair-table[b-4wut42n50p],
.simulasi-info__biaya-table[b-4wut42n50p],
.simulasi-info__rate-table[b-4wut42n50p] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.simulasi-info__pair-table td[b-4wut42n50p],
.simulasi-info__biaya-table td[b-4wut42n50p],
.simulasi-info__rate-table td[b-4wut42n50p] {
    padding: 5px 6px 5px 0;
    font-size: 14px;
    line-height: 1.4;
    vertical-align: top;
    overflow-wrap: break-word;
}

/* Tabel 6 kolom (info atas): label-kiri | ":" | value-kiri | label-kanan | ":" | value-kanan. */
.simulasi-info__pair-table td:nth-child(1)[b-4wut42n50p],
.simulasi-info__pair-table td:nth-child(4)[b-4wut42n50p] {
    width: 19%;
    color: var(--bpr-primary-text);
    font-weight: 500;
    white-space: nowrap;
}

.simulasi-info__pair-table td:nth-child(2)[b-4wut42n50p],
.simulasi-info__pair-table td:nth-child(5)[b-4wut42n50p] {
    width: 10px;
    padding-right: 0;
}

.simulasi-info__pair-table td:nth-child(3)[b-4wut42n50p],
.simulasi-info__pair-table td:nth-child(6)[b-4wut42n50p] {
    width: 31%;
}

/* Tabel 3 kolom (biaya & collfee) — label lebih lebar karena berdampingan dgn kolom lain lewat
   CSS grid (.simulasi-info__biaya), bukan ikut lebar tabel 6-kolom di atas. */
.simulasi-info__biaya-table td:first-child[b-4wut42n50p] {
    width: 62%;
    color: var(--bpr-primary-text);
}

.simulasi-info__biaya-table td:nth-child(2)[b-4wut42n50p] {
    width: 10px;
    padding-right: 0;
}

.simulasi-info__biaya[b-4wut42n50p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
    margin-top: 4px;
}

.simulasi-info__total-row td[b-4wut42n50p] {
    border-top: 1px solid var(--bpr-primary-text);
    border-bottom: 1px solid var(--bpr-primary-text);
    padding-top: 7px;
    padding-bottom: 7px;
}

.simulasi-info__bold-row td[b-4wut42n50p] {
    font-weight: 700;
}

.simulasi-info__collfee[b-4wut42n50p] {
    padding-top: 4px;
}

.simulasi-info__collfee p[b-4wut42n50p] {
    font-size: 13px;
    line-height: 1.5;
    margin: 12px 0 0;
}

/* Tabel Plafon/Tenor (tab Angsuran) — 4 kolom, label + 3 nilai (bukan pasangan label:value seperti
   tabel info di atas, jadi lebar berbeda). */
.simulasi-info__rate-table td:first-child[b-4wut42n50p] {
    width: 14%;
    font-weight: 600;
}

.simulasi-info__rate-table td:not(:first-child)[b-4wut42n50p] {
    width: 28.66%;
}

.simulasi-info__angsuran-header[b-4wut42n50p] {
    background: var(--bpr-primary);
    color: var(--bpr-white);
    text-align: center;
    font-weight: 600;
    padding: 10px;
    border-radius: var(--bpr-radius-card);
}
/* /Features/Pengajuan/PengajuanReguler/DaftarPengajuan.razor.rz.scp.css */
.daftar-pengajuan-reguler__header[b-8hjr4jaq3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan-reguler__header-actions[b-8hjr4jaq3i] {
    display: flex;
    gap: 12px;
}

/* Modal "Pengajuan Approval" 2-kolom — duplikasi dari ApprovalModal.razor.css (SK) krn Blazor CSS
   isolation men-scope class per komponen, tidak bisa dipakai lintas file walau nama classnya sama.
   Dibuka full-viewport spt SK (atas permintaan user: format harus sama). */
[b-8hjr4jaq3i] .bpr-modal-backdrop:has(.approval-modal) {
    padding: 0;
}

[b-8hjr4jaq3i] .bpr-modal.approval-modal {
    border-radius: 0;
}

.approval-modal__tabs-row[b-8hjr4jaq3i] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 24px;
    align-items: end;
    position: sticky;
    top: -24px;
    z-index: 5;
    background: var(--bpr-white);
    margin: -24px -24px 16px;
    padding: 24px 24px 12px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.12);
}

.approval-modal__layout[b-8hjr4jaq3i] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 24px;
    align-items: start;
}

.approval-modal__left[b-8hjr4jaq3i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.approval-modal__right[b-8hjr4jaq3i] {
    position: sticky;
    top: 0;
}

.approval-modal__loading[b-8hjr4jaq3i] {
    text-align: center;
    padding: 24px 0;
}

.approval-modal__doc-tabs[b-8hjr4jaq3i] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    border-bottom: 1px solid #eee;
}

.approval-modal__doc-tab[b-8hjr4jaq3i] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    padding: 4px 2px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--bpr-secondary-text);
    cursor: pointer;
    white-space: nowrap;
}

.approval-modal__doc-tab.is-active[b-8hjr4jaq3i] {
    color: var(--bpr-primary);
    border-bottom-color: var(--bpr-primary);
    font-weight: 600;
}

.approval-modal__doc-preview[b-8hjr4jaq3i] {
    display: block;
    width: 100%;
    height: 650px;
    margin-top: 16px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
}

.approval-modal__preview[b-8hjr4jaq3i] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
    margin-top: 16px;
    border-radius: var(--bpr-radius-card);
    background: #eef0f7;
    color: var(--bpr-secondary-text);
    font-size: 13px;
    text-align: center;
}

@media (max-width: 900px) {
    .approval-modal__tabs-row[b-8hjr4jaq3i],
    .approval-modal__layout[b-8hjr4jaq3i] {
        grid-template-columns: 1fr;
    }

    .approval-modal__right[b-8hjr4jaq3i] {
        position: static;
    }
}
/* /Features/Pengajuan/PengajuanSk/BuatPengajuan.razor.rz.scp.css */
/* Override .dash-header (app.css) di halaman ini — perlu title+tombol "Download Data" sejajar
   (referensi DataPengajuan.razor/.razor.css .data-pengajuan__header) pas IsSimulasiOpen; tanpa
   tombol (view form biasa) tetap left-align normal karena cuma 1 child. */
.dash-header[b-54za4opcug] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.pengajuan-pelunasan[b-54za4opcug] {
    margin-top: 16px;
}

/* Ikon lingkaran-X merah di pop up DSR (permintaan user, referensi gambar). LucideIcon adalah
   child component jadi butuh ::deep buat menjangkau elemen <svg>-nya. */
[b-54za4opcug] .bpr-dsr-modal__icon {
    color: var(--bpr-danger);
}

/* Ikon lingkaran-"!" oranye di pop up "Data Terblokir" — replikasi ikon SweetAlert2 'warning'. */
[b-54za4opcug] .bpr-blocked-modal__icon {
    color: var(--bpr-warning);
}

/* Ikon segitiga-"!" oranye di pop up konfirmasi jadwal pengajuan — replikasi ikon SweetAlert2
   'warning' (Swal.fire icon: 'warning'), sama seperti PengajuanReguler/BuatPengajuan.razor.css. */
[b-54za4opcug] .bpr-cutoff-modal__icon {
    color: var(--bpr-warning);
}

/* Border merah di inputan itu sendiri kalau lolos GetMissingRequiredFields (bukan cuma asterisk
   merah di label) — permintaan user biar lebih jelas field mana yang masih kosong. Cuma buat
   input/select/textarea HTML polos; SearchableSelect/DateInputField (child component) pakai
   parameter Error="..." bawaan MudBlazor sendiri (lihat markup), bukan kelas ini. */
.bpr-form-field input.bpr-input-error[b-54za4opcug],
.bpr-form-field select.bpr-input-error[b-54za4opcug],
.bpr-form-field textarea.bpr-input-error[b-54za4opcug] {
    border-color: var(--bpr-danger) !important;
}

/* Input teks polos di dalam <td> (Pelunasan Ke, Nama Mitra/Keterangan/Pelunasan Flat manual) TIDAK
   kena styling ".bpr-form-field input" (app.css) karena tidak dibungkus ".bpr-form-field" — hasilnya
   tidak kelihatan ada border/kotak input sama sekali (nyaris nyatu ke background tabel). */
.pengajuan-pelunasan td input[type="text"][b-54za4opcug] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 8px 10px;
    font-size: 13px;
    font-family: inherit;
    color: var(--bpr-primary-text);
    background: var(--bpr-white);
}

.pengajuan-pelunasan td input[type="text"]:focus[b-54za4opcug] {
    outline: none;
    border-color: var(--bpr-primary);
}

.pengajuan-pelunasan__title[b-54za4opcug] {
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 8px;
}

.bpr-icon-btn[b-54za4opcug] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--bpr-danger);
    cursor: pointer;
    padding: 4px;
}

.pengajuan-submit__section-title[b-54za4opcug] {
    margin: 20px 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--bpr-primary);
}

/* Keterangan umur di bawah Tanggal Lahir — replikasi <i id="tglLahir-desc"> Create.cshtml (legacy
   MVC), yang tampil sbg teks italic polos di bawah input, bukan kotak readonly ala
   .bpr-form-field__readonly. */
.bpr-form-field__hint[b-54za4opcug] {
    margin-top: 6px;
    font-size: 13px;
    font-style: italic;
    color: var(--bpr-primary-text);
}
/* /Features/Pengajuan/PengajuanSk/DaftarPengajuanSk.razor.rz.scp.css */
.daftar-pengajuan__header[b-6cy6hbglk0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan__header-actions[b-6cy6hbglk0] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan__aksi[b-6cy6hbglk0] {
    margin-top: 8px;
}

.daftar-pengajuan__aksi-dialihkan[b-6cy6hbglk0] {
    display: inline-block;
    font-size: 13px;
    font-style: italic;
    color: var(--bpr-secondary-text);
}

.daftar-pengajuan__detail-list[b-6cy6hbglk0] {
    max-width: 480px;
    margin: 0;
}

/* /Features/Pengajuan/PengajuanSk/DataPengajuan.razor.rz.scp.css */
.data-pengajuan__header[b-xm3f0b77lx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.data-pengajuan__jadwal-summary[b-xm3f0b77lx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 32px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.data-pengajuan__summary-row[b-xm3f0b77lx] {
    display: flex;
    gap: 8px;
    font-size: 14px;
}

.data-pengajuan__summary-row span:first-child[b-xm3f0b77lx] {
    width: 160px;
    flex-shrink: 0;
    font-weight: 600;
}

@media (max-width: 640px) {
    .data-pengajuan__jadwal-summary[b-xm3f0b77lx] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Pengajuan/PengajuanSk/RiwayatPengajuanSk.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-longoo41f0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}

.riwayat-pengajuan-sk__lihat-selengkapnya[b-longoo41f0] {
    display: block;
    margin-top: 4px;
    padding: 0;
    border: none;
    background: none;
    color: var(--bpr-primary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
}

.riwayat-pengajuan-sk__lihat-selengkapnya:hover[b-longoo41f0] {
    color: var(--bpr-primary-hover);
}

.riwayat-pengajuan-sk__message-detail[b-longoo41f0] {
    margin: 0;
    white-space: pre-wrap;
    line-height: 1.6;
}
/* /Features/Pengajuan/PengajuanSk/SubmitPembiayaan.razor.rz.scp.css */
.submit-pembiayaan__komentar[b-tze8tb0cor] {
    margin-bottom: 0;
}
/* /Features/Pengajuan/Sadawira/DaftarPengajuanSadawira.razor.rz.scp.css */
.daftar-pengajuan__header[b-2wkpdcmdbc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-pengajuan__header-actions[b-2wkpdcmdbc] {
    display: flex;
    gap: 12px;
}

.daftar-pengajuan__aksi[b-2wkpdcmdbc] {
    margin-top: 8px;
}

.daftar-pengajuan__detail-list[b-2wkpdcmdbc] {
    max-width: 480px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-intro[b-2wkpdcmdbc] {
    font-size: 13px;
    color: var(--bpr-secondary-text);
    margin: 8px 0 12px;
}

.daftar-pengajuan__disclaimer-list[b-2wkpdcmdbc] {
    font-size: 13px;
    color: var(--bpr-primary-text);
    line-height: 1.6;
    padding-left: 20px;
    margin: 0;
}

.daftar-pengajuan__disclaimer-list li[b-2wkpdcmdbc] {
    margin-bottom: 10px;
}

.daftar-pengajuan__disclaimer-agree[b-2wkpdcmdbc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 13px;
    cursor: pointer;
}

.daftar-pengajuan__disclaimer-footer[b-2wkpdcmdbc] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
/* /Features/Pengajuan/Sadawira/RiwayatPengajuanSadawira.razor.rz.scp.css */
.riwayat-pengajuan-sk__action-btn[b-2e8kxy0oqt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Pengaturan/ManagementPengajuanExpress.razor.rz.scp.css */
.management-pengajuan-express__success-banner[b-0c5ms71nl1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-success);
    color: var(--bpr-white);
    font-size: 14px;
}

.management-pengajuan-express__success-banner button[b-0c5ms71nl1] {
    border: none;
    background: transparent;
    color: var(--bpr-white);
    cursor: pointer;
    display: inline-flex;
}

.management-pengajuan-express__table tbody td[b-0c5ms71nl1] {
    height: 60px;
}

.management-pengajuan-express__aksi-cell[b-0c5ms71nl1] {
    display: flex;
    gap: 6px;
}

.management-pengajuan-express__icon-btn[b-0c5ms71nl1] {
    padding: 8px;
}

.management-pengajuan-express__icon-btn--info[b-0c5ms71nl1] {
    padding: 8px;
    background: #17a2b8;
}

.management-pengajuan-express__icon-btn--info:hover[b-0c5ms71nl1] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}

.management-pengajuan-express__icon-btn--success[b-0c5ms71nl1] {
    background: var(--bpr-success);
}

.management-pengajuan-express__icon-btn--success:hover[b-0c5ms71nl1] {
    background: color-mix(in srgb, var(--bpr-success) 85%, black);
}

.management-pengajuan-express__history-table td[b-0c5ms71nl1] {
    white-space: normal;
    vertical-align: top;
}

.management-pengajuan-express__history-footer[b-0c5ms71nl1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

.management-pengajuan-express__outline-btn[b-0c5ms71nl1] {
    border-radius: var(--bpr-radius-card);
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    background: var(--bpr-white);
    cursor: pointer;
}

.management-pengajuan-express__outline-btn--info[b-0c5ms71nl1] {
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.management-pengajuan-express__outline-btn--info:hover[b-0c5ms71nl1] {
    background: color-mix(in srgb, #17a2b8 10%, white);
}

.management-pengajuan-express__outline-btn--danger[b-0c5ms71nl1] {
    border: 1px solid var(--bpr-danger);
    color: var(--bpr-danger);
}

.management-pengajuan-express__outline-btn--danger:hover[b-0c5ms71nl1] {
    background: color-mix(in srgb, var(--bpr-danger) 10%, white);
}

.management-pengajuan-express__btn-neutral[b-0c5ms71nl1] {
    background: #6b7280;
}

.management-pengajuan-express__btn-neutral:hover[b-0c5ms71nl1] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.management-pengajuan-express__confirm-icon[b-0c5ms71nl1] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bpr-warning);
    margin-bottom: 12px;
}

.management-pengajuan-express__confirm-title[b-0c5ms71nl1] {
    text-align: center;
    margin: 0 0 8px;
}

.management-pengajuan-express__confirm-text[b-0c5ms71nl1] {
    text-align: center;
    color: var(--bpr-secondary-text);
    margin: 0 0 20px;
}

.management-pengajuan-express__placeholder[b-0c5ms71nl1] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 40px 0;
    margin: 0;
}
/* /Features/Pengaturan/ManagementPengajuanSi.razor.rz.scp.css */
.management-pengajuan-si__table tbody td[b-eat3axwudn],
.management-pengajuan-si__detail-table tbody td[b-eat3axwudn] {
    height: 60px;
}

.management-pengajuan-si__aksi-cell[b-eat3axwudn] {
    display: flex;
    gap: 6px;
}

.management-pengajuan-si__icon-btn[b-eat3axwudn] {
    padding: 8px;
}

.management-pengajuan-si__icon-btn--info[b-eat3axwudn] {
    padding: 8px;
    background: #17a2b8;
}

.management-pengajuan-si__icon-btn--info:hover[b-eat3axwudn] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}

.management-pengajuan-si__btn-neutral[b-eat3axwudn] {
    background: #6b7280;
}

.management-pengajuan-si__btn-neutral:hover[b-eat3axwudn] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.management-pengajuan-si__confirm-icon[b-eat3axwudn] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bpr-warning);
    margin-bottom: 12px;
}

.management-pengajuan-si__confirm-title[b-eat3axwudn] {
    text-align: center;
    margin: 0 0 8px;
}

.management-pengajuan-si__confirm-text[b-eat3axwudn] {
    text-align: center;
    color: var(--bpr-secondary-text);
    margin: 0 0 20px;
}
/* /Features/Pengaturan/ManagementPengajuanSk.razor.rz.scp.css */
.management-pengajuan-sk__success-banner[b-9w9ca9cibo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-success);
    color: var(--bpr-white);
    font-size: 14px;
}

.management-pengajuan-sk__success-banner button[b-9w9ca9cibo] {
    border: none;
    background: transparent;
    color: var(--bpr-white);
    cursor: pointer;
    display: inline-flex;
}

.management-pengajuan-sk__table tbody td[b-9w9ca9cibo] {
    height: 60px;
}

.management-pengajuan-sk__aksi-cell[b-9w9ca9cibo] {
    display: flex;
    gap: 6px;
}

.management-pengajuan-sk__icon-btn[b-9w9ca9cibo] {
    padding: 8px;
}

.management-pengajuan-sk__icon-btn--info[b-9w9ca9cibo] {
    padding: 8px;
    background: #17a2b8;
}

.management-pengajuan-sk__icon-btn--info:hover[b-9w9ca9cibo] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}

.management-pengajuan-sk__icon-btn--success[b-9w9ca9cibo] {
    background: var(--bpr-success);
}

.management-pengajuan-sk__icon-btn--success:hover[b-9w9ca9cibo] {
    background: color-mix(in srgb, var(--bpr-success) 85%, black);
}

.management-pengajuan-sk__history-table td[b-9w9ca9cibo] {
    white-space: normal;
    vertical-align: top;
}

.management-pengajuan-sk__history-footer[b-9w9ca9cibo] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

.management-pengajuan-sk__outline-btn[b-9w9ca9cibo] {
    border-radius: var(--bpr-radius-card);
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    background: var(--bpr-white);
    cursor: pointer;
}

.management-pengajuan-sk__outline-btn--info[b-9w9ca9cibo] {
    border: 1px solid #17a2b8;
    color: #17a2b8;
}

.management-pengajuan-sk__outline-btn--info:hover[b-9w9ca9cibo] {
    background: color-mix(in srgb, #17a2b8 10%, white);
}

.management-pengajuan-sk__outline-btn--danger[b-9w9ca9cibo] {
    border: 1px solid var(--bpr-danger);
    color: var(--bpr-danger);
}

.management-pengajuan-sk__outline-btn--danger:hover[b-9w9ca9cibo] {
    background: color-mix(in srgb, var(--bpr-danger) 10%, white);
}

.management-pengajuan-sk__btn-neutral[b-9w9ca9cibo] {
    background: #6b7280;
}

.management-pengajuan-sk__btn-neutral:hover[b-9w9ca9cibo] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.management-pengajuan-sk__confirm-icon[b-9w9ca9cibo] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bpr-warning);
    margin-bottom: 12px;
}

.management-pengajuan-sk__confirm-title[b-9w9ca9cibo] {
    text-align: center;
    margin: 0 0 8px;
}

.management-pengajuan-sk__confirm-text[b-9w9ca9cibo] {
    text-align: center;
    color: var(--bpr-secondary-text);
    margin: 0 0 20px;
}
/* /Features/Pengaturan/SettingActiveSumberDana.razor.rz.scp.css */
.setting-active-sumdan__tabs[b-1c9mqtczp3] {
    display: inline-flex;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    overflow: hidden;
    margin-bottom: 16px;
}

.setting-active-sumdan__tab[b-1c9mqtczp3] {
    border: none;
    border-right: 1px solid #e5e7eb;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
}

.setting-active-sumdan__tab:last-child[b-1c9mqtczp3] {
    border-right: none;
}

.setting-active-sumdan__tab.is-active[b-1c9mqtczp3] {
    background: var(--bpr-primary);
    color: var(--bpr-white);
}

.setting-active-sumdan__table tbody td[b-1c9mqtczp3],
.setting-active-sumdan__sub-table tbody td[b-1c9mqtczp3] {
    height: 56px;
}

.setting-active-sumdan__btn-neutral[b-1c9mqtczp3] {
    background: #6b7280;
}

.setting-active-sumdan__btn-neutral:hover[b-1c9mqtczp3] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

/* Tombol Aksi (Sumber Dana/Setting) — user minta biru secara eksplisit, beda dengan konvensi
   default app ini (var(--bpr-primary) hijau) yang dipakai di tombol lain. */
.setting-active-sumdan__btn-action[b-1c9mqtczp3] {
    background: #2563eb;
}

.setting-active-sumdan__btn-action:hover[b-1c9mqtczp3] {
    background: color-mix(in srgb, #2563eb 85%, black);
}

.setting-active-sumdan__tambah-row[b-1c9mqtczp3] {
    display: flex;
    gap: 12px;
}

.setting-active-sumdan__tambah-row select[b-1c9mqtczp3] {
    flex: 1 1 auto;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 10px 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--bpr-primary-text);
    background: var(--bpr-white);
}

.setting-active-sumdan__sub-checkboxes[b-1c9mqtczp3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.setting-active-sumdan__close-footer[b-1c9mqtczp3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.setting-active-sumdan__setting-checkbox[b-1c9mqtczp3] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
}

.setting-active-sumdan__setting-checkbox:last-child[b-1c9mqtczp3] {
    border-bottom: none;
}

.setting-active-sumdan__setting-checkbox input[b-1c9mqtczp3] {
    margin-top: 3px;
}

.setting-active-sumdan__setting-checkbox span[b-1c9mqtczp3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.setting-active-sumdan__setting-checkbox small[b-1c9mqtczp3] {
    color: var(--bpr-secondary-text);
    font-size: 12px;
}
/* /Features/Pengaturan/SettingBiayaSumberDana.razor.rz.scp.css */
.setting-biaya-sumber-dana__search-field[b-kwhhibog4x] {
    margin-bottom: 16px;
}

.setting-biaya-sumber-dana__search-field label[b-kwhhibog4x] {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 8px;
}

.setting-biaya-sumber-dana__search-row[b-kwhhibog4x] {
    display: flex;
    gap: 12px;
    max-width: 480px;
}

.setting-biaya-sumber-dana__search-row input[b-kwhhibog4x] {
    flex: 1 1 auto;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    padding: 10px 14px;
    font-size: 14px;
    font-family: inherit;
    color: var(--bpr-primary-text);
    background: var(--bpr-white);
}

.setting-biaya-sumber-dana__cari-btn[b-kwhhibog4x] {
    background: #17a2b8;
}

.setting-biaya-sumber-dana__cari-btn:hover[b-kwhhibog4x] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}

.setting-biaya-sumber-dana__edit-btn[b-kwhhibog4x] {
    background: #17a2b8;
    padding: 8px;
}

.setting-biaya-sumber-dana__edit-btn:hover[b-kwhhibog4x] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}
/* /Features/Pengaturan/SettingDefaultSumberDana.razor.rz.scp.css */
.setting-default-sumber-dana__table tbody td[b-6n2cown8rw] {
    height: 56px;
}
/* /Features/Pengaturan/SettingInjectPotFlagging.razor.rz.scp.css */
.setting-inject-pot-flagging__panel[b-a93apm7zp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
}

.setting-inject-pot-flagging__form[b-a93apm7zp4] {
    width: 100%;
    max-width: 420px;
}

.setting-inject-pot-flagging__row[b-a93apm7zp4] {
    display: flex;
    gap: 12px;
}

.setting-inject-pot-flagging__row input[b-a93apm7zp4] {
    flex: 1 1 auto;
}
/* /Features/Pengaturan/SettingInjectPotPusat.razor.rz.scp.css */
.setting-inject-pot-pusat__header[b-lejs9zlk5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.setting-inject-pot-pusat__table tbody td[b-lejs9zlk5g] {
    height: 64px;
}

.setting-inject-pot-pusat__btn-neutral[b-lejs9zlk5g] {
    background: #6b7280;
}

.setting-inject-pot-pusat__btn-neutral:hover[b-lejs9zlk5g] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.setting-inject-pot-pusat__form-footer[b-lejs9zlk5g] {
    margin-top: 20px;
}

.setting-inject-pot-pusat__delete-confirm-text[b-lejs9zlk5g] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/Agen.razor.rz.scp.css */
.agen__header[b-fobsy6z4wu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.agen__table tbody td[b-fobsy6z4wu] {
    height: 64px;
}

.agen__btn-neutral[b-fobsy6z4wu] {
    background: #6b7280;
}

.agen__btn-neutral:hover[b-fobsy6z4wu] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.agen__form-footer[b-fobsy6z4wu] {
    margin-top: 20px;
}

.agen__delete-confirm-text[b-fobsy6z4wu] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/Ao.razor.rz.scp.css */
.ao__header[b-vos3wb1ucp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.ao__table tbody td[b-vos3wb1ucp] {
    height: 64px;
}

.ao__btn-neutral[b-vos3wb1ucp] {
    background: #6b7280;
}

.ao__btn-neutral:hover[b-vos3wb1ucp] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.ao__form-footer[b-vos3wb1ucp] {
    margin-top: 20px;
}

.ao__delete-confirm-text[b-vos3wb1ucp] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/GroupSumberDana.razor.rz.scp.css */
.group-sumber-dana__header[b-d7zt660tib] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.group-sumber-dana__table tbody td[b-d7zt660tib] {
    height: 64px;
}

.group-sumber-dana__btn-neutral[b-d7zt660tib] {
    background: #6b7280;
}

.group-sumber-dana__btn-neutral:hover[b-d7zt660tib] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.group-sumber-dana__form-footer[b-d7zt660tib] {
    margin-top: 20px;
}

.group-sumber-dana__delete-confirm-text[b-d7zt660tib] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/Kap.razor.rz.scp.css */
.kap__header[b-u09eu3yupm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.kap__table tbody td[b-u09eu3yupm] {
    height: 64px;
}

.kap__btn-neutral[b-u09eu3yupm] {
    background: #6b7280;
}

.kap__btn-neutral:hover[b-u09eu3yupm] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.kap__form-footer[b-u09eu3yupm] {
    margin-top: 20px;
}

.kap__delete-confirm-text[b-u09eu3yupm] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/Kup.razor.rz.scp.css */
.kup__header[b-40amhytup2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.kup__table tbody td[b-40amhytup2] {
    height: 64px;
}

.kup__btn-neutral[b-40amhytup2] {
    background: #6b7280;
}

.kup__btn-neutral:hover[b-40amhytup2] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.kup__form-footer[b-40amhytup2] {
    margin-top: 20px;
}

.kup__delete-confirm-text[b-40amhytup2] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/ListPesertaSksup.razor.rz.scp.css */
.peserta-sksup__header[b-2ebl4t3cbm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.peserta-sksup__range-field[b-2ebl4t3cbm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
}
/* /Features/Pengguna/ListPesertaTaspen.razor.rz.scp.css */
.peserta-taspen__header[b-0fojgmh6vb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.peserta-taspen__range-field[b-0fojgmh6vb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
}
/* /Features/Pengguna/Produk.razor.rz.scp.css */
.produk__header[b-i16bdy7j1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.produk__table tbody td[b-i16bdy7j1c] {
    height: 64px;
}

.produk__btn-neutral[b-i16bdy7j1c] {
    background: #6b7280;
}

.produk__btn-neutral:hover[b-i16bdy7j1c] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.produk__form-footer[b-i16bdy7j1c] {
    margin-top: 20px;
}

.produk__delete-confirm-text[b-i16bdy7j1c] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/Roles.razor.rz.scp.css */
.roles__header[b-biv3jlq4yu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.roles__table tbody td[b-biv3jlq4yu] {
    height: 64px;
}

.roles__btn-neutral[b-biv3jlq4yu] {
    background: #6b7280;
}

.roles__btn-neutral:hover[b-biv3jlq4yu] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.roles-modal__permissions-grid[b-biv3jlq4yu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 20px;
    margin-top: 8px;
}

.roles__delete-confirm-text[b-biv3jlq4yu] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/Pengguna/UnlockAssignmentUser.razor.rz.scp.css */
.unlock-assignment-user__table tbody td[b-bm27wnaizs] {
    height: 64px;
}

.unlock-assignment-user__confirm-icon[b-bm27wnaizs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bpr-primary) 12%, white);
    color: var(--bpr-primary);
}

.unlock-assignment-user__confirm-title[b-bm27wnaizs] {
    text-align: center;
    margin: 0 0 8px;
}

.unlock-assignment-user__confirm-text[b-bm27wnaizs] {
    text-align: center;
    color: var(--bpr-secondary-text);
    margin: 0 0 20px;
}
/* /Features/Pengguna/Users.razor.rz.scp.css */
.users__header[b-mm9cocs1ql] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

/* Baris bpr-table--compact standar (40px) terlalu mepet untuk kolom Aksi yang isinya tombol —
   dinaikkan khusus di halaman ini saja (bukan ubah default compact global yang dipakai puluhan
   halaman lain, kebanyakan isinya teks polos yang pas di 40px). */
.users__table tbody td[b-mm9cocs1ql] {
    height: 64px;
}

.users__btn-neutral[b-mm9cocs1ql] {
    background: #6b7280;
}

.users__btn-neutral:hover[b-mm9cocs1ql] {
    background: color-mix(in srgb, #6b7280 85%, black);
}

.users-modal__tabs[b-mm9cocs1ql] {
    display: inline-flex;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    overflow: hidden;
    margin-bottom: 20px;
}

.users-modal__tab[b-mm9cocs1ql] {
    border: none;
    border-right: 1px solid #e5e7eb;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
}

.users-modal__tab:last-child[b-mm9cocs1ql] {
    border-right: none;
}

.users-modal__tab.is-active[b-mm9cocs1ql] {
    background: var(--bpr-primary);
    color: var(--bpr-white);
}

.users-modal__checkbox-row[b-mm9cocs1ql] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 20px;
}

.users-modal__roles-grid[b-mm9cocs1ql] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 20px;
    margin-top: 8px;
}

.users__reset-password-footer[b-mm9cocs1ql] {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.users__delete-confirm-text[b-mm9cocs1ql] {
    margin: 0 0 20px;
    color: var(--bpr-primary-text);
}
/* /Features/RekapPengajuan/RekapPengajuan.razor.rz.scp.css */
.rekap-pengajuan--fullscreen[b-mkrox75m84] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: var(--bpr-white);
    overflow-y: auto;
    padding: 24px;
}

.rekap-pengajuan__header[b-mkrox75m84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rekap-pengajuan__fullscreen-btn[b-mkrox75m84] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: var(--bpr-white);
    color: var(--bpr-secondary-text);
    cursor: pointer;
}

.rekap-pengajuan__fullscreen-btn:hover[b-mkrox75m84] {
    background: #f3f4f6;
    color: var(--bpr-primary-text);
}

.rekap-pengajuan__toolbar[b-mkrox75m84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.rekap-pengajuan__toolbar-left[b-mkrox75m84] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* MudDatePicker dirender komponen pihak ketiga, butuh ::deep biar scope CSS isolation nembus ke
   root elemennya (Pitfall #4 CLAUDE.md). Root elemennya (.mud-picker-inline) punya flex:1 1 auto
   bawaan MudBlazor yang bikin melebar mengisi flex row induknya — override ke 0 0 auto, sama
   fix yang dipakai di RekapPengajuanSkPanel.razor.css. */
.rekap-pengajuan__toolbar-left[b-mkrox75m84]  .rekap-pengajuan__month-picker {
    flex: 0 0 auto;
    min-width: 160px;
}

.rekap-pengajuan__message[b-mkrox75m84] {
    text-align: center;
    color: var(--bpr-secondary-text);
    padding: 24px 0;
    margin: 0;
}

.rekap-pengajuan__message--error[b-mkrox75m84] {
    color: var(--bpr-danger);
}

.rekap-pengajuan__download-btn[b-mkrox75m84] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: var(--bpr-primary);
    color: var(--bpr-white);
    font-size: 13px;
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer;
}

.rekap-pengajuan__download-btn:hover[b-mkrox75m84] {
    background: var(--bpr-primary-hover);
}

.rekap-pengajuan__download-btn:disabled[b-mkrox75m84] {
    opacity: 0.5;
    cursor: not-allowed;
}

.bpr-tabs[b-mkrox75m84] {
    margin-bottom: 16px;
}

/* Header tabel tetap kelihatan (sticky) saat scroll. Percobaan pertama (overflow-y:visible di
   .bpr-table-wrap) TIDAK bekerja — dibuktikan lewat repro HTML terpisah lalu inspect
   getComputedStyle: overflow-x:auto pada .bpr-table-wrap membuat browser otomatis menghitung
   overflow-y jadi "auto" juga (spec CSS overflow memasangkan kedua axis, "visible" tidak bisa
   dipaksa lewat cascade biasa selama axis lain bukan "visible"). Karena itu .bpr-table-wrap SUDAH
   pasti jadi scroll container utk kedua axis terlepas dari override apa pun — tapi tanpa
   max-height dia tidak pernah benar-benar scroll (tingginya ngikutin konten), jadi sticky di
   dalamnya tidak pernah "nempel". Fix yang benar: kasih max-height eksplisit supaya
   .bpr-table-wrap jadi scroll box sungguhan (tabel jadi scroll internal dengan header nempel,
   bukan seluruh halaman/.app-content yang scroll). */
.rekap-pengajuan__card .bpr-table-wrap[b-mkrox75m84] {
    max-height: 70vh;
    overflow-y: auto;
}

/* position:sticky pada <thead> sendiri (display:table-header-group) ternyata tidak konsisten
   nempel di semua kondisi — diganti sticky per elemen <th>. Dua baris header (judul grup colspan
   "REKAPITULASI PENGAJUAN SK" + baris label kolom) butuh top offset beda supaya tidak tumpang
   tindih pas nempel: baris pertama top:0, baris kedua top: tinggi baris pertama (~40px, dari
   .bpr-table--compact thead th height:40px). */
.rekap-pengajuan__card .bpr-table--rekap thead tr:first-child th[b-mkrox75m84] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.rekap-pengajuan__card .bpr-table--rekap thead tr:nth-child(2) th[b-mkrox75m84] {
    position: sticky;
    top: 40px;
    z-index: 2;
}
/* /Features/Tagihan/DaftarTagihan.razor.rz.scp.css */
.daftar-tagihan__header[b-haxbg3fb25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-tagihan__summary-grid[b-haxbg3fb25] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 8px;
}

.daftar-tagihan__generate-footer[b-haxbg3fb25] {
    margin-top: 20px;
}
/* /Features/Tagihan/RiwayatTagihan.razor.rz.scp.css */
.riwayat-tagihan__aksi-cell[b-7p6vxoeogx] {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
/* /Features/Tagihan/RiwayatTagihanNedSpp.razor.rz.scp.css */
.riwayat-tagihan-ned-spp__aksi-cell[b-b2vqdyavty] {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
/* /Features/Tagihan/TagihanFronting.razor.rz.scp.css */
.tagihan-fronting__header[b-arwctof3w3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.tagihan-fronting__tabs[b-arwctof3w3] {
    display: inline-flex;
    border: 1px solid #e5e7eb;
    border-radius: var(--bpr-radius-card);
    overflow: hidden;
    margin-bottom: 16px;
}

.tagihan-fronting__tab[b-arwctof3w3] {
    border: none;
    border-right: 1px solid #e5e7eb;
    background: var(--bpr-white);
    color: var(--bpr-primary-text);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 18px;
    cursor: pointer;
}

.tagihan-fronting__tab:last-child[b-arwctof3w3] {
    border-right: none;
}

.tagihan-fronting__tab.is-active[b-arwctof3w3] {
    background: var(--bpr-primary);
    color: var(--bpr-white);
}

.tagihan-fronting__static-chevron[b-arwctof3w3] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bpr-secondary-text);
}

.tagihan-fronting__action-cell[b-arwctof3w3] {
    display: flex;
    gap: 8px;
    white-space: nowrap;
}

.tagihan-fronting__action-btn--excel[b-arwctof3w3] {
    background: var(--bpr-success);
}

.tagihan-fronting__action-btn--excel:hover[b-arwctof3w3] {
    background: color-mix(in srgb, var(--bpr-success) 85%, black);
}

.tagihan-fronting__action-btn--pdf[b-arwctof3w3] {
    background: #17a2b8;
}

.tagihan-fronting__action-btn--pdf:hover[b-arwctof3w3] {
    background: color-mix(in srgb, #17a2b8 85%, black);
}

.tagihan-fronting__refresh-btn[b-arwctof3w3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--bpr-radius-card);
    background: #e5e7eb;
    color: var(--bpr-primary-text);
    cursor: pointer;
}

.tagihan-fronting__refresh-btn:hover[b-arwctof3w3] {
    background: #d1d5db;
}

.dafnom-tagihan-fronting__header[b-arwctof3w3] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}
/* /Features/Tagihan/TagihanNedGems.razor.rz.scp.css */
.tagihan-ned-gems__header[b-9qc0wif9hl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.tagihan-ned-gems__aksi-cell[b-9qc0wif9hl] {
    display: flex;
    gap: 8px;
    white-space: nowrap;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
}
/* /Features/Tagihan/TagihanNedSpp.razor.rz.scp.css */
.tagihan-ned-spp__header[b-b2zfbo5r5d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.tagihan-ned-spp__summary-grid[b-b2zfbo5r5d] {
    grid-template-columns: minmax(0, 1fr);
    max-width: 420px;
    margin-bottom: 8px;
}

.tagihan-ned-spp__generate-footer[b-b2zfbo5r5d] {
    margin-top: 20px;
}
/* /Features/VisitPraPensiun/DaftarVisitPraPensiun.razor.rz.scp.css */
.daftar-visit__header[b-y5nxw0m34h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-visit__banner[b-y5nxw0m34h] {
    background: color-mix(in srgb, var(--bpr-warning) 15%, white);
    color: var(--bpr-warning);
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    border-radius: var(--bpr-radius-card);
    padding: 12px 20px;
    margin-bottom: 16px;
}
/* /Features/VisitPraPensiun/RekapVisitPraPensiun.razor.rz.scp.css */
.rekap-visit__toolbar[b-zbecutfdjm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.rekap-visit__bulan[b-zbecutfdjm] {
    margin-bottom: 0;
    max-width: 260px;
}
/* /Features/VisitPraPensiun/RiwayatVisitPraPensiun.razor.rz.scp.css */
.riwayat-visit__header[b-v1yb59fnq6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.riwayat-visit__foto-btn[b-v1yb59fnq6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}
/* /Features/Visit/DaftarVisit.razor.rz.scp.css */
.daftar-visit__header[b-t23edbd827] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.daftar-visit__banner[b-t23edbd827] {
    background: color-mix(in srgb, var(--bpr-warning) 15%, white);
    color: var(--bpr-warning);
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    border-radius: var(--bpr-radius-card);
    padding: 12px 20px;
    margin-bottom: 16px;
}
/* /Features/Visit/RekapVisit.razor.rz.scp.css */
.rekap-visit__toolbar[b-89umaugr5n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.rekap-visit__bulan[b-89umaugr5n] {
    margin-bottom: 0;
    max-width: 260px;
}
/* /Features/Visit/RiwayatVisit.razor.rz.scp.css */
.riwayat-visit__header[b-h03mob28d9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.riwayat-visit__foto-btn[b-h03mob28d9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}