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

/* /Features/Accounts/Views/Components/AccountDirectory.razor.rz.scp.css */
.page-stack[b-nck05n6lo2] { display: grid; gap: 20px; min-width: 0; }
.account-filter-grid[b-nck05n6lo2] { display: grid; grid-template-columns: minmax(220px, 440px); width: 100%; }
.account-filter-grid[b-nck05n6lo2]  fluent-search { width: 100%; }
.account-balance[b-nck05n6lo2] { display: inline-flex; align-items: baseline; gap: 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.account-balance span[b-nck05n6lo2] { font-size: 14px; }
.account-balance strong[b-nck05n6lo2] { font-size: 13px; }
.account-balance small[b-nck05n6lo2] { color: var(--app-text-muted); font-size: 11px; }
.account-balance.is-credit[b-nck05n6lo2] { color: var(--success); }
.account-balance.is-debit[b-nck05n6lo2] { color: var(--error); }
.account-balance.is-zero[b-nck05n6lo2] { color: var(--app-text-muted); }
.grid-actions[b-nck05n6lo2] { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
@media (max-width: 560px) { .account-filter-grid[b-nck05n6lo2] { grid-template-columns: 1fr; } }
/* /Features/Accounts/Views/Components/ChartOfAccountsCard.razor.rz.scp.css */
.account-hub-card[b-2l54h29wgc] { position: relative; display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; }
.account-hub-card:hover[b-2l54h29wgc] { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent-fill-rest) 34%, var(--app-stroke)); box-shadow: 0 16px 38px rgba(0, 0, 0, .14); }
.account-hub-card__image[b-2l54h29wgc] { position: relative; height: 150px; overflow: hidden; background: var(--app-surface-solid); }
.account-hub-card__image[b-2l54h29wgc]::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, color-mix(in srgb, var(--app-surface-solid) 88%, transparent), transparent 65%); }
.account-hub-card__image img[b-2l54h29wgc] { width: 100%; height: 100%; object-fit: cover; opacity: .8; transition: transform 260ms ease; }
.account-hub-card:hover .account-hub-card__image img[b-2l54h29wgc] { transform: scale(1.035); }
.account-hub-card__icon[b-2l54h29wgc] { position: absolute; z-index: 1; inset-inline-start: 16px; bottom: 12px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); border-radius: 12px; background: color-mix(in srgb, var(--app-surface-solid) 88%, transparent); backdrop-filter: blur(14px); }
.account-hub-card__body[b-2l54h29wgc] { display: flex; align-items: end; justify-content: space-between; gap: 14px; padding: 16px; }
.account-hub-card__body div[b-2l54h29wgc] { min-width: 0; }
.account-hub-card__body span[b-2l54h29wgc] { color: var(--app-text-muted); font-size: 11px; font-weight: 650; }
.account-hub-card__body h2[b-2l54h29wgc] { margin: 3px 0 0; overflow: hidden; color: var(--app-text); font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.account-hub-card__count[b-2l54h29wgc] { color: var(--accent-fill-rest); font-size: 30px; font-variant-numeric: tabular-nums; line-height: 1; }
.account-hub-card[b-2l54h29wgc]  fluent-button { width: calc(100% - 32px); margin: 0 16px 16px; }
@media (prefers-reduced-motion: reduce) { .account-hub-card[b-2l54h29wgc], .account-hub-card__image img[b-2l54h29wgc] { transition: none; } }
/* /Features/Accounts/Views/Components/HumanAccountForm.razor.rz.scp.css */
.human-account-form[b-2q091oaj3r] { display: grid; gap: 16px; min-width: 0; }
.human-account-form__toolbar[b-2q091oaj3r] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.account-field-grid[b-2q091oaj3r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.account-field-grid--address[b-2q091oaj3r] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.account-field[b-2q091oaj3r] { min-width: 0; }
.account-field-grid[b-2q091oaj3r]  fluent-text-field,
.account-field-grid[b-2q091oaj3r]  fluent-number-field,
.account-field-grid[b-2q091oaj3r]  fluent-combobox,
.account-field-grid[b-2q091oaj3r]  fluent-text-area { min-width: 0; width: 100%; }
.account-field--wide[b-2q091oaj3r] { grid-column: 1 / -1; }
.human-account-form__switch[b-2q091oaj3r] { padding: 12px 14px; border: 1px solid var(--app-stroke); border-radius: var(--app-radius); background: color-mix(in srgb, var(--accent-fill-rest) 5%, var(--app-surface-solid)); box-sizing: border-box; }
@media (max-width: 720px) { .account-field-grid[b-2q091oaj3r], .account-field-grid--address[b-2q091oaj3r] { grid-template-columns: 1fr; } .account-field--wide[b-2q091oaj3r] { grid-column: auto; } .human-account-form__toolbar[b-2q091oaj3r], .human-account-form__toolbar[b-2q091oaj3r]  fluent-button { width: 100%; } }
/* /Features/Accounts/Views/Components/QuickAccountCreationDialog.razor.rz.scp.css */
.quick-account[b-50vn6bfztt] { display: grid; gap: 14px; min-width: 0; }
.quick-account__validation[b-50vn6bfztt] { color: var(--error); }
.quick-account__validation:not(:has(li))[b-50vn6bfztt] { display: none; }
.quick-account__actions[b-50vn6bfztt] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) { .quick-account__actions[b-50vn6bfztt], .quick-account__actions[b-50vn6bfztt]  fluent-button { width: 100%; } }
/* /Features/Accounts/Views/Pages/AccountMovementIndexPage.razor.rz.scp.css */
.movement-page[b-xoqpy8drro] { display: grid; gap: 20px; min-width: 0; }
.money-cell[b-xoqpy8drro] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.money-cell.is-debit[b-xoqpy8drro] { color: var(--error); }
.money-cell.is-credit[b-xoqpy8drro] { color: var(--success); }
.date-cell[b-xoqpy8drro] { color: var(--app-text-muted); white-space: nowrap; }
/* /Features/Accounts/Views/Pages/AccountsMainView.razor.rz.scp.css */
.accounts-hub[b-usz5ju0vrq] { display: grid; gap: 20px; min-width: 0; }
.accounts-hub__intro[b-usz5ju0vrq] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); border-radius: var(--app-radius-large); background: linear-gradient(115deg, color-mix(in srgb, var(--accent-fill-rest) 10%, var(--app-surface)), var(--app-surface)); box-shadow: var(--app-shadow); }
.accounts-hub__intro div[b-usz5ju0vrq] { display: grid; gap: 4px; }
.accounts-hub__intro span[b-usz5ju0vrq] { color: var(--app-text-muted); font-size: 12px; font-weight: 650; }
.accounts-hub__intro strong[b-usz5ju0vrq] { color: var(--app-text); font-size: clamp(28px, 4vw, 42px); font-variant-numeric: tabular-nums; line-height: 1; }
.accounts-hub__grid[b-usz5ju0vrq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1150px) { .accounts-hub__grid[b-usz5ju0vrq] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 580px) { .accounts-hub__grid[b-usz5ju0vrq] { grid-template-columns: 1fr; } }
/* /Features/Accounts/Views/Pages/ManageAgent.razor.rz.scp.css */
.manage-account-page[b-b78yavnapt] { display: grid; gap: 18px; min-width: 0; padding-bottom: 12px; }
.manage-account-page__validation[b-b78yavnapt] { color: var(--error); }
.manage-account-page__validation:not(:has(li))[b-b78yavnapt] { display: none; }
/* /Features/Accounts/Views/Pages/ManageCustomer.razor.rz.scp.css */
.manage-account-page[b-j17kl85wzw] { display: grid; gap: 18px; min-width: 0; padding-bottom: 12px; }
.manage-account-page__validation[b-j17kl85wzw] { color: var(--error); }
.manage-account-page__validation:not(:has(li))[b-j17kl85wzw] { display: none; }
/* /Features/Accounts/Views/Pages/ManageSupplier.razor.rz.scp.css */
.manage-account-page[b-qj41zn86z6] { display: grid; gap: 18px; min-width: 0; padding-bottom: 12px; }
.manage-account-page__validation[b-qj41zn86z6] { color: var(--error); }
.manage-account-page__validation:not(:has(li))[b-qj41zn86z6] { display: none; }
/* /Features/Accounts/Views/Pages/ManageTreasury.razor.rz.scp.css */
.manage-account-page[b-kwcqi9ee8i] { display: grid; gap: 18px; min-width: 0; padding-bottom: 12px; }
.manage-account-page__validation[b-kwcqi9ee8i] { color: var(--error); }
.manage-account-page__validation:not(:has(li))[b-kwcqi9ee8i] { display: none; }
.treasury-field-grid[b-kwcqi9ee8i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.treasury-field[b-kwcqi9ee8i] { min-width: 0; }
.treasury-field-grid[b-kwcqi9ee8i]  fluent-text-field,
.treasury-field-grid[b-kwcqi9ee8i]  fluent-number-field,
.treasury-field-grid[b-kwcqi9ee8i]  fluent-combobox,
.treasury-field-grid[b-kwcqi9ee8i]  fluent-text-area { min-width: 0; width: 100%; }
@media (max-width: 650px) { .treasury-field-grid[b-kwcqi9ee8i] { grid-template-columns: 1fr; } }
/* /Features/Authentication/Views/Components/RegisterUserDialog.razor.rz.scp.css */
.user-dialog__title[b-l0apmjyxod] { display: flex; align-items: center; gap: 10px; }
.user-dialog__title-icon[b-l0apmjyxod] { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke)); border-radius: 10px; background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); }
.user-dialog[b-l0apmjyxod] { display: grid; min-width: 0; gap: 14px; }
.user-dialog__hero[b-l0apmjyxod] { display: flex; align-items: center; gap: 11px; padding: 13px 14px; border: 1px solid var(--app-stroke); border-radius: var(--app-radius); background: color-mix(in srgb, var(--accent-fill-rest) 6%, var(--app-surface-solid)); }
.user-dialog__hero > div[b-l0apmjyxod] { display: grid; gap: 2px; }
.user-dialog__hero span[b-l0apmjyxod] { color: var(--app-text-muted); font-size: 12px; }
.user-dialog__validation[b-l0apmjyxod] { color: var(--error); }
.user-dialog__validation:not(:has(li))[b-l0apmjyxod] { display: none; }
.user-dialog__fields[b-l0apmjyxod] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.user-dialog__field[b-l0apmjyxod] { min-width: 0; }
.user-dialog__field--wide[b-l0apmjyxod] { grid-column: 1 / -1; }
.user-dialog__field[b-l0apmjyxod]  fluent-text-field, .user-dialog__field[b-l0apmjyxod]  fluent-select { width: 100%; min-width: 0; }
.user-dialog__actions[b-l0apmjyxod] { display: flex; width: 100%; justify-content: flex-end; gap: 8px; }
@media (max-width: 600px) { .user-dialog__fields[b-l0apmjyxod] { grid-template-columns: 1fr; } .user-dialog__field--wide[b-l0apmjyxod] { grid-column: auto; } .user-dialog__actions[b-l0apmjyxod], .user-dialog__actions[b-l0apmjyxod]  fluent-button { width: 100%; } }
/* /Features/Authentication/Views/Components/UpdateUserRoleDialog.razor.rz.scp.css */
.role-dialog__title[b-l2gpg4stnj] { display: flex; align-items: center; gap: 10px; }
.role-dialog__title-icon[b-l2gpg4stnj] { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke)); border-radius: 10px; background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); }
.role-dialog[b-l2gpg4stnj] { display: grid; min-width: 0; gap: 14px; }
.role-dialog__identity[b-l2gpg4stnj] { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 14px; border: 1px solid var(--app-stroke); border-radius: var(--app-radius); background: color-mix(in srgb, var(--accent-fill-rest) 6%, var(--app-surface-solid)); }
.role-dialog__identity-icon[b-l2gpg4stnj] { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent); }
.role-dialog__identity > div[b-l2gpg4stnj] { display: grid; min-width: 0; gap: 2px; }
.role-dialog__identity strong[b-l2gpg4stnj], .role-dialog__identity span[b-l2gpg4stnj] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.role-dialog__identity span[b-l2gpg4stnj] { color: var(--app-text-muted); font-size: 12px; }
.role-dialog__validation[b-l2gpg4stnj] { color: var(--error); }
.role-dialog__validation:not(:has(li))[b-l2gpg4stnj] { display: none; }
.role-dialog__field[b-l2gpg4stnj], .role-dialog__field[b-l2gpg4stnj]  fluent-select { width: 100%; min-width: 0; }
.role-dialog__actions[b-l2gpg4stnj] { display: flex; width: 100%; justify-content: flex-end; gap: 8px; }
@media (max-width: 520px) { .role-dialog__actions[b-l2gpg4stnj], .role-dialog__actions[b-l2gpg4stnj]  fluent-button { width: 100%; } }
/* /Features/Authentication/Views/Layouts/AuthCardsLayout.razor.rz.scp.css */
.auth-cards-layout[b-c4zxu1eqp6] { position: relative; display: grid; width: 100%; min-height: 100dvh; place-items: center; padding: 28px; overflow: hidden; background: radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), transparent 28rem), radial-gradient(circle at 92% 88%, color-mix(in srgb, var(--accent-fill-rest) 6%, transparent), transparent 24rem), var(--app-canvas); box-sizing: border-box; }
.auth-cards-layout[b-c4zxu1eqp6]::before { position: absolute; width: min(70vw, 760px); height: min(70vw, 760px); border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); border-radius: 50%; content: ""; pointer-events: none; transform: translate(48%, -48%); }
[dir="rtl"].auth-cards-layout[b-c4zxu1eqp6]::before { transform: translate(-48%, -48%); }
.auth-cards-layout__content[b-c4zxu1eqp6] { position: relative; z-index: 1; display: grid; width: 100%; place-items: center; }
@media (max-width: 520px) { .auth-cards-layout[b-c4zxu1eqp6] { padding: 14px; } }
/* /Features/Authentication/Views/Layouts/UserManagementAppBar.razor.rz.scp.css */
.user-settings-nav[b-9ae2c52dv4] {
    display: grid;
    gap: 5px;
    padding: 8px;
}

.user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    gap: 11px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: var(--app-radius);
    color: var(--app-text-muted);
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link:hover {
    border-color: var(--app-stroke);
    color: var(--app-text);
    background: color-mix(in srgb, var(--accent-fill-rest) 5%, var(--app-surface-solid));
}

.user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link--active {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    color: var(--app-text);
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, var(--app-surface-solid));
}

.user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link--active::before {
    position: absolute;
    inset-block: 9px;
    inset-inline-start: -1px;
    width: 3px;
    border-radius: 999px;
    background: var(--accent-fill-rest);
    content: "";
}

.user-settings-nav__icon[b-9ae2c52dv4] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 8px;
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

@media (max-width: 820px) {
    .user-settings-nav[b-9ae2c52dv4] {
        display: flex;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link {
        flex: 1 0 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-settings-nav[b-9ae2c52dv4]  .user-settings-nav__link {
        transition: none;
    }
}
/* /Features/Authentication/Views/Layouts/UserManagementLayout.razor.rz.scp.css */
.user-management-layout[b-010xus8pj4] {
    display: grid;
    min-width: 0;
    gap: 18px;
    padding-bottom: 18px;
}

.user-management-layout__shell[b-010xus8pj4] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(190px, 232px) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
}

.user-management-layout__navigation[b-010xus8pj4] {
    position: sticky;
    top: calc(var(--app-header-height) + 16px);
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.user-management-layout__navigation-copy[b-010xus8pj4] {
    padding: 15px 16px 12px;
    border-bottom: 1px solid var(--app-stroke);
    color: var(--app-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.user-management-layout__navigation-copy span[b-010xus8pj4] {
    display: block;
    max-width: 20ch;
}

.user-management-layout__content[b-010xus8pj4] {
    min-width: 0;
}

@media (max-width: 820px) {
    .user-management-layout__shell[b-010xus8pj4] {
        grid-template-columns: 1fr;
    }

    .user-management-layout__navigation[b-010xus8pj4] {
        position: static;
    }

    .user-management-layout__navigation-copy[b-010xus8pj4] {
        display: none;
    }
}
/* /Features/Authentication/Views/Pages/ForgotPassword.razor.rz.scp.css */
.recovery-card[b-ncg1h3s82y] { display: grid; width: min(500px, calc(100vw - 28px)); gap: 26px; padding: 28px; border: 1px solid var(--app-stroke); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb, var(--accent-fill-rest) 6%, transparent), transparent 42%), var(--app-surface-solid); box-shadow: 0 20px 60px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06); box-sizing: border-box; }
.recovery-card__brand[b-ncg1h3s82y] { display: flex; align-items: center; gap: 10px; }
.recovery-card__brand > span[b-ncg1h3s82y] { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--app-stroke); border-radius: 10px; background: var(--app-brand-mark-surface); }
.recovery-card__brand img[b-ncg1h3s82y] { width: 28px; height: 28px; object-fit: contain; }
.recovery-card__brand > div[b-ncg1h3s82y] { display: grid; line-height: 1.15; }
.recovery-card__brand small[b-ncg1h3s82y] { color: var(--app-text-muted); font-size: 9px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.recovery-card__brand strong[b-ncg1h3s82y] { color: var(--app-text); font-size: 15px; }
.recovery-card__heading[b-ncg1h3s82y] { display: flex; align-items: flex-start; gap: 13px; }
.recovery-card__icon[b-ncg1h3s82y] { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 12px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.recovery-card__heading > div[b-ncg1h3s82y] { display: grid; gap: 5px; }
.recovery-card__heading p[b-ncg1h3s82y] { margin: 0; color: var(--app-text-muted); line-height: 1.5; }
.recovery-form[b-ncg1h3s82y] { display: grid; gap: 15px; }
.recovery-form__validation[b-ncg1h3s82y] { color: var(--error); }
.recovery-form__validation:not(:has(li))[b-ncg1h3s82y] { display: none; }
.recovery-form__field[b-ncg1h3s82y], .recovery-form__field[b-ncg1h3s82y]  fluent-text-field, .recovery-form__submit[b-ncg1h3s82y] { width: 100%; min-width: 0; }
.recovery-form__back[b-ncg1h3s82y] { justify-self: center; margin-top: 3px; }
@media (max-width: 480px) { .recovery-card[b-ncg1h3s82y] { padding: 22px; } .recovery-card__heading[b-ncg1h3s82y] { align-items: center; } }
/* /Features/Authentication/Views/Pages/Manage/ChangePassword.razor.rz.scp.css */
.user-settings-page[b-nev7se4tun] { display: grid; min-width: 0; gap: 16px; }
.user-settings-page__validation[b-nev7se4tun] { color: var(--error); }
.user-settings-page__validation:not(:has(li))[b-nev7se4tun] { display: none; }
.password-fields[b-nev7se4tun] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.user-settings-field[b-nev7se4tun] { min-width: 0; }
.user-settings-field--wide[b-nev7se4tun] { grid-column: 1 / -1; }
.user-settings-field[b-nev7se4tun]  fluent-text-field { width: 100%; min-width: 0; }
@media (max-width: 640px) { .password-fields[b-nev7se4tun] { grid-template-columns: 1fr; } .user-settings-field--wide[b-nev7se4tun] { grid-column: auto; } }
/* /Features/Authentication/Views/Pages/Manage/ManageEmail.razor.rz.scp.css */
.user-settings-page[b-l729xgpn41] { display: grid; min-width: 0; gap: 16px; }
.user-settings-page__validation[b-l729xgpn41] { color: var(--error); }
.user-settings-page__validation:not(:has(li))[b-l729xgpn41] { display: none; }
.user-settings-field[b-l729xgpn41] { min-width: 0; max-width: 680px; }
.user-settings-field[b-l729xgpn41]  fluent-text-field { width: 100%; min-width: 0; }
/* /Features/Authentication/Views/Pages/Manage/Profile.razor.rz.scp.css */
.user-settings-page[b-07fton38yg] { display: grid; min-width: 0; gap: 16px; }
.user-settings-page__validation[b-07fton38yg] { color: var(--error); }
.user-settings-page__validation:not(:has(li))[b-07fton38yg] { display: none; }
.user-settings-fields[b-07fton38yg] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.user-settings-field[b-07fton38yg] { min-width: 0; }
.user-settings-field[b-07fton38yg]  fluent-text-field { width: 100%; min-width: 0; }
@media (max-width: 640px) { .user-settings-fields[b-07fton38yg] { grid-template-columns: 1fr; } }
/* /Features/Authentication/Views/Pages/UsersIndexPage.razor.rz.scp.css */
.users-page[b-wc1464kh67] { display: grid; min-width: 0; gap: 18px; }
.users-page__heading[b-wc1464kh67] { display: flex; align-items: center; gap: 12px; padding: 2px 2px 0; }
.users-page__heading-icon[b-wc1464kh67] { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke)); border-radius: 10px; background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); }
.users-page__heading > div[b-wc1464kh67] { display: grid; gap: 1px; }
.users-page__eyebrow[b-wc1464kh67] { color: var(--app-text-muted); font-size: 11px; line-height: 1.2; }
.users-page__filters[b-wc1464kh67] { width: min(100%, 560px); }
.users-page__filters[b-wc1464kh67]  fluent-search { width: 100%; }
.users-page__grid[b-wc1464kh67] { min-width: 0; overflow-x: auto; }
.users-page__grid[b-wc1464kh67]  fluent-data-grid { min-width: 680px; }
.users-page__actions[b-wc1464kh67] { display: flex; align-items: center; gap: 6px; }
.users-page__pagination[b-wc1464kh67] { display: flex; justify-content: flex-end; padding: 14px 16px 16px; border-top: 1px solid var(--app-stroke); }
@media (max-width: 600px) { .users-page__pagination[b-wc1464kh67] { justify-content: center; } }
/* /Features/Cars/Views/Components/CarDetails.razor.rz.scp.css */
.car-details[b-ga9i2dyjqu] {
    display: grid;
    gap: 16px;
    padding-block: 4px 12px;
    color: var(--app-text);
}

.car-details__dialog-title[b-ga9i2dyjqu],
.car-details__section-heading[b-ga9i2dyjqu],
.car-details__gallery-heading > div[b-ga9i2dyjqu] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.car-details__hero[b-ga9i2dyjqu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), transparent 48%),
        var(--app-surface);
    box-shadow: var(--app-shadow);
}

.car-details__vehicle-mark[b-ga9i2dyjqu] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.car-details__identity[b-ga9i2dyjqu] {
    min-width: 0;
}

.car-details__eyebrow[b-ga9i2dyjqu] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.car-details__chassis[b-ga9i2dyjqu] {
    width: fit-content;
    max-width: 100%;
    margin-top: 3px;
    overflow: hidden;
    color: var(--accent-foreground-rest);
    font-family: var(--app-utility-font);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.car-details__identity h2[b-ga9i2dyjqu] {
    margin: 5px 0 2px;
    overflow-wrap: anywhere;
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 680;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.car-details__hero-meta[b-ga9i2dyjqu] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--app-text-muted);
    font-size: 13px;
}

.car-details__status[b-ga9i2dyjqu] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    padding: 6px 10px;
    border: 1px solid var(--app-stroke);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

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

.car-details__status--available[b-ga9i2dyjqu] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 7%, var(--app-surface-solid));
}

.car-details__status--sold[b-ga9i2dyjqu] {
    color: var(--app-text-muted);
    background: color-mix(in srgb, var(--app-text-muted) 7%, var(--app-surface-solid));
}

.car-details__layout[b-ga9i2dyjqu] {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(290px, 0.8fr) minmax(380px, 1.4fr);
    gap: 16px;
}

.car-details__summary[b-ga9i2dyjqu] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.car-details__section[b-ga9i2dyjqu],
.car-details__gallery[b-ga9i2dyjqu] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.car-details__section[b-ga9i2dyjqu] {
    padding: 14px;
}

.car-details__section-heading[b-ga9i2dyjqu] {
    margin-bottom: 12px;
}

.car-details__facts[b-ga9i2dyjqu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: var(--app-stroke);
}

.car-details__fact[b-ga9i2dyjqu] {
    min-width: 0;
    padding: 10px;
    background: color-mix(in srgb, var(--app-surface-solid) 78%, transparent);
}

.car-details__fact--wide[b-ga9i2dyjqu] {
    grid-column: 1 / -1;
}

.car-details__fact dt[b-ga9i2dyjqu] {
    margin-bottom: 4px;
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.car-details__fact dd[b-ga9i2dyjqu] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 600;
}

.car-details__states[b-ga9i2dyjqu] {
    display: grid;
    gap: 2px;
}

.car-details__state[b-ga9i2dyjqu] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-inline: 2px;
    border-bottom: 1px solid var(--app-stroke);
    color: var(--app-text-muted);
    font-size: 13px;
}

.car-details__state:last-child[b-ga9i2dyjqu] {
    border-bottom: 0;
}

.car-details__state-value[b-ga9i2dyjqu] {
    min-width: 34px;
    padding: 3px 7px;
    border-radius: 999px;
    color: var(--app-text-muted);
    background: color-mix(in srgb, var(--app-text-muted) 8%, transparent);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.car-details__state-value.is-active[b-ga9i2dyjqu] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 10%, transparent);
}

.car-details__notes p[b-ga9i2dyjqu] {
    margin: 0;
    color: var(--app-text-muted);
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.car-details__gallery[b-ga9i2dyjqu] {
    display: flex;
    min-height: 430px;
    flex-direction: column;
}

.car-details__gallery-heading[b-ga9i2dyjqu] {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.car-details__gallery-count[b-ga9i2dyjqu] {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    color: var(--app-text-muted);
    background: color-mix(in srgb, var(--app-text-muted) 9%, transparent);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    text-align: center;
}

.car-details__gallery-content[b-ga9i2dyjqu] {
    position: relative;
    min-height: 0;
    flex: 1;
    padding: 12px;
    overflow-y: auto;
}

.car-details__photo-grid[b-ga9i2dyjqu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.car-details__photo[b-ga9i2dyjqu] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: var(--app-surface-solid);
    transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.car-details__photo:hover[b-ga9i2dyjqu] {
    border-color: var(--app-stroke-strong);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.09);
    transform: translateY(-1px);
}

.car-details__photo--main[b-ga9i2dyjqu] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 44%, var(--app-stroke));
}

.car-details__photo-media[b-ga9i2dyjqu] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: color-mix(in srgb, var(--app-text-muted) 7%, var(--app-surface-solid));
}

.car-details__photo-media img[b-ga9i2dyjqu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 180ms cubic-bezier(0.33, 1, 0.68, 1);
}

.car-details__photo:hover img[b-ga9i2dyjqu] {
    transform: scale(1.025);
}

.car-details__main-photo[b-ga9i2dyjqu] {
    position: absolute;
    top: 8px;
    inset-inline-start: 8px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.58);
    border-radius: 8px;
    color: #ffffff;
    background: color-mix(in srgb, var(--accent-fill-rest) 88%, transparent);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
}

.car-details__photo-actions[b-ga9i2dyjqu] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    padding: 4px 6px;
    border-top: 1px solid var(--app-stroke);
}

.car-details__empty[b-ga9i2dyjqu] {
    display: grid;
    min-height: 320px;
    place-items: center;
    align-content: center;
    gap: 12px;
    color: var(--app-text-muted);
    text-align: center;
}

.car-details__empty-icon[b-ga9i2dyjqu] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 20%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

@media (max-width: 920px) {
    .car-details__layout[b-ga9i2dyjqu] {
        grid-template-columns: 1fr;
    }

    .car-details__gallery[b-ga9i2dyjqu] {
        min-height: 380px;
    }
}

@media (max-width: 560px) {
    .car-details__hero[b-ga9i2dyjqu] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .car-details__identity[b-ga9i2dyjqu] {
        flex: 1 1 calc(100% - 68px);
    }

    .car-details__status[b-ga9i2dyjqu] {
        margin-inline-start: 62px;
    }

    .car-details__gallery-heading[b-ga9i2dyjqu] {
        align-items: stretch;
        flex-direction: column;
    }

    .car-details__photo-grid[b-ga9i2dyjqu],
    .car-details__facts[b-ga9i2dyjqu] {
        grid-template-columns: 1fr;
    }

    .car-details__fact--wide[b-ga9i2dyjqu] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .car-details__photo[b-ga9i2dyjqu],
    .car-details__photo-media img[b-ga9i2dyjqu] {
        transition: none;
    }
}
/* /Features/Expenses/Views/Components/CreateGeneralExpenseDialog.razor.rz.scp.css */
.expense-dialog[b-kgx4axbkfn] {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding-block: 2px;
}

.expense-dialog__validation[b-kgx4axbkfn] {
    padding-inline: 2px;
    color: var(--error);
}

.expense-dialog__validation:not(:has(li))[b-kgx4axbkfn] {
    display: none;
}

.expense-dialog__actions[b-kgx4axbkfn] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .expense-dialog__actions[b-kgx4axbkfn],
    .expense-dialog__actions[b-kgx4axbkfn]  fluent-button {
        width: 100%;
    }
}
/* /Features/Expenses/Views/Components/ManageExpenseDialog.razor.rz.scp.css */
.expense-type-dialog[b-m9w0abyh3d] { display: grid; gap: 14px; min-width: 0; }
.expense-type-dialog__intro[b-m9w0abyh3d] { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); border-radius: var(--app-radius-large); background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface)); box-shadow: var(--app-shadow); }
.expense-type-dialog__mark[b-m9w0abyh3d] { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.expense-type-dialog__intro div[b-m9w0abyh3d] { display: grid; min-width: 0; gap: 2px; }
.expense-type-dialog__intro span[b-m9w0abyh3d],
.expense-type-dialog__intro small[b-m9w0abyh3d] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.expense-type-dialog__intro strong[b-m9w0abyh3d] { overflow: hidden; color: var(--app-text); font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.expense-type-dialog__validation[b-m9w0abyh3d] { color: var(--error); }
.expense-type-dialog__validation:not(:has(li))[b-m9w0abyh3d] { display: none; }
.expense-type-dialog__actions[b-m9w0abyh3d] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) {
    .expense-type-dialog__actions[b-m9w0abyh3d],
    .expense-type-dialog__actions[b-m9w0abyh3d]  fluent-button { width: 100%; }
}
/* /Features/Expenses/Views/Components/PurchaseExpenseVoucherDialog.razor.rz.scp.css */
.expense-dialog[b-7yrk9ut3c0] { display: grid; gap: 14px; min-width: 0; padding-block: 2px; }
.expense-dialog__validation[b-7yrk9ut3c0] { padding-inline: 2px; color: var(--error); }
.expense-dialog__validation:not(:has(li))[b-7yrk9ut3c0] { display: none; }
.expense-dialog__actions[b-7yrk9ut3c0] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) {
    .expense-dialog__actions[b-7yrk9ut3c0],
    .expense-dialog__actions[b-7yrk9ut3c0]  fluent-button { width: 100%; }
}
/* /Features/Expenses/Views/Components/UpdateGeneralExpenseInfoDialog.razor.rz.scp.css */
.expense-dialog[b-c1c6is2j59] { display: grid; gap: 14px; min-width: 0; padding-block: 2px; }
.expense-dialog__validation[b-c1c6is2j59] { padding-inline: 2px; color: var(--error); }
.expense-dialog__validation:not(:has(li))[b-c1c6is2j59] { display: none; }
.expense-dialog__actions[b-c1c6is2j59] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) {
    .expense-dialog__actions[b-c1c6is2j59],
    .expense-dialog__actions[b-c1c6is2j59]  fluent-button { width: 100%; }
}
/* /Features/Expenses/Views/Components/UpdatePurchaseExpenseInfoDialog.razor.rz.scp.css */
.expense-dialog[b-wmxrww3jth] { display: grid; gap: 14px; min-width: 0; padding-block: 2px; }
.expense-dialog__validation[b-wmxrww3jth] { padding-inline: 2px; color: var(--error); }
.expense-dialog__validation:not(:has(li))[b-wmxrww3jth] { display: none; }
.expense-dialog__actions[b-wmxrww3jth] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) {
    .expense-dialog__actions[b-wmxrww3jth],
    .expense-dialog__actions[b-wmxrww3jth]  fluent-button { width: 100%; }
}
/* /Features/Expenses/Views/Pages/ExpensesList.razor.rz.scp.css */
.page-stack[b-9rfm19l1sk] { display: grid; gap: 20px; min-width: 0; }
.expense-filter-grid[b-9rfm19l1sk] { display: grid; grid-template-columns: minmax(220px, 440px); gap: 14px; width: 100%; }
.grid-actions[b-9rfm19l1sk] { display: flex; align-items: center; gap: 6px; }
.expense-type-badge[b-9rfm19l1sk] { display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px; border: 1px solid var(--app-stroke); border-radius: 999px; background: var(--app-surface-solid); color: var(--app-text); font-size: 12px; font-weight: 650; }
.expense-type-badge--general[b-9rfm19l1sk] { border-color: color-mix(in srgb, var(--accent-fill-rest) 28%, var(--app-stroke)); background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.expense-type-badge--purchase[b-9rfm19l1sk] { border-color: color-mix(in srgb, #d68b18 34%, var(--app-stroke)); background: color-mix(in srgb, #d68b18 9%, var(--app-surface-solid)); }
.expense-type-badge--system[b-9rfm19l1sk] { color: var(--app-text-muted); }
@media (max-width: 560px) { .expense-filter-grid[b-9rfm19l1sk] { grid-template-columns: 1fr; } }
/* /Features/Expenses/Views/Pages/GeneralExpensesIndexPage.razor.rz.scp.css */
.page-stack[b-kzrtm7oioc] { display: grid; gap: 20px; min-width: 0; }
.expense-filter-grid[b-kzrtm7oioc] { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 14px; width: 100%; align-items: end; }
.expense-filter-grid[b-kzrtm7oioc]  fluent-date-picker,
.expense-filter-grid[b-kzrtm7oioc]  fluent-combobox { min-width: 0; width: 100%; }
.grid-actions[b-kzrtm7oioc] { display: flex; align-items: center; gap: 6px; }
.money-value[b-kzrtm7oioc] { color: var(--app-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.money-value--muted[b-kzrtm7oioc],
.date-value[b-kzrtm7oioc] { color: var(--app-text-muted); }
.date-value[b-kzrtm7oioc] { white-space: nowrap; }
@media (max-width: 1050px) { .expense-filter-grid[b-kzrtm7oioc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .expense-filter-grid[b-kzrtm7oioc] { grid-template-columns: 1fr; } }
/* /Features/Manifests/Views/Components/ManifestDetailsDialog.razor.rz.scp.css */
.manifest-details[b-qixe0opyrt] {
    display: grid;
    gap: 14px;
    padding-block: 4px 12px;
    color: var(--app-text);
}

.manifest-details__dialog-title[b-qixe0opyrt] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.manifest-details__hero[b-qixe0opyrt] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), transparent 48%),
        var(--app-surface);
    box-shadow: var(--app-shadow);
}

.manifest-details__mark[b-qixe0opyrt] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.manifest-details__identity[b-qixe0opyrt] {
    min-width: 0;
}

.manifest-details__eyebrow[b-qixe0opyrt] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.manifest-details__number[b-qixe0opyrt] {
    margin-top: 3px;
    color: var(--accent-foreground-rest);
    font-family: var(--app-utility-font);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.025em;
}

.manifest-details__identity h2[b-qixe0opyrt] {
    margin: 5px 0 2px;
    overflow-wrap: anywhere;
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 680;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.manifest-details__hero-meta[b-qixe0opyrt] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--app-text-muted);
    font-size: 13px;
}

.manifest-details__status[b-qixe0opyrt],
.manifest-details__payment-status[b-qixe0opyrt] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid var(--app-stroke);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

.manifest-details__status[b-qixe0opyrt] {
    margin-inline-start: auto;
}

.manifest-details__status[b-qixe0opyrt]::before,
.manifest-details__payment-status[b-qixe0opyrt]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.is-success[b-qixe0opyrt] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 8%, var(--app-surface-solid));
}

.is-warning[b-qixe0opyrt] {
    color: #986f0b;
    background: color-mix(in srgb, #fce100 10%, var(--app-surface-solid));
}

.is-danger[b-qixe0opyrt] {
    color: #d13438;
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
}

.is-neutral[b-qixe0opyrt] {
    color: var(--app-text-muted);
    background: color-mix(in srgb, var(--app-text-muted) 7%, var(--app-surface-solid));
}

.manifest-route[b-qixe0opyrt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.7fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.manifest-route__port[b-qixe0opyrt] {
    min-width: 0;
}

.manifest-route__port:last-child[b-qixe0opyrt] {
    text-align: end;
}

.manifest-route__label[b-qixe0opyrt],
.manifest-route__date-label[b-qixe0opyrt] {
    display: block;
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.manifest-route__port strong[b-qixe0opyrt] {
    display: block;
    margin-block: 4px 7px;
    overflow-wrap: anywhere;
    font-size: 17px;
    line-height: 1.2;
}

.manifest-route__date[b-qixe0opyrt] {
    color: var(--app-text);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
}

.manifest-route__track[b-qixe0opyrt] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manifest-route__track[b-qixe0opyrt]::before {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    background: color-mix(in srgb, var(--accent-fill-rest) 42%, var(--app-stroke));
    content: "";
}

.manifest-route__vessel[b-qixe0opyrt] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, var(--app-stroke));
    border-radius: 50%;
    background: var(--app-surface-solid);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.manifest-details__grid[b-qixe0opyrt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.manifest-details__facts[b-qixe0opyrt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: var(--app-stroke);
}

.manifest-details__stack[b-qixe0opyrt] {
    display: grid;
    gap: 14px;
}

.manifest-details__tracking-number[b-qixe0opyrt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.manifest-details__finance[b-qixe0opyrt] {
    display: grid;
    gap: 12px;
}

.manifest-payment[b-qixe0opyrt] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
}

.manifest-payment__header[b-qixe0opyrt],
.manifest-payment__values[b-qixe0opyrt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.manifest-payment__currency[b-qixe0opyrt] {
    font-family: var(--app-utility-font);
    font-size: 12px;
    font-weight: 700;
}

.manifest-payment__total[b-qixe0opyrt] {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.manifest-payment__values[b-qixe0opyrt] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.manifest-payment__values strong[b-qixe0opyrt] {
    color: var(--app-text);
    font-variant-numeric: tabular-nums;
}

.manifest-payment__track[b-qixe0opyrt] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-text-muted) 13%, transparent);
}

.manifest-payment__bar[b-qixe0opyrt] {
    width: var(--payment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent-fill-rest);
}

.manifest-details__notes[b-qixe0opyrt] {
    margin: 0;
    color: var(--app-text-muted);
    line-height: 1.55;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (max-width: 760px) {
    .manifest-details__grid[b-qixe0opyrt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .manifest-details__hero[b-qixe0opyrt] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .manifest-details__identity[b-qixe0opyrt] {
        flex: 1 1 calc(100% - 68px);
    }

    .manifest-details__status[b-qixe0opyrt] {
        margin-inline-start: 62px;
    }

    .manifest-route[b-qixe0opyrt] {
        grid-template-columns: 1fr;
    }

    .manifest-route__port:last-child[b-qixe0opyrt] {
        text-align: start;
    }

    .manifest-route__track[b-qixe0opyrt] {
        min-height: 56px;
    }

    .manifest-route__track[b-qixe0opyrt]::before {
        top: 0;
        bottom: 0;
        right: 50%;
        left: auto;
        width: 1px;
        height: auto;
    }

    .manifest-details__facts[b-qixe0opyrt] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manifest-payment__bar[b-qixe0opyrt] {
        transition: none;
    }
}
/* /Features/Manifests/Views/Pages/CreateManifest.razor.rz.scp.css */
.manifest-workspace[b-dtcljo35c5] {
    position: relative;
}

.manifest-form[b-dtcljo35c5] {
    display: grid;
    gap: 16px;
}

.manifest-validation[b-dtcljo35c5] {
    padding: 0 14px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, #d13438 44%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.manifest-validation:not(:has(li))[b-dtcljo35c5] {
    display: none;
}

.manifest-workspace__grid[b-dtcljo35c5] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.75fr);
    gap: 16px;
    align-items: start;
}

.manifest-workspace__main[b-dtcljo35c5],
.manifest-workspace__rail[b-dtcljo35c5] {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.manifest-field-grid[b-dtcljo35c5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    align-items: end;
}

.manifest-field-grid--three[b-dtcljo35c5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manifest-field-grid--single[b-dtcljo35c5] {
    grid-template-columns: 1fr;
}

.manifest-field[b-dtcljo35c5],
.manifest-field > *[b-dtcljo35c5],
.manifest-field-grid > *[b-dtcljo35c5],
.manifest-field[b-dtcljo35c5]  fluent-text-field,
.manifest-field[b-dtcljo35c5]  fluent-date-picker,
.manifest-field[b-dtcljo35c5]  fluent-combobox,
.manifest-field[b-dtcljo35c5]  fluent-text-area {
    min-width: 0;
    width: 100%;
}

.manifest-finance[b-dtcljo35c5] {
    display: grid;
    gap: 14px;
}

.manifest-inline-error[b-dtcljo35c5] {
    margin: 0;
    padding: 10px 12px;
    border-inline-start: 3px solid #d13438;
    border-radius: 6px;
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
    color: #a4262c;
    font-size: 12px;
    font-weight: 600;
}

.manifest-currency[b-dtcljo35c5] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(160px, 0.8fr);
    gap: 12px;
    align-items: end;
    padding: 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
}

.manifest-currency > *[b-dtcljo35c5] {
    min-width: 0;
    width: 100%;
}

.manifest-cargo[b-dtcljo35c5] {
    display: grid;
    place-items: center;
    gap: 10px;
    padding: 8px 0 2px;
    text-align: center;
}

.manifest-cargo__icon[b-dtcljo35c5] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 14px;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid));
}

.manifest-cargo__count[b-dtcljo35c5] {
    color: var(--app-text);
    font-size: 34px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
}

.manifest-cargo__label[b-dtcljo35c5] {
    color: var(--app-text-muted);
    font-size: 12px;
    font-weight: 600;
}

.manifest-cargo__message[b-dtcljo35c5] {
    width: 100%;
    margin: 2px 0 0;
    padding-top: 10px;
    border-top: 1px solid var(--app-stroke);
    color: var(--app-text-muted);
    font-size: 12px;
}

.manifest-cargo__message.is-error[b-dtcljo35c5] {
    color: #a4262c;
    font-weight: 600;
}

.manifest-action-summary[b-dtcljo35c5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.manifest-action-summary strong[b-dtcljo35c5] {
    color: var(--app-text);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1050px) {
    .manifest-workspace__grid[b-dtcljo35c5] {
        grid-template-columns: 1fr;
    }

    .manifest-workspace__rail[b-dtcljo35c5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manifest-workspace__rail > :first-child[b-dtcljo35c5],
    .manifest-workspace__rail > :last-child[b-dtcljo35c5] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .manifest-field-grid--three[b-dtcljo35c5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manifest-workspace__rail[b-dtcljo35c5] {
        grid-template-columns: 1fr;
    }

    .manifest-workspace__rail > :first-child[b-dtcljo35c5],
    .manifest-workspace__rail > :last-child[b-dtcljo35c5] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .manifest-field-grid[b-dtcljo35c5],
    .manifest-field-grid--three[b-dtcljo35c5],
    .manifest-currency[b-dtcljo35c5] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Purchases/Views/Components/SinglePurchaseInvoiceVoucher.razor.rz.scp.css */
.voucher-dialog[b-3zym3hc709] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.voucher-dialog__title[b-3zym3hc709] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.voucher-dialog__validation[b-3zym3hc709] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.voucher-dialog__validation:not(:has(li))[b-3zym3hc709] {
    display: none;
}

.voucher-dialog__settle[b-3zym3hc709] {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.voucher-dialog__settle div[b-3zym3hc709] {
    display: grid;
    gap: 3px;
}

.voucher-dialog__settle strong[b-3zym3hc709] {
    color: var(--app-text);
    font-size: 12px;
}

.voucher-dialog__settle span[b-3zym3hc709] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.voucher-dialog__actions[b-3zym3hc709] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .voucher-dialog__actions[b-3zym3hc709],
    .voucher-dialog__actions[b-3zym3hc709]  fluent-button {
        width: 100%;
    }

    .voucher-dialog__actions[b-3zym3hc709]  fluent-button {
        flex: 1;
    }
}
/* /Features/Purchases/Views/Components/UpdatePurchaseInvoiceIfoDialog.razor.rz.scp.css */
.purchase-update[b-dse4hj2ktw] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.purchase-update__dialog-title[b-dse4hj2ktw] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.purchase-update__validation[b-dse4hj2ktw] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.purchase-update__validation:not(:has(li))[b-dse4hj2ktw] {
    display: none;
}

.purchase-update__hero[b-dse4hj2ktw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), transparent 52%),
        var(--app-surface);
    box-shadow: var(--app-shadow);
}

.purchase-update__mark[b-dse4hj2ktw] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.purchase-update__identity[b-dse4hj2ktw] {
    min-width: 0;
}

.purchase-update__eyebrow[b-dse4hj2ktw] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.purchase-update__identity h2[b-dse4hj2ktw] {
    margin: 4px 0 3px;
    color: var(--app-text);
    font-family: var(--app-utility-font);
    font-size: 22px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.purchase-update__identity p[b-dse4hj2ktw] {
    margin: 0;
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-update__status[b-dse4hj2ktw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    padding: 6px 10px;
    border: 1px solid var(--app-stroke);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

.purchase-update__status[b-dse4hj2ktw]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.purchase-update__status.is-success[b-dse4hj2ktw] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 8%, var(--app-surface-solid));
}

.purchase-update__status.is-warning[b-dse4hj2ktw] {
    color: #986f0b;
    background: color-mix(in srgb, #fce100 10%, var(--app-surface-solid));
}

.purchase-update__status.is-danger[b-dse4hj2ktw] {
    color: #d13438;
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
}

.purchase-update__payment[b-dse4hj2ktw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 18px;
    align-items: end;
    padding: 14px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.purchase-update__payment-copy[b-dse4hj2ktw] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.purchase-update__payment-copy span[b-dse4hj2ktw],
.purchase-update__payment-value span[b-dse4hj2ktw] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.purchase-update__payment-copy strong[b-dse4hj2ktw] {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-update__payment-value[b-dse4hj2ktw] {
    display: grid;
    gap: 3px;
    text-align: end;
}

.purchase-update__payment-value strong[b-dse4hj2ktw] {
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.purchase-update__track[b-dse4hj2ktw] {
    height: 7px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-text-muted) 13%, transparent);
}

.purchase-update__bar[b-dse4hj2ktw] {
    width: var(--payment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent-fill-rest);
}

.purchase-update__payment-meta[b-dse4hj2ktw] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--app-text-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.purchase-update__section[b-dse4hj2ktw] {
    overflow: visible;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.purchase-update__section:focus-within[b-dse4hj2ktw] {
    position: relative;
    z-index: 5;
}

.purchase-update__section-header[b-dse4hj2ktw] {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.purchase-update__section-body[b-dse4hj2ktw] {
    display: grid;
    gap: 14px;
    padding: 14px;
}

.purchase-update__grid[b-dse4hj2ktw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}

.purchase-update__field[b-dse4hj2ktw],
.purchase-update__field > *[b-dse4hj2ktw],
.purchase-update__field[b-dse4hj2ktw]  fluent-number-field,
.purchase-update__field[b-dse4hj2ktw]  fluent-text-field,
.purchase-update__field[b-dse4hj2ktw]  fluent-date-picker,
.purchase-update__field[b-dse4hj2ktw]  fluent-combobox,
.purchase-update__field[b-dse4hj2ktw]  fluent-text-area {
    min-width: 0;
    width: 100%;
}

.purchase-update__field--wide[b-dse4hj2ktw] {
    grid-column: 1 / -1;
}

.purchase-update__net[b-dse4hj2ktw] {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.purchase-update__net span[b-dse4hj2ktw] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.purchase-update__net strong[b-dse4hj2ktw] {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.purchase-update__footer-actions[b-dse4hj2ktw] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 620px) {
    .purchase-update__hero[b-dse4hj2ktw] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .purchase-update__identity[b-dse4hj2ktw] {
        flex: 1 1 calc(100% - 68px);
    }

    .purchase-update__status[b-dse4hj2ktw] {
        margin-inline-start: 62px;
    }

    .purchase-update__grid[b-dse4hj2ktw] {
        grid-template-columns: 1fr;
    }

    .purchase-update__field--wide[b-dse4hj2ktw] {
        grid-column: auto;
    }

    .purchase-update__footer-actions[b-dse4hj2ktw],
    .purchase-update__footer-actions[b-dse4hj2ktw]  fluent-button {
        width: 100%;
    }

    .purchase-update__footer-actions[b-dse4hj2ktw]  fluent-button {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .purchase-update__bar[b-dse4hj2ktw] {
        transition: none;
    }
}
/* /Features/Purchases/Views/Components/UpdatePurchaseVoucherDialog.razor.rz.scp.css */
.voucher-update[b-muv1w90mzo] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.voucher-update__title[b-muv1w90mzo] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.voucher-update__validation[b-muv1w90mzo] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.voucher-update__validation:not(:has(li))[b-muv1w90mzo] {
    display: none;
}

.voucher-update__actions[b-muv1w90mzo] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .voucher-update__actions[b-muv1w90mzo],
    .voucher-update__actions[b-muv1w90mzo]  fluent-button {
        width: 100%;
    }

    .voucher-update__actions[b-muv1w90mzo]  fluent-button {
        flex: 1;
    }
}
/* /Features/Purchases/Views/Pages/PurchaseInvoices.razor.rz.scp.css */
.purchase-workspace[b-zk7ezj4732] {
    position: relative;
}

.purchase-form[b-zk7ezj4732] {
    display: grid;
    gap: 16px;
}

.purchase-validation[b-zk7ezj4732] {
    overflow: hidden;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, #d13438 44%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.purchase-validation:not(:has(li))[b-zk7ezj4732] {
    display: none;
}

.purchase-workspace__grid[b-zk7ezj4732] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.55fr);
    gap: 16px;
    align-items: start;
}

.purchase-workspace__main[b-zk7ezj4732],
.purchase-workspace__rail[b-zk7ezj4732] {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.purchase-workspace__rail[b-zk7ezj4732] {
    position: sticky;
    top: 16px;
}

.purchase-field-grid[b-zk7ezj4732] {
    display: grid;
    gap: 15px;
    align-items: end;
}

.purchase-field-grid--three[b-zk7ezj4732] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.purchase-field-grid--vehicle[b-zk7ezj4732] {
    grid-template-columns: minmax(0, 1.4fr) minmax(190px, 0.6fr);
}

.purchase-field[b-zk7ezj4732],
.purchase-field > *[b-zk7ezj4732],
.purchase-money-field[b-zk7ezj4732],
.purchase-money-field > *[b-zk7ezj4732],
.purchase-field[b-zk7ezj4732]  fluent-text-field,
.purchase-field[b-zk7ezj4732]  fluent-number-field,
.purchase-field[b-zk7ezj4732]  fluent-date-picker,
.purchase-field[b-zk7ezj4732]  fluent-combobox,
.purchase-field[b-zk7ezj4732]  fluent-text-area {
    min-width: 0;
    width: 100%;
}

.purchase-field--notes[b-zk7ezj4732] {
    margin-top: 15px;
}

.purchase-field--span-two[b-zk7ezj4732] {
    grid-column: span 2;
}

.purchase-money-grid[b-zk7ezj4732] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(170px, 0.65fr);
    gap: 12px;
    align-items: end;
    margin-top: 15px;
    padding: 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
}

.fluent-control[b-zk7ezj4732] {
    position: relative;
    width: 100%;
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    box-sizing: border-box;
    padding: 0 calc(var(--design-unit) * 2px + 1px);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
    outline: none;
    appearance: none;
    background: padding-box linear-gradient(var(--neutral-fill-input-rest), var(--neutral-fill-input-rest)), border-box var(--neutral-stroke-input-rest);
    color: inherit;
    font: inherit;
}

.fluent-control:focus-visible[b-zk7ezj4732] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.purchase-net-preview[b-zk7ezj4732] {
    display: grid;
    min-height: 56px;
    align-content: center;
    gap: 4px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.purchase-net-preview span[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.purchase-net-preview strong[b-zk7ezj4732] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-net-preview.is-negative[b-zk7ezj4732],
.purchase-ledger__total.is-negative[b-zk7ezj4732] {
    border-color: color-mix(in srgb, #d13438 48%, var(--app-stroke));
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
}

.purchase-section-actions[b-zk7ezj4732] {
    display: flex;
    gap: 8px;
}

.purchase-color-option[b-zk7ezj4732] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.purchase-publication[b-zk7ezj4732] {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
    box-sizing: border-box;
}

.purchase-publication div[b-zk7ezj4732] {
    display: grid;
    gap: 3px;
}

.purchase-publication strong[b-zk7ezj4732] {
    color: var(--app-text);
    font-size: 12px;
}

.purchase-publication span[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.purchase-ledger[b-zk7ezj4732] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.purchase-ledger__header[b-zk7ezj4732] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px;
    border-bottom: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent);
}

.purchase-ledger__icon[b-zk7ezj4732] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.purchase-ledger__header div[b-zk7ezj4732] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.purchase-ledger__header span[b-zk7ezj4732],
.purchase-ledger__identity span[b-zk7ezj4732],
.purchase-ledger__total span[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.purchase-ledger__header strong[b-zk7ezj4732] {
    color: var(--app-text);
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.purchase-ledger__identity[b-zk7ezj4732] {
    display: grid;
    gap: 4px;
    padding: 16px;
    border-bottom: 1px solid var(--app-stroke);
}

.purchase-ledger__identity strong[b-zk7ezj4732],
.purchase-ledger__identity small[b-zk7ezj4732] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-ledger__identity strong[b-zk7ezj4732] {
    color: var(--app-text);
    font-size: 14px;
}

.purchase-ledger__identity small[b-zk7ezj4732],
.purchase-ledger__total small[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.purchase-ledger__rows[b-zk7ezj4732] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 16px;
}

.purchase-ledger__rows div[b-zk7ezj4732] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.purchase-ledger__rows dt[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 12px;
}

.purchase-ledger__rows dd[b-zk7ezj4732] {
    margin: 0;
    color: var(--app-text);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.purchase-ledger__discount[b-zk7ezj4732] {
    color: #a4262c !important;
}

.purchase-ledger__total[b-zk7ezj4732] {
    display: grid;
    gap: 4px;
    margin: 0 12px 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 26%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid));
}

.purchase-ledger__total strong[b-zk7ezj4732] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.035em;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-vehicle-summary[b-zk7ezj4732] {
    display: grid;
    gap: 12px;
}

.purchase-vehicle-summary > div[b-zk7ezj4732] {
    display: grid;
    min-width: 0;
    gap: 3px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--app-stroke);
}

.purchase-vehicle-summary > div:last-child[b-zk7ezj4732] {
    padding-bottom: 0;
    border-bottom: 0;
}

.purchase-vehicle-summary span[b-zk7ezj4732] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.purchase-vehicle-summary strong[b-zk7ezj4732] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-action-summary[b-zk7ezj4732] {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
}

.purchase-action-summary strong[b-zk7ezj4732] {
    color: var(--app-text);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.purchase-action-summary small[b-zk7ezj4732] {
    color: var(--app-text-muted);
}

@media (max-width: 1100px) {
    .purchase-workspace__grid[b-zk7ezj4732] {
        grid-template-columns: 1fr;
    }

    .purchase-workspace__rail[b-zk7ezj4732] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .purchase-field-grid--three[b-zk7ezj4732],
    .purchase-money-grid[b-zk7ezj4732] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .purchase-net-preview[b-zk7ezj4732] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .purchase-field-grid--three[b-zk7ezj4732],
    .purchase-field-grid--vehicle[b-zk7ezj4732],
    .purchase-money-grid[b-zk7ezj4732],
    .purchase-workspace__rail[b-zk7ezj4732] {
        grid-template-columns: 1fr;
    }

    .purchase-net-preview[b-zk7ezj4732] {
        grid-column: auto;
    }

    .purchase-section-actions[b-zk7ezj4732] {
        width: 100%;
        flex-direction: column;
    }

    .purchase-section-actions[b-zk7ezj4732]  fluent-button {
        width: 100%;
    }

    .purchase-field--span-two[b-zk7ezj4732] {
        grid-column: auto;
    }
}
/* /Features/Reports/Views/Overview.razor.rz.scp.css */
.overview-page[b-8qt6r8hgc7] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

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

.charts-grid[b-8qt6r8hgc7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.chart-surface[b-8qt6r8hgc7] {
    position: relative;
    min-width: 0;
    min-height: 390px;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.chart-surface__header[b-8qt6r8hgc7] {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--app-stroke);
}

.chart-surface__header span[b-8qt6r8hgc7] {
    color: var(--app-text-muted);
    font-size: 12px;
    font-weight: 600;
}

.chart-surface__header h2[b-8qt6r8hgc7] {
    margin: 2px 0 0;
    color: var(--app-text);
    font-size: 17px;
    font-weight: 650;
}

.chart-surface__canvas[b-8qt6r8hgc7] {
    min-height: 300px;
    padding: 14px 12px 6px;
}

@media (max-width: 1100px) {
    .metrics-grid[b-8qt6r8hgc7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .charts-grid[b-8qt6r8hgc7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .metrics-grid[b-8qt6r8hgc7] {
        grid-template-columns: 1fr;
    }
}
/* /Features/Sales/Views/Components/PaySaleInvoiceVoucher.razor.rz.scp.css */
.voucher-dialog[b-ghadnscije] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.voucher-dialog__title[b-ghadnscije] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.voucher-dialog__validation[b-ghadnscije] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.voucher-dialog__validation:not(:has(li))[b-ghadnscije] {
    display: none;
}

.voucher-dialog__settle[b-ghadnscije] {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.voucher-dialog__settle div[b-ghadnscije] {
    display: grid;
    gap: 3px;
}

.voucher-dialog__settle strong[b-ghadnscije] {
    color: var(--app-text);
    font-size: 12px;
}

.voucher-dialog__settle span[b-ghadnscije] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.voucher-dialog__actions[b-ghadnscije] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .voucher-dialog__actions[b-ghadnscije],
    .voucher-dialog__actions[b-ghadnscije]  fluent-button {
        width: 100%;
    }

    .voucher-dialog__actions[b-ghadnscije]  fluent-button {
        flex: 1;
    }
}
/* /Features/Sales/Views/Components/UpdateSaleInvoiceInfoDialog.razor.rz.scp.css */
.sale-update[b-z22jwlht4r] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.sale-update__dialog-title[b-z22jwlht4r] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.sale-update__validation[b-z22jwlht4r] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.sale-update__validation:not(:has(li))[b-z22jwlht4r] {
    display: none;
}

.sale-update__hero[b-z22jwlht4r] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--accent-fill-rest) 10%, transparent), transparent 52%),
        var(--app-surface);
    box-shadow: var(--app-shadow);
}

.sale-update__mark[b-z22jwlht4r] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.sale-update__identity[b-z22jwlht4r] {
    min-width: 0;
}

.sale-update__eyebrow[b-z22jwlht4r] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.sale-update__identity h2[b-z22jwlht4r] {
    margin: 4px 0 3px;
    color: var(--app-text);
    font-family: var(--app-utility-font);
    font-size: 22px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.025em;
    line-height: 1.15;
}

.sale-update__identity p[b-z22jwlht4r] {
    margin: 0;
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-update__status[b-z22jwlht4r] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    padding: 6px 10px;
    border: 1px solid var(--app-stroke);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
}

.sale-update__status[b-z22jwlht4r]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.sale-update__status.is-success[b-z22jwlht4r] {
    color: #107c10;
    background: color-mix(in srgb, #107c10 8%, var(--app-surface-solid));
}

.sale-update__status.is-warning[b-z22jwlht4r] {
    color: #986f0b;
    background: color-mix(in srgb, #fce100 10%, var(--app-surface-solid));
}

.sale-update__status.is-danger[b-z22jwlht4r] {
    color: #d13438;
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
}

.sale-update__payment[b-z22jwlht4r] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 18px;
    align-items: end;
    padding: 14px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.sale-update__payment-copy[b-z22jwlht4r],
.sale-update__payment-value[b-z22jwlht4r] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.sale-update__payment-value[b-z22jwlht4r] {
    text-align: end;
}

.sale-update__payment-copy span[b-z22jwlht4r],
.sale-update__payment-value span[b-z22jwlht4r] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.sale-update__payment-copy strong[b-z22jwlht4r] {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-update__payment-value strong[b-z22jwlht4r] {
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.sale-update__track[b-z22jwlht4r] {
    height: 7px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-text-muted) 13%, transparent);
}

.sale-update__bar[b-z22jwlht4r] {
    width: var(--payment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent-fill-rest);
}

.sale-update__payment-meta[b-z22jwlht4r] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--app-text-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.sale-update__section[b-z22jwlht4r] {
    overflow: visible;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.sale-update__section:focus-within[b-z22jwlht4r] {
    position: relative;
    z-index: 5;
}

.sale-update__section-header[b-z22jwlht4r] {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.sale-update__section-body[b-z22jwlht4r] {
    padding: 14px;
}

.sale-update__grid[b-z22jwlht4r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}

.sale-update__field[b-z22jwlht4r],
.sale-update__field > *[b-z22jwlht4r],
.sale-update__field[b-z22jwlht4r]  fluent-number-field,
.sale-update__field[b-z22jwlht4r]  fluent-date-picker,
.sale-update__field[b-z22jwlht4r]  fluent-combobox,
.sale-update__field[b-z22jwlht4r]  fluent-text-area {
    min-width: 0;
    width: 100%;
}

.sale-update__field--wide[b-z22jwlht4r] {
    grid-column: 1 / -1;
}

.sale-update__net[b-z22jwlht4r] {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.sale-update__net span[b-z22jwlht4r] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.sale-update__net strong[b-z22jwlht4r] {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.sale-update__footer-actions[b-z22jwlht4r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 620px) {
    .sale-update__hero[b-z22jwlht4r] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .sale-update__identity[b-z22jwlht4r] {
        flex: 1 1 calc(100% - 68px);
    }

    .sale-update__status[b-z22jwlht4r] {
        margin-inline-start: 62px;
    }

    .sale-update__grid[b-z22jwlht4r] {
        grid-template-columns: 1fr;
    }

    .sale-update__field--wide[b-z22jwlht4r] {
        grid-column: auto;
    }

    .sale-update__footer-actions[b-z22jwlht4r],
    .sale-update__footer-actions[b-z22jwlht4r]  fluent-button {
        width: 100%;
    }

    .sale-update__footer-actions[b-z22jwlht4r]  fluent-button {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sale-update__bar[b-z22jwlht4r] {
        transition: none;
    }
}
/* /Features/Sales/Views/Components/UpdateSalesVoucherDialog.razor.rz.scp.css */
.voucher-update[b-9iz71coj5z] {
    display: grid;
    gap: 14px;
    padding-block: 4px 10px;
    color: var(--app-text);
}

.voucher-update__title[b-9iz71coj5z] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.voucher-update__validation[b-9iz71coj5z] {
    overflow: hidden;
    padding-inline: 12px;
    border: 1px solid color-mix(in srgb, #d13438 42%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.voucher-update__validation:not(:has(li))[b-9iz71coj5z] {
    display: none;
}

.voucher-update__actions[b-9iz71coj5z] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .voucher-update__actions[b-9iz71coj5z],
    .voucher-update__actions[b-9iz71coj5z]  fluent-button {
        width: 100%;
    }

    .voucher-update__actions[b-9iz71coj5z]  fluent-button {
        flex: 1;
    }
}
/* /Features/Sales/Views/Pages/SaleInvoices.razor.rz.scp.css */
.sale-workspace[b-yqyx806p4e] {
    position: relative;
}

.sale-form[b-yqyx806p4e] {
    display: grid;
    gap: 16px;
}

.sale-validation[b-yqyx806p4e] {
    overflow: hidden;
    padding-inline: 14px;
    border: 1px solid color-mix(in srgb, #d13438 44%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, #d13438 5%, var(--app-surface-solid));
}

.sale-validation:not(:has(li))[b-yqyx806p4e] {
    display: none;
}

.sale-workspace__grid[b-yqyx806p4e] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, 0.55fr);
    gap: 16px;
    align-items: start;
}

.sale-workspace__main[b-yqyx806p4e],
.sale-workspace__rail[b-yqyx806p4e] {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.sale-workspace__rail[b-yqyx806p4e] {
    position: sticky;
    top: 16px;
}

.sale-field-grid[b-yqyx806p4e] {
    display: grid;
    gap: 15px;
    align-items: end;
}

.sale-field-grid--invoice[b-yqyx806p4e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sale-field[b-yqyx806p4e],
.sale-field > *[b-yqyx806p4e],
.sale-money-field[b-yqyx806p4e],
.sale-money-field > *[b-yqyx806p4e],
.sale-field[b-yqyx806p4e]  fluent-text-field,
.sale-field[b-yqyx806p4e]  fluent-number-field,
.sale-field[b-yqyx806p4e]  fluent-date-picker,
.sale-field[b-yqyx806p4e]  fluent-combobox,
.sale-field[b-yqyx806p4e]  fluent-text-area {
    min-width: 0;
    width: 100%;
}

.sale-field--span-two[b-yqyx806p4e] {
    grid-column: span 2;
}

.sale-field--notes[b-yqyx806p4e] {
    margin-top: 15px;
}

.sale-money-grid[b-yqyx806p4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(170px, 0.65fr);
    gap: 12px;
    align-items: end;
    margin-top: 15px;
    padding: 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
}

.fluent-control[b-yqyx806p4e] {
    position: relative;
    width: 100%;
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    box-sizing: border-box;
    padding: 0 calc(var(--design-unit) * 2px + 1px);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
    outline: none;
    appearance: none;
    background: padding-box linear-gradient(var(--neutral-fill-input-rest), var(--neutral-fill-input-rest)), border-box var(--neutral-stroke-input-rest);
    color: inherit;
    font: inherit;
}

.fluent-control:focus-visible[b-yqyx806p4e] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

.sale-net-preview[b-yqyx806p4e] {
    display: grid;
    min-height: 56px;
    align-content: center;
    gap: 4px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid));
}

.sale-net-preview span[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.sale-net-preview strong[b-yqyx806p4e] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-net-preview.is-negative[b-yqyx806p4e],
.sale-deal__total.is-negative[b-yqyx806p4e],
.sale-deal__margin.is-negative[b-yqyx806p4e] {
    border-color: color-mix(in srgb, #d13438 48%, var(--app-stroke));
    background: color-mix(in srgb, #d13438 7%, var(--app-surface-solid));
}

.sale-invoice-options[b-yqyx806p4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 15px;
}

.sale-delivery[b-yqyx806p4e] {
    display: flex;
    min-width: 220px;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 12px;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--app-surface-solid) 76%, transparent);
    box-sizing: border-box;
}

.sale-delivery div[b-yqyx806p4e] {
    display: grid;
    gap: 3px;
}

.sale-delivery strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 12px;
}

.sale-delivery span[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.sale-support-actions[b-yqyx806p4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.sale-car-facts[b-yqyx806p4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 15px;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius);
    background: var(--app-stroke);
}

.sale-car-fact[b-yqyx806p4e] {
    display: grid;
    min-width: 0;
    gap: 5px;
    padding: 12px;
    background: color-mix(in srgb, var(--app-surface-solid) 78%, transparent);
}

.sale-car-fact--wide[b-yqyx806p4e] {
    grid-column: 1 / -1;
}

.sale-car-fact span[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.sale-car-fact strong[b-yqyx806p4e] {
    min-width: 0;
    overflow: hidden;
    color: var(--app-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-color-value[b-yqyx806p4e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sale-color-value i[b-yqyx806p4e] {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    border: 1px solid var(--app-stroke-strong);
    border-radius: 50%;
    background: var(--car-color, transparent);
}

.sale-deal[b-yqyx806p4e] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.sale-deal__header[b-yqyx806p4e] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 16px;
    border-bottom: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent);
}

.sale-deal__mark[b-yqyx806p4e] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 12px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.sale-deal__header div[b-yqyx806p4e] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.sale-deal__header span[b-yqyx806p4e],
.sale-deal__identity span[b-yqyx806p4e],
.sale-deal__total span[b-yqyx806p4e],
.sale-deal__margin span[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.sale-deal__header strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.sale-deal__identity[b-yqyx806p4e] {
    display: grid;
    gap: 4px;
    padding: 16px;
    border-bottom: 1px solid var(--app-stroke);
}

.sale-deal__identity strong[b-yqyx806p4e],
.sale-deal__identity small[b-yqyx806p4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-deal__identity strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 14px;
}

.sale-deal__identity small[b-yqyx806p4e],
.sale-deal__total small[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.sale-deal__rows[b-yqyx806p4e] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 16px;
}

.sale-deal__rows div[b-yqyx806p4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.sale-deal__rows dt[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 12px;
}

.sale-deal__rows dd[b-yqyx806p4e] {
    margin: 0;
    color: var(--app-text);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.sale-deal__discount[b-yqyx806p4e] {
    color: #a4262c !important;
}

.sale-deal__total[b-yqyx806p4e],
.sale-deal__margin[b-yqyx806p4e] {
    display: grid;
    gap: 4px;
    margin-inline: 12px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 26%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid));
}

.sale-deal__total strong[b-yqyx806p4e] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.035em;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-deal__margin[b-yqyx806p4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-block: 8px 12px;
}

.sale-deal__margin strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.sale-vehicle-summary[b-yqyx806p4e] {
    display: grid;
    place-items: center;
    gap: 8px;
    padding-block: 4px;
    text-align: center;
}

.sale-vehicle-summary__icon[b-yqyx806p4e] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 13px;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid));
}

.sale-vehicle-summary strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 15px;
}

.sale-vehicle-summary span[b-yqyx806p4e],
.sale-vehicle-summary small[b-yqyx806p4e] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.sale-action-summary[b-yqyx806p4e] {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
}

.sale-action-summary strong[b-yqyx806p4e] {
    color: var(--app-text);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.sale-action-summary small[b-yqyx806p4e] {
    color: var(--app-text-muted);
}

@media (max-width: 1100px) {
    .sale-workspace__grid[b-yqyx806p4e] {
        grid-template-columns: 1fr;
    }

    .sale-workspace__rail[b-yqyx806p4e] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sale-field-grid--invoice[b-yqyx806p4e],
    .sale-money-grid[b-yqyx806p4e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sale-net-preview[b-yqyx806p4e] {
        grid-column: 1 / -1;
    }

    .sale-invoice-options[b-yqyx806p4e] {
        align-items: stretch;
        flex-direction: column;
    }

    .sale-delivery[b-yqyx806p4e] {
        width: 100%;
    }

    .sale-support-actions[b-yqyx806p4e] {
        justify-content: flex-start;
    }
}

@media (max-width: 620px) {
    .sale-field-grid--invoice[b-yqyx806p4e],
    .sale-money-grid[b-yqyx806p4e],
    .sale-workspace__rail[b-yqyx806p4e],
    .sale-car-facts[b-yqyx806p4e] {
        grid-template-columns: 1fr;
    }

    .sale-field--span-two[b-yqyx806p4e],
    .sale-net-preview[b-yqyx806p4e],
    .sale-car-fact--wide[b-yqyx806p4e] {
        grid-column: auto;
    }

    .sale-support-actions[b-yqyx806p4e],
    .sale-support-actions[b-yqyx806p4e]  fluent-button {
        width: 100%;
    }

    .sale-support-actions[b-yqyx806p4e] {
        flex-direction: column;
    }
}
/* /Features/Shared/Components/AccountDirectorySummary.razor.rz.scp.css */
.account-directory[b-6n3hmwhm44] { display: grid; grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(140px, .75fr)); overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); }
.account-directory__identity[b-6n3hmwhm44],
.account-directory__metric[b-6n3hmwhm44] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px 16px; }
.account-directory__identity[b-6n3hmwhm44] { background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent); }
.account-directory__identity div[b-6n3hmwhm44],
.account-directory__metric[b-6n3hmwhm44] { display: grid; gap: 3px; }
.account-directory__metric[b-6n3hmwhm44] { border-inline-start: 1px solid var(--app-stroke); }
.account-directory__mark[b-6n3hmwhm44] { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.account-directory span[b-6n3hmwhm44] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.account-directory strong[b-6n3hmwhm44] { overflow: hidden; color: var(--app-text); font-size: 16px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.account-directory__metric--credit strong[b-6n3hmwhm44] { color: var(--success); }
.account-directory__metric--debit strong[b-6n3hmwhm44] { color: var(--error); }
@media (max-width: 820px) { .account-directory[b-6n3hmwhm44] { grid-template-columns: repeat(3, 1fr); } .account-directory__identity[b-6n3hmwhm44] { grid-column: 1 / -1; } }
@media (max-width: 560px) { .account-directory[b-6n3hmwhm44] { grid-template-columns: 1fr; } .account-directory__identity[b-6n3hmwhm44] { grid-column: auto; } .account-directory__metric[b-6n3hmwhm44] { border-top: 1px solid var(--app-stroke); border-inline-start: 0; } }
/* /Features/Shared/Components/AccountIdentitySummary.razor.rz.scp.css */
.account-identity[b-k5qtx6x3rd] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr); overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); }
.account-identity__main[b-k5qtx6x3rd] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px 16px; background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent); }
.account-identity__mark[b-k5qtx6x3rd] { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 12px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.account-identity__main div[b-k5qtx6x3rd],
.account-identity__balance[b-k5qtx6x3rd] { display: grid; min-width: 0; gap: 3px; }
.account-identity__balance[b-k5qtx6x3rd] { align-content: center; padding: 15px 16px; border-inline-start: 1px solid var(--app-stroke); }
.account-identity span[b-k5qtx6x3rd],
.account-identity small[b-k5qtx6x3rd] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.account-identity strong[b-k5qtx6x3rd] { overflow: hidden; color: var(--app-text); font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.account-identity__balance strong[b-k5qtx6x3rd] { font-variant-numeric: tabular-nums; }
.account-identity__balance .is-credit[b-k5qtx6x3rd] { color: var(--success); }
.account-identity__balance .is-debit[b-k5qtx6x3rd] { color: var(--error); }
@media (max-width: 560px) { .account-identity[b-k5qtx6x3rd] { grid-template-columns: 1fr; } .account-identity__balance[b-k5qtx6x3rd] { border-top: 1px solid var(--app-stroke); border-inline-start: 0; } }
/* /Features/Shared/Components/AccountMovementSummary.razor.rz.scp.css */
.movement-summary[b-l92sgqh36d] { display: grid; grid-template-columns: minmax(240px, 1.3fr) repeat(3, minmax(130px, .7fr)); overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); }
.movement-summary__identity[b-l92sgqh36d], .movement-summary__metric[b-l92sgqh36d] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px 16px; }
.movement-summary__identity[b-l92sgqh36d] { background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent); }
.movement-summary__identity div[b-l92sgqh36d], .movement-summary__metric[b-l92sgqh36d] { display: grid; gap: 3px; }
.movement-summary__metric[b-l92sgqh36d] { border-inline-start: 1px solid var(--app-stroke); }
.movement-summary__mark[b-l92sgqh36d] { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.movement-summary span[b-l92sgqh36d] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.movement-summary strong[b-l92sgqh36d] { overflow: hidden; color: var(--app-text); font-size: 16px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 800px) { .movement-summary[b-l92sgqh36d] { grid-template-columns: repeat(3, 1fr); } .movement-summary__identity[b-l92sgqh36d] { grid-column: 1 / -1; } }
@media (max-width: 540px) { .movement-summary[b-l92sgqh36d] { grid-template-columns: 1fr; } .movement-summary__identity[b-l92sgqh36d] { grid-column: auto; } .movement-summary__metric[b-l92sgqh36d] { border-top: 1px solid var(--app-stroke); border-inline-start: 0; } }
/* /Features/Shared/Components/AttachmentUploadSurface.razor.rz.scp.css */
.attachment-surface[b-za7lsbkpvd] { display: grid; min-width: 0; gap: 14px; }
.attachment-surface__intro[b-za7lsbkpvd] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); border-radius: var(--app-radius-large); background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface)); }
.attachment-surface__mark[b-za7lsbkpvd] { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: var(--app-surface-solid); }
.attachment-surface__intro > div[b-za7lsbkpvd] { display: grid; min-width: 0; gap: 3px; }
.attachment-surface__intro > div span[b-za7lsbkpvd] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.attachment-surface__intro strong[b-za7lsbkpvd] { overflow: hidden; color: var(--app-text); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.attachment-surface__capacity[b-za7lsbkpvd] { flex: 0 0 auto; margin-inline-start: auto; padding: 4px 9px; border: 1px solid var(--app-stroke); border-radius: 999px; color: var(--app-text-muted); background: var(--app-surface-solid); font-size: 11px; font-variant-numeric: tabular-nums; font-weight: 650; }
.attachment-surface__dropzone[b-za7lsbkpvd] { overflow: hidden; border: 1px dashed color-mix(in srgb, var(--accent-fill-rest) 42%, var(--app-stroke)); border-radius: var(--app-radius-large); background: color-mix(in srgb, var(--accent-fill-rest) 4%, var(--app-surface)); transition: border-color 140ms ease, background-color 140ms ease; }
.attachment-surface__dropzone:focus-within[b-za7lsbkpvd] { border-color: var(--accent-fill-focus); background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface)); }
.attachment-surface__dropzone[b-za7lsbkpvd]  fluent-input-file { width: 100%; min-height: 260px; }
.attachment-surface__dropzone[b-za7lsbkpvd]  fluent-input-file > div { display: grid; min-height: 260px; place-content: center; gap: 12px; text-align: center; }
.attachment-surface__upload-icon[b-za7lsbkpvd] { display: grid; width: 56px; height: 56px; margin-inline: auto; place-items: center; border-radius: 16px; color: var(--accent-fill-rest); background: color-mix(in srgb, var(--accent-fill-rest) 12%, var(--app-surface-solid)); cursor: pointer; transition: transform 140ms ease; }
.attachment-surface__upload-icon:hover[b-za7lsbkpvd] { transform: translateY(-2px); }
.attachment-surface__prompt[b-za7lsbkpvd] { display: grid; gap: 5px; }
.attachment-surface__prompt span[b-za7lsbkpvd], .attachment-surface__prompt small[b-za7lsbkpvd] { color: var(--app-text-muted); }
.attachment-surface__prompt label[b-za7lsbkpvd] { color: var(--accent-fill-rest); font-weight: 650; cursor: pointer; }
.attachment-surface__ready[b-za7lsbkpvd] { display: flex; min-height: 42px; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--success) 28%, var(--app-stroke)); border-radius: var(--app-radius); color: var(--app-text); background: color-mix(in srgb, var(--success) 7%, var(--app-surface)); box-sizing: border-box; }
@media (max-width: 480px) { .attachment-surface__intro[b-za7lsbkpvd] { align-items: flex-start; } .attachment-surface__capacity[b-za7lsbkpvd] { margin-inline-start: 0; } .attachment-surface__dropzone[b-za7lsbkpvd]  fluent-input-file, .attachment-surface__dropzone[b-za7lsbkpvd]  fluent-input-file > div { min-height: 220px; } }
@media (prefers-reduced-motion: reduce) { .attachment-surface__dropzone[b-za7lsbkpvd], .attachment-surface__upload-icon[b-za7lsbkpvd] { transition: none; } }
/* /Features/Shared/Components/CatalogEditSurface.razor.rz.scp.css */
.catalog-edit[b-zgbwfgejw0] { display: grid; min-width: 0; gap: 14px; }
.catalog-edit__identity[b-zgbwfgejw0] { display: flex; min-width: 0; align-items: center; gap: 11px; padding: 13px 14px; border: 1px solid var(--app-stroke); border-radius: var(--app-radius); background: color-mix(in srgb, var(--accent-fill-rest) 6%, var(--app-surface-solid)); }
.catalog-edit__icon[b-zgbwfgejw0] { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 9px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, transparent); }
.catalog-edit__identity > div[b-zgbwfgejw0] { display: grid; min-width: 0; gap: 2px; }
.catalog-edit__identity strong[b-zgbwfgejw0], .catalog-edit__identity span[b-zgbwfgejw0] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-edit__identity span[b-zgbwfgejw0] { color: var(--app-text-muted); font-size: 12px; }
.catalog-edit__validation[b-zgbwfgejw0] { color: var(--error); }
.catalog-edit__validation:not(:has(li))[b-zgbwfgejw0] { display: none; }
.catalog-edit__fields[b-zgbwfgejw0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
.catalog-edit__fields[b-zgbwfgejw0]  .catalog-edit__field { min-width: 0; }
.catalog-edit__fields[b-zgbwfgejw0]  .catalog-edit__field--wide { grid-column: 1 / -1; }
.catalog-edit__fields[b-zgbwfgejw0]  fluent-text-field, .catalog-edit__fields[b-zgbwfgejw0]  fluent-number-field, .catalog-edit__fields[b-zgbwfgejw0]  fluent-select { width: 100%; min-width: 0; }
@media (max-width: 560px) { .catalog-edit__fields[b-zgbwfgejw0] { grid-template-columns: 1fr; } .catalog-edit__fields[b-zgbwfgejw0]  .catalog-edit__field--wide { grid-column: auto; } }
/* /Features/Shared/Components/CatalogPageSurface.razor.rz.scp.css */
.catalog-page[b-9655ghd9fi] { display: grid; min-width: 0; gap: 18px; }
.catalog-index[b-9655ghd9fi] { position: relative; display: flex; min-width: 0; min-height: 74px; align-items: center; gap: 12px; padding: 12px 16px; overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: linear-gradient(105deg, color-mix(in srgb, var(--accent-fill-rest) 8%, transparent), transparent 44%), var(--app-surface); box-shadow: var(--app-shadow); box-sizing: border-box; }
.catalog-index[b-9655ghd9fi]::after { position: absolute; inset-block: 14px; inset-inline-end: 0; width: 3px; border-radius: 999px 0 0 999px; background: var(--accent-fill-rest); content: ""; opacity: .82; }
[dir="rtl"] .catalog-index[b-9655ghd9fi]::after { border-radius: 0 999px 999px 0; }
.catalog-index__icon[b-9655ghd9fi] { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke)); border-radius: 9px; background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid)); }
.catalog-index__copy[b-9655ghd9fi] { display: grid; min-width: 0; gap: 2px; }
.catalog-index__copy span[b-9655ghd9fi], .catalog-index__count span[b-9655ghd9fi] { color: var(--app-text-muted); font-size: 11px; }
.catalog-index__copy strong[b-9655ghd9fi] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-index__count[b-9655ghd9fi] { display: grid; min-width: 86px; margin-inline-start: auto; padding-inline: 16px 6px; border-inline-start: 1px solid var(--app-stroke); text-align: end; }
.catalog-index__count strong[b-9655ghd9fi] { font-size: 24px; font-variant-numeric: tabular-nums; line-height: 1.05; }
.catalog-page__filters[b-9655ghd9fi] { display: grid; width: min(100%, 480px); grid-template-columns: minmax(0, 1fr); }
.catalog-page__filters[b-9655ghd9fi]  fluent-text-field, .catalog-page__filters[b-9655ghd9fi]  fluent-search { width: 100%; min-width: 0; }
.catalog-page__grid[b-9655ghd9fi] { min-width: 0; }
.catalog-page__grid[b-9655ghd9fi]  fluent-data-grid { min-width: 640px; }
.catalog-page__grid[b-9655ghd9fi]  .catalog-actions { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.catalog-page__grid[b-9655ghd9fi]  .catalog-value-badge { display: inline-flex; min-height: 25px; align-items: center; padding: 1px 9px; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 999px; color: var(--app-text); background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid)); font-size: 12px; font-weight: 650; }
.catalog-page__grid[b-9655ghd9fi]  .catalog-color-swatch { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; border: 1px solid var(--app-stroke-strong); border-radius: 50%; box-shadow: inset 0 0 0 3px var(--app-surface-solid); }
@media (max-width: 520px) { .catalog-index__count[b-9655ghd9fi] { min-width: 64px; padding-inline-start: 10px; } .catalog-index__count span[b-9655ghd9fi] { display: none; } }
/* /Features/Shared/Components/ConfirmationSurface.razor.rz.scp.css */
.confirmation-surface[b-4lt6f6pye0] { display: flex; min-width: 0; align-items: flex-start; gap: 14px; padding: 17px; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: var(--app-radius-large); background: linear-gradient(110deg, color-mix(in srgb, var(--accent-fill-rest) 8%, transparent), transparent 58%), var(--app-surface); }
.confirmation-surface--danger[b-4lt6f6pye0] { border-color: color-mix(in srgb, var(--error) 28%, var(--app-stroke)); background: linear-gradient(110deg, color-mix(in srgb, var(--error) 7%, transparent), transparent 58%), var(--app-surface); }
.confirmation-surface__icon[b-4lt6f6pye0] { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 20%, var(--app-stroke)); border-radius: 11px; background: var(--app-surface-solid); }
.confirmation-surface--danger .confirmation-surface__icon[b-4lt6f6pye0] { border-color: color-mix(in srgb, var(--error) 24%, var(--app-stroke)); }
.confirmation-surface__copy[b-4lt6f6pye0] { display: grid; min-width: 0; gap: 5px; padding-top: 2px; }
.confirmation-surface__copy strong[b-4lt6f6pye0] { color: var(--app-text); font-size: 16px; }
.confirmation-surface__copy p[b-4lt6f6pye0] { margin: 0; color: var(--app-text-muted); line-height: 1.55; }
/* /Features/Shared/Components/EntityDetailSection.razor.rz.scp.css */
.entity-detail-section[b-l5hsydh1od] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.entity-detail-section__header[b-l5hsydh1od] {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--app-stroke);
    box-sizing: border-box;
}

.entity-detail-section__title[b-l5hsydh1od] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.entity-detail-section__icon[b-l5hsydh1od] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 7px;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

.entity-detail-section__action[b-l5hsydh1od] {
    flex: 0 0 auto;
}

.entity-detail-section__body[b-l5hsydh1od] {
    min-width: 0;
    padding: 14px;
}

@media (max-width: 480px) {
    .entity-detail-section__header[b-l5hsydh1od] {
        align-items: flex-start;
        flex-direction: column;
    }

    .entity-detail-section__action[b-l5hsydh1od],
    .entity-detail-section__action[b-l5hsydh1od]  fluent-button {
        width: 100%;
    }
}
/* /Features/Shared/Components/EntityDialogFooter.razor.rz.scp.css */
.entity-dialog-actions[b-yfuyjd6opw] { display: flex; width: 100%; align-items: center; justify-content: flex-end; gap: 8px; }
@media (max-width: 520px) { .entity-dialog-actions[b-yfuyjd6opw], .entity-dialog-actions[b-yfuyjd6opw]  fluent-button { width: 100%; } }
/* /Features/Shared/Components/EntityDialogHeader.razor.rz.scp.css */
.entity-dialog-title[b-qdll0r9qbr] { display: flex; min-width: 0; align-items: center; gap: 10px; }
.entity-dialog-title__icon[b-qdll0r9qbr] { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke)); border-radius: 10px; background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); }
.entity-dialog-title[b-qdll0r9qbr]  fluent-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Features/Shared/Components/EntityFact.razor.rz.scp.css */
.entity-fact[b-twj6i4uthk] {
    min-width: 0;
    padding: 10px;
    background: color-mix(in srgb, var(--app-surface-solid) 78%, transparent);
}

.entity-fact--wide[b-twj6i4uthk] {
    grid-column: 1 / -1;
}

.entity-fact dt[b-twj6i4uthk] {
    margin-bottom: 4px;
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.entity-fact dd[b-twj6i4uthk] {
    min-width: 0;
    margin: 0;
    color: var(--app-text);
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.entity-fact__value--technical[b-twj6i4uthk] {
    direction: ltr;
    font-family: var(--app-utility-font);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.015em;
    text-align: start;
}

@media (max-width: 480px) {
    .entity-fact--wide[b-twj6i4uthk] {
        grid-column: auto;
    }
}
/* /Features/Shared/Components/ExpenseCatalogSummary.razor.rz.scp.css */
.expense-catalog[b-erbtd1tupf] { display: grid; grid-template-columns: minmax(220px, 1.3fr) repeat(3, minmax(120px, .65fr)); overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); }
.expense-catalog__identity[b-erbtd1tupf],
.expense-catalog__metric[b-erbtd1tupf] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px 16px; }
.expense-catalog__identity[b-erbtd1tupf] { background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent); }
.expense-catalog__identity div[b-erbtd1tupf],
.expense-catalog__metric[b-erbtd1tupf] { display: grid; gap: 3px; }
.expense-catalog__metric[b-erbtd1tupf] { border-inline-start: 1px solid var(--app-stroke); }
.expense-catalog__mark[b-erbtd1tupf] { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.expense-catalog span[b-erbtd1tupf] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.expense-catalog strong[b-erbtd1tupf] { color: var(--app-text); font-size: 17px; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
    .expense-catalog[b-erbtd1tupf] { grid-template-columns: repeat(3, 1fr); }
    .expense-catalog__identity[b-erbtd1tupf] { grid-column: 1 / -1; }
    .expense-catalog__metric:first-of-type[b-erbtd1tupf] { border-inline-start: 0; }
}
@media (max-width: 480px) {
    .expense-catalog[b-erbtd1tupf] { grid-template-columns: 1fr; }
    .expense-catalog__identity[b-erbtd1tupf] { grid-column: auto; }
    .expense-catalog__metric[b-erbtd1tupf] { border-top: 1px solid var(--app-stroke); border-inline-start: 0; }
}
/* /Features/Shared/Components/ExpenseFlowSummary.razor.rz.scp.css */
.expense-flow[b-vmb9a66wlf] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.expense-flow__header[b-vmb9a66wlf],
.expense-flow__identity[b-vmb9a66wlf],
.expense-flow__metrics[b-vmb9a66wlf],
.expense-flow__footer[b-vmb9a66wlf] {
    min-width: 0;
}

.expense-flow__header[b-vmb9a66wlf] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-bottom: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent);
}

.expense-flow__header div[b-vmb9a66wlf],
.expense-flow__identity div[b-vmb9a66wlf],
.expense-flow__metrics div[b-vmb9a66wlf] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.expense-flow__mark[b-vmb9a66wlf] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 11px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.expense-flow span[b-vmb9a66wlf] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.expense-flow strong[b-vmb9a66wlf] {
    overflow: hidden;
    color: var(--app-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expense-flow__header strong[b-vmb9a66wlf] {
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.expense-flow__identity[b-vmb9a66wlf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.expense-flow__identity strong[b-vmb9a66wlf] {
    font-size: 14px;
}

.expense-flow__metrics[b-vmb9a66wlf] {
    display: grid;
    grid-template-columns: 1.15fr 0.75fr 1fr;
    gap: 1px;
    padding: 14px 14px 10px;
}

.expense-flow__metrics > div[b-vmb9a66wlf] {
    padding: 10px;
    border: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--app-surface-solid) 78%, transparent);
}

.expense-flow__metrics > div:first-child[b-vmb9a66wlf] {
    border-radius: var(--app-radius) 0 0 var(--app-radius);
}

.expense-flow__metrics > div:last-child[b-vmb9a66wlf] {
    border-radius: 0 var(--app-radius) var(--app-radius) 0;
}

[dir="rtl"] .expense-flow__metrics > div:first-child[b-vmb9a66wlf] {
    border-radius: 0 var(--app-radius) var(--app-radius) 0;
}

[dir="rtl"] .expense-flow__metrics > div:last-child[b-vmb9a66wlf] {
    border-radius: var(--app-radius) 0 0 var(--app-radius);
}

.expense-flow__metrics strong[b-vmb9a66wlf] {
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.expense-flow__metric--amount[b-vmb9a66wlf] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 28%, var(--app-stroke)) !important;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid)) !important;
}

.expense-flow__metric--amount strong[b-vmb9a66wlf] {
    font-size: 18px;
}

.expense-flow__footer[b-vmb9a66wlf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px 14px;
}

.expense-flow__footer strong[b-vmb9a66wlf] {
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 520px) {
    .expense-flow__identity[b-vmb9a66wlf],
    .expense-flow__metrics[b-vmb9a66wlf] {
        grid-template-columns: 1fr;
    }

    .expense-flow__metrics > div[b-vmb9a66wlf],
    [dir="rtl"] .expense-flow__metrics > div:first-child[b-vmb9a66wlf],
    [dir="rtl"] .expense-flow__metrics > div:last-child[b-vmb9a66wlf] {
        border-radius: 0;
    }

    .expense-flow__metrics > div:first-child[b-vmb9a66wlf] {
        border-radius: var(--app-radius) var(--app-radius) 0 0;
    }

    .expense-flow__metrics > div:last-child[b-vmb9a66wlf] {
        border-radius: 0 0 var(--app-radius) var(--app-radius);
    }
}
/* /Features/Shared/Components/ExpenseLedgerSummary.razor.rz.scp.css */
.expense-ledger[b-408u014e4j] { display: grid; grid-template-columns: minmax(220px, 1.2fr) repeat(3, minmax(145px, .8fr)); overflow: hidden; border: 1px solid var(--app-stroke); border-radius: var(--app-radius-large); background: var(--app-surface); box-shadow: var(--app-shadow); }
.expense-ledger__identity[b-408u014e4j],
.expense-ledger__metric[b-408u014e4j] { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 14px 16px; }
.expense-ledger__identity[b-408u014e4j] { background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent); }
.expense-ledger__identity div[b-408u014e4j],
.expense-ledger__metric[b-408u014e4j] { display: grid; gap: 3px; }
.expense-ledger__metric[b-408u014e4j] { border-inline-start: 1px solid var(--app-stroke); }
.expense-ledger__mark[b-408u014e4j] { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke)); border-radius: 11px; background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid)); }
.expense-ledger span[b-408u014e4j] { color: var(--app-text-muted); font-size: 11px; font-weight: 600; }
.expense-ledger strong[b-408u014e4j] { overflow: hidden; color: var(--app-text); font-size: 16px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 820px) {
    .expense-ledger[b-408u014e4j] { grid-template-columns: repeat(3, 1fr); }
    .expense-ledger__identity[b-408u014e4j] { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .expense-ledger[b-408u014e4j] { grid-template-columns: 1fr; }
    .expense-ledger__identity[b-408u014e4j] { grid-column: auto; }
    .expense-ledger__metric[b-408u014e4j] { border-top: 1px solid var(--app-stroke); border-inline-start: 0; }
}
/* /Features/Shared/Components/PaymentEntrySurface.razor.rz.scp.css */
.payment-entry-surface[b-is8u7cop7a] {
    overflow: visible;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.payment-entry-surface:focus-within[b-is8u7cop7a] {
    position: relative;
    z-index: 5;
}

.payment-entry-surface__header[b-is8u7cop7a] {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.payment-entry-surface__body[b-is8u7cop7a] {
    padding: 14px;
}

.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}

.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field,
.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field > *,
.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field fluent-number-field,
.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field fluent-date-picker,
.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field fluent-combobox,
.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field fluent-text-area {
    min-width: 0;
    width: 100%;
}

.payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field--wide {
    grid-column: 1 / -1;
}

.payment-entry-surface__body[b-is8u7cop7a]  .fluent-control {
    position: relative;
    width: 100%;
    height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    box-sizing: border-box;
    padding: 0 calc(var(--design-unit) * 2px + 1px);
    border: calc(var(--stroke-width) * 1px) solid transparent;
    border-radius: calc(var(--control-corner-radius) * 1px);
    outline: none;
    appearance: none;
    background: padding-box linear-gradient(var(--neutral-fill-input-rest), var(--neutral-fill-input-rest)), border-box var(--neutral-stroke-input-rest);
    color: inherit;
    font: inherit;
}

.payment-entry-surface__body[b-is8u7cop7a]  .fluent-control:focus-visible {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 1px var(--accent-fill-rest);
}

@media (max-width: 560px) {
    .payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-grid {
        grid-template-columns: 1fr;
    }

    .payment-entry-surface__body[b-is8u7cop7a]  .payment-entry-field--wide {
        grid-column: auto;
    }
}
/* /Features/Shared/Components/PaymentFlowSummary.razor.rz.scp.css */
.payment-flow[b-ovdpuzixwp] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke));
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.payment-flow__header[b-ovdpuzixwp] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-bottom: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent);
}

.payment-flow__mark[b-ovdpuzixwp] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 11px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.payment-flow__header div[b-ovdpuzixwp],
.payment-flow__party[b-ovdpuzixwp] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.payment-flow__header span[b-ovdpuzixwp],
.payment-flow__party span[b-ovdpuzixwp],
.payment-flow__metrics span[b-ovdpuzixwp],
.payment-flow__amount span[b-ovdpuzixwp],
.payment-flow__footer span[b-ovdpuzixwp] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.payment-flow__header strong[b-ovdpuzixwp] {
    color: var(--app-text);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.payment-flow__party[b-ovdpuzixwp] {
    padding: 14px;
    border-bottom: 1px solid var(--app-stroke);
}

.payment-flow__party strong[b-ovdpuzixwp],
.payment-flow__party small[b-ovdpuzixwp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-flow__party strong[b-ovdpuzixwp] {
    color: var(--app-text);
    font-size: 14px;
}

.payment-flow__party small[b-ovdpuzixwp] {
    color: var(--app-text-muted);
    font-size: 11px;
}

.payment-flow__metrics[b-ovdpuzixwp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    padding: 14px 14px 10px;
}

.payment-flow__metrics > div[b-ovdpuzixwp] {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 10px;
    border: 1px solid var(--app-stroke);
    background: color-mix(in srgb, var(--app-surface-solid) 78%, transparent);
}

.payment-flow__metrics > div:first-child[b-ovdpuzixwp] {
    border-radius: var(--app-radius) 0 0 var(--app-radius);
}

.payment-flow__metrics > div:last-child[b-ovdpuzixwp] {
    border-radius: 0 var(--app-radius) var(--app-radius) 0;
}

[dir="rtl"] .payment-flow__metrics > div:first-child[b-ovdpuzixwp] {
    border-radius: 0 var(--app-radius) var(--app-radius) 0;
}

[dir="rtl"] .payment-flow__metrics > div:last-child[b-ovdpuzixwp] {
    border-radius: var(--app-radius) 0 0 var(--app-radius);
}

.payment-flow__metrics strong[b-ovdpuzixwp],
.payment-flow__amount strong[b-ovdpuzixwp] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-flow__metric--accent[b-ovdpuzixwp] {
    border-color: color-mix(in srgb, var(--accent-fill-rest) 28%, var(--app-stroke)) !important;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid)) !important;
}

.payment-flow__track[b-ovdpuzixwp] {
    height: 7px;
    margin-inline: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-text-muted) 13%, transparent);
}

.payment-flow__bar[b-ovdpuzixwp] {
    width: var(--payment-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: var(--accent-fill-rest);
}

.payment-flow__amount[b-ovdpuzixwp] {
    display: grid;
    gap: 4px;
    margin: 14px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 26%, var(--app-stroke));
    border-radius: var(--app-radius);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, var(--app-surface-solid));
}

.payment-flow__amount strong[b-ovdpuzixwp] {
    font-size: 24px;
}

.payment-flow__footer[b-ovdpuzixwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px 14px;
}

.payment-flow__footer strong[b-ovdpuzixwp] {
    color: var(--app-text);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 520px) {
    .payment-flow__metrics[b-ovdpuzixwp] {
        grid-template-columns: 1fr;
    }

    .payment-flow__metrics > div[b-ovdpuzixwp],
    [dir="rtl"] .payment-flow__metrics > div:first-child[b-ovdpuzixwp],
    [dir="rtl"] .payment-flow__metrics > div:last-child[b-ovdpuzixwp] {
        border-radius: 0;
    }

    .payment-flow__metrics > div:first-child[b-ovdpuzixwp] {
        border-radius: var(--app-radius) var(--app-radius) 0 0;
    }

    .payment-flow__metrics > div:last-child[b-ovdpuzixwp] {
        border-radius: 0 0 var(--app-radius) var(--app-radius);
    }
}
/* /Features/Shared/Components/StatusPageSurface.razor.rz.scp.css */
.status-page[b-n6b4memn2z] { display: grid !important; width: min(520px, calc(100vw - 28px)) !important; min-height: 430px; align-content: space-between; gap: 28px; padding: 26px !important; overflow: hidden; border: 1px solid var(--app-stroke); border-radius: 18px; background: linear-gradient(145deg, color-mix(in srgb, var(--error) 5%, transparent), transparent 42%), var(--app-surface-solid); box-shadow: 0 20px 60px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06); box-sizing: border-box; }
.status-page--warning[b-n6b4memn2z] { background: linear-gradient(145deg, color-mix(in srgb, #d68b18 7%, transparent), transparent 42%), var(--app-surface-solid); }
.status-page__brand[b-n6b4memn2z] { display: flex; align-items: center; gap: 10px; }
.status-page__brand > span[b-n6b4memn2z] { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--app-stroke); border-radius: 10px; background: var(--app-brand-mark-surface); }
.status-page__brand img[b-n6b4memn2z] { width: 28px; height: 28px; object-fit: contain; }
.status-page__brand > div[b-n6b4memn2z] { display: grid; line-height: 1.15; }
.status-page__brand small[b-n6b4memn2z] { color: var(--app-text-muted); font-size: 9px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.status-page__brand strong[b-n6b4memn2z] { color: var(--app-text); font-size: 15px; }
.status-page__body[b-n6b4memn2z] { display: grid; justify-items: start; gap: 10px; }
.status-page__icon[b-n6b4memn2z] { display: grid; width: 62px; height: 62px; margin-bottom: 6px; place-items: center; border: 1px solid color-mix(in srgb, var(--error) 26%, var(--app-stroke)); border-radius: 18px; color: var(--error); background: color-mix(in srgb, var(--error) 8%, var(--app-surface-solid)); }
.status-page--warning .status-page__icon[b-n6b4memn2z] { border-color: color-mix(in srgb, #d68b18 32%, var(--app-stroke)); color: #d68b18; background: color-mix(in srgb, #d68b18 9%, var(--app-surface-solid)); }
.status-page__body p[b-n6b4memn2z] { max-width: 38ch; margin: 0; color: var(--app-text-muted); line-height: 1.6; }
.status-page__action[b-n6b4memn2z] { width: fit-content; }
@media (max-width: 480px) { .status-page[b-n6b4memn2z] { min-height: 390px; padding: 22px !important; } }
/* /Features/Shared/Components/TaskActionBar.razor.rz.scp.css */
.task-action-bar[b-ylb75v7j09] {
    position: sticky;
    z-index: 5;
    bottom: 10px;
    margin-block-start: 16px;
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 12px 10px 16px;
    border: 1px solid var(--app-stroke-strong);
    border-radius: var(--app-radius-large);
    background: color-mix(in srgb, var(--app-surface-solid) 90%, transparent);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(20px) saturate(1.15);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
    box-sizing: border-box;
}

.task-action-bar__summary[b-ylb75v7j09] {
    min-width: 0;
    color: var(--app-text-muted);
    font-size: 12px;
}

.task-action-bar__actions[b-ylb75v7j09] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 560px) {
    .task-action-bar[b-ylb75v7j09] {
        align-items: stretch;
        flex-direction: column;
    }

    .task-action-bar__actions[b-ylb75v7j09] {
        width: 100%;
    }

    .task-action-bar__actions[b-ylb75v7j09]  fluent-button {
        flex: 1;
    }
}
/* /Features/Shared/Components/TaskFormSection.razor.rz.scp.css */
.task-form-section[b-61e9ntbufw] {
    position: relative;
    min-width: 0;
    overflow: visible;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.task-form-section:focus-within[b-61e9ntbufw] {
    z-index: 10;
}

.task-form-section__header[b-61e9ntbufw] {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--app-stroke);
    box-sizing: border-box;
}

.task-form-section__heading[b-61e9ntbufw] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.task-form-section__heading p[b-61e9ntbufw] {
    margin: 3px 0 0;
    color: var(--app-text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.task-form-section__icon[b-61e9ntbufw] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 18%, var(--app-stroke));
    border-radius: 9px;
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

.task-form-section__action[b-61e9ntbufw] {
    flex: 0 0 auto;
}

.task-form-section__body[b-61e9ntbufw] {
    min-width: 0;
    padding: 16px;
}

@media (max-width: 560px) {
    .task-form-section__header[b-61e9ntbufw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .task-form-section__action[b-61e9ntbufw],
    .task-form-section__action[b-61e9ntbufw]  fluent-button {
        width: 100%;
    }
}
/* /Features/Shared/Components/VoucherListSummary.razor.rz.scp.css */
.voucher-summary[b-ywjbsnc8el] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) repeat(2, minmax(150px, 0.7fr));
    overflow: hidden;
    border: 1px solid var(--app-stroke);
    border-radius: var(--app-radius-large);
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

.voucher-summary__identity[b-ywjbsnc8el],
.voucher-summary__metric[b-ywjbsnc8el] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
}

.voucher-summary__identity[b-ywjbsnc8el] {
    background: color-mix(in srgb, var(--accent-fill-rest) 7%, transparent);
}

.voucher-summary__identity div[b-ywjbsnc8el],
.voucher-summary__metric[b-ywjbsnc8el] {
    display: grid;
    gap: 3px;
}

.voucher-summary__metric[b-ywjbsnc8el] {
    border-inline-start: 1px solid var(--app-stroke);
}

.voucher-summary__mark[b-ywjbsnc8el] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 22%, var(--app-stroke));
    border-radius: 11px;
    background: color-mix(in srgb, var(--accent-fill-rest) 9%, var(--app-surface-solid));
}

.voucher-summary span[b-ywjbsnc8el],
.voucher-summary small[b-ywjbsnc8el] {
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.voucher-summary strong[b-ywjbsnc8el] {
    overflow: hidden;
    color: var(--app-text);
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 680px) {
    .voucher-summary[b-ywjbsnc8el] {
        grid-template-columns: 1fr;
    }

    .voucher-summary__metric[b-ywjbsnc8el] {
        border-top: 1px solid var(--app-stroke);
        border-inline-start: 0;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.app-nav[b-lw738spx99] { position: relative; z-index: 10; width: var(--app-nav-width); flex: 0 0 var(--app-nav-width); border-inline-end: 1px solid var(--app-stroke); background: color-mix(in srgb, var(--app-surface-solid) 72%, transparent); box-shadow: 8px 0 28px rgba(0, 0, 0, .045); transition: width 170ms cubic-bezier(.33, 1, .68, 1), flex-basis 170ms cubic-bezier(.33, 1, .68, 1); }
:dir(rtl) .app-nav[b-lw738spx99] { box-shadow: -8px 0 28px rgba(0, 0, 0, .045); }
.app-nav--collapsed[b-lw738spx99] { width: var(--app-nav-collapsed-width); flex-basis: var(--app-nav-collapsed-width); }
.app-navigation[b-lw738spx99] { position: sticky; top: 0; display: flex; height: calc(100dvh - var(--app-header-height)); min-width: 0; flex-direction: column; overflow: hidden; }
.app-navigation__header[b-lw738spx99] { display: flex; min-height: 52px; align-items: center; justify-content: flex-end; padding: 8px; border-bottom: 1px solid var(--app-stroke); box-sizing: border-box; }
.app-navigation__link-icon[b-lw738spx99] { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 9px; color: var(--accent-fill-rest); background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent); }
.app-navigation__collapse[b-lw738spx99] { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; padding: 0; border: 1px solid var(--app-stroke); border-radius: 9px; color: var(--app-text-muted); background: var(--app-surface-solid); cursor: pointer; transition: color 140ms ease, background-color 140ms ease; }
.app-navigation__collapse:hover[b-lw738spx99] { color: var(--app-text); background: color-mix(in srgb, var(--accent-fill-rest) 7%, var(--app-surface-solid)); }
.app-navigation__content[b-lw738spx99] { display: grid; gap: 5px; padding: 8px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.app-navigation[b-lw738spx99]  .app-navigation__link, .app-navigation__group-toggle[b-lw738spx99] { position: relative; display: flex; width: 100%; min-width: 0; min-height: 44px; align-items: center; gap: 10px; padding: 5px 8px; border: 1px solid transparent; border-radius: var(--app-radius); color: var(--app-text-muted); background: transparent; font: inherit; text-align: start; text-decoration: none; box-sizing: border-box; cursor: pointer; transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease; }
.app-navigation[b-lw738spx99]  .app-navigation__link:hover, .app-navigation__group-toggle:hover[b-lw738spx99] { border-color: var(--app-stroke); color: var(--app-text); background: color-mix(in srgb, var(--accent-fill-rest) 5%, var(--app-surface-solid)); }
.app-navigation[b-lw738spx99]  .app-navigation__link--active { border-color: color-mix(in srgb, var(--accent-fill-rest) 24%, var(--app-stroke)); color: var(--app-text); background: color-mix(in srgb, var(--accent-fill-rest) 10%, var(--app-surface-solid)); }
.app-navigation[b-lw738spx99]  .app-navigation__link--active::before { position: absolute; inset-block: 9px; inset-inline-start: -1px; width: 3px; border-radius: 999px; background: var(--accent-fill-rest); content: ""; }
.app-navigation__link-text[b-lw738spx99], .app-navigation__group-title[b-lw738spx99] { min-width: 0; overflow: hidden; flex: 1; text-overflow: ellipsis; white-space: nowrap; }
.app-navigation__chevron[b-lw738spx99] { flex: 0 0 auto; transition: transform 150ms ease; }
.app-navigation__group--expanded .app-navigation__chevron[b-lw738spx99] { transform: rotate(180deg); }
.app-navigation__group--active > .app-navigation__group-toggle[b-lw738spx99] { color: var(--app-text); }
.app-navigation__group--active > .app-navigation__group-toggle .app-navigation__link-icon[b-lw738spx99] { color: var(--accent-fill-rest); background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent); }
.app-navigation__group-items[b-lw738spx99] { display: grid; gap: 4px; margin: 4px 0 5px; margin-inline-start: 16px; padding-inline-start: 10px; border-inline-start: 1px solid var(--app-stroke); }
.app-navigation__group-items[hidden][b-lw738spx99] { display: none; }
.app-navigation__group-items[b-lw738spx99]  .app-navigation__link { min-height: 40px; }
.app-navigation__group-items[b-lw738spx99]  .app-navigation__link-icon { width: 28px; height: 28px; flex-basis: 28px; border-radius: 8px; background: transparent; }
.app-nav--collapsed .app-navigation__header[b-lw738spx99] { justify-content: center; }
.app-nav--collapsed .app-navigation__group-title[b-lw738spx99], .app-nav--collapsed .app-navigation__chevron[b-lw738spx99], .app-nav--collapsed .app-navigation__link-text[b-lw738spx99] { display: none; }
.app-nav--collapsed .app-navigation__collapse[b-lw738spx99] { border-color: transparent; background: transparent; }
.app-nav--collapsed .app-navigation[b-lw738spx99]  .app-navigation__link, .app-nav--collapsed .app-navigation__group-toggle[b-lw738spx99] { justify-content: center; padding-inline: 6px; }
.app-nav--collapsed .app-navigation__group-items[b-lw738spx99] { display: none; }
.app-nav__mobile-toggle[b-lw738spx99], .app-nav__scrim[b-lw738spx99] { display: none; }
@media (max-width: 700px) {
    .app-nav__mobile-toggle[b-lw738spx99] { position: fixed; z-index: 42; top: 17px; inset-inline-end: 17px; display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 1px solid var(--app-stroke); border-radius: 8px; color: var(--app-text); background: color-mix(in srgb, var(--app-surface-solid) 88%, transparent); cursor: pointer; }
    .app-nav__scrim[b-lw738spx99] { position: fixed; z-index: 30; inset: var(--app-header-height) 0 0; display: block; width: 100%; border: 0; background: rgba(0, 0, 0, .34); backdrop-filter: blur(2px); }
    .app-nav[b-lw738spx99], .app-nav--collapsed[b-lw738spx99] { position: fixed; z-index: 35; top: var(--app-header-height); bottom: 0; inset-inline-start: 0; width: min(310px, 88vw); max-width: none; flex-basis: auto; border-inline-end: 1px solid var(--app-stroke); background: var(--app-surface-solid); box-shadow: 18px 0 48px rgba(0, 0, 0, .2); transform: translateX(-105%); transition: transform 180ms cubic-bezier(.33, 1, .68, 1); }
    :dir(rtl) .app-nav[b-lw738spx99], :dir(rtl) .app-nav--collapsed[b-lw738spx99] { box-shadow: -18px 0 48px rgba(0, 0, 0, .2); transform: translateX(105%); }
    .app-nav--mobile-open[b-lw738spx99], :dir(rtl) .app-nav--mobile-open[b-lw738spx99] { transform: translateX(0); }
    .app-navigation[b-lw738spx99] { height: calc(100dvh - var(--app-header-height)); }
    .app-navigation__header[b-lw738spx99] { display: none; }
    .app-nav--collapsed .app-navigation__group-title[b-lw738spx99], .app-nav--collapsed .app-navigation__chevron[b-lw738spx99], .app-nav--collapsed .app-navigation__link-text[b-lw738spx99] { display: initial; }
    .app-nav--collapsed .app-navigation[b-lw738spx99]  .app-navigation__link, .app-nav--collapsed .app-navigation__group-toggle[b-lw738spx99] { justify-content: flex-start; padding-inline: 8px; }
    .app-nav--collapsed .app-navigation__group-items:not([hidden])[b-lw738spx99] { display: grid; }
}
@media (prefers-reduced-motion: reduce) { .app-nav[b-lw738spx99], .app-navigation__collapse[b-lw738spx99], .app-navigation[b-lw738spx99]  .app-navigation__link, .app-navigation__group-toggle[b-lw738spx99], .app-navigation__chevron[b-lw738spx99] { transition: none; } }