@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
:global(html)[b-bz5b2zn6ug], :global(body)[b-bz5b2zn6ug] {
    height: 100%;
}

:global(body)[b-bz5b2zn6ug] {
    margin: 0;
    background: #f5f7fb;
    color: #1b1b1f;
}

.app-shell[b-bz5b2zn6ug] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    background: #f5f7fb;
    transition: grid-template-columns .18s ease;
}

.app-shell.sidebar-collapsed[b-bz5b2zn6ug] {
    grid-template-columns: 72px minmax(0, 1fr);
}

.sidebar[b-bz5b2zn6ug] {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-right: 1px solid #e4e8ef;
    overflow: hidden;
    z-index: 20;
}

.brand[b-bz5b2zn6ug] {
    height: 72px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--cnr-purple), var(--cnr-purple-dark));
}

.brand-icon[b-bz5b2zn6ug] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 36px;
}

.brand-copy[b-bz5b2zn6ug] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.brand-copy strong[b-bz5b2zn6ug] { font-size: 18px; }
.brand-copy span[b-bz5b2zn6ug] { margin-top: 4px; font-size: 14px; opacity: .9; }

.main-nav[b-bz5b2zn6ug] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 10px;
}

.nav-item[b-bz5b2zn6ug],
.nav-section-button[b-bz5b2zn6ug] {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #333840;
    text-decoration: none;
    text-align: left;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

.nav-section-button[b-bz5b2zn6ug] {
    margin-top: 4px;
    color: var(--cnr-purple);
    font-weight: 650;
}

.nav-chevron[b-bz5b2zn6ug] { margin-left: auto; }

.nav-item:hover[b-bz5b2zn6ug],
.nav-section-button:hover[b-bz5b2zn6ug] {
    background: #f3f6fa;
}

.nav-item.active[b-bz5b2zn6ug] {
    color: var(--cnr-purple);
    background: var(--cnr-purple-soft);
    font-weight: 650;
    box-shadow: inset 3px 0 0 var(--cnr-purple);
}

.nav-children[b-bz5b2zn6ug] { margin: 2px 0 10px; }

.nav-item.child[b-bz5b2zn6ug] {
    min-height: 36px;
    margin-left: 28px;
    width: calc(100% - 28px);
    padding-left: 16px;
    font-size: 14px;
}

.placeholder-link[b-bz5b2zn6ug] { margin-top: 3px; }

.collapse-button[b-bz5b2zn6ug] {
    min-height: 50px;
    border: 0;
    border-top: 1px solid #edf0f4;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #4b5563;
    cursor: pointer;
}

.main-area[b-bz5b2zn6ug] {
    min-width: 0;
    height: 100vh;
    min-height: 0;
    display: grid;
    grid-template-rows: 64px minmax(0, 1fr) 32px;
    overflow: hidden;
}

.topbar[b-bz5b2zn6ug] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 18px;
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e5e9f0;
}

.topbar-spacer[b-bz5b2zn6ug],
.status-spacer[b-bz5b2zn6ug] { flex: 1; }

.user-chip[b-bz5b2zn6ug] {
    margin: 0 8px;
    padding: 5px 10px 5px 5px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .20);
    color: #fff;
    backdrop-filter: blur(8px);
}

.user-avatar[b-bz5b2zn6ug] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--cnr-green), #55b96b);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .28);
    font-size: 14px;
    font-weight: 700;
}

.user-copy[b-bz5b2zn6ug] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.user-copy strong[b-bz5b2zn6ug] { font-size: 14px; }
.user-copy span[b-bz5b2zn6ug] { margin-top: 2px; color: rgba(255, 255, 255, .78); font-size: 14px; }

.content-area[b-bz5b2zn6ug] {
    min-width: 0;
    min-height: 0;
    padding: 22px 26px 28px;
    overflow: auto;
    overscroll-behavior: contain;
}

.statusbar[b-bz5b2zn6ug] {
    min-width: 0;
    padding: 0 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    background: #fff;
    border-top: 1px solid #e5e9f0;
    color: #50545b;
    font-size: 14px;
}

.statusbar > span:not(:last-child)[b-bz5b2zn6ug]::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    margin: 0 8px;
    vertical-align: middle;
    background: #d9dde5;
}

.statusbar .company[b-bz5b2zn6ug] { color: var(--cnr-purple); }

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

.sidebar-collapsed .nav-item[b-bz5b2zn6ug],
.sidebar-collapsed .nav-section-button[b-bz5b2zn6ug] {
    justify-content: center;
    padding: 0;
}

@media (max-width: 980px) {
    .app-shell[b-bz5b2zn6ug] { grid-template-columns: 72px minmax(0, 1fr); }

    .brand-copy[b-bz5b2zn6ug],
    .nav-children[b-bz5b2zn6ug],
    .nav-item span[b-bz5b2zn6ug],
    .nav-section-button span[b-bz5b2zn6ug],
    .collapse-button span[b-bz5b2zn6ug],
    .user-copy[b-bz5b2zn6ug] {
        display: none;
    }

    .brand[b-bz5b2zn6ug] { padding: 0; justify-content: center; }
    .nav-item[b-bz5b2zn6ug], .nav-section-button[b-bz5b2zn6ug] { justify-content: center; padding: 0; }
    .content-area[b-bz5b2zn6ug] { padding: 16px; }
}

@media (max-width: 720px) {
    .topbar[b-bz5b2zn6ug] { padding: 0 8px; }
    .topbar[b-bz5b2zn6ug]  fluent-button:nth-of-type(2),
    .topbar[b-bz5b2zn6ug]  fluent-button:nth-of-type(3),
    .topbar[b-bz5b2zn6ug]  fluent-button:nth-of-type(4) { display: none; }
    .statusbar[b-bz5b2zn6ug] { overflow-x: auto; }
}

.nav-item.child[b-bz5b2zn6ug] {
    gap: 9px;
}

.nav-item.child span[b-bz5b2zn6ug] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.logout-form[b-bz5b2zn6ug] {
    margin: 0;
}

.logout-button[b-bz5b2zn6ug] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #c42b1c;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.logout-button:hover[b-bz5b2zn6ug] {
    background: #a4262c;
}

@media (max-width: 720px) {
    .logout-button span[b-bz5b2zn6ug] {
        display: none;
    }

    .logout-button[b-bz5b2zn6ug] {
        width: 36px;
        justify-content: center;
        padding: 0;
    }
}
/* /Components/Pages/Collector/ActivityComposer.razor.rz.scp.css */
.activity-composer[b-xgtx0jfm07] {
    position: fixed;
    right: 24px;
    bottom: 42px;
    z-index: 5000;
    width: 540px;
    max-width: calc(100vw - 48px);
    background: var(--neutral-layer-1);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 10px 10px 4px 4px;
    box-shadow: 0 14px 42px rgba(0, 0, 0, .20), 0 3px 10px rgba(0, 0, 0, .10);
    overflow: hidden;
}

.activity-composer.minimized[b-xgtx0jfm07] {
    width: 360px;
}

.composer-header[b-xgtx0jfm07] {
    min-height: 48px;
    display: flex;
    align-items: center;
    color: #fff;
    background: linear-gradient(105deg, var(--cnr-purple-dark), var(--cnr-purple));
    user-select: none;
}

.composer-title[b-xgtx0jfm07] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0 7px 15px;
}

.composer-title > div[b-xgtx0jfm07] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.composer-title strong[b-xgtx0jfm07] {
    font-size: 14px;
}

.composer-title span[b-xgtx0jfm07] {
    max-width: 330px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.72);
    font-size: 14px;
}

.composer-window-actions[b-xgtx0jfm07] {
    align-self: stretch;
    display: flex;
}

.window-action[b-xgtx0jfm07] {
    width: 42px;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: 19px;
    cursor: pointer;
}

.window-action:hover[b-xgtx0jfm07] {
    background: rgba(255,255,255,.13);
}

.window-action.close:hover[b-xgtx0jfm07] {
    background: #c42b1c;
}

.composer-body[b-xgtx0jfm07] {
    max-height: calc(100vh - 210px);
    padding: 16px;
    overflow: auto;
}

.form-grid[b-xgtx0jfm07] {
    display: grid;
    gap: 12px;
}

.form-grid.two-columns[b-xgtx0jfm07] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field[b-xgtx0jfm07] {
    min-width: 0;
}

.form-field.full[b-xgtx0jfm07] {
    grid-column: 1 / -1;
}

.form-field label[b-xgtx0jfm07],
.option-title[b-xgtx0jfm07] {
    display: block;
    margin-bottom: 5px;
    color: var(--neutral-foreground-rest);
    font-size: 14px;
    font-weight: 600;
}

.native-input[b-xgtx0jfm07],
.native-textarea[b-xgtx0jfm07] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-input-rest);
    font: inherit;
}

.native-input[b-xgtx0jfm07] {
    height: 32px;
    padding: 4px 8px;
}

.native-textarea[b-xgtx0jfm07] {
    padding: 8px 10px;
    resize: vertical;
    line-height: 1.45;
}

.native-input:focus[b-xgtx0jfm07],
.native-textarea:focus[b-xgtx0jfm07] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: -1px;
}

.comment-field[b-xgtx0jfm07] {
    margin-top: 12px;
}

.option-section[b-xgtx0jfm07] {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.option-grid[b-xgtx0jfm07] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}

.option-card[b-xgtx0jfm07] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
    font-size: 14px;
    cursor: pointer;
}

.option-card input[b-xgtx0jfm07] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.option-card.selected[b-xgtx0jfm07] {
    border-color: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    background: var(--accent-fill-rest);
    color: #fff;
}

.conditional-panel[b-xgtx0jfm07] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    background: var(--neutral-layer-2);
}

.hold-row[b-xgtx0jfm07] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.hold-input[b-xgtx0jfm07] {
    flex: 1;
    max-width: 240px;
}

.composer-footer[b-xgtx0jfm07] {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    background: var(--neutral-layer-1);
}

@media (max-width: 700px) {
    .activity-composer[b-xgtx0jfm07],
    .activity-composer.minimized[b-xgtx0jfm07] {
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: auto;
        max-width: none;
    }

    .form-grid.two-columns[b-xgtx0jfm07],
    .option-grid[b-xgtx0jfm07] {
        grid-template-columns: 1fr;
    }

    .composer-body[b-xgtx0jfm07] {
        max-height: calc(100vh - 145px);
    }
}
/* /Components/Pages/Collector/CaseDetail.razor.rz.scp.css */
.case-page[b-g95um0c55n] {
    --compact-case-header-height: 64px;
    --case-sticky-top: 0px;
    max-width: 1680px;
    margin: 0 auto;
}

.case-scroll-anchor[b-g95um0c55n] {
    width: 0;
    height: 0;
    overflow: hidden;
}

.case-header[b-g95um0c55n] { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; }
.case-heading[b-g95um0c55n] { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.back-button[b-g95um0c55n] { width:36px; height:36px; border:1px solid #dfe5ec; border-radius:10px; background:#fff; color:#334155; font-size:27px; line-height:1; cursor:pointer; }
.back-button:hover[b-g95um0c55n] { background:#faf7fc; border-color:#d8c9e3; }
.breadcrumb[b-g95um0c55n] { display:flex; align-items:center; gap:6px; margin:1px 0 6px; color:#8a93a0; font-size:14px; }
.breadcrumb span:first-child[b-g95um0c55n] { color:var(--cnr-purple); }
.title-row[b-g95um0c55n] { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.title-row h1[b-g95um0c55n] { margin:0; color:#172033; font-size:25px; }
.case-heading p[b-g95um0c55n] { margin:6px 0 0; color:#707887; font-size:14px; }
.status-pill[b-g95um0c55n] { padding:4px 10px; border-radius:999px; background:#feeceb; color:#b42318; font-size:14px; font-weight:700; }
.header-actions[b-g95um0c55n] { display:flex; align-items:center; gap:8px; }

.compact-sticky-shell[b-g95um0c55n] {
    position: sticky;
    top: var(--case-sticky-top);
    z-index: 40;
    height: 0;
    overflow: visible;
}

.compact-case-header[b-g95um0c55n] {
    width: 100%;
    min-height: var(--compact-case-header-height);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    padding: 9px 12px;
    border: 1px solid #dce4ed;
    border-radius: 11px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 9px 28px rgba(15,23,42,.13);
    backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(-100% - 10px));
    transition: opacity .16s ease, transform .18s ease;
}

.compact-case-header.visible[b-g95um0c55n] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.compact-case-identity[b-g95um0c55n] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.compact-avatar[b-g95um0c55n] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--cnr-purple-soft);
    color: var(--cnr-purple);
}

.compact-case-copy[b-g95um0c55n] { min-width: 0; }

.compact-title-row[b-g95um0c55n] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.compact-title-row > strong[b-g95um0c55n] {
    overflow: hidden;
    color: #172033;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compact-reference[b-g95um0c55n] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    overflow: hidden;
    color: #737d8b;
    font-size: 14px;
    white-space: nowrap;
}

.compact-reference strong[b-g95um0c55n] {
    color: #455064;
    font-weight: 650;
}

.compact-balance[b-g95um0c55n] {
    min-width: 125px;
    padding-left: 16px;
    border-left: 1px solid #e5eaf0;
}

.compact-balance span[b-g95um0c55n] {
    display: block;
    color: #7d8591;
    font-size: 14px;
}

.compact-balance strong[b-g95um0c55n] {
    display: block;
    margin-top: 2px;
    color: var(--cnr-purple);
    font-size: 17px;
}

.compact-actions[b-g95um0c55n] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.surface-card[b-g95um0c55n] { border:1px solid #e4e9f0; border-radius:13px; background:#fff; box-shadow:0 5px 20px rgba(34,45,64,.035); }
.summary-grid[b-g95um0c55n] { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr) minmax(280px,.9fr); gap:13px; margin-bottom:13px; }
.summary-card[b-g95um0c55n], .balance-card[b-g95um0c55n], .bank-card[b-g95um0c55n] { padding:17px; }
.card-title-row[b-g95um0c55n], .section-heading[b-g95um0c55n] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.eyebrow[b-g95um0c55n] { display:block; margin-bottom:3px; color:#7e8794; font-size:14px; font-weight:750; letter-spacing:.09em; }
.summary-card h2[b-g95um0c55n], .bank-card h2[b-g95um0c55n], .contact-card h2[b-g95um0c55n], .workspace-card h2[b-g95um0c55n] { margin:0; color:#1b2536; font-size:15px; }
.circle-icon[b-g95um0c55n] { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--cnr-purple-soft); color:var(--cnr-purple); }
.kv-grid[b-g95um0c55n] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 18px; margin-top:16px; }
.kv-grid div[b-g95um0c55n], .bank-list div[b-g95um0c55n], .balance-meta div[b-g95um0c55n] { min-width:0; }
.kv-grid span[b-g95um0c55n], .bank-list span[b-g95um0c55n], .balance-meta span[b-g95um0c55n] { display:block; margin-bottom:3px; color:#7d8591; font-size:14px; }
.kv-grid strong[b-g95um0c55n], .bank-list strong[b-g95um0c55n], .balance-meta strong[b-g95um0c55n] { display:block; overflow:hidden; color:#273142; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }

.balance-card[b-g95um0c55n] { background:linear-gradient(145deg,#ffffff,#faf7fc); }
.balance-item[b-g95um0c55n] { padding:9px 0; border-bottom:1px solid #edf1f5; }
.balance-item span[b-g95um0c55n] { display:block; color:#747e8d; font-size:14px; }
.balance-item strong[b-g95um0c55n] { display:block; margin-top:4px; color:#344054; font-size:19px; }
.balance-item.primary strong[b-g95um0c55n] { color:var(--cnr-purple); font-size:24px; }
.balance-meta[b-g95um0c55n] { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.bank-card h2[b-g95um0c55n] { margin:2px 0 12px; }
.bank-list[b-g95um0c55n] { display:grid; gap:9px; }
.danger-text[b-g95um0c55n] { color:#d92d20 !important; }

.contact-card[b-g95um0c55n] { margin-bottom:13px; padding:16px 17px; }
.address-grid[b-g95um0c55n] { display:grid; gap:7px; margin-top:14px; }
.address-row[b-g95um0c55n] { display:grid; grid-template-columns:100px minmax(0,1fr) 145px; align-items:center; gap:14px; min-height:38px; padding:7px 10px; border:1px solid #edf0f4; border-radius:8px; background:#fbfcfd; }
.address-type[b-g95um0c55n] { color:var(--cnr-purple); font-size:14px; font-weight:700; }
.address-row strong[b-g95um0c55n] { overflow:hidden; color:#374151; font-size:14px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.address-phone[b-g95um0c55n] { color:#667085; font-size:14px; }

.workspace-card[b-g95um0c55n] { overflow:visible; }
.detail-tabs[b-g95um0c55n] {
    position: sticky;
    top: var(--case-sticky-top);
    z-index: 35;
    display:flex;
    gap:0;
    overflow-x:auto;
    padding:0 10px;
    border:1px solid #e7ebf0;
    border-width:1px 0;
    background:rgba(251,252,254,.98);
    box-shadow:0 6px 14px rgba(15,23,42,.045);
    backdrop-filter:blur(12px);
}
.detail-tab[b-g95um0c55n] { position:relative; flex:0 0 auto; min-height:44px; padding:0 12px; border:0; background:transparent; color:#596272; font:inherit; font-size:14px; cursor:pointer; white-space:nowrap; }
.detail-tab:hover[b-g95um0c55n] { color:var(--cnr-purple); }
.detail-tab.active[b-g95um0c55n] { color:var(--cnr-purple); font-weight:700; }
.detail-tab.active[b-g95um0c55n]::after { content:""; position:absolute; right:10px; bottom:0; left:10px; height:2px; background:var(--cnr-purple); border-radius:2px 2px 0 0; }

/* When the compact customer header is visible, keep the tabs directly below it.
   Without compact mode, tabs stick at the top of the scroll area with no empty 64px gap. */
.case-page.compact-active .detail-tabs[b-g95um0c55n] {
    top: calc(var(--case-sticky-top) + var(--compact-case-header-height));
}

.activity-layout[b-g95um0c55n] { display:grid; grid-template-columns:270px minmax(0,1fr); min-height:510px; }
.phone-panel[b-g95um0c55n] { padding:17px; border-right:1px solid #e7ebf0; background:#fbfcfe; }
.panel-title[b-g95um0c55n] { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; }
.panel-title h3[b-g95um0c55n], .activity-toolbar h3[b-g95um0c55n] { margin:0; color:#202a3a; font-size:14px; }
.count-badge[b-g95um0c55n] { min-width:24px; padding:3px 7px; border-radius:999px; background:var(--cnr-purple-soft); color:var(--cnr-purple); font-size:14px; font-weight:700; text-align:center; }
.phone-list[b-g95um0c55n] { display:grid; gap:7px; }
.phone-item[b-g95um0c55n] { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; border:1px solid #e4e8ee; border-radius:9px; background:#fff; text-align:left; cursor:pointer; }
.phone-item:hover[b-g95um0c55n], .phone-item.active[b-g95um0c55n] { border-color:#cbb7dc; background:#faf7fc; }
.phone-item strong[b-g95um0c55n], .phone-item span[b-g95um0c55n] { display:block; }
.phone-item strong[b-g95um0c55n] { color:#263142; font-size:14px; }
.phone-item div span[b-g95um0c55n] { margin-top:2px; color:#7b8492; font-size:14px; }
.phone-tag[b-g95um0c55n] { padding:3px 6px; border-radius:6px; background:#f0f2f5; color:#667085; font-size:14px !important; }
.phone-actions[b-g95um0c55n] { display:flex; gap:5px; margin-top:12px; }

.activity-panel[b-g95um0c55n] { min-width:0; padding:17px; }
.activity-toolbar[b-g95um0c55n] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.activity-toolbar p[b-g95um0c55n] { margin:4px 0 0; color:#8a929f; font-size:14px; }
.activity-filter-bar[b-g95um0c55n] { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:14px 0 10px; }
.activity-table-wrap[b-g95um0c55n] { overflow:auto; border:1px solid #e5e9ef; border-radius:9px; }
.activity-table[b-g95um0c55n] { width:100%; min-width:850px; border-collapse:collapse; font-size:14px; }
.activity-table th[b-g95um0c55n] { position:sticky; top:0; z-index:1; padding:9px 10px; border-bottom:1px solid #dfe5ec; background:#f5f7fa; color:#596273; font-size:14px; font-weight:700; text-align:left; }
.activity-table td[b-g95um0c55n] { padding:10px; border-bottom:1px solid #edf0f4; color:#4b5563; vertical-align:top; }
.activity-table tbody tr:hover[b-g95um0c55n] { background:#f9fbfd; }
.activity-comment[b-g95um0c55n] { max-width:460px; color:#273142; font-size:14px; }
.activity-table small[b-g95um0c55n] { display:block; margin-top:3px; color:#8a929f; }
.code-badge[b-g95um0c55n] { display:inline-flex; min-width:34px; justify-content:center; padding:3px 6px; border-radius:6px; background:var(--cnr-purple-soft); color:var(--cnr-purple); font-size:14px; font-weight:700; }
.row-actions[b-g95um0c55n] { white-space:nowrap; }
.row-actions button[b-g95um0c55n] { margin-right:4px; padding:4px 7px; border:1px solid #dce2e9; border-radius:6px; background:#fff; color:#4c5665; font-size:14px; cursor:pointer; }
.row-actions button:hover[b-g95um0c55n] { background:#f4f7fa; }
.row-actions button.danger[b-g95um0c55n] { color:#b42318; }
.activity-footer[b-g95um0c55n] { padding-top:10px; color:#7f8793; font-size:14px; }

.placeholder-panel[b-g95um0c55n] { min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px; text-align:center; }
.placeholder-icon[b-g95um0c55n] { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:var(--cnr-purple-soft); color:var(--cnr-purple); }
.placeholder-panel h3[b-g95um0c55n] { margin:12px 0 5px; font-size:17px; }
.placeholder-panel p[b-g95um0c55n] { max-width:520px; margin:0; color:#7c8593; font-size:14px; }

.modal-backdrop[b-g95um0c55n] { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:rgba(15,23,42,.42); backdrop-filter:blur(2px); }
.activity-modal[b-g95um0c55n] { width:min(900px,calc(100vw - 48px)); max-height:calc(100vh - 48px); display:flex; flex-direction:column; overflow:hidden; border:1px solid #dfe5ec; border-radius:16px; background:#fff; box-shadow:0 28px 75px rgba(15,23,42,.28); }
.modal-header[b-g95um0c55n] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px 14px; border-bottom:1px solid #e8ecf1; }
.modal-header h2[b-g95um0c55n] { margin:0; color:#1e293b; font-size:19px; }
.modal-header p[b-g95um0c55n] { margin:5px 0 0; color:#7a8491; font-size:14px; }
.modal-close[b-g95um0c55n] { width:34px; height:34px; border:0; border-radius:8px; background:#f4f6f8; color:#596273; font-size:21px; cursor:pointer; }
.modal-body[b-g95um0c55n] { overflow:auto; padding:18px 20px; }
.form-grid[b-g95um0c55n] { display:grid; gap:13px; }
.form-grid.two-columns[b-g95um0c55n] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-field label[b-g95um0c55n] { display:block; margin-bottom:5px; color:#4b5565; font-size:14px; font-weight:650; }
.native-input[b-g95um0c55n], .native-textarea[b-g95um0c55n] { width:100%; box-sizing:border-box; border:1px solid #c9d1dc; border-radius:4px; background:#fff; color:#263142; font:inherit; font-size:14px; outline:none; }
.native-input[b-g95um0c55n] { height:32px; padding:5px 8px; }
.native-textarea[b-g95um0c55n] { min-height:110px; padding:9px; resize:vertical; }
.native-input:focus[b-g95um0c55n], .native-textarea:focus[b-g95um0c55n] { border-color:var(--cnr-purple); box-shadow:0 0 0 1px var(--cnr-purple); }
.comment-field[b-g95um0c55n] { margin-top:14px; }
.option-section[b-g95um0c55n] { margin-top:17px; padding-top:15px; border-top:1px solid #edf0f4; }
.option-title[b-g95um0c55n] { display:block; margin-bottom:8px; color:#4b5565; font-size:14px; font-weight:700; }
.option-grid[b-g95um0c55n] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.option-card[b-g95um0c55n] { display:flex; align-items:center; gap:7px; min-height:38px; padding:0 10px; border:1px solid #dfe5ec; border-radius:8px; background:#fff; color:#4b5563; font-size:14px; cursor:pointer; }
.option-card.selected[b-g95um0c55n] { border-color:#a984c0; background:var(--cnr-purple-soft); color:var(--cnr-purple); font-weight:650; }
.conditional-panel[b-g95um0c55n] { margin-top:12px; padding:13px; border:1px solid #e5daed; border-radius:9px; background:#faf7fc; }
.modal-footer[b-g95um0c55n] { display:flex; justify-content:flex-end; gap:8px; padding:13px 20px; border-top:1px solid #e8ecf1; background:#fbfcfd; }

@media (max-width:1200px) {
    .summary-grid[b-g95um0c55n] { grid-template-columns:1fr 1fr; }
    .general-card[b-g95um0c55n] { grid-column:1 / -1; }
    .kv-grid[b-g95um0c55n] { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:900px) {
    .case-page[b-g95um0c55n] { --compact-case-header-height: 62px; }
    .case-header[b-g95um0c55n] { flex-direction:column; }
    .compact-case-header[b-g95um0c55n] { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
    .compact-balance[b-g95um0c55n] { display:none; }
    .summary-grid[b-g95um0c55n] { grid-template-columns:1fr; }
    .general-card[b-g95um0c55n] { grid-column:auto; }
    .kv-grid[b-g95um0c55n] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .activity-layout[b-g95um0c55n] { grid-template-columns:1fr; }
    .phone-panel[b-g95um0c55n] { border-right:0; border-bottom:1px solid #e7ebf0; }
    .address-row[b-g95um0c55n] { grid-template-columns:90px minmax(0,1fr); }
    .address-phone[b-g95um0c55n] { grid-column:2; }
    .option-grid[b-g95um0c55n] { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:600px) {
    .case-page[b-g95um0c55n] { --compact-case-header-height: 58px; }
    .compact-case-header[b-g95um0c55n] { padding:8px 9px; border-radius:9px; }
    .compact-avatar[b-g95um0c55n] { display:none; }
    .compact-reference[b-g95um0c55n] { max-width:58vw; }
    .compact-reference span:nth-of-type(2)[b-g95um0c55n],
    .compact-reference strong:nth-of-type(3)[b-g95um0c55n] { display:none; }
    .compact-actions[b-g95um0c55n]  fluent-button:first-child { display:none; }
    .kv-grid[b-g95um0c55n], .form-grid.two-columns[b-g95um0c55n] { grid-template-columns:1fr; }
    .address-row[b-g95um0c55n] { grid-template-columns:1fr; }
    .address-phone[b-g95um0c55n] { grid-column:auto; }
    .activity-toolbar[b-g95um0c55n] { flex-direction:column; }
    .option-grid[b-g95um0c55n] { grid-template-columns:1fr; }
    .modal-backdrop[b-g95um0c55n] { padding:10px; }
    .activity-modal[b-g95um0c55n] { width:calc(100vw - 20px); max-height:calc(100vh - 20px); }
}
/* /Components/Pages/Collector/CollectorWorkspacePage.razor.rz.scp.css */
.collector-page[b-jtgu2n42hi] { max-width: 1680px; margin: 0 auto; }

.page-header[b-jtgu2n42hi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.breadcrumb[b-jtgu2n42hi] { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; color: #7c8490; font-size: 14px; }
.breadcrumb span:first-child[b-jtgu2n42hi] { color: var(--cnr-purple); }
.page-header h1[b-jtgu2n42hi] { margin: 0; font-size: 26px; }
.page-header p[b-jtgu2n42hi] { margin: 6px 0 0; color: #727986; font-size: 14px; }

.header-actions[b-jtgu2n42hi],
.result-actions[b-jtgu2n42hi],
.filter-actions[b-jtgu2n42hi],
.filter-heading-actions[b-jtgu2n42hi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.metric-grid[b-jtgu2n42hi] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.metric-card[b-jtgu2n42hi] {
    min-height: 108px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    border: 1px solid #e7eaf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(34,45,64,.035);
}

.metric-icon[b-jtgu2n42hi] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    border-radius: 50%;
    background: var(--cnr-purple-soft);
    color: var(--cnr-purple);
}

.metric-card.green .metric-icon[b-jtgu2n42hi] { color: #0e7c43; background: #eaf8f0; }
.metric-card.amber .metric-icon[b-jtgu2n42hi] { color: #a15c00; background: #fff4da; }
.metric-card.purple .metric-icon[b-jtgu2n42hi] { color: #6b43c5; background: #f0eaff; }
.metric-card.cyan .metric-icon[b-jtgu2n42hi] { color: #087b8c; background: #e6f7fa; }
.metric-card span[b-jtgu2n42hi], .metric-card strong[b-jtgu2n42hi], .metric-card small[b-jtgu2n42hi] { display: block; }
.metric-card span[b-jtgu2n42hi] { color: #5f6671; font-size: 14px; }
.metric-card strong[b-jtgu2n42hi] { margin-top: 7px; font-size: 24px; line-height: 1; }
.metric-card small[b-jtgu2n42hi] { margin-top: 8px; color: #8b929c; font-size: 14px; }

.workspace-tabs[b-jtgu2n42hi] {
    display: flex;
    gap: 2px;
    overflow-x: auto;
    margin-bottom: 14px;
    padding: 0 3px;
    border-bottom: 1px solid #e0e5ec;
}

.workspace-tab[b-jtgu2n42hi] {
    position: relative;
    flex: 0 0 auto;
    padding: 12px 14px 11px;
    color: #4e5662;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}

.workspace-tab:hover[b-jtgu2n42hi] { color: var(--cnr-purple); }
.workspace-tab.active[b-jtgu2n42hi] { color: var(--cnr-purple); font-weight: 650; }
.workspace-tab.active[b-jtgu2n42hi]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -1px; height: 2px; border-radius: 2px 2px 0 0; background: var(--cnr-purple); }

.surface-card[b-jtgu2n42hi] {
    padding: 16px;
    border: 1px solid #e4e8ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 22px rgba(34,45,64,.035);
}

.filter-card[b-jtgu2n42hi] { margin-bottom: 14px; }
.section-heading[b-jtgu2n42hi], .result-header[b-jtgu2n42hi] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.section-title[b-jtgu2n42hi] { display: flex; align-items: center; gap: 10px; }
.section-icon[b-jtgu2n42hi] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: var(--cnr-purple); background: var(--cnr-purple-soft); }
.section-title > div:last-child[b-jtgu2n42hi] { display: flex; flex-direction: column; }
.section-title strong[b-jtgu2n42hi] { font-size: 14px; }
.section-title span[b-jtgu2n42hi] { margin-top: 2px; color: #8a919c; font-size: 14px; }

.filter-grid[b-jtgu2n42hi] {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(6, minmax(140px, 1fr));
    gap: 13px 12px;
}

.field[b-jtgu2n42hi] { min-width: 0; }
.field > label[b-jtgu2n42hi] { display: block; margin: 0 0 5px; color: #41464f; font-size: 14px; font-weight: 550; }
.collector-field[b-jtgu2n42hi] { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }

.advanced-divider[b-jtgu2n42hi] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
    color: #667085;
    font-size: 14px;
    font-weight: 650;
}

.advanced-divider[b-jtgu2n42hi]::after { content: ""; height: 1px; flex: 1; background: #e9edf2; }

.filter-actions[b-jtgu2n42hi] { justify-content: flex-end; margin-top: 16px; padding-top: 14px; border-top: 1px solid #eef1f5; }
.result-header[b-jtgu2n42hi] { margin-bottom: 12px; }
.result-header h2[b-jtgu2n42hi] { margin: 0; font-size: 15px; }
.result-header span[b-jtgu2n42hi] { display: block; margin-top: 3px; color: #878e99; font-size: 14px; }

.grid-wrapper[b-jtgu2n42hi] {
    min-height: 320px;
    max-height: calc(100vh - 440px);
    overflow: auto;
    border: 1px solid #e4e8ee;
    border-radius: 9px;
    background: #fff;
}

.grid-wrapper[b-jtgu2n42hi]  fluent-data-grid { min-width: 1420px; font-size: 14px; }
.grid-wrapper[b-jtgu2n42hi]  fluent-data-grid-row[data-row-type="default"]:hover { background: #faf7fc; }

.status-badge[b-jtgu2n42hi] { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 2px 8px; border-radius: 999px; font-size: 14px; font-weight: 650; white-space: nowrap; }
.status-new[b-jtgu2n42hi] { color: var(--cnr-purple); background: var(--cnr-purple-soft); }
.status-waiting[b-jtgu2n42hi] { color: #976500; background: #fff3d6; }
.status-progress[b-jtgu2n42hi] { color: var(--cnr-green-dark); background: var(--cnr-green-soft); }
.status-overdue[b-jtgu2n42hi] { color: #b42318; background: #feeceb; }
.status-completed[b-jtgu2n42hi] { color: #067647; background: #e8f7ef; }
.status-default[b-jtgu2n42hi] { color: #5d6470; background: #eff1f4; }

.result-footer[b-jtgu2n42hi] { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #717985; font-size: 14px; }
.footer-total strong[b-jtgu2n42hi] { color: #1f2937; }

@media (max-width: 1450px) {
    .filter-grid[b-jtgu2n42hi] { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
    .metric-grid[b-jtgu2n42hi] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1050px) {
    .filter-grid[b-jtgu2n42hi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-grid[b-jtgu2n42hi] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    .page-header[b-jtgu2n42hi], .section-heading[b-jtgu2n42hi], .result-header[b-jtgu2n42hi], .result-footer[b-jtgu2n42hi] { align-items: flex-start; flex-direction: column; }
    .metric-grid[b-jtgu2n42hi], .filter-grid[b-jtgu2n42hi] { grid-template-columns: 1fr; }
    .metric-card[b-jtgu2n42hi] { min-height: auto; }
    .advanced-divider[b-jtgu2n42hi] { grid-column: 1; }
}
/* /Components/Pages/Collector/DateRange.razor.rz.scp.css */
.field[b-f8pv4z0amm] { min-width: 0; }
.field > label[b-f8pv4z0amm] { display: block; margin: 0 0 5px; color: #41464f; font-size: 14px; font-weight: 550; }
.span-2[b-f8pv4z0amm] { grid-column: span 2; }
.date-range-inputs[b-f8pv4z0amm] { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 7px; }
.date-range-inputs span[b-f8pv4z0amm] { color: #8a919c; font-size: 14px; }
@media (max-width: 700px) { .span-2[b-f8pv4z0amm] { grid-column: span 1; } }
/* /Components/Pages/Collector/Tabs/CaseAddressTab.razor.rz.scp.css */
.tab-page[b-yn2i0lx5h5]{padding:18px}.tab-toolbar[b-yn2i0lx5h5]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tab-toolbar h3[b-yn2i0lx5h5]{margin:0;color:#1f2937;font-size:16px}.toolbar-actions[b-yn2i0lx5h5]{display:flex;gap:8px}.eyebrow[b-yn2i0lx5h5]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.address-table-wrap[b-yn2i0lx5h5]{overflow:auto;max-height:170px;border:1px solid #e4e9f0;border-radius:10px}.address-table-wrap table[b-yn2i0lx5h5],.address-info-table table[b-yn2i0lx5h5]{width:100%;border-collapse:collapse;font-size:14px}th[b-yn2i0lx5h5]{padding:8px 9px;background:#f4f7fa;color:#596273;text-align:left}td[b-yn2i0lx5h5]{padding:8px 9px;border-top:1px solid #edf0f4;color:#4b5563}.address-table-wrap tbody tr[b-yn2i0lx5h5]{cursor:pointer}.address-table-wrap tbody tr:hover[b-yn2i0lx5h5],.address-table-wrap tbody tr.selected[b-yn2i0lx5h5]{background:var(--cnr-purple-soft)}.detail-grid[b-yn2i0lx5h5]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.personal-panel[b-yn2i0lx5h5],.address-panel[b-yn2i0lx5h5]{min-width:0;padding:14px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.panel-heading h4[b-yn2i0lx5h5]{margin:0;color:#263142;font-size:14px}.field-grid[b-yn2i0lx5h5]{display:grid;gap:9px 12px;margin-top:12px}.field-grid.two[b-yn2i0lx5h5]{grid-template-columns:repeat(2,minmax(0,1fr))}.check-row[b-yn2i0lx5h5]{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:end;gap:8px;margin-top:12px}.check-row>label[b-yn2i0lx5h5]{display:flex;align-items:center;gap:5px;padding-bottom:7px;color:#667085;font-size:14px}.subtabs[b-yn2i0lx5h5]{display:flex;gap:4px;margin:-4px 0 12px;border-bottom:1px solid #e7ebf0}.subtabs button[b-yn2i0lx5h5]{padding:8px 11px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font:inherit;font-size:14px;cursor:pointer}.subtabs button.active[b-yn2i0lx5h5]{border-bottom-color:var(--cnr-purple);color:var(--cnr-purple);font-weight:700}.address-controls[b-yn2i0lx5h5]{display:grid;grid-template-columns:1.2fr .8fr auto;gap:8px;margin-bottom:10px}.address-controls select[b-yn2i0lx5h5],.address-controls button[b-yn2i0lx5h5],.copy-form select[b-yn2i0lx5h5],.copy-form input[b-yn2i0lx5h5],.copy-form textarea[b-yn2i0lx5h5],.copy-actions button[b-yn2i0lx5h5]{border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px}.address-controls select[b-yn2i0lx5h5]{height:32px;padding:4px 7px}.address-controls button[b-yn2i0lx5h5]{padding:0 14px;cursor:pointer}.address-info-table[b-yn2i0lx5h5]{overflow:auto;min-height:250px;border:1px solid #e4e9f0;border-radius:7px}.copy-form[b-yn2i0lx5h5]{display:grid;gap:12px}.copy-row[b-yn2i0lx5h5]{display:grid;grid-template-columns:65px 1fr;gap:8px;align-items:start}.copy-row label[b-yn2i0lx5h5]{padding-top:7px;color:#667085;font-size:14px}.copy-form select[b-yn2i0lx5h5],.copy-form input[b-yn2i0lx5h5]{height:32px;padding:4px 7px}.copy-form textarea[b-yn2i0lx5h5]{min-height:110px;padding:8px;resize:vertical}.copy-actions[b-yn2i0lx5h5]{display:flex;gap:8px;margin-top:8px}.copy-actions button[b-yn2i0lx5h5]{min-width:70px;padding:7px 12px;cursor:pointer}.copy-actions .danger[b-yn2i0lx5h5]{border-color:#f5b8b2;color:#b42318;background:#fff4f3}@media(max-width:950px){.detail-grid[b-yn2i0lx5h5]{grid-template-columns:1fr}}@media(max-width:650px){.field-grid.two[b-yn2i0lx5h5]{grid-template-columns:1fr}.check-row[b-yn2i0lx5h5]{grid-template-columns:1fr 1fr}.address-controls[b-yn2i0lx5h5]{grid-template-columns:1fr}.tab-toolbar[b-yn2i0lx5h5]{flex-direction:column}}
/* /Components/Pages/Collector/Tabs/CaseCompromiseTab.razor.rz.scp.css */
.tab-page[b-gcinn5m801]{padding:18px}.tab-toolbar[b-gcinn5m801]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tab-toolbar h3[b-gcinn5m801]{margin:0;color:#1f2937;font-size:16px}.toolbar-actions[b-gcinn5m801]{display:flex;gap:8px}.eyebrow[b-gcinn5m801]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.step-tabs[b-gcinn5m801]{display:flex;gap:4px;margin-bottom:13px;border-bottom:1px solid #e7ebf0}.step-tabs button[b-gcinn5m801]{padding:8px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font:inherit;font-size:14px;cursor:pointer}.step-tabs button.active[b-gcinn5m801]{border-bottom-color:var(--cnr-purple);color:var(--cnr-purple);font-weight:700}.compromise-grid[b-gcinn5m801]{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(500px,1.5fr);gap:14px}.form-panel[b-gcinn5m801],.schedule-panel[b-gcinn5m801]{min-width:0}.form-panel[b-gcinn5m801]{padding:14px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.field-grid[b-gcinn5m801]{display:grid;gap:10px}.field-grid.three[b-gcinn5m801]{grid-template-columns:repeat(3,minmax(0,1fr))}.textarea-field[b-gcinn5m801]{margin-top:10px}.textarea-field label[b-gcinn5m801]{display:block;margin-bottom:4px;color:#667085;font-size:14px;font-weight:650}.textarea-field textarea[b-gcinn5m801]{width:100%;min-height:80px;box-sizing:border-box;padding:8px;border:1px solid #d6dce5;border-radius:6px;resize:vertical}.metrics[b-gcinn5m801]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0;padding:10px;border-radius:8px;background:#f8fafc}.metrics div[b-gcinn5m801]{display:flex;justify-content:space-between;gap:10px;font-size:14px}.metrics span[b-gcinn5m801]{color:#7c8593}.metrics strong[b-gcinn5m801]{color:#344054}.amount-grid[b-gcinn5m801]{display:grid;grid-template-columns:minmax(0,1fr) 35px;align-items:end;gap:8px}.amount-grid>span[b-gcinn5m801]{padding-bottom:8px;color:#667085;font-size:14px}.schedule-panel[b-gcinn5m801]{display:grid;grid-template-rows:1fr 1fr;gap:12px}.schedule-block[b-gcinn5m801]{overflow:hidden;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.schedule-title[b-gcinn5m801]{padding:10px 12px;border-bottom:1px solid #e8ecf1;background:#fbfcfe;color:#344054;font-size:14px;font-weight:700}.row-title[b-gcinn5m801]{display:flex;align-items:center;justify-content:space-between}.row-title button[b-gcinn5m801]{border:0;background:transparent;color:#b42318;font-size:14px;cursor:pointer}.table-wrap[b-gcinn5m801]{overflow:auto;min-height:145px}table[b-gcinn5m801]{width:100%;border-collapse:collapse;font-size:14px}th[b-gcinn5m801]{padding:8px;background:#f4f7fa;color:#596273;text-align:left}td[b-gcinn5m801]{padding:8px;border-top:1px solid #edf0f4}.empty-row td[b-gcinn5m801]{padding:45px 8px;text-align:center;color:#98a2b3}.step-placeholder[b-gcinn5m801]{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#667085}.step-number[b-gcinn5m801]{padding:7px 12px;border-radius:999px;background:var(--cnr-purple-soft);color:var(--cnr-purple);font-size:14px;font-weight:700}.step-placeholder h4[b-gcinn5m801]{margin:10px 0 4px;color:#344054}.step-placeholder p[b-gcinn5m801]{max-width:520px;margin:0;font-size:14px}@media(max-width:1050px){.compromise-grid[b-gcinn5m801]{grid-template-columns:1fr}}@media(max-width:650px){.field-grid.three[b-gcinn5m801]{grid-template-columns:1fr}.tab-toolbar[b-gcinn5m801]{flex-direction:column}}
/* /Components/Pages/Collector/Tabs/CaseConditionTab.razor.rz.scp.css */
.tab-page[b-xl3y669ill]{padding:18px}.tab-toolbar[b-xl3y669ill]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tab-toolbar h3[b-xl3y669ill]{margin:0;color:#1f2937;font-size:16px}.toolbar-actions[b-xl3y669ill]{display:flex;gap:8px}.eyebrow[b-xl3y669ill]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.condition-grid[b-xl3y669ill]{display:grid;grid-template-columns:minmax(600px,1.45fr) minmax(300px,.8fr);gap:14px}.condition-form[b-xl3y669ill],.installment-panel[b-xl3y669ill]{padding:14px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.top-fields[b-xl3y669ill]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.payment-options[b-xl3y669ill]{display:grid;grid-template-columns:minmax(190px,auto) 140px auto 120px auto;gap:7px;align-items:center;margin-top:14px;padding:12px;border:1px solid #e5e9ef;border-radius:8px;background:#fbfcfe}.payment-options label[b-xl3y669ill],.payment-options span[b-xl3y669ill]{color:#667085;font-size:14px}.payment-options input[b-xl3y669ill]{height:30px;box-sizing:border-box;padding:4px 7px;border:1px solid #d6dce5;border-radius:6px;font:inherit;font-size:14px}.payment-options button[b-xl3y669ill]{height:30px;padding:0 12px;border:1px solid #cbb7dc;border-radius:6px;background:var(--cnr-purple-soft);color:var(--cnr-purple);font-size:14px;cursor:pointer}.other-check[b-xl3y669ill]{display:block;margin:10px 0;color:#667085;font-size:14px}.section-divider[b-xl3y669ill]{margin:14px 0 8px;padding-top:11px;border-top:1px solid #e7ebf0;color:#344054;font-size:14px;font-weight:700}.customer-form[b-xl3y669ill]{display:grid;gap:7px}.customer-row[b-xl3y669ill]{display:grid;grid-template-columns:210px minmax(130px,1fr) 120px 100px 30px;gap:6px;align-items:center}.customer-row label[b-xl3y669ill],.relation-row[b-xl3y669ill],.textarea-field label[b-xl3y669ill]{color:#667085;font-size:14px}.customer-row input[b-xl3y669ill],.textarea-field textarea[b-xl3y669ill]{width:100%;box-sizing:border-box;border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px}.customer-row input[b-xl3y669ill]{height:30px;padding:4px 7px}.customer-row span[b-xl3y669ill]{color:#667085;font-size:14px}.relation-row[b-xl3y669ill]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}.relation-row>span[b-xl3y669ill]{font-weight:650;color:#344054}.textarea-field[b-xl3y669ill]{display:grid;grid-template-columns:210px 1fr;gap:6px;align-items:start;margin-top:8px}.textarea-field textarea[b-xl3y669ill]{min-height:60px;padding:7px;resize:vertical}.reference-grid[b-xl3y669ill]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.panel-heading h4[b-xl3y669ill]{margin:0;color:#263142;font-size:14px}.table-wrap[b-xl3y669ill]{overflow:auto;min-height:430px;margin-top:10px;border:1px solid #e4e9f0;border-radius:8px}table[b-xl3y669ill]{width:100%;border-collapse:collapse;font-size:14px}th[b-xl3y669ill]{padding:8px;background:#f4f7fa;color:#596273;text-align:left}td[b-xl3y669ill]{padding:8px;border-top:1px solid #edf0f4}.number[b-xl3y669ill]{text-align:right}.empty-row td[b-xl3y669ill]{padding:55px 8px;text-align:center;color:#98a2b3}.bottom-actions[b-xl3y669ill]{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #e7ebf0}@media(max-width:1100px){.condition-grid[b-xl3y669ill]{grid-template-columns:1fr}.payment-options[b-xl3y669ill]{grid-template-columns:1fr 1fr}.customer-row[b-xl3y669ill]{grid-template-columns:1fr 1fr}.textarea-field[b-xl3y669ill]{grid-template-columns:1fr}}@media(max-width:650px){.top-fields[b-xl3y669ill],.reference-grid[b-xl3y669ill]{grid-template-columns:1fr}.tab-toolbar[b-xl3y669ill]{flex-direction:column}.payment-options[b-xl3y669ill]{grid-template-columns:1fr}.customer-row[b-xl3y669ill]{grid-template-columns:1fr}}
/* /Components/Pages/Collector/Tabs/CaseFcrTab.razor.rz.scp.css */
.tab-page[b-thbcq11kyv]{padding:18px}.tab-toolbar[b-thbcq11kyv]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tab-toolbar h3[b-thbcq11kyv]{margin:0;color:#1f2937;font-size:16px}.toolbar-actions[b-thbcq11kyv]{display:flex;gap:8px}.eyebrow[b-thbcq11kyv]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.history-table[b-thbcq11kyv],.result-table[b-thbcq11kyv]{overflow:auto;border:1px solid #e4e9f0;border-radius:9px}table[b-thbcq11kyv]{width:100%;border-collapse:collapse;font-size:14px}th[b-thbcq11kyv]{padding:8px 9px;background:#f4f7fa;color:#596273;text-align:left;white-space:nowrap}td[b-thbcq11kyv]{padding:8px 9px;border-top:1px solid #edf0f4;color:#4b5563;white-space:nowrap}.fcr-grid[b-thbcq11kyv]{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-top:14px}.form-panel[b-thbcq11kyv],.result-panel[b-thbcq11kyv]{padding:14px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.panel-heading h4[b-thbcq11kyv]{margin:0;color:#263142;font-size:14px}.form-row[b-thbcq11kyv]{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}.form-row input[b-thbcq11kyv],.form-row select[b-thbcq11kyv],.form-row textarea[b-thbcq11kyv]{width:100%;box-sizing:border-box;border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px}.form-row input[b-thbcq11kyv],.form-row select[b-thbcq11kyv]{height:31px;padding:4px 7px}.form-row textarea[b-thbcq11kyv]{min-height:90px;padding:8px;resize:vertical}.form-row label[b-thbcq11kyv]{color:#667085;font-size:14px}.inline-combo[b-thbcq11kyv]{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.inline-combo input[type=checkbox][b-thbcq11kyv]{width:auto;height:auto}.radio-card[b-thbcq11kyv]{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 0 83px;padding:10px;border:1px solid #e5e9ef;border-radius:8px;background:#fbfcfe}.radio-card label[b-thbcq11kyv]{font-size:14px;color:#4b5563}.textarea-row[b-thbcq11kyv]{align-items:start}.result-heading[b-thbcq11kyv]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.result-heading button[b-thbcq11kyv]{padding:6px 9px;border:1px solid #cbb7dc;border-radius:6px;background:var(--cnr-purple-soft);color:var(--cnr-purple);font-size:14px;cursor:pointer}.result-table[b-thbcq11kyv]{min-height:285px}.bottom-actions[b-thbcq11kyv]{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #e7ebf0}@media(max-width:900px){.fcr-grid[b-thbcq11kyv]{grid-template-columns:1fr}}@media(max-width:600px){.tab-toolbar[b-thbcq11kyv]{flex-direction:column}.radio-card[b-thbcq11kyv]{margin-left:0}.form-row[b-thbcq11kyv]{grid-template-columns:1fr}}
/* /Components/Pages/Collector/Tabs/CaseGeneralTab.razor.rz.scp.css */
.tab-page[b-yw5o1o2u1k]{padding:18px}.tab-toolbar[b-yw5o1o2u1k]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.tab-toolbar h3[b-yw5o1o2u1k]{margin:0;color:#1f2937;font-size:16px}.tab-toolbar p[b-yw5o1o2u1k]{margin:4px 0 0;color:#7d8794;font-size:14px}.toolbar-actions[b-yw5o1o2u1k]{display:flex;gap:8px}.eyebrow[b-yw5o1o2u1k]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.balance-strip[b-yw5o1o2u1k]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid #e3e8ef;border-radius:10px;background:#e3e8ef}.balance-strip div[b-yw5o1o2u1k]{padding:11px 13px;background:#fbfcfe}.balance-strip span[b-yw5o1o2u1k]{display:block;color:#7c8593;font-size:14px}.balance-strip strong[b-yw5o1o2u1k]{display:block;margin-top:3px;color:#273142;font-size:14px}.balance-strip div:nth-child(2) strong[b-yw5o1o2u1k]{color:var(--cnr-purple)}.subtabs[b-yw5o1o2u1k]{display:flex;gap:5px;margin-bottom:12px;border-bottom:1px solid #e7ebf0}.subtabs button[b-yw5o1o2u1k]{padding:9px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font:inherit;font-size:14px;cursor:pointer}.subtabs button.active[b-yw5o1o2u1k]{border-bottom-color:var(--cnr-purple);color:var(--cnr-purple);font-weight:700}.general-columns[b-yw5o1o2u1k],.more-grid[b-yw5o1o2u1k]{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.4fr);gap:14px}.panel[b-yw5o1o2u1k]{padding:15px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.panel-heading[b-yw5o1o2u1k]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h4[b-yw5o1o2u1k]{margin:0;color:#263142;font-size:14px}.field-grid[b-yw5o1o2u1k]{display:grid;gap:9px 12px}.field-grid.two[b-yw5o1o2u1k]{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-top[b-yw5o1o2u1k]{margin-top:12px}.wide-field[b-yw5o1o2u1k]{margin-top:10px}.wide-field label[b-yw5o1o2u1k]{display:block;margin-bottom:4px;color:#667085;font-size:14px;font-weight:650}.wide-field input[b-yw5o1o2u1k],.note-panel textarea[b-yw5o1o2u1k]{width:100%;box-sizing:border-box;border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px}.wide-field input[b-yw5o1o2u1k]{height:31px;padding:5px 8px}.note-panel textarea[b-yw5o1o2u1k]{min-height:190px;margin-top:12px;padding:10px;resize:vertical}@media(max-width:1050px){.balance-strip[b-yw5o1o2u1k]{grid-template-columns:repeat(3,1fr)}.general-columns[b-yw5o1o2u1k],.more-grid[b-yw5o1o2u1k]{grid-template-columns:1fr}}@media(max-width:650px){.balance-strip[b-yw5o1o2u1k]{grid-template-columns:1fr 1fr}.field-grid.two[b-yw5o1o2u1k]{grid-template-columns:1fr}.tab-toolbar[b-yw5o1o2u1k]{flex-direction:column}}
/* /Components/Pages/Collector/Tabs/CaseNoticeTab.razor.rz.scp.css */
.tab-page[b-b71j3ze01x]{padding:18px}.tab-toolbar[b-b71j3ze01x]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tab-toolbar h3[b-b71j3ze01x]{margin:0;color:#1f2937;font-size:16px}.toolbar-actions[b-b71j3ze01x]{display:flex;gap:8px}.eyebrow[b-b71j3ze01x]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.history-table[b-b71j3ze01x]{overflow:auto;border:1px solid #e4e9f0;border-radius:9px}table[b-b71j3ze01x]{width:100%;border-collapse:collapse;font-size:14px}th[b-b71j3ze01x]{padding:8px 9px;background:#f4f7fa;color:#596273;text-align:left;white-space:nowrap}td[b-b71j3ze01x]{padding:8px 9px;border-top:1px solid #edf0f4;color:#4b5563;white-space:nowrap}.notice-grid[b-b71j3ze01x]{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.form-panel[b-b71j3ze01x],.result-panel[b-b71j3ze01x]{padding:14px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}.panel-heading h4[b-b71j3ze01x]{margin:0;color:#263142;font-size:14px}.form-row[b-b71j3ze01x]{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}.form-row input[b-b71j3ze01x],.form-row select[b-b71j3ze01x],.form-row textarea[b-b71j3ze01x],.hold-row input[b-b71j3ze01x]{width:100%;box-sizing:border-box;border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px}.form-row input[b-b71j3ze01x],.form-row select[b-b71j3ze01x],.hold-row input[b-b71j3ze01x]{height:31px;padding:4px 7px}.form-row textarea[b-b71j3ze01x]{min-height:95px;padding:8px;resize:vertical}.form-row label[b-b71j3ze01x]{color:#667085;font-size:14px}.textarea-row[b-b71j3ze01x]{align-items:start}.result-toggle[b-b71j3ze01x]{margin-bottom:4px;padding:7px 9px;border-radius:7px;background:#f8fafc;color:#344054;font-size:14px}.hold-row[b-b71j3ze01x]{display:grid;grid-template-columns:90px 1fr 85px;gap:8px;align-items:center;margin-top:12px}.hold-row label[b-b71j3ze01x]{color:#667085;font-size:14px}.bottom-actions[b-b71j3ze01x]{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #e7ebf0}@media(max-width:900px){.notice-grid[b-b71j3ze01x]{grid-template-columns:1fr}}@media(max-width:600px){.tab-toolbar[b-b71j3ze01x]{flex-direction:column}.form-row[b-b71j3ze01x],.hold-row[b-b71j3ze01x]{grid-template-columns:1fr}}
/* /Components/Pages/Collector/Tabs/CasePaymentTab.razor.rz.scp.css */
.tab-page[b-gxry1qo1bi]{padding:18px}.tab-toolbar[b-gxry1qo1bi]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.tab-toolbar h3[b-gxry1qo1bi]{margin:0;color:#1f2937;font-size:16px}.tab-toolbar p[b-gxry1qo1bi]{margin:4px 0 0;color:#7d8794;font-size:14px}.eyebrow[b-gxry1qo1bi]{display:block;margin-bottom:3px;color:#7e8794;font-size:14px;font-weight:750;letter-spacing:.09em}.split-grid[b-gxry1qo1bi]{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.data-panel[b-gxry1qo1bi]{min-width:0;border:1px solid #e4e9f0;border-radius:10px;background:#fff;overflow:hidden}.panel-title[b-gxry1qo1bi]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #e8ecf1;background:#fbfcfe}.panel-title h4[b-gxry1qo1bi]{margin:0;color:#263142;font-size:14px}.total-badge[b-gxry1qo1bi]{padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:14px;font-weight:700}.total-badge.accent[b-gxry1qo1bi]{background:var(--cnr-purple-soft);color:var(--cnr-purple)}.table-wrap[b-gxry1qo1bi]{overflow:auto}.table-wrap.tall[b-gxry1qo1bi]{min-height:390px}table[b-gxry1qo1bi]{width:100%;border-collapse:collapse;font-size:14px}th[b-gxry1qo1bi]{padding:9px 10px;background:#f4f7fa;color:#596273;font-size:14px;text-align:left;border-bottom:1px solid #dfe5ec}td[b-gxry1qo1bi]{padding:10px;border-bottom:1px solid #edf0f4;color:#4b5563}.number[b-gxry1qo1bi]{text-align:right}.empty-row td[b-gxry1qo1bi]{padding:60px 10px;text-align:center;color:#98a2b3}@media(max-width:900px){.split-grid[b-gxry1qo1bi]{grid-template-columns:1fr}}
/* /Components/Pages/Collector/Tabs/Field.razor.rz.scp.css */
.field[b-bh7jjfryn2]{min-width:0}.field label[b-bh7jjfryn2]{display:block;margin-bottom:4px;color:#667085;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field input[b-bh7jjfryn2]{width:100%;height:31px;box-sizing:border-box;padding:5px 8px;border:1px solid #d6dce5;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:14px;outline:none}.field input:focus[b-bh7jjfryn2]{border-color:var(--cnr-purple);box-shadow:0 0 0 1px var(--cnr-purple)}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-hqcg9uu1z4] { max-width: 1600px; margin: 0 auto; }

.page-heading[b-hqcg9uu1z4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.eyebrow[b-hqcg9uu1z4] {
    margin-bottom: 5px;
    color: var(--cnr-purple);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .11em;
}

.page-heading h1[b-hqcg9uu1z4] { margin: 0; font-size: clamp(24px, 3vw, 34px); line-height: 1.2; }
.page-heading p[b-hqcg9uu1z4] { margin: 7px 0 0; color: #6b7280; }

.hero-grid[b-hqcg9uu1z4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.hero-card[b-hqcg9uu1z4] {
    min-height: 140px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid #e5e9f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(31,41,55,.045);
}

.hero-card.primary[b-hqcg9uu1z4] { border-color: #ded1e8; background: linear-gradient(145deg, var(--cnr-purple-soft), #fff 72%); }
.hero-card.warning[b-hqcg9uu1z4] { border-color: #f7dfac; background: linear-gradient(145deg, #fff9e8, #fff 72%); }
.hero-card.success[b-hqcg9uu1z4] { border-color: #cbe9d9; background: linear-gradient(145deg, #eefbf4, #fff 72%); }

.hero-icon[b-hqcg9uu1z4] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--cnr-purple);
    background: rgba(83,47,115,.08);
}

.card-label[b-hqcg9uu1z4] { display: block; color: #59616d; font-size: 14px; }
.hero-card strong[b-hqcg9uu1z4] { display: block; margin: 10px 0 6px; font-size: 30px; }
.hero-card small[b-hqcg9uu1z4] { color: #818896; }

.dashboard-grid[b-hqcg9uu1z4] {
    margin-top: 16px;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, .7fr);
    gap: 16px;
}

.panel[b-hqcg9uu1z4] {
    padding: 20px;
    border: 1px solid #e5e9f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(31,41,55,.04);
}

.panel-title[b-hqcg9uu1z4] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.panel-title h2[b-hqcg9uu1z4] { margin: 0; font-size: 18px; }
.panel-title p[b-hqcg9uu1z4] { margin: 4px 0 0; color: #7a828e; font-size: 14px; }

.quick-grid[b-hqcg9uu1z4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.quick-item[b-hqcg9uu1z4] {
    min-height: 74px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e6eaf0;
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    transition: .15s ease;
}

.quick-item:hover[b-hqcg9uu1z4] { border-color: #cbb7dc; background: #faf7fc; transform: translateY(-1px); }

.quick-icon[b-hqcg9uu1z4] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--cnr-purple);
    background: var(--cnr-purple-soft);
}

.quick-item strong[b-hqcg9uu1z4], .quick-item span[b-hqcg9uu1z4] { display: block; }
.quick-item strong[b-hqcg9uu1z4] { font-size: 14px; }
.quick-item span[b-hqcg9uu1z4] { margin-top: 4px; color: #7a828e; font-size: 14px; }

.balance-panel[b-hqcg9uu1z4] { background: linear-gradient(145deg, #fff, #faf7fc); }
.balance-value[b-hqcg9uu1z4] { margin-top: 28px; color: var(--cnr-purple); font-size: clamp(28px, 4vw, 42px); font-weight: 750; }
.balance-value span[b-hqcg9uu1z4] { color: #68717e; font-size: 14px; font-weight: 500; }
.balance-note[b-hqcg9uu1z4] { margin-top: 12px; color: #858d98; font-size: 14px; }

@media (max-width: 1150px) {
    .hero-grid[b-hqcg9uu1z4] { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid[b-hqcg9uu1z4] { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .page-heading[b-hqcg9uu1z4] { align-items: flex-start; flex-direction: column; }
    .hero-grid[b-hqcg9uu1z4], .quick-grid[b-hqcg9uu1z4] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-container[b-spap2uemyd] {
    --accent-fill-rest: var(--cnr-purple);
    --accent-fill-hover: var(--cnr-purple-hover);
    --accent-fill-active: var(--cnr-purple-dark);
    --accent-fill-focus: var(--cnr-purple);
    --accent-foreground-rest: var(--cnr-purple);
    --accent-foreground-hover: var(--cnr-purple-hover);
    --accent-foreground-active: var(--cnr-purple-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
}

.login-card[b-spap2uemyd] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 40px;
    width: 100%;
    max-width: 420px;
}

.logo-area[b-spap2uemyd] {
    text-align: center;
    margin-bottom: 30px;
}

    .logo-area h1[b-spap2uemyd] {
        margin: 10px 0 5px 0;
        color: var(--neutral-foreground-rest);
    }

    .logo-area p[b-spap2uemyd] {
        margin: 0;
        color: var(--neutral-foreground-hint);
    }

.input-field[b-spap2uemyd] {
    margin-bottom: 20px;
    width: 100%;
}

.options-row[b-spap2uemyd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.login-button[b-spap2uemyd] {
    width: 100%;
    margin-bottom: 20px;
}

.divider[b-spap2uemyd] {
    display: flex;
    align-items: center;
    margin: 20px 0;
    color: var(--neutral-foreground-hint);
}

    .divider[b-spap2uemyd]::before, .divider[b-spap2uemyd]::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    }

    .divider[b-spap2uemyd]::before {
        margin-right: 10px;
    }

    .divider[b-spap2uemyd]::after {
        margin-left: 10px;
    }

.social-login[b-spap2uemyd] {
    margin-bottom: 20px;
}

.signup-link[b-spap2uemyd] {
    text-align: center;
    color: var(--neutral-foreground-hint);
}

a[b-spap2uemyd] {
    color: var(--accent-foreground-rest);
    text-decoration: none;
}

    a:hover[b-spap2uemyd] {
        text-decoration: underline;
    }