/* _content/OmniFinance.Web/Pages/FinanceDashboard.razor.rz.scp.css */
/* Shared visual rules: FinanceWorkspace.razor.css. */
/* _content/OmniFinance.Web/Pages/FinanceOperationalPage.razor.rz.scp.css */
/* Shared visual rules: FinanceWorkspace.razor.css. */
/* _content/OmniFinance.Web/Pages/FinancePaymentProofsPage.razor.rz.scp.css */
.finance-proof-page[b-0spc9k9qpa] {
    display: grid;
    gap: 1.25rem;
}

.finance-proof-metrics[b-0spc9k9qpa] {
    margin-bottom: .1rem;
}

.finance-proof-state[b-0spc9k9qpa] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    text-align: center;
    border: 1px solid var(--omni-color-border, #e6e8ec);
    border-radius: var(--omni-radius-card, 18px);
    background: var(--omni-color-surface, #fff);
    box-shadow: var(--omni-shadow-card, 0 8px 24px rgba(16, 24, 40, .04));
}

.finance-proof-state strong[b-0spc9k9qpa] {
    color: var(--omni-color-text, #182230);
    font-size: 1rem;
}

.finance-proof-state span[b-0spc9k9qpa] {
    max-width: 500px;
    color: var(--finance-text-secondary, #667085);
    font-size: .9rem;
}

.finance-proof-state-icon[b-0spc9k9qpa] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: .35rem;
    border-radius: 14px;
    background: var(--omni-color-primary-soft, #f5f0ff);
    color: var(--omni-color-primary, #6941c6);
    font-size: 1.15rem;
}

.finance-proof-state-error .finance-proof-state-icon[b-0spc9k9qpa] {
    background: #fff1f0;
    color: #b42318;
}

.finance-proof-retry[b-0spc9k9qpa] {
    margin-top: .65rem;
    min-height: 40px;
    padding: 0 1rem;
    border: 1px solid var(--omni-color-border, #d0d5dd);
    border-radius: var(--omni-radius-control, 10px);
    background: var(--omni-color-surface, #fff);
    color: var(--omni-color-text, #344054);
    font-weight: 700;
    cursor: pointer;
}

.finance-proof-panel[b-0spc9k9qpa] {
    overflow: hidden;
    border: 1px solid var(--omni-color-border, #e6e8ec);
    border-radius: var(--omni-radius-card, 18px);
    background: var(--omni-color-surface, #fff);
    box-shadow: var(--omni-shadow-card, 0 8px 28px rgba(16, 24, 40, .05));
}

.finance-proof-panel-header[b-0spc9k9qpa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid var(--omni-color-border, #eaecf0);
}

.finance-proof-panel-header span[b-0spc9k9qpa],
.finance-proof-code[b-0spc9k9qpa] {
    display: block;
    margin-bottom: .3rem;
    color: var(--omni-color-primary, #6941c6);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.finance-proof-panel-header h2[b-0spc9k9qpa] {
    margin: 0;
    color: var(--omni-color-text, #182230);
    font-size: 1.05rem;
    font-weight: 750;
}

.finance-proof-panel-header p[b-0spc9k9qpa] {
    margin: .3rem 0 0;
    color: var(--finance-text-secondary, #667085);
    font-size: .86rem;
}

.finance-proof-panel-count[b-0spc9k9qpa] {
    min-width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--omni-color-primary-soft, #f5f0ff);
    color: var(--omni-color-primary, #6941c6);
    font-weight: 800;
}

.finance-proof-list[b-0spc9k9qpa] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fb;
}

.finance-proof-card[b-0spc9k9qpa] {
    overflow: hidden;
    border: 1px solid var(--omni-color-border, #e4e7ec);
    border-radius: 16px;
    background: var(--omni-color-surface, #fff);
    box-shadow: 0 4px 12px rgba(16, 24, 40, .035);
}

.finance-proof-card-header[b-0spc9k9qpa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.3rem;
}

.finance-proof-title[b-0spc9k9qpa] {
    display: flex;
    align-items: flex-start;
    gap: .9rem;
}

.finance-proof-icon[b-0spc9k9qpa] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--omni-color-primary-soft, #f5f0ff);
    color: var(--omni-color-primary, #6941c6);
    font-size: 1rem;
}

.finance-proof-title h3[b-0spc9k9qpa] {
    margin: 0;
    color: var(--omni-color-text, #182230);
    font-size: 1rem;
    font-weight: 750;
}

.finance-proof-title p[b-0spc9k9qpa] {
    margin: .35rem 0 0;
    color: var(--finance-text-secondary, #667085);
    font-size: .82rem;
}

.finance-proof-title p i[b-0spc9k9qpa] {
    margin-right: .25rem;
}

.finance-status-badge.waiting[b-0spc9k9qpa] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 30px;
    padding: 0 .75rem;
    border: 1px solid #e9d7fe;
    border-radius: var(--omni-radius-pill, 999px);
    background: #f9f5ff;
    color: #6941c6;
    font-size: .75rem;
    font-weight: 750;
}

.finance-proof-document-row[b-0spc9k9qpa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.3rem;
    border-top: 1px solid var(--omni-color-border, #eaecf0);
    border-bottom: 1px solid var(--omni-color-border, #eaecf0);
    background: #fcfcfd;
}

.finance-proof-document-info[b-0spc9k9qpa] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.finance-proof-document-info > i[b-0spc9k9qpa] {
    color: var(--omni-color-primary, #6941c6);
    font-size: 1rem;
}

.finance-proof-document-info strong[b-0spc9k9qpa],
.finance-proof-document-info span[b-0spc9k9qpa] {
    display: block;
}

.finance-proof-document-info strong[b-0spc9k9qpa] {
    color: var(--omni-color-text, #344054);
    font-size: .86rem;
}

.finance-proof-document-info span[b-0spc9k9qpa] {
    margin-top: .12rem;
    color: var(--finance-text-secondary, #667085);
    font-size: .77rem;
}

.finance-proof-view[b-0spc9k9qpa],
.finance-proof-approve[b-0spc9k9qpa],
.finance-proof-reject[b-0spc9k9qpa] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 0 .95rem;
    border-radius: var(--omni-radius-control, 10px);
    font-size: .82rem;
    font-weight: 750;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.finance-proof-view[b-0spc9k9qpa] {
    border: 1px solid var(--omni-color-primary, #6941c6);
    background: var(--omni-color-primary, #6941c6);
    color: #fff;
}

.finance-proof-view:hover:not(:disabled)[b-0spc9k9qpa] {
    border-color: #5b34b3;
    background: #5b34b3;
    box-shadow: 0 4px 10px rgba(105, 65, 198, .18);
}

.finance-proof-review[b-0spc9k9qpa] {
    display: grid;
    grid-template-columns: minmax(300px, .85fr) minmax(420px, 1.15fr);
}

.finance-proof-approve-area[b-0spc9k9qpa],
.finance-proof-reject-area[b-0spc9k9qpa] {
    padding: 1.2rem 1.3rem;
}

.finance-proof-approve-area[b-0spc9k9qpa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-right: 1px solid var(--omni-color-border, #eaecf0);
}

.finance-proof-approve-area strong[b-0spc9k9qpa],
.finance-proof-approve-area span[b-0spc9k9qpa],
.finance-proof-reject-area label[b-0spc9k9qpa],
.finance-proof-reject-area > span[b-0spc9k9qpa] {
    display: block;
}

.finance-proof-approve-area strong[b-0spc9k9qpa],
.finance-proof-reject-area label[b-0spc9k9qpa] {
    color: var(--omni-color-text, #344054);
    font-size: .83rem;
    font-weight: 750;
}

.finance-proof-approve-area span[b-0spc9k9qpa],
.finance-proof-reject-area > span[b-0spc9k9qpa] {
    margin-top: .15rem;
    color: var(--finance-text-secondary, #667085);
    font-size: .74rem;
}

.finance-proof-approve[b-0spc9k9qpa] {
    flex: 0 0 auto;
    border: 1px solid #12b76a;
    background: #12b76a;
    color: #fff;
}

.finance-proof-approve:hover:not(:disabled)[b-0spc9k9qpa] {
    border-color: #039855;
    background: #039855;
    box-shadow: 0 4px 10px rgba(18, 183, 106, .16);
}

.finance-proof-reject-controls[b-0spc9k9qpa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    margin-top: .75rem;
}

.finance-proof-reject-controls input[b-0spc9k9qpa] {
    width: 100%;
    min-height: 40px;
    padding: 0 .85rem;
    border: 1px solid var(--omni-color-border, #d0d5dd);
    border-radius: var(--omni-radius-control, 10px);
    outline: 0;
    background: #fff;
    color: var(--omni-color-text, #344054);
    font-size: .82rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.finance-proof-reject-controls input:focus[b-0spc9k9qpa] {
    border-color: var(--omni-color-primary, #7f56d9);
    box-shadow: 0 0 0 3px rgba(127, 86, 217, .1);
}

.finance-proof-reject[b-0spc9k9qpa] {
    border: 1px solid #d92d20;
    background: #d92d20;
    color: #fff;
}

.finance-proof-reject:hover:not(:disabled)[b-0spc9k9qpa] {
    border-color: #b42318;
    background: #b42318;
    box-shadow: 0 4px 10px rgba(217, 45, 32, .16);
}

.finance-proof-view:disabled[b-0spc9k9qpa],
.finance-proof-approve:disabled[b-0spc9k9qpa],
.finance-proof-reject:disabled[b-0spc9k9qpa],
.finance-proof-reject-controls input:disabled[b-0spc9k9qpa] {
    cursor: not-allowed;
    opacity: .6;
}

.finance-proof-state-inline[b-0spc9k9qpa] {
    min-height: 235px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 900px) {
    .finance-proof-review[b-0spc9k9qpa] {
        grid-template-columns: 1fr;
    }

    .finance-proof-approve-area[b-0spc9k9qpa] {
        border-right: 0;
        border-bottom: 1px solid var(--omni-color-border, #eaecf0);
    }
}

@media (max-width: 700px) {
    .finance-proof-panel-header[b-0spc9k9qpa],
    .finance-proof-card-header[b-0spc9k9qpa],
    .finance-proof-document-row[b-0spc9k9qpa],
    .finance-proof-approve-area[b-0spc9k9qpa] {
        align-items: stretch;
        flex-direction: column;
    }

    .finance-proof-card-header[b-0spc9k9qpa],
    .finance-proof-document-row[b-0spc9k9qpa] {
        display: flex;
    }

    .finance-status-badge.waiting[b-0spc9k9qpa] {
        align-self: flex-start;
    }

    .finance-proof-view[b-0spc9k9qpa],
    .finance-proof-approve[b-0spc9k9qpa],
    .finance-proof-reject[b-0spc9k9qpa] {
        width: 100%;
    }

    .finance-proof-reject-controls[b-0spc9k9qpa] {
        grid-template-columns: 1fr;
    }

    .finance-proof-list[b-0spc9k9qpa] {
        padding: .75rem;
    }

    .finance-proof-panel-header[b-0spc9k9qpa],
    .finance-proof-card-header[b-0spc9k9qpa],
    .finance-proof-document-row[b-0spc9k9qpa],
    .finance-proof-approve-area[b-0spc9k9qpa],
    .finance-proof-reject-area[b-0spc9k9qpa] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/OmniFinance.Web/Pages/FinanceWorkspace.razor.rz.scp.css */
.finance-workspace[b-eam806rmaq] { --finance-text-secondary: color-mix(in srgb, var(--omni-color-text) 80%, var(--omni-color-text-muted)); color: var(--omni-color-text); min-width: 0; }
.finance-workspace[b-eam806rmaq]  .omni-page { padding: clamp(12px, 1.5vw, 20px); }
.finance-heading[b-eam806rmaq] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.finance-eyebrow[b-eam806rmaq] { color: var(--omni-color-primary); font-size: 11px; letter-spacing: .12em; font-weight: 700; }
.finance-heading h1[b-eam806rmaq] { font-size: clamp(24px, 3vw, 32px); font-weight: 700; margin: 6px 0; color: var(--omni-color-text); }
.finance-heading p[b-eam806rmaq] { color: var(--finance-text-secondary); margin: 0; max-width: 720px; }
.finance-heading-icon[b-eam806rmaq] { display: grid; place-items: center; flex: 0 0 52px; height: 52px; border-radius: 16px; background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 24px; }
.finance-workspace[b-eam806rmaq]  .finance-page { display: grid; align-content: start; grid-auto-rows: max-content; gap: 12px; min-width: 0; min-height: 0; padding: 0; background: transparent; }
.finance-workspace[b-eam806rmaq]  .finance-list-page { min-width: 0; }
.finance-workspace[b-eam806rmaq]  .finance-list-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.finance-workspace[b-eam806rmaq]  .finance-list-toolbar > span { color: var(--finance-text-secondary); font-size: 13px; }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog { padding: 0; width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); background: var(--omni-color-surface); color: var(--omni-color-text); box-shadow: 0 24px 80px rgb(0 0 0 / .25); }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog[open] { display: flex; flex-direction: column; }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog::backdrop { background: rgb(16 24 40 / .55); }
.finance-workspace[b-eam806rmaq]  .finance-editor-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--omni-color-border); flex-shrink: 0; }
.finance-workspace[b-eam806rmaq]  .finance-editor-header span { color: var(--omni-color-primary); font-size: 10px; letter-spacing: .12em; }
.finance-workspace[b-eam806rmaq]  .finance-editor-header h2 { margin-top: 5px; font-size: 21px; }
.finance-workspace[b-eam806rmaq]  .finance-editor-body { padding: 16px 20px; overflow-y: auto; min-height: 0; }
.finance-workspace[b-eam806rmaq]  .finance-editor-footer { display: flex; justify-content: flex-end; padding: 12px 20px; border-top: 1px solid var(--omni-color-border); flex-shrink: 0; }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog .finance-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog.compact { width: min(560px, calc(100vw - 32px)); }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog.compact .finance-form { grid-template-columns: minmax(0, 1fr); }
.finance-workspace[b-eam806rmaq]  .finance-editor-field { display: grid; align-content: start; gap: 6px; min-width: 0; }
.finance-workspace[b-eam806rmaq]  .finance-payer-field { position: relative; }
.finance-workspace[b-eam806rmaq]  .finance-payer-search { position: relative; display: flex; align-items: center; }
.finance-workspace[b-eam806rmaq]  .finance-payer-search > i:first-child { position: absolute; left: 12px; color: var(--omni-color-text-muted); pointer-events: none; }
.finance-workspace[b-eam806rmaq]  .finance-payer-search input { padding-left: 36px; padding-right: 36px; }
.finance-workspace[b-eam806rmaq]  .finance-payer-search > i:last-child:not(:first-child) { position: absolute; right: 12px; color: var(--omni-color-primary); }
.finance-workspace[b-eam806rmaq]  .finance-payer-results { position: absolute; z-index: 5; top: calc(100% + 4px); left: 0; right: 0; display: grid; max-height: 240px; overflow-y: auto; padding: 6px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-control); background: var(--omni-color-surface); box-shadow: var(--omni-shadow-card); }
.finance-workspace[b-eam806rmaq]  .finance-payer-results button { display: grid; justify-items: start; min-height: 0; padding: 9px 10px; border: 0; text-align: left; }
.finance-workspace[b-eam806rmaq]  .finance-payer-results small, .finance-workspace[b-eam806rmaq]  .finance-selected-payer small { color: var(--omni-color-text-muted); font-weight: 400; overflow-wrap: anywhere; }
.finance-workspace[b-eam806rmaq]  .finance-selected-payer { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 7px 8px 7px 12px; border: 1px solid var(--omni-color-primary); border-radius: var(--omni-radius-control); background: var(--omni-color-primary-soft); }
.finance-workspace[b-eam806rmaq]  .finance-selected-payer > span { display: grid; min-width: 0; }
.finance-workspace[b-eam806rmaq]  .finance-selected-payer .icon-button { flex: 0 0 36px; min-height: 36px; padding: 6px; }
.finance-workspace[b-eam806rmaq]  .finance-payer-empty { color: var(--omni-color-danger); }
.finance-workspace[b-eam806rmaq]  .finance-switch-field { grid-column: 1 / -1; align-content: center; padding: 8px 0 2px; }
.finance-workspace[b-eam806rmaq]  .finance-switch-control { display: flex; align-items: center; gap: 10px; min-height: 28px; }
.finance-workspace[b-eam806rmaq]  .finance-switch-control > strong { color: var(--omni-color-text); font-size: 13px; font-weight: 600; }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle { display: block; flex: 0 0 50px; width: 50px; min-width: 50px; height: 28px; min-height: 28px; padding: 3px; border: 0; border-radius: 999px; background: #dce2ed; cursor: pointer; transition: background .18s ease; }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle:hover { background: #cbd3e1; }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle span { display: block; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(16 24 40 / .25); transform: translateX(0); transition: transform .18s ease; }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle.active { background: var(--omni-color-primary); }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle.active:hover { background: var(--omni-color-primary); filter: brightness(.95); }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle.active span { transform: translateX(22px); }
.finance-workspace[b-eam806rmaq]  .finance-switch-toggle:focus-visible { outline: 2px solid var(--omni-color-primary); outline-offset: 3px; }
.finance-workspace[b-eam806rmaq]  .finance-switch-field > small { color: var(--omni-color-text-muted); font-weight: 400; }
.finance-workspace[b-eam806rmaq]  .finance-account-switch-field { grid-column: auto; padding: 20px 0 0; }
.finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete { position: relative; }
.finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete-list { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; right: 0; display: grid; max-height: 260px; overflow-y: auto; padding: 6px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-control); background: var(--omni-color-surface); box-shadow: 0 12px 28px rgb(15 23 42 / .14); }
.finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete-list button { display: block; width: 100%; min-height: 0; padding: 10px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--omni-color-text); text-align: left; }
.finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete-list button:hover, .finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete-list button:focus { background: var(--omni-color-primary-soft); outline: none; }
.finance-workspace[b-eam806rmaq]  .finance-bank-autocomplete-empty { padding: 10px 12px; color: var(--omni-color-text-muted); font-size: 13px; }
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog .finance-form-hint,
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog .finance-attachment-list,
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog .finance-alert-email-box,
.finance-workspace[b-eam806rmaq]  .finance-editor-dialog button.primary { grid-column: 1 / -1; }
.finance-workspace[b-eam806rmaq]  .finance-two-columns { display: grid; grid-template-columns: minmax(280px, 350px) minmax(0, 1fr); align-items: start; gap: 16px; }
.finance-workspace[b-eam806rmaq]  .finance-panel { min-width: 0; box-shadow: var(--omni-shadow-card); }
.finance-workspace[b-eam806rmaq]  .finance-panel .omni-card-header { padding: 12px 16px; }
.finance-workspace[b-eam806rmaq]  .finance-panel .omni-card-body { padding: 16px; }
.finance-workspace[b-eam806rmaq]  h2 { margin: 0; font-size: 17px; font-weight: 650; color: var(--omni-color-text); }
.finance-workspace[b-eam806rmaq]  .finance-panel-content { overflow-x: auto; }
.finance-workspace[b-eam806rmaq]  .finance-form { display: grid; gap: 10px; }
.finance-workspace[b-eam806rmaq]  .finance-report-total { display: grid; gap: 12px; margin-bottom: 20px; font-variant-numeric: tabular-nums; }
.finance-workspace[b-eam806rmaq]  .finance-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.finance-workspace[b-eam806rmaq]  label { display: grid; gap: 6px; margin: 0; color: var(--finance-text-secondary); font-size: 13px; font-weight: 600; }
.finance-workspace[b-eam806rmaq]  input, .finance-workspace[b-eam806rmaq]  select, .finance-workspace[b-eam806rmaq]  textarea { width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-control); color: var(--omni-color-text); background: var(--omni-color-surface); font: inherit; }
.finance-workspace[b-eam806rmaq]  textarea { resize: vertical; }
.finance-workspace[b-eam806rmaq]  input:focus, .finance-workspace[b-eam806rmaq]  select:focus, .finance-workspace[b-eam806rmaq]  textarea:focus { outline: none; border-color: var(--omni-color-primary); box-shadow: var(--omni-shadow-control-focus); }
.finance-workspace[b-eam806rmaq]  button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; border-radius: var(--omni-radius-control); border: 1px solid var(--omni-color-border); background: var(--omni-color-surface); color: var(--omni-color-text); font-size: 13px; font-weight: 600; cursor: pointer; }
.finance-workspace[b-eam806rmaq]  button:hover { background: var(--omni-color-primary-soft); color: var(--omni-color-primary); }
.finance-workspace[b-eam806rmaq]  button.primary, .finance-workspace[b-eam806rmaq]  .finance-new-button, .finance-workspace[b-eam806rmaq]  .finance-alert-save { background: var(--omni-color-primary); border-color: var(--omni-color-primary); color: white; }
.finance-workspace[b-eam806rmaq]  button:disabled { opacity: .55; cursor: not-allowed; }
.finance-workspace[b-eam806rmaq]  .finance-filter-card { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 16px; background: var(--omni-color-surface); border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); }
.finance-workspace[b-eam806rmaq]  .finance-period-actions, .finance-workspace[b-eam806rmaq]  .finance-custom-period { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
.finance-workspace[b-eam806rmaq]  .finance-period-actions .active { color: var(--omni-color-primary); border-color: var(--omni-color-primary); background: var(--omni-color-primary-soft); }
.finance-workspace[b-eam806rmaq]  .finance-period-summary { color: var(--finance-text-secondary); font-size: 12px; flex: 1 1 250px; }
.finance-workspace[b-eam806rmaq]  .finance-list-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-list-filters label { flex: 1 1 130px; }
.finance-workspace[b-eam806rmaq]  .finance-list-caption { color: var(--finance-text-secondary); font-size: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-form-hint { display: grid; gap: 6px; padding: 12px; background: var(--omni-color-primary-soft); border-radius: var(--omni-radius-control); font-size: 13px; }
.finance-workspace[b-eam806rmaq]  .finance-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.finance-workspace[b-eam806rmaq]  .finance-table th { color: var(--finance-text-secondary); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: var(--omni-color-page); }
.finance-workspace[b-eam806rmaq]  .finance-table th, .finance-workspace[b-eam806rmaq]  .finance-table td { padding: 13px 12px; border-bottom: 1px solid var(--omni-color-border); text-align: left; vertical-align: middle; }
.finance-workspace[b-eam806rmaq]  .finance-table td { color: var(--omni-color-text); }
.finance-workspace[b-eam806rmaq]  .finance-table td strong, .finance-workspace[b-eam806rmaq]  .finance-table td > span { display: block; }
.finance-workspace[b-eam806rmaq]  .finance-table td > span { color: var(--finance-text-secondary); font-size: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-table td:first-child { min-width: 145px; overflow-wrap: anywhere; }
.finance-workspace[b-eam806rmaq]  .finance-row-actions { display: flex; align-items: center; gap: 6px; }
.finance-workspace[b-eam806rmaq]  .finance-status-select { min-width: 130px; }
.finance-workspace[b-eam806rmaq]  .icon-button { min-width: 44px; }
.finance-workspace[b-eam806rmaq]  .danger { color: var(--omni-color-danger); }
.finance-workspace[b-eam806rmaq]  .finance-status-badge, .finance-workspace[b-eam806rmaq]  .finance-series-badge { display: inline-flex; padding: 4px 8px; border-radius: var(--omni-radius-pill); font-size: 11px; background: var(--omni-color-primary-soft); color: var(--omni-color-primary); white-space: nowrap; }
.finance-workspace[b-eam806rmaq]  .finance-series-badge { margin-top: 6px; }
.finance-workspace[b-eam806rmaq]  .finance-status-badge.paid { background: #dcfce7; color: #166534; }
.finance-workspace[b-eam806rmaq]  .finance-status-badge.overdue { background: #fee2e2; color: #991b1b; }
.finance-workspace[b-eam806rmaq]  .finance-empty { display: grid; justify-items: center; gap: 12px; padding: 32px 18px; border: 1px dashed var(--omni-color-border); border-radius: var(--omni-radius-control); color: var(--finance-text-secondary); background: var(--omni-color-surface); text-align: center; }
.finance-workspace[b-eam806rmaq]  .finance-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 16px; color: var(--finance-text-secondary); font-size: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-pagination > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.finance-workspace[b-eam806rmaq]  .finance-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.finance-workspace[b-eam806rmaq]  .metric-card { display: flex; gap: 12px; align-items: start; min-height: 0; padding: 16px; background: var(--omni-color-surface); border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); min-width: 0; }
.finance-workspace[b-eam806rmaq]  .metric-card > div { min-width: 0; }
.finance-workspace[b-eam806rmaq]  .metric-card strong { display: block; font-size: clamp(19px, 1.8vw, 26px); font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; margin: 8px 0 4px; }
.finance-workspace[b-eam806rmaq]  .metric-card span, .finance-workspace[b-eam806rmaq]  .metric-card small { color: var(--finance-text-secondary); font-size: 12px; }
.finance-workspace[b-eam806rmaq]  .metric-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 12px; background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 17px; }
.finance-workspace[b-eam806rmaq]  .metric-icon.green { background: #dcfce7; color: #166534; }
.finance-workspace[b-eam806rmaq]  .metric-icon.red { background: #fee2e2; color: #991b1b; }
.finance-workspace[b-eam806rmaq]  .metric-icon.orange { background: #ffedd5; color: #9a3412; }
.finance-workspace[b-eam806rmaq]  .finance-dashboard-bottom { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px; }
.finance-workspace[b-eam806rmaq]  .finance-alerts-layout { display: grid; grid-template-columns: minmax(280px, 350px) minmax(0, 1fr); align-items: start; gap: 16px; }
.finance-workspace[b-eam806rmaq]  .finance-alert-form-card { padding: 20px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); background: var(--omni-color-surface); }
.finance-workspace[b-eam806rmaq]  .finance-alert-form-card header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.finance-workspace[b-eam806rmaq]  .finance-alert-email-box { padding: 12px; background: var(--omni-color-primary-soft); border-radius: var(--omni-radius-control); }
.finance-workspace[b-eam806rmaq]  .finance-alert-email-box small { display: block; margin-top: 8px; color: var(--finance-text-secondary); }
.finance-workspace[b-eam806rmaq]  .finance-stack, .finance-workspace[b-eam806rmaq]  .finance-alerts { display: grid; gap: 16px; min-width: 0; }
.finance-workspace[b-eam806rmaq]  .finance-alerts article { display: flex; align-items: start; gap: 12px; padding: 14px; background: var(--omni-color-page); border-radius: var(--omni-radius-control); border-left: 3px solid var(--omni-color-primary); }
.finance-workspace[b-eam806rmaq]  .finance-alerts article > div { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.finance-workspace[b-eam806rmaq]  .finance-alerts small { display: block; color: var(--finance-text-secondary); }
.finance-workspace[b-eam806rmaq]  .finance-alerts em { font-size: 11px; font-style: normal; color: var(--finance-text-secondary); }
.finance-workspace[b-eam806rmaq]  .finance-attachment-list { font-size: 12px; overflow-wrap: anywhere; color: var(--finance-text-secondary); }
.finance-workspace[b-eam806rmaq]  .finance-modal-backdrop { position: fixed; inset: 0; z-index: 1100; background: rgb(0 0 0 / .6); display: grid; place-items: center; padding: 16px; }
.finance-workspace[b-eam806rmaq]  .finance-modal { width: min(960px, 100%); max-height: 90vh; overflow: auto; background: var(--omni-color-surface); border-radius: var(--omni-radius-card); padding: 20px; }
.finance-workspace[b-eam806rmaq]  .finance-modal header { display: flex; justify-content: space-between; gap: 12px; }
.finance-workspace[b-eam806rmaq]  .finance-modal h3 { font-size: 18px; overflow-wrap: anywhere; }
.finance-workspace[b-eam806rmaq]  .finance-attachment-preview { margin: 16px 0; text-align: center; }
.finance-workspace[b-eam806rmaq]  .finance-attachment-preview img { max-width: 100%; max-height: 65vh; object-fit: contain; }
.finance-workspace[b-eam806rmaq]  .finance-attachment-preview iframe { width: 100%; height: 65vh; border: 0; }
@media (max-width: 1200px) {
    .finance-workspace[b-eam806rmaq]  .finance-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .finance-workspace[b-eam806rmaq]  .finance-two-columns { grid-template-columns: minmax(250px, 300px) minmax(0, 1fr); }
}
@media (max-width: 900px) {
    .finance-workspace[b-eam806rmaq]  .finance-two-columns, .finance-workspace[b-eam806rmaq]  .finance-dashboard-bottom, .finance-workspace[b-eam806rmaq]  .finance-alerts-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
    .finance-workspace[b-eam806rmaq]  .finance-editor-dialog .finance-form { grid-template-columns: minmax(0, 1fr); }
    .finance-workspace[b-eam806rmaq]  .finance-editor-body { padding: 16px; }
    .finance-heading-icon[b-eam806rmaq] { display: none; }
    .finance-workspace[b-eam806rmaq]  .finance-metric-grid { grid-template-columns: minmax(0, 1fr); }
    .finance-workspace[b-eam806rmaq]  .finance-panel .omni-card-body { padding: 14px; }
    .finance-workspace[b-eam806rmaq]  .finance-custom-period label { flex: 1 1 100%; }
    .finance-workspace[b-eam806rmaq]  .finance-alerts article { flex-wrap: wrap; }
    .finance-workspace[b-eam806rmaq]  .finance-switch-field { grid-column: 1; }
    .finance-workspace[b-eam806rmaq]  .finance-account-switch-field { padding-top: 8px; }
}

.finance-workspace[b-eam806rmaq]  .finance-filter-card { align-items: center; align-self: start; min-height: 0; grid-row: auto; justify-self: stretch; }
.finance-workspace[b-eam806rmaq]  .finance-filter-card .finance-new-button { align-self: center; margin-left: auto; }
.finance-workspace[b-eam806rmaq]  .finance-list-toolbar { align-self: start; min-height: 0; }
.finance-workspace[b-eam806rmaq]  button:focus-visible { outline: 2px solid var(--omni-color-primary); outline-offset: 3px; }
/* _content/OmniFinance.Web/Pages/MyFinanceCharges.razor.rz.scp.css */
.finance-charge-page[b-ti9myzh6ty] { display: grid; gap: 16px; min-width: 0; }
.finance-charge-metrics[b-ti9myzh6ty] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.finance-charge-state[b-ti9myzh6ty] { min-height: 250px; align-content: center; }
.finance-charge-state > div[b-ti9myzh6ty] { display: grid; gap: 5px; }
.finance-charge-state h2[b-ti9myzh6ty], .finance-charge-state p[b-ti9myzh6ty] { margin: 0; }
.finance-charge-state p[b-ti9myzh6ty] { color: var(--finance-text-secondary, var(--omni-color-text-muted)); }
.finance-charge-state-icon[b-ti9myzh6ty] { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 21px; }
.finance-charge-state.error .finance-charge-state-icon[b-ti9myzh6ty] { background: #fee2e2; color: #991b1b; }
.finance-charge-list[b-ti9myzh6ty] { overflow: hidden; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); background: var(--omni-color-surface); box-shadow: var(--omni-shadow-card); }
.finance-charge-list-header[b-ti9myzh6ty] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid var(--omni-color-border); }
.finance-charge-list-header span[b-ti9myzh6ty] { display: block; margin-bottom: 4px; color: var(--omni-color-primary); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.finance-charge-list-header h2[b-ti9myzh6ty] { margin: 0; font-size: 17px; }
.finance-charge-list-header small[b-ti9myzh6ty] { color: var(--finance-text-secondary, var(--omni-color-text-muted)); font-size: 12px; }
.finance-charge-grid[b-ti9myzh6ty] { display: grid; gap: 12px; padding: 14px; background: var(--omni-color-page); }
.finance-charge-card[b-ti9myzh6ty] { position: relative; overflow: hidden; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-card); background: var(--omni-color-surface); transition: border-color .18s ease, box-shadow .18s ease; }
.finance-charge-card[b-ti9myzh6ty]::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--omni-color-primary); content: ""; }
.finance-charge-card.status-overdue[b-ti9myzh6ty]::before { background: #dc2626; }
.finance-charge-card.status-paid[b-ti9myzh6ty]::before { background: #16a34a; }
.finance-charge-card.status-waiting[b-ti9myzh6ty]::before { background: #d97706; }
.finance-charge-card.status-canceled[b-ti9myzh6ty]::before { background: #64748b; }
.finance-charge-card:hover[b-ti9myzh6ty] { border-color: color-mix(in srgb, var(--omni-color-primary) 30%, var(--omni-color-border)); box-shadow: var(--omni-shadow-card); }
.finance-charge-card-main[b-ti9myzh6ty] { display: grid; gap: 16px; padding: 18px 20px 16px 22px; }
.finance-charge-card-header[b-ti9myzh6ty] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.finance-charge-title-wrap[b-ti9myzh6ty] { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.finance-charge-method-icon[b-ti9myzh6ty] { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 13px; background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 18px; }
.finance-charge-code[b-ti9myzh6ty] { margin-bottom: 3px; color: var(--finance-text-secondary, var(--omni-color-text-muted)); font-size: 11px; font-weight: 650; overflow-wrap: anywhere; }
.finance-charge-card h2[b-ti9myzh6ty] { margin: 0; color: var(--omni-color-text); font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }
.finance-charge-method[b-ti9myzh6ty] { display: block; margin-top: 4px; color: var(--finance-text-secondary, var(--omni-color-text-muted)); font-size: 12px; }
.finance-status-badge[b-ti9myzh6ty] { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 5px 9px; border-radius: var(--omni-radius-pill); background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 11px; font-weight: 700; white-space: nowrap; }
.finance-status-badge.paid[b-ti9myzh6ty] { background: #dcfce7; color: #166534; }
.finance-status-badge.overdue[b-ti9myzh6ty] { background: #fee2e2; color: #991b1b; }
.finance-status-badge.waiting[b-ti9myzh6ty] { background: #ffedd5; color: #9a3412; }
.finance-status-badge.canceled[b-ti9myzh6ty] { background: #f1f5f9; color: #475569; }
.finance-status-badge.partial[b-ti9myzh6ty] { background: #e0f2fe; color: #075985; }
.finance-charge-details[b-ti9myzh6ty] { display: grid; grid-template-columns: minmax(160px, .8fr) repeat(2, minmax(160px, 1fr)); gap: 10px; margin: 0; }
.finance-charge-detail[b-ti9myzh6ty] { min-width: 0; padding: 12px 14px; border: 1px solid var(--omni-color-border); border-radius: var(--omni-radius-control); background: var(--omni-color-page); }
.finance-charge-detail.amount[b-ti9myzh6ty] { background: var(--omni-color-primary-soft); border-color: color-mix(in srgb, var(--omni-color-primary) 18%, var(--omni-color-border)); }
.finance-charge-detail dt[b-ti9myzh6ty] { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: var(--finance-text-secondary, var(--omni-color-text-muted)); font-size: 11px; font-weight: 650; }
.finance-charge-detail dt i[b-ti9myzh6ty] { color: var(--omni-color-primary); }
.finance-charge-detail dd[b-ti9myzh6ty] { margin: 0; color: var(--omni-color-text); font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.finance-charge-detail.amount dd[b-ti9myzh6ty] { color: var(--omni-color-primary); font-size: clamp(18px, 2vw, 22px); font-variant-numeric: tabular-nums; }
.finance-charge-detail small[b-ti9myzh6ty] { display: block; margin-top: 3px; color: var(--finance-text-secondary, var(--omni-color-text-muted)); font-size: 11px; }
.finance-charge-detail small.overdue[b-ti9myzh6ty] { color: #b91c1c; font-weight: 700; }
.finance-charge-installment[b-ti9myzh6ty] { display: inline-flex; align-items: center; justify-self: start; gap: 6px; padding: 5px 9px; border-radius: var(--omni-radius-pill); background: var(--omni-color-primary-soft); color: var(--omni-color-primary); font-size: 11px; font-weight: 650; }
.finance-charge-alert[b-ti9myzh6ty] { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: var(--omni-radius-control); font-size: 12px; }
.finance-charge-alert > div[b-ti9myzh6ty] { display: grid; gap: 2px; }
.finance-charge-alert.rejected[b-ti9myzh6ty] { background: #fef2f2; color: #991b1b; }
.finance-charge-alert.waiting[b-ti9myzh6ty] { background: #fff7ed; color: #9a3412; }
.finance-charge-actions[b-ti9myzh6ty] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 20px 12px 22px; border-top: 1px solid var(--omni-color-border); background: color-mix(in srgb, var(--omni-color-page) 72%, transparent); }
.finance-charge-action-group[b-ti9myzh6ty] { display: flex; flex-wrap: wrap; gap: 8px; }
.finance-charge-secondary[b-ti9myzh6ty], .proof-button[b-ti9myzh6ty] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 13px; border-radius: var(--omni-radius-control); font-size: 12px; font-weight: 700; line-height: 1; cursor: pointer; }
.finance-charge-secondary[b-ti9myzh6ty] { border: 1px solid var(--omni-color-border); background: var(--omni-color-surface); color: var(--omni-color-text); }
.finance-charge-secondary:hover[b-ti9myzh6ty] { border-color: var(--omni-color-primary); background: var(--omni-color-primary-soft); color: var(--omni-color-primary); }
.proof-button[b-ti9myzh6ty] { margin: 0; border: 1px solid var(--omni-color-primary); background: var(--omni-color-primary); color: #fff; }
.proof-button input[b-ti9myzh6ty] { display: none; }
.finance-charge-paid-note[b-ti9myzh6ty] { display: inline-flex; align-items: center; gap: 6px; color: #166534; font-size: 12px; font-weight: 650; }
@media (max-width: 900px) { .finance-charge-details[b-ti9myzh6ty] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .finance-charge-detail.amount[b-ti9myzh6ty] { grid-column: 1 / -1; } }
@media (max-width: 700px) { .finance-charge-metrics[b-ti9myzh6ty], .finance-charge-details[b-ti9myzh6ty] { grid-template-columns: minmax(0, 1fr); } .finance-charge-detail.amount[b-ti9myzh6ty] { grid-column: auto; } .finance-charge-card-header[b-ti9myzh6ty], .finance-charge-actions[b-ti9myzh6ty], .finance-charge-list-header[b-ti9myzh6ty] { align-items: stretch; flex-direction: column; } .finance-charge-action-group[b-ti9myzh6ty], .finance-charge-secondary[b-ti9myzh6ty], .proof-button[b-ti9myzh6ty] { width: 100%; } .finance-status-badge[b-ti9myzh6ty] { align-self: flex-start; } }