/* /Components/Layout/AppLayout.razor.rz.scp.css */
.app-body[b-gctrk1rl23] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* /Components/Layout/BottomNav.razor.rz.scp.css */
.bottom-nav[b-9cwxk8rn1h] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
}

    /* NavLink renders an <a> without the scope attribute,
   so every rule targeting it must use ::deep. */
    .bottom-nav[b-9cwxk8rn1h]  .nav-tab {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        padding: 6px 0 5px;
        border-radius: 14px;
        color: var(--ink-3);
        font-size: 10.5px;
        font-weight: 700;
        min-height: 56px;
        justify-content: center;
        text-decoration: none;
        transition: color .15s;
    }

        .bottom-nav[b-9cwxk8rn1h]  .nav-tab i {
            font-size: 22px;
        }

        .bottom-nav[b-9cwxk8rn1h]  .nav-tab.active {
            color: #146031
        }

    .bottom-nav[b-9cwxk8rn1h]  .nav-tab-icon-wrap {
        position: relative;
        display: inline-flex;
    }

    .bottom-nav[b-9cwxk8rn1h]  .nav-tab-badge {
        position: absolute;
        top: -4px;
        right: -8px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 8px;
        background: var(--out);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        display: grid;
        place-items: center;
        border: 2px solid var(--surface);
    }
/* /Components/Layout/CenterHeader.razor.rz.scp.css */
.location-change[b-d7ozb89im0] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 800;
    opacity: .9;
    flex: 0 0 auto;
    background: rgb(160 153 153 / 14%);
    padding: 6px 10px;
    border-radius: 99px;
    border: 1px solid #ddd;
}
.cd-header-left[b-d7ozb89im0] {
    min-width: 0;
}

.cd-header-text[b-d7ozb89im0] {
    min-width: 0;
}

.cd-kicker[b-d7ozb89im0] {
    color: var(--accent);
}

.cd-title[b-d7ozb89im0] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Layout/CustomBottomNav.razor.rz.scp.css */
body[b-lwv8dyqnbz] {
}
.cust-bottom-nav[b-lwv8dyqnbz] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: fixed;
    bottom: 0;
    z-index: 20;
    width: 100%;
}

    /* NavLink renders an <a> without the scope attribute,
   so every rule targeting it must use ::deep. */
    .cust-bottom-nav[b-lwv8dyqnbz]  .nav-tab {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3px;
        padding: 6px 0 5px;
        border-radius: 14px;
        color: var(--ink-3);
        font-size: 10.5px;
        font-weight: 700;
        min-height: 56px;
        justify-content: center;
        text-decoration: none;
        transition: color .15s;
    }

        .cust-bottom-nav[b-lwv8dyqnbz]  .nav-tab i {
            font-size: 22px;
        }

        .cust-bottom-nav[b-lwv8dyqnbz]  .nav-tab.active {
            color: #146031
        }

    .cust-bottom-nav[b-lwv8dyqnbz]  .nav-tab-icon-wrap {
        position: relative;
        display: inline-flex;
    }

    .cust-bottom-nav[b-lwv8dyqnbz]  .nav-tab-badge {
        position: absolute;
        top: -4px;
        right: -8px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 8px;
        background: var(--out);
        color: #fff;
        font-size: 10px;
        font-weight: 800;
        display: grid;
        place-items: center;
        border: 2px solid var(--surface);
    }
/* /Components/Layout/FullScreenLayout.razor.rz.scp.css */
.app-body[b-7k9wzfcx4z] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-8nunofbbbu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-8nunofbbbu] {
    flex: 1;
}

.sidebar[b-8nunofbbbu] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-8nunofbbbu] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-8nunofbbbu]  a, .top-row[b-8nunofbbbu]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-8nunofbbbu]  a:hover, .top-row[b-8nunofbbbu]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-8nunofbbbu]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-8nunofbbbu] {
        justify-content: space-between;
    }

    .top-row[b-8nunofbbbu]  a, .top-row[b-8nunofbbbu]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-8nunofbbbu] {
        flex-direction: row;
    }

    .sidebar[b-8nunofbbbu] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-8nunofbbbu] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-8nunofbbbu]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-8nunofbbbu], article[b-8nunofbbbu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-sxkz33a4uu] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-sxkz33a4uu] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-sxkz33a4uu] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-sxkz33a4uu] {
    font-size: 1.1rem;
}

.bi[b-sxkz33a4uu] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-sxkz33a4uu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-sxkz33a4uu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-sxkz33a4uu] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-sxkz33a4uu] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-sxkz33a4uu] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-sxkz33a4uu] {
        padding-bottom: 1rem;
    }

    .nav-item[b-sxkz33a4uu]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-sxkz33a4uu]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-sxkz33a4uu]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-sxkz33a4uu] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-sxkz33a4uu] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-sxkz33a4uu] {
        display: none;
    }

    .nav-scrollable[b-sxkz33a4uu] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/Auth/LocationSelect.razor.rz.scp.css */
.loc-page[b-kpitcaog3o] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 8px 22px 22px;
}

.loc-title[b-kpitcaog3o] {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.6px;
    margin-top: 6px;
}

.loc-sub[b-kpitcaog3o] {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 2px;
}

.loc-pickers[b-kpitcaog3o] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 0;
}

.loc-connector[b-kpitcaog3o] {
    width: 2px;
    height: 14px;
    background: var(--line);
    margin-left: 38px;
}

.loc-picker-btn[b-kpitcaog3o] {
    flex-direction: row;
    width: 100%;
    padding: 15px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-align: left;
    border: 1px solid var(--line-2);
    box-shadow: var(--sh-1);
}

.loc-picker-btn[aria-expanded="true"][b-kpitcaog3o] {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.loc-picker-btn[aria-expanded="true"] .loc-picker-chev[b-kpitcaog3o] {
    transform: rotate(180deg);
}

.loc-picker-icon[b-kpitcaog3o] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.loc-picker-text[b-kpitcaog3o] {
    min-width: 0;
}

.loc-picker-label[b-kpitcaog3o] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
}

.loc-picker-value[b-kpitcaog3o] {
    font-size: 16.5px;
    font-weight: 800;
    margin-top: 1px;
}

.loc-picker-chev[b-kpitcaog3o] {
    color: var(--ink-3);
}

.loc-options[b-kpitcaog3o] {
    margin-top: 8px;
    padding: 6px;
    overflow: hidden;
}

.loc-option[b-kpitcaog3o] {
    width: 100%;
    padding: 13px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 11px;
    font-size: 15.5px;
    font-weight: 700;
    color: var(--ink);
    background: transparent;
    border: none;
    text-align: left;
}

.loc-option-selected[b-kpitcaog3o] {
    color: var(--accent);
    background: var(--accent-soft);
}

.loc-hint[b-kpitcaog3o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--info-soft);
    color: #1e40af;
    font-size: 13px;
    font-weight: 600;
}

.loc-actionbar[b-kpitcaog3o] {
    padding-top: 16px;
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-page[b-mt16opncg5] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.login-hero[b-mt16opncg5] {
    padding: 20px 26px 30px;
    background: #316b22;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.login-hero-blob[b-mt16opncg5] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}

.login-hero-blob-1[b-mt16opncg5] { top: -50px; right: -40px; width: 200px; height: 200px; }
.login-hero-blob-2[b-mt16opncg5] { bottom: -70px; left: -30px; width: 160px; height: 160px; background: rgba(255,255,255,.06); }

.login-brand[b-mt16opncg5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    position: relative;
}

.login-logo[b-mt16opncg5] {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: #fff;
    display: grid;
    place-items: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
    flex: 0 0 auto;
}

.login-brand-name[b-mt16opncg5] {
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.login-brand-sub[b-mt16opncg5] {
    font-size: 13px;
    font-weight: 600;
    opacity: .85;
}

.login-welcome[b-mt16opncg5] {
    margin-top: 26px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.4px;
    position: relative;
}

.login-welcome-sub[b-mt16opncg5] {
    font-size: 14.5px;
    font-weight: 600;
    opacity: .85;
    margin-top: 4px;
    position: relative;
}

.login-form[b-mt16opncg5] {
    padding: 26px 22px 18px;
    flex: 1;
}

.input-group-icon[b-mt16opncg5] {
    position: relative;
}

.input-group-icon .form-control[b-mt16opncg5] {
    padding-left: 46px;
}

.input-group-icon .input-icon[b-mt16opncg5] {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    display: grid;
    place-items: center;
    color: var(--ink-3);
    z-index: 3;
    pointer-events: none;
}

.input-group-icon .input-icon-btn[b-mt16opncg5] {
    position: absolute;
    right: 6px;
    top: 0;
    bottom: 0;
    width: 42px;
    display: grid;
    place-items: center;
    color: var(--ink-3);
    background: none;
    border: none;
    z-index: 3;
}

.input-group-icon .form-control:has(~ .input-icon-btn)[b-mt16opncg5] {
    padding-right: 48px;
}

.login-remember[b-mt16opncg5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-2);
    cursor: pointer;
}

.login-remember-box[b-mt16opncg5] {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    background: #198754;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
}

.login-forgot[b-mt16opncg5] {
    font-size: 14px;
    font-weight: 700;
    color: #198754 !important;
    text-decoration: none;
}

.text-accent[b-mt16opncg5] {
    color: var(--accent);
}

.login-footer[b-mt16opncg5] {
    text-align: center;
    padding: 14px 0 22px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
}
/* /Components/Pages/Auth/PunchIn.razor.rz.scp.css */
.punch-page[b-ntpw7o0dac] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 8px 22px 22px;
    gap: 16px;
}

.punch-head[b-ntpw7o0dac] {
    padding: 0 0 4px;
}

.punch-title[b-ntpw7o0dac] {
    font-size: 26px;
    font-weight: 900;
    letter-spacing: -.6px;
    margin-top: 6px;
}

.punch-sub[b-ntpw7o0dac] {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 2px;
}

.punch-clock-card[b-ntpw7o0dac] {
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(150deg, var(--ink) 0%, #2d2722 100%);
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.punch-clock-glow[b-ntpw7o0dac] {
    position: absolute;
    inset: 0;
    background: #316b22;
}

.punch-clock-content[b-ntpw7o0dac] {
    position: relative;
}

.punch-date[b-ntpw7o0dac] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .65;
    letter-spacing: .5px;
}

.punch-time[b-ntpw7o0dac] {
    font-size: 42px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-top: 4px;
}

.punch-location[b-ntpw7o0dac] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    opacity: .85;
}

.punch-info-card[b-ntpw7o0dac] {
    padding: 6px 18px;
}

.punch-info-row[b-ntpw7o0dac] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
}

.punch-info-icon[b-ntpw7o0dac] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.punch-info-label[b-ntpw7o0dac] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
}

.punch-info-value[b-ntpw7o0dac] {
    font-size: 16px;
    font-weight: 700;
    margin-top: 1px;
}

.punch-hr[b-ntpw7o0dac] {
    height: 1px;
    background: var(--line);
    border: 0;
    margin: 0;
}

.punch-remarks textarea[b-ntpw7o0dac] {
    resize: none;
}

.punch-actionbar[b-ntpw7o0dac] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 22px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
    z-index: 1000;
}

.punch-cancel[b-ntpw7o0dac] {
    flex: 0 0 96px;
}
/* /Components/Pages/Dashboard/Centerdash.razor.rz.scp.css */
.center-dash-page[b-wccdpq1bh6] {
    display: flex;
    flex-direction: column;
}

.cd-header[b-wccdpq1bh6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px 12px;
    gap: 10px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 100;
}





.cd-header-left[b-wccdpq1bh6] {
    min-width: 0;
}

.cd-header-text[b-wccdpq1bh6] {
    min-width: 0;
}

.cd-kicker[b-wccdpq1bh6] {
    color: var(--accent);
}

.cd-title[b-wccdpq1bh6] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-body[b-wccdpq1bh6] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 0 16px 26px;
}

/* location card */
.location-card[b-wccdpq1bh6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--ink) 0%, #2d2722 100%);
    color: #fff;
    text-decoration: none;
    box-shadow: var(--sh-2);
}

.location-icon[b-wccdpq1bh6] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: rgba(255,255,255,.12);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 19px;
}

.location-text[b-wccdpq1bh6] {
    min-width: 0;
}

.location-kicker[b-wccdpq1bh6] {
    font-size: 11px;
    font-weight: 700;
    opacity: .6;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.location-value[b-wccdpq1bh6] {
    font-size: 15.5px;
    font-weight: 800;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
}

.location-sep[b-wccdpq1bh6] {
    opacity: .4;
}

.location-center[b-wccdpq1bh6] {
    opacity: .85;
    font-weight: 600;
}

.location-change[b-wccdpq1bh6] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 800;
    opacity: .9;
    flex: 0 0 auto;
    background: rgb(160 153 153 / 14%);
    padding: 6px 10px;
    border-radius: 99px;
    border: 1px solid #ddd;
}


/* cash hero + kpi grid */
.cd-kpi-block[b-wccdpq1bh6] {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.cash-hero-card[b-wccdpq1bh6] {
    padding: 17px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #316b22;
    border-radius: var(--r-lg);
    box-shadow: var(--sh-1);
}

.cash-hero-icon[b-wccdpq1bh6] {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    background: color-mix(in srgb, #73df71 88%, #000);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #fff;
    font-size: 24px;
}

.cash-hero-label[b-wccdpq1bh6] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,.6);
    letter-spacing: .4px;
    text-transform: uppercase;
}

.cash-hero-value[b-wccdpq1bh6] {
    font-size: 30px;
    color: #fff;
    margin-top: 2px;
}

.cash-hero-sub[b-wccdpq1bh6] {
    font-size: 11.5px;
    font-weight: 700;
    color: rgba(255,255,255,.6);
    margin-top: 3px;
}

.cash-hero-close[b-wccdpq1bh6] {
    font-size: 12.5px;
    font-weight: 800;
    color: #fff;
    background: rgba(255,255,255,.14);
    padding: 8px 12px;
    border-radius: 11px;
    text-decoration: none;
    flex: 0 0 auto;
}

.cd-kpi-grid[b-wccdpq1bh6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
}

/* quick actions */
.quick-actions-grid[b-wccdpq1bh6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 8px;
}

.quick-tile[b-wccdpq1bh6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 4px 2px;
    text-decoration: none;
}

.quick-tile-icon[b-wccdpq1bh6] {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    box-shadow: var(--sh-1);
    font-size: 24px;
}

.quick-tile-badge[b-wccdpq1bh6] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--out);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    display: grid;
    place-items: center;
    border: 2.5px solid var(--bg);
}

.quick-tile-label[b-wccdpq1bh6] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink-2);
    text-align: center;
    line-height: 1.15;
}

/* quick actions · see more toggle */
.qa-see-more-btn[b-wccdpq1bh6] {
    width: 100%;
    margin-top: 12px;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font);
    font-size: 13px;
    font-weight: 800;
    color: var(--accent-ink);
    padding: 6px;
}

.qa-see-more-txt-less[b-wccdpq1bh6] {
    display: none;
}

.qa-see-more-ico[b-wccdpq1bh6] {
    font-size: 13px;
    transition: transform .2s ease;
}

.qa-see-more-btn[aria-expanded="true"] .qa-see-more-txt-more[b-wccdpq1bh6] {
    display: none;
}

.qa-see-more-btn[aria-expanded="true"] .qa-see-more-txt-less[b-wccdpq1bh6] {
    display: inline;
}

.qa-see-more-btn[aria-expanded="true"] .qa-see-more-ico[b-wccdpq1bh6] {
    transform: rotate(180deg);
}

/* visits */
.visit-row[b-wccdpq1bh6] {
    padding: 12px 13px;
    margin-bottom: 9px;
}

.visit-avatar[b-wccdpq1bh6] {
    width: 42px;
    height: 42px;
    font-size: 15px;
}

.visit-name[b-wccdpq1bh6] {
    font-size: 15.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.visit-status-chip[b-wccdpq1bh6] {
    flex: 0 0 auto;
    height: 24px;
}

.visit-meta[b-wccdpq1bh6] {
    margin-top: 2px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
}

.visit-actions[b-wccdpq1bh6] {
    margin-top: 11px;
}

.visit-btn[b-wccdpq1bh6] {
    min-height: 42px;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.visit-collected[b-wccdpq1bh6] {
    background: var(--in-soft);
    color: var(--in-ink);
}

/* activity strip */
.activity-strip[b-wccdpq1bh6] {
    padding: 4px 4px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.activity-item[b-wccdpq1bh6] {
    padding: 14px 6px;
    text-align: center;
    border-left: 1px solid var(--line-2);
}

    .activity-item:first-child[b-wccdpq1bh6] {
        border-left: none;
    }

.activity-value[b-wccdpq1bh6] {
    font-size: 24px;
    line-height: 1;
}

.activity-label[b-wccdpq1bh6] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 5px;
}
/* /Components/Pages/Dashboard/CenterDetails.razor.rz.scp.css */
.ops-page[b-brkb8nj068] {
    display: flex;
    flex-direction: column;
}

/* ============ header ============ */
.ops-header[b-brkb8nj068] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px 2px;
    gap: 10px;
}

.ops-header-text[b-brkb8nj068] {
    min-width: 0;
}

.ops-kicker[b-brkb8nj068] {
    color: var(--accent);
}

.ops-title[b-brkb8nj068] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ops-date[b-brkb8nj068] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 1px;
}

.net-chip[b-brkb8nj068] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: var(--r-pill);
}

.net-on[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

.net-off[b-brkb8nj068] {
    background: var(--out-soft);
    color: var(--out-ink);
}

.ops-sync-line[b-brkb8nj068] {
    padding: 4px 16px 12px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    align-items: center;
    gap: 5px;
}

    .ops-sync-line b[b-brkb8nj068] {
        color: var(--ink-2);
        font-weight: 800;
    }

.ops-body[b-brkb8nj068] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 0 16px 26px;
}

/* ============ today's route card ============ */
.route-card[b-brkb8nj068] {
    background: #316b22;
    border-radius: var(--r-lg);
    padding: 16px;
    color: #fff;
    box-shadow: var(--sh-2);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.route-card-head[b-brkb8nj068] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.route-card-title[b-brkb8nj068] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.route-chip[b-brkb8nj068] {
    font-size: 11.5px;
    font-weight: 800;
    background: rgba(255,255,255,.16);
    padding: 4px 10px;
    border-radius: var(--r-pill);
}

.route-grid[b-brkb8nj068] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 8px;
}

.route-label[b-brkb8nj068] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    opacity: .75;
}

.route-value[b-brkb8nj068] {
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
}

.route-value-in[b-brkb8nj068] {
    color: #BBF7D0;
}

.route-value-warn[b-brkb8nj068] {
    color: #FDE68A;
}

.route-sync-btn[b-brkb8nj068] {
    width: 100%;
    min-height: var(--tap);
    background: #fff;
    color: var(--accent-press);
    border: none;
    border-radius: var(--r-md);
    font-size: 15px;
    font-weight: 800;
    font-family: var(--font);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .route-sync-btn:active[b-brkb8nj068] {
        background: var(--accent-soft);
    }

.route-synced-note[b-brkb8nj068],
.route-offline-note[b-brkb8nj068] {
    width: 100%;
    min-height: var(--tap);
    border-radius: var(--r-md);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 800;
    padding: 8px 12px;
    text-align: center;
}

.route-synced-note[b-brkb8nj068] {
    background: rgba(255,255,255,.16);
    color: #fff;
}

.route-offline-note[b-brkb8nj068] {
    background: rgba(0,0,0,.22);
    color: #FDE68A;
}

/* ============ timeline ============ */
.timeline-card[b-brkb8nj068] {
    padding: 15px 15px 6px;
}

.tl-row[b-brkb8nj068] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.tl-rail[b-brkb8nj068] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    align-self: stretch;
}

.tl-dot[b-brkb8nj068] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 13px;
    flex: 0 0 auto;
}

.tl-line[b-brkb8nj068] {
    width: 2px;
    flex: 1 1 auto;
    min-height: 18px;
    background: var(--line);
    margin: 3px 0;
}

.tl-text[b-brkb8nj068] {
    min-width: 0;
    padding-bottom: 14px;
    flex: 1 1 auto;
}

.tl-title[b-brkb8nj068] {
    font-size: 14px;
    font-weight: 800;
}

.tl-sub[b-brkb8nj068] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 1px;
}

.tl-chip[b-brkb8nj068] {
    flex: 0 0 auto;
    height: 24px;
}

.tl-done .tl-dot[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in);
}

.tl-done .tl-line[b-brkb8nj068] {
    background: var(--in-soft);
}

.tl-done .tl-title[b-brkb8nj068] {
    color: var(--ink-2);
}

.tl-current .tl-dot[b-brkb8nj068] {
    background: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.tl-current .tl-title[b-brkb8nj068] {
    color: var(--accent-ink);
}

.tl-pending .tl-dot[b-brkb8nj068] {
    background: var(--surface-2);
    border: 2px dashed var(--line);
}

.tl-pending .tl-title[b-brkb8nj068] {
    color: var(--ink-3);
}

/* ============ center list ============ */
.center-row[b-brkb8nj068] {
    padding: 13px 13px;
    margin-bottom: 10px;
}

.center-avatar[b-brkb8nj068] {
    width: 44px;
    height: 44px;
    font-size: 18px;
    flex: 0 0 auto;
}

.center-avatar-in[b-brkb8nj068] {
    background: var(--accent-soft);
    color: var(--accent-ink);
}

.center-avatar-info[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

.center-avatar-warn[b-brkb8nj068] {
    background: var(--info-soft);
    color: #1E40AF;
}

.center-row-main[b-brkb8nj068] {
    min-width: 0;
}

.center-name[b-brkb8nj068] {
    font-size: 15.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center-status[b-brkb8nj068] {
    flex: 0 0 auto;
    height: 24px;
}

.center-meta[b-brkb8nj068] {
    margin-top: 3px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.center-amt[b-brkb8nj068] {
    color: var(--in);
}

.center-dot[b-brkb8nj068] {
    color: var(--ink-3);
}

.center-sync[b-brkb8nj068] {
    margin-top: 3px;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    align-items: center;
    gap: 5px;
}

.center-actions[b-brkb8nj068] {
    margin-top: 12px;
}

/* ============ sync all (section header) ============ */
.sync-all-btn[b-brkb8nj068] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: var(--r-pill);
    background: var(--accent-soft);
    color: var(--accent-ink);
    cursor: pointer;
}

.sync-all-ico-done[b-brkb8nj068],
.sync-all-txt-done[b-brkb8nj068] {
    display: none;
}

#sync-all-chk:checked ~ .sync-all-btn[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    #sync-all-chk:checked ~ .sync-all-btn .sync-all-ico-idle[b-brkb8nj068],
    #sync-all-chk:checked ~ .sync-all-btn .sync-all-txt-idle[b-brkb8nj068] {
        display: none;
    }

    #sync-all-chk:checked ~ .sync-all-btn .sync-all-ico-done[b-brkb8nj068],
    #sync-all-chk:checked ~ .sync-all-btn .sync-all-txt-done[b-brkb8nj068] {
        display: inline-flex;
    }

/* ============ per-card sync button ============ */
.center-sync-btn[b-brkb8nj068] {
    min-height: 44px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
    flex: 0 0 auto;
    background: var(--info-soft);
    color: #2563EB;
    cursor: pointer;
}

.center-sync-ico-done[b-brkb8nj068] {
    display: none;
}

.center-sync-check:checked ~ .center-sync-btn[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    .center-sync-check:checked ~ .center-sync-btn .center-sync-ico-idle[b-brkb8nj068] {
        display: none;
    }

    .center-sync-check:checked ~ .center-sync-btn .center-sync-ico-done[b-brkb8nj068] {
        display: inline-block;
    }

/* enable "Open Center" once its own sync is done, or once Sync All is used */
.center-sync-check:checked ~ .center-open-btn.center-open-disabled[b-brkb8nj068],
.ops-page:has(#sync-all-chk:checked) .center-open-btn.center-open-disabled[b-brkb8nj068] {
    opacity: 1;
    pointer-events: auto;
}

/* reflect the "Sync All" action on every card's own sync button too */
.ops-page:has(#sync-all-chk:checked) .center-sync-btn[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    .ops-page:has(#sync-all-chk:checked) .center-sync-btn .center-sync-ico-idle[b-brkb8nj068] {
        display: none;
    }

    .ops-page:has(#sync-all-chk:checked) .center-sync-btn .center-sync-ico-done[b-brkb8nj068] {
        display: inline-block;
    }

.center-open-btn[b-brkb8nj068] {
    min-height: 44px;
    font-size: 14px;
    font-weight: 800;
    background: #4a9138;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    border-radius: var(--r-md);
}

    .center-open-btn:active[b-brkb8nj068] {
        background: var(--accent-press);
        color: #fff;
    }

.center-open-disabled[b-brkb8nj068] {
    opacity: .45;
    pointer-events: none;
}

.center-more-btn[b-brkb8nj068] {
    min-height: 44px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
}

/* more menu */
.center-menu[b-brkb8nj068] {
    margin-top: 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background: var(--surface-2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.center-menu-item[b-brkb8nj068] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ink-2);
    text-decoration: none;
    border-bottom: 1px solid var(--line-2);
}

    .center-menu-item:last-child[b-brkb8nj068] {
        border-bottom: none;
    }

    .center-menu-item:active[b-brkb8nj068] {
        background: var(--accent-soft);
        color: var(--accent-ink);
    }

    .center-menu-item i[b-brkb8nj068] {
        font-size: 16px;
        color: var(--ink-3);
    }

/* ============ quick actions ============ */
.ops-qa-grid[b-brkb8nj068] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px 8px;
}

.qa-route[b-brkb8nj068] {
    background: var(--accent-soft);
    color: var(--accent-ink);
}

.qa-sync[b-brkb8nj068] {
    background: var(--info-soft);
    color: #2563EB;
}

.qa-offline[b-brkb8nj068] {
    background: var(--amber-soft);
    color: #B45309;
}

.qa-msg[b-brkb8nj068] {
    background: var(--in-soft);
    color: var(--in-ink);
}

/* ============ route change bottom sheet ============ */
.rc-backdrop[b-brkb8nj068] {
    position: fixed;
    inset: 0;
    background: rgba(28,25,23,.45);
    z-index: 60;
}

.rc-sheet[b-brkb8nj068] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: var(--app-max-w);
    margin: 0 auto;
    background: var(--surface);
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    box-shadow: var(--sh-3);
    z-index: 61;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
}

.rc-head[b-brkb8nj068] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.rc-title[b-brkb8nj068] {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.rc-close[b-brkb8nj068] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--surface-2);
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    color: var(--ink-2);
}

.rc-body[b-brkb8nj068] {
    display: flex;
    flex-direction: column;
}

.rc-label[b-brkb8nj068] {
    font-size: 11.5px;
    font-weight: 800;
    color: var(--ink-3);
    letter-spacing: .4px;
    text-transform: uppercase;
    margin: 12px 0 5px;
}

.rc-input[b-brkb8nj068] {
    border-radius: var(--r-md);
    border-color: var(--line);
    font-weight: 600;
}

.rc-submit[b-brkb8nj068] {
    margin-top: 18px;
    min-height: var(--tap);
    background: var(--accent);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    border-radius: var(--r-md);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .rc-submit:active[b-brkb8nj068] {
        background: var(--accent-press);
        color: #fff;
    }

.rc-waiting[b-brkb8nj068] {
    align-items: center;
    text-align: center;
    padding: 10px 6px 4px;
}

.rc-wait-icon[b-brkb8nj068] {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: var(--amber-soft);
    color: #B45309;
    display: grid;
    place-items: center;
    font-size: 28px;
    margin-bottom: 12px;
}

.rc-wait-title[b-brkb8nj068] {
    font-size: 17px;
    font-weight: 800;
}

.rc-wait-sub[b-brkb8nj068] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-2);
    margin-top: 5px;
}

.rc-done[b-brkb8nj068] {
    margin-top: 16px;
    min-height: 46px;
    width: 100%;
    border-radius: var(--r-md);
    font-weight: 800;
}
/* /Components/Pages/Dashboard/CentersTransactionOverview.razor.rz.scp.css */
.cov-page[b-gkxilq376n] {
    display: flex;
    flex-direction: column;
}

/* ============ header ============ */
.cov-header[b-gkxilq376n] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px 8px;
}

.cov-header-text[b-gkxilq376n] {
    flex: 1 1 auto;
    min-width: 0;
}

.cov-title[b-gkxilq376n] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cov-sub[b-gkxilq376n] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 1px;
}

.cov-body[b-gkxilq376n] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 4px 16px 26px;
}

/* ============ all-centers total card ============ */
.cov-total-card[b-gkxilq376n] {
    background: #316b22;
    border-radius: var(--r-lg);
    padding: 16px;
    color: #fff;
    box-shadow: var(--sh-2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cov-total-head[b-gkxilq376n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cov-total-title[b-gkxilq376n] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.cov-total-chip[b-gkxilq376n] {
    font-size: 11.5px;
    font-weight: 800;
    background: rgba(255,255,255,.16);
    padding: 4px 10px;
    border-radius: var(--r-pill);
}

.cov-total-amt[b-gkxilq376n] {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.cov-total-grid[b-gkxilq376n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 6px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.cov-total-label[b-gkxilq376n] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    opacity: .75;
}

.cov-total-value[b-gkxilq376n] {
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
}

.cov-total-value-warn[b-gkxilq376n] {
    color: #FDE68A;
}

/* ============ center overview card ============ */
.cov-card[b-gkxilq376n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    margin-bottom: 10px;
    text-decoration: none;
    color: inherit;
}

    .cov-card:active[b-gkxilq376n] {
        background: var(--surface-2);
    }

.cov-card-top[b-gkxilq376n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cov-avatar[b-gkxilq376n] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
}

.cov-card-head[b-gkxilq376n] {
    min-width: 0;
}

.cov-name[b-gkxilq376n] {
    font-size: 15.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cov-meta[b-gkxilq376n] {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
}

.cov-pending-chip[b-gkxilq376n] {
    flex: 0 0 auto;
    height: 24px;
}

/* per-card stat strip */
.cov-stats[b-gkxilq376n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--line-2);
}

.cov-stat-label[b-gkxilq376n] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--ink-3);
}

.cov-stat-value[b-gkxilq376n] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-2);
    margin-top: 2px;
}

.cov-stat-in[b-gkxilq376n] {
    color: var(--in);
}

.cov-stat-warn[b-gkxilq376n] {
    color: #B45309;
}

/* ============ empty state ============ */
.cov-empty[b-gkxilq376n] {
    text-align: center;
    padding: 40px 20px;
    color: var(--ink-3);
}

    .cov-empty i[b-gkxilq376n] {
        font-size: 30px;
    }

.cov-empty-title[b-gkxilq376n] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-2);
    margin-top: 10px;
}

.cov-empty-sub[b-gkxilq376n] {
    font-size: 12.5px;
    font-weight: 600;
    margin-top: 3px;
}
/* /Components/Pages/Dashboard/CenterTransactions.razor.rz.scp.css */
.ctx-page[b-vkji4zcabq] {
    display: flex;
    flex-direction: column;
}

/* ============ header ============ */
.ctx-header[b-vkji4zcabq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px 8px;
}

.ctx-header-text[b-vkji4zcabq] {
    flex: 1 1 auto;
    min-width: 0;
}

.ctx-title[b-vkji4zcabq] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ctx-sub[b-vkji4zcabq] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 1px;
}

.ctx-body[b-vkji4zcabq] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 4px 16px 26px;
}

/* ============ summary card ============ */
.ctx-summary-card[b-vkji4zcabq] {
    background: #316b22;
    border-radius: var(--r-lg);
    padding: 16px;
    color: #fff;
    box-shadow: var(--sh-2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ctx-summary-head[b-vkji4zcabq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ctx-summary-title[b-vkji4zcabq] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.ctx-summary-chip[b-vkji4zcabq] {
    font-size: 11.5px;
    font-weight: 800;
    background: rgba(255,255,255,.16);
    padding: 4px 10px;
    border-radius: var(--r-pill);
}

.ctx-summary-amt[b-vkji4zcabq] {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.ctx-summary-grid[b-vkji4zcabq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding-top: 6px;
    border-top: 1px solid rgba(255,255,255,.18);
}

.ctx-summary-label[b-vkji4zcabq] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    opacity: .75;
}

.ctx-summary-value[b-vkji4zcabq] {
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
}

.ctx-summary-value-warn[b-vkji4zcabq] {
    color: #FDE68A;
}

/* ============ filter tabs (css-only) ============ */
.ctx-tabs[b-vkji4zcabq] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
}

.ctx-tab[b-vkji4zcabq] {
    flex: 0 0 auto;
    font-size: 12.5px;
    font-weight: 800;
    padding: 7px 14px;
    border-radius: var(--r-pill);
    background: var(--surface-2);
    color: var(--ink-3);
    border: 1px solid var(--line);
    cursor: pointer;
    white-space: nowrap;
}

#ctx-filter-all:checked ~ .ctx-tab-all[b-vkji4zcabq],
#ctx-filter-receipt:checked ~ .ctx-tab-receipt[b-vkji4zcabq],
#ctx-filter-voucher:checked ~ .ctx-tab-voucher[b-vkji4zcabq],
#ctx-filter-pending:checked ~ .ctx-tab-pending[b-vkji4zcabq] {
    background: var(--accent-soft);
    color: var(--accent-ink);
    border-color: transparent;
}

/* filter the rows based on the selected tab */
.ctx-page:has(#ctx-filter-receipt:checked) .ctx-row:not(.ctx-type-receipt)[b-vkji4zcabq] {
    display: none;
}

.ctx-page:has(#ctx-filter-voucher:checked) .ctx-row:not(.ctx-type-voucher)[b-vkji4zcabq] {
    display: none;
}

.ctx-page:has(#ctx-filter-pending:checked) .ctx-row:not(.ctx-type-pending)[b-vkji4zcabq] {
    display: none;
}

/* hide a date group entirely if none of its rows match the active filter */
.ctx-page:has(#ctx-filter-receipt:checked) .ctx-group:not(:has(.ctx-type-receipt))[b-vkji4zcabq],
.ctx-page:has(#ctx-filter-voucher:checked) .ctx-group:not(:has(.ctx-type-voucher))[b-vkji4zcabq],
.ctx-page:has(#ctx-filter-pending:checked) .ctx-group:not(:has(.ctx-type-pending))[b-vkji4zcabq] {
    display: none;
}

/* ============ date group ============ */
.ctx-group-label[b-vkji4zcabq] {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--ink-3);
    margin: 4px 0 8px 2px;
}

/* ============ transaction rows ============ */
.ctx-list-card[b-vkji4zcabq] {
    overflow: hidden;
    padding: 0 2px;
}

.ctx-row[b-vkji4zcabq] {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border-bottom: 1px solid var(--line-2);
    text-decoration: none;
    color: inherit;
}

    .ctx-row:last-child[b-vkji4zcabq] {
        border-bottom: none;
    }

.ctx-row-icon[b-vkji4zcabq] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 18px;
}

.ctx-row-name[b-vkji4zcabq] {
    font-size: 14.5px;
    font-weight: 800;
}

.ctx-row-meta[b-vkji4zcabq] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 1px;
}

.ctx-row-tag[b-vkji4zcabq] {
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-2);
    background: var(--surface-2);
    padding: 2px 8px;
    border-radius: var(--r-pill);
}

.ctx-row-pending[b-vkji4zcabq] {
    font-size: 11px;
    font-weight: 800;
    color: #B45309;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ctx-row-amt[b-vkji4zcabq] {
    font-size: 16px;
}

/* ============ empty state ============ */
.ctx-empty[b-vkji4zcabq] {
    text-align: center;
    padding: 40px 20px;
    color: var(--ink-3);
}

    .ctx-empty i[b-vkji4zcabq] {
        font-size: 30px;
    }

.ctx-empty-title[b-vkji4zcabq] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-2);
    margin-top: 10px;
}

.ctx-empty-sub[b-vkji4zcabq] {
    font-size: 12.5px;
    font-weight: 600;
    margin-top: 3px;
}
/* /Components/Pages/Dashboard/MainDashboard.razor.rz.scp.css */
.dash-page[b-bz0jpurk9s] {
    display: flex;
    flex-direction: column;
}

/* ---- header ---- */
.dash-header[b-bz0jpurk9s] {
    padding: 10px 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dash-avatar-wrap[b-bz0jpurk9s] {
    position: relative;
}

.dash-avatar[b-bz0jpurk9s] {
    width: 46px;
    height: 46px;
    font-size: 17px;
}

.dash-avatar-dot[b-bz0jpurk9s] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--in);
    border: 2.5px solid var(--bg);
}

.dash-greeting[b-bz0jpurk9s] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-3);
}

.dash-name[b-bz0jpurk9s] {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.3px;
}

.online-pill[b-bz0jpurk9s] {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 27px;
    padding: 0 11px 0 9px;
    border-radius: 999px;
    border: none;
    font-size: 11.5px;
    font-weight: 800;
}

.online-pill-on[b-bz0jpurk9s] {
    background: var(--in-soft);
    color: var(--in-ink);
}

.online-pill-off[b-bz0jpurk9s] {
    background: var(--out-soft);
    color: var(--out-ink);
}

.online-dot[b-bz0jpurk9s] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

/* ---- body ---- */
.dash-body[b-bz0jpurk9s] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 0 16px 26px;
}

/* ---- carousel ---- */
.dash-carousel[b-bz0jpurk9s] {
    margin: 0 -2px;
    padding: 2px;
}

    .dash-carousel .carousel-item[b-bz0jpurk9s] {
        padding: 0 2px;
    }

.route-card[b-bz0jpurk9s], .work-card[b-bz0jpurk9s] {
    padding: 17px;
    border-radius: 18px;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 197px;
}

.route-card[b-bz0jpurk9s] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, #fff) 0%, #fff 60%);
/*    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 16%, transparent);*/
    border: 1px solid color-mix(in srgb, var(--brand) 22%, transparent);
    color: #000000;
}

.work-card[b-bz0jpurk9s] {
    padding: 20px;
    border-radius: 20px;
    /* background: #316b22; */
    /* box-shadow: var(--sh-2); */
    background: linear-gradient(180deg, color-mix(in srgb, var(--brand) 7%, #fff) 0%, #fff 60%);
    border: 1px solid #bcc5bc9e;
}

.route-blob[b-bz0jpurk9s] {
    position: absolute;
    top: -44px;
    right: -34px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand) 14%, transparent);
}

.work-blob[b-bz0jpurk9s] {
    position: absolute;
    top: -44px;
    right: -34px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
}

.route-top[b-bz0jpurk9s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 13px;
}

.route-kicker[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--brand-ink);
}

.route-chip[b-bz0jpurk9s] {
    background: rgba(255,255,255,.24);
    color: #fff;
}

.route-stats[b-bz0jpurk9s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
    position: relative;
    margin-bottom: 15px;
}

.route-stat-label[b-bz0jpurk9s] {
    font-size: 10.5px;
    font-weight: 700;
    opacity: .75;
    letter-spacing: .3px;
    text-transform: uppercase;
    color: var(--brand-ink);
}

.route-stat-value[b-bz0jpurk9s] {
    font-size: 14.5px;
    font-weight: 800;
    margin-top: 2px;
}

.route-status-banner[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border-radius: 12px;
    background: rgba(0,0,0,.16);
    position: relative;
    font-size: 18px;
}

.route-status-title[b-bz0jpurk9s] {
    font-size: 13px;
    font-weight: 800;
}

.route-status-sub[b-bz0jpurk9s] {
    font-size: 11.5px;
    font-weight: 600;
    opacity: .85;
}

.route-status-line[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    position: relative;
}

.route-sync-btn[b-bz0jpurk9s] {
    width: 100%;
    background: var(--brand-2);
    color: #fff;
    min-height: 46px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.work-kicker[b-bz0jpurk9s] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #2e492d;
    margin-bottom: 10px;
    position: relative;
}

.work-label[b-bz0jpurk9s] {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    letter-spacing: .3px;
    text-transform: uppercase;
    position: relative;
}

.work-amount[b-bz0jpurk9s] {
    font-size: 32px;
    color: #106b35;
    margin-top: 3px;
    margin-bottom: 4px;
    position: relative;
}

.work-next-center[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 11px 13px;
    border-radius: 13px;
    background: rgba(255,255,255,.08);
    position: relative;
}

.work-next-icon[b-bz0jpurk9s] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255,255,255,.12);
    display: grid;
    place-items: center;
}

.work-next-label[b-bz0jpurk9s] {
    font-size: 11px;
    font-weight: 700;
    opacity: .65;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.work-next-value[b-bz0jpurk9s] {
    font-size: 15px;
    font-weight: 800;
    margin-top: 1px;
}

.work-current-name[b-bz0jpurk9s] {
    font-size: 21px;
    font-weight: 800;
    margin-top: 3px;
    position: relative;
}

.work-current-sub[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
    opacity: .85;
    position: relative;
}

.dash-carousel-dots[b-bz0jpurk9s] {
    position: static;
    margin: 12px 0 0;
    gap: 6px;
}

    .dash-carousel-dots [data-bs-target][b-bz0jpurk9s] {
        width: 6px;
        height: 6px;
        border-radius: 99px;
        background: #316b22;
        opacity: 1;
        text-indent: -9999px;
        border: none;
        transition: width .25s ease, background .25s ease;
    }

        .dash-carousel-dots [data-bs-target].active[b-bz0jpurk9s] {
            width: 16px;
            background: #316b22;
        }

/* ---- inline alert banners (blocked / sync required) ---- */
.alert-banner[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
}

.alert-banner-out[b-bz0jpurk9s] {
    background: var(--out-soft);
    color: var(--out-ink);
}

.alert-banner-warn[b-bz0jpurk9s] {
    background: var(--amber-soft);
    color: #92400e;
}

.alert-banner-warn2[b-bz0jpurk9s] {
    background: var(--amber-soft);
    color: #92400e;
}

.alert-banner .btn-close[b-bz0jpurk9s] {
    flex: 0 0 auto;
}

/* ---- kpi card (summary carousel slide + pending sync card) ---- */
.summary-grid[b-bz0jpurk9s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    height: 197px;
}

/* brand-green kpi variant (e.g. Savings Collection) — keeps slide 3 inside
   the green/red money-semantic pair instead of introducing orange */
.kpi-brand .kpi-value[b-bz0jpurk9s] {
    color: var(--brand);
}

.kpi-brand .kpi-ico[b-bz0jpurk9s] {
    background: var(--brand-soft);
    color: var(--brand);
}

/* ---- centers accordion ---- */
.centers-accordion[b-bz0jpurk9s] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.center-item[b-bz0jpurk9s] {
    background: var(--surface);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-1);
    border: 1px solid var(--line-2);
}

.center-header-row[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px 4px 5px;
}

.center-accordion-btn[b-bz0jpurk9s] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 8px;
    background: none;
    border: none;
    box-shadow: none;
    text-align: left;
    min-width: 0;
}

    .center-accordion-btn:not(.collapsed)[b-bz0jpurk9s] {
        background: none;
        box-shadow: none;
        color: inherit;
    }

    .center-accordion-btn[b-bz0jpurk9s]::after {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        background-image: none;
        content: "\F282"; /* bi-chevron-down */
        font-family: "bootstrap-icons";
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ink-2);
        transition: transform .3s ease;
    }

    .center-accordion-btn:not(.collapsed)[b-bz0jpurk9s]::after {
        transform: rotate(180deg);
    }

.center-icon[b-bz0jpurk9s] {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}

.center-header-text[b-bz0jpurk9s] {
    min-width: 0;
}

.center-name-row[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.center-name[b-bz0jpurk9s] {
    font-size: 15.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center-status-chip[b-bz0jpurk9s] {
    height: 20px;
    font-size: 10.5px;
    flex: 0 0 auto;
}

.status-dot[b-bz0jpurk9s] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
    margin-right: 4px;
}

.center-sub-row[b-bz0jpurk9s] {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
}

.center-collection[b-bz0jpurk9s] {
    color: var(--in);
    font-size: 12.5px;
}

.center-more-dropdown[b-bz0jpurk9s] {
    flex: 0 0 auto;
}

.center-more-btn[b-bz0jpurk9s] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: none;
    border: none;
    color: var(--ink-3);
    font-size: 18px;
}

    .center-more-btn:hover[b-bz0jpurk9s], .center-more-btn:focus[b-bz0jpurk9s] {
        background: var(--surface-2);
    }

.center-body[b-bz0jpurk9s] {
    padding: 0 13px 13px;
}

.center-detail-grid[b-bz0jpurk9s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--line-2);
}

.center-detail[b-bz0jpurk9s] {
    text-align: center;
    padding: 2px 0;
}

.center-detail-value[b-bz0jpurk9s] {
    font-size: 16px;
    line-height: 1;
}

.center-detail-label[b-bz0jpurk9s] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 4px;
}

.center-lastsync-row[b-bz0jpurk9s] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 12px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
}

.btn-lg[b-bz0jpurk9s] {
    --bs-btn-border-radius: var(--r-lg);
    font-size: 18px;
    min-height: 46px;
}


/* ============ timeline ============ */
.timeline-card[b-bz0jpurk9s] {
    padding: 15px 15px 6px;
}

.tl-row[b-bz0jpurk9s] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.tl-rail[b-bz0jpurk9s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    align-self: stretch;
}

.tl-dot[b-bz0jpurk9s] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 13px;
    flex: 0 0 auto;
}

.tl-line[b-bz0jpurk9s] {
    width: 2px;
    flex: 1 1 auto;
    min-height: 18px;
    background: var(--line);
    margin: 3px 0;
}

.tl-text[b-bz0jpurk9s] {
    min-width: 0;
    padding-bottom: 14px;
    flex: 1 1 auto;
}

.tl-title[b-bz0jpurk9s] {
    font-size: 14px;
    font-weight: 800;
}

.tl-sub[b-bz0jpurk9s] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 1px;
}

.tl-chip[b-bz0jpurk9s] {
    flex: 0 0 auto;
    height: 24px;
}

.tl-done .tl-dot[b-bz0jpurk9s] {
    background: var(--in-soft);
    color: var(--in);
}

.tl-done .tl-line[b-bz0jpurk9s] {
    background: var(--in-soft);
}

.tl-done .tl-title[b-bz0jpurk9s] {
    color: var(--ink-2);
}

.tl-current .tl-dot[b-bz0jpurk9s] {
    background: #166534;
    box-shadow: 0 0 0 4px #b6e3c7;
    color:#fff;
}

.tl-current .tl-title[b-bz0jpurk9s] {
    color: var(--accent-ink);
}

.tl-pending .tl-dot[b-bz0jpurk9s] {
    background: var(--surface-2);
    border: 2px dashed var(--line);
}

.tl-pending .tl-title[b-bz0jpurk9s] {
    color: var(--ink-3);
}

/* ============ sync all (section header) ============ */
.sync-all-btn[b-bz0jpurk9s] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 12px;
    border-radius: var(--r-pill);
    background: var(--brand-soft);
    color: var(--brand-ink);
    cursor: pointer;
}

.sync-all-ico-done[b-bz0jpurk9s],
.sync-all-txt-done[b-bz0jpurk9s] {
    display: none;
}

#sync-all-chk:checked ~ .sync-all-btn[b-bz0jpurk9s] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    #sync-all-chk:checked ~ .sync-all-btn .sync-all-ico-idle[b-bz0jpurk9s],
    #sync-all-chk:checked ~ .sync-all-btn .sync-all-txt-idle[b-bz0jpurk9s] {
        display: none;
    }

    #sync-all-chk:checked ~ .sync-all-btn .sync-all-ico-done[b-bz0jpurk9s],
    #sync-all-chk:checked ~ .sync-all-btn .sync-all-txt-done[b-bz0jpurk9s] {
        display: inline-flex;
    }

/* ============ per-card sync button ============ */
.center-sync-btn[b-bz0jpurk9s] {
    min-height: 44px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
    flex: 0 0 auto;
    background: var(--info-soft);
    color: #2563EB;
    cursor: pointer;
}

.center-sync-ico-done[b-bz0jpurk9s] {
    display: none;
}

.center-sync-check:checked ~ .center-sync-btn[b-bz0jpurk9s] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    .center-sync-check:checked ~ .center-sync-btn .center-sync-ico-idle[b-bz0jpurk9s] {
        display: none;
    }

    .center-sync-check:checked ~ .center-sync-btn .center-sync-ico-done[b-bz0jpurk9s] {
        display: inline-block;
    }

/* enable "Open Center" once its own sync is done, or once Sync All is used */
.center-sync-check:checked ~ .center-open-btn.center-open-disabled[b-bz0jpurk9s],
.dash-page:has(#sync-all-chk:checked) .center-open-btn.center-open-disabled[b-bz0jpurk9s] {
    opacity: 1;
    pointer-events: auto;
}

/* reflect the "Sync All" action on every card's own sync button too */
.dash-page:has(#sync-all-chk:checked) .center-sync-btn[b-bz0jpurk9s] {
    background: var(--in-soft);
    color: var(--in-ink);
}

    .dash-page:has(#sync-all-chk:checked) .center-sync-btn .center-sync-ico-idle[b-bz0jpurk9s] {
        display: none;
    }

    .dash-page:has(#sync-all-chk:checked) .center-sync-btn .center-sync-ico-done[b-bz0jpurk9s] {
        display: inline-block;
    }

.center-open-btn[b-bz0jpurk9s] {
    min-height: 44px;
    font-size: 14px;
    font-weight: 800;
    background: var(--brand-2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    border-radius: var(--r-md);
}

    .center-open-btn:active[b-bz0jpurk9s] {
        background: var(--brand-press);
        color: #fff;
    }

.center-open-disabled[b-bz0jpurk9s] {
    opacity: .45;
    pointer-events: none;
}

.center-more-btn[b-bz0jpurk9s] {
    min-height: 44px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
}

/* more menu */
.center-menu[b-bz0jpurk9s] {
    margin-top: 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background: var(--surface-2);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.center-menu-item[b-bz0jpurk9s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ink-2);
    text-decoration: none;
    border-bottom: 1px solid var(--line-2);
}

    .center-menu-item:last-child[b-bz0jpurk9s] {
        border-bottom: none;
    }

    .center-menu-item:active[b-bz0jpurk9s] {
        background: var(--brand-soft);
        color: var(--brand-ink);
    }

    .center-menu-item i[b-bz0jpurk9s] {
        font-size: 16px;
        color: var(--ink-3);
    }

/* /Components/Pages/Dashboard/SyncDetails.razor.rz.scp.css */
.sync-page[b-zecg84o8mo] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.sync-header[b-zecg84o8mo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.sync-title[b-zecg84o8mo] { font-size: 19px; font-weight: 800; letter-spacing: -.3px; }
.sync-sub[b-zecg84o8mo] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.sync-body[b-zecg84o8mo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px 16px;
    flex: 1;
}

.sync-hero[b-zecg84o8mo] {
    padding: 20px;
    border-radius: 22px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.sync-hero-ok[b-zecg84o8mo] { background: linear-gradient(140deg, var(--in) 0%, #0f6b32 100%); }
.sync-hero-busy[b-zecg84o8mo] { background: linear-gradient(140deg, var(--info) 0%, #1e40af 100%); }
.sync-hero-pending[b-zecg84o8mo] { background: linear-gradient(140deg, var(--sync-warn) 0%, #b45309 100%); }

.sync-hero-blob[b-zecg84o8mo] {
    position: absolute; top: -40px; right: -30px;
    width: 140px; height: 140px; border-radius: 50%;
    background: rgba(255,255,255,.1);
}

.sync-hero-content[b-zecg84o8mo] { position: relative; }
.sync-hero-icon[b-zecg84o8mo] {
    width: 48px; height: 48px; border-radius: 14px;
    background: rgba(255,255,255,.18);
    display: grid; place-items: center;
    flex: 0 0 auto;
    font-size: 24px;
}
.sync-hero-title[b-zecg84o8mo] { font-size: 19px; font-weight: 800; }
.sync-hero-sub[b-zecg84o8mo] { font-size: 13px; font-weight: 600; opacity: .85; margin-top: 2px; }

.sync-meta-card[b-zecg84o8mo] { padding: 2px 16px; }
.sync-meta-row[b-zecg84o8mo] {
    display: flex; justify-content: space-between;
    padding: 13px 0; border-bottom: 1px solid var(--line-2);
}
.sync-meta-row-last[b-zecg84o8mo] { border-bottom: none; }
.sync-meta-label[b-zecg84o8mo] { font-size: 14px; font-weight: 600; color: var(--ink-3); }
.sync-meta-value[b-zecg84o8mo] { font-size: 14.5px; font-weight: 800; }
.text-out[b-zecg84o8mo] { color: var(--out); }

.sync-list-card[b-zecg84o8mo] { padding: 0 2px; overflow: hidden; }
.sync-empty[b-zecg84o8mo] { display: flex; align-items: center; gap: 10px; padding: 16px 14px; color: var(--in); font-size: 14px; font-weight: 700; }

.sync-record-row[b-zecg84o8mo] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 13px; border-bottom: 1px solid var(--line-2);
}
.sync-record-row:last-child[b-zecg84o8mo] { border-bottom: none; }
.sync-record-icon[b-zecg84o8mo] {
    width: 38px; height: 38px; border-radius: 11px;
    background: var(--amber-soft); color: #b45309;
    display: grid; place-items: center; flex: 0 0 auto; font-size: 18px;
}
.sync-record-icon-error[b-zecg84o8mo] { background: var(--out-soft); color: var(--out); }
.sync-record-label[b-zecg84o8mo] { font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sync-record-meta[b-zecg84o8mo] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.sync-record-amount[b-zecg84o8mo] { font-size: 13.5px; font-weight: 800; color: var(--ink-2); }
.sync-error-reason[b-zecg84o8mo] { font-size: 12px; font-weight: 600; color: var(--out); margin-top: 1px; }

.sync-actionbar[b-zecg84o8mo] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
/* /Components/Pages/Loan/ApplyLoan.razor.rz.scp.css */
.loan-page[b-50htbeycus] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ln-tab-content[b-50htbeycus] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.ln-step[b-50htbeycus] {
    flex-direction: column;
    min-height: 0;
}

.ln-step.show[b-50htbeycus] {
    display: flex;
}

.ln-flow-header[b-50htbeycus] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.ln-title[b-50htbeycus] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.ln-sub[b-50htbeycus] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.ln-body[b-50htbeycus] {
    padding: 0 16px 95px;
    flex: 1;
    overflow-y: auto;
}

.ln-member-card[b-50htbeycus] { padding: 14px; }
.ln-member-avatar[b-50htbeycus] { width: 46px; height: 46px; font-size: 16px; }
.ln-member-name[b-50htbeycus] { font-size: 16px; font-weight: 800; }
.ln-member-id[b-50htbeycus] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.ln-member-grid[b-50htbeycus] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px;
    padding-top: 12px; border-top: 1px solid var(--line-2);
}
.ln-member-field-label[b-50htbeycus] { font-size: 11px; font-weight: 700; color: var(--ink-3); }
.ln-member-field-value[b-50htbeycus] { font-size: 13.5px; font-weight: 700; margin-top: 2px; }

.ln-range-hint[b-50htbeycus] {
    display: flex; align-items: center; gap: 6px;
    margin-top: 6px; color: var(--ink-3); font-size: 12px; font-weight: 600;
}

.ln-currency[b-50htbeycus] {
    position: absolute; left: 15px; top: 0; bottom: 0;
    display: flex; align-items: center;
    font-size: 18px; font-weight: 800; color: var(--ink-3);
    pointer-events: none;
}
.ln-currency-active[b-50htbeycus] { color: var(--accent); }
.ln-amount-input[b-50htbeycus] { padding-left: 38px; font-size: 20px; font-weight: 800; height: 58px; }

.ln-quick-amt[b-50htbeycus] {
    height: 38px; border-radius: 11px; background: var(--surface);
    border: 1px solid var(--line); font-size: 13.5px; font-weight: 800; color: var(--ink-2);
}
.ln-quick-amt-active[b-50htbeycus] { background: var(--accent-soft); color: var(--accent-ink); }

.ln-hint[b-50htbeycus] {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 16px; padding: 12px 13px; border-radius: 13px;
    background: var(--info-soft); color: #1e40af;
    font-size: 12.5px; font-weight: 600;
}
.ln-hint-warn[b-50htbeycus] { background: var(--amber-soft); color: #92400e; margin-top: 12px; margin-bottom: 0; }
.ln-hint-info[b-50htbeycus] { background: var(--info-soft); color: #1e40af; margin-top: 12px; margin-bottom: 0; }

.ln-doc-card[b-50htbeycus] {
    flex-direction: row; padding: 14px; display: flex; align-items: center; gap: 13px; text-align: left; border: 1.5px dashed var(--line); }
.ln-doc-card-done[b-50htbeycus] { border: 1.5px solid var(--in); }
.ln-doc-icon[b-50htbeycus] { width: 46px; height: 46px; border-radius: 13px; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; flex: 0 0 auto; font-size: 22px; }
.ln-doc-icon-done[b-50htbeycus] { background: var(--in-soft); color: var(--in); }
.ln-doc-label[b-50htbeycus] { font-size: 15px; font-weight: 800; }
.ln-doc-status[b-50htbeycus] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.ln-actionbar[b-50htbeycus] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
.ln-actionbar-row[b-50htbeycus] { display: flex; gap: 10px; }
.ln-skip-btn[b-50htbeycus] { flex: 0 0 130px; }
.ln-edit-btn[b-50htbeycus] { flex: 0 0 92px; }

.ln-amount-hero[b-50htbeycus] {
    padding: 18px; border-radius: 20px; text-align: center; margin-bottom: 14px;
    background: linear-gradient(140deg, var(--accent) 0%, var(--accent-press) 100%);
    color: #fff;
}
.ln-amount-hero-kicker[b-50htbeycus] { font-size: 12px; font-weight: 800; opacity: .9; letter-spacing: .4px; }
.ln-amount-hero-value[b-50htbeycus] { font-size: 40px; margin-top: 4px; color: #fff; }
.ln-amount-hero-sub[b-50htbeycus] { font-size: 12.5px; font-weight: 700; opacity: .9; margin-top: 4px; }

.ln-details-card[b-50htbeycus] { padding: 2px 16px; }
.ln-details-row[b-50htbeycus] { padding: 11px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-3); border-bottom: 1px solid var(--line-2); }
.ln-details-row-last[b-50htbeycus] { border-bottom: none; }
.ln-details-row span:last-child[b-50htbeycus] { font-weight: 700; color: var(--ink); text-align: right; max-width: 200px; }

.ln-done-hero[b-50htbeycus] {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 12px 0 18px;
}
.ln-done-check[b-50htbeycus] {
    width: 78px; height: 78px; border-radius: 50%;
    background: var(--in-soft); display: grid; place-items: center; margin-bottom: 14px;
    font-size: 42px; color: var(--in);
}
.ln-done-title[b-50htbeycus] { font-size: 21px; font-weight: 800; letter-spacing: -.3px; }
.ln-done-sub[b-50htbeycus] { font-size: 13.5px; font-weight: 600; color: var(--ink-3); margin-top: 4px; }
.ln-done-chip[b-50htbeycus] { margin-top: 12px; height: 34px; font-size: 13.5px; }

.ln-timeline-card[b-50htbeycus] { padding: 16px; }
.ln-timeline-row[b-50htbeycus] { align-items: stretch; }
.ln-timeline-marker-col[b-50htbeycus] { display: flex; flex-direction: column; align-items: center; flex: 0 0 24px; }
.ln-timeline-dot[b-50htbeycus] {
    width: 24px; height: 24px; border-radius: 50%; background: var(--line);
    display: grid; place-items: center; flex: 0 0 auto;
    font-size: 11px; font-weight: 800; color: var(--ink-3);
}
.ln-timeline-dot-done[b-50htbeycus] { background: var(--in); color: #fff; }
.ln-timeline-dot-current[b-50htbeycus] { background: var(--amber); color: #fff; border: 3px solid var(--amber-soft); }
.ln-timeline-connector[b-50htbeycus] { width: 2px; flex: 1; min-height: 16px; background: var(--line); }
.ln-timeline-connector-done[b-50htbeycus] { background: var(--in); }
.ln-timeline-text[b-50htbeycus] { padding-bottom: 14px; }
.ln-timeline-label[b-50htbeycus] { font-size: 14.5px; font-weight: 700; color: var(--ink-3); }
.ln-timeline-label-active[b-50htbeycus] { font-size: 14.5px; font-weight: 700; color: var(--ink); }
.ln-timeline-label-current[b-50htbeycus] { font-size: 14.5px; font-weight: 800; color: var(--ink); }
.ln-timeline-current-note[b-50htbeycus] { font-size: 12px; font-weight: 600; color: #92400e; margin-top: 1px; }
/* /Components/Pages/Loan/ClosingRegister.razor.rz.scp.css */
.closingreg-page[b-x01dnk4q9x] {
    display: flex;
    flex-direction: column;
}

.cr-tab-content[b-x01dnk4q9x] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.cr-step[b-x01dnk4q9x] {
    flex-direction: column;
    min-height: 0;
}

    .cr-step.show[b-x01dnk4q9x] {
        display: flex;
    }

.cr-header[b-x01dnk4q9x] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 12px;
}

.cr-title[b-x01dnk4q9x] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.cr-sub[b-x01dnk4q9x] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.cr-progress[b-x01dnk4q9x] {
    padding: 0 16px 12px;
}

.cr-body[b-x01dnk4q9x] {
    padding: 12px 16px 95px;
    flex: 1;
    min-height: 100vh;
}

/* Reg No / Reg Date / Unit Name / Acc Status — laid out as a compact field row */
.cr-reg-grid[b-x01dnk4q9x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 10px;
}

/* plain radio + label (Account Type / Project Type) */
.cr-radio[b-x01dnk4q9x] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--ink);
}

    .cr-radio input[type="radio"][b-x01dnk4q9x] {
        width: 20px;
        height: 20px;
        accent-color: var(--in);
        margin: 0;
    }

.cr-search-btn[b-x01dnk4q9x] {
    flex: 0 0 auto;
    width: var(--tap);
    background-color: #316b22;
    border-color: #316b22;
    display: grid;
    place-items: center;
    color: #fff;
}

/* Note: the "Saving Member Details" card's own styles live in
   SavingMemberDetailsCard.razor.css, since the card is now a shared
   child component reused across all 3 steps instead of being
   repeated inline here. */

/* Supporting Documents (step 3) — big square card grid */
.cr-doc-grid[b-x01dnk4q9x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.cr-doc-card[b-x01dnk4q9x] {
    padding: 28px 16px;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-radius: var(--r-lg);
}

.cr-doc-card-missing[b-x01dnk4q9x] {
    border: 1.5px dashed var(--line);
    background: var(--surface-2);
    box-shadow: none;
}

.cr-doc-card-icon[b-x01dnk4q9x] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    font-size: 28px;
}

.cr-doc-card-icon-missing[b-x01dnk4q9x] {
    background: var(--line-2);
    color: var(--ink-3);
}

.cr-doc-card-label[b-x01dnk4q9x] {
    font-size: 14.5px;
    font-weight: 700;
    text-align: center;
}

.cr-doc-card-status[b-x01dnk4q9x] {
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-3);
}

.cr-actionbar[b-x01dnk4q9x] {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}

.cr-draft-btn[b-x01dnk4q9x] {
    flex: 0 0 120px;
}


/* Hide actual radio */
.cr-radio-input[b-x01dnk4q9x] {
    display: none;
}

/* Container */
.cr-radio-group[b-x01dnk4q9x] {
    display: grid;
    gap: 10px;
}

    .cr-radio-group:has(.cr-radio-btn:nth-child(4))[b-x01dnk4q9x] {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Project Type (3 buttons) */
    .cr-radio-group .cr-radio-btn[b-x01dnk4q9x] {
        min-height: 52px;
    }

/* Button */
.cr-radio-btn[b-x01dnk4q9x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    transition: .2s;
    user-select: none;
}

    .cr-radio-btn i[b-x01dnk4q9x] {
        font-size: 18px;
    }

    /* Hover */
    .cr-radio-btn:hover[b-x01dnk4q9x] {
        border-color: var(--in);
    }

/* Selected */
.cr-radio-input:checked + .cr-radio-btn[b-x01dnk4q9x] {
    background: var(--in);
    color: #fff;
    border-color: var(--in);
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
}

/* Mobile */
@media (max-width:576px) {

    .cr-radio-group[b-x01dnk4q9x] {
        grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
    }
}
/* /Components/Pages/Loan/ClosingRegisterList.razor.rz.scp.css */
.members-page[b-b6akgn9hna] {
    display: flex;
    flex-direction: column;
}

.members-head[b-b6akgn9hna] {
    padding: 10px 16px 4px;
}

.members-title[b-b6akgn9hna] {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.members-new-btn[b-b6akgn9hna] {
    min-height: 42px;
    padding: 0 14px;
    font-size: 14.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.members-search[b-b6akgn9hna] {
    position: relative;
}

.members-search-icon[b-b6akgn9hna] {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: var(--ink-3);
    font-size: 19px;
    pointer-events: none;
}

.members-search .form-control[b-b6akgn9hna] {
    padding-left: 46px;
}

.members-filters[b-b6akgn9hna] {
    margin-top: 11px;
    padding-bottom: 6px;
    overflow-x: auto;
}

    .members-filters .chip[b-b6akgn9hna] {
        cursor: pointer;
        white-space: nowrap;
        border: none;
    }

.members-list[b-b6akgn9hna] {
    padding: 4px 16px 20px;
    flex: 1;
}

.member-row[b-b6akgn9hna] {
    flex-direction: row;
    width: 100%;
    padding: 12px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.member-avatar[b-b6akgn9hna] {
    width: 48px;
    height: 48px;
    font-size: 17px;
}

.member-name[b-b6akgn9hna] {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
}

.member-sub[b-b6akgn9hna] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 2px;
}

.members-empty[b-b6akgn9hna] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 0;
    color: var(--ink-3);
}

.members-empty-icon[b-b6akgn9hna] {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: var(--line-2);
    display: grid;
    place-items: center;
    font-size: 26px;
}

.members-empty-text[b-b6akgn9hna] {
    font-size: 14.5px;
    font-weight: 700;
}
/* /Components/Pages/Members/MemberDetails.razor.rz.scp.css */
.member-page[b-n0av82ad4m] {
    display: flex;
    flex-direction: column;
}

.member-header[b-n0av82ad4m] {
    display: flex;
    align-items: center;
    padding: 10px 14px 4px;
}

.member-identity[b-n0av82ad4m] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 18px 14px;
}

.member-identity-avatar[b-n0av82ad4m] {
    width: 58px;
    height: 58px;
    font-size: 20px;
}

.member-identity-name[b-n0av82ad4m] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.3px;
}

.member-identity-sub[b-n0av82ad4m] {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

/* tabs — restyle Bootstrap nav-tabs to match the underline style */
.member-tabs[b-n0av82ad4m] {
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
    flex-wrap: nowrap;
    overflow-x: auto;
}
.member-tabs .nav-link[b-n0av82ad4m] {
    border: none;
    border-bottom: 2.5px solid transparent;
    border-radius: 0;
    padding: 11px 13px;
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-3);
    margin-bottom: -1px;
    white-space: nowrap;
}
.member-tabs .nav-link.active[b-n0av82ad4m] {
    color: var(--accent);
    background: none;
    border-bottom-color: var(--accent);
}

.member-tab-body[b-n0av82ad4m] {
    padding: 13px 16px 95px;
    flex: 1;
    min-height: 80vh;
}

.member-info-card[b-n0av82ad4m] { padding: 4px 16px; }
.member-info-row[b-n0av82ad4m] { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; gap: 8px; }
.member-info-label[b-n0av82ad4m] { font-size: 13.5px; font-weight: 600; color: var(--ink-3); }
.member-info-value[b-n0av82ad4m] { font-size: 14.5px; font-weight: 700; text-align: right; }
.member-hr[b-n0av82ad4m] { height: 1px; background: var(--line); border: 0; margin: 0; }
.member-call-btn[b-n0av82ad4m] {
    width: 34px; height: 34px; border-radius: 10px;
    background: var(--in-soft); color: var(--in);
    display: grid; place-items: center; font-size: 15px;
}
.member-address-block[b-n0av82ad4m] { padding: 14px 0 8px; }
.member-address-value[b-n0av82ad4m] { font-size: 14.5px; font-weight: 700; line-height: 1.4; }

.loan-card[b-n0av82ad4m] { padding: 16px; }
.loan-product[b-n0av82ad4m] { font-size: 16px; font-weight: 800; }
.loan-meta[b-n0av82ad4m] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.loan-stats-grid[b-n0av82ad4m] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 14px; }
.loan-stat[b-n0av82ad4m] { padding: 10px; border-radius: 11px; background: var(--surface-2); text-align: center; }
.loan-stat-label[b-n0av82ad4m] { font-size: 10.5px; font-weight: 700; color: var(--ink-3); }
.loan-stat-value[b-n0av82ad4m] { font-size: 16px; margin-top: 3px; }
.text-accent[b-n0av82ad4m] { color: var(--accent); }

.savings-hero-card[b-n0av82ad4m] {
    padding: 18px;
    background: linear-gradient(135deg, var(--info) 0%, #1e40af 100%);
    border: none;
    color: #fff;
}
.savings-hero-label[b-n0av82ad4m] { font-size: 12.5px; font-weight: 700; opacity: .85; letter-spacing: .4px; text-transform: uppercase; }
.savings-hero-value[b-n0av82ad4m] { font-size: 34px; margin-top: 4px; color: #fff; }
.savings-hero-sublabel[b-n0av82ad4m] { font-size: 11.5px; opacity: .8; font-weight: 600; }
.savings-hero-subvalue[b-n0av82ad4m] { font-size: 15px; font-weight: 800; margin-top: 2px; }

.member-list-card[b-n0av82ad4m] { padding: 0 2px; }
.member-list-row[b-n0av82ad4m] { display: flex; align-items: center; justify-content: space-between; padding: 13px 14px; border-bottom: 1px solid var(--line-2); }
.member-list-row:last-child[b-n0av82ad4m] { border-bottom: none; }
.member-list-icon[b-n0av82ad4m] { width: 38px; height: 38px; border-radius: 11px; background: var(--in-soft); color: var(--in); display: grid; place-items: center; font-size: 17px; }
.member-list-primary[b-n0av82ad4m] { font-size: 14.5px; font-weight: 700; }
.member-list-secondary[b-n0av82ad4m] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.member-seg[b-n0av82ad4m] {
    background: var(--line-2);
    border-radius: var(--r-md);
    padding: 4px;
    gap: 4px;
}
.member-seg .nav-link[b-n0av82ad4m] {
    flex: 1;
    min-height: 38px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    color: var(--ink-2);
    text-align: center;
    border: none;
}
.member-seg .nav-link.active[b-n0av82ad4m] {
    background: var(--surface);
    color: var(--ink);
    box-shadow: var(--sh-1);
}

.doc-grid[b-n0av82ad4m] { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.doc-card[b-n0av82ad4m] {
    padding: 14px;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.doc-card-missing[b-n0av82ad4m] {
    border: 1.5px dashed var(--line);
    background: var(--surface-2);
}
.doc-card-icon[b-n0av82ad4m] {
    width: 46px; height: 46px; border-radius: 13px;
    background: var(--accent-soft); color: var(--accent-ink);
    display: grid; place-items: center; font-size: 22px;
}
.doc-card-icon-missing[b-n0av82ad4m] { background: var(--line-2); color: var(--ink-3); }
.doc-card-label[b-n0av82ad4m] { font-size: 13px; font-weight: 700; text-align: center; }
.doc-card-status[b-n0av82ad4m] { font-size: 11px; font-weight: 700; color: var(--ink-3); }

.member-actionbar[b-n0av82ad4m] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}
.member-action-icon[b-n0av82ad4m] { flex: 0 0 52px; padding: 0; }
/* /Components/Pages/Members/MembersList.razor.rz.scp.css */
.members-page[b-lxpjnys2ft] {
    display: flex;
    flex-direction: column;
}

.members-head[b-lxpjnys2ft] {
    padding: 10px 16px 4px;
}

.members-title[b-lxpjnys2ft] {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.members-new-btn[b-lxpjnys2ft] {
    min-height: 42px;
    padding: 0 14px;
    font-size: 14.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.members-search[b-lxpjnys2ft] {
    position: relative;
}

.members-search-icon[b-lxpjnys2ft] {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: var(--ink-3);
    font-size: 19px;
    pointer-events: none;
}

.members-search .form-control[b-lxpjnys2ft] {
    padding-left: 46px;
}

.members-filters[b-lxpjnys2ft] {
    margin-top: 11px;
    padding-bottom: 6px;
    overflow-x: auto;
}

.members-filters .chip[b-lxpjnys2ft] {
    cursor: pointer;
    white-space: nowrap;
    border: none;
}

.members-list[b-lxpjnys2ft] {
    padding: 4px 16px 20px;
    flex: 1;
}

.member-row[b-lxpjnys2ft] {
    flex-direction: row;
    width: 100%;
    padding: 12px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.member-avatar[b-lxpjnys2ft] {
    width: 48px;
    height: 48px;
    font-size: 17px;
}

.member-name[b-lxpjnys2ft] {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
}

.member-sub[b-lxpjnys2ft] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 2px;
}

.members-empty[b-lxpjnys2ft] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 0;
    color: var(--ink-3);
}

.members-empty-icon[b-lxpjnys2ft] {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: var(--line-2);
    display: grid;
    place-items: center;
    font-size: 26px;
}

.members-empty-text[b-lxpjnys2ft] {
    font-size: 14.5px;
    font-weight: 700;
}
/* /Components/Pages/Members/MemberWithdrawal.razor.rz.scp.css */
.newmember-page[b-gr8o6b23f3] {
    display: flex;
    flex-direction: column;
}

.nm-tab-content[b-gr8o6b23f3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.nm-step[b-gr8o6b23f3] {
    flex-direction: column;
    min-height: 0;
}

    .nm-step.show[b-gr8o6b23f3] {
        display: flex;
    }

.nm-header[b-gr8o6b23f3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 12px;
}

.nm-title[b-gr8o6b23f3] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.nm-sub[b-gr8o6b23f3] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.nm-progress[b-gr8o6b23f3] {
    padding: 0 16px 12px;
}

.nm-body[b-gr8o6b23f3] {
    padding: 12px 16px 95px;
    flex: 1;
    min-height: 100vh;
}

.nm-kyc-kicker[b-gr8o6b23f3] {
    padding-top: 4px;
}

.nm-doc-card[b-gr8o6b23f3] {
    flex-direction: row;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-align: left;
    border: 1.5px dashed var(--line);
}

.nm-doc-icon[b-gr8o6b23f3] {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 22px;
}

.nm-doc-label[b-gr8o6b23f3] {
    font-size: 15px;
    font-weight: 800;
}

.nm-doc-hint[b-gr8o6b23f3] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
}

.nm-status-card[b-gr8o6b23f3] {
    padding: 14px;
    margin-top: 4px;
}

.nm-status-flow[b-gr8o6b23f3] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.nm-status-step[b-gr8o6b23f3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    flex: 1;
}

.nm-status-dot[b-gr8o6b23f3] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--line);
    color: var(--ink-3);
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 800;
}

.nm-status-dot-active[b-gr8o6b23f3] {
    background: var(--accent);
    color: #fff;
}

.nm-status-label[b-gr8o6b23f3] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--ink-3);
}

.nm-status-label-active[b-gr8o6b23f3] {
    color: var(--accent);
}

.nm-status-connector[b-gr8o6b23f3] {
    height: 2px;
    background: var(--line);
    flex: 0 0 14px;
    margin-top: 13px;
}

.nm-actionbar[b-gr8o6b23f3] {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}

.nm-draft-btn[b-gr8o6b23f3] {
    flex: 0 0 120px;
}




/* Hide actual radio */
.cr-radio-input[b-gr8o6b23f3] {
    display: none;
}

/* Container */
.cr-radio-group[b-gr8o6b23f3] {
    display: grid;
    gap: 10px;
}

    .cr-radio-group:has(.cr-radio-btn:nth-child(4))[b-gr8o6b23f3] {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Project Type (3 buttons) */
    .cr-radio-group .cr-radio-btn[b-gr8o6b23f3] {
        min-height: 52px;
    }

/* Button */
.cr-radio-btn[b-gr8o6b23f3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    transition: .2s;
    user-select: none;
}

    .cr-radio-btn i[b-gr8o6b23f3] {
        font-size: 18px;
    }

    /* Hover */
    .cr-radio-btn:hover[b-gr8o6b23f3] {
        border-color: var(--in);
    }

/* Selected */
.cr-radio-input:checked + .cr-radio-btn[b-gr8o6b23f3] {
    background: var(--in);
    color: #fff;
    border-color: var(--in);
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
}

/* Mobile */
@media (max-width:576px) {

    .cr-radio-group[b-gr8o6b23f3] {
        grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
    }
}
/* /Components/Pages/Members/MemberWithdrawList.razor.rz.scp.css */
.members-page[b-1vayc1vzzl] {
    display: flex;
    flex-direction: column;
}

.members-head[b-1vayc1vzzl] {
    padding: 10px 16px 4px;
}

.members-title[b-1vayc1vzzl] {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.members-new-btn[b-1vayc1vzzl] {
    min-height: 42px;
    padding: 0 14px;
    font-size: 14.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.members-search[b-1vayc1vzzl] {
    position: relative;
}

.members-search-icon[b-1vayc1vzzl] {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: var(--ink-3);
    font-size: 19px;
    pointer-events: none;
}

.members-search .form-control[b-1vayc1vzzl] {
    padding-left: 46px;
}

.members-filters[b-1vayc1vzzl] {
    margin-top: 11px;
    padding-bottom: 6px;
    overflow-x: auto;
}

    .members-filters .chip[b-1vayc1vzzl] {
        cursor: pointer;
        white-space: nowrap;
        border: none;
    }

.members-list[b-1vayc1vzzl] {
    padding: 4px 16px 20px;
    flex: 1;
}

.member-row[b-1vayc1vzzl] {
    flex-direction: row;
    width: 100%;
    padding: 12px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    text-decoration: none;
    color: inherit;
}

.member-avatar[b-1vayc1vzzl] {
    width: 48px;
    height: 48px;
    font-size: 17px;
}

.member-name[b-1vayc1vzzl] {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
}

.member-sub[b-1vayc1vzzl] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 2px;
}

.members-empty[b-1vayc1vzzl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 0;
    color: var(--ink-3);
}

.members-empty-icon[b-1vayc1vzzl] {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: var(--line-2);
    display: grid;
    place-items: center;
    font-size: 26px;
}

.members-empty-text[b-1vayc1vzzl] {
    font-size: 14.5px;
    font-weight: 700;
}
/* /Components/Pages/Members/NewMember.razor.rz.scp.css */
.newmember-page[b-52fhg6kdw2] {
    display: flex;
    flex-direction: column;
}

.nm-tab-content[b-52fhg6kdw2] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.nm-step[b-52fhg6kdw2] {
    flex-direction: column;
    min-height: 0;
}

.nm-step.show[b-52fhg6kdw2] {
    display: flex;
}

.nm-header[b-52fhg6kdw2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 12px;
}

.nm-title[b-52fhg6kdw2] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.nm-sub[b-52fhg6kdw2] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.nm-progress[b-52fhg6kdw2] {
    padding: 0 16px 12px;
}

.nm-body[b-52fhg6kdw2] {
    padding: 12px 16px 95px;
    flex: 1;
    min-height:100vh;
}

.nm-kyc-kicker[b-52fhg6kdw2] {
    padding-top: 4px;
}

.nm-doc-card[b-52fhg6kdw2] {
    flex-direction: row;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-align: left;
    border: 1.5px dashed var(--line);
}

.nm-doc-icon[b-52fhg6kdw2] {
    width: 46px; height: 46px; border-radius: 13px;
    background: var(--accent-soft); color: var(--accent-ink);
    display: grid; place-items: center; flex: 0 0 auto; font-size: 22px;
}

.nm-doc-label[b-52fhg6kdw2] { font-size: 15px; font-weight: 800; }
.nm-doc-hint[b-52fhg6kdw2] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); }

.nm-status-card[b-52fhg6kdw2] {
    padding: 14px;
    margin-top: 4px;
}

.nm-status-flow[b-52fhg6kdw2] {
    display: flex;
    align-items: flex-start;
    gap: 0;
}

.nm-status-step[b-52fhg6kdw2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    flex: 1;
}

.nm-status-dot[b-52fhg6kdw2] {
    width: 26px; height: 26px; border-radius: 50%;
    background: var(--line); color: var(--ink-3);
    display: grid; place-items: center;
    font-size: 12px; font-weight: 800;
}
.nm-status-dot-active[b-52fhg6kdw2] { background: var(--accent); color: #fff; }

.nm-status-label[b-52fhg6kdw2] { font-size: 10.5px; font-weight: 700; color: var(--ink-3); }
.nm-status-label-active[b-52fhg6kdw2] { color: var(--accent); }

.nm-status-connector[b-52fhg6kdw2] {
    height: 2px;
    background: var(--line);
    flex: 0 0 14px;
    margin-top: 13px;
}

.nm-actionbar[b-52fhg6kdw2] {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}

.nm-draft-btn[b-52fhg6kdw2] {
    flex: 0 0 120px;
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notif-page[b-juj9873isd] {
    display: flex;
    flex-direction: column;
}

.notif-header[b-juj9873isd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.notif-title[b-juj9873isd] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.notif-sub[b-juj9873isd] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.notif-mark-read[b-juj9873isd] {
    font-size: 13.5px; font-weight: 800; color: var(--accent);
    background: none; border: none;
}

.notif-body[b-juj9873isd] {
    padding: 0 16px 20px;
}

.notif-card[b-juj9873isd] { padding: 0 2px; overflow: hidden; }
.notif-row[b-juj9873isd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border-bottom: 1px solid var(--line-2);
}
.notif-row:last-child[b-juj9873isd] { border-bottom: none; }
.notif-row-icon[b-juj9873isd] { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto; font-size: 19px; }
.notif-row-title[b-juj9873isd] { font-size: 14.5px; font-weight: 700; }
.notif-row-sub[b-juj9873isd] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.notif-row-time[b-juj9873isd] { font-size: 11.5px; font-weight: 700; color: var(--ink-3); flex: 0 0 auto; }
/* /Components/Pages/Profile/Attendance.razor.rz.scp.css */
.simpleinfo-page[b-klyn7w3qel] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.si-header[b-klyn7w3qel] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.si-title[b-klyn7w3qel] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.si-body[b-klyn7w3qel] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 60px 24px;
    text-align: center;
    color: var(--ink-3);
}

.si-icon[b-klyn7w3qel] {
    width: 64px; height: 64px;
    border-radius: 18px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    font-size: 30px;
}

.si-heading[b-klyn7w3qel] {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
}

.si-text[b-klyn7w3qel] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}
/* /Components/Pages/Profile/DayClosing.razor.rz.scp.css */
.dc-page[b-85ormwyhes] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dc-header[b-85ormwyhes] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.dc-title[b-85ormwyhes] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.dc-sub[b-85ormwyhes] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.dc-body[b-85ormwyhes] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.dc-cash-hero[b-85ormwyhes] {
    position: relative;
    overflow: hidden;
    border-radius: var(--r-lg);
    background: #316b22;
    color: #fff;
    padding: 20px;
    margin-bottom: 16px;
}
.dc-cash-hero-blob[b-85ormwyhes] {
    position: absolute;
    top: -40px; right: -40px;
    width: 140px; height: 140px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 55%, transparent);
    filter: blur(10px);
}
.dc-cash-hero-label[b-85ormwyhes] {
    position: relative;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: color-mix(in srgb, #fff 70%, transparent);
}
.dc-cash-hero-value[b-85ormwyhes] {
    position: relative;
    font-size: 30px;
    margin-top: 6px;
}

.dc-tabs[b-85ormwyhes] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
    margin-bottom: 14px;
    border: none;
}
.dc-tabs .nav-link[b-85ormwyhes] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 99px;
    border: 1.5px solid var(--line);
    background: var(--surface);
    color: var(--ink-2);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.dc-tabs .nav-link.active[b-85ormwyhes] {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}
.dc-tab-count[b-85ormwyhes] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 99px;
    background: var(--line-2);
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 800;
}
.dc-tabs .nav-link.active .dc-tab-count[b-85ormwyhes] {
    background: color-mix(in srgb, #fff 25%, transparent);
    color: #fff;
}

.dc-summary-card[b-85ormwyhes] { padding: 4px 14px; }
.dc-summary-row[b-85ormwyhes] { padding: 12px 0; border-bottom: 1px solid var(--line-2); }
.dc-summary-row:last-child[b-85ormwyhes] { border-bottom: none; }
.dc-summary-icon[b-85ormwyhes] {
    width: 34px; height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 16px;
    flex: 0 0 auto;
}
.dc-tone-in[b-85ormwyhes] { background: var(--in-soft); color: var(--in); }
.dc-tone-out[b-85ormwyhes] { background: var(--out-soft); color: var(--out); }
.dc-tone-warn[b-85ormwyhes] { background: var(--amber-soft); color: var(--sync-warn); }
.dc-tone-ink[b-85ormwyhes] { background: var(--line-2); color: var(--ink-2); }
.dc-tone-text-in[b-85ormwyhes] { color: var(--in); }
.dc-tone-text-out[b-85ormwyhes] { color: var(--out); }
.dc-tone-text-warn[b-85ormwyhes] { color: #92400e; }
.dc-tone-text-ink[b-85ormwyhes] { color: var(--ink); }
.dc-summary-label[b-85ormwyhes] { font-size: 13.5px; font-weight: 700; }
.dc-summary-value[b-85ormwyhes] { font-size: 14.5px; }

.dc-hint[b-85ormwyhes] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    padding: 12px 4px;
}

.dc-success-banner[b-85ormwyhes] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: var(--r-md);
    background: var(--in-soft);
    color: var(--in-ink);
    font-size: 13.5px;
    font-weight: 700;
}

.dc-list-card[b-85ormwyhes] { padding: 4px 14px; }

.dc-txn-row[b-85ormwyhes] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--line-2);
}
.dc-txn-row:last-child[b-85ormwyhes] { border-bottom: none; }
.dc-txn-avatar[b-85ormwyhes] { width: 40px; height: 40px; font-size: 14px; flex: 0 0 auto; }
.dc-txn-name[b-85ormwyhes] { font-size: 14px; font-weight: 800; }
.dc-txn-sub[b-85ormwyhes] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.dc-txn-amt[b-85ormwyhes] { font-size: 14.5px; }
.dc-pending-chip[b-85ormwyhes] { margin-top: 4px; }

.dc-sync-icon[b-85ormwyhes] {
    width: 40px; height: 40px;
    border-radius: 12px;
    background: var(--line-2);
    color: var(--ink-2);
    display: grid;
    place-items: center;
    font-size: 18px;
    flex: 0 0 auto;
}

.dc-sync-banner[b-85ormwyhes] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: var(--r-md);
    font-size: 13.5px;
    font-weight: 700;
    margin-bottom: 14px;
}
.dc-sync-banner-warn[b-85ormwyhes] { background: var(--amber-soft); color: #92400e; }
.dc-sync-banner-ok[b-85ormwyhes] { background: var(--in-soft); color: var(--in-ink); }

.dc-empty[b-85ormwyhes] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 40px 0;
    color: var(--ink-3);
    font-size: 13.5px;
    font-weight: 700;
}
.dc-empty i[b-85ormwyhes] { font-size: 26px; }

.dc-actionbar[b-85ormwyhes] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}
.dc-draft-btn[b-85ormwyhes] { flex: 0 0 120px; }
/* /Components/Pages/Profile/MyProfile.razor.rz.scp.css */
.simpleinfo-page[b-rl3ekackb7] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.si-header[b-rl3ekackb7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.si-title[b-rl3ekackb7] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.si-body[b-rl3ekackb7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 60px 24px;
    text-align: center;
    color: var(--ink-3);
}

.si-icon[b-rl3ekackb7] {
    width: 64px; height: 64px;
    border-radius: 18px;
    background: var(--accent-soft);
    color: var(--accent-ink);
    display: grid;
    place-items: center;
    font-size: 30px;
}

.si-heading[b-rl3ekackb7] {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink);
}

.si-text[b-rl3ekackb7] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}
/* /Components/Pages/Profile/ProfileHub.razor.rz.scp.css */
.profile-page[b-e6759fggdk] {
    display: flex;
    flex-direction: column;
}

.profile-hero[b-e6759fggdk] {
    padding: 14px 20px 26px;
    background: #316b22;
    color: #fff;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    position: relative;
    overflow: hidden;
}
.profile-hero-blob[b-e6759fggdk] {
    position: absolute; top: -50px; right: -30px;
    width: 170px; height: 170px; border-radius: 50%;
    background: color-mix(in srgb, var(--accent) 22%, transparent);
}

.profile-hero-top[b-e6759fggdk] { position: relative; align-items: center; }
.profile-avatar[b-e6759fggdk] {
    width: 64px;
    height: 64px;
    font-size: 22px;
    background: #ffffff;
    color: #316b22 !important;
}
.profile-name[b-e6759fggdk] { font-size: 21px; font-weight: 800; letter-spacing: -.3px; }
.profile-role[b-e6759fggdk] { font-size: 13px; font-weight: 600; opacity: .7; margin-top: 1px; }
.profile-branch[b-e6759fggdk] { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12.5px; font-weight: 700; opacity: .85; }
.profile-sync-badge[b-e6759fggdk] { align-self: flex-start; }

.profile-stats[b-e6759fggdk] {
    position: relative;
    display: flex;
    margin-top: 18px;
    background: rgba(255,255,255,.08);
    border-radius: 15px;
    padding: 4px;
}
.profile-stat[b-e6759fggdk] { flex: 1; text-align: center; padding: 8px 0; }
.profile-stat-mid[b-e6759fggdk] { border-left: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1); }
.profile-stat-value[b-e6759fggdk] { font-size: 17px; color: #fff; }
.profile-stat-label[b-e6759fggdk] { font-size: 11px; font-weight: 600; opacity: .7; margin-top: 2px; }

.profile-items[b-e6759fggdk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 16px 24px;
}

.profile-item[b-e6759fggdk] {
    flex-direction: row;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
    color: inherit;
}
.profile-item-icon[b-e6759fggdk] { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; flex: 0 0 auto; font-size: 21px; }
.profile-item-label[b-e6759fggdk] { font-size: 15.5px; font-weight: 800; }
.profile-item-sub[b-e6759fggdk] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.profile-item-badge[b-e6759fggdk] {
    min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px;
    background: var(--out); color: #fff; font-size: 12px; font-weight: 800;
    display: grid; place-items: center;
}

.profile-logout-btn[b-e6759fggdk] {
    margin-top: 6px;
    color: var(--out) !important;
    border-color: var(--out-soft) !important;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}

.profile-version[b-e6759fggdk] {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
    padding: 10px 0 4px;
}
/* /Components/Pages/Tasks/FollowUpDetails.razor.rz.scp.css */
.fu-page[b-evekp1btk3] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fu-header[b-evekp1btk3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.fu-title[b-evekp1btk3] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.fu-sub[b-evekp1btk3] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.fu-body[b-evekp1btk3] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.fu-member-card[b-evekp1btk3] { padding: 14px; margin-bottom: 16px; }
.fu-member-avatar[b-evekp1btk3] { width: 48px; height: 48px; font-size: 17px; }
.fu-member-name[b-evekp1btk3] { font-size: 16px; font-weight: 800; }
.fu-member-sub[b-evekp1btk3] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.fu-call-btn[b-evekp1btk3] {
    width: 42px; height: 42px; border-radius: 12px; background: var(--in-soft); color: var(--in);
    display: grid; place-items: center; flex: 0 0 auto; border: none; font-size: 18px;
}
.fu-member-grid[b-evekp1btk3] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 11px 12px;
    padding-top: 12px; border-top: 1px solid var(--line-2);
}
.fu-field-label[b-evekp1btk3] { font-size: 11px; font-weight: 700; color: var(--ink-3); }
.fu-field-value[b-evekp1btk3] { font-size: 13.5px; font-weight: 800; margin-top: 2px; }

.fu-outcome-accordion[b-evekp1btk3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fu-outcome-item[b-evekp1btk3] {
    border: none;
    border-radius: var(--r-md);
    overflow: hidden;
}

.fu-outcome-btn[b-evekp1btk3] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 14px;
    border-radius: var(--r-md) !important;
    border: 1.5px solid var(--line-2);
    background: var(--surface);
    box-shadow: none;
}
.fu-outcome-btn[b-evekp1btk3]::after { display: none; }

.fu-outcome-item:has(#fu-collected.show) .fu-outcome-btn[b-evekp1btk3] { border-color: var(--in); border-width: 2px; background: var(--in-soft); }
.fu-outcome-item:has(#fu-partial.show) .fu-outcome-btn[b-evekp1btk3] { border-color: var(--sync-warn); border-width: 2px; background: var(--amber-soft); }
.fu-outcome-item:has(#fu-promise.show) .fu-outcome-btn[b-evekp1btk3] { border-color: var(--info); border-width: 2px; background: var(--info-soft); }
.fu-outcome-item:has(#fu-na.show) .fu-outcome-btn[b-evekp1btk3] { border-color: var(--out); border-width: 2px; background: var(--out-soft); }
.fu-outcome-item:has(#fu-revisit.show) .fu-outcome-btn[b-evekp1btk3] { border-color: var(--sync-warn); border-width: 2px; background: var(--amber-soft); }

.fu-outcome-item:has(.collapse.show) .fu-outcome-icon[b-evekp1btk3] { background: #fff; }

.fu-outcome-body[b-evekp1btk3] {
    padding: 12px 4px 4px;
}

.fu-outcome-card[b-evekp1btk3] {
    flex-direction: row;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border: 1.5px solid var(--line-2);
}
.fu-outcome-card-in[b-evekp1btk3] { border: 2px solid var(--in); background: var(--in-soft); }
.fu-outcome-card-out[b-evekp1btk3] { border: 2px solid var(--out); background: var(--out-soft); }
.fu-outcome-card-info[b-evekp1btk3] { border: 2px solid var(--info); background: var(--info-soft); }
.fu-outcome-card-warn[b-evekp1btk3] { border: 2px solid var(--sync-warn); background: var(--amber-soft); }

.fu-outcome-icon[b-evekp1btk3] { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex: 0 0 auto; font-size: 18px; }
.fu-outcome-icon-in[b-evekp1btk3] { background: var(--in-soft); color: var(--in); }
.fu-outcome-icon-out[b-evekp1btk3] { background: var(--out-soft); color: var(--out); }
.fu-outcome-icon-info[b-evekp1btk3] { background: var(--info-soft); color: var(--info); }
.fu-outcome-icon-warn[b-evekp1btk3] { background: var(--amber-soft); color: #B45309; }
.fu-outcome-icon-active-in[b-evekp1btk3] { background: #fff; color: var(--in); }
.fu-outcome-icon-active-out[b-evekp1btk3] { background: #fff; color: var(--out); }
.fu-outcome-icon-active-info[b-evekp1btk3] { background: #fff; color: var(--info); }
.fu-outcome-icon-active-warn[b-evekp1btk3] { background: #fff; color: #B45309; }

.fu-outcome-label[b-evekp1btk3] { font-size: 15px; font-weight: 800; color: var(--ink-2); }
.fu-outcome-card-in .fu-outcome-label[b-evekp1btk3], .fu-outcome-card-out .fu-outcome-label[b-evekp1btk3], .fu-outcome-card-info .fu-outcome-label[b-evekp1btk3], .fu-outcome-card-warn .fu-outcome-label[b-evekp1btk3] { color: var(--ink); }

.fu-outcome-radio[b-evekp1btk3] { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line); flex: 0 0 auto; position: relative; display: inline-block; }
.fu-outcome-radio-in[b-evekp1btk3] { border-color: var(--in); }
.fu-outcome-radio-in[b-evekp1btk3]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--in); }
.fu-outcome-radio-out[b-evekp1btk3] { border-color: var(--out); }
.fu-outcome-radio-out[b-evekp1btk3]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--out); }
.fu-outcome-radio-info[b-evekp1btk3] { border-color: var(--info); }
.fu-outcome-radio-info[b-evekp1btk3]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--info); }
.fu-outcome-radio-warn[b-evekp1btk3] { border-color: var(--sync-warn); }
.fu-outcome-radio-warn[b-evekp1btk3]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--sync-warn); }

.fu-hint[b-evekp1btk3] { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 13px; font-size: 12.5px; font-weight: 600; }
.fu-hint-in[b-evekp1btk3] { background: var(--in-soft); color: var(--in-ink); }

.fu-currency[b-evekp1btk3] {
    position: absolute; left: 15px; top: 0; bottom: 0;
    display: flex; align-items: center;
    font-size: 17px; font-weight: 800; color: var(--ink-3);
    pointer-events: none;
}
.fu-amount-input[b-evekp1btk3] { padding-left: 36px; font-weight: 800; }

.fu-remaining-card[b-evekp1btk3] { padding: 2px 15px; }
.fu-remaining-row[b-evekp1btk3] { padding: 11px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-3); border-bottom: 1px solid var(--line-2); }
.fu-remaining-row-last[b-evekp1btk3] { border-bottom: none; }
.fu-remaining-row .amount[b-evekp1btk3] { font-size: 15px; font-weight: 800; color: var(--ink); }

.fu-actionbar[b-evekp1btk3] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
/* /Components/Pages/Tasks/KycVerification.razor.rz.scp.css */
.kyc-page[b-jpma6hsvz6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.kyc-header[b-jpma6hsvz6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.kyc-title[b-jpma6hsvz6] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.kyc-sub[b-jpma6hsvz6] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.kyc-body[b-jpma6hsvz6] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.kyc-member-card[b-jpma6hsvz6] { padding: 14px; margin-bottom: 16px; }
.kyc-member-avatar[b-jpma6hsvz6] { width: 48px; height: 48px; font-size: 17px; }
.kyc-member-name[b-jpma6hsvz6] { font-size: 16px; font-weight: 800; }
.kyc-member-id[b-jpma6hsvz6] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }
.kyc-member-grid[b-jpma6hsvz6] {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px 12px;
    padding-top: 12px; border-top: 1px solid var(--line-2);
}
.kyc-field-label[b-jpma6hsvz6] { font-size: 11px; font-weight: 700; color: var(--ink-3); }
.kyc-field-value[b-jpma6hsvz6] { font-size: 13.5px; font-weight: 700; margin-top: 2px; }

.kyc-check-card[b-jpma6hsvz6] {
    flex-direction: row;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border: 1.5px dashed var(--line);
}
.kyc-check-card-done[b-jpma6hsvz6] { border: 1.5px solid var(--in); }
.kyc-check-icon[b-jpma6hsvz6] { width: 42px; height: 42px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; flex: 0 0 auto; font-size: 20px; }
.kyc-check-icon-done[b-jpma6hsvz6] { background: var(--in-soft); color: var(--in); }
.kyc-check-title[b-jpma6hsvz6] { font-size: 14.5px; font-weight: 800; }
.kyc-check-sub[b-jpma6hsvz6] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.kyc-result-btn[b-jpma6hsvz6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px 6px;
    border-radius: 14px;
    border: 1.5px solid var(--line);
    background: var(--surface);
    color: var(--ink-2);
    font-size: 12.5px;
    font-weight: 800;
}
.kyc-result-btn i[b-jpma6hsvz6] { font-size: 22px; color: inherit; }
.kyc-result-btn-in[b-jpma6hsvz6] { border: 2px solid var(--in); background: var(--in-soft); color: var(--in-ink); }
.kyc-result-btn-warn[b-jpma6hsvz6] { border: 2px solid var(--sync-warn); background: var(--amber-soft); color: #92400e; }
.kyc-result-btn-out[b-jpma6hsvz6] { border: 2px solid var(--out); background: var(--out-soft); color: var(--out-ink); }

.kyc-actionbar[b-jpma6hsvz6] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}
.kyc-draft-btn[b-jpma6hsvz6] { flex: 0 0 120px; }
/* /Components/Pages/Tasks/LoanVerification.razor.rz.scp.css */
.lv-page[b-s8eo9d0sqa] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.lv-header[b-s8eo9d0sqa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.lv-title[b-s8eo9d0sqa] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.lv-sub[b-s8eo9d0sqa] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.lv-body[b-s8eo9d0sqa] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.lv-customer-card[b-s8eo9d0sqa] {
    flex-direction: row;
    padding: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}
.lv-customer-avatar[b-s8eo9d0sqa] { width: 48px; height: 48px; font-size: 17px; }
.lv-customer-name[b-s8eo9d0sqa] { font-size: 16px; font-weight: 800; }
.lv-customer-sub[b-s8eo9d0sqa] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.lv-check-card[b-s8eo9d0sqa] {
    flex-direction: row;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
}
.lv-check-card-done[b-s8eo9d0sqa] { border-color: var(--in); }
.lv-check-box[b-s8eo9d0sqa] {
    width: 28px; height: 28px; border-radius: 9px; background: var(--line);
    display: grid; place-items: center; flex: 0 0 auto; color: #fff;
}
.lv-check-box-done[b-s8eo9d0sqa] { background: var(--in); }
.lv-check-title[b-s8eo9d0sqa] { font-size: 15px; font-weight: 800; }
.lv-check-sub[b-s8eo9d0sqa] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.lv-photo-grid[b-s8eo9d0sqa] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lv-photo-card[b-s8eo9d0sqa] {
    flex-direction: column;
    padding: 12px;
    aspect-ratio: 1.25;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1.5px dashed var(--line);
    background: var(--surface-2);
}
.lv-photo-card-done[b-s8eo9d0sqa] { border: 1.5px solid var(--in); background: var(--surface); }
.lv-photo-icon[b-s8eo9d0sqa] { width: 42px; height: 42px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; font-size: 20px; }
.lv-photo-icon-done[b-s8eo9d0sqa] { background: var(--in-soft); color: var(--in); }
.lv-photo-label[b-s8eo9d0sqa] { font-size: 11.5px; font-weight: 700; text-align: center; line-height: 1.15; color: var(--ink-2); }
.lv-photo-status[b-s8eo9d0sqa] { font-size: 10.5px; font-weight: 700; color: var(--ink-3); }

.lv-warn-banner[b-s8eo9d0sqa] {
    display: flex; align-items: center; gap: 8px;
    margin-top: 14px; padding: 11px 13px; border-radius: 13px;
    background: var(--out-soft); color: var(--out-ink);
    font-size: 12.5px; font-weight: 600;
}

.lv-actionbar[b-s8eo9d0sqa] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    gap: 10px;
}
.lv-notavail-btn[b-s8eo9d0sqa] { flex: 0 0 100px; }
/* /Components/Pages/Tasks/TasksHub.razor.rz.scp.css */
.tasks-page[b-htdxxcwl8m] {
    display: flex;
    flex-direction: column;
}

.tasks-head[b-htdxxcwl8m] {
    padding: 4px 16px 10px;
}

.tasks-title[b-htdxxcwl8m] {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.tasks-tabs[b-htdxxcwl8m] {
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
    flex-wrap: nowrap;
    overflow-x: auto;
}
.tasks-tabs .nav-link[b-htdxxcwl8m] {
    border: none;
    border-bottom: 2.5px solid transparent;
    border-radius: 0;
    padding: 11px 12px;
    font-size: 14px;
    font-weight: 800;
    color: var(--ink-3);
    margin-bottom: -1px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}
.tasks-tabs .nav-link.active[b-htdxxcwl8m] {
    color: var(--accent);
    background: none;
    border-bottom-color: var(--accent);
}
.tasks-tab-badge[b-htdxxcwl8m] {
    min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 9px; background: var(--line); color: var(--ink-3);
    font-size: 11px; font-weight: 800;
    display: inline-grid; place-items: center;
}
.tasks-tab-badge-active[b-htdxxcwl8m] { background: var(--accent); color: #fff; }

.tasks-body[b-htdxxcwl8m] {
    padding: 16px 16px 20px;
}

.tasks-banner[b-htdxxcwl8m] {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 12px; padding: 11px 13px; border-radius: 13px;
    background: var(--amber-soft); color: #92400e;
    font-size: 12.5px; font-weight: 700;
}

.tasks-row[b-htdxxcwl8m] {
    flex-direction: row;
    padding: 12px 13px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.tasks-row-avatar[b-htdxxcwl8m] { width: 44px; height: 44px; font-size: 15px; }
.tasks-row-title[b-htdxxcwl8m] { font-size: 15.5px; font-weight: 800; }
.tasks-row-amt[b-htdxxcwl8m] { font-size: 13.5px; }
.tasks-row-sub[b-htdxxcwl8m] { font-size: 12px; font-weight: 700; color: var(--ink-3); }
.tasks-row-sub2[b-htdxxcwl8m] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 2px; }
.tasks-row-btn[b-htdxxcwl8m] { min-height: 42px; padding: 0 16px; font-size: 14px; flex: 0 0 auto; text-decoration: none; display: inline-flex; align-items: center; }

.tasks-empty[b-htdxxcwl8m] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 46px 0; gap: 12px; color: var(--ink-3);
}
.tasks-empty-icon[b-htdxxcwl8m] { width: 60px; height: 60px; border-radius: 18px; display: grid; place-items: center; font-size: 28px; }
.tasks-empty-icon-in[b-htdxxcwl8m] { background: var(--in-soft); color: var(--in); }
.tasks-empty-text[b-htdxxcwl8m] { font-size: 14.5px; font-weight: 700; }
/* /Components/Pages/Transactions/GeneralReceipt.razor.rz.scp.css */
.gr-page[b-kfuxr6dy4m] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gr-header[b-kfuxr6dy4m] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.gr-title[b-kfuxr6dy4m] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.gr-sub[b-kfuxr6dy4m] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.gr-body[b-kfuxr6dy4m] {
    padding: 4px 16px 12px;
    flex: 1;
}

.gr-currency[b-kfuxr6dy4m] {
    position: absolute; left: 15px; top: 0; bottom: 0;
    display: flex; align-items: center;
    font-size: 19px; font-weight: 800; color: var(--ink-3);
    pointer-events: none;
}
.gr-currency-active[b-kfuxr6dy4m] { color: var(--accent); }
.gr-amount-input[b-kfuxr6dy4m] { padding-left: 38px; font-size: 22px; font-weight: 800; height: 60px; }

.gr-actionbar[b-kfuxr6dy4m] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
/* /Components/Pages/Transactions/History.razor.rz.scp.css */
.hist-page[b-dme3fjqzhz] {
    display: flex;
    flex-direction: column;
}

.hist-header[b-dme3fjqzhz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.hist-title[b-dme3fjqzhz] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.hist-sub[b-dme3fjqzhz] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.hist-tabs[b-dme3fjqzhz] {
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
}
.hist-tabs .nav-link[b-dme3fjqzhz] {
    flex: 1;
    text-align: center;
    border: none;
    border-bottom: 2.5px solid transparent;
    border-radius: 0;
    padding: 11px 6px;
    font-size: 14px;
    font-weight: 800;
    color: var(--ink-3);
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.hist-tabs .nav-link.active[b-dme3fjqzhz] {
    color: var(--accent);
    background: none;
    border-bottom-color: var(--accent);
}
.hist-tab-badge[b-dme3fjqzhz] {
    min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 9px; background: var(--line); color: var(--ink-3);
    font-size: 11px; font-weight: 800;
    display: inline-grid; place-items: center;
}
.hist-tab-badge-active[b-dme3fjqzhz] { background: var(--accent); color: #fff; }

.hist-search[b-dme3fjqzhz] {
    position: relative;
    padding: 12px 16px 4px;
}
.hist-search-icon[b-dme3fjqzhz] {
    position: absolute; left: 30px; top: 12px; bottom: 4px;
    display: flex; align-items: center; color: var(--ink-3); font-size: 18px;
    pointer-events: none;
}
.hist-search .form-control[b-dme3fjqzhz] { padding-left: 42px; }

.hist-body[b-dme3fjqzhz] {
    padding: 12px 16px 22px;
}

.hist-filters[b-dme3fjqzhz] { overflow-x: auto; padding-bottom: 12px; }
.hist-filters .chip[b-dme3fjqzhz] { flex: 0 0 auto; cursor: pointer; border: none; }

.hist-count[b-dme3fjqzhz] { padding: 2px 2px 10px; }

.hist-row[b-dme3fjqzhz] {
    flex-direction: row;
    width: 100%;
    padding: 12px 13px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}
.hist-row-icon[b-dme3fjqzhz] { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto; font-size: 20px; }
.hist-row-icon-in[b-dme3fjqzhz] { background: var(--in-soft); color: var(--in); }
.hist-row-icon-out[b-dme3fjqzhz] { background: var(--out-soft); color: var(--out); }
.hist-row-title[b-dme3fjqzhz] { font-size: 15px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hist-row-amt[b-dme3fjqzhz] { font-size: 16px; flex: 0 0 auto; }
.hist-row-sub[b-dme3fjqzhz] { font-size: 12px; font-weight: 700; color: var(--ink-3); }
.hist-row-mode[b-dme3fjqzhz] { font-size: 11.5px; font-weight: 700; color: var(--ink-3); display: inline-flex; align-items: center; gap: 4px; }
.hist-row-chip[b-dme3fjqzhz] { height: 22px; font-size: 11px; }

.hist-sync-banner[b-dme3fjqzhz] {
    display: flex; align-items: center; gap: 12px;
    padding: 14px; border-radius: 16px; margin-bottom: 16px;
}
.hist-sync-banner-warn[b-dme3fjqzhz] { background: var(--amber-soft); }
.hist-sync-banner-ok[b-dme3fjqzhz] { background: var(--in-soft); }
.hist-sync-icon[b-dme3fjqzhz] { width: 44px; height: 44px; border-radius: 13px; background: #fff; display: grid; place-items: center; flex: 0 0 auto; font-size: 22px; }
.hist-sync-banner-warn .hist-sync-icon[b-dme3fjqzhz] { color: #B45309; }
.hist-sync-banner-ok .hist-sync-icon[b-dme3fjqzhz] { color: var(--in); background: var(--surface); }
.hist-sync-title[b-dme3fjqzhz] { font-size: 15.5px; font-weight: 800; }
.hist-sync-banner-warn .hist-sync-title[b-dme3fjqzhz] { color: #92400e; }
.hist-sync-banner-ok .hist-sync-title[b-dme3fjqzhz] { color: var(--in-ink); }
.hist-sync-sub[b-dme3fjqzhz] { font-size: 12.5px; font-weight: 600; margin-top: 1px; }
.hist-sync-banner-warn .hist-sync-sub[b-dme3fjqzhz] { color: #B45309; }
.hist-sync-banner-ok .hist-sync-sub[b-dme3fjqzhz] { color: var(--in); }
.hist-retry-btn[b-dme3fjqzhz] { min-height: 40px; padding: 0 14px; font-size: 13.5px; flex: 0 0 auto; }
/* /Components/Pages/Transactions/Payment.razor.rz.scp.css */
.payment-page[b-fyzg8pjbyq] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pay-tab-content[b-fyzg8pjbyq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.pay-step[b-fyzg8pjbyq] {
    flex-direction: column;
    min-height: 0;
}

.pay-step.show[b-fyzg8pjbyq] {
    display: flex;
}

.pay-mode-tab[b-fyzg8pjbyq] {
    flex-direction: row;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border-radius: var(--r-md);
    border: 1px solid var(--line-2);
    background: var(--surface);
}
.pay-mode-tab.active[b-fyzg8pjbyq] {
    border-color: var(--out);
    border-width: 2px;
    box-shadow: 0 0 0 4px var(--out-soft);
}
.pay-mode-tab.active .pay-mode-icon[b-fyzg8pjbyq] { background: var(--out-soft); color: var(--out); }
.pay-mode-tab.active .pay-radio[b-fyzg8pjbyq] { border-color: var(--out); }
.pay-mode-tab.active .pay-radio[b-fyzg8pjbyq]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--out); }

.pay-flow-header[b-fyzg8pjbyq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.pay-title[b-fyzg8pjbyq] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.pay-sub[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.pay-body[b-fyzg8pjbyq] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.pay-member-card[b-fyzg8pjbyq] {
    flex-direction: row;
    padding: 13px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
}
.pay-member-avatar[b-fyzg8pjbyq] { width: 46px; height: 46px; font-size: 16px; }
.pay-member-name[b-fyzg8pjbyq] { font-size: 16px; font-weight: 800; }
.pay-member-sub[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.pay-empty[b-fyzg8pjbyq] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 46px 24px; gap: 13px; text-align: center;
}
.pay-empty-icon[b-fyzg8pjbyq] { width: 62px; height: 62px; border-radius: 18px; background: var(--line-2); display: grid; place-items: center; font-size: 28px; color: var(--ink-3); }
.pay-empty-title[b-fyzg8pjbyq] { font-size: 15.5px; font-weight: 800; }
.pay-empty-text[b-fyzg8pjbyq] { font-size: 13.5px; font-weight: 600; color: var(--ink-3); line-height: 1.5; }

.pay-request-card[b-fyzg8pjbyq] {
    width: 100%;
    padding: 15px;
    text-align: left;
    margin-bottom: 11px;
}
.pay-request-icon[b-fyzg8pjbyq] { width: 42px; height: 42px; border-radius: 12px; background: var(--out-soft); color: var(--out); display: grid; place-items: center; flex: 0 0 auto; font-size: 20px; }
.pay-request-label[b-fyzg8pjbyq] { font-size: 15.5px; font-weight: 800; }
.pay-request-sub[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 2px; }
.pay-request-footer[b-fyzg8pjbyq] { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line-2); }
.pay-request-amt-label[b-fyzg8pjbyq] { font-size: 11px; font-weight: 700; color: var(--ink-3); }
.pay-request-amt[b-fyzg8pjbyq] { font-size: 22px; color: var(--out); margin-top: 1px; }
.pay-request-cta[b-fyzg8pjbyq] { background: var(--out); color: #fff; min-height: 42px; padding: 0 18px; font-size: 14.5px; pointer-events: none; display: inline-flex; align-items: center; gap: 6px; }

.pay-hint[b-fyzg8pjbyq] {
    display: flex; align-items: center; gap: 8px;
    margin-top: 16px; padding: 11px 13px; border-radius: 13px;
    background: var(--info-soft); color: #1e40af;
    font-size: 12.5px; font-weight: 600;
}
.pay-hint-info[b-fyzg8pjbyq] { background: var(--info-soft); color: #1e40af; margin-top: 10px; }
.pay-hint-neutral[b-fyzg8pjbyq] { background: var(--line-2); color: var(--ink-2); }

.pay-approved-hero[b-fyzg8pjbyq] {
    padding: 18px; border-radius: 20px;
    background: linear-gradient(140deg, var(--out) 0%, #b91c1c 100%);
    color: #fff; text-align: center; margin-bottom: 14px;
}
.pay-approved-kicker[b-fyzg8pjbyq] { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; font-weight: 800; opacity: .9; letter-spacing: .4px; }
.pay-approved-value[b-fyzg8pjbyq] { font-size: 42px; margin-top: 4px; color: #fff; }
.pay-approved-sub[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 700; opacity: .9; margin-top: 4px; }

.pay-review-card[b-fyzg8pjbyq] { padding: 2px 16px; margin-bottom: 4px; }
.pay-review-row[b-fyzg8pjbyq] { padding: 12px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-3); border-bottom: 1px solid var(--line-2); }
.pay-review-row:last-child[b-fyzg8pjbyq] { border-bottom: none; }
.pay-review-row span:last-child[b-fyzg8pjbyq] { font-weight: 700; color: var(--ink); text-align: right; }
.pay-review-row-strong[b-fyzg8pjbyq] { font-size: 16px; }
.pay-review-row-strong span:last-child[b-fyzg8pjbyq] { font-weight: 800; }

.pay-terms-kicker[b-fyzg8pjbyq] { padding: 16px 2px 10px; }
.pay-stepper-btn[b-fyzg8pjbyq] {
    width: 44px; height: 50px; border-radius: 13px;
    background: var(--surface); border: 1.5px solid var(--line);
    display: grid; place-items: center; flex: 0 0 auto; color: var(--ink-2);
}
.pay-stepper-input[b-fyzg8pjbyq] { text-align: center; font-weight: 800; font-size: 18px; padding-right: 30px; }
.pay-stepper-suffix[b-fyzg8pjbyq] { position: absolute; right: 12px; top: 0; bottom: 0; display: flex; align-items: center; font-size: 13px; font-weight: 700; color: var(--ink-3); pointer-events: none; }

.pay-repay-card[b-fyzg8pjbyq] { margin-top: 14px; overflow: hidden; }
.pay-repay-head[b-fyzg8pjbyq] { display: flex; align-items: center; gap: 8px; padding: 11px 15px; background: var(--accent-soft); font-size: 12.5px; font-weight: 800; letter-spacing: .4px; color: var(--accent-ink); text-transform: uppercase; }
.pay-repay-body[b-fyzg8pjbyq] { padding: 4px 15px 6px; }
.pay-repay-row[b-fyzg8pjbyq] { padding: 12px 0; border-bottom: 1px solid var(--line-2); font-size: 13.5px; font-weight: 600; color: var(--ink-3); }
.pay-repay-row:last-child[b-fyzg8pjbyq] { border-bottom: none; }
.pay-repay-row span:last-child[b-fyzg8pjbyq] { font-weight: 800; color: var(--ink); }
.pay-repay-row-hi span:last-child[b-fyzg8pjbyq] { font-size: 20px; color: var(--accent); }

.pay-actionbar[b-fyzg8pjbyq] {
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
.pay-actionbar-row[b-fyzg8pjbyq] { display: flex; gap: 10px; }
.pay-back-btn[b-fyzg8pjbyq] { flex: 0 0 92px; }
.pay-cta-btn[b-fyzg8pjbyq] { background: var(--out); color: #fff; }

.pay-disbursing[b-fyzg8pjbyq] { padding: 8px 0 16px; }
.pay-disbursing-value[b-fyzg8pjbyq] { font-size: 42px; margin-top: 6px; color: var(--out); letter-spacing: -1.5px; }

.pay-mode-card[b-fyzg8pjbyq] {
    flex-direction: row; padding: 14px; display: flex; align-items: center; gap: 12px; text-align: left; }
.pay-mode-card-active[b-fyzg8pjbyq] { border-color: var(--out); border-width: 2px; box-shadow: 0 0 0 4px var(--out-soft); }
.pay-radio[b-fyzg8pjbyq] { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--line); flex: 0 0 auto; position: relative; }
.pay-radio-active[b-fyzg8pjbyq] { border-color: var(--out); }
.pay-radio-active[b-fyzg8pjbyq]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--out); }
.pay-mode-icon[b-fyzg8pjbyq] { width: 38px; height: 38px; border-radius: 11px; background: var(--line-2); display: grid; place-items: center; flex: 0 0 auto; color: var(--ink-3); }
.pay-mode-card-active .pay-mode-icon[b-fyzg8pjbyq] { background: var(--out-soft); color: var(--out); }
.pay-mode-label[b-fyzg8pjbyq] { font-size: 15.5px; font-weight: 800; }
.pay-mode-sub[b-fyzg8pjbyq] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.pay-details-kicker[b-fyzg8pjbyq] { padding: 18px 2px 10px; }
.pay-detail-card[b-fyzg8pjbyq] { padding: 2px 15px; }

.pay-photo-card[b-fyzg8pjbyq] {
    flex-direction: row;
    width: 100%; margin-top: 12px; padding: 14px;
    display: flex; align-items: center; gap: 13px; text-align: left;
    border: 1.5px dashed var(--line);
}
.pay-photo-card-done[b-fyzg8pjbyq] { border: 1.5px solid var(--in); }
.pay-photo-icon[b-fyzg8pjbyq] { width: 46px; height: 46px; border-radius: 13px; background: var(--accent-soft); color: var(--accent-ink); display: grid; place-items: center; flex: 0 0 auto; font-size: 22px; }
.pay-photo-icon-done[b-fyzg8pjbyq] { background: var(--in-soft); color: var(--in); }
.pay-photo-title[b-fyzg8pjbyq] { font-size: 14.5px; font-weight: 800; }
.pay-photo-status[b-fyzg8pjbyq] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.pay-voucher-card[b-fyzg8pjbyq] { overflow: hidden; margin-bottom: 14px; }
.pay-voucher-hero[b-fyzg8pjbyq] { padding: 20px 18px 16px; background: linear-gradient(135deg, var(--out) 0%, #991b1b 100%); color: #fff; text-align: center; }
.pay-voucher-icon[b-fyzg8pjbyq] { width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.18); display: grid; place-items: center; margin: 0 auto 10px; font-size: 26px; }
.pay-voucher-kicker[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 700; opacity: .85; letter-spacing: .4px; }
.pay-voucher-amount[b-fyzg8pjbyq] { font-size: 38px; margin-top: 2px; color: #fff; }
.pay-voucher-no[b-fyzg8pjbyq] { font-size: 12.5px; font-weight: 700; opacity: .85; margin-top: 6px; }
.pay-voucher-rows[b-fyzg8pjbyq] { padding: 4px 18px 12px; }
.pay-hr[b-fyzg8pjbyq] { height: 1px; background: var(--line); border: 0; margin: 0; }

.pay-doc-action[b-fyzg8pjbyq] { min-height: 46px; font-size: 13px; flex-direction: column; gap: 3px; padding: 6px 4px; }
.pay-offline-banner[b-fyzg8pjbyq] {
    display: flex; align-items: center; gap: 8px;
    padding: 11px 13px; border-radius: 13px;
    background: var(--amber-soft); color: #92400e;
    font-size: 12.5px; font-weight: 600;
}
/* /Components/Pages/Transactions/Proceed.razor.rz.scp.css */
.receipt-page[b-eu1jvoj46c] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.rc-tab-content[b-eu1jvoj46c] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.rc-step[b-eu1jvoj46c] {
    flex-direction: column;
    min-height: 0;
}

    .rc-step.show[b-eu1jvoj46c] {
        display: flex;
    }

.rc-mode-tabs[b-eu1jvoj46c] {
    display: flex;
    gap: 8px;
    border: none;
}

    .rc-mode-tabs .nav-link[b-eu1jvoj46c] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 12px;
        border-radius: var(--r-md);
        border: 1px solid var(--line-2);
        background: var(--surface);
        color: var(--ink-2);
        font-size: 16px;
        font-weight: 800;
    }

        .rc-mode-tabs .nav-link.active[b-eu1jvoj46c] {
            border-color: var(--in);
            border-width: 2px;
            box-shadow: 0 0 0 4px var(--in-soft);
            background: var(--surface);
            color: var(--ink);
        }

.rc-flow-header[b-eu1jvoj46c] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.rc-title[b-eu1jvoj46c] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.rc-sub[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-body[b-eu1jvoj46c] {
    padding: 0 16px 250px;
    flex: 1;
    overflow-y: auto;
}

.rc-member-card[b-eu1jvoj46c] {
    flex-direction: row;
    padding: 13px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.rc-member-avatar[b-eu1jvoj46c] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.rc-member-name[b-eu1jvoj46c] {
    font-size: 16px;
    font-weight: 800;
}

.rc-member-sub[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-hint[b-eu1jvoj46c] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 2px 10px;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.rc-group-head[b-eu1jvoj46c] {
    padding: 10px 2px 8px;
}

.rc-account-card[b-eu1jvoj46c] {
    padding: 14px;
    margin-bottom: 10px;
    border-width: 1px;
}

.rc-account-icon[b-eu1jvoj46c] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 20px;
}

.rc-account-title[b-eu1jvoj46c] {
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rc-account-sub[b-eu1jvoj46c] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-info-row[b-eu1jvoj46c] {
    margin-top: 11px;
}

.rc-info-pill[b-eu1jvoj46c] {
    padding: 5px 10px;
    border-radius: 9px;
    background: var(--surface-2);
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    gap: 6px;
}

.rc-info-value[b-eu1jvoj46c] {
    font-size: 12.5px;
    color: var(--ink);
}

.rc-amount-block[b-eu1jvoj46c] {
    margin-top: 12px;
}

.rc-field-label[b-eu1jvoj46c] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

.rc-suggest-btn[b-eu1jvoj46c] {
    font-size: 12px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 8px;
    border: none;
}

.rc-currency[b-eu1jvoj46c], .rc-currency-lg[b-eu1jvoj46c] {
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 800;
    color: var(--ink-3);
    pointer-events: none;
}

.rc-currency[b-eu1jvoj46c] {
    font-size: 17px;
    left: 14px;
}

.rc-currency-lg[b-eu1jvoj46c] {
    font-size: 18px;
    left: 15px;
}

.rc-amount-input[b-eu1jvoj46c] {
    padding-left: 34px;
    font-size: 18px;
    font-weight: 800;
    height: 52px;
}

.rc-received-input[b-eu1jvoj46c] {
    padding-left: 36px;
    font-size: 19px;
    font-weight: 800;
    height: 56px;
}

/* tone colors */
.rc-tone-in[b-eu1jvoj46c] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-out[b-eu1jvoj46c] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-info[b-eu1jvoj46c] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-accent[b-eu1jvoj46c] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-tone-text-in[b-eu1jvoj46c] {
    color: var(--in) !important;
}

.rc-tone-text-out[b-eu1jvoj46c] {
    color: var(--out) !important;
}

.rc-tone-text-info[b-eu1jvoj46c] {
    color: var(--info) !important;
}

.rc-tone-text-accent[b-eu1jvoj46c] {
    color: var(--accent) !important;
}

.rc-tone-bg-in[b-eu1jvoj46c] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-bg-out[b-eu1jvoj46c] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-bg-info[b-eu1jvoj46c] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-bg-accent[b-eu1jvoj46c] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-account-card-active-in[b-eu1jvoj46c] {
    border-color: var(--in);
    border-width: 1.5px;
}

.rc-account-card-active-out[b-eu1jvoj46c] {
    border-color: var(--out);
    border-width: 1.5px;
}

.rc-account-card-active-info[b-eu1jvoj46c] {
    border-color: var(--info);
    border-width: 1.5px;
}

.rc-account-card-active-accent[b-eu1jvoj46c] {
    border-color: var(--accent);
    border-width: 1.5px;
}

.rc-amount-input-active-in[b-eu1jvoj46c] {
    border-color: var(--in);
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-amount-input-active-out[b-eu1jvoj46c] {
    border-color: var(--out);
    box-shadow: 0 0 0 4px var(--out-soft);
}

.rc-amount-input-active-info[b-eu1jvoj46c] {
    border-color: var(--info);
    box-shadow: 0 0 0 4px var(--info-soft);
}

.rc-amount-input-active-accent[b-eu1jvoj46c] {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.rc-actionbar-col[b-eu1jvoj46c] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rc-summary-box[b-eu1jvoj46c] {
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
}

.rc-summary-lines[b-eu1jvoj46c] {
    max-height: 116px;
    overflow-y: auto;
}

.rc-summary-line[b-eu1jvoj46c] {
    padding: 4px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-2);
}

.rc-hr[b-eu1jvoj46c] {
    height: 1px;
    background: var(--line);
    border: 0;
    margin: 8px 0;
}

.rc-total-label[b-eu1jvoj46c] {
    font-size: 14.5px;
    font-weight: 800;
}

.rc-total-value[b-eu1jvoj46c] {
    font-size: 22px;
    color: var(--in);
}

.rc-proceed-btn[b-eu1jvoj46c], .rc-confirm-btn[b-eu1jvoj46c] {
    background: var(--in);
    color: #fff;
}

    .rc-proceed-btn:disabled[b-eu1jvoj46c], .rc-confirm-btn:disabled[b-eu1jvoj46c] {
        background: var(--line);
        color: var(--ink-3);
        opacity: 1;
    }

.rc-total-hero[b-eu1jvoj46c] {
    padding: 8px 0 16px;
}

.rc-total-hero-value[b-eu1jvoj46c] {
    font-size: 46px;
    margin-top: 6px;
    color: var(--in);
    letter-spacing: -1.5px;
}

.rc-total-hero-sub[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 2px;
}

.rc-mode-card[b-eu1jvoj46c] {
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
}

.rc-mode-card-active[b-eu1jvoj46c] {
    border-color: var(--in);
    border-width: 2px;
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-radio[b-eu1jvoj46c] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--line);
    display: inline-block;
    flex: 0 0 auto;
    position: relative;
}

.rc-radio-active[b-eu1jvoj46c] {
    border-color: var(--in);
}

    .rc-radio-active[b-eu1jvoj46c]::after {
        content: "";
        position: absolute;
        inset: 4px;
        border-radius: 50%;
        background: var(--in);
    }

.rc-mode-label[b-eu1jvoj46c] {
    font-size: 16px;
    font-weight: 800;
}

.rc-quick-amt[b-eu1jvoj46c] {
    height: 40px;
    border-radius: 12px;
    background: var(--surface);
    border: 1px solid var(--line);
    font-size: 14px;
    font-weight: 800;
    color: var(--ink-2);
}

.rc-quick-amt-active[b-eu1jvoj46c] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-change-box[b-eu1jvoj46c] {
    padding: 12px 14px;
    border-radius: 13px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-size: 13.5px;
    font-weight: 700;
}

.rc-qr-card[b-eu1jvoj46c] {
    padding: 18px;
    background: #fff;
    display: grid;
    place-items: center;
}

.rc-upi-id[b-eu1jvoj46c] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--info);
}

.rc-upi-check[b-eu1jvoj46c] {
    border-color: var(--info);
    color: var(--info);
}

.rc-upi-done[b-eu1jvoj46c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-weight: 800;
    font-size: 14px;
}

.rc-upi-hint[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    text-align: center;
}

.rc-done-card[b-eu1jvoj46c] {
    overflow: hidden;
    margin-bottom: 14px;
}

.rc-done-hero[b-eu1jvoj46c] {
    padding: 20px 18px 16px;
    background: linear-gradient(135deg, var(--in) 0%, #0f6b32 100%);
    color: #fff;
    text-align: center;
}

.rc-done-check[b-eu1jvoj46c] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    display: grid;
    place-items: center;
    margin: 0 auto 10px;
    font-size: 28px;
}

.rc-done-kicker[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    letter-spacing: .4px;
}

.rc-done-amount[b-eu1jvoj46c] {
    font-size: 38px;
    margin-top: 2px;
    color: #fff;
}

.rc-done-no[b-eu1jvoj46c] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    margin-top: 6px;
}

.rc-done-rows[b-eu1jvoj46c] {
    padding: 6px 18px 12px;
}

.rc-done-row[b-eu1jvoj46c] {
    padding: 9px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-3);
}

    .rc-done-row span:last-child[b-eu1jvoj46c] {
        font-weight: 700;
        color: var(--ink);
    }

.rc-done-row-strong[b-eu1jvoj46c] {
    font-size: 16px;
}

    .rc-done-row-strong span:last-child[b-eu1jvoj46c] {
        font-weight: 800;
        color: var(--in);
    }

.rc-doc-action[b-eu1jvoj46c] {
    min-height: 46px;
    font-size: 13px;
    flex-direction: column;
    gap: 3px;
    padding: 6px 4px;
}

.rc-offline-banner[b-eu1jvoj46c] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 13px;
    background: var(--amber-soft);
    color: #92400e;
    font-size: 12.5px;
    font-weight: 600;
}
/* /Components/Pages/Transactions/RDone.razor.rz.scp.css */
.receipt-page[b-djxtnsja94] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.rc-tab-content[b-djxtnsja94] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.rc-step[b-djxtnsja94] {
    flex-direction: column;
    min-height: 0;
}

    .rc-step.show[b-djxtnsja94] {
        display: flex;
    }

.rc-mode-tabs[b-djxtnsja94] {
    display: flex;
    gap: 8px;
    border: none;
}

    .rc-mode-tabs .nav-link[b-djxtnsja94] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 12px;
        border-radius: var(--r-md);
        border: 1px solid var(--line-2);
        background: var(--surface);
        color: var(--ink-2);
        font-size: 16px;
        font-weight: 800;
    }

        .rc-mode-tabs .nav-link.active[b-djxtnsja94] {
            border-color: var(--in);
            border-width: 2px;
            box-shadow: 0 0 0 4px var(--in-soft);
            background: var(--surface);
            color: var(--ink);
        }

.rc-flow-header[b-djxtnsja94] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.rc-title[b-djxtnsja94] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.rc-sub[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-body[b-djxtnsja94] {
    padding: 0 16px 95px;
    flex: 1;
    overflow-y: auto;
}

.rc-member-card[b-djxtnsja94] {
    flex-direction: row;
    padding: 13px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.rc-member-avatar[b-djxtnsja94] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.rc-member-name[b-djxtnsja94] {
    font-size: 16px;
    font-weight: 800;
}

.rc-member-sub[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-hint[b-djxtnsja94] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 2px 10px;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.rc-group-head[b-djxtnsja94] {
    padding: 10px 2px 8px;
}

.rc-account-card[b-djxtnsja94] {
    padding: 14px;
    margin-bottom: 10px;
    border-width: 1px;
}

.rc-account-icon[b-djxtnsja94] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 20px;
}

.rc-account-title[b-djxtnsja94] {
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rc-account-sub[b-djxtnsja94] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-info-row[b-djxtnsja94] {
    margin-top: 11px;
}

.rc-info-pill[b-djxtnsja94] {
    padding: 5px 10px;
    border-radius: 9px;
    background: var(--surface-2);
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    gap: 6px;
}

.rc-info-value[b-djxtnsja94] {
    font-size: 12.5px;
    color: var(--ink);
}

.rc-amount-block[b-djxtnsja94] {
    margin-top: 12px;
}

.rc-field-label[b-djxtnsja94] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

.rc-suggest-btn[b-djxtnsja94] {
    font-size: 12px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 8px;
    border: none;
}

.rc-currency[b-djxtnsja94], .rc-currency-lg[b-djxtnsja94] {
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 800;
    color: var(--ink-3);
    pointer-events: none;
}

.rc-currency[b-djxtnsja94] {
    font-size: 17px;
    left: 14px;
}

.rc-currency-lg[b-djxtnsja94] {
    font-size: 18px;
    left: 15px;
}

.rc-amount-input[b-djxtnsja94] {
    padding-left: 34px;
    font-size: 18px;
    font-weight: 800;
    height: 52px;
}

.rc-received-input[b-djxtnsja94] {
    padding-left: 36px;
    font-size: 19px;
    font-weight: 800;
    height: 56px;
}

/* tone colors */
.rc-tone-in[b-djxtnsja94] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-out[b-djxtnsja94] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-info[b-djxtnsja94] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-accent[b-djxtnsja94] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-tone-text-in[b-djxtnsja94] {
    color: var(--in) !important;
}

.rc-tone-text-out[b-djxtnsja94] {
    color: var(--out) !important;
}

.rc-tone-text-info[b-djxtnsja94] {
    color: var(--info) !important;
}

.rc-tone-text-accent[b-djxtnsja94] {
    color: var(--accent) !important;
}

.rc-tone-bg-in[b-djxtnsja94] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-bg-out[b-djxtnsja94] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-bg-info[b-djxtnsja94] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-bg-accent[b-djxtnsja94] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-account-card-active-in[b-djxtnsja94] {
    border-color: var(--in);
    border-width: 1.5px;
}

.rc-account-card-active-out[b-djxtnsja94] {
    border-color: var(--out);
    border-width: 1.5px;
}

.rc-account-card-active-info[b-djxtnsja94] {
    border-color: var(--info);
    border-width: 1.5px;
}

.rc-account-card-active-accent[b-djxtnsja94] {
    border-color: var(--accent);
    border-width: 1.5px;
}

.rc-amount-input-active-in[b-djxtnsja94] {
    border-color: var(--in);
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-amount-input-active-out[b-djxtnsja94] {
    border-color: var(--out);
    box-shadow: 0 0 0 4px var(--out-soft);
}

.rc-amount-input-active-info[b-djxtnsja94] {
    border-color: var(--info);
    box-shadow: 0 0 0 4px var(--info-soft);
}

.rc-amount-input-active-accent[b-djxtnsja94] {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.rc-actionbar-col[b-djxtnsja94] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rc-summary-box[b-djxtnsja94] {
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
}

.rc-summary-lines[b-djxtnsja94] {
    max-height: 116px;
    overflow-y: auto;
}

.rc-summary-line[b-djxtnsja94] {
    padding: 4px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-2);
}

.rc-hr[b-djxtnsja94] {
    height: 1px;
    background: var(--line);
    border: 0;
    margin: 8px 0;
}

.rc-total-label[b-djxtnsja94] {
    font-size: 14.5px;
    font-weight: 800;
}

.rc-total-value[b-djxtnsja94] {
    font-size: 22px;
    color: var(--in);
}

.rc-proceed-btn[b-djxtnsja94], .rc-confirm-btn[b-djxtnsja94] {
    background: var(--in);
    color: #fff;
}

    .rc-proceed-btn:disabled[b-djxtnsja94], .rc-confirm-btn:disabled[b-djxtnsja94] {
        background: var(--line);
        color: var(--ink-3);
        opacity: 1;
    }

.rc-total-hero[b-djxtnsja94] {
    padding: 8px 0 16px;
}

.rc-total-hero-value[b-djxtnsja94] {
    font-size: 46px;
    margin-top: 6px;
    color: var(--in);
    letter-spacing: -1.5px;
}

.rc-total-hero-sub[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 2px;
}

.rc-mode-card[b-djxtnsja94] {
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
}

.rc-mode-card-active[b-djxtnsja94] {
    border-color: var(--in);
    border-width: 2px;
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-radio[b-djxtnsja94] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--line);
    display: inline-block;
    flex: 0 0 auto;
    position: relative;
}

.rc-radio-active[b-djxtnsja94] {
    border-color: var(--in);
}

    .rc-radio-active[b-djxtnsja94]::after {
        content: "";
        position: absolute;
        inset: 4px;
        border-radius: 50%;
        background: var(--in);
    }

.rc-mode-label[b-djxtnsja94] {
    font-size: 16px;
    font-weight: 800;
}

.rc-quick-amt[b-djxtnsja94] {
    height: 40px;
    border-radius: 12px;
    background: var(--surface);
    border: 1px solid var(--line);
    font-size: 14px;
    font-weight: 800;
    color: var(--ink-2);
}

.rc-quick-amt-active[b-djxtnsja94] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-change-box[b-djxtnsja94] {
    padding: 12px 14px;
    border-radius: 13px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-size: 13.5px;
    font-weight: 700;
}

.rc-qr-card[b-djxtnsja94] {
    padding: 18px;
    background: #fff;
    display: grid;
    place-items: center;
}

.rc-upi-id[b-djxtnsja94] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--info);
}

.rc-upi-check[b-djxtnsja94] {
    border-color: var(--info);
    color: var(--info);
}

.rc-upi-done[b-djxtnsja94] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-weight: 800;
    font-size: 14px;
}

.rc-upi-hint[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    text-align: center;
}

.rc-done-card[b-djxtnsja94] {
    overflow: hidden;
    margin-bottom: 14px;
}

.rc-done-hero[b-djxtnsja94] {
    padding: 20px 18px 16px;
    background: linear-gradient(135deg, var(--in) 0%, #0f6b32 100%);
    color: #fff;
    text-align: center;
}

.rc-done-check[b-djxtnsja94] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    display: grid;
    place-items: center;
    margin: 0 auto 10px;
    font-size: 28px;
}

.rc-done-kicker[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    letter-spacing: .4px;
}

.rc-done-amount[b-djxtnsja94] {
    font-size: 38px;
    margin-top: 2px;
    color: #fff;
}

.rc-done-no[b-djxtnsja94] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    margin-top: 6px;
}

.rc-done-rows[b-djxtnsja94] {
    padding: 6px 18px 12px;
}

.rc-done-row[b-djxtnsja94] {
    padding: 9px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-3);
}

    .rc-done-row span:last-child[b-djxtnsja94] {
        font-weight: 700;
        color: var(--ink);
    }

.rc-done-row-strong[b-djxtnsja94] {
    font-size: 16px;
}

    .rc-done-row-strong span:last-child[b-djxtnsja94] {
        font-weight: 800;
        color: var(--in);
    }

.rc-doc-action[b-djxtnsja94] {
    min-height: 46px;
    font-size: 13px;
    flex-direction: column;
    gap: 3px;
    padding: 6px 4px;
}

.rc-offline-banner[b-djxtnsja94] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 13px;
    background: var(--amber-soft);
    color: #92400e;
    font-size: 12.5px;
    font-weight: 600;
}

.bottom-nav[b-djxtnsja94] {
    display: none;
}
/* /Components/Pages/Transactions/Receipt.razor.rz.scp.css */
.receipt-page[b-y5ma7sml1j] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.rc-tab-content[b-y5ma7sml1j] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.rc-step[b-y5ma7sml1j] {
    flex-direction: column;
    min-height: 0;
}

.rc-step.show[b-y5ma7sml1j] {
    display: flex;
}

.rc-mode-tabs[b-y5ma7sml1j] {
    display: flex;
    gap: 8px;
    border: none;
}
.rc-mode-tabs .nav-link[b-y5ma7sml1j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 12px;
    border-radius: var(--r-md);
    border: 1px solid var(--line-2);
    background: var(--surface);
    color: var(--ink-2);
    font-size: 16px;
    font-weight: 800;
}
.rc-mode-tabs .nav-link.active[b-y5ma7sml1j] {
    border-color: var(--in);
    border-width: 2px;
    box-shadow: 0 0 0 4px var(--in-soft);
    background: var(--surface);
    color: var(--ink);
}

.rc-flow-header[b-y5ma7sml1j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.rc-title[b-y5ma7sml1j] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.rc-sub[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.rc-body[b-y5ma7sml1j] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.rc-member-card[b-y5ma7sml1j] {
    flex-direction: row;
    padding: 13px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}
.rc-member-avatar[b-y5ma7sml1j] { width: 46px; height: 46px; font-size: 16px; }
.rc-member-name[b-y5ma7sml1j] { font-size: 16px; font-weight: 800; }
.rc-member-sub[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.rc-hint[b-y5ma7sml1j] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 2px 10px;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.rc-group-head[b-y5ma7sml1j] {
    padding: 10px 2px 8px;
}

.rc-account-card[b-y5ma7sml1j] {
    padding: 14px;
    margin-bottom: 10px;
    border-width: 1px;
}
.rc-account-icon[b-y5ma7sml1j] {
    width: 40px; height: 40px; border-radius: 12px;
    display: grid; place-items: center; flex: 0 0 auto; font-size: 20px;
}
.rc-account-title[b-y5ma7sml1j] { font-size: 15px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rc-account-sub[b-y5ma7sml1j] { font-size: 12px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.rc-info-row[b-y5ma7sml1j] { margin-top: 11px; }
.rc-info-pill[b-y5ma7sml1j] {
    padding: 5px 10px; border-radius: 9px; background: var(--surface-2);
    font-size: 11px; font-weight: 700; color: var(--ink-3);
    display: flex; gap: 6px;
}
.rc-info-value[b-y5ma7sml1j] { font-size: 12.5px; color: var(--ink); }

.rc-amount-block[b-y5ma7sml1j] { margin-top: 12px; }
.rc-field-label[b-y5ma7sml1j] { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.rc-suggest-btn[b-y5ma7sml1j] {
    font-size: 12px; font-weight: 800; padding: 3px 9px; border-radius: 8px; border: none;
}
.rc-currency[b-y5ma7sml1j], .rc-currency-lg[b-y5ma7sml1j] {
    position: absolute; left: 14px; top: 0; bottom: 0;
    display: flex; align-items: center;
    font-weight: 800; color: var(--ink-3);
    pointer-events: none;
}
.rc-currency[b-y5ma7sml1j] { font-size: 17px; left: 14px; }
.rc-currency-lg[b-y5ma7sml1j] { font-size: 18px; left: 15px; }
.rc-amount-input[b-y5ma7sml1j] { padding-left: 34px; font-size: 18px; font-weight: 800; height: 52px; }
.rc-received-input[b-y5ma7sml1j] { padding-left: 36px; font-size: 19px; font-weight: 800; height: 56px; }

/* tone colors */
.rc-tone-in[b-y5ma7sml1j] { background: var(--in-soft); color: var(--in); }
.rc-tone-out[b-y5ma7sml1j] { background: var(--out-soft); color: var(--out); }
.rc-tone-info[b-y5ma7sml1j] { background: var(--info-soft); color: var(--info); }
.rc-tone-accent[b-y5ma7sml1j] { background: var(--accent-soft); color: var(--accent); }
.rc-tone-text-in[b-y5ma7sml1j] { color: var(--in) !important; }
.rc-tone-text-out[b-y5ma7sml1j] { color: var(--out) !important; }
.rc-tone-text-info[b-y5ma7sml1j] { color: var(--info) !important; }
.rc-tone-text-accent[b-y5ma7sml1j] { color: var(--accent) !important; }
.rc-tone-bg-in[b-y5ma7sml1j] { background: var(--in-soft); color: var(--in); }
.rc-tone-bg-out[b-y5ma7sml1j] { background: var(--out-soft); color: var(--out); }
.rc-tone-bg-info[b-y5ma7sml1j] { background: var(--info-soft); color: var(--info); }
.rc-tone-bg-accent[b-y5ma7sml1j] { background: var(--accent-soft); color: var(--accent); }
.rc-account-card-active-in[b-y5ma7sml1j] { border-color: var(--in); border-width: 1.5px; }
.rc-account-card-active-out[b-y5ma7sml1j] { border-color: var(--out); border-width: 1.5px; }
.rc-account-card-active-info[b-y5ma7sml1j] { border-color: var(--info); border-width: 1.5px; }
.rc-account-card-active-accent[b-y5ma7sml1j] { border-color: var(--accent); border-width: 1.5px; }
.rc-amount-input-active-in[b-y5ma7sml1j] { border-color: var(--in); box-shadow: 0 0 0 4px var(--in-soft); }
.rc-amount-input-active-out[b-y5ma7sml1j] { border-color: var(--out); box-shadow: 0 0 0 4px var(--out-soft); }
.rc-amount-input-active-info[b-y5ma7sml1j] { border-color: var(--info); box-shadow: 0 0 0 4px var(--info-soft); }
.rc-amount-input-active-accent[b-y5ma7sml1j] { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }

.rc-actionbar-col[b-y5ma7sml1j] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rc-summary-box[b-y5ma7sml1j] {
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
}
.rc-summary-lines[b-y5ma7sml1j] { max-height: 116px; overflow-y: auto; }
.rc-summary-line[b-y5ma7sml1j] { padding: 4px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-2); }
.rc-hr[b-y5ma7sml1j] { height: 1px; background: var(--line); border: 0; margin: 8px 0; }
.rc-total-label[b-y5ma7sml1j] { font-size: 14.5px; font-weight: 800; }
.rc-total-value[b-y5ma7sml1j] { font-size: 22px; color: var(--in); }

.rc-proceed-btn[b-y5ma7sml1j], .rc-confirm-btn[b-y5ma7sml1j] { background: var(--in); color: #fff; }
.rc-proceed-btn:disabled[b-y5ma7sml1j], .rc-confirm-btn:disabled[b-y5ma7sml1j] { background: var(--line); color: var(--ink-3); opacity: 1; }

.rc-total-hero[b-y5ma7sml1j] { padding: 8px 0 16px; }
.rc-total-hero-value[b-y5ma7sml1j] { font-size: 46px; margin-top: 6px; color: var(--in); letter-spacing: -1.5px; }
.rc-total-hero-sub[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 700; color: var(--ink-3); margin-top: 2px; }

.rc-mode-card[b-y5ma7sml1j] {
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
}
.rc-mode-card-active[b-y5ma7sml1j] { border-color: var(--in); border-width: 2px; box-shadow: 0 0 0 4px var(--in-soft); }
.rc-radio[b-y5ma7sml1j] {
    width: 22px; height: 22px; border-radius: 50%;
    border: 2px solid var(--line);
    display: inline-block; flex: 0 0 auto; position: relative;
}
.rc-radio-active[b-y5ma7sml1j] { border-color: var(--in); }
.rc-radio-active[b-y5ma7sml1j]::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--in); }
.rc-mode-label[b-y5ma7sml1j] { font-size: 16px; font-weight: 800; }

.rc-quick-amt[b-y5ma7sml1j] {
    height: 40px; border-radius: 12px; background: var(--surface);
    border: 1px solid var(--line); font-size: 14px; font-weight: 800; color: var(--ink-2);
}
.rc-quick-amt-active[b-y5ma7sml1j] { background: var(--in-soft); color: var(--in); }

.rc-change-box[b-y5ma7sml1j] {
    padding: 12px 14px; border-radius: 13px; background: var(--in-soft); color: var(--in-ink);
    font-size: 13.5px; font-weight: 700;
}

.rc-qr-card[b-y5ma7sml1j] { padding: 18px; background: #fff; display: grid; place-items: center; }
.rc-upi-id[b-y5ma7sml1j] { font-size: 14.5px; font-weight: 800; color: var(--info); }
.rc-upi-check[b-y5ma7sml1j] { border-color: var(--info); color: var(--info); }
.rc-upi-done[b-y5ma7sml1j] {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px; border-radius: 999px; background: var(--in-soft); color: var(--in-ink);
    font-weight: 800; font-size: 14px;
}
.rc-upi-hint[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); text-align: center; }

.rc-done-card[b-y5ma7sml1j] { overflow: hidden; margin-bottom: 14px; }
.rc-done-hero[b-y5ma7sml1j] {
    padding: 20px 18px 16px;
    background: linear-gradient(135deg, var(--in) 0%, #0f6b32 100%);
    color: #fff; text-align: center;
}
.rc-done-check[b-y5ma7sml1j] {
    width: 54px; height: 54px; border-radius: 50%;
    background: rgba(255,255,255,.18);
    display: grid; place-items: center; margin: 0 auto 10px; font-size: 28px;
}
.rc-done-kicker[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 700; opacity: .85; letter-spacing: .4px; }
.rc-done-amount[b-y5ma7sml1j] { font-size: 38px; margin-top: 2px; color: #fff; }
.rc-done-no[b-y5ma7sml1j] { font-size: 12.5px; font-weight: 700; opacity: .85; margin-top: 6px; }
.rc-done-rows[b-y5ma7sml1j] { padding: 6px 18px 12px; }
.rc-done-row[b-y5ma7sml1j] { padding: 9px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-3); }
.rc-done-row span:last-child[b-y5ma7sml1j] { font-weight: 700; color: var(--ink); }
.rc-done-row-strong[b-y5ma7sml1j] { font-size: 16px; }
.rc-done-row-strong span:last-child[b-y5ma7sml1j] { font-weight: 800; color: var(--in); }

.rc-doc-action[b-y5ma7sml1j] {
    min-height: 46px; font-size: 13px;
    flex-direction: column; gap: 3px; padding: 6px 4px;
}

.rc-offline-banner[b-y5ma7sml1j] {
    display: flex; align-items: center; gap: 8px;
    padding: 11px 13px; border-radius: 13px;
    background: var(--amber-soft); color: #92400e;
    font-size: 12.5px; font-weight: 600;
}
/* /Components/Pages/Transactions/RPayment.razor.rz.scp.css */
.receipt-page[b-9tgolp4mrx] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.rc-tab-content[b-9tgolp4mrx] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.rc-step[b-9tgolp4mrx] {
    flex-direction: column;
    min-height: 0;
}

    .rc-step.show[b-9tgolp4mrx] {
        display: flex;
    }

.rc-mode-tabs[b-9tgolp4mrx] {
    display: flex;
    gap: 8px;
    border: none;
}

    .rc-mode-tabs .nav-link[b-9tgolp4mrx] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px 12px;
        border-radius: var(--r-md);
        border: 1px solid var(--line-2);
        background: var(--surface);
        color: var(--ink-2);
        font-size: 16px;
        font-weight: 800;
    }

        .rc-mode-tabs .nav-link.active[b-9tgolp4mrx] {
            border-color: var(--in);
            border-width: 2px;
            box-shadow: 0 0 0 4px var(--in-soft);
            background: var(--surface);
            color: var(--ink);
        }

.rc-flow-header[b-9tgolp4mrx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}

.rc-title[b-9tgolp4mrx] {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.rc-sub[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-body[b-9tgolp4mrx] {
    padding: 0 16px 18px;
    flex: 1;
    overflow-y: auto;
}

.rc-member-card[b-9tgolp4mrx] {
    flex-direction: row;
    padding: 13px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
}

.rc-member-avatar[b-9tgolp4mrx] {
    width: 46px;
    height: 46px;
    font-size: 16px;
}

.rc-member-name[b-9tgolp4mrx] {
    font-size: 16px;
    font-weight: 800;
}

.rc-member-sub[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-hint[b-9tgolp4mrx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 2px 10px;
    color: var(--ink-3);
    font-size: 12.5px;
    font-weight: 600;
}

.rc-group-head[b-9tgolp4mrx] {
    padding: 10px 2px 8px;
}

.rc-account-card[b-9tgolp4mrx] {
    padding: 14px;
    margin-bottom: 10px;
    border-width: 1px;
}

.rc-account-icon[b-9tgolp4mrx] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    font-size: 20px;
}

.rc-account-title[b-9tgolp4mrx] {
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rc-account-sub[b-9tgolp4mrx] {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-3);
    margin-top: 1px;
}

.rc-info-row[b-9tgolp4mrx] {
    margin-top: 11px;
}

.rc-info-pill[b-9tgolp4mrx] {
    padding: 5px 10px;
    border-radius: 9px;
    background: var(--surface-2);
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-3);
    display: flex;
    gap: 6px;
}

.rc-info-value[b-9tgolp4mrx] {
    font-size: 12.5px;
    color: var(--ink);
}

.rc-amount-block[b-9tgolp4mrx] {
    margin-top: 12px;
}

.rc-field-label[b-9tgolp4mrx] {
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

.rc-suggest-btn[b-9tgolp4mrx] {
    font-size: 12px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 8px;
    border: none;
}

.rc-currency[b-9tgolp4mrx], .rc-currency-lg[b-9tgolp4mrx] {
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 800;
    color: var(--ink-3);
    pointer-events: none;
}

.rc-currency[b-9tgolp4mrx] {
    font-size: 17px;
    left: 14px;
}

.rc-currency-lg[b-9tgolp4mrx] {
    font-size: 18px;
    left: 15px;
}

.rc-amount-input[b-9tgolp4mrx] {
    padding-left: 34px;
    font-size: 18px;
    font-weight: 800;
    height: 52px;
}

.rc-received-input[b-9tgolp4mrx] {
    padding-left: 36px;
    font-size: 19px;
    font-weight: 800;
    height: 56px;
}

/* tone colors */
.rc-tone-in[b-9tgolp4mrx] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-out[b-9tgolp4mrx] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-info[b-9tgolp4mrx] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-accent[b-9tgolp4mrx] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-tone-text-in[b-9tgolp4mrx] {
    color: var(--in) !important;
}

.rc-tone-text-out[b-9tgolp4mrx] {
    color: var(--out) !important;
}

.rc-tone-text-info[b-9tgolp4mrx] {
    color: var(--info) !important;
}

.rc-tone-text-accent[b-9tgolp4mrx] {
    color: var(--accent) !important;
}

.rc-tone-bg-in[b-9tgolp4mrx] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-tone-bg-out[b-9tgolp4mrx] {
    background: var(--out-soft);
    color: var(--out);
}

.rc-tone-bg-info[b-9tgolp4mrx] {
    background: var(--info-soft);
    color: var(--info);
}

.rc-tone-bg-accent[b-9tgolp4mrx] {
    background: var(--accent-soft);
    color: var(--accent);
}

.rc-account-card-active-in[b-9tgolp4mrx] {
    border-color: var(--in);
    border-width: 1.5px;
}

.rc-account-card-active-out[b-9tgolp4mrx] {
    border-color: var(--out);
    border-width: 1.5px;
}

.rc-account-card-active-info[b-9tgolp4mrx] {
    border-color: var(--info);
    border-width: 1.5px;
}

.rc-account-card-active-accent[b-9tgolp4mrx] {
    border-color: var(--accent);
    border-width: 1.5px;
}

.rc-amount-input-active-in[b-9tgolp4mrx] {
    border-color: var(--in);
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-amount-input-active-out[b-9tgolp4mrx] {
    border-color: var(--out);
    box-shadow: 0 0 0 4px var(--out-soft);
}

.rc-amount-input-active-info[b-9tgolp4mrx] {
    border-color: var(--info);
    box-shadow: 0 0 0 4px var(--info-soft);
}

.rc-amount-input-active-accent[b-9tgolp4mrx] {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px var(--accent-soft);
}

.rc-actionbar-col[b-9tgolp4mrx] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.rc-summary-box[b-9tgolp4mrx] {
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
}

.rc-summary-lines[b-9tgolp4mrx] {
    max-height: 116px;
    overflow-y: auto;
}

.rc-summary-line[b-9tgolp4mrx] {
    padding: 4px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-2);
}

.rc-hr[b-9tgolp4mrx] {
    height: 1px;
    background: var(--line);
    border: 0;
    margin: 8px 0;
}

.rc-total-label[b-9tgolp4mrx] {
    font-size: 14.5px;
    font-weight: 800;
}

.rc-total-value[b-9tgolp4mrx] {
    font-size: 22px;
    color: var(--in);
}

.rc-proceed-btn[b-9tgolp4mrx], .rc-confirm-btn[b-9tgolp4mrx] {
    background: var(--in);
    color: #fff;
}

    .rc-proceed-btn:disabled[b-9tgolp4mrx], .rc-confirm-btn:disabled[b-9tgolp4mrx] {
        background: var(--line);
        color: var(--ink-3);
        opacity: 1;
    }

.rc-total-hero[b-9tgolp4mrx] {
    padding: 8px 0 16px;
}

.rc-total-hero-value[b-9tgolp4mrx] {
    font-size: 46px;
    margin-top: 6px;
    color: var(--in);
    letter-spacing: -1.5px;
}

.rc-total-hero-sub[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-3);
    margin-top: 2px;
}

.rc-mode-card[b-9tgolp4mrx] {
    padding: 14px 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-align: left;
}

.rc-mode-card-active[b-9tgolp4mrx] {
    border-color: var(--in);
    border-width: 2px;
    box-shadow: 0 0 0 4px var(--in-soft);
}

.rc-radio[b-9tgolp4mrx] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--line);
    display: inline-block;
    flex: 0 0 auto;
    position: relative;
}

.rc-radio-active[b-9tgolp4mrx] {
    border-color: var(--in);
}

    .rc-radio-active[b-9tgolp4mrx]::after {
        content: "";
        position: absolute;
        inset: 4px;
        border-radius: 50%;
        background: var(--in);
    }

.rc-mode-label[b-9tgolp4mrx] {
    font-size: 16px;
    font-weight: 800;
}

.rc-quick-amt[b-9tgolp4mrx] {
    height: 40px;
    border-radius: 12px;
    background: var(--surface);
    border: 1px solid var(--line);
    font-size: 14px;
    font-weight: 800;
    color: var(--ink-2);
}

.rc-quick-amt-active[b-9tgolp4mrx] {
    background: var(--in-soft);
    color: var(--in);
}

.rc-change-box[b-9tgolp4mrx] {
    padding: 12px 14px;
    border-radius: 13px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-size: 13.5px;
    font-weight: 700;
}

.rc-qr-card[b-9tgolp4mrx] {
    padding: 18px;
    background: #fff;
    display: grid;
    place-items: center;
}

.rc-upi-id[b-9tgolp4mrx] {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--info);
}

.rc-upi-check[b-9tgolp4mrx] {
    border-color: var(--info);
    color: var(--info);
}

.rc-upi-done[b-9tgolp4mrx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: var(--in-soft);
    color: var(--in-ink);
    font-weight: 800;
    font-size: 14px;
}

.rc-upi-hint[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ink-3);
    text-align: center;
}

.rc-done-card[b-9tgolp4mrx] {
    overflow: hidden;
    margin-bottom: 14px;
}

.rc-done-hero[b-9tgolp4mrx] {
    padding: 20px 18px 16px;
    background: linear-gradient(135deg, var(--in) 0%, #0f6b32 100%);
    color: #fff;
    text-align: center;
}

.rc-done-check[b-9tgolp4mrx] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    display: grid;
    place-items: center;
    margin: 0 auto 10px;
    font-size: 28px;
}

.rc-done-kicker[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    letter-spacing: .4px;
}

.rc-done-amount[b-9tgolp4mrx] {
    font-size: 38px;
    margin-top: 2px;
    color: #fff;
}

.rc-done-no[b-9tgolp4mrx] {
    font-size: 12.5px;
    font-weight: 700;
    opacity: .85;
    margin-top: 6px;
}

.rc-done-rows[b-9tgolp4mrx] {
    padding: 6px 18px 12px;
}

.rc-done-row[b-9tgolp4mrx] {
    padding: 9px 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-3);
}

    .rc-done-row span:last-child[b-9tgolp4mrx] {
        font-weight: 700;
        color: var(--ink);
    }

.rc-done-row-strong[b-9tgolp4mrx] {
    font-size: 16px;
}

    .rc-done-row-strong span:last-child[b-9tgolp4mrx] {
        font-weight: 800;
        color: var(--in);
    }

.rc-doc-action[b-9tgolp4mrx] {
    min-height: 46px;
    font-size: 13px;
    flex-direction: column;
    gap: 3px;
    padding: 6px 4px;
}

.rc-offline-banner[b-9tgolp4mrx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 13px;
    border-radius: 13px;
    background: var(--amber-soft);
    color: #92400e;
    font-size: 12.5px;
    font-weight: 600;
}

.bottom-nav[b-9tgolp4mrx] {
    display: none;
}
/* /Components/Pages/Transactions/Savings.razor.rz.scp.css */
.savings-page[b-ahbrwv4w2r] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sv-tab-content[b-ahbrwv4w2r] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.sv-step[b-ahbrwv4w2r] {
    flex-direction: column;
    min-height: 0;
}

.sv-step.show[b-ahbrwv4w2r] {
    display: flex;
}

.sv-flow-header[b-ahbrwv4w2r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
}
.sv-title[b-ahbrwv4w2r] { font-size: 19px; font-weight: 800; letter-spacing: -.2px; }
.sv-sub[b-ahbrwv4w2r] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.sv-body[b-ahbrwv4w2r] {
    padding: 0 16px 12px;
    flex: 1;
}

.sv-member-card[b-ahbrwv4w2r] {
    flex-direction: row;
    padding: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}
.sv-member-avatar[b-ahbrwv4w2r] { width: 44px; height: 44px; font-size: 15px; }
.sv-member-name[b-ahbrwv4w2r] { font-size: 15.5px; font-weight: 800; }
.sv-member-sub[b-ahbrwv4w2r] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.sv-currency[b-ahbrwv4w2r] {
    position: absolute; left: 15px; top: 0; bottom: 0;
    display: flex; align-items: center;
    font-size: 19px; font-weight: 800; color: var(--ink-3);
    pointer-events: none;
}
.sv-currency-active[b-ahbrwv4w2r] { color: var(--info); }
.sv-amount-input[b-ahbrwv4w2r] { padding-left: 38px; font-size: 22px; font-weight: 800; height: 60px; }
.sv-amount-input-active[b-ahbrwv4w2r] { border-color: var(--info); box-shadow: 0 0 0 4px var(--info-soft); }

.sv-quick-amt[b-ahbrwv4w2r] {
    height: 42px; border-radius: 12px; background: var(--surface);
    border: 1px solid var(--line); font-size: 14px; font-weight: 800; color: var(--ink-2);
}
.sv-quick-amt-active[b-ahbrwv4w2r] { background: var(--info-soft); color: #1e40af; }

.sv-actionbar[b-ahbrwv4w2r] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    flex: 0 0 auto;
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: var(--sh-up);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
.sv-save-btn[b-ahbrwv4w2r] { background: var(--info); color: #fff; }
.sv-save-btn:disabled[b-ahbrwv4w2r] { background: var(--line); color: var(--ink-3); opacity: 1; }
/* /Components/Pages/Transactions/TransactionsHub.razor.rz.scp.css */
.txhub-page[b-8vj18eb34y] {
    display: flex;
    flex-direction: column;
}

.txhub-head[b-8vj18eb34y] {
    padding: 4px 16px 8px;
}

.txhub-title[b-8vj18eb34y] {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.txhub-body[b-8vj18eb34y] {
    padding: 8px 16px 24px;
}

.txhub-type-card[b-8vj18eb34y] {
    flex-direction: row;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
    color: inherit;
}
.txhub-type-icon[b-8vj18eb34y] { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; flex: 0 0 auto; font-size: 22px; }
.txhub-type-label[b-8vj18eb34y] { font-size: 16px; font-weight: 800; }
.txhub-type-sub[b-8vj18eb34y] { font-size: 12.5px; font-weight: 600; color: var(--ink-3); margin-top: 1px; }

.txhub-history-grid[b-8vj18eb34y] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.txhub-history-tile[b-8vj18eb34y] {
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    text-decoration: none;
    color: inherit;
}
.txhub-history-icon[b-8vj18eb34y] { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; font-size: 20px; }
.txhub-history-label[b-8vj18eb34y] { font-size: 13.5px; font-weight: 800; color: var(--ink); }
.txhub-history-sub[b-8vj18eb34y] { font-size: 11px; font-weight: 600; color: var(--ink-3); margin-top: -4px; }

.txhub-recent-card[b-8vj18eb34y] { overflow: hidden; padding: 0 2px; }
.txhub-recent-row[b-8vj18eb34y] {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 13px;
    border-bottom: 1px solid var(--line-2);
    text-decoration: none;
    color: inherit;
}
.txhub-recent-row:last-child[b-8vj18eb34y] { border-bottom: none; }
.txhub-recent-icon[b-8vj18eb34y] { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto; font-size: 18px; }
.txhub-recent-name[b-8vj18eb34y] { font-size: 14.5px; font-weight: 800; }
.txhub-recent-meta[b-8vj18eb34y] { font-size: 12px; font-weight: 600; color: var(--ink-3); }
.txhub-recent-pending[b-8vj18eb34y] { font-size: 11px; font-weight: 800; color: #B45309; display: inline-flex; align-items: center; gap: 4px; }
.txhub-recent-amt[b-8vj18eb34y] { font-size: 16px; }