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

/* /Layout/LoginDisplay.razor.rz.scp.css */
a[b-dexan3nthu] {
    color: var(--fill-color);
}
/* /Pages/Transactions.razor.rz.scp.css */
.transaction_summary[b-4cgide9l5w] {
    display: flex;
    flex-direction: row;
    gap: 2em;
    align-content: center;
    justify-content: center;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.2;
}

.transaction_summary-first[b-4cgide9l5w] {
    border-right: 2px solid black;
    padding-right: 2em;
}

.transaction_list[b-4cgide9l5w] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 1em;
}

.transaction_card[b-4cgide9l5w] {
    padding: 1em;
    border: Calc(var(--stroke-width) * 1px) solid #808080;
    border-radius: calc(var(--control-corner-radius) * 3px);
    display: grid;
    grid-template-columns: 4fr 1fr;
}

    .transaction_card:hover[b-4cgide9l5w] {
        background-color: var(--neutral-fill-stealth-rest);
    }

.transaction_title[b-4cgide9l5w] {
    grid-row: 1;
    grid-column: 1;
}


.transaction_amount[b-4cgide9l5w] {
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
}

.transaction_date[b-4cgide9l5w] {
    grid-row: 2;
    grid-column: 1;
    padding-top: .5em;
}

.transaction_category[b-4cgide9l5w] {
    grid-row: 3;
    grid-column: 1;
}

.transaction_options[b-4cgide9l5w] {
    grid-row: 2;
    grid-column: 2;
    justify-self: end;
}

.main-content[b-4cgide9l5w] {
    font-weight: 500;
}

.expense[b-4cgide9l5w] {
    color: var(--error);
}

.income[b-4cgide9l5w] {
    color: var(--presence-available);
}

.sub-content[b-4cgide9l5w] {
    font-size: .85em;
    color: #414042;
}