/* /Components/Pages/Accounts.razor.rz.scp.css */
/* Balance/projection cards: bring them to the same polish level as the category master items
   (Categories.razor.css) with a soft transition and a subtle hover elevation, instead of the
   static, non-interactive look they had before. Scoped to this page only (CSS isolation), so
   the shared .account-cashflow-card rules in enterprise-theme.css/app.css stay untouched for any
   other page that might reuse the class in the future. */
.account-cashflow-card[b-mali4z06pz] {
    transition: border-color .12s ease, background-color .12s ease, transform .12s ease, box-shadow .12s ease;
}

.account-cashflow-card:hover[b-mali4z06pz] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--brand-2, #3b6ef5) 38%, rgba(255,255,255,.08));
    box-shadow: 0 16px 32px rgba(8, 20, 36, .18);
}

html[data-theme="light"] .account-cashflow-card:hover[b-mali4z06pz] {
    box-shadow: 0 16px 32px rgba(8, 20, 36, .1);
}

/* With a single field instead of two, the actions column no longer needs to stretch to the
   picker's old two-column height; keep it bottom-aligned with the hero copy explicitly instead
   of relying on the taller implicit sizing that used to come from the wider Mês/Ano pair. */
.accounts-hero-panel__actions[b-mali4z06pz] {
    display: flex;
    align-items: flex-end;
}

/* Sort control for "Saldo por conta" (Maior saldo | Tipo | Nome), mirroring the segmented look
   used elsewhere in the app but scoped to this page since it's a new, page-specific control. */
.accounts-sort-control[b-mali4z06pz] {
    display: inline-flex;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: .2rem;
    gap: .2rem;
    background: var(--surface-raised);
}

.accounts-sort-control__item[b-mali4z06pz] {
    border: 0;
    background: transparent;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 600;
    padding: .4rem .7rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
    white-space: nowrap;
}

.accounts-sort-control__item:hover[b-mali4z06pz] {
    color: var(--text-strong);
}

.accounts-sort-control__item--active[b-mali4z06pz] {
    background: color-mix(in srgb, var(--brand-2, #3b6ef5) 14%, var(--surface-raised));
    color: var(--brand-2, #3b6ef5);
}

/* Avatar with the account's initial, colored to match the card's own tone accent (the same
   gradient family already used for the left border stripe), instead of a real institution logo
   which the domain doesn't have (FinancialAccount has no bank/brand field). */
.account-cashflow-card__identity[b-mali4z06pz] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.account-cashflow-card__avatar[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    border-radius: 999px;
    font-weight: 700;
    font-size: .9rem;
    color: #fff;
}

.account-cashflow-card--checking .account-cashflow-card__avatar[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(91, 141, 255, .95), rgba(114, 203, 255, .9));
}

.account-cashflow-card--savings .account-cashflow-card__avatar[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(47, 206, 149, .95), rgba(138, 239, 206, .85));
}

.account-cashflow-card--wallet .account-cashflow-card__avatar[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(255, 177, 74, .95), rgba(255, 214, 122, .85));
}

.account-cashflow-card--investment .account-cashflow-card__avatar[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(161, 101, 255, .95), rgba(115, 70, 224, .9));
}

/* Unified "Cadastro de contas" panel: replaces the separate ListViewHeader + listview-panel pair
   with a single bordered card (title/search/actions, summary chips, type tabs + sort, table),
   scoped to this page only. Mirrors the visual language already used by .listview-panel/.hero-panel
   (border, radius, shadow, panel background) instead of inventing a new shell look. */
.accounts-manage-panel[b-mali4z06pz] {
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
    padding: 1.35rem;
    display: grid;
    /* Without an explicit column, an implicit grid track sizes to the *max-content* width its
       widest row wants — which, with flex-shrink:0 buttons in the header row, is wider than the
       panel itself. minmax(0, 1fr) pins the column to the panel's real width instead, so the
       header's flex children are actually forced to shrink/wrap rather than blowing the grid out
       past the page edge. */
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
}

.accounts-page-panel > .accounts-manage-panel[b-mali4z06pz] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.accounts-manage-panel__header[b-mali4z06pz] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.accounts-manage-panel__copy[b-mali4z06pz] {
    min-width: 0;
}

.accounts-manage-panel__copy h2[b-mali4z06pz] {
    margin: 0 0 .2rem;
    font-size: 1.4rem;
    color: var(--text-strong);
}

.accounts-manage-panel__copy p[b-mali4z06pz] {
    margin: 0;
    color: var(--muted);
}

.accounts-manage-panel__toolbar[b-mali4z06pz] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    min-width: 0;
    gap: .6rem;
}

/* Keep search + Filtros + Nova conta on a single row and roughly the same height as the btn-sm
   buttons next to them; .listview-search (app.css) is sized/padded for its original full-width
   toolbar row, which is taller and wider than this compact header needs. */
.accounts-manage-panel__toolbar[b-mali4z06pz]  .listview-search {
    min-width: 0;
    flex: 1 1 12rem;
    max-width: 18rem;
    padding: .5rem .85rem;
    border-radius: 11px;
}

/* .btn (app.css) never sets white-space/flex-shrink, so when the toolbar ran short on room the
   buttons themselves shrank and their label wrapped onto a second line, making them look tall and
   "bulky" instead of compact. Buttons keep their natural size; the search field above is the only
   thing allowed to give up width. */
.accounts-manage-panel__toolbar .btn[b-mali4z06pz] {
    flex-shrink: 0;
    white-space: nowrap;
}

.accounts-manage-panel__summary[b-mali4z06pz] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.accounts-summary-chip[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted-strong);
    font-size: .82rem;
    font-weight: 600;
}

.accounts-summary-chip .app-icon[b-mali4z06pz] {
    width: .95rem;
    height: .95rem;
}

.accounts-summary-chip__dot[b-mali4z06pz] {
    width: .5rem;
    height: .5rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.accounts-summary-chip--positive[b-mali4z06pz] {
    background: color-mix(in srgb, var(--positive) 12%, transparent);
    border-color: color-mix(in srgb, var(--positive) 30%, var(--line));
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
}

.accounts-summary-chip--positive .accounts-summary-chip__dot[b-mali4z06pz] {
    background: var(--positive);
}

.accounts-summary-chip--negative[b-mali4z06pz] {
    background: color-mix(in srgb, var(--negative) 12%, transparent);
    border-color: color-mix(in srgb, var(--negative) 30%, var(--line));
    color: color-mix(in srgb, var(--negative) 82%, var(--text-strong));
}

.accounts-summary-chip--negative .accounts-summary-chip__dot[b-mali4z06pz] {
    background: var(--negative);
}

.accounts-manage-panel__controls[b-mali4z06pz] {
    margin-bottom: -1.1rem;
}

.accounts-type-tabs[b-mali4z06pz] {
    flex-wrap: wrap;
}

.accounts-sort-select[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .5rem 0 .85rem;
    height: 2.35rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface-raised);
    color: var(--muted);
    font-size: .82rem;
    font-weight: 600;
}

.accounts-sort-select__input[b-mali4z06pz] {
    border: 0;
    background: transparent;
    color: var(--text-strong);
    font-weight: 600;
    font-size: .82rem;
    padding: .3rem;
    cursor: pointer;
}

.accounts-sort-select__input:focus[b-mali4z06pz] {
    outline: none;
}

.accounts-manage-panel__content[b-mali4z06pz] {
    display: block;
}

.accounts-table-identity[b-mali4z06pz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.accounts-table-identity__avatar[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    border-radius: 999px;
    font-weight: 700;
    font-size: .82rem;
    color: #fff;
}

.accounts-table-identity__avatar--checking[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(91, 141, 255, .95), rgba(114, 203, 255, .9));
}

.accounts-table-identity__avatar--savings[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(47, 206, 149, .95), rgba(138, 239, 206, .85));
}

.accounts-table-identity__avatar--wallet[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(255, 177, 74, .95), rgba(255, 214, 122, .85));
}

.accounts-table-identity__avatar--investment[b-mali4z06pz] {
    background: linear-gradient(180deg, rgba(161, 101, 255, .95), rgba(115, 70, 224, .9));
}

.accounts-type-chip[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    padding: .28rem .72rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted-strong);
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

/* Read-only visual indicator (not an interactive control — toggling it wouldn't have any wired
   business action) mirroring the account's IsActive/Status, styled as a switch because the
   requested layout showed one. Kept non-clickable on purpose. */
.accounts-status-toggle[b-mali4z06pz] {
    display: inline-flex;
    align-items: center;
    width: 2.35rem;
    height: 1.3rem;
    border-radius: 999px;
    background: var(--line);
    padding: .15rem;
    flex-shrink: 0;
}

.accounts-status-toggle__thumb[b-mali4z06pz] {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .25);
    transition: transform .15s ease;
}

.accounts-status-toggle--on[b-mali4z06pz] {
    background: var(--positive);
    justify-content: flex-end;
}

.filter-group__hint[b-mali4z06pz] {
    margin: -.35rem 0 .4rem;
    color: var(--muted);
    font-size: .8rem;
}

@media (max-width: 980px) {
    .accounts-manage-panel__header[b-mali4z06pz],
    .accounts-manage-panel__toolbar[b-mali4z06pz] {
        flex-wrap: wrap;
    }

    .accounts-manage-panel__toolbar[b-mali4z06pz] {
        width: 100%;
    }

    .accounts-manage-panel__toolbar[b-mali4z06pz]  .listview-search {
        flex: 1 1 auto;
        max-width: none;
    }

    .accounts-manage-panel__controls[b-mali4z06pz] {
        flex-direction: column;
        align-items: stretch;
    }

    .list-sort-select[b-mali4z06pz] {
        justify-content: space-between;
    }
}
/* /Components/Pages/CardReconciliationDetails.razor.rz.scp.css */
.reconciliation-details-panel[b-daqtgk2bkg] {
    --reconciliation-blue: #0b57e3;
    --reconciliation-green: #239b43;
    --reconciliation-orange: #ee6800;
    --reconciliation-amber: #f59f00;
    --reconciliation-red: #e51c2a;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
    color: var(--text);
}

.reconciliation-details-panel__header[b-daqtgk2bkg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.reconciliation-details-panel__copy h1[b-daqtgk2bkg] {
    margin: 0 0 6px;
    color: var(--text-strong);
    font-size: clamp(1.85rem, 2.4vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.12;
}

.reconciliation-details-panel__copy p[b-daqtgk2bkg] {
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.5;
}

.reconciliation-history-button[b-daqtgk2bkg],
.reconciliation-history__close[b-daqtgk2bkg] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.reconciliation-history-button[b-daqtgk2bkg]  .app-icon {
    width: 20px;
    height: 20px;
}

.reconciliation-details-panel__kpis[b-daqtgk2bkg]  .kpi-card {
    border-color: var(--line);
    background: var(--panel);
    box-shadow: none;
}

.reconciliation-overview[b-daqtgk2bkg],
.reconciliation-items[b-daqtgk2bkg],
.reconciliation-history[b-daqtgk2bkg] {
    border: 1px solid #dce2ea;
    background: #fff;
    box-shadow: none;
}

.reconciliation-overview[b-daqtgk2bkg] {
    display: grid;
    grid-template-columns: minmax(330px, 1.7fr) minmax(470px, 3fr) minmax(250px, 1.25fr);
    min-height: 230px;
    margin-bottom: -1.1rem;
    padding: 22px 28px;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.reconciliation-overview__source[b-daqtgk2bkg] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 28px;
    padding: 18px 28px 8px 14px;
    border-right: 1px solid #dfe3e9;
}

.reconciliation-overview__card-icon[b-daqtgk2bkg] {
    display: inline-flex;
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border-radius: 50%;
    background: #e6eeff;
    color: var(--reconciliation-blue);
}

.reconciliation-overview__card-icon[b-daqtgk2bkg]  .app-icon {
    width: 34px;
    height: 34px;
}

.reconciliation-overview__metadata[b-daqtgk2bkg] {
    display: grid;
    min-width: 0;
    gap: 21px;
    margin: 0;
}

.reconciliation-overview__metadata div[b-daqtgk2bkg] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.reconciliation-overview__metadata dt[b-daqtgk2bkg] {
    color: #26334b;
    font-size: .83rem;
}

.reconciliation-overview__metadata dd[b-daqtgk2bkg] {
    overflow-wrap: anywhere;
    margin: 0;
    color: #111d34;
    font-size: .94rem;
    font-weight: 600;
    line-height: 1.35;
}

.reconciliation-overview__status[b-daqtgk2bkg] {
    display: grid;
    min-width: 0;
    grid-template-rows: auto auto 1fr;
    padding: 2px 36px 6px;
}

.reconciliation-overview__status-heading[b-daqtgk2bkg] {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #4c586d;
    font-size: .85rem;
}

.reconciliation-status[b-daqtgk2bkg] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 0 18px;
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 600;
}

.reconciliation-status--positive[b-daqtgk2bkg] { background: #e0f4e6; color: #20853a; }
.reconciliation-status--warning[b-daqtgk2bkg] { background: #fff3d5; color: #a96900; }
.reconciliation-status--danger[b-daqtgk2bkg] { background: #fde4e7; color: #cc1724; }
.reconciliation-status--neutral[b-daqtgk2bkg] { background: #edf0f5; color: #59657a; }

.reconciliation-progress[b-daqtgk2bkg] {
    height: 10px;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 4px;
    background: #e7ebf0;
}

.reconciliation-progress span[b-daqtgk2bkg] {
    display: block;
    width: var(--completion);
    height: 100%;
    border-radius: inherit;
    background: var(--reconciliation-green);
}

.reconciliation-overview__metrics[b-daqtgk2bkg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
    padding-top: 30px;
}

.reconciliation-metric[b-daqtgk2bkg] {
    display: grid;
    justify-items: center;
    gap: 6px;
    min-width: 0;
    border-right: 1px solid #dfe3e9;
    text-align: center;
}

.reconciliation-metric:last-child[b-daqtgk2bkg] { border-right: 0; }
.reconciliation-metric--positive[b-daqtgk2bkg] { color: var(--reconciliation-green); }
.reconciliation-metric--warning[b-daqtgk2bkg] { color: var(--reconciliation-orange); }
.reconciliation-metric--danger[b-daqtgk2bkg] { color: var(--reconciliation-red); }

.reconciliation-metric[b-daqtgk2bkg]  .app-icon {
    width: 22px;
    height: 22px;
}

.reconciliation-metric strong[b-daqtgk2bkg] {
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1;
}

.reconciliation-metric span[b-daqtgk2bkg] {
    color: #344158;
    font-size: .9rem;
    line-height: 1.2;
}

.reconciliation-overview__actions[b-daqtgk2bkg] {
    display: grid;
    min-width: 0;
    grid-template-rows: 1fr auto;
    padding: 2px 0 0 32px;
    border-left: 1px solid #dfe3e9;
}

.reconciliation-overview__action-list[b-daqtgk2bkg] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.reconciliation-overview__action-list .btn[b-daqtgk2bkg] {
    width: 100%;
}

.reconciliation-overview__empty-action[b-daqtgk2bkg] {
    align-self: center;
    color: #69758a;
    font-size: .85rem;
    text-align: center;
}

.reconciliation-history-button[b-daqtgk2bkg] {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 18px;
    border-top: 1px solid #dfe3e9;
    background: transparent;
    color: var(--reconciliation-blue);
    font-size: .92rem;
    font-weight: 500;
}

.reconciliation-history-button:hover[b-daqtgk2bkg] { background: #f8faff; }

.reconciliation-history[b-daqtgk2bkg] {
    margin-bottom: -1.1rem;
    padding: 20px 28px;
    border-bottom: 0;
    border-radius: 0;
}

.reconciliation-history__heading[b-daqtgk2bkg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reconciliation-history__heading h2[b-daqtgk2bkg] {
    margin: 0;
    font-size: 1.08rem;
}

.reconciliation-history__close[b-daqtgk2bkg] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: transparent;
    color: #59657a;
}

.reconciliation-history__close:hover[b-daqtgk2bkg] { background: #f1f4f8; }
.reconciliation-history__close[b-daqtgk2bkg]  .app-icon { width: 18px; height: 18px; }

.reconciliation-history__list[b-daqtgk2bkg] {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.reconciliation-history__list > p[b-daqtgk2bkg] {
    margin: 0;
    color: #69758a;
}

.reconciliation-history__item[b-daqtgk2bkg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #e2e6ec;
    border-radius: 8px;
}

.reconciliation-history__icon[b-daqtgk2bkg] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eaf0ff;
    color: var(--reconciliation-blue);
}

.reconciliation-history__icon[b-daqtgk2bkg]  .app-icon { width: 18px; height: 18px; }
.reconciliation-history__item > span:last-child[b-daqtgk2bkg] { display: grid; gap: 2px; }
.reconciliation-history__item small[b-daqtgk2bkg] { color: #69758a; }

.reconciliation-items[b-daqtgk2bkg] {
    min-width: 0;
    overflow: hidden;
    border-radius: 0 0 12px 12px;
}

.reconciliation-items__toolbar[b-daqtgk2bkg] {
    display: grid;
    grid-template-columns: minmax(300px, .85fr) minmax(680px, 1.55fr);
    align-items: center;
    gap: 28px;
    min-height: 130px;
    padding: 22px 28px;
}

.reconciliation-items__heading[b-daqtgk2bkg] {
    display: grid;
    justify-items: start;
    gap: 7px;
}

.reconciliation-items__heading h2[b-daqtgk2bkg] {
    margin: 0;
    color: #111c32;
    font-size: 1.15rem;
    line-height: 1.2;
}

.reconciliation-items__heading p[b-daqtgk2bkg] {
    margin: 0;
    color: #536077;
    font-size: .9rem;
}

.reconciliation-items__count[b-daqtgk2bkg] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    background: #dff3e4;
    color: #20843a;
    font-size: .82rem;
    font-weight: 600;
}

.reconciliation-items__controls[b-daqtgk2bkg] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.reconciliation-table-shell[b-daqtgk2bkg] {
    min-width: 0;
    overflow-x: auto;
    border-top: 1px solid #dce2ea;
}

.reconciliation-table[b-daqtgk2bkg] {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
    color: #18233a;
    font-size: .9rem;
}

.reconciliation-table th[b-daqtgk2bkg],
.reconciliation-table td[b-daqtgk2bkg] {
    padding: 14px 20px;
    border-bottom: 1px solid #dfe4eb;
    text-align: left;
    vertical-align: middle;
}

.reconciliation-table th[b-daqtgk2bkg] {
    height: 54px;
    background: #fafbfc;
    color: #243047;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
}

.reconciliation-table th[b-daqtgk2bkg]  .app-icon {
    width: 14px;
    height: 14px;
    margin-left: 6px;
    vertical-align: -2px;
}

.reconciliation-table tbody tr:last-child td[b-daqtgk2bkg] { border-bottom: 0; }
.reconciliation-table tbody tr:hover[b-daqtgk2bkg] { background: #fbfcff; }
.reconciliation-table th:first-child[b-daqtgk2bkg],
.reconciliation-table td:first-child[b-daqtgk2bkg] { width: 58px; padding-left: 28px; }

.reconciliation-table__amount[b-daqtgk2bkg] {
    text-align: right !important;
    white-space: nowrap;
}

.reconciliation-table__difference[b-daqtgk2bkg] {
    text-align: right !important;
    white-space: nowrap;
}

.reconciliation-table__difference.is-zero[b-daqtgk2bkg] { color: var(--reconciliation-green); font-weight: 500; }
.reconciliation-table__difference.has-difference[b-daqtgk2bkg] { color: var(--reconciliation-red); font-weight: 500; }

.reconciliation-decision[b-daqtgk2bkg] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 600;
}

.reconciliation-decision--warning[b-daqtgk2bkg] { border-color: #ffd9ac; background: #fff7ec; color: var(--reconciliation-orange); }
.reconciliation-decision--positive[b-daqtgk2bkg] { border-color: #bfe7ca; background: #f0fbf3; color: var(--reconciliation-green); }
.reconciliation-decision--danger[b-daqtgk2bkg] { border-color: #f3c0c5; background: #fff1f2; color: var(--reconciliation-red); }
.reconciliation-decision--neutral[b-daqtgk2bkg] { border-color: #d7dde6; background: #f5f7fa; color: #526076; }

.reconciliation-linked-entry[b-daqtgk2bkg] {
    display: table-cell;
    min-width: 270px;
}

.reconciliation-linked-entry span[b-daqtgk2bkg],
.reconciliation-linked-entry small[b-daqtgk2bkg] { display: block; }
.reconciliation-linked-entry small[b-daqtgk2bkg] { margin-top: 3px; color: #3c4960; font-size: .88rem; }

.reconciliation-table__empty[b-daqtgk2bkg] {
    padding: 34px !important;
    color: #69758a;
    text-align: center !important;
}

@media (max-width: 1460px) {
    .reconciliation-overview[b-daqtgk2bkg] { grid-template-columns: minmax(290px, 1.2fr) minmax(430px, 2fr) minmax(220px, 1fr); }
    .reconciliation-overview__source[b-daqtgk2bkg] { gap: 18px; padding-left: 0; }
    .reconciliation-overview__status[b-daqtgk2bkg] { padding-inline: 24px; }
    .reconciliation-overview__actions[b-daqtgk2bkg] { padding-left: 24px; }
    .reconciliation-items__toolbar[b-daqtgk2bkg] { grid-template-columns: 1fr; gap: 18px; }
    .reconciliation-items__controls[b-daqtgk2bkg] { justify-content: flex-start; }
}

@media (max-width: 1040px) {
    .reconciliation-overview[b-daqtgk2bkg] { grid-template-columns: 1fr 1.5fr; }
    .reconciliation-overview__status[b-daqtgk2bkg] { border-right: 0; }
    .reconciliation-overview__actions[b-daqtgk2bkg] {
        grid-column: 1 / -1;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        gap: 20px;
        padding: 22px 0 0;
        border-top: 1px solid #dfe3e9;
        border-left: 0;
    }
    .reconciliation-overview__action-list[b-daqtgk2bkg] { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
    .reconciliation-history-button[b-daqtgk2bkg] { min-height: 46px; margin: 0; padding: 0 24px; border: 1px solid #dfe3e9; border-radius: 7px; }
    .reconciliation-items__controls[b-daqtgk2bkg] { flex-wrap: wrap; }
}

@media (max-width: 720px) {
    .reconciliation-details-panel[b-daqtgk2bkg] { padding: 1rem; border-radius: 16px; }
    .reconciliation-details-panel__header[b-daqtgk2bkg] { flex-direction: column; padding-bottom: 8px; }
    .reconciliation-details-panel__toolbar[b-daqtgk2bkg],
    .reconciliation-details-panel__toolbar .btn[b-daqtgk2bkg] { width: 100%; }
    .reconciliation-overview[b-daqtgk2bkg] { grid-template-columns: 1fr; padding: 18px; }
    .reconciliation-overview__source[b-daqtgk2bkg] { padding: 0 0 20px; border-right: 0; border-bottom: 1px solid #dfe3e9; }
    .reconciliation-overview__status[b-daqtgk2bkg] { padding: 20px 0; }
    .reconciliation-overview__metrics[b-daqtgk2bkg] { padding-top: 24px; }
    .reconciliation-overview__actions[b-daqtgk2bkg] { grid-column: auto; grid-template-columns: 1fr; }
    .reconciliation-overview__action-list[b-daqtgk2bkg] { grid-template-columns: 1fr; }
    .reconciliation-items__toolbar[b-daqtgk2bkg] { min-height: 0; padding: 20px 18px; }
    .reconciliation-items__controls[b-daqtgk2bkg] { align-items: stretch; flex-direction: column; }
    .reconciliation-items__controls .list-filter-tabs[b-daqtgk2bkg] { width: 100%; }
}

@media (max-width: 430px) {
    .reconciliation-overview__source[b-daqtgk2bkg] { gap: 14px; }
    .reconciliation-overview__card-icon[b-daqtgk2bkg] { width: 54px; height: 54px; flex-basis: 54px; }
    .reconciliation-overview__card-icon[b-daqtgk2bkg]  .app-icon { width: 27px; height: 27px; }
    .reconciliation-metric strong[b-daqtgk2bkg] { font-size: 1.3rem; }
    .reconciliation-metric span[b-daqtgk2bkg] { font-size: .74rem; }
}

html[data-theme="dark"] .reconciliation-details-panel[b-daqtgk2bkg] { color: var(--text); }
html[data-theme="dark"] .reconciliation-details-panel__copy h1[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-overview__metadata dt[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-metric span[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-items__heading p[b-daqtgk2bkg] { color: var(--muted-strong); }
html[data-theme="dark"] .reconciliation-details-panel__copy p[b-daqtgk2bkg] { color: var(--muted); }
html[data-theme="dark"] .reconciliation-overview[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-items[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-history[b-daqtgk2bkg] { border-color: var(--line); background: var(--panel); }
html[data-theme="dark"] .reconciliation-overview__metadata dd[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-items__heading h2[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-table[b-daqtgk2bkg] { color: var(--text); }
html[data-theme="dark"] .reconciliation-table th[b-daqtgk2bkg] { background: var(--panel-muted); color: var(--muted-strong); }
html[data-theme="dark"] .reconciliation-table th[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-table td[b-daqtgk2bkg],
html[data-theme="dark"] .reconciliation-table-shell[b-daqtgk2bkg] { border-color: var(--line); }
html[data-theme="dark"] .reconciliation-table tbody tr:hover[b-daqtgk2bkg] { background: var(--hover-fill-soft); }
/* /Components/Pages/CardReconciliations.razor.rz.scp.css */
.reconciliation-manage-panel[b-pmyldvrbki] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.reconciliation-manage-panel__header[b-pmyldvrbki] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.reconciliation-manage-panel__copy[b-pmyldvrbki] {
    min-width: 0;
}

.reconciliation-manage-panel__copy h1[b-pmyldvrbki] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.reconciliation-manage-panel__copy p[b-pmyldvrbki] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.reconciliation-manage-panel__toolbar[b-pmyldvrbki] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
}

.reconciliation-manage-panel__toolbar .btn[b-pmyldvrbki] {
    flex-shrink: 0;
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.reconciliation-manage-panel__controls[b-pmyldvrbki] {
    margin-bottom: -1.1rem;
    background: var(--surface-raised);
}

.reconciliation-toolbar[b-pmyldvrbki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reconciliation-toolbar__summary[b-pmyldvrbki] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    white-space: nowrap;
}

.reconciliation-toolbar__summary[b-pmyldvrbki]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--brand-2, #3b6ef5);
}

.reconciliation-toolbar__summary strong[b-pmyldvrbki] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.reconciliation-toolbar__summary span[b-pmyldvrbki] {
    font-size: 0.92rem;
    color: var(--muted);
}

.reconciliation-filter-button[b-pmyldvrbki] {
    min-height: 2.6rem;
    padding-inline: 0.92rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.reconciliation-filter-button--active[b-pmyldvrbki] {
    border: 1px solid color-mix(in srgb, var(--warning) 38%, var(--line));
    background: color-mix(in srgb, var(--warning) 20%, transparent);
    color: color-mix(in srgb, var(--warning) 86%, var(--text-strong));
}

.reconciliation-filter-button--active .app-icon[b-pmyldvrbki] {
    color: color-mix(in srgb, var(--warning) 86%, var(--text-strong));
}

.reconciliation-row-actions[b-pmyldvrbki] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.42rem;
}

.reconciliation-icon-action[b-pmyldvrbki] {
    width: 2.05rem;
    height: 2.05rem;
    min-height: 2.05rem;
    min-width: 2.05rem;
    padding: 0;
    border-radius: 11px;
    border: 1px solid color-mix(in srgb, var(--line-strong) 42%, var(--line));
    background: color-mix(in srgb, var(--panel-soft) 78%, var(--panel));
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 22px -22px rgba(2, 6, 23, 0.62);
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease;
}

.reconciliation-icon-action:hover[b-pmyldvrbki] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--brand-2) 48%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 12%, var(--panel));
    box-shadow: 0 15px 25px -22px rgba(37, 99, 235, 0.7);
}

.reconciliation-icon-action:active[b-pmyldvrbki] {
    transform: translateY(0);
}

.reconciliation-icon-action .app-icon[b-pmyldvrbki] {
    width: 0.9rem;
    height: 0.9rem;
}

.reconciliation-icon-action:disabled[b-pmyldvrbki] {
    opacity: 0.58;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.reconciliation-icon-action--danger[b-pmyldvrbki] {
    border-color: color-mix(in srgb, var(--negative) 46%, var(--line));
    background: color-mix(in srgb, var(--negative) 18%, transparent);
    color: color-mix(in srgb, var(--negative) 82%, var(--text-strong));
    box-shadow: var(--shadow-soft);
}

.reconciliation-icon-action--danger:hover[b-pmyldvrbki] {
    border-color: color-mix(in srgb, var(--negative) 62%, var(--line));
    background: color-mix(in srgb, var(--negative) 28%, transparent);
}

@media (max-width: 960px) {
    .reconciliation-manage-panel__header[b-pmyldvrbki] {
        align-items: stretch;
        flex-direction: column;
    }

    .reconciliation-manage-panel__toolbar[b-pmyldvrbki],
    .reconciliation-manage-panel__toolbar .btn[b-pmyldvrbki] {
        width: 100%;
    }

    .reconciliation-manage-panel__toolbar .btn[b-pmyldvrbki] {
        justify-content: center;
    }

    .reconciliation-toolbar[b-pmyldvrbki] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .reconciliation-toolbar__summary[b-pmyldvrbki],
    .reconciliation-filter-button[b-pmyldvrbki] {
        width: 100%;
        justify-content: center;
    }

    .reconciliation-row-actions[b-pmyldvrbki] {
        justify-content: flex-start;
    }

    .reconciliation-icon-action[b-pmyldvrbki] {
        width: 2.25rem;
        height: 2.25rem;
    }
}

@media (max-width: 640px) {
    .reconciliation-manage-panel[b-pmyldvrbki] {
        padding: 1rem;
        border-radius: 16px;
    }
}
/* /Components/Pages/CardReconciliationWizard.razor.rz.scp.css */
.reconciliation-wizard-panel[b-9k1k4dfaf0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.reconciliation-wizard-panel__header[b-9k1k4dfaf0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.reconciliation-wizard-panel__copy[b-9k1k4dfaf0] {
    min-width: 0;
}

.reconciliation-wizard-panel__copy h1[b-9k1k4dfaf0] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.reconciliation-wizard-panel__copy p[b-9k1k4dfaf0] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.reconciliation-wizard-panel__toolbar[b-9k1k4dfaf0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.reconciliation-wizard-panel__toolbar .btn[b-9k1k4dfaf0] {
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0] {
    margin-bottom: -1.1rem;
    background: var(--surface-raised);
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper {
    width: 100%;
    margin: 0;
}

.reconciliation-wizard-panel__content[b-9k1k4dfaf0] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: var(--surface-raised);
    overflow: visible;
}

.reconciliation-wizard-panel__content > .listview-panel[b-9k1k4dfaf0] {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.reconciliation-wizard-panel__content > .listview-panel > .listview-panel__content[b-9k1k4dfaf0] {
    padding: 0;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0 0 0.95rem;
    padding: 0;
    list-style: none;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.82rem 0.92rem;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: transparent;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item.is-current {
    border-color: color-mix(in srgb, var(--brand) 35%, var(--line));
    background: color-mix(in srgb, var(--brand) 8%, var(--surface-raised));
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item.is-complete {
    border-color: color-mix(in srgb, var(--positive) 26%, var(--line));
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.95rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-strong) 82%, white 6%);
    color: var(--text-strong);
    font-weight: 800;
    flex-shrink: 0;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item > div {
    display: grid;
    gap: 0.16rem;
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item strong {
    display: block;
    line-height: 1.15;
    color: var(--text-strong);
}

.reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper__item span {
    color: var(--muted);
    line-height: 1.2;
}

.reconciliation-upload-zone[b-9k1k4dfaf0] {
    position: relative;
    border-radius: 1rem;
    border: 1.5px dashed color-mix(in srgb, var(--brand) 42%, var(--line));
    background:
        radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--brand) 20%, transparent), transparent 42%),
        radial-gradient(circle at 86% 84%, color-mix(in srgb, var(--positive) 16%, transparent), transparent 36%),
        var(--surface-soft), var(--panel);
    min-height: 12.25rem;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.reconciliation-upload-zone:hover[b-9k1k4dfaf0] {
    border-color: color-mix(in srgb, var(--brand) 56%, var(--line));
    box-shadow: var(--shadow);
}

.reconciliation-upload-zone.is-drag-active[b-9k1k4dfaf0] {
    border-color: var(--brand-2);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent), var(--shadow);
    transform: translateY(-1px);
}

.reconciliation-upload-zone__input[b-9k1k4dfaf0] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.reconciliation-upload-zone__content[b-9k1k4dfaf0] {
    position: relative;
    z-index: 1;
    min-height: 12.25rem;
    padding: 1.1rem 1rem 1rem;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.62rem;
    text-align: center;
}

.reconciliation-upload-zone__icon[b-9k1k4dfaf0] {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line));
    color: var(--brand-2);
    background: var(--panel);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-soft);
}

.reconciliation-upload-zone__icon .app-icon[b-9k1k4dfaf0] {
    width: 1.2rem;
    height: 1.2rem;
}

.reconciliation-upload-zone__texts[b-9k1k4dfaf0] {
    display: grid;
    gap: 0.15rem;
}

.reconciliation-upload-zone__texts strong[b-9k1k4dfaf0] {
    color: var(--text-strong);
    letter-spacing: -0.01em;
    font-size: 1rem;
}

.reconciliation-upload-zone__texts span[b-9k1k4dfaf0] {
    color: var(--muted-strong);
    font-size: 0.81rem;
}

.reconciliation-upload-zone__hints[b-9k1k4dfaf0] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.reconciliation-upload-zone__cta[b-9k1k4dfaf0] {
    margin-top: 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.38rem 0.85rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--brand) 36%, var(--line));
    background: var(--surface-soft), var(--panel);
    color: var(--brand-2);
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: var(--shadow-soft);
}

.reconciliation-upload-filecard[b-9k1k4dfaf0] {
    margin-top: 0.62rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    border: 1px solid var(--line);
    border-radius: 0.75rem;
    background: var(--panel-soft);
    padding: 0.62rem 0.74rem;
}

.reconciliation-upload-filecard__info[b-9k1k4dfaf0] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.reconciliation-upload-filecard__info strong[b-9k1k4dfaf0] {
    color: var(--text-strong);
    font-size: 0.84rem;
    line-height: 1.2;
    word-break: break-word;
}

.reconciliation-upload-filecard__info span[b-9k1k4dfaf0] {
    color: var(--muted);
    font-size: 0.76rem;
}

.reconciliation-score-pill[b-9k1k4dfaf0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.75rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.reconciliation-score-pill--good[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--positive) 14%, var(--panel));
    color: var(--positive);
    border: 1px solid color-mix(in srgb, var(--positive) 34%, var(--line));
}

.reconciliation-score-pill--medium[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--warning) 16%, var(--panel));
    color: var(--warning);
    border: 1px solid color-mix(in srgb, var(--warning) 36%, var(--line));
}

.reconciliation-score-pill--low[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--negative) 12%, var(--panel));
    color: var(--negative);
    border: 1px solid color-mix(in srgb, var(--negative) 32%, var(--line));
}

.reconciliation-row--resolved[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--positive) 8%, var(--panel));
}

.reconciliation-adjustment-pill[b-9k1k4dfaf0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.35rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.reconciliation-adjustment-pill--good[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--positive) 14%, var(--panel));
    color: var(--positive);
    border-color: color-mix(in srgb, var(--positive) 32%, var(--line));
}

.reconciliation-adjustment-pill--warning[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--warning) 16%, var(--panel));
    color: var(--warning);
    border-color: color-mix(in srgb, var(--warning) 34%, var(--line));
}

.reconciliation-adjustment-pill--neutral[b-9k1k4dfaf0] {
    background: var(--panel-soft);
    color: var(--muted-strong);
    border-color: var(--line);
}

.reconciliation-lookup[b-9k1k4dfaf0] {
    display: grid;
    gap: 0.35rem;
}

.reconciliation-lookup__field[b-9k1k4dfaf0] {
    position: relative;
}

.reconciliation-lookup__menu[b-9k1k4dfaf0] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 40;
    display: grid;
    gap: 0.2rem;
    max-height: 11rem;
    overflow-y: auto;
    padding: 0.3rem;
    border: 1px solid var(--line);
    border-radius: 0.6rem;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.reconciliation-lookup__item[b-9k1k4dfaf0] {
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: var(--panel-soft);
    color: var(--text-strong);
    text-align: left;
    padding: 0.42rem 0.5rem;
    display: grid;
    gap: 0.1rem;
}

.reconciliation-lookup__item:hover[b-9k1k4dfaf0],
.reconciliation-lookup__item:focus-visible[b-9k1k4dfaf0] {
    border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    outline: none;
}

.reconciliation-lookup__item.is-selected[b-9k1k4dfaf0] {
    border-color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 14%, var(--panel));
}

.reconciliation-lookup__item.is-disabled[b-9k1k4dfaf0],
.reconciliation-lookup__item:disabled[b-9k1k4dfaf0] {
    opacity: 0.55;
    cursor: not-allowed;
    border-color: var(--line);
    background: var(--panel-soft);
    color: var(--muted);
}

.reconciliation-lookup__item-main[b-9k1k4dfaf0] {
    font-size: 0.84rem;
    font-weight: 600;
}

.reconciliation-lookup__item-meta[b-9k1k4dfaf0] {
    font-size: 0.74rem;
    color: var(--muted-strong);
}

.reconciliation-lookup__empty[b-9k1k4dfaf0] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 40;
    border: 1px solid var(--line);
    border-radius: 0.6rem;
    background: var(--panel);
    padding: 0.5rem 0.6rem;
    font-size: 0.75rem;
    color: var(--muted);
    box-shadow: var(--shadow);
}

.reconciliation-lookup__selected[b-9k1k4dfaf0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem 0.85rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--line);
    border-radius: 0.6rem;
    background: var(--panel-soft);
}

.reconciliation-lookup__selected--empty[b-9k1k4dfaf0] {
    justify-content: flex-end;
}

.reconciliation-lookup__selected-label[b-9k1k4dfaf0] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.3rem;
    color: var(--muted-strong);
    line-height: 1.25;
}

.reconciliation-lookup__selected-label strong[b-9k1k4dfaf0] {
    color: var(--text-strong);
    font-weight: 600;
}

.reconciliation-lookup__selected-actions[b-9k1k4dfaf0] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.reconciliation-lookup__selected-actions .btn-link[b-9k1k4dfaf0] {
    text-decoration: none;
    color: var(--brand-2);
    font-weight: 500;
}

.reconciliation-lookup__selected-actions .btn-link:hover[b-9k1k4dfaf0],
.reconciliation-lookup__selected-actions .btn-link:focus-visible[b-9k1k4dfaf0] {
    text-decoration: underline;
}

.reconciliation-lookup__selected-actions .reconciliation-link-danger[b-9k1k4dfaf0] {
    color: var(--negative);
}

.reconciliation-lookup__selected-actions .reconciliation-link-danger:hover[b-9k1k4dfaf0],
.reconciliation-lookup__selected-actions .reconciliation-link-danger:focus-visible[b-9k1k4dfaf0] {
    color: color-mix(in srgb, var(--negative) 80%, var(--text-strong));
}

.reconciliation-resolved-actions[b-9k1k4dfaf0] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.22rem;
}

.reconciliation-premium-shell[b-9k1k4dfaf0] {
    display: grid;
    gap: 1.05rem;
}

.reconciliation-premium-header[b-9k1k4dfaf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 12%, transparent), transparent 55%),
        var(--surface-soft), var(--panel);
}

.reconciliation-premium-header__actions[b-9k1k4dfaf0] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.reconciliation-premium-strip[b-9k1k4dfaf0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.reconciliation-premium-strip__card[b-9k1k4dfaf0] {
    display: grid;
    gap: 0.18rem;
    padding: 0.8rem 0.9rem;
    border-radius: 0.85rem;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
}

.reconciliation-premium-strip__card strong[b-9k1k4dfaf0] {
    font-size: 1.28rem;
    color: var(--text-strong);
    letter-spacing: -0.02em;
}

.reconciliation-premium-strip__card small[b-9k1k4dfaf0] {
    color: var(--muted-strong);
    font-size: 0.75rem;
}

.reconciliation-premium-strip__label[b-9k1k4dfaf0] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--brand-2);
    font-weight: 700;
}

.reconciliation-grouped-list[b-9k1k4dfaf0],
.reconciliation-list-split[b-9k1k4dfaf0] {
    padding: 0.9rem;
    border: 1px solid var(--line);
    border-radius: 0.95rem;
    background: var(--panel);
}

.reconciliation-premium-table[b-9k1k4dfaf0] {
    border-radius: 0.8rem;
    overflow: visible;
}

.reconciliation-premium-table td[data-label="Alvo"][b-9k1k4dfaf0] {
    position: relative;
    overflow: visible;
    z-index: 2;
}

.reconciliation-premium-table td[data-label="Alvo"]:focus-within[b-9k1k4dfaf0] {
    z-index: 50;
}

.reconciliation-premium-table thead th[b-9k1k4dfaf0] {
    background: var(--panel-soft);
}

.reconciliation-premium-table tbody tr:hover[b-9k1k4dfaf0] {
    background: color-mix(in srgb, var(--brand) 6%, var(--panel));
}

.reconciliation-icon-btn[b-9k1k4dfaf0] {
    min-width: 2rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.reconciliation-icon-btn__icon[b-9k1k4dfaf0] {
    width: 0.9rem;
    height: 0.9rem;
}

.reconciliation-floating-group-btn[b-9k1k4dfaf0] {
    position: fixed;
    top: 1.1rem;
    right: 1.1rem;
    z-index: 65;
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    border: none;
    border-radius: 999px;
    padding: 0.62rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--brand-ink);
    background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand) 58%, var(--brand-3) 100%);
    box-shadow: var(--shadow);
}

.reconciliation-floating-group-btn:hover[b-9k1k4dfaf0],
.reconciliation-floating-group-btn:focus-visible[b-9k1k4dfaf0] {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
    outline: none;
}

.reconciliation-floating-group-btn__icon[b-9k1k4dfaf0] {
    width: 0.95rem;
    height: 0.95rem;
}

.reconciliation-grouping-detail-head[b-9k1k4dfaf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid var(--line);
    background: var(--panel-soft);
}

@media (max-width: 720px) {
    .reconciliation-wizard-panel__header[b-9k1k4dfaf0] {
        align-items: stretch;
        flex-direction: column;
    }

    .reconciliation-wizard-panel__toolbar[b-9k1k4dfaf0],
    .reconciliation-wizard-panel__toolbar .btn[b-9k1k4dfaf0] {
        width: 100%;
    }

    .reconciliation-wizard-panel__toolbar .btn[b-9k1k4dfaf0] {
        justify-content: center;
    }

    .reconciliation-wizard-panel__steps[b-9k1k4dfaf0]  .loan-bulk-stepper {
        grid-template-columns: 1fr;
    }

    .reconciliation-premium-header[b-9k1k4dfaf0],
    .reconciliation-grouping-detail-head[b-9k1k4dfaf0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .reconciliation-premium-strip[b-9k1k4dfaf0] {
        grid-template-columns: 1fr;
    }

    .reconciliation-grouped-list[b-9k1k4dfaf0],
    .reconciliation-list-split[b-9k1k4dfaf0] {
        padding: 0.7rem;
    }

    .reconciliation-upload-zone[b-9k1k4dfaf0],
    .reconciliation-upload-zone__content[b-9k1k4dfaf0] {
        min-height: 10rem;
    }

    .reconciliation-upload-zone__content[b-9k1k4dfaf0] {
        padding: 0.95rem 0.8rem;
    }

    .reconciliation-upload-filecard[b-9k1k4dfaf0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .reconciliation-floating-group-btn[b-9k1k4dfaf0] {
        top: auto;
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
        justify-content: center;
    }

    .reconciliation-lookup__selected[b-9k1k4dfaf0] {
        align-items: flex-start;
        padding: 0.5rem 0.55rem;
    }

    .reconciliation-lookup__selected-actions[b-9k1k4dfaf0] {
        width: 100%;
        justify-content: flex-start;
        gap: 0.85rem;
    }
}

@media (max-width: 640px) {
    .reconciliation-wizard-panel[b-9k1k4dfaf0] {
        padding: 1rem;
        border-radius: 16px;
    }

    .reconciliation-wizard-panel__content[b-9k1k4dfaf0] {
        padding: .9rem;
    }
}
/* /Components/Pages/Cards.razor.rz.scp.css */
.cards-manage-panel[b-d3wvhgle5e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.cards-manage-panel__header[b-d3wvhgle5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.cards-manage-panel__copy[b-d3wvhgle5e] {
    min-width: 0;
}

.cards-manage-panel__copy h1[b-d3wvhgle5e] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.cards-manage-panel__copy p[b-d3wvhgle5e] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.cards-manage-panel__toolbar[b-d3wvhgle5e] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: .6rem;
    min-width: min(100%, 34rem);
}

.cards-manage-panel__toolbar[b-d3wvhgle5e]  .listview-search {
    flex: 1 1 18rem;
    min-width: 12rem;
    max-width: 22rem;
    padding: .55rem .8rem;
    border-radius: 10px;
}

.cards-manage-panel__toolbar .btn[b-d3wvhgle5e] {
    flex-shrink: 0;
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.cards-manage-panel__summary[b-d3wvhgle5e] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.cards-summary-chip[b-d3wvhgle5e] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-raised);
    color: var(--muted-strong);
    font-size: .82rem;
    font-weight: 600;
}

.cards-summary-chip[b-d3wvhgle5e]  .app-icon {
    width: .95rem;
    height: .95rem;
    color: var(--brand-2, #3b6ef5);
}

.cards-summary-chip__dot[b-d3wvhgle5e] {
    width: .45rem;
    height: .45rem;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--muted);
}

.cards-summary-chip--positive[b-d3wvhgle5e] {
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
}

.cards-summary-chip--positive .cards-summary-chip__dot[b-d3wvhgle5e] {
    background: var(--positive);
}

.cards-summary-chip--neutral .cards-summary-chip__dot[b-d3wvhgle5e] {
    background: var(--muted-strong);
}

.cards-manage-panel__controls[b-d3wvhgle5e] {
    margin-bottom: -1.1rem;
}

.cards-sort-select[b-d3wvhgle5e] {
    flex-shrink: 0;
}

.card-row-identity[b-d3wvhgle5e] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.card-row-identity__text[b-d3wvhgle5e] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

@media (max-width: 980px) {
    .cards-manage-panel__header[b-d3wvhgle5e],
    .cards-manage-panel__toolbar[b-d3wvhgle5e] {
        flex-wrap: wrap;
    }

    .cards-manage-panel__toolbar[b-d3wvhgle5e] {
        width: 100%;
    }

    .cards-manage-panel__toolbar[b-d3wvhgle5e]  .listview-search {
        flex: 1 1 auto;
        max-width: none;
    }

    .cards-manage-panel__controls[b-d3wvhgle5e] {
        align-items: stretch;
        flex-direction: column;
    }

    .cards-sort-select[b-d3wvhgle5e] {
        justify-content: space-between;
    }
}

@media (max-width: 640px) {
    .cards-manage-panel[b-d3wvhgle5e] {
        padding: 1rem;
        border-radius: 16px;
    }

    .cards-manage-panel__toolbar[b-d3wvhgle5e]  .listview-search,
    .cards-manage-panel__toolbar .btn[b-d3wvhgle5e],
    .cards-status-tabs[b-d3wvhgle5e],
    .cards-sort-select[b-d3wvhgle5e] {
        width: 100%;
    }

    .cards-manage-panel__toolbar[b-d3wvhgle5e]  .listview-search {
        min-width: 100%;
    }
}
/* /Components/Pages/Categories.razor.rz.scp.css */
/* Compact color+icon chip used in the Categories and Subcategories tables (item 1). */
.category-chip[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.category-chip--compact[b-a7zh4lox9f] {
    gap: .6rem;
}

.category-chip__swatch[b-a7zh4lox9f] {
    flex: 0 0 auto;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--chip-color, #3157ff) 26%, rgba(255,255,255,.04));
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.category-chip__swatch--sm[b-a7zh4lox9f] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 10px;
}

.category-chip__swatch .app-icon[b-a7zh4lox9f] {
    width: 1rem;
    height: 1rem;
}

.category-chip__body[b-a7zh4lox9f] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.category-chip__body strong[b-a7zh4lox9f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-theme="light"] .category-chip__swatch[b-a7zh4lox9f] {
    background: color-mix(in srgb, var(--chip-color, #3157ff) 22%, white);
    color: #17304a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

/* Master-detail layout (item 4): a selectable category list on the left drives a
   detail panel on the right showing that category's own subcategories inline. The shared
   .workspace-grid splits roughly 50/50 (minmax(360px,.92fr) / minmax(0,1.08fr)), which is
   sized for two full tables side by side — too wide for what is now a compact selector list.
   Narrow the master column to a sidebar width and hand the rest to the detail panel. */
.category-workspace-grid[b-a7zh4lox9f] {
    grid-template-columns: 500px minmax(0, 1fr);
}

.category-master-panel .listview-panel__content[b-a7zh4lox9f] {
    gap: .6rem;
}

@media (max-width: 980px) {
    .category-workspace-grid[b-a7zh4lox9f] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.category-master-list[b-a7zh4lox9f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.category-master-item[b-a7zh4lox9f] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .65rem .8rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel);
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
    transition: border-color .12s ease, background-color .12s ease;
}

.category-master-item:hover[b-a7zh4lox9f] {
    border-color: var(--line-strong);
}

.category-master-item--active[b-a7zh4lox9f] {
    border-color: color-mix(in srgb, var(--brand-2, #3157ff) 55%, var(--line));
    background: color-mix(in srgb, var(--brand-2, #3157ff) 8%, var(--panel));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-2, #3157ff) 16%, transparent);
}

.category-master-item__body[b-a7zh4lox9f] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.category-master-item__name[b-a7zh4lox9f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-master-item__type[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: var(--muted);
    font-size: .8rem;
}

.category-master-item__type .app-icon[b-a7zh4lox9f] {
    width: .85rem;
    height: .85rem;
}

.category-master-item__meta[b-a7zh4lox9f] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .3rem;
}

.category-master-item__count[b-a7zh4lox9f] {
    color: var(--muted);
    font-size: .78rem;
    white-space: nowrap;
}

/* Filled green/red status pill (instead of the app-wide bordered/text-only tone) inside the
   category master-detail cards, matching the reference layout the user asked to match. */
.category-master-item[b-a7zh4lox9f]  .status-badge.positive,
.category-detail-header[b-a7zh4lox9f]  .status-badge.positive,
.category-detail-list__item[b-a7zh4lox9f]  .status-badge.positive {
    border-color: color-mix(in srgb, var(--positive) 35%, transparent);
    background: color-mix(in srgb, var(--positive) 16%, transparent);
    color: var(--positive);
}

.category-master-item[b-a7zh4lox9f]  .status-badge.negative,
.category-detail-header[b-a7zh4lox9f]  .status-badge.negative,
.category-detail-list__item[b-a7zh4lox9f]  .status-badge.negative {
    border-color: color-mix(in srgb, var(--negative) 35%, transparent);
    background: color-mix(in srgb, var(--negative) 16%, transparent);
    color: var(--negative);
}

.category-master-item > .app-icon[b-a7zh4lox9f] {
    flex: 0 0 auto;
    color: var(--muted);
    width: 1rem;
    height: 1rem;
}

.category-list-toggle[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background: transparent;
    color: var(--text);
    padding: .55rem;
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
}

.category-list-toggle:hover[b-a7zh4lox9f] {
    border-color: var(--line-strong);
    background: color-mix(in srgb, var(--line-strong) 10%, transparent);
}

.category-list-toggle .app-icon[b-a7zh4lox9f] {
    width: .85rem;
    height: .85rem;
}

/* Detail panel */
.category-detail-header[b-a7zh4lox9f] {
    align-items: flex-start;
    flex-wrap: wrap;
}

.category-detail-header__identity[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 0;
}

.category-detail-header__swatch[b-a7zh4lox9f] {
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--chip-color, #3157ff) 26%, rgba(255,255,255,.04));
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-theme="light"] .category-detail-header__swatch[b-a7zh4lox9f] {
    background: color-mix(in srgb, var(--chip-color, #3157ff) 22%, white);
    color: #17304a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

.category-detail-header__text[b-a7zh4lox9f] {
    min-width: 0;
}

.category-detail-header__text h2[b-a7zh4lox9f] {
    margin: 0;
}

.category-detail-header__meta[b-a7zh4lox9f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-top: .25rem;
    color: var(--muted);
    font-size: .88rem;
}

.category-detail-header__type[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.category-detail-header__type .app-icon[b-a7zh4lox9f] {
    width: .85rem;
    height: .85rem;
}

.category-detail-header__dot[b-a7zh4lox9f] {
    color: var(--muted);
}

.category-detail-header__actions[b-a7zh4lox9f] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* Compact action buttons: the shared .btn/.action-icon-button sizing (padding ~.7-.95rem,
   min ~2.45rem) reads oversized next to a category title. Scoped smaller here so this
   action row stops dominating the panel header. */
.category-detail-header__actions .btn[b-a7zh4lox9f] {
    padding: .42rem .75rem;
    min-height: 0;
    border-radius: 10px;
    font-size: .82rem;
}

.category-detail-header__actions .btn .app-icon[b-a7zh4lox9f] {
    width: .85rem;
    height: .85rem;
}

.category-detail-header__actions[b-a7zh4lox9f]  .action-icon-button {
    min-width: 0;
    min-height: 0;
    padding: .42rem .75rem;
    border-radius: 10px;
    font-size: .82rem;
    gap: .35rem;
}

.category-detail-header__actions[b-a7zh4lox9f]  .action-icon-button .app-icon {
    width: .85rem;
    height: .85rem;
}

.category-detail-content[b-a7zh4lox9f] {
    gap: .8rem;
}

.category-detail-section__title[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.category-detail-section__title h3[b-a7zh4lox9f] {
    margin: 0;
}

.category-detail-section__count[b-a7zh4lox9f] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .55rem;
    border-radius: 999px;
    background: var(--panel-soft);
    color: var(--muted);
    font-size: .78rem;
    font-weight: 700;
}

.category-detail-list[b-a7zh4lox9f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.category-detail-list__item[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
}

.category-detail-list__name[b-a7zh4lox9f] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-detail-list__actions[b-a7zh4lox9f] {
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .category-master-item[b-a7zh4lox9f] {
        flex-wrap: wrap;
    }

    .category-master-item__meta[b-a7zh4lox9f] {
        align-items: flex-start;
    }

    .category-detail-header__actions[b-a7zh4lox9f] {
        width: 100%;
    }

    .category-detail-header__actions .btn[b-a7zh4lox9f],
    .category-detail-header__actions[b-a7zh4lox9f]  .action-icon-button {
        flex: 1 1 auto;
    }
}

/* Modal sections (item 2). */
.category-form-section[b-a7zh4lox9f] {
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 1rem 1.1rem 1.2rem;
    margin: 0;
}

.category-form-section + .category-form-section[b-a7zh4lox9f] {
    margin-top: 1rem;
}

.category-form-section legend[b-a7zh4lox9f] {
    padding: 0 .4rem;
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
}

.category-appearance-grid[b-a7zh4lox9f] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.2rem;
    align-items: start;
}

.category-appearance-grid__pickers[b-a7zh4lox9f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.category-appearance-grid__preview[b-a7zh4lox9f] {
    display: flex;
    flex-direction: column;
}

/* Right-sized picker tiles: the shared .color-picker/.icon-picker rules stretch to fill their
   grid column (width:100%/aspect-ratio:1), which made each swatch balloon to ~90px once the
   appearance section became narrower. Fixed tile sizes + auto-fill columns keep them compact
   regardless of how many colors/icons the palette grows to. Scoped to this page only (CSS
   isolation), so FamilyWorkspace.razor/Workspaces.razor's own pickers are untouched. */
.category-appearance-grid .picker-grid--colors[b-a7zh4lox9f] {
    grid-template-columns: repeat(auto-fill, 2.1rem);
    gap: .5rem;
}

.category-appearance-grid .color-picker[b-a7zh4lox9f] {
    width: 2.1rem;
    height: 2.1rem;
    aspect-ratio: unset;
    border-radius: 10px;
}

.category-appearance-grid .picker-grid--icons[b-a7zh4lox9f] {
    grid-template-columns: repeat(auto-fill, 3.4rem);
    gap: .5rem;
}

.category-appearance-grid .icon-picker[b-a7zh4lox9f] {
    width: 3.4rem;
    min-height: 3.4rem;
}

.category-appearance-grid .icon-picker .app-icon[b-a7zh4lox9f] {
    width: 1rem;
    height: 1rem;
}

/* Contained color picker with expand affordance (item 3). */
.category-colors-footer[b-a7zh4lox9f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-top: .5rem;
}

.category-colors-count[b-a7zh4lox9f] {
    color: var(--muted);
    font-size: .82rem;
}

.category-colors-toggle[b-a7zh4lox9f] {
    border: none;
    background: transparent;
    color: var(--brand-2, #3157ff);
    font-weight: 600;
    font-size: .85rem;
    cursor: pointer;
    padding: 0;
}

.category-colors-toggle:hover[b-a7zh4lox9f] {
    text-decoration: underline;
}

/* Icon picker with a visible text label instead of relying only on title/tooltip (item 3). */
.category-icon-picker[b-a7zh4lox9f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 64px;
    padding: .4rem .2rem;
}

.category-icon-picker__label[b-a7zh4lox9f] {
    font-size: .68rem;
    line-height: 1;
    color: var(--muted);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.category-icon-picker--active .category-icon-picker__label[b-a7zh4lox9f],
.category-icon-picker.icon-picker--active .category-icon-picker__label[b-a7zh4lox9f] {
    color: var(--text-strong);
}

/* Maintenance action styling (item 5). */
.category-maintenance-action[b-a7zh4lox9f] {
    border-style: dashed;
    color: var(--warning, #d97706);
    border-color: color-mix(in srgb, var(--warning, #d97706) 45%, var(--line));
    gap: .5rem;
}

.category-maintenance-action:hover[b-a7zh4lox9f] {
    border-color: var(--warning, #d97706);
    background: color-mix(in srgb, var(--warning, #d97706) 10%, transparent);
}

.category-maintenance-action__tag[b-a7zh4lox9f] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--warning, #d97706) 18%, transparent);
    color: var(--warning, #d97706);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

@media (max-width: 980px) {
    .category-appearance-grid[b-a7zh4lox9f] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .category-maintenance-action__tag[b-a7zh4lox9f] {
        display: none;
    }
}
.categories-manage-panel > .category-workspace-grid[b-a7zh4lox9f] {
    margin: 0;
}

/* Keep the unified Categories toolbar compact at the same intermediate desktop breakpoint
   used by Lançamentos. The global listview fallback expands every action to 100% here. */
@media (min-width: 981px) and (max-width: 1180px) {
    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        align-items: center;
    }

    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .listview-toolbar,
    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .listview-toolbar__row {
        width: auto;
        justify-content: flex-end;
    }

    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .listview-search {
        width: min(22rem, 100%);
    }

    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .listview-toolbar__primary,
    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .listview-toolbar__filter,
    .categories-manage-panel[b-a7zh4lox9f]  .categories-manage-panel__header .category-maintenance-action {
        width: auto;
    }
}
/* /Components/Pages/CategoryBudgets.razor.rz.scp.css */
.budget-page[b-vw63tvdydc] {
    display: grid;
    gap: 1rem;
}

.budget-manage-panel[b-vw63tvdydc] {
    grid-template-columns: minmax(0, 1fr);
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.budget-manage-panel > .budget-manage-panel__header[b-vw63tvdydc] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.budget-hero[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel-soft);
    box-shadow: var(--shadow-soft);
}

.budget-hero__copy[b-vw63tvdydc] {
    display: grid;
    gap: 0.18rem;
}

.budget-hero__copy .eyebrow[b-vw63tvdydc] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.budget-hero__copy h1[b-vw63tvdydc] {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.15;
    letter-spacing: normal;
    color: var(--text-strong);
}

.budget-hero__copy p[b-vw63tvdydc] {
    margin: 0.2rem 0 0;
    max-width: 64ch;
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.budget-hero__toolbar[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    justify-content: flex-end;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
}

.budget-search-shell[b-vw63tvdydc] {
    position: relative;
    min-width: 0;
}

.budget-search-shell :deep(.listview-search)[b-vw63tvdydc] {
    width: 100%;
}

.budget-search-shell--loading[b-vw63tvdydc] {
    opacity: 0.88;
}

.budget-search-shell__spinner[b-vw63tvdydc] {
    position: absolute;
    top: 50%;
    right: 3rem;
    transform: translateY(-50%);
    pointer-events: none;
}

.budget-toolbar__filter[b-vw63tvdydc],
.budget-toolbar__primary[b-vw63tvdydc] {
    min-height: 44px;
    white-space: nowrap;
}

.budget-toolbar__filter[b-vw63tvdydc] {
    border-color: var(--line-soft);
}

.budget-metric-grid[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.budget-metric-card[b-vw63tvdydc] {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--line-soft);
    border-radius: 22px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.budget-metric-card__icon[b-vw63tvdydc] {
    width: 3rem;
    height: 3rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    display: grid;
    place-items: center;
    color: var(--brand-2);
    flex-shrink: 0;
}

.budget-metric-card__icon :deep(.app-icon)[b-vw63tvdydc] {
    width: 1.5rem;
    height: 1.5rem;
}

.budget-metric-card__body[b-vw63tvdydc] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.budget-metric-card__body span[b-vw63tvdydc] {
    font-size: 0.82rem;
    color: var(--muted-strong);
}

.budget-metric-card__body strong[b-vw63tvdydc] {
    font-size: clamp(1.08rem, 1.45vw, 1.6rem);
    letter-spacing: -0.02em;
    color: var(--text-strong);
}

.budget-main-panel__tabbar[b-vw63tvdydc] {
    display: flex;
    align-items: center;
    min-height: 4.75rem;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--line);
    background: var(--surface-raised);
}

.budget-tabs[b-vw63tvdydc] {
    margin: 0;
    flex-wrap: nowrap;
    width: fit-content;
    max-width: 100%;
}

.budget-tab[b-vw63tvdydc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.budget-workspace[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(18rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.budget-main-panel[b-vw63tvdydc],
.budget-side-panel[b-vw63tvdydc],
.budget-history-panel[b-vw63tvdydc] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--line-soft);
    border-radius: 22px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.budget-main-panel[b-vw63tvdydc] {
    gap: 0;
    padding: 0;
    align-self: start;
    overflow: hidden;
    border: 1px solid var(--line-soft);
    border-radius: 22px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.budget-main-panel > .budget-history-panel[b-vw63tvdydc] {
    gap: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
}

.budget-main-panel__controls[b-vw63tvdydc] {
    min-height: 4.75rem;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
}

.budget-main-panel__content[b-vw63tvdydc] {
    border: 0;
    border-radius: 0;
    background: var(--surface-raised);
}

.budget-section-header[b-vw63tvdydc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.budget-section-header--compact[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    justify-content: start;
}

.budget-section-header--compact > div:last-child[b-vw63tvdydc] {
    min-width: 0;
    justify-self: start;
}

.budget-section-header--compact h2[b-vw63tvdydc] {
    justify-self: start;
    white-space: nowrap;
}

.budget-section-header h2[b-vw63tvdydc] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.1;
}

.budget-section-header p[b-vw63tvdydc] {
    margin: 0.25rem 0 0;
    color: var(--muted-strong);
}

.budget-section-header__meta[b-vw63tvdydc] {
    display: grid;
    justify-items: end;
    gap: 0.08rem;
    color: var(--muted-strong);
}

.budget-section-header__meta strong[b-vw63tvdydc] {
    font-size: 1.2rem;
    color: var(--text-strong);
}

.budget-table-shell[b-vw63tvdydc] {
    position: relative;
}

.budget-table-shell--loading[b-vw63tvdydc] {
    opacity: 0.72;
}

.budget-table-shell--loading .table-shell[b-vw63tvdydc] {
    pointer-events: none;
}

.budget-table[b-vw63tvdydc] {
    width: 100%;
}

.budget-category-name[b-vw63tvdydc] {
    display: block;
    font-size: 0.98rem;
    font-weight: 800;
}

.budget-category-description[b-vw63tvdydc] {
    margin-top: 0.1rem;
}

.budget-amount[b-vw63tvdydc] {
    font-weight: 800;
}

.budget-actions-cell[b-vw63tvdydc] {
    width: 1%;
    white-space: nowrap;
}

.budget-empty-state[b-vw63tvdydc],
.budget-error-shell[b-vw63tvdydc],
.budget-side-error[b-vw63tvdydc] {
    display: grid;
    gap: 0.85rem;
    justify-items: start;
}

.budget-empty-state[b-vw63tvdydc] {
    padding: 0.2rem 0.1rem 0.1rem;
}

.budget-section-header__icon[b-vw63tvdydc] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    color: var(--brand-2);
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.budget-section-header__icon :deep(.app-icon)[b-vw63tvdydc] {
    width: 1.25rem;
    height: 1.25rem;
}

.budget-timeline[b-vw63tvdydc] {
    display: grid;
    gap: 1rem;
    position: relative;
    padding-left: 0.15rem;
}

.budget-timeline[b-vw63tvdydc]::before {
    content: "";
    position: absolute;
    top: 0.35rem;
    bottom: 0.35rem;
    left: 0.42rem;
    width: 1px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--brand-2) 16%, var(--line-soft));
}

.budget-timeline__item[b-vw63tvdydc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    position: relative;
}

.budget-timeline__dot[b-vw63tvdydc] {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.4rem;
    border-radius: 999px;
    background: var(--brand-2);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--brand-2) 10%, transparent);
    position: relative;
    z-index: 1;
}

.budget-timeline__content[b-vw63tvdydc] {
    display: grid;
    gap: 0.18rem;
}

.budget-timeline__content strong[b-vw63tvdydc] {
    font-size: 0.98rem;
}

.budget-timeline__content p[b-vw63tvdydc] {
    margin: 0;
    color: var(--muted-strong);
}

.budget-timeline__content small[b-vw63tvdydc] {
    color: var(--muted-strong);
}

.budget-side-panel__link[b-vw63tvdydc] {
    min-height: 46px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: var(--surface-raised);
    color: var(--brand-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
}

.budget-side-panel__link :deep(.app-icon)[b-vw63tvdydc] {
    width: 1rem;
    height: 1rem;
}

.budget-history-panel[b-vw63tvdydc] {
    min-height: 0;
}

.budget-modal__actions[b-vw63tvdydc] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
}

@media (max-width: 1200px) {
    .budget-workspace[b-vw63tvdydc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

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

    .budget-hero[b-vw63tvdydc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .budget-hero__toolbar[b-vw63tvdydc] {
        grid-template-columns: 1fr;
    }

    .budget-search-shell[b-vw63tvdydc] {
        min-width: 0;
    }
}

@media (max-width: 980px) {
    /* iOS zooms the viewport when a focused form control renders below 16px. */
    .budget-modal[b-vw63tvdydc]  .form-control,
    .budget-modal[b-vw63tvdydc]  .form-select {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .budget-page[b-vw63tvdydc] {
        gap: 0.85rem;
    }

    .budget-manage-panel[b-vw63tvdydc] {
        padding: 1rem;
        border-radius: 16px;
    }

    .budget-metric-grid[b-vw63tvdydc] {
        grid-template-columns: 1fr;
    }

    .budget-tabs[b-vw63tvdydc] {
        width: fit-content;
    }

    .budget-tab[b-vw63tvdydc] {
        min-width: 0;
    }

    .budget-section-header[b-vw63tvdydc],
    .budget-section-header__meta[b-vw63tvdydc] {
        align-items: flex-start;
        justify-items: start;
    }

    .budget-section-header[b-vw63tvdydc] {
        flex-direction: column;
    }

    .budget-section-header--compact[b-vw63tvdydc] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .budget-section-header__meta[b-vw63tvdydc] {
        justify-items: start;
    }

    .budget-side-panel__link[b-vw63tvdydc] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .budget-modal__actions[b-vw63tvdydc] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .budget-modal__actions .btn[b-vw63tvdydc] {
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .budget-modal__actions--create .budget-modal__action--primary[b-vw63tvdydc] {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.kpi-card-link[b-uyij7x6bng] {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    width: 100%;
}

.kpi-card-link .kpi-card[b-uyij7x6bng] {
    cursor: pointer;
}

.kpi-card-link:focus-visible .kpi-card[b-uyij7x6bng] {
    outline: 2px solid var(--brand-2);
    outline-offset: 2px;
}

.kpi-grid :deep(.kpi-card--default)[b-uyij7x6bng] {
    padding: 0.78rem 0.85rem;
    border-radius: 14px;
    border-color: var(--line);
    background: var(--surface-soft), var(--panel);
    box-shadow: var(--shadow-soft);
}

.kpi-grid :deep(.kpi-card--default .kpi-card__title)[b-uyij7x6bng] {
    font-size: 0.74rem;
    letter-spacing: 0.03em;
    color: var(--muted);
}

.kpi-grid :deep(.kpi-card--default strong)[b-uyij7x6bng] {
    font-size: 1.36rem;
    margin: 0.22rem 0 0.08rem;
    letter-spacing: -0.02em;
}

.kpi-grid :deep(.kpi-card--default small)[b-uyij7x6bng] {
    font-size: 0.76rem;
    color: var(--muted);
}

.dashboard-hero[b-uyij7x6bng] {
    padding: 0.85rem 1rem;
    border-radius: 16px;
    min-height: 0;
}

.dashboard-hero h1[b-uyij7x6bng] {
    margin: 0.15rem 0 0;
    font-size: clamp(1.2rem, 1.9vw, 1.55rem);
    line-height: 1.08;
    letter-spacing: -0.015em;
}

.dashboard-hero p[b-uyij7x6bng] {
    margin: 0.2rem 0 0;
    font-size: 0.84rem;
    line-height: 1.35;
    color: var(--muted-strong);
}

.dashboard-hero .eyebrow[b-uyij7x6bng] {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
}

.dashboard-hero .panel-header-actions[b-uyij7x6bng] {
    gap: 0.45rem;
}

.dashboard-hero .panel-header-actions .btn[b-uyij7x6bng] {
    min-height: 36px;
    padding: 0.38rem 0.7rem;
    font-size: 0.8rem;
}

.dashboard-priority--focus[b-uyij7x6bng] {
    display: grid;
    gap: 12px;
}

.dashboard-kpi-detail[b-uyij7x6bng] {
    display: grid;
    gap: 12px;
}

.dashboard-kpi-detail__block[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px;
    display: grid;
    gap: 8px;
}

.dashboard-kpi-detail__block h3[b-uyij7x6bng] {
    margin: 0;
    font-size: 0.92rem;
}

.dashboard-kpi-detail__block--positive h3[b-uyij7x6bng] {
    color: var(--positive);
}

.dashboard-kpi-detail__block--negative h3[b-uyij7x6bng] {
    color: var(--negative);
}

.dashboard-kpi-detail__block--neutral h3[b-uyij7x6bng] {
    color: var(--muted-strong);
}

.dashboard-kpi-detail__total[b-uyij7x6bng] {
    border-top: 1px solid var(--line);
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-kpi-detail__edit-btn[b-uyij7x6bng] {
    margin-left: 8px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 0;
}

.dashboard-kpi-detail__actions[b-uyij7x6bng] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.budget-spotlight-chart[b-uyij7x6bng] {
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-3) 14%, transparent), transparent 58%),
        var(--surface-soft), var(--panel);
    box-shadow: var(--shadow-soft);
}

.budget-spotlight-chart__header[b-uyij7x6bng] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 12px;
}

.budget-spotlight-chart__header strong[b-uyij7x6bng] {
    font-size: 0.92rem;
    letter-spacing: 0.02em;
}

.budget-spotlight-chart__header span[b-uyij7x6bng] {
    color: var(--muted-strong);
    font-size: 0.82rem;
}

.budget-spotlight-chart__bars[b-uyij7x6bng] {
    display: grid;
    gap: 10px;
}

.budget-spotlight-chart__row[b-uyij7x6bng] {
    display: grid;
    gap: 6px;
}

.budget-spotlight-chart__meta[b-uyij7x6bng] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 0.82rem;
    color: var(--muted-strong);
}

.budget-spotlight-chart__meta strong[b-uyij7x6bng] {
    color: var(--text-strong);
    font-size: 0.8rem;
}

.budget-spotlight-chart__bar[b-uyij7x6bng] {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    height: 10px;
    background: var(--panel-soft);
}

.budget-spotlight-chart__fill[b-uyij7x6bng] {
    height: 100%;
    border-radius: inherit;
    transition: width 280ms ease-out;
}

.budget-spotlight-chart__bar--healthy .budget-spotlight-chart__fill[b-uyij7x6bng] {
    background: linear-gradient(90deg, var(--positive), color-mix(in srgb, var(--positive) 70%, white));
}

.budget-spotlight-chart__bar--attention .budget-spotlight-chart__fill[b-uyij7x6bng] {
    background: linear-gradient(90deg, var(--warning), color-mix(in srgb, var(--warning) 70%, white));
}

.budget-spotlight-chart__bar--exceeded .budget-spotlight-chart__fill[b-uyij7x6bng] {
    background: linear-gradient(90deg, var(--negative), color-mix(in srgb, var(--negative) 70%, white));
}

.budget-spotlight-chart__limit[b-uyij7x6bng] {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 62.5%;
    width: 2px;
    border-radius: 999px;
    background: var(--line-stronger);
}

.category-pie[b-uyij7x6bng] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
    grid-template-areas: "legend chart";
    gap: 18px;
    align-items: start;
}

.category-pie__chart-block[b-uyij7x6bng] {
    grid-area: chart;
    display: grid;
    gap: 10px;
}

.category-pie__chart[b-uyij7x6bng] {
    width: 100%;
    min-height: 262px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--surface-soft), var(--panel);
    box-shadow: var(--shadow-soft);
}

.category-pie__highlight[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--panel-soft);
    display: grid;
    gap: 2px;
}

.category-pie__highlight span[b-uyij7x6bng] {
    color: var(--muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.category-pie__highlight strong[b-uyij7x6bng] {
    color: var(--text-strong);
    font-size: 0.92rem;
}

.category-pie__highlight small[b-uyij7x6bng] {
    color: var(--muted-strong);
    font-size: 0.78rem;
}

.category-pie__legend[b-uyij7x6bng] {
    grid-area: legend;
    display: grid;
    gap: 10px;
}

.category-pie__legend-item[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px 10px;
    background: var(--panel-soft);
}

.category-pie__dot[b-uyij7x6bng] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.category-pie__label[b-uyij7x6bng] {
    display: grid;
    gap: 4px;
}

.category-pie__label-top[b-uyij7x6bng] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
}

.category-pie__label strong[b-uyij7x6bng] {
    font-size: 0.84rem;
    color: var(--text-strong);
    line-height: 1.2;
}

.category-pie__label span[b-uyij7x6bng] {
    font-size: 0.78rem;
    color: var(--muted-strong);
}

.category-pie__label em[b-uyij7x6bng] {
    font-style: normal;
    font-size: 0.77rem;
    font-weight: 700;
    color: var(--muted-strong);
}

.category-pie__bar[b-uyij7x6bng] {
    height: 6px;
    background: var(--panel-soft);
    border-radius: 999px;
    overflow: hidden;
}

.category-pie__bar-fill[b-uyij7x6bng] {
    height: 100%;
    border-radius: inherit;
}

.competency-premium[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 12px;
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--brand-3) 16%, transparent), transparent 52%),
        var(--surface-soft), var(--panel);
    box-shadow: var(--shadow-soft);
}

.competency-premium__head[b-uyij7x6bng] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.competency-premium__eyebrow[b-uyij7x6bng] {
    display: block;
    font-size: 0.73rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 3px;
}

.competency-premium__head strong[b-uyij7x6bng] {
    color: var(--text-strong);
    font-size: 0.94rem;
}

.competency-premium__periods[b-uyij7x6bng] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.competency-premium__period[b-uyij7x6bng] {
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 999px;
    padding: 5px 10px;
    letter-spacing: 0.02em;
}

.competency-premium__period--current[b-uyij7x6bng] {
    color: var(--text-strong);
    background: color-mix(in srgb, var(--brand-3) 20%, transparent);
}

.competency-premium__period--previous[b-uyij7x6bng] {
    color: var(--muted-strong);
    background: var(--panel-soft);
}

.competency-compare-chart[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 14px;
    background:
        radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 48%),
        var(--surface-soft), var(--panel);
    padding: 10px 10px 6px;
    box-shadow: var(--shadow-soft);
}

.competency-compare-chart__canvas[b-uyij7x6bng] {
    width: 100%;
    height: 340px;
}

.competency-compare-delta-grid[b-uyij7x6bng] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
}

.competency-delta-card[b-uyij7x6bng] {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
    padding: 10px;
    display: grid;
    gap: 3px;
}

.competency-delta-card__label[b-uyij7x6bng] {
    color: var(--muted-strong);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.competency-delta-card__current[b-uyij7x6bng] {
    color: var(--text-strong);
    font-size: 0.9rem;
    line-height: 1.2;
}

.competency-delta-card__previous[b-uyij7x6bng] {
    color: var(--muted);
    font-size: 0.72rem;
}

.competency-compare-delta[b-uyij7x6bng] {
    font-weight: 700;
    font-size: 0.78rem;
    margin-top: 2px;
}

.competency-compare-delta--up[b-uyij7x6bng] {
    color: var(--negative);
}

.competency-compare-delta--down[b-uyij7x6bng] {
    color: var(--positive);
}

.competency-compare-delta--neutral[b-uyij7x6bng] {
    color: var(--muted-strong);
}

@media (max-width: 980px) {
    .content-grid[b-uyij7x6bng] {
        grid-template-columns: 1fr;
    }

    .content-grid > .dashboard-priority[b-uyij7x6bng] {
        min-width: 0;
    }

    .dashboard-priority--focus[b-uyij7x6bng] {
        order: 1;
    }

    .dashboard-priority--alerts[b-uyij7x6bng] {
        order: 2;
    }

    .budget-spotlight-chart[b-uyij7x6bng] {
        padding: 12px;
    }

    .budget-spotlight-chart__header[b-uyij7x6bng] {
        margin-bottom: 10px;
    }

    .category-pie[b-uyij7x6bng] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "chart"
            "legend";
        gap: 12px;
    }

    .category-pie__chart[b-uyij7x6bng] {
        width: 100%;
        min-height: 238px;
    }

    .category-pie__legend[b-uyij7x6bng] {
        width: 100%;
    }

    .competency-compare-chart[b-uyij7x6bng] {
        padding: 6px 6px 2px;
    }

    .competency-compare-chart__canvas[b-uyij7x6bng] {
        height: 300px;
    }

    .competency-premium__head[b-uyij7x6bng] {
        flex-direction: column;
        align-items: flex-start;
    }

    .competency-compare-delta-grid[b-uyij7x6bng] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .competency-compare-delta-grid[b-uyij7x6bng] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/DashboardCategories.razor.rz.scp.css */
.family-category-card__members[b-rvuv2l6jc8] {
    display: grid;
    gap: 0.55rem;
    padding-top: 0.25rem;
}

.family-category-card__label[b-rvuv2l6jc8] {
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.family-category-card__member-list[b-rvuv2l6jc8] {
    display: grid;
    gap: 0.45rem;
}

.family-category-card__member[b-rvuv2l6jc8] {
    display: flex;
    justify-content: space-between;
    gap: 0.9rem;
    align-items: center;
    padding: 0.65rem 0.8rem;
    border-radius: 14px;
    background: var(--panel-soft);
    border: 1px solid var(--line);
}

.family-category-card__member span[b-rvuv2l6jc8] {
    color: var(--muted-strong);
    font-size: 0.92rem;
    font-weight: 600;
}

.family-category-card__member strong[b-rvuv2l6jc8] {
    font-size: 0.98rem;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .content-grid--categories-mobile[b-rvuv2l6jc8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FamilyEntryImportWorkspace.razor.rz.scp.css */
.family-import-shell[b-eaofzfc4rd] {
    display: grid;
    gap: 1rem;
}

.family-import-steps[b-eaofzfc4rd] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.family-import-steps span[b-eaofzfc4rd] {
    padding: 0.6rem 0.95rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted);
    font-weight: 700;
}

.family-import-steps span.active[b-eaofzfc4rd] {
    border-color: color-mix(in srgb, var(--brand-2) 30%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    color: var(--brand-2);
}

.family-import-panel[b-eaofzfc4rd] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.25rem;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: var(--panel);
}

.family-import-panel__header[b-eaofzfc4rd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.family-import-panel__header p[b-eaofzfc4rd] {
    margin: 0.3rem 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.family-import-panel__filters[b-eaofzfc4rd] {
    align-items: end;
}

.family-import-workspaces[b-eaofzfc4rd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.85rem;
}

.family-import-workspace-card[b-eaofzfc4rd] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
}

.family-import-workspace-card input[b-eaofzfc4rd] {
    margin: 0;
}

.family-import-workspace-card__avatar[b-eaofzfc4rd] {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.8rem;
    background: color-mix(in srgb, var(--workspace-color) 16%, var(--panel));
    color: color-mix(in srgb, var(--workspace-color) 78%, var(--text-strong));
}

.family-import-workspace-card__copy[b-eaofzfc4rd] {
    display: grid;
    gap: 0.15rem;
}

.family-import-workspace-card__copy small[b-eaofzfc4rd] {
    color: var(--muted);
    text-transform: capitalize;
}

.family-import-summary[b-eaofzfc4rd] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.family-import-draft[b-eaofzfc4rd] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: var(--surface-soft), var(--panel);
}

.family-import-draft__headline[b-eaofzfc4rd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.family-import-draft__grid[b-eaofzfc4rd] {
    align-items: end;
}

.family-import-draft__placeholder[b-eaofzfc4rd] {
    min-height: 100%;
}

.family-import-draft__toggle[b-eaofzfc4rd] {
    min-height: 2.75rem;
}

.family-import-result[b-eaofzfc4rd] {
    gap: 1.25rem;
}

.family-import-result__summary[b-eaofzfc4rd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.family-import-result-card[b-eaofzfc4rd] {
    display: grid;
    gap: 0.35rem;
    padding: 1.1rem 1.15rem;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
}

.family-import-result-card span[b-eaofzfc4rd] {
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.family-import-result-card strong[b-eaofzfc4rd] {
    font-size: 2rem;
    line-height: 1;
    color: var(--text-strong);
}

.family-import-result-card small[b-eaofzfc4rd] {
    color: var(--muted);
}

.family-import-result-card.success[b-eaofzfc4rd] {
    border-color: color-mix(in srgb, var(--positive) 30%, var(--line));
    background: color-mix(in srgb, var(--positive) 10%, var(--panel));
}

.family-import-result-card.danger[b-eaofzfc4rd] {
    border-color: color-mix(in srgb, var(--negative) 32%, var(--line));
    background: color-mix(in srgb, var(--negative) 10%, var(--panel));
}

.family-import-result-card.neutral[b-eaofzfc4rd] {
    border-color: color-mix(in srgb, var(--brand-2) 26%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 8%, var(--panel));
}

.family-import-result__errors[b-eaofzfc4rd],
.family-import-result__successes[b-eaofzfc4rd] {
    display: grid;
    gap: 0.85rem;
}

.family-import-result__error-list[b-eaofzfc4rd],
.family-import-result__success-list[b-eaofzfc4rd] {
    display: grid;
    gap: 0.75rem;
}

.family-import-result__error-item[b-eaofzfc4rd],
.family-import-result__success-item[b-eaofzfc4rd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--panel);
}

.family-import-result__error-item[b-eaofzfc4rd] {
    border-color: color-mix(in srgb, var(--negative) 26%, var(--line));
    background: color-mix(in srgb, var(--negative) 8%, var(--panel));
}

.family-import-result__error-item p[b-eaofzfc4rd] {
    margin: 0.3rem 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.family-import-result__success-item strong[b-eaofzfc4rd] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .family-import-panel__header[b-eaofzfc4rd],
    .family-import-draft__headline[b-eaofzfc4rd] {
        flex-direction: column;
    }

    .family-import-result__summary[b-eaofzfc4rd] {
        grid-template-columns: 1fr;
    }

    .family-import-result__error-item[b-eaofzfc4rd],
    .family-import-result__success-item[b-eaofzfc4rd] {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .family-import-workspaces[b-eaofzfc4rd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FamilyWorkspace.razor.rz.scp.css */
.family-hero[b-h5n3hnt7l2],
.family-editor[b-h5n3hnt7l2],
.family-close-grid[b-h5n3hnt7l2],
.family-member-list[b-h5n3hnt7l2] {
    display: grid;
    gap: 1rem;
}

.family-hero[b-h5n3hnt7l2] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 1.25rem;
    border-radius: 1.5rem;
    border: 1px solid var(--line);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent),
        var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.family-hero h1[b-h5n3hnt7l2] {
    margin: .15rem 0;
    color: var(--text-strong);
}

.family-hero p[b-h5n3hnt7l2],
.family-editor__header p[b-h5n3hnt7l2] {
    margin: 0;
    color: var(--muted);
}

.family-hero__identity[b-h5n3hnt7l2] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.family-hero__icon[b-h5n3hnt7l2] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--brand) 16%, transparent);
    color: color-mix(in srgb, var(--brand) 82%, var(--text-strong));
}

.family-hero__icon .app-icon[b-h5n3hnt7l2] {
    width: 1.4rem;
    height: 1.4rem;
}

.family-period-picker[b-h5n3hnt7l2] {
    display: grid;
    gap: .35rem;
    justify-items: end;
}

.family-period-picker__row[b-h5n3hnt7l2] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.family-period-picker__trigger[b-h5n3hnt7l2] {
    min-width: 180px;
    justify-content: flex-start;
}

.family-period-picker__summary[b-h5n3hnt7l2] {
    color: var(--muted);
    font-size: .88rem;
}

.family-settlement-row[b-h5n3hnt7l2],
.family-member-card[b-h5n3hnt7l2],
.family-close-card[b-h5n3hnt7l2],
.family-transfer-card[b-h5n3hnt7l2] {
    display: grid;
    gap: .5rem;
    padding: 1rem;
    border-radius: 1.1rem;
    border: 1px solid var(--line-soft);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--family-accent, var(--brand-primary)) 10%, transparent), transparent),
        var(--panel-soft);
}

.family-settlement-list[b-h5n3hnt7l2] {
    display: grid;
    gap: 1rem;
}

.family-settlement-row[b-h5n3hnt7l2] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
    padding: 1.05rem 1rem;
}

.family-settlement-row__identity[b-h5n3hnt7l2] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.family-avatar[b-h5n3hnt7l2] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
    background: var(--family-accent, var(--brand));
}

.family-settlement-row__numbers[b-h5n3hnt7l2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 128px));
    gap: .65rem;
    text-align: left;
    align-items: center;
}

.family-settlement-row__numbers span[b-h5n3hnt7l2] {
    display: grid;
    gap: .18rem;
    padding: .7rem .8rem;
    border-radius: .95rem;
    border: 1px solid color-mix(in srgb, var(--family-accent, var(--line)) 16%, var(--line-soft));
    background: color-mix(in srgb, var(--family-accent, var(--surface-raised)) 9%, var(--surface-raised));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}

.family-settlement-row__numbers small[b-h5n3hnt7l2] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--muted);
}

.family-settlement-row__numbers strong[b-h5n3hnt7l2] {
    font-size: 1rem;
    line-height: 1.2;
}

.family-settlement-banner[b-h5n3hnt7l2] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--line-soft);
    background: var(--panel-soft);
}

.family-settlement-banner .app-icon[b-h5n3hnt7l2] {
    flex-shrink: 0;
    width: 1.2rem;
    height: 1.2rem;
}

.family-settlement-banner--balanced[b-h5n3hnt7l2] {
    border-color: color-mix(in srgb, var(--positive) 28%, var(--line-soft));
    background: color-mix(in srgb, var(--positive) 8%, var(--panel-soft));
}

.family-settlement-banner--balanced .app-icon[b-h5n3hnt7l2] {
    color: var(--positive);
}

.family-settlement-banner--pending[b-h5n3hnt7l2] {
    border-color: color-mix(in srgb, var(--warning) 30%, var(--line-soft));
    background: color-mix(in srgb, var(--warning) 9%, var(--panel-soft));
}

.family-settlement-banner--pending .app-icon[b-h5n3hnt7l2] {
    color: var(--warning);
}

.family-distribution[b-h5n3hnt7l2] {
    display: grid;
    gap: .6rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--line-soft);
    background: var(--panel-soft);
}

.family-distribution__title[b-h5n3hnt7l2] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--muted);
}

.family-distribution__bar[b-h5n3hnt7l2] {
    display: flex;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: var(--line-soft);
}

.family-distribution__segment[b-h5n3hnt7l2] {
    height: 100%;
}

.family-distribution__legend[b-h5n3hnt7l2] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1rem;
}

.family-distribution__legend-item[b-h5n3hnt7l2] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    color: var(--muted-strong);
}

.family-distribution__legend-item em[b-h5n3hnt7l2] {
    font-style: normal;
    font-weight: 700;
    color: var(--text-strong);
}

.family-distribution__dot[b-h5n3hnt7l2] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.family-editor__header[b-h5n3hnt7l2],
.family-editor__actions[b-h5n3hnt7l2],
.family-member-card__footer[b-h5n3hnt7l2] {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.family-distribution-status[b-h5n3hnt7l2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border-radius: 1rem;
    border: 1px solid var(--line-soft);
}

.family-distribution-status--valid[b-h5n3hnt7l2] {
    background: color-mix(in srgb, var(--positive) 10%, var(--panel-soft));
}

.family-distribution-status--invalid[b-h5n3hnt7l2] {
    background: color-mix(in srgb, var(--negative) 10%, var(--panel-soft));
}

.family-close-grid[b-h5n3hnt7l2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.family-close-card[b-h5n3hnt7l2] {
    gap: 1.15rem;
    padding: 1.4rem 1.15rem;
}

.family-close-card-list[b-h5n3hnt7l2] {
    display: grid;
    gap: 1.2rem;
}

.family-close-card__title[b-h5n3hnt7l2] {
    font-size: 1.08rem;
    line-height: 1.25;
}

.family-close-card__metrics[b-h5n3hnt7l2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
}

.family-close-card__metric[b-h5n3hnt7l2] {
    display: grid;
    gap: .35rem;
    padding: .9rem .95rem;
    border-radius: .95rem;
    border: 1px solid color-mix(in srgb, var(--family-accent, var(--line)) 16%, var(--line-soft));
    background: color-mix(in srgb, var(--family-accent, var(--surface-raised)) 8%, var(--surface-raised));
}

.family-close-card__metric small[b-h5n3hnt7l2] {
    font-size: .74rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--muted);
}

.family-close-card__metric strong[b-h5n3hnt7l2] {
    line-height: 1.35;
}

.family-member-card__details[b-h5n3hnt7l2],
.family-member-card__allocation[b-h5n3hnt7l2] {
    gap: 1rem;
}

.family-member-card__details[b-h5n3hnt7l2] {
    grid-template-columns: minmax(0, 1fr);
}

.family-member-card__allocation[b-h5n3hnt7l2] {
    grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
    align-items: end;
}

.family-member-card .entry-field[b-h5n3hnt7l2] {
    min-width: 0;
}

.family-color-picker[b-h5n3hnt7l2] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
    min-height: 2.75rem;
    padding: .3rem 0;
}

.family-color-picker__swatch[b-h5n3hnt7l2] {
    width: 1.55rem;
    height: 1.55rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--picker-color) 40%, var(--line));
    border-radius: 999px;
    background:
        radial-gradient(circle at 30% 28%, rgba(255,255,255,.45), transparent 42%),
        var(--picker-color);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.family-color-picker__swatch:hover[b-h5n3hnt7l2] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--picker-color) 70%, var(--brand-primary));
}

.family-color-picker__swatch--active[b-h5n3hnt7l2] {
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--picker-color) 18%, transparent),
        inset 0 0 0 2px rgba(255,255,255,.72);
}

.family-color-picker__swatch--active[b-h5n3hnt7l2]::after {
    content: "";
    display: block;
    width: .42rem;
    height: .42rem;
    margin: auto;
    margin-top: .565rem;
    border-radius: 999px;
    background: rgba(255,255,255,.95);
}

.category-pie__total-badge[b-h5n3hnt7l2] {
    display: inline-flex;
    align-items: center;
    padding: .32rem .78rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted-strong);
    white-space: nowrap;
}

.category-pie[b-h5n3hnt7l2] {
    display: grid;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.category-pie__chart-block[b-h5n3hnt7l2] {
    display: grid;
    gap: 10px;
}

.category-pie__chart[b-h5n3hnt7l2] {
    width: 100%;
    min-height: 262px;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--surface-soft), var(--panel);
    box-shadow: var(--shadow-soft);
}

.category-pie__highlight[b-h5n3hnt7l2] {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 12px;
    background: var(--panel-soft);
    display: grid;
    gap: 2px;
}

.category-pie__highlight span[b-h5n3hnt7l2] {
    color: var(--muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.category-pie__highlight strong[b-h5n3hnt7l2] {
    color: var(--text-strong);
    font-size: 0.92rem;
}

.category-pie__highlight small[b-h5n3hnt7l2] {
    color: var(--muted-strong);
    font-size: 0.78rem;
}

.category-pie__legend[b-h5n3hnt7l2] {
    display: grid;
    gap: 10px;
}

.category-pie__legend-item[b-h5n3hnt7l2] {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px 10px;
    background: var(--panel-soft);
}

.category-pie__dot[b-h5n3hnt7l2] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.category-pie__label[b-h5n3hnt7l2] {
    display: grid;
    gap: 4px;
}

.category-pie__label-top[b-h5n3hnt7l2] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
}

.category-pie__label strong[b-h5n3hnt7l2] {
    font-size: 0.84rem;
    color: var(--text-strong);
    line-height: 1.2;
}

.category-pie__label span[b-h5n3hnt7l2] {
    font-size: 0.78rem;
    color: var(--muted-strong);
}

.category-pie__label em[b-h5n3hnt7l2] {
    font-style: normal;
    font-size: 0.77rem;
    font-weight: 700;
    color: var(--muted-strong);
}

.category-pie__bar[b-h5n3hnt7l2] {
    height: 6px;
    background: var(--panel-soft);
    border-radius: 999px;
    overflow: hidden;
}

.category-pie__bar-fill[b-h5n3hnt7l2] {
    height: 100%;
    border-radius: inherit;
}

@media (max-width: 900px) {
    .family-hero[b-h5n3hnt7l2],
    .family-close-grid[b-h5n3hnt7l2],
    .family-settlement-row[b-h5n3hnt7l2] {
        grid-template-columns: 1fr;
    }

    .family-member-card__allocation[b-h5n3hnt7l2] {
        grid-template-columns: 1fr;
    }

    .family-settlement-row__numbers[b-h5n3hnt7l2] {
        grid-template-columns: 1fr;
    }

    .family-hero[b-h5n3hnt7l2] {
        gap: .85rem;
        padding: 1rem;
        border-radius: 1.3rem;
    }

    .family-period-picker[b-h5n3hnt7l2] {
        justify-items: start;
        width: 100%;
    }

    .family-period-picker__row[b-h5n3hnt7l2],
    .family-period-picker__trigger[b-h5n3hnt7l2] {
        min-width: 0;
        width: 100%;
    }

    .family-editor__header[b-h5n3hnt7l2],
    .family-editor__actions[b-h5n3hnt7l2],
    .family-member-card__footer[b-h5n3hnt7l2],
    .family-distribution-status[b-h5n3hnt7l2] {
        align-items: flex-start;
    }

    .family-editor__actions[b-h5n3hnt7l2] {
        width: 100%;
    }

    .family-editor__actions .btn[b-h5n3hnt7l2] {
        flex: 1 1 0;
        min-height: 2.9rem;
    }

    .family-distribution-status[b-h5n3hnt7l2] {
        flex-direction: column;
        gap: .35rem;
    }

    .family-settlement-row[b-h5n3hnt7l2] {
        gap: .85rem;
        padding: .95rem;
    }

    .family-settlement-row__numbers span[b-h5n3hnt7l2] {
        padding: .72rem .78rem;
    }

    .family-close-card[b-h5n3hnt7l2] {
        gap: .95rem;
        padding: 1rem;
    }

    .category-pie[b-h5n3hnt7l2] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .category-pie__chart[b-h5n3hnt7l2] {
        width: 100%;
        min-height: 238px;
    }
}

@media (max-width: 520px) {
    .family-editor__actions[b-h5n3hnt7l2] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FinancialEntryWorkspace.razor.rz.scp.css */
.entry-modal[b-zqgnnz9qhi] {
    display: grid;
    gap: 1.35rem;
}

.entry-modal__intro[b-zqgnnz9qhi] {
    padding: 1rem 1.15rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-soft), var(--panel);
    color: var(--muted-strong);
}

.entry-modal__intro p[b-zqgnnz9qhi] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
}

.entry-modal__validation:empty[b-zqgnnz9qhi] {
    display: none;
}

.entry-modal__grid[b-zqgnnz9qhi] {
    display: grid;
    gap: 1rem;
}

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

.entry-modal__grid--toggle[b-zqgnnz9qhi] {
    align-items: end;
}

.entry-field[b-zqgnnz9qhi] {
    display: grid;
    gap: 0.6rem;
}

.entry-field label[b-zqgnnz9qhi] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-strong);
}

.entry-field--dynamic[b-zqgnnz9qhi] {
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-soft), var(--panel-soft);
}

.entry-field--inline-gap[b-zqgnnz9qhi] {
    margin-top: 1rem;
    gap: 0.6rem;
}

.entry-field--muted[b-zqgnnz9qhi] {
    min-height: 100%;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, var(--muted) 36%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-soft) 75%, transparent);
}

.entry-static[b-zqgnnz9qhi] {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.entry-modal__hint[b-zqgnnz9qhi] {
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--positive) 14%, transparent);
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
    font-size: 0.92rem;
    line-height: 1.5;
}

.entry-modal .form-grid[b-zqgnnz9qhi] {
    gap: 1.4rem 1.1rem;
}

.entry-modal .segmented-choice[b-zqgnnz9qhi] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.entry-modal .segmented-choice__item[b-zqgnnz9qhi] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.55rem;
    padding: 0.52rem 0.75rem 0.52rem 2rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-soft), var(--panel);
    color: var(--text-strong);
    cursor: pointer;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.entry-modal .segmented-choice__item[b-zqgnnz9qhi]::before {
    content: "";
    position: absolute;
    left: 0.72rem;
    top: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    border: 1.5px solid color-mix(in srgb, var(--muted) 36%, var(--line));
    background: var(--surface-soft);
    transform: translateY(-50%);
    transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease;
}

.entry-modal .segmented-choice__item:hover[b-zqgnnz9qhi] {
    border-color: color-mix(in srgb, var(--brand-2) 34%, var(--line));
}

.entry-modal .segmented-choice__item:has(.segmented-choice__radio:checked)[b-zqgnnz9qhi] {
    border-color: color-mix(in srgb, var(--brand-2) 42%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 7%, var(--panel));
}

.entry-modal .segmented-choice__item:has(.segmented-choice__radio:checked)[b-zqgnnz9qhi]::before {
    border-color: color-mix(in srgb, var(--brand-2) 58%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 86%, #2d5bff);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, white 94%, transparent);
}

.entry-modal .segmented-choice__item:has(.segmented-choice__radio:focus-visible)[b-zqgnnz9qhi] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-2) 22%, transparent);
}

.entry-modal .segmented-choice__item .segmented-choice__radio[b-zqgnnz9qhi] {
    display: none;
}

.entry-modal .segmented-choice__item span[b-zqgnnz9qhi] {
    font-weight: 700;
    line-height: 1.2;
}

.entry-modal .segmented-choice__item span[b-zqgnnz9qhi]::before {
    content: none !important;
}

html[data-theme="light"] .entry-modal .segmented-choice__item[b-zqgnnz9qhi] {
    background: color-mix(in srgb, white 86%, var(--panel));
}

html[data-theme="dark"] .entry-modal .segmented-choice__item[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--panel-strong) 84%, var(--panel));
}

.entry-modal .form-grid + .form-grid[b-zqgnnz9qhi],
.entry-modal .form-grid + .entry-field[b-zqgnnz9qhi],
.entry-modal .entry-field + .form-grid[b-zqgnnz9qhi],
.entry-modal .entry-field + .entry-field[b-zqgnnz9qhi],
.entry-modal .entry-modal__hint[b-zqgnnz9qhi] {
    margin-top: 0.2rem;
}

@media (max-width: 768px) {
    .entry-modal__grid--two[b-zqgnnz9qhi] {
        grid-template-columns: 1fr;
    }

    .entry-field--dynamic[b-zqgnnz9qhi] {
        padding: 0.9rem;
    }

    .entry-modal .segmented-choice[b-zqgnnz9qhi] {
        grid-template-columns: 1fr;
    }
}

.entry-import-wizard[b-zqgnnz9qhi] {
    display: grid;
    gap: 1.25rem;
}

.entry-import-wizard__steps[b-zqgnnz9qhi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.entry-import-wizard__steps span[b-zqgnnz9qhi] {
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-soft), var(--panel);
    color: var(--muted);
    font-size: 0.9rem;
    font-weight: 700;
}

.entry-import-wizard__steps span.active[b-zqgnnz9qhi] {
    border-color: color-mix(in srgb, var(--brand-2) 32%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 18%, transparent);
    color: var(--text-strong);
}

.entry-import-wizard__intro[b-zqgnnz9qhi],
.entry-import-wizard__section[b-zqgnnz9qhi],
.entry-import-draft-card[b-zqgnnz9qhi] {
    padding: 1rem 1.1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-soft), var(--panel);
}

.entry-import-wizard__intro p[b-zqgnnz9qhi] {
    margin: 0.35rem 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.entry-import-workspace-list[b-zqgnnz9qhi],
.entry-import-draft-list[b-zqgnnz9qhi] {
    display: grid;
    gap: 0.85rem;
}

.entry-import-workspace-list[b-zqgnnz9qhi] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.entry-import-workspace-card[b-zqgnnz9qhi] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-soft), var(--panel-soft);
    cursor: pointer;
}

.entry-import-workspace-card input[b-zqgnnz9qhi] {
    margin: 0;
}

.entry-import-workspace-card__swatch[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--workspace-color) 18%, white);
    color: color-mix(in srgb, var(--workspace-color) 72%, var(--text-strong));
    font-size: 0.8rem;
    font-weight: 800;
}

.entry-import-workspace-card__copy[b-zqgnnz9qhi] {
    display: grid;
    gap: 0.15rem;
}

.entry-import-workspace-card__copy small[b-zqgnnz9qhi] {
    color: var(--muted);
    text-transform: capitalize;
}

.entry-import-results[b-zqgnnz9qhi] {
    display: flex;
    gap: 0.85rem;
    margin-bottom: 0.9rem;
}

.entry-mobile-overview[b-zqgnnz9qhi] {
    display: none;
}

.entry-mobile-hero[b-zqgnnz9qhi] {
    display: none;
}

.entry-list-headline[b-zqgnnz9qhi] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.entry-list-headline__meta[b-zqgnnz9qhi] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.entry-list-headline__meta--compact[b-zqgnnz9qhi] {
    flex-wrap: nowrap;
    gap: 0.55rem;
    overflow-x: auto;
    scrollbar-width: thin;
    align-items: center;
}

.entry-list-headline__meta--compact > *[b-zqgnnz9qhi] {
    flex-shrink: 0;
}

.entry-import-trigger[b-zqgnnz9qhi] {
    min-height: 2.6rem;
    padding-inline: 1rem;
    white-space: nowrap;
}

.entry-list-headline .list-summary[b-zqgnnz9qhi] {
    min-height: 2.6rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface-soft), var(--panel-soft);
}

.entry-filter-totals[b-zqgnnz9qhi] {
    align-self: start;
    justify-items: stretch;
    width: min(100%, 27rem);
}

.entry-filter-totals--single[b-zqgnnz9qhi] {
    width: min(100%, 13.5rem);
    min-width: 0;
}

.entry-filter-totals--header[b-zqgnnz9qhi] {
    justify-self: end;
}

.entry-filter-totals--mobile[b-zqgnnz9qhi] {
    width: 100%;
}

.entry-timeline-toolbar[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.entry-timeline-toolbar--compact[b-zqgnnz9qhi] {
    gap: 0.5rem;
    flex-wrap: nowrap;
    flex: 1 1 auto;
}

.entry-timeline-toolbar__left[b-zqgnnz9qhi],
.entry-timeline-toolbar__right[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

.entry-timeline-toolbar__right[b-zqgnnz9qhi] {
    margin-left: auto;
    justify-content: flex-end;
}

.entry-list-headline__meta--compact .launches-timeline-tabs[b-zqgnnz9qhi] {
    margin-bottom: 0;
}

.launches-timeline-tab:disabled[b-zqgnnz9qhi] {
    opacity: 0.58;
    cursor: wait;
}

.entry-timeline-tabs[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 18%, var(--line));
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-soft) 68%, var(--panel));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.entry-timeline-tab[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.95rem;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--muted);
    font-weight: 700;
}

.entry-timeline-tab--active[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--panel-strong) 78%, white 8%);
    color: var(--text-strong);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}

.entry-list-search[b-zqgnnz9qhi] {
    flex: 0 1 25rem;
    min-width: min(18rem, 100%);
    max-width: 25rem;
    position: relative;
}

.entry-list-search__loading[b-zqgnnz9qhi] {
    position: absolute;
    top: 50%;
    right: 0.9rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 1rem;
    padding: 0.2rem 0.45rem;
    color: var(--muted);
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    transition: opacity 0.16s ease;
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    border: 1px solid var(--line);
    border-radius: 999px;
    pointer-events: none;
    z-index: 1;
}

.entry-list-search__loading--hidden[b-zqgnnz9qhi] {
    visibility: hidden;
    opacity: 0;
}

.entry-list-search__loading .loading-block__spinner[b-zqgnnz9qhi] {
    width: 0.9rem;
    height: 0.9rem;
    border-width: 2px;
}

.entry-filter-actions[b-zqgnnz9qhi] {
    display: inline-flex;
    gap: 0.55rem;
    justify-items: end;
    align-items: center;
}

.entry-list-summary[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.42rem;
    min-height: 2.6rem;
    padding: 0.5rem 0.82rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 30%, var(--line));
    border-radius: 15px;
    background: color-mix(in srgb, var(--panel-soft) 70%, var(--panel));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    white-space: nowrap;
}

.entry-list-headline__meta--compact .entry-range-summary[b-zqgnnz9qhi],
.entry-list-headline__meta--compact .entry-list-summary[b-zqgnnz9qhi] {
    min-height: 2.2rem;
    padding: 0.36rem 0.68rem;
    border-radius: 12px;
}

.entry-list-headline__meta--compact .entry-list-summary strong[b-zqgnnz9qhi] {
    font-size: 0.95rem;
}

.entry-list-headline__meta--compact .entry-list-summary span[b-zqgnnz9qhi],
.entry-list-headline__meta--compact .entry-range-summary span[b-zqgnnz9qhi] {
    font-size: 0.78rem;
}

.entry-list-headline__meta--compact .entry-range-summary strong[b-zqgnnz9qhi] {
    font-size: 0.9rem;
}

.entry-list-headline__meta--compact .action-icon-button[b-zqgnnz9qhi] {
    min-height: 2.2rem;
    padding: 0.34rem 0.7rem;
    border-radius: 12px;
    font-size: 0.8rem;
}

.entry-list-summary strong[b-zqgnnz9qhi] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.entry-list-summary span[b-zqgnnz9qhi] {
    font-size: 0.92rem;
    color: var(--muted);
}

.entry-range-summary[b-zqgnnz9qhi] {
    min-height: 2.6rem;
    padding: 0.5rem 0.82rem;
    border-radius: 15px;
    border: 1px dashed color-mix(in srgb, var(--line-strong) 28%, var(--line));
    background: color-mix(in srgb, var(--panel-soft) 55%, transparent);
}

.entry-filter-button[b-zqgnnz9qhi] {
    min-height: 2.6rem;
    min-width: 2.6rem;
    padding-inline: 0.8rem;
    border-radius: 14px;
}

.entry-filter-button span[b-zqgnnz9qhi] {
    display: none;
}

.entry-filter-button--active[b-zqgnnz9qhi] {
    border: 1px solid color-mix(in srgb, var(--warning) 38%, var(--line));
    background: color-mix(in srgb, var(--warning) 20%, transparent);
    color: color-mix(in srgb, var(--warning) 86%, var(--text-strong));
}

.entry-filter-button--active .app-icon[b-zqgnnz9qhi] {
    color: color-mix(in srgb, var(--warning) 86%, var(--text-strong));
}

.entry-import-draft-card[b-zqgnnz9qhi] {
    display: grid;
    gap: 1rem;
}

.entry-import-draft-card__header[b-zqgnnz9qhi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .entry-mobile-hero[b-zqgnnz9qhi] {
        display: grid;
        gap: 0.62rem;
        padding: 0.72rem 0.82rem 0.34rem;
        border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--panel) 96%, transparent);
        margin-left: 0;
        margin-right: 0;
    }

    .entry-mobile-hero__copy[b-zqgnnz9qhi] {
        display: grid;
        gap: 0.28rem;
    }

    .entry-mobile-hero__copy h1[b-zqgnnz9qhi] {
        margin: 0;
        font-size: clamp(1.6rem, 6.8vw, 1.95rem);
        line-height: 1.05;
        letter-spacing: -0.04em;
        color: var(--text-strong);
    }

    .entry-mobile-hero__copy p[b-zqgnnz9qhi] {
        margin: 0;
        color: var(--muted);
        line-height: 1.32;
        font-size: 0.86rem;
        max-width: 28ch;
    }

    .entry-mobile-hero__month[b-zqgnnz9qhi] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.3rem;
        padding: 0.18rem;
        border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
        border-radius: 12px;
        background: color-mix(in srgb, var(--panel-soft) 86%, var(--panel));
    }

    .entry-mobile-hero__month-button[b-zqgnnz9qhi] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.2rem;
        height: 2.2rem;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: var(--muted);
    }

    .entry-mobile-hero__month-current[b-zqgnnz9qhi] {
        display: grid;
        justify-items: center;
        gap: 0.05rem;
        text-align: center;
        min-width: 0;
    }

    .entry-mobile-hero__month-current span[b-zqgnnz9qhi] {
        font-size: 0.62rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--muted);
    }

    .entry-mobile-hero__month-current strong[b-zqgnnz9qhi] {
        font-size: 0.95rem;
        line-height: 1.1;
        color: var(--text-strong);
    }

    .listview-header[b-zqgnnz9qhi] {
        gap: 1rem;
        padding: 1.1rem 1rem 0.95rem;
        border: 1px solid color-mix(in srgb, var(--line-strong) 34%, var(--line));
        border-radius: 0 0 28px 28px;
        background:
            radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 16%, transparent), transparent 46%),
            linear-gradient(155deg, color-mix(in srgb, var(--surface-soft) 92%, white), color-mix(in srgb, var(--panel) 82%, var(--surface-soft)));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.28),
            0 18px 42px rgba(15, 23, 42, 0.08);
    }

    .listview-header__copy[b-zqgnnz9qhi] {
        gap: 0.5rem;
    }

    .listview-header__title-group h1[b-zqgnnz9qhi] {
        font-size: clamp(2rem, 8vw, 2.5rem);
    }

    .listview-header__copy p[b-zqgnnz9qhi] {
        max-width: 22ch;
        font-size: 0.98rem;
        line-height: 1.45;
    }

    .entry-import-workspace-list[b-zqgnnz9qhi] {
        grid-template-columns: 1fr;
    }

    .entry-import-results[b-zqgnnz9qhi],
    .entry-list-headline__meta[b-zqgnnz9qhi],
    .entry-import-draft-card__header[b-zqgnnz9qhi] {
        flex-direction: column;
    }

    .entry-list-headline[b-zqgnnz9qhi] {
        display: grid;
        gap: 0.5rem;
        min-width: 100%;
    }

    .entry-timeline-toolbar[b-zqgnnz9qhi],
    .entry-list-search[b-zqgnnz9qhi] {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .entry-timeline-toolbar[b-zqgnnz9qhi] {
        width: 100%;
        align-items: stretch;
        gap: 0.35rem;
        flex-direction: column;
    }

    .entry-timeline-toolbar__left[b-zqgnnz9qhi],
    .entry-timeline-toolbar__right[b-zqgnnz9qhi] {
        width: 100%;
    }

    .entry-timeline-toolbar__right[b-zqgnnz9qhi] {
        margin-left: 0;
        justify-content: flex-end;
    }

    .entry-list-headline__meta[b-zqgnnz9qhi] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.42rem;
        align-items: stretch;
    }

    .entry-list-headline__meta > *[b-zqgnnz9qhi] {
        width: 100%;
        margin: 0 !important;
        min-height: 0;
    }

    .entry-timeline-tabs[b-zqgnnz9qhi] {
        width: 100%;
        justify-content: space-between;
        padding: 0.2rem;
        border-radius: 16px;
    }

    .entry-timeline-tab[b-zqgnnz9qhi] {
        min-height: 2rem;
        padding: 0.4rem 0.78rem;
        font-size: 0.86rem;
        border-radius: 12px;
    }

    .entry-list-headline__meta > .listview-toolbar__primary[b-zqgnnz9qhi],
    .entry-list-headline__meta > .entry-import-trigger[b-zqgnnz9qhi],
    .entry-list-headline__meta > .list-summary[b-zqgnnz9qhi] {
        width: 100%;
    }

    .listview-panel[b-zqgnnz9qhi] {
        border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--panel) 96%, transparent);
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
        overflow: visible;
        margin-left: 0;
        margin-right: 0;
    }

    .listview-panel__header[b-zqgnnz9qhi] {
        padding: 0.72rem 0.82rem 0.42rem;
    }

    .listview-panel__content[b-zqgnnz9qhi] {
        padding: 0.48rem 0.82rem 0.88rem;
    }

    .entry-list-search .listview-search[b-zqgnnz9qhi] {
        min-height: 2.7rem;
        padding: 0.68rem 0.82rem;
        border-radius: 12px;
    }

    .entry-list-search .listview-search__input[b-zqgnnz9qhi] {
        padding-right: 4.4rem;
    }

    .entry-filter-actions[b-zqgnnz9qhi] {
        width: 100%;
        justify-content: space-between;
    }

    .entry-filter-button[b-zqgnnz9qhi] {
        min-height: 2.45rem;
        min-width: 2.45rem;
    }

    .entry-list-summary[b-zqgnnz9qhi] {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 2.45rem;
        padding: 0.45rem 0.75rem;
        border-radius: 13px;
    }

    .entry-list-summary strong[b-zqgnnz9qhi] {
        font-size: 0.98rem;
    }

    .entry-list-summary span[b-zqgnnz9qhi] {
        font-size: 0.84rem;
    }

    .entry-floating-settle-btn[b-zqgnnz9qhi] {
        right: 0.82rem;
        bottom: 5.25rem;
        width: calc(100% - 1.64rem);
        justify-content: center;
    }

    .entry-filter-totals[b-zqgnnz9qhi],
    .entry-filter-totals--single[b-zqgnnz9qhi],
    .entry-filter-totals--header[b-zqgnnz9qhi] {
        width: 100%;
        justify-self: stretch;
    }

    .entry-filter-totals--header[b-zqgnnz9qhi] {
        display: none;
    }

    .entry-filter-totals--mobile[b-zqgnnz9qhi] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .entry-filter-totals__card[b-zqgnnz9qhi] {
        gap: 0.16rem;
        min-height: 3.6rem;
        padding: 0.6rem 0.68rem;
        border-radius: 12px;
        box-shadow: none;
    }

    .entry-filter-totals__card span[b-zqgnnz9qhi] {
        font-size: 0.62rem;
        letter-spacing: 0.05em;
    }

    .entry-filter-totals__card strong[b-zqgnnz9qhi] {
        font-size: 0.95rem;
        line-height: 1.15;
    }

    .entry-mobile-list[b-zqgnnz9qhi] {
        padding-bottom: 0.2rem;
    }

    .entry-mobile-card[b-zqgnnz9qhi] {
        padding: 0.78rem;
        border-radius: 12px;
        border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
        background: color-mix(in srgb, var(--panel) 96%, transparent);
        box-shadow: none;
    }

    .entry-mobile-card__meta[b-zqgnnz9qhi] {
        gap: 0.5rem;
    }

    .entry-mobile-card__meta span[b-zqgnnz9qhi] {
        line-height: 1.38;
    }

    .entry-mobile-card__footer[b-zqgnnz9qhi] {
        align-items: flex-end;
    }

    .entry-mobile-card__actions[b-zqgnnz9qhi] {
        margin-top: 0.85rem;
    }
}

@media (max-width: 900px) {
    .entry-mobile-hero[b-zqgnnz9qhi],
    .listview-panel[b-zqgnnz9qhi] {
        width: 100vw !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }

    .entry-mobile-hero[b-zqgnnz9qhi] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
    }

    .listview-panel[b-zqgnnz9qhi] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 980px) {
    .launches-timeline[b-zqgnnz9qhi] {
        display: none;
    }

    .entry-mobile-list[b-zqgnnz9qhi] {
        display: grid;
        gap: 0.75rem;
    }
}

@media (max-width: 480px) {
    .listview-header[b-zqgnnz9qhi] {
        border-radius: 0 0 24px 24px;
        padding: 1rem 1rem 0.9rem;
    }

    .entry-competency-nav--mobile .entry-competency-nav__button span[b-zqgnnz9qhi] {
        display: none;
    }

    .entry-competency-nav--mobile .entry-competency-nav__button[b-zqgnnz9qhi] {
        min-width: 2.5rem;
        padding-inline: 0.55rem;
    }

    .entry-mobile-overview[b-zqgnnz9qhi] {
        gap: 0.75rem;
    }

    .entry-mobile-overview__competency[b-zqgnnz9qhi] {
        padding: 0.9rem;
    }

    .entry-filter-totals--mobile[b-zqgnnz9qhi] {
        grid-template-columns: 1fr;
    }

    .entry-mobile-hero__copy p[b-zqgnnz9qhi] {
        display: none;
    }
}

@media (max-width: 640px) {
    .listview-header[b-zqgnnz9qhi] {
    }

    .listview-panel[b-zqgnnz9qhi] {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: 12px !important;
    }

    .entry-mobile-hero[b-zqgnnz9qhi] {
        margin-left: 0;
        margin-right: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .listview-panel__header[b-zqgnnz9qhi],
    .listview-panel__content[b-zqgnnz9qhi] {
        background: transparent;
    }

    .entry-filter-totals--mobile[b-zqgnnz9qhi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .entry-filter-totals__card[b-zqgnnz9qhi] {
        min-height: 3.4rem;
        padding: 0.56rem 0.62rem;
        border-radius: 10px;
    }

    .entry-filter-totals__card span[b-zqgnnz9qhi] {
        font-size: 0.6rem;
        letter-spacing: 0.08em;
    }

    .entry-filter-totals__card strong[b-zqgnnz9qhi] {
        font-size: 0.9rem;
    }

    .entry-timeline-tabs[b-zqgnnz9qhi] {
        padding: 0.2rem;
        border-radius: 15px;
    }

    .entry-timeline-tab[b-zqgnnz9qhi] {
        min-height: 2.1rem;
        font-size: 0.84rem;
    }

    .entry-list-search .listview-search[b-zqgnnz9qhi] {
        min-height: 2.75rem;
        border-radius: 12px;
    }

    .entry-list-search .listview-search__input[b-zqgnnz9qhi] {
        padding-right: 4.4rem;
    }

    .entry-mobile-card[b-zqgnnz9qhi] {
        padding: 0.72rem;
        border-radius: 10px;
    }

    .entry-mobile-card__title-block strong[b-zqgnnz9qhi] {
        font-size: 0.98rem;
        line-height: 1.22;
    }
}

@media (max-width: 420px) {
    .entry-mobile-hero[b-zqgnnz9qhi] {
        padding: 0.85rem 0.9rem 0.72rem;
    }

    .entry-mobile-hero__copy h1[b-zqgnnz9qhi] {
        font-size: 1.72rem;
    }

    .listview-panel__header[b-zqgnnz9qhi],
    .listview-panel__content[b-zqgnnz9qhi] {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }
}

.launches-timeline-tabs[b-zqgnnz9qhi] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.launches-timeline-tabs--header[b-zqgnnz9qhi] {
    margin-bottom: 0;
    overflow: visible;
    flex-shrink: 0;
}

.launches-timeline-tab[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--panel);
    color: var(--muted-strong);
    padding: 0.45rem 0.85rem;
    font-size: 0.82rem;
}

.launches-timeline-tab-active[b-zqgnnz9qhi] {
    border-color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    color: var(--brand-2);
}

.launches-timeline-tab__badge[b-zqgnnz9qhi] {
    background: var(--panel-soft);
    color: var(--text-strong);
    border-radius: 999px;
    padding: 0.1rem 0.45rem;
    font-weight: 700;
}

.launches-timeline[b-zqgnnz9qhi] {
    position: relative;
    padding-left: 1.35rem;
}

.launches-timeline-axis[b-zqgnnz9qhi] {
    position: absolute;
    left: 0.22rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--line);
}

.launches-timeline-group[b-zqgnnz9qhi] {
    margin-bottom: 0.55rem;
}

.launches-timeline-group-header[b-zqgnnz9qhi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 0.42rem;
    align-items: center;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 11px;
    padding: 0.45rem 0.7rem;
    position: relative;
}

.launches-timeline-node[b-zqgnnz9qhi] {
    width: 1.44rem;
    height: 1.44rem;
    border-radius: 999px;
    background: var(--panel);
    color: var(--brand-2);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -1.86rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.launches-timeline-group-header > div strong[b-zqgnnz9qhi] {
    font-size: 1.01rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.launches-timeline-node--today[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--brand-2) 16%, var(--panel));
    border-color: color-mix(in srgb, var(--brand-2) 42%, var(--line));
    color: var(--brand-2);
}

.launches-timeline-node--overdue[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--negative) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--negative) 38%, var(--line));
    color: var(--negative);
}

.launches-timeline-node--upcoming[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--brand) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
    color: var(--brand-2);
}

.launches-timeline-node--future[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    border-color: color-mix(in srgb, var(--brand-2) 30%, var(--line));
    color: var(--brand-2);
}

.launches-timeline-group-header__total[b-zqgnnz9qhi] {
    text-align: right;
    white-space: nowrap;
    font-size: 0.82rem;
    line-height: 1.1;
    color: var(--muted);
}

.launches-timeline-group-header__total strong[b-zqgnnz9qhi] {
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.launches-timeline-group-toggle[b-zqgnnz9qhi] {
    border: 0;
    background: transparent;
    color: var(--muted);
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    flex-shrink: 0;
}

.launches-timeline-group-toggle:hover[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--brand) 14%, var(--panel));
    color: var(--brand-2);
}

.launches-timeline-group-body[b-zqgnnz9qhi] {
    margin-top: 0.28rem;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.launches-entry-row[b-zqgnnz9qhi] {
    display: grid;
    grid-template-columns: minmax(280px, 1.8fr) minmax(170px, 1fr) minmax(170px, 1fr) 120px 130px auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.52rem 0.78rem;
    border-bottom: 1px solid var(--line-soft);
}

.launches-entry-row--bulk-settle[b-zqgnnz9qhi] {
    grid-template-columns: minmax(280px, 1.8fr) minmax(170px, 1fr) minmax(170px, 1fr) 120px 130px 72px auto;
}

.launches-entry-select[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.launches-entry-select--disabled[b-zqgnnz9qhi] {
    color: var(--muted-soft);
    font-size: 0.82rem;
}

.launches-entry-row:last-child[b-zqgnnz9qhi] {
    border-bottom: 0;
}

.launches-entry-main strong[b-zqgnnz9qhi] {
    font-size: 0.9rem;
    line-height: 1.22;
    font-weight: 700;
    color: var(--text-strong);
}

.launches-entry-main .table-meta[b-zqgnnz9qhi] {
    margin-top: 0.15rem;
    font-size: 0.73rem;
    line-height: 1.2;
    color: var(--muted);
}

.launches-entry-category[b-zqgnnz9qhi],
.launches-entry-account[b-zqgnnz9qhi] {
    font-size: 0.9rem;
    line-height: 1.2;
    color: var(--muted-strong);
}

.launches-entry-category[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.launches-entry-category__icon[b-zqgnnz9qhi] {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.launches-entry-category__icon .app-icon[b-zqgnnz9qhi] {
    width: 0.68rem;
    height: 0.68rem;
}

.launches-entry-status[b-zqgnnz9qhi] {
    display: flex;
    justify-content: flex-start;
}

.launches-entry-amount[b-zqgnnz9qhi] {
    font-size: 0.98rem;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.status-pill[b-zqgnnz9qhi] {
    border-radius: 999px;
    font-size: 0.7rem;
    line-height: 1;
    padding: 0.2rem 0.5rem;
    border: 1px solid transparent;
}

.status-pending[b-zqgnnz9qhi] { background: color-mix(in srgb, var(--warning) 14%, var(--panel)); color: var(--warning); border-color: color-mix(in srgb, var(--warning) 40%, var(--line)); }
.status-scheduled[b-zqgnnz9qhi] { background: color-mix(in srgb, var(--brand-2) 10%, var(--panel)); color: var(--brand-2); border-color: color-mix(in srgb, var(--brand-2) 30%, var(--line)); }
.status-paid[b-zqgnnz9qhi] { background: color-mix(in srgb, var(--positive) 14%, var(--panel)); color: var(--positive); border-color: color-mix(in srgb, var(--positive) 40%, var(--line)); }
.status-overdue[b-zqgnnz9qhi] { background: color-mix(in srgb, var(--negative) 14%, var(--panel)); color: var(--negative); border-color: color-mix(in srgb, var(--negative) 38%, var(--line)); }
.amount-positive[b-zqgnnz9qhi] { color: var(--positive); font-weight: 700; }
.amount-negative[b-zqgnnz9qhi] { color: var(--negative); font-weight: 700; }
.amount-neutral[b-zqgnnz9qhi] { color: var(--muted); font-weight: 700; }

.launches-timeline-loading[b-zqgnnz9qhi] {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 0.8rem;
    margin-top: 0.6rem;
}

.launches-timeline-loading__row[b-zqgnnz9qhi] {
    height: 0.95rem;
    border-radius: 999px;
    margin-bottom: 0.55rem;
    background: linear-gradient(90deg, var(--line) 15%, var(--panel-soft) 50%, var(--line) 85%);
    background-size: 220% 100%;
    animation: launches-timeline-shimmer-b-zqgnnz9qhi 1.4s ease-in-out infinite;
}

.launches-timeline-loading__row:last-child[b-zqgnnz9qhi] {
    margin-bottom: 0;
    width: 70%;
}

.launches-timeline-sentinel[b-zqgnnz9qhi] {
    width: 100%;
    height: 2px;
}

.launches-timeline[b-zqgnnz9qhi] {
    transition: opacity .26s ease, filter .26s ease;
}

.listview-panel__content--temporal-loading[b-zqgnnz9qhi] {
    position: relative;
}

.listview-panel__content--temporal-loading .launches-timeline[b-zqgnnz9qhi] {
    opacity: 0.52;
    filter: saturate(0.88);
    pointer-events: none;
    animation: launches-timeline-fade-pulse-b-zqgnnz9qhi 1.05s ease-in-out infinite;
}

@keyframes launches-timeline-fade-pulse-b-zqgnnz9qhi {
    0%, 100% { opacity: 0.52; }
    50% { opacity: 0.36; }
}

.launches-header[b-zqgnnz9qhi] {
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    gap: 0.8rem;
    align-items: center;
    padding: 0.85rem 1rem;
    background: var(--panel-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
}

.launches-title-block h1[b-zqgnnz9qhi] {
    margin: 0;
    font-size: 1.8rem;
    color: var(--text-strong);
}

.launches-title-block p[b-zqgnnz9qhi] {
    margin: 0.2rem 0 0;
    color: var(--muted);
}

.launches-kpi-grid[b-zqgnnz9qhi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.launches-kpi-card[b-zqgnnz9qhi] {
    display: flex;
    align-items: center;
    gap: 0.52rem;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0.56rem 0.72rem;
}

.launches-kpi-card__icon[b-zqgnnz9qhi] {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    box-shadow: var(--shadow-soft);
    flex-shrink: 0;
}

.launches-kpi-card__icon .app-icon[b-zqgnnz9qhi] {
    width: 0.9rem;
    height: 0.9rem;
}

.launches-kpi-card__content[b-zqgnnz9qhi] {
    min-width: 0;
}

.launches-kpi-card__content span[b-zqgnnz9qhi] {
    display: block;
    font-size: 0.72rem;
    color: var(--muted);
}

.launches-kpi-card__content strong[b-zqgnnz9qhi] {
    font-size: 1.12rem;
    line-height: 1.1;
}

.launches-kpi-card--income .launches-kpi-card__icon[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--positive) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--positive) 40%, var(--line));
    color: var(--positive);
}

.launches-kpi-card--expense .launches-kpi-card__icon[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--negative) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--negative) 38%, var(--line));
    color: var(--negative);
}

.launches-kpi-card--balance .launches-kpi-card__icon[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    border-color: color-mix(in srgb, var(--brand-2) 30%, var(--line));
    color: var(--brand-2);
}

.launches-kpi-card--future .launches-kpi-card__icon[b-zqgnnz9qhi] {
    background: color-mix(in srgb, var(--warning) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--warning) 40%, var(--line));
    color: var(--warning);
}

.launches-kpi-card--income strong[b-zqgnnz9qhi] { color: var(--positive); }
.launches-kpi-card--expense strong[b-zqgnnz9qhi] { color: var(--negative); }
.launches-kpi-card--balance strong[b-zqgnnz9qhi] { color: var(--brand-2); }
.launches-kpi-card--future strong[b-zqgnnz9qhi] { color: var(--warning); }

.launches-toolbar-card[b-zqgnnz9qhi] {
    margin-top: 0.55rem;
    display: flex;
    gap: 0.55rem;
    align-items: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 0.62rem;
}

.launches-toolbar-card .entry-list-search[b-zqgnnz9qhi] {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    max-width: none;
}

.launches-toolbar-card .entry-list-search .listview-search[b-zqgnnz9qhi] {
    width: 100%;
}

.launches-toolbar-card .entry-list-search .listview-search__input[b-zqgnnz9qhi] {
    padding-right: 4.75rem;
}

.launches-toolbar-card .entry-list-summary[b-zqgnnz9qhi],
.launches-toolbar-card .listview-toolbar__filter[b-zqgnnz9qhi],
.launches-toolbar-card .listview-toolbar__primary[b-zqgnnz9qhi],
.launches-toolbar-card .entry-filter-button[b-zqgnnz9qhi] {
    flex: 0 0 auto;
}

.launches-toolbar-card .listview-toolbar__primary[b-zqgnnz9qhi] {
    margin-left: auto;
}

/*
 * Mobile overrides for the launches-* header/toolbar rules above.
 * Must stay AFTER the base rules in source order: media queries placed
 * earlier in the file get shadowed by later unconditional rules of equal
 * specificity, which is what silently broke this section before.
 */
@media (max-width: 768px) {
    .launches-header[b-zqgnnz9qhi] {
        grid-template-columns: 1fr;
    }

    .launches-title-block h1[b-zqgnnz9qhi] {
        font-size: 1.5rem;
    }

    .launches-kpi-grid[b-zqgnnz9qhi] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .launches-kpi-card[b-zqgnnz9qhi] {
        gap: 0.4rem;
        padding: 0.5rem 0.55rem;
    }

    .launches-kpi-card__icon[b-zqgnnz9qhi] {
        width: 1.5rem;
        height: 1.5rem;
    }

    .launches-kpi-card__content strong[b-zqgnnz9qhi] {
        font-size: 0.88rem;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .launches-kpi-card__content span[b-zqgnnz9qhi] {
        font-size: 0.64rem;
    }

    /*
     * The Atrasados/Hoje/Próximos 7 dias/Futuros filter pills use
     * overflow: visible on desktop (.launches-timeline-tabs--header, line
     * ~1086) so they never wrap. On narrow screens that just lets the last
     * pill get clipped by the panel's rounded-corner overflow with no way
     * to reach it. Make the strip scroll horizontally instead, and give
     * scroll containers an automatic min-width of 0 so they can't blow out
     * the single-column .entry-list-headline__meta grid they sit in.
     */
    .launches-timeline-tabs--header[b-zqgnnz9qhi] {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        mask-image: linear-gradient(to right, black calc(100% - 1.5rem), transparent);
    }

    .launches-timeline-tabs--header[b-zqgnnz9qhi]::-webkit-scrollbar {
        display: none;
    }

    .launches-timeline-tab[b-zqgnnz9qhi] {
        flex-shrink: 0;
        scroll-snap-align: start;
        padding: 0.4rem 0.7rem;
        font-size: 0.78rem;
    }
}

@media (max-width: 640px) {
    .launches-kpi-card[b-zqgnnz9qhi] {
        padding: 0.45rem 0.45rem;
    }

    .launches-kpi-card__icon[b-zqgnnz9qhi] {
        width: 1.4rem;
        height: 1.4rem;
    }

    .launches-kpi-card__content strong[b-zqgnnz9qhi] {
        font-size: 0.78rem;
    }

    .launches-toolbar-card[b-zqgnnz9qhi] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .launches-toolbar-card .listview-toolbar__primary[b-zqgnnz9qhi] {
        margin-left: 0;
        justify-self: end;
    }
}

.entry-mobile-card__category[b-zqgnnz9qhi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.entry-mobile-card__category-icon[b-zqgnnz9qhi] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.entry-mobile-card__category-icon .app-icon[b-zqgnnz9qhi] {
    width: 0.64rem;
    height: 0.64rem;
}

.entry-floating-settle-btn[b-zqgnnz9qhi] {
    position: fixed;
    right: 1.1rem;
    bottom: 1.15rem;
    z-index: 65;
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    border: none;
    border-radius: 999px;
    padding: 0.64rem 0.98rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--brand-ink);
    background: linear-gradient(135deg, var(--brand-2) 0%, var(--brand) 58%, var(--brand-3) 100%);
    box-shadow: var(--shadow);
}

.entry-floating-settle-btn:hover[b-zqgnnz9qhi],
.entry-floating-settle-btn:focus-visible[b-zqgnnz9qhi] {
    transform: translateY(-1px);
    box-shadow: var(--shadow);
    outline: none;
}

.entry-floating-settle-btn:disabled[b-zqgnnz9qhi] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

@keyframes launches-timeline-shimmer-b-zqgnnz9qhi {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Unified list workspace: header, indicators, filters and results share one card. */
.entries-manage-panel[b-zqgnnz9qhi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.entries-manage-panel__header[b-zqgnnz9qhi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.entries-manage-panel__toolbar[b-zqgnnz9qhi] {
    flex: 1 1 40rem;
    justify-content: flex-end;
    width: min(100%, 42rem);
    max-width: 42rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.entries-manage-panel__kpis[b-zqgnnz9qhi] {
    margin: 0;
}

.entries-manage-panel__list[b-zqgnnz9qhi] {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.entries-manage-panel__controls[b-zqgnnz9qhi] {
    padding: 0.9rem 1rem;
    border-radius: 12px 12px 0 0;
    background: var(--surface-raised);
}

.entries-manage-panel__content[b-zqgnnz9qhi] {
    padding: 1rem;
    border-radius: 0 0 12px 12px;
    background: var(--surface-raised);
}

.entries-manage-panel .launches-timeline-tabs[b-zqgnnz9qhi] {
    margin: 0;
}

.entries-manage-panel .launches-timeline-tab[b-zqgnnz9qhi] {
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    padding: 0.4rem 0.7rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.entries-manage-panel .launches-timeline-tab:hover[b-zqgnnz9qhi] {
    color: var(--text-strong);
}

.entries-manage-panel .launches-timeline-tab-active[b-zqgnnz9qhi] {
    border-color: transparent;
    background: color-mix(in srgb, var(--brand-2, #3b6ef5) 14%, var(--surface-raised));
    color: var(--brand-2, #3b6ef5);
}

@media (max-width: 900px) {
    .entries-manage-panel[b-zqgnnz9qhi] {
        width: 100%;
        margin: 0;
    }

    .entries-manage-panel__header[b-zqgnnz9qhi] {
        align-items: stretch;
        flex-direction: column;
    }

    .entries-manage-panel__toolbar[b-zqgnnz9qhi] {
        flex-basis: auto;
        width: 100%;
        max-width: none;
    }

    .entries-manage-panel__list[b-zqgnnz9qhi] {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 640px) {
    .entries-manage-panel[b-zqgnnz9qhi] {
        padding: 1rem;
        border-radius: 16px;
    }

    .entries-manage-panel__toolbar[b-zqgnnz9qhi],
    .entries-manage-panel__toolbar .entry-list-search[b-zqgnnz9qhi],
    .entries-manage-panel__toolbar .btn[b-zqgnnz9qhi] {
        width: 100%;
    }

    .entries-manage-panel__toolbar .listview-toolbar__primary[b-zqgnnz9qhi] {
        justify-self: stretch;
        justify-content: center;
    }

    .entries-manage-panel__controls[b-zqgnnz9qhi],
    .entries-manage-panel__content[b-zqgnnz9qhi] {
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }
}
/* /Components/Pages/FinancialOverview.razor.rz.scp.css */
.financial-overview-page[b-zd5awuqtb6] {
    position: relative;
    display: grid;
    gap: 1.1rem;
    font-family: "Sora", "SF Pro Display", "Segoe UI", sans-serif;
}

.financial-overview-page[b-zd5awuqtb6]::before {
    content: none;
}

.financial-overview-header[b-zd5awuqtb6],
.kpi-grid[b-zd5awuqtb6],
.financial-overview-cards[b-zd5awuqtb6] {
    position: relative;
    z-index: 1;
}

.financial-overview-header[b-zd5awuqtb6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    z-index: 100;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.financial-overview-header__title[b-zd5awuqtb6] {
    display: grid;
    gap: .4rem;
}

.financial-overview-header__actions[b-zd5awuqtb6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.financial-overview-header__aside[b-zd5awuqtb6] {
    display: grid;
    justify-items: end;
    gap: .7rem;
    min-width: 16rem;
}

.financial-overview-header h1[b-zd5awuqtb6] {
    margin: 0;
    font-size: clamp(1.7rem, 2.5vw, 2.25rem);
    letter-spacing: -0.05em;
    line-height: .95;
    color: var(--text-strong);
}

.financial-overview-header p[b-zd5awuqtb6] {
    margin: 0;
    max-width: 46ch;
    color: var(--muted-strong);
    font-size: .95rem;
}

.financial-overview-competency[b-zd5awuqtb6] {
    min-width: 16rem;
    position: relative;
    z-index: 101;
}

.financial-overview-competency[b-zd5awuqtb6]  .dashboard-competency-picker {
    justify-content: flex-end;
}

.financial-overview-competency__inputs[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
}

.financial-overview-competency :global(.form-select)[b-zd5awuqtb6] {
    border-radius: .8rem;
    min-height: 2.6rem;
    border-color: color-mix(in srgb, var(--line-strong) 45%, var(--line));
    background: color-mix(in srgb, var(--input-bg-strong) 88%, var(--panel));
    color: var(--text-strong);
    font-size: .95rem;
    font-weight: 600;
    box-shadow: none;
}

.financial-overview-competency :global(.form-select:focus)[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--brand) 58%, transparent);
    box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--brand-2) 24%, transparent);
}


.financial-overview-insights[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .95rem;
    align-items: stretch;
}

.financial-overview-budget-panel[b-zd5awuqtb6],
.financial-overview-donut-panel[b-zd5awuqtb6] {
    border: 1px solid color-mix(in srgb, var(--line-strong) 58%, var(--line));
    border-radius: 1rem;
    padding: 1.1rem;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
    display: grid;
    align-content: start;
    gap: .9rem;
}

.financial-overview-panel-header[b-zd5awuqtb6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
}

.financial-overview-panel-header h2[b-zd5awuqtb6] {
    margin: 0;
    font-size: 1.05rem;
    letter-spacing: -0.02em;
    color: var(--text-strong);
}

.financial-overview-panel-header p[b-zd5awuqtb6] {
    margin: .2rem 0 0;
    color: var(--muted-strong);
    font-size: .84rem;
}

.financial-overview-panel-link[b-zd5awuqtb6] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font: inherit;
    color: var(--brand);
    font-size: .84rem;
    font-weight: 700;
    white-space: nowrap;
}

.financial-overview-panel-link .app-icon[b-zd5awuqtb6] {
    width: .85rem;
    height: .85rem;
}

.financial-overview-panel-link:hover[b-zd5awuqtb6] {
    color: color-mix(in srgb, var(--brand) 80%, var(--text-strong));
}

.financial-overview-budget-bar__track[b-zd5awuqtb6] {
    position: relative;
    height: 14px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-soft) 88%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--line-strong) 55%, var(--line));
    overflow: hidden;
}

.financial-overview-budget-bar__fill[b-zd5awuqtb6] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-2), color-mix(in srgb, var(--brand-3) 60%, var(--brand-2)));
    transition: width 280ms ease-out;
}

.financial-overview-budget-bar__fill--exceeded[b-zd5awuqtb6] {
    background: linear-gradient(90deg, var(--negative), color-mix(in srgb, var(--negative) 70%, white));
}

.financial-overview-budget-stats[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.financial-overview-budget-stats > div[b-zd5awuqtb6] {
    display: grid;
    gap: .2rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 52%, var(--line));
    border-radius: .8rem;
    padding: .6rem .7rem;
    background: color-mix(in srgb, var(--panel-soft) 84%, var(--panel));
}

.financial-overview-budget-stats span[b-zd5awuqtb6] {
    font-size: .72rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
}

.financial-overview-budget-stats strong[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: 1.05rem;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.financial-overview-donut[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: minmax(0, 190px) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.financial-overview-donut__chart[b-zd5awuqtb6] {
    min-height: 190px;
}

.financial-overview-donut__legend[b-zd5awuqtb6] {
    display: grid;
    gap: .4rem;
    align-content: start;
}

.financial-overview-donut__legend-row[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .75rem;
    padding: .2rem 0;
}

.financial-overview-donut__legend-label[b-zd5awuqtb6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.financial-overview-donut__legend-label strong[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: .88rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.financial-overview-donut__dot[b-zd5awuqtb6] {
    flex-shrink: 0;
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
}

.financial-overview-donut__legend-value[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: .88rem;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.financial-overview-donut__legend-share[b-zd5awuqtb6] {
    color: var(--muted-strong);
    font-size: .82rem;
    text-align: right;
    min-width: 3.4rem;
    font-variant-numeric: tabular-nums;
}

.financial-overview-cards[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .95rem;
    align-items: stretch;
}

.financial-overview-category-card[b-zd5awuqtb6] {
    position: relative;
    border: 1px solid color-mix(in srgb, var(--line-strong) 58%, var(--line));
    border-radius: 1rem;
    overflow: hidden;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.financial-overview-category-card--sortable[b-zd5awuqtb6] {
    cursor: grab;
}

.financial-overview-category-card--sortable:active[b-zd5awuqtb6] {
    cursor: grabbing;
}

.financial-overview-category-card:hover[b-zd5awuqtb6] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--brand) 36%, var(--line));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 10%, transparent),
        0 16px 30px color-mix(in srgb, black 36%, transparent);
}

.financial-overview-category-card--dragging[b-zd5awuqtb6] {
    opacity: .68;
    transform: scale(.985);
}

.financial-overview-gap-card[b-zd5awuqtb6] {
    border: 1px dashed color-mix(in srgb, var(--line-strong) 66%, var(--line));
    border-radius: 1rem;
    background:
        repeating-linear-gradient(
            -45deg,
            color-mix(in srgb, var(--panel-muted) 75%, transparent) 0,
            color-mix(in srgb, var(--panel-muted) 75%, transparent) 12px,
            color-mix(in srgb, var(--panel-soft) 65%, transparent) 12px,
            color-mix(in srgb, var(--panel-soft) 65%, transparent) 24px
        ),
        color-mix(in srgb, var(--panel) 86%, transparent);
    min-height: 16.5rem;
    padding: .95rem;
    display: grid;
    align-content: start;
    gap: .5rem;
    cursor: grab;
}

.financial-overview-gap-card:active[b-zd5awuqtb6] {
    cursor: grabbing;
}

.financial-overview-gap-card__head[b-zd5awuqtb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

.financial-overview-gap-card__head span[b-zd5awuqtb6] {
    font-size: .82rem;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--muted-strong);
    font-weight: 700;
}

.financial-overview-gap-card small[b-zd5awuqtb6] {
    color: var(--muted);
    font-size: .88rem;
}

.financial-overview-gap-card__remove[b-zd5awuqtb6] {
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 45%, var(--line));
    border-radius: .6rem;
    background: color-mix(in srgb, var(--panel) 90%, transparent);
    color: var(--muted-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.financial-overview-category-card__trigger[b-zd5awuqtb6] {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: .95rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.financial-overview-category-card__trigger[b-zd5awuqtb6]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .25rem;
}

.financial-overview-category-card--default .financial-overview-category-card__trigger[b-zd5awuqtb6]::before {
    background: linear-gradient(180deg, var(--brand-2), color-mix(in srgb, var(--brand-3) 56%, var(--brand-2)));
}

.financial-overview-category-card--negative[b-zd5awuqtb6] {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 68%, transparent), transparent 58%),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
}

.financial-overview-category-card--negative .financial-overview-category-card__trigger[b-zd5awuqtb6]::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--negative) 84%, transparent), color-mix(in srgb, var(--warning) 55%, transparent));
}

.financial-overview-category-card__head[b-zd5awuqtb6] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    align-items: flex-start;
}

.financial-overview-category-card__avatar[b-zd5awuqtb6] {
    flex-shrink: 0;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--category-avatar-color, var(--brand)) 16%, transparent);
    color: var(--category-avatar-color, var(--brand));
}

.financial-overview-category-card__avatar .app-icon[b-zd5awuqtb6] {
    width: 1.2rem;
    height: 1.2rem;
}

.financial-overview-category-card__head-info[b-zd5awuqtb6] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.financial-overview-category-card__head strong[b-zd5awuqtb6] {
    display: block;
    margin: 0;
    color: var(--text-strong);
    font-size: 1.05rem;
    letter-spacing: -0.03em;
}

.financial-overview-category-card__head p[b-zd5awuqtb6] {
    margin: .28rem 0 0;
    color: var(--muted-strong);
    font-size: .88rem;
}

.financial-overview-category-card__subtitle[b-zd5awuqtb6] {
    color: var(--muted-strong);
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.financial-overview-budget-override-indicator[b-zd5awuqtb6] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-top: .1rem;
    color: color-mix(in srgb, var(--brand) 78%, var(--muted-strong));
}

.financial-overview-budget-override-indicator .app-icon[b-zd5awuqtb6] {
    width: .8rem;
    height: .8rem;
}

.financial-overview-budget-override-indicator small[b-zd5awuqtb6] {
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 700;
}

.financial-overview-budget-override-indicator--hidden[b-zd5awuqtb6] {
    visibility: hidden;
}

.financial-overview-category-card__menu[b-zd5awuqtb6] {
    flex-shrink: 0;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .75rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 42%, var(--line));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted-strong);
    background: color-mix(in srgb, white 96%, var(--panel));
}

.financial-overview-category-card__menu:hover[b-zd5awuqtb6] {
    color: var(--text-strong);
    border-color: color-mix(in srgb, var(--brand) 36%, var(--line));
}

.financial-overview-category-card__progress-row[b-zd5awuqtb6] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.financial-overview-category-card__progress-row .financial-overview-category-progress[b-zd5awuqtb6] {
    flex: 1;
    margin-top: 0;
}

.financial-overview-category-card__progress-value[b-zd5awuqtb6] {
    flex-shrink: 0;
    color: var(--brand);
    font-size: .92rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.financial-overview-category-card__details[b-zd5awuqtb6] {
    padding: .1rem 0;
    background: transparent;
    display: grid;
    align-content: start;
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
}

.financial-overview-view-more[b-zd5awuqtb6] {
    flex-shrink: 0;
    white-space: nowrap;
    border: 0;
    background: transparent;
    color: var(--brand);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-decoration: underline;
    text-underline-offset: .15rem;
    padding: .1rem .2rem;
}

.financial-overview-details-modal[b-zd5awuqtb6] {
    display: grid;
    gap: .9rem;
}

.financial-overview-details-modal__summary[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.financial-overview-details-modal__summary > div[b-zd5awuqtb6] {
    border: 1px solid color-mix(in srgb, var(--line-strong) 52%, var(--line));
    border-radius: .8rem;
    padding: .75rem .85rem;
    background: color-mix(in srgb, var(--panel) 86%, transparent);
    display: grid;
    gap: .15rem;
}

.financial-overview-details-modal__summary span[b-zd5awuqtb6] {
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
}

.financial-overview-details-modal__summary strong[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: 1.2rem;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
}

.financial-overview-details-modal__list[b-zd5awuqtb6] {
    max-height: min(60vh, 32rem);
    overflow: auto;
    display: grid;
    gap: .45rem;
    padding-right: .2rem;
}

.financial-overview-report-summary[b-zd5awuqtb6] {
    display: grid;
    gap: .65rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 42%, var(--line));
}

.financial-overview-report-stat[b-zd5awuqtb6] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.financial-overview-report-stat__icon[b-zd5awuqtb6] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: .7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand-2) 16%, transparent);
    color: var(--brand-2);
}

.financial-overview-report-stat__icon--brand[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--brand-2) 16%, transparent);
    color: var(--brand-2);
}

.financial-overview-report-stat__icon--purple[b-zd5awuqtb6] {
    background: color-mix(in srgb, #6d28d9 18%, transparent);
    color: #6d28d9;
}

.financial-overview-report-stat__icon--positive[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--positive) 18%, transparent);
    color: var(--positive);
}

.financial-overview-report-stat__icon--negative[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--negative) 18%, transparent);
    color: var(--negative);
}

.financial-overview-report-table[b-zd5awuqtb6] {
    display: grid;
    max-height: min(52vh, 28rem);
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--line-strong) 46%, var(--line));
    border-radius: .85rem;
    background: color-mix(in srgb, var(--panel) 80%, transparent);
}

.financial-overview-report-table .financial-overview-report-row--header[b-zd5awuqtb6] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--panel-strong) 96%, var(--panel));
    padding: .65rem .85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 60%, var(--line));
}

.financial-overview-report-table__body[b-zd5awuqtb6] {
    display: grid;
}

.financial-overview-report-table__body .financial-overview-report-row[b-zd5awuqtb6] {
    padding: .6rem .85rem;
    transition: background-color .12s ease;
}

.financial-overview-report-table__body .financial-overview-report-row:nth-child(even)[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-soft) 55%, transparent);
}

.financial-overview-report-table__body .financial-overview-report-row:hover[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--brand-2) 8%, transparent);
}

.financial-overview-report-row--negative[b-zd5awuqtb6] {
    box-shadow: inset .18rem 0 0 color-mix(in srgb, var(--negative) 70%, transparent);
}

.financial-overview-report-row--negative:hover[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--negative) 10%, transparent) !important;
}

.financial-overview-report-row__dot[b-zd5awuqtb6] {
    display: inline-block;
    flex-shrink: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    margin-right: .45rem;
}

.financial-overview-override-modal[b-zd5awuqtb6] {
    display: grid;
    gap: .8rem;
}

.financial-overview-override-modal__meta[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.financial-overview-override-modal__meta > div[b-zd5awuqtb6] {
    border: 1px solid color-mix(in srgb, var(--line-strong) 52%, var(--line));
    border-radius: .8rem;
    padding: .7rem .8rem;
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    display: grid;
    gap: .2rem;
}

.financial-overview-override-modal__meta span[b-zd5awuqtb6] {
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
}

.financial-overview-override-modal__meta strong[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: 1.1rem;
    letter-spacing: -0.03em;
    font-variant-numeric: tabular-nums;
}

.financial-overview-override-modal__hint[b-zd5awuqtb6] {
    display: inline-block;
    margin-top: .4rem;
    color: var(--muted);
    font-size: .82rem;
}

.financial-overview-override-modal__footer[b-zd5awuqtb6] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}

.financial-overview-override-modal__footer-actions[b-zd5awuqtb6] {
    display: inline-flex;
    gap: .4rem;
}

.financial-overview-row[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: center;
    padding: .55rem .1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 42%, var(--line));
}

.financial-overview-row:last-child[b-zd5awuqtb6] {
    border-bottom: 0;
}

.financial-overview-row__dot[b-zd5awuqtb6] {
    flex-shrink: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--muted) 60%, var(--line-strong));
}

.financial-overview-row__label[b-zd5awuqtb6] {
    color: color-mix(in srgb, var(--text) 85%, var(--muted));
    font-size: .96rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.financial-overview-row__value[b-zd5awuqtb6] {
    text-align: right;
    color: var(--text-strong);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    min-width: 6rem;
    white-space: nowrap;
}

.financial-overview-report-row[b-zd5awuqtb6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(3, minmax(6.5rem, auto));
    gap: 1.25rem;
    align-items: center;
    padding: .55rem .1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 42%, var(--line));
}

.financial-overview-report-row:last-child[b-zd5awuqtb6] {
    border-bottom: 0;
}

.financial-overview-report-row--header[b-zd5awuqtb6] {
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 60%, var(--line));
    padding-bottom: .4rem;
}

.financial-overview-report-row--header .financial-overview-report-row__label[b-zd5awuqtb6],
.financial-overview-report-row--header .financial-overview-report-row__value[b-zd5awuqtb6] {
    font-size: .72rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
}

.financial-overview-report-row__label[b-zd5awuqtb6] {
    color: color-mix(in srgb, var(--text) 85%, var(--muted));
    font-size: .96rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.financial-overview-report-row__value[b-zd5awuqtb6] {
    text-align: left;
    color: var(--text-strong);
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.financial-overview-category-card__footer[b-zd5awuqtb6] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
}

.financial-overview-category-card__footer .financial-overview-category-card__metric[b-zd5awuqtb6] {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: auto;
}

.financial-overview-category-card__metric[b-zd5awuqtb6] {
    display: grid;
    gap: .22rem;
}

.financial-overview-category-card__metric span[b-zd5awuqtb6] {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.financial-overview-category-card__metric strong[b-zd5awuqtb6] {
    color: var(--text-strong);
    font-size: clamp(2rem, 2.2vw, 2.3rem);
    line-height: .98;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
}

.financial-overview-category-card__metric strong small[b-zd5awuqtb6] {
    display: inline;
    color: var(--muted-strong);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.financial-overview-category-progress[b-zd5awuqtb6] {
    margin-top: .3rem;
}

.financial-overview-category-progress__track[b-zd5awuqtb6] {
    height: 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-soft) 88%, var(--panel));
    border: 1px solid color-mix(in srgb, var(--line-strong) 52%, var(--line));
    overflow: hidden;
}

.financial-overview-category-progress__fill[b-zd5awuqtb6] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--positive), color-mix(in srgb, var(--positive) 70%, white));
    transition: width 280ms ease-out;
}

.financial-overview-category-progress__fill--exceeded[b-zd5awuqtb6] {
    background: linear-gradient(90deg, var(--negative), color-mix(in srgb, var(--negative) 70%, white));
}

.financial-overview-negative[b-zd5awuqtb6] {
    color: var(--negative);
}

@media (max-width: 1200px) {
    .financial-overview-cards[b-zd5awuqtb6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .financial-overview-header[b-zd5awuqtb6] {
        flex-direction: column;
        align-items: stretch;
    }

    .financial-overview-competency[b-zd5awuqtb6] {
        width: 100%;
        min-width: 0;
    }

    .financial-overview-header__aside[b-zd5awuqtb6] {
        justify-items: end;
        width: 100%;
        min-width: 0;
    }

    .financial-overview-cards[b-zd5awuqtb6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .financial-overview-insights[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .financial-overview-page[b-zd5awuqtb6] {
        gap: .95rem;
    }

    .financial-overview-page[b-zd5awuqtb6]::before {
        inset: -.8rem -.2rem auto;
        height: 8.5rem;
    }

    .financial-overview-header[b-zd5awuqtb6] {
        padding: 0;
    }

    .financial-overview-header__actions[b-zd5awuqtb6] {
        width: 100%;
    }

    .financial-overview-header h1[b-zd5awuqtb6] {
        font-size: clamp(1.5rem, 8vw, 2rem);
    }

    .financial-overview-cards[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }

    .financial-overview-category-card__metric strong[b-zd5awuqtb6] {
        font-size: 2rem;
    }

    .financial-overview-row[b-zd5awuqtb6] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .4rem;
    }

    .financial-overview-row__value[b-zd5awuqtb6] {
        min-width: 5rem;
    }

    .financial-overview-row__label[b-zd5awuqtb6] {
        font-size: .92rem;
    }

    .financial-overview-details-modal__summary[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }

    .financial-overview-override-modal__meta[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }

    .financial-overview-budget-stats[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }

    .financial-overview-report-stat__icon[b-zd5awuqtb6] {
        width: 2rem;
        height: 2rem;
    }

    .financial-overview-report-row[b-zd5awuqtb6] {
        grid-template-columns: minmax(0, 1fr) repeat(3, minmax(3.6rem, auto));
        gap: .6rem;
    }

    .financial-overview-report-row__label[b-zd5awuqtb6] {
        font-size: .86rem;
    }

    .financial-overview-report-row__value[b-zd5awuqtb6] {
        font-size: .8rem;
    }

    .financial-overview-donut[b-zd5awuqtb6] {
        grid-template-columns: 1fr;
    }

    .financial-overview-donut__chart[b-zd5awuqtb6] {
        min-height: 220px;
    }
}

html[data-theme="dark"] .financial-overview-category-card[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--line-strong) 64%, var(--line));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 42%, transparent), transparent 62%),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 8%, transparent),
        0 14px 28px color-mix(in srgb, black 42%, transparent);
}

html[data-theme="dark"] .financial-overview-category-card:hover[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 10%, transparent),
        0 18px 34px color-mix(in srgb, black 52%, transparent);
}

html[data-theme="dark"] .financial-overview-category-card--negative[b-zd5awuqtb6] {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 36%, transparent), transparent 58%),
        color-mix(in srgb, var(--panel-strong) 92%, transparent);
}

html[data-theme="dark"] .financial-overview-category-card__menu[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--line-strong) 62%, var(--line));
    background: color-mix(in srgb, var(--panel-soft) 78%, transparent);
    color: var(--muted-strong);
}

html[data-theme="dark"] .financial-overview-row[b-zd5awuqtb6] {
    border-bottom-color: color-mix(in srgb, var(--line-strong) 55%, var(--line));
}

html[data-theme="dark"] .financial-overview-row__label[b-zd5awuqtb6] {
    color: color-mix(in srgb, var(--text) 80%, var(--muted));
}

html[data-theme="dark"] .financial-overview-gap-card[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--line-strong) 68%, var(--line));
    background:
        repeating-linear-gradient(
            -45deg,
            color-mix(in srgb, var(--panel-soft) 82%, transparent) 0,
            color-mix(in srgb, var(--panel-soft) 82%, transparent) 12px,
            color-mix(in srgb, var(--panel) 78%, transparent) 12px,
            color-mix(in srgb, var(--panel) 78%, transparent) 24px
        ),
        color-mix(in srgb, var(--panel-strong) 84%, transparent);
}

html[data-theme="dark"] .financial-overview-budget-panel[b-zd5awuqtb6],
html[data-theme="dark"] .financial-overview-donut-panel[b-zd5awuqtb6] {
    border-color: color-mix(in srgb, var(--line-strong) 64%, var(--line));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--surface-raised) 42%, transparent), transparent 62%),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 8%, transparent),
        0 14px 28px color-mix(in srgb, black 42%, transparent);
}

html[data-theme="dark"] .financial-overview-budget-bar__track[b-zd5awuqtb6],
html[data-theme="dark"] .financial-overview-category-progress__track[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-soft) 82%, transparent);
    border-color: color-mix(in srgb, var(--line-strong) 62%, var(--line));
}

html[data-theme="dark"] .financial-overview-report-table[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-strong) 60%, transparent);
    border-color: color-mix(in srgb, var(--line-strong) 62%, var(--line));
}

html[data-theme="dark"] .financial-overview-report-table .financial-overview-report-row--header[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-strong) 92%, var(--panel));
}

html[data-theme="dark"] .financial-overview-report-table__body .financial-overview-report-row:nth-child(even)[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-soft) 30%, transparent);
}

html[data-theme="dark"] .financial-overview-budget-stats > div[b-zd5awuqtb6] {
    background: color-mix(in srgb, var(--panel-soft) 88%, transparent);
    border-color: color-mix(in srgb, var(--line-strong) 62%, var(--line));
}
/* /Components/Pages/FundLoanBulkSettlementWizard.razor.rz.scp.css */
.loan-bulk-screen[b-ew31x1lh9n] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.loan-bulk-header[b-ew31x1lh9n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.loan-bulk-header__copy[b-ew31x1lh9n] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 20rem;
}

.loan-bulk-header__icon[b-ew31x1lh9n],
.loan-bulk-summary header > span[b-ew31x1lh9n],
.loan-bulk-success__icon[b-ew31x1lh9n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 10%, var(--surface-raised));
}

.loan-bulk-header__icon[b-ew31x1lh9n] {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
}

.loan-bulk-header__icon[b-ew31x1lh9n]  .app-icon {
    width: 2rem;
    height: 2rem;
}

.loan-bulk-header h1[b-ew31x1lh9n],
.loan-bulk-header p[b-ew31x1lh9n],
.loan-bulk-header small[b-ew31x1lh9n],
.loan-bulk-section h2[b-ew31x1lh9n],
.loan-bulk-summary h2[b-ew31x1lh9n],
.loan-bulk-success p[b-ew31x1lh9n] {
    margin: 0;
}

.loan-bulk-header h1[b-ew31x1lh9n] {
    color: var(--text-strong);
    font-size: clamp(1.6rem, 2.4vw, 2rem);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.loan-bulk-header p[b-ew31x1lh9n],
.loan-bulk-header small[b-ew31x1lh9n] {
    display: block;
    margin-top: .35rem;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.4;
}

.loan-bulk-header small[b-ew31x1lh9n] {
    margin-top: .08rem;
    font-size: .78rem;
}

.loan-bulk-headline[b-ew31x1lh9n] {
    display: grid;
    grid-template-columns: repeat(4, minmax(8.5rem, 1fr));
    gap: .65rem;
    flex: 1 1 42rem;
    max-width: 48rem;
}

.loan-bulk-headline__item[b-ew31x1lh9n] {
    display: grid;
    align-content: center;
    gap: .35rem;
    min-height: 5.2rem;
    padding: .75rem .9rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.loan-bulk-headline__item span[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--muted);
    font-size: .75rem;
}

.loan-bulk-headline__item span[b-ew31x1lh9n]  .app-icon {
    width: .95rem;
    height: .95rem;
}

.loan-bulk-headline__item strong[b-ew31x1lh9n] {
    color: var(--text-strong);
    font-size: 1.25rem;
}

.loan-bulk-headline__item--competency span[b-ew31x1lh9n]  .app-icon {
    color: var(--brand-2);
}

.loan-bulk-filters[b-ew31x1lh9n] {
    display: grid;
    grid-template-columns: minmax(8rem, .8fr) minmax(9rem, 1fr) auto minmax(8rem, .8fr) minmax(12rem, 1.4fr) auto;
    align-items: end;
    gap: .8rem;
    padding: .9rem 1rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
}

.loan-bulk-filter[b-ew31x1lh9n],
.loan-bulk-configuration__fields > div[b-ew31x1lh9n] {
    display: grid;
    gap: .35rem;
}

.loan-bulk-filter label[b-ew31x1lh9n],
.loan-bulk-filter__label[b-ew31x1lh9n],
.loan-bulk-configuration label[b-ew31x1lh9n],
.loan-bulk-configuration summary[b-ew31x1lh9n] {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 600;
}

.loan-bulk-filter[b-ew31x1lh9n]  .form-select,
.loan-bulk-configuration[b-ew31x1lh9n]  .form-select,
.loan-bulk-configuration[b-ew31x1lh9n]  .form-control {
    min-height: 2.4rem;
}

.loan-bulk-search[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.4rem;
    padding: 0 .75rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface-raised);
}

.loan-bulk-search[b-ew31x1lh9n]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--muted);
}

.loan-bulk-search input[b-ew31x1lh9n] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--text);
    background: transparent;
    font-size: .8rem;
}

.loan-bulk-clear[b-ew31x1lh9n] {
    white-space: nowrap;
}

.loan-bulk-layout[b-ew31x1lh9n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 23rem);
    gap: 1rem;
    align-items: start;
}

.loan-bulk-main[b-ew31x1lh9n],
.loan-bulk-section[b-ew31x1lh9n],
.loan-bulk-groups[b-ew31x1lh9n] {
    display: grid;
    gap: .8rem;
    min-width: 0;
}

.loan-bulk-main[b-ew31x1lh9n] {
    padding-right: .75rem;
    border-right: 1px solid var(--line-soft);
}

.loan-bulk-section__header[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding-left: .2rem;
}

.loan-bulk-section__header h2[b-ew31x1lh9n],
.loan-bulk-summary h2[b-ew31x1lh9n] {
    color: var(--text-strong);
    font-size: .98rem;
}

.loan-bulk-section__marker[b-ew31x1lh9n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.loan-bulk-section__marker--money[b-ew31x1lh9n] {
    background: var(--brand-2);
}

.loan-bulk-section__marker--card[b-ew31x1lh9n] {
    background: #7c3aed;
}

.loan-bulk-group[b-ew31x1lh9n] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--surface-raised);
}

.loan-bulk-group__header[b-ew31x1lh9n] {
    display: grid;
    grid-template-columns: auto auto minmax(12rem, 1.8fr) repeat(3, minmax(7rem, 1fr)) auto;
    align-items: center;
    gap: .75rem;
    padding: .65rem .8rem;
}

.loan-bulk-group__source[b-ew31x1lh9n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 2.65rem;
    border-radius: 9px;
}

.loan-bulk-group__source--money[b-ew31x1lh9n] {
    color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 12%, var(--surface-raised));
}

.loan-bulk-group__source--card[b-ew31x1lh9n] {
    color: #7c3aed;
    background: color-mix(in srgb, #7c3aed 12%, var(--surface-raised));
}

.loan-bulk-group__source[b-ew31x1lh9n]  .app-icon {
    width: 1.35rem;
    height: 1.35rem;
}

.loan-bulk-group__identity[b-ew31x1lh9n],
.loan-bulk-group__metric[b-ew31x1lh9n] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.loan-bulk-group__identity > strong[b-ew31x1lh9n],
.loan-bulk-group__metric > strong[b-ew31x1lh9n] {
    color: var(--text-strong);
    font-size: .82rem;
}

.loan-bulk-group__identity > span[b-ew31x1lh9n],
.loan-bulk-group__identity > small[b-ew31x1lh9n],
.loan-bulk-group__metric > span[b-ew31x1lh9n] {
    color: var(--muted);
    font-size: .7rem;
}

.loan-bulk-group__identity > span[b-ew31x1lh9n] {
    display: inline;
    margin-left: .25rem;
}

.loan-bulk-collapse[b-ew31x1lh9n] {
    display: inline-flex;
    padding: .35rem;
    border: 0;
    color: var(--muted);
    background: transparent;
    cursor: pointer;
}

.loan-bulk-collapse[b-ew31x1lh9n]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.loan-bulk-table-shell[b-ew31x1lh9n] {
    border-top: 1px solid var(--line-soft);
}

.loan-bulk-table th[b-ew31x1lh9n],
.loan-bulk-table td[b-ew31x1lh9n] {
    padding: .38rem .75rem;
    border-bottom-color: var(--line-soft);
    font-size: .72rem;
    text-transform: none;
    letter-spacing: 0;
}

.loan-bulk-table th:first-child[b-ew31x1lh9n],
.loan-bulk-table td:first-child[b-ew31x1lh9n] {
    padding-left: 4rem;
}

.loan-bulk-table td label[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    color: var(--text);
}

.loan-bulk-table tr.is-disabled[b-ew31x1lh9n] {
    opacity: .48;
}

.loan-bulk-future[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .65rem .8rem;
    border-top: 1px solid var(--line-soft);
    color: var(--muted);
    font-size: .75rem;
}

.loan-bulk-summary[b-ew31x1lh9n] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.loan-bulk-summary header[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.loan-bulk-summary header > span[b-ew31x1lh9n] {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
}

.loan-bulk-summary header[b-ew31x1lh9n]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.loan-bulk-summary__row[b-ew31x1lh9n],
.loan-bulk-summary__breakdown > div[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--muted);
    font-size: .78rem;
}

.loan-bulk-summary__row strong[b-ew31x1lh9n],
.loan-bulk-summary__breakdown strong[b-ew31x1lh9n] {
    color: var(--text-strong);
}

.loan-bulk-summary__row--competency[b-ew31x1lh9n],
.loan-bulk-summary__types[b-ew31x1lh9n],
.loan-bulk-summary__breakdown[b-ew31x1lh9n] {
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--line-soft);
}

.loan-bulk-summary__types[b-ew31x1lh9n],
.loan-bulk-summary__breakdown[b-ew31x1lh9n] {
    display: grid;
    gap: .6rem;
    color: var(--muted);
    font-size: .76rem;
}

.loan-bulk-summary__types > div[b-ew31x1lh9n] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.loan-bulk-type-chip[b-ew31x1lh9n] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border-radius: 9px;
    font-weight: 600;
}

.loan-bulk-type-chip--money[b-ew31x1lh9n] {
    color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 10%, var(--surface-raised));
}

.loan-bulk-type-chip--card[b-ew31x1lh9n] {
    color: #7c3aed;
    background: color-mix(in srgb, #7c3aed 10%, var(--surface-raised));
}

.loan-bulk-type-chip[b-ew31x1lh9n]  .app-icon,
.loan-bulk-summary__breakdown[b-ew31x1lh9n]  .app-icon {
    width: .9rem;
    height: .9rem;
}

.loan-bulk-summary__breakdown > div > span[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.loan-bulk-summary__breakdown small[b-ew31x1lh9n] {
    margin-left: .5rem;
}

.loan-bulk-summary__total[b-ew31x1lh9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--brand-2) 20%, var(--line));
    border-radius: 10px;
    color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 7%, var(--surface-raised));
}

.loan-bulk-summary__total strong:last-child[b-ew31x1lh9n] {
    font-size: 1.15rem;
}

.loan-bulk-configuration[b-ew31x1lh9n] {
    border-top: 1px solid var(--line-soft);
    border-bottom: 1px solid var(--line-soft);
    padding: .65rem 0;
}

.loan-bulk-configuration summary[b-ew31x1lh9n] {
    color: var(--text);
    cursor: pointer;
}

.loan-bulk-configuration__fields[b-ew31x1lh9n] {
    display: grid;
    gap: .7rem;
    padding-top: .75rem;
}

.loan-bulk-configuration__future[b-ew31x1lh9n] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.loan-bulk-confirm[b-ew31x1lh9n],
.loan-bulk-cancel[b-ew31x1lh9n] {
    width: 100%;
    justify-content: center;
}

.loan-bulk-success[b-ew31x1lh9n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, #16a34a 28%, var(--line));
    border-radius: 14px;
    background: color-mix(in srgb, #16a34a 7%, var(--surface-raised));
}

.loan-bulk-success__icon[b-ew31x1lh9n] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    color: #16a34a;
}

.loan-bulk-success__actions[b-ew31x1lh9n] {
    display: flex;
    gap: .6rem;
}

@media (max-width: 1480px) {
    .loan-bulk-header[b-ew31x1lh9n] {
        display: grid;
    }

    .loan-bulk-headline[b-ew31x1lh9n] {
        width: 100%;
        max-width: none;
    }

    .loan-bulk-filters[b-ew31x1lh9n] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .loan-bulk-layout[b-ew31x1lh9n] {
        grid-template-columns: 1fr;
    }

    .loan-bulk-main[b-ew31x1lh9n] {
        padding-right: 0;
        border-right: 0;
    }

    .loan-bulk-summary[b-ew31x1lh9n] {
        position: static;
    }

    .loan-bulk-group__header[b-ew31x1lh9n] {
        grid-template-columns: auto auto minmax(10rem, 1fr) auto;
    }

    .loan-bulk-group__metric[b-ew31x1lh9n] {
        display: none;
    }
}

@media (max-width: 760px) {
    .loan-bulk-header__copy[b-ew31x1lh9n] {
        min-width: 0;
    }

    .loan-bulk-header__icon[b-ew31x1lh9n] {
        width: 3rem;
        height: 3rem;
    }

    .loan-bulk-headline[b-ew31x1lh9n],
    .loan-bulk-filters[b-ew31x1lh9n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loan-bulk-search[b-ew31x1lh9n],
    .loan-bulk-clear[b-ew31x1lh9n] {
        grid-column: 1 / -1;
    }

    .loan-bulk-group__header[b-ew31x1lh9n] {
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        gap: .55rem;
    }

    .loan-bulk-group__source[b-ew31x1lh9n] {
        width: 2.4rem;
    }

    .loan-bulk-table th:first-child[b-ew31x1lh9n],
    .loan-bulk-table td:first-child[b-ew31x1lh9n] {
        padding-left: .75rem;
    }

    .loan-bulk-success[b-ew31x1lh9n],
    .loan-bulk-success__actions[b-ew31x1lh9n] {
        grid-template-columns: 1fr;
    }

    .loan-bulk-success__actions[b-ew31x1lh9n] {
        display: grid;
    }
}

@media (max-width: 480px) {
    .loan-bulk-headline[b-ew31x1lh9n],
    .loan-bulk-filters[b-ew31x1lh9n] {
        grid-template-columns: 1fr;
    }

    .loan-bulk-search[b-ew31x1lh9n],
    .loan-bulk-clear[b-ew31x1lh9n] {
        grid-column: auto;
    }
}
/* /Components/Pages/FundLoanOriginImportWorkspace.razor.rz.scp.css */
/*
 * These rules intentionally mirror FamilyEntryImportWorkspace.razor.css: the wizard visual
 * language (steps, panels, workspace cards, draft cards, result summary) is generic, not
 * specific to the family import feature. Blazor CSS isolation scopes styles per-component
 * (each .razor.css is compiled with a unique scope attribute), so the rules must be duplicated
 * here rather than referenced from the family import page for them to apply to this page.
 */

.family-import-shell[b-lbw3lpgd92] {
    display: grid;
    gap: 1rem;
}

.family-import-steps[b-lbw3lpgd92] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.family-import-steps span[b-lbw3lpgd92] {
    padding: 0.6rem 0.95rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
    color: var(--muted);
    font-weight: 700;
}

.family-import-steps span.active[b-lbw3lpgd92] {
    border-color: color-mix(in srgb, var(--brand-2) 30%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    color: var(--brand-2);
}

.family-import-panel[b-lbw3lpgd92] {
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.25rem;
    border-radius: 24px;
    border: 1px solid var(--line);
    background: var(--panel);
}

.family-import-panel__header[b-lbw3lpgd92] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.family-import-panel__header p[b-lbw3lpgd92] {
    margin: 0.3rem 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.family-import-panel__filters[b-lbw3lpgd92] {
    align-items: end;
}

.family-import-workspaces[b-lbw3lpgd92] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.85rem;
}

.family-import-workspace-card[b-lbw3lpgd92] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
}

.family-import-workspace-card input[b-lbw3lpgd92] {
    margin: 0;
}

.family-import-workspace-card__avatar[b-lbw3lpgd92] {
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.8rem;
    background: color-mix(in srgb, var(--workspace-color) 16%, var(--panel));
    color: color-mix(in srgb, var(--workspace-color) 78%, var(--text-strong));
}

.family-import-workspace-card__copy[b-lbw3lpgd92] {
    display: grid;
    gap: 0.15rem;
}

.family-import-workspace-card__copy small[b-lbw3lpgd92] {
    color: var(--muted);
    text-transform: capitalize;
}

.family-import-summary[b-lbw3lpgd92] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.family-import-draft[b-lbw3lpgd92] {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: var(--surface-soft), var(--panel);
}

.family-import-draft__headline[b-lbw3lpgd92] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.family-import-draft__grid[b-lbw3lpgd92] {
    align-items: end;
}

.family-import-draft__placeholder[b-lbw3lpgd92] {
    min-height: 100%;
}

.family-import-draft__toggle[b-lbw3lpgd92] {
    min-height: 2.75rem;
}

.family-import-result[b-lbw3lpgd92] {
    gap: 1.25rem;
}

.family-import-result__summary[b-lbw3lpgd92] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.family-import-result-card[b-lbw3lpgd92] {
    display: grid;
    gap: 0.35rem;
    padding: 1.1rem 1.15rem;
    border-radius: 20px;
    border: 1px solid var(--line);
    background: var(--panel-soft);
}

.family-import-result-card span[b-lbw3lpgd92] {
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.family-import-result-card strong[b-lbw3lpgd92] {
    font-size: 2rem;
    line-height: 1;
    color: var(--text-strong);
}

.family-import-result-card small[b-lbw3lpgd92] {
    color: var(--muted);
}

.family-import-result-card.success[b-lbw3lpgd92] {
    border-color: color-mix(in srgb, var(--positive) 30%, var(--line));
    background: color-mix(in srgb, var(--positive) 10%, var(--panel));
}

.family-import-result-card.danger[b-lbw3lpgd92] {
    border-color: color-mix(in srgb, var(--negative) 32%, var(--line));
    background: color-mix(in srgb, var(--negative) 10%, var(--panel));
}

.family-import-result-card.neutral[b-lbw3lpgd92] {
    border-color: color-mix(in srgb, var(--brand-2) 26%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 8%, var(--panel));
}

.family-import-result__errors[b-lbw3lpgd92],
.family-import-result__successes[b-lbw3lpgd92] {
    display: grid;
    gap: 0.85rem;
}

.family-import-result__error-list[b-lbw3lpgd92],
.family-import-result__success-list[b-lbw3lpgd92] {
    display: grid;
    gap: 0.75rem;
}

.family-import-result__error-item[b-lbw3lpgd92],
.family-import-result__success-item[b-lbw3lpgd92] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: var(--panel);
}

.family-import-result__error-item[b-lbw3lpgd92] {
    border-color: color-mix(in srgb, var(--negative) 26%, var(--line));
    background: color-mix(in srgb, var(--negative) 8%, var(--panel));
}

.family-import-result__error-item p[b-lbw3lpgd92] {
    margin: 0.3rem 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.family-import-result__success-item strong[b-lbw3lpgd92] {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .family-import-panel__header[b-lbw3lpgd92],
    .family-import-draft__headline[b-lbw3lpgd92] {
        flex-direction: column;
    }

    .family-import-result__summary[b-lbw3lpgd92] {
        grid-template-columns: 1fr;
    }

    .family-import-result__error-item[b-lbw3lpgd92],
    .family-import-result__success-item[b-lbw3lpgd92] {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .family-import-workspaces[b-lbw3lpgd92] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/FundLoans.razor.rz.scp.css */
/* Dashboard unificado de empréstimos. Os controles-base continuam vindo do design system global. */
.loan-manage-panel[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.loan-manage-panel__header[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.loan-manage-panel__copy[b-hiskosluko] {
    min-width: 0;
}

.loan-manage-panel__copy h1[b-hiskosluko] {
    margin: 0 0 0.25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.loan-manage-panel__copy p[b-hiskosluko] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.loan-manage-panel__actions[b-hiskosluko],
.loan-workspace__tools[b-hiskosluko],
.loan-view-toggle[b-hiskosluko],
.loan-card-toolbar[b-hiskosluko],
.loan-workspace__title-row[b-hiskosluko],
.loan-card-table-group summary[b-hiskosluko],
.loan-card-table-group summary > div[b-hiskosluko] {
    display: flex;
    align-items: center;
}

.loan-manage-panel__actions[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.loan-manage-panel__actions .btn[b-hiskosluko] {
    min-height: 2.7rem;
    border-radius: 10px;
}

.loan-kpi-grid[b-hiskosluko] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card--loan {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 0.75rem;
    row-gap: 0.12rem;
    align-content: center;
    align-items: center;
    min-width: 0;
    min-height: 7.15rem;
    padding: 0.95rem 1rem;
    border: 1px solid var(--line-soft);
    border-radius: 22px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card__head {
    display: contents;
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card__icon {
    grid-column: 1;
    grid-row: 1 / 4;
    align-self: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 50%;
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card__title {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 0.78rem;
    line-height: 1.2;
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card > strong {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.15;
    white-space: nowrap;
}

.loan-kpi-grid[b-hiskosluko]  .kpi-card > small {
    grid-column: 2;
    grid-row: 3;
    margin: 0.18rem 0 0;
    line-height: 1.3;
    white-space: normal;
}

.loan-insights[b-hiskosluko] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.loan-insight-panel[b-hiskosluko] {
    min-width: 0;
    padding: 0.85rem 1rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
}

.loan-insight-panel__header[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.65rem;
}

.loan-insight-panel__title[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
}

.loan-insight-panel__title > div[b-hiskosluko] {
    display: grid;
    gap: 0.12rem;
}

.loan-insight-panel__title strong[b-hiskosluko] {
    color: var(--text-strong);
    font-size: 0.9rem;
}

.loan-insight-panel--attention .loan-insight-panel__title strong[b-hiskosluko],
.loan-insight-panel--attention .loan-insight-panel__icon[b-hiskosluko] {
    color: var(--negative);
}

.loan-insight-panel--timeline .loan-insight-panel__icon[b-hiskosluko] {
    color: var(--brand);
}

.loan-insight-panel__title small[b-hiskosluko],
.loan-insight-empty[b-hiskosluko],
.loan-alert-item__copy span[b-hiskosluko],
.loan-alert-item__copy small[b-hiskosluko],
.loan-due-timeline__copy span[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.76rem;
}

.loan-insight-panel__icon[b-hiskosluko] {
    display: inline-flex;
    width: 1.25rem;
    height: 1.25rem;
}

.loan-insight-panel__header .btn-link[b-hiskosluko] {
    min-height: auto;
    padding: 0.15rem 0;
    font-size: 0.75rem;
    white-space: nowrap;
}

.loan-insight-empty[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 4.2rem;
}

.loan-insight-empty .app-icon[b-hiskosluko] {
    width: 1rem;
}

.loan-alert-list[b-hiskosluko] {
    display: grid;
    gap: 0.48rem;
}

.loan-alert-item[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--negative) 36%, var(--line));
    border-radius: 9px;
    background: color-mix(in srgb, var(--negative) 4%, var(--panel));
}

.loan-alert-item__copy[b-hiskosluko],
.loan-alert-item__amount[b-hiskosluko] {
    display: grid;
    gap: 0.12rem;
}

.loan-alert-item__copy strong[b-hiskosluko],
.loan-due-timeline__copy strong[b-hiskosluko] {
    overflow: hidden;
    color: var(--text-strong);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loan-alert-item__amount[b-hiskosluko] {
    justify-items: start;
    color: var(--negative);
    font-size: 0.78rem;
}

.loan-alert-item__actions[b-hiskosluko] {
    display: flex;
    gap: 0.4rem;
}

.loan-alert-item__actions .btn[b-hiskosluko] {
    min-height: 2rem;
    padding: 0.32rem 0.55rem;
    border-radius: 7px;
    font-size: 0.68rem;
    white-space: nowrap;
}

.loan-alert-item__charge[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--negative) 45%, var(--line));
    color: var(--negative);
}

.loan-due-timeline[b-hiskosluko] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.loan-due-timeline__item[b-hiskosluko] {
    --loan-timeline-date-column: 2.4rem;
    --loan-timeline-dot-column: 0.65rem;
    --loan-timeline-column-gap: 0.55rem;
    position: relative;
    display: grid;
    grid-template-columns: var(--loan-timeline-date-column) var(--loan-timeline-dot-column) minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--loan-timeline-column-gap);
    min-height: 3.35rem;
}

.loan-due-timeline__item:not(:last-child)[b-hiskosluko]::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: calc(var(--loan-timeline-date-column) + var(--loan-timeline-column-gap) + 0.325rem);
    top: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%);
    background: color-mix(in srgb, var(--brand) 22%, var(--line));
}

.loan-due-timeline__date[b-hiskosluko] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0.28rem;
    border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand) 8%, var(--panel));
    color: var(--brand);
    line-height: 1;
}

.loan-due-timeline__date strong[b-hiskosluko] {
    font-size: 0.86rem;
}

.loan-due-timeline__date span[b-hiskosluko] {
    font-size: 0.52rem;
    font-weight: 800;
}

.loan-due-timeline__dot[b-hiskosluko] {
    z-index: 1;
    justify-self: center;
    width: 0.42rem;
    height: 0.42rem;
    border: 2px solid var(--panel);
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand) 30%, var(--line));
}

.loan-due-timeline__copy[b-hiskosluko],
.loan-due-timeline__amount[b-hiskosluko] {
    display: grid;
    gap: 0.12rem;
}

.loan-due-timeline__amount[b-hiskosluko] {
    justify-items: end;
    font-size: 0.76rem;
}

.loan-workspace[b-hiskosluko] {
    min-width: 0;
    padding: 0;
}

.loan-workspace__controls[b-hiskosluko] {
    background: var(--surface-raised);
}

.loan-workspace__control-main[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.loan-workspace__title-row[b-hiskosluko] {
    gap: 0.55rem;
}

.loan-workspace__title-row h2[b-hiskosluko],
.loan-workspace__control-main p[b-hiskosluko] {
    margin: 0;
}

.loan-workspace__title-row h2[b-hiskosluko] {
    font-size: 0.95rem;
}

.loan-workspace__control-main p[b-hiskosluko] {
    margin-top: 0.2rem;
    color: var(--muted);
    font-size: 0.75rem;
}

.loan-workspace__tools[b-hiskosluko] {
    justify-content: flex-end;
    gap: 0.55rem;
}

.loan-workspace__tools .loan-list-search[b-hiskosluko] {
    width: min(28rem, 35vw);
    min-width: 16rem;
    margin: 0;
}

.loan-view-toggle[b-hiskosluko] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 9px;
}

.loan-view-toggle__button[b-hiskosluko] {
    display: grid;
    place-items: center;
    width: 2.45rem;
    height: 2.45rem;
    border: 0;
    border-left: 1px solid var(--line);
    background: var(--panel);
    color: var(--muted);
}

.loan-view-toggle__button:first-child[b-hiskosluko] {
    border-left: 0;
}

.loan-view-toggle__button--active[b-hiskosluko] {
    background: color-mix(in srgb, var(--brand) 10%, var(--panel));
    color: var(--brand);
}

.loan-workspace__content[b-hiskosluko] {
    padding: 0.75rem 0.85rem;
    background: var(--surface-raised);
}

.loan-infinite-loading[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 3.25rem;
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.loan-infinite-loading .button-progress[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
}

.loan-infinite-sentinel[b-hiskosluko] {
    width: 100%;
    height: 2px;
}

.loan-card-toolbar[b-hiskosluko] {
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.loan-card-toolbar .loan-card-open-filter[b-hiskosluko] {
    margin: 0;
}

.loan-card-toolbar > .btn[b-hiskosluko] {
    margin-left: auto;
}

.loan-card-grid[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(4, minmax(15rem, 1fr));
    gap: 0.75rem;
}

.loan-card-grid--list[b-hiskosluko] {
    grid-template-columns: 1fr;
}

.loan-card-grid--list .loan-summary-card[b-hiskosluko] {
    grid-template-columns: minmax(14rem, 1.4fr) minmax(7rem, auto) minmax(18rem, 1fr) minmax(8rem, 0.6fr);
    align-items: center;
}

.loan-card-grid--list .loan-summary-card__progress[b-hiskosluko],
.loan-card-grid--list .loan-summary-card__percent[b-hiskosluko] {
    display: none;
}

.loan-card-grid--list .loan-summary-card__footer[b-hiskosluko] {
    padding-top: 0;
    border-top: 0;
}

.loan-summary-card[b-hiskosluko] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--panel);
    box-shadow: var(--shadow-soft);
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.loan-summary-card:hover[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--brand) 34%, var(--line));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 10%, transparent);
}

.loan-summary-card:focus-visible[b-hiskosluko] {
    outline: 2px solid color-mix(in srgb, var(--brand) 68%, var(--line));
    outline-offset: 2px;
}

.loan-summary-card__actions[b-hiskosluko] {
    cursor: default;
}

.loan-summary-card--urgent[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--negative) 28%, var(--line));
}

.loan-summary-card--past-card[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--warning) 30%, var(--line));
}

.loan-summary-card--paid[b-hiskosluko] {
    opacity: 0.78;
}

.loan-summary-card__header[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.loan-summary-card__header[b-hiskosluko]  .status-badge {
    flex: 0 0 auto;
    min-width: max-content;
    max-width: none;
    white-space: nowrap;
}

.loan-summary-card__header > div[b-hiskosluko] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    gap: 0.1rem;
}

.loan-summary-card__header > div > span[b-hiskosluko] {
    overflow-wrap: anywhere;
    white-space: normal;
}

.loan-summary-card__header strong[b-hiskosluko] {
    overflow: hidden;
    color: var(--text-strong);
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loan-summary-card__header span[b-hiskosluko],
.loan-summary-card__metrics span[b-hiskosluko],
.loan-summary-card__percent[b-hiskosluko],
.loan-summary-card__footer > span[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.68rem;
}

.loan-summary-card > .loan-inline-chip[b-hiskosluko] {
    justify-self: start;
}

.loan-summary-card__metrics[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.55rem;
}

.loan-summary-card__metrics > div[b-hiskosluko] {
    display: grid;
    gap: 0.08rem;
}

.loan-summary-card__metrics strong[b-hiskosluko] {
    font-size: 0.78rem;
}

.loan-summary-card__metrics > div:last-child strong[b-hiskosluko] {
    color: var(--warning);
}

.loan-summary-card--urgent .loan-summary-card__metrics > div:last-child strong[b-hiskosluko] {
    color: var(--negative);
}

.loan-summary-card__progress[b-hiskosluko] {
    overflow: hidden;
    height: 0.2rem;
    border-radius: 99px;
    background: var(--line);
}

.loan-summary-card__progress span[b-hiskosluko] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--brand);
}

.loan-summary-card--urgent .loan-summary-card__progress span[b-hiskosluko] {
    background: var(--negative);
}

.loan-summary-card__percent[b-hiskosluko] {
    justify-self: end;
    margin-top: -0.42rem;
    font-weight: 800;
}

.loan-summary-card__footer[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--line);
}

.loan-summary-card__footer > span[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.loan-summary-card__footer .app-icon[b-hiskosluko] {
    width: 0.8rem;
}

.loan-card-groups[b-hiskosluko] {
    display: grid;
    gap: 0.55rem;
}

.loan-card-table-group[b-hiskosluko] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--panel);
}

.loan-card-table-group summary[b-hiskosluko] {
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.6rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    list-style: none;
}

.loan-card-table-group summary[b-hiskosluko]::-webkit-details-marker {
    display: none;
}

.loan-card-table-group summary > div[b-hiskosluko] {
    gap: 0.45rem;
    color: var(--muted);
    font-size: 0.72rem;
}

.loan-card-table-group summary strong[b-hiskosluko] {
    color: var(--text-strong);
    font-size: 0.8rem;
}

.loan-card-table-group__dot[b-hiskosluko] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: var(--brand);
}

.loan-card-table[b-hiskosluko] {
    font-size: 0.72rem;
}

.loan-card-table th[b-hiskosluko],
.loan-card-table td[b-hiskosluko] {
    padding-block: 0.48rem;
}

.loan-bulk-workspace[b-hiskosluko] {
    border-radius: 12px;
}

@media (max-width: 1280px) {
    .loan-kpi-grid[b-hiskosluko] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .loan-card-grid[b-hiskosluko] {
        grid-template-columns: repeat(3, minmax(15rem, 1fr));
    }

    .loan-alert-item[b-hiskosluko] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .loan-alert-item__actions[b-hiskosluko] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 980px) {
    .loan-insights[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-card-grid[b-hiskosluko] {
        grid-template-columns: repeat(2, minmax(15rem, 1fr));
    }

    .loan-card-grid--list .loan-summary-card[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-card-grid--list .loan-summary-card__footer[b-hiskosluko] {
        padding-top: 0.55rem;
        border-top: 1px solid var(--line);
    }

    .loan-workspace__controls[b-hiskosluko] {
        align-items: stretch;
        flex-direction: column;
    }

    .loan-workspace__tools[b-hiskosluko] {
        justify-content: stretch;
    }

    .loan-workspace__tools .loan-list-search[b-hiskosluko] {
        flex: 1 1 auto;
        width: auto;
    }
}

@media (max-width: 680px) {
    .loan-manage-panel__header[b-hiskosluko],
    .loan-manage-panel__actions[b-hiskosluko],
    .loan-workspace__tools[b-hiskosluko],
    .loan-card-toolbar[b-hiskosluko] {
        width: 100%;
    }

    .loan-manage-panel__header[b-hiskosluko],
    .loan-workspace__control-main[b-hiskosluko] {
        align-items: stretch;
        flex-direction: column;
    }

    .loan-manage-panel__actions .btn[b-hiskosluko] {
        flex: 1 1 0;
        padding-inline: 0.65rem;
    }

    .loan-manage-panel[b-hiskosluko] {
        padding: 1rem;
        border-radius: 16px;
    }

    .loan-kpi-grid[b-hiskosluko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loan-card-grid[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-workspace__tools[b-hiskosluko],
    .loan-card-toolbar[b-hiskosluko] {
        align-items: stretch;
        flex-direction: column;
    }

    .loan-workspace__tools .loan-list-search[b-hiskosluko] {
        width: 100%;
        min-width: 0;
    }

    .loan-view-toggle[b-hiskosluko] {
        align-self: flex-end;
    }

    .loan-due-timeline__item[b-hiskosluko] {
        grid-template-columns: 2.4rem 0.65rem minmax(0, 1fr);
    }

    .loan-due-timeline__amount[b-hiskosluko] {
        grid-column: 3;
        justify-items: start;
    }

    .loan-alert-item[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-alert-item__actions[b-hiskosluko] {
        grid-column: auto;
        justify-content: stretch;
    }

    .loan-alert-item__actions .btn[b-hiskosluko] {
        flex: 1 1 0;
    }
}

/* Corrige contraste de campos readonly/disabled no tema escuro do modal de empréstimo */
html[data-theme="dark"] .stack-form :deep(.form-control[readonly])[b-hiskosluko],
html[data-theme="dark"] .stack-form :deep(.form-control:disabled)[b-hiskosluko],
html[data-theme="dark"] .stack-form :deep(.form-select:disabled)[b-hiskosluko],
html[data-theme="dark"] .stack-form :deep(.currency-input input:disabled)[b-hiskosluko] {
    background: color-mix(in srgb, var(--panel-strong) 90%, #081425 10%) !important;
    border-color: color-mix(in srgb, var(--line-strong) 72%, #6ea5d8 28%) !important;
    color: color-mix(in srgb, var(--text) 84%, #aec8e6 16%) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--text) 84%, #aec8e6 16%);
    opacity: 1;
}

html[data-theme="dark"] .stack-form :deep(.form-control[readonly]::placeholder)[b-hiskosluko],
html[data-theme="dark"] .stack-form :deep(.form-control:disabled::placeholder)[b-hiskosluko] {
    color: color-mix(in srgb, var(--muted) 86%, #8aa7c7 14%);
}

.loan-list-search[b-hiskosluko] {
    flex: 1 1 25rem;
    min-width: min(20rem, 100%);
    max-width: 32rem;
    margin-left: auto;
}

.loan-list-search :deep(.listview-search)[b-hiskosluko] {
    min-width: 0;
}

.loan-card-open-filter[b-hiskosluko] {
    display: inline-grid;
    gap: 0.12rem;
    margin: 0 0 0.9rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 22%, var(--line));
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-soft) 72%, var(--panel));
}

.loan-card-open-filter strong[b-hiskosluko] {
    color: var(--text-strong);
    font-size: 0.82rem;
    font-weight: 800;
}

.loan-card-open-filter span[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.76rem;
}

.loan-inline-chip[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.18rem 0.46rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 20%, var(--line));
    border-radius: 999px;
    color: var(--muted);
    font-size: 0.74rem;
    font-weight: 750;
}

.loan-alert-meta[b-hiskosluko] {
    color: var(--warning);
    font-weight: 800;
}

.loan-bulk-panel[b-hiskosluko] {
    overflow: visible;
}

.loan-bulk-headline[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.loan-bulk-headline h2[b-hiskosluko],
.loan-bulk-headline p[b-hiskosluko] {
    margin: 0;
}

.loan-bulk-headline p[b-hiskosluko] {
    margin-top: 0.35rem;
    max-width: 42rem;
    color: var(--muted);
}

.loan-bulk-summary[b-hiskosluko] {
    display: inline-flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.loan-bulk-content[b-hiskosluko] {
    display: grid;
    gap: 1rem;
}

.loan-bulk-filter-card[b-hiskosluko] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 22%, var(--line));
    border-radius: 20px;
    background: color-mix(in srgb, var(--surface-soft) 82%, var(--panel));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.loan-bulk-filter-card__header p[b-hiskosluko] {
    margin: 0.25rem 0 0;
    color: var(--muted);
}

.loan-bulk-filter-card__footer[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.loan-bulk-filter-card__actions[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.loan-bulk-form[b-hiskosluko] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 22%, var(--line));
    border-radius: 20px;
    background: color-mix(in srgb, var(--panel-soft) 78%, var(--panel));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.loan-bulk-form__header p[b-hiskosluko] {
    margin: 0.25rem 0 0;
    color: var(--muted);
}

.loan-bulk-form__footer[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.loan-bulk-grid[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.loan-bulk-card[b-hiskosluko] {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 22%, var(--line));
    border-radius: 20px;
    background: color-mix(in srgb, var(--surface-soft) 82%, var(--panel));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 24px rgba(15, 23, 42, 0.06);
}

.loan-bulk-card__header[b-hiskosluko],
.loan-bulk-card__actions[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.loan-bulk-card__summary[b-hiskosluko] {
    display: grid;
    gap: 0.25rem;
    justify-items: end;
    color: var(--muted);
    font-size: 0.9rem;
}

.loan-bulk-card__meta[b-hiskosluko] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.85rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.loan-bulk-card__schedule-list[b-hiskosluko] {
    display: grid;
    gap: 0.55rem;
}

.loan-bulk-schedule[b-hiskosluko] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 16%, var(--line));
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel) 92%, transparent);
    cursor: pointer;
}

.loan-bulk-schedule--selected[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
    background: color-mix(in srgb, var(--brand) 10%, var(--panel));
}

.loan-bulk-schedule input[b-hiskosluko] {
    margin: 0;
}

.loan-bulk-schedule__copy[b-hiskosluko] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.loan-bulk-schedule__copy span[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.88rem;
}

.loan-bulk-select[b-hiskosluko] {
    min-height: 2.65rem;
    border-radius: 14px;
}

.loan-detail-screen[b-hiskosluko] {
    display: grid;
    gap: 1rem;
}

.loan-detail-header-actions[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.loan-detail-header-actions .btn[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.loan-detail-header-actions .btn :deep(.app-icon)[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
}

.loan-detail-context[b-hiskosluko],
.loan-detail-summary[b-hiskosluko],
.loan-detail-ledger[b-hiskosluko],
.loan-detail-operational > section[b-hiskosluko] {
    border: 1px solid var(--line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel) 96%, transparent);
}

.loan-detail-context[b-hiskosluko] {
    display: grid;
    grid-template-columns: 1.15fr 1.05fr 1fr;
    gap: 0.75rem 1.5rem;
    align-items: center;
    padding: 1rem 1.2rem;
}

.loan-detail-context > div[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.loan-detail-context > div:nth-child(2)[b-hiskosluko] {
    grid-row: 2;
}

.loan-detail-context > div:nth-child(4)[b-hiskosluko] {
    grid-column: 2;
    grid-row: 2;
}

.loan-detail-context__due[b-hiskosluko] {
    grid-column: 3;
    grid-row: 1 / span 2;
    display: grid !important;
    gap: 0.35rem !important;
}

.loan-detail-context__due > span[b-hiskosluko],
.loan-detail-kpis span[b-hiskosluko],
.loan-detail-next-action small[b-hiskosluko],
.loan-detail-operational-summary dt[b-hiskosluko],
.loan-detail-activity small[b-hiskosluko],
.loan-detail-history-list small[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.82rem;
}

.loan-detail-context__due strong[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.loan-detail-summary[b-hiskosluko] {
    padding: 1rem 1.2rem 0.7rem;
}

.loan-detail-kpis[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.loan-detail-kpis > div[b-hiskosluko] {
    display: grid;
    gap: 0.35rem;
    padding: 0 1.2rem;
    border-left: 1px solid var(--line-soft);
}

.loan-detail-kpis > div:first-child[b-hiskosluko] {
    padding-left: 0;
    border-left: 0;
}

.loan-detail-kpis strong[b-hiskosluko] {
    font-size: 1.08rem;
}

.loan-detail-kpis strong small[b-hiskosluko] {
    font-size: 0.78rem;
    font-weight: 500;
}

.loan-detail-kpi--positive strong[b-hiskosluko],
.loan-detail-progress__label[b-hiskosluko] {
    color: var(--positive);
}

.loan-detail-kpi--brand strong[b-hiskosluko],
.loan-detail-table__next[b-hiskosluko] {
    color: var(--brand);
}

.loan-detail-progress[b-hiskosluko] {
    height: 0.45rem;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--line);
}

.loan-detail-progress span[b-hiskosluko] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--positive);
}

.loan-detail-progress__label[b-hiskosluko] {
    display: block;
    margin-top: 0.35rem;
    text-align: center;
    font-size: 0.82rem;
}

.loan-detail-workspace[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.loan-detail-ledger[b-hiskosluko] {
    min-width: 0;
    overflow: hidden;
}

.loan-detail-tabs[b-hiskosluko] {
    padding: 0 1rem;
    border-bottom: 1px solid var(--line);
}

.loan-detail-schedule-filters[b-hiskosluko] {
    display: flex;
    gap: 0.55rem;
    padding: 0.9rem 1rem 0.35rem;
}

.loan-detail-schedule-filters button[b-hiskosluko] {
    min-height: 2.1rem;
    padding: 0.35rem 0.9rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}

.loan-detail-schedule-filters button.is-active[b-hiskosluko] {
    border-color: var(--brand);
    color: var(--brand);
    background: color-mix(in srgb, var(--brand) 8%, transparent);
}

.loan-detail-table-shell[b-hiskosluko] {
    margin: 0.45rem 1rem 0;
    border: 0;
    border-radius: 0;
}

.loan-detail-table th[b-hiskosluko],
.loan-detail-table td[b-hiskosluko] {
    white-space: nowrap;
}

.loan-detail-table th :deep(.app-icon)[b-hiskosluko] {
    width: 0.8rem;
    height: 0.8rem;
}

.loan-detail-chip[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.5rem;
    color: var(--muted);
    font-size: 0.76rem;
}

.loan-detail-chip :deep(.app-icon)[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
}

.loan-detail-chip--brand[b-hiskosluko] {
    color: color-mix(in srgb, var(--brand) 74%, var(--text-strong));
}

.loan-detail-chip--positive[b-hiskosluko] {
    color: var(--positive);
}

.loan-detail-chip--warning[b-hiskosluko] {
    color: var(--warning);
}

.loan-detail-chip--negative[b-hiskosluko] {
    color: var(--negative);
}

.loan-detail-chip--neutral[b-hiskosluko] {
    color: var(--muted);
}

.loan-detail-table__empty-action[b-hiskosluko] {
    display: block;
    text-align: center;
    color: var(--muted);
}

.loan-detail-ledger__footer[b-hiskosluko],
.loan-detail-updated[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.loan-detail-ledger__footer[b-hiskosluko] {
    padding: 1rem;
}

.loan-detail-updated[b-hiskosluko] {
    margin-right: auto;
}

.loan-detail-operational[b-hiskosluko] {
    display: grid;
    gap: 0.75rem;
}

.loan-detail-operational > section[b-hiskosluko] {
    padding: 0.9rem 1rem;
}

.loan-detail-operational h3[b-hiskosluko] {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
}

.loan-detail-operational-summary[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
    margin: 0;
}

.loan-detail-operational-summary div[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
}

.loan-detail-operational-summary dt[b-hiskosluko],
.loan-detail-operational-summary dd[b-hiskosluko] {
    margin: 0;
}

.loan-detail-operational-summary dt[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.loan-detail-operational-summary dd[b-hiskosluko] {
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
}

.loan-detail-operational-summary :deep(.app-icon)[b-hiskosluko] {
    width: 0.9rem;
    height: 0.9rem;
}

.loan-detail-next-action[b-hiskosluko] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.65rem 0;
    border-top: 1px solid var(--line-soft);
}

.loan-detail-next-action:first-of-type[b-hiskosluko] {
    border-top: 0;
}

.loan-detail-next-action__icon[b-hiskosluko] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    background: var(--panel-soft);
}

.loan-detail-next-action__icon--positive[b-hiskosluko] {
    color: var(--positive);
    background: color-mix(in srgb, var(--positive) 12%, var(--panel));
}

.loan-detail-next-action > div[b-hiskosluko] {
    display: grid;
    gap: 0.15rem;
}

.loan-detail-next-action b[b-hiskosluko] {
    font-size: 0.82rem;
}

.loan-detail-activity > div[b-hiskosluko],
.loan-detail-history-list article[b-hiskosluko] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: start;
    padding: 0.35rem 0;
}

.loan-detail-activity p[b-hiskosluko],
.loan-detail-history-list div[b-hiskosluko] {
    display: grid;
    gap: 0.15rem;
    margin: 0;
}

.loan-detail-activity time[b-hiskosluko],
.loan-detail-history-list time[b-hiskosluko] {
    color: var(--muted);
    font-size: 0.72rem;
}

.loan-detail-activity__dot[b-hiskosluko] {
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.3rem;
    border: 2px solid var(--positive);
    border-radius: 999px;
}

.loan-detail-history-link[b-hiskosluko] {
    width: 100%;
    justify-content: space-between;
    margin-top: 0.3rem;
    padding: 0;
}

.loan-detail-history-list[b-hiskosluko] {
    padding: 0.8rem 1rem;
}

.loan-detail-history-list > article + article[b-hiskosluko] {
    border-top: 1px solid var(--line-soft);
}

.loan-detail-complete[b-hiskosluko],
.loan-detail-activity-empty[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--muted);
    font-size: 0.82rem;
}

@media (max-width: 1100px) {
    .loan-detail-header-actions[b-hiskosluko] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .loan-detail-workspace[b-hiskosluko] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .loan-list-search :deep(.listview-search)[b-hiskosluko] {
        min-height: 3rem;
        padding: 0.82rem 0.95rem;
        border-radius: 16px;
    }

    .loan-bulk-summary[b-hiskosluko],
    .loan-bulk-filter-card__footer[b-hiskosluko],
    .loan-bulk-form__footer[b-hiskosluko],
    .loan-bulk-card__header[b-hiskosluko],
    .loan-bulk-card__actions[b-hiskosluko],
    .loan-bulk-card__meta[b-hiskosluko] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .loan-bulk-filter-card__actions[b-hiskosluko] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .loan-bulk-grid[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-bulk-schedule[b-hiskosluko] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .loan-bulk-schedule > strong[b-hiskosluko] {
        grid-column: 2;
    }

    .loan-detail-header-actions[b-hiskosluko] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .loan-detail-context[b-hiskosluko],
    .loan-detail-kpis[b-hiskosluko],
    .loan-detail-operational-summary[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-detail-context > div[b-hiskosluko],
    .loan-detail-context > div:nth-child(2)[b-hiskosluko],
    .loan-detail-context > div:nth-child(4)[b-hiskosluko],
    .loan-detail-context__due[b-hiskosluko] {
        grid-column: auto;
        grid-row: auto;
    }

    .loan-detail-kpis > div[b-hiskosluko],
    .loan-detail-kpis > div:first-child[b-hiskosluko] {
        padding: 0.7rem 0;
        border-left: 0;
        border-top: 1px solid var(--line-soft);
    }

    .loan-detail-kpis > div:first-child[b-hiskosluko] {
        padding-top: 0;
        border-top: 0;
    }

    .loan-detail-tabs[b-hiskosluko],
    .loan-detail-schedule-filters[b-hiskosluko] {
        overflow-x: auto;
    }

    .loan-detail-next-action[b-hiskosluko] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .loan-detail-next-action .btn[b-hiskosluko] {
        grid-column: 2 / -1;
    }

    .loan-detail-activity > div[b-hiskosluko],
    .loan-detail-history-list article[b-hiskosluko] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .loan-detail-activity time[b-hiskosluko],
    .loan-detail-history-list time[b-hiskosluko] {
        grid-column: 2;
    }
}

.loan-create-form[b-hiskosluko],
.loan-create-left-pane[b-hiskosluko],
.loan-create-left-scroll-card[b-hiskosluko] {
    min-width: 0;
}

.loan-create-form[b-hiskosluko] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.loan-create-left-pane[b-hiskosluko] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.loan-create-left-scroll-card[b-hiskosluko] {
    height: 100%;
    max-height: calc(min(88dvh, 980px) - 18rem);
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem 1rem 1.25rem;
    border-radius: 0 0 14px 14px;
    background: var(--surface-raised);
    scrollbar-gutter: stable;
}

.loan-create-mode-tabs[b-hiskosluko],
.loan-create-origin-tabs[b-hiskosluko] {
    display: grid;
    width: 100%;
}

.loan-create-mode-tabs[b-hiskosluko] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
}

.loan-create-origin-tabs[b-hiskosluko] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: .85rem;
}

.loan-create-mode-tabs .list-filter-tabs__item[b-hiskosluko],
.loan-create-origin-tabs .list-filter-tabs__item[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 40px;
}

.loan-create-mode-tabs svg[b-hiskosluko],
.loan-create-origin-tabs svg[b-hiskosluko] {
    width: 1.05rem;
    height: 1.05rem;
}

.loan-create-origin-fields[b-hiskosluko] {
    margin-top: .1rem;
}

.loan-contact-lookup[b-hiskosluko] {
    position: relative;
}

.loan-contact-lookup > small[b-hiskosluko] {
    color: var(--muted);
    font-size: .76rem;
}

.loan-contact-lookup__field[b-hiskosluko] {
    position: relative;
}

.loan-contact-lookup__field[b-hiskosluko]  .app-icon {
    position: absolute;
    top: 50%;
    left: .8rem;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    color: var(--muted);
    transform: translateY(-50%);
}

.loan-contact-lookup__field .form-control[b-hiskosluko] {
    padding-left: 2.35rem;
}

.loan-contact-lookup__menu[b-hiskosluko] {
    position: absolute;
    top: calc(100% - 1.1rem);
    left: 0;
    right: 0;
    z-index: 12;
    overflow: auto;
    max-height: 260px;
    padding: .35rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
    box-shadow: var(--shadow);
}

.loan-contact-lookup__menu button[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .65rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.loan-contact-lookup__menu button:hover[b-hiskosluko] {
    background: color-mix(in srgb, var(--brand-2) 10%, transparent);
}

.loan-contact-lookup__menu button > span:last-child[b-hiskosluko] {
    display: grid;
    gap: .15rem;
}

.loan-contact-lookup__menu small[b-hiskosluko],
.loan-contact-lookup__empty[b-hiskosluko] {
    color: var(--muted);
    font-size: .78rem;
}

.loan-contact-lookup__empty[b-hiskosluko] {
    display: block;
    padding: .75rem;
    text-align: center;
}

.loan-contact-lookup__avatar[b-hiskosluko] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand-2) 14%, var(--surface-raised));
    color: var(--brand-2);
    font-size: .72rem;
    font-weight: 800;
}

.loan-contact-lookup__selected[b-hiskosluko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: .55rem .7rem;
    border: 1px solid color-mix(in srgb, var(--brand-2) 48%, var(--line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--brand-2) 8%, var(--surface-raised));
}

.loan-contact-lookup__selected > span[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.loan-contact-lookup__selected[b-hiskosluko]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--brand-2);
}

.loan-contact-lookup__selected button[b-hiskosluko] {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.loan-interest-model-tabs[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

.loan-interest-model-tabs .list-filter-tabs__item[b-hiskosluko] {
    min-height: 38px;
}

.loan-interest-comparison[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.loan-interest-comparison button[b-hiskosluko] {
    position: relative;
    display: grid;
    gap: .2rem;
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--surface-raised);
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.loan-interest-comparison button:hover[b-hiskosluko],
.loan-interest-comparison button.is-selected[b-hiskosluko] {
    border-color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 8%, var(--surface-raised));
}

.loan-interest-comparison span[b-hiskosluko] {
    color: var(--muted);
    font-size: .76rem;
}

.loan-interest-comparison button > svg[b-hiskosluko] {
    position: absolute;
    top: .55rem;
    right: .55rem;
    width: 1rem;
    height: 1rem;
    color: var(--brand-2);
}

.loan-installment-stepper[b-hiskosluko] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    min-height: 40px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface-raised);
}

.loan-installment-stepper button[b-hiskosluko] {
    border: 0;
    background: transparent;
    color: var(--text-strong);
    cursor: pointer;
    font-size: 1.1rem;
}

.loan-installment-stepper button:first-child[b-hiskosluko] {
    border-right: 1px solid var(--line);
}

.loan-installment-stepper button:last-child[b-hiskosluko] {
    border-left: 1px solid var(--line);
}

.loan-installment-stepper button:hover[b-hiskosluko] {
    background: color-mix(in srgb, var(--brand-2) 10%, transparent);
    color: var(--brand-2);
}

.loan-installment-stepper span[b-hiskosluko] {
    display: grid;
    place-items: center;
    color: var(--text-strong);
    font-weight: 700;
}

.loan-calculated-field[b-hiskosluko] {
    position: relative;
}

.loan-calculated-field[b-hiskosluko]  .app-icon {
    position: absolute;
    top: 50%;
    right: .8rem;
    width: .95rem;
    height: .95rem;
    color: var(--muted);
    pointer-events: none;
    transform: translateY(-50%);
}

.loan-calculated-field[b-hiskosluko]  input {
    padding-right: 2.35rem;
    color: var(--muted);
    cursor: not-allowed;
    opacity: .82;
}

.loan-create-summary-tabs[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.loan-create-summary-tabs .list-filter-tabs__item[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-width: 0;
}

.loan-create-summary-tabs svg[b-hiskosluko] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
}

.loan-create-summary-panel[b-hiskosluko] {
    border-radius: 0 0 12px 12px;
}

.loan-create-summary-panel--schedule[b-hiskosluko] {
    padding: 0;
}

.loan-create-summary-panel--schedule .loan-create-summary__info[b-hiskosluko] {
    margin: 0 .9rem 1rem;
}

.loan-create-schedule-pane[b-hiskosluko] {
    display: grid;
    gap: 1rem;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr) auto;
    align-content: stretch;
    height: 100%;
    overflow: hidden;
}

.loan-create-import[b-hiskosluko] {
    gap: .35rem;
    margin-right: auto;
}

.loan-create-summary__interest dd[b-hiskosluko] {
    color: var(--warning, #d97706);
}

.loan-create-schedule-preview__table[b-hiskosluko] {
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.loan-create-schedule-preview__table > div:not(.loan-create-schedule-empty)[b-hiskosluko] {
    display: grid;
    grid-template-columns: .7fr 1.2fr 1fr;
    gap: .55rem;
    padding: .62rem .75rem;
    border-top: 1px solid var(--line);
    font-size: .78rem;
}

.loan-create-schedule-preview__table > div:first-child[b-hiskosluko] {
    position: sticky;
    top: 0;
    z-index: 1;
    border-top: 0;
    background: var(--surface-soft);
    color: var(--muted);
}

.loan-create-schedule-preview__table > div > :last-child[b-hiskosluko] {
    text-align: right;
}

.loan-create-schedule-empty[b-hiskosluko] {
    display: grid;
    place-items: center;
    gap: .5rem;
    min-height: 180px;
    padding: 1.25rem;
    border-top: 1px solid var(--line);
    color: var(--muted);
    text-align: center;
}

.loan-create-schedule-empty svg[b-hiskosluko] {
    width: 2.2rem;
    height: 2.2rem;
}

.loan-create-schedule-empty strong[b-hiskosluko] {
    color: var(--text);
    font-size: .86rem;
}

.loan-create-schedule-empty span[b-hiskosluko] {
    font-size: .78rem;
}

@media (max-width: 980px) {
    .loan-create-form[b-hiskosluko] {
        height: auto;
        overflow: visible;
    }

    .loan-create-left-pane[b-hiskosluko] {
        grid-template-rows: auto auto;
        height: auto;
        overflow: visible;
    }

    .loan-create-left-scroll-card[b-hiskosluko] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .loan-create-schedule-pane[b-hiskosluko] {
        height: auto;
        overflow: visible;
    }

    .loan-create-schedule-preview__table[b-hiskosluko] {
        height: auto;
        max-height: 40dvh;
    }
}

@media (max-width: 620px) {
    .loan-create-mode-tabs[b-hiskosluko],
    .loan-create-origin-tabs[b-hiskosluko],
    .loan-interest-model-tabs[b-hiskosluko],
    .loan-interest-comparison[b-hiskosluko] {
        grid-template-columns: 1fr;
    }
}

.loan-payment-form[b-hiskosluko] {
    display: grid;
    gap: 1.4rem;
}

.loan-payment-overview[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-soft) 72%, transparent);
    padding: 1.05rem 0;
}

.loan-payment-overview > div[b-hiskosluko] {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: 0 1.25rem;
    border-right: 1px solid var(--line);
}

.loan-payment-overview > div:last-child[b-hiskosluko] {
    border-right: 0;
}

.loan-payment-overview span[b-hiskosluko],
.loan-payment-section-heading span[b-hiskosluko],
.loan-payment-partial-note span[b-hiskosluko] {
    color: var(--muted);
    font-size: .86rem;
}

.loan-payment-overview strong[b-hiskosluko] {
    color: var(--text-strong);
    font-size: 1.08rem;
}

.loan-payment-overview__status[b-hiskosluko] {
    align-content: start;
}

.loan-payment-tabs-section[b-hiskosluko] {
    display: grid;
    gap: 0;
    margin-top: .15rem;
}

.loan-payment-mode-tabs[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.loan-payment-mode-tabs .list-filter-tabs__item[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.loan-payment-mode-tabs svg[b-hiskosluko] {
    width: 1.05rem;
    height: 1.05rem;
}

.loan-payment-tab-panel[b-hiskosluko] {
    overflow: visible;
    padding: 1rem;
    border-radius: 0 0 12px 12px;
    background: var(--surface-raised);
}

.loan-payment-workspace[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1.6rem;
    align-items: start;
}

.loan-payment-schedules[b-hiskosluko],
.loan-payment-info[b-hiskosluko],
.loan-payment-partial-note[b-hiskosluko] {
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface-raised);
}

.loan-payment-schedules[b-hiskosluko] {
    padding: .1rem 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.loan-payment-section-heading[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

.loan-payment-section-heading > div:first-child[b-hiskosluko] {
    display: grid;
    gap: .25rem;
}

.loan-payment-quick-actions[b-hiskosluko] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.loan-payment-quick-actions .btn[b-hiskosluko] {
    gap: .35rem;
}

.loan-schedule-picker[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.loan-schedule-picker__item[b-hiskosluko] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    min-height: 112px;
    padding: .9rem;
    border-radius: 13px;
    border: 1px solid transparent;
    background: color-mix(in srgb, var(--panel-soft) 78%, transparent);
    color: var(--text-strong);
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.loan-schedule-picker__item:hover[b-hiskosluko] {
    border-color: color-mix(in srgb, var(--brand-2) 24%, transparent);
    background: color-mix(in srgb, var(--brand-2) 5%, var(--panel-soft));
    transform: translateY(-1px);
}

.loan-schedule-picker__item.is-selected[b-hiskosluko] {
    border-color: var(--brand-2);
    background: color-mix(in srgb, var(--brand-2) 10%, var(--panel));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-2) 25%, transparent);
}

.loan-schedule-picker__content[b-hiskosluko] {
    display: grid;
    align-content: start;
    gap: .25rem;
}

.loan-schedule-picker__content > span[b-hiskosluko],
.loan-schedule-picker__content small[b-hiskosluko] {
    color: var(--muted);
    font-size: .82rem;
}

.loan-schedule-picker__content small[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.loan-schedule-picker__content i[b-hiskosluko] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--muted);
}

.loan-schedule-picker__amount[b-hiskosluko] {
    align-self: end;
    white-space: nowrap;
    font-weight: 700;
}

.loan-schedule-picker__check[b-hiskosluko] {
    position: absolute;
    top: .7rem;
    right: .7rem;
    display: none;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: var(--brand-2);
    color: #fff;
}

.loan-schedule-picker__check svg[b-hiskosluko] {
    width: .9rem;
    height: .9rem;
}

.loan-schedule-picker__item.is-selected .loan-schedule-picker__check[b-hiskosluko] {
    display: grid;
}

.loan-schedule-picker__item.is-selected .loan-schedule-picker__amount[b-hiskosluko] {
    padding-right: 1.5rem;
}

.loan-payment-summary-card[b-hiskosluko] {
    display: grid;
    gap: 1.15rem;
    padding: 1.2rem;
    border: 0;
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel-soft) 76%, transparent);
}

.loan-payment-summary-card__selection[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem .9rem;
    border: 0;
    border-radius: 10px;
    background: color-mix(in srgb, var(--surface-raised) 88%, transparent);
    color: var(--text);
}

.loan-payment-summary-card__selection svg[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
    color: var(--brand-2);
}

.loan-payment-summary-card dl[b-hiskosluko] {
    display: grid;
    gap: .85rem;
    margin: 0;
}

.loan-payment-summary-card dl div[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.loan-payment-summary-card dt[b-hiskosluko] {
    color: var(--muted);
}

.loan-payment-summary-card dd[b-hiskosluko] {
    margin: 0;
    color: var(--text-strong);
}

.loan-payment-summary-card__total[b-hiskosluko] {
    display: grid;
    gap: .4rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.loan-payment-summary-card__total span[b-hiskosluko] {
    color: var(--muted);
}

.loan-payment-summary-card__total strong[b-hiskosluko] {
    color: var(--brand-2);
    font-size: 1.55rem;
    text-align: right;
}

.loan-payment-partial-note[b-hiskosluko],
.loan-payment-info[b-hiskosluko] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: 1rem;
}

.loan-payment-partial-note svg[b-hiskosluko],
.loan-payment-info svg[b-hiskosluko] {
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    color: var(--brand-2);
}

.loan-payment-partial-note div[b-hiskosluko] {
    display: grid;
    gap: .2rem;
}

.loan-early-settlement-workspace[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .9fr);
    gap: 1.25rem;
    align-items: stretch;
}

.loan-early-settlement-card[b-hiskosluko],
.loan-early-settlement-summary[b-hiskosluko] {
    border: 1px solid color-mix(in srgb, var(--positive) 55%, var(--line));
    border-radius: 16px;
    background: color-mix(in srgb, var(--positive) 3%, var(--surface-raised));
    padding: 1rem;
}

.loan-early-settlement-heading[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
}

.loan-early-settlement-heading > div[b-hiskosluko] {
    display: grid;
    gap: .2rem;
}

.loan-early-settlement-heading span[b-hiskosluko],
.loan-early-settlement-caption[b-hiskosluko] {
    color: var(--muted);
    font-size: .86rem;
}

.loan-early-settlement-icon[b-hiskosluko] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: 50%;
    color: var(--positive);
    background: color-mix(in srgb, var(--positive) 12%, var(--surface-raised));
}

.loan-early-settlement-icon svg[b-hiskosluko] {
    width: 1.25rem;
    height: 1.25rem;
}

.loan-early-settlement-table[b-hiskosluko] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
}

.loan-early-settlement-table__row[b-hiskosluko] {
    display: grid;
    grid-template-columns: .65fr 1.15fr repeat(3, 1fr);
    gap: .65rem;
    align-items: center;
    min-width: 680px;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--line);
    font-size: .84rem;
}

.loan-early-settlement-table__row:last-child[b-hiskosluko] {
    border-bottom: 0;
}

.loan-early-settlement-table__head[b-hiskosluko] {
    color: var(--muted);
    background: color-mix(in srgb, var(--line) 35%, transparent);
}

.loan-early-settlement-discount[b-hiskosluko],
.loan-early-settlement-summary .is-discount[b-hiskosluko] {
    color: var(--positive);
}

.loan-early-settlement-caption[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .85rem 0 0;
}

.loan-early-settlement-caption svg[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
}

.loan-early-settlement-summary[b-hiskosluko] {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.loan-early-settlement-summary header[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.loan-early-settlement-summary header > span[b-hiskosluko] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .5rem;
    border-radius: 999px;
    color: var(--positive);
    background: color-mix(in srgb, var(--positive) 10%, var(--surface-raised));
    font-size: .72rem;
    white-space: nowrap;
}

.loan-early-settlement-summary svg[b-hiskosluko] {
    width: 1rem;
    height: 1rem;
}

.loan-early-settlement-summary dl[b-hiskosluko] {
    display: grid;
    gap: .85rem;
    margin: 0;
}

.loan-early-settlement-summary dl > div[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.loan-early-settlement-summary dd[b-hiskosluko] {
    margin: 0;
    font-weight: 700;
    white-space: nowrap;
}

.loan-early-settlement-total[b-hiskosluko] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.loan-early-settlement-total strong[b-hiskosluko] {
    color: var(--brand-2);
    font-size: 1.65rem;
    white-space: nowrap;
}

.loan-early-settlement-summary > p[b-hiskosluko] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: .8rem;
    border-radius: 12px;
    color: var(--positive);
    background: color-mix(in srgb, var(--positive) 8%, var(--surface-raised));
    font-size: .82rem;
}

.loan-payment-fields[b-hiskosluko] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1.25rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--line);
}

.loan-payment-fields__form[b-hiskosluko] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
}

.loan-payment-fields__form > div[b-hiskosluko] {
    min-width: 0;
}

.loan-payment-fields__notes[b-hiskosluko] {
    grid-column: 1 / -1;
}

.loan-payment-fields__notes label span[b-hiskosluko] {
    color: var(--muted);
    font-weight: 400;
}

.loan-payment-fields__notes textarea[b-hiskosluko] {
    min-height: 74px;
    resize: vertical;
}

.loan-payment-info[b-hiskosluko] {
    align-self: end;
    color: var(--muted);
    border-color: color-mix(in srgb, var(--brand-2) 45%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 8%, var(--surface-raised));
}

@media (max-width: 1100px) {
    .loan-payment-overview[b-hiskosluko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loan-payment-overview > div:nth-child(2)[b-hiskosluko] {
        border-right: 0;
    }

    .loan-payment-overview > div:nth-child(-n + 2)[b-hiskosluko] {
        padding-bottom: .85rem;
        margin-bottom: .85rem;
        border-bottom: 1px solid var(--line);
    }

    .loan-schedule-picker[b-hiskosluko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loan-payment-fields__form[b-hiskosluko] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .loan-payment-overview[b-hiskosluko],
    .loan-payment-workspace[b-hiskosluko],
    .loan-early-settlement-workspace[b-hiskosluko],
    .loan-payment-fields[b-hiskosluko],
    .loan-payment-fields__form[b-hiskosluko],
    .loan-schedule-picker[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-payment-overview > div[b-hiskosluko] {
        padding: .75rem 1rem;
        margin: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .loan-payment-overview > div:nth-child(-n + 2)[b-hiskosluko] {
        padding-bottom: .75rem;
        margin-bottom: 0;
    }

    .loan-payment-overview > div:last-child[b-hiskosluko] {
        border-bottom: 0;
    }

    .loan-payment-mode-tabs[b-hiskosluko] {
        grid-template-columns: 1fr;
    }

    .loan-payment-tab-panel[b-hiskosluko] {
        padding: .8rem;
    }

    .loan-payment-section-heading[b-hiskosluko] {
        display: grid;
    }

    .loan-payment-quick-actions[b-hiskosluko] {
        justify-content: flex-start;
    }

    .loan-payment-fields__notes[b-hiskosluko] {
        grid-column: auto;
    }
}
/* /Components/Pages/Invoices.razor.rz.scp.css */
.invoice-manage-panel[b-v8pez9e435] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.invoice-manage-panel__header[b-v8pez9e435] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.invoice-manage-panel__copy[b-v8pez9e435] {
    min-width: 0;
}

.invoice-manage-panel__copy h1[b-v8pez9e435] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.invoice-manage-panel__copy p[b-v8pez9e435] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.invoice-detail__primary-content[b-v8pez9e435] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.invoice-detail__entries[b-v8pez9e435] {
    gap: 0;
}

.invoice-detail__controls[b-v8pez9e435] {
    background: var(--surface-raised);
}

.invoice-detail__controls .invoice-competency-nav[b-v8pez9e435] {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.invoice-detail__entries-panel[b-v8pez9e435] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: var(--surface-raised);
    overflow: visible;
}

.invoice-card-switcher[b-v8pez9e435] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    width: 100%;
    margin-top: .3rem;
    padding: .95rem 1.15rem;
    border: 1px solid var(--line-soft);
    border-radius: 1rem;
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow-soft);
    color: var(--text-strong);
    transition: border-color .16s ease, transform .16s ease;
}

.invoice-card-switcher:hover[b-v8pez9e435],
.invoice-card-switcher:focus-visible[b-v8pez9e435] {
    border-color: color-mix(in srgb, var(--brand) 45%, transparent);
    transform: translateY(-1px);
}

.invoice-card-switcher__main[b-v8pez9e435] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.invoice-card-switcher__text[b-v8pez9e435] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .05rem;
    line-height: 1.15;
}

.invoice-card-switcher__name[b-v8pez9e435] {
    font-size: .95rem;
    font-weight: 700;
    color: var(--text-strong);
}

.invoice-card-switcher__digits[b-v8pez9e435] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--muted);
}

.invoice-card-switcher__chevron[b-v8pez9e435] {
    transition: transform .16s ease;
}

.invoice-card-switcher--open .invoice-card-switcher__chevron[b-v8pez9e435] {
    transform: rotate(180deg);
}

.invoice-competency-nav[b-v8pez9e435] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.5rem;
    padding: .5rem .75rem;
    border: 1px solid var(--line-soft);
    border-radius: 1rem;
    background: var(--panel);
}

.invoice-competency-nav__button[b-v8pez9e435] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    border: 1px solid var(--line-soft);
    border-radius: 999px;
    background: transparent;
    color: var(--text-strong);
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.invoice-competency-nav__button:hover[b-v8pez9e435],
.invoice-competency-nav__button:focus-visible[b-v8pez9e435] {
    border-color: color-mix(in srgb, var(--brand) 45%, transparent);
    background: rgba(37, 99, 235, .08);
    transform: translateY(-1px);
}

.invoice-competency-nav__months[b-v8pez9e435] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: .35rem;
    flex: 1 1 auto;
    min-width: 0;
}

.invoice-competency-nav__month[b-v8pez9e435] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: .5rem .35rem;
    border: 1px solid transparent;
    border-radius: .85rem;
    background: transparent;
    color: var(--muted-strong);
    text-align: center;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.invoice-competency-nav__month:hover[b-v8pez9e435],
.invoice-competency-nav__month:focus-visible[b-v8pez9e435] {
    border-color: var(--line-soft);
    background: rgba(37, 99, 235, .06);
}

.invoice-competency-nav__month-status[b-v8pez9e435] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: inherit;
    opacity: .75;
}

.invoice-competency-nav__month-label[b-v8pez9e435] {
    font-size: .88rem;
    font-weight: 700;
    color: var(--text-strong);
    text-transform: capitalize;
}

.invoice-competency-nav__month-value[b-v8pez9e435] {
    font-size: .8rem;
    font-weight: 600;
    color: inherit;
    padding-bottom: .3rem;
    border-bottom: 2px solid transparent;
}

.invoice-competency-nav__month--active[b-v8pez9e435] {
    color: var(--brand);
}

.invoice-competency-nav__month--active .invoice-competency-nav__month-label[b-v8pez9e435] {
    color: var(--brand);
}

.invoice-competency-nav__month--active .invoice-competency-nav__month-value[b-v8pez9e435] {
    color: var(--brand);
    border-bottom-color: var(--brand);
}

.invoice-detail-grid[b-v8pez9e435] {
    grid-template-columns: minmax(300px, 1fr) minmax(0, 2.4fr);
}

.invoice-detail__primary[b-v8pez9e435],
.invoice-detail__entries[b-v8pez9e435] {
    display: grid;
    align-content: start;
    gap: 0;
}

.invoice-detail__header[b-v8pez9e435] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.invoice-detail__header-top[b-v8pez9e435] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--ui-space-3, 0.75rem);
}

.invoice-detail__items-heading[b-v8pez9e435] {
    margin-bottom: 0;
}

.invoice-detail__items-heading--count-only[b-v8pez9e435] {
    justify-content: flex-end;
}

.invoice-detail__entries-content[b-v8pez9e435] {
    display: grid;
    gap: 1.25rem;
}

.invoice-detail__entries-content .invoice-detail__items-heading[b-v8pez9e435] {
    margin-top: .5rem;
}

.invoice-tabs[b-v8pez9e435] {
    width: fit-content;
    max-width: 100%;
    margin: 0;
}

.invoice-detail__kpis[b-v8pez9e435] {
    grid-template-columns: 1fr;
    gap: .75rem;
}

.invoice-detail__kpis :deep(.kpi-card)[b-v8pez9e435] {
    min-height: 0;
    padding: 1.1rem 1.15rem;
    justify-content: space-between;
}

.invoice-detail__kpis :deep(.kpi-card strong)[b-v8pez9e435] {
    margin: .25rem 0;
    line-height: 1.05;
}

.invoice-detail__card[b-v8pez9e435] {
    gap: .55rem;
    padding: 1.1rem 1.15rem;
    justify-content: flex-start;
}

.invoice-detail__card .eyebrow[b-v8pez9e435] {
    margin-bottom: .15rem;
}

.invoice-detail__card strong[b-v8pez9e435] {
    color: var(--text-strong);
    font-size: 1.05rem;
}

.invoice-detail__card span:not(.eyebrow)[b-v8pez9e435] {
    color: var(--text);
    line-height: 1.45;
}

.invoice-detail__payment-actions[b-v8pez9e435] {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: .6rem;
}

.invoice-detail__payment-actions .btn[b-v8pez9e435] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    gap: .4rem;
    padding-left: .75rem;
    padding-right: .75rem;
    white-space: nowrap;
}

.invoice-cycle-payment-card[b-v8pez9e435] {
    gap: 0;
}

.invoice-cycle-payment-card__section[b-v8pez9e435] {
    display: grid;
    gap: 1rem;
    padding: .25rem 0;
}

.invoice-cycle-payment-card__divider[b-v8pez9e435] {
    margin: 1.1rem 0;
    border: none;
    border-top: 1px solid var(--line-soft);
}

.invoice-cycle-payment-card__heading[b-v8pez9e435] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.invoice-cycle-payment-card__heading h4[b-v8pez9e435] {
    margin: 0;
    color: var(--text-strong);
    font-size: 1.05rem;
}

.invoice-icon-badge[b-v8pez9e435] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    border-radius: .85rem;
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand);
}

.invoice-timeline[b-v8pez9e435] {
    display: grid;
    gap: 0;
}

.invoice-timeline__item[b-v8pez9e435] {
    display: grid;
    grid-template-columns: 1.4rem 1fr;
    position: relative;
}

.invoice-timeline__item:not(:last-child)[b-v8pez9e435] {
    padding-bottom: .85rem;
}

.invoice-timeline__item:not(:last-child)[b-v8pez9e435]::before {
    content: "";
    position: absolute;
    left: .3rem;
    top: .95rem;
    bottom: -.15rem;
    width: 2px;
    background: var(--line-soft);
}

.invoice-timeline__dot[b-v8pez9e435] {
    width: .65rem;
    height: .65rem;
    margin-top: .3rem;
    border-radius: 999px;
    background: var(--line);
}

.invoice-timeline__dot--active[b-v8pez9e435] {
    background: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);
}

.invoice-timeline__content[b-v8pez9e435] {
    display: grid;
    gap: .1rem;
}

.invoice-timeline__content .eyebrow[b-v8pez9e435] {
    margin-bottom: 0;
}

.invoice-status-pill[b-v8pez9e435] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem .9rem;
    border-radius: .85rem;
    font-size: .9rem;
    font-weight: 600;
    width: fit-content;
}

.invoice-status-pill :deep(svg)[b-v8pez9e435] {
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 auto;
}

.invoice-status-pill--warning[b-v8pez9e435] {
    color: var(--warning);
    background: color-mix(in srgb, var(--warning) 14%, transparent);
}

.invoice-status-pill--positive[b-v8pez9e435] {
    color: var(--positive);
    background: color-mix(in srgb, var(--positive) 14%, transparent);
}

.invoice-third-party-groups[b-v8pez9e435] {
    display: grid;
    gap: .9rem;
}

.invoice-third-party-group[b-v8pez9e435] {
    gap: .9rem;
    padding: 1rem 1.05rem;
}

.invoice-third-party-group__header[b-v8pez9e435] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.invoice-third-party-group__header strong[b-v8pez9e435] {
    color: var(--text-strong);
    font-size: 1rem;
}

.invoice-third-party-group__header span[b-v8pez9e435] {
    color: var(--text-strong);
    font-size: .95rem;
    font-weight: 700;
}

.invoice-category-cell[b-v8pez9e435] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.invoice-category-cell__icon[b-v8pez9e435] {
    display: inline-flex;
    width: 1.2rem;
    height: 1.2rem;
    align-items: center;
    justify-content: center;
    color: var(--muted-strong);
}

.invoice-anticipation[b-v8pez9e435] {
    display: grid;
    gap: 1rem;
}

.invoice-anticipation__intro[b-v8pez9e435] {
    display: grid;
    gap: .35rem;
}

.invoice-anticipation__intro h3[b-v8pez9e435] {
    margin: 0;
}

.invoice-anticipation__intro p[b-v8pez9e435] {
    color: var(--muted-strong);
    margin: 0;
    line-height: 1.5;
}

.invoice-anticipation__purchase-list[b-v8pez9e435] {
    display: grid;
    gap: .75rem;
}

.invoice-anticipation__purchase-card[b-v8pez9e435] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    border: 1px solid var(--line-soft);
    border-radius: 1rem;
    background: var(--panel);
    padding: 1rem 1.05rem;
    text-align: left;
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.invoice-anticipation__purchase-card:hover[b-v8pez9e435],
.invoice-anticipation__purchase-card:focus-visible[b-v8pez9e435] {
    border-color: color-mix(in srgb, var(--brand) 45%, transparent);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
    transform: translateY(-1px);
}

.invoice-anticipation__purchase-card--active[b-v8pez9e435] {
    border-color: var(--brand);
    box-shadow: 0 12px 28px rgba(37, 99, 235, .12);
}

.invoice-anticipation__purchase-card strong[b-v8pez9e435] {
    color: var(--text-strong);
    display: block;
    font-size: 1rem;
}

.invoice-anticipation__purchase-card-aside[b-v8pez9e435] {
    display: grid;
    gap: .25rem;
    justify-items: end;
}

.invoice-anticipation__selected-summary[b-v8pez9e435] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.invoice-anticipation__selected-summary .detail-card[b-v8pez9e435] {
    min-height: 120px;
}

.invoice-anticipation-confirmation[b-v8pez9e435] {
    display: grid;
    gap: 1rem;
}

.invoice-anticipation-confirmation__lead[b-v8pez9e435] {
    color: var(--muted-strong);
    margin: 0;
    line-height: 1.55;
}

.invoice-anticipation-confirmation__summary[b-v8pez9e435] {
    display: grid;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid var(--line-soft);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(248, 250, 252, .9), rgba(255, 255, 255, 1));
    box-shadow: 0 14px 32px rgba(15, 23, 42, .05);
}

.invoice-anticipation-confirmation__hero[b-v8pez9e435] {
    display: grid;
    gap: .35rem;
}

.invoice-anticipation-confirmation__hero strong[b-v8pez9e435] {
    color: var(--text-strong);
    font-size: 1.05rem;
    line-height: 1.35;
}

.invoice-anticipation-confirmation__metrics[b-v8pez9e435] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.invoice-anticipation-confirmation__metric[b-v8pez9e435] {
    display: grid;
    gap: .2rem;
    padding: .75rem .8rem;
    border-radius: .9rem;
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(148, 163, 184, .18);
}

.invoice-anticipation-confirmation__metric span[b-v8pez9e435] {
    color: var(--muted-strong);
    font-size: .77rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.invoice-anticipation-confirmation__metric strong[b-v8pez9e435] {
    color: var(--text-strong);
    font-size: 1rem;
    line-height: 1.35;
    word-break: break-word;
}

.invoice-anticipation-confirmation__metric--accent[b-v8pez9e435] {
    grid-column: 1 / -1;
    background: rgba(37, 99, 235, .08);
    border-color: rgba(37, 99, 235, .16);
}

@media (max-width: 720px) {
    .invoice-anticipation-confirmation__metrics[b-v8pez9e435] {
        grid-template-columns: 1fr;
    }
}

.invoice-anticipation-confirmation[b-v8pez9e435] {
    display: grid;
    gap: .9rem;
}

.invoice-anticipation-confirmation p[b-v8pez9e435] {
    color: var(--muted-strong);
    margin: 0;
    line-height: 1.55;
}

@media (max-width: 900px) {
    .invoice-detail-grid[b-v8pez9e435] {
        grid-template-columns: 1fr;
    }

    .invoice-third-party-group__header[b-v8pez9e435] {
        align-items: flex-start;
        flex-direction: column;
    }

    .invoice-anticipation__selected-summary[b-v8pez9e435] {
        grid-template-columns: 1fr;
    }

    .invoice-anticipation__purchase-card[b-v8pez9e435] {
        align-items: flex-start;
        flex-direction: column;
    }

    .invoice-anticipation__purchase-card-aside[b-v8pez9e435] {
        justify-items: start;
    }

    .invoice-competency-nav[b-v8pez9e435] {
        gap: .4rem;
    }

    .invoice-competency-nav__months[b-v8pez9e435] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        gap: .4rem;
        padding-bottom: .15rem;
    }

    .invoice-competency-nav__month[b-v8pez9e435] {
        flex: 0 0 auto;
        min-width: 4.6rem;
        scroll-snap-align: center;
    }
}

@media (max-width: 640px) {
    .invoice-manage-panel[b-v8pez9e435] {
        padding: 1rem;
        border-radius: 16px;
    }

    .invoice-detail__controls[b-v8pez9e435],
    .invoice-detail__entries-panel[b-v8pez9e435] {
        padding: .9rem;
    }
}
/* /Components/Pages/People.razor.rz.scp.css */
/* Unified Pessoas surface: title, summary, toolbar, controls and data share one visual shell. */
.people-manage-panel[b-jtr9cjjvz1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 1.55rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.people-manage-panel__header[b-jtr9cjjvz1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.people-manage-panel__copy h1[b-jtr9cjjvz1] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.people-manage-panel__copy p[b-jtr9cjjvz1] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.people-manage-panel__overview[b-jtr9cjjvz1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    min-width: 0;
}

.people-stat-tiles[b-jtr9cjjvz1] {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: .6rem;
    min-width: 0;
}

.people-stat-tile[b-jtr9cjjvz1] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .58rem .75rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface-raised);
    color: var(--text-strong);
    font-size: .8rem;
    min-width: 0;
    white-space: nowrap;
}

.people-stat-tile strong[b-jtr9cjjvz1] {
    font-size: .95rem;
}

.people-stat-tile__icon[b-jtr9cjjvz1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    flex-shrink: 0;
    background: transparent;
    color: var(--brand-2, #3b6ef5);
}

.people-stat-tile__icon[b-jtr9cjjvz1]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.people-stat-tile__icon--family[b-jtr9cjjvz1] {
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
}

.people-stat-tile__icon--company[b-jtr9cjjvz1] {
    color: var(--brand-2, #3b6ef5);
}

.people-stat-tile__icon--other[b-jtr9cjjvz1] {
    color: var(--muted-strong);
}

.people-stat-tile__icon--positive[b-jtr9cjjvz1] {
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
}

.people-manage-panel__toolbar[b-jtr9cjjvz1] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: .6rem;
    min-width: min(100%, 31rem);
}

.people-manage-panel__toolbar[b-jtr9cjjvz1]  .listview-search {
    flex: 1 1 18rem;
    min-width: 12rem;
    max-width: 22rem;
    padding: .55rem .8rem;
    border-radius: 10px;
}

.people-manage-panel__toolbar .btn[b-jtr9cjjvz1] {
    flex-shrink: 0;
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.people-controls-row[b-jtr9cjjvz1] {
    margin-top: 1.35rem;
}

.people-category-tabs[b-jtr9cjjvz1] {
    flex-wrap: wrap;
}

.people-sort-select[b-jtr9cjjvz1] {
    flex-shrink: 0;
}

.people-manage-panel__content .people-last-updated[b-jtr9cjjvz1] {
    padding: 0 1rem .9rem;
}

/* Avatar with the contact's initials. Unlike Accounts (tone tied to account type), the mockup
   shows varying pastel colors per row with no business meaning, so the tone is derived from a
   deterministic hash of the contact id — stable across re-renders/sorts, no domain concept added. */
.people-table-identity[b-jtr9cjjvz1] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.people-table-identity__avatar[b-jtr9cjjvz1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    flex-shrink: 0;
    border-radius: 999px;
    font-weight: 700;
    font-size: .82rem;
    color: #fff;
}

.people-table-identity__avatar--0[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(91, 141, 255, .95), rgba(114, 203, 255, .9));
}

.people-table-identity__avatar--1[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(47, 206, 149, .95), rgba(138, 239, 206, .85));
}

.people-table-identity__avatar--2[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(255, 177, 74, .95), rgba(255, 214, 122, .85));
}

.people-table-identity__avatar--3[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(161, 101, 255, .95), rgba(115, 70, 224, .9));
}

.people-table-identity__avatar--4[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(255, 118, 149, .95), rgba(255, 176, 194, .85));
}

.people-table-identity__avatar--5[b-jtr9cjjvz1] {
    background: linear-gradient(180deg, rgba(56, 189, 211, .95), rgba(130, 226, 240, .85));
}

.people-last-updated[b-jtr9cjjvz1] {
    margin: .85rem 0 0;
    color: var(--muted);
    font-size: .8rem;
}

@media (max-width: 1240px) {
    .people-manage-panel__overview[b-jtr9cjjvz1] {
        align-items: stretch;
        flex-direction: column;
    }

    .people-manage-panel__toolbar[b-jtr9cjjvz1] {
        width: 100%;
    }

    .people-manage-panel__toolbar[b-jtr9cjjvz1]  .listview-search {
        max-width: none;
    }
}

@media (max-width: 720px) {
    .people-manage-panel[b-jtr9cjjvz1] {
        padding: 1rem;
        border-radius: 16px;
    }

    .people-manage-panel__toolbar[b-jtr9cjjvz1] {
        flex-wrap: wrap;
    }

    .people-manage-panel__toolbar[b-jtr9cjjvz1]  .listview-search {
        flex-basis: 100%;
        min-width: 100%;
    }

    .people-manage-panel__toolbar .btn[b-jtr9cjjvz1] {
        flex: 1 1 auto;
    }

    .people-controls-row[b-jtr9cjjvz1] {
        align-items: stretch;
        flex-direction: column;
        padding: .75rem;
    }

    .people-category-tabs[b-jtr9cjjvz1] {
        width: 100%;
    }

    .people-category-tabs button[b-jtr9cjjvz1],
    .people-sort-select[b-jtr9cjjvz1] {
        width: 100%;
    }

    .people-sort-select .list-sort-select__input[b-jtr9cjjvz1] {
        flex: 1;
    }
}

@media (max-width: 420px) {
    .people-stat-tile[b-jtr9cjjvz1] {
        flex: 1 1 calc(50% - .3rem);
    }

    .people-manage-panel__toolbar .btn[b-jtr9cjjvz1] {
        width: 100%;
    }
}
/* /Components/Pages/Projects.razor.rz.scp.css */
.project-manage-panel[b-3q298z7yjj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.project-manage-panel__header[b-3q298z7yjj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.project-manage-panel__copy[b-3q298z7yjj] {
    min-width: 0;
}

.project-manage-panel__copy h1[b-3q298z7yjj] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.project-manage-panel__copy p[b-3q298z7yjj] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.project-manage-panel__toolbar[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: .6rem;
    min-width: min(100%, 38rem);
}

.project-manage-panel__toolbar[b-3q298z7yjj]  .listview-search {
    flex: 1 1 18rem;
    min-width: 12rem;
    max-width: 22rem;
    padding: .55rem .8rem;
    border-radius: 10px;
}

.project-manage-panel__toolbar .btn[b-3q298z7yjj] {
    flex-shrink: 0;
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.project-manage-panel__controls[b-3q298z7yjj] {
    margin-bottom: -1.1rem;
    background: var(--surface-raised);
}

.project-manage-panel__content[b-3q298z7yjj] {
    padding: 0;
    background: var(--surface-raised);
}

.project-list-shell__header[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.project-list-summary[b-3q298z7yjj] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
}

.project-list-summary[b-3q298z7yjj]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--brand-2, #3b6ef5);
}

.project-list-summary strong[b-3q298z7yjj] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -.02em;
}

.project-list-summary span[b-3q298z7yjj] {
    font-size: .92rem;
    color: var(--muted);
}

.project-list-table th:last-child[b-3q298z7yjj],
.project-list-table td:last-child[b-3q298z7yjj] {
    text-align: right;
}

.project-table-identity[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.project-table-identity__icon[b-3q298z7yjj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: var(--radius-full, 999px);
    border: 1px solid color-mix(in srgb, var(--brand-2) 24%, var(--line));
    background: color-mix(in srgb, var(--brand-2) 12%, transparent);
    color: var(--brand-2);
}

.project-table-identity__icon[b-3q298z7yjj]  .app-icon {
    width: 1rem;
    height: 1rem;
}

.project-table-row--active[b-3q298z7yjj] {
    background: color-mix(in srgb, var(--brand-2) 7%, var(--surface-raised));
}

.project-table-actions[b-3q298z7yjj] {
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: .35rem;
}

.project-board-shell[b-3q298z7yjj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.project-board-shell__header[b-3q298z7yjj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.project-board-shell__copy[b-3q298z7yjj] {
    min-width: 0;
}

.project-board-shell__copy h1[b-3q298z7yjj] {
    margin: .18rem 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.project-board-shell__copy p[b-3q298z7yjj] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.project-board-shell__toolbar[b-3q298z7yjj] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: .65rem;
    min-width: 0;
}

.project-board-shell__back[b-3q298z7yjj] {
    min-height: 2.65rem;
    white-space: nowrap;
}

.project-board-shell__kpis[b-3q298z7yjj] {
    margin: 0;
}

.project-board-shell__content[b-3q298z7yjj] {
    padding: 1rem;
    border-radius: 12px;
    background: var(--surface-raised);
    overflow: visible;
}

.project-board-topbar[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.project-board-header__period[b-3q298z7yjj] {
    display: grid;
    gap: .35rem;
    justify-items: end;
}

.project-board-header__period label[b-3q298z7yjj] {
    font-size: .74rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 700;
}

.project-board-header__period :deep(.form-control)[b-3q298z7yjj] {
    min-width: 190px;
}

.project-kpi-grid[b-3q298z7yjj] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .8rem;
}

.project-board-layout[b-3q298z7yjj] {
    display: grid;
    grid-template-columns: minmax(290px, .95fr) minmax(420px, 1.28fr) minmax(410px, 1.1fr);
    gap: .95rem;
    align-items: stretch;
}

.project-board-column[b-3q298z7yjj] {
    display: grid;
    gap: .95rem;
    align-content: start;
}

.project-board-column--center[b-3q298z7yjj] {
    grid-template-rows: auto auto;
}

.project-column-fill[b-3q298z7yjj] {
    min-height: 0;
    align-self: start;
}

.project-column-fill :deep(.panel-card)[b-3q298z7yjj] {
    height: auto;
    max-height: 44rem;
    display: flex;
    flex-direction: column;
}

.project-board-column :deep(.panel-card)[b-3q298z7yjj] {
    border-radius: 24px;
    padding: 1.05rem 1.1rem 1.15rem;
}

.project-board-column :deep(.panel-card h3)[b-3q298z7yjj] {
    margin-bottom: .78rem;
    font-size: 1rem;
    letter-spacing: -.01em;
}

.project-panel-head[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .85rem;
}

.project-item-link[b-3q298z7yjj] {
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: var(--text-strong);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--brand) 50%, transparent);
    text-underline-offset: .2rem;
}

.project-item-link:hover[b-3q298z7yjj] {
    color: color-mix(in srgb, var(--brand) 85%, var(--text-strong));
}

.project-inline-form[b-3q298z7yjj] {
    display: grid;
    gap: .55rem;
    margin-bottom: .82rem;
    align-items: center;
}

.project-inline-form--participants[b-3q298z7yjj] {
    grid-template-columns: minmax(0, 1.55fr) minmax(112px, .8fr) minmax(124px, .8fr) auto;
}

.project-inline-form--3[b-3q298z7yjj] {
    grid-template-columns: 1.6fr 1fr 1.2fr auto;
}

.project-inline-form--4[b-3q298z7yjj] {
    grid-template-columns: 1.4fr 1fr .7fr 1fr auto;
}

.project-inline-form--actual-main[b-3q298z7yjj] {
    grid-template-columns: minmax(0, 1.4fr) minmax(140px, .9fr) minmax(150px, .95fr) minmax(140px, 1fr) minmax(130px, .9fr);
    margin-bottom: .55rem;
}

.project-inline-form--actual-secondary[b-3q298z7yjj] {
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    margin-bottom: .9rem;
}

.compact-table th[b-3q298z7yjj],
.compact-table td[b-3q298z7yjj] {
    padding: .55rem .65rem;
    vertical-align: middle;
}

.project-participant-list[b-3q298z7yjj] {
    display: grid;
    gap: .45rem;
}

.project-participant-item[b-3q298z7yjj] {
    display: block;
    border: 1px solid color-mix(in srgb, var(--line-strong) 20%, var(--line));
    border-radius: 14px;
    padding: .58rem .62rem;
    background: color-mix(in srgb, var(--panel-soft) 80%, var(--panel));
}

.project-participant-item__body[b-3q298z7yjj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .6rem;
    align-items: flex-start;
}

.project-participant-item__avatar[b-3q298z7yjj] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -.02em;
    color: color-mix(in srgb, var(--text-strong) 92%, var(--brand) 8%);
    background: color-mix(in srgb, var(--panel) 88%, var(--brand) 8%);
    border: 2px solid color-mix(in srgb, var(--line-strong) 26%, var(--line));
    flex-shrink: 0;
}

.project-participant-item__content[b-3q298z7yjj] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.project-participant-item__name[b-3q298z7yjj] {
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.2;
    justify-self: start;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.project-participant-item__meta[b-3q298z7yjj] {
    color: var(--muted-strong, var(--text));
    font-size: .78rem;
}

.project-participant-item__details[b-3q298z7yjj] {
    display: flex;
    flex-wrap: wrap;
    gap: .22rem .65rem;
    margin-top: .12rem;
}

.project-participant-item__details > span[b-3q298z7yjj] {
    color: var(--muted-strong, var(--text));
    font-size: .8rem;
    line-height: 1.25;
    white-space: nowrap;
}

.project-participant-item__delete[b-3q298z7yjj] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--negative) 28%, var(--line));
    background: color-mix(in srgb, var(--negative) 7%, var(--panel));
    color: color-mix(in srgb, var(--negative) 76%, var(--text));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease;
}

.project-participant-item__delete:hover[b-3q298z7yjj] {
    background: color-mix(in srgb, var(--negative) 12%, var(--panel));
}

.project-participant-item__delete :deep(.app-icon)[b-3q298z7yjj] {
    width: .78rem;
    height: .78rem;
}

.project-metric-row[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
}

.project-metric-row__label[b-3q298z7yjj] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.project-metric-row__label :deep(.app-icon)[b-3q298z7yjj] {
    width: .95rem;
    height: .95rem;
    color: var(--muted);
}

.project-settlement-list[b-3q298z7yjj] {
    display: grid;
    gap: .65rem;
}

.project-settlement-card[b-3q298z7yjj] {
    border: 1px solid color-mix(in srgb, var(--line-strong) 20%, var(--line));
    border-radius: 16px;
    padding: .72rem .78rem;
    background: color-mix(in srgb, var(--panel-soft) 84%, var(--panel));
    display: grid;
    gap: .65rem;
}

.project-settlement-card__header[b-3q298z7yjj] {
    display: grid;
    gap: .1rem;
}

.project-settlement-card__title[b-3q298z7yjj] {
    display: block;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    margin-bottom: .2rem;
}

.project-settlement-card__header strong[b-3q298z7yjj] {
    display: block;
    font-size: 1rem;
    line-height: 1.25;
}

.project-settlement-card__metrics[b-3q298z7yjj] {
    display: grid;
    gap: .12rem;
}

.project-settlement-line[b-3q298z7yjj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .7rem;
    padding: .38rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 14%, var(--line));
}

.project-settlement-line:last-child[b-3q298z7yjj] {
    border-bottom: 0;
}

.project-settlement-line span[b-3q298z7yjj] {
    font-size: .73rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.project-settlement-line strong[b-3q298z7yjj] {
    font-size: .95rem;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.project-comparison-list[b-3q298z7yjj] {
    display: grid;
    gap: .65rem;
    max-height: 25rem;
    overflow: auto;
    padding-right: .12rem;
}

.project-comparison-shell[b-3q298z7yjj] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    min-height: 0;
}

.project-comparison-item[b-3q298z7yjj] {
    border: 1px solid color-mix(in srgb, var(--line-strong) 20%, var(--line));
    border-radius: 16px;
    padding: .78rem .82rem;
    background: color-mix(in srgb, var(--panel-soft) 84%, var(--panel));
    display: grid;
    gap: .5rem;
}

.project-comparison-item__header[b-3q298z7yjj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .65rem;
}

.project-comparison-item__header strong[b-3q298z7yjj] {
    font-size: 1.02rem;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.project-comparison-item__status[b-3q298z7yjj] {
    font-size: .78rem;
    color: var(--muted);
    white-space: nowrap;
}

.project-comparison-item__status--negative[b-3q298z7yjj] {
    color: var(--negative);
}

.project-comparison-item__status--positive[b-3q298z7yjj] {
    color: var(--positive);
}

.project-comparison-item__metrics[b-3q298z7yjj] {
    display: grid;
    gap: .1rem;
}

.project-comparison-item__line[b-3q298z7yjj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .65rem;
    padding: .3rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 14%, var(--line));
}

.project-comparison-item__line:last-child[b-3q298z7yjj] {
    border-bottom: 0;
}

.project-comparison-item__line span[b-3q298z7yjj] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--muted);
}

.project-comparison-item__line strong[b-3q298z7yjj] {
    font-size: .95rem;
    white-space: nowrap;
}

.project-actual-shell[b-3q298z7yjj] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
    min-height: 0;
    flex: 1 1 auto;
}

.project-actual-shell__top[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.project-actual-shell__headline[b-3q298z7yjj] {
    display: inline-flex;
    align-items: center;
}

.project-actual-list[b-3q298z7yjj] {
    display: grid;
    gap: .55rem;
    max-height: none;
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    padding-right: .15rem;
}

.project-actual-item[b-3q298z7yjj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .72rem;
    border: 1px solid color-mix(in srgb, var(--line-strong) 20%, var(--line));
    border-radius: 16px;
    padding: .74rem .8rem;
    background: color-mix(in srgb, var(--panel-soft) 84%, var(--panel));
}

.project-actual-item__icon[b-3q298z7yjj] {
    width: 2rem;
    height: 2rem;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: color-mix(in srgb, var(--text-strong) 78%, var(--brand) 22%);
}

.project-actual-item__icon :deep(.app-icon)[b-3q298z7yjj] {
    width: .95rem;
    height: .95rem;
}

.project-actual-item__main[b-3q298z7yjj] {
    min-width: 0;
    display: grid;
    gap: .18rem;
}

.project-actual-item__title-row[b-3q298z7yjj] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .7rem;
}

.project-actual-item__category[b-3q298z7yjj] {
    color: var(--muted);
    font-size: .84rem;
    white-space: nowrap;
}

.project-actual-item__meta[b-3q298z7yjj],
.project-actual-item__owner[b-3q298z7yjj] {
    color: var(--muted);
    font-size: .85rem;
}

.project-actual-item__owner[b-3q298z7yjj] {
    font-size: .83rem;
}

.project-actual-item__amount[b-3q298z7yjj] {
    white-space: nowrap;
    font-size: 1.04rem;
    font-weight: 700;
}

.project-actual-item__actions[b-3q298z7yjj] {
    gap: .3rem;
    justify-content: flex-end;
}

.project-actual-shell__footer[b-3q298z7yjj] {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid color-mix(in srgb, var(--line-strong) 18%, var(--line));
    padding-top: .75rem;
}

.project-actual-shell__footer span[b-3q298z7yjj] {
    color: var(--muted);
    font-size: .9rem;
}

.project-actual-shell__footer strong[b-3q298z7yjj] {
    font-size: 1.15rem;
    letter-spacing: -.01em;
}

.listview-pager[b-3q298z7yjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin: 0;
    padding: .9rem 1rem;
    border-top: 1px solid var(--line);
}

.listview-pager__meta[b-3q298z7yjj] {
    text-align: center;
    display: grid;
    gap: .15rem;
}

.listview-pager__meta span[b-3q298z7yjj] {
    color: var(--text-weak);
    font-size: .85rem;
}

@media (max-width: 1530px) {
    .project-kpi-grid[b-3q298z7yjj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .project-board-layout[b-3q298z7yjj] {
        grid-template-columns: minmax(280px, 1fr) minmax(380px, 1.15fr);
    }

    .project-board-column--center[b-3q298z7yjj] {
        grid-template-rows: auto;
    }

    .project-board-column--right[b-3q298z7yjj] {
        grid-column: 1 / -1;
    }

    .project-actual-shell[b-3q298z7yjj] {
        min-height: 30rem;
    }

    .project-actual-list[b-3q298z7yjj] {
        max-height: 28rem;
    }
}

@media (max-width: 1240px) {
    .project-board-header__period[b-3q298z7yjj] {
        justify-items: start;
    }
}

@media (max-width: 1024px) {
    .project-inline-form[b-3q298z7yjj],
    .project-inline-form--3[b-3q298z7yjj],
    .project-inline-form--4[b-3q298z7yjj],
    .project-inline-form--participants[b-3q298z7yjj],
    .project-inline-form--actual-main[b-3q298z7yjj],
    .project-inline-form--actual-secondary[b-3q298z7yjj] {
        grid-template-columns: 1fr;
    }

    .project-board-layout[b-3q298z7yjj],
    .project-kpi-grid[b-3q298z7yjj] {
        grid-template-columns: 1fr;
    }

    .project-board-column--center[b-3q298z7yjj] {
        grid-template-rows: auto;
    }

    .project-participant-item[b-3q298z7yjj],
    .project-actual-item[b-3q298z7yjj] {
        grid-template-columns: 1fr;
    }

    .project-participant-item__body[b-3q298z7yjj] {
        grid-template-columns: auto 1fr;
        align-items: start;
    }

    .project-participant-item__delete[b-3q298z7yjj] {
        grid-column: 2;
        justify-self: end;
    }

    .project-actual-item__actions[b-3q298z7yjj] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .project-actual-item__title-row[b-3q298z7yjj] {
        flex-wrap: wrap;
    }

    .project-actual-list[b-3q298z7yjj] {
        max-height: 26rem;
    }

    .listview-pager[b-3q298z7yjj] {
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .project-manage-panel__header[b-3q298z7yjj],
    .project-manage-panel__toolbar[b-3q298z7yjj],
    .project-board-shell__header[b-3q298z7yjj] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-manage-panel__toolbar[b-3q298z7yjj],
    .project-board-shell__toolbar[b-3q298z7yjj] {
        width: 100%;
    }

    .project-board-shell__toolbar[b-3q298z7yjj] {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .project-board-header__period[b-3q298z7yjj] {
        justify-items: start;
    }

    .project-manage-panel__toolbar[b-3q298z7yjj]  .listview-search {
        flex: 1 1 auto;
        max-width: none;
    }
}

@media (max-width: 640px) {
    .project-manage-panel[b-3q298z7yjj],
    .project-board-shell[b-3q298z7yjj] {
        padding: 1rem;
        border-radius: 16px;
    }

    .project-board-shell__toolbar[b-3q298z7yjj],
    .project-board-shell__back[b-3q298z7yjj],
    .project-board-header__period[b-3q298z7yjj],
    .project-board-header__period :deep(.form-control)[b-3q298z7yjj] {
        width: 100%;
    }

    .project-board-shell__back[b-3q298z7yjj] {
        justify-content: center;
    }

    .project-manage-panel__toolbar[b-3q298z7yjj]  .listview-search,
    .project-manage-panel__toolbar .btn[b-3q298z7yjj] {
        width: 100%;
    }

    .project-manage-panel__toolbar[b-3q298z7yjj]  .listview-search {
        min-width: 100%;
    }

    .project-manage-panel__controls[b-3q298z7yjj] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Transfers.razor.rz.scp.css */
.transfers-manage-panel[b-a5ohpsljsn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.1rem;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-xl, 24px);
    background: var(--surface-raised), var(--panel);
    box-shadow: var(--shadow);
}

.transfers-manage-panel__header[b-a5ohpsljsn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.transfers-manage-panel__copy[b-a5ohpsljsn] {
    min-width: 0;
}

.transfers-manage-panel__copy h1[b-a5ohpsljsn] {
    margin: 0 0 .25rem;
    color: var(--text-strong);
    font-size: clamp(1.65rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.transfers-manage-panel__copy p[b-a5ohpsljsn] {
    margin: 0;
    color: var(--muted);
    font-size: .95rem;
}

.transfers-manage-panel__toolbar[b-a5ohpsljsn] {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: .6rem;
    min-width: min(100%, 38rem);
}

.transfers-manage-panel__toolbar[b-a5ohpsljsn]  .listview-search {
    flex: 1 1 18rem;
    min-width: 12rem;
    max-width: 22rem;
    padding: .55rem .8rem;
    border-radius: 10px;
}

.transfers-manage-panel__toolbar .btn[b-a5ohpsljsn] {
    flex-shrink: 0;
    min-height: 2.65rem;
    padding-inline: .9rem;
    white-space: nowrap;
}

.transfers-manage-panel__kpis[b-a5ohpsljsn] {
    margin: 0;
}

.transfers-manage-panel__controls[b-a5ohpsljsn] {
    margin-bottom: -1.1rem;
}

.transfers-result-summary[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--muted);
    font-size: .84rem;
}

.transfers-result-summary strong[b-a5ohpsljsn] {
    color: var(--text-strong);
    font-size: .95rem;
}

.transfers-result-summary[b-a5ohpsljsn]  .app-icon {
    width: 1rem;
    height: 1rem;
    color: var(--brand-2, #3b6ef5);
}

.transfers-sort-select[b-a5ohpsljsn] {
    flex-shrink: 0;
}

/* -- Row description with circular icon ----------------------------------- */
.transfer-row-desc[b-a5ohpsljsn] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.transfer-row-icon[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: var(--radius-full);
}

.transfer-row-icon .app-icon[b-a5ohpsljsn] {
    width: 1rem;
    height: 1rem;
}

.transfer-row-icon--brand[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--brand) 16%, transparent);
    color: color-mix(in srgb, var(--brand) 82%, var(--text-strong));
}

.transfer-row-icon--brand-3[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--brand-3) 16%, transparent);
    color: color-mix(in srgb, var(--brand-3) 82%, var(--text-strong));
}

.transfer-row-icon--warning[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--warning) 18%, transparent);
    color: color-mix(in srgb, var(--warning) 84%, var(--text-strong));
}

/* -- Flow pills (source -> destination) ------------------------------------ */
.transfer-flow[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.transfer-flow__pill[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    border-radius: var(--radius-md);
    padding: .28rem .6rem;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.15;
    border: 1px solid transparent;
    white-space: nowrap;
}

.transfer-flow__pill--brand[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: color-mix(in srgb, var(--brand) 84%, var(--text-strong));
    border-color: color-mix(in srgb, var(--brand) 22%, transparent);
}

.transfer-flow__pill--brand-3[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--brand-3) 12%, transparent);
    color: color-mix(in srgb, var(--brand-3) 84%, var(--text-strong));
    border-color: color-mix(in srgb, var(--brand-3) 22%, transparent);
}

.transfer-flow__pill--warning[b-a5ohpsljsn] {
    background: color-mix(in srgb, var(--warning) 14%, transparent);
    color: color-mix(in srgb, var(--warning) 86%, var(--text-strong));
    border-color: color-mix(in srgb, var(--warning) 24%, transparent);
}

.transfer-flow__arrow[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    flex: 0 0 auto;
}

.transfer-flow__arrow .app-icon[b-a5ohpsljsn] {
    width: .85rem;
    height: .85rem;
}

/* -- Highlighted amount ------------------------------------------------------ */
.transfer-row-amount[b-a5ohpsljsn] {
    font-weight: 700;
    font-size: 1.02rem;
    color: var(--text-strong);
    letter-spacing: -.01em;
}

/* -- Table footer: pagination ------------------------------------------------ */
.transfer-pagination[b-a5ohpsljsn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    margin-top: 0;
    padding: .8rem 1rem;
}

.transfer-pagination > .panel-support-copy[b-a5ohpsljsn] {
    margin: 0;
    justify-self: start;
}

.transfer-pagination__controls[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    justify-self: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.transfer-pagination__controls .btn[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    height: 2.35rem;
}

.transfer-pagination__page[b-a5ohpsljsn] {
    min-width: 2.35rem;
    padding-left: .55rem;
    padding-right: .55rem;
}

.transfer-pagination__page-size[b-a5ohpsljsn] {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: .5rem;
}

.transfer-pagination__page-size label[b-a5ohpsljsn] {
    font-size: .82rem;
    color: var(--muted);
    white-space: nowrap;
}

.transfer-pagination__page-size .form-select[b-a5ohpsljsn] {
    min-width: 4.5rem;
    min-height: 2.35rem;
    height: 2.35rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    border-radius: 10px;
}

@media (max-width: 767.98px) {
    .transfers-manage-panel[b-a5ohpsljsn] {
        padding: 1rem;
        border-radius: 16px;
    }

    .transfers-manage-panel__header[b-a5ohpsljsn],
    .transfers-manage-panel__toolbar[b-a5ohpsljsn] {
        flex-wrap: wrap;
    }

    .transfers-manage-panel__toolbar[b-a5ohpsljsn],
    .transfers-manage-panel__toolbar[b-a5ohpsljsn]  .listview-search,
    .transfers-manage-panel__toolbar .btn[b-a5ohpsljsn],
    .transfers-sort-select[b-a5ohpsljsn] {
        width: 100%;
    }

    .transfers-manage-panel__toolbar[b-a5ohpsljsn]  .listview-search {
        min-width: 100%;
        max-width: none;
    }

    .transfers-manage-panel__controls[b-a5ohpsljsn] {
        align-items: stretch;
        flex-direction: column;
    }

    .transfers-sort-select[b-a5ohpsljsn] {
        justify-content: space-between;
    }

    .transfer-pagination[b-a5ohpsljsn] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .transfer-pagination > .panel-support-copy[b-a5ohpsljsn],
    .transfer-pagination__controls[b-a5ohpsljsn],
    .transfer-pagination__page-size[b-a5ohpsljsn] {
        justify-self: stretch;
    }

    .transfer-pagination > .panel-support-copy[b-a5ohpsljsn] {
        text-align: center;
    }

    .transfer-pagination__controls[b-a5ohpsljsn] {
        justify-content: center;
    }

    .transfer-pagination__page-size[b-a5ohpsljsn] {
        justify-content: space-between;
    }
}
/* /Components/Pages/Workspaces.razor.rz.scp.css */
.workspace-page[b-wfz9v4uclk] {
    display: grid;
    gap: 1.25rem;
}

.workspace-page__toolbar[b-wfz9v4uclk] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.workspace-page__search[b-wfz9v4uclk] {
    flex: 1;
}

.workspace-page__grid[b-wfz9v4uclk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.workspace-card[b-wfz9v4uclk] {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.4rem;
    border: 1px solid var(--line);
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.workspace-card--current[b-wfz9v4uclk] {
    border-color: var(--line-stronger);
    background: var(--surface-selected);
}

.workspace-card__header[b-wfz9v4uclk] {
    display: flex;
    gap: .9rem;
    align-items: center;
}

.workspace-card__header strong[b-wfz9v4uclk],
.workspace-member-row strong[b-wfz9v4uclk] {
    color: var(--text-strong);
}

.workspace-card__header small[b-wfz9v4uclk],
.workspace-member-row small[b-wfz9v4uclk],
.workspace-card p[b-wfz9v4uclk] {
    color: var(--muted);
}

.workspace-card__avatar[b-wfz9v4uclk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(135deg, var(--workspace-color), color-mix(in srgb, var(--workspace-color) 40%, black));
}

.workspace-card__badges[b-wfz9v4uclk],
.workspace-card__actions[b-wfz9v4uclk],
.workspace-form__inline[b-wfz9v4uclk],
.workspace-members__invite[b-wfz9v4uclk],
.workspace-member-row__actions[b-wfz9v4uclk] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
}

.workspace-form[b-wfz9v4uclk],
.workspace-members[b-wfz9v4uclk],
.workspace-members__list[b-wfz9v4uclk] {
    display: grid;
    gap: .85rem;
}

.workspace-form .form-field[b-wfz9v4uclk] {
    display: grid;
    gap: .35rem;
}

.workspace-form__inline--pickers[b-wfz9v4uclk] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
    gap: .85rem;
    align-items: start;
}

.workspace-form__inline--pickers .form-field[b-wfz9v4uclk] {
    min-width: 0;
}

.workspace-form__inline--pickers .picker-grid--colors[b-wfz9v4uclk] {
    grid-template-columns: repeat(5, minmax(0, 52px));
    gap: .5rem;
}

.workspace-form__inline--pickers .picker-grid--colors .color-picker[b-wfz9v4uclk] {
    width: 52px;
    min-width: 52px;
    border-radius: 14px;
}

.workspace-form__inline--pickers .picker-grid--colors .color-picker--active[b-wfz9v4uclk]::after {
    inset: 6px;
    border-radius: 10px;
}

.workspace-preview-card[b-wfz9v4uclk] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 68px;
    padding: .8rem .95rem;
    border-radius: 18px;
    border: 1px solid var(--line-soft);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--workspace-preview-color) 22%, transparent), rgba(255,255,255,.02)),
        var(--panel-soft);
}

.workspace-preview-card__icon[b-wfz9v4uclk] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--workspace-preview-color) 22%, rgba(255,255,255,.04));
    color: var(--text-strong);
}

.workspace-preview-card__icon .app-icon[b-wfz9v4uclk] {
    width: 1.1rem;
    height: 1.1rem;
}

.workspace-preview-card__content[b-wfz9v4uclk] {
    display: grid;
    gap: .2rem;
}

.workspace-preview-card__content strong[b-wfz9v4uclk] {
    color: var(--text-strong);
}

.workspace-preview-card__content span[b-wfz9v4uclk] {
    color: var(--muted);
    font-size: .92rem;
}

.workspace-form__footer[b-wfz9v4uclk] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: .5rem;
}

.workspace-member-row[b-wfz9v4uclk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .95rem 1rem;
    border: 1px solid var(--line-soft);
    border-radius: 1rem;
    background: var(--panel-soft);
}

@media (max-width: 720px) {
    .workspace-page__toolbar[b-wfz9v4uclk],
    .workspace-members__invite[b-wfz9v4uclk],
    .workspace-member-row[b-wfz9v4uclk] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .workspace-page[b-wfz9v4uclk] {
        gap: 1rem;
    }

    .workspace-page__toolbar[b-wfz9v4uclk] {
        gap: .75rem;
    }

    .workspace-page__grid[b-wfz9v4uclk] {
        grid-template-columns: 1fr;
        gap: .85rem;
    }

    .workspace-card[b-wfz9v4uclk] {
        gap: .85rem;
        padding: 1rem;
        border-radius: 1.25rem;
    }

    .workspace-card__header[b-wfz9v4uclk] {
        align-items: flex-start;
    }

    .workspace-card__header strong[b-wfz9v4uclk] {
        display: block;
        line-height: 1.2;
    }

    .workspace-card p[b-wfz9v4uclk] {
        margin: 0;
        line-height: 1.45;
    }

    .workspace-card__actions[b-wfz9v4uclk] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .workspace-card__actions .btn[b-wfz9v4uclk] {
        width: 100%;
        justify-content: center;
        min-height: 2.9rem;
    }

    .workspace-form__inline--pickers[b-wfz9v4uclk] {
        grid-template-columns: 1fr;
    }

    .workspace-form__footer[b-wfz9v4uclk] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .workspace-page__toolbar .btn[b-wfz9v4uclk],
    .workspace-page__toolbar .workspace-page__search[b-wfz9v4uclk],
    .workspace-page__search .form-control[b-wfz9v4uclk],
    .workspace-members__invite .form-control[b-wfz9v4uclk],
    .workspace-members__invite .form-select[b-wfz9v4uclk],
    .workspace-members__invite .btn[b-wfz9v4uclk],
    .workspace-member-row__actions .form-select[b-wfz9v4uclk] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .workspace-card__actions[b-wfz9v4uclk] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/CardSwitcherModal.razor.rz.scp.css */
.card-switcher[b-zabap45h46] {
    display: grid;
    gap: 1rem;
}

.card-switcher__toolbar[b-zabap45h46] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.card-switcher__toolbar .form-control[b-zabap45h46] {
    flex: 1;
}

.card-switcher__list[b-zabap45h46] {
    display: grid;
    gap: .75rem;
}

.card-switcher__item[b-zabap45h46] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    width: 100%;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid var(--line);
    border-left: 3px solid transparent;
    background: var(--surface-soft);
    color: inherit;
    text-align: left;
    transition: border-color .16s ease, background .16s ease;
}

.card-switcher__item--current[b-zabap45h46] {
    border-color: var(--line-stronger);
    border-left-color: var(--negative);
    background: color-mix(in srgb, var(--negative) 6%, var(--surface-selected));
    box-shadow: var(--shadow-soft);
}

.card-switcher__content[b-zabap45h46] {
    display: grid;
    gap: .3rem;
}

.card-switcher__content small[b-zabap45h46] {
    color: var(--muted);
}

@media (max-width: 720px) {
    .card-switcher__item[b-zabap45h46] {
        grid-template-columns: auto 1fr;
        gap: .85rem;
        padding: .95rem 1rem;
    }

    .card-switcher__item > .app-icon[b-zabap45h46],
    .card-switcher__item > .status-badge[b-zabap45h46] {
        grid-column: 2;
        justify-self: end;
    }
}
/* /Components/Shared/CategoryBudgetRowActions.razor.rz.scp.css */
.budget-row-actions[b-cw1c5fkzl8] {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.budget-row-actions__trigger[b-cw1c5fkzl8] {
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--surface-raised);
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--line) 35%, transparent);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.budget-row-actions__trigger:hover[b-cw1c5fkzl8] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 28%, var(--line));
    box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-2) 16%, transparent);
}

.budget-row-actions__trigger:focus-visible[b-cw1c5fkzl8],
.budget-row-actions__item:focus-visible[b-cw1c5fkzl8] {
    outline: 2px solid color-mix(in srgb, var(--brand-2) 62%, var(--line));
    outline-offset: 2px;
}

.budget-row-actions__trigger .app-icon[b-cw1c5fkzl8] {
    width: 1rem;
    height: 1rem;
}

.budget-row-actions__backdrop[b-cw1c5fkzl8] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 40;
    cursor: default;
}

.budget-row-actions__popover[b-cw1c5fkzl8] {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    z-index: 41;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
    padding: 0.35rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
    min-width: 10rem;
    max-width: min(14rem, calc(100vw - 1rem));
    visibility: hidden;
}

.budget-row-actions__popover[data-positioned="true"][b-cw1c5fkzl8] {
    visibility: visible;
}

.budget-row-actions__item[b-cw1c5fkzl8] {
    width: 100%;
    min-height: 2.15rem;
    padding: 0.45rem 0.6rem;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-strong);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    transition: background .18s ease, border-color .18s ease;
    text-align: left;
}

.budget-row-actions__item .app-icon[b-cw1c5fkzl8] {
    width: 0.92rem;
    height: 0.92rem;
    flex-shrink: 0;
}

.budget-row-actions__label[b-cw1c5fkzl8] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
}

.budget-row-actions__item:hover:not(:disabled)[b-cw1c5fkzl8] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 20%, var(--line));
}

.budget-row-actions__item--danger[b-cw1c5fkzl8] {
    color: var(--danger-text);
    border-color: color-mix(in srgb, var(--danger-line) 65%, var(--line));
}

.budget-row-actions__item--danger:hover:not(:disabled)[b-cw1c5fkzl8] {
    background: color-mix(in srgb, var(--danger-bg) 70%, var(--panel));
    border-color: var(--danger-line);
}

.budget-row-actions__item--warning[b-cw1c5fkzl8] {
    color: color-mix(in srgb, var(--warning) 78%, var(--text-strong));
    border-color: color-mix(in srgb, var(--warning) 35%, var(--line));
}

.budget-row-actions__item--warning:hover:not(:disabled)[b-cw1c5fkzl8] {
    background: color-mix(in srgb, var(--warning) 14%, var(--panel));
    border-color: color-mix(in srgb, var(--warning) 48%, var(--line));
}

@media (max-width: 768px) {
    .budget-row-actions__backdrop[b-cw1c5fkzl8] {
        display: none;
    }

    .budget-row-actions__popover[b-cw1c5fkzl8] {
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        z-index: 45;
        min-width: 0;
        width: max-content;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(2.3rem, auto);
        gap: 0.35rem;
        padding: 0.35rem;
        border-radius: 12px;
        max-width: min(calc(100vw - 1rem), 16rem);
        box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10);
    }

    .budget-row-actions__item[b-cw1c5fkzl8] {
        width: 2.3rem;
        min-width: 2.3rem;
        min-height: 2.3rem;
        padding: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .budget-row-actions__label[b-cw1c5fkzl8] {
        display: none;
    }
}
/* /Components/Shared/CompetencySelector.razor.rz.scp.css */
/* Reusable competency (month/year) selector, extracted from the original Accounts.razor
   implementation so every page that used to build its own mês/ano picker (drawers, inline
   selects, InputDate, MonthYearInput) shares this single trigger + popover control. */
.dashboard-competency-picker[b-eef15gpul5] {
    display: flex;
    align-items: end;
    gap: .85rem;
    flex-wrap: wrap;
}

.dashboard-competency-picker__field[b-eef15gpul5] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 124px;
}

.dashboard-competency-picker__field label[b-eef15gpul5] {
    color: var(--text);
    font-weight: 600;
}

.dashboard-competency-picker--compact .dashboard-competency-picker__field > label[b-eef15gpul5] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.accounts-competency-box[b-eef15gpul5] {
    position: relative;
    display: inline-flex;
}

.accounts-competency-box__trigger[b-eef15gpul5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: 0 .75rem;
    height: 2.5rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
    color: var(--text-strong);
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.accounts-competency-box__trigger:hover[b-eef15gpul5] {
    border-color: color-mix(in srgb, var(--brand-2, #3b6ef5) 30%, var(--line));
}

.accounts-competency-box__trigger .app-icon[b-eef15gpul5] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    opacity: .7;
}

.accounts-competency-picker__backdrop[b-eef15gpul5] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 1300;
    cursor: default;
}

/* The popover is visible and anchored by CSS first. When the positioning script runs it promotes
   viewport-enabled instances to fixed positioning, preserving a functional fallback when the
   browser still has an older script cached or JavaScript positioning is unavailable. */
.accounts-competency-picker__popover[b-eef15gpul5] {
    z-index: 1301;
    width: 15.5rem;
    max-width: calc(100vw - 2rem);
    padding: .75rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
}

.accounts-competency-picker__popover--viewport[data-positioned="true"][b-eef15gpul5] {
    position: fixed;
    right: auto;
    visibility: visible;
}

/* Dashboard pickers live in headers with overflow enabled, so anchoring them directly to
   the trigger avoids depending on JavaScript just to make the calendar visible. */
.accounts-competency-picker__popover--anchored[b-eef15gpul5] {
    position: absolute;
    top: calc(100% + .4rem);
    right: 0;
    left: auto;
    visibility: visible;
}

.accounts-competency-picker__popover--anchored[data-positioned="false"][b-eef15gpul5] {
    top: calc(100% + .4rem) !important;
    right: 0;
    left: auto !important;
}

html[data-theme="dark"] .accounts-competency-picker__popover[b-eef15gpul5] {
    box-shadow: none;
    background: var(--panel-strong);
}

.accounts-competency-picker__year-nav[b-eef15gpul5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6rem;
}

.accounts-competency-picker__year-nav strong[b-eef15gpul5] {
    font-size: .95rem;
}

.accounts-competency-picker__year-nav button[b-eef15gpul5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: transparent;
    color: var(--text-strong);
    cursor: pointer;
    transition: background .15s ease;
}

.accounts-competency-picker__year-nav button:hover[b-eef15gpul5] {
    background: var(--hover-fill);
}

.accounts-competency-picker__year-nav .app-icon[b-eef15gpul5] {
    width: .85rem;
    height: .85rem;
}

.accounts-competency-picker__months[b-eef15gpul5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .4rem;
}

.accounts-competency-picker__month[b-eef15gpul5] {
    padding: .45rem 0;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: transparent;
    color: var(--text-strong);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.accounts-competency-picker__month:hover[b-eef15gpul5] {
    background: var(--hover-fill);
}

.accounts-competency-picker__month--active[b-eef15gpul5] {
    background: var(--brand-2, #3b6ef5);
    border-color: var(--brand-2, #3b6ef5);
    color: #fff;
}
/* /Components/Shared/GlobalLoadingOverlay.razor.rz.scp.css */
.global-loading-overlay[b-igmtm2vxlh] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    background: rgba(2, 6, 23, 0.42);
    backdrop-filter: blur(3px);
}

.global-loading-overlay__card[b-igmtm2vxlh] {
    min-width: min(24rem, calc(100vw - 2.5rem));
    max-width: 28rem;
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    padding: 1rem 1.2rem;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: linear-gradient(165deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.88));
    box-shadow: 0 28px 48px -34px rgba(15, 23, 42, 0.95);
    color: #f8fafc;
    text-align: center;
}

.global-loading-overlay__card strong[b-igmtm2vxlh] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.global-loading-overlay__card span:last-child[b-igmtm2vxlh] {
    font-size: 0.84rem;
    color: #cbd5e1;
}

.global-loading-overlay__spinner[b-igmtm2vxlh] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    border: 3px solid rgba(148, 163, 184, 0.35);
    border-top-color: #38bdf8;
    animation: global-loading-spin-b-igmtm2vxlh 0.8s linear infinite;
}

@keyframes global-loading-spin-b-igmtm2vxlh {
    to {
        transform: rotate(360deg);
    }
}

/* /Components/Shared/KpiCard.razor.rz.scp.css */
.kpi-card__head[b-1xxhtj6ssd] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.kpi-card__icon[b-1xxhtj6ssd] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: .8rem;
}

.kpi-card__icon .app-icon[b-1xxhtj6ssd] {
    width: 1.1rem;
    height: 1.1rem;
}

.kpi-card__icon--brand[b-1xxhtj6ssd] {
    background: color-mix(in srgb, var(--brand) 16%, transparent);
    color: color-mix(in srgb, var(--brand) 82%, var(--text-strong));
}

.kpi-card__icon--purple[b-1xxhtj6ssd] {
    background: color-mix(in srgb, #7c3aed 16%, transparent);
    color: color-mix(in srgb, #7c3aed 78%, var(--text-strong));
}

.kpi-card__icon--positive[b-1xxhtj6ssd] {
    background: color-mix(in srgb, var(--positive) 16%, transparent);
    color: color-mix(in srgb, var(--positive) 82%, var(--text-strong));
}

.kpi-card__icon--warning[b-1xxhtj6ssd] {
    background: color-mix(in srgb, #d97706 16%, transparent);
    color: color-mix(in srgb, #d97706 80%, var(--text-strong));
}

.kpi-card__icon--negative[b-1xxhtj6ssd] {
    background: color-mix(in srgb, var(--negative) 16%, transparent);
    color: color-mix(in srgb, var(--negative) 82%, var(--text-strong));
}
/* /Components/Shared/RowActionsMenu.razor.rz.scp.css */
.row-actions-menu[b-dfq3fw8h3u] {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.row-actions-menu__trigger[b-dfq3fw8h3u] {
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--surface-raised);
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--line) 35%, transparent);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.row-actions-menu__trigger:hover[b-dfq3fw8h3u] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 28%, var(--line));
    box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-2) 16%, transparent);
}

.row-actions-menu__trigger:focus-visible[b-dfq3fw8h3u],
.row-actions-menu__item:focus-visible[b-dfq3fw8h3u] {
    outline: 2px solid color-mix(in srgb, var(--brand-2) 62%, var(--line));
    outline-offset: 2px;
}

.row-actions-menu__trigger .app-icon[b-dfq3fw8h3u] {
    width: 1rem;
    height: 1rem;
}

.row-actions-menu__backdrop[b-dfq3fw8h3u] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 40;
    cursor: default;
}

.row-actions-menu__popover[b-dfq3fw8h3u] {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    z-index: 41;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
    padding: 0.35rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
    min-width: 8.75rem;
    max-width: min(13rem, calc(100vw - 1rem));
    visibility: hidden;
}

.row-actions-menu__popover[data-positioned="true"][b-dfq3fw8h3u] {
    visibility: visible;
}

html[data-theme="dark"] .row-actions-menu__popover[b-dfq3fw8h3u] {
    box-shadow: none;
    background: var(--panel-strong);
}

.row-actions-menu__item[b-dfq3fw8h3u] {
    width: 100%;
    min-height: 2.1rem;
    padding: 0.45rem 0.6rem;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-strong);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    transition: background .18s ease, border-color .18s ease;
    text-align: left;
}

.row-actions-menu__item .app-icon[b-dfq3fw8h3u] {
    width: 0.92rem;
    height: 0.92rem;
    flex-shrink: 0;
}

.row-actions-menu__label[b-dfq3fw8h3u] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
}

.row-actions-menu__item:hover:not(:disabled)[b-dfq3fw8h3u] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 20%, var(--line));
}

.row-actions-menu__item:disabled[b-dfq3fw8h3u] {
    opacity: 0.42;
    cursor: not-allowed;
}

.row-actions-menu__item--danger[b-dfq3fw8h3u] {
    color: var(--danger-text);
    border-color: color-mix(in srgb, var(--danger-line) 65%, var(--line));
}

.row-actions-menu__item--danger:hover:not(:disabled)[b-dfq3fw8h3u] {
    background: color-mix(in srgb, var(--danger-bg) 70%, var(--panel));
    border-color: var(--danger-line);
}

@media (max-width: 768px) {
    .row-actions-menu[b-dfq3fw8h3u] {
        display: inline-flex;
        justify-content: flex-end;
        width: 100%;
    }

    .row-actions-menu__backdrop[b-dfq3fw8h3u] {
        display: none;
    }

    .row-actions-menu__popover[b-dfq3fw8h3u] {
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        z-index: 45;
        min-width: 0;
        width: max-content;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(2.3rem, auto);
        gap: 0.35rem;
        padding: 0.35rem;
        border-radius: 12px;
        max-width: min(calc(100vw - 1rem), 14rem);
        box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10);
    }

    .row-actions-menu__item[b-dfq3fw8h3u] {
        width: 2.3rem;
        min-width: 2.3rem;
        min-height: 2.3rem;
        padding: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .row-actions-menu__label[b-dfq3fw8h3u] {
        display: none;
    }
}
/* /Components/Shared/TransactionRowActions.razor.rz.scp.css */
.transaction-row-actions[b-4pckrkx6q9] {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

.transaction-row-actions__trigger[b-4pckrkx6q9] {
    width: 2.15rem;
    height: 2.15rem;
    padding: 0;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: var(--surface-raised);
    color: var(--text-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--line) 35%, transparent);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.transaction-row-actions__trigger:hover[b-4pckrkx6q9] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 28%, var(--line));
    box-shadow: 0 4px 10px color-mix(in srgb, var(--brand-2) 16%, transparent);
}

.transaction-row-actions__trigger--settle-ready[b-4pckrkx6q9] {
    border-color: color-mix(in srgb, var(--positive) 34%, var(--line));
    background: color-mix(in srgb, var(--positive) 12%, var(--surface-raised));
    color: color-mix(in srgb, var(--positive) 84%, var(--text-strong));
    box-shadow: 0 2px 8px color-mix(in srgb, var(--positive) 16%, transparent);
}

.transaction-row-actions__trigger--settle-ready:hover[b-4pckrkx6q9] {
    border-color: color-mix(in srgb, var(--positive) 52%, var(--line));
    background: color-mix(in srgb, var(--positive) 18%, var(--hover-fill));
    box-shadow: 0 6px 14px color-mix(in srgb, var(--positive) 24%, transparent);
}

html[data-theme="light"] .transaction-row-actions__trigger--settle-ready[b-4pckrkx6q9] {
    border-color: color-mix(in srgb, var(--positive) 36%, var(--line));
    background: color-mix(in srgb, var(--positive) 14%, white);
    color: color-mix(in srgb, var(--positive) 82%, #0b2a1e);
}

html[data-theme="dark"] .transaction-row-actions__trigger--settle-ready[b-4pckrkx6q9] {
    border-color: color-mix(in srgb, var(--positive) 38%, var(--line));
    background: color-mix(in srgb, var(--positive) 16%, transparent);
    color: color-mix(in srgb, var(--positive) 90%, white);
}

.transaction-row-actions__trigger:focus-visible[b-4pckrkx6q9],
.transaction-row-actions__item:focus-visible[b-4pckrkx6q9] {
    outline: 2px solid color-mix(in srgb, var(--brand-2) 62%, var(--line));
    outline-offset: 2px;
}

.transaction-row-actions__trigger .app-icon[b-4pckrkx6q9] {
    width: 1rem;
    height: 1rem;
}

.transaction-row-actions__backdrop[b-4pckrkx6q9] {
    position: fixed;
    inset: 0;
    border: 0;
    background: transparent;
    z-index: 40;
    cursor: default;
}

.transaction-row-actions__popover[b-4pckrkx6q9] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 41;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
    padding: 0.35rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-raised);
    box-shadow: var(--shadow-soft);
    min-width: 8.75rem;
    max-width: min(13rem, calc(100vw - 1rem));
}

html[data-theme="dark"] .transaction-row-actions__popover[b-4pckrkx6q9] {
    box-shadow: none;
    background: var(--panel-strong);
}

.transaction-row-actions__item[b-4pckrkx6q9] {
    width: 100%;
    min-height: 2.1rem;
    padding: 0.45rem 0.6rem;
    border-radius: 9px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-strong);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    transition: background .18s ease, border-color .18s ease;
    text-align: left;
}

.transaction-row-actions__item .app-icon[b-4pckrkx6q9] {
    width: 0.92rem;
    height: 0.92rem;
    flex-shrink: 0;
}

.transaction-row-actions__label[b-4pckrkx6q9] {
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
}

.transaction-row-actions__item:hover:not(:disabled)[b-4pckrkx6q9] {
    background: var(--hover-fill);
    border-color: color-mix(in srgb, var(--brand-2) 20%, var(--line));
}

.transaction-row-actions__item:disabled[b-4pckrkx6q9] {
    opacity: 0.42;
    cursor: not-allowed;
}

.transaction-row-actions__item--danger[b-4pckrkx6q9] {
    color: var(--danger-text);
    border-color: color-mix(in srgb, var(--danger-line) 65%, var(--line));
}

.transaction-row-actions__item--danger:hover:not(:disabled)[b-4pckrkx6q9] {
    background: color-mix(in srgb, var(--danger-bg) 70%, var(--panel));
    border-color: var(--danger-line);
}

@media (max-width: 768px) {
    .transaction-row-actions[b-4pckrkx6q9] {
        display: inline-flex;
        justify-content: flex-end;
        width: 100%;
    }

    .transaction-row-actions__backdrop[b-4pckrkx6q9] {
        display: none;
    }

    .transaction-row-actions__popover[b-4pckrkx6q9] {
        position: absolute;
        top: calc(100% + 0.35rem);
        right: 0;
        left: auto;
        z-index: 45;
        min-width: 0;
        width: max-content;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(2.3rem, auto);
        gap: 0.35rem;
        padding: 0.35rem;
        border-radius: 12px;
        max-width: min(calc(100vw - 1rem), 14rem);
        box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10);
    }

    .transaction-row-actions__item[b-4pckrkx6q9] {
        width: 2.3rem;
        min-width: 2.3rem;
        min-height: 2.3rem;
        padding: 0;
        border-radius: 10px;
        justify-content: center;
    }

    .transaction-row-actions__label[b-4pckrkx6q9] {
        display: none;
    }
}
/* /Components/Shared/WorkspaceSwitcherModal.razor.rz.scp.css */
.workspace-switcher[b-9xuyqdszpo] {
    display: grid;
    gap: 1rem;
}

.workspace-switcher__toolbar[b-9xuyqdszpo] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.workspace-switcher__toolbar .form-control[b-9xuyqdszpo] {
    flex: 1;
}

.workspace-switcher__list[b-9xuyqdszpo] {
    display: grid;
    gap: .75rem;
}

.workspace-switcher__item[b-9xuyqdszpo] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    width: 100%;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid var(--line);
    background: var(--surface-soft);
    color: inherit;
    text-align: left;
}

.workspace-switcher__item--current[b-9xuyqdszpo] {
    border-color: var(--line-stronger);
    background: var(--surface-selected);
    box-shadow: var(--shadow-soft);
}

.workspace-switcher__avatar[b-9xuyqdszpo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .95rem;
    color: white;
    font-weight: 700;
    background: linear-gradient(135deg, var(--workspace-color), color-mix(in srgb, var(--workspace-color) 50%, black));
}

.workspace-switcher__content[b-9xuyqdszpo] {
    display: grid;
    gap: .45rem;
}

.workspace-switcher__header[b-9xuyqdszpo],
.workspace-switcher__meta[b-9xuyqdszpo] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.workspace-switcher__content small[b-9xuyqdszpo] {
    color: var(--muted);
}

@media (max-width: 720px) {
    .workspace-switcher__toolbar[b-9xuyqdszpo] {
        flex-direction: column;
        gap: .65rem;
    }

    .workspace-switcher__toolbar .btn[b-9xuyqdszpo],
    .workspace-switcher__toolbar .form-control[b-9xuyqdszpo] {
        width: 100%;
    }

    .workspace-switcher__item[b-9xuyqdszpo] {
        grid-template-columns: auto 1fr;
        gap: .85rem;
        padding: .95rem 1rem;
    }

    .workspace-switcher__item > .app-icon[b-9xuyqdszpo],
    .workspace-switcher__item > .button-progress[b-9xuyqdszpo] {
        grid-column: 2;
        justify-self: end;
    }

    .workspace-switcher__header[b-9xuyqdszpo] {
        justify-content: space-between;
    }
}