/* /Layout/MainLayout.razor.rz.scp.css */
@inherits LayoutComponentBase

.app-shell {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

/* ------------------------------------------------------------------ */
/* Top brand bar                                                       */
/* ------------------------------------------------------------------ */

.app-shell__bar[b-l4hb3z5lfe] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    height: 3.5rem;
    padding: 0 1rem;
    background-color: color-mix(in srgb, var(--bkt-bg, #14141C) 88%, transparent);
    border-bottom: 1px solid var(--bkt-border, #2E2E3E);
    backdrop-filter: blur(12px);
}

.app-shell__brand[b-l4hb3z5lfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bkt-text, #F4F3FA);
}

.app-shell__brand:hover[b-l4hb3z5lfe] {
    text-decoration: none;
}

.app-shell__title[b-l4hb3z5lfe] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: 0.01em;
}

.app-shell__signout[b-l4hb3z5lfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    font: inherit;
    font-weight: 600;
    color: var(--bkt-text-muted, #ABA9BD);
    background: transparent;
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-pill, 999px);
    cursor: pointer;
}

.app-shell__signout:hover[b-l4hb3z5lfe] {
    color: var(--bkt-text, #F4F3FA);
    border-color: var(--bkt-border-strong, #3C3C50);
}

.app-shell__signout-label[b-l4hb3z5lfe] {
    font-size: 0.9rem;
}

/* ------------------------------------------------------------------ */
/* Scrollable content region                                           */
/* ------------------------------------------------------------------ */

.app-shell__content[b-l4hb3z5lfe] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 32rem;
    margin: 0 auto;
    padding: 1rem 1rem 6rem 1rem;
}
/* /Layout/MinimalLayout.razor.rz.scp.css */
@inherits LayoutComponentBase

.minimal-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    padding: 1.5rem;
}

.minimal-shell__content[b-37f5nzu0zl] {
    width: 100%;
    max-width: 26rem;
    text-align: center;
    color: var(--bkt-text-muted, #ABA9BD);
}
/* /Layout/NavMenu.razor.rz.scp.css */
.tab-bar[b-5s8o4bmy5m] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: 0.25rem;
    padding: 0.4rem 0.75rem calc(0.4rem + env(safe-area-inset-bottom)) 0.75rem;
    background-color: color-mix(in srgb, var(--bkt-bg, #14141C) 92%, transparent);
    border-top: 1px solid var(--bkt-border, #2E2E3E);
    backdrop-filter: blur(12px);
}

.tab-bar__item[b-5s8o4bmy5m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    flex: 1 1 0;
    padding: 0.4rem 0;
    color: var(--bkt-text-subtle, #6E6C82);
    text-decoration: none;
}

.tab-bar__item:hover[b-5s8o4bmy5m] {
    text-decoration: none;
    color: var(--bkt-text-muted, #ABA9BD);
}

.tab-bar__icon[b-5s8o4bmy5m] {
    width: 1.6rem;
    height: 1.6rem;
}

.tab-bar__label[b-5s8o4bmy5m] {
    font-size: 0.72rem;
    font-weight: 600;
}

/* Active destination adopts the primary accent. The framework applies the "active" class to the
   matching NavLink. */
.tab-bar__item.active[b-5s8o4bmy5m] {
    color: var(--bkt-primary, #2FD9B4);
}

/* ------------------------------------------------------------------ */
/* Central quick-add action                                            */
/* ------------------------------------------------------------------ */

.tab-bar__add[b-5s8o4bmy5m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    flex: 1 1 0;
    color: var(--bkt-text-muted, #ABA9BD);
    text-decoration: none;
}

.tab-bar__add:hover[b-5s8o4bmy5m] {
    text-decoration: none;
}

.tab-bar__add-button[b-5s8o4bmy5m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    margin-top: -1.5rem;
    color: var(--bkt-on-accent, #101018);
    background: var(--bkt-grad-bucket, var(--bkt-primary, #2FD9B4));
    border-radius: var(--bkt-radius-pill, 999px);
    box-shadow: 0 6px 18px var(--bkt-mint-soft, rgba(47, 217, 180, 0.16)), 0 2px 6px rgba(0, 0, 0, 0.35);
    transition: transform 0.08s ease;
}

.tab-bar__add-button svg[b-5s8o4bmy5m] {
    width: 1.7rem;
    height: 1.7rem;
}

.tab-bar__add:active .tab-bar__add-button[b-5s8o4bmy5m] {
    transform: scale(0.94);
}

.tab-bar__add.active .tab-bar__add-button[b-5s8o4bmy5m] {
    box-shadow: 0 0 0 3px var(--bkt-bg, #14141C), 0 0 0 5px var(--bkt-primary, #2FD9B4);
}
/* /Pages/AccountCreate.razor.rz.scp.css */
/* Presentation for the account creation form. Most controls reuse the shared field, input and
   segmented-control primitives; only the currency affix and submit spacing are local. */

.create__cancel[b-q5aj20e4ee] {
    padding: 0.5rem 0.9rem;
    font-size: 0.95rem;
}

.create__amount[b-q5aj20e4ee] {
    position: relative;
    display: flex;
    align-items: center;
}

.create__amount-symbol[b-q5aj20e4ee] {
    position: absolute;
    left: 0.9rem;
    color: var(--bkt-text-muted, #ABA9BD);
    font-weight: 700;
    pointer-events: none;
}

.create__amount-input[b-q5aj20e4ee] {
    padding-left: 1.9rem;
}

.create__members[b-q5aj20e4ee] {
    resize: vertical;
    min-height: 3.5rem;
}

.create__hint[b-q5aj20e4ee] {
    margin: 0.4rem 0 0 0;
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}

.create__submit[b-q5aj20e4ee] {
    width: 100%;
    margin-top: 0.5rem;
}
/* /Pages/AccountDetail.razor.rz.scp.css */
/* Presentation for a single account: header, planned buckets, members and recent activity. Chip,
   card, button and spinner primitives are global; the bespoke pieces here are the balance header,
   the bucket progress bars and the member and transaction rows. */

.detail__head[b-dpsy79alvy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.detail__title-row[b-dpsy79alvy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.detail__name[b-dpsy79alvy] {
    margin: 0;
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
}

.detail__back[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 1.2rem;
    line-height: 1;
    padding: 0.2rem 0.4rem;
}

.detail__back:hover[b-dpsy79alvy] {
    text-decoration: none;
    color: var(--bkt-text, #F4F3FA);
}

.detail__balance[b-dpsy79alvy] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    color: var(--bkt-primary, #2FD9B4);
}

.detail__meta[b-dpsy79alvy] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.detail__since[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}

.detail__actions[b-dpsy79alvy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

.detail__section[b-dpsy79alvy] {
    margin-bottom: 1.5rem;
}

.detail__section-head[b-dpsy79alvy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.detail__section-title[b-dpsy79alvy] {
    margin: 0 0 0.75rem 0;
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
}

.detail__section-note[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}

.detail__buckets-empty[b-dpsy79alvy] {
    padding: 1.5rem 1rem;
}

.detail__buckets[b-dpsy79alvy] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.detail__bucket[b-dpsy79alvy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-md, 16px);
}

.detail__bucket-body[b-dpsy79alvy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.detail__bucket-row[b-dpsy79alvy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.detail__bucket-name[b-dpsy79alvy] {
    font-weight: 700;
}

.detail__bucket-remaining[b-dpsy79alvy] {
    font-weight: 700;
    color: var(--bkt-text, #F4F3FA);
    white-space: nowrap;
}

.detail__bar[b-dpsy79alvy] {
    height: 6px;
    background: var(--bkt-surface-3, #323243);
    border-radius: var(--bkt-radius-pill, 999px);
    overflow: hidden;
}

.detail__bar-fill[b-dpsy79alvy] {
    display: block;
    height: 100%;
    border-radius: var(--bkt-radius-pill, 999px);
    transition: width 0.2s ease;
}

.detail__bucket-sub[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.82rem;
}

.detail__members[b-dpsy79alvy],
.detail__txns[b-dpsy79alvy] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail__member[b-dpsy79alvy],
.detail__txn[b-dpsy79alvy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-md, 16px);
}

.detail__member-id[b-dpsy79alvy],
.detail__txn-id[b-dpsy79alvy] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.detail__member-name[b-dpsy79alvy],
.detail__txn-name[b-dpsy79alvy] {
    font-weight: 700;
}

.detail__member-email[b-dpsy79alvy],
.detail__txn-sub[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail__member-remove[b-dpsy79alvy] {
    padding: 0.3rem 0.6rem;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--bkt-negative, #FF6B6B);
    background: transparent;
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-pill, 999px);
    cursor: pointer;
}

.detail__add-member[b-dpsy79alvy] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.detail__add-member .bkt-input[b-dpsy79alvy] {
    flex: 1;
}

.detail__member-alert[b-dpsy79alvy] {
    margin-top: 0.75rem;
}

.detail__txn-amount[b-dpsy79alvy] {
    font-weight: 700;
    white-space: nowrap;
}

.detail__txn-amount.is-debit[b-dpsy79alvy] {
    color: var(--bkt-negative, #FF6B6B);
}

.detail__txn-amount.is-credit[b-dpsy79alvy] {
    color: var(--bkt-positive, #4FE39B);
}

.detail__no-activity[b-dpsy79alvy] {
    color: var(--bkt-text-muted, #ABA9BD);
    margin: 0;
}
/* /Pages/Budget.razor.rz.scp.css */
/* Presentation for the monthly allocation screen. Each category is a card carrying a direction
   toggle and a planned-amount field; the summary card reports the planned and spent totals. */

.budget__summary[b-nqq9mmx67v] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 1.25rem;
}

.budget__summary-label[b-nqq9mmx67v] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}

.budget__summary-value[b-nqq9mmx67v] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    color: var(--bkt-text, #F4F3FA);
}

.budget__summary-sub[b-nqq9mmx67v] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}

.budget__rows[b-nqq9mmx67v] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.budget__row[b-nqq9mmx67v] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem;
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-md, 16px);
}

.budget__row-head[b-nqq9mmx67v] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.budget__row-name[b-nqq9mmx67v] {
    font-weight: 700;
}

.budget__direction[b-nqq9mmx67v] {
    align-self: stretch;
}

.budget__row-foot[b-nqq9mmx67v] {
    display: flex;
    gap: 0.6rem;
}

.budget__amount[b-nqq9mmx67v] {
    position: relative;
    flex: 1;
}

.budget__amount-symbol[b-nqq9mmx67v] {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bkt-text-muted, #ABA9BD);
    pointer-events: none;
}

.budget__amount-input[b-nqq9mmx67v] {
    padding-left: 1.75rem;
    width: 100%;
}

.budget__save[b-nqq9mmx67v] {
    min-width: 6rem;
}
/* /Pages/Categories.razor.rz.scp.css */
/* Presentation for the category catalogue and the inline creation form. The colour swatches and
   icon tiles are the only bespoke controls; the remainder reuse shared primitives. */

.categories__list[b-ijms0njlln] {
    list-style: none;
    margin: 0 0 1.25rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.categories__row[b-ijms0njlln] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-md, 16px);
}

.categories__name[b-ijms0njlln] {
    font-weight: 700;
}

.categories__system[b-ijms0njlln] {
    margin-left: auto;
}

.categories__create[b-ijms0njlln] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.categories__create-title[b-ijms0njlln] {
    margin: 0 0 0.5rem 0;
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
}

.categories__swatches[b-ijms0njlln] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.categories__swatch[b-ijms0njlln] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--bkt-radius-pill, 999px);
    cursor: pointer;
}

.categories__swatch.is-active[b-ijms0njlln] {
    border-color: var(--bkt-text, #F4F3FA);
    box-shadow: 0 0 0 2px var(--bkt-bg, #14141C);
}

.categories__icons[b-ijms0njlln] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.5rem;
}

.categories__icon-tile[b-ijms0njlln] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem;
    background: var(--bkt-surface-2, #262635);
    border: 2px solid transparent;
    border-radius: var(--bkt-radius-md, 16px);
    cursor: pointer;
}

.categories__icon-tile.is-active[b-ijms0njlln] {
    border-color: var(--bkt-primary, #2FD9B4);
}

.categories__submit[b-ijms0njlln] {
    width: 100%;
    margin-top: 0.75rem;
}
/* /Pages/Home.razor.rz.scp.css */
/* Presentation for the accounts overview. Balances and account cards sit on the shared dark
   surfaces; chips distinguish account kind and type at a glance. */

.home__new[b-ts0bqkqhss] {
    padding: 0.5rem 0.9rem;
    font-size: 0.95rem;
}

.home__empty-cta[b-ts0bqkqhss] {
    margin-top: 0.5rem;
}

.home__total[b-ts0bqkqhss] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    margin-bottom: 1rem;
}

.home__total-label[b-ts0bqkqhss] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.9rem;
}

.home__total-value[b-ts0bqkqhss] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
}

.home__list[b-ts0bqkqhss] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.account-card[b-ts0bqkqhss] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 1rem 1.1rem;
    color: var(--bkt-text, #F4F3FA);
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-lg, 24px);
    transition: transform 0.08s ease, border-color 0.15s ease;
}

.account-card:hover[b-ts0bqkqhss] {
    text-decoration: none;
    border-color: var(--bkt-border-strong, #3C3C50);
}

.account-card:active[b-ts0bqkqhss] {
    transform: scale(0.99);
}

.account-card__row[b-ts0bqkqhss] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.account-card__name[b-ts0bqkqhss] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
}

.account-card__balance[b-ts0bqkqhss] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--bkt-primary, #2FD9B4);
}

.account-card__meta[b-ts0bqkqhss] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.account-card__members[b-ts0bqkqhss] {
    margin-left: auto;
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.85rem;
}
/* /Pages/NotFound.razor.rz.scp.css */
.not-found[b-gxu35p9mti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
    text-align: center;
}

.not-found p[b-gxu35p9mti] {
    margin: 0;
    color: var(--bkt-text-muted, #ABA9BD);
}
/* /Pages/QuickAdd.razor.rz.scp.css */
/* Presentation for the denomination keypad, the primary interaction. The layout favours large tap
   targets: a three-column grid of denomination keys beneath a prominent running total. Account and
   category selectors sit above so an entry is a short sequence of taps ending in Confirm. */

.quick__alert[b-g523g4z7jl] {
    margin-bottom: 1rem;
}

.quick__confirm[b-g523g4z7jl] {
    padding: 0.75rem 0.9rem;
    margin-bottom: 1rem;
    color: var(--bkt-on-accent, #101018);
    background: var(--bkt-positive, #4FE39B);
    border-radius: var(--bkt-radius-md, 16px);
    font-weight: 700;
}

.quick__step[b-g523g4z7jl] {
    margin-bottom: 1.1rem;
}

.quick__step-title[b-g523g4z7jl] {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--bkt-text-muted, #ABA9BD);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.quick__accounts[b-g523g4z7jl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.quick__account[b-g523g4z7jl] {
    padding: 0.5rem 0.9rem;
    font: inherit;
    font-weight: 700;
    color: var(--bkt-text-muted, #ABA9BD);
    background: var(--bkt-surface, #1C1C28);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-pill, 999px);
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.quick__account.is-active[b-g523g4z7jl] {
    color: var(--bkt-on-accent, #101018);
    background: var(--bkt-primary, #2FD9B4);
    border-color: transparent;
}

.quick__categories[b-g523g4z7jl] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
}

.quick__category[b-g523g4z7jl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    padding: 0.6rem 0.25rem;
    background: var(--bkt-surface, #1C1C28);
    border: 2px solid transparent;
    border-radius: var(--bkt-radius-md, 16px);
    cursor: pointer;
}

.quick__category.is-active[b-g523g4z7jl] {
    border-color: var(--bkt-primary, #2FD9B4);
    background: var(--bkt-surface-2, #262635);
}

.quick__category-name[b-g523g4z7jl] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--bkt-text-muted, #ABA9BD);
    text-align: center;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.quick__direction[b-g523g4z7jl] {
    max-width: 20rem;
}

.quick__total[b-g523g4z7jl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 1.1rem 1rem;
    margin-bottom: 0.9rem;
    background: var(--bkt-grad-surface, var(--bkt-surface, #1C1C28));
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-lg, 24px);
}

.quick__total-value[b-g523g4z7jl] {
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    color: var(--bkt-text, #F4F3FA);
}

.quick__total-sub[b-g523g4z7jl] {
    color: var(--bkt-text-muted, #ABA9BD);
    font-size: 0.9rem;
}

.quick__total-sub strong[b-g523g4z7jl] {
    color: var(--bkt-text, #F4F3FA);
}

.quick__pad[b-g523g4z7jl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
}

.quick__key[b-g523g4z7jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.2rem 0.5rem;
    font-family: var(--bkt-font-display, "Baloo 2"), system-ui, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--bkt-text, #F4F3FA);
    background: var(--bkt-surface-2, #262635);
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-lg, 24px);
    cursor: pointer;
    transition: transform 0.05s ease, background 0.15s ease;
}

.quick__key:active[b-g523g4z7jl] {
    transform: scale(0.96);
    background: var(--bkt-surface-3, #323243);
}

.quick__key-symbol[b-g523g4z7jl] {
    font-size: 1rem;
    color: var(--bkt-text-muted, #ABA9BD);
    margin-right: 0.1rem;
}

.quick__pad-actions[b-g523g4z7jl] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.6rem;
}

.quick__minor[b-g523g4z7jl] {
    flex: 1;
    padding: 0.7rem 0.5rem;
    font: inherit;
    font-weight: 700;
    color: var(--bkt-text-muted, #ABA9BD);
    background: transparent;
    border: 1px solid var(--bkt-border, #2E2E3E);
    border-radius: var(--bkt-radius-pill, 999px);
    cursor: pointer;
}

.quick__minor:disabled[b-g523g4z7jl] {
    opacity: 0.4;
    cursor: not-allowed;
}

.quick__note[b-g523g4z7jl] {
    margin-top: 0.9rem;
    width: 100%;
}

.quick__confirm-btn[b-g523g4z7jl] {
    width: 100%;
    margin-top: 0.9rem;
    padding: 0.9rem;
    font-size: 1.1rem;
}